nonce fixed

https://github.com/status-im/status-go/compare/dcce8e9b...d2c220fe

android/app/build.gradle

@@ -143,6 +143,10 @@ android {
     kotlinOptions {
         jvmTarget = JavaVersion.VERSION_17
     }
+    // Disable default lint checks to remove redundant lintVitalReportRelease task
+    lintOptions {
+        checkReleaseBuilds false
+    }
 
     // https://developer.android.com/studio/projects/install-ndk#vanilla_cmake
     externalNativeBuild {

ci/Jenkinsfile.android

@@ -1,5 +1,5 @@
 #!/usr/bin/env groovy
-library 'status-jenkins-lib@v1.9.13'
+library 'status-jenkins-lib@v1.9.17'
 
 /* Options section can't access functions in objects. */
 def isPRBuild = utils.isPRBuild()

ci/Jenkinsfile.combined

@@ -1,5 +1,5 @@
 #!/usr/bin/env groovy
-library 'status-jenkins-lib@v1.9.13'
+library 'status-jenkins-lib@v1.9.17'
 
 import groovy.json.JsonBuilder
 

ci/Jenkinsfile.e2e-nightly

@@ -1,5 +1,5 @@
 #!/usr/bin/env groovy
-library 'status-jenkins-lib@v1.9.13'
+library 'status-jenkins-lib@v1.9.17'
 
 pipeline {
   agent { label 'linux' }

ci/Jenkinsfile.ios

@@ -1,5 +1,5 @@
 #!/usr/bin/env groovy
-library 'status-jenkins-lib@v1.9.13'
+library 'status-jenkins-lib@v1.9.17'
 
 /* Options section can't access functions in objects. */
 def isPRBuild = utils.isPRBuild()

ci/Jenkinsfile.tests

@@ -1,5 +1,5 @@
 #!/usr/bin/env groovy
-library 'status-jenkins-lib@v1.9.13'
+library 'status-jenkins-lib@v1.9.17'
 
 /* Options section can't access functions in objects. */
 def isPRBuild = utils.isPRBuild()

nix/deps/gradle/deps_hack.sh

@@ -0,0 +1,39 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+# Fallback versions for each dependency
+readonly FOOJAY_FALLBACK="0.5.0"
+readonly KOTLIN_FALLBACK="1.8.0"
+readonly TOOLS_FALLBACK="3.5.4"
+readonly HERMES_FALLBACK="0.73.5"
+
+GIT_ROOT=$(cd "${BASH_SOURCE%/*}" && git rev-parse --show-toplevel)
+cd "${GIT_ROOT}"
+
+get_version() {
+    local file="$1"
+    local pattern="$2"
+    local fallback="$3"
+    local version
+
+    if [[ ! -f "$file" ]]; then
+        echo "$fallback"
+        return 0
+    fi
+
+    version=$(grep "$pattern" "$file" 2>/dev/null | grep -o "[0-9]\+\.[0-9]\+\.[0-9]\+\.*[0-9]*" | tail -n1 || echo "$fallback")
+    echo "$version"
+}
+
+foojay_version=$(get_version "./node_modules/@react-native/gradle-plugin/settings.gradle.kts" "foojay.*version" "$FOOJAY_FALLBACK")
+kotlin_version=$(get_version "./node_modules/@react-native/gradle-plugin/gradle/libs.versions.toml" "kotlin =" "$KOTLIN_FALLBACK")
+tools_version=$(get_version "./patches/BlurView-build.gradle.patch" "gradle:" "$TOOLS_FALLBACK")
+hermes_version=$(get_version "./node_modules/react-native/ReactAndroid/gradle.properties" "VERSION_NAME" "$HERMES_FALLBACK")
+
+
+cat << EOF
+org.gradle.toolchains.foojay-resolver-convention:org.gradle.toolchains.foojay-resolver-convention.gradle.plugin:$foojay_version
+org.jetbrains.kotlin.jvm:org.jetbrains.kotlin.jvm.gradle.plugin:$kotlin_version
+com.android.tools.build:gradle:$tools_version
+com.facebook.react:hermes-android:$hermes_version
+EOF

nix/deps/gradle/generate.sh

@@ -38,16 +38,10 @@ function gen_deps_list() {
     echo -e "${CLR}Found ${GRN}$(wc -l < "${DEPS_LIST}")${RST} direct dependencies..."
 }
 
-# FIXME: Temporary fix for missing packages.
+# FIXME: Fix for missing packages.
 # https://github.com/status-im/status-mobile/issues/15447
 function add_deps_hack() {
-    echo -n \
-'org.gradle.toolchains.foojay-resolver-convention:org.gradle.toolchains.foojay-resolver-convention.gradle.plugin:0.5.0
-org.jetbrains.kotlin.jvm:org.jetbrains.kotlin.jvm.gradle.plugin:1.8.0
-com.android.tools.build:gradle:3.5.4
-com.android.tools.lint:lint-gradle:31.1.1
-com.facebook.react:hermes-android:0.73.5' \
-        >> "${DEPS_LIST}"
+   "${CUR_DIR}/deps_versions.sh" >> "${DEPS_LIST}"
 }
 
 # Find download URLs for each dependency.

nix/deps/gradle/get_deps.sh

@@ -1,8 +1,8 @@
 #!/usr/bin/env bash
 
 # This script generates a list of dependencies for the main project and its
-# sub-projects defined using Gradle config files. It parses Gradle output of
-# 'dependencies' and 'buildEnvironment` tasks using AWK.
+# sub-projects defined using Gradle config files. It uses github-dependency-graph-gradle-plugin:
+# https://github.com/gradle/github-dependency-graph-gradle-plugin?tab=readme-ov-file#using-the-plugin-to-generate-dependency-reports
 
 set -Eeuo pipefail
 

nix/status-go/mobile/build.nix

@@ -1,4 +1,4 @@
-{ callPackage, lib, buildGoPackage
+{ callPackage, lib, buildGoPackage, pkgs
 , androidPkgs, openjdk, gomobile, xcodeWrapper, removeReferencesTo
 , go-bindata, mockgen, protobuf3_20, protoc-gen-go
 , meta
@@ -15,6 +15,8 @@ let
   isIOS = platform == "ios";
   isAndroid = platform == "android";
   enforceXCodeAvailable = callPackage ./enforceXCodeAvailable.nix { };
+  # Fixes fatal: not a git repository (or any of the parent directories): .git
+  fakeGit = pkgs.writeScriptBin "git" "echo ${source.version}";
 
 in buildGoPackage rec {
   pname = source.repo;
@@ -29,7 +31,7 @@ in buildGoPackage rec {
 
   extraSrcPaths = [ gomobile ];
   nativeBuildInputs = [
-    gomobile removeReferencesTo go-bindata mockgen protoc-gen-go protobuf3_20
+    gomobile removeReferencesTo go-bindata mockgen protoc-gen-go protobuf3_20 fakeGit
   ] ++ optional isAndroid openjdk
     ++ optional isIOS xcodeWrapper;
 

nix/status-go/source.nix

@@ -13,8 +13,8 @@ let
     repo = "status-go";
     rev = "unknown";
     shortRev = rev;
-    rawVersion = "develop";
-    cleanVersion = rawVersion;
+    version = "unknown";
+    cleanVersion = version;
     goPackagePath = "github.com/${owner}/${repo}";
     # We use builtins.path so that we can name the resulting derivation,
     # Normally the name would not be deterministic, taken from the checkout directory.
@@ -43,7 +43,6 @@ let
     inherit (versionJSON) owner repo version;
     rev = versionJSON.commit-sha1;
     shortRev = strings.substring 0 7 rev;
-    rawVersion = versionJSON.version;
     cleanVersion = lib.sanitizeVersion versionJSON.version;
     # Need to pretend this is from status-im to let Go build it.
     goPackagePath = "github.com/status-im/${repo}";

src/native_module/core.cljs

@@ -253,15 +253,19 @@
 
 (defn hash-typed-data
   "used for keycard"
-  [data callback]
-  (log/debug "[native-module] hash-typed-data")
-  (.hashTypedData ^js (encryption) data callback))
+  ([data]
+   (native-utils/promisify-native-module-call hash-typed-data data))
+  ([data callback]
+   (log/debug "[native-module] hash-typed-data")
+   (.hashTypedData ^js (encryption) data callback)))
 
 (defn hash-typed-data-v4
   "used for keycard"
-  [data callback]
-  (log/debug "[native-module] hash-typed-data-v4")
-  (.hashTypedDataV4 ^js (encryption) data callback))
+  ([data]
+   (native-utils/promisify-native-module-call hash-typed-data-v4 data))
+  ([data callback]
+   (log/debug "[native-module] hash-typed-data-v4")
+   (.hashTypedDataV4 ^js (encryption) data callback)))
 
 (defn send-transaction-with-signature
   "used for keycard"

src/quo/components/blur/view.cljs

@@ -10,11 +10,10 @@
   ([{:keys [style]} child]
    (let [theme (quo.theme/use-theme)]
      [rn/view
-      {:style (assoc style
-                     :pointer-events :box-none
-                     :background-color
-                     (or (:background-color style)
-                         (colors/theme-colors colors/white colors/neutral-80 theme)))}
+      {:style [style
+               {:pointer-events   :box-none
+                :background-color (or (:background-color style)
+                                      (colors/theme-colors colors/white colors/neutral-80 theme))}]}
       child])))
 
 (def view (if platform/ios? blur/view view-android))

src/quo/components/buttons/button/style.cljs

@@ -56,62 +56,63 @@
                       24 8
                       12))})
 
-(defn style-container
+(defn container-styles
   [{:keys [size disabled? border-radius background-color border-color icon-only? icon-top
-           icon-left icon-right]}]
-  (merge {:height             size
-          :align-items        :center
-          :justify-content    :center
-          :flex-direction     (if icon-top :column :row)
-          :padding-horizontal (when-not (or icon-only? icon-left icon-right)
-                                (case size
-                                  56 (if border-color 10 11)
-                                  40 16
-                                  32 12
-                                  24 7
-                                  16))
-          :padding-left       (when-not (or icon-only? icon-left)
-                                (case size
-                                  56 nil
-                                  40 16
-                                  32 12
-                                  24 8
-                                  16))
-          :padding-right      (when-not (or icon-only? icon-right)
-                                (case size
-                                  56 nil
-                                  40 16
-                                  32 12
-                                  24 8
-                                  16))
-          :padding-top        (when-not (or icon-only? icon-left icon-right)
-                                (case size
-                                  56 0
-                                  40 (if border-color 8 9)
-                                  32 (if border-color 4 5)
-                                  24 0
-                                  (if border-color 8 9)))
-          :padding-bottom     (when-not (or icon-only? icon-left icon-right)
-                                (case size
-                                  56 0
-                                  40 9
-                                  32 5
-                                  24 0
-                                  9))
-          :overflow           :hidden
-          :background-color   (if disabled? (colors/alpha background-color 0.3) background-color)
-          :border-radius      (if border-radius
-                                border-radius
-                                (case size
-                                  56 12
-                                  40 12
-                                  32 10
-                                  24 8
-                                  12))
-          :border-color       border-color
-          :border-width       (when border-color 1)}
-         (when icon-only?
-           {:width size})
-         (when border-color
-           {:border-color border-color
-            :border-width 1})))
+           icon-left icon-right inner-style]}]
+  [{:height             size
+    :align-items        :center
+    :justify-content    :center
+    :flex-direction     (if icon-top :column :row)
+    :padding-horizontal (when-not (or icon-only? icon-left icon-right)
+                          (case size
+                            56 (if border-color 10 11)
+                            40 16
+                            32 12
+                            24 7
+                            16))
+    :padding-left       (when-not (or icon-only? icon-left)
+                          (case size
+                            56 nil
+                            40 16
+                            32 12
+                            24 8
+                            16))
+    :padding-right      (when-not (or icon-only? icon-right)
+                          (case size
+                            56 nil
+                            40 16
+                            32 12
+                            24 8
+                            16))
+    :padding-top        (when-not (or icon-only? icon-left icon-right)
+                          (case size
+                            56 0
+                            40 (if border-color 8 9)
+                            32 (if border-color 4 5)
+                            24 0
+                            (if border-color 8 9)))
+    :padding-bottom     (when-not (or icon-only? icon-left icon-right)
+                          (case size
+                            56 0
+                            40 9
+                            32 5
+                            24 0
+                            9))
+    :overflow           :hidden
+    :background-color   (if disabled? (colors/alpha background-color 0.3) background-color)
+    :border-radius      (if border-radius
+                          border-radius
+                          (case size
+                            56 12
+                            40 12
+                            32 10
+                            24 8
+                            12))
+    :border-color       border-color
+    :border-width       (when border-color 1)}
+   (when icon-only?
+     {:width size})
+   (when border-color
+     {:border-color border-color
+      :border-width 1})
+   inner-style])

src/quo/components/buttons/button/view.cljs

@@ -62,12 +62,9 @@
       :on-press                on-press
       :allow-multiple-presses? allow-multiple-presses?
       :on-long-press           on-long-press
