Version Packages (#1784 )

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
chore(chains): fix up chain sync script (#1783 )
2023-10-16 20:38:41 -07:00 · 2023-10-17 02:28:33 +00:00 · 2023-10-16 15:51:35 -07:00 · 2023-10-16 22:43:13 +00:00 · 2023-10-16 12:57:26 -07:00 · 2023-10-16 19:50:17 +00:00
199 changed files with 8171 additions and 1893 deletions
@@ -1,5 +1,54 @@
 # @thirdweb-dev/auth

+## 4.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @thirdweb-dev/wallets@2.0.7
+
+## 4.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @thirdweb-dev/wallets@2.0.6
+
+## 4.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @thirdweb-dev/wallets@2.0.5
+
+## 4.0.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @thirdweb-dev/wallets@2.0.4
+
+## 4.0.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @thirdweb-dev/wallets@2.0.3
+
+## 4.0.2
+
+### Patch Changes
+
+- Updated dependencies [[`74941603`](https://github.com/thirdweb-dev/js/commit/74941603a96456da46a47147f67c98235ac55022), [`4b98e487`](https://github.com/thirdweb-dev/js/commit/4b98e487d4b47225d7095e5444dc5e7608db48a3), [`dcdb0dcb`](https://github.com/thirdweb-dev/js/commit/dcdb0dcb838168a22c8335738852316dfb6e6fc9), [`b3b9edca`](https://github.com/thirdweb-dev/js/commit/b3b9edca29e7d4053b14270a61caa89c34fecf9e)]:
+  - @thirdweb-dev/wallets@2.0.2
+
+## 4.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`e684d05e`](https://github.com/thirdweb-dev/js/commit/e684d05e222458f02c8158eb9385d68c879dd946)]:
+  - @thirdweb-dev/wallets@2.0.1
+
 ## 4.0.0

 ### Major Changes
@@ -1,6 +1,6 @@
 {
  "name": "@thirdweb-dev/auth",
-  "version": "4.0.0",
+  "version": "4.0.7",
  "main": "dist/thirdweb-dev-auth.cjs.js",
  "module": "dist/thirdweb-dev-auth.esm.js",
  "browser": {
@@ -1,5 +1,11 @@
 # @thirdweb-dev/chains

+## 0.1.55
+
+### Patch Changes
+
+- [#1783](https://github.com/thirdweb-dev/js/pull/1783) [`137f46a5`](https://github.com/thirdweb-dev/js/commit/137f46a5470d2b5f9d7f9eda9b2d839a53ddeb64) Thanks [@jnsdls](https://github.com/jnsdls)! - sync chains
+
 ## 0.1.54

 ### Patch Changes
@@ -4,13 +4,13 @@ export default {
  "chainId": 100,
  "explorers": [
    {
-      "name": "gnosisscan",
-      "url": "https://gnosisscan.io",
+      "name": "blockscout",
+      "url": "https://gnosis.blockscout.com",
      "standard": "EIP3091"
    },
    {
-      "name": "blockscout",
-      "url": "https://gnosis.blockscout.com",
+      "name": "gnosisscan",
+      "url": "https://gnosisscan.io",
      "standard": "EIP3091"
    }
  ],
@@ -4,13 +4,13 @@ export default {
  "chainId": 11110,
  "explorers": [
    {
-      "name": "Astra PingPub Explorer",
-      "url": "https://ping.astranaut.io/astra",
+      "name": "Astra EVM Explorer (Blockscout)",
+      "url": "https://explorer.astranaut.io",
      "standard": "none"
    },
    {
-      "name": "Astra EVM Explorer (Blockscout)",
-      "url": "https://explorer.astranaut.io",
+      "name": "Astra PingPub Explorer",
+      "url": "https://ping.astranaut.io/astra",
      "standard": "none"
    }
  ],
@@ -3,15 +3,15 @@ export default {
  "chain": "Astra",
  "chainId": 11115,
  "explorers": [
-    {
-      "name": "Astra PingPub Explorer",
-      "url": "https://ping.astranaut.dev/astra",
-      "standard": "none"
-    },
    {
      "name": "Astra EVM Explorer",
      "url": "https://explorer.astranaut.dev",
      "standard": "EIP3091"
+    },
+    {
+      "name": "Astra PingPub Explorer",
+      "url": "https://ping.astranaut.dev/astra",
+      "standard": "none"
    }
  ],
  "faucets": [
@@ -19,7 +19,6 @@ export default {
  },
  "redFlags": [],
  "rpc": [
-    "https://localhost.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
    "http://localhost:8545"
  ],
  "shortName": "local",
@@ -4,13 +4,13 @@ export default {
  "chainId": 2023,
  "explorers": [
    {
-      "name": "Taycan Cosmos Explorer",
-      "url": "https://cosmoscan-test.hupayx.io",
+      "name": "Taycan Explorer(Blockscout)",
+      "url": "https://evmscan-test.hupayx.io",
      "standard": "none"
    },
    {
-      "name": "Taycan Explorer(Blockscout)",
-      "url": "https://evmscan-test.hupayx.io",
+      "name": "Taycan Cosmos Explorer",
+      "url": "https://cosmoscan-test.hupayx.io",
      "standard": "none"
    }
  ],
@@ -30,7 +30,6 @@ export default {
  "rpc": [
    "https://kava-testnet.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
    "https://evm.testnet.kava.io",
-    "https://kava-evm-testnet.rpc.thirdweb.com",
    "wss://wevm.testnet.kava.io"
  ],
  "shortName": "tkava",
@@ -30,7 +30,6 @@ export default {
    "https://evm.kava.io",
    "https://evm2.kava.io",
    "https://kava-rpc.gateway.pokt.network",
-    "https://kava-evm.rpc.thirdweb.com",
    "wss://wevm.kava.io",
    "wss://wevm2.kava.io",
    "https://kava-evm.publicnode.com",
@@ -4,13 +4,13 @@ export default {
  "chainId": 30,
  "explorers": [
    {
-      "name": "Rootstock Explorer",
-      "url": "https://explorer.rsk.co",
+      "name": "blockscout",
+      "url": "https://rootstock.blockscout.com",
      "standard": "EIP3091"
    },
    {
-      "name": "blockscout",
-      "url": "https://rootstock.blockscout.com",
+      "name": "Rootstock Explorer",
+      "url": "https://explorer.rsk.co",
      "standard": "EIP3091"
    }
  ],
@@ -3,15 +3,15 @@ export default {
  "chain": "SDN",
  "chainId": 336,
  "explorers": [
-    {
-      "name": "subscan",
-      "url": "https://shiden.subscan.io",
-      "standard": "none"
-    },
    {
      "name": "blockscout",
      "url": "https://blockscout.com/shiden",
      "standard": "EIP3091"
+    },
+    {
+      "name": "subscan",
+      "url": "https://shiden.subscan.io",
+      "standard": "none"
    }
  ],
  "faucets": [],
@@ -4,13 +4,13 @@ export default {
  "chainId": 369,
  "explorers": [
    {
-      "name": "otterscan",
-      "url": "https://otter.pulsechain.com",
+      "name": "blockscout",
+      "url": "https://scan.pulsechain.com",
      "standard": "EIP3091"
    },
    {
-      "name": "blockscout",
-      "url": "https://scan.pulsechain.com",
+      "name": "otterscan",
+      "url": "https://otter.pulsechain.com",
      "standard": "EIP3091"
    }
  ],
@@ -18,7 +18,7 @@ export default {
    "format": "png"
  },
  "infoURL": "http://doschain.io/",
-  "name": "DOS Tesnet",
+  "name": "DOS Testnet",
  "nativeCurrency": {
    "name": "DOS",
    "symbol": "DOS",
@@ -26,10 +26,10 @@ export default {
  },
  "redFlags": [],
  "rpc": [
-    "https://dos-tesnet.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
+    "https://dos-testnet.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
    "https://test.doschain.com"
  ],
  "shortName": "dost",
-  "slug": "dos-tesnet",
+  "slug": "dos-testnet",
  "testnet": true
 } as const satisfies Chain;
@@ -27,8 +27,7 @@ export default {
  "redFlags": [],
  "rpc": [
    "https://wireshape-floripa-testnet.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
-    "https://rpc-floripa.wireshape.org",
-    "https://wireshape-floripa-testnet.rpc.thirdweb.com"
+    "https://rpc-floripa.wireshape.org"
  ],
  "shortName": "floripa",
  "slug": "wireshape-floripa-testnet",
@@ -4,13 +4,13 @@ export default {
  "chainId": 50,
  "explorers": [
    {
-      "name": "blocksscan",
-      "url": "https://xdc.blocksscan.io",
+      "name": "xdcscan",
+      "url": "https://xdcscan.io",
      "standard": "EIP3091"
    },
    {
-      "name": "xdcscan",
-      "url": "https://xdcscan.io",
+      "name": "blocksscan",
+      "url": "https://xdc.blocksscan.io",
      "standard": "EIP3091"
    }
  ],
@@ -4,13 +4,13 @@ export default {
  "chainId": 51,
  "explorers": [
    {
-      "name": "blocksscan",
-      "url": "https://apothem.blocksscan.io",
+      "name": "xdcscan",
+      "url": "https://apothem.xinfinscan.com",
      "standard": "EIP3091"
    },
    {
-      "name": "xdcscan",
-      "url": "https://apothem.xinfinscan.com",
+      "name": "blocksscan",
+      "url": "https://apothem.blocksscan.io",
      "standard": "EIP3091"
    }
  ],
@@ -3,15 +3,15 @@ export default {
  "chain": "Imversed",
  "chainId": 5555555,
  "explorers": [
-    {
-      "name": "Imversed Cosmos Explorer (Big Dipper)",
-      "url": "https://tex-c.imversed.com",
-      "standard": "none"
-    },
    {
      "name": "Imversed EVM explorer (Blockscout)",
      "url": "https://txe.imversed.network",
      "standard": "EIP3091"
+    },
+    {
+      "name": "Imversed Cosmos Explorer (Big Dipper)",
+      "url": "https://tex-c.imversed.com",
+      "standard": "none"
    }
  ],
  "faucets": [],
@@ -3,15 +3,15 @@ export default {
  "chain": "Imversed",
  "chainId": 5555558,
  "explorers": [
-    {
-      "name": "Imversed Cosmos Explorer (Big Dipper)",
-      "url": "https://tex-t.imversed.com",
-      "standard": "none"
-    },
    {
      "name": "Imversed EVM Explorer (Blockscout)",
      "url": "https://txe-test.imversed.network",
      "standard": "EIP3091"
+    },
+    {
+      "name": "Imversed Cosmos Explorer (Big Dipper)",
+      "url": "https://tex-t.imversed.com",
+      "standard": "none"
    }
  ],
  "faucets": [],
@@ -4,13 +4,13 @@ export default {
  "chainId": 59140,
  "explorers": [
    {
-      "name": "Blockscout",
-      "url": "https://explorer.goerli.linea.build",
+      "name": "Etherscan",
+      "url": "https://goerli.lineascan.build",
      "standard": "EIP3091"
    },
    {
-      "name": "Etherscan",
-      "url": "https://goerli.lineascan.build",
+      "name": "Blockscout",
+      "url": "https://explorer.goerli.linea.build",
      "standard": "EIP3091"
    }
  ],
@@ -7,11 +7,6 @@ export default {
      "name": "lineascan",
      "url": "https://lineascan.build",
      "standard": "EIP3091"
-    },
-    {
-      "name": "Linea Scan",
-      "url": "https://lineascan.build",
-      "standard": ""
    }
  ],
  "faucets": [
@@ -3,15 +3,15 @@ export default {
  "chain": "ASTR",
  "chainId": 592,
  "explorers": [
-    {
-      "name": "subscan",
-      "url": "https://astar.subscan.io",
-      "standard": "none"
-    },
    {
      "name": "blockscout",
      "url": "https://blockscout.com/astar",
      "standard": "EIP3091"
+    },
+    {
+      "name": "subscan",
+      "url": "https://astar.subscan.io",
+      "standard": "none"
    }
  ],
  "faucets": [],
@@ -4,13 +4,13 @@ export default {
  "chainId": 8000,
  "explorers": [
    {
-      "name": "Teleport Cosmos Explorer (Big Dipper)",
-      "url": "https://explorer.teleport.network",
+      "name": "Teleport EVM Explorer (Blockscout)",
+      "url": "https://evm-explorer.teleport.network",
      "standard": "none"
    },
    {
-      "name": "Teleport EVM Explorer (Blockscout)",
-      "url": "https://evm-explorer.teleport.network",
+      "name": "Teleport Cosmos Explorer (Big Dipper)",
+      "url": "https://explorer.teleport.network",
      "standard": "none"
    }
  ],
@@ -4,13 +4,13 @@ export default {
  "chainId": 8001,
  "explorers": [
    {
-      "name": "Teleport Cosmos Explorer (Big Dipper)",
-      "url": "https://explorer.testnet.teleport.network",
+      "name": "Teleport EVM Explorer (Blockscout)",
+      "url": "https://evm-explorer.testnet.teleport.network",
      "standard": "none"
    },
    {
-      "name": "Teleport EVM Explorer (Blockscout)",
-      "url": "https://evm-explorer.testnet.teleport.network",
+      "name": "Teleport Cosmos Explorer (Big Dipper)",
+      "url": "https://explorer.testnet.teleport.network",
      "standard": "none"
    }
  ],
@@ -3,15 +3,15 @@ export default {
  "chain": "ETH",
  "chainId": 8453,
  "explorers": [
-    {
-      "name": "basescan",
-      "url": "https://basescan.org",
-      "standard": "none"
-    },
    {
      "name": "basescout",
      "url": "https://base.blockscout.com",
      "standard": "EIP3091"
+    },
+    {
+      "name": "basescan",
+      "url": "https://basescan.org",
+      "standard": "none"
    }
  ],
  "faucets": [],
@@ -3,15 +3,15 @@ export default {
  "chain": "ETH",
  "chainId": 84531,
  "explorers": [
-    {
-      "name": "basescan",
-      "url": "https://goerli.basescan.org",
-      "standard": "none"
-    },
    {
      "name": "basescout",
      "url": "https://base-goerli.blockscout.com",
      "standard": "EIP3091"
+    },
+    {
+      "name": "basescan",
+      "url": "https://goerli.basescan.org",
+      "standard": "none"
    }
  ],
  "faucets": [
@@ -1,6 +1,6 @@
 {
  "name": "@thirdweb-dev/chains",
-  "version": "0.1.54",
+  "version": "0.1.55",
  "main": "dist/thirdweb-dev-chains.cjs.js",
  "module": "dist/thirdweb-dev-chains.esm.js",
  "browser": {
@@ -6,7 +6,7 @@ const BASE_URI = (process.env.BASE_URI as string) || "https://api.thirdweb.com";

 async function getAllPaginatedChains(
  chains: any[] = [],
-  pathname = "/v1/chains",
+  pathname = "/v1/chains?limit=100",
 ) {
  const url = new URL(BASE_URI);
  url.pathname = pathname;
@@ -33,31 +33,37 @@ async function sync() {

  const results = await Promise.all(
    allChainsInDB.map(async (chain) => {
+      let chainId = chain.chainId;
+      // try to convert to number for legacy reasons
+      try {
+        chainId = Number(chainId);
+      } catch {
+        // if we fail here then we cannot use this chain in the chains package for now, so we skip it
+        return null;
+      }
+
      const pkgChain: Chain = {
        ...chain,
-        chainId: Number(chain.chainId),
+        // assing back the chainId
+        chainId,
+        // map the features to the legacy format
        features: chain.features?.map((feature) => ({ name: feature })),
      };
      // remove all null values
      Object.keys(pkgChain).forEach((key) => {
-        // @ts-ignore
        if (pkgChain[key] === null || pkgChain[key] === undefined) {
-          // @ts-ignore
          delete pkgChain[key];
        }
      });

      // sort top level keys alphabetically
-      // @ts-ignore
-      const sortedChain: Chain = {};
+      const sortedChain = {} as Chain;
      Object.keys(pkgChain)
        .sort()
        .forEach((key) => {
-          // @ts-ignore
          sortedChain[key] = pkgChain[key];
        });

-      // @ts-ignore
      await fs.writeFile(
        `${chainsDir}/${sortedChain.chainId}.ts`,
        `import type { Chain } from "../src/types";
@@ -78,17 +84,8 @@ export default ${JSON.stringify(
        exportName = `_${exportName}`;
      }

-      // imports.push(`import c${chain.chainId} from "../chains/${chain.chainId}";`);
-
-      // exports.push(
-      //   `export { default as ${exportName} } from "../chains/${chain.chainId}"`,
-      // );
-
      const key = `c${sortedChain.chainId}`;

-      // exportNames.push(key);
-      // exportNameToChain[key] = chain;
-
      return {
        imp: `import c${sortedChain.chainId} from "../chains/${sortedChain.chainId}";`,
        exp: `export { default as ${exportName} } from "../chains/${sortedChain.chainId}"`,
@@ -101,20 +98,21 @@ export default ${JSON.stringify(

  const { imports, exports, exportNames, exportNameToChain } = results.reduce(
    (acc, result) => {
-      // @ts-ignore
+      // if it's a null result skip it (can happen when we skip chains above because their chainID is out of bounds)
+      if (result === null) {
+        return acc;
+      }
      acc.imports.push(result.imp);
-      // @ts-ignore
      acc.exports.push(result.exp);
-      // @ts-ignore
      acc.exportNames.push(result.key);
      acc.exportNameToChain[result.key] = result.chain;
      return acc;
    },
    {
-      imports: [],
-      exports: [],
-      exportNames: [],
-      exportNameToChain: {},
+      imports: [] as string[],
+      exports: [] as string[],
+      exportNames: [] as string[],
+      exportNameToChain: {} as Record<string, Chain>,
    },
  );

@@ -1587,7 +1587,7 @@ export { default as Alveychain } from "../chains/3797"
 export { default as Kalychain } from "../chains/3888"
 export { default as KalychainTestnet } from "../chains/3889"
 export { default as DracNetwork } from "../chains/3912"
-export { default as DosTesnet } from "../chains/3939"
+export { default as DosTestnet } from "../chains/3939"
 export { default as Dyno } from "../chains/3966"
 export { default as DynoTestnet } from "../chains/3967"
 export { default as Yuanchain } from "../chains/3999"
@@ -3727,7 +3727,7 @@ type ChainIdsBySlug = {
 "kalychain": 3888,
 "kalychain-testnet": 3889,
 "drac-network": 3912,
-"dos-tesnet": 3939,
+"dos-testnet": 3939,
 "dyno": 3966,
 "dyno-testnet": 3967,
 "yuanchain": 3999,
@@ -1,5 +1,68 @@
 # thirdweb

+## 0.13.7
+
+### Patch Changes
+
+- Updated dependencies [[`137f46a5`](https://github.com/thirdweb-dev/js/commit/137f46a5470d2b5f9d7f9eda9b2d839a53ddeb64)]:
+  - @thirdweb-dev/chains@0.1.55
+  - @thirdweb-dev/sdk@4.0.6
+  - @thirdweb-dev/wallets@2.0.7
+  - @thirdweb-dev/auth@4.0.7
+
+## 0.13.6
+
+### Patch Changes
+
+- Updated dependencies [[`07544252`](https://github.com/thirdweb-dev/js/commit/07544252b49163e1ae84ba2cc76b99597a1c4553)]:
+  - @thirdweb-dev/sdk@4.0.5
+  - @thirdweb-dev/wallets@2.0.6
+  - @thirdweb-dev/auth@4.0.6
+
+## 0.13.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @thirdweb-dev/sdk@4.0.4
+  - @thirdweb-dev/wallets@2.0.5
+  - @thirdweb-dev/auth@4.0.5
+
+## 0.13.4
+
+### Patch Changes
+
+- Updated dependencies [[`956b5645`](https://github.com/thirdweb-dev/js/commit/956b5645e4266cba536abd27ee250dab5aa9a177)]:
+  - @thirdweb-dev/sdk@4.0.3
+  - @thirdweb-dev/wallets@2.0.4
+  - @thirdweb-dev/auth@4.0.4
+
+## 0.13.3
+
+### Patch Changes
+
+- Updated dependencies [[`526176c4`](https://github.com/thirdweb-dev/js/commit/526176c47108c91d83bcfc5f0ca556274e6462d6), [`d1f8e951`](https://github.com/thirdweb-dev/js/commit/d1f8e951623f1691fdfe3d1e8645970d0a52eb06), [`09120c92`](https://github.com/thirdweb-dev/js/commit/09120c923cca804b9d4f5f779e5a53c97ecc8223), [`6573556d`](https://github.com/thirdweb-dev/js/commit/6573556d0e03efa0d6a157fccb0a1c08dd22d7cd)]:
+  - @thirdweb-dev/sdk@4.0.2
+  - @thirdweb-dev/wallets@2.0.3
+  - @thirdweb-dev/auth@4.0.3
+
+## 0.13.2
+
+### Patch Changes
+
+- Updated dependencies [[`1f3c64d3`](https://github.com/thirdweb-dev/js/commit/1f3c64d3618903b9008cc7b633ea890b508e7800), [`74941603`](https://github.com/thirdweb-dev/js/commit/74941603a96456da46a47147f67c98235ac55022), [`4b98e487`](https://github.com/thirdweb-dev/js/commit/4b98e487d4b47225d7095e5444dc5e7608db48a3), [`693f349d`](https://github.com/thirdweb-dev/js/commit/693f349db2478e1cd0fc82a9ef9882f46832b125), [`dcdb0dcb`](https://github.com/thirdweb-dev/js/commit/dcdb0dcb838168a22c8335738852316dfb6e6fc9), [`0f12d1f9`](https://github.com/thirdweb-dev/js/commit/0f12d1f90320923309f085c372d3a5ed01dd4606), [`b3b9edca`](https://github.com/thirdweb-dev/js/commit/b3b9edca29e7d4053b14270a61caa89c34fecf9e), [`63ad0050`](https://github.com/thirdweb-dev/js/commit/63ad0050f0a24ec15b90933b5664d697618cf2d0)]:
+  - @thirdweb-dev/sdk@4.0.1
+  - @thirdweb-dev/wallets@2.0.2
+  - @thirdweb-dev/auth@4.0.2
+
+## 0.13.1
+
+### Patch Changes
+
+- Updated dependencies [[`e684d05e`](https://github.com/thirdweb-dev/js/commit/e684d05e222458f02c8158eb9385d68c879dd946)]:
+  - @thirdweb-dev/wallets@2.0.1
+  - @thirdweb-dev/auth@4.0.1
+
 ## 0.13.0

 ### Minor Changes
@@ -1,7 +1,7 @@
 {
  "name": "thirdweb",
  "main": "dist/cli/index.js",
-  "version": "0.13.0",
+  "version": "0.13.7",
  "repository": "https://github.com/thirdweb-dev/js/tree/main/packages/cli",
  "author": "thirdweb eng <[email protected]>",
  "license": "Apache-2.0",
@@ -1,5 +1,23 @@
 # @thirdweb-dev/contracts-js

+## 1.3.16
+
+### Patch Changes
+
+- [#1771](https://github.com/thirdweb-dev/js/pull/1771) [`6c30b7ef`](https://github.com/thirdweb-dev/js/commit/6c30b7efc708e1244f3be3e10eac8f3b8b14a8c3) Thanks [@joaquim-verges](https://github.com/joaquim-verges)! - Updated to latest contracts package
+
+## 1.3.15
+
+### Patch Changes
+
+- [#1756](https://github.com/thirdweb-dev/js/pull/1756) [`956b5645`](https://github.com/thirdweb-dev/js/commit/956b5645e4266cba536abd27ee250dab5aa9a177) Thanks [@joaquim-verges](https://github.com/joaquim-verges)! - Enable adding smart wallet admins via bundler for new account contracts
+
+## 1.3.14
+
+### Patch Changes
+
+- [#1757](https://github.com/thirdweb-dev/js/pull/1757) [`63ad0050`](https://github.com/thirdweb-dev/js/commit/63ad0050f0a24ec15b90933b5664d697618cf2d0) Thanks [@kumaryash90](https://github.com/kumaryash90)! - Update deployment and tests for MarketplaceV3 latest
+
 ## 1.3.13

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@thirdweb-dev/contracts-js",
-  "version": "1.3.13",
+  "version": "1.3.16",
  "main": "dist/thirdweb-dev-contracts-js.cjs.js",
  "module": "dist/thirdweb-dev-contracts-js.esm.js",
  "browser": {
@@ -10,7 +10,7 @@
  "license": "Apache-2.0",
  "repository": "https://github.com/thirdweb-dev/js/tree/main/packages/contracts-js",
  "dependencies": {
-    "@thirdweb-dev/contracts": "3.10.1-0"
+    "@thirdweb-dev/contracts": "3.10.3"
  },
  "devDependencies": {
    "@babel/preset-env": "^7.22.9",
@@ -1,5 +1,70 @@
 # @thirdweb-dev/react-core

+## 4.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`137f46a5`](https://github.com/thirdweb-dev/js/commit/137f46a5470d2b5f9d7f9eda9b2d839a53ddeb64)]:
+  - @thirdweb-dev/chains@0.1.55
+  - @thirdweb-dev/sdk@4.0.6
+  - @thirdweb-dev/wallets@2.0.7
+  - @thirdweb-dev/auth@4.0.7
+
+## 4.0.6
+
+### Patch Changes
+
+- Updated dependencies [[`07544252`](https://github.com/thirdweb-dev/js/commit/07544252b49163e1ae84ba2cc76b99597a1c4553)]:
+  - @thirdweb-dev/sdk@4.0.5
+  - @thirdweb-dev/wallets@2.0.6
+  - @thirdweb-dev/auth@4.0.6
+
+## 4.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @thirdweb-dev/sdk@4.0.4
+  - @thirdweb-dev/wallets@2.0.5
+  - @thirdweb-dev/auth@4.0.5
+
+## 4.0.4
+
+### Patch Changes
+
+- Updated dependencies [[`956b5645`](https://github.com/thirdweb-dev/js/commit/956b5645e4266cba536abd27ee250dab5aa9a177)]:
+  - @thirdweb-dev/sdk@4.0.3
+  - @thirdweb-dev/wallets@2.0.4
+  - @thirdweb-dev/auth@4.0.4
+
+## 4.0.3
+
+### Patch Changes
+
+- [#1758](https://github.com/thirdweb-dev/js/pull/1758) [`08e9cd20`](https://github.com/thirdweb-dev/js/commit/08e9cd206bcc37cf1e84a878dc78bc4f38e5092c) Thanks [@kien-ngo](https://github.com/kien-ngo)! - Add pagination to useOwnedNFTs
+
+- Updated dependencies [[`526176c4`](https://github.com/thirdweb-dev/js/commit/526176c47108c91d83bcfc5f0ca556274e6462d6), [`d1f8e951`](https://github.com/thirdweb-dev/js/commit/d1f8e951623f1691fdfe3d1e8645970d0a52eb06), [`09120c92`](https://github.com/thirdweb-dev/js/commit/09120c923cca804b9d4f5f779e5a53c97ecc8223), [`6573556d`](https://github.com/thirdweb-dev/js/commit/6573556d0e03efa0d6a157fccb0a1c08dd22d7cd)]:
+  - @thirdweb-dev/sdk@4.0.2
+  - @thirdweb-dev/wallets@2.0.3
+  - @thirdweb-dev/auth@4.0.3
+
+## 4.0.2
+
+### Patch Changes
+
+- Updated dependencies [[`1f3c64d3`](https://github.com/thirdweb-dev/js/commit/1f3c64d3618903b9008cc7b633ea890b508e7800), [`74941603`](https://github.com/thirdweb-dev/js/commit/74941603a96456da46a47147f67c98235ac55022), [`4b98e487`](https://github.com/thirdweb-dev/js/commit/4b98e487d4b47225d7095e5444dc5e7608db48a3), [`693f349d`](https://github.com/thirdweb-dev/js/commit/693f349db2478e1cd0fc82a9ef9882f46832b125), [`dcdb0dcb`](https://github.com/thirdweb-dev/js/commit/dcdb0dcb838168a22c8335738852316dfb6e6fc9), [`0f12d1f9`](https://github.com/thirdweb-dev/js/commit/0f12d1f90320923309f085c372d3a5ed01dd4606), [`b3b9edca`](https://github.com/thirdweb-dev/js/commit/b3b9edca29e7d4053b14270a61caa89c34fecf9e), [`63ad0050`](https://github.com/thirdweb-dev/js/commit/63ad0050f0a24ec15b90933b5664d697618cf2d0)]:
+  - @thirdweb-dev/sdk@4.0.1
+  - @thirdweb-dev/wallets@2.0.2
+  - @thirdweb-dev/auth@4.0.2
+
+## 4.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`e684d05e`](https://github.com/thirdweb-dev/js/commit/e684d05e222458f02c8158eb9385d68c879dd946)]:
+  - @thirdweb-dev/wallets@2.0.1
+  - @thirdweb-dev/auth@4.0.1
+
 ## 4.0.0

 ### Major Changes
@@ -1,6 +1,6 @@
 {
  "name": "@thirdweb-dev/react-core",
-  "version": "4.0.0",
+  "version": "4.0.7",
  "repository": "https://github.com/thirdweb-dev/js/tree/main/packages/react-core",
  "author": "thirdweb eng <[email protected]>",
  "license": "Apache-2.0",
@@ -75,7 +75,7 @@
    "eslint": "^8.45.0",
    "eslint-config-prettier": "^8.9.0",
    "eslint-config-thirdweb": "workspace:*",
-    "eslint-plugin-better-tree-shaking": "0.0.3",
+    "eslint-plugin-better-tree-shaking": "0.0.4",
    "eslint-plugin-import": "^2.26.0",
    "eslint-plugin-inclusive-language": "^2.2.0",
    "eslint-plugin-prettier": "^5.0.0",
@@ -225,11 +225,12 @@ export function useTotalCirculatingSupply(
 *
 * @example
 * ```javascript
- * const { data: ownedNFTs, isLoading, error } = useOwnedNFTs(contract, "{{wallet_address}}");
+ * const { data: ownedNFTs, isLoading, error } = useOwnedNFTs(contract, "{{wallet_address}}", { start: 0, count: 100 });
 * ```
 *
 * @param contract - an instance of a {@link NFTContract}
 * @param ownerWalletAddress - the wallet address to get owned tokens for
+ * @param queryParams - query params to pass to the query for pagination
 * @returns a response object that includes the list of owned tokens
 * @beta
 * @twfeature ERC721Enumerable | ERC1155Enumerable | ERC721Supply
@@ -238,6 +239,7 @@ export function useTotalCirculatingSupply(
 export function useOwnedNFTs<TContract extends NFTContract>(
  contract: RequiredParam<TContract>,
  ownerWalletAddress: RequiredParam<WalletAddress>,
+  queryParams?: QueryAllParams,
 ) {
  const contractAddress = contract?.getAddress();
  const { erc721, erc1155 } = getErcs(contract);
@@ -248,10 +250,10 @@ export function useOwnedNFTs<TContract extends NFTContract>(
      requiredParamInvariant(contract, "No Contract instance provided");
      invariant(ownerWalletAddress, "No wallet address provided");
      if (erc721) {
-        return await erc721.getOwned(ownerWalletAddress);
+        return await erc721.getOwned(ownerWalletAddress, queryParams);
      }
      if (erc1155) {
-        return await erc1155.getOwned(ownerWalletAddress);
+        return await erc1155.getOwned(ownerWalletAddress, queryParams);
      }
      invariant(false, "Unknown NFT type");
    },
@@ -1,5 +1,19 @@
 # @thirdweb-dev/react-native-compat

+## 0.3.12
+
+## 0.3.11
+
+## 0.3.10
+
+## 0.3.9
+
+## 0.3.8
+
+## 0.3.7
+
+## 0.3.6
+
 ## 0.3.5

 ## 0.3.4
@@ -1,7 +1,7 @@
 {
  "name": "@thirdweb-dev/react-native-compat",
  "description": "Shims for Thirdweb in React Native Projects",
-  "version": "0.3.5",
+  "version": "0.3.12",
  "author": "thirdweb eng <[email protected]>",
  "repository": "https://github.com/thirdweb-dev/js/tree/main/packages/react-native-compat",
  "license": "Apache-2.0",
@@ -1,5 +1,100 @@
 # @thirdweb-dev/react-native

+## 0.3.12
+
+### Patch Changes
+
+- Updated dependencies [[`137f46a5`](https://github.com/thirdweb-dev/js/commit/137f46a5470d2b5f9d7f9eda9b2d839a53ddeb64)]:
+  - @thirdweb-dev/chains@0.1.55
+  - @thirdweb-dev/react-core@4.0.7
+  - @thirdweb-dev/sdk@4.0.6
+  - @thirdweb-dev/wallets@2.0.7
+
+## 0.3.11
+
+### Patch Changes
+
+- Updated dependencies [[`07544252`](https://github.com/thirdweb-dev/js/commit/07544252b49163e1ae84ba2cc76b99597a1c4553)]:
+  - @thirdweb-dev/sdk@4.0.5
+  - @thirdweb-dev/react-core@4.0.6
+  - @thirdweb-dev/wallets@2.0.6
+
+## 0.3.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @thirdweb-dev/sdk@4.0.4
+  - @thirdweb-dev/wallets@2.0.5
+  - @thirdweb-dev/react-core@4.0.5
+
+## 0.3.9
+
+### Patch Changes
+
+- Updated dependencies [[`956b5645`](https://github.com/thirdweb-dev/js/commit/956b5645e4266cba536abd27ee250dab5aa9a177)]:
+  - @thirdweb-dev/sdk@4.0.3
+  - @thirdweb-dev/wallets@2.0.4
+  - @thirdweb-dev/react-core@4.0.4
+
+## 0.3.8
+
+### Patch Changes
+
+- [#1724](https://github.com/thirdweb-dev/js/pull/1724) [`fc62b91e`](https://github.com/thirdweb-dev/js/commit/fc62b91ee55b0adba01298f33b21352004d1b71d) Thanks [@iketw](https://github.com/iketw)! - Adds Google sign in to embeddedWallet in React Native
+
+  You need to add the `react-native-inappbrowser-reborn` package to your app, then you can do:
+
+  ```javascript
+  <ThirdwebProvider
+    activeChain={activeChain}
+    clientId={"your-client-id"}
+    supportedWallets={[
+      embeddedWallet({
+        // if this is true AND oauthOptions is not set we set it to false internally
+        email: true,
+        // if this is set we enable Sign in with Google
+        oauthOptions: {
+          redirectUrl: "test15app://",
+          providers: ["google"],
+        },
+      }),
+    ]}
+  >
+    <App />
+  </ThirdwebProvider>
+  ```
+
+- Updated dependencies [[`526176c4`](https://github.com/thirdweb-dev/js/commit/526176c47108c91d83bcfc5f0ca556274e6462d6), [`d1f8e951`](https://github.com/thirdweb-dev/js/commit/d1f8e951623f1691fdfe3d1e8645970d0a52eb06), [`09120c92`](https://github.com/thirdweb-dev/js/commit/09120c923cca804b9d4f5f779e5a53c97ecc8223), [`08e9cd20`](https://github.com/thirdweb-dev/js/commit/08e9cd206bcc37cf1e84a878dc78bc4f38e5092c), [`6573556d`](https://github.com/thirdweb-dev/js/commit/6573556d0e03efa0d6a157fccb0a1c08dd22d7cd)]:
+  - @thirdweb-dev/[email protected]
+  - @thirdweb-dev/[email protected]
+  - @thirdweb-dev/[email protected]
+
+## 0.3.7
+
+### Patch Changes
+
+- [#1754](https://github.com/thirdweb-dev/js/pull/1754) [`dcdb0dcb`](https://github.com/thirdweb-dev/js/commit/dcdb0dcb838168a22c8335738852316dfb6e6fc9) Thanks [@iketw](https://github.com/iketw)! - Fix typos in SmartWallet api
+
+- [#1760](https://github.com/thirdweb-dev/js/pull/1760) [`f41ee6fb`](https://github.com/thirdweb-dev/js/commit/f41ee6fb1cc3b1e58cc273fa45087d4c92ff97d1) Thanks [@iketw](https://github.com/iketw)! - Correctly pass theme via ConnectWallet
+
+- [#1753](https://github.com/thirdweb-dev/js/pull/1753) [`b3b9edca`](https://github.com/thirdweb-dev/js/commit/b3b9edca29e7d4053b14270a61caa89c34fecf9e) Thanks [@iketw](https://github.com/iketw)! - Minor bug and UI fix for connecting an external app to a smart wallet
+
+- [#1759](https://github.com/thirdweb-dev/js/pull/1759) [`513c332e`](https://github.com/thirdweb-dev/js/commit/513c332ed02df4ac316076cc03178a4702b12110) Thanks [@iketw](https://github.com/iketw)! - Fixes bug when passing only one wallet as a supportedWallet. The selectUI component must be displayed.
+
+- Updated dependencies [[`1f3c64d3`](https://github.com/thirdweb-dev/js/commit/1f3c64d3618903b9008cc7b633ea890b508e7800), [`74941603`](https://github.com/thirdweb-dev/js/commit/74941603a96456da46a47147f67c98235ac55022), [`4b98e487`](https://github.com/thirdweb-dev/js/commit/4b98e487d4b47225d7095e5444dc5e7608db48a3), [`693f349d`](https://github.com/thirdweb-dev/js/commit/693f349db2478e1cd0fc82a9ef9882f46832b125), [`dcdb0dcb`](https://github.com/thirdweb-dev/js/commit/dcdb0dcb838168a22c8335738852316dfb6e6fc9), [`0f12d1f9`](https://github.com/thirdweb-dev/js/commit/0f12d1f90320923309f085c372d3a5ed01dd4606), [`b3b9edca`](https://github.com/thirdweb-dev/js/commit/b3b9edca29e7d4053b14270a61caa89c34fecf9e), [`63ad0050`](https://github.com/thirdweb-dev/js/commit/63ad0050f0a24ec15b90933b5664d697618cf2d0)]:
+  - @thirdweb-dev/[email protected]
+  - @thirdweb-dev/[email protected]
+  - @thirdweb-dev/[email protected]
+
+## 0.3.6
+
+### Patch Changes
+
+- Updated dependencies [[`e684d05e`](https://github.com/thirdweb-dev/js/commit/e684d05e222458f02c8158eb9385d68c879dd946)]:
+  - @thirdweb-dev/[email protected]
+  - @thirdweb-dev/[email protected]
+
 ## 0.3.5

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@thirdweb-dev/react-native",
-  "version": "0.3.5",
+  "version": "0.3.12",
  "repository": "https://github.com/thirdweb-dev/js/tree/main/packages/react-native",
  "author": "thirdweb eng <[email protected]>",
  "license": "Apache-2.0",
@@ -89,7 +89,8 @@
    "amazon-cognito-identity-js": "^6.3.3",
    "react-native-quick-base64": "^2.0.7",
    "react-native-quick-crypto": "^0.6.1",
-    "react-native-aes-gcm-crypto": "^0.2.2"
+    "react-native-aes-gcm-crypto": "^0.2.2",
+    "react-native-inappbrowser-reborn": "^3.7.0"
  },
  "peerDependencies": {
    "ethers": ">=5.5.1 <6",
@@ -10,3 +10,4 @@ export * from "./right-arrow";
 export * from "./wallet";
 export * from "./money";
 export * from "./switch";
+export * from "./svgs";
@@ -1,3 +1,23 @@
+export const GOOGLE_ICON = `<svg height={height} viewBox="0 0 24 24" width={width}>
+<path
+  d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+  fill="#4285F4"
+/>
+<path
+  d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+  fill="#34A853"
+/>
+<path
+  d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+  fill="#FBBC05"
+/>
+<path
+  d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+  fill="#EA4335"
+/>
+<path d="M1 1h22v22H1z" fill="none" />
+</svg>`;
+
 export const EMAIL_WALLET_ICON = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none">
 <g clip-path="url(#clip0_3589_8649)">
 <rect width="48" height="48" rx="8" fill="url(#paint0_linear_3589_8649)"/>
@@ -1,6 +1,6 @@
 import { useWallet } from "@thirdweb-dev/react-core";
 import { IWalletConnectReceiver } from "@thirdweb-dev/wallets";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import Box from "../base/Box";
 import BaseButton from "../base/BaseButton";
 import DisconnectIcon from "../../assets/disconnect";
@@ -21,6 +21,7 @@ const ConnectAppField = () => {
  const [appMeta, setAppMeta] = useState<{ name: string; iconUrl: string }>();
  const wallet = useWallet();
  const [showQRCodeScan, setShowQRCodeScan] = useState(false);
+  const wcUriRef = useRef<string | undefined>();

  const getAppMeta = useCallback(() => {
    if (wallet && "isWCReceiverEnabled" in wallet) {
@@ -80,9 +81,10 @@ const ConnectAppField = () => {
  };

  const onQRCodeScan = (data: string) => {
-    if (wcUri !== data && data.startsWith("wc:")) {
+    if (wcUriRef.current !== data && data.startsWith("wc:")) {
      setWCUri(data);
      setShowQRCodeScan(false);
+      wcUriRef.current = data;

      onWCPress(data);
    }
@@ -102,6 +104,9 @@ const ConnectAppField = () => {
    if (uriToUse?.startsWith("wc:")) {
      (wallet as unknown as IWalletConnectReceiver).connectApp(uriToUse);
    }
+
+    setWCUri(undefined);
+    wcUriRef.current = undefined;
  };

  const onScanQRPress = () => {
@@ -124,9 +129,11 @@ const ConnectAppField = () => {
              value: wcUri,
              placeholder: "wc://...",
              placeholderTextColor: theme.colors.textSecondary,
+              numberOfLines: 1,
            }}
            containerProps={{
              flex: 1,
+              pl: "xxs",
            }}
          />
          <BaseButton
@@ -164,12 +171,12 @@ const ConnectAppField = () => {
        >
          <>
            {appMeta?.iconUrl ? (
-              <WalletIcon size={32} iconUri={appMeta.iconUrl} />
+              <WalletIcon size={24} iconUri={appMeta.iconUrl} />
            ) : (
-              <WalletConnectIcon width={16} height={16} />
+              <WalletConnectIcon width={24} height={24} />
            )}
            <View style={styles.exportWalletInfo}>
-              <Text variant="bodySmall">
+              <Text variant="bodySmall" numberOfLines={1}>
                {appMeta ? appMeta.name : "Connect app"}
              </Text>
            </View>
@@ -215,8 +222,9 @@ const styles = StyleSheet.create({
    justifyContent: "flex-start",
    alignItems: "flex-start",
    alignContent: "center",
-    flexDirection: "column",
+    flexDirection: "row",
    marginLeft: 8,
+    marginRight: 8,
  },
  exportWallet: {
    display: "flex",
@@ -238,7 +238,8 @@ export const ConnectWalletDetailsModal = ({
                ) : null}
              </BaseButton>
            ) : null}
-            {activeWallet?.walletId === EmbeddedWallet.id ? (
+            {activeWallet?.walletId === EmbeddedWallet.id &&
+            (activeWallet as EmbeddedWallet).getEmail() ? (
              <Box flexDirection="row" alignItems="center" mt="md">
                <ActiveDot width={10} height={10} />
                <Text variant="bodySmallSecondary" ml="xxs">
@@ -246,7 +247,11 @@ export const ConnectWalletDetailsModal = ({
                </Text>
              </Box>
            ) : null}
-            <Box flexDirection="row" justifyContent="space-evenly" mt="md">
+            <Box
+              flexDirection="row"
+              justifyContent="space-evenly"
+              marginVertical="md"
+            >
              <SendButton supportedTokens={supportedTokens} />
              <ReceiveButton />
            </Box>
@@ -330,7 +335,6 @@ const styles = StyleSheet.create({
    alignContent: "flex-start",
    alignItems: "flex-start",
    justifyContent: "flex-start",
-    marginTop: 24,
    marginBottom: 8,
  },
 });
@@ -12,9 +12,9 @@ import { useEffect, useState } from "react";
 import { useSmartWallet } from "../../providers/context-provider";
 import RightArrowIcon from "../../assets/right-arrow";
 import ConnectAppField from "./ConnectAppField";
-import { useAppTheme } from "../../styles/hooks";
 import DisconnectIcon from "../../assets/disconnect";
 import { IconTextButton } from "../base/IconTextButton";
+import { useGlobalTheme } from "../../providers/ui-context-provider";

 export const SmartWalletAdditionalActions = ({
  onExportPress,
@@ -26,7 +26,7 @@ export const SmartWalletAdditionalActions = ({
  const [smartWalletAddress, setSmartWalletAddress] = useState<string>("");
  const [showSmartWallet, setShowSmartWallet] = useState(false);
  const activeWallet = useWallet();
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();

  const wallet = showSmartWallet
    ? smartWallet
@@ -1,7 +1,6 @@
 import { AddressDisplay } from "../base/AddressDisplay";
 import BaseButton from "../base/BaseButton";
 import Text from "../base/Text";
-import { WalletIcon } from "../base/WalletIcon";
 import { useENS, useWallet } from "@thirdweb-dev/react-core";
 import { StyleSheet } from "react-native";
 import { LocalWallet, walletIds } from "@thirdweb-dev/wallets";
@@ -11,6 +10,7 @@ import { useMemo, useState } from "react";
 import { TextBalance } from "../base/TextBalance";
 import { SupportedTokens } from "../SendFunds/defaultTokens";
 import { SMART_WALLET_ICON } from "../../assets/svgs";
+import { ImageSvgUri } from "../base";

 export type ConnectWalletDetailsProps = {
  address?: string;
@@ -90,7 +90,13 @@ export const WalletDetailsButton = ({
            alignContent="center"
            justifyContent="flex-start"
          >
-            <WalletIcon size={32} iconUri={avatarUrl || walletIconUrl} />
+            <Box borderRadius="lg" overflow="hidden">
+              <ImageSvgUri
+                width={32}
+                height={32}
+                imageUrl={avatarUrl || walletIconUrl}
+              />
+            </Box>
            <Box ml="md" justifyContent="center" alignItems="flex-start">
              {activeWallet?.walletId === LocalWallet.id ? (
                <Text variant="bodySmall" color="red">
@@ -1,5 +1,4 @@
 import { Icon } from "../../assets/icon";
-import { useAppTheme } from "../../styles/hooks";
 import { AddressDisplay } from "../base/AddressDisplay";
 import BaseButton from "../base/BaseButton";
 import { WalletIcon } from "../base/WalletIcon";
@@ -13,6 +12,7 @@ import { TextBalance } from "../base/TextBalance";
 import { walletIds } from "@thirdweb-dev/wallets";
 import { SMART_WALLET_ICON } from "../../assets/svgs";
 import Text from "../base/Text";
+import { useGlobalTheme } from "../../providers/ui-context-provider";

 interface WalletDetailsModalHeaderProps {
  address?: string;
@@ -28,7 +28,7 @@ export const WalletDetailsModalHeader = ({
  onAddressCopied,
  tokenAddress,
 }: WalletDetailsModalHeaderProps) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const activeWallet = useWallet();
  const [showLoading, setShowLoading] = useState(false);
  const ensQuery = useENS();
@@ -5,11 +5,11 @@ import { ReactNode, useState } from "react";
 import Box from "../../base/Box";
 import Text from "../../base/Text";
 import ThirdwebLogo from "../../../assets/thirdweb-logo";
-import { useAppTheme } from "../../../styles/hooks";
 import { ChooseWalletContent } from "./ChooseWalletContent";
 import { BaseButton, ImageSvgUri, WalletButton } from "../../base";
 import { ActivityIndicator, Linking } from "react-native";
 import { useTheme } from "@shopify/restyle";
+import { useGlobalTheme } from "../../../providers/ui-context-provider";

 export type ChooseWalletProps = {
  headerText?: ReactNode | string;
@@ -34,7 +34,7 @@ export function ChooseWallet({
  termsOfServiceUrl,
  privacyPolicyUrl,
 }: ChooseWalletProps) {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const themeLightDark = useTheme();
  const [isConnecting, setIsConnecting] = useState(false);
  const [isConnectAWalletEnabled, setIsConnectAWalletEnabled] = useState(false);
@@ -261,9 +261,7 @@ export function ChooseWallet({
      ) : null}
      {showToSPrivacyPolicy ? (
        <Box
-          mt="md"
-          pt="md"
-          height={50}
+          mt="sm"
          marginHorizontal={!isConnectAWalletEnabled ? "xl" : "none"}
          alignItems="center"
        >
@@ -2,9 +2,11 @@ import { ActivityIndicator, StyleSheet } from "react-native";
 import { BaseButton, Text } from "../base";
 import { useConnectionStatus, useWallets } from "@thirdweb-dev/react-core";
 import { useState, useEffect } from "react";
-import { useModalState } from "../../providers/ui-context-provider";
+import {
+  useGlobalTheme,
+  useModalState,
+} from "../../providers/ui-context-provider";
 import { ThemeProvider, ThemeProviderProps } from "../../styles/ThemeProvider";
-import { useAppTheme } from "../../styles/hooks";

 export type ConnectWalletButtonProps = {
  theme?: ThemeProviderProps["theme"];
@@ -43,7 +45,7 @@ export const ConnectWalletButton = ({
  buttonTitle,
  theme,
 }: ConnectWalletButtonProps) => {
-  const appTheme = useAppTheme();
+  const appTheme = useGlobalTheme();
  const connectionStatus = useConnectionStatus();
  const isWalletConnecting = connectionStatus === "connecting";

@@ -5,14 +5,16 @@ import { WalletConfig, useConnect, useWallets } from "@thirdweb-dev/react-core";
 import { useCallback, useEffect, useState } from "react";
 import { walletIds } from "@thirdweb-dev/wallets";
 import { useColorScheme } from "react-native";
-import { useModalState } from "../../providers/ui-context-provider";
+import {
+  useGlobalTheme,
+  useModalState,
+} from "../../providers/ui-context-provider";
 import {
  CLOSE_MODAL_STATE,
  ConnectWalletFlowModal,
 } from "../../utils/modalTypes";
 import Box from "../base/Box";
 import { ThemeProvider } from "../../styles/ThemeProvider";
-import { useAppTheme } from "../../styles/hooks";

 export const ConnectWalletFlow = () => {
  const { modalState, setModalState } = useModalState();
@@ -30,7 +32,7 @@ export const ConnectWalletFlow = () => {
  const [selectionData, setSelectionData] = useState<any>();
  const supportedWallets = useWallets();
  const theme = useColorScheme();
-  const appTheme = useAppTheme();
+  const appTheme = useGlobalTheme();
  const connect = useConnect();

  const onClose = useCallback(
@@ -60,8 +62,8 @@ export const ConnectWalletFlow = () => {

  const onChooseWallet = useCallback(
    (wallet: WalletConfig, data?: any) => {
-      setActiveWallet(wallet);
      setSelectionData(data);
+      setActiveWallet(wallet);

      // If the wallet has no custom connect UI, then connect it
      if (!wallet.connectUI) {
@@ -74,13 +76,19 @@ export const ConnectWalletFlow = () => {
  useEffect(() => {
    // case when only one wallet is passed in supportedWallets
    if (walletConfig) {
-      if (walletConfig.connectUI) {
-        // if there's a connection UI, then show it
-        setActiveWallet(walletConfig);
-      } else {
-        // if there's no connection UI, then connect the wallet
-        onChooseWallet(walletConfig);
+      // if there's a selection UI, then continue with the flow
+      if (walletConfig.selectUI) {
+        return;
      }
+
+      if (walletConfig.connectUI) {
+        // if there's a connection UI and no selection UI, then show it
+        setActiveWallet(walletConfig);
+        return;
+      }
+
+      // if there's no connection UI or selectionUI, then automatically select it
+      onChooseWallet(walletConfig);
    }
  }, [onChooseWallet, walletConfig]);

@@ -30,7 +30,7 @@ export function ConnectingWallet({
        subHeaderText={subHeaderText}
        onClose={onClose}
      />
-      <WalletLoadingThumbnail imageSize={100}>
+      <WalletLoadingThumbnail imageSize={85}>
        <ImageSvgUri height={80} width={80} imageUrl={wallet.meta.iconURL} />
      </WalletLoadingThumbnail>
      <View style={styles.connectingContainer}>
@@ -1,5 +1,5 @@
 import { Icon } from "../../../assets/icon";
-import { useAppTheme } from "../../../styles/hooks";
+import { useGlobalTheme } from "../../../providers/ui-context-provider";
 import Text from "../../base/Text";
 import { FlexAlignType, StyleSheet, View } from "react-native";

@@ -20,7 +20,7 @@ export const ConnectWalletHeader = ({
  onClose,
  onBackPress,
 }: ConnectWalletHeaderProps) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  return (
    <>
      <View style={styles.header}>
@@ -16,7 +16,7 @@ import * as FileSystem from "expo-file-system";
 import { TWModal } from "../base/modal/TWModal";
 import { localWallet } from "../../wallets/wallets/local-wallet";
 import { TextInput } from "../base";
-import { useAppTheme } from "../../styles/hooks";
+import { useGlobalTheme } from "../../providers/ui-context-provider";

 export type LocalWalletImportModalProps = {
  isVisible: boolean;
@@ -37,7 +37,7 @@ export const LocalWalletImportModal = ({
  const [error, setError] = useState<string | undefined>();
  const [isImporting, setIsImporting] = useState<boolean>(false);
  const createWalletInstance = useCreateWalletInstance();
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();

  const createLocalWalletFromJsonFile = async () => {
    if (!jsonFile || !password) {
@@ -15,7 +15,7 @@ import WalletLoadingThumbnail from "../../../wallets/wallets/wallet-connect/Wall
 import ImageSvgUri from "../../base/ImageSvgUri";
 import Box from "../../base/Box";
 import { ConnectWalletHeader } from "../ConnectingWallet/ConnectingWalletHeader";
-import { useAppTheme } from "../../../styles/hooks";
+import { useGlobalTheme } from "../../../providers/ui-context-provider";

 export const SmartWalletFlow = ({
  connected,
@@ -24,7 +24,7 @@ export const SmartWalletFlow = ({
  personalWalletConfig,
  ...props
 }: ConnectUIProps<SmartWallet> & { personalWalletConfig: WalletConfig }) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const [connectedPersonalWallet, setConnectedPersonalWallet] =
    useState<WalletInstance>();
  const [personalWalletChainId, setPersonalWalletChaindId] = useState<
@@ -131,7 +131,7 @@ export const SmartWalletFlow = ({
            onBackPress={onConnectingBackPress}
            onClose={onConnectingClosePress}
          />
-          <WalletLoadingThumbnail imageSize={100}>
+          <WalletLoadingThumbnail imageSize={85}>
            <ImageSvgUri
              height={80}
              width={80}
@@ -1,4 +1,7 @@
-import { useModalState } from "../providers/ui-context-provider";
+import {
+  useGlobalTheme,
+  useModalState,
+} from "../providers/ui-context-provider";
 import { ConnectWalletFlow } from "./ConnectWalletFlow/ConnectWalletFlow";
 import { Dimensions, StyleSheet, View } from "react-native";
 import { useMemo } from "react";
@@ -7,13 +10,13 @@ import { SessionRequestModal } from "./ConnectWalletDetails/SessionRequestModal"
 import { SessionProposalModal } from "./ConnectWalletDetails/SessionProposalModal";
 import { TWModal } from "./base/modal/TWModal";
 import Box from "./base/Box";
-import { useAppTheme } from "../styles/hooks";
+// import { useAppTheme } from "../styles/hooks";

-const MODAL_HEIGHT = Dimensions.get("window").height * 0.6;
+const MODAL_HEIGHT = Dimensions.get("window").height * 0.7;
 const DEVICE_WIDTH = Dimensions.get("window").width;

 export const MainModal = () => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const { modalState } = useModalState();

  const { isOpen, isSheet } = modalState;
@@ -3,14 +3,14 @@ import Box from "./base/Box";
 import { useState } from "react";
 import EyeClosed from "../assets/eye-closed";
 import EyeOpened from "../assets/eye-opened";
-import { useAppTheme } from "../styles/hooks";
+import { useGlobalTheme } from "../providers/ui-context-provider";

 export const PasswordInput = ({
  onChangeText,
 }: {
  onChangeText: TextInput["props"]["onChangeText"];
 }) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const [showPassword, setShowPassword] = useState(false);

  const onPressEyeIcon = () => {
@@ -2,7 +2,6 @@ import React, { useEffect, useState } from "react";
 import { IconTextButton } from "./base/IconTextButton";
 import { useAddress } from "@thirdweb-dev/react-core";
 import { Dimensions, KeyboardAvoidingView } from "react-native";
-import { useAppTheme } from "../styles/hooks";
 import {
  TWModal,
  Box,
@@ -15,9 +14,10 @@ import {
 import DownloadIcon from "../assets/download";
 import CopyIcon from "../assets/copy";
 import QRCode from "react-native-qrcode-svg";
+import { useGlobalTheme } from "../providers/ui-context-provider";

 export const ReceiveButton = () => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const [isModalVisible, setIsModalVisible] = useState(false);

  const onClose = () => {
@@ -60,7 +60,7 @@ export const ReceiveFundsModal = ({
  isVisible,
  onClose,
 }: ReceiveFundsModalProps) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const address = useAddress();
  const [addressCopied, setAddressCopied] = useState(false);

@@ -1,4 +1,3 @@
-import { useAppTheme } from "../../styles/hooks";
 import React, { useEffect, useMemo, useState } from "react";
 import SendIcon from "../../assets/send";
 import {
@@ -30,13 +29,14 @@ import { utils } from "ethers";
 import LoadingTextAnimation from "../base/LoadingTextAnimation";
 import CheckIcon from "../../assets/check";
 import { TokenSelector } from "./TokenSelector";
+import { useGlobalTheme } from "../../providers/ui-context-provider";

 export const SendButton = ({
  supportedTokens,
 }: {
  supportedTokens: SupportedTokens;
 }) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const [isModalVisible, setIsModalVisible] = useState(false);

  const onClose = () => {
@@ -139,12 +139,12 @@ const SendFundsForm = ({
  onTokenSelectorPress: () => void;
  token?: TokenInfo;
 }) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const chain = useChain();
  const wallet = useWallet();
  const chainId = useChainId();
  const [receiverAddress, setReceiverAddress] = useState("");
-  const [amount, setAmount] = useState("");
+  const [amount, setAmount] = useState("0");
  const [showIcon, setShowIcon] = useState(false);
  const tokenAddress = token?.address;

@@ -313,6 +313,7 @@ const SendFundsForm = ({
          editable={!sendTokenMutation.isLoading}
          returnKeyType={"done"}
          keyboardType="numeric"
+          value={amount}
          clearTextOnFocus={false}
          style={{
            color: theme.colors.textPrimary,
@@ -322,8 +323,6 @@ const SendFundsForm = ({
            paddingHorizontal: 16,
          }}
          onChangeText={setAmount}
-          placeholder="0"
-          placeholderTextColor={theme.colors.textPrimary}
          autoCapitalize="none"
          autoCorrect={false}
        />
@@ -348,11 +347,18 @@ const SendFundsForm = ({
        }}
      >
        {sendTokenMutation.isLoading ? (
-          <ActivityIndicator size="small" color={theme.colors.textPrimary} />
+          <ActivityIndicator
+            size="small"
+            color={theme.colors.accentButtonTextColor}
+          />
        ) : showIcon ? (
-          <CheckIcon width={20} height={13} color={theme.colors.textPrimary} />
+          <CheckIcon
+            width={20}
+            height={13}
+            color={theme.colors.accentButtonTextColor}
+          />
        ) : (
-          <Text variant="bodySmall" mr="sm">
+          <Text variant="bodySmall" color="accentButtonTextColor" mr="sm">
            Send
          </Text>
        )}
@@ -15,10 +15,10 @@ import {
  ScrollView,
  TextInput,
 } from "react-native";
-import { useAppTheme } from "../../styles/hooks";
 import { SelectTokenButton } from "./SelectTokenButton";
 import CloseIcon from "../../assets/close";
 import Text from "../base/Text";
+import { useGlobalTheme } from "../../providers/ui-context-provider";

 export function useToken(tokenAddress: string): {
  isLoading: boolean;
@@ -82,7 +82,7 @@ export function TokenSelector(props: {
  onBack: () => void;
  supportedTokens: SupportedTokens;
 }) {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const [input, setInput] = useState("");
  const chainId = useChainId();
  const nativeTokenInfo = useNativeToken();
@@ -35,7 +35,7 @@ const ImageSvgUri = ({
  }

  return (
-    <Box style={{ width: width, height: height }}>
+    <Box width={width} height={height}>
      {error ? (
        <SvgUri width={width} height={height} uri={resolvedImageUrl} />
      ) : (
@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useRef } from "react";
 import { View, Animated, Easing, StyleSheet } from "react-native";
 import { baseTheme } from "../../styles/theme";
-import { useAppTheme } from "../../styles/hooks";
+import { useGlobalTheme } from "../../providers/ui-context-provider";

 type LoadingTextAnimationProps = {
  text: string;
@@ -13,7 +13,7 @@ const LoadingTextAnimation = ({
  textVariant,
 }: LoadingTextAnimationProps) => {
  const fadeAnim = useRef(new Animated.Value(0)).current;
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();

  const fadeInOut = useCallback(() => {
    Animated.loop(
@@ -14,8 +14,8 @@ import { useSwitchChain, useSupportedChains } from "@thirdweb-dev/react-core";
 import Box from "./Box";
 import { ModalHeaderTextClose } from "./modal/ModalHeaderTextClose";
 import { TWModal } from "./modal/TWModal";
-import { useAppTheme } from "../../styles/hooks";
 import { Chain } from "@thirdweb-dev/chains";
+import { useGlobalTheme } from "../../providers/ui-context-provider";

 type NetworkButtonProps = {
  chain?: Chain;
@@ -35,7 +35,7 @@ export const NetworkButton = ({
  padding,
  ...props
 }: NetworkButtonProps) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const [isModalVisible, setIsModalVisible] = useState(false);
  const [switchError, setSwitchError] = useState<string | undefined>();
  const [isSwitching, setIsSwitching] = useState(false);
@@ -72,6 +72,7 @@ export const NetworkButton = ({
    <>
      <BaseButton
        p={padding || "sm"}
+        paddingVertical="xs"
        borderRadius="md"
        borderWidth={0.5}
        flexDirection="row"
@@ -82,13 +83,8 @@ export const NetworkButton = ({
        {...props}
      >
        <Box flexDirection="row" alignItems="center">
-          <ChainIcon chainIconUrl={chain?.icon?.url} size={32} />
-          <Box
-            ml="md"
-            alignItems="flex-start"
-            justifyContent="center"
-            height={36}
-          >
+          <ChainIcon chainIconUrl={chain?.icon?.url} size={28} />
+          <Box ml="md" alignItems="flex-start" justifyContent="center">
            <Text variant="bodyLarge">{chain?.name || "Unknown Network"}</Text>
            {isSwitching ? (
              <Box flexDirection="row" alignItems="center">
@@ -2,7 +2,7 @@ import { ReactElement, useEffect, useRef } from "react";
 import { Theme } from "../../styles/theme";
 import Text from "./Text";
 import { Animated, StyleSheet } from "react-native";
-import { useAppTheme } from "../../styles/hooks";
+import { useGlobalTheme } from "../../providers/ui-context-provider";

 export const TOAST_HEIGHT = 45;

@@ -19,7 +19,7 @@ export function Toast({
  backgroundColor,
  translateY = TOAST_HEIGHT,
 }: ToastProps) {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();

  const translateYRef = useRef(new Animated.Value(translateY)).current;

@@ -4,20 +4,27 @@ import ImageSvgUri from "./ImageSvgUri";
 import { Label } from "./Label";
 import Text from "./Text";
 import Box from "./Box";
+import { Palette } from "../../styles/colors";

 type WalletButtonProps = {
  onPress?: () => void;
  walletIconUrl: string;
  name: string;
+  nameColor?: keyof Palette;
  labelText?: string;
  recommended?: boolean;
+  iconWidth?: number;
+  iconHeight?: number;
 } & React.ComponentProps<typeof BaseButton>;

 export const WalletButton = ({
+  iconWidth = 48,
+  iconHeight = 48,
  mb,
  onPress,
  walletIconUrl,
  name,
+  nameColor = "textPrimary",
  labelText,
  recommended,
  ...props
@@ -36,9 +43,15 @@ export const WalletButton = ({
      {...props}
    >
      <Box flexDirection="row" justifyContent="flex-start" alignItems="center">
-        <ImageSvgUri imageUrl={walletIconUrl} width={48} height={48} />
+        <ImageSvgUri
+          imageUrl={walletIconUrl}
+          width={iconWidth}
+          height={iconHeight}
+        />
        <Box ml="sm" alignItems="flex-start">
-          <Text variant="bodyLarge">{name}</Text>
+          <Text variant="bodyLarge" color={nameColor}>
+            {name}
+          </Text>
          {recommended ? <Text variant="link">Recommended</Text> : null}
        </Box>
      </Box>
@@ -1,4 +1,4 @@
-import { useAppTheme } from "../../styles/hooks";
+import { useGlobalTheme } from "../../providers/ui-context-provider";
 import BaseButton from "./BaseButton";
 import Box from "./Box";
 import ImageSvgUri from "./ImageSvgUri";
@@ -17,7 +17,7 @@ export const WalletButtonSquare = ({
  name,
  size,
 }: WalletButtonSquareProps) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();

  const marginVertical = theme.spacing.xs;
  return (
@@ -1,6 +1,6 @@
+import { useGlobalTheme } from "../../../providers/ui-context-provider";
 import Text from "../Text";
 import { TouchableOpacity, StyleSheet, ActivityIndicator } from "react-native";
-import { useAppTheme } from "../../../styles/hooks";

 export const ModalFooter = ({
  footer,
@@ -11,7 +11,7 @@ export const ModalFooter = ({
  isLoading?: boolean;
  onPress?: () => void;
 }) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();

  return (
    <TouchableOpacity style={styles.footer} onPress={onPress}>
@@ -1,9 +1,9 @@
 import { View } from "react-native";
 import { Icon } from "../../../assets/icon";
-import { useAppTheme } from "../../../styles/hooks";
 import Box from "../Box";
 import Text from "../Text";
 import { ReactNode } from "react";
+import { useGlobalTheme } from "../../../providers/ui-context-provider";

 interface ModalHeaderTextCloseProps {
  onClose?: () => void;
@@ -19,7 +19,7 @@ export const ModalHeaderTextClose = ({
  onBackPress,
  ...props
 }: ModalHeaderTextCloseProps & React.ComponentProps<typeof Box>) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();

  return (
    <>
@@ -78,7 +78,7 @@ export const useGlobalTheme = (theme?: ThemeProviderProps["theme"]): Theme => {
  const appTheme = useTheme();

  const resultTheme = useMemo(() => {
-    const resp = getThemeObj(theme) || getThemeObj(context.theme) || appTheme;
+    const resp = getThemeObj(context.theme) || getThemeObj(theme) || appTheme;
    return resp;
  }, [theme, context, appTheme]);

@@ -1,12 +1,13 @@
 import {
  EmbeddedWalletConnectionArgs,
  EmbeddedWalletConnectorOptions,
+  OauthOption,
 } from "./types";
 import type { Chain } from "@thirdweb-dev/chains";
 import { Connector, normalizeChainId } from "@thirdweb-dev/wallets";
 import { providers, Signer } from "ethers";
 import { utils } from "ethers";
-import { sendEmailOTP, validateEmailOTP } from "./embedded/auth";
+import { sendEmailOTP, socialLogin, validateEmailOTP } from "./embedded/auth";
 import { getEthersSigner } from "./embedded/signer";
 import { logoutUser } from "./embedded/helpers/auth/logout";
 import {
@@ -83,6 +84,36 @@ export class EmbeddedWalletConnector extends Connector<EmbeddedWalletConnectionA
    return sendEmailOTP(email, this.options.clientId);
  }

+  async socialLogin(oauthOption: OauthOption) {
+    try {
+      const { email } = await socialLogin(oauthOption, this.options.clientId);
+      this.email = email;
+      saveConnectedEmail(email);
+    } catch (error) {
+      console.error(
+        `Error while signing in with: ${oauthOption.provider}. ${error}`,
+      );
+      if (error instanceof Error) {
+        return { error: error.message };
+      } else {
+        return { error: "An unknown error occurred" };
+      }
+    }
+
+    try {
+      await this.getSigner();
+      this.emit("connected");
+    } catch (error) {
+      if (error instanceof Error) {
+        return { error: error.message };
+      } else {
+        return { error: "Error getting the signer" };
+      }
+    }
+
+    return { success: true };
+  }
+
  async disconnect(): Promise<void> {
    clearConnectedEmail();
    await logoutUser(this.options.clientId);
@@ -19,6 +19,9 @@ import { postPaperAuth, prePaperAuth } from "./helpers/auth/middleware";
 import { isDeviceSharePresentForUser } from "./helpers/storage/local";
 import { getCognitoUser, setCognitoUser } from "./helpers/storage/state";
 import { SendEmailOtpReturnType } from "@thirdweb-dev/wallets";
+import { InAppBrowser } from "react-native-inappbrowser-reborn";
+import { OauthOption } from "../types";
+import { ROUTE_HEADLESS_GOOGLE_LOGIN } from "./helpers/constants";

 export async function sendEmailOTP(
  email: string,
@@ -122,3 +125,74 @@ export async function validateEmailOTP({
    );
  }
 }
+
+export async function socialLogin(oauthOptions: OauthOption, clientId: string) {
+  const headlessLoginLinkWithParams = `${ROUTE_HEADLESS_GOOGLE_LOGIN}?authProvider=${encodeURIComponent(
+    "google",
+  )}&baseUrl=${encodeURIComponent(
+    "https://ews.thirdweb.com",
+  )}&platform=${encodeURIComponent("mobile")}`;
+
+  const resp = await fetch(headlessLoginLinkWithParams);
+
+  if (!resp.ok) {
+    throw new Error("Error getting headless login link");
+  }
+
+  const json = await resp.json();
+
+  const { platformLoginLink } = json;
+
+  const completeLoginUrl = `${platformLoginLink}?developerClientId=${encodeURIComponent(
+    clientId || "",
+  )}&platform=${encodeURIComponent("mobile")}&redirectUrl=${encodeURIComponent(
+    oauthOptions.redirectUrl,
+  )}`;
+
+  const result = await InAppBrowser.openAuth(
+    completeLoginUrl,
+    oauthOptions.redirectUrl,
+    {
+      // iOS Properties
+      ephemeralWebSession: false,
+      // Android Properties
+      showTitle: false,
+      enableUrlBarHiding: false,
+      enableDefaultShare: false,
+    },
+  );
+
+  if (result.type !== "success") {
+    throw new Error("Error signing in. Please try again later.");
+  }
+
+  const decodedUrl = decodeURIComponent(result.url);
+
+  const parts = decodedUrl.split("?authResult=");
+  if (parts.length < 2) {
+    throw new Error("Malformed response from the login redirect");
+  }
+  const authResult = parts[1];
+  const { storedToken } = JSON.parse(authResult);
+
+  try {
+    const toStoreToken: AuthStoredTokenWithCookieReturnType["storedToken"] = {
+      jwtToken: storedToken.jwtToken,
+      authDetails: storedToken.authDetails,
+      authProvider: storedToken.authProvider,
+      developerClientId: storedToken.developerClientId,
+      cookieString: storedToken.cookieString,
+      // we should always store the jwt cookie since there's no concept of cookie in react native
+      shouldStoreCookieString: true,
+      isNewUser: storedToken.isNewUser,
+    };
+
+    await postPaperAuth(toStoreToken, clientId);
+
+    return { storedToken, email: storedToken.authDetails.email };
+  } catch (e) {
+    throw new Error(
+      `Malformed response from post authentication: ${JSON.stringify(e)}`,
+    );
+  }
+}
@@ -30,4 +30,6 @@ export const ROUTE_STORE_USER_SHARES = `${ROUTE_2022_08_12_API_BASE_PATH}/embedd
 export const ROUTE_GET_USER_SHARES = `${ROUTE_2022_08_12_API_BASE_PATH}/embedded-wallet/get-shares`;
 export const ROUTE_VERIFY_THIRDWEB_CLIENT_ID = `${ROUTE_2022_08_12_API_BASE_PATH}/embedded-wallet/verify-thirdweb-client-id`;

+export const ROUTE_HEADLESS_GOOGLE_LOGIN = `${BASE_URL}/api/2022-08-12/embedded-wallet/headless-login-link`;
+
 export const ROUTE_AUTH_COGNITO_ID_TOKEN = `${ROUTE_2022_08_12_API_BASE_PATH}/embedded-wallet/cognito-id-token`;
@@ -1,11 +1,21 @@
 import { Chain } from "@thirdweb-dev/chains";
 import { WalletOptions } from "@thirdweb-dev/wallets";
-
 import type {
  RecoveryShareManagement,
  PaperConstructorType,
+  AuthProvider,
 } from "@paperxyz/embedded-wallet-service-sdk";

+export type OauthOptions = {
+  providers: AuthProvider[];
+  redirectUrl: string;
+};
+
+export type OauthOption = {
+  provider: AuthProvider;
+  redirectUrl: string;
+};
+
 export interface EmbeddedConnectorOptions {
  chains?: Chain[];
  chainId?: number;
@@ -12,12 +12,14 @@ import {
  TextInput,
  TextInputKeyPressEventData,
 } from "react-native";
-import { useAppTheme } from "../../../styles/hooks";
 import { ConnectWalletHeader } from "../../../components/ConnectWalletFlow/ConnectingWallet/ConnectingWalletHeader";
 import Box from "../../../components/base/Box";
 import Text from "../../../components/base/Text";
 import BaseButton from "../../../components/base/BaseButton";
 import * as Clipboard from "expo-clipboard";
+import { StyleSheet } from "react-native";
+import { EmbeddedSocialConnection } from "./EmbeddedSocialConnection";
+import { useGlobalTheme } from "../../../providers/ui-context-provider";

 const OTP_LENGTH = 6;

@@ -26,8 +28,9 @@ export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
  goBack,
  selectionData,
  onLocallyConnected,
+  ...props
 }) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const inputRefs = useRef<(TextInput | null)[]>([]);
  const [values, setValues] = useState<string[]>(
    new Array(OTP_LENGTH).fill(""),
@@ -104,6 +107,7 @@ export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
          inputRefs.current[i]?.setNativeProps({ text: newValues[i] });
        }
        setValues(newValues);
+        Clipboard.setStringAsync("");
        return;
      }
    }
@@ -157,6 +161,18 @@ export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
      });
  };

+  if (selectionData?.oauthOptions) {
+    return (
+      <EmbeddedSocialConnection
+        connected={() => {}}
+        goBack={goBack}
+        onLocallyConnected={onLocallyConnected}
+        selectionData={selectionData}
+        {...props}
+      />
+    );
+  }
+
  return (
    <Box marginHorizontal="xl">
      <ConnectWalletHeader
@@ -198,10 +214,8 @@ export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
            <TextInput
              ref={(ref) => (inputRefs.current[index] = ref)}
              style={{
-                fontSize: 20,
+                ...styles.textInput,
                color: theme.colors.textPrimary,
-                textAlign: "center",
-                height: 50,
              }}
              keyboardType="number-pad"
              editable={!checkingOtp}
@@ -246,3 +260,11 @@ export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
    </Box>
  );
 };
+
+const styles = StyleSheet.create({
+  textInput: {
+    fontSize: 20,
+    textAlign: "center",
+    height: 50,
+  },
+});
@@ -1,7 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { EmbeddedWallet } from "./EmbeddedWallet";
 import { ActivityIndicator } from "react-native";
-import { useAppTheme } from "../../../styles/hooks";
 import {
  SelectUIProps,
  useCreateWalletInstance,
@@ -10,21 +9,30 @@ import Box from "../../../components/base/Box";
 import Text from "../../../components/base/Text";
 import BaseButton from "../../../components/base/BaseButton";
 import { TextInput } from "../../../components/base/TextInput";
+import { GOOGLE_ICON } from "../../../assets/svgs";
+import { WalletButton } from "../../../components/base/WalletButton";
+import { AuthProvider } from "@paperxyz/embedded-wallet-service-sdk";
+import { OauthOptions } from "../../connectors/embedded-wallet/types";
+import { useGlobalTheme } from "../../../providers/ui-context-provider";

 /**
 * UI for selecting wallet - this UI is rendered in the wallet selection screen
 */
-export const EmailSelectionUI: React.FC<SelectUIProps<EmbeddedWallet>> = ({
-  onSelect,
-  walletConfig,
-}) => {
-  const theme = useAppTheme();
-  const [email, setEmail] = useState<string>("");
+export const EmailSelectionUI: React.FC<
+  SelectUIProps<EmbeddedWallet> & {
+    oauthOptions?: OauthOptions;
+    email?: boolean;
+  }
+> = ({ onSelect, walletConfig, oauthOptions, email }) => {
+  const theme = useGlobalTheme();
+  const [emailInput, setEmailInput] = useState<string>("");
  const [errorMessage, setErrorMessage] = useState<string>("");
  const [isFetching, setIsFetching] = useState<boolean>(false);
  const createWalletInstance = useCreateWalletInstance();
  const [emailWallet, setEmailWallet] = useState<EmbeddedWallet | null>(null);

+  const isEmailEnabled = email === false ? false : true;
+
  useEffect(() => {
    const emailWalletInstance = createWalletInstance(
      walletConfig,
@@ -39,17 +47,18 @@ export const EmailSelectionUI: React.FC<SelectUIProps<EmbeddedWallet>> = ({
  };

  const handleNetworkCall = () => {
-    if (validateEmail(email)) {
+    if (validateEmail(emailInput)) {
      setErrorMessage("");
      setIsFetching(true);

      emailWallet
-        ?.sendEmailOTP(email)
+        ?.sendEmailOTP(emailInput)
        .then((response) => {
          onSelect({
            ...response,
-            email,
+            email: emailInput,
            emailWallet,
+            oauthOptions: undefined,
          });
        })
        .catch((error) => {
@@ -65,58 +74,109 @@ export const EmailSelectionUI: React.FC<SelectUIProps<EmbeddedWallet>> = ({
    }
  };

+  const onGoogleSignInPress = () => {
+    onSelect({
+      email: emailInput,
+      emailWallet,
+      oauthOptions: {
+        provider: oauthOptions?.providers[0],
+        redirectUrl: oauthOptions?.redirectUrl,
+      },
+    });
+  };
+
  return (
    <Box paddingHorizontal="xl" mt="lg">
-      <TextInput
-        textInputProps={{
-          placeholder: "Enter your email address",
-          placeholderTextColor: theme.colors.textSecondary,
-          onChangeText: setEmail,
-          style: {
-            fontSize: 14,
-            color: theme.colors.textPrimary,
-            lineHeight: 16,
-            padding: 0,
-            flex: 1,
-          },
-          value: email,
-          keyboardType: "email-address",
-          returnKeyType: "done",
-          autoCapitalize: "none",
-          autoCorrect: false,
-          autoComplete: "off",
-          clearTextOnFocus: false,
-        }}
-        containerProps={{
-          paddingHorizontal: "sm",
-          paddingVertical: "sm",
-          justifyContent: "flex-start",
-        }}
-      />
-      <BaseButton
-        mt="md"
-        paddingVertical="md"
-        borderRadius="lg"
-        borderWidth={1}
-        borderColor="border"
-        backgroundColor="accentButtonColor"
-        onPress={handleNetworkCall}
-      >
-        {isFetching ? (
-          <ActivityIndicator
-            size={"small"}
-            color={theme.colors.accentButtonTextColor}
+      {oauthOptions?.providers.includes(AuthProvider.GOOGLE) ? (
+        <Box justifyContent="center">
+          <WalletButton
+            iconHeight={28}
+            iconWidth={28}
+            borderRadius="lg"
+            borderWidth={1}
+            borderColor="buttonBackgroundColor"
+            backgroundColor="buttonBackgroundColor"
+            nameColor="buttonTextColor"
+            justifyContent="center"
+            name="Sign in with Google"
+            walletIconUrl={GOOGLE_ICON}
+            onPress={onGoogleSignInPress}
          />
-        ) : (
-          <Text
-            variant="bodySmall"
-            color="accentButtonTextColor"
-            fontWeight="700"
+          {isEmailEnabled ? (
+            <Box
+              mb="md"
+              mt="md"
+              flexDirection="row"
+              justifyContent="center"
+              alignItems="center"
+            >
+              <Box height={1} flex={1} backgroundColor="border" />
+              <Text
+                variant="subHeader"
+                textAlign="center"
+                marginHorizontal="xxs"
+              >
+                OR
+              </Text>
+              <Box height={1} flex={1} backgroundColor="border" />
+            </Box>
+          ) : null}
+        </Box>
+      ) : null}
+      {isEmailEnabled ? (
+        <>
+          <TextInput
+            textInputProps={{
+              placeholder: "Enter your email address",
+              placeholderTextColor: theme.colors.textSecondary,
+              onChangeText: setEmailInput,
+              style: {
+                fontSize: 14,
+                color: theme.colors.textPrimary,
+                lineHeight: 16,
+                padding: 0,
+                flex: 1,
+              },
+              value: emailInput,
+              keyboardType: "email-address",
+              returnKeyType: "done",
+              autoCapitalize: "none",
+              autoCorrect: false,
+              autoComplete: "off",
+              clearTextOnFocus: false,
+            }}
+            containerProps={{
+              paddingHorizontal: "sm",
+              paddingVertical: "sm",
+              justifyContent: "flex-start",
+            }}
+          />
+          <BaseButton
+            mt="md"
+            paddingVertical="md"
+            borderRadius="lg"
+            borderWidth={1}
+            borderColor="border"
+            backgroundColor="accentButtonColor"
+            onPress={handleNetworkCall}
          >
-            Continue
-          </Text>
-        )}
-      </BaseButton>
+            {isFetching ? (
+              <ActivityIndicator
+                size={"small"}
+                color={theme.colors.accentButtonTextColor}
+              />
+            ) : (
+              <Text
+                variant="bodySmall"
+                color="accentButtonTextColor"
+                fontWeight="700"
+              >
+                Continue
+              </Text>
+            )}
+          </BaseButton>
+        </>
+      ) : null}
      {errorMessage ? (
        <Text variant="error" mt="xxs">
          {errorMessage}
@@ -0,0 +1,86 @@
+import { useCallback, useEffect, useState } from "react";
+import React from "react";
+import { ActivityIndicator } from "react-native";
+import { EmbeddedWallet } from "./EmbeddedWallet";
+import {
+  ConnectUIProps,
+  useSetConnectedWallet,
+  useSetConnectionStatus,
+} from "@thirdweb-dev/react-core";
+import { GOOGLE_ICON } from "../../../assets";
+import { ConnectWalletHeader } from "../../../components/ConnectWalletFlow/ConnectingWallet/ConnectingWalletHeader";
+import { Box, Text, WalletButton } from "../../../components/base";
+
+export const EmbeddedSocialConnection: React.FC<
+  ConnectUIProps<EmbeddedWallet>
+> = ({ goBack, selectionData, onLocallyConnected }) => {
+  const setConnectedWallet = useSetConnectedWallet();
+  const setConnectionStatus = useSetConnectionStatus();
+  const [errorMessage, setErrorMessage] = useState<string>();
+
+  const handleGoogleLogin = useCallback(() => {
+    setErrorMessage("");
+
+    setTimeout(() => {
+      (selectionData.emailWallet as EmbeddedWallet)
+        .socialLogin(selectionData?.oauthOptions)
+        .then(async (response) => {
+          if (response?.success) {
+            if (onLocallyConnected) {
+              onLocallyConnected(selectionData.emailWallet);
+            } else {
+              await setConnectedWallet(selectionData.emailWallet);
+              setConnectionStatus("connected");
+            }
+          } else {
+            setErrorMessage(
+              response?.error || "Error login in. Please try again later.",
+            );
+          }
+        })
+        .catch((error) => {
+          console.error("Error validating otp: ", error);
+          setErrorMessage("Error login in. Please try again later.");
+        });
+    }, 0);
+  }, [
+    onLocallyConnected,
+    selectionData.emailWallet,
+    selectionData.oauthOptions,
+    setConnectedWallet,
+    setConnectionStatus,
+  ]);
+
+  useEffect(() => {
+    handleGoogleLogin();
+  }, [handleGoogleLogin]);
+
+  return (
+    <Box marginHorizontal="xl" height={200}>
+      <ConnectWalletHeader
+        middleContent={
+          <WalletButton
+            iconHeight={28}
+            iconWidth={28}
+            borderRadius="lg"
+            justifyContent="center"
+            name="Sign In"
+            walletIconUrl={GOOGLE_ICON}
+          />
+        }
+        subHeaderText={""}
+        onBackPress={goBack}
+        onClose={goBack}
+      />
+      <Box flex={1} justifyContent="center" alignItems="center">
+        {!errorMessage ? (
+          <ActivityIndicator size="large" />
+        ) : (
+          <Text variant="error" numberOfLines={1}>
+            {errorMessage}
+          </Text>
+        )}
+      </Box>
+    </Box>
+  );
+};
@@ -5,7 +5,10 @@ import {
  walletIds,
 } from "@thirdweb-dev/wallets";
 import type { EmbeddedWalletConnector as EmbeddedConnectorType } from "../../connectors/embedded-wallet/embedded-connector";
-import { EmbeddedWalletConnectionArgs } from "../../connectors/embedded-wallet/types";
+import {
+  EmbeddedWalletConnectionArgs,
+  OauthOption,
+} from "../../connectors/embedded-wallet/types";
 import { EmbeddedWalletConnector } from "../../connectors/embedded-wallet/embedded-connector";
 import { EMAIL_WALLET_ICON } from "../../../assets/svgs";

@@ -43,8 +46,6 @@ export class EmbeddedWallet extends AbstractClientWallet<
    return this.connector;
  }

-  // my methods
-
  initializeConnector() {
    this.connector = new EmbeddedWalletConnector({
      ...this.options,
@@ -63,6 +64,10 @@ export class EmbeddedWallet extends AbstractClientWallet<
    return this.connector?.sendEmailOtp(email);
  }

+  async socialLogin(oauthOption: OauthOption) {
+    return this.connector?.socialLogin(oauthOption);
+  }
+
  onConnected = () => {
    this.emit("message", { type: "connected" });
  };
@@ -6,16 +6,40 @@ import {
 } from "@thirdweb-dev/react-core";
 import { EmbeddedConnectionUI } from "./EmbeddedConnectionUI";
 import { EmailSelectionUI } from "./EmbeddedSelectionUI";
+import { AuthProvider } from "@paperxyz/embedded-wallet-service-sdk";
+
+type OAuthProvider = "google"; // currently we only have one

 export type EmbeddedWalletConfig = {
-  recommended?: boolean;
+  // @default true - set false to disable
+  email?: boolean;
+
+  // @default { providers: ['google'] } - set false to disable
+  oauthOptions?:
+    | {
+        providers: OAuthProvider[];
+        redirectUrl: string;
+      }
+    | false;
 };

 export const embeddedWallet = (
  config?: EmbeddedWalletConfig,
 ): WalletConfig<EmbeddedWallet> => {
  const selectUI = (props: SelectUIProps<EmbeddedWallet>) => (
-    <EmailSelectionUI {...props} />
+    <EmailSelectionUI
+      {...props}
+      oauthOptions={
+        config?.oauthOptions
+          ? {
+              providers: [AuthProvider.GOOGLE],
+              redirectUrl: config.oauthOptions.redirectUrl,
+            }
+          : undefined
+      }
+      // you cannot disable both email and oauth
+      email={!config?.oauthOptions && !config?.email ? true : config?.email}
+    />
  );

  return {
@@ -29,6 +53,5 @@ export const embeddedWallet = (
    },
    selectUI: selectUI,
    connectUI: EmbeddedConnectionUI,
-    recommended: config?.recommended,
  };
 };
@@ -17,9 +17,9 @@ import { TextInput } from "../../components/base/TextInput";
 import Text from "../../components/base/Text";
 import { useMagicLink } from "../../providers/context-provider";
 import BaseButton from "../../components/base/BaseButton";
-import { useAppTheme } from "../../styles/hooks";
 import React from "react";
 import { ConnectingWallet } from "../../components/ConnectWalletFlow/ConnectingWallet/ConnectingWallet";
+import { useGlobalTheme } from "../../providers/ui-context-provider";

 export const magicLink = (
  magicLinkOptions: MagicLinkOptions & { recommended?: boolean },
@@ -54,7 +54,7 @@ export const magicLink = (
 };

 const MagicSelectionUI: React.FC<SelectUIProps<MagicLink>> = (props) => {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const [email, setEmail] = React.useState("");

  const onContinuePress = () => {
@@ -19,9 +19,9 @@ import {
  useSetConnectionStatus,
 } from "@thirdweb-dev/react-core";
 import { WalletConnect } from "./WalletConnect";
-import { useAppTheme } from "../../../styles/hooks";
 import { WalletConnectButton } from "./WalletConnectButton";
 import { ModalHeaderTextClose } from "../../../components/base";
+import { useGlobalTheme } from "../../../providers/ui-context-provider";

 type WCWallet = {
  iconURL: string;
@@ -41,7 +41,7 @@ export function WalletConnectUI({
  goBack,
  projectId,
 }: ConnectUIProps<WalletConnect> & { projectId: string }) {
-  const theme = useAppTheme();
+  const theme = useGlobalTheme();
  const [wallets, setWallets] = useState<WCWallet[]>([]);
  const [error, setError] = useState<string | undefined>();
  const [loading, setLoading] = useState<boolean>(true);
@@ -1,7 +1,7 @@
 import { useEffect, useRef } from "react";
 import { Animated, Easing, StyleSheet, View } from "react-native";
 import Svg, { Rect } from "react-native-svg";
-import { useAppTheme } from "../../../styles/hooks";
+import { useGlobalTheme } from "../../../providers/ui-context-provider";

 const AnimatedRect = Animated.createAnimatedComponent(Rect);

@@ -19,7 +19,7 @@ function WalletLoadingThumbnail({
  showError,
  imageSize = 50,
 }: Props) {
-  const Theme = useAppTheme();
+  const Theme = useGlobalTheme();
  const spinValue = useRef(new Animated.Value(0));

  useEffect(() => {
@@ -1,5 +1,78 @@
 # @thirdweb-dev/react

+## 4.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`137f46a5`](https://github.com/thirdweb-dev/js/commit/137f46a5470d2b5f9d7f9eda9b2d839a53ddeb64)]:
+  - @thirdweb-dev/chains@0.1.55
+  - @thirdweb-dev/react-core@4.0.7
+  - @thirdweb-dev/sdk@4.0.6
+  - @thirdweb-dev/wallets@2.0.7
+
+## 4.0.6
+
+### Patch Changes
+
+- Updated dependencies [[`07544252`](https://github.com/thirdweb-dev/js/commit/07544252b49163e1ae84ba2cc76b99597a1c4553)]:
+  - @thirdweb-dev/sdk@4.0.5
+  - @thirdweb-dev/react-core@4.0.6
+  - @thirdweb-dev/wallets@2.0.6
+
+## 4.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @thirdweb-dev/sdk@4.0.4
+  - @thirdweb-dev/wallets@2.0.5
+  - @thirdweb-dev/react-core@4.0.5
+
+## 4.0.4
+
+### Patch Changes
+
+- [#1769](https://github.com/thirdweb-dev/js/pull/1769) [`010955ff`](https://github.com/thirdweb-dev/js/commit/010955ff5cc35a975b54c25992b8e65b40e033a1) Thanks [@MananTank](https://github.com/MananTank)! - Fix OTP input not working well with Japanese keyboard
+
+- Updated dependencies [[`956b5645`](https://github.com/thirdweb-dev/js/commit/956b5645e4266cba536abd27ee250dab5aa9a177)]:
+  - @thirdweb-dev/sdk@4.0.3
+  - @thirdweb-dev/wallets@2.0.4
+  - @thirdweb-dev/react-core@4.0.4
+
+## 4.0.3
+
+### Patch Changes
+
+- [#1766](https://github.com/thirdweb-dev/js/pull/1766) [`dd7d0fca`](https://github.com/thirdweb-dev/js/commit/dd7d0fca2d14a529343396a31939d49b1a074d3e) Thanks [@MananTank](https://github.com/MananTank)! - Fix Continue as Guest button missing when Social + Guest login is setup in ConnectWallet Modal
+
+- [#1692](https://github.com/thirdweb-dev/js/pull/1692) [`fb0f12ae`](https://github.com/thirdweb-dev/js/commit/fb0f12ae2835f4eba60ba4a74b453151cab0d393) Thanks [@etnlbck](https://github.com/etnlbck)! - Refactored OTPInput component to be simpler to read
+
+- Updated dependencies [[`526176c4`](https://github.com/thirdweb-dev/js/commit/526176c47108c91d83bcfc5f0ca556274e6462d6), [`d1f8e951`](https://github.com/thirdweb-dev/js/commit/d1f8e951623f1691fdfe3d1e8645970d0a52eb06), [`09120c92`](https://github.com/thirdweb-dev/js/commit/09120c923cca804b9d4f5f779e5a53c97ecc8223), [`08e9cd20`](https://github.com/thirdweb-dev/js/commit/08e9cd206bcc37cf1e84a878dc78bc4f38e5092c), [`6573556d`](https://github.com/thirdweb-dev/js/commit/6573556d0e03efa0d6a157fccb0a1c08dd22d7cd)]:
+  - @thirdweb-dev/sdk@4.0.2
+  - @thirdweb-dev/react-core@4.0.3
+  - @thirdweb-dev/wallets@2.0.3
+
+## 4.0.2
+
+### Patch Changes
+
+- [#1750](https://github.com/thirdweb-dev/js/pull/1750) [`bb1666b9`](https://github.com/thirdweb-dev/js/commit/bb1666b92b5e151d78ea7dae6831297fb947d954) Thanks [@MananTank](https://github.com/MananTank)! - ConnectWallet UI tweaks/fixes
+
+- Updated dependencies [[`1f3c64d3`](https://github.com/thirdweb-dev/js/commit/1f3c64d3618903b9008cc7b633ea890b508e7800), [`74941603`](https://github.com/thirdweb-dev/js/commit/74941603a96456da46a47147f67c98235ac55022), [`4b98e487`](https://github.com/thirdweb-dev/js/commit/4b98e487d4b47225d7095e5444dc5e7608db48a3), [`693f349d`](https://github.com/thirdweb-dev/js/commit/693f349db2478e1cd0fc82a9ef9882f46832b125), [`dcdb0dcb`](https://github.com/thirdweb-dev/js/commit/dcdb0dcb838168a22c8335738852316dfb6e6fc9), [`0f12d1f9`](https://github.com/thirdweb-dev/js/commit/0f12d1f90320923309f085c372d3a5ed01dd4606), [`b3b9edca`](https://github.com/thirdweb-dev/js/commit/b3b9edca29e7d4053b14270a61caa89c34fecf9e), [`63ad0050`](https://github.com/thirdweb-dev/js/commit/63ad0050f0a24ec15b90933b5664d697618cf2d0)]:
+  - @thirdweb-dev/sdk@4.0.1
+  - @thirdweb-dev/wallets@2.0.2
+  - @thirdweb-dev/react-core@4.0.2
+
+## 4.0.1
+
+### Patch Changes
+
+- [#1742](https://github.com/thirdweb-dev/js/pull/1742) [`e684d05e`](https://github.com/thirdweb-dev/js/commit/e684d05e222458f02c8158eb9385d68c879dd946) Thanks [@MananTank](https://github.com/MananTank)! - Apply ConnectWallet theme to Google Sign in popup opened from paperWallet, embeddedWallet
+
+- Updated dependencies [[`e684d05e`](https://github.com/thirdweb-dev/js/commit/e684d05e222458f02c8158eb9385d68c879dd946)]:
+  - @thirdweb-dev/wallets@2.0.1
+  - @thirdweb-dev/react-core@4.0.1
+
 ## 4.0.0

 ### Major Changes
@@ -1,6 +1,6 @@
 {
  "name": "@thirdweb-dev/react",
-  "version": "4.0.0",
+  "version": "4.0.7",
  "repository": "https://github.com/thirdweb-dev/js/tree/main/packages/react",
  "author": "thirdweb eng <[email protected]>",
  "license": "Apache-2.0",
@@ -93,7 +93,7 @@
    "eslint": "^8.45.0",
    "eslint-config-prettier": "^8.9.0",
    "eslint-config-thirdweb": "workspace:*",
-    "eslint-plugin-better-tree-shaking": "0.0.3",
+    "eslint-plugin-better-tree-shaking": "0.0.4",
    "eslint-plugin-import": "^2.26.0",
    "eslint-plugin-inclusive-language": "^2.2.0",
    "eslint-plugin-prettier": "^5.0.0",
@@ -36,15 +36,17 @@ export function OTPInput(props: {
            data-error={props.isInvalid}
            ref={(e) => (boxEls.current[i] = e)}
            key={i}
-            value={otp[i] === undefined ? "" : otp[i]}
+            value={otp[i] ?? ""}
            type="number"
+            pattern="[0-9]*"
            variant="outline"
+            inputMode="numeric"
            onPaste={(e) => {
              const pastedData = e.clipboardData.getData("text/plain");
              const newOTP = pastedData
                .slice(0, props.digits)
                .split("")
-                .filter((n) => /[0-9]/.test(n))
+                .filter((n) => /\d/.test(n))
                .map(Number);

              setOTP(newOTP);
@@ -100,7 +102,7 @@ export function OTPInput(props: {
                }
              }

-              if (!/[0-9]/.test(value) && value !== "") {
+              if (!/\d/.test(value) && value !== "") {
                e.preventDefault();
                return;
              }
@@ -53,9 +53,9 @@ from {
  }
 `;

-const PopoverContent = /* @__PURE__ */ styled(
-  /* @__PURE__ */ RXPopover.Content,
-)<{ theme?: Theme }>`
+const PopoverContent = /* @__PURE__ */ (() => styled(RXPopover.Content)<{
+  theme?: Theme;
+}>`
  border-radius: ${radius.sm};
  padding: ${spacing.sm} ${spacing.md};
  background-color: ${(p) => p.theme.colors.tooltipBg};
@@ -64,10 +64,10 @@ const PopoverContent = /* @__PURE__ */ styled(
  animation: ${slideUpAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1);
  color: ${(p) => p.theme.colors.tooltipText};
  font-size: ${fontSize.md};
-`;
+`)();

-const PopoverArrow = /* @__PURE__ */ styled(/* @__PURE__ */ RXPopover.Arrow)<{
+const PopoverArrow = /* @__PURE__ */ (() => styled(RXPopover.Arrow)<{
  theme?: Theme;
 }>`
  fill: ${(p) => p.theme.colors.tooltipBg};
-`;
+`)();
@@ -1,7 +1,22 @@
 import styled from "@emotion/styled";
-import { fontSize, Theme } from "../design-system";
+import { fontSize, spacing, Theme } from "../design-system";

-export const TextDivider = styled.div<{ theme?: Theme }>`
+export const TextDivider = (props: {
+  text: string;
+  py?: keyof typeof spacing;
+}) => {
+  return (
+    <TextDividerEl
+      style={{
+        paddingBlock: props.py ? spacing[props.py] : 0,
+      }}
+    >
+      <span> {props.text}</span>
+    </TextDividerEl>
+  );
+};
+
+export const TextDividerEl = styled.div<{ theme?: Theme }>`
  display: flex;
  align-items: center;
  color: ${(p) => p.theme.colors.secondaryText};
@@ -40,9 +40,7 @@ to {
 }
 `;

-const TooltipContent = /* @__PURE__ */ styled(
-  /* @__PURE__ */ RadixTooltip.Content,
-)<{
+const TooltipContent = /* @__PURE__ */ (() => styled(RadixTooltip.Content)<{
  theme?: Theme;
 }>`
  background: ${(p) => p.theme.colors.tooltipBg};
@@ -58,12 +56,10 @@ const TooltipContent = /* @__PURE__ */ styled(
  z-index: 999999999999999;
  max-width: 300px;
  line-height: 1.5;
-`;
+`)();

-const TooltipArrow = /* @__PURE__ */ styled(
-  /* @__PURE__ */ RadixTooltip.Arrow,
-)<{
+const TooltipArrow = /* @__PURE__ */ (() => styled(RadixTooltip.Arrow)<{
  theme?: Theme;
 }>`
  fill: ${(p) => p.theme.colors.tooltipBg};
-`;
+`)();
@@ -63,13 +63,13 @@ function createThemeObj(colors: typeof darkColors) {
      scrollbarBg: colors.base2,
      walletSelectorButtonHoverBg: colors.base2,

-      separatorLine: colors.base3,
+      separatorLine: colors.base4,

      secondaryIconColor: colors.secondaryText,
      secondaryIconHoverBg: colors.base3,
      secondaryIconHoverColor: colors.primaryText,

-      borderColor: colors.base3,
+      borderColor: colors.base4,
      skeletonBg: colors.base3,

      selectedTextColor: colors.base1,
@@ -72,11 +72,8 @@ const PlayButton: React.FC<PlayButtonProps> = ({ onClick, isPlaying }) => {
  );
 };

-const VideoPlayer = /* @__PURE__ */ React.forwardRef<
-  HTMLVideoElement,
-  MediaRendererProps
->(
-  (
+const VideoPlayer = /* @__PURE__ */ (() =>
+  React.forwardRef<HTMLVideoElement, MediaRendererProps>(function Video_Player(
    {
      src,
      alt,
@@ -89,7 +86,7 @@ const VideoPlayer = /* @__PURE__ */ React.forwardRef<
      ...restProps
    },
    ref,
-  ) => {
+  ) {
    const videoRef = useRef<HTMLVideoElement>(null);
    const [playing, setPlaying] = useState(!requireInteraction);
    const [muted, setMuted] = useState(true);
@@ -170,196 +167,192 @@ const VideoPlayer = /* @__PURE__ */ React.forwardRef<
        />
      </div>
    );
-  },
-);
+  }))();

-VideoPlayer.displayName = "VideoPlayer";
+const AudioPlayer = /* @__PURE__ */ (() =>
+  React.forwardRef<HTMLAudioElement, MediaRendererProps>(function Audio_Player(
+    { src, alt, poster, style, height, width, ...restProps },
+    ref,
+  ) {
+    const audioRef = useRef<HTMLAudioElement>(null);
+    const [playing, setPlaying] = useState(false);
+    const [muted, setMuted] = useState(true);

-const AudioPlayer = /* @__PURE__ */ React.forwardRef<
-  HTMLAudioElement,
-  MediaRendererProps
->(({ src, alt, poster, style, height, width, ...restProps }, ref) => {
-  const audioRef = useRef<HTMLAudioElement>(null);
-  const [playing, setPlaying] = useState(false);
-  const [muted, setMuted] = useState(true);
-
-  useEffect(() => {
-    if (audioRef.current) {
-      if (playing) {
-        audioRef.current.play();
-      } else {
-        audioRef.current.pause();
-        audioRef.current.currentTime = 0;
+    useEffect(() => {
+      if (audioRef.current) {
+        if (playing) {
+          audioRef.current.play();
+        } else {
+          audioRef.current.pause();
+          audioRef.current.currentTime = 0;
+        }
      }
-    }
-  }, [playing]);
+    }, [playing]);

-  return (
-    <div style={{ position: "relative", ...style }} {...restProps}>
-      {poster ? (
-        <img
-          height={height}
-          width={width}
-          src={poster}
-          style={{
-            height: "100%",
-            width: "100%",
-            pointerEvents: "none",
-            objectFit: "contain",
+    return (
+      <div style={{ position: "relative", ...style }} {...restProps}>
+        {poster ? (
+          <img
+            height={height}
+            width={width}
+            src={poster}
+            style={{
+              height: "100%",
+              width: "100%",
+              pointerEvents: "none",
+              objectFit: "contain",
+            }}
+            alt={alt}
+          />
+        ) : (
+          <div
+            style={{
+              width: "100%",
+              height: "100%",
+              display: "grid",
+              placeItems: "center",
+              pointerEvents: "none",
+              backgroundColor: "#fff",
+              color: "rgb(138, 147, 155)",
+            }}
+          >
+            <CarbonDocumentAudio style={{ height: "64px", width: "64px" }} />
+          </div>
+        )}
+
+        <PlayButton
+          onClick={() => {
+            setPlaying((prev) => !prev);
+            setMuted(false);
          }}
-          alt={alt}
+          isPlaying={playing}
        />
-      ) : (
+        <audio
+          ref={mergeRefs([audioRef, ref])}
+          src={src ?? undefined}
+          loop
+          playsInline
+          muted={muted}
+          preload="none"
+          controlsList="nodownload"
+          style={{
+            position: "absolute",
+            opacity: 0,
+            pointerEvents: "none",
+            zIndex: -1,
+            visibility: "hidden",
+          }}
+        />
+      </div>
+    );
+  }))();
+
+const IframePlayer = /* @__PURE__ */ (() =>
+  React.forwardRef<HTMLIFrameElement, MediaRendererProps>(
+    function Iframe_Player(
+      { src, alt, poster, requireInteraction, style, ...restProps },
+      ref,
+    ) {
+      const [playing, setPlaying] = useState(!requireInteraction);
+
+      return (
+        <div style={{ position: "relative", ...style }} {...restProps}>
+          <iframe
+            src={playing ? src ?? undefined : undefined}
+            ref={ref}
+            style={{
+              objectFit: "contain",
+              zIndex: 1,
+              height: "100%",
+              width: "100%",
+              transition: "opacity .5s",
+              opacity: !poster ? 1 : playing ? 1 : 0,
+            }}
+            sandbox="allow-scripts"
+            allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+          />
+          {poster && (
+            <img
+              src={poster}
+              style={{
+                objectFit: "contain",
+                pointerEvents: "none",
+                position: "absolute",
+                width: "100%",
+                height: "100%",
+                zIndex: 2,
+                transition: "opacity .5s",
+                opacity: playing ? 0 : 1,
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: 0,
+              }}
+              alt={alt}
+            />
+          )}
+          <PlayButton
+            onClick={() => {
+              setPlaying((prev) => !prev);
+            }}
+            isPlaying={playing}
+          />
+        </div>
+      );
+    },
+  ))();
+
+const LinkPlayer = /* @__PURE__ */ (() =>
+  React.forwardRef<HTMLAnchorElement, MediaRendererProps>(function Link_Player(
+    { src, alt, style, ...restProps },
+    ref,
+  ) {
+    return (
+      <div style={{ position: "relative", ...style }} {...restProps}>
        <div
          style={{
            width: "100%",
            height: "100%",
            display: "grid",
            placeItems: "center",
-            pointerEvents: "none",
            backgroundColor: "#fff",
            color: "rgb(138, 147, 155)",
          }}
        >
-          <CarbonDocumentAudio style={{ height: "64px", width: "64px" }} />
-        </div>
-      )}
-
-      <PlayButton
-        onClick={() => {
-          setPlaying((prev) => !prev);
-          setMuted(false);
-        }}
-        isPlaying={playing}
-      />
-      <audio
-        ref={mergeRefs([audioRef, ref])}
-        src={src ?? undefined}
-        loop
-        playsInline
-        muted={muted}
-        preload="none"
-        controlsList="nodownload"
-        style={{
-          position: "absolute",
-          opacity: 0,
-          pointerEvents: "none",
-          zIndex: -1,
-          visibility: "hidden",
-        }}
-      />
-    </div>
-  );
-});
-
-AudioPlayer.displayName = "AudioPlayer";
-
-const IframePlayer = /* @__PURE__ */ React.forwardRef<
-  HTMLIFrameElement,
-  MediaRendererProps
->(({ src, alt, poster, requireInteraction, style, ...restProps }, ref) => {
-  const [playing, setPlaying] = useState(!requireInteraction);
-
-  return (
-    <div style={{ position: "relative", ...style }} {...restProps}>
-      <iframe
-        src={playing ? src ?? undefined : undefined}
-        ref={ref}
-        style={{
-          objectFit: "contain",
-          zIndex: 1,
-          height: "100%",
-          width: "100%",
-          transition: "opacity .5s",
-          opacity: !poster ? 1 : playing ? 1 : 0,
-        }}
-        sandbox="allow-scripts"
-        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-      />
-      {poster && (
-        <img
-          src={poster}
-          style={{
-            objectFit: "contain",
-            pointerEvents: "none",
-            position: "absolute",
-            width: "100%",
-            height: "100%",
-            zIndex: 2,
-            transition: "opacity .5s",
-            opacity: playing ? 0 : 1,
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-          }}
-          alt={alt}
-        />
-      )}
-      <PlayButton
-        onClick={() => {
-          setPlaying((prev) => !prev);
-        }}
-        isPlaying={playing}
-      />
-    </div>
-  );
-});
-
-IframePlayer.displayName = "IframePlayer";
-
-const LinkPlayer = /* @__PURE__ */ React.forwardRef<
-  HTMLAnchorElement,
-  MediaRendererProps
->(({ src, alt, style, ...restProps }, ref) => {
-  return (
-    <div style={{ position: "relative", ...style }} {...restProps}>
-      <div
-        style={{
-          width: "100%",
-          height: "100%",
-          display: "grid",
-          placeItems: "center",
-          backgroundColor: "#fff",
-          color: "rgb(138, 147, 155)",
-        }}
-      >
-        <div
-          style={{
-            display: "flex",
-            flexDirection: "column",
-            gap: "8px",
-            alignItems: "center",
-            flexWrap: "nowrap",
-          }}
-        >
-          <CarbonDocumentUnknown
+          <div
            style={{
-              maxWidth: "128px",
-              minWidth: "48px",
-              width: "50%",
-              aspectRatio: "1",
+              display: "flex",
+              flexDirection: "column",
+              gap: "8px",
+              alignItems: "center",
+              flexWrap: "nowrap",
            }}
-          />
-          <a
-            rel="noopener noreferrer"
-            style={{
-              textDecoration: "underline",
-              color: "rgb(138, 147, 155)",
-            }}
-            href={src ?? undefined}
-            target="_blank"
-            ref={ref as unknown as React.LegacyRef<HTMLAnchorElement>}
          >
-            {alt || "File"}
-          </a>
+            <CarbonDocumentUnknown
+              style={{
+                maxWidth: "128px",
+                minWidth: "48px",
+                width: "50%",
+                aspectRatio: "1",
+              }}
+            />
+            <a
+              rel="noopener noreferrer"
+              style={{
+                textDecoration: "underline",
+                color: "rgb(138, 147, 155)",
+              }}
+              href={src ?? undefined}
+              target="_blank"
+              ref={ref as unknown as React.LegacyRef<HTMLAnchorElement>}
+            >
+              {alt || "File"}
+            </a>
+          </div>
        </div>
      </div>
-    </div>
-  );
-});
-
-LinkPlayer.displayName = "LinkPlayer";
+    );
+  }))();

 /**
 * This component can be used to render any media type, including image, audio, video, and html files.
@@ -382,129 +375,125 @@ LinkPlayer.displayName = "LinkPlayer";
 *
 * You can try switching out the `src` prop to different types of URLs and media types to explore the possibilities.
 */
-export const MediaRenderer = /* @__PURE__ */ React.forwardRef<
-  HTMLMediaElement,
-  MediaRendererProps
->(
-  (
-    {
-      src,
-      poster,
-      alt,
-      gatewayUrl,
-      requireInteraction = false,
-      width = "300px",
-      height = "300px",
-      style,
-      mimeType,
-      ...restProps
-    },
-    ref,
-  ) => {
-    const mergedStyle: React.CSSProperties = {
-      objectFit: "contain",
-      width,
-      height,
-      ...style,
-    };
-    const videoOrImageSrc = useResolvedMediaType(
-      src ?? undefined,
-      mimeType,
-      gatewayUrl,
-    );
-    const possiblePosterSrc = useResolvedMediaType(
-      poster ?? undefined,
-      undefined,
-      gatewayUrl,
-    );
+export const MediaRenderer = /* @__PURE__ */ (() =>
+  React.forwardRef<HTMLMediaElement, MediaRendererProps>(
+    function Media_Renderer(
+      {
+        src,
+        poster,
+        alt,
+        gatewayUrl,
+        requireInteraction = false,
+        width = "300px",
+        height = "300px",
+        style,
+        mimeType,
+        ...restProps
+      },
+      ref,
+    ) {
+      const mergedStyle: React.CSSProperties = {
+        objectFit: "contain",
+        width,
+        height,
+        ...style,
+      };
+      const videoOrImageSrc = useResolvedMediaType(
+        src ?? undefined,
+        mimeType,
+        gatewayUrl,
+      );
+      const possiblePosterSrc = useResolvedMediaType(
+        poster ?? undefined,
+        undefined,
+        gatewayUrl,
+      );

-    if (!videoOrImageSrc.mimeType) {
-      return (
-        <img
-          style={mergedStyle}
-          {...restProps}
-          ref={ref as unknown as React.LegacyRef<HTMLImageElement>}
-          alt={alt}
-        />
-      );
-    } else if (videoOrImageSrc.mimeType.startsWith("text/html")) {
-      return (
-        <IframePlayer
-          style={mergedStyle}
-          src={videoOrImageSrc.url}
-          poster={possiblePosterSrc.url}
-          requireInteraction={requireInteraction}
-          {...restProps}
-        />
-      );
-    } else if (videoOrImageSrc.mimeType.startsWith("model")) {
-      return (
-        <Suspense
-          fallback={
-            poster ? (
-              <img
-                style={mergedStyle}
-                src={poster}
-                alt={alt}
-                ref={ref as unknown as React.LegacyRef<HTMLImageElement>}
-                {...restProps}
-              />
-            ) : null
-          }
-        >
-          <ModelViewer
+      if (!videoOrImageSrc.mimeType) {
+        return (
+          <img
            style={mergedStyle}
-            src={videoOrImageSrc.url || ""}
-            poster={poster}
+            {...restProps}
+            ref={ref as unknown as React.LegacyRef<HTMLImageElement>}
            alt={alt}
+          />
+        );
+      } else if (videoOrImageSrc.mimeType.startsWith("text/html")) {
+        return (
+          <IframePlayer
+            style={mergedStyle}
+            src={videoOrImageSrc.url}
+            poster={possiblePosterSrc.url}
+            requireInteraction={requireInteraction}
            {...restProps}
          />
-        </Suspense>
-      );
-    } else if (shouldRenderVideoTag(videoOrImageSrc.mimeType)) {
+        );
+      } else if (videoOrImageSrc.mimeType.startsWith("model")) {
+        return (
+          <Suspense
+            fallback={
+              poster ? (
+                <img
+                  style={mergedStyle}
+                  src={poster}
+                  alt={alt}
+                  ref={ref as unknown as React.LegacyRef<HTMLImageElement>}
+                  {...restProps}
+                />
+              ) : null
+            }
+          >
+            <ModelViewer
+              style={mergedStyle}
+              src={videoOrImageSrc.url || ""}
+              poster={poster}
+              alt={alt}
+              {...restProps}
+            />
+          </Suspense>
+        );
+      } else if (shouldRenderVideoTag(videoOrImageSrc.mimeType)) {
+        return (
+          <VideoPlayer
+            style={mergedStyle}
+            src={videoOrImageSrc.url}
+            poster={possiblePosterSrc.url}
+            requireInteraction={requireInteraction}
+            {...restProps}
+          />
+        );
+      } else if (shouldRenderAudioTag(videoOrImageSrc.mimeType)) {
+        return (
+          <AudioPlayer
+            style={mergedStyle}
+            src={videoOrImageSrc.url}
+            poster={possiblePosterSrc.url}
+            requireInteraction={requireInteraction}
+            {...restProps}
+          />
+        );
+      } else if (videoOrImageSrc.mimeType.startsWith("image/")) {
+        return (
+          <img
+            style={mergedStyle}
+            src={videoOrImageSrc.url}
+            alt={alt}
+            ref={ref as unknown as React.LegacyRef<HTMLImageElement>}
+            {...restProps}
+          />
+        );
+      }
      return (
-        <VideoPlayer
-          style={mergedStyle}
-          src={videoOrImageSrc.url}
-          poster={possiblePosterSrc.url}
-          requireInteraction={requireInteraction}
-          {...restProps}
-        />
-      );
-    } else if (shouldRenderAudioTag(videoOrImageSrc.mimeType)) {
-      return (
-        <AudioPlayer
-          style={mergedStyle}
-          src={videoOrImageSrc.url}
-          poster={possiblePosterSrc.url}
-          requireInteraction={requireInteraction}
-          {...restProps}
-        />
-      );
-    } else if (videoOrImageSrc.mimeType.startsWith("image/")) {
-      return (
-        <img
+        <LinkPlayer
          style={mergedStyle}
          src={videoOrImageSrc.url}
          alt={alt}
-          ref={ref as unknown as React.LegacyRef<HTMLImageElement>}
+          ref={ref as unknown as React.Ref<HTMLAnchorElement>}
          {...restProps}
        />
      );
-    }
-    return (
-      <LinkPlayer
-        style={mergedStyle}
-        src={videoOrImageSrc.url}
-        alt={alt}
-        ref={ref as unknown as React.Ref<HTMLAnchorElement>}
-        {...restProps}
-      />
-    );
-  },
-);
-
-MediaRenderer.displayName = "MediaRenderer";
+    },
+  ))();

 export interface MediaType {
  url?: string;
@@ -12,25 +12,24 @@ declare global {
  }
 }

-export const ModelViewer = /* @__PURE__ */ React.forwardRef<
-  HTMLDivElement,
-  MediaRendererProps
->(({ src, alt, poster, style }, ref) => {
-  return (
-    <div style={{ ...style }} ref={ref}>
-      {src ? (
-        <model-viewer
-          src={src}
-          alt={alt || "3D Model"}
-          camera-controls
-          poster={poster ? poster : null}
-          style={{ width: "100%", height: "100%" } as CSSStyleDeclaration}
-        />
-      ) : null}
-    </div>
-  );
-});
-
-ModelViewer.displayName = "ModelViewer";
+export const ModelViewer = /* @__PURE__ */ (() =>
+  React.forwardRef<HTMLDivElement, MediaRendererProps>(function Model_Viewer(
+    { src, alt, poster, style },
+    ref,
+  ) {
+    return (
+      <div style={{ ...style }} ref={ref}>
+        {src ? (
+          <model-viewer
+            src={src}
+            alt={alt || "3D Model"}
+            camera-controls
+            poster={poster ? poster : null}
+            style={{ width: "100%", height: "100%" } as CSSStyleDeclaration}
+          />
+        ) : null}
+      </div>
+    );
+  }))();

 export default ModelViewer;
@@ -41,22 +41,23 @@ export interface ThirdwebNftMediaProps extends SharedMediaProps {
 * }
 * ```
 */
-export const ThirdwebNftMedia = /* @__PURE__ */ React.forwardRef<
-  HTMLMediaElement,
-  ThirdwebNftMediaProps
->(({ metadata, width = "300px", height = "300px", style, ...props }, ref) => {
-  return (
-    <MediaRenderer
-      src={metadata.animation_url || metadata.image}
-      poster={metadata.image}
-      alt={metadata.name?.toString() || ""}
-      ref={ref}
-      width={width}
-      height={height}
-      style={{ ...style }}
-      {...props}
-    />
-  );
-});
-
-ThirdwebNftMedia.displayName = "ThirdwebNftMedia";
+export const ThirdwebNftMedia = /* @__PURE__ */ (() =>
+  React.forwardRef<HTMLMediaElement, ThirdwebNftMediaProps>(
+    function Thirdweb_NftMedia(
+      { metadata, width = "300px", height = "300px", style, ...props },
+      ref,
+    ) {
+      return (
+        <MediaRenderer
+          src={metadata.animation_url || metadata.image}
+          poster={metadata.image}
+          alt={metadata.name?.toString() || ""}
+          ref={ref}
+          width={width}
+          height={height}
+          style={{ ...style }}
+          {...props}
+        />
+      );
+    },
+  ))();
@@ -62,4 +62,5 @@ export {
  MagicLink,
  SignerWallet,
  InjectedWallet,
+  setWalletAnalyticsEnabled,
 } from "@thirdweb-dev/wallets";
@@ -91,5 +91,3 @@ export type PortalProps = PropsWithChildren<{
  containerRef?: React.RefObject<Node>;
  unstable_skipInitialRender?: boolean;
 }>;
-
-Portal.displayName = "Portal";
@@ -593,9 +593,9 @@ const dropdownContentFade = keyframes`
  }
 `;

-const DropDownContent = /* @__PURE__ */ styled(
-  /* @__PURE__ */ DropdownMenu.Content,
-)<{ theme?: Theme }>`
+const DropDownContent = /* @__PURE__ */ (() => styled(DropdownMenu.Content)<{
+  theme?: Theme;
+}>`
  width: 320px;
  box-sizing: border-box;
  max-width: 100%;
@@ -608,7 +608,7 @@ const DropDownContent = /* @__PURE__ */ styled(
  --bg: ${(props) => props.theme.colors.dropdownBg};
  z-index: 1000000;
  line-height: 1;
-`;
+`)();

 const WalletInfoButton = styled.button<{ theme?: Theme }>`
  all: unset;
@@ -689,13 +689,13 @@ const MenuButton = styled.button<{ theme?: Theme }>`
  }
 `;

-const MenuLink = /* @__PURE__ */ MenuButton.withComponent("a");
+const MenuLink = /* @__PURE__ */ (() => MenuButton.withComponent("a"))();

-export const DropdownMenuItem = /* @__PURE__ */ styled(
-  /* @__PURE__ */ DropdownMenu.Item,
+export const DropdownMenuItem = /* @__PURE__ */ (() => styled(
+  DropdownMenu.Item,
 )<{ theme?: Theme }>`
  outline: none;
-`;
+`)();

 export const StyledChevronRightIcon = /* @__PURE__ */ styled(
  /* @__PURE__ */ ChevronRightIcon,
@@ -539,7 +539,7 @@ const NetworkList = /* @__PURE__ */ memo(function NetworkList(props: {
  );
 });

-const TabButton = /* @__PURE__ */ styled(/* @__PURE__ */ Tabs.Trigger)<{
+const TabButton = /* @__PURE__ */ (() => styled(Tabs.Trigger)<{
  theme?: Theme;
 }>`
  all: unset;
@@ -558,7 +558,7 @@ const TabButton = /* @__PURE__ */ styled(/* @__PURE__ */ Tabs.Trigger)<{
    background: ${(p) => p.theme.colors.secondaryButtonBg};
    color: ${(p) => p.theme.colors.primaryText};
  }
-`;
+`)();

 const SectionLabel = styled.p<{ theme?: Theme }>`
  font-size: ${fontSize.sm};
@@ -290,7 +290,7 @@ export function SendFundsForm(props: {
          </CurrencyBadge>
        </Container>

-        <Spacer y="xl" />
+        <Spacer y="xxl" />

        {/* Submit */}
        <Button
@@ -307,6 +307,7 @@ export function SendFundsForm(props: {
          style={{
            alignItems: "center",
            gap: spacing.sm,
+            padding: spacing.md,
          }}
        >
          {sendTokenMutation.isLoading ? "Sending" : "Send"}
@@ -56,20 +56,6 @@ export const WalletSelector: React.FC<{
    nonLocalWalletConfigs.filter((w) => w.category !== "socialLogin"),
  );

-  const showNewToWallets =
-    isCompact && (socialWallets.length === 0 || isWalletGroupExpanded);
-
-  // groups UI is showing a social login + grouping all eoa wallets together in a group
-  // do this if there is social login and more than 2 eoa wallets
-  const showGroupsUI =
-    isCompact && socialWallets.length >= 1 && eoaWallets.length >= 2;
-
-  const showTOS = isCompact && (termsOfServiceUrl || privacyPolicyUrl);
-
-  const showFooter = Boolean(
-    (!showGroupsUI && localWalletConfig) || showNewToWallets,
-  );
-
  const continueAsGuest = localWalletConfig && (
    <Button
      fullWidth
@@ -138,7 +124,218 @@ export const WalletSelector: React.FC<{
    props.selectWallet(wallet);
  };

-  const showSeperatorLine = showNewToWallets && !continueAsGuest && showTOS;
+  const connectAWallet = (
+    <Button
+      fullWidth
+      variant="outline"
+      style={{
+        display: "flex",
+        justifyContent: "center",
+        gap: spacing.sm,
+        padding: spacing.md,
+      }}
+      onClick={() => {
+        setIsWalletGroupExpanded(true);
+      }}
+    >
+      <Container flex="row" gap="xxs">
+        {eoaWallets.slice(0, 2).map((w) => (
+          <Img
+            key={w.id}
+            width={iconSize.sm}
+            height={iconSize.sm}
+            src={w.meta.iconURL}
+          />
+        ))}
+      </Container>
+      Connect a wallet
+    </Button>
+  );
+
+  const newToWallets = (
+    <Container
+      flex="row"
+      style={{
+        justifyContent: "space-between",
+      }}
+    >
+      <Text color="secondaryText" size="sm" weight={500}>
+        New to wallets?
+      </Text>
+      <Link
+        weight={500}
+        size="sm"
+        target="_blank"
+        href="https://blog.thirdweb.com/web3-wallet/"
+      >
+        Get started
+      </Link>
+    </Container>
+  );
+
+  const tos =
+    termsOfServiceUrl || privacyPolicyUrl ? (
+      <TOS
+        termsOfServiceUrl={termsOfServiceUrl}
+        privacyPolicyUrl={privacyPolicyUrl}
+      />
+    ) : undefined;
+
+  let topSection: React.ReactNode;
+  let bottomSection: React.ReactNode;
+
+  // wide modal
+  if (!isCompact) {
+    topSection = (
+      <WalletSelection
+        walletConfigs={nonLocalWalletConfigs}
+        selectWallet={handleSelect}
+      />
+    );
+
+    if (continueAsGuest) {
+      bottomSection = (
+        <ScreenBottomContainer>{continueAsGuest}</ScreenBottomContainer>
+      );
+    }
+  }
+
+  // compact
+  else {
+    // no social logins
+    if (socialWallets.length === 0) {
+      topSection = (
+        <WalletSelection
+          walletConfigs={nonLocalWalletConfigs}
+          selectWallet={handleSelect}
+        />
+      );
+
+      bottomSection = (
+        <>
+          <Line />
+          <Container flex="column" p="lg" gap="lg">
+            {newToWallets}
+            {continueAsGuest}
+          </Container>
+          {!continueAsGuest && <Line />}
+          {tos && (
+            <Container
+              px="md"
+              style={{
+                paddingBottom: spacing.md,
+                paddingTop: continueAsGuest ? 0 : spacing.md,
+              }}
+            >
+              {tos}
+            </Container>
+          )}
+        </>
+      );
+    }
+
+    // social logins
+    else {
+      // not expanded state
+      if (!isWalletGroupExpanded) {
+        topSection = (
+          <Container px="xs">
+            <WalletSelection
+              walletConfigs={socialWallets}
+              selectWallet={handleSelect}
+            />
+            {eoaWallets.length > 0 && (
+              <>
+                <TextDivider text="OR" />
+                <Spacer y="lg" />
+              </>
+            )}
+          </Container>
+        );
+
+        // only social login - no eoa wallets
+        if (eoaWallets.length === 0) {
+          bottomSection =
+            tos || continueAsGuest ? (
+              <>
+                <Spacer y="md" />
+                <Line />
+                {continueAsGuest && (
+                  <Container p="lg"> {continueAsGuest}</Container>
+                )}
+                {tos && <Container p="md"> {tos} </Container>}
+              </>
+            ) : (
+              <Spacer y="sm" />
+            );
+        }
+
+        // social login + eoa wallets
+        else {
+          // social login + More than 1 eoa wallets
+          if (eoaWallets.length > 1) {
+            bottomSection = (
+              <Container flex="column" gap="sm">
+                <Container px="lg" flex="column" gap="md">
+                  {connectAWallet}
+                  {continueAsGuest}
+                </Container>
+
+                {tos ? (
+                  <Container p="md"> {tos} </Container>
+                ) : (
+                  <Spacer y="md" />
+                )}
+              </Container>
+            );
+          }
+
+          // social login + single eoa wallet
+          else {
+            bottomSection = (
+              <>
+                <Container px="lg">
+                  <WalletSelection
+                    walletConfigs={eoaWallets}
+                    selectWallet={handleSelect}
+                  />
+                </Container>
+
+                {continueAsGuest && (
+                  <Container flex="column" px="lg" gap="lg">
+                    {continueAsGuest}
+                  </Container>
+                )}
+
+                {tos ? (
+                  <>
+                    {continueAsGuest ? <Spacer y="md" /> : <Line />}
+                    <Container p="md"> {tos} </Container>
+                  </>
+                ) : (
+                  <>{continueAsGuest && <Spacer y="xl" />}</>
+                )}
+              </>
+            );
+          }
+        }
+      }
+
+      // expanded state
+      else {
+        topSection = (
+          <WalletSelection
+            walletConfigs={eoaWallets}
+            selectWallet={handleSelect}
+          />
+        );
+
+        bottomSection = (
+          <ScreenBottomContainer>{newToWallets}</ScreenBottomContainer>
+        );
+      }
+    }
+  }

  return (
    <Container scrollY flex="column" animate="fadein" fullHeight>
@@ -160,130 +357,15 @@ export const WalletSelector: React.FC<{
      <Container
        expand
        scrollY
-        px={nonLocalWalletConfigs.length === 1 ? "lg" : "md"}
+        px="md"
        style={{
          paddingTop: "2px",
        }}
      >
-        {showGroupsUI ? (
-          <>
-            {/* list of EOA wallets */}
-            {isWalletGroupExpanded ? (
-              <WalletSelection
-                walletConfigs={eoaWallets}
-                selectWallet={handleSelect}
-              />
-            ) : (
-              <Container px="xs">
-                <WalletSelection
-                  walletConfigs={socialWallets}
-                  selectWallet={handleSelect}
-                />
-
-                <TextDivider>
-                  <span> OR </span>
-                </TextDivider>
-
-                <Spacer y="lg" />
-
-                {/* connect a wallet */}
-                <Button
-                  fullWidth
-                  variant="outline"
-                  style={{
-                    display: "flex",
-                    justifyContent: "center",
-                    gap: spacing.sm,
-                    padding: spacing.md,
-                  }}
-                  onClick={() => {
-                    setIsWalletGroupExpanded(true);
-                  }}
-                >
-                  <Container flex="row" gap="xxs">
-                    {eoaWallets.slice(0, 2).map((w) => (
-                      <Img
-                        key={w.id}
-                        width={iconSize.sm}
-                        height={iconSize.sm}
-                        src={w.meta.iconURL}
-                      />
-                    ))}
-                  </Container>
-                  Connect a wallet
-                </Button>
-
-                {continueAsGuest ? (
-                  <>
-                    <Spacer y="md" />
-                    {continueAsGuest}
-                    <Spacer y="xl" />
-                  </>
-                ) : (
-                  <Spacer y="xl" />
-                )}
-              </Container>
-            )}
-          </>
-        ) : (
-          <WalletSelection
-            walletConfigs={nonLocalWalletConfigs}
-            selectWallet={handleSelect}
-          />
-        )}
+        {topSection}
      </Container>

-      {/* Footer */}
-      {showFooter && (
-        <ScreenBottomContainer>
-          {showNewToWallets && (
-            <Container
-              flex="row"
-              style={{
-                justifyContent: "space-between",
-              }}
-            >
-              <Text color="secondaryText" size="sm" weight={500}>
-                New to wallets?
-              </Text>
-              <Link
-                weight={500}
-                size="sm"
-                target="_blank"
-                href="https://blog.thirdweb.com/web3-wallet/"
-              >
-                Get started
-              </Link>
-            </Container>
-          )}
-
-          {!showGroupsUI && continueAsGuest}
-        </ScreenBottomContainer>
-      )}
-
-      {showTOS && !isWalletGroupExpanded && (
-        <div>
-          {showSeperatorLine && <Line />}
-
-          <Container
-            p="md"
-            style={
-              !showSeperatorLine
-                ? {
-                    paddingTop: 0,
-                  }
-                : undefined
-            }
-          >
-            {isCompact && (
-              <TOS
-                termsOfServiceUrl={termsOfServiceUrl}
-                privacyPolicyUrl={privacyPolicyUrl}
-              />
-            )}
-          </Container>
-        </div>
-      )}
+      {bottomSection}
    </Container>
  );
 };
@@ -383,7 +465,7 @@ const WalletList = styled.ul<{ theme?: Theme }>`
  margin: -2px;
  padding-bottom: 0;
  margin-bottom: 0;
-  padding-bottom: ${spacing.xl};
+  padding-bottom: ${spacing.lg};
 `;

 const WalletButton = styled.button<{ theme?: Theme }>`
@@ -428,7 +510,7 @@ function sortWalletConfigs(walletConfigs: WalletConfig[]) {
        }
        return 0;
      })
-      // show the reccomended wallets even before that
+      // show the recommended wallets even before that
      .sort((a, b) => {
        if (a.recommended && !b.recommended) {
          return -1;
@@ -1,9 +1,31 @@
-export function openGoogleSignInWindow() {
-  const win = window.open("", undefined, "width=350, height=500");
+import { Theme } from "../../design-system";
+
+export function openGoogleSignInWindow(themeObj: Theme) {
+  // open the popup in the center of the screen
+  const width = 350;
+  const height = 500;
+  const top = (window.innerHeight - height) / 2;
+  const left = (window.innerWidth - width) / 2;
+
+  const win = window.open(
+    "",
+    undefined,
+    `width=${width}, height=${height}, top=${top}, left=${left}`,
+  );
  if (win) {
    win.document.title = "Sign In - Google Accounts";
    win.document.body.innerHTML = spinnerWindowHtml;
+    win.document.body.style.background = themeObj.colors.modalBg;
+    win.document.body.style.color = themeObj.colors.accentText;
  }
+
+  // close it when current window is closed or refreshed
+  if (win) {
+    window.addEventListener("beforeunload", () => {
+      win?.close();
+    });
+  }
+
  return win;
 }

@@ -14,7 +36,7 @@ const spinnerWindowHtml = `
    cy="25"
    r="20"
    fill="none"
-    stroke="#000"
+    stroke="currentColor"
    stroke-width="4"
  />
 </svg>
@@ -15,6 +15,7 @@ import { InputSelectionUI } from "../InputSelectionUI";
 import type { EmbeddedWalletLoginType } from "./types";
 import { TextDivider } from "../../../components/TextDivider";
 import { openGoogleSignInWindow } from "../../utils/openGoogleSignInWindow";
+import { useTheme } from "@emotion/react";

 export const EmbeddedWalletFormUI = (props: {
  onSelect: (loginType: EmbeddedWalletLoginType) => void;
@@ -23,6 +24,7 @@ export const EmbeddedWalletFormUI = (props: {
  const createWalletInstance = useCreateWalletInstance();
  const setConnectionStatus = useSetConnectionStatus();
  const setConnectedWallet = useSetConnectedWallet();
+  const themeObj = useTheme() as Theme;

  // Need to trigger google login on button click to avoid popup from being blocked
  const googleLogin = async () => {
@@ -30,7 +32,7 @@ export const EmbeddedWalletFormUI = (props: {
      const embeddedWallet = createWalletInstance(props.walletConfig);
      setConnectionStatus("connecting");

-      const googleWindow = openGoogleSignInWindow();
+      const googleWindow = openGoogleSignInWindow(themeObj);
      if (!googleWindow) {
        throw new Error("Failed to open google login window");
      }
@@ -62,15 +64,7 @@ export const EmbeddedWalletFormUI = (props: {
        <GoogleIcon size={iconSize.md} />
        Sign in with Google
      </SocialButton>
-
-      <Spacer y="lg" />
-
-      <TextDivider>
-        <span>OR</span>
-      </TextDivider>
-
-      <Spacer y="lg" />
-
+      <TextDivider text="OR" py="lg" />
      <InputSelectionUI
        onSelect={(email) => props.onSelect({ email })}
        placeholder="Enter your email address"
@@ -13,9 +13,10 @@ import { Container, ModalHeader } from "../../../components/basic";
 import { Button } from "../../../components/buttons";
 import { ModalTitle } from "../../../components/modalElements";
 import { Text } from "../../../components/text";
-import { iconSize } from "../../../design-system";
+import { Theme, iconSize } from "../../../design-system";
 import { GoogleIcon } from "../../ConnectWallet/icons/GoogleIcon";
 import { openGoogleSignInWindow } from "../../utils/openGoogleSignInWindow";
+import { useTheme } from "@emotion/react";

 export const EmbeddedWalletGoogleLogin = (
  props: ConnectUIProps<EmbeddedWallet>,
@@ -25,12 +26,13 @@ export const EmbeddedWalletGoogleLogin = (
  const setConnectionStatus = useSetConnectionStatus();
  const setConnectedWallet = useSetConnectedWallet();
  const connectionStatus = useConnectionStatus();
+  const themeObj = useTheme() as Theme;

  const googleLogin = async () => {
    try {
      const embeddedWallet = createWalletInstance(props.walletConfig);
      setConnectionStatus("connecting");
-      const googleWindow = openGoogleSignInWindow();
+      const googleWindow = openGoogleSignInWindow(themeObj);
      if (!googleWindow) {
        throw new Error("Failed to open google login window");
      }
@@ -114,10 +114,10 @@ export const EmbeddedWalletOTPLoginUI: React.FC<
            }}
          >
            {!isWideModal && <Spacer y="xl" />}
-            <Text>Enter the OTP sent to</Text>
+            <Text>Enter the verification code sent to</Text>
            <Spacer y="sm" />
            <Text color="primaryText">{email}</Text>
-            <Spacer y="xxl" />
+            <Spacer y="xl" />
          </div>

          <OTPInput
@@ -138,12 +138,12 @@ export const EmbeddedWalletOTPLoginUI: React.FC<
            <FadeIn>
              <Spacer y="md" />
              <Text size="sm" color="danger" center>
-                Invalid OTP
+                Invalid verification code
              </Text>
            </FadeIn>
          )}

-          <Spacer y="xxl" />
+          <Spacer y="xl" />

          <Container px={isWideModal ? "xxl" : "lg"}>
            {verifyStatus === "verifying" ? (
@@ -168,7 +168,7 @@ export const EmbeddedWalletOTPLoginUI: React.FC<
            )}
          </Container>

-          <Spacer y="xxl" />
+          <Spacer y="xl" />

          {!isWideModal && <Line />}

@@ -176,7 +176,7 @@ export const EmbeddedWalletOTPLoginUI: React.FC<
            {sendEmailOtpStatus === "error" && (
              <>
                <Text size="sm" center color="danger">
-                  Failed to send OTP
+                  Failed to send verification code
                </Text>
              </>
            )}
@@ -190,14 +190,14 @@ export const EmbeddedWalletOTPLoginUI: React.FC<
                  textAlign: "center",
                }}
              >
-                <Text size="sm">Sending OTP</Text>
+                <Text size="sm">Sending verification code</Text>
                <Spinner size="xs" color="secondaryText" />
              </Container>
            )}

            {sendEmailOtpStatus === "sent" && (
              <LinkButton onClick={sendEmail} type="button">
-                Resend OTP
+                Resend verification code
              </LinkButton>
            )}
          </Container>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
github-actions[bot]GitHubgithub-actions[bot] <github-actions[bot]@users.noreply.github.com>	cbfd445ae7	Version Packages (#1784 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-10-16 20:38:41 -07:00
Jonas DanielsandGitHub	137f46a547	chore(chains): fix up chain sync script (#1783 )	2023-10-17 02:28:33 +00:00
github-actions[bot]GitHubgithub-actions[bot] <github-actions[bot]@users.noreply.github.com>	1b8accde30	Version Packages (#1782 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-10-16 15:51:35 -07:00
Joaquim VergesandGitHub	07544252b4	[SDK] expose utility functions for abi / sources (#1781 )	2023-10-16 22:43:13 +00:00
github-actions[bot]GitHubgithub-actions[bot] <github-actions[bot]@users.noreply.github.com>	8708519cad	Version Packages (#1772 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-10-16 12:57:26 -07:00
Joaquim VergesandGitHub	6c30b7efc7	[ContractsJS] update contracts-js package (#1771 )	2023-10-16 19:50:17 +00:00
github-actions[bot]GitHubgithub-actions[bot] <github-actions[bot]@users.noreply.github.com>	8b5e344f72	Version Packages (#1768 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-10-16 09:26:13 -07:00
Manan TankandGitHub	010955ff5c	[react] - Fix OTP input not working well with Japanese keyboard (#1769 )	2023-10-16 15:41:54 +00:00
Joaquim VergesandGitHub	956b5645e4	[SDK] Enable adding smart wallet admins with signature (#1756 )	2023-10-15 23:46:45 +00:00
github-actions[bot]GitHubgithub-actions[bot] <github-actions[bot]@users.noreply.github.com>	068db44603	Version Packages (#1761 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-10-14 17:18:54 -07:00
Manan TankandGitHub	dd7d0fca2d	[react] Fix missing "Continue as Guest" button in ConnectWallet in Social+Guest setup (#1766 )	2023-10-14 23:29:07 +00:00
Kien NgoandGitHub	526176c471	[SDK] Perf improv to marketplace methods (#1764 )	2023-10-14 21:18:11 +00:00
Kien NgoandGitHub	09120c923c	[SDK] Perf improv for getDeploymentInfo (#1765 )	2023-10-14 18:12:19 +00:00
Kien NgoandGitHub	d1f8e95162	[SDK] Perf improve to `fetchPublishedContractFromPolygon()` (#1763 )	2023-10-14 14:29:09 +00:00
Kien NgoandGitHub	6573556d0e	[SDK] Perf improv for drop-claim-conditions (#1762 )	2023-10-13 22:53:35 +00:00
iketwandGitHub	fc62b91ee5	[RN] Adds Signing with Google to EmbeddedWallet (#1724 )	2023-10-13 18:51:47 +00:00
Kien NgoandGitHub	08e9cd206b	[React/React Native] Add pagination to useOwnedNFTs (#1758 )	2023-10-13 17:23:43 +00:00
Nate Lubeck GitHub Manan Tank	fb0f12ae28	refactor(react): OTP Input Readability Enhancements (#1692 ) Co-authored-by: Manan Tank <[email protected]>	2023-10-13 06:43:20 -07:00
github-actions[bot]GitHubgithub-actions[bot] <github-actions[bot]@users.noreply.github.com>	c710fc1c62	Version Packages (#1745 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-10-12 21:12:59 -07:00
iketwandGitHub	f41ee6fb1c	[RN] Correctly use custom themes (#1760 )	2023-10-13 03:53:48 +00:00
iketwandGitHub	513c332ed0	[RN] Show selectUI component when passing one supportedWallet (#1759 )	2023-10-13 03:02:47 +00:00
Kien NgoandGitHub	693f349db2	[SDK] Add pagination to getOwned for ERC721 & 1155 (#1695 )	2023-10-12 23:34:39 +00:00
YashandGitHub	63ad0050f0	Update deployment setup (#1757 )	2023-10-12 17:34:31 +00:00
iketwandGitHub	dcdb0dcb83	[Wallets] Typo fixes for SW api (#1754 )	2023-10-11 22:40:05 +00:00
iketwandGitHub	b3b9edca29	[RN] Minor bug fix and UI improvements to connecting an app to a smar… (#1753 )	2023-10-11 21:51:19 +00:00
Winston YeoandGitHub	1fbbc2d27d	[SDK] update `ApiKeyMetadata` (#1752 )	2023-10-11 20:38:44 +00:00
Joaquim VergesandGitHub	4b98e487d4	[Wallets] Add wallet analytics (#1730 )	2023-10-11 20:19:22 +00:00
Phillip HoandGitHub	95380eaed4	chore: Add walletType to usage tracker payload (#1751 )	2023-10-11 17:55:51 +00:00
Joaquim VergesandGitHub	1f3c64d361	[SDK] handle upgradeable proxies and optimize proxy resolution (#1747 )	2023-10-11 16:39:06 +00:00
Manan TankandGitHub	bb1666b92b	[react] ConnectWallet UI fixes + improvements (#1750 )	2023-10-11 13:20:40 +00:00
farhanW3andGitHub	0f12d1f903	RPC Override Fix (#1746 )	2023-10-11 01:01:03 +00:00
Joaquim VergesandGitHub	74941603a9	[Wallets] Fix executeBatch type mismatch (#1744 )	2023-10-10 21:24:08 +00:00
github-actions[bot]GitHubgithub-actions[bot] <github-actions[bot]@users.noreply.github.com>	4fda12aa2d	Version Packages (#1743 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-10-10 10:26:32 -07:00
Manan TankandGitHub	e684d05e22	[wallets, react] Wallet chain RPC fixes + Update Google Sign in popup UI (#1742 )	2023-10-10 15:10:26 +00:00
dependabot[bot]GitHubdependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>Manan Tank	335744ff6d	Bump eslint-plugin-better-tree-shaking from 0.0.3 to 0.0.4 (#1738 ) Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Manan Tank <[email protected]>	2023-10-10 09:14:30 +00:00