feat(wallet)_: Add BNB Smart Chain (#22417)

This commit 
- adds support for BNB Smart Chain
- removes categorisation (L1/L2) of chains in settings and token network selection


---------

Signed-off-by: Mohamed Javid <[email protected]>
Co-authored-by: Shivek Khurana <[email protected]>

Author: smohamedjavid

resources/images/networks/[email protected]

@@ -5,11 +5,18 @@
 (def ^:private tokens (loader/resolve-tokens))
 (def ^:private safe-lower-case (comp string/lower-case str))
 
+;; NOTE: temporarily workaround added to show USDC and USDT on different chains
+;; with different decimals. This should be removed when the we move to CoinGecko API
+(def ^:private tokens-with-different-decimals #{"usdc (evm)" "usdc (bsc)" "usdt (evm)" "usdt (bsc)"})
+
 (defn- get-token-image*
   [token]
-  (let [token-symbol (cond-> token
-                       (keyword? token) name
-                       :always          safe-lower-case)]
+  (let [lower-case-token-symbol (cond-> token
+                                  (keyword? token) name
+                                  :always          safe-lower-case)
+        token-symbol            (if (tokens-with-different-decimals lower-case-token-symbol)
+                                  (-> (string/split lower-case-token-symbol #" ") first)
+                                  lower-case-token-symbol)]
     (get tokens token-symbol)))
 
 (def get-token-image (memoize get-token-image*))

resources/images/networks/[email protected]

@@ -38,6 +38,7 @@
 
 (def ^:private networks
   {:arbitrum (js/require "../resources/images/networks/Arbitrum.png")
+   :bsc      (js/require "../resources/images/networks/Binance.png")
    :ethereum (js/require "../resources/images/networks/Ethereum.png")
    :mainnet  (js/require "../resources/images/networks/Ethereum.png")
    :gnosis   (js/require "../resources/images/networks/Gnosis.png")

src/quo/components/utilities/token/loader.cljs

@@ -414,7 +414,8 @@
 
 (def ^:const bridge-name-hop "Hop")
 
-(def ^:const bridge-assets #{"ETH" "USDT" "USDC" "DAI"})
+;; remove the decimal from the token symbol once we move to CoinGecko token list
+(def ^:const bridge-assets #{"ETH" "USDT (EVM)" "USDC (EVM)" "DAI"})
 
 (def ^:const wallet-contract-type-erc-1155 3)
 
@@ -449,8 +450,6 @@
 (def ^:const swap-tokens-my :my)
 (def ^:const swap-tokens-popular :popular)
 
-(def ^:const token-for-fees-symbol "ETH")
-
 ;; The 15% buffer accounts for Ethereum's EIP-1559 fee mechanism, where the base fee can increase
 ;; by up to 12.5% per block in periods of high congestion. The extra 2.5% provides additional
 ;; safety to prevent failed transactions due to rapid gas price fluctuations.
@@ -480,8 +479,6 @@
 
 (def ^:const wallet-connect-transaction-refresh-interval-ms 10000)
 
-(def ^:const native-token-symbol "ETH")
-
 ;; About app links
 (def ^:const status-app-url "http://status.app")
 (def ^:const go-waku-url "https://github.com/waku-org/go-waku")

src/quo/foundations/resources.cljs

@@ -7,7 +7,6 @@
     [status-im.contexts.wallet.bridge.bridge-to.style :as style]
     [status-im.contexts.wallet.common.account-switcher.view :as account-switcher]
     [status-im.contexts.wallet.common.utils :as utils]
-    [status-im.contexts.wallet.networks.core :as networks]
     [status-im.setup.hot-reload :as hot-reload]
     [utils.i18n :as i18n]
     [utils.re-frame :as rf]))
@@ -42,21 +41,19 @@
 
 (defn view
   []
-  (let [account          (rf/sub [:wallet/current-viewing-account])
-        token            (rf/sub [:wallet/wallet-send-token])
-        network          (rf/sub [:wallet/send-network])
-        network-name     (:full-name network)
-        token-symbol     (:symbol token)
-        tokens           (:tokens account)
-        to-networks      (rf/sub [:wallet/bridge-to-networks])
-        mainnet          (-> to-networks :layer-1 first)
-        layer-2-networks (:layer-2 to-networks)
-        account-token    (some #(when (= token-symbol (:symbol %)) %) tokens)
-        account-token    (when account-token
-                           (assoc account-token
-                                  :networks           (:networks token)
-                                  :supported-networks (:supported-networks token)))
-        bridge-to-title  (i18n/label :t/select-network-to-receive)]
+  (let [account         (rf/sub [:wallet/current-viewing-account])
+        token           (rf/sub [:wallet/wallet-send-token])
+        network         (rf/sub [:wallet/send-network])
+        network-name    (:full-name network)
+        token-symbol    (:symbol token)
+        tokens          (:tokens account)
+        to-networks     (rf/sub [:wallet/bridge-to-networks])
+        account-token   (some #(when (= token-symbol (:symbol %)) %) tokens)
+        account-token   (when account-token
+                          (assoc account-token
+                                 :networks           (:networks token)
+                                 :supported-networks (:supported-networks token)))
+        bridge-to-title (i18n/label :t/select-network-to-receive)]
     (hot-reload/use-safe-unmount #(rf/dispatch [:wallet/clean-bridge-to-selection]))
     [rn/view
      [account-switcher/view
@@ -84,12 +81,8 @@
         :type         :network
         :network-logo (:source network)
         :size         24}]]
-     (when-not (networks/eth-mainnet? network)
-       [rn/view style/content-container
-        [bridge-token-component (assoc mainnet :network-name :t/mainnet) account-token]])
-     [quo/divider-label (i18n/label :t/layer-2)]
      [rn/flat-list
-      {:data                    layer-2-networks
+      {:data                    to-networks
        :render-fn               (fn [network]
                                   [bridge-token-component network account-token])
        :content-container-style style/content-container}]]))

src/status_im/constants.cljs

@@ -6,6 +6,7 @@
     [status-im.contexts.wallet.bridge.select-asset.style :as style]
     [status-im.contexts.wallet.common.account-switcher.view :as account-switcher]
     [status-im.contexts.wallet.common.asset-list.view :as asset-list]
+    [status-im.contexts.wallet.networks.core :as networks]
     [utils.i18n :as i18n]
     [utils.re-frame :as rf]))
 
@@ -28,6 +29,7 @@
          :placeholder     (i18n/label :t/search-assets)}]
        [asset-list/view
         {:search-text    @search-text
+         :chain-ids      (networks/get-bridge-supported-networks)
          :on-token-press (fn [token]
                            (rf/dispatch [:wallet/bridge-select-token
                                          {:token    token

src/status_im/contexts/wallet/bridge/bridge_to/view.cljs

@@ -8,7 +8,7 @@
 (defn view
   [{:keys [image name id]}]
   (let [chain-id                      (get-in id [:contract-id :chain-id])
-        {:keys [block-explorer-name]} (rf/sub [:wallet/network-details-by-chain-id chain-id])
+        {:keys [block-explorer-name]} (rf/sub [:wallet/network-by-id chain-id])
         token-id                      (:token-id id)
         contract-address              (get-in id [:contract-id :address])
         uri                           (url/replace-port image (rf/sub [:mediaserver/port]))]
@@ -41,10 +41,3 @@
                                              :contract-address contract-address
                                              :chain-id         chain-id
                                              :title            name}])}]]]))
-
-"222"
-"https://nft-cdn.alchemy.com/eth-mainnet/219530f9b3a7901f02169334d593823e"
-"Tengria #913"
-{:contract-id {:chain-id 1 :address "0x1a4ceef5d575c2228d142ef862a9b60be8161e7f"} :token-id "913"}
-
-{:contract-id {:chain-id 1 :address "0x1a4ceef5d575c2228d142ef862a9b60be8161e7f"} :token-id "913"}

src/status_im/contexts/wallet/bridge/select_asset/view.cljs

@@ -98,4 +98,9 @@
           :render-fn                collectible-item
           :on-end-reached           on-end-reached
           :key-fn                   :unique-id
+          :header                   [quo/information-box
+                                     {:type  :default
+                                      :icon  :i/info
+                                      :style {:margin-horizontal 10}}
+                                     (i18n/label :t/bsc-collectibles-not-supported)]
           :on-end-reached-threshold 4}]))))