-      :style                   (merge
-                                (style/shape-style-container size border-radius)
-                                container-style)}
+      :style                   [(style/shape-style-container size border-radius) container-style]}
      [rn/view
-      {:style (merge
-               (style/style-container {:size             size
+      {:style (style/container-styles {:size             size
                                        :disabled?        disabled?
                                        :border-radius    border-radius
                                        :background-color background-color
@@ -75,8 +72,8 @@
                                        :icon-only?       icon-only?
                                        :icon-top         icon-top
                                        :icon-left        icon-left
-                                       :icon-right       icon-right})
-               inner-style)}
+                                       :icon-right       icon-right
+                                       :inner-style      inner-style})}
       (when overlay-customization-color
         [customization-colors/overlay
          {:customization-color overlay-customization-color

src/quo/components/buttons/predictive_keyboard/view.cljs

@@ -58,7 +58,7 @@
 
         :error
         [info-message/view
-         {:icon   :i/info
+         {:icon   :i/alert
           :size   :default
           :status :error}
          text]

src/quo/components/colors/color/style.cljs

@@ -30,7 +30,8 @@
      selected?   (assoc :border-top-color    (colors/alpha color 0.4)
                         :border-end-color    (colors/alpha color 0.4)
                         :border-bottom-color (colors/alpha color 0.2)
-                        :border-start-color  (colors/alpha color 0.2))
+                        :border-start-color  (colors/alpha color 0.2)
+                        :border-color        nil)
      (zero? idx) (assoc :margin-left -4))))
 
 (defn color-circle

src/quo/components/drawers/bottom_actions/view.cljs

@@ -31,7 +31,8 @@
       [:scroll? {:optional true} [:maybe :boolean]]
       [:blur? {:optional true} [:maybe :boolean]]
       [:container-style {:optional true} [:maybe :map]]
-      [:buttons-container-style {:optional true} [:maybe :map]]]]]
+      [:buttons-container-style {:optional true} [:maybe :map]]
+      [:buttons-style {:optional true} [:maybe :map]]]]]
    :any])
 
 (def ^:private role-icon
@@ -43,10 +44,9 @@
 (defn- view-internal
   [{:keys [actions description description-text description-top-text error-message role button-one-label
            button-two-label blur? button-one-props button-two-props scroll? container-style
-           buttons-container-style context-tag-props]}]
+           buttons-container-style buttons-style context-tag-props]}]
   (let [theme (quo.theme/use-theme)]
-    [rn/view
-     {:style (merge (style/container scroll? blur? theme) container-style)}
+    [rn/view {:style (merge (style/container scroll? blur? theme) container-style)}
      (when (= description :top-error)
        [rn/view {:style style/error-message}
         [icon/icon
@@ -82,7 +82,7 @@
         [button/button
          (merge
           {:size                40
-           :container-style     style/button-container
+           :container-style     (merge style/button-container buttons-style)
            :background          (when (or blur? scroll?) :blur)
            :theme               theme
            :accessibility-label :button-two}
@@ -91,7 +91,7 @@
       [button/button
        (merge
         {:size                40
-         :container-style     style/button-container
+         :container-style     (merge style/button-container buttons-style)
          :background          (when (or blur? scroll?) :blur)
          :theme               theme
          :accessibility-label :button-one}

src/quo/components/drawers/documentation_drawers/style.cljs

@@ -13,11 +13,11 @@
 
 (def content
   {:align-items   :flex-start
-   :margin-top    8
    :margin-bottom (+ (safe-area/get-bottom) 12)})
 
 (defn title
   [theme]
-  {:color (colors/theme-colors colors/neutral-100
-                               colors/white
-                               theme)})
+  {:color         (colors/theme-colors colors/neutral-100
+                                       colors/white
+                                       theme)
+   :margin-bottom 8})

src/quo/components/drawers/documentation_drawers/view.cljs

@@ -24,12 +24,13 @@
       :always-bounce-vertical            false
       :content-inset-adjustment-behavior :never}
      [rn/view {:style style/container}
-      [text/text
-       {:size                :heading-2
-        :accessibility-label :documentation-drawer-title
-        :style               (style/title theme)
-        :weight              :semi-bold}
-       title]
+      (when title
+        [text/text
+         {:size                :heading-2
+          :accessibility-label :documentation-drawer-title
+          :style               (style/title theme)
+          :weight              :semi-bold}
+         title])
       [rn/view {:style style/content :accessibility-label :documentation-drawer-content}
        content
        (when show-button?

src/quo/components/drawers/drawer_top/view.cljs

@@ -57,17 +57,10 @@
        :container-style style/keycard-icon}])])
 
 (defn- account-subtitle
-  [{:keys [networks theme blur? description]}]
-  (if networks
-    [address-text/view
-     {:networks networks
-      :address  description
-      :format   :short}]
-    [text/text
-     {:size   :paragraph-2
-      :weight :regular
-      :style  (style/description theme blur?)}
-     description]))
+  [{:keys [description]}]
+  [address-text/view
+   {:address description
+    :format  :short}])
 
 (defn- default-keypair-subtitle
   [{:keys [description theme blur?]}]
@@ -109,7 +102,7 @@
    description])
 
 (defn- subtitle
-  [{:keys [type theme blur? stored networks description community-name community-logo
+  [{:keys [type theme blur? stored description community-name community-logo
            context-tag-type account-name emoji customization-color full-name profile-picture context
            icon]}]
   (cond
@@ -121,8 +114,7 @@
 
     (= :account type)
     [account-subtitle
-     {:networks    networks
-      :theme       theme
+     {:theme       theme
       :blur?       blur?
       :description description}]
 
@@ -205,11 +197,11 @@
 (defn view
   [{:keys [title title-icon type description blur? community-name community-logo button-icon
            account-name emoji context-tag-type button-type container-style
-           on-button-press on-button-long-press profile-picture stored networks label full-name
+           on-button-press on-button-long-press profile-picture stored label full-name
            button-disabled? account-avatar-emoji account-avatar-type customization-color icon-avatar
            context icon]}]
   (let [theme (quo.theme/use-theme)]
-    [rn/view {:style (merge style/container container-style)}
+    [rn/view {:style [style/container container-style]}
      (when (left-image-supported-types type)
        [rn/view {:style style/left-container}
         [left-image
@@ -233,7 +225,6 @@
         :theme               theme
         :blur?               blur?
         :stored              stored
-        :networks            networks
         :description         description
         :community-name      community-name
         :community-logo      community-logo

src/quo/components/empty_state/empty_state/styles.cljs

@@ -35,4 +35,4 @@
 (def image-placeholder
   {:width            80
    :height           80
-   :background-color colors/danger})
+   :background-color colors/danger-50})

src/quo/components/gradient/gradient_cover/view.cljs

@@ -18,5 +18,5 @@
         :colors              [color-top color-bottom]
         :start               {:x 0 :y 0}
         :end                 {:x 0 :y 1}
-        :style               (merge (style/root-container opacity height)
-                                    container-style)}])))
+        :style               [(style/root-container opacity height)
+                              container-style]}])))

src/quo/components/inputs/address_input/view.cljs

@@ -53,7 +53,7 @@
     (colors/theme-colors colors/neutral-30 colors/neutral-60 theme)))
 
 (defn address-input
-  [{:keys [default-value blur? on-change-text on-blur on-focus on-clear on-scan
+  [{:keys [default-value blur? on-change-text on-blur on-focus on-clear on-scan on-paste
            on-detect-ens on-detect-address on-detect-unclassified address-regex ens-regex
            valid-ens-or-address? container-style]}]
   (let [theme                  (quo.theme/use-theme)
@@ -82,12 +82,13 @@
                                                (not ens?)
                                                on-detect-unclassified)
                                       (on-detect-unclassified text)))))
-        on-paste               (rn/use-callback
-                                (fn []
-                                  (clipboard/get-string
-                                   (fn [clipboard]
-                                     (when-not (empty? clipboard)
-                                       (on-change clipboard))))))
+        on-paste               (rn/use-callback #(if (fn? on-paste)
+                                                   (on-paste on-change)
+                                                   (clipboard/get-string
+                                                    (fn [clipboard]
+                                                      (when-not (empty? clipboard)
+                                                        (on-change clipboard)))))
+                                                [on-paste])
         on-clear               (rn/use-callback
                                 (fn []
                                   (on-change "")

src/quo/components/inputs/input/style.cljs

@@ -31,7 +31,7 @@
        :placeholder  (colors/theme-colors colors/neutral-80-opa-20 colors/white-opa-20 theme)
        :text         (colors/theme-colors colors/neutral-100 colors/white theme)}
       :error
-      {:border-color (colors/theme-colors colors/danger-opa-40 colors/danger-opa-40 theme)
+      {:border-color colors/danger-50-opa-40
        :placeholder  (colors/theme-colors colors/neutral-80-opa-40 colors/white-opa-40 theme)
        :text         (colors/theme-colors colors/neutral-100 colors/white theme)}
       :disabled
@@ -48,7 +48,7 @@
        :placeholder  (colors/theme-colors colors/neutral-30 colors/neutral-60 theme)
        :text         (colors/theme-colors colors/neutral-100 colors/white theme)}
       :error
-      {:border-color (colors/theme-colors colors/danger-opa-40 colors/danger-opa-40 theme)
+      {:border-color colors/danger-50-opa-40
        :placeholder  (colors/theme-colors colors/neutral-40 colors/white-opa-40 theme)
        :text         (colors/theme-colors colors/neutral-100 colors/white theme)}
       :disabled

src/quo/components/inputs/input/view.cljs

@@ -131,7 +131,7 @@
          :char-limit     char-limit
          :theme          theme}])
      [rn/view
-      {:style (merge (style/input-container colors-by-status small? disabled?) input-container-style)}
+      {:style [(style/input-container colors-by-status small? disabled?) input-container-style]}
       (when-let [{:keys [icon-name]} left-icon]
         [left-accessory
          {:variant-colors variant-colors

src/quo/components/keycard/component_spec.cljs

@@ -4,11 +4,7 @@
     [test-helpers.component :as h]))
 
 (h/describe "keycard component"
-  (h/test "Render of keycard component when: holder-name prop is not set"
-    (h/render [keycard/keycard])
-    (h/is-truthy (h/get-by-translation-text :t/empty-keycard)))
-
-  (h/test "Render of keycard component when: holder-name prop is set"
-    (let [holder-name "Alisha"]
+  (let [holder-name "Alisha"]
+    (h/test "Render of keycard component when: holder-name prop is set"
       (h/render [keycard/keycard {:holder-name holder-name}])
       (h/is-truthy (h/get-by-translation-text :t/user-keycard {:name holder-name})))))

src/quo/components/keycard/style.cljs

@@ -6,21 +6,21 @@
 (def keycard-chip-height 28)
 
 (defn card-container
-  [locked? theme]
+  [locked? theme blur?]
   {:overflow         :hidden
    :height           keycard-height
    :align-items      :flex-start
    :justify-content  :space-between
    :border-width     1
-   :border-color     (if locked?
+   :border-color     (if (or locked? blur?)
                        colors/white-opa-5
                        (colors/theme-colors colors/neutral-20 colors/neutral-80 theme))
    :border-style     :solid
    :border-radius    16
    :padding          16
    :background-color (if locked?
-                       (colors/theme-colors colors/danger colors/danger-opa-40 theme)
-                       (colors/theme-colors colors/neutral-5 colors/neutral-90 theme))})
+                       (colors/theme-colors colors/danger-50 colors/danger-50-opa-40 theme)
+                       colors/keycard-color)})
 
 (defn keycard-logo
   [locked? theme]
@@ -28,18 +28,6 @@
                  colors/white
                  (colors/theme-colors colors/neutral-100 colors/white theme))})
 
-(defn keycard-watermark
-  [locked? theme]
-  {:position   :absolute
-   :tint-color (if locked?
-                 colors/white-opa-5
-                 (colors/theme-colors colors/neutral-100 colors/white theme))
-   :align-self :center
-   :height     280.48
-   :transform  [{:rotate "-30deg"} {:translateY -30}]
-   :opacity    (when-not locked? 0.02)
-   :z-index    1})
-
 (def keycard-chip
   {:height   keycard-chip-height
    :position :absolute

src/quo/components/keycard/view.cljs

@@ -1,5 +1,6 @@
 (ns quo.components.keycard.view
   (:require
+    [clojure.string :as string]
     [quo.components.keycard.style :as style]
     [quo.components.tags.tag :as tag]
     [quo.foundations.colors :as colors]
@@ -14,12 +15,9 @@
   - :locked? - Boolean to specify whether the keycard is locked or not
   - :theme :light/:dark
   "
-  [{:keys [holder-name locked?]}]
-  (let [theme (quo.theme/use-theme)
-        label (if holder-name
-                (i18n/label :t/user-keycard {:name holder-name})
-                (i18n/label :t/empty-keycard))]
-    [rn/view {:style (style/card-container locked? theme)}
+  [{:keys [holder-name locked? blur?]}]
+  (let [theme (quo.theme/use-theme)]
+    [rn/view {:style (style/card-container locked? theme blur?)}
      [rn/image
       {:source (resources/get-image :keycard-logo)
        :style  (style/keycard-logo locked? theme)}]
@@ -27,16 +25,14 @@
       {:source (resources/get-image
                 (if (or locked? (= :dark theme)) :keycard-chip-dark :keycard-chip-light))
        :style  style/keycard-chip}]
-     [rn/image
-      {:source (resources/get-image :keycard-watermark)
-       :style  (style/keycard-watermark locked? theme)}]
-     [tag/tag
-      {:size                32
-       :type                (when locked? :icon)
-       :label               label
-       :labelled?           true
-       :blurred?            true
-       :resource            (when locked? :i/locked)
-       :accessibility-label :holder-name
-       :icon-color          colors/white-70-blur
-       :override-theme      (when locked? :dark)}]]))
+     (when-not (string/blank? holder-name)
+       [tag/tag
+        {:size                32
+         :type                (when locked? :icon)
+         :label               (i18n/label :t/user-keycard {:name holder-name})
+         :labelled?           true
+         :blurred?            true
+         :resource            (when locked? :i/locked)
+         :accessibility-label :holder-name
+         :icon-color          colors/white-70-blur
+         :override-theme      (when locked? :dark)}])]))

src/quo/components/list_items/account_list_card/component_spec.cljs

@@ -15,7 +15,6 @@
   (h/test "Test icon renders for ':action :icon'"
     (h/render-with-theme-provider [account-list-card/view
                                    {:account-props    account-props
-                                    :network          :ethereum
                                     :action           :icon
                                     :on-options-press (fn [])}])
     (h/is-truthy (h/get-by-label-text :icon))))

src/quo/components/list_items/account_list_card/view.cljs

@@ -12,7 +12,7 @@
     [schema.core :as schema]))
 
 (defn- internal-view
-  [{:keys [action blur? account-props networks on-press on-options-press]}]
+  [{:keys [action blur? account-props on-press on-options-press]}]
   (let [theme             (quo.theme/use-theme)
         [state set-state] (rn/use-state :default)
         on-press-in       (rn/use-callback #(set-state :pressed))
@@ -31,10 +31,9 @@
          :size   :paragraph-2}
         (:name account-props)]
        [address-text/view
-        {:blur?    blur?
-         :networks networks
-         :address  (:address account-props)
-         :format   :short}]]]
+        {:blur?   blur?
+         :address (:address account-props)
+         :format  :short}]]]
      (when (= action :icon)
        [rn/pressable {:on-press on-options-press}
         [icon/icon :i/options

src/quo/components/list_items/user.cljs

@@ -21,13 +21,13 @@
   [{:keys [type on-press on-check disabled? checked? child]} customization-color theme]
   (if (= type :custom)
     child
-    [rn/touchable-opacity
-     {:on-press on-press}
+    [rn/touchable-opacity {:on-press on-press}
      (case type
        :options
        [icons/icon :i/options
         {:size  20
          :color (colors/theme-colors colors/neutral-50 colors/neutral-40 theme)}]
+
        :checkbox
        [selectors/view
         {:type                :checkbox
@@ -36,6 +36,7 @@
          :accessibility-label :user-list-toggle-check
          :disabled?           disabled?
          :on-change           (when on-check on-check)}]
+
        :close
        [text/text "not implemented"]
        [rn/view])]))

src/quo/components/messages/gap.cljs

@@ -48,7 +48,7 @@
                            :margin-left        -4}
                           (if (= type :top)
                             {:top 0}
-                            {:transform [{:rotateZ "180deg"}]
+                            {:transform [{:rotate-z "180deg"}]
                              :bottom    0})
                           style)}]))
 

src/quo/components/onboarding/small_option_card/view.cljs

@@ -35,7 +35,7 @@
      subtitle]]])
 
 (defn- main-variant
-  [{:keys [title subtitle button-label image max-height accessibility-label on-press button-type]}]
+  [{:keys [title subtitle button-label image max-height accessibility-label on-press button-props]}]
   [rn/view {:style style/main-variant}
    [rn/view {:style style/main-variant-text-container}
     [text/text
@@ -56,17 +56,20 @@
      :resize-mode         :contain
      :source              image}]
    [button/button
-    {:on-press            on-press
-     :accessibility-label accessibility-label
-     :type                (or button-type :grey)
-     :size                40
-     :container-style     style/main-button
-     :theme               :dark
-     :background          :blur}
+    (merge
+     {:on-press            on-press
+      :accessibility-label accessibility-label
+      :type                :grey
+      :size                40
+      :container-style     style/main-button
+      :theme               :dark
+      :background          :blur}
+     button-props)
     button-label]])
 
 (defn small-option-card
-  [{:keys [variant title subtitle button-label image max-height on-press accessibility-label button-type]
+  [{:keys [variant title subtitle button-label image max-height on-press accessibility-label
+           button-props container-style]
     :or   {variant :main accessibility-label :small-option-card}}]
   (let [main-variant?  (= variant :main)
         card-component (if main-variant? main-variant icon-variant)
@@ -74,7 +77,7 @@
                          (not main-variant?) style/icon-variant-height
                          max-height          (min max-height style/main-variant-height)
                          :else               style/main-variant-height)]
-    [rn/view {:style (style/card card-height)}
+    [rn/view {:style (merge (style/card card-height) container-style)}
      [card-component
       {:title               title
        :subtitle            subtitle
@@ -83,4 +86,4 @@
        :accessibility-label accessibility-label
        :image               image
        :max-height          max-height
-       :button-type         button-type}]]))
+       :button-props        button-props}]]))

src/quo/components/selectors/disclaimer/style.cljs

