Add validationFn and update tests

* update about wallets link and localized string nits

* udpate wallet connect2 metadata

package.json

@@ -40,7 +40,7 @@
     "@cosmjs/tendermint-rpc": "^0.31.0",
     "@dydxprotocol/v4-abacus": "^0.6.4",
     "@dydxprotocol/v4-client-js": "^0.36.1",
-    "@dydxprotocol/v4-localization": "^0.1.24",
+    "@dydxprotocol/v4-localization": "^0.1.28",
     "@ethersproject/providers": "^5.7.2",
     "@js-joda/core": "^5.5.3",
     "@radix-ui/react-collapsible": "^1.0.3",

pnpm-lock.yaml

@@ -1,9 +1,5 @@
 lockfileVersion: '6.0'
 
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
 dependencies:
   '@0xsquid/sdk':
     specifier: ^1.10.0
@@ -33,8 +29,8 @@ dependencies:
     specifier: ^0.36.1
     version: 0.36.1
   '@dydxprotocol/v4-localization':
-    specifier: ^0.1.24
+    specifier: ^0.1.28
-    version: 0.1.24
+    version: 0.1.28
   '@ethersproject/providers':
     specifier: ^5.7.2
     version: 5.7.2
@@ -1010,8 +1006,8 @@ packages:
       - utf-8-validate
     dev: false
 
-  /@dydxprotocol/v4-localization@0.1.24:
+  /@dydxprotocol/v4-localization@0.1.28:
-    resolution: {integrity: sha512-zSiu8+/6BWNWZXxe73zUp/UjuLG1Cp5UuhXKtbATqqkeZyVCs01QxbBCTs1MLfgsLh02IrfhXCPHvXnzZyReEw==}
+    resolution: {integrity: sha512-g6LwjX7EIRm9HISfSX0H6yhktBCZby5opP/yI2aIUvn2OYyB25WcjLEuEvzW5Bh9XXiLijgLf3Tk91wPKWuFbA==}
     dev: false
 
   /@dydxprotocol/v4-proto@0.2.1:
@@ -14099,3 +14095,7 @@ packages:
   /zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
     dev: true
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false

public/configs/env.json