src/status_im/contexts/wallet/collectible/options/view.cljs

@@ -2,7 +2,6 @@
   (:require [quo.core :as quo]
             [status-im.contexts.wallet.send.utils :as send-utils]
             [status-im.contexts.wallet.sheets.buy-token.view :as buy-token]
-            [status-im.contexts.wallet.swap.utils :as swap-utils]
             [status-im.feature-flags :as ff]
             [utils.i18n :as i18n]
             [utils.money :as money]
@@ -49,17 +48,17 @@
                           (rf/dispatch [:wallet/bridge-select-token params]))})
 
 (defn- action-swap
-  [{:keys [token asset-to-receive token-symbol testnet-mode?]}]
+  [{:keys [token token-symbol testnet-mode?]}]
   {:icon                :i/transaction
    :accessibility-label :swap
    :label               (i18n/label :t/swap)
    :disabled?           testnet-mode?
    :on-press            (fn []
                           (rf/dispatch [:hide-bottom-sheet])
                           (rf/dispatch [:wallet/clean-send-data])
+                          (rf/dispatch [:wallet/clean-swap])
                           (rf/dispatch [:wallet.swap/start
                                         {:asset-to-pay     (or token {:symbol token-symbol})
-                                         :asset-to-receive asset-to-receive
                                          :open-new-screen? true}]))})
 
 (defn- action-manage-tokens
@@ -88,8 +87,6 @@
         account-owns-token? (rf/sub [:wallet/current-account-owns-token token-symbol])
         networks            (rf/sub [:wallet/active-networks])
         token-owned?        (if selected-account account-owns-token? (seq token-owners))
-        asset-to-receive    (rf/sub [:wallet/token-by-symbol-from-first-available-account-with-balance
-                                     (swap-utils/default-asset-to-receive token-symbol)])
         unique-owner?       (= (count token-owners) 1)
         params              (cond-> {:start-flow?   true
                                      :owners        token-owners
@@ -118,9 +115,7 @@
                    (action-send params entry-point))
                  (action-receive selected-account)
                  (when token-owned?
-                   (action-swap (assoc params
-                                       :asset-to-receive
-                                       asset-to-receive)))
+                   (action-swap params))
                  (when token-owned?
                    (action-bridge (assoc params
                                          :networks