Compare commits

..
Author SHA1 Message Date
github-actions[bot]GitHubgithub-actions[bot] <github-actions[bot]@users.noreply.github.com>
570d71e8d6 Version Packages (#1882)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2023-11-01 13:03:47 -07:00
961ef644d1 [SmartWallet] Improved useSmartWallet hook (#1885)
Co-authored-by: ikethirdweb <[email protected]>
2023-11-01 19:54:46 +00:00
Edward SunandGitHub 6fcd09ddbd Show sign in button if user address and active wallet address are mis-matched (#1886) 2023-11-01 19:22:35 +00:00
Kien NgoandGitHub a9d32f3c90 [SDK] Reduce bundle size by lazy loading some large modules (#1871) 2023-11-01 03:35:24 +00:00
iketwandGitHub 8ec0d00c75 [RN] Fix typo in readme (#1881) 2023-10-31 22:46:59 +00:00
+3
Joaquim VergesGitHubElasticBottleManan TankWinston Yeoikethirdweb0xFirekeeperiketwvuittont60Jonas Danielsgithub-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>github-actions[bot] <github-actions[bot]@users.noreply.github.com>yoanslvy
0acc530f8b [Wallet, React] New Embedded Wallet API (#1846)
Signed-off-by: vuittont60 <[email protected]>
Signed-off-by: Manan Tank <[email protected]>
Co-authored-by: ElasticBottle <[email protected]>
Co-authored-by: Manan Tank <[email protected]>
Co-authored-by: Winston Yeo <[email protected]>
Co-authored-by: ikethirdweb <[email protected]>
Co-authored-by: 0xFirekeeper <[email protected]>
Co-authored-by: iketw <[email protected]>
Co-authored-by: vuittont60 <[email protected]>
Co-authored-by: Jonas Daniels <[email protected]>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: yoanslvy <[email protected]>
2023-10-31 22:42:15 +00:00
github-actions[bot]GitHubgithub-actions[bot] <github-actions[bot]@users.noreply.github.com>
7a6f516b4f Version Packages (#1877)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2023-10-31 15:41:13 -07:00
iketwandGitHub 7461e2a914 [RN] Fixes wallet icons border bug (#1880) 2023-10-31 22:31:20 +00:00
iketwandGitHub 178609a062 [RN] Adds Japanese and Spanish support (#1878) 2023-10-31 00:55:17 +00:00
Kien NgoandGitHub 8ea8f6e954 [SDK] Lazy load JSON files (#1862)
Signed-off-by: Kien Ngo <[email protected]>
2023-10-31 00:40:54 +00:00
iketwandGitHub b49efc24ac Revert "[WALLET + REACT] Add Cometh Connect" (#1879) 2023-10-31 00:03:08 +00:00
6853e87a49 [WALLET + REACT] Add Cometh Connect (#1749)
Signed-off-by: Manan Tank <[email protected]>
Co-authored-by: Manan Tank <[email protected]>
Co-authored-by: Joaquim Verges <[email protected]>
2023-10-30 16:01:11 -07:00
github-actions[bot]GitHubgithub-actions[bot] <github-actions[bot]@users.noreply.github.com>
4197d1bf3f Version Packages (#1866)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2023-10-27 23:53:04 -07:00
Joaquim VergesandGitHub 3faa9f21ef [SmartWallet] expose data in smart wallet utils (#1867) 2023-10-28 06:21:03 +00:00
Jonas DanielsandGitHub a75e4cc80a chore(chains): sync chains (#1865) 2023-10-28 01:44:02 +00:00
157 changed files with 4773 additions and 1264 deletions
+14
View File
@@ -1,5 +1,19 @@
# @thirdweb-dev/auth
## 4.1.3
### Patch Changes
- Updated dependencies [[`0acc530f`](https://github.com/thirdweb-dev/js/commit/0acc530f8bbee59672d9705724edc278bd853d9a)]:
- @thirdweb-dev/wallets@2.1.0
## 4.1.2
### Patch Changes
- Updated dependencies [[`3faa9f21`](https://github.com/thirdweb-dev/js/commit/3faa9f21efb1ae29a57747d6f0b8fb1151930ab4)]:
- @thirdweb-dev/wallets@2.0.10
## 4.1.1
### Patch Changes
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@thirdweb-dev/auth",
"version": "4.1.1",
"version": "4.1.3",
"main": "dist/thirdweb-dev-auth.cjs.js",
"module": "dist/thirdweb-dev-auth.esm.js",
"browser": {
+6
View File
@@ -1,5 +1,11 @@
# @thirdweb-dev/chains
## 0.1.57
### Patch Changes
- [#1865](https://github.com/thirdweb-dev/js/pull/1865) [`a75e4cc8`](https://github.com/thirdweb-dev/js/commit/a75e4cc80a5a36bf6baeeb40e8ae3be485d35618) Thanks [@jnsdls](https://github.com/jnsdls)! - sync chains
## 0.1.56
### Patch Changes
+26
View File
@@ -0,0 +1,26 @@
import type { Chain } from "../src/types";
export default {
"chain": "CHI1",
"chainId": 100100,
"explorers": [],
"faucets": [],
"icon": {
"url": "ipfs://bafybeidk4swpgdyqmpz6shd5onvpaujvwiwthrhypufnwr6xh3dausz2dm",
"width": 1800,
"height": 1800,
"format": "png"
},
"infoURL": "https://docs.gnosischain.com",
"name": "Deprecated CHI",
"nativeCurrency": {
"name": "Chiado xDAI",
"symbol": "xDAI",
"decimals": 18
},
"networkId": 100100,
"rpc": [],
"shortName": "chi1",
"slug": "deprecated-chi",
"status": "deprecated",
"testnet": false
} as const satisfies Chain;
+36
View File
@@ -0,0 +1,36 @@
import type { Chain } from "../src/types";
export default {
"chain": "ShimmerEVM",
"chainId": 1071,
"explorers": [
{
"name": "explorer",
"url": "https://explorer.evm.testnet.shimmer.network",
"standard": "EIP3091"
}
],
"faucets": [
"https://evm-toolkit.evm.testnet.shimmer.network",
"https://evm-faucet.testnet.shimmer.network"
],
"icon": {
"url": "ipfs://bafkreibky2sy6qhi6arktayvologkrgu5kudpgdxfkx4uosbvmstz7v4di",
"width": 720,
"height": 720,
"format": "png"
},
"infoURL": "https://shimmer.network",
"name": "ShimmerEVM Testnet Deprecated",
"nativeCurrency": {
"name": "SMR",
"symbol": "SMR",
"decimals": 18
},
"networkId": 1071,
"rpc": [],
"shortName": "shimmerevm-testnet-deprecated",
"slug": "shimmerevm-testnet-deprecated",
"status": "deprecated",
"testnet": true,
"title": "ShimmerEVM Testnet Deprecated"
} as const satisfies Chain;
+10 -2
View File
@@ -17,6 +17,13 @@ export default {
"faucets": [
"http://fauceth.komputing.org?chain=11155111&address=${ADDRESS}"
],
"features": [],
"icon": {
"url": "ipfs://QmcxZHpyJa8T4i63xqjPYrZ6tKrt55tZJpbXcjSDKuKaf9/ethereum/512.png",
"width": 512,
"height": 512,
"format": "png"
},
"infoURL": "https://sepolia.otterscan.io",
"name": "Sepolia",
"nativeCurrency": {
@@ -25,15 +32,16 @@ export default {
"decimals": 18
},
"networkId": 11155111,
"redFlags": [],
"rpc": [
"https://sepolia.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://11155111.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://sepolia.infura.io/v3/${INFURA_API_KEY}",
"wss://sepolia.infura.io/v3/${INFURA_API_KEY}",
"https://rpc.sepolia.org",
"https://rpc2.sepolia.org",
"https://rpc-sepolia.rockx.com",
"https://rpc.sepolia.ethpandaops.io",
"https://sepolia.infura.io/v3/${INFURA_API_KEY}",
"wss://sepolia.infura.io/v3/${INFURA_API_KEY}",
"https://sepolia.gateway.tenderly.co",
"wss://sepolia.gateway.tenderly.co",
"https://ethereum-sepolia.publicnode.com",
+26
View File
@@ -0,0 +1,26 @@
import type { Chain } from "../src/types";
export default {
"chain": "DeBank",
"chainId": 115,
"explorers": [],
"faucets": [],
"icon": {
"url": "ipfs://QmW9pBps8WHRRWmyXhjLZrjZJUe8F48hUu7z98bu2RVsjN",
"width": 400,
"height": 400,
"format": "png"
},
"infoURL": "https://debank.com",
"name": "DeBank Testnet(Deprecated)",
"nativeCurrency": {
"name": "Ether",
"symbol": "ETH",
"decimals": 18
},
"networkId": 115,
"rpc": [],
"shortName": "debank-testnet",
"slug": "debank-testnet-deprecated",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+26
View File
@@ -0,0 +1,26 @@
import type { Chain } from "../src/types";
export default {
"chain": "DeBank",
"chainId": 116,
"explorers": [],
"faucets": [],
"icon": {
"url": "ipfs://QmW9pBps8WHRRWmyXhjLZrjZJUe8F48hUu7z98bu2RVsjN",
"width": 400,
"height": 400,
"format": "png"
},
"infoURL": "https://debank.com",
"name": "DeBank Mainnet",
"nativeCurrency": {
"name": "Ether",
"symbol": "ETH",
"decimals": 18
},
"networkId": 116,
"rpc": [],
"shortName": "debank-mainnet",
"slug": "debank",
"status": "deprecated",
"testnet": false
} as const satisfies Chain;
+19
View File
@@ -0,0 +1,19 @@
import type { Chain } from "../src/types";
export default {
"chain": "MOON",
"chainId": 1286,
"explorers": [],
"faucets": [],
"name": "Moonrock old",
"nativeCurrency": {
"name": "Rocs",
"symbol": "ROC",
"decimals": 18
},
"networkId": 1286,
"rpc": [],
"shortName": "mrock-old",
"slug": "moonrock-old",
"status": "deprecated",
"testnet": false
} as const satisfies Chain;
+27
View File
@@ -0,0 +1,27 @@
import type { Chain } from "../src/types";
export default {
"chain": "Polygon",
"chainId": 1402,
"explorers": [
{
"name": "blockscout",
"url": "https://explorer.public.zkevm-test.net",
"standard": "EIP3091"
}
],
"faucets": [],
"infoURL": "https://polygon.technology/solutions/polygon-zkevm/",
"name": "Polygon zkEVM Testnet old",
"nativeCurrency": {
"name": "Ether",
"symbol": "ETH",
"decimals": 18
},
"networkId": 1402,
"rpc": [],
"shortName": "zkevmtest",
"slug": "polygon-zkevm-testnet-old",
"status": "deprecated",
"testnet": true,
"title": "Polygon zkEVM Testnet"
} as const satisfies Chain;
+27
View File
@@ -0,0 +1,27 @@
import type { Chain } from "../src/types";
export default {
"chain": "Polygon",
"chainId": 1422,
"explorers": [
{
"name": "Polygon zkEVM explorer",
"url": "https://explorer.public.zkevm-test.net",
"standard": "EIP3091"
}
],
"faucets": [],
"infoURL": "https://polygon.technology/solutions/polygon-zkevm/",
"name": "Polygon zkEVM Testnet Pre Audit-Upgraded",
"nativeCurrency": {
"name": "Ether",
"symbol": "ETH",
"decimals": 18
},
"networkId": 1422,
"rpc": [],
"shortName": "testnet-zkEVM-mango-pre-audit-upgraded",
"slug": "polygon-zkevm-testnet-pre-audit-upgraded",
"status": "deprecated",
"testnet": true,
"title": "Polygon zkEVM Testnet Pre Audit-Upgraded"
} as const satisfies Chain;
+35
View File
@@ -0,0 +1,35 @@
import type { Chain } from "../src/types";
export default {
"chain": "Yuma",
"chainId": 1662,
"explorers": [],
"faucets": [],
"features": [
{
"name": "EIP155"
},
{
"name": "EIP1559"
}
],
"icon": {
"url": "ipfs://QmSFMBk3rMyu45Sy9KQHjgArFj4HdywANNYrSosLMUdcti",
"width": 1213,
"height": 1213,
"format": "png"
},
"infoURL": "https://horizen.io/",
"name": "Horizen Yuma Testnet Deprecated",
"nativeCurrency": {
"name": "Testnet Zen",
"symbol": "tZEN",
"decimals": 18
},
"networkId": 1662,
"rpc": [],
"shortName": "Yuma",
"slip44": 121,
"slug": "horizen-yuma-testnet-deprecated",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+36
View File
@@ -0,0 +1,36 @@
import type { Chain } from "../src/types";
export default {
"chain": "ETH",
"chainId": 167004,
"explorers": [
{
"name": "blockscout",
"url": "https://explorer.a2.taiko.xyz",
"standard": "EIP3091"
}
],
"faucets": [],
"icon": {
"url": "ipfs://QmcHdmVr5VRUJq13jnM6tgah5Ge7hn3Dm14eY6vwivJ5ui",
"width": 288,
"height": 258,
"format": "png"
},
"infoURL": "https://taiko.xyz",
"name": "Taiko (Alpha-2 Testnet)",
"nativeCurrency": {
"name": "Ether",
"symbol": "ETH",
"decimals": 18
},
"networkId": 167004,
"rpc": [
"https://taiko-alpha-2-testnet.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://167004.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://rpc.a2.taiko.xyz"
],
"shortName": "taiko-a2",
"slug": "taiko-alpha-2-testnet",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+24
View File
@@ -0,0 +1,24 @@
import type { Chain } from "../src/types";
export default {
"chain": "SOTER",
"chainId": 218,
"explorers": [],
"faucets": [],
"infoURL": "https://www.soterone.com",
"name": "SoterOne Mainnet old",
"nativeCurrency": {
"name": "SoterOne Mainnet Ether",
"symbol": "SOTER",
"decimals": 18
},
"networkId": 218,
"rpc": [
"https://soterone-old.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://218.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://rpc.soter.one"
],
"shortName": "SO1-old",
"slug": "soterone-old",
"status": "deprecated",
"testnet": false
} as const satisfies Chain;
+39
View File
@@ -0,0 +1,39 @@
import type { Chain } from "../src/types";
export default {
"chain": "PlatON",
"chainId": 2203181,
"explorers": [
{
"name": "PlatON explorer",
"url": "https://devnetscan.platon.network",
"standard": "none"
}
],
"faucets": [
"https://devnet2faucet.platon.network/faucet"
],
"icon": {
"url": "ipfs://QmT7PSXBiVBma6E15hNkivmstqLu3JSnG1jXN5pTmcCGRC",
"width": 180,
"height": 180,
"format": "png"
},
"infoURL": "https://www.platon.network",
"name": "PlatON Dev Testnet Deprecated",
"nativeCurrency": {
"name": "LAT",
"symbol": "lat",
"decimals": 18
},
"networkId": 1,
"rpc": [
"https://platon-dev-testnet-deprecated.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://2203181.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://devnetopenapi2.platon.network/rpc",
"wss://devnetopenapi2.platon.network/ws"
],
"shortName": "platondev",
"slug": "platon-dev-testnet-deprecated",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+25
View File
@@ -0,0 +1,25 @@
import type { Chain } from "../src/types";
export default {
"chain": "ASK",
"chainId": 222,
"explorers": [],
"faucets": [],
"infoURL": "https://permission.io/",
"name": "Permission",
"nativeCurrency": {
"name": "ASK",
"symbol": "ASK",
"decimals": 18
},
"networkId": 2221,
"rpc": [
"https://permission.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://222.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://blockchain-api-mainnet.permission.io/rpc"
],
"shortName": "ASK",
"slip44": 2221,
"slug": "permission",
"status": "deprecated",
"testnet": false
} as const satisfies Chain;
+52
View File
@@ -0,0 +1,52 @@
import type { Chain } from "../src/types";
export default {
"chain": "ETH",
"chainId": 2357,
"explorers": [
{
"name": "blockscout",
"url": "https://blockscout.sepolia-deprecated.kroma.network",
"standard": "EIP3091",
"icon": {
"url": "ipfs://QmVpV2WET6ZrqnvvPfE9hCwoE2y5ygbPuniuugpaRoxrho",
"width": 320,
"height": 320,
"format": "svg"
}
}
],
"faucets": [],
"icon": {
"url": "ipfs://QmVpV2WET6ZrqnvvPfE9hCwoE2y5ygbPuniuugpaRoxrho",
"width": 320,
"height": 320,
"format": "svg"
},
"infoURL": "https://kroma.network",
"name": "(deprecated) Kroma Sepolia",
"nativeCurrency": {
"name": "Sepolia Ether",
"symbol": "ETH",
"decimals": 18
},
"networkId": 2357,
"parent": {
"type": "L2",
"chain": "eip155-11155111",
"bridges": [
{
"url": "https://kroma.network/bridge"
}
]
},
"rpc": [
"https://deprecated-kroma-sepolia.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://2357.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://api.sepolia-deprecated.kroma.network"
],
"shortName": "deprecated-kroma-sepolia",
"slug": "deprecated-kroma-sepolia",
"status": "deprecated",
"testnet": true,
"title": "(deprecated) Kroma Testnet Sepolia"
} as const satisfies Chain;
+22
View File
@@ -0,0 +1,22 @@
import type { Chain } from "../src/types";
export default {
"chain": "DPU",
"chainId": 2611555,
"explorers": [],
"faucets": [],
"name": "DPU Chain",
"nativeCurrency": {
"name": "DGS",
"symbol": "DGS",
"decimals": 18
},
"networkId": 2611555,
"rpc": [
"https://dpu-chain.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://2611555.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://sc-rpc.dpu.ac.th"
],
"shortName": "DPU",
"slug": "dpu-chain",
"testnet": false
} as const satisfies Chain;
+20
View File
@@ -0,0 +1,20 @@
import type { Chain } from "../src/types";
export default {
"chain": "OGC",
"chainId": 300,
"explorers": [],
"faucets": [],
"infoURL": "https://docs.gnosischain.com",
"name": "(deprecated) Optimism on GC",
"nativeCurrency": {
"name": "xDAI",
"symbol": "xDAI",
"decimals": 18
},
"networkId": 300,
"rpc": [],
"shortName": "ogc",
"slug": "deprecated-optimism-on-gc",
"status": "deprecated",
"testnet": false
} as const satisfies Chain;
+27
View File
@@ -0,0 +1,27 @@
import type { Chain } from "../src/types";
export default {
"chain": "FIL",
"chainId": 3141,
"explorers": [],
"faucets": [],
"icon": {
"url": "ipfs://QmS9r9XQkMHVomWcSBNDkKkz9n87h9bH9ssabeiKZtANoU",
"width": 1000,
"height": 1000,
"format": "png"
},
"infoURL": "https://filecoin.io",
"name": "Filecoin - Hyperspace testnet",
"nativeCurrency": {
"name": "testnet filecoin",
"symbol": "tFIL",
"decimals": 18
},
"networkId": 3141,
"rpc": [],
"shortName": "filecoin-hyperspace",
"slip44": 1,
"slug": "filecoin-hyperspace-testnet",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+27
View File
@@ -0,0 +1,27 @@
import type { Chain } from "../src/types";
export default {
"chain": "FIL",
"chainId": 31415,
"explorers": [],
"faucets": [],
"icon": {
"url": "ipfs://QmS9r9XQkMHVomWcSBNDkKkz9n87h9bH9ssabeiKZtANoU",
"width": 1000,
"height": 1000,
"format": "png"
},
"infoURL": "https://filecoin.io",
"name": "Filecoin - Wallaby testnet",
"nativeCurrency": {
"name": "testnet filecoin",
"symbol": "tFIL",
"decimals": 18
},
"networkId": 31415,
"rpc": [],
"shortName": "filecoin-wallaby",
"slip44": 1,
"slug": "filecoin-wallaby-testnet",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+3 -3
View File
@@ -13,9 +13,9 @@ export default {
"https://faucet.securechain.ai"
],
"icon": {
"url": "ipfs://QmVNLDQ7edirox9gAehyen9gLHq64Z5532EXsLvSaVfjWh",
"width": 65,
"height": 65,
"url": "ipfs://Qme2Z8VFYjhHGfLQPBnfseNpEdRfmTDy7VXqrdH4AHETJf",
"width": 150,
"height": 150,
"format": "png"
},
"infoURL": "https://securechain.ai",
+38
View File
@@ -0,0 +1,38 @@
import type { Chain } from "../src/types";
export default {
"chain": "XPLATest",
"chainId": 3701,
"explorers": [
{
"name": "XPLA Explorer",
"url": "https://explorer.xpla.io",
"standard": "none"
}
],
"faucets": [
"https://faucet.xpla.io"
],
"icon": {
"url": "ipfs://Qmf4GoxfpeA5VGqu7KP5eyv1WKaCpNDbvMxq1MjQBwFWxq",
"width": 512,
"height": 512,
"format": "png"
},
"infoURL": "https://xpla.io",
"name": "Xpla Testnet",
"nativeCurrency": {
"name": "XPLA",
"symbol": "XPLA",
"decimals": 18
},
"networkId": 3701,
"rpc": [
"https://xpla-testnet-xplatest.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://3701.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://dimension-rpc.xpla.dev"
],
"shortName": "xplatest",
"slug": "xpla-testnet-xplatest",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+3 -3
View File
@@ -34,7 +34,7 @@ export default {
"format": "png"
},
"infoURL": "https://xinfin.org",
"name": "XinFin XDC Network",
"name": "XDC Network",
"nativeCurrency": {
"name": "XinFin",
"symbol": "XDC",
@@ -42,7 +42,7 @@ export default {
},
"networkId": 50,
"rpc": [
"https://xinfin-xdc-network.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://xdc-network.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://50.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://erpc.xinfin.network",
"https://rpc.xinfin.network",
@@ -50,6 +50,6 @@ export default {
"https://rpc-xdc.icecreamswap.com"
],
"shortName": "xdc",
"slug": "xinfin-xdc-network",
"slug": "xdc-network",
"testnet": false
} as const satisfies Chain;
+30
View File
@@ -0,0 +1,30 @@
import type { Chain } from "../src/types";
export default {
"chain": "FIRE",
"chainId": 5290,
"explorers": [],
"faucets": [],
"icon": {
"url": "ipfs://QmYjuztyURb3Fc6ZTLgCbwQa64CcVoigF5j9cafzuSbqgf",
"width": 512,
"height": 512,
"format": "png"
},
"infoURL": "https://thefirechain.com",
"name": "Firechain Mainnet Old",
"nativeCurrency": {
"name": "Firechain",
"symbol": "FIRE",
"decimals": 18
},
"networkId": 5290,
"rpc": [
"https://firechain-old.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://5290.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://mainnet.rpc1.thefirechain.com"
],
"shortName": "_old_fire",
"slug": "firechain-old",
"status": "deprecated",
"testnet": false
} as const satisfies Chain;
+4 -4
View File
@@ -4,13 +4,13 @@ export default {
"chainId": 534352,
"explorers": [
{
"name": "Blockscout",
"url": "https://blockscout.scroll.io",
"name": "Scrollscan",
"url": "https://scrollscan.com",
"standard": "EIP3091"
},
{
"name": "Scrollscan",
"url": "https://scrollscan.com",
"name": "Blockscout",
"url": "https://blockscout.scroll.io",
"standard": "EIP3091"
}
],
+35
View File
@@ -0,0 +1,35 @@
import type { Chain } from "../src/types";
export default {
"chain": "ETH",
"chainId": 534353,
"explorers": [
{
"name": "Scroll Alpha Testnet Block Explorer",
"url": "https://alpha-blockscout.scroll.io",
"standard": "EIP3091"
}
],
"faucets": [],
"infoURL": "https://scroll.io",
"name": "Scroll Alpha Testnet",
"nativeCurrency": {
"name": "Ether",
"symbol": "ETH",
"decimals": 18
},
"networkId": 534353,
"parent": {
"type": "L2",
"chain": "eip155-5",
"bridges": []
},
"rpc": [
"https://scroll-alpha-testnet.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://534353.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://alpha-rpc.scroll.io/l2"
],
"shortName": "scr-alpha",
"slug": "scroll-alpha-testnet",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+20
View File
@@ -0,0 +1,20 @@
import type { Chain } from "../src/types";
export default {
"chain": "ETH",
"chainId": 534354,
"explorers": [],
"faucets": [],
"infoURL": "https://scroll.io",
"name": "Scroll Pre-Alpha Testnet",
"nativeCurrency": {
"name": "Ether",
"symbol": "TSETH",
"decimals": 18
},
"networkId": 534354,
"rpc": [],
"shortName": "scr-prealpha",
"slug": "scroll-pre-alpha-testnet",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+39
View File
@@ -0,0 +1,39 @@
import type { Chain } from "../src/types";
export default {
"chain": "ETH",
"chainId": 588,
"explorers": [
{
"name": "blockscout",
"url": "https://stardust-explorer.metis.io",
"standard": "EIP3091"
}
],
"faucets": [],
"infoURL": "https://www.metis.io",
"name": "Metis Stardust Testnet",
"nativeCurrency": {
"name": "tMetis",
"symbol": "METIS",
"decimals": 18
},
"networkId": 588,
"parent": {
"type": "L2",
"chain": "eip155-4",
"bridges": [
{
"url": "https://bridge.metis.io"
}
]
},
"rpc": [
"https://metis-stardust-testnet.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://588.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://stardust.metis.io/?owner=588"
],
"shortName": "metis-stardust",
"slug": "metis-stardust-testnet",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+24
View File
@@ -0,0 +1,24 @@
import type { Chain } from "../src/types";
export default {
"chain": "EOS",
"chainId": 59,
"explorers": [],
"faucets": [],
"infoURL": "https://eosargentina.io",
"name": "EOS EVM Legacy",
"nativeCurrency": {
"name": "EOS",
"symbol": "EOS",
"decimals": 18
},
"networkId": 59,
"rpc": [
"https://eos-evm-legacy.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://59.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://api.eosargentina.io"
],
"shortName": "eos-legacy",
"slug": "eos-evm-legacy",
"status": "deprecated",
"testnet": false
} as const satisfies Chain;
+24
View File
@@ -0,0 +1,24 @@
import type { Chain } from "../src/types";
export default {
"chain": "ETC",
"chainId": 6,
"explorers": [],
"faucets": [],
"infoURL": "https://explorer.jade.builders/?network=kotti",
"name": "Ethereum Classic Testnet Kotti",
"nativeCurrency": {
"name": "Kotti Ether",
"symbol": "KOT",
"decimals": 18
},
"networkId": 6,
"rpc": [
"https://ethereum-classic-testnet-kotti.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://6.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://www.ethercluster.com/kotti"
],
"shortName": "kot",
"slug": "ethereum-classic-testnet-kotti",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+30
View File
@@ -0,0 +1,30 @@
import type { Chain } from "../src/types";
export default {
"chain": "SIN",
"chainId": 67390,
"explorers": [
{
"name": "siriusnetscan",
"url": "https://siriusnet.tryethernal.com",
"standard": "EIP3091"
}
],
"faucets": [],
"infoURL": "https://macaucasinolisboa.xyz",
"name": "SiriusNet",
"nativeCurrency": {
"name": "MCD",
"symbol": "MCD",
"decimals": 18
},
"networkId": 67390,
"rpc": [
"https://siriusnet.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://67390.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://u0tnafcv6j:o2T045sxuCNXL878RDQLp5__Zj-es2cvdjtgkl4etn0@u0v7kwtvtg-u0wj114sve-rpc.us0-aws.kaleido.io/"
],
"shortName": "mcl",
"slug": "siriusnet",
"status": "deprecated",
"testnet": false
} as const satisfies Chain;
+1 -1
View File
@@ -25,7 +25,7 @@ export default {
"rpc": [
"https://frame-testnet.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://68840142.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://rpc.testnet.frame.xyz"
"https://rpc.testnet.frame.xyz/http"
],
"shortName": "frame-test",
"slug": "frame-testnet",
+30
View File
@@ -0,0 +1,30 @@
import type { Chain } from "../src/types";
export default {
"chain": "Canto Tesnet",
"chainId": 740,
"explorers": [
{
"name": "Canto Tesnet Explorer (Neobase)",
"url": "https://testnet-explorer.canto.neobase.one",
"standard": "none"
}
],
"faucets": [],
"infoURL": "https://canto.io",
"name": "Canto Testnet",
"nativeCurrency": {
"name": "Canto",
"symbol": "CANTO",
"decimals": 18
},
"networkId": 740,
"rpc": [
"https://canto-testnet.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://740.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://eth.plexnode.wtf/"
],
"shortName": "tcanto",
"slug": "canto-testnet",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+41
View File
@@ -0,0 +1,41 @@
import type { Chain } from "../src/types";
export default {
"chain": "TQF",
"chainId": 8194,
"explorers": [
{
"name": "blockscout",
"url": "https://testnet.torusscan.com",
"standard": "EIP3091",
"icon": {
"url": "ipfs://QmYtUimyqHkkFxYdbXXRbUqNg2VLPUg6Uu2C2nmFWowiZM",
"width": 551,
"height": 540,
"format": "png"
}
}
],
"faucets": [],
"icon": {
"url": "ipfs://bafkreidchntjaxmq52cuqqoalpajk5ssk4p77k7n4jgywqmkpldo5qgobm",
"width": 1200,
"height": 1200,
"format": "png"
},
"infoURL": "https://docs.toruschain.com",
"name": "Torus Testnet",
"nativeCurrency": {
"name": "tTQF",
"symbol": "TTQF",
"decimals": 18
},
"networkId": 8194,
"rpc": [
"https://torus-testnet.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://8194.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://rpc.testnet.toruschain.com"
],
"shortName": "ttqf",
"slug": "torus-testnet",
"testnet": true
} as const satisfies Chain;
+20
View File
@@ -0,0 +1,20 @@
import type { Chain } from "../src/types";
export default {
"chain": "CLO",
"chainId": 821,
"explorers": [],
"faucets": [],
"infoURL": "https://callisto.network",
"name": "Callisto Testnet Deprecated",
"nativeCurrency": {
"name": "Callisto Testnet Ether",
"symbol": "TCLO",
"decimals": 18
},
"networkId": 2,
"rpc": [],
"shortName": "tclo",
"slug": "callisto-testnet-deprecated",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+32
View File
@@ -0,0 +1,32 @@
import type { Chain } from "../src/types";
export default {
"chain": "GWT",
"chainId": 868455272153094,
"explorers": [
{
"name": "GWScan Block Explorer",
"url": "https://v1.aggron.gwscan.com",
"standard": "none"
}
],
"faucets": [
"https://homura.github.io/light-godwoken"
],
"infoURL": "https://www.nervos.org",
"name": "Godwoken Testnet (V1)",
"nativeCurrency": {
"name": "CKB",
"symbol": "CKB",
"decimals": 8
},
"networkId": 868455272153094,
"rpc": [
"https://godwoken-testnet-v1-gw-testnet-v1-deprecated.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://868455272153094.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://godwoken-testnet-web3-v1-rpc.ckbapp.dev"
],
"shortName": "gw-testnet-v1-deprecated",
"slug": "godwoken-testnet-v1-gw-testnet-v1-deprecated",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+28
View File
@@ -0,0 +1,28 @@
import type { Chain } from "../src/types";
export default {
"chain": "FIRE",
"chainId": 9170,
"explorers": [],
"faucets": [
"https://faucet.thefirechain.com"
],
"icon": {
"url": "ipfs://QmRnnw2gtbU9TWJMLJ6tks7SN6HQV5rRugeoyN6csTYHt1",
"width": 512,
"height": 512,
"format": "png"
},
"infoURL": "https://thefirechain.com",
"name": "Rinia Testnet Old",
"nativeCurrency": {
"name": "Firechain",
"symbol": "FIRE",
"decimals": 18
},
"networkId": 9170,
"rpc": [],
"shortName": "_old_tfire",
"slug": "rinia-testnet-old",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+27
View File
@@ -0,0 +1,27 @@
import type { Chain } from "../src/types";
export default {
"chain": "tPLS",
"chainId": 940,
"explorers": [],
"faucets": [
"https://faucet.v2.testnet.pulsechain.com/"
],
"infoURL": "https://pulsechain.com/",
"name": "PulseChain Testnet",
"nativeCurrency": {
"name": "Test Pulse",
"symbol": "tPLS",
"decimals": 18
},
"networkId": 940,
"rpc": [
"https://pulsechain-testnet.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://940.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://rpc.v2.testnet.pulsechain.com/",
"wss://rpc.v2.testnet.pulsechain.com/"
],
"shortName": "tpls",
"slug": "pulsechain-testnet",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+27
View File
@@ -0,0 +1,27 @@
import type { Chain } from "../src/types";
export default {
"chain": "t2bPLS",
"chainId": 941,
"explorers": [],
"faucets": [
"https://faucet.v2b.testnet.pulsechain.com/"
],
"infoURL": "https://pulsechain.com/",
"name": "PulseChain Testnet v2b",
"nativeCurrency": {
"name": "Test Pulse",
"symbol": "tPLS",
"decimals": 18
},
"networkId": 941,
"rpc": [
"https://pulsechain-testnet-v2b.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://941.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://rpc.v2b.testnet.pulsechain.com/",
"wss://rpc.v2b.testnet.pulsechain.com/"
],
"shortName": "t2bpls",
"slug": "pulsechain-testnet-v2b",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+27
View File
@@ -0,0 +1,27 @@
import type { Chain } from "../src/types";
export default {
"chain": "t3PLS",
"chainId": 942,
"explorers": [],
"faucets": [
"https://faucet.v3.testnet.pulsechain.com/"
],
"infoURL": "https://pulsechain.com/",
"name": "PulseChain Testnet v3",
"nativeCurrency": {
"name": "Test Pulse",
"symbol": "tPLS",
"decimals": 18
},
"networkId": 942,
"rpc": [
"https://pulsechain-testnet-v3.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://942.rpc.thirdweb.com/${THIRDWEB_API_KEY}",
"https://rpc.v3.testnet.pulsechain.com/",
"wss://rpc.v3.testnet.pulsechain.com/"
],
"shortName": "t3pls",
"slug": "pulsechain-testnet-v3",
"status": "deprecated",
"testnet": true
} as const satisfies Chain;
+26
View File
@@ -0,0 +1,26 @@
import type { Chain } from "../src/types";
export default {
"chain": "Boba BNB Mainnet",
"chainId": 97288,
"explorers": [
{
"name": "Boba BNB block explorer",
"url": "https://blockexplorer.bnb.boba.network",
"standard": "none"
}
],
"faucets": [],
"infoURL": "https://boba.network",
"name": "Boba BNB Mainnet Old",
"nativeCurrency": {
"name": "Boba Token",
"symbol": "BOBA",
"decimals": 18
},
"networkId": 97288,
"rpc": [],
"shortName": "BobaBnbOld",
"slug": "boba-bnb-old",
"status": "deprecated",
"testnet": false
} as const satisfies Chain;
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@thirdweb-dev/chains",
"version": "0.1.56",
"version": "0.1.57",
"main": "dist/thirdweb-dev-chains.cjs.js",
"module": "dist/thirdweb-dev-chains.esm.js",
"browser": {
File diff suppressed because one or more lines are too long
+19
View File
@@ -1,5 +1,24 @@
# thirdweb
## 0.13.11
### Patch Changes
- Updated dependencies [[`a9d32f3c`](https://github.com/thirdweb-dev/js/commit/a9d32f3c90251a459e17a19eca803bbfdeeaeb79), [`0acc530f`](https://github.com/thirdweb-dev/js/commit/0acc530f8bbee59672d9705724edc278bd853d9a)]:
- @thirdweb-dev/sdk@4.0.10
- @thirdweb-dev/wallets@2.1.0
- @thirdweb-dev/auth@4.1.3
## 0.13.10
### Patch Changes
- Updated dependencies [[`a75e4cc8`](https://github.com/thirdweb-dev/js/commit/a75e4cc80a5a36bf6baeeb40e8ae3be485d35618), [`3faa9f21`](https://github.com/thirdweb-dev/js/commit/3faa9f21efb1ae29a57747d6f0b8fb1151930ab4)]:
- @thirdweb-dev/chains@0.1.57
- @thirdweb-dev/wallets@2.0.10
- @thirdweb-dev/sdk@4.0.9
- @thirdweb-dev/auth@4.1.2
## 0.13.9
### Patch Changes
+1 -1
View File
@@ -1,7 +1,7 @@
{
"name": "thirdweb",
"main": "dist/cli/index.js",
"version": "0.13.9",
"version": "0.13.11",
"repository": "https://github.com/thirdweb-dev/js/tree/main/packages/cli",
"author": "thirdweb eng <[email protected]>",
"license": "Apache-2.0",
+19
View File
@@ -1,5 +1,24 @@
# @thirdweb-dev/react-core
## 4.1.0
### Patch Changes
- Updated dependencies [[`a9d32f3c`](https://github.com/thirdweb-dev/js/commit/a9d32f3c90251a459e17a19eca803bbfdeeaeb79), [`0acc530f`](https://github.com/thirdweb-dev/js/commit/0acc530f8bbee59672d9705724edc278bd853d9a)]:
- @thirdweb-dev/sdk@4.0.10
- @thirdweb-dev/wallets@2.1.0
- @thirdweb-dev/auth@4.1.3
## 4.0.10
### Patch Changes
- Updated dependencies [[`a75e4cc8`](https://github.com/thirdweb-dev/js/commit/a75e4cc80a5a36bf6baeeb40e8ae3be485d35618), [`3faa9f21`](https://github.com/thirdweb-dev/js/commit/3faa9f21efb1ae29a57747d6f0b8fb1151930ab4)]:
- @thirdweb-dev/chains@0.1.57
- @thirdweb-dev/wallets@2.0.10
- @thirdweb-dev/sdk@4.0.9
- @thirdweb-dev/auth@4.1.2
## 4.0.9
### Patch Changes
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@thirdweb-dev/react-core",
"version": "4.0.9",
"version": "4.1.0",
"repository": "https://github.com/thirdweb-dev/js/tree/main/packages/react-core",
"author": "thirdweb eng <[email protected]>",
"license": "Apache-2.0",
@@ -199,7 +199,7 @@ export function ThirdwebWalletProvider(
const walletInfo: LastConnectedWalletInfo = {
walletId: walletConfig.id,
connectParams,
connectParams: connectParams || wallet.getConnectParams(),
};
// if personal wallet exists, we need to replace the connectParams.personalWallet to a stringifiable version
@@ -1,5 +1,11 @@
# @thirdweb-dev/react-native-compat
## 0.4.0
## 0.3.16
## 0.3.15
## 0.3.14
## 0.3.13
+1 -1
View File
@@ -1,7 +1,7 @@
{
"name": "@thirdweb-dev/react-native-compat",
"description": "Shims for Thirdweb in React Native Projects",
"version": "0.3.14",
"version": "0.4.0",
"author": "thirdweb eng <[email protected]>",
"repository": "https://github.com/thirdweb-dev/js/tree/main/packages/react-native-compat",
"license": "Apache-2.0",
+115
View File
@@ -1,5 +1,120 @@
# @thirdweb-dev/react-native
## 0.4.0
### Minor Changes
- [#1846](https://github.com/thirdweb-dev/js/pull/1846) [`0acc530f`](https://github.com/thirdweb-dev/js/commit/0acc530f8bbee59672d9705724edc278bd853d9a) Thanks [@joaquim-verges](https://github.com/joaquim-verges)! - New API to configure authentication options on `embeddedWallet`
```ts
// default - google sign in is enabled
embeddedWallet();
// this is same as
embeddedWallet({
auth: {
options: ["email"],
},
});
// add google sign in
embeddedWallet({
auth: {
options: ["email", "google"],
redirectUrl: "your_app://deeplink",
},
});
```
### Patch Changes
- [#1885](https://github.com/thirdweb-dev/js/pull/1885) [`961ef644`](https://github.com/thirdweb-dev/js/commit/961ef644d1b1adaad08c071903cd53aacac50bb4) Thanks [@joaquim-verges](https://github.com/joaquim-verges)! - Improved `useSmartWallet()` hook
Example with metamask:
```ts
const { connect } = useSmartWallet(metamaskWallet(), {
factoryAddress: factoryAddress,
gasless: true,
});
const onClick = async () => {
// nothing to do here, all handled internally
await connect();
};
```
```ts
Example with localWallet:
const { connect } = useSmartWallet(localWallet(), {
factoryAddress: factoryAddress,
gasless: true,
});
const onClick = async () => {
// function to 'load' the local wallet before using it
await connect({
connectPersonalWallet: async (w) => {
await w.generate();
await w.connect();
}
});
}
```
```ts
Example with embeddedWallet:
const { connect } = useSmartWallet(embeddedWallet(), {
factoryAddress: factoryAddress,
gasless: true,
});
const onClick = async () => {
// function to 'auth' the embedded wallet before using it
await connect({
connectPersonalWallet: async (w) => {
const authResult = await w.authenticate({ strategy: "google" });
await w.connect({ authResult });
}
});
}
```
- Updated dependencies [[`a9d32f3c`](https://github.com/thirdweb-dev/js/commit/a9d32f3c90251a459e17a19eca803bbfdeeaeb79), [`0acc530f`](https://github.com/thirdweb-dev/js/commit/0acc530f8bbee59672d9705724edc278bd853d9a)]:
- @thirdweb-dev/[email protected]
- @thirdweb-dev/[email protected]
- @thirdweb-dev/[email protected]
## 0.3.16
### Patch Changes
- [#1880](https://github.com/thirdweb-dev/js/pull/1880) [`7461e2a9`](https://github.com/thirdweb-dev/js/commit/7461e2a9145549b7e08bc34d87d44be9bcff2c07) Thanks [@iketw](https://github.com/iketw)! - Fixes wallet icons borders bug
- [#1878](https://github.com/thirdweb-dev/js/pull/1878) [`178609a0`](https://github.com/thirdweb-dev/js/commit/178609a0622b571560188a4266247eb342759ea1) Thanks [@iketw](https://github.com/iketw)! - Adds support for Japanese and Spanish
You can now pass 'ja' or 'es' to our ThirdwebProvider:
```
import { ThirdwebProvider } from '@thirdweb-dev/react-native';
<ThirdwebProvider locale={'ja'}>
<App />
</ ThirdwebProvider>
```
## 0.3.15
### Patch Changes
- Updated dependencies [[`a75e4cc8`](https://github.com/thirdweb-dev/js/commit/a75e4cc80a5a36bf6baeeb40e8ae3be485d35618), [`3faa9f21`](https://github.com/thirdweb-dev/js/commit/3faa9f21efb1ae29a57747d6f0b8fb1151930ab4)]:
- @thirdweb-dev/[email protected]
- @thirdweb-dev/[email protected]
- @thirdweb-dev/[email protected]
- @thirdweb-dev/[email protected]
## 0.3.14
### Patch Changes
+1 -1
View File
@@ -12,7 +12,7 @@
</p>
<p><strong>Powering react-native dapps.</strong></p>
The go to librarly for seamless Web3 integration in React Native apps.
The go to library for seamless Web3 integration in React Native apps.
<br />
+1 -2
View File
@@ -1,6 +1,6 @@
{
"name": "@thirdweb-dev/react-native",
"version": "0.3.14",
"version": "0.4.0",
"repository": "https://github.com/thirdweb-dev/js/tree/main/packages/react-native",
"author": "thirdweb eng <[email protected]>",
"license": "Apache-2.0",
@@ -31,7 +31,6 @@
"@magic-sdk/provider": "17.2.0",
"@magic-sdk/react-native-bare": "^18.5.0",
"@paperxyz/embedded-wallet-service-sdk": "^1.2.4",
"@react-native-community/checkbox": "^0.5.16",
"@shopify/restyle": "^2.4.2",
"@tanstack/react-query": "^4.33.0",
"@thirdweb-dev/chains": "workspace:*",
@@ -0,0 +1,17 @@
import Svg, { Path } from "react-native-svg";
import { IconStyleProp } from "./types";
const CheckedIcon = ({ width, height, color }: IconStyleProp) => {
return (
<Svg width={width} height={height} viewBox="0 0 15 15" fill="none">
<Path
d="M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z"
fill={color}
fill-rule="evenodd"
clip-rule="evenodd"
/>
</Svg>
);
};
export default CheckedIcon;
@@ -10,7 +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";
import { WalletIcon } from "../base";
import { useLocale } from "../../providers/ui-context-provider";
export type ConnectWalletDetailsProps = {
@@ -92,13 +92,7 @@ export const WalletDetailsButton = ({
alignContent="center"
justifyContent="flex-start"
>
<Box borderRadius="lg" overflow="hidden">
<ImageSvgUri
width={32}
height={32}
imageUrl={avatarUrl || walletIconUrl}
/>
</Box>
<WalletIcon iconUri={avatarUrl || walletIconUrl} size={32} />
<Box ml="md" justifyContent="center" alignItems="flex-start">
{activeWallet?.walletId === LocalWallet.id ? (
<Text variant="bodySmall" color="red">
@@ -61,7 +61,7 @@ export const ConnectWalletHeader = ({
</Text>
) : null}
{subHeaderText ? (
<Text variant="subHeader" mt="md">
<Text variant="subHeader" mt="md" textAlign="center">
{subHeaderText}
</Text>
) : null}
@@ -10,7 +10,6 @@ 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";
const MODAL_HEIGHT = Dimensions.get("window").height * 0.7;
const DEVICE_WIDTH = Dimensions.get("window").width;
@@ -25,8 +24,6 @@ export const MainModal = () => {
switch (modalState?.view) {
case "ConnectWalletFlow":
return <ConnectWalletFlow />;
// case "WalletDetails":
// return <ConnectWalletDetailsModal />;
case "WalletConnectSessionRequestModal":
return <SessionRequestModal />;
case "WalletConnectSessionProposalModal":
@@ -0,0 +1,47 @@
import React, { useRef, useEffect } from "react";
import { Animated, ViewProps } from "react-native";
interface BouncingContainerProps extends ViewProps {
duration?: number;
}
const BouncingContainer: React.FC<BouncingContainerProps> = ({
children,
duration = 500,
...props
}) => {
const bounceValue = useRef(new Animated.Value(0)).current;
useEffect(() => {
Animated.loop(
Animated.sequence([
Animated.timing(bounceValue, {
toValue: 10,
duration,
useNativeDriver: true,
}),
Animated.timing(bounceValue, {
toValue: 0,
duration,
useNativeDriver: true,
}),
]),
).start();
}, [bounceValue, duration]);
return (
<Animated.View
{...props}
style={[
props.style,
{
transform: [{ translateY: bounceValue }],
},
]}
>
{children}
</Animated.View>
);
};
export default BouncingContainer;
@@ -0,0 +1,43 @@
import React, { useState } from "react";
import Text from "./Text";
import CheckedIcon from "../../assets/checked-icon";
import BaseButton from "./BaseButton";
import Box from "./Box";
interface CheckboxProps {
label: string;
color: string;
value?: boolean;
onToggle?: (value: boolean) => void;
}
const Checkbox: React.FC<CheckboxProps> = ({
label,
color,
onToggle,
value = false,
}) => {
const [isChecked, setIsChecked] = useState(value);
const onPress = () => {
setIsChecked(!isChecked);
onToggle?.(!isChecked);
};
return (
<BaseButton flexDirection="row" alignItems="center" onPress={onPress}>
<Box borderRadius="md" style={{ borderColor: color }} borderWidth={1}>
{isChecked ? (
<CheckedIcon width={20} height={20} color={color} />
) : (
<Box width={20} height={20} />
)}
</Box>
<Text variant="bodySmall" ml="xxs">
{label}
</Text>
</BaseButton>
);
};
export default Checkbox;
@@ -1,3 +1,4 @@
import Box from "./Box";
import ImageSvgUri from "./ImageSvgUri";
export const WalletIcon = ({
@@ -7,5 +8,9 @@ export const WalletIcon = ({
iconUri: string;
size: number;
}) => {
return <ImageSvgUri imageUrl={iconUri} width={size} height={size} />;
return (
<Box borderRadius="sm" overflow="hidden">
<ImageSvgUri imageUrl={iconUri} width={size} height={size} />
</Box>
);
};
+112
View File
@@ -0,0 +1,112 @@
export const _en = {
connect_wallet: {
label: "Connect Wallet",
},
connect_wallet_details: {
additional_actions: "Additional Actions",
address_copied_clipboard: "Address copied to clipboard",
backup_wallet: "Backup Wallet",
backup_personal_wallet: "Backup personal wallet",
import_wallet: "Import Wallet",
connected_to_smart_wallet: "Connected to a Smart Wallet",
current_network: "Current Network",
backup: "Backup",
connect_to_app: "Connect to App",
guest: "Guest",
connect: "Connect",
new_to_wallets: "New to wallets?",
view_transaction_history: "View Transaction History",
get_started: "Get started",
receive_funds: "Receive Funds",
search_or_paste_token: "Search or paste token address",
connect_a_wallet: "Connect a wallet",
continue_as_guest: "Continue as guest",
tos: "Terms of Service",
privacy_policy: "Privacy Policy",
by_connecting_you_agree: "By connecting, you agree to the",
copy_address_or_scan:
"Copy the wallet address or scan the QR code to send funds to this wallet.",
request_testnet_funds: "Request Testnet Funds",
your_address: "Your address",
qr_code: "QR Code",
select_token: "Select Token",
send_to: "Send to",
send_funds: "Send Funds",
no_tokens_found: "No Tokens found",
confirm_in_wallet: "Confirm in your wallet",
select_network: "Select Network",
switch_to: "Switch to",
no_supported_chains_detected: "No supported chains detected",
recommended: "Recommended",
network_mismatch:
"There's a network mismatch between your contract and your wallet",
},
connecting_wallet: {
creating_encrypting:
"Creating, encrypting and securing your device wallet.",
connecting_your_wallet: "Connecting your wallet",
connecting_through_pop_up:
"Login and connect your app through the wallet pop-up",
},
local_wallet: {
guest_wallet: "Guest Wallet",
backup_your_wallet: "Backup your wallet",
create_new_wallet: "Create new wallet",
private_key_mnemonic: "Or Private key or Mnemonic",
private_key_mnemonic_placeholder: "Private key / Mnemonic",
application_can_authorize_transactions:
"The application can authorize any transactions on behalf of the wallet without any approvals. We recommend only connecting to trusted applications.",
double_check_password: "Please, double check your password or private key.",
error_accessing_file: "Error accessing the file. Please try again.",
wallet_address: "Wallet Address",
this_will_download_json:
"This will download a JSON file containing your wallet information onto your device encrypted with the password.",
this_is_a_temporary_wallet:
"This is a temporary guest wallet. Download a backup if you don't want to loose access to it.",
},
smart_wallet: {
switch_to_smart: "Switch to Smart Wallet",
switch_to_personal: "Switch to Personal Wallet",
network_mismatch: "Network Mismatch",
connecting: "Connecting",
},
embedded_wallet: {
request_new_code: "Request new code",
sign_in: "Sign In",
sign_in_google: "Sign in with Google",
enter_your_email: "Enter your email address",
forgot_password: "Forgot password",
enter_account_recovery_code: "Enter account recovery code",
backup_your_account: "Backup your account",
create_password: "Create password",
enter_password: "Enter password",
set_password_message: "Set a password to secure your account",
enter_password_for_email: "Enter password for",
make_sure_you_save_it: "Make sure you save it",
},
wallet_connect: {
no_results_found: "No results found",
search_wallets: "Search Wallets",
},
common: {
connect_app: "Connect app",
unknown_network: "Unknown Network",
fetching: "Fetching...",
password: "Password",
reject: "Reject",
approve: "Approve",
switch_network: "Switch Network",
import: "Import",
username: "Username",
amount: "Amount",
send: "Send",
receive: "Receive",
continue: "Continue",
error_switching_network: "Error switching network",
or: "OR",
from: "from",
to: "from",
next: "Next",
learn_more: "Learn More",
},
};
+113
View File
@@ -0,0 +1,113 @@
export const _es = {
connect_wallet: {
label: "Conectar Cartera",
},
connect_wallet_details: {
additional_actions: "Acciones Adicionales",
address_copied_clipboard: "Dirección copiada al portapapeles",
backup_wallet: "Respaldar Cartera",
backup_personal_wallet: "Respaldar cartera personal",
import_wallet: "Importar Cartera",
connected_to_smart_wallet: "Conectado a una Cartera Inteligente",
current_network: "Red Actual",
backup: "Respaldar",
connect_to_app: "Conectar a la Aplicación",
guest: "Invitado",
connect: "Conectar",
new_to_wallets: "¿Nuevo en carteras?",
view_transaction_history: "Ver Historial de Transacciones",
get_started: "Comenzar",
receive_funds: "Recibir Fondos",
search_or_paste_token: "Buscar o pegar dirección del token",
connect_a_wallet: "Conectar una cartera",
continue_as_guest: "Continuar como invitado",
tos: "Términos de Servicio",
privacy_policy: "Política de Privacidad",
by_connecting_you_agree: "Al conectar, aceptas los",
copy_address_or_scan:
"Copia la dirección de la cartera o escanea el código QR para enviar fondos a esta cartera.",
request_testnet_funds: "Solicitar Fondos de Testnet",
your_address: "Tu dirección",
qr_code: "Código QR",
select_token: "Seleccionar Token",
send_to: "Enviar a",
send_funds: "Enviar Fondos",
no_tokens_found: "No se encontraron tokens",
confirm_in_wallet: "Confirma en tu cartera",
select_network: "Seleccionar Red",
switch_to: "Cambiar a",
no_supported_chains_detected: "No se detectaron cadenas compatibles",
recommended: "Recomendado",
network_mismatch: "Hay un desajuste de red entre tu contrato y tu cartera",
},
connecting_wallet: {
creating_encrypting:
"Creando, cifrando y asegurando tu cartera de dispositivo.",
connecting_your_wallet: "Conectando tu cartera",
connecting_through_pop_up:
"Iniciar sesión y conectar tu aplicación a través del pop-up de la cartera",
},
local_wallet: {
guest_wallet: "Cartera de Invitado",
backup_your_wallet: "Haz un respaldo de tu cartera",
create_new_wallet: "Crear nueva cartera",
private_key_mnemonic: "O clave privada o frase mnemotécnica",
private_key_mnemonic_placeholder: "Clave privada / Frase mnemotécnica",
application_can_authorize_transactions:
"La aplicación puede autorizar cualquier transacción en nombre de la cartera sin aprobaciones. Recomendamos conectar solo a aplicaciones de confianza.",
double_check_password: "Por favor, verifica tu contraseña o clave privada.",
error_accessing_file:
"Error al acceder al archivo. Por favor, inténtalo de nuevo.",
wallet_address: "Dirección de la Cartera",
this_will_download_json:
"Esto descargará un archivo JSON que contiene la información de tu cartera en tu dispositivo cifrada con la contraseña.",
this_is_a_temporary_wallet:
"Esta es una cartera de invitado temporal. Descarga un respaldo si no quieres perder el acceso a ella.",
},
smart_wallet: {
switch_to_smart: "Cambiar a Cartera Inteligente",
switch_to_personal: "Cambiar a Cartera Personal",
network_mismatch: "Desajuste de Red",
connecting: "Conectando",
},
embedded_wallet: {
request_new_code: "Solicitar nuevo código",
sign_in: "Iniciar Sesión",
sign_in_google: "Iniciar sesión con Google",
enter_your_email: "Ingresa tu dirección de correo electrónico",
forgot_password: "Olvidé mi contraseña",
enter_account_recovery_code: "Ingresa el código de recuperación de cuenta",
backup_your_account: "Haz un respaldo de tu cuenta",
enter_password: "Introduce contraseña",
create_password: "Crear contraseña",
set_password_message:
"Establece una contraseña para tu cuenta. Necesitarás esta contraseña cuando te conectes desde un nuevo dispositivo.",
enter_password_for_email: "Ingresa la contraseña del correo electrónico",
make_sure_you_save_it: "Asegúrate de guardarlo",
},
wallet_connect: {
no_results_found: "No se encontraron resultados",
search_wallets: "Buscar Carteras",
},
common: {
connect_app: "Conectar aplicación",
unknown_network: "Red Desconocida",
fetching: "Recuperando...",
password: "Contraseña",
reject: "Rechazar",
approve: "Aprobar",
switch_network: "Cambiar Red",
import: "Importar",
username: "Nombre de usuario",
amount: "Cantidad",
send: "Enviar",
receive: "Recibir",
continue: "Continuar",
error_switching_network: "Error al cambiar de red",
or: "O",
from: "de",
to: "a",
next: "Siguiente",
learn_more: "Saber más",
},
};
+113
View File
@@ -0,0 +1,113 @@
export const _ja = {
connect_wallet: {
label: "ウォレットを接続",
},
connect_wallet_details: {
additional_actions: "追加のアクション",
address_copied_clipboard: "アドレスがクリップボードにコピーされました",
backup_wallet: "ウォレットのバックアップ",
backup_personal_wallet: "個人のウォレットのバックアップ",
import_wallet: "ウォレットのインポート",
connected_to_smart_wallet: "スマートウォレットに接続されています",
current_network: "現在のネットワーク",
backup: "バックアップ",
connect_to_app: "アプリに接続",
guest: "ゲスト",
connect: "接続",
new_to_wallets: "ウォレットは初めてですか?",
view_transaction_history: "取引履歴を見る",
get_started: "開始する",
receive_funds: "資金を受け取る",
search_or_paste_token: "トークンのアドレスを検索または貼り付け",
connect_a_wallet: "ウォレットを接続",
continue_as_guest: "ゲストとして続行",
tos: "利用規約",
privacy_policy: "プライバシーポリシー",
by_connecting_you_agree: "接続することで、あなたは以下に同意します",
copy_address_or_scan:
"ウォレットのアドレスをコピーするか、QRコードをスキャンして資金をこのウォレットに送信します",
request_testnet_funds: "テストネットの資金をリクエスト",
your_address: "あなたのアドレス",
qr_code: "QRコード",
select_token: "トークンを選択",
send_to: "送信先",
send_funds: "資金を送る",
no_tokens_found: "トークンが見つかりません",
confirm_in_wallet: "ウォレットで確認",
select_network: "ネットワークを選択",
switch_to: "に切り替える",
no_supported_chains_detected:
"サポートされているチェーンが検出されませんでした",
recommended: "推奨",
network_mismatch:
"あなたのコントラクトとウォレットの間にネットワークの不一致があります",
},
connecting_wallet: {
creating_encrypting: "デバイスのウォレットを作成、暗号化、保護しています",
connecting_your_wallet: "ウォレットを接続しています",
connecting_through_pop_up:
"ウォレットのポップアップを通じてアプリにログインして接続します",
},
local_wallet: {
guest_wallet: "ゲストウォレット",
backup_your_wallet: "ウォレットをバックアップ",
create_new_wallet: "新しいウォレットを作成",
private_key_mnemonic: "または、秘密鍵またはニーモニック",
private_key_mnemonic_placeholder: "秘密鍵 / ニーモニック",
application_can_authorize_transactions:
"アプリケーションは、承認なしにウォレットを代わりにトランザクションを許可することができます 信頼できるアプリケーションのみに接続することをおすすめします",
double_check_password: "パスワードまたは秘密鍵を再度確認してください",
error_accessing_file:
"ファイルにアクセスできませんでしたもう一度試してください",
wallet_address: "ウォレットのアドレス",
this_will_download_json:
"これにより、パスワードで暗号化されたウォレット情報を含むJSONファイルがデバイスにダウンロードされます",
this_is_a_temporary_wallet:
"これは一時的なゲストウォレットです アクセスを失わないようにバックアップをダウンロードしてください",
},
smart_wallet: {
switch_to_smart: "スマートウォレットに切り替え",
switch_to_personal: "個人のウォレットに切り替え",
network_mismatch: "ネットワークの不一致",
connecting: "接続中",
},
embedded_wallet: {
request_new_code: "新しいコードをリクエスト",
sign_in: "サインイン",
sign_in_google: "Googleでサインイン",
enter_your_email: "メールアドレスを入力",
forgot_password: "パスワードを忘れた",
enter_account_recovery_code: "アカウント回復コードを入力",
backup_your_account: "アカウントのバックアップ",
create_password: "パスワードを作成する",
enter_password: "パスワードを入力",
set_password_message: "アカウントの保護のためパスワードを設定してください",
enter_password_for_email: "メールのためのパスワードを入力",
make_sure_you_save_it: "必ず保存してください",
},
wallet_connect: {
no_results_found: "結果が見つかりません",
search_wallets: "ウォレットを検索",
},
common: {
connect_app: "アプリに接続",
unknown_network: "不明なネットワーク",
fetching: "取得中...",
password: "パスワード",
reject: "拒否",
approve: "承認",
switch_network: "ネットワークの切り替え",
import: "インポート",
username: "ユーザー名",
amount: "金額",
send: "送信",
receive: "受け取り",
continue: "続行",
error_switching_network: "ネットワークの切り替えエラー",
or: "または",
from: "から",
to: "まで",
next: "次へ",
learn_more: "もっと詳しく",
},
};
+27 -5
View File
@@ -1,13 +1,21 @@
import { DeepPartial, deepMerge } from "../types/deepPartial";
import { Locale, LocaleType, _en } from "./types";
import { _en } from "./en";
import { _es } from "./es";
import { _ja } from "./ja";
import { Locale, LocaleType } from "./types";
export const setLocale = (locale: Locale): LocaleType => {
if (typeof locale === "string") {
if (locale === "en") {
return en();
switch (locale) {
case "en":
return _en;
case "es":
return _es;
case "ja":
return _ja;
default:
throw new Error(`Locale ${locale} not supported`);
}
throw new Error(`Locale ${locale} not supported`);
}
return locale;
};
@@ -18,3 +26,17 @@ export const en = (locale?: DeepPartial<LocaleType>): LocaleType => {
}
return deepMerge(_en, locale);
};
export const ja = (locale?: DeepPartial<LocaleType>): LocaleType => {
if (!locale) {
return _ja;
}
return deepMerge(_ja, locale);
};
export const es = (locale?: DeepPartial<LocaleType>): LocaleType => {
if (!locale) {
return _es;
}
return deepMerge(_es, locale);
};
+3 -109
View File
@@ -1,111 +1,5 @@
export type Locale = LocaleType | "en";
import { _en } from "./en";
export type Locale = LocaleType | "en" | "es" | "ja";
export type LocaleType = typeof _en;
export const _en = {
connect_wallet: {
label: "Connect Wallet",
},
connect_wallet_details: {
additional_actions: "Additional Actions",
address_copied_clipboard: "Address copied to clipboard",
backup_wallet: "Backup Wallet",
backup_personal_wallet: "Backup personal wallet",
import_wallet: "Import Wallet",
connected_to_smart_wallet: "Connected to a Smart Wallet",
current_network: "Current Network",
backup: "Backup",
connect_to_app: "Connect to App",
guest: "Guest",
connect: "Connect",
new_to_wallets: "New to wallets?",
view_transaction_history: "View Transaction History",
get_started: "Get started",
receive_funds: "Receive Funds",
search_or_paste_token: "Search or paste token address",
connect_a_wallet: "Connect a wallet",
continue_as_guest: "Continue as guest",
tos: "Terms of Service",
privacy_policy: "Privacy Policy",
by_connecting_you_agree: "By connecting, you agree to the",
copy_address_or_scan:
"Copy the wallet address or scan the QR code to send funds to this wallet.",
request_testnet_funds: "Request Testnet Funds",
your_address: "Your address",
qr_code: "QR Code",
select_token: "Select Token",
send_to: "Send to",
send_funds: "Send Funds",
no_tokens_found: "No Tokens found",
confirm_in_wallet: "Confirm in your wallet",
select_network: "Select Network",
switch_to: "Switch to",
no_supported_chains_detected: "No supported chains detected",
recommended: "Recommended",
network_mismatch:
"There's a network mismatch between your contract and your wallet",
},
connecting_wallet: {
creating_encrypting:
"Creating, encrypting and securing your device wallet.",
connecting_your_wallet: "Connecting your wallet",
connecting_through_pop_up:
"Login and connect your app through the wallet pop-up",
},
local_wallet: {
guest_wallet: "Guest Wallet",
backup_your_wallet: "Backup your wallet",
create_new_wallet: "Create new wallet",
private_key_mnemonic: "Or Private key or Mnemonic",
private_key_mnemonic_placeholder: "Private key / Mnemonic",
application_can_authorize_transactions:
"The application can authorize any transactions on behalf of the wallet without any approvals. We recommend only connecting to trusted applications.",
double_check_password: "Please, double check your password or private key.",
error_accessing_file: "Error accessing the file. Please try again.",
wallet_address: "Wallet Address",
this_will_download_json:
"This will download a JSON file containing your wallet information onto your device encrypted with the password.",
this_is_a_temporary_wallet:
"This is a temporary guest wallet. Download a backup if you don't want to loose access to it.",
},
smart_wallet: {
switch_to_smart: "Switch to Smart Wallet",
switch_to_personal: "Switch to Personal Wallet",
network_mismatch: "Network Mismatch",
connecting: "Connecting",
},
embedded_wallet: {
request_new_code: "Request new code",
sign_in: "Sign In",
sign_in_google: "Sign in with Google",
enter_your_email: "Enter your email address",
forgot_password: "Forgot password",
enter_account_recovery_code: "Enter account recovery code",
backup_your_account: "Backup your account",
},
wallet_connect: {
no_results_found: "No results found",
search_wallets: "Search Wallets",
},
common: {
connect_app: "Connect app",
unknown_network: "Unknown Network",
fetching: "Fetching...",
password: "Password",
reject: "Reject",
approve: "Approve",
switch_network: "Switch Network",
import: "Import",
username: "Username",
amount: "Amount",
send: "Send",
receive: "Receive",
continue: "Continue",
error_switching_network: "Error switching network",
or: "OR",
from: "from",
to: "from",
next: "Next",
learn_more: "Learn More",
},
};
+3
View File
@@ -30,6 +30,9 @@ export { useCoinbaseWallet } from "./wallets/hooks/useCoinbaseWallet";
export { useMetaMaskWallet } from "./wallets/hooks/useMetaMaskWallet";
export { useRainbowWallet } from "./wallets/hooks/useRainbowWallet";
export { useTrustWallet } from "./wallets/hooks/useTrustWallet";
export { useEmbeddedWallet } from "./wallets/hooks/useEmbeddedWallet";
export { useSmartWallet } from "./wallets/hooks/useSmartWallet";
export { useEmbeddedWalletSendVerificationEmail } from "./wallets/hooks/useEmbeddedWalletSendVerificationEmail";
export {
ConnectWallet,
@@ -1,5 +1,3 @@
// import { Platform } from "react-native";
export const textVariants = {
defaults: {
fontFamily: undefined as string | undefined,
@@ -1,16 +1,18 @@
import {
AuthOptions,
AuthParams,
AuthResult,
EmbeddedWalletConnectionArgs,
EmbeddedWalletConnectorOptions,
OauthOption,
SendEmailOtpReturnType,
} 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 {
customJwt,
sendEmailOTP,
sendVerificationEmail,
socialLogin,
validateEmailOTP,
} from "./embedded/auth";
@@ -21,7 +23,14 @@ import {
getConnectedEmail,
saveConnectedEmail,
} from "./embedded/helpers/storage/local";
import { AuthProvider } from "@paperxyz/embedded-wallet-service-sdk";
import {
AuthProvider,
Connector,
RecoveryShareManagement,
UserWalletStatus,
normalizeChainId,
} from "@thirdweb-dev/wallets";
import { isValidUserManagedEmailOtp } from "./embedded/helpers/api/fetchers";
export class EmbeddedWalletConnector extends Connector<EmbeddedWalletConnectionArgs> {
private options: EmbeddedWalletConnectorOptions;
@@ -37,142 +46,172 @@ export class EmbeddedWalletConnector extends Connector<EmbeddedWalletConnectionA
this.email = getConnectedEmail();
}
async connect(options?: { chainId?: number } & EmbeddedWalletConnectionArgs) {
const connected = await this.isConnected();
if (connected) {
return this.getAddress();
}
switch (options?.loginType) {
case "headless_google_oauth":
{
await socialLogin(
{
provider: AuthProvider.GOOGLE,
redirectUrl: options.redirectUrl,
},
this.options.clientId,
);
}
break;
case "headless_email_otp_verification": {
await this.validateEmailOtp({ otp: options.otp });
break;
}
case "jwt": {
await this.customJwt({
jwt: options.jwt,
password: options.password,
});
break;
}
default:
throw new Error("Invalid login type");
}
if (options?.chainId) {
this.switchChain(options.chainId);
async connect(options?: EmbeddedWalletConnectionArgs) {
try {
await this.getSigner();
} catch (error) {
throw new Error(`Error fetching the signer: ${error}`);
}
this.setupListeners();
if (options?.chainId) {
await this.switchChain(options.chainId);
}
if (this.email) {
saveConnectedEmail(this.email);
}
return this.getAddress();
}
async validateEmailOtp(options: { otp: string }) {
if (!this.email) {
throw new Error("Email is required to connect");
async authenticate(params: AuthParams): Promise<AuthResult> {
const strategy = params.strategy;
switch (strategy) {
case "email_verification": {
return await this.validateEmailOTP({
email: params.email,
otp: params.verificationCode,
recoveryCode: params.recoveryCode,
});
}
case "google": {
return this.socialLogin({
provider: AuthProvider.GOOGLE,
redirectUrl: params.redirectUrl,
});
}
case "jwt": {
return this.customJwt({
jwt: params.jwt,
password: params.encryptionKey || "",
});
}
default:
assertUnreachable(strategy);
}
}
private async validateEmailOTP(options: {
email: string;
otp: string;
recoveryCode?: string;
}): Promise<AuthResult> {
try {
await validateEmailOTP({
const { storedToken } = await validateEmailOTP({
email: options.email,
clientId: this.options.clientId,
otp: options.otp,
recoveryCode: options.recoveryCode,
});
return {
user: {
status: UserWalletStatus.LOGGED_IN_WALLET_INITIALIZED,
recoveryShareManagement:
storedToken.authDetails.recoveryShareManagement,
},
isNewUser: storedToken.isNewUser,
needsRecoveryCode:
storedToken.authDetails.recoveryShareManagement ===
RecoveryShareManagement.USER_MANAGED,
};
} catch (error) {
console.error(`Error while validating otp: ${error}`);
if (error instanceof Error) {
return { error: error.message };
throw new Error(`Error while validating otp: ${error.message}`);
} else {
return { error: "An unknown error occurred" };
throw new Error("An unknown error occurred while validating otp");
}
}
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 sendEmailOtp(options: { email: string }) {
async isValidUserManagedEmailOTP(options: { otp: string }) {
try {
const result = await isValidUserManagedEmailOtp({
clientId: this.options.clientId,
email: this.email || "",
otp: options.otp,
});
if (result.isValid) {
return result;
} else {
throw new Error("Invalid otp, please try again.");
}
} catch (error) {
throw new Error(`Error validating otp: ${error}`);
}
}
async sendVerificationEmail(options: {
email: string;
}): Promise<SendEmailOtpReturnType> {
this.email = options.email;
saveConnectedEmail(options.email);
return sendEmailOTP({
return sendVerificationEmail({
email: options.email,
clientId: this.options.clientId,
});
}
async socialLogin(oauthOption: OauthOption) {
private async socialLogin(oauthOption: OauthOption): Promise<AuthResult> {
try {
const { email } = await socialLogin(oauthOption, this.options.clientId);
const { storedToken, email } = await socialLogin(
oauthOption,
this.options.clientId,
);
this.email = email;
saveConnectedEmail(email);
return {
user: {
status: UserWalletStatus.LOGGED_IN_WALLET_INITIALIZED,
recoveryShareManagement:
storedToken.authDetails.recoveryShareManagement,
},
isNewUser: storedToken.isNewUser,
needsRecoveryCode:
storedToken.authDetails.recoveryShareManagement ===
RecoveryShareManagement.USER_MANAGED,
};
} catch (error) {
console.error(
`Error while signing in with: ${oauthOption.provider}. ${error}`,
);
if (error instanceof Error) {
return { error: error.message };
throw new Error(
`Error logging in with ${oauthOption.provider}: ${error.message}`,
);
} else {
return { error: "An unknown error occurred" };
throw new Error(
`An unknown error occurred logging in with ${oauthOption.provider}`,
);
}
}
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 customJwt(authOptions: AuthOptions) {
private async customJwt(authOptions: AuthOptions): Promise<AuthResult> {
try {
const resp = await customJwt(authOptions, this.options.clientId);
this.email = resp.email;
const { verifiedToken, email } = await customJwt(
authOptions,
this.options.clientId,
);
this.email = email;
return {
user: {
status: UserWalletStatus.LOGGED_IN_WALLET_INITIALIZED,
recoveryShareManagement:
verifiedToken.authDetails.recoveryShareManagement,
},
isNewUser: verifiedToken.isNewUser,
needsRecoveryCode:
verifiedToken.authDetails.recoveryShareManagement ===
RecoveryShareManagement.USER_MANAGED,
};
} catch (error) {
console.error(`Error while verifying auth: ${error}`);
this.disconnect();
throw error;
}
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> {
@@ -297,3 +336,7 @@ export class EmbeddedWalletConnector extends Connector<EmbeddedWalletConnectionA
return this.email;
}
}
function assertUnreachable(x: never): never {
throw new Error("Invalid param: " + x);
}
@@ -1,14 +1,15 @@
import type { CognitoUser } from "amazon-cognito-identity-js";
import {
AuthProvider,
AuthStoredTokenWithCookieReturnType,
RecoveryShareManagement,
} from "@paperxyz/embedded-wallet-service-sdk";
import type { CognitoUser } from "amazon-cognito-identity-js";
import { Auth } from "aws-amplify";
SendEmailOtpReturnType,
} from "@thirdweb-dev/wallets";
import {
generateAuthTokenFromCognitoEmailOtp,
getEmbeddedWalletUserDetail,
sendUserManagedEmailOtp,
validateUserManagedEmailOtp,
verifyClientId,
} from "./helpers/api/fetchers";
import {
@@ -20,17 +21,17 @@ import {
postPaperAuthUserManaged,
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 { AuthOptions, OauthOption } from "../types";
import { isDeviceSharePresentForUser } from "./helpers/storage/local";
import { Auth } from "aws-amplify";
import {
ROUTE_AUTH_JWT_CALLBACK,
ROUTE_HEADLESS_GOOGLE_LOGIN,
} from "./helpers/constants";
import { AuthOptions, OauthOption, VerifiedTokenResponse } from "../types";
import { InAppBrowser } from "react-native-inappbrowser-reborn";
export async function sendEmailOTP(options: {
export async function sendVerificationEmail(options: {
email: string;
clientId: string;
}): Promise<SendEmailOtpReturnType> {
@@ -41,16 +42,6 @@ export async function sendEmailOTP(options: {
email: options.email,
});
// AWS Auth flow
let cognitoUser: CognitoUser;
try {
cognitoUser = await cognitoEmailSignIn(options.email, options.clientId);
} catch (e) {
await cognitoEmailSignUp(options.email, options.clientId);
cognitoUser = await cognitoEmailSignIn(options.email, options.clientId);
}
setCognitoUser(cognitoUser);
let result: Awaited<ReturnType<typeof getEmbeddedWalletUserDetail>>;
try {
result = await getEmbeddedWalletUserDetail({
@@ -63,11 +54,29 @@ export async function sendEmailOTP(options: {
);
}
if (result.recoveryShareManagement === "USER_MANAGED") {
try {
await sendUserManagedEmailOtp(options.email, options.clientId);
} catch (error) {
throw new Error(`Error sending user managed email otp: ${error}`);
}
} else {
// CLOUD_MANAGED
let cognitoUser: CognitoUser;
try {
cognitoUser = await cognitoEmailSignIn(options.email, options.clientId);
} catch (e) {
await cognitoEmailSignUp(options.email, options.clientId);
cognitoUser = await cognitoEmailSignIn(options.email, options.clientId);
}
setCognitoUser(cognitoUser);
}
return result.isNewUser
? {
isNewUser: result.isNewUser,
isNewDevice: true,
recoveryShareManagement: RecoveryShareManagement.AWS_MANAGED,
recoveryShareManagement: result.recoveryShareManagement,
}
: {
isNewUser: result.isNewUser,
@@ -75,60 +84,88 @@ export async function sendEmailOTP(options: {
options.clientId,
result.walletUserId ?? "",
)),
recoveryShareManagement: RecoveryShareManagement.AWS_MANAGED,
recoveryShareManagement: result.recoveryShareManagement,
};
}
export async function validateEmailOTP({
clientId,
otp,
}: {
export async function validateEmailOTP(options: {
email: string;
otp: string;
clientId: string;
recoveryCode?: string;
}): Promise<AuthStoredTokenWithCookieReturnType> {
let verifiedToken: Awaited<
ReturnType<typeof generateAuthTokenFromCognitoEmailOtp>
>["verifiedToken"];
let verifiedTokenJwtString: string;
let result: Awaited<ReturnType<typeof getEmbeddedWalletUserDetail>>;
try {
let cognitoUser = getCognitoUser();
if (!cognitoUser) {
throw new Error("MISSING COGNITO USER");
}
cognitoUser = await Auth.sendCustomChallengeAnswer(cognitoUser, otp);
// It we get here, the answer was sent successfully,
// but it might have been wrong (1st or 2nd time)
// So we should test if the user is authenticated now
const session = await Auth.currentSession();
({ verifiedToken, verifiedTokenJwtString } =
await generateAuthTokenFromCognitoEmailOtp(session, clientId));
result = await getEmbeddedWalletUserDetail({
email: options.email,
clientId: options.clientId,
});
} catch (e) {
throw new Error(`Invalid OTP ${e}`);
throw new Error(
`Malformed response from the send email OTP API: ${JSON.stringify(e)}`,
);
}
let verifiedTokenResponse: VerifiedTokenResponse;
if (result.recoveryShareManagement === "USER_MANAGED") {
try {
verifiedTokenResponse = await validateUserManagedEmailOtp({
email: options.email,
otp: options.otp,
clientId: options.clientId,
});
} catch (error) {
throw new Error(`Error validating user managed email otp: ${error}`);
}
} else {
try {
let cognitoUser = getCognitoUser();
if (!cognitoUser) {
throw new Error("MISSING COGNITO USER");
}
cognitoUser = await Auth.sendCustomChallengeAnswer(
cognitoUser,
options.otp,
);
// It we get here, the answer was sent successfully,
// but it might have been wrong (1st or 2nd time)
// So we should test if the user is authenticated now
const session = await Auth.currentSession();
verifiedTokenResponse = await generateAuthTokenFromCognitoEmailOtp(
session,
options.clientId,
);
} catch (e) {
throw new Error(`Invalid OTP ${e}`);
}
}
try {
const storedToken: AuthStoredTokenWithCookieReturnType["storedToken"] = {
jwtToken: verifiedToken.jwtToken,
authDetails: verifiedToken.authDetails,
authProvider: verifiedToken.authProvider,
developerClientId: verifiedToken.developerClientId,
cookieString: verifiedTokenJwtString,
jwtToken: verifiedTokenResponse.verifiedToken.jwtToken,
authDetails: verifiedTokenResponse.verifiedToken.authDetails,
authProvider: verifiedTokenResponse.verifiedToken.authProvider,
developerClientId: verifiedTokenResponse.verifiedToken.developerClientId,
cookieString: verifiedTokenResponse.verifiedTokenJwtString,
// we should always store the jwt cookie since there's no concept of cookie in react native
shouldStoreCookieString: true,
isNewUser: verifiedToken.isNewUser,
isNewUser: verifiedTokenResponse.verifiedToken.isNewUser,
};
await postPaperAuth(storedToken, clientId);
await postPaperAuth({
storedToken,
clientId: options.clientId,
recoveryCode: options.recoveryCode,
});
return { storedToken };
} catch (e) {
throw new Error(
`Malformed response from the verify one time password: ${JSON.stringify(
e,
)}`,
`Malformed response from the verify one time password: ${
(e as Error).message
}}`,
);
}
}
@@ -195,7 +232,7 @@ export async function socialLogin(oauthOptions: OauthOption, clientId: string) {
isNewUser: storedToken.isNewUser,
};
await postPaperAuth(toStoreToken, clientId);
await postPaperAuth({ storedToken: toStoreToken, clientId });
return { storedToken, email: storedToken.authDetails.email };
} catch (e) {
@@ -218,7 +255,7 @@ export async function customJwt(authOptions: AuthOptions, clientId: string) {
});
if (!resp.ok) {
const error = await resp.json();
throw new Error(`JWT authentication error: ${error.message} `);
throw new Error(`JWT authentication error: ${error.message}`);
}
try {
@@ -1,16 +1,23 @@
import {
AuthProvider,
RecoveryShareManagement,
} from "@paperxyz/embedded-wallet-service-sdk";
import { CognitoUserSession } from "amazon-cognito-identity-js";
import {
ROUTE_GET_EMBEDDED_WALLET_DETAILS,
ROUTE_STORE_USER_SHARES,
ROUTE_VERIFY_THIRDWEB_CLIENT_ID,
ROUTE_VERIFY_COGNITO_OTP,
ROUTE_USER_MANAGED_OTP,
ROUTE_VALIDATE_USER_MANAGED_OTP,
ROUTE_IS_VALID_USER_MANAGED_OTP,
} from "../constants";
import { getAuthTokenClient } from "../storage/local";
import * as Application from "expo-application";
import {
RecoveryShareManagement,
UserWalletStatus,
} from "@thirdweb-dev/wallets";
import {
IsValidUserManagedEmailOTPResponse,
VerifiedTokenResponse,
} from "../../../types";
const EMBEDDED_WALLET_TOKEN_HEADER = "embedded-wallet-token";
const PAPER_CLIENT_ID_HEADER = "x-thirdweb-client-id";
@@ -91,11 +98,14 @@ export async function getEmbeddedWalletUserDetail(args: {
| {
isNewUser: true;
recoveryShareManagement: RecoveryShareManagement;
status: UserWalletStatus;
walletUserId: string;
}
| {
isNewUser: false;
walletUserId: string;
recoveryShareManagement: RecoveryShareManagement;
status: UserWalletStatus;
};
return result;
}
@@ -125,22 +135,82 @@ export async function generateAuthTokenFromCognitoEmailOtp(
);
}
const respJ = await resp.json();
return respJ as {
verifiedToken: {
jwtToken: string;
authProvider: AuthProvider;
developerClientId: string;
authDetails: {
email?: string;
userWalletId: string;
recoveryCode?: string;
cookieString?: string;
recoveryShareManagement: RecoveryShareManagement;
};
isNewUser: boolean;
};
verifiedTokenJwtString: string;
};
return respJ as VerifiedTokenResponse;
}
export async function sendUserManagedEmailOtp(email: string, clientId: string) {
const resp = await fetch(ROUTE_USER_MANAGED_OTP, {
method: "POST",
headers: {
"Content-Type": "application/json",
[BUNDLE_ID_HEADER]: APP_BUNDLE_ID,
},
body: JSON.stringify({
email,
clientId,
}),
});
if (!resp.ok) {
const error = await resp.json();
throw new Error(
`Something went wrong generating auth token from user cognito email otp. ${error.message}`,
);
}
const respJ = await resp.json();
return respJ;
}
export async function validateUserManagedEmailOtp(options: {
email: string;
otp: string;
clientId: string;
}) {
const resp = await fetch(ROUTE_VALIDATE_USER_MANAGED_OTP, {
method: "POST",
headers: {
"Content-Type": "application/json",
[BUNDLE_ID_HEADER]: APP_BUNDLE_ID,
},
body: JSON.stringify({
email: options.email,
otp: options.otp,
clientId: options.clientId,
}),
});
if (!resp.ok) {
const error = await resp.json();
throw new Error(
`Something went wrong generating auth token from user cognito email otp. ${error.message}`,
);
}
const respJ = await resp.json();
return respJ as VerifiedTokenResponse;
}
export async function isValidUserManagedEmailOtp(options: {
email: string;
otp: string;
clientId: string;
}) {
const resp = await fetch(ROUTE_IS_VALID_USER_MANAGED_OTP, {
method: "POST",
headers: {
"Content-Type": "application/json",
[BUNDLE_ID_HEADER]: APP_BUNDLE_ID,
},
body: JSON.stringify({
email: options.email,
otp: options.otp,
clientId: options.clientId,
}),
});
if (!resp.ok) {
const error = await resp.json();
throw new Error(
`Something went wrong generating auth token from user cognito email otp. ${error.message}`,
);
}
const respJ = await resp.json();
return respJ as IsValidUserManagedEmailOTPResponse;
}
export async function storeUserShares({
@@ -1,7 +1,8 @@
import {
AuthProvider,
AuthStoredTokenWithCookieReturnType,
} from "@paperxyz/embedded-wallet-service-sdk";
RecoveryShareManagement,
} from "@thirdweb-dev/wallets";
import {
getDeviceShare,
setAuthTokenClient,
@@ -10,6 +11,7 @@ import {
import { setUpNewUserWallet } from "../wallet/creation";
import { getCognitoRecoveryPassword } from "../wallet/recoveryCode";
import { setUpShareForNewDevice } from "../wallet/retrieval";
import { ErrorMessages } from "../errors";
export async function prePaperAuth(args: {
authenticationMethod: AuthProvider;
@@ -19,10 +21,15 @@ export async function prePaperAuth(args: {
Promise.resolve(args);
}
export async function postPaperAuth(
storedToken: AuthStoredTokenWithCookieReturnType["storedToken"],
clientId: string,
) {
export async function postPaperAuth({
storedToken,
clientId,
recoveryCode,
}: {
storedToken: AuthStoredTokenWithCookieReturnType["storedToken"];
clientId: string;
recoveryCode?: string;
}) {
if (storedToken.shouldStoreCookieString) {
await setAuthTokenClient(storedToken.cookieString, clientId);
}
@@ -34,23 +41,32 @@ export async function postPaperAuth(
});
if (storedToken.isNewUser) {
console.log("========== New User ==========");
const recoveryCode = await getCognitoRecoveryPassword(clientId);
await setUpNewUserWallet(recoveryCode, clientId);
const _recoveryCode = await getRecoveryCode(
storedToken,
clientId,
recoveryCode,
);
if (!_recoveryCode) {
throw new Error(ErrorMessages.missingRecoveryCode);
}
await setUpNewUserWallet(_recoveryCode, clientId);
} else {
try {
// existing device share
await getDeviceShare(clientId);
console.log("========== Existing user with device share ==========");
} catch (e) {
// trying to recreate device share from recovery code to derive wallet
const recoveryCode = await getCognitoRecoveryPassword(clientId);
console.log("========== Existing user on new device ==========");
const _recoveryCode = await getRecoveryCode(
storedToken,
clientId,
recoveryCode,
);
if (!_recoveryCode) {
throw new Error(ErrorMessages.missingRecoveryCode);
}
try {
await setUpShareForNewDevice({
clientId,
recoveryCode,
recoveryCode: _recoveryCode,
});
} catch (error) {
console.error("Error setting up wallet on device", error);
@@ -67,6 +83,8 @@ export async function postPaperAuthUserManaged(
clientId: string,
password: string,
) {
const _password = await getRecoveryCode(storedToken, clientId, password);
if (storedToken.shouldStoreCookieString) {
await setAuthTokenClient(storedToken.cookieString, clientId);
}
@@ -78,21 +96,17 @@ export async function postPaperAuthUserManaged(
});
if (storedToken.isNewUser) {
console.log("========== New User ==========");
await setUpNewUserWallet(password, clientId);
await setUpNewUserWallet(_password, clientId);
} else {
try {
// existing device share
await getDeviceShare(clientId);
console.log("========== Existing user with device share ==========");
} catch (e) {
// trying to recreate device share from recovery code to derive wallet
console.log("========== Existing user on new device ==========");
try {
await setUpShareForNewDevice({
clientId,
recoveryCode: password,
recoveryCode: _password,
});
} catch (error) {
console.error("Error setting up wallet on device", error);
@@ -103,3 +117,64 @@ export async function postPaperAuthUserManaged(
return storedToken;
}
async function getRecoveryCode(
storedToken: AuthStoredTokenWithCookieReturnType["storedToken"],
clientId: string,
recoveryCode?: string,
): Promise<string> {
if (
storedToken.authDetails.recoveryShareManagement ===
RecoveryShareManagement.CLOUD_MANAGED
) {
if (storedToken.authProvider === AuthProvider.CUSTOM_JWT) {
// derive sub here
const code = extractSubFromJwt(storedToken.jwtToken);
if (!code) {
throw new Error(
`GetRecoveryCode error: ${ErrorMessages.missingRecoveryCode}`,
);
}
return code;
} else {
try {
const code = await getCognitoRecoveryPassword(clientId);
return code;
} catch (e) {
throw new Error("Something went wrong getting cognito recovery code");
}
}
} else if (
storedToken.authDetails.recoveryShareManagement ===
RecoveryShareManagement.USER_MANAGED
) {
if (recoveryCode) {
return recoveryCode;
}
throw new Error(ErrorMessages.missingRecoveryCode);
} else {
throw new Error("Invalid recovery share management option");
}
}
function extractSubFromJwt(jwtToken: string): string | undefined {
const parts = jwtToken.split(".");
if (parts.length !== 3) {
throw new Error("Invalid JWT format.");
}
const encodedPayload = parts[1];
if (!encodedPayload) {
throw new Error("Invalid JWT format.");
}
const decodedPayload = Buffer.from(encodedPayload, "base64").toString("utf8");
try {
const payloadObject = JSON.parse(decodedPayload);
if (payloadObject && payloadObject.sub) {
return payloadObject.sub;
}
} catch (error) {
throw new Error("Error parsing JWT payload as JSON.");
}
}
@@ -25,11 +25,16 @@ const ROUTE_2023_10_20_API_BASE_PATH = `${BASE_URL_2023}api/2023-10-20`;
export const ROUTE_GET_EMBEDDED_WALLET_DETAILS = `${ROUTE_2023_10_20_API_BASE_PATH}/embedded-wallet/embedded-wallet-user-details`;
export const ROUTE_VERIFY_COGNITO_OTP = `${ROUTE_2023_10_20_API_BASE_PATH}/embedded-wallet/validate-cognito-email-otp`;
export const ROUTE_COGNITO_IDENTITY_POOL_URL = `cognito-idp.${AWS_REGION}.amazonaws.com/${COGNITO_USER_POOL_ID}`;
export const ROUTE_STORE_USER_SHARES = `${ROUTE_2023_10_20_API_BASE_PATH}/embedded-wallet/embedded-wallet-shares`;
export const ROUTE_GET_USER_SHARES = `${ROUTE_2023_10_20_API_BASE_PATH}/embedded-wallet/embedded-wallet-shares`;
export const ROUTE_VERIFY_THIRDWEB_CLIENT_ID = `${ROUTE_2023_10_20_API_BASE_PATH}/embedded-wallet/verify-thirdweb-client-id`;
export const ROUTE_AUTH_JWT_CALLBACK = `${ROUTE_2023_10_20_API_BASE_PATH}/embedded-wallet/validate-custom-jwt`;
export const ROUTE_USER_MANAGED_OTP = `${ROUTE_2023_10_20_API_BASE_PATH}/embedded-wallet/send-user-managed-email-otp`;
export const ROUTE_VALIDATE_USER_MANAGED_OTP = `${ROUTE_2023_10_20_API_BASE_PATH}/embedded-wallet/validate-thirdweb-email-otp`;
export const ROUTE_IS_VALID_USER_MANAGED_OTP = `${ROUTE_2023_10_20_API_BASE_PATH}/embedded-wallet/is-thirdweb-email-otp-valid`;
export const ROUTE_HEADLESS_GOOGLE_LOGIN = `${ROUTE_2023_10_20_API_BASE_PATH}/embedded-wallet/headless-oauth-login-link`;
export const ROUTE_AUTH_COGNITO_ID_TOKEN = `${ROUTE_2023_10_20_API_BASE_PATH}/embedded-wallet/cognito-id-token`;
@@ -0,0 +1,5 @@
export const ErrorMessages = {
invalidOtp:
"Your OTP code is invalid or expired. Please request a new code or try again.",
missingRecoveryCode: "Missing encryption key for user",
};
@@ -1,10 +1,6 @@
import { getDefaultProvider } from "ethers";
import { getExistingUserEtherJsWallet } from "./helpers/wallet/retrieval";
export async function getEthersSigner(clientId: string) {
const wallet = await getExistingUserEtherJsWallet(clientId);
const newWallet = wallet.connect(getDefaultProvider());
await newWallet.getChainId();
return newWallet;
return wallet;
}
@@ -1,10 +1,10 @@
import { Chain } from "@thirdweb-dev/chains";
import { WalletOptions } from "@thirdweb-dev/wallets";
import type {
RecoveryShareManagement,
PaperConstructorType,
import {
AuthProvider,
} from "@paperxyz/embedded-wallet-service-sdk";
RecoveryShareManagement,
UserWalletStatus,
WalletOptions,
} from "@thirdweb-dev/wallets";
export type OauthOptions = {
providers: AuthProvider[];
@@ -29,14 +29,7 @@ export type EmbeddedWalletOptions = Omit<
>;
type EmbeddedAdvanceOptions = {
recoveryShareManagement?: "USER_MANAGED" | "AWS_MANAGED";
};
export type EmbeddedWalletAdditionalOptions = {
emailClientId: string;
chain: Pick<Chain, "chainId" | "rpc">;
advancedOptions?: EmbeddedAdvanceOptions;
styles?: PaperConstructorType<RecoveryShareManagement>["styles"];
recoveryShareManagement?: RecoveryShareManagement;
};
export interface EmbeddedWalletConnectorOptions {
@@ -44,7 +37,6 @@ export interface EmbeddedWalletConnectorOptions {
chain: Pick<Chain, "chainId" | "rpc">;
chains: Chain[];
advancedOptions?: EmbeddedAdvanceOptions;
styles?: PaperConstructorType<RecoveryShareManagement>["styles"];
}
export interface AuthOptions {
@@ -52,21 +44,70 @@ export interface AuthOptions {
password: string;
}
export type SendEmailOtpReturnType = {
isNewUser: boolean;
isNewDevice: boolean;
recoveryShareManagement: RecoveryShareManagement;
};
export type EmbeddedWalletConnectionArgs = {
chainId?: number;
} & (
| {
loginType: "headless_google_oauth";
redirectUrl: string;
}
| {
loginType: "headless_email_otp_verification";
email: string;
otp: string;
}
| {
loginType: "jwt";
jwt: string;
password: string;
}
);
authResult: AuthResult;
};
type EmailVerificationAuthParams = {
strategy: "email_verification";
email: string;
verificationCode: string;
recoveryCode?: string;
};
type GoogleAuthParams = {
strategy: "google";
redirectUrl: string;
};
type JwtAuthParams = {
strategy: "jwt";
jwt: string;
encryptionKey?: string;
};
// this is the input to 'authenticate'
export type AuthParams =
| EmailVerificationAuthParams
| GoogleAuthParams
| JwtAuthParams;
// TODO typed based off AuthParams["strategy"]
export type AuthResult = {
user?: InitializedUser;
isNewUser?: boolean;
needsRecoveryCode?: boolean;
};
export type InitializedUser = {
status: UserWalletStatus.LOGGED_IN_WALLET_INITIALIZED;
recoveryShareManagement: RecoveryShareManagement;
};
export type VerifiedTokenResponse = {
verifiedToken: {
jwtToken: string;
authProvider: AuthProvider;
developerClientId: string;
authDetails: {
email?: string;
userWalletId: string;
recoveryCode?: string;
cookieString?: string;
recoveryShareManagement: RecoveryShareManagement;
};
isNewUser: boolean;
};
verifiedTokenJwtString: string;
};
export type IsValidUserManagedEmailOTPResponse = {
isValid: { type: "boolean" };
};
@@ -0,0 +1,72 @@
import {
useCreateWalletInstance,
useSetConnectedWallet,
useSetConnectionStatus,
useWalletContext,
useWallets,
} from "@thirdweb-dev/react-core";
import { useCallback } from "react";
import { AuthParams } from "../connectors/embedded-wallet/types";
import { walletIds } from "@thirdweb-dev/wallets";
import { EmbeddedWallet } from "../wallets/embedded/EmbeddedWallet";
import { embeddedWallet } from "../wallets/embedded/embedded-wallet";
/**
* Hook to authenticate and connect to an embedded wallet
* @returns a function to connect to an embedded wallet
*/
export function useEmbeddedWallet() {
const create = useCreateWalletInstance();
const setStatus = useSetConnectionStatus();
const setWallet = useSetConnectedWallet();
const context = useWalletContext();
const wallets = useWallets();
const connect = useCallback(
async (authParams: AuthParams) => {
setStatus("connecting");
const config = wallets.find((w) => w.id === walletIds.embeddedWallet);
if (
!config ||
(config.personalWallets && config.personalWallets.length > 0)
) {
console.warn(
"Embedded wallet not configured in ThirdwebProvider.supportedWallets - add it to enable autoconnect on page load",
);
}
const wallet = create(embeddedWallet());
try {
const authResult = await wallet.authenticate(authParams);
await wallet.connect({ authResult });
setWallet(wallet);
setStatus("connected");
} catch (e) {
console.error("Error connecting to embedded wallet", e);
setStatus("disconnected");
}
return wallet;
},
[setStatus, wallets, create, setWallet],
);
const sendVerificationEmail = useCallback(
async ({ email }: { email: string }) => {
const clientId = context.clientId;
if (!clientId) {
throw new Error(
"clientId not found, please add it to ThirdwebProvider",
);
}
return EmbeddedWallet.sendVerificationEmail({
email,
clientId,
});
},
[context],
);
return {
connect,
sendVerificationEmail,
};
}
@@ -0,0 +1,22 @@
import { useWalletContext } from "@thirdweb-dev/react-core";
import { useCallback } from "react";
import { EmbeddedWallet } from "../wallets/embedded/EmbeddedWallet";
export const useEmbeddedWalletSendVerificationEmail = () => {
const context = useWalletContext();
const sendVerificationEmail = useCallback(
async (email: string) => {
if (!context.clientId) {
throw new Error("Please, provide a clientId in the ThirdwebProvider");
}
return EmbeddedWallet.sendVerificationEmail({
email,
clientId: context.clientId,
});
},
[context.clientId],
);
return sendVerificationEmail;
};
@@ -0,0 +1,92 @@
import {
type WalletConfig,
WalletInstance,
useCreateWalletInstance,
useSetConnectedWallet,
useSetConnectionStatus,
useWalletContext,
useWallets,
} from "@thirdweb-dev/react-core";
import {
getSmartWalletAddress,
type SmartWalletConnectionArgs,
} from "@thirdweb-dev/wallets/evm/wallets/smart-wallet";
import { useCallback } from "react";
import type { BytesLike } from "ethers";
import { SmartWalletConfig } from "../types/smart-wallet";
export function useSmartWallet<W extends WalletInstance>(
personalWallet: WalletConfig<W>,
options: SmartWalletConfig,
) {
const create = useCreateWalletInstance();
const setStatus = useSetConnectionStatus();
const setWallet = useSetConnectedWallet();
const context = useWalletContext();
const supportedWallets = useWallets();
const predictAddress = useCallback(
async (args: { personalWalletAddress: string; data?: BytesLike }) => {
return getSmartWalletAddress(
context.activeChain,
options.factoryAddress,
args.personalWalletAddress,
args.data,
);
},
[context.activeChain, options.factoryAddress],
);
const connect = useCallback(
async (args?: {
connectPersonalWallet?: (wallet: W) => Promise<void>;
connectionArgs?: Omit<SmartWalletConnectionArgs, "personalWallet">;
}) => {
if (!supportedWallets.find((w) => w.id === personalWallet.id)) {
console.warn(
"Please, add your smart wallet to the supportedWallets prop of the ThirdwebProvider to enjoy auto-connecting to the wallet.",
);
}
const { smartWallet } = await import("../wallets/smart-wallet");
setStatus("connecting");
const pw = create(personalWallet);
const sw = create(smartWallet(personalWallet, options));
try {
if (args?.connectPersonalWallet) {
// if passed in, use custom function to connect personal wallet
await args.connectPersonalWallet(pw);
} else {
// otherwise default to auto-connecting personal wallet with chainId
await pw.connect({
chainId: context.activeChain.chainId,
});
}
await sw.connect({
...args?.connectionArgs,
personalWallet: pw,
});
setStatus("connected");
setWallet(sw);
} catch (e) {
console.error("Error connecting to smart wallet", e);
setStatus("disconnected");
throw e;
}
return sw;
},
[
context.activeChain.chainId,
create,
options,
personalWallet,
setStatus,
setWallet,
supportedWallets,
],
);
return {
connect,
predictAddress,
};
}
@@ -1,91 +0,0 @@
import React, { useState } from "react";
import { ActivityIndicator } from "react-native";
import { ConnectWalletHeader } from "../../../components/ConnectWalletFlow/ConnectingWallet/ConnectingWalletHeader";
import { Box, BaseButton, Text, TextInput } from "../../../components/base";
import {
useGlobalTheme,
useLocale,
} from "../../../providers/ui-context-provider";
export type EnterPasswordProps = {
goBack: () => void;
close: () => void;
};
export const AccountRecovery = ({ close, goBack }: EnterPasswordProps) => {
const l = useLocale();
const theme = useGlobalTheme();
const [errorMessage, setErrorMessage] = useState<string>();
const [checkingRecoveryCode, setCheckingRecoveryCode] =
useState<boolean>(false);
const [recoveryCode, setRecoveryCode] = useState<string>("");
const onNextPress = async () => {
setCheckingRecoveryCode(true);
// Call enter recovery code
setErrorMessage("test");
};
return (
<Box marginHorizontal="xl">
<ConnectWalletHeader
middleContent={
<Text variant="header">
{l.embedded_wallet.enter_account_recovery_code}
</Text>
}
subHeaderText={
"You should have a copy of this in the email address associated with your account"
}
onBackPress={goBack}
onClose={close}
/>
<TextInput
textInputProps={{
placeholder: "Enter your recovery code",
placeholderTextColor: theme.colors.textSecondary,
onChangeText: setRecoveryCode,
style: {
fontSize: 14,
color: theme.colors.textPrimary,
lineHeight: 16,
padding: 0,
flex: 1,
},
value: recoveryCode,
returnKeyType: "done",
autoCapitalize: "none",
autoCorrect: false,
autoComplete: "off",
clearTextOnFocus: false,
}}
containerProps={{
paddingHorizontal: "sm",
paddingVertical: "sm",
justifyContent: "flex-start",
}}
/>
{errorMessage ? (
<Text variant="error" numberOfLines={1}>
{errorMessage}
</Text>
) : (
<Box height={20} />
)}
<BaseButton
mt="sm"
alignItems="center"
height={theme.textVariants.bodySmallSecondary.fontSize}
onPress={onNextPress}
>
{checkingRecoveryCode ? (
<ActivityIndicator size={"small"} color={theme.colors.linkPrimary} />
) : (
<Text variant="bodySmallSecondary" color="linkPrimary">
{l.common.next}
</Text>
)}
</BaseButton>
</Box>
);
};
@@ -1,112 +0,0 @@
import React, { useEffect, useState } from "react";
import { ConnectWalletHeader } from "../../../components/ConnectWalletFlow/ConnectingWallet/ConnectingWalletHeader";
import { Box, BaseButton, Text, Toast } from "../../../components/base";
import {
useGlobalTheme,
useLocale,
} from "../../../providers/ui-context-provider";
import CopyIcon from "../../../assets/copy";
import CheckBox from "@react-native-community/checkbox";
import * as Clipboard from "expo-clipboard";
export type EnterPasswordProps = {
goBack: () => void;
close: () => void;
};
export const AccountRecovery = ({ close, goBack }: EnterPasswordProps) => {
const l = useLocale();
const theme = useGlobalTheme();
const [toggleCheckBox, setToggleCheckBox] = useState(false);
const [errorMessage] = useState<string>();
const [codeCopied, setCodeCopied] = useState(false);
useEffect(() => {
const timeout = setTimeout(() => {
if (codeCopied) {
setCodeCopied(false);
}
}, 2000);
return () => clearTimeout(timeout);
}, [codeCopied]);
const onNextPress = async () => {};
const onCodeCopyPress = async (code: string) => {
await Clipboard.setStringAsync(code);
setCodeCopied(true);
};
const codes = ["testing", "testing2", "testing3", "testing4", "testing5"];
return (
<Box marginHorizontal="xl">
<ConnectWalletHeader
middleContent={
<Text variant="header">{l.embedded_wallet.backup_your_account}</Text>
}
subHeaderText={
"Copy or download these codes and keep them safe. You will need these to recover access to your account if you forget your password. These have also been sent to the email address associated with your account"
}
onBackPress={goBack}
onClose={close}
/>
<Box mt="sm" flexDirection="column" marginTop="xl" mb="md">
{codes.map((code) => (
<BaseButton
key={code}
mt="xs"
flexDirection="row"
alignItems="center"
justifyContent="space-between"
borderColor="border"
borderWidth={1}
borderRadius="md"
onPress={() => {
onCodeCopyPress(code);
}}
p="md"
>
<Text variant="bodySmall">{code}</Text>
<CopyIcon width={14} height={14} color={theme.colors.iconPrimary} />
</BaseButton>
))}
</Box>
{errorMessage ? (
<Text variant="error" numberOfLines={1}>
{errorMessage}
</Text>
) : (
<Box height={20} />
)}
<Box flex={1} flexDirection="row" justifyContent="flex-end">
<BaseButton>
<CheckBox
disabled={false}
value={toggleCheckBox}
onValueChange={(newValue) => setToggleCheckBox(newValue)}
/>
<Text variant="bodySmallSecondary" color="linkPrimary">
{l.common.learn_more}
</Text>
</BaseButton>
<BaseButton
mt="sm"
flexDirection="row"
alignItems="center"
height={theme.textVariants.bodySmallSecondary.fontSize}
onPress={onNextPress}
>
<Text variant="bodySmallSecondary" color="linkPrimary">
{l.common.next}
</Text>
</BaseButton>
</Box>
{codeCopied === true ? (
<Toast text={"Address copied to clipboard"} />
) : null}
</Box>
);
};
@@ -5,9 +5,10 @@ import {
useSetConnectionStatus,
} from "@thirdweb-dev/react-core";
import { EmbeddedWallet } from "./EmbeddedWallet";
import React, { useRef, useEffect, useState } from "react";
import React, { useRef, useEffect, useState, useCallback } from "react";
import {
ActivityIndicator,
Keyboard,
NativeSyntheticEvent,
TextInput,
TextInputKeyPressEventData,
@@ -23,8 +24,14 @@ import {
useGlobalTheme,
useLocale,
} from "../../../providers/ui-context-provider";
import { EnterPassword } from "./EnterPassword";
import { RecoveryShareManagement } from "@thirdweb-dev/wallets";
const OTP_LENGTH = 6;
type ScreenToShow =
| "base"
| "create-password"
| "enter-password-or-recovery-code";
export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
connected,
@@ -44,10 +51,77 @@ export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
const [errorMessage, setErrorMessage] = useState<string>("");
const setConnectedWallet = useSetConnectedWallet();
const setConnectionStatus = useSetConnectionStatus();
const [password, setPassword] = useState("");
const [focusedIndex, setFocusedIndex] = useState<number | undefined>();
const [screen, setScreen] = useState<ScreenToShow>("base"); // TODO change
const address = useAddress();
const onError = useCallback((error: any) => {
clearCode();
console.error("Error validating otp: ", error);
setErrorMessage("Error validating the code");
setCheckingOtp(false);
setFocusedIndex(undefined);
}, []);
const postConnect = useCallback(
async (response: string) => {
if (response) {
if (onLocallyConnected) {
onLocallyConnected(selectionData.emailWallet);
} else {
await setConnectedWallet(selectionData.emailWallet);
setConnectionStatus("connected");
}
} else {
clearCode();
setErrorMessage(response || "Error validating the code");
setCheckingOtp(false);
setFocusedIndex(undefined);
}
},
[
onLocallyConnected,
selectionData.emailWallet,
setConnectedWallet,
setConnectionStatus,
],
);
const connect = useCallback(
async (_password?: string) => {
try {
const emailWallet = selectionData.emailWallet as EmbeddedWallet;
const otp = values.join("");
const authResult = await emailWallet.authenticate({
strategy: "email_verification",
verificationCode: otp,
email: selectionData.email,
recoveryCode: _password,
});
if (!authResult) {
onError(new Error("Failed to verify OTP"));
}
const response = await emailWallet.connect({
authResult,
});
postConnect(response);
} catch (error) {
onError(error);
}
},
[
onError,
postConnect,
selectionData.email,
selectionData.emailWallet,
values,
],
);
useEffect(() => {
if (address) {
setCheckingOtp(false);
@@ -55,50 +129,87 @@ export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
}
}, [address, connected]);
useEffect(() => {
const onContinuePress = useCallback(() => {
if (
values.length === OTP_LENGTH &&
values.every((v) => v.length === 1) &&
selectionData
selectionData &&
screen === "base"
) {
setCheckingOtp(true);
setErrorMessage("");
setFocusedIndex(undefined);
const otp = values.join("");
Keyboard.dismiss();
setTimeout(() => {
(selectionData.emailWallet as EmbeddedWallet)
.connect({
loginType: "headless_email_otp_verification",
otp,
email: selectionData.email,
})
.then(async (response) => {
if (response) {
if (onLocallyConnected) {
onLocallyConnected(selectionData.emailWallet);
} else {
await setConnectedWallet(selectionData.emailWallet);
setConnectionStatus("connected");
}
} else {
clearCode();
setErrorMessage(response || "Error validating the code");
setCheckingOtp(false);
setFocusedIndex(undefined);
setTimeout(async () => {
const emailWallet = selectionData.emailWallet as EmbeddedWallet;
const needsRecoveryCode =
selectionData.recoveryShareManagement ===
RecoveryShareManagement.USER_MANAGED &&
(selectionData.isNewUser || selectionData.isNewDevice);
if (needsRecoveryCode) {
if (selectionData.isNewUser) {
console.log("setPassword", setPassword);
try {
const authResult = await emailWallet.authenticate({
strategy: "email_verification",
verificationCode: otp,
email: selectionData.email,
recoveryCode: password,
});
const response = await emailWallet.connect({
authResult,
});
postConnect(response);
} catch (e: any) {
onError(e);
}
})
.catch((error) => {
clearCode();
console.error("Error validating otp: ", error);
setErrorMessage("Error validating the code");
setCheckingOtp(false);
setFocusedIndex(undefined);
});
} else {
try {
await emailWallet.authenticate({
strategy: "email_verification",
verificationCode: otp,
email: selectionData.email,
});
} catch (e: any) {
if (e instanceof Error && e.message.includes("encryption key")) {
setScreen("enter-password-or-recovery-code");
} else {
onError(e);
}
}
}
} else {
// CLOUD_MANAGED
connect();
}
}, 0);
}
}, [connect, onError, password, postConnect, screen, selectionData, values]);
useEffect(() => {
if (
values.length === OTP_LENGTH &&
values.every((v) => v.length === 1) &&
selectionData &&
screen === "base" &&
selectionData.recoveryShareManagement ===
RecoveryShareManagement.CLOUD_MANAGED
) {
onContinuePress();
}
}, [
connect,
onContinuePress,
onError,
onLocallyConnected,
password,
postConnect,
screen,
selectionData,
setConnectedWallet,
setConnectionStatus,
@@ -109,7 +220,7 @@ export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
if (value !== "") {
const copiedContent = await Clipboard.getStringAsync();
if (copiedContent.length === 6 && /^\d+$/.test(copiedContent)) {
if (copiedContent.length === 6) {
const newValues = [...copiedContent];
for (let i = 0; i < 6; i++) {
inputRefs.current[i]?.setNativeProps({ text: newValues[i] });
@@ -127,7 +238,7 @@ export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
if (value === "" && index > 0) {
inputRefs.current[index - 1]?.focus();
} else if (value.length === 1 && /^[0-9]$/.test(value)) {
} else if (value.length === 1) {
if (index < 5) {
inputRefs.current[index + 1]?.focus();
}
@@ -157,7 +268,7 @@ export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
setFocusedIndex(undefined);
setRequestingNewOtp(true);
(selectionData.emailWallet as EmbeddedWallet)
.sendEmailOTP(selectionData.email)
.sendVerificationEmail(selectionData.email)
.then(() => {})
.catch((error) => {
clearCode();
@@ -169,6 +280,37 @@ export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
});
};
if (screen === "create-password") {
return (
<EnterPassword
close={goBack}
goBack={() => {
setScreen("base");
}}
email={selectionData.email}
type="create_password"
onPassword={connect}
error={errorMessage}
/>
);
}
if (screen === "enter-password-or-recovery-code") {
return (
<EnterPassword
close={goBack}
goBack={() => {
setScreen("base");
}}
email={selectionData.email}
type="enter_password"
onPassword={connect}
error={errorMessage}
/>
);
}
// TODO (ews) - check actual auth options
if (selectionData?.oauthOptions) {
return (
<EmbeddedSocialConnection
@@ -227,12 +369,15 @@ export const EmbeddedConnectionUI: React.FC<ConnectUIProps<EmbeddedWallet>> = ({
...styles.textInput,
color: theme.colors.textPrimary,
}}
keyboardType="number-pad"
editable={!checkingOtp}
keyboardType="default"
selectTextOnFocus={true}
onFocus={() => setFocusedIndex(index)}
maxLength={1}
returnKeyType={index === 5 ? "done" : "next"}
onSubmitEditing={
index === 5 ? () => onContinuePress() : undefined
}
onChangeText={(value) => handleInputChange(value, index)}
onKeyPress={(e) => handleKeyPress(e, index)}
/>
@@ -1,6 +1,6 @@
import React, { useEffect, useState } from "react";
import { EmbeddedWallet } from "./EmbeddedWallet";
import { ActivityIndicator } from "react-native";
import { ActivityIndicator, Keyboard } from "react-native";
import {
SelectUIProps,
useCreateWalletInstance,
@@ -11,22 +11,21 @@ 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,
useLocale,
} from "../../../providers/ui-context-provider";
import { EmbeddedWalletConfig } from "./embedded-wallet";
import { AuthProvider } from "@thirdweb-dev/wallets";
/**
* UI for selecting wallet - this UI is rendered in the wallet selection screen
*/
export const EmailSelectionUI: React.FC<
SelectUIProps<EmbeddedWallet> & {
oauthOptions?: OauthOptions;
email?: boolean;
auth?: EmbeddedWalletConfig["auth"];
}
> = ({ onSelect, walletConfig, oauthOptions, email }) => {
> = ({ onSelect, walletConfig, auth }) => {
const l = useLocale();
const theme = useGlobalTheme();
const [emailInput, setEmailInput] = useState<string>("");
@@ -35,7 +34,8 @@ export const EmailSelectionUI: React.FC<
const createWalletInstance = useCreateWalletInstance();
const [emailWallet, setEmailWallet] = useState<EmbeddedWallet | null>(null);
const isEmailEnabled = email === false ? false : true;
const isEmailEnabled = auth?.options.includes("email");
const isGoogleEnabled = auth?.options.includes("google");
useEffect(() => {
const emailWalletInstance = createWalletInstance(
@@ -54,15 +54,16 @@ export const EmailSelectionUI: React.FC<
if (validateEmail(emailInput)) {
setErrorMessage("");
setIsFetching(true);
Keyboard.dismiss();
emailWallet
?.sendEmailOTP(emailInput)
?.sendVerificationEmail(emailInput)
.then((response) => {
onSelect({
...response,
email: emailInput,
emailWallet,
oauthOptions: undefined,
oauthOptions: undefined, // TODO (ews) clean up types
});
})
.catch((error) => {
@@ -83,15 +84,15 @@ export const EmailSelectionUI: React.FC<
email: emailInput,
emailWallet,
oauthOptions: {
provider: oauthOptions?.providers[0],
redirectUrl: oauthOptions?.redirectUrl,
provider: AuthProvider.GOOGLE,
redirectUrl: auth?.redirectUrl,
},
});
};
return (
<Box paddingHorizontal="xl" mt="lg">
{oauthOptions?.providers.includes(AuthProvider.GOOGLE) ? (
{isGoogleEnabled ? (
<Box justifyContent="center">
<WalletButton
iconHeight={28}
@@ -142,6 +143,7 @@ export const EmailSelectionUI: React.FC<
padding: 0,
flex: 1,
},
onSubmitEditing: handleNetworkCall,
value: emailInput,
keyboardType: "email-address",
returnKeyType: "done",
@@ -21,30 +21,33 @@ export const EmbeddedSocialConnection: React.FC<
const handleGoogleLogin = useCallback(() => {
setErrorMessage("");
setTimeout(() => {
(selectionData.emailWallet as EmbeddedWallet)
.connect({
loginType: "headless_google_oauth",
setTimeout(async () => {
const emailWallet = selectionData.emailWallet as EmbeddedWallet;
try {
const authResult = await emailWallet.authenticate({
strategy: "google",
redirectUrl: selectionData.oauthOptions?.redirectUrl,
})
.then(async (response) => {
if (response) {
if (onLocallyConnected) {
onLocallyConnected(selectionData.emailWallet);
} else {
await setConnectedWallet(selectionData.emailWallet);
setConnectionStatus("connected");
}
} else {
setErrorMessage(
response || "Error login in. Please try again later.",
);
}
})
.catch((error) => {
console.error("Error logging in with google: ", error);
setErrorMessage("Error login in. Please try again later.");
});
const response = await emailWallet.connect({ authResult });
if (response) {
if (onLocallyConnected) {
onLocallyConnected(selectionData.emailWallet);
} else {
await setConnectedWallet(selectionData.emailWallet);
setConnectionStatus("connected");
}
} else {
setErrorMessage(
response || "Error login in. Please try again later.",
);
}
} catch (error) {
console.error("Error logging in with google: ", error);
setErrorMessage(`Error login in. ${error}`);
}
}, 0);
}, [
onLocallyConnected,
@@ -79,9 +82,7 @@ export const EmbeddedSocialConnection: React.FC<
{!errorMessage ? (
<ActivityIndicator size="large" />
) : (
<Text variant="error" numberOfLines={1}>
{errorMessage}
</Text>
<Text variant="error">{errorMessage}</Text>
)}
</Box>
</Box>
@@ -4,12 +4,11 @@ import {
EmbeddedWalletAdditionalOptions,
walletIds,
} from "@thirdweb-dev/wallets";
import type { EmbeddedWalletConnector as EmbeddedConnectorType } from "../../connectors/embedded-wallet/embedded-connector";
import type { EmbeddedWalletConnector } from "../../connectors/embedded-wallet/embedded-connector";
import {
AuthParams,
EmbeddedWalletConnectionArgs,
OauthOption,
} from "../../connectors/embedded-wallet/types";
import { EmbeddedWalletConnector } from "../../connectors/embedded-wallet/embedded-connector";
import { EMAIL_WALLET_ICON } from "../../../assets/svgs";
export type EmbeddedWalletOptions =
@@ -19,9 +18,19 @@ export class EmbeddedWallet extends AbstractClientWallet<
EmbeddedWalletOptions,
EmbeddedWalletConnectionArgs
> {
connector?: EmbeddedConnectorType;
connector?: EmbeddedWalletConnector;
options: EmbeddedWalletOptions;
static async sendVerificationEmail(options: {
email: string;
clientId: string;
}) {
const { sendVerificationEmail } = await import(
"../../connectors/embedded-wallet/embedded/auth"
);
return sendVerificationEmail(options);
}
static meta = {
name: "Embedded Wallet",
iconURL: EMAIL_WALLET_ICON,
@@ -39,14 +48,17 @@ export class EmbeddedWallet extends AbstractClientWallet<
this.setupListeners();
}
async getConnector(): Promise<EmbeddedConnectorType> {
async getConnector(): Promise<EmbeddedWalletConnector> {
if (!this.connector) {
return await this.initializeConnector();
}
return this.connector;
}
initializeConnector() {
async initializeConnector() {
const { EmbeddedWalletConnector } = await import(
"../../connectors/embedded-wallet/embedded-connector"
);
this.connector = new EmbeddedWalletConnector({
...this.options,
clientId: this.options.clientId,
@@ -56,16 +68,13 @@ export class EmbeddedWallet extends AbstractClientWallet<
return this.connector;
}
async validateEmailOTP(otp: string) {
return this.connector?.validateEmailOtp({ otp });
async sendVerificationEmail(email: string) {
return this.connector?.sendVerificationEmail({ email });
}
async sendEmailOTP(email: string) {
return this.connector?.sendEmailOtp({ email });
}
async socialLogin(oauthOption: OauthOption) {
return this.connector?.socialLogin(oauthOption);
async authenticate(params: AuthParams) {
const connector = (await this.getConnector()) as EmbeddedWalletConnector;
return connector.authenticate(params);
}
onConnected = () => {
@@ -1,4 +1,4 @@
import React, { useState } from "react";
import React, { useEffect, useState } from "react";
import { ActivityIndicator } from "react-native";
import { ConnectWalletHeader } from "../../../components/ConnectWalletFlow/ConnectingWallet/ConnectingWalletHeader";
import { Box, BaseButton, Text } from "../../../components/base";
@@ -7,12 +7,15 @@ import {
useLocale,
} from "../../../providers/ui-context-provider";
import { PasswordInput } from "../../../components/PasswordInput";
import Checkbox from "../../../components/base/CheckBox";
export type EnterPasswordProps = {
goBack: () => void;
close: () => void;
email: string;
type: "create_password" | "enter_password";
onPassword: (password: string) => void;
error: string;
};
export const EnterPassword = ({
@@ -20,49 +23,68 @@ export const EnterPassword = ({
goBack,
email,
type,
onPassword,
error,
}: EnterPasswordProps) => {
const l = useLocale();
const theme = useGlobalTheme();
const [errorMessage, setErrorMessage] = useState<string>();
const [checkingPass, setCheckingPass] = useState<boolean>(false);
const [password, setPassword] = useState<string>("");
const [toggleCheckBox, setToggleCheckBox] = useState<boolean>(false);
const isCreatePassword = type === "create_password";
const onNextPress = async () => {
setCheckingPass(true);
if (isCreatePassword) {
// Call create password
console.log("[TODO] Implement", password);
} else {
// Call enter password
setErrorMessage("test");
useEffect(() => {
if (error) {
setCheckingPass(false);
}
}, [error]);
const onNextPress = async () => {
if (!toggleCheckBox) {
return;
}
setCheckingPass(true);
onPassword(password);
};
const onForgotPress = () => {};
const onLearnMorePress = () => {};
const onForgotPress = () => {
// console.log("[TODO] Implement", setErrorMessage);
};
return (
<Box marginHorizontal="xl">
<Box marginHorizontal="xl" mb="sm">
<ConnectWalletHeader
middleContent={
<Text variant="header">
{isCreatePassword ? "Create password" : "Enter password"}
{isCreatePassword
? l.embedded_wallet.create_password
: l.embedded_wallet.enter_password}
</Text>
}
subHeaderText={
isCreatePassword
? "Set a password for your account"
: `Enter the password for email: ${email}`
? l.embedded_wallet.set_password_message
: `${l.embedded_wallet.enter_password_for_email}: ${email}`
}
onBackPress={goBack}
onClose={close}
/>
<Box mt="sm" flexDirection="column" marginTop="xl" mb="md">
<Text variant="bodySmallBold" mt="xs">
{l.embedded_wallet.make_sure_you_save_it}
</Text>
<Box mt="sm" flexDirection="column" marginTop="xl">
<PasswordInput onChangeText={setPassword} />
<BaseButton mt="md">
<Checkbox
label="I have saved my password"
color={theme.colors.linkPrimary}
onToggle={setToggleCheckBox}
/>
</BaseButton>
{isCreatePassword ? null : (
<BaseButton
mt="sm"
@@ -76,40 +98,38 @@ export const EnterPassword = ({
</BaseButton>
)}
</Box>
{errorMessage ? (
<Text variant="error" numberOfLines={1}>
{errorMessage}
{error ? (
<Text variant="error" numberOfLines={1} mt="md">
{error}
</Text>
) : (
<Box height={20} />
)}
<Box flex={1} flexDirection="row" justifyContent="flex-end">
{isCreatePassword ? (
) : null}
{/* {isCreatePassword ? (
<BaseButton onPress={onLearnMorePress}>
<Text variant="bodySmallSecondary" color="linkPrimary">
{l.common.learn_more}
</Text>
</BaseButton>
) : null}
<BaseButton
mt="sm"
flexDirection="row"
alignItems="center"
height={theme.textVariants.bodySmallSecondary.fontSize}
onPress={onNextPress}
>
{checkingPass ? (
<ActivityIndicator
size={"small"}
color={theme.colors.linkPrimary}
/>
) : (
<Text variant="bodySmallSecondary" color="linkPrimary">
{l.common.next}
</Text>
)}
</BaseButton>
</Box>
) : null} */}
<BaseButton
mt="md"
paddingVertical="md"
borderRadius="lg"
borderWidth={1}
borderColor="border"
backgroundColor="accentButtonColor"
onPress={onNextPress}
>
{checkingPass ? (
<ActivityIndicator
size={"small"}
color={theme.colors.accentButtonTextColor}
/>
) : (
<Text variant="bodySmallBold" color="accentButtonTextColor">
{l.common.next}
</Text>
)}
</BaseButton>
</Box>
);
};
@@ -6,20 +6,14 @@ 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
type AuthOption = "email" | "google";
export type EmbeddedWalletConfig = {
// @default true - set false to disable
email?: boolean;
oauthOptions?:
| {
providers: OAuthProvider[];
redirectUrl: string;
}
| false;
auth?: {
options: AuthOption[];
redirectUrl?: string;
};
};
export const embeddedWallet = (
@@ -28,16 +22,11 @@ export const embeddedWallet = (
const selectUI = (props: SelectUIProps<EmbeddedWallet>) => (
<EmailSelectionUI
{...props}
oauthOptions={
config?.oauthOptions
? {
providers: [AuthProvider.GOOGLE],
redirectUrl: config.oauthOptions.redirectUrl,
}
: undefined
auth={
config?.auth || {
options: ["email"],
}
}
// you cannot disable both email and oauth
email={!config?.oauthOptions && !config?.email ? true : config?.email}
/>
);
+105
View File
@@ -1,5 +1,110 @@
# @thirdweb-dev/react
## 4.1.0
### Minor Changes
- [#1846](https://github.com/thirdweb-dev/js/pull/1846) [`0acc530f`](https://github.com/thirdweb-dev/js/commit/0acc530f8bbee59672d9705724edc278bd853d9a) Thanks [@joaquim-verges](https://github.com/joaquim-verges)! - New API to configure authentication options on `embeddedWallet`
```ts
// default - google sign in is enabled
embeddedWallet();
// this is same as
embeddedWallet({
auth: {
options: ["email", "google"],
},
});
// only email
embeddedWallet({
auth: {
options: ["email"],
},
});
// only google sign in
embeddedWallet({
auth: {
options: ["google"],
},
});
```
### Patch Changes
- [#1885](https://github.com/thirdweb-dev/js/pull/1885) [`961ef644`](https://github.com/thirdweb-dev/js/commit/961ef644d1b1adaad08c071903cd53aacac50bb4) Thanks [@joaquim-verges](https://github.com/joaquim-verges)! - Improved `useSmartWallet()` hook
Example with metamask:
```ts
const { connect } = useSmartWallet(metamaskWallet(), {
factoryAddress: factoryAddress,
gasless: true,
});
const onClick = async () => {
// nothing to do here, all handled internally
await connect();
};
```
```ts
Example with localWallet:
const { connect } = useSmartWallet(localWallet(), {
factoryAddress: factoryAddress,
gasless: true,
});
const onClick = async () => {
// function to 'load' the local wallet before using it
await connect({
connectPersonalWallet: async (w) => {
await w.generate();
await w.connect();
}
});
}
```
```ts
Example with embeddedWallet:
const { connect } = useSmartWallet(embeddedWallet(), {
factoryAddress: factoryAddress,
gasless: true,
});
const onClick = async () => {
// function to 'auth' the embedded wallet before using it
await connect({
connectPersonalWallet: async (w) => {
const authResult = await w.authenticate({ strategy: "google" });
await w.connect({ authResult });
}
});
}
```
- [#1886](https://github.com/thirdweb-dev/js/pull/1886) [`6fcd09dd`](https://github.com/thirdweb-dev/js/commit/6fcd09ddbdad2c5e02fad9c3d2c61348ebd987de) Thanks [@edwardysun](https://github.com/edwardysun)! - Fix for user address and active wallet address out of sync
- Updated dependencies [[`a9d32f3c`](https://github.com/thirdweb-dev/js/commit/a9d32f3c90251a459e17a19eca803bbfdeeaeb79), [`0acc530f`](https://github.com/thirdweb-dev/js/commit/0acc530f8bbee59672d9705724edc278bd853d9a)]:
- @thirdweb-dev/sdk@4.0.10
- @thirdweb-dev/wallets@2.1.0
- @thirdweb-dev/react-core@4.1.0
## 4.0.10
### Patch Changes
- Updated dependencies [[`a75e4cc8`](https://github.com/thirdweb-dev/js/commit/a75e4cc80a5a36bf6baeeb40e8ae3be485d35618), [`3faa9f21`](https://github.com/thirdweb-dev/js/commit/3faa9f21efb1ae29a57747d6f0b8fb1151930ab4)]:
- @thirdweb-dev/chains@0.1.57
- @thirdweb-dev/wallets@2.0.10
- @thirdweb-dev/react-core@4.0.10
- @thirdweb-dev/sdk@4.0.9
## 4.0.9
### Patch Changes
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@thirdweb-dev/react",
"version": "4.0.9",
"version": "4.1.0",
"repository": "https://github.com/thirdweb-dev/js/tree/main/packages/react",
"author": "thirdweb eng <[email protected]>",
"license": "Apache-2.0",
+7 -12
View File
@@ -11,9 +11,9 @@ export function OTPInput(props: {
setValue: (value: string) => void;
onEnter?: () => void;
}) {
const otp = props.value.split("").map(Number);
const otp = props.value.split("");
const setOTP = (newOTP: number[]) => {
const setOTP = (newOTP: string[]) => {
props.setValue(newOTP.join(""));
};
@@ -37,18 +37,13 @@ export function OTPInput(props: {
ref={(e) => (boxEls.current[i] = e)}
key={i}
value={otp[i] ?? ""}
type="number"
pattern="[0-9]*"
type="text"
pattern="[a-zA-Z0-9]*"
variant="outline"
inputMode="numeric"
inputMode="text"
onPaste={(e) => {
const pastedData = e.clipboardData.getData("text/plain");
const newOTP = pastedData
.slice(0, props.digits)
.split("")
.filter((n) => /\d/.test(n))
.map(Number);
const newOTP = pastedData.slice(0, props.digits).split("");
setOTP(newOTP);
e.preventDefault();
}}
@@ -110,7 +105,7 @@ export function OTPInput(props: {
const newOTP = [...otp];
const index = i > inputToFocusIndex - 1 ? inputToFocusIndex : i;
newOTP[index] = Number(value);
newOTP[index] = value;
setOTP(newOTP);
}}
/>
@@ -5,6 +5,7 @@ export const Button = styled.button<{
variant: "primary" | "secondary" | "link" | "accent" | "outline";
theme?: Theme;
fullWidth?: boolean;
gap?: keyof typeof spacing;
}>`
all: unset;
cursor: pointer;
@@ -20,6 +21,7 @@ export const Button = styled.button<{
line-height: 1;
flex-shrink: 0;
transition: border 200ms ease;
gap: ${(p) => (p.gap && spacing[p.gap]) || 0};
${(p) => p.fullWidth && `width: 100%;`};
+3
View File
@@ -19,6 +19,9 @@ export const Text = styled.span<{
line-height: ${(p) => (p.multiline ? 1.5 : 1)};
${(p) => (p.center ? `text-align: center;` : "")};
text-wrap: ${(p) => (p.balance ? "balance" : "inherit")};
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
`;
export const Link = styled.a<{
@@ -0,0 +1,22 @@
import { useWalletContext } from "@thirdweb-dev/react-core";
import { EmbeddedWallet } from "@thirdweb-dev/wallets";
import { useCallback } from "react";
export const useEmbeddedWalletSendVerificationEmail = () => {
const context = useWalletContext();
const sendVerificationEmail = useCallback(
async (email: string) => {
if (!context.clientId) {
throw new Error("Please, provide a clientId in the ThirdwebProvider");
}
return EmbeddedWallet.sendVerificationEmail({
email,
clientId: context.clientId,
});
},
[context.clientId],
);
return sendVerificationEmail;
};
@@ -0,0 +1,74 @@
import {
useCreateWalletInstance,
useSetConnectedWallet,
useSetConnectionStatus,
useWalletContext,
useWallets,
} from "@thirdweb-dev/react-core";
import {
walletIds,
type AuthParams,
EmbeddedWallet,
} from "@thirdweb-dev/wallets";
import { useCallback } from "react";
import { embeddedWallet } from "../../../wallet/wallets/embeddedWallet/embeddedWallet";
/**
* Hook to authenticate and connect to an embedded wallet
* @returns a function to connect to an embedded wallet
*/
export function useEmbeddedWallet() {
const create = useCreateWalletInstance();
const setStatus = useSetConnectionStatus();
const setWallet = useSetConnectedWallet();
const context = useWalletContext();
const wallets = useWallets();
const connect = useCallback(
async (authParams: AuthParams) => {
setStatus("connecting");
const config = wallets.find((w) => w.id === walletIds.embeddedWallet);
if (
!config ||
(config.personalWallets && config.personalWallets.length > 0)
) {
console.warn(
"Embedded wallet not configured in ThirdwebProvider.supportedWallets - add it to enable autoconnect on page load",
);
}
const wallet = create(embeddedWallet());
try {
const authResult = await wallet.authenticate(authParams);
await wallet.connect({ authResult });
setWallet(wallet);
setStatus("connected");
} catch (e) {
console.error("Error connecting to embedded wallet", e);
setStatus("disconnected");
}
return wallet;
},
[setStatus, wallets, create, setWallet],
);
const sendVerificationEmail = useCallback(
async ({ email }: { email: string }) => {
const clientId = context.clientId;
if (!clientId) {
throw new Error(
"clientId not found, please add it to ThirdwebProvider",
);
}
return EmbeddedWallet.sendVerificationEmail({
email,
clientId,
});
},
[context],
);
return {
connect,
sendVerificationEmail,
};
}
@@ -1,21 +1,94 @@
import { useConnect } from "@thirdweb-dev/react-core";
import {
type WalletConfig,
WalletInstance,
useCreateWalletInstance,
useSetConnectedWallet,
useSetConnectionStatus,
useWalletContext,
useWallets,
} from "@thirdweb-dev/react-core";
import type { SmartWalletConfigOptions } from "../../../wallet/wallets/smartWallet/types";
import type { SmartWalletConnectionArgs } from "@thirdweb-dev/wallets/evm/wallets/smart-wallet";
import {
getSmartWalletAddress,
type SmartWalletConnectionArgs,
} from "@thirdweb-dev/wallets/evm/wallets/smart-wallet";
import { useCallback } from "react";
import { WalletConfig } from "@thirdweb-dev/react-core/dist/declarations/src";
import type { BytesLike } from "ethers";
export function useSmartWallet() {
const connect = useConnect();
return useCallback(
async (
wallet: WalletConfig<any>,
options: SmartWalletConnectionArgs & SmartWalletConfigOptions,
) => {
export function useSmartWallet<W extends WalletInstance>(
personalWallet: WalletConfig<W>,
options: SmartWalletConfigOptions,
) {
const create = useCreateWalletInstance();
const setStatus = useSetConnectionStatus();
const setWallet = useSetConnectedWallet();
const context = useWalletContext();
const supportedWallets = useWallets();
const predictAddress = useCallback(
async (args: { personalWalletAddress: string; data?: BytesLike }) => {
return getSmartWalletAddress(
context.activeChain,
options.factoryAddress,
args.personalWalletAddress,
args.data,
);
},
[context.activeChain, options.factoryAddress],
);
const connect = useCallback(
async (args?: {
connectPersonalWallet?: (wallet: W) => Promise<void>;
connectionArgs?: Omit<SmartWalletConnectionArgs, "personalWallet">;
}) => {
if (!supportedWallets.find((w) => w.id === personalWallet.id)) {
console.warn(
"Please, add your smart wallet to the supportedWallets prop of the ThirdwebProvider to enjoy auto-connecting to the wallet.",
);
}
const { smartWallet } = await import(
"../../../wallet/wallets/smartWallet/smartWallet"
);
return connect(smartWallet(wallet, options), options);
setStatus("connecting");
const pw = create(personalWallet);
const sw = create(smartWallet(personalWallet, options));
try {
if (args?.connectPersonalWallet) {
// if passed in, use custom function to connect personal wallet
await args.connectPersonalWallet(pw);
} else {
// otherwise default to auto-connecting personal wallet with chainId
await pw.connect({
chainId: context.activeChain.chainId,
});
}
await sw.connect({
...args?.connectionArgs,
personalWallet: pw,
});
setStatus("connected");
setWallet(sw);
} catch (e) {
console.error("Error connecting to smart wallet", e);
setStatus("disconnected");
throw e;
}
return sw;
},
[connect],
[
context.activeChain.chainId,
create,
options,
personalWallet,
setStatus,
setWallet,
supportedWallets,
],
);
return {
connect,
predictAddress,
};
}
+2
View File
@@ -33,6 +33,8 @@ export { useMetamask } from "./hooks/wallets/useMetamask";
export { useCoinbaseWallet } from "./hooks/wallets/useCoinbaseWallet";
export { useFrameWallet } from "./hooks/wallets/useFrame";
export { useBloctoWallet } from "./hooks/wallets/useBloctoWallet";
export { useEmbeddedWallet } from "./hooks/wallets/useEmbeddedWallet";
export { useEmbeddedWalletSendVerificationEmail } from "./hooks/useEmbeddedWalletSendVerificationEmail";
export {
usePaperWalletUserEmail,
@@ -6,12 +6,13 @@ import {
import { WalletUIStatesProvider } from "./wallet-ui-states-provider";
import { ConnectModal } from "../../wallet/ConnectWallet/Modal/ConnectModal";
import { ThemeObjectOrType } from "../../design-system";
import { PropsWithChildren, useMemo } from "react";
import { PropsWithChildren, useEffect, useMemo, useRef } from "react";
import type { Chain, defaultChains } from "@thirdweb-dev/chains";
import { defaultWallets } from "../../wallet/wallets/defaultWallets";
import { CustomThemeProvider } from "../../design-system/CustomThemeProvider";
import { signerWallet } from "../../wallet/wallets/signerWallet";
import { Signer } from "ethers";
import { walletIds } from "@thirdweb-dev/wallets";
interface ThirdwebProviderProps<TChains extends Chain[]>
extends Omit<
@@ -80,6 +81,29 @@ export const ThirdwebProvider = <
[signer],
);
// preload the embeddedWallet SDK if present in supportedWallets
const ewsRef = useRef(false);
useEffect(() => {
if (ewsRef.current) {
return;
}
ewsRef.current = true;
const preloadEmbeddedWallet = async () => {
const hasEmbeddedWallet = wallets.find(
(w) => w.id === walletIds.embeddedWallet,
);
if (hasEmbeddedWallet && restProps.clientId) {
// TODO only preload the iframe instead of creating the SDK
const { EmbeddedWalletSdk } = await import("@thirdweb-dev/wallets");
new EmbeddedWalletSdk({
clientId: restProps.clientId,
chain: "Ethereum",
});
}
};
preloadEmbeddedWallet();
}, [restProps.clientId, wallets]);
return (
<WalletUIStatesProvider theme={theme}>
<CustomThemeProvider theme={theme}>
@@ -169,9 +169,12 @@ export const ConnectWallet: React.FC<ConnectWalletProps> = (props) => {
const { user } = useUser();
const disconnect = useDisconnect();
const shouldSignIn = !!authConfig?.authUrl && !!address && !user?.address;
const addressAndUserAddressMismatched = address !== user?.address;
const requiresSignIn = props.auth?.loginOptional
? false
: !!authConfig?.authUrl && !!address && !user?.address;
: shouldSignIn || addressAndUserAddressMismatched;
const supportedTokens = useMemo(() => {
if (!props.supportedTokens) {
@@ -192,10 +195,10 @@ export const ConnectWallet: React.FC<ConnectWalletProps> = (props) => {
// if wallet gets disconnected, close the signature modal
useEffect(() => {
if (!activeWallet) {
if (!activeWallet && !addressAndUserAddressMismatched) {
setShowSignatureModal(false);
}
}, [activeWallet]);
}, [activeWallet, addressAndUserAddressMismatched]);
return (
<CustomThemeProvider theme={theme}>
@@ -12,7 +12,7 @@ import { Button } from "../../../components/buttons";
import { Theme, iconSize, spacing } from "../../../design-system";
import { GoogleIcon } from "../../ConnectWallet/icons/GoogleIcon";
import { InputSelectionUI } from "../InputSelectionUI";
import type { EmbeddedWalletLoginType } from "./types";
import type { EmbeddedWalletLoginType, AuthOption } from "./types";
import { TextDivider } from "../../../components/TextDivider";
import { openGoogleSignInWindow } from "../../utils/openGoogleSignInWindow";
import { useTheme } from "@emotion/react";
@@ -20,12 +20,16 @@ import { useTheme } from "@emotion/react";
export const EmbeddedWalletFormUI = (props: {
onSelect: (loginType: EmbeddedWalletLoginType) => void;
walletConfig: WalletConfig<EmbeddedWallet>;
authOptions: AuthOption[];
}) => {
const createWalletInstance = useCreateWalletInstance();
const setConnectionStatus = useSetConnectionStatus();
const setConnectedWallet = useSetConnectedWallet();
const themeObj = useTheme() as Theme;
const enableGoogleLogin = props.authOptions.includes("google");
const enableEmailLogin = props.authOptions.includes("email");
// Need to trigger google login on button click to avoid popup from being blocked
const googleLogin = async () => {
try {
@@ -36,14 +40,16 @@ export const EmbeddedWalletFormUI = (props: {
if (!googleWindow) {
throw new Error("Failed to open google login window");
}
await embeddedWallet.connect({
loginType: "headless_google_oauth",
const authResult = await embeddedWallet.authenticate({
strategy: "google",
openedWindow: googleWindow,
closeOpenedWindow: (openedWindow) => {
openedWindow.close();
},
});
await embeddedWallet.connect({
authResult,
});
setConnectedWallet(embeddedWallet);
} catch (e) {
setConnectionStatus("disconnected");
@@ -53,33 +59,42 @@ export const EmbeddedWalletFormUI = (props: {
return (
<div>
<SocialButton
variant="secondary"
fullWidth
onClick={() => {
googleLogin();
props.onSelect({ google: true });
}}
>
<GoogleIcon size={iconSize.md} />
Sign in with Google
</SocialButton>
<TextDivider text="OR" py="lg" />
<InputSelectionUI
onSelect={(email) => props.onSelect({ email })}
placeholder="Enter your email address"
name="email"
type="email"
errorMessage={(_input) => {
const input = _input.replace(/\+/g, "");
const emailRegex = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,})$/g;
const isValidEmail = emailRegex.test(input);
if (!isValidEmail) {
return "Invalid email address";
}
}}
emptyErrorMessage="email address is required"
/>
{enableGoogleLogin && (
<>
<SocialButton
variant="secondary"
fullWidth
onClick={() => {
googleLogin();
props.onSelect({ google: true });
}}
>
<GoogleIcon size={iconSize.md} />
Sign in with Google
</SocialButton>
</>
)}
{enableGoogleLogin && enableEmailLogin && (
<TextDivider text="OR" py="lg" />
)}
{enableEmailLogin && (
<InputSelectionUI
onSelect={(email) => props.onSelect({ email })}
placeholder="Enter your email address"
name="email"
type="email"
errorMessage={(_input) => {
const input = _input.replace(/\+/g, "");
const emailRegex =
/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,})$/g;
const isValidEmail = emailRegex.test(input);
if (!isValidEmail) {
return "Invalid email address";
}
}}
emptyErrorMessage="email address is required"
/>
)}
</div>
);
};
@@ -89,6 +104,7 @@ export const EmbeddedWalletFormUIScreen: React.FC<{
onBack: () => void;
modalSize: "compact" | "wide";
walletConfig: WalletConfig<EmbeddedWallet>;
authOptions: AuthOption[];
}> = (props) => {
const isCompact = props.modalSize === "compact";
return (
@@ -111,6 +127,7 @@ export const EmbeddedWalletFormUIScreen: React.FC<{
p={isCompact ? undefined : "lg"}
>
<EmbeddedWalletFormUI
authOptions={props.authOptions}
walletConfig={props.walletConfig}
onSelect={props.onSelect}
/>
@@ -36,15 +36,16 @@ export const EmbeddedWalletGoogleLogin = (
if (!googleWindow) {
throw new Error("Failed to open google login window");
}
await embeddedWallet.connect({
loginType: "headless_google_oauth",
const authResult = await embeddedWallet.authenticate({
strategy: "google",
openedWindow: googleWindow,
closeOpenedWindow: (openedWindow) => {
openedWindow.close();
},
});
await embeddedWallet.connect({
authResult,
});
setConnectedWallet(embeddedWallet);
props.connected();
} catch (e) {

Some files were not shown because too many files have changed in this diff Show More