@@ -15,7 +15,8 @@
      :border-color     (colors/theme-colors colors/neutral-20 dark-border theme)}))
 
 (def text
-  {:margin-left 8})
+  {:flex        1
+   :margin-left 8})
 
 (def icon-container
   {:align-items :flex-end

src/quo/components/settings/category/data_item/view.cljs

@@ -10,7 +10,7 @@
   [{:keys [label data container-style blur?]}]
   (let [theme     (quo.theme/use-theme)
         last-item (rn/use-memo #(last data) [data])]
-    [rn/view {:style (merge (style/container label) container-style)}
+    [rn/view {:style [(style/container label) container-style]}
      (when label
        [text/text
         {:weight :medium
@@ -29,4 +29,3 @@
          [data-item/view data-item-props]
          (when-not (= item last-item)
            [rn/view {:style (style/settings-separator blur? theme)}])])]]))
-

src/quo/components/settings/category/reorder/view.cljs

@@ -24,7 +24,7 @@
         separator                 (rn/use-memo (fn [] [rn/view
                                                        {:style (style/reorder-separator blur? theme)}])
                                                [blur? theme])]
-    [rn/view {:style (merge (style/container label) container-style)}
+    [rn/view {:style [(style/container label) container-style]}
      [text/text
       {:weight :medium
        :size   :paragraph-2

src/quo/components/settings/category/settings/view.cljs

@@ -11,7 +11,7 @@
   (let [theme          (quo.theme/use-theme)
         settings-items (remove nil? data)
         last-index     (dec (count settings-items))]
-    [rn/view {:style (merge (style/container label) container-style)}
+    [rn/view {:style [(style/container label) container-style]}
      (when label
        [text/text
         {:weight :medium

src/quo/components/share/qr_code/style.cljs

@@ -10,12 +10,7 @@
     {:flex 1}))
 
 (def avatar-overlay
-  {:position        :absolute
-   :top             0
-   :right           0
-   :left            0
-   :bottom          0
-   :justify-content :center
+  {:justify-content :center
    :align-items     :center})
 
 (defn qr-image

src/quo/components/share/qr_code/view.cljs

@@ -11,7 +11,7 @@
 (defn- avatar-image
   [{avatar-type :avatar
     :as         props}]
-  [rn/view {:style style/avatar-overlay}
+  [rn/view {:style [rn/stylesheet-absolute-fill style/avatar-overlay]}
    [rn/view
     {:style (case avatar-type
               :wallet-account style/avatar-container-rounded

src/quo/components/share/share_qr_code/component_spec.cljs

@@ -13,8 +13,6 @@
   {:type            :profile
    :profile-picture 123})
 
-(def wallet-props {:networks '(:ethereum)})
-
 (def text-press-event
   {:test-name           "Text pressed"
    :accessibility-label :share-qr-code-info-text
@@ -33,24 +31,6 @@
    :event-name          :press
    :callback-prop-key   :on-share-press})
 
-(def multichain-press-event
-  {:test-name           "Multichain tab pressed"
-   :accessibility-label :share-qr-code-multichain-tab
-   :event-name          :press
-   :callback-prop-key   :on-multichain-press})
-
-(def legacy-press-event
-  {:test-name           "Legacy tab pressed"
-   :accessibility-label :share-qr-code-legacy-tab
-   :event-name          :press
-   :callback-prop-key   :on-legacy-press})
-
-(def settings-press-event
-  {:test-name           "Settings pressed"
-   :accessibility-label :share-qr-code-settings
-   :event-name          :press
-   :callback-prop-key   :on-settings-press})
-
 (defn render-share-qr-code
   [props]
   ;; NOTE: rendering the profile type first, so that the re-render is triggered.
@@ -74,45 +54,22 @@
       (h/is-truthy (h/get-by-text qr-label)))
 
     (h/test "Wallet Legacy"
-      (render-share-qr-code (merge default-props
-                                   wallet-props
-                                   {:type    :wallet
-                                    :address :legacy}))
+      (render-share-qr-code (assoc default-props
+                                   :type
+                                   :wallet))
       (h/is-truthy (h/get-by-text qr-label)))
 
-    (h/test "Wallet multichain"
-      (render-share-qr-code (merge default-props
-                                   wallet-props
-                                   {:type    :wallet
-                                    :address :multichain}))
+    (h/test "Saved address"
+      (render-share-qr-code (assoc default-props
+                                   :type
+                                   :saved-address))
       (h/is-truthy (h/get-by-text qr-label)))
 
-    (h/test "Saved address legacy"
-      (render-share-qr-code (merge default-props
-                                   wallet-props
-                                   {:type    :saved-address
-                                    :address :legacy}))
-      (h/is-truthy (h/get-by-text qr-label)))
 
-    (h/test "Saved address multichain"
-      (render-share-qr-code (merge default-props
-                                   wallet-props
-                                   {:type    :saved-address
-                                    :address :multichain}))
-      (h/is-truthy (h/get-by-text qr-label)))
-
-    (h/test "Watched address legacy"
-      (render-share-qr-code (merge default-props
-                                   wallet-props
-                                   {:type    :watched-address
-                                    :address :legacy}))
-      (h/is-truthy (h/get-by-text qr-label)))
-
-    (h/test "Watched address multichain"
-      (render-share-qr-code (merge default-props
-                                   wallet-props
-                                   {:type    :watched-address
-                                    :address :multichain}))
+    (h/test "Watched address"
+      (render-share-qr-code (assoc default-props
+                                   :type
+                                   :watched-address))
       (h/is-truthy (h/get-by-text qr-label))))
 
   (h/describe "Fires all events for all types"
@@ -136,78 +93,27 @@
 
       (h/describe "Wallet Legacy"
         (test-fire-events
-         (merge default-props
-                wallet-props
-                {:type    :wallet
-                 :address :legacy
-                 :emoji   "👻"})
+         (assoc default-props
+                :type  :wallet
+                :emoji "👻")
          [text-press-event
           text-long-press-event
-          share-press-event
-          multichain-press-event
-          legacy-press-event]))
+          share-press-event]))
 
-      (h/describe "Wallet Multichain"
+      (h/describe "Saved Address"
         (test-fire-events
-         (merge default-props
-                wallet-props
-                {:type    :wallet
-                 :address :multichain
-                 :emoji   "👻"})
+         (assoc default-props
+                :type
+                :saved-address)
          [text-press-event
           text-long-press-event
-          share-press-event
-          legacy-press-event
-          multichain-press-event
-          settings-press-event]))
+          share-press-event]))
 
-      (h/describe "Saved Address Legacy"
+      (h/describe "Watched Address"
         (test-fire-events
-         (merge default-props
-                wallet-props
-                {:type    :saved-address
-                 :address :legacy})
+         (assoc default-props
+                :type  :watched-address
+                :emoji "👽")
          [text-press-event
           text-long-press-event
-          share-press-event
-          legacy-press-event
-          multichain-press-event]))
-
-      (h/describe "Saved Address Multichain"
-        (test-fire-events
-         (merge default-props
-                wallet-props
-                {:type :saved-address :address :multichain})
-         [text-press-event
-          text-long-press-event
-          share-press-event
-          legacy-press-event
-          multichain-press-event
-          settings-press-event]))
-
-      (h/describe "Watched Address Legacy"
-        (test-fire-events
-         (merge default-props
-                wallet-props
-                {:type    :watched-address
-                 :address :legacy
-                 :emoji   "👽"})
-         [text-press-event
-          text-long-press-event
-          share-press-event
-          legacy-press-event
-          multichain-press-event]))
-
-      (h/describe "Watched Address Multichain"
-        (test-fire-events
-         (merge default-props
-                wallet-props
-                {:type    :watched-address
-                 :address :multichain
-                 :emoji   "👽"})
-         [text-press-event
-          text-long-press-event
-          share-press-event
-          legacy-press-event
-          multichain-press-event
-          settings-press-event])))))
+          share-press-event])))))

src/quo/components/share/share_qr_code/schema.cljs

@@ -1,10 +1,4 @@
-(ns quo.components.share.share-qr-code.schema
-  (:require
-    [quo.foundations.resources :as resources]))
-
-(defn- valid-network?
-  [network]
-  (-> network resources/get-network boolean))
+(ns quo.components.share.share-qr-code.schema)
 
 (def ?base
   [:map
@@ -35,25 +29,9 @@
    [:type [:= :wallet]]
    [:emoji {:optional true} [:maybe ?emoji]]])
 
-(def ?address-multichain
-  [:map
-   [:address [:= :multichain]]
-   [:on-settings-press {:optional true} fn?]])
-
-(def ?address-base
-  [:merge
-   [:map
-    [:networks [:sequential [:fn valid-network?]]]
-    [:on-legacy-press {:optional true} [:maybe fn?]]
-    [:on-multichain-press {:optional true} [:maybe fn?]]
-    [:address [:enum :legacy :multichain]]]
-   [:multi {:dispatch :address}
-    [:multichain ?address-multichain]]])
-
 (def ?saved-address
   [:map
-   [:type [:= :saved-address]]
-   [:on-settings-press {:optional true} fn?]])
+   [:type [:= :saved-address]]])
 
 (def ?watched-address
   [:map
@@ -67,8 +45,8 @@
      [:multi {:dispatch :type}
       [:channel [:merge ?base ?channel]]
       [:profile [:merge ?base ?profile]]
-      [:wallet [:merge ?base ?address-base ?wallet]]
-      [:saved-address [:merge ?base ?address-base ?saved-address]]
-      [:watched-address [:merge ?base ?address-base ?watched-address]]]]]
+      [:wallet [:merge ?base ?wallet]]
+      [:saved-address [:merge ?base ?saved-address]]
+      [:watched-address [:merge ?base ?watched-address]]]]]
    :any])
 

src/quo/components/share/share_qr_code/view.cljs

@@ -12,37 +12,12 @@
             [quo.components.share.qr-code.view :as qr-code]
             [quo.components.share.share-qr-code.schema :as component-schema]
             [quo.components.share.share-qr-code.style :as style]
-            [quo.components.tabs.tab.view :as tab]
-            [quo.components.wallet.address-text.view :as address-text]
             [quo.foundations.colors :as colors]
             [quo.theme]
             [react-native.core :as rn]
             [schema.core :as schema]
             [utils.i18n :as i18n]))
 
-(defn- header
-  [{:keys [on-legacy-press on-multichain-press address]}]
-  [rn/view {:style style/header-container}
-   [tab/view
-    {:accessibility-label         :share-qr-code-multichain-tab
-     :id                          :wallet-multichain-tab
-     :active-item-container-style style/header-tab-active
-     :item-container-style        style/header-tab-inactive
-     :size                        24
-     :active                      (= :multichain address)
-     :on-press                    on-multichain-press}
-    (i18n/label :t/multichain)]
-   [rn/view {:style style/space-between-tabs}]
-   [tab/view
-    {:accessibility-label         :share-qr-code-legacy-tab
-     :id                          :wallet-legacy-tab
-     :active-item-container-style style/header-tab-active
-     :item-container-style        style/header-tab-inactive
-     :size                        24
-     :active                      (= :legacy address)
-     :on-press                    on-legacy-press}
-    (i18n/label :t/legacy)]])
-
 (defn- info-label
   [share-qr-code-type]
   [text/text {:size :paragraph-2 :weight :medium :style style/title}
@@ -86,7 +61,7 @@
      :on-long-press on-text-long-press}
     qr-data]])
 
-(defn- wallet-legacy-bottom
+(defn- wallet-bottom
   [{:keys [component-width qr-data on-text-press on-text-long-press]}]
   [info-text
    {:width         component-width
@@ -94,28 +69,6 @@
     :on-long-press on-text-long-press}
    qr-data])
 
-(defn wallet-multichain-bottom
-  [{:keys [component-width qr-data on-text-press on-text-long-press on-settings-press]}]
-  [rn/view
-   {:style style/wallet-multichain-container}
-   [info-text
-    {:width         component-width
-     :on-press      on-text-press
-     :on-long-press on-text-long-press}
-    [address-text/view
-     {:address       qr-data
-      :full-address? true
-      :weight        :regular
-      :size          :paragraph-1}]]
-   [button/button
-    {:icon-only?          true
-     :type                :grey
-     :background          :blur
-     :size                32
-     :accessibility-label :share-qr-code-settings
-     :on-press            on-settings-press}
-    :i/advanced]])
-
 (defn- header-icon
   [{:keys [share-qr-type customization-color emoji profile-picture full-name]}]
   (case share-qr-type
@@ -140,17 +93,9 @@
                                  :full-name           full-name}]
     nil))
 
-(defn- has-header?
-  [share-qr-type]
-  (case share-qr-type
-    (:wallet
-     :watched-address
-     :saved-address) true
-    false))
-
 (defn- share-qr-code
   [{:keys [share-qr-type qr-image-uri component-width customization-color full-name
-           profile-picture emoji on-share-press address]
+           profile-picture emoji on-share-press]
     :as   props}]
   [:<>
    [gradient-cover/view {:customization-color customization-color :height 463}]
@@ -168,8 +113,6 @@
          {:color           colors/white-opa-40
           :container-style style/watched-account-icon}])]
      [share-button {:on-press on-share-press}]]
