Prevent #links to work except in community chats

.zprintrc

@@ -16,11 +16,7 @@
 
              ;; respect blank line
              ;; https://github.com/kkinnear/zprint/blob/main/doc/reference.md#respect-bl
-             :respect-bl
-
-             ;; hang multiline left-hand-thing 
-             ;; https://github.com/kkinnear/zprint/issues/273
-             :multi-lhs-hang]
+             :respect-bl]
  :fn-map
  {"reg-sub"         :arg1-pair
   "h/describe"      :arg1-body

Makefile

@@ -349,8 +349,8 @@ component-test-watch: ##@ Watch tests and re-run no changes to cljs files
 component-test: export TARGET := clojure
 component-test: export COMPONENT_TEST := true
 component-test: export BABEL_ENV := test
-component-test: ##@test Run component tests once in NodeJS
-	yarn install
+component-test: ##@test Run tests once in NodeJS
+	# Here we create the gyp bindings for nodejs
 	yarn shadow-cljs compile component-test && \
 	jest --config=test/jest/jest.config.js
 

ci/Jenkinsfile.android

@@ -1,4 +1,4 @@
-library 'status-jenkins-lib@v1.6.6'
+library 'status-jenkins-lib@v1.6.5'
 
 /* Options section can't access functions in objects. */
 def isPRBuild = utils.isPRBuild()

ci/Jenkinsfile.combined

@@ -1,4 +1,4 @@
-library 'status-jenkins-lib@v1.6.6'
+library 'status-jenkins-lib@v1.6.3'
 
 pipeline {
   agent { label 'linux' }
@@ -8,8 +8,6 @@ pipeline {
     disableConcurrentBuilds()
     /* Prevent Jenkins jobs from running forever */
     timeout(time: 40, unit: 'MINUTES')
-    /* Allow copying of artifacts from this job. */
-    copyArtifactPermission('/status-mobile/e2e/*')
     /* Limit builds retained */
     buildDiscarder(logRotator(
       numToKeepStr: '10',

ci/Jenkinsfile.ios

@@ -1,4 +1,4 @@
-library 'status-jenkins-lib@v1.6.6'
+library 'status-jenkins-lib@v1.6.5'
 
 /* Options section can't access functions in objects. */
 def isPRBuild = utils.isPRBuild()

ci/Jenkinsfile.nix-cache

@@ -1,4 +1,4 @@
-library 'status-jenkins-lib@v1.6.6'
+library 'status-jenkins-lib@v1.6.3'
 
 pipeline {
   agent { label params.AGENT_LABEL }

ci/Jenkinsfile.tests

@@ -1,4 +1,4 @@
-library 'status-jenkins-lib@v1.6.6'
+library 'status-jenkins-lib@v1.6.3'
 
 /* Options section can't access functions in objects. */
 def isPRBuild = utils.isPRBuild()
@@ -68,14 +68,6 @@ pipeline {
         }
       }
     }
-    stage('Component Tests') {
-      steps {
-        sh """#!/bin/bash
-          set -eo pipefail
-          make component-test 2>&1 | tee -a ${LOG_FILE}
-        """
-      }
-    }
     stage('Upload') {
       steps {
         script {

ci/tests/Jenkinsfile.e2e-nightly

@@ -1,5 +1,3 @@
-library 'status-jenkins-lib@v1.6.6'
-
 pipeline {
 
   agent { label 'linux' }
@@ -20,17 +18,13 @@ pipeline {
     disableConcurrentBuilds()
   }
 
+
   stages {
-    stage('Fetch') {
-      when { expression { !params.APK_URL } }
+    stage('Prep') {
       steps { script {
-        copyArtifacts(
-          projectName: "status-mobile/nightly",
-          filter: '*-x86.apk',
-          /* WARNING: This copies the latest available artifact. */
-          selector: lastWithArtifacts(),
-        )
-        apk_path = "${env.WORKSPACE}/${utils.findFile('*-x86.apk')}"
+        if (params.PR_ID == null) {
+          error("PR_ID parameter not set!")
+        }
       } }
     }
 
@@ -79,7 +73,7 @@ pipeline {
                 -m testrail_id \
                 -m \"new_ui_critical or new_ui_medium\" \
                 -k \"${params.KEYWORD_EXPRESSION}\" \
-                --apk=${params.APK_URL ?: apk_path}
+                --apk=${params.APK_NAME}
             """
           }
         }

ci/tests/Jenkinsfile.e2e-prs

@@ -1,4 +1,4 @@
-library 'status-jenkins-lib@v1.6.6'
+library 'status-jenkins-lib@v1.6.5'
 
 pipeline {
 
@@ -14,10 +14,6 @@ pipeline {
       name: 'PR_ID',
       description: 'ID of the Pull Request triggering this build.',
     )
-    string(
-      name: 'APK_URL',
-      description: 'Optional, set if job require APK to be downloaded from URL.',
-    )
     string(
       name: 'KEYWORD_EXPRESSION',
       description: 'This will run tests which contain names that match the given string expression  (Optional)',
@@ -58,11 +54,9 @@ pipeline {
     }
 
     stage('Fetch') {
-      when { expression { !params.APK_URL } }
-      steps { script {
+      steps { script { /* WARNING: This copies the latest available artifact. */
         copyArtifacts(
           projectName: "status-mobile/prs/android-e2e/PR-${params.PR_ID}",
-          /* WARNING: This copies the latest available artifact. */
           selector: lastWithArtifacts(),
         )
         apk_path = "${env.WORKSPACE}/${utils.findFile('result/*.apk')}"
@@ -125,7 +119,7 @@ pipeline {
                 --rerun_count=2 \
                 --testrail_report=True \
                 -k \"${params.KEYWORD_EXPRESSION}\" \
-                --apk=${params.APK_URL ?: apk_path} \
+                --apk=${apk_path} \
                 --build=PR-${params.PR_ID}-${utils.timestamp()} \
                 --pr_number=${params.PR_ID} \
                 ${extraPytestOpts}

ci/tests/Jenkinsfile.e2e-upgrade

@@ -1,5 +1,3 @@
-library 'status-jenkins-lib@v1.6.6'
-
 pipeline {
 
   agent { label 'linux' }

ci/tools/Jenkinsfile.fastlane-clean

@@ -1,4 +1,4 @@
-library 'status-jenkins-lib@v1.6.6'
+library 'status-jenkins-lib@v1.6.3'
 
 pipeline {
   agent { label 'macos' }

ci/tools/Jenkinsfile.playstore-meta

@@ -1,4 +1,4 @@
-library 'status-jenkins-lib@v1.6.6'
+library 'status-jenkins-lib@v1.6.3'
 
 pipeline {
   agent { label 'linux' }

ci/tools/Jenkinsfile.xcode-clean

@@ -1,47 +0,0 @@
-library 'status-jenkins-lib@v1.6.6'
-
-pipeline {
-  agent {
-    label 'linux'
-  }
-
-  triggers {
-    cron('H 5 * * *')
-  }
-
-  options {
-    timestamps()
-    /* Prevent Jenkins jobs from running forever */
-    timeout(time: 15, unit: 'MINUTES')
-    /* Disable concurrent jobs */
-    disableConcurrentBuilds()
-    /* Don't keep more than 50 builds */
-    buildDiscarder(logRotator(numToKeepStr: '10'))
-  }
-
-  stages {
-    stage('Get Nodes') {
-      steps { script {
-        stagePerNode = nodesByLabel('macos').collectEntries {
-          ["${it}" : generateNodeCleanupStage(it)]
-        }
-      } }
-    }
-
-    stage('Clean Xcode') {
-      steps { script {
-        parallel stagePerNode
-      } }
-    }
-  }
-}
-
-def generateNodeCleanupStage(nodeLabel) {
-  return { stage(nodeLabel) {
-    node(nodeLabel) {
-      dir('/Users/jenkins/Library/Developer/Xcode') {
-        sh 'rm -fr Archives DerivedData'
-      }
-    }
-  } }
-}

doc/merging-pr-process.md

@@ -27,10 +27,12 @@ The most important thing is that
 
 status-mobile code that makes it to the `develop` branch, should always point to a tagged version of status-go in the `develop` branch of status-go.
 
-In practice, this means that sometimes they need to be merged in lockstep.
-1) Create a PR in status-go and status-mobile. Update the status-go version to the PR revision `scripts/update-status-go.sh $git_revision`.
-2) Get both PRs reviewed and approved. Once status-mobile PR has been approved, go through manual QA testing if necessary. Don't merge status-mobile PR just yet.
-3) Now that you know the integration between client & server is working, bump the `VERSION` in status-go and merge it.
+In practice this means:
+
+
+1) Create a PR in status-go, get it reviewed by status-go devs
+2) Create a PR in status-mobile, get it reviewed by devs, then go through manual testing (if necessary)
+3) Once ready to merge, merge status-go PR first, make sure you bump the `VERSION` file in status-go
 4) Once merged, tag the version with the new version and push the tag:
 ```
   git checkout develop
@@ -39,7 +41,4 @@ In practice, this means that sometimes they need to be merged in lockstep.
   git push origin vx.y.z
 ```
 5) Update status-mobile with the new status-go version, using the new tag `scripts/update-status-go.sh "vx.y.z"`
-6) In status-mobile, push, rebase against `develop` and merge it 🚀
-
-
-important note : make sure your status-go PRs get a tested-ok by QA before merging them in. 
+6) Push, make sure it's rebased and go through the merge process as above.

doc/new-guidelines.md

@@ -1,4 +1,4 @@
-# Code Style Guidelines
+# Guidelines
 
 >The goal of this document is to help all contributors (core and external) to
 >write code in _unison_ and help establish good practices that serve the Status
@@ -77,21 +77,7 @@ Joshua Comeau.
 [rn/view {:style {:padding-horizontal 20}}]
 ```
 
-### Don't prepend booleans with is-
-
-It is a common practice in JavaScript and other languages to prepend boolean variable names with `is-*`. 
-In ClojureScript it is common practice to suffix boolean variable names with a `?`. 
-There is no need for both of these and so it is preferable to stick with the latter.
-
-```clojure
-;; bad
-(let [is-open? true] ...)
-
-;; good
-(let [open? true] ...)
-```
-
-### Styles def vs defn
+#### Styles def vs defn
 
 Always use `def` over `defn`, unless the style relies on dynamic values, such as
 deref'ed atoms.
@@ -184,7 +170,7 @@ Use the simple `defn` to declare components. Don't use `utils.views/defview` and
     (do-something window-width)))
 ```
 
-### Use `[]` instead of `()` in Reagent components
+#### Use `[]` instead of `()` in Reagent components
 
 - The `()` version [does NOT work with Form-2 and
   Form-3](https://github.com/reagent-project/reagent/blob/master/doc/UsingSquareBracketsInsteadOfParens.md#a-further-significant-why)

doc/testing.md

@@ -18,6 +18,8 @@ Also test watcher can be launched. It will re-run the entire test suite when any
 
 Developers can also manually change the shadow-cljs option `:ns-regex` to control which namespaces the test runner should pick. 
 
+
+
 ## Testing with REPL
 
 The most convenient way to develop and run test locally is using REPL:
@@ -50,19 +52,3 @@ In the video below, you can see two buffers side-by-side. On the left the source
 Here I'm showing a terminal-only experience using Tmux (left pane Emacs, right pane the output coming from running the make target).
 
 [2022-12-19 13-17.webm](https://user-images.githubusercontent.com/46027/208471199-1909c446-c82d-42a0-9350-0c15ca562713.webm)
-
-## Component tests
-
-To run tests:
-
-```
-   make component-test
-```
-
-Also test watcher can be launched. It will re-run the entire test suite when any file is modified
-
-```
-   make component-test-watch
-```
-
-Check [component tests doc](./component-tests-overview.md) for more.

ios/StatusIm.xcodeproj/project.pbxproj

@@ -525,8 +525,8 @@
 			outputPaths = (
 			);
 			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = "/usr/bin/env sh";
-			shellScript = "set -o errexit\nexport NODE_BINARY=\"${NODE_BINARY:-node}\"\nexport NODE_ARGS=\" --openssl-legacy-provider --max-old-space-size=16384 \"\n\nbash -x ../node_modules/react-native/scripts/react-native-xcode.sh > ./react-native-xcode.log 2>&1";
+			shellPath = /bin/sh;
+			shellScript = "set -o errexit\nexport NODE_BINARY=\"node\"\nexport NODE_ARGS=\" --max-old-space-size=16384 \"\n\nbash -x ../node_modules/react-native/scripts/react-native-xcode.sh > ./react-native-xcode.log 2>&1";
 		};
 		0F876BD5356F61BF142A01A0 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
@@ -546,7 +546,7 @@
 				"$(DERIVED_FILE_DIR)/Pods-Status-StatusIm-StatusImTests-checkManifestLockResult.txt",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = "/usr/bin/env sh";
+			shellPath = /bin/sh;
 			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
@@ -568,7 +568,7 @@
 				"$(DERIVED_FILE_DIR)/Pods-Status-StatusIm-checkManifestLockResult.txt",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = "/usr/bin/env sh";
+			shellPath = /bin/sh;
 			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
@@ -583,8 +583,8 @@
 			outputPaths = (
 			);
 			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = "/usr/bin/env sh";
-			shellScript = "set -o errexit\nexport NODE_BINARY=\"${NODE_BINARY:-node}\"\nexport NODE_ARGS=\" --openssl-legacy-provider --max-old-space-size=16384 \"\n\nbash -x ../node_modules/react-native/scripts/react-native-xcode.sh > ./react-native-xcode.log 2>&1";
+			shellPath = /bin/sh;
+			shellScript = "set -o errexit\nexport NODE_BINARY=\"node\"\nexport NODE_ARGS=\" --max-old-space-size=16384 \"\n\nbash -x ../node_modules/react-native/scripts/react-native-xcode.sh > ./react-native-xcode.log 2>&1";
 		};
 		3AAD2AD724A3A60E0075D594 /* Run Script */ = {
 			isa = PBXShellScriptBuildPhase;
@@ -597,7 +597,7 @@
 			outputPaths = (
 			);
 			runOnlyForDeploymentPostprocessing = 1;
-			shellPath = "/usr/bin/env sh";
+			shellPath = /bin/sh;
 			shellScript = "\"${PROJECT_DIR}/scripts/set_xcode_version.sh\" > ./set_xcode_version.log 2>&1";
 		};
 		3C1038075AE5E6FB86AC2319 /* [CP] Copy Pods Resources */ = {
@@ -618,7 +618,7 @@
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/TOCropViewControllerBundle.bundle",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = "/usr/bin/env sh";
+			shellPath = /bin/sh;
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Status-StatusIm/Pods-Status-StatusIm-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
@@ -640,7 +640,7 @@
 				"$(DERIVED_FILE_DIR)/Pods-Status-StatusImPR-checkManifestLockResult.txt",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = "/usr/bin/env sh";
+			shellPath = /bin/sh;
 			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
@@ -662,7 +662,7 @@
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/TOCropViewControllerBundle.bundle",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = "/usr/bin/env sh";
+			shellPath = /bin/sh;
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Status-StatusIm-StatusImTests/Pods-Status-StatusIm-StatusImTests-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
@@ -677,7 +677,7 @@
 			outputPaths = (
 			);
 			runOnlyForDeploymentPostprocessing = 1;
-			shellPath = "/usr/bin/env sh";
+			shellPath = /bin/sh;
 			shellScript = "\"${PROJECT_DIR}/scripts/set_xcode_version.sh\" > ./set_xcode_version.log 2>&1";
 		};
 		E732E3E1B024946173BF6D3D /* [CP] Copy Pods Resources */ = {
@@ -698,7 +698,7 @@
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/TOCropViewControllerBundle.bundle",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
-			shellPath = "/usr/bin/env sh";
+			shellPath = /bin/sh;
 			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Status-StatusImPR/Pods-Status-StatusImPR-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};

ios/StatusIm/Info.plist

@@ -52,7 +52,7 @@
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<true/>
 	<key>ITSEncryptionExportComplianceCode</key>
-	<string>37d5ac79-0eb2-4e66-9117-8a8515185a7f</string>
+	<string>1aa92c4d-6194-4d7d-b70a-16b48256b87e</string>
 	<key>LSApplicationQueriesSchemes</key>
 	<array>
 		<string>whatsapp</string>

ios/StatusImPR/Info.plist

@@ -48,7 +48,7 @@
 	<key>ITSAppUsesNonExemptEncryption</key>
 	<true/>
 	<key>ITSEncryptionExportComplianceCode</key>
-	<string>37d5ac79-0eb2-4e66-9117-8a8515185a7f</string>
+	<string>1aa92c4d-6194-4d7d-b70a-16b48256b87e</string>
 	<key>LSApplicationQueriesSchemes</key>
 	<array>
 		<string>whatsapp</string>

modules/react-native-status/android/src/main/java/im/status/ethereum/module/StatusModule.java

@@ -797,7 +797,7 @@ class StatusModule extends ReactContextBaseJavaModule implements LifecycleEventL
          final JSONObject jsonConfig = new JSONObject(configJSON);
          final String keyStorePath = pathCombine(this.getNoBackupDirectory(), "/keystore");
          jsonConfig.put("keystorePath", keyStorePath);
-         jsonConfig.put("rootDataDir", this.getNoBackupDirectory());
+
         executeRunnableStatusGoMethod(() -> Statusgo.inputConnectionStringForBootstrapping(connectionString, jsonConfig.toString()), callback);
     }
 
@@ -1139,11 +1139,6 @@ class StatusModule extends ReactContextBaseJavaModule implements LifecycleEventL
         executeRunnableStatusGoMethod(() -> Statusgo.generateAlias(seed), callback);
     }
 
-    @ReactMethod
-    public void emojiHash(final String publicKey, final Callback callback) throws JSONException {
-        executeRunnableStatusGoMethod(() -> Statusgo.emojiHash(publicKey), callback);
-    }
-
     @ReactMethod(isBlockingSynchronousMethod = true)
     public String identicon(final String seed) {
         return Statusgo.identicon(seed);

modules/react-native-status/ios/RCTStatus/RCTStatus.m

@@ -329,13 +329,12 @@ RCT_EXPORT_METHOD(inputConnectionStringForBootstrapping:(NSString *)cs
     NSDictionary *configDict = [NSJSONSerialization JSONObjectWithData:configData options:NSJSONReadingMutableContainers error:nil];
     NSFileManager *fileManager = [NSFileManager defaultManager];
     NSURL *rootUrl =[[fileManager URLsForDirectory:NSLibraryDirectory inDomains:NSUserDomainMask] lastObject];
-    NSURL *rootDataDir = rootUrl.path;
     NSURL *multiaccountKeystoreDir = [rootUrl URLByAppendingPathComponent:@"keystore"];
     NSString *keystoreDir = multiaccountKeystoreDir.path;
 
     [configDict setValue:keystoreDir forKey:@"keystorePath"];
-    [configDict setValue:rootDataDir forKey:@"rootDataDir"];
     NSString *modifiedConfigJSON = [configDict bv_jsonStringWithPrettyPrint:NO];
+
     NSString *result = StatusgoInputConnectionStringForBootstrapping(cs,modifiedConfigJSON);
     callback(@[result]);
 }
@@ -866,12 +865,6 @@ RCT_EXPORT_METHOD(generateAliasAsync:(NSString *)publicKey
     callback(@[result]);
 }
 
-RCT_EXPORT_METHOD(emojiHash:(NSString *)publicKey
-                  callback:(RCTResponseSenderBlock)callback) {
-    NSString *result = StatusgoEmojiHash(publicKey);
-    callback(@[result]);
-}
-
 RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(identicon:(NSString *)publicKey) {
   return StatusgoIdenticon(publicKey);
 }

nix/deps/gradle/default.nix

@@ -16,7 +16,6 @@ let
     mkdir -p $out
     cd $out
   '' +
-  # TODO: Generalize this section to not repeat the same code.
   (concatMapStrings (dep: 
     let
       url = "${dep.host}/${dep.path}";
@@ -34,13 +33,6 @@ let
       jar-download = optionalString (jar.sha256 != "") (
         fetchurl { url = "${url}.${dep.type}"; inherit (jar) sha256; }
       );
-      nodeps = {
-        sha1 = attrByPath [ "nodeps" "sha1" ] "" dep;
-        sha256 = attrByPath [ "nodeps" "sha256" ] "" dep;
-      };
-      nodeps-download = optionalString (nodeps.sha256 != "") (
-        fetchurl { url = "${url}-nodeps.jar"; inherit (nodeps) sha256; }
-      );
       fileName = last (splitString "/" dep.path);
       directory = removeSuffix fileName dep.path;
     in
@@ -59,12 +51,6 @@ let
         ${optionalString (jar.sha1 != "") ''
         echo "${jar.sha1}" > "${dep.path}.${dep.type}.sha1"
         ''}
-        ${optionalString (nodeps-download != "") ''
-        ln -s "${nodeps-download}" "${dep.path}-nodeps.jar"
-        ''}
-        ${optionalString (nodeps.sha1 != "") ''
-        echo "${nodeps.sha1}" > "${dep.path}.${dep.type}.sha1"
-        ''}
       '')
     deps));
 

nix/deps/gradle/deps.json

@@ -4018,30 +4018,30 @@
   },
 
   {
-    "path": "com/github/status-im/status-keycard-java/android/3.1.1/android-3.1.1",
+    "path": "com/github/status-im/status-keycard-java/android/3.0.4/android-3.0.4",
     "host": "https://jitpack.io",
     "type": "jar",
     "pom": {
-      "sha1": "ac7e6699628e329dfc028345f32bc41c5d6c2f33",
-      "sha256": "12qh5qwncj2gbv6g1whz32rliap34mv2kxlyqv2ivg5jc6yfvyhj"
+      "sha1": "e6e1933d85ac05b51953effc21ab893679f5864b",
+      "sha256": "1y9kqp3qgx3kqaf6vm6iwphdj8caqd9x6kncjsnp6f0nirp5ijzq"
     },
     "jar": {
-      "sha1": "26118061c0996fff357ae30cc360e5928c8dd455",
-      "sha256": "15m0h4ri0ny7jz4vvl25blw5s65iivlv5gchw0j5n0jblr1wr270"
+      "sha1": "dca6e47e087a649643bbad1c1feb4b0b5e1aaf45",
+      "sha256": "0krxjj5h5zmap4645llscwkmyszm8qyngwg8vi8ds1mf2kp0jaz1"
     }
   },
 
   {
-    "path": "com/github/status-im/status-keycard-java/lib/3.1.1/lib-3.1.1",
+    "path": "com/github/status-im/status-keycard-java/lib/3.0.4/lib-3.0.4",
     "host": "https://jitpack.io",
     "type": "jar",
     "pom": {
-      "sha1": "63c7bbd55ddbf88d1b89941f78158aa07fb46873",
-      "sha256": "1x0n0xq6zgg5qj6s6j9sjpy3zbggfznr64pb6sjh2882y4d1j6qi"
+      "sha1": "718d3d286d53186552a84cee1a1283e0975da789",
+      "sha256": "0s2mbx1638qig4m802rf0ill9bghgga8w3ld0vpcz6x7h2kmvv6g"
     },
     "jar": {
-      "sha1": "07f0374f17160c8731350316226ffe0de50f6f31",
-      "sha256": "1bfvb0ynxa0ws46cqmyx6d960pyg7hjxv3xwx7mg0xw03xk2bam1"
+      "sha1": "b2afa2711a9898d9aeb188195edde53c00984543",
+      "sha256": "16c7r0667pbgljx1p8zmvahv1igcnway1qjqprbn0n4ny1vy2imm"
     }
   },
 
@@ -5778,10 +5778,6 @@
     "jar": {
       "sha1": "de8c77583e97bbbd3cdbe5f406b583e9b081ff56",
       "sha256": "0435ff3qzmcxprsm93x3aw9clgfpa871zl41izhijwm3bwib9yfy"
-    },
-    "nodeps": {
-      "sha1": "273cc1869ddf7ebbac8176402e29f41b1c83d7df",
-      "sha256": "1w4a2ak60r46wiy8yl00yy8v397qa2zja5jmsd7wsk1p2sjyqn9z"
     }
   },
 
@@ -6934,12 +6930,12 @@
   },
 
   {
-    "path": "com/sun/xml/bind/jaxb-bom-ext/4.0.2/jaxb-bom-ext-4.0.2",
+    "path": "com/sun/xml/bind/jaxb-bom-ext/4.0.1/jaxb-bom-ext-4.0.1",
     "host": "https://repo.maven.apache.org/maven2",
     "type": "pom",
     "pom": {
-      "sha1": "600924984be6a63e1c38d5f6ef0637a070002937",
-      "sha256": "1jsdpynkd7d7bqp81ajcy7fa2riz9wnl8rb81icd8shv7awnkbfx"
+      "sha1": "6916f1573d78b0d41b629257277da86215ea7a6f",
+      "sha256": "069gm0wclljzdjn5j29hizhc4rakszk8kgzmsx66h5fkvlcvgd5b"
     }
   },
 
@@ -6954,12 +6950,12 @@
   },
 
   {
-    "path": "com/sun/xml/bind/mvn/jaxb-parent/4.0.2/jaxb-parent-4.0.2",
+    "path": "com/sun/xml/bind/mvn/jaxb-parent/4.0.1/jaxb-parent-4.0.1",
     "host": "https://repo.maven.apache.org/maven2",
     "type": "pom",
     "pom": {
-      "sha1": "160938bb66dc61a4839edaad77a5b7b7f9f5171d",
-      "sha256": "184avj0jpjz1rsxrrw88yn31yxkvw1l3blyq6fs4sbmgac12dvqc"
+      "sha1": "315ec09b889041008f815ddd41cca9633ee50cc4",
+      "sha256": "1bpqac2a25qq81h99zvj20n9ac2hd8iry7mnwisvd4f8avpm272i"
     }
   },
 
@@ -6984,12 +6980,12 @@
   },
 
   {
-    "path": "com/sun/xml/bind/mvn/jaxb-txw-parent/4.0.2/jaxb-txw-parent-4.0.2",
+    "path": "com/sun/xml/bind/mvn/jaxb-txw-parent/4.0.1/jaxb-txw-parent-4.0.1",
     "host": "https://repo.maven.apache.org/maven2",
     "type": "pom",
     "pom": {
-      "sha1": "c9c99b4e33782535b5988616bc3b452543cb48e5",
-      "sha256": "0xxyqayffjwdmagqa6jqca8ykl3iz2vhw59l6478nv8ir268x2rn"
+      "sha1": "0f5e6242fe24ccd5e4c663dc66f7b935b4cffb55",
+      "sha256": "1niyxycc1k9qb0hpkb30zcccai28pq4yhy9a8p45d24zgrvdgs1a"
     }
   },
 
@@ -7654,12 +7650,12 @@
   },
 
   {
-    "path": "org/antlr/antlr4-master/4.12.0/antlr4-master-4.12.0",
+    "path": "org/antlr/antlr4-master/4.11.1/antlr4-master-4.11.1",
     "host": "https://repo.maven.apache.org/maven2",
     "type": "pom",
     "pom": {
-      "sha1": "5cd9d694d06e046886a7a8e54d70b22bc03af4a3",
-      "sha256": "0x3rhw76nrzh35d8liq9wffm74rshxwg944xc55c3qlcwlxg3xj2"
+      "sha1": "298ecf68d872658e1d92457168018bd5b8fff245",
+      "sha256": "1b80dq56qs5rqzbvq5pyf2pcsgfmmfmsmznhbxw1armvvbl5vskj"
     }
   },
 
@@ -7678,16 +7674,16 @@
   },
 
   {
-    "path": "org/antlr/antlr4-runtime/4.12.0/antlr4-runtime-4.12.0",
+    "path": "org/antlr/antlr4-runtime/4.11.1/antlr4-runtime-4.11.1",
     "host": "https://repo.maven.apache.org/maven2",
     "type": "jar",
     "pom": {
-      "sha1": "3113149fe4ea467b27f14f2b99096cac9d4ca53a",
-      "sha256": "1r3isigbls4i2ldc4kyq3kzv2klcgz7przyq3knz02aasrzm95n6"
+      "sha1": "b76aa0c70639f8b3112e4d5e14abf951cb38761c",
+      "sha256": "0d0vd3nh9f2aqy4njx4d0qh7jwha83crmxkyplgmk307b4lyqmn4"
     },
     "jar": {
-      "sha1": "dd105cf6ac9f7417b3782c178f6dbd06bf75df57",
-      "sha256": "0d6sd7jrxfxd7qp5gbsd8vdq6wp1r2iww189g76i0vkxj8s3ndfv"
+      "sha1": "069214c1de1960040729702eb58deac8827135e7",
+      "sha256": "0nfsdach3x0vyv1isnvvjp7hif0kdzyb1i1f0lv4vhfcq59nav70"
     }
   },
 
@@ -8544,16 +8540,16 @@
   },
 
   {
-    "path": "org/checkerframework/checker-qual/3.31.0/checker-qual-3.31.0",
+    "path": "org/checkerframework/checker-qual/3.29.0/checker-qual-3.29.0",
     "host": "https://repo.maven.apache.org/maven2",
     "type": "jar",
     "pom": {
-      "sha1": "a600a4210e8c3db6ea45ea0989920b0255dbb6f6",
-      "sha256": "0cajb4ivvw446lc3bcwl49difmpgg1rrcbzklxc87rs7pqz9qms3"
+      "sha1": "76bd5ffeef4d9b039e6445e2674264dbc5bfb94c",
+      "sha256": "0azs4ndih02r5a3fvn08sndwc58ymzma2krqclfz6pivmfrxcyp2"
     },
     "jar": {
-      "sha1": "eeefd4af42e2f4221d145c1791582f91868f99ab",
-      "sha256": "1fai6kk72j76ivgipgl7ckbcn8g8yl289pbx712zpii2dm3mzvqw"
+      "sha1": "a805a761b7a734d69f9c1766ead1ff78698a1497",
+      "sha256": "1hb8ajlszzvh3cimvzkwgkx2689rh131jh7259a7s94cvzjq1p77"
     }
   },
 
@@ -8779,16 +8775,6 @@
     }
   },
 
-  {
-    "path": "org/eclipse/ee4j/project/1.0.8/project-1.0.8",
-    "host": "https://repo.maven.apache.org/maven2",
-    "type": "pom",
-    "pom": {
-      "sha1": "41a621037931f9f4aa8768694be9f5cb59df83df",
-      "sha256": "0jv7vwx72mx30ydlhk5ql3q8zb67m2qpw43f4inaypm3aip7n30d"
-    }
-  },
-
   {
     "path": "org/eclipse/jdt/core/compiler/ecj/4.4.2/ecj-4.4.2",
     "host": "https://repo.maven.apache.org/maven2",
@@ -8842,12 +8828,12 @@
   },
 
   {
-    "path": "org/glassfish/jaxb/jaxb-bom/4.0.2/jaxb-bom-4.0.2",
+    "path": "org/glassfish/jaxb/jaxb-bom/4.0.1/jaxb-bom-4.0.1",
     "host": "https://repo.maven.apache.org/maven2",
     "type": "pom",
     "pom": {
-      "sha1": "12668536ac24e77398bd675a1e458c1824d156c7",
-      "sha256": "08bgmpyhps9h25z6950g7751zg6g5vkvn02v1znamarlaw2niyl6"
+      "sha1": "99d85661aef6ac9f6bfb6af0f0ea507d054b91e1",
+      "sha256": "151zbrywjzbnmwqg246iyz0bqnx2hh730hxmig62vh67s2nbw8lm"
     }
   },
 
@@ -8866,16 +8852,16 @@
   },
 
   {
-    "path": "org/glassfish/jaxb/jaxb-core/4.0.2/jaxb-core-4.0.2",
+    "path": "org/glassfish/jaxb/jaxb-core/4.0.1/jaxb-core-4.0.1",
     "host": "https://repo.maven.apache.org/maven2",
     "type": "jar",
     "pom": {
-      "sha1": "9aecfe4442b96fc3f9cabc25e7c6e310972d674e",
-      "sha256": "00yij4s17cvixysjdjrzc51jd07fpcc11jy4lgg1z8zfvx6zdhma"
+      "sha1": "e366262bbe2037088461f748896f6aa4afcfd3c6",
+      "sha256": "14d3d3p0c42qd8jq8mxmpymd17x5zxixhyccwfmxkr24ad9pvj46"
     },
     "jar": {
-      "sha1": "08c29249f6c10f4ee08967783831580b0f5c5360",
-      "sha256": "1k8c8wf420nmqyhyr6p0ns12mx127bzwq71rp6x0nj3qmma2kzyp"
+      "sha1": "b4707bb31dfcf54ae424b930741f0cd62d672af9",
+      "sha256": "19v525w4qb65czx1v31k5lz0yan9vc030h736iqgz59l2048hf3l"
     }
   },
 
@@ -8908,16 +8894,16 @@
   },
 
   {
-    "path": "org/glassfish/jaxb/txw2/4.0.2/txw2-4.0.2",
+    "path": "org/glassfish/jaxb/txw2/4.0.1/txw2-4.0.1",
     "host": "https://repo.maven.apache.org/maven2",
     "type": "jar",
     "pom": {
-      "sha1": "f8eef3319522b021e51123ea88d6ab4d484d2c59",
-      "sha256": "1ry99inn7v0fpgfrnhj3h4qnhaccmksn8vsrgfn1ysj6cqrfgc8p"
+      "sha1": "160273691bf3ffa0745bf86453dd56c62ec23ac2",
+      "sha256": "03zv45jgmppikcqk7gq01pyryzvam3qnllc5q7jjywvnq5mjdvvp"
     },
     "jar": {
-      "sha1": "24e167be69c29ebb7ee0a3b1f9b546f1dfd111fc",
-      "sha256": "036gl0lp8y83zxy01pyzvq169i0r03lhm169fw7m6hha9wp92wga"
+      "sha1": "797720dfe2e15504f6014fb82eb873051a653c75",
+      "sha256": "1aba3rk9jm66k65vx95a92sdapbsvfbsvii26s8y9rach44p9m7l"
     }
   },
 

nix/deps/gradle/deps.list

@@ -357,8 +357,8 @@ com.github.bumptech.glide:glide:4.12.0
 com.github.bumptech.glide:okhttp3-integration:4.12.0
 com.github.clans:fab:1.6.4
 com.github.gundy:semver4j:0.16.4
-com.github.status-im.status-keycard-java:android:3.1.1
-com.github.status-im.status-keycard-java:lib:3.1.1
+com.github.status-im.status-keycard-java:android:3.0.4
+com.github.status-im.status-keycard-java:lib:3.0.4
 com.github.status-im:function:0.0.1
 com.github.wix-playground:ahbottomnavigation:3.3.0
 com.github.wix-playground:reflow-animator:1.0.6

nix/deps/gradle/deps.urls

@@ -285,8 +285,8 @@ https://dl.google.com/dl/android/maven2/com/google/android/material/material/1.0
 https://dl.google.com/dl/android/maven2/com/google/android/material/material/1.2.0-alpha03/material-1.2.0-alpha03.pom
 https://jitpack.io/com/github/Dimezis/BlurView/version-2.0.2/BlurView-version-2.0.2.pom
 https://jitpack.io/com/github/status-im/function/0.0.1/function-0.0.1.pom
-https://jitpack.io/com/github/status-im/status-keycard-java/android/3.1.1/android-3.1.1.pom
-https://jitpack.io/com/github/status-im/status-keycard-java/lib/3.1.1/lib-3.1.1.pom
+https://jitpack.io/com/github/status-im/status-keycard-java/android/3.0.4/android-3.0.4.pom
+https://jitpack.io/com/github/status-im/status-keycard-java/lib/3.0.4/lib-3.0.4.pom
 https://jitpack.io/com/github/wix-playground/ahbottomnavigation/3.3.0/ahbottomnavigation-3.3.0.pom
 https://jitpack.io/com/github/wix-playground/reflow-animator/1.0.6/reflow-animator-1.0.6.pom
 https://jitpack.io/com/github/yalantis/ucrop/2.2.6-native/ucrop-2.2.6-native.pom
@@ -503,12 +503,12 @@ https://repo.maven.apache.org/maven2/com/sun/istack/istack-commons-runtime/4.1.1
 https://repo.maven.apache.org/maven2/com/sun/istack/istack-commons/2.21/istack-commons-2.21.pom
 https://repo.maven.apache.org/maven2/com/sun/istack/istack-commons/4.1.1/istack-commons-4.1.1.pom
 https://repo.maven.apache.org/maven2/com/sun/xml/bind/jaxb-bom-ext/2.2.11/jaxb-bom-ext-2.2.11.pom
-https://repo.maven.apache.org/maven2/com/sun/xml/bind/jaxb-bom-ext/4.0.2/jaxb-bom-ext-4.0.2.pom
+https://repo.maven.apache.org/maven2/com/sun/xml/bind/jaxb-bom-ext/4.0.1/jaxb-bom-ext-4.0.1.pom
 https://repo.maven.apache.org/maven2/com/sun/xml/bind/mvn/jaxb-parent/2.2.11/jaxb-parent-2.2.11.pom
-https://repo.maven.apache.org/maven2/com/sun/xml/bind/mvn/jaxb-parent/4.0.2/jaxb-parent-4.0.2.pom
+https://repo.maven.apache.org/maven2/com/sun/xml/bind/mvn/jaxb-parent/4.0.1/jaxb-parent-4.0.1.pom
 https://repo.maven.apache.org/maven2/com/sun/xml/bind/mvn/jaxb-runtime-parent/2.2.11/jaxb-runtime-parent-2.2.11.pom
 https://repo.maven.apache.org/maven2/com/sun/xml/bind/mvn/jaxb-txw-parent/2.2.11/jaxb-txw-parent-2.2.11.pom
-https://repo.maven.apache.org/maven2/com/sun/xml/bind/mvn/jaxb-txw-parent/4.0.2/jaxb-txw-parent-4.0.2.pom
+https://repo.maven.apache.org/maven2/com/sun/xml/bind/mvn/jaxb-txw-parent/4.0.1/jaxb-txw-parent-4.0.1.pom
 https://repo.maven.apache.org/maven2/com/sun/xml/fastinfoset/FastInfoset/1.2.13/FastInfoset-1.2.13.pom
 https://repo.maven.apache.org/maven2/com/sun/xml/fastinfoset/FastInfoset/2.1.0/FastInfoset-2.1.0.pom
 https://repo.maven.apache.org/maven2/com/sun/xml/fastinfoset/fastinfoset-project/1.2.13/fastinfoset-project-1.2.13.pom
@@ -561,9 +561,9 @@ https://repo.maven.apache.org/maven2/org/antlr/ST4/4.0.8/ST4-4.0.8.pom
 https://repo.maven.apache.org/maven2/org/antlr/ST4/4.3.4/ST4-4.3.4.pom
 https://repo.maven.apache.org/maven2/org/antlr/antlr4-master/4.5.2-1/antlr4-master-4.5.2-1.pom
 https://repo.maven.apache.org/maven2/org/antlr/antlr4-master/4.5.3/antlr4-master-4.5.3.pom
-https://repo.maven.apache.org/maven2/org/antlr/antlr4-master/4.12.0/antlr4-master-4.12.0.pom
+https://repo.maven.apache.org/maven2/org/antlr/antlr4-master/4.11.1/antlr4-master-4.11.1.pom
 https://repo.maven.apache.org/maven2/org/antlr/antlr4-runtime/4.5.2-1/antlr4-runtime-4.5.2-1.pom
-https://repo.maven.apache.org/maven2/org/antlr/antlr4-runtime/4.12.0/antlr4-runtime-4.12.0.pom
+https://repo.maven.apache.org/maven2/org/antlr/antlr4-runtime/4.11.1/antlr4-runtime-4.11.1.pom
 https://repo.maven.apache.org/maven2/org/antlr/antlr4/4.5.3/antlr4-4.5.3.pom
 https://repo.maven.apache.org/maven2/org/antlr/antlr-master/3.3/antlr-master-3.3.pom
 https://repo.maven.apache.org/maven2/org/antlr/antlr-master/3.5.2/antlr-master-3.5.2.pom
@@ -636,7 +636,7 @@ https://repo.maven.apache.org/maven2/org/bouncycastle/bcprov-jdk15on/1.56/bcprov
 https://repo.maven.apache.org/maven2/org/bouncycastle/bcprov-jdk15on/1.60/bcprov-jdk15on-1.60.pom
 https://repo.maven.apache.org/maven2/org/bouncycastle/bcprov-jdk15on/1.70/bcprov-jdk15on-1.70.pom
 https://repo.maven.apache.org/maven2/org/checkerframework/checker-qual/2.5.2/checker-qual-2.5.2.pom
-https://repo.maven.apache.org/maven2/org/checkerframework/checker-qual/3.31.0/checker-qual-3.31.0.pom
+https://repo.maven.apache.org/maven2/org/checkerframework/checker-qual/3.29.0/checker-qual-3.29.0.pom
 https://repo.maven.apache.org/maven2/org/codehaus/codehaus-parent/4/codehaus-parent-4.pom
 https://repo.maven.apache.org/maven2/org/codehaus/groovy/groovy-all/2.4.15/groovy-all-2.4.15.pom
 https://repo.maven.apache.org/maven2/org/codehaus/mojo/animal-sniffer-annotations/1.14/animal-sniffer-annotations-1.14.pom
@@ -656,17 +656,16 @@ https://repo.maven.apache.org/maven2/org/easymock/easymock/5.1.0/easymock-5.1.0.
 https://repo.maven.apache.org/maven2/org/eclipse/angus/angus-activation-project/2.0.0/angus-activation-project-2.0.0.pom
 https://repo.maven.apache.org/maven2/org/eclipse/angus/angus-activation/2.0.0/angus-activation-2.0.0.pom
 https://repo.maven.apache.org/maven2/org/eclipse/ee4j/project/1.0.7/project-1.0.7.pom
-https://repo.maven.apache.org/maven2/org/eclipse/ee4j/project/1.0.8/project-1.0.8.pom
 https://repo.maven.apache.org/maven2/org/eclipse/jdt/core/compiler/ecj/4.4.2/ecj-4.4.2.pom
 https://repo.maven.apache.org/maven2/org/eclipse/jdt/core/compiler/ecj/4.4/ecj-4.4.pom
 https://repo.maven.apache.org/maven2/org/eclipse/jdt/core/compiler/ecj/4.6.1/ecj-4.6.1.pom
 https://repo.maven.apache.org/maven2/org/glassfish/jaxb/jaxb-bom/2.2.11/jaxb-bom-2.2.11.pom
-https://repo.maven.apache.org/maven2/org/glassfish/jaxb/jaxb-bom/4.0.2/jaxb-bom-4.0.2.pom
+https://repo.maven.apache.org/maven2/org/glassfish/jaxb/jaxb-bom/4.0.1/jaxb-bom-4.0.1.pom
 https://repo.maven.apache.org/maven2/org/glassfish/jaxb/jaxb-core/2.2.11/jaxb-core-2.2.11.pom
-https://repo.maven.apache.org/maven2/org/glassfish/jaxb/jaxb-core/4.0.2/jaxb-core-4.0.2.pom
+https://repo.maven.apache.org/maven2/org/glassfish/jaxb/jaxb-core/4.0.1/jaxb-core-4.0.1.pom
 https://repo.maven.apache.org/maven2/org/glassfish/jaxb/jaxb-runtime/2.2.11/jaxb-runtime-2.2.11.pom
 https://repo.maven.apache.org/maven2/org/glassfish/jaxb/txw2/2.2.11/txw2-2.2.11.pom
-https://repo.maven.apache.org/maven2/org/glassfish/jaxb/txw2/4.0.2/txw2-4.0.2.pom
+https://repo.maven.apache.org/maven2/org/glassfish/jaxb/txw2/4.0.1/txw2-4.0.1.pom
 https://repo.maven.apache.org/maven2/org/hamcrest/hamcrest-core/1.3/hamcrest-core-1.3.pom
 https://repo.maven.apache.org/maven2/org/hamcrest/hamcrest-core/2.2/hamcrest-core-2.2.pom
 https://repo.maven.apache.org/maven2/org/hamcrest/hamcrest-parent/1.3/hamcrest-parent-1.3.pom

nix/deps/gradle/url2json.sh

@@ -36,11 +36,6 @@ function match_repo_url() {
     exit 1
 }
 
-function pom_has_nodeps_jar() {
-    grep '<shadedClassifierName>nodeps</shadedClassifierName>' $1 \
-        2>&1 >/dev/null
-}
-
 if [[ -z "${1}" ]]; then
     echo "Required argument not given!" >&2
     exit 1
@@ -101,16 +96,6 @@ if [[ "${OBJ_TYPE}" != "pom" ]]; then
     fi
 fi
 
-# Some deps include nodeps JARs which include.
-if pom_has_nodeps_jar "${POM_PATH}"; then
-    NODEPS_NIX_FETCH_OUT=$(nix_fetch "${OBJ_REL_URL}-nodeps.jar")
-    if [[ ${?} -eq 0 ]]; then
-        NODEPS_PATH=$(get_nix_path "${NODEPS_NIX_FETCH_OUT}")
-        NODEPS_SHA256=$(get_nix_sha "${NODEPS_NIX_FETCH_OUT}")
-        NODEPS_SHA1=$(get_sha1 "${NODEPS_PATH}")
-    fi
-fi
-
 # Format into a Nix attrset entry
 echo -ne "
   {
@@ -129,13 +114,6 @@ if [[ -n "${OBJ_SHA256}" ]]; then
     \"jar\": {
       \"sha1\": \"${OBJ_SHA1}\",
       \"sha256\": \"${OBJ_SHA256}\"
-    }";[[ -n "${NODEPS_SHA256}" ]] && echo -n ","
-fi
-if [[ -n "${NODEPS_SHA256}" ]]; then
-    echo -n "
-    \"nodeps\": {
-      \"sha1\": \"${NODEPS_SHA1}\",
-      \"sha256\": \"${NODEPS_SHA256}\"
     }"
 fi
 echo -e "\n  },"

nix/mobile/ios/default.nix

@@ -20,7 +20,6 @@ in {
     ];
 
     # WARNING: Executes shellHook in reverse order.
-    # WARNING: Only some variables are merged.
     inputsFrom = [
       fastlane.shell
       cocoapods-sh

nix/mobile/ios/shells/nodejs.nix

@@ -1,14 +1,8 @@
-{ mkShell, nodejs, deps }:
+{ mkShell, deps }:
 
 mkShell {
-  # Check if node modules changed and if so install them.
+  # check if node modules changed and if so install them
   shellHook = ''
-    # Fix for ERR_OSSL_EVP_UNSUPPORTED error.
-    export NODE_OPTIONS="--openssl-legacy-provider";
-
-    # Fix Xcode using system Node.js version.
-    export NODE_BINARY="${nodejs}/bin/node";
-
     export STATUS_MOBILE_HOME=$(git rev-parse --show-toplevel)
     "$STATUS_MOBILE_HOME/nix/scripts/node_modules.sh" ${deps.nodejs-patched}
   '';

nix/overlay.nix

@@ -32,18 +32,6 @@ in {
   # For parsing gradle.properties into an attrset
   gradlePropParser = callPackage ./tools/gradlePropParser.nix { };
 
-  # Clojure formatting tool
-  zprint = super.zprint.override rec {
-    buildGraalvmNativeImage = args: super.buildGraalvmNativeImage ( args // rec {
-      inherit (args) pname;
-      version = "1.2.5";
-      src = self.fetchurl {
-        url = "https://github.com/kkinnear/${pname}/releases/download/${version}/${pname}-filter-${version}";
-        sha256 = "sha256-PWdR5jqyzvTk9HoxqDldwtZNik34dmebBtZZ5vtva4A=";
-      };
-    });
-  };
-
   # Package version adjustments
   gradle = super.gradle_5;
   nodejs = super.nodejs-16_x;

package.json

@@ -19,7 +19,7 @@
     "@babel/preset-typescript": "^7.17.12",
     "@react-native-async-storage/async-storage": "^1.17.9",
     "@react-native-community/audio-toolkit": "git+https://github.com/tbenr/react-native-audio-toolkit.git#refs/tags/v2.0.3-status-v6",
-    "@react-native-community/blur": "git+https://github.com/status-im/react-native-blur#refs/tags/v4.3.1-status",
+    "@react-native-community/blur": "git+https://github.com/status-im/react-native-blur#refs/tags/v4.3.0-status",
     "@react-native-community/cameraroll": "git+https://github.com/status-im/react-native-cameraroll.git#refs/tags/v4.0.4-status.0",
     "@react-native-community/clipboard": "^1.2.2",
     "@react-native-community/hooks": "^2.5.1",
@@ -28,6 +28,7 @@
     "@react-native-community/push-notification-ios": "^1.4.1",
     "@react-native-community/slider": "^3.0.0",
     "@walletconnect/client": "^2.0.0-beta.23",
+    "@walletconnect/client-legacy": "npm:@walletconnect/client@^1.7.1",
     "bignumber.js": "git+https://github.com/status-im/bignumber.js.git#refs/tags/v4.0.2-status",
     "chance": "^1.1.0",
     "create-react-class": "^15.6.2",
@@ -61,7 +62,6 @@
     "react-native-lottie-splash-screen": "^1.0.1",
     "react-native-mail": "^6.1.1",
     "react-native-navigation": "^7.27.1",
-    "react-native-orientation-locker": "^1.5.0",
     "react-native-permissions": "^2.1.5",
     "react-native-randombytes": "^3.6.1",
     "react-native-reanimated": "2.3.3",
@@ -69,7 +69,7 @@
     "react-native-safe-area-context": "^2.0.0",
     "react-native-shake": "^3.3.1",
     "react-native-share": "^7.0.1",
-    "react-native-status-keycard": "git+https://github.com/status-im/react-native-status-keycard.git#refs/tags/v2.5.39",
+    "react-native-status-keycard": "git+https://github.com/status-im/react-native-status-keycard.git#refs/tags/v2.5.38",
     "react-native-svg": "^9.8.4",
     "react-native-touch-id": "^4.4.1",
     "react-native-webview": "git+https://github.com/status-im/react-native-webview.git#refs/tags/v11.16.0-status",

scripts/lint-re-frame-in-quo-components.sh

@@ -1,9 +1,11 @@
 #!/usr/bin/env sh
 
-INVALID_CHANGES=$(grep -E -r '(re-frame/dispatch|rf/dispatch|re-frame/subscribe|rf/subscribe|rf/sub|<sub|>evt|status-im\.|status-im2\.)' './src/quo2')
+CHANGES=$(git diff --no-ext-diff --diff-filter=d --cached --unified=0 --no-prefix --minimal --exit-code src/quo src/quo2 | grep '^+' || echo '')
+
+INVALID_CHANGES=$(echo "$CHANGES" | grep -E '(re-frame/dispatch|rf/dispatch|re-frame/subscribe|rf/subscribe|rf/sub|<sub|>evt|status-im)')
 
 if test -n "$INVALID_CHANGES"; then
-    echo "WARNING: re-frame, status-im are not allowed in quo2 components"
+    echo "re-frame dispatch/subscribe and status-im are not allowed in quo/quo2 components"
     echo ''
     echo "$INVALID_CHANGES"
     exit 1

shadow-cljs.edn

@@ -1,64 +1,64 @@
 ;; shadow-cljs configuration
-{:source-paths ["src" "test/cljs"]
+{:source-paths   ["src" "test/cljs"]
 
- :dependencies [[reagent "1.0.0"]
-                [re-frame "0.12.0"]
-                [binaryage/oops "0.7.0"]
-                [com.andrewmcveigh/cljs-time "0.5.2"]
-                [status-im/timbre "4.10.0-2-status"]
-                [com.taoensso/encore "2.105.0"]
-                [hickory "0.7.1"]
-                [cljs-bean "1.3.0"]
-                [com.cognitect/transit-cljs "0.8.248"]
-                [mvxcvi/alphabase "1.0.0"]
-                [camel-snake-kebab "0.4.3"]
-                ;; dev dependencies
-                [refactor-nrepl "2.5.0"]
-                [cider/cider-nrepl "0.25.3"]
-                [cider/piggieback "0.4.1"]
-                [re-frisk-remote "1.6.0"]
-                ;; routing
-                [bidi "2.1.6"]
-                ;; test dependencies
-                [day8.re-frame/test "0.1.5"]
-                [com.taoensso/tufte "2.1.0"]]
+ :dependencies   [[reagent "1.0.0"]
+                  [re-frame "0.12.0"]
+                  [binaryage/oops "0.7.0"]
+                  [com.andrewmcveigh/cljs-time "0.5.2"]
+                  [status-im/timbre "4.10.0-2-status"]
+                  [com.taoensso/encore "2.105.0"]
+                  [hickory "0.7.1"]
+                  [cljs-bean "1.3.0"]
+                  [com.cognitect/transit-cljs "0.8.248"]
+                  [mvxcvi/alphabase "1.0.0"]
+                  [camel-snake-kebab "0.4.3"]
+                  ;; dev dependencies
+                  [refactor-nrepl "2.5.0"]
+                  [cider/cider-nrepl "0.25.3"]
+                  [cider/piggieback "0.4.1"]
+                  [re-frisk-remote "1.6.0"]
+                  ;; routing
+                  [bidi "2.1.6"]
+                  ;; test dependencies
+                  [day8.re-frame/test "0.1.5"]
+                  [com.taoensso/tufte "2.1.0"]]
 
  ;; port and middleware for repl in development
- :nrepl {:port       7888
-         :middleware [cider.piggieback/wrap-cljs-repl
-                      refactor-nrepl.middleware/wrap-refactor]}
+ :nrepl          {:port       7888
+                  :middleware [cider.piggieback/wrap-cljs-repl
+                               refactor-nrepl.middleware/wrap-refactor]}
 
  ;; shadow-cljs web interface
- :http {:port 3449
-        :host "0.0.0.0"}
+ :http           {:port 3449
+                  :host "0.0.0.0"}
 
  :cache-blockers #{status-im.utils.js-resources status-im.ui.components.icons.icons}
 
  :builds
  {:mobile
-  {:target :react-native
+  {:target     :react-native
    :output-dir "app"
-   :init-fn status-im2.core/init
+   :init-fn    status-im2.core/init
    ;; When false, the Shadow-CLJS watcher won't automatically refresh
    ;; the target files (a.k.a hot reload). When false, you can manually
    ;; reload by calling `shadow.cljs.devtools.api/watch-compile-all!`.
-   :devtools {:autobuild #shadow/env ["SHADOW_AUTOBUILD_ENABLED" :default true :as :bool]}
-   :dev {:devtools {:after-load   status-im2.setup.hot-reload/reload
-                    :build-notify status-im2.setup.hot-reload/build-notify
-                    :preloads     [re-frisk-remote.preload]}
-         :closure-defines
-         {status-im2.config/POKT_TOKEN      #shadow/env "POKT_TOKEN"
-          status-im2.config/OPENSEA_API_KEY #shadow/env "OPENSEA_API_KEY"}
-         :compiler-options {:output-feature-set :es5
-                            :closure-defines
-                            {re-frame.trace/trace-enabled? true}
-                            :source-map false
-                            :infer-externs true}
-         ;; if you want to use a real device, set your local ip
-         ;; in the SHADOW_HOST env variable to make sure that
-         ;; it will use the right interface
-         :local-ip #shadow/env "SHADOW_HOST"}
-   :chunks {:fleets status-im.fleet.default-fleet/default-fleets}
+   :devtools   {:autobuild #shadow/env ["SHADOW_AUTOBUILD_ENABLED" :default true :as :bool]}
+   :dev        {:devtools         {:after-load   status-im2.setup.hot-reload/reload
+                                   :build-notify status-im2.setup.hot-reload/build-notify
+                                   :preloads     [re-frisk-remote.preload]}
+                :closure-defines
+                {status-im2.config/POKT_TOKEN      #shadow/env "POKT_TOKEN"
+                 status-im2.config/OPENSEA_API_KEY #shadow/env "OPENSEA_API_KEY"}
+                :compiler-options {:output-feature-set :es5
+                                   :closure-defines
+                                   {re-frame.trace/trace-enabled? true}
+                                   :source-map         false
+                                   :infer-externs      true}
+                ;; if you want to use a real device, set your local ip
+                ;; in the SHADOW_HOST env variable to make sure that
+                ;; it will use the right interface
+                :local-ip         #shadow/env "SHADOW_HOST"}
+   :chunks     {:fleets status-im.fleet.default-fleet/default-fleets}
    :release
    {:closure-defines
     {status-im2.config/POKT_TOKEN      #shadow/env "POKT_TOKEN"
@@ -77,10 +77,10 @@
   ;; produced by the target :mocks below and redefines node require
   ;; function to use the mocks instead of the rn libraries
   :test
-  {:output-to "target/test/test.js"
-   :output-dir "target/test"
-   :optimizations :simple
-   :target :node-test
+  {:output-to        "target/test/test.js"
+   :output-dir       "target/test"
+   :optimizations    :simple
+   :target           :node-test
    ;; When running tests without a REPL you can uncomment below line to `make test-watch` a specific file
    ;; :ns-regexp        "status-im2.subs.chat.messages-test$"
    :main

src/mocks/js_dependencies.cljs

@@ -33,64 +33,63 @@ globalThis.__STATUS_MOBILE_JS_IDENTITY_PROXY__ = new Proxy({}, {get() { return (
 (def svg #js {})
 
 (def react-native
-  (clj->js
-   {:NativeModules            {:RNGestureHandlerModule {:Direction (fn [])}
-                               :PushNotifications      {}
-                               :Status                 utils.test/status
-                               :ReanimatedModule       {:configureProps (fn [])}}
+  (clj->js {:NativeModules            {:RNGestureHandlerModule {:Direction (fn [])}
+                                       :PushNotifications      {}
+                                       :Status                 utils.test/status
+                                       :ReanimatedModule       {:configureProps (fn [])}}
 
-    :View                     {}
-    :RefreshControl           {}
-    :AppState                 {}
-    :Alert                    {:alert (fn [])}
-    :FlatList                 {}
-    :SectionList              {}
-    :Text                     {}
-    :StatusBar                {}
-    :ScrollView               {}
-    :KeyboardAvoidingView     {}
-    :TextInput                {}
-    :Image                    {}
-    :Picker                   {:Item {}}
-    :Switch                   {}
-    :Modal                    {}
-    :Keyboard                 {:dismiss (fn [])}
-    :Linking                  {}
-    :TouchableWithoutFeedback {}
-    :TouchableHighlight       {}
-    :Pressable                {}
-    :TouchableOpacity         {}
-    :ActivityIndicator        {}
-    :StyleSheet               {:create (fn [])}
-    :Animated                 {:createAnimatedComponent identity
-                               :Value                   (fn [])
-                               :ValueXY                 (fn [])
-                               :View                    {}
-                               :FlatList                {}
-                               :ScrollView              {}
-                               :Text                    {}}
-    :Easing                   {:bezier (fn [])
-                               :poly   (fn [])
-                               :out    (fn [])
-                               :in     (fn [])
-                               :inOut  (fn [])}
-    :DeviceEventEmitter       {:addListener (fn [])}
-    :Dimensions               {:get (fn []) :addEventListener identity}
-    :useWindowDimensions      {}
-    :Platform                 {:select (fn [])}
-    :I18nManager              {:isRTL ""}
-    :NativeEventEmitter       (fn [])
-    :LayoutAnimation          {:Presets       #js
-                                               {:easeInEaseOut nil
-                                                :linear        nil
-                                                :spring        nil}
-                               :Types         #js {}
-                               :Properties    #{}
-                               :create        (fn [])
-                               :configureNext (fn [])}
-    :requireNativeComponent   (fn [] {:propTypes ""})
-    :Appearance               {:getColorScheme    (fn [])
-                               :addChangeListener (fn [])}}))
+            :View                     {}
+            :RefreshControl           {}
+            :AppState                 {}
+            :Alert                    {:alert (fn [])}
+            :FlatList                 {}
+            :SectionList              {}
+            :Text                     {}
+            :StatusBar                {}
+            :ScrollView               {}
+            :KeyboardAvoidingView     {}
+            :TextInput                {}
+            :Image                    {}
+            :Picker                   {:Item {}}
+            :Switch                   {}
+            :Modal                    {}
+            :Keyboard                 {:dismiss (fn [])}
+            :Linking                  {}
+            :TouchableWithoutFeedback {}
+            :TouchableHighlight       {}
+            :Pressable                {}
+            :TouchableOpacity         {}
+            :ActivityIndicator        {}
+            :StyleSheet               {:create (fn [])}
+            :Animated                 {:createAnimatedComponent identity
+                                       :Value                   (fn [])
+                                       :ValueXY                 (fn [])
+                                       :View                    {}
+                                       :FlatList                {}
+                                       :ScrollView              {}
+                                       :Text                    {}}
+            :Easing                   {:bezier (fn [])
+                                       :poly   (fn [])
+                                       :out    (fn [])
+                                       :in     (fn [])
+                                       :inOut  (fn [])}
+            :DeviceEventEmitter       {:addListener (fn [])}
+            :Dimensions               {:get (fn []) :addEventListener identity}
+            :useWindowDimensions      {}
+            :Platform                 {:select (fn [])}
+            :I18nManager              {:isRTL ""}
+            :NativeEventEmitter       (fn [])
+            :LayoutAnimation          {:Presets       #js
+                                                       {:easeInEaseOut nil
+                                                        :linear        nil
+                                                        :spring        nil}
+                                       :Types         #js {}
+                                       :Properties    #{}
+                                       :create        (fn [])
+                                       :configureNext (fn [])}
+            :requireNativeComponent   (fn [] {:propTypes ""})
+            :Appearance               {:getColorScheme    (fn [])
+                                       :addChangeListener (fn [])}}))
 
 (set! js/ReactNative react-native)
 
@@ -139,7 +138,6 @@ globalThis.__STATUS_MOBILE_JS_IDENTITY_PROXY__ = new Proxy({}, {get() { return (
 (def react-native-svg
   #js
    {:ClipPath #js {:render identity}
-    :Circle   #js {:render identity}
     :Defs     #js {:render identity}
     :Path     #js {:render identity}
     :Rect     #js {:render identity}
@@ -177,19 +175,19 @@ globalThis.__STATUS_MOBILE_JS_IDENTITY_PROXY__ = new Proxy({}, {get() { return (
 (def react-native-navigation
   #js
    {:Navigation #js
-                 {:constants (fn [] #js {:then identity})
-                  :setDefaultOptions identity
-                  :setRoot identity
-                  :dismissOverlay #(js/Promise.resolve)
-                  :showOverlay identity
+                 {:constants                   (fn [] #js {:then identity})
+                  :setDefaultOptions           identity
+                  :setRoot                     identity
+                  :dismissOverlay              #(js/Promise.resolve)
+                  :showOverlay                 identity
                   :setLazyComponentRegistrator identity
-                  :pop identity
-                  :push identity
-                  :mergeOptions identity
-                  :popToRoot identity
-                  :showModal identity
-                  :dismissModal identity
-                  :registerComponent identity
+                  :pop                         identity
+                  :push                        identity
+                  :mergeOptions                identity
+                  :popToRoot                   identity
+                  :showModal                   identity
+                  :dismissModal                identity
+                  :registerComponent           identity
                   :events
                   (fn []
                     #js
@@ -266,15 +264,7 @@ globalThis.__STATUS_MOBILE_JS_IDENTITY_PROXY__ = new Proxy({}, {get() { return (
 
 (def react-native-gesture-handler
   #js
-   {:FlatList                 #js {}
-    :Gesture                  #js {:Pan nil}
-    :GestureDetector          #js {}
-    :LongPressGestureHandler  #js {}
-    :NativeViewGestureHandler #js {}
-    :PanGestureHandler        #js {}
-    :PureNativeButton         #js {}
-    :RectButton               #js {}
-    :ScrollView               #js {}
+   {:default                  #js {}
     :State                    #js
                                {:BEGAN        nil
                                 :ACTIVE       nil
@@ -282,13 +272,19 @@ globalThis.__STATUS_MOBILE_JS_IDENTITY_PROXY__ = new Proxy({}, {get() { return (
                                 :END          nil
                                 :FAILED       nil
                                 :UNDETERMINED nil}
-    :Swipeable                #js {}
+    :PureNativeButton         #js {}
     :TapGestureHandler        #js {}
+    :PanGestureHandler        #js {}
     :TouchableHighlight       #js {}
-    :TouchableOpacity         #js {}
+    :LongPressGestureHandler  #js {}
     :TouchableWithoutFeedback #js {}
-    :createNativeWrapper      identity
-    :default                  #js {}})
+    :NativeViewGestureHandler #js {}
+    :FlatList                 #js {}
+    :ScrollView               #js {}
+    :TouchableOpacity         #js {}
+    :GestureDetector          #js {}
+    :Gesture                  #js {:Pan nil}
+    :createNativeWrapper      identity})
 
 (def react-native-redash #js {:clamp nil})
 
@@ -334,10 +330,6 @@ globalThis.__STATUS_MOBILE_JS_IDENTITY_PROXY__ = new Proxy({}, {get() { return (
 (def react-native-camera-roll
   (clj->js {:default #js {}}))
 
-(def react-native-orientation-locker
-  (clj->js {:default                    #js {}
-            :useDeviceOrientationChange #js {}}))
-
 (def wallet-connect-client
   #js
    {:default       #js {}
@@ -403,7 +395,6 @@ globalThis.__STATUS_MOBILE_JS_IDENTITY_PROXY__ = new Proxy({}, {get() { return (
     "react-native-share"                            react-native-share
     "@react-native-async-storage/async-storage"     async-storage
     "react-native-svg"                              react-native-svg
-    "react-native-orientation-locker"               react-native-orientation-locker
     "../src/js/worklet_factory.js"                  worklet-factory
     "../src/js/shell_worklets.js"                   shell-worklets
     "../src/js/bottom_sheet.js"                     bottom-sheet

src/quo/components/button/view.cljs

@@ -66,15 +66,15 @@
            border-radius   8
            haptic-type     :selection}}
    children]
-  (let [theme' (cond
-                 disabled :disabled
-                 :else    theme)
+  (let [theme'                                                        (cond
+                                                                        disabled :disabled
+                                                                        :else    theme)
         {:keys [icon-color background-color text-color border-color]}
         (themes theme')
 
-        optional-haptic (fn []
-                          (when haptic-feedback
-                            (haptic/trigger haptic-type)))]
+        optional-haptic                                               (fn []
+                                                                        (when haptic-feedback
+                                                                          (haptic/trigger haptic-type)))]
     [animation/pressable
      (merge {:bg-color            background-color
              :border-radius       border-radius

src/quo/components/controls/view.cljs

@@ -14,24 +14,24 @@
   (fn [props]
     (let [{:keys [value onChange disabled]}
           (bean/bean props)
-          state (animated/use-value 0)
-          tap-state (animated/use-value (:undetermined gh/states))
-          tap-handler (animated/on-gesture {:state tap-state})
-          hold (react/use-memo
-                (fn []
-                  (animated/with-timing-transition
-                   (animated/eq tap-state (:began gh/states))
-                   {}))
-                [])
-          transition (react/use-memo
-                      (fn []
-                        (animated/with-spring-transition state
-                                                         (:lazy
-                                                          animated/springs)))
-                      [])
-          press-end (fn []
-                      (when (and (not disabled) onChange)
-                        (onChange (not value))))]
+          state                             (animated/use-value 0)
+          tap-state                         (animated/use-value (:undetermined gh/states))
+          tap-handler                       (animated/on-gesture {:state tap-state})
+          hold                              (react/use-memo
+                                             (fn []
+                                               (animated/with-timing-transition
+                                                (animated/eq tap-state (:began gh/states))
+                                                {}))
+                                             [])
+          transition                        (react/use-memo
+                                             (fn []
+                                               (animated/with-spring-transition state
+                                                                                (:lazy
+                                                                                 animated/springs)))
+                                             [])
+          press-end                         (fn []
+                                              (when (and (not disabled) onChange)
+                                                (onChange (not value))))]
       (animated/code!
        (fn []
          (animated/cond* (animated/eq tap-state (:end gh/states))

src/quo/components/header.cljs

@@ -102,7 +102,7 @@
      (into [rn/view {:style header-actions-style}]
            (map header-action accessories))
 
-     component component
+     component         component
 
      :else
      [rn/view {:style header-action-placeholder}])])
@@ -111,7 +111,7 @@
   [{:keys [title subtitle component title-align]}]
   [:<>
    (cond
-     component component
+     component            component
 
      (and title subtitle)
      [:<>
@@ -125,12 +125,12 @@
         :number-of-lines 1}
        subtitle]]
 
-     title [text/text
-            {:weight          :bold
-             :number-of-lines 0
-             :align           title-align
-             :size            :large}
-            title])])
+     title                [text/text
+                           {:weight          :bold
+                            :number-of-lines 0
+                            :align           title-align
+                            :size            :large}
+                           title])])
 
 (defn header
   [{:keys [left-width right-width]}]

src/quo/components/list/item.cljs

@@ -227,22 +227,22 @@
            animated                  platform/ios?
            active-background-enabled true
            haptic-type               :selection}}]
-  (let [theme (if disabled :disabled theme)
+  (let [theme                                                     (if disabled :disabled theme)
         {:keys [text-color active-background passive-background]}
         (themes theme)
-        icon-color (or icon-color
-                       (:icon-color (themes theme)))
-        icon-bg-color (or icon-bg-color
-                          (:icon-bg-color (themes theme)))
-        optional-haptic (fn []
-                          (when haptic-feedback
-                            (haptic/trigger haptic-type)))
-        component (cond
-                    (and (not on-press)
-                         (not on-long-press))
-                    rn/view
-                    animated animated/pressable
-                    :else rn/touchable-highlight)]
+        icon-color                                                (or icon-color
+                                                                      (:icon-color (themes theme)))
+        icon-bg-color                                             (or icon-bg-color
+                                                                      (:icon-bg-color (themes theme)))
+        optional-haptic                                           (fn []
+                                                                    (when haptic-feedback
+                                                                      (haptic/trigger haptic-type)))
+        component                                                 (cond
+                                                                    (and (not on-press)
+                                                                         (not on-long-press))
+                                                                    rn/view
+                                                                    animated animated/pressable
+                                                                    :else rn/touchable-highlight)]
     [rn/view
      {:background-color (cond (not= background-color nil)
                               background-color

src/quo/components/text.cljs

@@ -47,10 +47,7 @@
     (into [component
            (merge {:style (text-style props)}
                   (dissoc props
-                   :style
-                   :size
-                   :weight
-                   :color
-                   :align
-                   :animated?))]
+                          :style  :size
+                          :weight :color
+                          :align  :animated?))]
           (reagent/children this))))

src/quo/components/text_input.cljs

@@ -186,7 +186,7 @@
                             {:icon     :main-icons/show
                              :on-press #(reset! visible true)}
 
-                            :else after)
+                            :else                                  after)
             secure        (boolean (and secure-text-entry (not @visible))) ; must be a boolean to work on
                                                                            ; iOS
             auto-complete (cond
@@ -259,15 +259,12 @@
              (when (and platform/ios? (not after))
                {:clear-button-mode :while-editing})
              (dissoc props
-              :style
-              :keyboard-type
-              :on-focus
-              :on-blur
-              :secure-text-entry
-              :ref
-              :get-ref
-              :auto-correct
-              :auto-complete-type))]
+                     :style
+                     :keyboard-type :on-focus
+                     :on-blur
+                     :secure-text-entry
+                     :ref           :get-ref
+                     :auto-correct  :auto-complete-type))]
            (when after
              [accessory-element after])]
           (when (and show-cancel

src/quo/previews/button.cljs

@@ -61,9 +61,9 @@
          :justify-content  :center}
         [quo/button
          (merge (dissoc @state
-                 :theme
-                 :before
-                 :after)
+                        :theme
+                        :before
+                        :after)
                 {:on-press #(println "Hello world!")}
                 (when @theme
                   {:theme @theme})

src/quo/react_native.cljs

@@ -121,8 +121,8 @@
                                    :property (:opacity layout-animation-properties)}}})
 
 (defonce enable-layout-animations
-  (when platform/android?
-    (.setLayoutAnimationEnabledExperimental ^js ui-manager true)))
+         (when platform/android?
+           (.setLayoutAnimationEnabledExperimental ^js ui-manager true)))
 
 (def activity-indicator (reagent/adapt-react-class (.-ActivityIndicator ^js rn)))
 

src/quo2/components/animated_header_flatlist/view.cljs

@@ -1,15 +1,16 @@
 (ns quo2.components.animated-header-flatlist.view
   (:require
-    [quo2.core :as quo]
-    [react-native.core :as rn]
-    [react-native.platform :as platform]
-    [react-native.reanimated :as reanimated]
-    [react-native.safe-area :as safe-area]
-    [react-native.fast-image :as fast-image]
-    [reagent.core :as reagent]
-    [quo2.foundations.colors :as colors]
-    [quo2.components.animated-header-flatlist.style :as style]
-    [oops.core :as oops]))
+   [quo2.core :as quo]
+   [react-native.core :as rn]
+   [react-native.platform :as platform]
+   [react-native.reanimated :as reanimated]
+   [react-native.safe-area :as safe-area]
+   [reagent.core :as reagent]
+   [quo2.foundations.colors :as colors]
+   [status-im.ui.components.fast-image :as fast-image]
+   [quo2.components.animated-header-flatlist.style :as style]
+   [oops.core :as oops]
+   [utils.re-frame :as rf]))
 
 (def header-height 234)
 (def cover-height 192)
@@ -50,8 +51,10 @@
      [reanimated/view {:style (style/entity-picture size-animation)}
       [display-picture-comp image-animation]]]))
 
+
+
 (defn animated-header-list
-  [{:keys [header-comp main-comp back-button-on-press] :as parameters}]
+  [{:keys [header-comp main-comp] :as parameters}]
   [safe-area/consumer
    (fn [insets]
      (let [window-height     (:height (rn/get-window))
@@ -73,7 +76,7 @@
             [rn/view {:style (style/container-view view-height)}
              [rn/touchable-opacity
               {:active-opacity 1
-               :on-press       back-button-on-press
+               :on-press       #(rf/dispatch [:navigate-back])
                :style          (style/button-container {:left 20})}
               [quo/icon :i/arrow-left {:size 20 :color (colors/theme-colors colors/black colors/white)}]]
              [rn/touchable-opacity

src/quo2/components/avatars/user_avatar.cljs

@@ -0,0 +1,154 @@
+(ns quo2.components.avatars.user-avatar
+  (:require [clojure.string :refer [blank? split upper-case]]
+            [quo2.components.icon :as icons]
+            [quo2.components.markdown.text :as text]
+            [quo2.foundations.colors :as colors]
+            [quo2.theme :refer [dark?]]
+            [react-native.core :as rn]
+            [react-native.fast-image :as fast-image]))
+
+(def sizes
+  {:big    {:outer                   80
+            :inner                   72
+            :status-indicator        20
+            :status-indicator-border 4
+            :font-size               :heading-1}
+   :medium {:outer                   48
+            :inner                   44
+            :status-indicator        12
+            :status-indicator-border 2
+            :font-size               :paragraph-1}
+   :small  {:outer                   32
+            :inner                   28
+            :status-indicator        12
+            :status-indicator-border 2
+            :font-size               :paragraph-2}
+   :xs     {:outer                   24
+            :inner                   24
+            :status-indicator        0
+            :status-indicator-border 0
+            :font-size               :paragraph-2}
+   :xxs    {:outer                   20
+            :inner                   20
+            :status-indicator        0
+            :status-indicator-border 0
+            :font-size               :label}
+   :xxxs   {:outer                   16
+            :inner                   16
+            :status-indicator        0
+            :status-indicator-border 0
+            :font-size               :label}})
+
+(defn dot-indicator
+  [size status-indicator? online? ring? dark?]
+  (when status-indicator?
+    (let [dimensions   (get-in sizes [size :status-indicator])
+          border-width (get-in sizes [size :status-indicator-border])
+          right        (case size
+                         :big    2
+                         :medium 0
+                         :small  -2
+                         0)
+          bottom       (case size
+                         :big    (if ring?
+                                   -1
+                                   2)
+                         :medium (if ring?
+                                   0
+                                   -2)
+                         :small  (if ring?
+                                   -2
+                                   -2)
+                         0)]
+      [rn/view
+       {:style {:background-color (if online?
+                                    colors/success-50
+                                    colors/neutral-40)
+                :width            dimensions
+                :height           dimensions
+                :border-width     border-width
+                :border-radius    dimensions
+                :border-color     (if dark?
+                                    colors/neutral-100
+                                    colors/white)
+                :position         :absolute
+                :bottom           bottom
+                :right            right}}])))
+
+(defn container-styling
+  [inner-dimensions outer-dimensions]
+  {:width         inner-dimensions
+   :position      :absolute
+   :top           (/ (- outer-dimensions inner-dimensions) 2)
+   :left          (/ (- outer-dimensions inner-dimensions) 2)
+   :height        inner-dimensions
+   :border-radius inner-dimensions})
+
+(defn container
+  [inner-dimensions outer-dimensions & children]
+  [rn/view
+   {:style (merge {:background-color (colors/custom-color-by-theme :turquoise 50 60)
+                   :justify-content  :center
+                   :align-items      :center}
+                  (container-styling inner-dimensions outer-dimensions))}
+   children])
+
+(def small-sizes #{:xs :xxs :xxxs})
+(def identicon-sizes #{:big :medium :small})
+
+(defn user-avatar
+  [{:keys [ring?
+           online?
+           size
+           status-indicator?
+           profile-picture
+           full-name]
+    :or   {full-name         "empty name"
+           status-indicator? true
+           online?           true
+           size              :big
+           ring?             true}}]
+  (let [initials             (if full-name
+                               (reduce str (map first (split full-name " ")))
+                               "")
+        first-initial-letter (if full-name
+                               (or (first full-name) "")
+                               "")
+        identicon?           (contains? identicon-sizes size)
+        small?               (contains? small-sizes size)
+        outer-dimensions     (get-in sizes [size :outer])
+        inner-dimensions     (get-in sizes
+                                     [size
+                                      (if ring?
+                                        :inner
+                                        :outer)])
+        font-size            (get-in sizes [size :font-size])
+        icon-text            (if-not (or (blank? first-initial-letter)
+                                         (blank? initials))
+                               (if small?
+                                 first-initial-letter
+                                 initials)
+                               "")]
+    [rn/view
+     {:accessibility-label :user-avatar
+      :style               {:width         outer-dimensions
+                            :height        outer-dimensions
+                            :border-radius outer-dimensions}}
+     (when (and false (and ring? identicon?)) ;;TODO not implemented yet
+       [icons/icon :i/identicon-ring
+        {:size     outer-dimensions
+         :no-color true}])
+     (if profile-picture
+       ;; display image
+       [fast-image/fast-image
+        {:source profile-picture
+         :style  (container-styling inner-dimensions outer-dimensions)}]
+       ;; else display initials
+       [container inner-dimensions outer-dimensions
+        ^{:key :icon-text}
+        [text/text
+         {:weight :semi-bold
+          :size   font-size
+          :style  {:color colors/white-opa-70}}
+         (upper-case icon-text)]])
+     [dot-indicator size status-indicator? online? ring? (dark?)]]))

src/quo2/components/avatars/user_avatar/component_spec.cljs

@@ -1,127 +0,0 @@
-(ns quo2.components.avatars.user-avatar.component-spec
-  (:require [quo2.components.avatars.user-avatar.view :as user-avatar]
-            [status-im2.common.resources :as resources]
-            [test-helpers.component :as h]))
-
-(defn- test-truthy [element]
-  (.toBeTruthy (js/expect element)))
-
-(defn- test-null [element]
-  (.toBeNull (js/expect element)))
-
-(h/describe "user avatar"
-  (h/test "Default render"
-    (h/render [user-avatar/user-avatar])
-    (test-truthy (h/get-by-label-text :user-avatar))
-    (test-truthy (h/get-by-text "EN")))
-
-  (h/describe "Profile picture"
-    (h/test "Renders"
-      (h/render
-       [user-avatar/user-avatar {:profile-picture (resources/get-mock-image :user-picture-male4)}])
-      (test-truthy (h/get-by-label-text :profile-picture)))
-
-    (h/test "Renders even if `:full-name` is passed"
-      (h/render
-       [user-avatar/user-avatar {:profile-picture (resources/get-mock-image :user-picture-male4)
-                                 :full-name       "New User1"}])
-      (test-truthy (h/get-by-label-text :profile-picture))
-      (test-null (h/query-by-label-text :initials-avatar)))
-
-    (h/describe "Status indicator"
-      (h/test "Render"
-        (h/render
-         [user-avatar/user-avatar {:profile-picture   (resources/get-mock-image :user-picture-male4)
-                                   :status-indicator? true}])
-        (test-truthy (h/get-by-label-text :profile-picture))
-        (test-truthy (h/get-by-label-text :status-indicator)))
-
-      (h/test "Do not render"
-        (h/render
-         [user-avatar/user-avatar {:profile-picture   (resources/get-mock-image :user-picture-male4)
-                                   :status-indicator? false}])
-        (test-truthy (h/get-by-label-text :profile-picture))
-        (test-null (h/query-by-label-text :status-indicator)))))
-
-  (h/describe "Initials Avatar"
-    (h/describe "Render initials"
-      (letfn [(user-avatar-component [size]
-                [user-avatar/user-avatar {:full-name "New User"
-                                          :size      size}])]
-        (h/describe "Two letters"
-          (h/test "Size :big"
-            (h/render (user-avatar-component :big))
-            (test-truthy (h/get-by-text "NU")))
-
-          (h/test "Size :medium"
-            (h/render (user-avatar-component :medium))
-            (test-truthy (h/get-by-text "NU")))
-
-          (h/test "Size :small"
-            (h/render (user-avatar-component :small))
-            (test-truthy (h/get-by-text "NU"))))
-
-        (h/describe "One letter"
-          (h/test "Size :xs"
-            (h/render (user-avatar-component :xs))
-            (test-truthy (h/get-by-text "N")))
-
-          (h/test "Size :xxs"
-            (h/render (user-avatar-component :xxs))
-            (test-truthy (h/get-by-text "N")))
-
-          (h/test "Size :xxxs"
-            (h/render (user-avatar-component :xxxs))
-            (test-truthy (h/get-by-text "N"))))))
-
-    (h/describe "Render ring"
-      (letfn [(user-avatar-component [size]
-                [user-avatar/user-avatar {:full-name       "New User"
-                                          :ring-background (resources/get-mock-image :ring)
-                                          :size            size}])]
-        (h/describe "Passed and drawn"
-          (h/test "Size :big"
-            (h/render (user-avatar-component :big))
-            (test-truthy (h/get-by-label-text :initials-avatar))
-            (test-truthy (h/get-by-label-text :ring-background)))
-
-          (h/test "Size :medium"
-            (h/render (user-avatar-component :medium))
-            (test-truthy (h/get-by-label-text :initials-avatar))
-            (test-truthy (h/get-by-label-text :ring-background)))
-
-          (h/test "Size :small"
-            (h/render (user-avatar-component :small))
-            (test-truthy (h/get-by-label-text :initials-avatar))
-            (test-truthy (h/get-by-label-text :ring-background))))
-
-        (h/describe "Passed and not drawn (because of invalid size for ring)"
-          (h/test "Size :xs"
-            (h/render (user-avatar-component :xs))
-            (test-truthy (h/get-by-label-text :initials-avatar))
-            (test-null (h/query-by-label-text :ring-background)))
-
-          (h/test "Size :xxs"
-            (h/render (user-avatar-component :xxs))
-            (test-truthy (h/get-by-label-text :initials-avatar))
-            (test-null (h/query-by-label-text :ring-background)))
-
-          (h/test "Size :xxxs"
-            (h/render (user-avatar-component :xxxs))
-            (test-truthy (h/get-by-label-text :initials-avatar))
-            (test-null (h/query-by-label-text :ring-background))))))
-
-    (h/describe "Status indicator"
-      (h/test "Render"
-        (h/render
-         [user-avatar/user-avatar {:full-name         "Test User"
-                                   :status-indicator? true}])
-        (test-truthy (h/get-by-label-text :initials-avatar))
-        (test-truthy (h/get-by-label-text :status-indicator)))
-
-      (h/test "Do not render"
-        (h/render
-         [user-avatar/user-avatar {:full-name         "Test User"
-                                   :status-indicator? false}])
-        (test-truthy (h/get-by-label-text :initials-avatar))
-        (test-null (h/query-by-label-text :status-indicator))))))

src/quo2/components/avatars/user_avatar/style.cljs

@@ -1,83 +0,0 @@
-(ns quo2.components.avatars.user-avatar.style
-  (:require [quo2.foundations.colors :as colors]))
-
-(def sizes
-  {:big    {:outer                   80
-            :inner                   72
-            :status-indicator        20
-            :status-indicator-border 4
-            :font-size               :heading-1}
-   :medium {:outer                   48
-            :inner                   44
-            :status-indicator        12
-            :status-indicator-border 2
-            :font-size               :paragraph-1}
-   :small  {:outer                   32
-            :inner                   28
-            :status-indicator        12
-            :status-indicator-border 2
-            :font-size               :paragraph-2}
-   :xs     {:outer                   24
-            :inner                   24
-            :status-indicator        0
-            :status-indicator-border 0
-            :font-size               :paragraph-2}
-   :xxs    {:outer                   20
-            :inner                   20
-            :status-indicator        0
-            :status-indicator-border 0
-            :font-size               :label}
-   :xxxs   {:outer                   16
-            :inner                   16
-            :status-indicator        0
-            :status-indicator-border 0
-            :font-size               :label}})
-
-(defn outer
-  [size]
-  (let [dimensions (get-in sizes [size :outer])]
-    {:width         dimensions
-     :height        dimensions
-     :border-radius dimensions}))
-
-(defn initials-avatar
-  [size draw-ring?]
-  (let [outer-dimensions (get-in sizes [size :outer])
-        inner-dimensions (get-in sizes [size (if draw-ring? :inner :outer)])]
-    {:position         :absolute
-     :top              (/ (- outer-dimensions inner-dimensions) 2)
-     :left             (/ (- outer-dimensions inner-dimensions) 2)
-     :width            inner-dimensions
-     :height           inner-dimensions
-     :border-radius    inner-dimensions
-     :justify-content  :center
-     :align-items      :center
-     :background-color (colors/custom-color-by-theme :turquoise 50 60)}))
-
-(def initials-avatar-text
-  {:color colors/white-opa-70})
-
-(defn dot
-  [size online? ring?]
-  (let [background   (if online? colors/success-50 colors/neutral-40)
-        dimensions   (get-in sizes [size :status-indicator])
-        border-width (get-in sizes [size :status-indicator-border])
-        right        (case size
-                       :big    2
-                       :medium 0
-                       :small  -2
-                       0)
-        bottom       (case size
-                       :big    (if ring? -1 2)
-                       :medium (if ring? 0 -2)
-                       :small  -2
-                       0)]
-    {:position         :absolute
-     :bottom           bottom
-     :right            right
-     :width            dimensions
-     :height           dimensions
-     :border-width     border-width
-     :border-radius    dimensions
-     :border-color     (colors/theme-colors colors/white colors/neutral-100)
-     :background-color background}))

src/quo2/components/avatars/user_avatar/view.cljs

@@ -1,56 +0,0 @@
-(ns quo2.components.avatars.user-avatar.view
-  (:require [clojure.string :as string]
-            [quo2.components.avatars.user-avatar.style :as style]
-            [quo2.components.markdown.text :as text]
-            [react-native.core :as rn]
-            [react-native.fast-image :as fast-image]))
-
-(defn- extract-initials
-  [full-name amount-initials]
-  (let [upper-case-first-letter (comp string/upper-case first)
-        names-list              (string/split full-name " ")]
-    (->> names-list
-         (map upper-case-first-letter)
-         (take amount-initials)
-         (string/join))))
-
-(defn initials-avatar
-  [{:keys [full-name size draw-ring?]}]
-  (let [font-size       (get-in style/sizes [size :font-size])
-        amount-initials (if (#{:xs :xxs :xxxs} size) 1 2)]
-    [rn/view {:accessibility-label :initials-avatar
-              :style               (style/initials-avatar size draw-ring?)}
-     [text/text
-      {:style  style/initials-avatar-text
-       :size   font-size
-       :weight :semi-bold}
-      (extract-initials full-name amount-initials)]]))
-
-(def valid-ring-sizes #{:big :medium :small})
-
-(defn user-avatar
-  "If no `profile-picture` is given, draws the initials based on the `full-name` and
-  uses `ring-background` to display the ring behind the initials when given. Otherwise,
-  shows the `profile-picture` which already comes with the ring drawn."
-  [{:keys [full-name status-indicator? online? size profile-picture ring-background]
-    :or   {status-indicator? true
-           online?           true
-           size              :big}}]
-  (let [full-name    (or full-name "empty name")
-        draw-ring?   (and ring-background (valid-ring-sizes size))
-        outer-styles (style/outer size)]
-    [rn/view {:style outer-styles :accessibility-label :user-avatar}
-     ;; The `profile-picture` already has the ring in it
-     (when-let [image (or profile-picture ring-background)]
-       [fast-image/fast-image
-        {:accessibility-label (if draw-ring? :ring-background :profile-picture)
-         :style               outer-styles
-         :source              image}])
-     (when-not profile-picture
-       [initials-avatar
-        {:full-name  full-name
-         :size       size
-         :draw-ring? draw-ring?}])
-     (when status-indicator?
-       [rn/view {:accessibility-label :status-indicator
-                 :style               (style/dot size online? draw-ring?)}])]))

src/quo2/components/buttons/button.cljs

@@ -256,7 +256,7 @@
                     (if (= state :pressed)
                       (colors/theme-colors colors/neutral-100 colors/white)
                       :transparent)
-                    :width width}
+                    :width            width}
                    style)}
           [rn/view
            {:style (merge

src/quo2/components/colors/color_picker/component_spec.cljs

@@ -1,23 +0,0 @@
-(ns quo2.components.colors.color-picker.component-spec
-  (:require [quo2.components.colors.color-picker.view :as color-picker]
-            [reagent.core :as reagent]
-            [test-helpers.component :as h]))
-
-(h/describe "color-picker"
-  (h/test "color picker rendered"
-    (h/render [color-picker/view])
-    (-> (h/expect (h/get-all-by-label-text :color-picker-item))
-        (.toHaveLength 12)))
-  (h/test "clicks on a color item"
-    (let [event (h/mock-fn)]
-      (h/render [color-picker/view {:on-change #(event)}])
-      (h/fire-event :press (get (h/get-all-by-label-text :color-picker-item) 0))
-      (-> (h/expect event)
-          (.toHaveBeenCalled))))
-  (h/test "color picker color changed"
-    (let [selected (reagent/atom nil)]
-      (h/render [color-picker/view {:on-change #(reset! selected %)}])
-      (h/fire-event :press (get (h/get-all-by-label-text :color-picker-item) 0))
-      (-> (h/expect @selected)
-          (.toStrictEqual :blue)))))
-

src/quo2/components/colors/color_picker/style.cljs

@@ -1,48 +0,0 @@
-(ns quo2.components.colors.color-picker.style
-  (:require [quo2.foundations.colors :as colors]))
-
-(def color-picker-container
-  {:max-width       338
-   :flex-direction  :row
-   :flex-wrap       :wrap
-   :justify-content :space-between})
-
-(def flex-break
-  {:flex-basis "100%"
-   :height     10})
-
-(defn color-button
-  [color selected?]
-  (merge {:width         48
-          :height        48
-          :border-width  4
-          :border-radius 24
-          :transform     [{:rotate "45deg"}]
-          :border-color  :transparent}
-         (when selected?
-           {: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)})))
-
-(defn color-circle
-  [color border?]
-  {:width            40
-   :height           40
-   :transform        [{:rotate "-45deg"}]
-   :background-color color
-   :justify-content  :center
-   :align-items      :center
-   :border-color     color
-   :border-width     (if border? 2 0)
-   :overflow         :hidden
-   :border-radius    20})
-
-(defn secondary-overlay
-  [secondary-color border?]
-  {:width            (if border? 18 20)
-   :height           40
-   :position         :absolute
-   :right            0
-   :background-color secondary-color})
-

src/quo2/components/colors/color_picker/view.cljs

@@ -1,71 +0,0 @@
-(ns quo2.components.colors.color-picker.view
-  (:require [react-native.core :as rn]
-            [quo2.foundations.colors :as colors]
-            [quo2.components.icon :as icon]
-            [reagent.core :as reagent]
-            [quo2.components.colors.color-picker.style :as style]))
-
-(def color-list [:blue :yellow :turquoise :copper :sky :camel :orange :army :pink :purple :magenta])
-
-(defn picker-colors
-  [blur?]
-  (concat (map (fn [color]
-                 {:name  color
-                  :color (colors/custom-color-by-theme color (if blur? 60 50) 60)})
-               color-list)
-          [{:name            :yinyang
-            :color           (colors/theme-colors (colors/custom-color :yin 50)
-                                                  (colors/custom-color :yang 50))
-            :secondary-color (colors/theme-colors (colors/custom-color :yang 50)
-                                                  (colors/custom-color :yin 50))}]))
-
-(defn- on-change-handler
-  [selected color-name on-change]
-  (reset! selected color-name)
-  (when on-change (on-change color-name)))
-
-(defn- color-item
-  [{:keys [name
-           color
-           secondary-color
-           selected?
-           on-press
-           blur?]}]
-  (let [border? (and (not blur?) (and secondary-color (not selected?)))]
-    [rn/touchable-opacity
-     {:style               (style/color-button color selected?)
-      :accessibility-label :color-picker-item
-      :on-press            #(on-press name)}
-     [rn/view
-      {:style (style/color-circle color border?)}
-      (when (and secondary-color (not selected?))
-        [rn/view
-         {:style (style/secondary-overlay secondary-color border?)}])
-      (when selected?
-        [icon/icon :i/check
-         {:size  20
-          :color (or secondary-color
-                     colors/white)}])]]))
-
-(defn view
-  "Options
-   - `default-selected?` Default selected color name.
-   - `selected` Selected color name.
-   - `on-change` Callback called when a color is selected `(fn [color-name])`.
-   - `blur?` Boolean to enable blur background support.}"
-  [{:keys [default-selected?]}]
-  (let [internal-selected (reagent/atom default-selected?)]
-    (fn [{:keys [blur? on-change selected]}]
-      (when (and (not (nil? selected)) (not= @internal-selected selected))
-        (reset! internal-selected selected))
-      [rn/view {:style style/color-picker-container}
-       (doall (map-indexed (fn [index color]
-                             [:<> {:key (color :name)}
-                              [color-item
-                               (merge color
-                                      {:selected? (= (color :name) @internal-selected)
-                                       :on-press  #(on-change-handler internal-selected % on-change)
-                                       :blur?     blur?})]
-                              (when (= index 5) [rn/view {:style style/flex-break}])])
-                           (picker-colors blur?)))])))
-

src/quo2/components/community/token_gating.cljs

@@ -90,36 +90,32 @@
 
 (defn token-requirement-list
   [props community-color]
-  (let [{:keys [gate token-requirements-changed?
-                required-tokens-lost?]}     props
+  (let [{:keys [gate token-requirements-changed? required-tokens-lost?]} props
         [gate-type token-requirement-lists] gate
-        multiple-token-requirements?        (multiple-token-requirements? token-requirement-lists)
-        is-sufficient?                      (are-multiple-token-requirements-met?
-                                             token-requirement-lists)
-        you-must-hold-label                 (if (= gate-type :join)
-                                              (cond
-                                                token-requirements-changed? :t/you-must-now-hold
-                                                required-tokens-lost?       :t/you-must-always-hold
-                                                :else                       :t/you-must-hold)
-                                              :t/you-must-hold)
-        message-label                       (cond
-                                              (= gate-type :join)
-                                              (cond
-                                                token-requirements-changed?
-                                                :t/community-join-requirements-changed
-                                                required-tokens-lost?
-                                                :t/community-join-requirements-tokens-lost
-                                                :else (if is-sufficient?
+        multiple-token-requirements? (multiple-token-requirements? token-requirement-lists)
+        is-sufficient? (are-multiple-token-requirements-met? token-requirement-lists)
+        you-must-hold-label (if (= gate-type :join)
+                              (cond
+                                token-requirements-changed? :t/you-must-now-hold
+                                required-tokens-lost?       :t/you-must-always-hold
+                                :else                       :t/you-must-hold)
+                              :t/you-must-hold)
+        message-label (cond
+                        (= gate-type :join)
+                        (cond
+                          token-requirements-changed? :t/community-join-requirements-changed
+                          required-tokens-lost?       :t/community-join-requirements-tokens-lost
+                          :else                       (if is-sufficient?
                                                         :t/community-join-requirements-met
                                                         :t/community-join-requirements-not-met))
-                                              (= gate-type :read)
-                                              (if is-sufficient?
-                                                :t/community-channel-read-requirements-met
-                                                :t/community-channel-read-requirements-not-met)
-                                              (= gate-type :write)
-                                              (if is-sufficient?
-                                                :t/community-channel-write-requirements-met
-                                                :t/community-channel-write-requirements-not-met))]
+                        (= gate-type :read)
+                        (if is-sufficient?
+                          :t/community-channel-read-requirements-met
+                          :t/community-channel-read-requirements-not-met)
+                        (= gate-type :write)
+                        (if is-sufficient?
+                          :t/community-channel-write-requirements-met
+                          :t/community-channel-write-requirements-not-met))]
     [rn/view
      [rn/view {:style (get styles :token-requirement-text-spacing)}
       [text/text

src/quo2/components/dividers/strength_divider/component_spec.cljs

@@ -1,38 +0,0 @@
-(ns quo2.components.dividers.strength-divider.component-spec
-  (:require [quo2.components.dividers.strength-divider.view :as strength-divider]
-            [test-helpers.component :as h]))
-
-(h/describe "select-profile component"
-  (h/test "render component"
-    (h/render [strength-divider/view {:type :okay}])
-    (-> (h/expect (h/get-by-label-text :strength-divider))
-        (.toBeTruthy)))
-  (h/test "render component with :type :very-weak"
-    (h/render [strength-divider/view {:type :very-weak}])
-    (-> (h/expect (h/get-by-translation-text :strength-divider-very-weak-label))
-        (.toBeTruthy)))
-  (h/test "render component with :type :weak"
-    (h/render [strength-divider/view {:type :weak}])
-    (-> (h/expect (h/get-by-translation-text :strength-divider-weak-label))
-        (.toBeTruthy)))
-  (h/test "render component with :type :okay"
-    (h/render [strength-divider/view {:type :okay}])
-    (-> (h/expect (h/get-by-translation-text :strength-divider-okay-label))
-        (.toBeTruthy)))
-  (h/test "render component with :type :strong"
-    (h/render [strength-divider/view {:type :strong}])
-    (-> (h/expect (h/get-by-translation-text :strength-divider-strong-label))
-        (.toBeTruthy)))
-  (h/test "render component with :type :very-strong"
-    (h/render [strength-divider/view {:type :very-strong}])
-    (-> (h/expect (h/get-by-translation-text :strength-divider-very-strong-label))
-        (.toBeTruthy)))
-  (h/test "render component with :type :alert"
-    (h/render [strength-divider/view {:type :alert} "Text message"])
-    (-> (h/expect (h/get-by-text "Text message"))
-        (.toBeTruthy)))
-  (h/test "render component with :type :info"
-    (h/render [strength-divider/view {:type :info} "Text Info"])
-    (-> (h/expect (h/get-by-text "Text Info"))
-        (.toBeTruthy))))
-

src/quo2/components/dividers/strength_divider/style.cljs

@@ -1,13 +0,0 @@
-(ns quo2.components.dividers.strength-divider.style)
-
-(def container
-  {:height             40
-   :flex-direction     :row
-   :padding-horizontal 20
-   :align-items        :center})
-
-(defn text
-  [color]
-  {:color       color
-   :margin-left 4})
-

src/quo2/components/dividers/strength_divider/view.cljs

@@ -1,85 +0,0 @@
-(ns quo2.components.dividers.strength-divider.view
-  (:require [quo2.components.dividers.strength-divider.style :as style]
-            [quo2.components.icon :as icon]
-            [quo2.components.markdown.text :as text]
-            [quo2.foundations.colors :as colors]
-            [react-native.core :as rn]
-            [react-native.linear-gradient :as linear-gradient]
-            [react-native.svg :as svg]
-            [utils.i18n :as i18n]))
-
-(def strength-divider-types
-  {:very-weak   {:default-text (i18n/label :t/strength-divider-very-weak-label)
-                 :color        colors/danger-60
-                 :percentage   20}
-   :weak        {:default-text (i18n/label :t/strength-divider-weak-label)
-                 :color        (colors/custom-color :orange 60)
-                 :percentage   40}
-   :okay        {:default-text (i18n/label :t/strength-divider-okay-label)
-                 :color        (colors/custom-color :yellow 60)
-                 :percentage   60}
-   :strong      {:default-text (i18n/label :t/strength-divider-strong-label)
-                 :color        colors/success-60
-                 :percentage   80}
-   :very-strong {:default-text (i18n/label :t/strength-divider-very-strong-label)
-                 :color        colors/success-60
-                 :percentage   100}
-   :info        {:color colors/white-opa-40}
-   :alert       {:color colors/danger-60}})
-
-(defn circular-progress
-  [{:keys [color percentage]}]
-  (let [strength-indicator-radius        6.5
-        strength-indicator-circumference (* 2 Math/PI strength-indicator-radius)]
-    [svg/svg
-     {:view-box  "0 0 16 16"
-      :width     14.2
-      :transform [{:rotate "270deg"}]
-      :height    14.2}
-     [svg/circle
-      {:cx           8
-       :cy           8
-       :r            strength-indicator-radius
-       :fill         :transparent
-       :stroke-width 1.2
-       :stroke       (colors/alpha color 0.2)}]
-     [svg/circle
-      {:cx                8
-       :cy                8
-       :r                 strength-indicator-radius
-       :fill              :transparent
-       :stroke-width      1.2
-       :stroke-dasharray  strength-indicator-circumference
-       :stroke-dashoffset (* (- 100 percentage) 0.01 strength-indicator-circumference)
-       :stroke            color}]
-     [svg/circle]]))
-
-(defn strength-indicator
-  [type]
-  (let [{:keys [color percentage]} (strength-divider-types type)]
-    (case type
-      :info  nil
-      :alert [icon/icon :i/alert
-              {:color color
-               :size  16}]
-      [circular-progress {:color color :percentage percentage}])))
-
-(defn view
-  "Options
-   - `:type` `:very-weak`/`:weak`/`:okay`/`:strong`/`:very-strong`/`:info`/`:alert`)
-
-   `text` message string(only works when type is `info`/`alert`)"
-  [{:keys [type] :or {type :very-weak}} text]
-  (let [{:keys [color default-text]} (strength-divider-types type)]
-    [linear-gradient/linear-gradient
-     {:colors [(colors/alpha color 0.05) (colors/alpha color 0)]}
-     [rn/view
-      {:style               style/container
-       :accessibility-label :strength-divider}
-      [strength-indicator type]
-      [text/text
-       {:size   :paragraph-2
-        :weight :medium
-        :style  (style/text color)}
-       (or default-text text)]]]))
-

src/quo2/components/drawers/action_drawers/view.cljs

@@ -6,10 +6,10 @@
             [quo2.components.drawers.action-drawers.style :as style]))
 
 (defn- get-icon-color
-  [danger? override-theme]
+  [danger?]
   (if danger?
     colors/danger-50
-    (colors/theme-colors colors/neutral-50 colors/neutral-40 override-theme)))
+    (colors/theme-colors colors/neutral-50 colors/neutral-40)))
 
 (def divider
   [rn/view
@@ -25,7 +25,6 @@
            danger?
            on-press
            add-divider?
-           override-theme
            accessibility-label]
     :as   action-props}]
   (when action-props
@@ -34,7 +33,7 @@
      [rn/touchable-highlight
       {:accessibility-label accessibility-label
        :style               (style/container sub-label)
-       :underlay-color      (colors/theme-colors colors/neutral-5 colors/neutral-90 override-theme)
+       :underlay-color      (colors/theme-colors colors/neutral-5 colors/neutral-90)
        :on-press            on-press}
       [rn/view
        {:style (style/row-container sub-label)}
@@ -43,7 +42,7 @@
          :accessible          true
          :style               style/left-icon}
         [icon/icon icon
-         {:color (get-icon-color danger? override-theme)
+         {:color (get-icon-color danger?)
           :size  20}]]
        [rn/view
         {:style style/text-container}
@@ -51,15 +50,14 @@
          {:size   :paragraph-1
           :weight :medium
           :style  {:color
-                   (cond
-                     danger? (colors/theme-colors colors/danger-50 colors/danger-60 override-theme)
-                     :else   (colors/theme-colors colors/neutral-100 colors/white override-theme))}}
+                   (when danger?
+                     (colors/theme-colors colors/danger-50 colors/danger-60))}}
          label]
         (when sub-label
           [text/text
            {:size  :paragraph-2
             :style {:color
-                    (colors/theme-colors colors/neutral-50 colors/neutral-40 override-theme)}}
+                    (colors/theme-colors colors/neutral-50 colors/neutral-40)}}
            sub-label])]
        (when right-icon
          [rn/view
@@ -67,7 +65,7 @@
            :accessible          true
            :accessibility-label :right-icon-for-action}
           [icon/icon right-icon
-           {:color (get-icon-color danger? override-theme)
+           {:color (get-icon-color danger?)
             :size  20}]])]]]))
 
 (defn action-drawer

src/quo2/components/drawers/drawer_buttons/component_spec.cljs

@@ -1,70 +0,0 @@
-(ns quo2.components.drawers.drawer-buttons.component-spec
-  (:require [quo2.components.drawers.drawer-buttons.view :as drawer-buttons]
-            [react-native.core :as rn]
-            [test-helpers.component :as h]))
-
-(h/describe "drawer-buttons"
-  (h/test "the top heading and subheading render"
-    (h/render [drawer-buttons/view
-               {:top-card    {:heading :top-heading}
-                :bottom-card {:heading :bottom-heading}}
-               :top-sub-heading
-               :bottom-sub-heading])
-    (-> (js/expect (h/get-by-text "top-heading"))
-        (.toBeTruthy))
-    (-> (js/expect (h/get-by-text "top-sub-heading"))
-        (.toBeTruthy)))
-
-  (h/test "the bottom heading and subheading render"
-    (h/render [drawer-buttons/view
-               {:top-card    {:heading :top-heading}
-                :bottom-card {:heading :bottom-heading}}
-               :top-sub-heading
-               :bottom-sub-heading])
-    (-> (js/expect (h/get-by-text "bottom-heading"))
-        (.toBeTruthy))
-    (-> (js/expect (h/get-by-text "bottom-sub-heading"))
-        (.toBeTruthy)))
-
-
-  (h/test "it clicks the top card"
-    (let [event (h/mock-fn)]
-      (h/render [drawer-buttons/view
-                 {:top-card    {:on-press event
-                                :heading  :top-heading}
-                  :bottom-card {:heading :bottom-heading}}
-                 :top-sub-heading
-                 :bottom-sub-heading])
-      (h/fire-event :press (h/get-by-text "top-heading"))
-      (-> (js/expect event)
-          (.toHaveBeenCalled))))
-
-  (h/test "it clicks the bottom card"
-    (let [event (h/mock-fn)]
-      (h/render [drawer-buttons/view
-                 {:top-card    {:heading :top-heading}
-                  :bottom-card {:on-press event
-                                :heading  :bottom-heading}}
-                 :top-sub-heading
-                 :bottom-sub-heading])
-      (h/fire-event :press (h/get-by-text "bottom-heading"))
-      (-> (js/expect event)
-          (.toHaveBeenCalled))))
-
-  (h/test "the top card child renders with a render prop"
-    (h/render [drawer-buttons/view
-               {:top-card    {:heading :top-heading}
-                :bottom-card {:heading :bottom-heading}}
-               [rn/text :top-render-fn]
-               :bottom-sub-heading])
-    (-> (js/expect (h/get-by-text "top-render-fn"))
-        (.toBeTruthy)))
-
-  (h/test "the bottom card child renders with a render prop"
-    (h/render [drawer-buttons/view
-               {:top-card    {:heading :top-heading}
-                :bottom-card {:heading :bottom-heading}}
-               :top-sub-heading
-               [rn/text :bottom-render-fn]])
-    (-> (js/expect (h/get-by-text "bottom-render-fn"))
-        (.toBeTruthy))))

src/quo2/components/drawers/drawer_buttons/style.cljs

@@ -1,48 +0,0 @@
-(ns quo2.components.drawers.drawer-buttons.style
-  (:require [quo2.foundations.colors :as colors]))
-
-(def outer-container {:height 216})
-
-(def top-card
-  {:flex               1
-   :padding-vertical   12
-   :padding-horizontal 20
-   :border-radius      20
-   :background-color   colors/neutral-80})
-
-(def bottom-card
-  {:position           :absolute
-   :top                80
-   :left               0
-   :right              0
-   :bottom             0
-   :padding-vertical   12
-   :padding-horizontal 20
-   :border-radius      20
-   :background-color   (colors/alpha colors/white 0.05)})
-
-(def bottom-container
-  {:flex-direction  :row
-   :justify-content :space-between})
-
-(def bottom-icon
-  {:border-radius   40
-   :border-width    1
-   :margin-left     24
-   :height          28
-   :width           28
-   :justify-content :center
-   :align-items     :center
-   :border-color    (colors/alpha colors/white 0.05)})
-
-(def bottom-text
-  {:flex  1
-   :color (colors/alpha colors/white 0.7)})
-
-(def top-text
-  {:color (colors/alpha colors/white 0.7)})
-
-(defn heading-text
-  [gap]
-  {:color         colors/white
-   :margin-bottom gap})

src/quo2/components/drawers/drawer_buttons/view.cljs

@@ -1,80 +0,0 @@
-(ns quo2.components.drawers.drawer-buttons.view
-  (:require [react-native.core :as rn]
-            [quo2.components.icon :as icon]
-            [quo2.components.markdown.text :as text]
-            [quo2.foundations.colors :as colors]
-            [quo2.components.drawers.drawer-buttons.style :as style]))
-
-(defn render-bottom
-  [children]
-  [rn/view {:style style/bottom-container}
-   children
-   [rn/view
-    {:style style/bottom-icon}
-    [icon/icon :arrow-right
-     {:color colors/white
-      :size  20}]]])
-
-(defn label? [el] (or (string? el) (keyword? el)))
-
-(defn render-children-bottom
-  [children]
-  (if (label? children)
-    [render-bottom
-     [text/text
-      {:size   :paragraph-2
-       :style  style/bottom-text
-       :weight :semi-bold}
-      children]]
-    [render-bottom children]))
-
-(defn render-children-top
-  [children]
-  (if (label? children)
-    [text/text
-     {:size   :paragraph-2
-      :style  style/top-text
-      :weight :semi-bold}
-     children]
-    children))
-
-(defn card
-  [{:keys [on-press style heading gap top?]} children]
-  [rn/touchable-highlight
-   {:on-press       on-press
-    :border-radius  20
-    :style          style
-    :underlay-color (:background-color style)}
-   [rn/view {}
-    [text/text
-     {:size   :heading-1
-      :style  (style/heading-text gap)
-      :weight :semi-bold}
-     heading]
-    (if top?
-      [render-children-top children]
-      [render-children-bottom children])]])
-
-(defn view
-  "[view opts]
-   opts
-   {:container-style  style-object
-    :top-card         { :on-press event
-                        :heading  string}
-    :bottom-card      { :on-press event
-                        :heading  string}}
-    child-1           string, keyword or hiccup
-    child-2           string, keyword or hiccup
-   "
-  [{:keys [container-style top-card bottom-card]} child-1 child-2]
-  [rn/view
-   {:style (merge container-style style/outer-container)}
-   [card
-    (merge {:gap   4
-            :top?  true
-            :style style/top-card}
-           top-card) child-1]
-   [card
-    (merge {:style style/bottom-card
-            :gap   20}
-           bottom-card) child-2]])

src/quo2/components/header.cljs

@@ -103,7 +103,7 @@
      (into [rn/view {:style header-actions-style}]
            (map header-action accessories))
 
-     component component
+     component         component
 
      :else
      [rn/view {:style header-action-placeholder}])])
@@ -112,7 +112,7 @@
   [{:keys [title subtitle component title-align]}]
   [:<>
    (cond
-     component component
+     component            component
 
      (and title subtitle)
      [:<>
@@ -126,12 +126,12 @@
         :number-of-lines 1}
        subtitle]]
 
-     title [text/text
-            {:weight          :bold
-             :number-of-lines 0
-             :align           title-align
-             :size            :large}
-            title])])
+     title                [text/text
+                           {:weight          :bold
+                            :number-of-lines 0
+                            :align           title-align
+                            :size            :large}
+                           title])])
 
 (defn header
   [{:keys [left-width right-width]}]

src/quo2/components/icon.cljs

@@ -24,6 +24,6 @@
 
               container-style)
        :accessibility-label accessibility-label
-       :source (icons/icon-source (str (name icon-name) size))}])))
+       :source              (icons/icon-source (str (name icon-name) size))}])))
 
 (def icon (memoize memo-icon-fn))

src/quo2/components/input/style.cljs

@@ -1,170 +0,0 @@
-(ns quo2.components.input.style
-  (:require [quo2.components.markdown.text :as text]
-            [quo2.foundations.colors :as colors]))
-
-(def variants-colors
-  "Colors that keep the same across input's status change"
-  {:light      {:label         colors/neutral-50
-                :icon          colors/neutral-50
-                :cursor        (colors/custom-color :blue 50)
-                :button-border colors/neutral-30
-                :clear-icon    colors/neutral-40
-                :password-icon colors/neutral-50}
-   :light-blur {:label         colors/neutral-80-opa-40
-                :icon          colors/neutral-80-opa-70
-                :cursor        (colors/custom-color :blue 50)
-                :button-border colors/neutral-80-opa-30
-                :password-icon colors/neutral-100
-                :clear-icon    colors/neutral-80-opa-30}
-   :dark       {:label         colors/neutral-40
-                :icon          colors/neutral-40
-                :cursor        (colors/custom-color :blue 60)
-                :button-border colors/neutral-70
-                :password-icon colors/white
-                :clear-icon    colors/neutral-60}
-   :dark-blur  {:label         colors/white-opa-40
-                :icon          colors/white-opa-70
-                :cursor        colors/white
-                :button-border colors/white-opa-10
-                :password-icon colors/white
-                :clear-icon    colors/white-opa-10}})
-
-(def status-colors
-  {:light      {:default  {:border-color colors/neutral-20
-                           :placeholder  colors/neutral-40
-                           :text         colors/neutral-100}
-                :focus    {:border-color colors/neutral-40
-                           :placeholder  colors/neutral-30
-                           :text         colors/neutral-100}
-                :error    {:border-color colors/danger-opa-40
-                           :placeholder  colors/neutral-40
-                           :text         colors/neutral-100}
-                :disabled {:border-color colors/neutral-20
-                           :placeholder  colors/neutral-40
-                           :text         colors/neutral-40}}
-   :light-blur {:default  {:border-color colors/neutral-80-opa-10
-                           :placeholder  colors/neutral-80-opa-40
-                           :text         colors/neutral-100}
-                :focus    {:border-color colors/neutral-80-opa-20
-                           :placeholder  colors/neutral-80-opa-20
-                           :text         colors/neutral-100}
-                :error    {:border-color colors/danger-opa-40
-                           :placeholder  colors/neutral-80-opa-40
-                           :text         colors/neutral-100}
-                :disabled {:border-color colors/neutral-80-opa-10
-                           :placeholder  colors/neutral-80-opa-30
-                           :text         colors/neutral-80-opa-30}}
-   :dark       {:default  {:border-color colors/neutral-80
-                           :placeholder  colors/neutral-50
-                           :text         colors/white}
-                :focus    {:border-color colors/neutral-60
-                           :placeholder  colors/neutral-60
-                           :text         colors/white}
-                :error    {:border-color colors/danger-opa-40
-                           :placeholder  colors/white-opa-40
-                           :text         colors/white}
-                :disabled {:border-color colors/neutral-80
-                           :placeholder  colors/neutral-40
-                           :text         colors/neutral-40}}
-   :dark-blur  {:default  {:border-color colors/white-opa-10
-                           :placeholder  colors/white-opa-40
-                           :text         colors/white}
-                :focus    {:border-color colors/white-opa-40
-                           :placeholder  colors/white-opa-20
-                           :text         colors/white}
-                :error    {:border-color colors/danger-opa-40
-                           :placeholder  colors/white-opa-40
-                           :text         colors/white}
-                :disabled {:border-color colors/white-opa-10
-                           :placeholder  colors/white-opa-20
-                           :text         colors/white-opa-20}}})
-
-(defn input-container
-  [colors-by-status small? disabled?]
-  {:flex-direction     :row
-   :padding-horizontal 8
-   :border-width       1
-   :border-color       (:border-color colors-by-status)
-   :border-radius      (if small? 10 14)
-   :opacity            (if disabled? 0.3 1)})
-
-(defn left-icon-container
-  [small?]
-  {:margin-left  (if small? 0 4)
-   :margin-right (if small? 4 8)
-   :margin-top   (if small? 5 9)
-   :height       20
-   :width        20})
-
-(defn icon
-  [colors-by-variant]
-  {:color (:icon colors-by-variant)
-   :size  20})
-
-(defn input
-  [colors-by-status small? multiple-lines?]
-  (merge (text/text-style {:size :paragraph-1 :weight :regular})
-         {:flex                1
-          :text-align-vertical :top
-          :padding-horizontal  0
-          :padding-vertical    (if small? 4 8)
-          :color               (:text colors-by-status)}
-         (when-not multiple-lines?
-           {:height (if small? 30 38)})))
-
-(defn right-icon-touchable-area
-  [small?]
-  {:margin-left   (if small? 4 8)
-   :padding-right (if small? 0 4)
-   :padding-top   (if small? 5 9)})
-
-(defn password-icon
-  [variant-colors]
-  {:size  20
-   :color (:password-icon variant-colors)})
-
-(defn clear-icon
-  [variant-colors]
-  {:size  20
-   :color (:clear-icon variant-colors)})
-
-(def texts-container
-  {:flex           1
-   :flex-direction :row
-   :height         18
-   :margin-bottom  8})
-
-(def label-container {:flex 1})
-
-(defn label-color
-  [variant-colors]
-  {:color (:label variant-colors)})
-
-(def counter-container
-  {:flex        1
-   :align-items :flex-end})
-
-(defn counter-color
-  [current-chars char-limit variant-colors]
-  {:color (if (> current-chars char-limit)
-            colors/danger-60
-            (:label variant-colors))})
-
-(defn button
-  [colors-by-variant small?]
-  {:justify-content    :center
-   :align-items        :center
-   :height             24
-   :border-width       1
-   :border-color       (:button-border colors-by-variant)
-   :border-radius      8
-   :margin-vertical    (if small? 3 7)
-   :margin-left        4
-   :margin-right       (if small? -4 0)
-   :padding-horizontal 7
-   :padding-top        1.5
-   :padding-bottom     2.5})
-
-(defn button-text
-  [colors-by-status]
-  {:color (:text colors-by-status)})

src/quo2/components/input/view.cljs

@@ -1,173 +0,0 @@
-(ns quo2.components.input.view
-  (:require [oops.core :as oops]
-            [quo2.components.icon :as icon]
-            [quo2.components.input.style :as style]
-            [quo2.components.markdown.text :as text]
-            [react-native.core :as rn]
-            [reagent.core :as reagent]))
-
-(defn- label-&-counter
-  [{:keys [label current-chars char-limit variant-colors]}]
-  (let [count-text (when char-limit (str current-chars "/" char-limit))]
-    [rn/view {:style style/texts-container}
-     [rn/view {:style style/label-container}
-      [text/text
-       {:style  (style/label-color variant-colors)
-        :weight :medium
-        :size   :paragraph-2}
-       label]]
-     [rn/view {:style style/counter-container}
-      [text/text
-       {:style  (style/counter-color current-chars char-limit variant-colors)
-        :weight :regular
-        :size   :paragraph-2}
-       count-text]]]))
-
-(defn- left-accessory
-  [{:keys [variant-colors small icon-name]}]
-  [rn/view {:style (style/left-icon-container small)}
-   [icon/icon icon-name (style/icon variant-colors)]])
-
-(defn- right-accessory
-  [{:keys [variant-colors small disabled on-press icon-style-fn icon-name]}]
-  [rn/touchable-opacity
-   {:style    (style/right-icon-touchable-area small)
-    :disabled disabled
-    :on-press on-press}
-   [icon/icon icon-name (icon-style-fn variant-colors)]])
-
-(defn- right-button
-  [{:keys [variant-colors colors-by-status small disabled on-press text]}]
-  [rn/touchable-opacity
-   {:style    (style/button variant-colors small)
-    :disabled disabled
-    :on-press on-press}
-   [rn/text {:style (style/button-text colors-by-status)}
-    text]])
-
-(def ^:private custom-props
-  "Custom properties that must be removed from properties map passed to InputText."
-  [:type :variant :error :right-icon :left-icon :disabled :small :button :label
-   :char-limit :on-char-limit-reach :icon-name])
-
-(defn- base-input
-  [{:keys [on-change-text on-char-limit-reach]}]
-  (let [status              (reagent/atom :default)
-        on-focus            #(reset! status :focus)
-        on-blur             #(reset! status :default)
-        multiple-lines?     (reagent/atom false)
-        set-multiple-lines! #(let [height (oops/oget % "nativeEvent.contentSize.height")]
-                               (if (> height 57)
-                                 (reset! multiple-lines? true)
-                                 (reset! multiple-lines? false)))
-        char-count          (reagent/atom 0)
-        update-char-limit!  (fn [new-text char-limit]
-                              (when on-change-text (on-change-text new-text))
-                              (let [amount-chars (count new-text)]
-                                (reset! char-count amount-chars)
-                                (when (>= amount-chars char-limit)
-                                  (on-char-limit-reach amount-chars))))]
-    (fn [{:keys [variant error right-icon left-icon disabled small button label char-limit
-                 multiline clearable]
-          :or   {variant :light}
-          :as   props}]
-      (let [status-path      (cond
-                               disabled :disabled
-                               error    :error
-                               :else    @status)
-            colors-by-status (get-in style/status-colors [variant status-path])
-            variant-colors   (style/variants-colors variant)
-            clean-props      (apply dissoc props custom-props)]
-        [rn/view
-         (when (or label char-limit)
-           [label-&-counter
-            {:variant-colors variant-colors
-             :label          label
-             :current-chars  @char-count
-             :char-limit     char-limit}])
-         [rn/view {:style (style/input-container colors-by-status small disabled)}
-          (when-let [{:keys [icon-name]} left-icon]
-            [left-accessory
-             {:variant-colors variant-colors
-              :small          small
-              :icon-name      icon-name}])
-          [rn/text-input
-           (cond-> {:style                  (style/input colors-by-status small @multiple-lines?)
-                    :placeholder-text-color (:placeholder colors-by-status)
-                    :cursor-color           (:cursor variant-colors)
-                    :editable               (not disabled)
-                    :on-focus               on-focus
-                    :on-blur                on-blur}
-             :always    (merge clean-props)
-             multiline  (assoc :on-content-size-change set-multiple-lines!)
-             char-limit (assoc :on-change-text #(update-char-limit! char-limit %)))]
-          (when-let [{:keys [on-press icon-name style-fn]} right-icon]
-            [right-accessory
-             {:variant-colors variant-colors
-              :small          small
-              :disabled       disabled
-              :icon-style-fn  style-fn
-              :icon-name      icon-name
-              :on-press       (fn []
-                                (when clearable (reset! char-count 0))
-                                (on-press))}])
-          (when-let [{:keys [on-press text]} button]
-            [right-button
-             {:colors-by-status colors-by-status
-              :variant-colors   variant-colors
-              :small            small
-              :disabled         disabled
-              :on-press         on-press
-              :text             text}])]]))))
-
-(defn- password-input
-  [_]
-  (let [password-shown? (reagent/atom false)]
-    (fn [props]
-      [base-input
-       (assoc props
-              :auto-capitalize   :none
-              :auto-complete     :new-password
-              :secure-text-entry (not @password-shown?)
-              :right-icon        {:style-fn  style/password-icon
-                                  :icon-name (if @password-shown? :i/hide :i/reveal)
-                                  :on-press  #(swap! password-shown? not)})])))
-
-(defn input
-  "This input supports the following properties:
-  - :type - Can be `:text`(default) or `:password`.
-  - :variant - :light(default), :light-blur, :dark or :dark-blur.
-  - :small - Boolean to specify if this input is rendered in its small version.
-  - :multiline - Boolean to specify if this input support multiple lines.
-  - :icon-name - The name of an icon to display at the left of the input.
-  - :error - Boolean to specify it this input marks an error.
-  - :disabled - Boolean to specify if this input is disabled or not.
-  - :clearable - Booolean to specify if this input has a clear button at the end.
-  - :on-clear - Function executed when the clear button is pressed.
-  - :button - Map containing `:on-press` & `:text` keys, if provided renders a button
-  - :label - A label for this input.
-  - :char-limit - A number to set a maximum char limit for this input.
-  - :on-char-limit-reach - Function executed each time char limit is reached or exceeded.
-  and supports the usual React Native's TextInput properties to control its behaviour:
-  - :value
-  - :default-value
-  - :on-change
-  - :on-change-text
-  ...
-  "
-  [{:keys [type clearable on-clear on-change-text icon-name]
-    :or   {type :text}
-    :as   props}]
-  (let [base-props (cond-> props
-                     icon-name      (assoc-in [:left-icon :icon-name] icon-name)
-                     clearable      (assoc :right-icon
-                                           {:style-fn  style/clear-icon
-                                            :icon-name :i/clear
-                                            :on-press  #(when on-clear (on-clear))})
-                     on-change-text (assoc :on-change-text
-                                           (fn [new-text]
-                                             (on-change-text new-text)
-                                             (reagent/flush))))]
-    (if (= type :password)
-      [password-input base-props]
-      [base-input base-props])))

src/quo2/components/list_items/preview_list.cljs

@@ -1,5 +1,5 @@
 (ns quo2.components.list-items.preview-list
-  (:require [quo2.components.avatars.user-avatar.view :as user-avatar]
+  (:require [quo2.components.avatars.user-avatar :as user-avatar]
             [quo2.components.icon :as quo2.icons]
             [quo2.components.markdown.text :as quo2.text]
             [quo2.foundations.colors :as colors]

src/quo2/components/list_items/user_list.cljs

@@ -1,66 +0,0 @@
-(ns quo2.components.list-items.user-list
-  (:require [react-native.core :as rn]
-            [quo2.components.avatars.user-avatar.view :as user-avatar]
-            [quo2.components.markdown.text :as text]
-            [quo2.components.icon :as icons]
-            [quo2.foundations.colors :as colors]
-            [quo2.components.messages.author.view :as author]
-            [quo2.components.selectors.selectors :as selectors]))
-
-(def container-style
-  {:margin-horizontal  8
-   :padding-vertical   8
-   :padding-horizontal 12
-   :border-radius      12
-   :flex               1
-   :flex-direction     :row
-   :align-items        :center})
-
-(defn action-icon
-  [{:keys [type on-press on-check disabled? checked?]}]
-  [rn/touchable-opacity
-   {:on-press (when on-press on-press)
-    :style    {:position :absolute :right 20}}
-   (case type
-     :options
-     [icons/icon :i/options
-      {:size  20
-       :color (colors/theme-colors colors/neutral-50 colors/neutral-40)}]
-     :checkbox
-     [selectors/checkbox
-      {:checked?            checked?
-       :accessibility-label :user-list-toggle-check
-       :disabled?           disabled?
-       :on-change           (when on-check on-check)}]
-     :close
-     [text/text "not implemented"]
-     [rn/view])])
-
-(defn user-list
-  [{:keys [short-chat-key primary-name secondary-name photo-path online? contact? verified?
-           untrustworthy? on-press on-long-press accessory]}]
-  [rn/touchable-opacity
-   {:style               container-style
-    :accessibility-label :user-list
-    :on-press            (when on-press on-press)
-    :on-long-press       (when on-long-press on-long-press)}
-   [user-avatar/user-avatar
-    {:full-name         primary-name
-     :profile-picture   photo-path
-     :status-indicator? true
-     :online?           online?
-     :size              :small}]
-   [rn/view {:style {:margin-left 8}}
-    [author/author
-     {:primary-name   primary-name
-      :secondary-name secondary-name
-      :contact?       contact?
-      :verified?      verified?
-      :untrustworthy? untrustworthy?}]
-    (when short-chat-key
-      [text/text
-       {:size  :paragraph-1
-        :style {:color (colors/theme-colors colors/neutral-50 colors/neutral-40)}}
-       short-chat-key])]
-   (when accessory
-     [action-icon accessory])])

src/quo2/components/messages/author/style.cljs

@@ -7,6 +7,14 @@
    :flex-direction :row
    :align-items    :center})
 
+(defn ens-text
+  []
+  {:color (colors/theme-colors colors/neutral-100 colors/white)})
+
+(defn nickname-text
+  []
+  {:color (colors/theme-colors colors/neutral-100 colors/white)})
+
 (def middle-dot-nickname
   {:color             colors/neutral-50
    :margin-horizontal 4})
@@ -19,6 +27,12 @@
   {:color       colors/neutral-50
    :margin-left 4})
 
+(defn profile-name-text
+  [nickname?]
+  {:color (if nickname?
+            (colors/theme-colors colors/neutral-60 colors/neutral-40)
+            (colors/theme-colors colors/neutral-100 colors/white))})
+
 (def icon-container
   {:margin-left 4})
 

src/quo2/components/messages/author/view.cljs

@@ -3,71 +3,97 @@
             [quo2.components.icon :as icons]
             [quo2.components.markdown.text :as text]
             [quo2.components.messages.author.style :as style]
-            [quo2.foundations.colors :as colors]
             [react-native.core :as rn]))
 
 (def middle-dot "·")
 
+(defn display-name
+  [{:keys [profile-name nickname ens-name text-style]}]
+  (let [ens?      (-> ens-name string/blank? not)
+        nickname? (-> nickname string/blank? not)]
+    (if ens?
+      [text/text
+       (merge {:weight :semi-bold
+               :size   :paragraph-2
+               :style  (style/ens-text)}
+              text-style)
+       ens-name]
+      [:<>
+       (if nickname?
+         [text/text
+          (merge {:weight :semi-bold
+                  :size   :paragraph-2
+                  :style  (style/nickname-text)}
+                 text-style)
+          nickname]
+         [text/text
+          (merge {:weight :semi-bold
+                  :size   :paragraph-2
+                  :style  (style/profile-name-text nickname?)}
+                 text-style)
+          profile-name])])))
+
 (defn author
-  [{:keys [primary-name secondary-name short-chat-key time-str contact? verified? untrustworthy?]}]
+  [{:keys [profile-name nickname short-chat-key ens-name time-str contact? verified? untrustworthy?]}]
   [:f>
    (fn []
-     [rn/view {:style style/container}
-      [:<>
-       [text/text
-        {:weight          :semi-bold
-         :size            :paragraph-2
-         :number-of-lines 1
-         :style           {:color (colors/theme-colors colors/neutral-100 colors/white)}}
-        primary-name]
-       (when (not (string/blank? secondary-name))
-         [:<>
+     (let [ens?      (-> ens-name string/blank? not)
+           nickname? (-> nickname string/blank? not)]
+       [rn/view {:style style/container}
+        (if ens?
           [text/text
-           {:size            :paragraph-2
-            :number-of-lines 1
-            :style           style/middle-dot-nickname}
-           middle-dot]
+           {:weight :semi-bold
+            :size   :paragraph-2
+            :style  (style/ens-text)}
+           ens-name]
+          [:<>
+           (when nickname?
+             [:<>
+              [text/text
+               {:weight :semi-bold
+                :size   :paragraph-2
+                :style  (style/nickname-text)}
+               nickname]
+              [text/text
+               {:size  :paragraph-2
+                :style style/middle-dot-nickname}
+               middle-dot]])
+           [text/text
+            {:weight (if nickname? :medium :semi-bold)
+             :size   :paragraph-2
+             :style  (style/profile-name-text nickname?)}
+            profile-name]])
+        (when contact?
+          [icons/icon :main-icons2/contact
+           {:size            12
+            :no-color        true
+            :container-style style/icon-container}])
+        (cond
+          verified?
+          [icons/icon :main-icons2/verified
+           {:size            12
+            :no-color        true
+            :container-style style/icon-container}]
+          untrustworthy?
+          [icons/icon :main-icons2/untrustworthy
+           {:size            12
+            :no-color        true
+            :container-style style/icon-container}])
+        (when-not ens?
           [text/text
-           {:weight          :medium
-            :size            :paragraph-2
-            :number-of-lines 1
-            :style           {:color (colors/theme-colors colors/neutral-60 colors/neutral-40)}}
-           secondary-name]])]
-      (when contact?
-        [icons/icon :main-icons2/contact
-         {:size            12
-          :no-color        true
-          :container-style style/icon-container}])
-      (cond
-        verified?
-        [icons/icon :main-icons2/verified
-         {:size            12
-          :no-color        true
-          :container-style style/icon-container}]
-        untrustworthy?
-        [icons/icon :main-icons2/untrustworthy
-         {:size            12
-          :no-color        true
-          :container-style style/icon-container}])
-      (when (and (not verified?) short-chat-key)
-        [text/text
-         {:monospace       true
-          :size            :paragraph-2
-          :number-of-lines 1
-          :style           style/chat-key-text}
-         short-chat-key])
-      (when (and (not verified?) time-str)
-        [text/text
-         {:monospace       true
-          :size            :paragraph-2
-          :number-of-lines 1
-          :style           style/middle-dot-chat-key}
-         middle-dot])
-      (when time-str
+           {:monospace true
+            :size      :paragraph-2
+            :style     style/chat-key-text}
+           short-chat-key])
+        (when-not ens?
+          [text/text
+           {:monospace true
+            :size      :paragraph-2
+            :style     style/middle-dot-chat-key}
+           middle-dot])
         [text/text
          {:monospace           true
           :size                :paragraph-2
           :accessibility-label :message-timestamp
-          :number-of-lines     1
-          :style               (style/time-text verified?)}
-         time-str])])])
+          :style               (style/time-text ens?)}
+         time-str]]))])

src/quo2/components/messages/system_message.cljs

@@ -1,6 +1,6 @@
 (ns quo2.components.messages.system-message
   (:require [quo2.components.avatars.icon-avatar :as icon-avatar]
-            [quo2.components.avatars.user-avatar.view :as user-avatar]
+            [quo2.components.avatars.user-avatar :as user-avatar]
             [quo2.components.markdown.text :as text]
             [quo2.foundations.colors :as colors]
             [quo2.theme :as theme]
@@ -173,7 +173,7 @@
          (utils/truncate-str (:info content) 24)])]]]])
 
 (defn system-message
-  [{:keys [type style non-pressable? animate-landing? labels on-long-press] :as message}]
+  [{:keys [type style non-pressable? animate-landing? labels] :as message}]
   [:f>
    (fn []
      (let [sv-color (reanimated/use-shared-value
@@ -186,17 +186,16 @@
           :linear
           1000))
        [reanimated/touchable-opacity
-        {:on-press      #(when-not non-pressable?
-                           (reanimated/set-shared-value sv-color (get-color :bg :pressed type)))
-         :on-long-press on-long-press
-         :style         (reanimated/apply-animations-to-style
-                         {:background-color sv-color}
-                         (merge
-                          {:flex-direction     :row
-                           :flex               1
-                           :border-radius      16
-                           :padding-vertical   9
-                           :padding-horizontal 11
-                           :background-color   sv-color}
-                          style))}
+        {:on-press #(when-not non-pressable?
+                      (reanimated/set-shared-value sv-color (get-color :bg :pressed type)))
+         :style    (reanimated/apply-animations-to-style
+                    {:background-color sv-color}
+                    (merge
+                     {:flex-direction     :row
+                      :flex               1
+                      :border-radius      16
+                      :padding-vertical   9
+                      :padding-horizontal 11
+                      :background-color   sv-color}
+                     style))}
         [sm-render message labels]]))])

src/quo2/components/navigation/page_nav.cljs

@@ -1,6 +1,6 @@
 (ns quo2.components.navigation.page-nav
   (:require [clojure.string :as string]
-            [quo2.components.avatars.user-avatar.view :as user-avatar]
+            [quo2.components.avatars.user-avatar :as user-avatar]
             [quo2.components.buttons.button :as button]
             [quo2.components.icon :as icons]
             [quo2.components.markdown.text :as text]

src/quo2/components/notifications/activity_log/style.cljs

@@ -33,16 +33,25 @@
    :padding-vertical   8
    :background-color   colors/white-opa-5})
 
-(def footer-container
+(def buttons-container
   {:margin-top     12
-   :flex-direction :row})
+   :flex-direction :row
+   :align-items    :flex-start})
+
+(def status
+  {:margin-top  12
+   :align-items :flex-start
+   :flex        1})
 
 (defn title
-  []
-  {:color colors/white})
+  [replying?]
+  {:color       colors/white
+   :flex-shrink 1
+   :max-width   (when-not replying? "60%")})
 
 (def timestamp
   {:text-transform :none
+   :flex-grow      1
    :margin-left    8
    :color          colors/neutral-40})
 
@@ -66,8 +75,3 @@
 (def top-section-container
   {:align-items    :center
    :flex-direction :row})
-
-(def title-container
-  {:flex           1
-   :flex-direction :row
-   :align-items    :center})

src/quo2/components/notifications/activity_log/view.cljs

@@ -7,12 +7,19 @@
             [quo2.components.notifications.activity-log.style :as style]
             [quo2.components.tags.status-tags :as status-tags]
             [quo2.foundations.colors :as colors]
-            [utils.i18n :as i18n]
             [react-native.core :as rn]
-            [reagent.core :as reagent]))
+            [reagent.core :as reagent]
+            [utils.i18n :as i18n]))
+
+(def ^:private max-reply-length
+  280)
+
+(defn- valid-reply?
+  [reply]
+  (<= (count reply) max-reply-length))
 
 (defn- activity-reply-text-input
-  [{:keys [on-update-reply max-reply-length valid-reply?]} reply-input]
+  [reply-input on-update-reply]
   [rn/view
    [rn/view
     {:style {:margin-top     16
@@ -92,12 +99,44 @@
       body]
      body)])
 
+(defn- activity-buttons
+  [button-1 button-2 replying? reply-input]
+  (let [size         (if replying? 40 24)
+        common-style (when replying?
+                       {:padding-vertical 9
+                        :flex-grow        1
+                        :flex-basis       0})]
+    [rn/view style/buttons-container
+     (when button-1
+       [button/button
+        (-> button-1
+            (assoc :size size)
+            (update :style merge common-style {:margin-right 8}))
+        (:label button-1)])
+     (when button-2
+       [button/button
+        (-> button-2
+            (assoc :size size)
+            (assoc :disabled (and replying? (not (valid-reply? @reply-input))))
+            (update :style merge common-style))
+        (:label button-2)])]))
+
+(defn- activity-status
+  [status]
+  [rn/view
+   {:style               style/status
+    :accessibility-label :activity-status}
+   [status-tags/status-tag
+    {:size   :small
+     :label  (:label status)
+     :status status}]])
+
 (defn- activity-title
   [title replying?]
   [text/text
    {:weight              :semi-bold
     :accessibility-label :activity-title
-    :style               (style/title)
+    :style               (style/title replying?)
     :size                (if replying? :heading-2 :paragraph-1)}
    title])
 
@@ -116,42 +155,18 @@
     :style               style/unread-dot-container}
    [rn/view {:style style/unread-dot}]])
 
-(defmulti footer-item-view (fn [item _ _] (:type item)))
-
-(defmethod footer-item-view :button
-  [{:keys [label subtype disable-when] :as button} replying? reply-input]
-  (let [size         (if replying? 40 24)
-        common-style (when replying?
-                       {:padding-vertical 9
-                        :flex-grow        1
-                        :flex-basis       0})]
-    [button/button
-     (-> button
-         (assoc :size size)
-         (assoc :type subtype)
-         (assoc :disabled (and replying? (disable-when @reply-input)))
-         (update :style merge common-style {:margin-right 8}))
-     label]))
-
-(defmethod footer-item-view :status
-  [{:keys [label subtype]} _ _]
-  [status-tags/status-tag
-   {:size   :small
-    :label  label
-    :status {:type subtype}}])
-
 (defn- footer
-  [_ _]
+  [_]
   (let [reply-input (reagent/atom "")]
-    (fn [{:keys [replying? items] :as props}]
+    (fn [{:keys [replying? on-update-reply status button-1 button-2]}]
       [:<>
        (when replying?
-         [activity-reply-text-input props reply-input])
-       (when items
-         [rn/view style/footer-container
-          (for [{:keys [key] :as item} items]
-            ^{:key key}
-            [footer-item-view item replying? reply-input])])])))
+         [activity-reply-text-input reply-input on-update-reply])
+       (cond (some? status)
+             [activity-status status]
+
+             (or button-1 button-2)
+             [activity-buttons button-1 button-2 replying? reply-input])])))
 
 (defn view
   [{:keys [icon
@@ -164,8 +179,7 @@
     :as   props}]
   [rn/view
    {:accessibility-label :activity
-    :style               style/container
-    :on-layout           (:on-layout props)}
+    :style               style/container}
    (when-not replying?
      [activity-icon icon])
    [rn/view
@@ -173,10 +187,9 @@
              :flex         1}}
     [rn/view
      [rn/view {:style style/top-section-container}
-      [rn/view {:style style/title-container}
-       [activity-title title replying?]
-       (when-not replying?
-         [activity-timestamp timestamp])]
+      [activity-title title replying?]
+      (when-not replying?
+        [activity-timestamp timestamp])
       (when (and unread? (not replying?))
         [activity-unread-dot])]
      (when context

src/quo2/components/notifications/count_down_circle.cljs

@@ -45,8 +45,8 @@
         :else                                                     0))
 
 (def ^:private themes
-  {:color {:dark  colors/neutral-80-opa-40
-           :light colors/white-opa-40}})
+  {:color {:light colors/neutral-80-opa-40
+           :dark  colors/white-opa-40}})
 
 (defn circle-timer
   [{:keys [color duration size stroke-width trail-color rotation initial-remaining-time]}]