@@ -35,8 +35,6 @@
          "name": "v4 Dev",
          "ethereumChainId": "5",
          "dydxChainId": "dydxprotocol-testnet",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": false,
          "tokens": {
             "chain": {
@@ -96,8 +94,6 @@
          "name": "v4 Dev 2",
          "ethereumChainId": "5",
          "dydxChainId": "dydxprotocol-testnet",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": false,
          "tokens": {
             "chain": {
@@ -156,8 +152,6 @@
          "name": "v4 Dev 4",
          "ethereumChainId": "5",
          "dydxChainId": "dydxprotocol-testnet",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": false,
          "tokens": {
             "chain": {
@@ -216,8 +210,6 @@
          "name": "v4 Dev 5",
          "ethereumChainId": "5",
          "dydxChainId": "dydxprotocol-testnet",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": false,
          "tokens": {
             "chain": {
@@ -276,8 +268,6 @@
          "name": "v4 Staging",
          "ethereumChainId": "5",
          "dydxChainId": "dydxprotocol-testnet",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": false,
          "tokens": {
             "chain": {
@@ -340,8 +330,6 @@
          "name": "v4 Staging West",
          "ethereumChainId": "5",
          "dydxChainId": "dydxprotocol-testnet",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": false,
          "tokens": {
             "chain": {
@@ -404,8 +392,6 @@
          "name": "v4 Public Testnet",
          "ethereumChainId": "5",
          "dydxChainId": "dydx-testnet-3",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": false,
          "tokens": {
             "chain": {
@@ -470,8 +456,6 @@
          "name": "v4 Public Testnet/dYdX",
          "ethereumChainId": "5",
          "dydxChainId": "dydx-testnet-3",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": false,
          "tokens": {
             "chain": {
@@ -535,8 +519,6 @@
          "name": "v4 Public Testnet/DSRV",
          "ethereumChainId": "5",
          "dydxChainId": "dydx-testnet-3",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": false,
          "tokens": {
             "chain": {
@@ -600,8 +582,6 @@
          "name": "v4 Public Testnet/nodefleet",
          "ethereumChainId": "5",
          "dydxChainId": "dydx-testnet-3",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": false,
          "tokens": {
             "chain": {
@@ -665,8 +645,6 @@
          "name": "v4 Public Testnet/KingNodes",
          "ethereumChainId": "5",
          "dydxChainId": "dydx-testnet-3",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": false,
          "tokens": {
             "chain": {
@@ -730,8 +708,6 @@
          "name": "v4 Public Testnet/Liquify",
          "ethereumChainId": "5",
          "dydxChainId": "dydx-testnet-3",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": false,
          "tokens": {
             "chain": {
@@ -795,8 +771,6 @@
          "name": "v4",
          "ethereumChainId": "1",
          "dydxChainId": "[mainnet chain id]",
-         "chainName": "dYdX Chain",
-         "chainLogo": "dydx-chain.png",
          "isMainNet": true,
          "tokens": {
             "comment": "Change according to mainnet release",

public/configs/wallets.json

@@ -1,464 +1,474 @@
 [
   {
-    "id": "c57ca95b47569778a828d19178114f4db188b89b763c899ba0be274e97267d96",
+     "id":"c57ca95b47569778a828d19178114f4db188b89b763c899ba0be274e97267d96",
-    "name": "MetaMask",
+     "name":"MetaMask",
-    "description": "",
+     "description":"",
-    "homepage": "https://metamask.io/",
+     "homepage":"https://metamask.io/",
-    "chains": [
+     "chains":[
-      "eip155:1",
+        "eip155:1",
-      "eip155:42161",
+        "eip155:42161",
-      "eip155:43114"
+        "eip155:43114"
-    ],
+     ],
-    "versions": [
+     "versions":[
-      "1"
+        "1"
-    ],
+     ],
-    "app": {
+     "app":{
-      "browser": "",
+        "browser":"",
-      "ios": "https://apps.apple.com/us/app/metamask/id1438144202",
+        "ios":"https://apps.apple.com/us/app/metamask/id1438144202",
-      "android": "https://play.google.com/store/apps/details?id=io.metamask",
+        "android":"https://play.google.com/store/apps/details?id=io.metamask",
-      "mac": "",
+        "mac":"",
-      "windows": "",
+        "windows":"",
-      "linux": ""
+        "linux":""
-    },
+     },
-    "mobile": {
+     "mobile":{
-      "native": "metamask:",
+        "native":"metamask:",
-      "universal": "https://metamask.app.link"
+        "universal":"https://metamask.app.link"
-    },
+     },
-    "desktop": {
+     "desktop":{
-      "native": "",
+        "native":"",
-      "universal": ""
+        "universal":""
-    },
+     },
-    "metadata": {
+     "metadata":{
-      "shortName": "MetaMask",
+        "shortName":"MetaMask",
-      "colors": {
+        "colors":{
-        "primary": "rgb(255, 255, 255)",
+           "primary":"rgb(255, 255, 255)",
-        "secondary": ""
+           "secondary":""
-      }
-    },
-    "config": {
-      "comment": "MetaMask",
-      "iosMinVersion": "0",
-      "imageUrl": "",
-      "encoding": "=\"#%/<>?@\\^`{|}:&",
-      "connections": [
-        {
-          "type": "walletConnectV2",
-          "native": "metamask:",
-          "universal": "https://metamask.app.link"
         }
-      ],
+     },
-      "methods": [
+     "config":{
-        "eth_sendTransaction",
+        "comment":"MetaMask",
-        "personal_sign",
+        "iosMinVersion":"0",
-        "eth_signTypedData",
+        "imageUrl":"https://v4.testnet.dydx.exchange/wallets/metamask.png",
-        "wallet_addEthereumChain"
+        "image":"metamask.png",
-      ]
+        "encoding":"=\"#%/<>?@\\^`{|}:&",
-    },
+        "connections":[
-    "userFields": {
+           {
-      "analyticEvent": "METAMASK",
+              "type":"walletConnectV2",
-      "imageName": "metamask.png"
+              "native":"metamask:",
-    }
+              "universal":"https://metamask.app.link"
+           }
+        ]
+     },
+     "userFields":{
+        "analyticEvent":"METAMASK"
+     }
   },
   {
-    "id": "coinbase-wallet",
+     "id":"coinbase-wallet",
-    "name": "Coinbase Wallet",
+     "name":"Coinbase Wallet",
-    "description": "",
+     "description":"",
-    "homepage": "https://www.coinbase.com/wallet",
+     "homepage":"https://www.coinbase.com/wallet",
-    "chains": [
+     "chains":[
-      "eip155:1"
+        "eip155:1"
-    ],
+     ],
-    "versions": [
+     "versions":[
-      "1"
+        "1"
-    ],
+     ],
-    "app": {
+     "app":{
-      "browser": "",
+        "browser":"",
-      "ios": "https://apps.apple.com/us/app/coinbase-wallet-nfts-crypto/id1278383455",
+        "ios":"https://apps.apple.com/us/app/coinbase-wallet-nfts-crypto/id1278383455",
-      "android": "https://play.google.com/store/apps/details?id=org.toshi",
+        "android":"https://play.google.com/store/apps/details?id=org.toshi",
-      "mac": "",
+        "mac":"",
-      "windows": "",
+        "windows":"",
-      "linux": ""
+        "linux":""
-    },
+     },
-    "mobile": {
+     "mobile":{
-      "native": "cbwallet:",
+        "native":"cbwallet:",
-      "universal": ""
+        "universal":""
-    },
+     },
-    "desktop": {
+     "desktop":{
-      "native": "",
+        "native":"",
-      "universal": ""
+        "universal":""
-    },
+     },
-    "metadata": {
+     "metadata":{
-      "shortName": "Coinbase",
+        "shortName":"Coinbase",
-      "colors": {
+        "colors":{
-        "primary": "rgb(255, 255, 255)",
+           "primary":"rgb(255, 255, 255)",
-        "secondary": ""
+           "secondary":""
-      }
-    },
-    "config": {
-      "comment": "Coinbase",
-      "iosMinVersion": "1.8.0",
-      "imageUrl": "",
-      "encoding": "=\"#%/<>?@\\^`{|}:&",
-      "connections": [
-        {
-          "type": "walletSegue",
-          "native": "cbwallet:",
-          "universal": ""
         }
-      ],
+     },
-      "methods": [
+     "config":{
-        "eth_sendTransaction",
+        "comment":"Coinbase",
-        "personal_sign",
+        "iosMinVersion":"1.8.0",
-        "eth_signTypedData",
+        "imageUrl":"https://v4.testnet.dydx.exchange/wallets/coinbase-wallet.png",
-        "wallet_addEthereumChain"
+        "image":"coinbase-wallet.png",
-      ]
+        "encoding":"=\"#%/<>?@\\^`{|}:&",
-    },
+        "connections":[
-    "userFields": {
+           {
-      "analyticEvent": "COINBASE_WALLET",
+              "type":"walletSegue",
-      "imageName": "coinbase-wallet.png"
+              "native":"cbwallet:",
-    }
+              "universal":""
+           }
+        ]
+     },
+     "userFields":{
+        "analyticEvent":"COINBASE_WALLET"
+     }
   },
   {
-    "id": "9d373b43ad4d2cf190fb1a774ec964a1addf406d6fd24af94ab7596e58c291b2",
+     "id":"9d373b43ad4d2cf190fb1a774ec964a1addf406d6fd24af94ab7596e58c291b2",
-    "name": "imToken",
+     "name":"imToken",
-    "description": "",
+     "description":"",
-    "homepage": "https://token.im/",
+     "homepage":"https://token.im/",
-    "chains": [
+     "chains":[
-      "eip155:1"
+        "eip155:1"
-    ],
+     ],
-    "versions": [
+     "versions":[
-      "1"
+        "1"
-    ],
+     ],
-    "app": {
+     "app":{
-      "browser": "",
+        "browser":"",
-      "ios": "https://itunes.apple.com/us/app/imtoken2/id1384798940",
+        "ios":"https://itunes.apple.com/us/app/imtoken2/id1384798940",
-      "android": "https://play.google.com/store/apps/details?id=im.token.app",
+        "android":"https://play.google.com/store/apps/details?id=im.token.app",
-      "mac": "",
+        "mac":"",
-      "windows": "",
+        "windows":"",
-      "linux": ""
+        "linux":""
-    },
+     },
-    "mobile": {
+     "mobile":{
-      "native": "imtokenv2:",
+        "native":"imtokenv2:",
-      "universal": ""
+        "universal":""
-    },
+     },
-    "desktop": {
+     "desktop":{
-      "native": "",
+        "native":"",
-      "universal": ""
+        "universal":""
-    },
+     },
-    "metadata": {
+     "metadata":{
-      "shortName": "imToken",
+        "shortName":"imToken",
-      "colors": {
+        "colors":{
-        "primary": "rgb(255, 255, 255)",
+           "primary":"rgb(255, 255, 255)",
-        "secondary": ""
+           "secondary":""
-      }
-    },
-    "config": {
-      "comment": "imToken",
-      "iosMinVersion": "0",
-      "imageUrl": "",
-      "connections": [
-        {
-          "type": "walletConnectV2",
-          "native": "imtokenv2:",
-          "universal": ""
         }
-      ],
+     },
-      "methods": [
+     "config":{
-        "eth_sendTransaction",
+        "comment":"imToken",
-        "personal_sign",
+        "iosMinVersion":"0",
-        "eth_signTypedData"
+        "imageUrl":"https://v4.testnet.dydx.exchange/wallets/imtoken.png",
-      ]
+        "image":"imtoken.png",
-    },
+        "connections":[
-    "userFields": {
+           {
-      "analyticEvent": "IMTOKEN",
+              "type":"walletConnect",
-      "imageName": "imtoken.png"
+              "native":"imtokenv2:",
-    }
+              "universal":""
+           }
+        ]
+     },
+     "userFields":{
+        "analyticEvent":"IMTOKEN"
+     }
   },
   {
-    "id": "4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0",
+     "id":"4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0",
-    "name": "Trust Wallet",
+     "name":"Trust Wallet",
-    "description": "",
+     "description":"",
-    "homepage": "https://trustwallet.com/",
+     "homepage":"https://trustwallet.com/",
-    "chains": [
+     "chains":[
-      "eip155:1",
+        "eip155:1",
-      "eip155:42161",
+        "eip155:42161",
-      "eip155:43114"
+        "eip155:43114"
-    ],
+     ],
-    "versions": [
+     "versions":[
-      "1"
+        "1"
-    ],
+     ],
-    "app": {
+     "app":{
-      "browser": "",
+        "browser":"",
-      "ios": "https://apps.apple.com/app/apple-store/id1288339409",
+        "ios":"https://apps.apple.com/app/apple-store/id1288339409",
-      "android": "https://play.google.com/store/apps/details?id=com.wallet.crypto.trustapp",
+        "android":"https://play.google.com/store/apps/details?id=com.wallet.crypto.trustapp",
-      "mac": "",
+        "mac":"",
-      "windows": "",
+        "windows":"",
-      "linux": ""
+        "linux":""
-    },
+     },
-    "mobile": {
+     "mobile":{
-      "native": "trust:",
+        "native":"trust:",
-      "universal": "https://link.trustwallet.com"
+        "universal":"https://link.trustwallet.com"
-    },
+     },
-    "desktop": {
+     "desktop":{
-      "native": "",
+        "native":"",
-      "universal": ""
+        "universal":""
-    },
+     },
-    "metadata": {
+     "metadata":{
-      "shortName": "Trust",
+        "shortName":"Trust",
-      "colors": {
+        "colors":{
-        "primary": "rgb(51, 117, 187)",
+           "primary":"rgb(51, 117, 187)",
-        "secondary": ""
+           "secondary":""
-      }
-    },
-    "config": {
-      "comment": "Trust Wallet",
-      "iosMinVersion": "0",
-      "encoding": "=\"#%/<>?@\\^`{|}:&",
-      "imageUrl": "",
-      "connections": [
-        {
-          "type": "walletConnectV2",
-          "native": "trust:",
-          "universal": "https://link.trustwallet.com"
         }
-      ],
+     },
-      "methods": [
+     "config":{
-        "eth_sendTransaction",
+        "comment":"Trust Wallet",
-        "personal_sign",
+        "iosMinVersion":"0",
-        "eth_signTypedData"
+        "encoding":"=\"#%/<>?@\\^`{|}:&",
-      ]
+        "imageUrl":"https://v4.testnet.dydx.exchange/wallets/trust-wallet.png",
-    },
+        "image":"trust-wallet.png",
-    "userFields": {
+        "connections":[
-      "analyticEvent": "TRUST_WALLET",
+           {
-      "imageName": "trust-wallet.png"
+              "type":"walletConnectV2",
-    }
+              "native":"trust:",
+              "universal":"https://link.trustwallet.com"
+           }
+        ]
+     },
+     "userFields":{
+        "analyticEvent":"TRUST_WALLET"
+     }
   },
   {
-    "id": "Zerion",
+     "id":"Zerion",
-    "name": "Zerion",
+     "name":"Zerion",
-    "description": "",
+     "description":"",
-    "homepage": "https://zerion.io/",
+     "homepage":"https://zerion.io/",
-    "chains": [
+     "chains":[
-      "eip155:1"
+        "eip155:1"
-    ],
+     ],
-    "versions": [
+     "versions":[
-      "1"
+        "1"
-    ],
+     ],
-    "app": {
+     "app":{
-      "browser": "",
+        "browser":"",
-      "ios": "https://apps.apple.com/app/apple-store/id1456732565",
+        "ios":"https://apps.apple.com/app/apple-store/id1456732565",
-      "android": "https://play.google.com/store/apps/details?id=io.zerion.android",
+        "android":"https://play.google.com/store/apps/details?id=io.zerion.android",
-      "mac": "",
+        "mac":"",
-      "windows": "",
+        "windows":"",
-      "linux": ""
+        "linux":""
-    },
+     },
-    "mobile": {
+     "mobile":{
-      "native": "zerion:",
+        "native":"zerion:",
-      "universal": ""
+        "universal":""
-    },
+     },
-    "desktop": {
+     "desktop":{
-      "native": "",
+        "native":"",
-      "universal": ""
+        "universal":""
-    },
+     },
-    "metadata": {
+     "metadata":{
-      "shortName": "Zerion",
+        "shortName":"Zerion",
-      "colors": {
+        "colors":{
-        "primary": "rgb(51, 117, 187)",
+           "primary":"rgb(51, 117, 187)",
-        "secondary": ""
+           "secondary":""
-      }
-    },
-    "config": {
-      "comment": "Zerion Wallet",
-      "iosMinVersion": "0",
-      "encoding": "=\"#%/<>?@\\^`{|}:&",
-      "imageUrl": "",
-      "connections": [
-        {
-          "type": "walletConnectV2",
-          "native": "zerion:",
-          "universal": ""
         }
-      ],
+     },
-      "methods": [
+     "config":{
-        "eth_sendTransaction",
+        "comment":"Zerion Wallet",
-        "personal_sign",
+        "iosMinVersion":"0",
-        "eth_signTypedData"
+        "encoding":"=\"#%/<>?@\\^`{|}:&",
-      ]
+        "imageUrl":"https://v4.testnet.dydx.exchange/wallets/zerion.png",
-    },
+        "image":"zerion.png",
-    "userFields": {
+        "connections":[
-      "analyticEvent": "ZERION",
+           {
-      "imageName": "zerion.png"
+              "type":"walletConnectV2",
-    }
+              "native":"zerion:",
+              "universal":""
+           }
+        ]
+     },
+     "userFields":{
+        "analyticEvent":"ZERION"
+     }
   },
   {
-    "id": "20459438007b75f4f4acb98bf29aa3b800550309646d375da5fd4aac6c2a2c66",
+     "id":"20459438007b75f4f4acb98bf29aa3b800550309646d375da5fd4aac6c2a2c66",
-    "name": "TokenPocket",
+     "name":"TokenPocket",
-    "description": "",
+     "description":"",
-    "homepage": "https://tokenpocket.pro/",
+     "homepage":"https://tokenpocket.pro/",
-    "chains": [
+     "chains":[
-      "eip155:1"
+        "eip155:1"
-    ],
+     ],
-    "versions": [
+     "versions":[
-      "1"
+        "1"
-    ],
+     ],
-    "app": {
+     "app":{
-      "browser": "",
+        "browser":"",
-      "ios": "https://apps.apple.com/us/app/tokenpocket-trusted-wallet/id1436028697",
+        "ios":"https://apps.apple.com/us/app/tokenpocket-trusted-wallet/id1436028697",
-      "android": "https://play.google.com/store/apps/details?id=vip.mytokenpocket",
+        "android":"https://play.google.com/store/apps/details?id=vip.mytokenpocket",
-      "mac": "",
+        "mac":"",
-      "windows": "",
+        "windows":"",
-      "linux": ""
+        "linux":""
-    },
+     },
-    "mobile": {
+     "mobile":{
-      "native": "tpoutside:",
+        "native":"tpoutside:",
-      "universal": ""
+        "universal":""
-    },
+     },
-    "desktop": {
+     "desktop":{
-      "native": "",
+        "native":"",
-      "universal": ""
+        "universal":""
-    },
+     },
-    "metadata": {
+     "metadata":{
-      "shortName": "TokenPocket",
+        "shortName":"TokenPocket",
-      "colors": {
+        "colors":{
-        "primary": "rgb(41, 128, 254)",
+           "primary":"rgb(41, 128, 254)",
-        "secondary": ""
+           "secondary":""
-      }
-    },
-    "config": {
-      "comment": "TokenPocket",
-      "iosMinVersion": "0",
-      "imageUrl": "",
-      "connections": [
-        {
-          "type": "walletConnectV2",
-          "native": "tpoutside:",
-          "universal": ""
         }
-      ],
+     },
-      "methods": [
+     "config":{
-        "eth_sendTransaction",
+        "comment":"TokenPocket",
-        "personal_sign",
+        "iosMinVersion":"0",
-        "eth_signTypedData"
+        "imageUrl":"https://v4.testnet.dydx.exchange/wallets/tokenpocket.png",
-      ]
+        "image":"tokenpocket.png",
-    },
+        "connections":[
-    "userFields": {
+           {
-      "analyticEvent": "TOKEN_POCKET",
+              "type":"walletConnect",
-      "imageName": "tokenpocket.png"
+              "native":"tpoutside:",
-    }
+              "universal":""
+           }
+        ]
+     },
+     "userFields":{
+        "analyticEvent":"TOKEN_POCKET"
+     }
   },
   {
-    "id": "1ae92b26df02f0abca6304df07debccd18262fdf5fe82daa81593582dac9a369",
+     "id":"1ae92b26df02f0abca6304df07debccd18262fdf5fe82daa81593582dac9a369",
-    "name": "Rainbow",
+     "name":"Rainbow",
-    "description": "",
+     "description":"",
-    "homepage": "https://rainbow.me/",
+     "homepage":"https://rainbow.me/",
-    "chains": [
+     "chains":[
-      "eip155:1"
+        "eip155:1"
-    ],
+     ],
-    "versions": [
+     "versions":[
-      "1"
+        "1"
-    ],
+     ],
-    "app": {
+     "app":{
-      "browser": "",
+        "browser":"",
-      "ios": "https://apps.apple.com/us/app/rainbow-ethereum-wallet/id1457119021",
+        "ios":"https://apps.apple.com/us/app/rainbow-ethereum-wallet/id1457119021",
-      "android": "",
+        "android":"",
-      "mac": "",
+        "mac":"",
-      "windows": "",
+        "windows":"",
-      "linux": ""
+        "linux":""
-    },
+     },
-    "mobile": {
+     "mobile":{
-      "native": "rainbow:",
+        "native":"rainbow:",
-      "universal": "https://rnbwapp.com"
+        "universal":"https://rnbwapp.com"
-    },
+     },
-    "desktop": {
+     "desktop":{
-      "native": "",
+        "native":"",
-      "universal": ""
+        "universal":""
-    },
+     },
-    "metadata": {
+     "metadata":{
-      "shortName": "Rainbow",
+        "shortName":"Rainbow",
-      "colors": {
+        "colors":{
-        "primary": "rgb(0, 30, 89)",
+           "primary":"rgb(0, 30, 89)",
-        "secondary": ""
+           "secondary":""
-      }
-    },
-    "config": {
-      "comment": "Rainbow",
-      "iosMinVersion": "0",
-      "encoding": "=\"#%/<>?@\\^`{|}:&",
-      "backlinked": true,
-      "imageUrl": "",
-      "connections": [
-        {
-          "type": "walletConnectV2",
-          "native": "rainbow:",
-          "universal": "https://rnbwapp.com"
         }
-      ],
+     },
-      "methods": [
+     "config":{
-        "eth_sendTransaction",
+        "comment":"Rainbow",
-        "personal_sign",
+        "iosMinVersion":"0",
-        "eth_signTypedData"
+        "encoding":"=\"#%/<>?@\\^`{|}:&",
-      ]
+        "backlinked":true,
-    },
+        "imageUrl":"https://v4.testnet.dydx.exchange/wallets/rainbow-wallet.png",
-    "userFields": {
+        "image":"rainbow-wallet.png",
-      "analyticEvent": "RAINBOW_WALLET",
+        "connections":[
-      "imageName": "rainbow-wallet.png"
+           {
-    }
+              "type":"walletConnectV2",
+              "native":"rainbow:",
+              "universal":"https://rnbwapp.com"
+           }
+        ]
+     },
+     "userFields":{
+        "analyticEvent":"RAINBOW_WALLET"
+     }
   },
   {
-    "id": "09102e7bbbd3f92001eda104abe23803181629f695e8f1b95af96d88ff7d5890",
+     "id":"09102e7bbbd3f92001eda104abe23803181629f695e8f1b95af96d88ff7d5890",
-    "name": "1inch Wallet",
+     "name":"1inch Wallet",
-    "description": "",
+     "description":"",
-    "homepage": "https://1inch.io/wallet/",
+     "homepage":"https://1inch.io/wallet/",
-    "chains": [
+     "chains":[
-      "eip155:1",
+        "eip155:1",
-      "eip155:56"
+        "eip155:56"
-    ],
+     ],
-    "versions": [
+     "versions":[
-      "1"
+        "1"
-    ],
+     ],
-    "app": {
+     "app":{
-      "browser": "",
+        "browser":"",
-      "ios": "https://apps.apple.com/us/app/1inch-defi-wallet/id1546049391",
+        "ios":"https://apps.apple.com/us/app/1inch-defi-wallet/id1546049391",
-      "android": "",
+        "android":"",
-      "mac": "",
+        "mac":"",
-      "windows": "",
+        "windows":"",
-      "linux": ""
+        "linux":""
-    },
+     },
-    "mobile": {
+     "mobile":{
-      "native": "oneinch:",
+        "native":"oneinch:",
-      "universal": "https://wallet.1inch.io"
+        "universal":"https://wallet.1inch.io"
-    },
+     },
-    "desktop": {
+     "desktop":{
-      "native": "",
+        "native":"",
-      "universal": ""
+        "universal":""
-    },
+     },
-    "metadata": {
+     "metadata":{
-      "shortName": "1inch",
+        "shortName":"1inch",
-      "colors": {
+        "colors":{
-        "primary": "rgb(31, 36, 46)",
+           "primary":"rgb(31, 36, 46)",
-        "secondary": ""
+           "secondary":""
-      }
-    },
-    "config": {
-      "comment": "1inch",
-      "iosMinVersion": "0",
-      "encoding": "=\"#%/<>?@\\^`{|}:&",
-      "imageUrl": "",
-      "connections": [
-        {
-          "type": "walletConnectV2",
-          "native": "oneinch:",
-          "universal": "https://wallet.1inch.io"
         }
-      ],
+     },
-      "methods": [
+     "config":{
-        "eth_sendTransaction",
+        "comment":"1inch",
-        "personal_sign",
+        "iosMinVersion":"0",
-        "eth_signTypedData"
+        "encoding":"=\"#%/<>?@\\^`{|}:&",
-      ]
+        "imageUrl":"https://v4.testnet.dydx.exchange/wallets/1inch.png",
-    },
+        "image":"1inch.png",
-    "userFields": {
+        "connections":[
-      "analyticEvent": "1INCH",
+           {
-      "imageName": "1inch.png"
+              "type":"walletConnect",
-    }
+              "native":"oneinch:",
+              "universal":"https://wallet.1inch.io"
+           }
+        ]
+     },
+     "userFields":{
+        "analyticEvent":"1INCH"
+     }
+  },
+  {
+     "id":"bae74827272509a6d63ea25514d9c68ad235c14e45e183518c7ded4572a1b0c4",
+     "name":"Huobi Wallet",
+     "description":"",
+     "homepage":"https://huobiwallet.com/",
+     "chains":[
+        "eip155:1"
+     ],
+     "versions":[
+        "1"
+     ],
+     "app":{
+        "browser":"",
+        "ios":"https://apps.apple.com/us/app/id1433883012",
+        "android":"https://play.google.com/store/apps/details?id=com.huobionchainwallet.gp",
+        "mac":"",
+        "windows":"",
+        "linux":""
+     },
+     "mobile":{
+        "native":"huobiwallet:",
+        "universal":""
+     },
+     "desktop":{
+        "native":"",
+        "universal":""
+     },
+     "metadata":{
+        "shortName":"Huobi",
+        "colors":{
+           "primary":"rgb(45,101,248)",
+           "secondary":""
+        }
+     },
+     "config":{
+        "comment":"Huobi",
+        "iosMinVersion":"0",
+        "encoding":"=\"#%/<>?@\\^`{|}:&",
+        "imageUrl":"https://v4.testnet.dydx.exchange/wallets/huobi-wallet.png",
+        "image":"huobi-wallet.png",
+        "connections":[
+           {
+              "type":"walletConnect",
+              "native":"huobiwallet:",
+              "universal":""
+           }
+        ]
+     },
+     "userFields":{
+        "analyticEvent":"HUOBI_WALLET"
+     }
   }
 ]

src/constants/networks.ts

@@ -8,5 +8,5 @@ export const AVAILABLE_ENVIRONMENTS =
 
 export const CURRENT_ABACUS_DEPLOYMENT = import.meta.env.MODE === 'production' ? 'TESTNET' : 'DEV';
 export const ENVIRONMENT_CONFIG_MAP = environments.environments;
-export type DydxNetwork = keyof typeof ENVIRONMENT_CONFIG_MAP;
+export type DydxNetwork = (typeof AVAILABLE_ENVIRONMENTS.environments)[number];
 export const DEFAULT_APP_ENVIRONMENT = AVAILABLE_ENVIRONMENTS.default as DydxNetwork;

src/hooks/useInitializePage.ts

@@ -10,6 +10,7 @@ import { useLocalStorage } from '@/hooks';
 import { initializeLocalization } from '@/state/app';
 
 import abacusStateManager from '@/lib/abacus';
+import { validateAgainstAvailableEnvironments } from '@/lib/network';
 
 export const useInitializePage = () => {
   const dispatch = useDispatch();
@@ -18,6 +19,7 @@ export const useInitializePage = () => {
   const [localStorageNetwork] = useLocalStorage<DydxNetwork>({
     key: LocalStorageKey.SelectedNetwork,
     defaultValue: DEFAULT_APP_ENVIRONMENT,
+    validateFn: validateAgainstAvailableEnvironments,
   });
 
   useEffect(() => {

src/hooks/useSelectedNetwork.ts

@@ -9,6 +9,8 @@ import { useAccounts, useLocalStorage } from '@/hooks';
 import { setSelectedNetwork } from '@/state/app';
 import { getSelectedNetwork } from '@/state/appSelectors';
 
+import { validateAgainstAvailableEnvironments } from '@/lib/network';
+
 export const useSelectedNetwork = (): {
   switchNetwork: (network: DydxNetwork) => void;
   selectedNetwork: DydxNetwork;
@@ -20,6 +22,7 @@ export const useSelectedNetwork = (): {
   const [, setLocalStorageNetwork] = useLocalStorage<DydxNetwork>({
     key: LocalStorageKey.SelectedNetwork,
     defaultValue: DEFAULT_APP_ENVIRONMENT,
+    validateFn: validateAgainstAvailableEnvironments,
   });
 
   const switchNetwork = useCallback(

src/lib/__test__/network.spec.ts

@@ -0,0 +1,38 @@
+import environments from '../../../public/configs/env.json';
+
+import { validateAgainstAvailableEnvironments } from '../network';
+
+describe('validateAgainstAvailableEnvironments', () => {
+  describe('production environment', () => {
+    beforeAll(() => {
+      jest.mock('../../constants/networks', () => ({
+        AVAILABLE_ENVIRONMENTS: {
+          environments: [],
+          default: 'dydxprotocol-testnet-dydx',
+        }, //environments.deployments.TESTNET,
+      }));
+    });
+
+    afterAll(() => {
+      jest.unmock('../../constants/networks');
+    });
+
+    it('Returns true for valid environments', () => {
+      expect(validateAgainstAvailableEnvironments('dydxprotocol-testnet-dydx')).toEqual(true);
+    });
+
+    it('Returns false for invalid environments', () => {
+      expect(validateAgainstAvailableEnvironments('dydxprotocol-dev')).toEqual(false);
+    });
+  });
+
+  describe('staging environment', () => {
+    it('Returns true for valid environments', () => {
+      expect(validateAgainstAvailableEnvironments('dydxprotocol-dev')).toEqual(true);
+    });
+
+    it('Returns false for invalid environments', () => {
+      expect(validateAgainstAvailableEnvironments('INVALID')).toEqual(false);
+    });
+  });
+});

src/lib/__test__/timeUtils.spec.ts

@@ -45,11 +45,15 @@ describe('getStringsForDateTimeDiff', () => {
 
 describe('getStringsForTimeInterval', () => {
   it.each([
-    [Duration.fromObject({ months: 2 }), '2', 'MONTHS_ABBREVIATED'],
+    [Duration.fromObject({ months: 2 }), '2', 'APP.GENERAL.TIME_STRINGS.MONTHS_ABBREVIATED'],
-    [Duration.fromObject({ weeks: 3, days: 2 }), '3', 'WEEKS_ABBREVIATED'],
+    [Duration.fromObject({ weeks: 3, days: 2 }), '3', 'APP.GENERAL.TIME_STRINGS.WEEKS_ABBREVIATED'],
-    [Duration.fromObject({ days: 5, hours: 12 }), '6', 'DAYS_ABBREVIATED'],
+    [Duration.fromObject({ days: 5, hours: 12 }), '6', 'APP.GENERAL.TIME_STRINGS.DAYS_ABBREVIATED'],
-    [Duration.fromObject({ hours: 8, minutes: 30 }), '9', 'HOURS_ABBREVIATED'],
+    [
-    [Duration.fromObject({ minutes: 45 }), '45', 'MINUTES_ABBREVIATED'],
+      Duration.fromObject({ hours: 8, minutes: 30 }),
+      '9',
+      'APP.GENERAL.TIME_STRINGS.HOURS_ABBREVIATED',
+    ],
+    [Duration.fromObject({ minutes: 45 }), '45', 'APP.GENERAL.TIME_STRINGS.MINUTES_ABBREVIATED'],
   ])(
     'returns the correct timeString and unitStringKey',
     (timeInterval, expectedTimeString, expectedUnitStringKey) => {

src/lib/network.ts

@@ -0,0 +1,4 @@
+import { AVAILABLE_ENVIRONMENTS, type DydxNetwork } from '@/constants/networks';
+
+export const validateAgainstAvailableEnvironments = (value: DydxNetwork) =>
+  AVAILABLE_ENVIRONMENTS.environments.includes(value);

src/lib/timeUtils.ts

@@ -10,7 +10,7 @@ export const getTimestamp = (value?: BigNumberish | null) =>
       ? value
       : typeof value === 'string'
       ? new Date(value).getTime()
-      : new Date(value.toString()).getTime()
+      : new Date(value.toNumber()).getTime()
     : undefined;
 
 export const getStringsForDateTimeDiff = (dateTime: DateTime) => {
@@ -77,4 +77,4 @@ export const formatSeconds = (seconds: number) => {
   const minutes = Math.floor(seconds / 60);
   const remainingSeconds = seconds % 60;
   return `${getTimeString(minutes)}:${getTimeString(remainingSeconds)}`;
-}
+};

src/lib/wagmi.ts

@@ -100,11 +100,10 @@ const walletconnect2ConnectorOptions: ConstructorParameters<typeof WalletConnect
   options: {
     projectId: import.meta.env.VITE_WALLETCONNECT2_PROJECT_ID,
     metadata: {
-      // TODO: update to local URLs/images
       name: 'dYdX',
       description: '',
-      url: 'https://trade.dydx.exchange',
+      url: import.meta.env.VITE_BASE_URL,
-      icons: ['https://trade.dydx.exchange/cbw-image.png'],
+      icons: [`${import.meta.env.VITE_BASE_URL}/cbw-image.png}`],
     },
     showQrModal: true,
     qrModalOptions: {

src/state/app.ts

@@ -6,6 +6,7 @@ import { LocalStorageKey } from '@/constants/localStorage';
 import { DEFAULT_APP_ENVIRONMENT, type DydxNetwork } from '@/constants/networks';
 
 import { getLocalStorage } from '@/lib/localStorage';
+import { validateAgainstAvailableEnvironments } from '@/lib/network';
 
 export interface AppState {
   apiState: AbacusApiState | undefined;
@@ -19,6 +20,7 @@ const initialState: AppState = {
   selectedNetwork: getLocalStorage({
     key: LocalStorageKey.SelectedNetwork,
     defaultValue: DEFAULT_APP_ENVIRONMENT,
+    validateFn: validateAgainstAvailableEnvironments,
   }),
 };
 

src/views/dialogs/DisconnectDialog.tsx

@@ -27,9 +27,9 @@ export const DisconnectDialog = ({ setIsOpen }: ElementProps) => {
   };
 
   return (
-    <Dialog isOpen setIsOpen={setIsOpen} title="Disconnect">
+    <Dialog isOpen setIsOpen={setIsOpen} title={stringGetter({ key: STRING_KEYS.DISCONNECT })}>
       <Styled.Content>
-        <p>Are you sure you want to disconnect your account?</p>
+        <p>{stringGetter({ key: STRING_KEYS.DISCONNECT_CONFIRMATION })}</p>
         <Styled.ButtonRow>
           <Close asChild>
             <Button action={ButtonAction.Destroy} onClick={disconnect}>

src/views/dialogs/OnboardingDialog/ChooseWallet.tsx

@@ -19,7 +19,7 @@ import { useDisplayedWallets } from '@/hooks/useDisplayedWallets';
 import { breakpoints } from '@/styles';
 import { layoutMixins } from '@/styles/layoutMixins';
 
-const aboutWalletsLink = `https://www.dydxacademy.info/educational-video-series/onboarding-to-defi-with-dydx`;
+const aboutWalletsLink = `https://www.dydx.academy/video/defi-wallet`;
 
 export const ChooseWallet = () => {
   const stringGetter = useStringGetter();
@@ -34,7 +34,14 @@ export const ChooseWallet = () => {
         <Styled.AlertMessage type={AlertType.Error}>
           {
             <h4>
-              Couldn't connect to {stringGetter({ key: wallets[selectedWalletType].stringKey })}.
+              {stringGetter({
+                key: STRING_KEYS.COULD_NOT_CONNECT,
+                params: {
+                  WALLET: stringGetter({
+                    key: wallets[selectedWalletType].stringKey,
+                  }),
+                },
+              })}
             </h4>
           }
           {selectedWalletError}