-    (when (has-header? share-qr-type)
-      [header props])
     [quo.theme/provider :light
      [qr-code/view
       {:qr-image-uri        qr-image-uri
@@ -185,12 +128,12 @@
        :profile-picture     profile-picture
        :emoji               emoji}]]
     [rn/view {:style style/bottom-container}
-     (if (= share-qr-type :profile)
+     (case share-qr-type
+       :profile
        [profile-bottom props]
-       (case address
-         :legacy     [wallet-legacy-bottom props]
-         :multichain [wallet-multichain-bottom props]
-         nil))]]])
+       (:wallet :watched-address :saved-address)
+       [wallet-bottom props]
+       nil)]]])
 
 (defn- view-internal
   [{provided-width :width :as props}]

src/quo/components/tags/context_tag/view.cljs

@@ -97,7 +97,7 @@
            theme               (quo.theme/use-theme)}
     :as   props}]
   (let [[image-error? set-image-error] (rn/use-state false)]
-    [rn/view {:style (merge {:align-items :flex-start} container-style)}
+    [rn/view {:style [{:align-items :flex-start} container-style]}
      [rn/view
       {:style               (style/container {:theme               theme
                                               :type                type

src/quo/components/tags/network_tags/style.cljs

@@ -6,17 +6,28 @@
   [{:keys [status theme blur?]}]
   {:flex-direction   :row
    :align-self       :flex-start
-   :background-color (when (= status :error)
-                       (colors/theme-colors
-                        (colors/override-color :danger 10 50)
-                        (colors/override-color :danger 10 60)
-                        theme))
+   :background-color (cond (= status :error)
+                           (colors/theme-colors
+                            (colors/override-color :danger 10 50)
+                            (colors/override-color :danger 10 60)
+                            theme)
+                           (= status :warning)
+                           (colors/theme-colors
+                            (colors/override-color :warning 10 50)
+                            (colors/override-color :warning 10 60)
+                            theme))
    :border-width     1
    :border-color     (cond (= status :error)
                            (colors/theme-colors
                             (colors/override-color :danger 20 50)
                             (colors/override-color :danger 20 60)
                             theme)
+
+                           (= status :warning)
+                           (colors/theme-colors
+                            (colors/override-color :warning 20 50)
+                            (colors/override-color :warning 20 60)
+                            theme)
                            (and blur? (= status :default)) (colors/theme-colors
                                                             colors/neutral-80-opa-5
                                                             colors/white-opa-5
@@ -35,5 +46,7 @@
   [{:keys [status theme networks-shown?]}]
   {:padding-left (if networks-shown? 4 0)
    :margin-top   -1
-   :color        (when (= status :error)
-                   (colors/resolve-color :danger theme))})
+   :color        (cond (= status :error)
+                       (colors/resolve-color :danger theme)
+                       (= status :warning)
+                       (colors/resolve-color :warning theme))})

src/quo/components/wallet/network_bridge/view.cljs

@@ -14,9 +14,9 @@
 (defn network-bridge-add
   [{:keys [network state theme container-style on-press]}]
   [rn/pressable
-   {:style    (merge (style/container network state theme)
-                     (style/add-container theme)
-                     container-style)
+   {:style    [(style/container network state theme)
+               (style/add-container theme)
+               container-style]
     :on-press on-press}
    [icon/icon :i/edit
     {:size  12
@@ -36,7 +36,7 @@
     (if (= status :edit)
       [network-bridge-add (assoc args :theme theme)]
       [rn/pressable
-       {:style               (merge (style/container network status theme) container-style)
+       {:style               [(style/container network status theme) container-style]
         :accessible          true
         :accessibility-label :container
         :on-press            on-press

src/quo/foundations/colors.cljs

@@ -195,17 +195,12 @@
 (def success-60-opa-30 (alpha success-60 0.3))
 (def success-60-opa-40 (alpha success-60 0.4))
 
-;;;;Danger
-(def danger "#E95460")
-
-;; Danger with transparency
-(def danger-opa-40 (alpha danger 0.4))
-
 ;;Solid
 (def danger-50 "#E95460")
 (def danger-60 "#BA434D")
 
 (def system-yellow "#FFD60A")
+(def keycard-color "#FF6400")
 
 ;;50 with transparency
 (def danger-50-opa-0 (alpha danger-50 0))

src/quo/foundations/resources.cljs

@@ -4,7 +4,6 @@
   {:keycard-logo       (js/require "../resources/images/ui2/keycard-logo.png")
    :keycard-chip-light (js/require "../resources/images/ui2/keycard-chip-light.png")
    :keycard-chip-dark  (js/require "../resources/images/ui2/keycard-chip-dark.png")
-   :keycard-watermark  (js/require "../resources/images/ui2/keycard-watermark.png")
    :bored-ape          (js/require "../resources/images/mock2/bored-ape.png")})
 
 (def ui-themed

src/react_native/core.cljs

@@ -211,3 +211,5 @@
 (def linking (.-Linking react-native))
 
 (defn open-url [link] (.openURL ^js linking link))
+
+(def stylesheet-absolute-fill ^js (.. react-native -StyleSheet -absoluteFill))

src/react_native/reanimated.cljs

@@ -21,9 +21,7 @@
     ["react-native-redash" :refer (withPause)]
     [react-native.flat-list :as rn-flat-list]
     [react-native.platform :as platform]
-    [react-native.utils :as rn.utils]
     [reagent.core :as reagent]
-    [utils.transforms :as transforms]
     [utils.worklets.core :as worklets.core]))
 
 (def ^:const default-duration 300)
@@ -36,13 +34,7 @@
 ;; Animated Components
 (def create-animated-component (comp reagent/adapt-react-class (.-createAnimatedComponent reanimated)))
 
-(def ^:private view* (reagent/adapt-react-class (.-View reanimated)))
-
-(defn view
-  [& argv]
-  (let [[reagent-props children] (rn.utils/get-props-and-children argv)
-        updated-props            (update reagent-props :style transforms/styles-with-vectors)]
-    (into [view* updated-props] children)))
+(def view (reagent/adapt-react-class (.-View reanimated)))
 
 (def scroll-view (reagent/adapt-react-class (.-ScrollView reanimated)))
 (def image (reagent/adapt-react-class (.-Image reanimated)))
@@ -186,4 +178,3 @@
                      (with-timing value
                                   (clj->js {:duration duration
                                             :easing   (default-easing)})))))
-

src/react_native/utils_test.cljs

@@ -0,0 +1,54 @@
+(ns react-native.utils-test
+  (:require
+    [cljs.test :refer [deftest is testing]]
+    [utils.reagent :as sut]))
+
+(sut/set-convert-props-in-vectors!)
+
+(deftest convert-prop-value-test
+  ;; `test-fn` transforms the result to be easily compared during testing
+  (let [test-fn (comp js->clj sut/convert-prop-value)]
+    (testing "camelCase keys are kept as is"
+      (let [props {:foo nil
+                   :bar nil}]
+        (is (= (update-keys props name)
+               (test-fn props)))))
+
+    (testing "kebab-case keys are transformed"
+      (let [props {:foo nil
+                   :bar nil}]
+        (is (= {"foo" nil
+                "bar" nil}
+               (test-fn props)))))
+
+    (testing "kebab-case keys are transformed when passed inside a vector"
+      (let [props-in-vector [{:foo nil
+                              :bar nil}]]
+        (is (= [{"foo" nil
+                 "bar" nil}]
+               (test-fn props-in-vector)))))
+
+    (testing "kebab-case keys are transformed recursively when the structure has vectors"
+      (let [props-with-vectors {:foo [{:foo-bar nil
+                                       :foo-baz nil}]
+                                :bar [{:bar-baz nil}
+                                      {:bar-qux nil}]}]
+        (is (= {"foo" [{"fooBar" nil
+                        "fooBaz" nil}]
+                "bar" [{"barBaz" nil} {"barQux" nil}]}
+               (test-fn props-with-vectors))))
+      (testing "Complex example"
+        (let [complex-props {:foo         [{:foo-bar nil :foo-baz nil}]
+                             :bar         [{:bar-baz nil} {:bar-qux nil}]
+                             :qux         {:foo-qux :bar-qux}
+                             :foo-bar-qux {:foo         [{:bar :qux}
+                                                         {:bar-qux nil}]
+                                           :foo-bar     :qux
+                                           :foo-bar-qux [:foo :bar :qux {:foo-bar :foo-bar}]}}]
+          (is (= {"foo"       [{"fooBar" nil "fooBaz" nil}]
+                  "bar"       [{"barBaz" nil} {"barQux" nil}]
+                  "qux"       {"fooQux" "bar-qux"}
+                  "fooBarQux" {"foo"       [{"bar" "qux"} {"barQux" nil}]
+                               "fooBar"    "qux"
+                               "fooBarQux" ["foo" "bar" "qux" {"fooBar" "foo-bar"}]}}
+                 (test-fn complex-props))))))))

src/status_im/common/home/actions/view.cljs

@@ -265,16 +265,11 @@
           :sub-label           nil
           :chevron?            false}))
 
-;; TODO(OmarBasem): Requires design input.
 (defn show-qr-entry
   [public-key]
   (entry {:icon                :i/qr-code
           :label               (i18n/label :t/show-qr)
-          :on-press            (fn []
-                                 (rf/dispatch [:universal-links/generate-profile-url
-                                               {:public-key public-key
-                                                :on-success #(rf/dispatch [:open-modal
-                                                                           :share-contact])}]))
+          :on-press            #(rf/dispatch [:contacts/show-qr-code public-key])
           :danger?             false
           :accessibility-label :show-qr-code
           :sub-label           nil

src/status_im/common/home/banner/view.cljs

@@ -73,10 +73,10 @@
   [{:keys [scroll-ref tabs selected-tab on-tab-change scroll-shared-value content customization-color]}]
   (let [theme (quo.theme/use-theme)]
     [:<>
-     [:f> banner-card-blur-layer scroll-shared-value
-      [:f> banner-card-hiding-layer
+     [banner-card-blur-layer scroll-shared-value
+      [banner-card-hiding-layer
        (assoc content :scroll-shared-value scroll-shared-value :theme theme)]]
-     [:f> banner-card-tabs-layer
+     [banner-card-tabs-layer
       {:scroll-shared-value scroll-shared-value
        :selected-tab        selected-tab
        :tabs                tabs

src/status_im/common/resources.cljs

@@ -18,13 +18,13 @@
    :podcasts                      (js/require "../resources/images/ui2/podcasts.png")
    :generate-keys                 (js/require "../resources/images/ui2/generate-keys.png")
    :add-key-to-keycard            (js/require "../resources/images/ui2/add-key-to-keycard.png")
+   :import-key-to-keycard         (js/require "../resources/images/ui2/import-key-to-keycard.png")
    :ethereum-address              (js/require "../resources/images/ui2/ethereum-address.png")
    :use-keycard                   (js/require "../resources/images/ui2/keycard.png")
    :use-recovery-phrase           (js/require "../resources/images/ui2/recovery-phrase.png")
    :check-your-keycard            (js/require "../resources/images/ui2/check-your-keycard.png")
    :qr-code                       (js/require "../resources/images/ui2/qr-code.png")
    :keycard-logo                  (js/require "../resources/images/ui2/keycard-logo.png")
-   :keycard-watermark             (js/require "../resources/images/ui2/keycard-watermark.png")
    :keycard-buy                   (js/require "../resources/images/ui2/keycard-buy.png")
    :keycard-migration             (js/require "../resources/images/ui2/keycard-migration.png")
    :keycard-migration-failed      (js/require "../resources/images/ui2/keycard-migration-failed.png")

src/status_im/common/scan_qr_code/style.cljs

@@ -15,16 +15,7 @@
 
 (def flex-spacer {:flex 1})
 
-(def absolute-fill
-  {:position :absolute
-   :top      0
-   :bottom   0
-   :left     0
-   :right    0})
-
-(def hole
-  (merge absolute-fill
-         {:z-index 2 :opacity 0.95}))
+(def hole {:z-index 2 :opacity 0.95})
 
 (defn root-container
   [padding-top]

src/status_im/common/scan_qr_code/view.cljs

@@ -174,10 +174,10 @@
                                                     :on-success-scan set-qr-code-succeeded
                                                     :on-failed-scan  set-rescan-timeout}))}]]
    [hole-view/hole-view
-    {:style style/hole
-     :holes [(assoc qr-view-finder :borderRadius 16)]}
+    {:style [rn/stylesheet-absolute-fill style/hole]
+     :holes [(assoc qr-view-finder :border-radius 16)]}
     [quo/blur
-     {:style            style/absolute-fill
+     {:style            rn/stylesheet-absolute-fill
       :blur-amount      10
       :blur-type        :transparent
       :overlay-color    colors/neutral-80-opa-80-blur

src/status_im/common/standard_authentication/standard_auth/slide_button/view.cljs

@@ -11,28 +11,28 @@
   [{:keys [track-text customization-color auth-button-label on-auth-success on-auth-fail
            auth-button-icon-left size blur? container-style disabled? dependencies on-complete]
     :or   {container-style {:flex 1}}}]
-  (let [theme                  (quo.theme/use-theme)
-        auth-method            (rf/sub [:auth-method])
-        biometric-auth?        (= auth-method constants/auth-method-biometric)
-        authorization-callback (rn/use-callback
-                                (fn []
-                                  (rf/dispatch [:standard-auth/authorize
-                                                {:auth-button-icon-left auth-button-icon-left
-                                                 :theme                 theme
-                                                 :blur?                 blur?
-                                                 :biometric-auth?       biometric-auth?
-                                                 :on-auth-success       on-auth-success
-                                                 :on-auth-fail          on-auth-fail
-                                                 :auth-button-label     auth-button-label}]))
-                                (vec (conj dependencies on-auth-success on-auth-fail)))
-        on-slider-complete     (rn/use-callback
-                                (fn [reset-slider-fn]
-                                  (js/setTimeout #(reset-slider-fn false) 500)
-                                  (if (fn? on-complete)
-                                    (on-complete)
-                                    (authorization-callback)))
-                                [on-complete authorization-callback])
-        biometric-type         (rf/sub [:biometrics/supported-type])]
+  (let [theme                (quo.theme/use-theme)
+        auth-method          (rf/sub [:auth-method])
+        biometric-auth?      (= auth-method constants/auth-method-biometric)
+        on-complete-callback (rn/use-callback
+                              (fn []
+                                (rf/dispatch [:standard-auth/authorize
+                                              {:auth-button-icon-left auth-button-icon-left
+                                               :theme                 theme
+                                               :blur?                 blur?
+                                               :biometric-auth?       biometric-auth?
+                                               :on-auth-success       on-auth-success
+                                               :on-auth-fail          on-auth-fail
+                                               :auth-button-label     auth-button-label}]))
+                              (vec (conj dependencies on-auth-success on-auth-fail)))
+        on-slider-complete   (rn/use-callback
+                              (fn [reset-slider-fn]
+                                (js/setTimeout #(reset-slider-fn false) 500)
+                                (if (fn? on-complete)
+                                  (on-complete)
+                                  (on-complete-callback)))
+                              [on-complete on-complete-callback])
+        biometric-type       (rf/sub [:biometrics/supported-type])]
     [quo/slide-button
      {:container-style     container-style
       :size                size

src/status_im/common/universal_links.cljs

@@ -213,13 +213,15 @@
 
 (defn save-profile-url
   [{:keys [db]} [public-key url]]
-  (when url
-    {:db
-     (cond-> db
-       (get-in db [:contacts/contacts public-key])
-       (assoc-in [:contacts/contacts public-key :universal-profile-url] url)
-       (= public-key (get-in db [:profile/profile :public-key]))
-       (assoc-in [:profile/profile :universal-profile-url] url))}))
+  (let [contact-from-key    (get-in db [:contacts/contacts public-key])
+        profile-public-key? (= public-key (get-in db [:profile/profile :public-key]))]
+    (when url
+      {:db (cond-> db
+             contact-from-key
+             (assoc-in [:contacts/contacts public-key :universal-profile-url] url)
+
+             profile-public-key?
+             (assoc-in [:profile/profile :universal-profile-url] url))})))
 
 (schema/=> save-profile-url
   [:=>

src/status_im/config.cljs

@@ -34,6 +34,8 @@
 (def mainnet-chain-explorer-link "https://etherscan.io/address/")
 (def optimism-mainnet-chain-explorer-link "https://optimistic.etherscan.io/address/")
 (def arbitrum-mainnet-chain-explorer-link "https://arbiscan.io/address/")
+(def base-mainnet-chain-explorer-link "https://basescan.org/address/")
+(def base-sepolia-chain-explorer-link "https://sepolia.basescan.org/address/")
 (def sepolia-chain-explorer-link "https://sepolia.etherscan.io/address/")
 (def optimism-sepolia-chain-explorer-link "https://sepolia-optimistic.etherscan.io/address/")
 (def arbitrum-sepolia-chain-explorer-link "https://sepolia.arbiscan.io/address/")

src/status_im/constants.cljs

@@ -221,10 +221,7 @@
 (def ^:const wallet-connect-eth-sign-typed-v4-method "eth_signTypedData_v4")
 (def ^:const wallet-connect-supported-methods
   #{wallet-connect-personal-sign-method
-    wallet-connect-eth-sign-method
     wallet-connect-eth-send-transaction-method
-    ;; NOTE: disabled, as we have no clear use cases for it and other wallets don't support it
-    ;; wallet-connect-eth-sign-transaction-method
     wallet-connect-eth-sign-typed-method
     wallet-connect-eth-sign-typed-v4-method})
 (def ^:const wallet-connect-supported-events #{"accountsChanged" "chainChanged"})
@@ -237,11 +234,9 @@
 (def ^:const wallet-connect-message-signing-methods
   #{wallet-connect-personal-sign-method
     wallet-connect-eth-sign-typed-method
-    wallet-connect-eth-sign-method
     wallet-connect-eth-sign-typed-v4-method})
 (def ^:const wallet-connect-transaction-methods
-  #{wallet-connect-eth-send-transaction-method
-    wallet-connect-eth-sign-transaction-method})
+  #{wallet-connect-eth-send-transaction-method})
 
 (def ^:const transaction-pending-type-wallet-connect-transfer "WalletConnectTransfer")
 

src/status_im/contexts/chat/contacts/events.cljs

@@ -151,3 +151,12 @@
           error]]]})
 
 (rf/reg-event-fx :contacts/update-nickname-error update-nickname-error)
+
+(rf/reg-event-fx
+ :contacts/show-qr-code
+ (fn [{db :db} [public-key]]
+   {:db (assoc db :contacts/identity public-key)
+    :fx [[:dispatch
+          [:universal-links/generate-profile-url
+           {:public-key public-key
+            :on-success #(rf/dispatch [:open-modal :share-contact])}]]]}))

src/status_im/contexts/chat/home/view.cljs

@@ -114,13 +114,17 @@
                                              {:scroll-input (oops/oget % "nativeEvent.contentOffset.y")
                                               :shared-value scroll-shared-value})}])))
 
+(defn- on-new-message-press
+  []
+  (let [main-event [:show-bottom-sheet {:content chat.actions.view/new-chat}]]
+    (rf/dispatch [:profile/check-profile-update-prompt main-event])))
+
 (defn- banner-data
   [profile-link]
   {:title-props
    {:beta?               true
     :label               (i18n/label :t/messages)
-    :handler             #(rf/dispatch
-                           [:show-bottom-sheet {:content chat.actions.view/new-chat}])
+    :handler             on-new-message-press
     :accessibility-label :new-chat-button}
    :card-props
    {:on-press    #(rf/dispatch [:open-share {:options {:url profile-link}}])

src/status_im/contexts/chat/messenger/messages/content/view.cljs

@@ -159,7 +159,9 @@
   [content]
   (reduce (fn [acc e]
             (conj acc (resolve-group-system-message e)))
-          [quo/text]
+          [rn/view
+           {:style {:flex-direction :row
+                    :flex-wrap      :wrap}}]
           (:parsed-text content)))
 
 (defn group-system-message

src/status_im/contexts/chat/messenger/messages/drawers/view.cljs

@@ -95,10 +95,10 @@
 
 (defn get-actions
   [{:keys [outgoing content pinned-by outgoing-status deleted? deleted-for-me? content-type
-           bridge-message]
+           bridge-message message-id]
     :as   message-data}
    {:keys [able-to-send-message? community? community-member? can-delete-message-for-everyone?
-           message-pin-enabled group-chat group-admin?]}]
+           message-pin-enabled group-chat group-admin? debug-log-level?]}]
   (let [edit-message?        (and (or community-member? (not community?))
                                   outgoing
                                   (not (or deleted? deleted-for-me?))
@@ -153,6 +153,14 @@
              :icon                :i/copy
              :id                  :copy})
 
+      debug-log-level?
+      (conj {:type                :main
+             :on-press            #(clipboard/set-string message-id)
+             :label               (i18n/label :t/copy-message-id)
+             :accessibility-label :copy-message-id
+             :icon                :i/copy
+             :id                  :copy-message-id})
+
       pin-message?
       (conj {:type                :main
              :on-press            #(pin-message message-data)

src/status_im/contexts/keycard/backup/events.cljs

@@ -0,0 +1,137 @@
+(ns status-im.contexts.keycard.backup.events
+  (:require [utils.re-frame :as rf]
+            [utils.security.core :as security]))
+
+(rf/reg-event-fx :keycard/backup.generate-and-load-key
+ (fn [{:keys [db]}]
+   (let [{:keys [masked-phrase pin]} (get-in db [:keycard :backup])]
+     {:fx [[:effects.keycard/generate-and-load-key
+            {:mnemonic   (security/safe-unmask-data masked-phrase)
+             :pin        pin
+             :on-success (fn []
+                           (rf/dispatch [:keycard/disconnect])
+                           (rf/dispatch [:navigate-back])
+                           (rf/dispatch [:open-modal :screen/keycard.backup.success]))
+             :on-failure #(rf/dispatch [:keycard/on-action-with-pin-error %])}]]})))
+
+(defn- ready-to-add-not-empty
+  [error]
+  (rf/dispatch [:navigate-back])
+  (if (= error :keycard/error.not-keycard)
+    (rf/dispatch [:keycard/on-application-info-error error])
+    (do
+      (rf/dispatch [:keycard/disconnect])
+      (rf/dispatch [:open-modal :screen/keycard.backup.not-empty
+                    {:on-press #(rf/dispatch [:keycard/backup.ready-to-add-connect])}]))))
+
+(rf/reg-event-fx :keycard/backup.ready-to-add-connect
+ (fn [_]
+   {:fx [[:dispatch
+          [:keycard/connect
+           {:theme :dark
+            :on-error
+            (fn [error]
+              (if (= error :keycard/error.keycard-empty)
+                (rf/dispatch [:keycard/backup.generate-and-load-key])
+                (ready-to-add-not-empty error)))}]]]}))
+
+(defn- scan-empty-card-not-empty
+  [error]
+  (rf/dispatch [:navigate-back])
+  (if (= error :keycard/error.not-keycard)
+    (rf/dispatch [:keycard/on-application-info-error error])
+    (do
+      (rf/dispatch [:keycard/disconnect])
+      (rf/dispatch [:open-modal :screen/keycard.backup.not-empty
+                    {:on-press #(rf/dispatch [:keycard/backup.scan-empty-card])}]))))
+
+(rf/reg-event-fx :keycard/backup.scan-empty-card
+ (fn [_]
+   {:fx [[:dispatch
+          [:keycard/connect
+           {:theme :dark
+            :on-error
+            (fn [error]
+              (if (= error :keycard/error.keycard-empty)
+                (do
+                  (rf/dispatch [:keycard/disconnect])
+                  (rf/dispatch [:keycard/backup.create-or-enter-pin]))
+                (scan-empty-card-not-empty error)))}]]]}))
+
+(rf/reg-event-fx :keycard/backup.save-pin
+ (fn [{:keys [db]} [pin]]
+   {:db (assoc-in db [:keycard :backup :pin] pin)}))
+
+(defn- save-pin-and-navigate-to-phrase
+  [pin]
+  (rf/dispatch [:keycard/disconnect])
+  (rf/dispatch [:navigate-back])
+  (rf/dispatch [:keycard/backup.save-pin pin])
+  (rf/dispatch
+   [:open-modal :screen/use-recovery-phrase-dark
+    {:on-success #(rf/dispatch [:keycard/backup.phrase-entered %])}]))
+
+(defn- verify-entered-pin-and-continue
+  [pin]
+  (rf/dispatch
+   [:keycard/connect
+    {:theme :dark
+     :on-error
+     (fn [error]
+       (if (= error :keycard/error.keycard-empty)
+         (rf/dispatch
+          [:keycard/verify-pin
+           {:pin        pin
+            :on-success #(save-pin-and-navigate-to-phrase pin)
+            :on-failure #(rf/dispatch [:keycard/on-action-with-pin-error %])}])
+         (rf/dispatch [:keycard/on-application-info-error error])))}]))
+
+(declare init-card-not-empty)
+
+(defn- init-card-with-pin-and-continue
+  [pin]
+  (rf/dispatch
+   [:keycard/connect
+    {:theme :dark
+     :on-error
+     (fn [error]
+       (if (= error :keycard/error.keycard-empty)
+         (rf/dispatch
+          [:keycard/init-card
+           {:pin        pin
+            :on-success #(rf/dispatch
+                          [:keycard/get-application-info
+                           {:on-error
+                            (fn [error]
+                              (if (= error :keycard/error.keycard-empty)
+                                (save-pin-and-navigate-to-phrase pin)
+                                (init-card-not-empty pin error)))}])}])
+         (init-card-not-empty pin error)))}]))
+
+(defn- init-card-not-empty
+  [pin error]
+  (rf/dispatch [:navigate-back])
+  (if (= error :keycard/error.not-keycard)
+    (rf/dispatch [:keycard/on-application-info-error error])
+    (do
+      (rf/dispatch [:keycard/disconnect])
+      (rf/dispatch [:open-modal :screen/keycard.backup.not-empty
+                    {:on-press #(init-card-with-pin-and-continue pin)}]))))
+
+(rf/reg-event-fx :keycard/backup.create-or-enter-pin
+ (fn [{:keys [db]}]
+   (let [{:keys [initialized?]} (get-in db [:keycard :application-info])]
+     {:fx [[:dispatch [:navigate-back]]
+           (if initialized?
+             [:dispatch
+              [:open-modal :screen/keycard.pin.enter
+               {:on-complete verify-entered-pin-and-continue}]]
+             [:dispatch
+              [:open-modal :screen/keycard.pin.create
+               {:on-complete init-card-with-pin-and-continue}]])]})))
+
+(rf/reg-event-fx :keycard/backup.phrase-entered
+ (fn [{:keys [db]} [{:keys [phrase]}]]
+   {:db (assoc-in db [:keycard :backup :masked-phrase] phrase)
+    :fx [[:dispatch [:navigate-back]]
+         [:dispatch [:open-modal :screen/keycard.backup.ready-to-add]]]}))

src/status_im/contexts/keycard/backup/view.cljs

@@ -0,0 +1,96 @@
+(ns status-im.contexts.keycard.backup.view
+  (:require [quo.core :as quo]
+            [react-native.core :as rn]
+            [status-im.common.events-helper :as events-helper]
+            [status-im.common.resources :as resources]
+            [status-im.contexts.keycard.common.view :as common.view]
+            [utils.i18n :as i18n]
+            [utils.re-frame :as rf]))
+
+(defn ready-to-add
+  []
+  [:<>
+   [quo/page-nav
+    {:icon-name :i/close
+     :on-press  events-helper/navigate-back}]
+   [quo/page-top
+    {:title (i18n/label :t/ready-add-keypair-keycard)}]
+   [rn/view {:style {:flex 1 :align-items :center :justify-content :center}}
+    [rn/image
+     {:resize-mode :contain
+      :source      (resources/get-image :keycard-migration)}]]
+   [common.view/tips]
+   [quo/bottom-actions
+    {:actions          :one-action
+     :button-one-label (i18n/label :t/scan-keycard)
+     :button-one-props {:on-press #(rf/dispatch [:keycard/backup.ready-to-add-connect])}}]])
+
+(defn success-view
+  []
+  [:<>
+   [quo/page-nav
+    {:icon-name :i/close
+     :on-press  events-helper/navigate-back}]
+   [quo/page-top
+    {:title (i18n/label :t/backup-keycard-created)}]
+   [rn/view {:style {:flex 1}}]
+   [rn/view {:style {:padding-horizontal 20}}
+    [quo/button {:on-press events-helper/navigate-back}
+     (i18n/label :t/done)]]])
+
+(defn not-empty-view
+  []
+  (let [{:keys [on-press]} (rf/sub [:get-screen-params])]
+    [:<>
+     [quo/page-nav
+      {:icon-name :i/close
+       :on-press  events-helper/navigate-back}]
+     [quo/page-top
+      {:title            (i18n/label :t/keycard-not-empty)
+       :description      :text
+       :description-text (i18n/label :t/scan-empty-keycard)}]
+     [rn/view {:style {:flex 1}}]
+     [common.view/tips]
+     [rn/view {:style {:padding-horizontal 20}}
+      [quo/button {:on-press on-press}
+       (i18n/label :t/try-again)]]]))
+
+(defn scan-empty
+  []
+  [:<>
+   [quo/page-nav
+    {:icon-name :i/close
+     :on-press  events-helper/navigate-back}]
+   [quo/page-top
+    {:title            (i18n/label :t/scan-empty-keycard)
+     :description      :text
+     :description-text (i18n/label :t/backup-empty-keycard-only)}]
+   [rn/view {:style {:flex 1 :align-items :center :justify-content :center}}
+    [rn/image
+     {:resize-mode :contain
+      :source      (resources/get-image :check-your-keycard)}]]
+   [common.view/tips]
+   [quo/bottom-actions
+    {:actions          :one-action
+     :button-one-label (i18n/label :t/ready-to-scan)
+     :button-one-props {:on-press #(rf/dispatch [:keycard/backup.scan-empty-card])}}]])
+
+(defn sheet
+  [{:keys [on-continue]}]
+  (let [customization-color (rf/sub [:profile/customization-color])]
+    [:<>
+     [quo/drawer-top {:title (i18n/label :t/create-backup-keycard)}]
+     [quo/text
+      {:style {:padding-horizontal 20
+               :padding-vertical   8}}
+      (i18n/label :t/backup-keycard-instructions)]
+     [quo/bottom-actions
+      {:actions          :two-actions
+       :button-one-label (i18n/label :t/continue)
+       :button-one-props {:customization-color customization-color
+                          :on-press            (fn []
+                                                 (rf/dispatch [:hide-bottom-sheet])
+                                                 (on-continue))}
+       :button-two-label (i18n/label :t/cancel)
+       :button-two-props {:type     :grey
+                          :on-press #(rf/dispatch [:hide-bottom-sheet])}}]]))

src/status_im/contexts/keycard/change_pin/events.cljs

@@ -0,0 +1,73 @@
+(ns status-im.contexts.keycard.change-pin.events
+  (:require [status-im.contexts.keycard.utils :as utils]
+            [utils.i18n :as i18n]
+            [utils.re-frame :as rf]
+            [utils.security.core :as security]))
+
+(rf/reg-event-fx :keycard/change-pin.enter-current-pin
+ (fn [{:keys [db]}]
+   {:db (update db :keycard dissoc :change-pin)
+    :fx [[:dispatch [:navigate-back]]
+         [:dispatch
+          [:open-modal :screen/keycard.pin.enter
+           {:title       (i18n/label :t/enter-current-keycard-pin)
+            :on-complete (fn [current-pin]
+                           (rf/dispatch [:navigate-back])
+                           (rf/dispatch [:keycard/change-pin.save-current-pin current-pin])
+                           (rf/dispatch [:keycard/change-pin.enter-new-pin]))}]]]}))
+
+(rf/reg-event-fx :keycard/change-pin.save-current-pin
+ (fn [{:keys [db]} [pin]]
+   {:db (assoc-in db [:keycard :change-pin :current-pin] (security/mask-data pin))}))
+
+(rf/reg-event-fx :keycard/change-pin.enter-new-pin
+ (fn [_]
+   {:fx [[:dispatch
+          [:open-modal :screen/keycard.pin.create
+           {:title              (i18n/label :t/create-new-keycard-pin)
+            :repeat-stage-title (i18n/label :t/repeat-new-keycard-pin)
+            :on-complete        (fn [new-pin]
+                                  (rf/dispatch [:navigate-back])
+                                  (rf/dispatch [:keycard/change-pin.save-new-pin new-pin])
+                                  (rf/dispatch [:open-modal :screen/keycard.ready-to-change-pin]))}]]]}))
+
+(rf/reg-event-fx :keycard/change-pin.save-new-pin
+ (fn [{:keys [db]} [pin]]
+   {:db (assoc-in db [:keycard :change-pin :new-pin] (security/mask-data pin))}))
+
+(defn- change-pin-and-continue
+  [current-pin new-pin]
+  (rf/dispatch [:keycard/change-pin
+                {:on-success  (fn []
+                                (rf/dispatch [:navigate-back])
+                                (rf/dispatch [:keycard/disconnect])
+                                (rf/dispatch [:open-modal :screen/keycard.pin-change-success]))
+                 :on-failure  (fn []
+                                (rf/dispatch [:navigate-back])
+                                (rf/dispatch [:keycard/disconnect])
+                                (rf/dispatch [:open-modal :screen/keycard.pin-change-failed]))
+                 :current-pin current-pin
+                 :new-pin     new-pin}]))
+
+(defn- verify-pin-and-continue
+  [current-pin new-pin]
+  (rf/dispatch
+   [:keycard/verify-pin
+    {:pin        current-pin
+     :on-success #(change-pin-and-continue current-pin new-pin)
+     :on-failure (fn [error]
+                   (when-not (utils/tag-lost? (:error error))
+                     (rf/dispatch [:keycard/disconnect])
+                     (rf/dispatch [:keycard/on-action-with-pin-error error])
+                     (rf/dispatch [:keycard/change-pin.enter-current-pin])))}]))
+
+(rf/reg-event-fx :keycard/change-pin.verify-current-pin-and-continue
+ (fn [{:keys [db]}]
+   (let [{:keys [current-pin new-pin]} (get-in db [:keycard :change-pin])
+         unmasked-current-pin          (security/safe-unmask-data current-pin)
+         unmasked-new-pin              (security/safe-unmask-data new-pin)]
+     {:fx [[:dispatch
+            [:keycard/connect
+             {:theme      :dark
+              :key-uid    (get-in db [:profile/profile :key-uid])
+              :on-success #(verify-pin-and-continue unmasked-current-pin unmasked-new-pin)}]]]})))

src/status_im/contexts/keycard/change_pin/view.cljs

@@ -0,0 +1,82 @@
+(ns status-im.contexts.keycard.change-pin.view
+  (:require [quo.core :as quo]
+            [react-native.core :as rn]
+            [status-im.common.events-helper :as events-helper]
+            [status-im.contexts.keycard.common.view :as common.view]
+            [utils.i18n :as i18n]
+            [utils.re-frame :as rf]))
+
+(defn change-pin-confirmation-sheet
+  []
+  [quo/documentation-drawers
+   {:title  (i18n/label :t/change-pin-keycard)
+    :shell? true}
+   [rn/view
+    [quo/text {:size :paragraph-2}
+     (i18n/label :t/change-pin-keycard-message)]
+    [quo/bottom-actions
+     {:actions          :two-actions
+      :container-style  {:margin-horizontal -20}
+      :blur?            true
+      :button-one-label (i18n/label :t/continue)
+      :button-one-props {:on-press #(rf/dispatch [:keycard/change-pin.enter-current-pin])}
+      :button-two-label (i18n/label :t/cancel)
+      :button-two-props {:on-press events-helper/hide-bottom-sheet
+                         :type     :grey}}]]])
+
+(defn ready-to-change-pin
+  []
+  [:<>
+   [quo/page-nav
+    {:icon-name :i/close
+     :on-press  events-helper/navigate-back}]
+   [quo/page-top
+    {:title (i18n/label :t/ready-to-change-pin)}]
+   [rn/view {:style {:flex 1 :align-items :center :justify-content :center}}
+    [rn/image
+     {:resize-mode :contain}]]
+   [common.view/tips]
+   [quo/bottom-actions
+    {:actions          :one-action
+     :button-one-label (i18n/label :t/scan-keycard)
+     :button-one-props {:on-press #(rf/dispatch
+                                    [:keycard/change-pin.verify-current-pin-and-continue])}}]])
+
+(defn pin-change-success
+  []
+  [:<>
+   [quo/page-nav
+    {:icon-name :i/close
+     :on-press  events-helper/navigate-back}]
+   [quo/page-top
+    {:title            (i18n/label :t/keycard-pin-changed)
+     :description      :text
+     :description-text (i18n/label :t/keycard-pin-changed-description)}]
+   [rn/view {:style {:flex 1 :align-items :center :justify-content :center}}
+    [rn/image
+     {:resize-mode :contain}]]
+   [quo/bottom-actions
+    {:actions          :one-action
+     :button-one-label (i18n/label :t/done)
+     :button-one-props {:on-press events-helper/navigate-back}}]])
+
+(defn pin-change-failed
+  []
+  [:<>
+   [quo/page-nav
+    {:icon-name :i/close
+     :on-press  events-helper/navigate-back}]
+   [quo/page-top
+    {:title            (i18n/label :t/keycard-pin-change-failed)
+     :description      :text
+     :description-text (i18n/label :t/keycard-pin-change-failed-description)}]
+   [rn/view {:style {:flex 1 :align-items :center :justify-content :center}}
+    [rn/image
+     {:resize-mode :contain}]]
+   [common.view/tips]
+   [quo/bottom-actions
+    {:actions          :one-action
+     :button-one-label (i18n/label :t/try-again)
+     :button-one-props {:on-press (fn []
+                                    (rf/dispatch [:navigate-back])
+                                    (rf/dispatch [:open-modal :screen/keycard.ready-to-change-pin]))}}]])

src/status_im/contexts/keycard/check/events.cljs

@@ -0,0 +1,26 @@
+(ns status-im.contexts.keycard.check.events
+  (:require [utils.re-frame :as rf]))
+
+(rf/reg-event-fx :keycard/check-empty-card
+ (fn [{:keys [db]}]
+   (let [keycard-profile? (not (nil? (get-in db [:profile/profile :keycard-pairing])))]
+     {:fx [[:dispatch
+            [:keycard/connect
+             {:key-uid (get-in db [:profile/profile :key-uid])
+              :theme :dark
+              :on-success
+              (fn []
+                (rf/dispatch [:keycard/disconnect])
+                (rf/dispatch [:navigate-back])
+                (if keycard-profile?
+                  (rf/dispatch [:open-modal :screen/keycard.manage.profile-keys])
+                  (rf/dispatch [:open-modal :screen/keycard.migrate.profile-keys])))
+              :on-error
+              (fn [error]
+                (rf/dispatch [:navigate-back])
+                (if (and (= error :keycard/error.keycard-empty)
+                         (not keycard-profile?))
+                  (do
+                    (rf/dispatch [:keycard/disconnect])
+                    (rf/dispatch [:open-modal :screen/keycard.empty]))
+                  (rf/dispatch [:keycard/on-application-info-error error])))}]]]})))

src/status_im/contexts/keycard/check/view.cljs

@@ -3,16 +3,41 @@
             [react-native.core :as rn]
             [status-im.common.events-helper :as events-helper]
             [status-im.common.resources :as resources]
+            [status-im.constants :as constants]
+            [status-im.contexts.keycard.common.view :as common.view]
             [utils.i18n :as i18n]
             [utils.re-frame :as rf]))
 
+(defn- keycard-documentation
+  []
+  [quo/documentation-drawers
+   {:title  (i18n/label :t/keycard)
+    :shell? true}
+   [rn/view
+    [quo/text {:size :paragraph-2}
+     (i18n/label :t/keycard-documentation)]
+    [quo/button
+     {:size                40
+      :type                :primary
+      :container-style     {:margin-top 24 :margin-bottom 12}
+      :background          :blur
+      :icon-right          :i/external
+      :on-press            #(rf/dispatch [:browser.ui/open-url constants/get-keycard-url])
+      :accessibility-label :get-keycard}
+     (i18n/label :t/buy-keycard)]]])
+
 (defn view
   []
   (let [{:keys [on-press]} (rf/sub [:get-screen-params])]
     [:<>
      [quo/page-nav
-      {:icon-name :i/arrow-left
-       :on-press  events-helper/navigate-back}]
+      {:icon-name  :i/arrow-left
+       :on-press   events-helper/navigate-back
+       :right-side [{:icon-name :i/info
+                     :on-press  #(rf/dispatch [:show-bottom-sheet
+                                               {:content keycard-documentation
+                                                :theme   :dark
+                                                :shell?  true}])}]}]
      [quo/page-top
       {:title            (i18n/label :t/check-keycard)
        :description      :text
@@ -21,9 +46,7 @@
       [rn/image
        {:resize-mode :contain
         :source      (resources/get-image :check-your-keycard)}]]
-     [quo/divider-label (i18n/label :t/tips-scan-keycard)]
-     [quo/markdown-list {:description (i18n/label :t/remove-phone-case)}]
-     [quo/markdown-list {:description (i18n/label :t/keep-card-steady)}]
+     [common.view/tips]
      [quo/bottom-actions
       {:actions          :one-action
        :button-one-label (i18n/label :t/ready-to-scan)

src/status_im/contexts/keycard/common/view.cljs

@@ -0,0 +1,10 @@
+(ns status-im.contexts.keycard.common.view
+  (:require [quo.core :as quo]
+            [utils.i18n :as i18n]))
+
+(defn tips
+  []
+  [:<>
+   [quo/divider-label (i18n/label :t/tips-scan-keycard)]
+   [quo/markdown-list {:description (i18n/label :t/remove-phone-case)}]
+   [quo/markdown-list {:description (i18n/label :t/keep-card-steady)}]])

src/status_im/contexts/keycard/create/events.cljs

@@ -1,5 +1,7 @@
 (ns status-im.contexts.keycard.create.events
   (:require [clojure.string :as string]
+            [status-im.common.resources :as resources]
+            [utils.i18n :as i18n]
             [utils.re-frame :as rf]
             [utils.security.core :as security]))
 
@@ -7,9 +9,10 @@
  (fn [_]
    {:fx [[:dispatch
           [:keycard/connect
-           {:on-error
+           {:theme :dark
+            :on-error
             (fn [error]
-              (if (= error :keycard/error.keycard-blank)
+              (if (= error :keycard/error.keycard-empty)
                 (do
                   (rf/dispatch [:keycard/disconnect])
                   (rf/dispatch [:open-modal :screen/keycard.empty-create]))
@@ -18,8 +21,17 @@
 (defn- backup-recovery-phrase-success
   [masked-seed-phrase]
   (rf/dispatch [:navigate-back])
-  (rf/dispatch [:open-modal :screen/confirm-backup
+  (rf/dispatch [:open-modal :screen/confirm-backup-dark
                 {:masked-seed-phrase masked-seed-phrase
+                 :theme              :dark
+                 :shell?             true
+                 :on-try-again       #(rf/dispatch [:open-modal :screen/backup-recovery-phrase-dark
+                                                    {:on-success         backup-recovery-phrase-success
+                                                     :masked-seed-phrase (->> masked-seed-phrase
+                                                                              security/safe-unmask-data
+                                                                              (string/join " ")
+                                                                              security/mask-data)
+                                                     :revealed?          true}])
                  :on-success         #(rf/dispatch [:keycard/create.phrase-backed-up
                                                     masked-seed-phrase])}]))
 
@@ -39,10 +51,13 @@
               security/safe-unmask-data
               (string/join " ")
               security/mask-data))
-    :fx [[:dispatch [:keycard/create.create-or-enter-pin]]]}))
+    :fx [[:dispatch
+          [:keycard/create.create-or-enter-pin
+           {:ready-to-add-screen-title (i18n/label :t/ready-add-keypair-keycard)
+            :ready-to-add-screen-image (resources/get-image :add-key-to-keycard)}]]]}))
 
 (rf/reg-event-fx :keycard/create.create-or-enter-pin
- (fn [{:keys [db]}]
+ (fn [{:keys [db]} [{:keys [ready-to-add-screen-title ready-to-add-screen-image]}]]
    (let [{:keys [initialized?]} (get-in db [:keycard :application-info])]
      {:fx [[:dispatch [:navigate-back]]
            (if initialized?
@@ -56,7 +71,9 @@
                {:on-complete (fn [new-pin]
                                (rf/dispatch [:navigate-back])
                                (rf/dispatch [:keycard/create.save-pin new-pin])
-                               (rf/dispatch [:open-modal :screen/keycard.create.ready-to-add]))}]])]})))
+                               (rf/dispatch [:open-modal :screen/keycard.create.ready-to-add
+                                             {:title ready-to-add-screen-title
+                                              :image ready-to-add-screen-image}]))}]])]})))
 
 (rf/reg-event-fx :keycard/create.save-pin
  (fn [{:keys [db]} [pin]]
@@ -64,7 +81,7 @@
 
 (rf/reg-event-fx :keycard/create.on-application-info-error
  (fn [{:keys [db]} [error]]
-   (if (or (= error :keycard/error.keycard-blank)
+   (if (or (= error :keycard/error.keycard-empty)
            (and (get-in db [:keycard :application-info :initialized?])
                 (= error :keycard/error.keycard-wrong-profile)))
      (rf/dispatch [:keycard/create.continue])
@@ -74,7 +91,8 @@
  (fn [_]
    {:fx [[:dispatch
           [:keycard/connect
-           {:on-error #(rf/dispatch [:keycard/create.on-application-info-error %])}]]]}))
+           {:theme    :dark
+            :on-error #(rf/dispatch [:keycard/create.on-application-info-error %])}]]]}))
 
 (defn get-application-info-and-continue
   []
@@ -90,7 +108,7 @@
      (cond
 
        (not initialized?)
-       {:fx [[:keycard/init-card
+       {:fx [[:effects.keycard/init-card
               {:pin        pin
                :on-success get-application-info-and-continue}]]}
 
@@ -106,3 +124,13 @@
               {:pin        pin
                :on-success #(rf/dispatch [:keycard.login/recover-profile-and-login %])
                :on-failure #(rf/dispatch [:keycard/on-action-with-pin-error %])}]]}))))
+
+(rf/reg-event-fx :keycard/create.seed-phrase-entered
+ (fn [{:keys [db]} [key-uid masked-seed-phrase]]
+   (if (contains? (:profile/profiles-overview db) key-uid)
+     {:fx [[:dispatch [:onboarding/multiaccount-already-exists key-uid]]]}
+     {:db (assoc-in db [:keycard :create :masked-phrase] masked-seed-phrase)
+      :fx [[:dispatch
+            [:keycard/create.create-or-enter-pin
+             {:ready-to-add-screen-title (i18n/label :t/ready-to-import-keypair-keycard)
+              :ready-to-add-screen-image (resources/get-image :import-key-to-keycard)}]]]})))

src/status_im/contexts/keycard/create/view.cljs

@@ -2,10 +2,9 @@
   (:require [quo.core :as quo]
             [react-native.core :as rn]
             [status-im.common.events-helper :as events-helper]
-            [status-im.common.not-implemented :as not-implemented]
             [status-im.common.resources :as resources]
-            [status-im.config :as config]
             [status-im.constants :as constants]
+            [status-im.contexts.keycard.common.view :as common.view]
             [utils.i18n :as i18n]
             [utils.re-frame :as rf]))
 
@@ -25,6 +24,7 @@
       :title               (i18n/label :t/check-keycard)
       :subtitle            (i18n/label :t/see-keycard-ready)
       :button-label        (i18n/label :t/scan-keycard)
+      :button-props        {:type :primary :icon-left :i/keycard}
       :accessibility-label :get-keycard
       :image               (resources/get-image :check-your-keycard)
       :on-press            #(rf/dispatch [:keycard/create.check-empty-card])}]
@@ -37,31 +37,35 @@
       :image               (resources/get-image :use-keycard)
       :on-press            #(rf/dispatch [:browser.ui/open-url constants/get-keycard-url])}]]
    [rn/view {:style {:flex 1}}]
-   [quo/divider-label (i18n/label :t/tips-scan-keycard)]
-   [quo/markdown-list {:description (i18n/label :t/remove-phone-case)}]
-   [quo/markdown-list {:description (i18n/label :t/keep-card-steady)}]])
+   [common.view/tips]])
+
+(defn- ready-to-add-documentation
+  []
+  [quo/documentation-drawers
+   {:shell? true}
+   [quo/text {:size :paragraph-2}
+    (i18n/label :t/ready-add-keypair-keycard-documentation)]])
 
 (defn ready-to-add
   []
-  [:<>
-   [quo/page-nav
-    {:icon-name  :i/close
-     :on-press   events-helper/navigate-back
-     :right-side [(when config/show-not-implemented-features?
-                    {:icon-name :i/info
-                     :on-press  not-implemented/alert})]}]
-   [quo/page-top
-    {:title            (i18n/label :t/ready-add-keypair-keycard)
-     :description      :text
-     :description-text ""}]
-   [rn/image
-    {:resize-mode :contain
-     :style       {:flex 1 :align-self :center :margin-vertical 37}
-     :source      (resources/get-image :add-key-to-keycard)}]
-   [quo/divider-label (i18n/label :t/tips-scan-keycard)]
-   [quo/markdown-list {:description (i18n/label :t/remove-phone-case)}]
-   [quo/markdown-list {:description (i18n/label :t/keep-card-steady)}]
-   [quo/bottom-actions
-    {:actions          :one-action
-     :button-one-label (i18n/label :t/scan-keycard)
-     :button-one-props {:on-press #(rf/dispatch [:keycard/create.start])}}]])
+  (let [{:keys [title image]} (rf/sub [:get-screen-params])]
+    [:<>
+     [quo/page-nav
+      {:icon-name  :i/close
+       :on-press   events-helper/navigate-back
+       :right-side [{:icon-name :i/info
+                     :on-press  #(rf/dispatch [:show-bottom-sheet
+                                               {:content ready-to-add-documentation
+                                                :theme   :dark
+                                                :shell?  true}])}]}]
+     [quo/page-top
+      {:title title}]
+     [rn/image
+      {:resize-mode :contain
+       :style       {:flex 1 :align-self :center :margin-vertical 37}
+       :source      image}]
+     [common.view/tips]
+     [quo/bottom-actions
+      {:actions          :one-action
+       :button-one-label (i18n/label :t/scan-keycard)
+       :button-one-props {:on-press #(rf/dispatch [:keycard/create.start])}}]]))

src/status_im/contexts/keycard/effects.cljs

@@ -56,6 +56,14 @@
  (fn [args]
    (keycard/factory-reset (keycard.utils/wrap-handlers args))))
 
+(rf/reg-fx :effects.keycard/verify-pin
+ (fn [args]
+   (keycard/verify-pin (keycard.utils/wrap-handlers args))))
+
+(rf/reg-fx :effects.keycard/change-pin
+ (fn [args]
+   (keycard/change-pin (keycard.utils/wrap-handlers args))))
+
 (rf/reg-fx :effects.keycard/sign
  (fn [args]
    (-> (keycard/sign args)
@@ -75,7 +83,7 @@
        (promesa/then on-success)
        (promesa/catch (keycard.utils/get-on-failure args)))))
 
-(rf/reg-fx :keycard/init-card
+(rf/reg-fx :effects.keycard/init-card
  (fn [args]
    (keycard/init-card (keycard.utils/wrap-handlers args))))
 

src/status_im/contexts/keycard/empty/view.cljs

@@ -17,20 +17,27 @@
     {:title            (i18n/label :t/keycard-empty)
      :description      :text
      :description-text (i18n/label :t/what-to-do)}]
-   [rn/view {:style {:padding-horizontal 28 :padding-top 20}}
-    [quo/small-option-card
-     {:variant             :main
-      :title               (i18n/label :t/create-new-profile)
-      :subtitle            (i18n/label :t/new-key-pair-keycard)
-      :button-label        (i18n/label :t/lets-go)
-      :accessibility-label :create-new-profile-keycard
-      :image               (resources/get-image :keycard-buy)
-      :button-type         :primary
-      :on-press            #(rf/dispatch [:keycard/create.get-phrase])}]]
-   [quo/information-box
-    {:type  :default
-     :style {:margin-top 32 :margin-horizontal 28}}
-    (i18n/label :t/add-key-pair-desktop)]])
+   [quo/small-option-card
+    {:variant             :main
+     :title               (i18n/label :t/create-new-profile)
+     :subtitle            (i18n/label :t/new-key-pair-keycard)
+     :button-label        (i18n/label :t/lets-go)
+     :accessibility-label :create-new-profile-keycard
+     :container-style     {:margin-horizontal 20 :margin-top 8}
+     :image               (resources/get-image :keycard-buy)
+     :button-props        {:type :primary}
+     :on-press            #(rf/dispatch [:keycard/create.get-phrase])}]
+   [quo/small-option-card
+    {:variant             :icon
+     :title               (i18n/label :t/import-recovery-phrase-to-keycard)
+     :subtitle            (i18n/label :t/store-key-pair-on-keycard)
+     :accessibility-label :import-recovery-phrase-to-keycard
+     :container-style     {:margin 20}
+     :image               (resources/get-image :use-keycard)
+     :on-press            #(rf/dispatch [:open-modal :screen/use-recovery-phrase-dark
+                                         {:on-success (fn [{:keys [key-uid phrase]}]
+                                                        (rf/dispatch [:keycard/create.seed-phrase-entered
+                                                                      key-uid phrase]))}])}]])
 
 (defn view
   []

src/status_im/contexts/keycard/error/view.cljs

@@ -2,20 +2,22 @@
   (:require [quo.core :as quo]
             [react-native.core :as rn]
             [status-im.common.events-helper :as events-helper]
+            [status-im.contexts.keycard.backup.view :as backup.view]
             [status-im.contexts.keycard.factory-reset.view :as factory-reset]
+            [status-im.contexts.keycard.unblock.view :as keycard.unblock]
             [utils.i18n :as i18n]
             [utils.re-frame :as rf]))
 
 (def titles
-  {:keycard/error.keycard-blank         {:title       (i18n/label :t/keycard-empty)
+  {:keycard/error.keycard-empty         {:title       (i18n/label :t/keycard-empty)
                                          :description (i18n/label :t/no-key-pair-keycard)}
    :keycard/error.keycard-wrong-profile {:title       (i18n/label :t/keycard-not-empty)
                                          :description (i18n/label :t/cant-store-new-keys)}
    :keycard/error.keycard-unpaired      {:title       (i18n/label :t/keycard-full)
                                          :description (i18n/label :t/pairing-slots-occupied)}
-   :keycard/error.keycard-frozen        {:title       (i18n/label :t/keycard-locked)
+   :keycard/error.keycard-frozen        {:title       (i18n/label :t/keycard-blocked)
                                          :description (i18n/label :t/cant-use-right-now)}
-   :keycard/error.keycard-locked        {:title       (i18n/label :t/keycard-locked)
+   :keycard/error.keycard-locked        {:title       (i18n/label :t/keycard-blocked)
                                          :description (i18n/label :t/cant-use-right-now)}})
 
 (defn view
@@ -31,11 +33,38 @@
        :description      :text
        :description-text description}]
      [rn/view {:style {:margin-horizontal 20}}
-      [quo/keycard {:holder-name ""}]
-      (when (not= :keycard/error.keycard-blank error)
+      [quo/keycard {:blur? true}]
+      [quo/section-label
+       {:section (i18n/label :t/what-you-can-do) :container-style {:padding-vertical 8}}]
+      (if (= error :keycard/error.keycard-empty)
+        [quo/settings-item
+         {:title             (i18n/label :t/use-backup-keycard)
+          :image             :icon
+          :image-props       :i/placeholder
+          :action            :arrow
+          :description       :text
+          :description-props {:text (i18n/label :t/create-backup-profile-keycard)}
+          :on-press          (fn []
+                               (rf/dispatch [:show-bottom-sheet
+                                             {:content
+                                              (fn []
+                                                [backup.view/sheet
+                                                 {:on-continue
+                                                  (rf/dispatch
+                                                   [:keycard/backup.create-or-enter-pin])}])}]))}]
         [:<>
-         [quo/section-label
-          {:section (i18n/label :t/what-you-can-do) :container-style {:padding-vertical 8}}]
+         (when (or (= error :keycard/error.keycard-frozen)
+                   (= error :keycard/error.keycard-locked))
+           [quo/settings-item
+            {:title             (i18n/label :t/unblock-keycard)
+             :image             :icon
+             :image-props       :i/placeholder
+             :action            :arrow
+             :description       :text
+             :description-props {:text (i18n/label :t/with-recovery-phrase)}
+             :on-press          (fn []
+                                  (rf/dispatch [:show-bottom-sheet
+                                                {:content keycard.unblock/sheet}]))}])
          [quo/settings-item
           {:title             (i18n/label :t/factory-reset)
            :image             :icon
@@ -45,4 +74,6 @@
            :description-props {:text (i18n/label :t/remove-keycard-content)}
            :on-press          (fn []
                                 (rf/dispatch [:show-bottom-sheet
-                                              {:content factory-reset/sheet}]))}]])]]))
+                                              {:theme   :dark
+                                               :shell?  true
+                                               :content factory-reset/sheet}]))}]])]]))

src/status_im/contexts/keycard/events.cljs

@@ -1,5 +1,7 @@
 (ns status-im.contexts.keycard.events
   (:require [re-frame.core :as rf]
+            status-im.contexts.keycard.backup.events
+            status-im.contexts.keycard.check.events
             status-im.contexts.keycard.create.events
             status-im.contexts.keycard.login.events
             status-im.contexts.keycard.migrate.events
@@ -8,6 +10,7 @@
             status-im.contexts.keycard.nfc.sheets.events
             status-im.contexts.keycard.pin.events
             status-im.contexts.keycard.sign.events
+            status-im.contexts.keycard.unblock.events
             [status-im.contexts.keycard.utils :as keycard.utils]
             [utils.address :as address]
             utils.datetime
@@ -56,6 +59,10 @@
                 [:keycard/on-application-info-error
                  :keycard/error.keycard-locked]])]}))))
 
+(rf/reg-event-fx :keycard/init-card
+ (fn [_ [data]]
+   {:effects.keycard/init-card data}))
+
 (rf/reg-event-fx :keycard/get-keys
  (fn [_ [data]]
    {:effects.keycard/get-keys data}))
@@ -72,11 +79,20 @@
  (fn [_ [data]]
    {:effects.keycard/factory-reset data}))
 
+(rf/reg-event-fx :keycard/verify-pin
+ (fn [_ [data]]
+   {:effects.keycard/verify-pin data}))
+
+(rf/reg-event-fx :keycard/change-pin
+ (fn [_ [data]]
+   {:effects.keycard/change-pin data}))
+
 (rf/reg-event-fx :keycard/connect-derive-address-and-add-account
  (fn [_ [{:keys [pin derivation-path key-uid account-preferences]}]]
    {:fx [[:dispatch
           [:keycard/connect
-           {:key-uid key-uid
+           {:theme :dark
+            :key-uid key-uid
             :on-success
             (fn []
               (rf/dispatch
@@ -145,17 +161,26 @@
                        (rf/dispatch [:keycard/on-application-info-error
                                      :keycard/error.not-keycard]))))}}))
 
+(rf/reg-event-fx :keycard/connect.next-stage
+ (fn [{:keys [db]} [{:keys [key-uid on-success on-error]}]]
+   (let [event-vector [:keycard/get-application-info
+                       {:key-uid    key-uid
+                        :on-success on-success
+                        :on-error   on-error}]]
+     {:db (assoc-in db [:keycard :on-card-connected-event-vector] event-vector)
+      :fx [(when (get-in db [:keycard :card-connected?])
+             [:dispatch event-vector])]})))
+
 (rf/reg-event-fx :keycard/connect
- (fn [{:keys [db]} [{:keys [key-uid on-success on-error on-connect-event-vector]}]]
-   (let [event-vector
-         (or on-connect-event-vector
-             [:keycard/get-application-info
-              {:key-uid    key-uid
-               :on-success on-success
-               :on-error   on-error}])]
+ (fn [{:keys [db]} [{:keys [key-uid on-success on-error theme]}]]
+   (let [event-vector [:keycard/get-application-info
+                       {:key-uid    key-uid
+                        :on-success on-success
+                        :on-error   on-error}]]
      {:db (assoc-in db [:keycard :on-card-connected-event-vector] event-vector)
       :fx [[:dispatch
             [:keycard/show-connection-sheet
-             {:on-cancel-event-vector [:keycard/cancel-connection]}]]
+             {:on-cancel-event-vector [:keycard/cancel-connection]
+              :theme                  theme}]]
            (when (get-in db [:keycard :card-connected?])
              [:dispatch event-vector])]})))

src/status_im/contexts/keycard/factory_reset/view.cljs

@@ -22,7 +22,8 @@
   [key-uid]
   (rf/dispatch
    [:keycard/connect
-    {:key-uid    key-uid
+    {:theme      :dark
+     :key-uid    key-uid
      :on-success reset-card
      :on-error   (fn [error]
                    (if (or (= error :keycard/error.keycard-frozen)

src/status_im/contexts/keycard/login/events.cljs

@@ -43,7 +43,8 @@
  (fn []
    {:fx [[:dispatch
           [:keycard/connect
-           {:on-error
+           {:theme :dark
+            :on-error
             (fn [error]
               (if (= error :keycard/error.keycard-wrong-profile)
                 (do
@@ -57,7 +58,8 @@
  (fn [{:keys [db]} [pin]]
    {:fx [[:dispatch
           [:keycard/connect
-           {:key-uid    (get-in db [:keycard :application-info :key-uid])
+           {:theme      :dark
+            :key-uid    (get-in db [:keycard :application-info :key-uid])
             :on-success (fn []
                           (rf/dispatch
                            [:keycard/get-more-keys

src/status_im/contexts/keycard/manage/profile_keys/view.cljs

@@ -0,0 +1,58 @@
+(ns status-im.contexts.keycard.manage.profile-keys.view
+  (:require [quo.core :as quo]
+            [react-native.core :as rn]
+            [status-im.common.events-helper :as events-helper]
+            [status-im.contexts.keycard.backup.view :as backup.view]
+            [status-im.contexts.keycard.change-pin.view :as change-pin.view]
+            [utils.i18n :as i18n]
+            [utils.re-frame :as rf]))
+
+(defn- backup-sheet
+  []
+  [backup.view/sheet
+   {:on-continue
+    (fn []
+      (rf/dispatch [:navigate-back])
+      (rf/dispatch
+       [:open-modal :screen/keycard.backup.scan-empty]))}])
+
+(defn view
+  []
+  (let [profile-name (rf/sub [:profile/name])]
+    [:<>
+     [quo/page-nav
+      {:icon-name :i/close
+       :on-press  events-helper/navigate-back}]
+     [quo/page-top
+      {:title profile-name}]
+     [rn/view {:style {:margin-horizontal 20}}
+      [rn/view {:style {:padding-top 8 :padding-bottom 20}}
+       [quo/keycard {:blur? true}]]
+      [quo/section-label
+       {:section (i18n/label :t/what-you-can-do) :container-style {:padding-vertical 8}}]
+      [quo/settings-item
+       {:title             (i18n/label :t/change-pin-keycard)
+        :image             :icon
+        :blur?             true
+        :image-props       :i/keycard
+        :action            :arrow
+        :description       :text
+        :description-props {:text (i18n/label :t/change-pin-keycard-description)}
+        :on-press          (fn []
+                             (rf/dispatch [:show-bottom-sheet
+                                           {:theme   :dark
+                                            :shell?  true
+                                            :content change-pin.view/change-pin-confirmation-sheet}]))}]
+      [quo/settings-item
+       {:title             (i18n/label :t/backup-keycard)
+        :image             :icon
+        :blur?             true
+        :image-props       :i/keycard
+        :action            :arrow
+        :description       :text
+        :description-props {:text (i18n/label :t/create-backup-profile-keycard)}
+        :on-press          (fn []
+                             (rf/dispatch [:show-bottom-sheet
+                                           {:theme   :dark
+                                            :shell?  true
+                                            :content backup-sheet}]))}]]]))

src/status_im/contexts/keycard/migrate/events.cljs

@@ -3,23 +3,6 @@
             [utils.re-frame :as rf]
             [utils.security.core :as security]))
 
-(rf/reg-event-fx :keycard/migration.check-empty-card
- (fn [{:keys [db]}]
-   {:fx [[:dispatch
-          [:keycard/connect
-           {:key-uid (get-in db [:profile/profile :key-uid])
-            :on-success
-            (fn []
-              (rf/dispatch [:keycard/disconnect])
-              (rf/dispatch [:open-modal :screen/keycard.profile-keys]))
-            :on-error
-            (fn [error]
-              (if (= error :keycard/error.keycard-blank)
-                (do
-                  (rf/dispatch [:keycard/disconnect])
-                  (rf/dispatch [:open-modal :screen/keycard.empty]))
-                (rf/dispatch [:keycard/on-application-info-error error])))}]]]}))
-
 (defn get-application-info-and-continue
   [key-uid]
   (rf/dispatch [:keycard/get-application-info
@@ -27,7 +10,7 @@
                  :on-success #(rf/dispatch [:keycard/migration.continue])
                  :on-error
                  (fn [error]
-                   (if (= error :keycard/error.keycard-blank)
+                   (if (= error :keycard/error.keycard-empty)
                      (rf/dispatch [:keycard/migration.continue])
                      (rf/dispatch [:keycard/on-application-info-error error])))}]))
 
@@ -40,7 +23,7 @@
      (cond
 
        (not initialized?)
-       {:fx [[:keycard/init-card
+       {:fx [[:effects.keycard/init-card
               {:pin        pin
                :on-success #(get-application-info-and-continue key-uid)}]]}
 
@@ -63,17 +46,27 @@
           [:keycard/connect
            {:key-uid (get-in db [:profile/profile :key-uid])
             :on-success #(rf/dispatch [:keycard/migration.continue])
+            :theme :dark
             :on-error
             (fn [error]
-              (if (= error :keycard/error.keycard-blank)
+              (if (= error :keycard/error.keycard-empty)
                 (rf/dispatch [:keycard/migration.continue])
                 (rf/dispatch [:keycard/on-application-info-error error])))}]]]}))
 
 (defn- backup-recovery-phrase-success
   [masked-seed-phrase]
   (rf/dispatch [:navigate-back])
-  (rf/dispatch [:open-modal :screen/confirm-backup
+  (rf/dispatch [:open-modal :screen/confirm-backup-dark
                 {:masked-seed-phrase masked-seed-phrase
+                 :theme              :dark
+                 :shell?             true
+                 :on-try-again       #(rf/dispatch [:open-modal :screen/backup-recovery-phrase-dark
+                                                    {:on-success         backup-recovery-phrase-success
+                                                     :masked-seed-phrase (->> masked-seed-phrase
+                                                                              security/safe-unmask-data
+                                                                              (string/join " ")
+                                                                              security/mask-data)
+                                                     :revealed?          true}])
                  :on-success         #(rf/dispatch [:keycard/migration.phrase-backed-up])}]))
 
 (rf/reg-event-fx :keycard/migration.get-phrase

src/status_im/contexts/keycard/migrate/profile_keys/view.cljs

@@ -17,7 +17,7 @@
      :description-text (i18n/label :t/finalise-migration-instructions)}]
    [rn/view {:style {:margin-horizontal 20}}
     [rn/view {:style {:padding-top 8 :padding-bottom 20}}
-     [quo/keycard {:holder-name ""}]]
+     [quo/keycard {:blur? true}]]
     [quo/section-label {:section (i18n/label :t/what-you-can-do) :container-style {:padding-vertical 8}}]
     [quo/settings-item
      {:title             (i18n/label :t/finalise-migration)

src/status_im/contexts/keycard/migrate/view.cljs

@@ -3,6 +3,7 @@
             [react-native.core :as rn]
             [status-im.common.events-helper :as events-helper]
             [status-im.common.resources :as resources]
+            [status-im.contexts.keycard.common.view :as common.view]
             [utils.i18n :as i18n]
             [utils.re-frame :as rf]))
 
@@ -26,9 +27,7 @@
       [rn/image
        {:resize-mode :contain
         :source      (resources/get-image :keycard-migration)}]]
-     [quo/divider-label (i18n/label :t/tips-scan-keycard)]
-     [quo/markdown-list {:description (i18n/label :t/remove-phone-case)}]
-     [quo/markdown-list {:description (i18n/label :t/keep-card-steady)}]
+     [common.view/tips]
      [quo/bottom-actions
       {:actions          :one-action
        :button-one-label (if initialized? (i18n/label :t/enter-keycard-pin) (i18n/label :t/scan-keycard))

src/status_im/contexts/keycard/nfc/sheets/events.cljs

@@ -3,11 +3,12 @@
             [react-native.platform :as platform]))
 
 (rf/reg-event-fx :keycard/show-connection-sheet
- (fn [{:keys [db]} [{:keys [on-cancel-event-vector]} :as args]]
+ (fn [{:keys [db]} [{:keys [on-cancel-event-vector theme]} :as args]]
    (if platform/android?
      {:db (assoc-in db
            [:keycard :connection-sheet-opts]
-           {:on-close #(rf/dispatch on-cancel-event-vector)})
+           {:on-close #(rf/dispatch on-cancel-event-vector)
+            :theme    theme})
       :fx [[:effects.keycard.ios/start-nfc nil]
            [:dismiss-keyboard true]
            [:show-nfc-sheet nil]]}

src/status_im/contexts/keycard/nfc/sheets/view.cljs

@@ -8,9 +8,9 @@
 
 (defn connect-keycard
   []
-  (let [connected?         (rf/sub [:keycard/connected?])
-        {:keys [on-close]} (rf/sub [:keycard/connection-sheet-opts])
-        theme              (quo.theme/use-theme)]
+  (let [connected?               (rf/sub [:keycard/connected?])
+        {:keys [on-close theme]} (rf/sub [:keycard/connection-sheet-opts])
+        theme                    (or theme (quo.theme/use-theme))]
     [rn/view {:flex 1}
      [rn/view {:flex 1}]
      [rn/view

src/status_im/contexts/keycard/pin/create/view.cljs

@@ -9,45 +9,47 @@
 
 (defn view
   []
-  (let [{:keys [on-complete]}     (rf/sub [:get-screen-params])
-        [pin set-pin]             (rn/use-state "")
-        [first-pin set-first-pin] (rn/use-state "")
-        [error? set-error]        (rn/use-state false)
-        [stage set-stage]         (rn/use-state :create)
-        pin-empty?                (string/blank? pin)
-        on-delete                 (rn/use-callback
-                                   (fn []
-                                     (set-error false)
-                                     (if (= (count pin) 1)
-                                       (do
-                                         (set-pin "")
-                                         (set-stage :create))
-                                       (when (and pin (pos? (count pin)))
-                                         (set-pin (.slice pin 0 -1)))))
-                                   [pin])
-        on-press                  (rn/use-callback
-                                   (fn [new-symbol]
-                                     (let [new-pin (str pin new-symbol)]
-                                       (when (<= (count new-pin) constants/pincode-length)
-                                         (set-pin new-pin)
-                                         (when (= constants/pincode-length (count new-pin))
-                                           (if (= :repeat stage)
-                                             (if (= first-pin new-pin)
-                                               (on-complete new-pin)
-                                               (set-error true))
-                                             (do
-                                               (set-pin "")
-                                               (set-first-pin new-pin)
-                                               (set-stage :repeat)))))))
-                                   [pin stage first-pin])]
+  (let [{:keys [on-complete title repeat-stage-title]} (rf/sub [:get-screen-params])
+        [pin set-pin]                                  (rn/use-state "")
+        [first-pin set-first-pin]                      (rn/use-state "")
+        [error? set-error]                             (rn/use-state false)
+        [stage set-stage]                              (rn/use-state :create)
+        pin-empty?                                     (string/blank? pin)
+        on-delete                                      (rn/use-callback
+                                                        (fn []
+                                                          (set-error false)
+                                                          (if (= (count pin) 1)
+                                                            (do
+                                                              (set-pin "")
+                                                              (set-stage :create))
+                                                            (when (and pin (pos? (count pin)))
+                                                              (set-pin (.slice pin 0 -1)))))
+                                                        [pin])
+        on-press                                       (rn/use-callback
+                                                        (fn [new-symbol]
+                                                          (let [new-pin (str pin new-symbol)]
+                                                            (when (<= (count new-pin)
+                                                                      constants/pincode-length)
+                                                              (set-pin new-pin)
+                                                              (when (= constants/pincode-length
+                                                                       (count new-pin))
+                                                                (if (= :repeat stage)
+                                                                  (if (= first-pin new-pin)
+                                                                    (on-complete new-pin)
+                                                                    (set-error true))
+                                                                  (do
+                                                                    (set-pin "")
+                                                                    (set-first-pin new-pin)
+                                                                    (set-stage :repeat)))))))
+                                                        [pin stage first-pin])]
     [rn/view {:style {:padding-bottom 12 :flex 1}}
      [quo/page-nav
       {:icon-name :i/close
        :on-press  events-helper/navigate-back}]
      [quo/page-top
       {:title            (if (= :create stage)
-                           (i18n/label :t/create-keycard-pin)
-                           (i18n/label :t/repeat-keycard-pin))
+                           (or title (i18n/label :t/create-keycard-pin))
+                           (or repeat-stage-title (i18n/label :t/repeat-keycard-pin)))
        :description      :text
        :description-text (i18n/label :t/pin-needed-login-sign)}]
      [rn/view {:style {:flex 1 :justify-content :center :align-items :center :padding-vertical 34}}

src/status_im/contexts/keycard/pin/enter/view.cljs

@@ -8,10 +8,10 @@
 
 (defn view
   []
-  (let [{:keys [on-complete]} (rf/sub [:get-screen-params])]
+  (let [{:keys [on-complete title]} (rf/sub [:get-screen-params])]
     [rn/view {:style {:padding-bottom 12 :flex 1}}
      [quo/page-nav
       {:icon-name :i/close
        :on-press  events-helper/navigate-back}]
-     [quo/page-top {:title (i18n/label :t/enter-keycard-pin)}]
+     [quo/page-top {:title (or title (i18n/label :t/enter-keycard-pin))}]
      [keycard.pin/auth {:on-complete on-complete}]]))

src/status_im/contexts/keycard/unblock/events.cljs

@@ -0,0 +1,87 @@
+(ns status-im.contexts.keycard.unblock.events
+  (:require [utils.re-frame :as rf]
+            [utils.security.core :as security]))
+
+(rf/reg-event-fx :keycard/unblock.pin-created
+ (fn [{:keys [db]} [pin]]
+   {:db (assoc-in db [:keycard :unblock :pin] pin)
+    :fx [[:dispatch [:navigate-back]]
+         [:dispatch [:open-modal :screen/keycard.unblock.ready-to-unblock]]]}))
+
+(rf/reg-event-fx :keycard/unblock.phrase-entered
+ (fn [{:keys [db]} [{:keys [phrase]}]]
+   {:db (assoc-in db [:keycard :unblock :masked-phrase] phrase)
+    :fx [[:dispatch [:navigate-back]]
+         [:dispatch
+          [:open-modal :screen/keycard.pin.create
+           {:on-complete #(rf/dispatch [:keycard/unblock.pin-created %])}]]]}))
+
+(rf/reg-event-fx :keycard/unblock.generate-and-load-key
+ (fn [{:keys [db]}]
+   (let [{:keys [masked-phrase pin]} (get-in db [:keycard :unblock])]
+     {:fx [[:effects.keycard/generate-and-load-key
+            {:mnemonic   (security/safe-unmask-data masked-phrase)
+             :pin        pin
+             :on-success (fn []
+                           (rf/dispatch [:keycard/disconnect])
+                           (rf/dispatch [:navigate-back])
+                           (rf/dispatch [:open-modal :screen/keycard.unblock.success]))}]]})))
+
+;; third stage, import keys
+(rf/reg-event-fx :keycard/unblock.import-keys
+ (fn []
+   {:fx [[:dispatch
+          [:keycard/connect.next-stage
+           {:on-error (fn [error]
+                        (if (= error :keycard/error.keycard-empty)
+                          (rf/dispatch [:keycard/unblock.generate-and-load-key])
+                          (do
+                            (rf/dispatch [:navigate-back])
+                            (rf/dispatch [:keycard/on-application-info-error error]))))}]]]}))
+
+;; second stage, check if card initialized
+(rf/reg-event-fx :keycard/unblock.init-card-or-import-keys
+ (fn [{:keys [db]}]
+   (let [pin                    (get-in db [:keycard :unblock :pin])
+         {:keys [initialized?]} (get-in db [:keycard :application-info])]
+     {:fx [(if initialized?
+             [:dispatch [:keycard/unblock.import-keys]]
+             [:effects.keycard/init-card
+              {:pin        pin
+               :on-success #(rf/dispatch [:keycard/unblock.import-keys])}])]})))
+
+;; second stage, init card with pin
+(defn init-with-pin
+  []
+  (rf/dispatch
+   [:keycard/connect.next-stage
+    {:on-error (fn [error]
+                 (if (= error :keycard/error.keycard-empty)
+                   (rf/dispatch [:keycard/unblock.init-card-or-import-keys])
+                   (do
+                     (rf/dispatch [:navigate-back])
+                     (rf/dispatch [:keycard/on-application-info-error error]))))}]))
+
+;; first stage, reset card
+(rf/reg-event-fx :keycard/unblock
+ (fn [{:keys [db]}]
+   {:fx [[:dispatch
+          [:keycard/connect
+           {:key-uid  (get-in db [:keycard :application-info :key-uid])
+            :on-error (fn [error]
+                        (cond
+                          (or (= error :keycard/error.keycard-frozen)
+                              (= error :keycard/error.keycard-locked))
+                          (rf/dispatch [:keycard/factory-reset {:on-success init-with-pin}])
+
+                          (= error :keycard/error.keycard-empty)
+                          (init-with-pin)
+
+                          :else
+                          (do
+                            (rf/dispatch [:navigate-back])
+                            (if (= error :keycard/error.keycard-wrong-profile)
+                              (do
+                                (rf/dispatch [:keycard/disconnect])
+                                (rf/dispatch [:open-modal :screen/keycard.different-card]))
+                              (rf/dispatch [:keycard/on-application-info-error error])))))}]]]}))

src/status_im/contexts/keycard/unblock/view.cljs

@@ -0,0 +1,60 @@
+(ns status-im.contexts.keycard.unblock.view
+  (:require [quo.core :as quo]
+            [react-native.core :as rn]
+            [status-im.common.events-helper :as events-helper]
+            [status-im.contexts.keycard.common.view :as common.view]
+            [utils.i18n :as i18n]
+            [utils.re-frame :as rf]))
+
+(defn success-view
+  []
+  [:<>
+   [quo/page-nav
+    {:icon-name :i/close
+     :on-press  events-helper/navigate-back}]
+   [quo/page-top
+    {:title (i18n/label :t/keycard-unblocked)}]
+   [rn/view {:style {:flex 1}}]
+   [rn/view {:style {:padding-horizontal 20}}
+    [quo/button {:on-press events-helper/navigate-back}
+     (i18n/label :t/done)]]])
+
+(defn ready-to-unblock
+  []
+  [:<>
+   [quo/page-nav
+    {:icon-name :i/close
+     :on-press  events-helper/navigate-back}]
+   [quo/page-top
+    {:title (i18n/label :t/ready-to-unblock-keycard)}]
+   [rn/view {:style {:flex 1}}]
+   [common.view/tips]
+   [quo/bottom-actions
+    {:actions          :one-action
+     :button-one-label (i18n/label :t/scan-keycard)
+     :button-one-props {:on-press #(rf/dispatch [:keycard/unblock])}}]])
+
+(defn sheet
+  []
+  (let [customization-color (rf/sub [:profile/customization-color])]
+    [:<>
+     [quo/drawer-top {:title (i18n/label :t/unblock-keycard-recovery)}]
+     [quo/text
+      {:style {:padding-horizontal 20
+               :padding-vertical   8}}
+      (i18n/label :t/unblock-keycard-instructions)]
+     [quo/bottom-actions
+      {:actions          :two-actions
+       :button-one-label (i18n/label :t/continue)
+       :button-one-props {:customization-color
+                          customization-color
+                          :on-press
+                          (fn []
+                            (rf/dispatch [:hide-bottom-sheet])
+                            (rf/dispatch [:navigate-back])
+                            (rf/dispatch
+                             [:open-modal :screen/use-recovery-phrase-dark
+                              {:on-success #(rf/dispatch [:keycard/unblock.phrase-entered %])}]))}
+       :button-two-label (i18n/label :t/cancel)
+       :button-two-props {:type     :grey
+                          :on-press #(rf/dispatch [:hide-bottom-sheet])}}]]))

src/status_im/contexts/keycard/utils.cljs

@@ -28,7 +28,7 @@
     :keycard/error.not-keycard
 
     (not has-master-key?)
-    :keycard/error.keycard-blank
+    :keycard/error.keycard-empty
 
     (and (zero? pin-retry-counter)
          (or (nil? puk-retry-counter)
@@ -76,3 +76,17 @@
    args
    :on-success (get-on-success args)
    :on-failure (get-on-failure args)))
+
+(defn keycard-address?
+  [keypairs address]
+  (let [find-keycard-keypair (fn [kps] (some #(when-not (empty? (:keycards %)) %) kps))
+        keypair-addresses    (fn [kp]
+                               (->> (:accounts kp)
+                                    (map :address)
+                                    set))]
+    (when-not (nil? address)
+      (-> keypairs
+          vals
+          find-keycard-keypair
+          keypair-addresses
+          (contains? (string/lower-case address))))))

src/status_im/contexts/onboarding/events.cljs

@@ -107,6 +107,19 @@
               [:navigate-to-within-stack [:screen/onboarding.enable-biometrics from-screen]]
               [:onboarding/create-account-and-login])]]})))
 
+(rf/reg-event-fx
+ :onboarding/multiaccount-already-exists
+ (fn [_ [key-uid]]
+   {:fx [[:effects.utils/show-confirmation
+          {:title               (i18n/label :t/multiaccount-exists-title)
+           :content             (i18n/label :t/multiaccount-exists-content)
+           :confirm-button-text (i18n/label :t/unlock)
+           :on-accept           (fn []
+                                  (re-frame/dispatch [:pop-to-root :screen/profile.profiles])
+                                  ;; Note - Profile selection is not working
+                                  (re-frame/dispatch [:profile/profile-selected key-uid]))
+           :on-cancel           #(re-frame/dispatch [:pop-to-root :screen/profile.profiles])}]]}))
+
 (rf/reg-event-fx
  :onboarding/seed-phrase-validated
  (fn [{:keys [db]} [seed-phrase key-uid]]
@@ -115,14 +128,7 @@
                           :onboarding/navigated-to-enter-seed-phrase-from-screen
                           :screen/onboarding.create-profile)]
      (if (contains? (:profile/profiles-overview db) key-uid)
-       {:fx [[:effects.utils/show-confirmation
-              {:title               (i18n/label :t/multiaccount-exists-title)
-               :content             (i18n/label :t/multiaccount-exists-content)
-               :confirm-button-text (i18n/label :t/unlock)
-               :on-accept           (fn []
-                                      (re-frame/dispatch [:pop-to-root :screen/profile.profiles])
-                                      (re-frame/dispatch [:profile/profile-selected key-uid]))
-               :on-cancel           #(re-frame/dispatch [:pop-to-root :multiaccounts])}]]}
+       {:fx [[:dispatch [:onboarding/multiaccount-already-exists key-uid]]]}
        {:db (-> db
                 (assoc-in [:onboarding/profile :seed-phrase] seed-phrase)
                 (assoc-in [:onboarding/profile :key-uid] key-uid)

src/status_im/contexts/preview/quo/list_items/account_list_card.cljs

@@ -20,8 +20,6 @@
                                                 :type                :default
                                                 :name                "Trip to Vegas"
                                                 :address             "0x0ah...78b"}
-                             :networks         [{:network-name :ethereum :short-name "eth"}
-                                                {:network-name :optimism :short-name "oeth"}]
                              :action           :none
                              :on-press         (fn [] (js/alert "Item pressed"))
                              :on-options-press (fn [] (js/alert "Options pressed"))

src/status_im/contexts/preview/quo/tags/network_tags.cljs

@@ -18,6 +18,7 @@
   [{:type    :select
     :key     :status
     :options [{:key :error}
+              {:key :warning}
               {:key :default}]}
    {:type :text
     :key  :title}

src/status_im/contexts/profile/backup_recovery_phrase/view.cljs

@@ -44,22 +44,23 @@
 
 (defn view
   []
-  (let [step-labels                             [:t/backup-step-1 :t/backup-step-2 :t/backup-step-3
-                                                 :t/backup-step-4]
-        checked?                                (reagent/atom
-                                                 {:0 false
-                                                  :1 false
-                                                  :2 false
-                                                  :3 false})
-        revealed?                               (reagent/atom false)
-        customization-color                     (rf/sub [:profile/customization-color])
-        {:keys [on-success masked-seed-phrase]} (rf/sub [:get-screen-params])
-        seed-phrase                             (reagent/atom (if masked-seed-phrase
-                                                                (->
-                                                                  (security/safe-unmask-data
-                                                                   masked-seed-phrase)
-                                                                  (string/split #"\s"))
-                                                                []))]
+  (let [step-labels         [:t/backup-step-1 :t/backup-step-2 :t/backup-step-3
+                             :t/backup-step-4]
+        checked?            (reagent/atom
+                             {:0 false
+                              :1 false
+                              :2 false
+                              :3 false})
+        {:keys [on-success masked-seed-phrase
+                revealed?]} (rf/sub [:get-screen-params])
+        revealed?           (reagent/atom revealed?)
+        customization-color (rf/sub [:profile/customization-color])
+        seed-phrase         (reagent/atom (if masked-seed-phrase
+                                            (->
+                                              (security/safe-unmask-data
+                                               masked-seed-phrase)
+                                              (string/split #"\s"))
+                                            []))]
     (fn []
       (let [theme (quo.theme/use-theme)]
         (rn/use-mount
@@ -108,8 +109,7 @@
             [quo/bottom-actions
              {:actions          :one-action
               :button-one-label (i18n/label :t/i-have-written)
-              :button-one-props {:disabled?           (some false? (vals @checked?))
-                                 :customization-color customization-color
+              :button-one-props {:customization-color customization-color
                                  :on-press            #(on-success (security/mask-data @seed-phrase))}}]
             [quo/text
              {:size  :paragraph-2

src/status_im/contexts/profile/config.cljs

@@ -10,6 +10,7 @@
   []
   {;; Temporary fix until https://github.com/status-im/status-go/issues/3024 is resolved
    :wakuV2Nameserver              "8.8.8.8"
+   :kdfIterations                 3200
    :statusProxyEnabled            config/status-proxy-enabled?
    :statusProxyStageName          config/status-proxy-stage-name
    :statusProxyMarketUser         config/STATUS_BUILD_PROXY_USER

src/status_im/contexts/profile/contact/add_nickname/view.cljs

@@ -52,7 +52,9 @@
      [quo/drawer-top
       {:type                :context-tag
        :context-tag-type    :default
-       :title               (i18n/label :t/add-nickname-title)
+       :title               (if has-nickname?
+                              (i18n/label :t/edit-nickname)
+                              (i18n/label :t/add-nickname-title))
        :full-name           full-name
        :profile-picture     profile-picture
        :customization-color customization-color}]