thirdweb 5.30.0-nightly-fe775166d40fdd50faaa8d6da3fcd624f9a450ed-20240622000610 → 5.30.0-nightly-3979ff0238ae9b3a0a216e6c2d562eb7206a9fe8-20240626085813
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/auth/verifySignature.js +15 -1
- package/dist/cjs/auth/verifySignature.js.map +1 -1
- package/dist/cjs/exports/extensions/erc1155.js +3 -1
- package/dist/cjs/exports/extensions/erc1155.js.map +1 -1
- package/dist/cjs/exports/transaction.js +3 -1
- package/dist/cjs/exports/transaction.js.map +1 -1
- package/dist/cjs/react/core/design-system/index.js +2 -0
- package/dist/cjs/react/core/design-system/index.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/ConnectButton.js +12 -24
- package/dist/cjs/react/web/ui/ConnectWallet/ConnectButton.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/AllWalletsUI.js +4 -6
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/AllWalletsUI.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.js +12 -14
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectEmbed.js +31 -28
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectEmbed.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectModal.js +7 -5
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectModal.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectModalContent.js +15 -17
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectModalContent.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectModalInline.js +11 -13
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/ConnectModalInline.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.js +1 -4
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.js +4 -6
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js +8 -11
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/TOS.js +1 -3
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/TOS.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/screen.js +5 -9
- package/dist/cjs/react/web/ui/ConnectWallet/Modal/screen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/NetworkSelector.js +2 -2
- package/dist/cjs/react/web/ui/ConnectWallet/NetworkSelector.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/WalletEntryButton.js +2 -4
- package/dist/cjs/react/web/ui/ConnectWallet/WalletEntryButton.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/WalletSelector.js +24 -30
- package/dist/cjs/react/web/ui/ConnectWallet/WalletSelector.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js +114 -86
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.js +25 -0
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.js.map +1 -0
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +7 -3
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js +2 -2
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.js +4 -11
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js +3 -16
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js +0 -3
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.js +4 -6
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js +2 -2
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js +2 -2
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistoryButton.js +2 -2
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistoryButton.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/tx-history/TokenInfoRow.js +2 -2
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/tx-history/TokenInfoRow.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/utils.js +7 -0
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/utils.js.map +1 -0
- package/dist/cjs/react/web/ui/ConnectWallet/screens/SignatureScreen.js +2 -4
- package/dist/cjs/react/web/ui/ConnectWallet/screens/SignatureScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/StartScreen.js +7 -9
- package/dist/cjs/react/web/ui/ConnectWallet/screens/StartScreen.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/TokenSelector.js +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/TokenSelector.js.map +1 -1
- package/dist/cjs/react/web/ui/ConnectWallet/useConnectModal.js +23 -27
- package/dist/cjs/react/web/ui/ConnectWallet/useConnectModal.js.map +1 -1
- package/dist/cjs/react/web/ui/PayEmbed.js +1 -0
- package/dist/cjs/react/web/ui/PayEmbed.js.map +1 -1
- package/dist/cjs/react/web/ui/components/ChainName.js +12 -1
- package/dist/cjs/react/web/ui/components/ChainName.js.map +1 -1
- package/dist/cjs/react/web/ui/components/basic.js +1 -1
- package/dist/cjs/react/web/ui/components/basic.js.map +1 -1
- package/dist/cjs/react/web/ui/components/buttons.js +6 -0
- package/dist/cjs/react/web/ui/components/buttons.js.map +1 -1
- package/dist/cjs/react/web/wallets/ecosystem/EcosystemWalletConnectUI.js +6 -8
- package/dist/cjs/react/web/wallets/ecosystem/EcosystemWalletConnectUI.js.map +1 -1
- package/dist/cjs/react/web/wallets/ecosystem/EcosystemWalletFormUI.js +5 -7
- package/dist/cjs/react/web/wallets/ecosystem/EcosystemWalletFormUI.js.map +1 -1
- package/dist/cjs/react/web/wallets/in-app/InAppWalletConnectUI.js +6 -8
- package/dist/cjs/react/web/wallets/in-app/InAppWalletConnectUI.js.map +1 -1
- package/dist/cjs/react/web/wallets/in-app/InAppWalletFormUI.js +8 -11
- package/dist/cjs/react/web/wallets/in-app/InAppWalletFormUI.js.map +1 -1
- package/dist/cjs/react/web/wallets/in-app/InAppWalletSelectionUI.js +5 -7
- package/dist/cjs/react/web/wallets/in-app/InAppWalletSelectionUI.js.map +1 -1
- package/dist/cjs/react/web/wallets/in-app/useInAppWalletLocale.js +5 -5
- package/dist/cjs/react/web/wallets/in-app/useInAppWalletLocale.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/CoinbaseSDKConnection.js +4 -6
- package/dist/cjs/react/web/wallets/shared/CoinbaseSDKConnection.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/ConnectWalletSocialOptions.js +7 -9
- package/dist/cjs/react/web/wallets/shared/ConnectWalletSocialOptions.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/ConnectingScreen.js +3 -5
- package/dist/cjs/react/web/wallets/shared/ConnectingScreen.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/GetStartedScreen.js +4 -6
- package/dist/cjs/react/web/wallets/shared/GetStartedScreen.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/OTPLoginUI.js +8 -10
- package/dist/cjs/react/web/wallets/shared/OTPLoginUI.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/PassKeyLogin.js +2 -4
- package/dist/cjs/react/web/wallets/shared/PassKeyLogin.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/SocialLogin.js +3 -6
- package/dist/cjs/react/web/wallets/shared/SocialLogin.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/WalletConnectConnection.js +24 -27
- package/dist/cjs/react/web/wallets/shared/WalletConnectConnection.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/locale/en.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/locale/es.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/locale/getConnectLocale.js +2 -2
- package/dist/cjs/react/web/wallets/shared/locale/getConnectLocale.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/locale/ja.js.map +1 -1
- package/dist/cjs/react/web/wallets/shared/locale/tl.js.map +1 -1
- package/dist/cjs/react/web/wallets/walletConnect/locale.js +3 -3
- package/dist/cjs/react/web/wallets/walletConnect/locale.js.map +1 -1
- package/dist/cjs/transaction/actions/gasless/send-gasless-transaction.js +14 -4
- package/dist/cjs/transaction/actions/gasless/send-gasless-transaction.js.map +1 -1
- package/dist/cjs/transaction/actions/send-transaction.js +7 -0
- package/dist/cjs/transaction/actions/send-transaction.js.map +1 -1
- package/dist/cjs/transaction/transaction-store.js +33 -0
- package/dist/cjs/transaction/transaction-store.js.map +1 -0
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/wallets/in-app/web/utils/Storage/LocalStorage.js.map +1 -1
- package/dist/cjs/wallets/wallet-connect/controller.js +7 -3
- package/dist/cjs/wallets/wallet-connect/controller.js.map +1 -1
- package/dist/esm/auth/verifySignature.js +15 -1
- package/dist/esm/auth/verifySignature.js.map +1 -1
- package/dist/esm/exports/extensions/erc1155.js +1 -0
- package/dist/esm/exports/extensions/erc1155.js.map +1 -1
- package/dist/esm/exports/transaction.js +1 -0
- package/dist/esm/exports/transaction.js.map +1 -1
- package/dist/esm/react/core/design-system/index.js +2 -0
- package/dist/esm/react/core/design-system/index.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/ConnectButton.js +12 -24
- package/dist/esm/react/web/ui/ConnectWallet/ConnectButton.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/AllWalletsUI.js +4 -6
- package/dist/esm/react/web/ui/ConnectWallet/Modal/AllWalletsUI.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.js +12 -14
- package/dist/esm/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectEmbed.js +31 -28
- package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectEmbed.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectModal.js +7 -5
- package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectModal.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectModalContent.js +16 -18
- package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectModalContent.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectModalInline.js +11 -13
- package/dist/esm/react/web/ui/ConnectWallet/Modal/ConnectModalInline.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.js +1 -4
- package/dist/esm/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.js +4 -6
- package/dist/esm/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js +8 -11
- package/dist/esm/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/TOS.js +1 -3
- package/dist/esm/react/web/ui/ConnectWallet/Modal/TOS.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/Modal/screen.js +5 -9
- package/dist/esm/react/web/ui/ConnectWallet/Modal/screen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/NetworkSelector.js +2 -2
- package/dist/esm/react/web/ui/ConnectWallet/NetworkSelector.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/WalletEntryButton.js +2 -4
- package/dist/esm/react/web/ui/ConnectWallet/WalletEntryButton.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/WalletSelector.js +24 -30
- package/dist/esm/react/web/ui/ConnectWallet/WalletSelector.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js +115 -87
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.js +22 -0
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.js.map +1 -0
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js +7 -3
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js +2 -2
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.js +4 -11
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js +3 -16
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js +0 -3
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.js +4 -6
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js +2 -2
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js +2 -2
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistoryButton.js +2 -2
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistoryButton.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/tx-history/TokenInfoRow.js +2 -2
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/tx-history/TokenInfoRow.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/utils.js +4 -0
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/utils.js.map +1 -0
- package/dist/esm/react/web/ui/ConnectWallet/screens/SignatureScreen.js +2 -4
- package/dist/esm/react/web/ui/ConnectWallet/screens/SignatureScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/StartScreen.js +7 -9
- package/dist/esm/react/web/ui/ConnectWallet/screens/StartScreen.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/TokenSelector.js +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/TokenSelector.js.map +1 -1
- package/dist/esm/react/web/ui/ConnectWallet/useConnectModal.js +23 -27
- package/dist/esm/react/web/ui/ConnectWallet/useConnectModal.js.map +1 -1
- package/dist/esm/react/web/ui/PayEmbed.js +1 -0
- package/dist/esm/react/web/ui/PayEmbed.js.map +1 -1
- package/dist/esm/react/web/ui/components/ChainName.js +12 -1
- package/dist/esm/react/web/ui/components/ChainName.js.map +1 -1
- package/dist/esm/react/web/ui/components/basic.js +1 -1
- package/dist/esm/react/web/ui/components/basic.js.map +1 -1
- package/dist/esm/react/web/ui/components/buttons.js +6 -0
- package/dist/esm/react/web/ui/components/buttons.js.map +1 -1
- package/dist/esm/react/web/wallets/ecosystem/EcosystemWalletConnectUI.js +7 -9
- package/dist/esm/react/web/wallets/ecosystem/EcosystemWalletConnectUI.js.map +1 -1
- package/dist/esm/react/web/wallets/ecosystem/EcosystemWalletFormUI.js +5 -7
- package/dist/esm/react/web/wallets/ecosystem/EcosystemWalletFormUI.js.map +1 -1
- package/dist/esm/react/web/wallets/in-app/InAppWalletConnectUI.js +7 -9
- package/dist/esm/react/web/wallets/in-app/InAppWalletConnectUI.js.map +1 -1
- package/dist/esm/react/web/wallets/in-app/InAppWalletFormUI.js +8 -11
- package/dist/esm/react/web/wallets/in-app/InAppWalletFormUI.js.map +1 -1
- package/dist/esm/react/web/wallets/in-app/InAppWalletSelectionUI.js +6 -8
- package/dist/esm/react/web/wallets/in-app/InAppWalletSelectionUI.js.map +1 -1
- package/dist/esm/react/web/wallets/in-app/useInAppWalletLocale.js +5 -5
- package/dist/esm/react/web/wallets/in-app/useInAppWalletLocale.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/CoinbaseSDKConnection.js +4 -6
- package/dist/esm/react/web/wallets/shared/CoinbaseSDKConnection.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/ConnectWalletSocialOptions.js +7 -9
- package/dist/esm/react/web/wallets/shared/ConnectWalletSocialOptions.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/ConnectingScreen.js +3 -5
- package/dist/esm/react/web/wallets/shared/ConnectingScreen.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/GetStartedScreen.js +4 -6
- package/dist/esm/react/web/wallets/shared/GetStartedScreen.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/OTPLoginUI.js +8 -10
- package/dist/esm/react/web/wallets/shared/OTPLoginUI.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/PassKeyLogin.js +2 -4
- package/dist/esm/react/web/wallets/shared/PassKeyLogin.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/SocialLogin.js +3 -6
- package/dist/esm/react/web/wallets/shared/SocialLogin.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/WalletConnectConnection.js +24 -27
- package/dist/esm/react/web/wallets/shared/WalletConnectConnection.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/locale/en.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/locale/es.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/locale/getConnectLocale.js +1 -1
- package/dist/esm/react/web/wallets/shared/locale/getConnectLocale.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/locale/ja.js.map +1 -1
- package/dist/esm/react/web/wallets/shared/locale/tl.js.map +1 -1
- package/dist/esm/react/web/wallets/walletConnect/locale.js +3 -3
- package/dist/esm/react/web/wallets/walletConnect/locale.js.map +1 -1
- package/dist/esm/transaction/actions/gasless/send-gasless-transaction.js +14 -4
- package/dist/esm/transaction/actions/gasless/send-gasless-transaction.js.map +1 -1
- package/dist/esm/transaction/actions/send-transaction.js +7 -0
- package/dist/esm/transaction/actions/send-transaction.js.map +1 -1
- package/dist/esm/transaction/transaction-store.js +29 -0
- package/dist/esm/transaction/transaction-store.js.map +1 -0
- package/dist/esm/version.js +1 -1
- package/dist/esm/wallets/in-app/web/utils/Storage/LocalStorage.js.map +1 -1
- package/dist/esm/wallets/wallet-connect/controller.js +7 -3
- package/dist/esm/wallets/wallet-connect/controller.js.map +1 -1
- package/dist/types/auth/verifySignature.d.ts +0 -20
- package/dist/types/auth/verifySignature.d.ts.map +1 -1
- package/dist/types/exports/extensions/erc1155.d.ts +1 -0
- package/dist/types/exports/extensions/erc1155.d.ts.map +1 -1
- package/dist/types/exports/transaction.d.ts +1 -0
- package/dist/types/exports/transaction.d.ts.map +1 -1
- package/dist/types/react/core/design-system/index.d.ts +2 -0
- package/dist/types/react/core/design-system/index.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/ConnectButton.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/ConnectButtonProps.d.ts +2 -2
- package/dist/types/react/web/ui/ConnectWallet/Modal/AllWalletsUI.d.ts +7 -0
- package/dist/types/react/web/ui/ConnectWallet/Modal/AllWalletsUI.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.d.ts +20 -0
- package/dist/types/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectEmbed.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectModal.d.ts +32 -0
- package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectModal.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectModalContent.d.ts +32 -0
- package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectModalContent.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectModalInline.d.ts +31 -2
- package/dist/types/react/web/ui/ConnectWallet/Modal/ConnectModalInline.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.d.ts +2 -0
- package/dist/types/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.d.ts +5 -0
- package/dist/types/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.d.ts +20 -0
- package/dist/types/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Modal/TOS.d.ts +2 -0
- package/dist/types/react/web/ui/ConnectWallet/Modal/TOS.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/Modal/screen.d.ts +6 -1
- package/dist/types/react/web/ui/ConnectWallet/Modal/screen.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/NetworkSelector.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/WalletEntryButton.d.ts +6 -0
- package/dist/types/react/web/ui/ConnectWallet/WalletEntryButton.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/WalletSelector.d.ts +25 -0
- package/dist/types/react/web/ui/ConnectWallet/WalletSelector.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.d.ts +14 -0
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.d.ts.map +1 -0
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/types.d.ts +9 -5
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/types.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.d.ts +2 -3
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.d.ts +2 -2
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.d.ts +0 -2
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/utils.d.ts +2 -0
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/utils.d.ts.map +1 -0
- package/dist/types/react/web/ui/ConnectWallet/screens/SignatureScreen.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/StartScreen.d.ts +13 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/StartScreen.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/TokenSelector.d.ts +1 -0
- package/dist/types/react/web/ui/ConnectWallet/screens/TokenSelector.d.ts.map +1 -1
- package/dist/types/react/web/ui/ConnectWallet/useConnectModal.d.ts.map +1 -1
- package/dist/types/react/web/ui/PayEmbed.d.ts +1 -0
- package/dist/types/react/web/ui/PayEmbed.d.ts.map +1 -1
- package/dist/types/react/web/ui/components/ChainName.d.ts +1 -0
- package/dist/types/react/web/ui/components/ChainName.d.ts.map +1 -1
- package/dist/types/react/web/ui/components/basic.d.ts +1 -0
- package/dist/types/react/web/ui/components/basic.d.ts.map +1 -1
- package/dist/types/react/web/ui/components/buttons.d.ts +2 -1
- package/dist/types/react/web/ui/components/buttons.d.ts.map +1 -1
- package/dist/types/react/web/wallets/ecosystem/EcosystemWalletConnectUI.d.ts +16 -0
- package/dist/types/react/web/wallets/ecosystem/EcosystemWalletConnectUI.d.ts.map +1 -1
- package/dist/types/react/web/wallets/ecosystem/EcosystemWalletFormUI.d.ts +16 -2
- package/dist/types/react/web/wallets/ecosystem/EcosystemWalletFormUI.d.ts.map +1 -1
- package/dist/types/react/web/wallets/in-app/InAppWalletConnectUI.d.ts +16 -0
- package/dist/types/react/web/wallets/in-app/InAppWalletConnectUI.d.ts.map +1 -1
- package/dist/types/react/web/wallets/in-app/InAppWalletFormUI.d.ts +16 -2
- package/dist/types/react/web/wallets/in-app/InAppWalletFormUI.d.ts.map +1 -1
- package/dist/types/react/web/wallets/in-app/InAppWalletSelectionUI.d.ts +10 -0
- package/dist/types/react/web/wallets/in-app/InAppWalletSelectionUI.d.ts.map +1 -1
- package/dist/types/react/web/wallets/in-app/useInAppWalletLocale.d.ts +3 -2
- package/dist/types/react/web/wallets/in-app/useInAppWalletLocale.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/CoinbaseSDKConnection.d.ts +6 -1
- package/dist/types/react/web/wallets/shared/CoinbaseSDKConnection.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/ConnectWalletSocialOptions.d.ts +7 -2
- package/dist/types/react/web/wallets/shared/ConnectWalletSocialOptions.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/ConnectingScreen.d.ts +3 -0
- package/dist/types/react/web/wallets/shared/ConnectingScreen.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/GetStartedScreen.d.ts +2 -0
- package/dist/types/react/web/wallets/shared/GetStartedScreen.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/OTPLoginUI.d.ts +7 -2
- package/dist/types/react/web/wallets/shared/OTPLoginUI.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/PassKeyLogin.d.ts +5 -0
- package/dist/types/react/web/wallets/shared/PassKeyLogin.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/SocialLogin.d.ts +7 -2
- package/dist/types/react/web/wallets/shared/SocialLogin.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/WalletConnectConnection.d.ts +16 -0
- package/dist/types/react/web/wallets/shared/WalletConnectConnection.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/locale/en.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/locale/es.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/locale/getConnectLocale.d.ts +2 -2
- package/dist/types/react/web/wallets/shared/locale/getConnectLocale.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/locale/ja.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/locale/tl.d.ts.map +1 -1
- package/dist/types/react/web/wallets/shared/locale/types.d.ts +1 -1
- package/dist/types/react/web/wallets/shared/locale/types.d.ts.map +1 -1
- package/dist/types/transaction/actions/gasless/send-gasless-transaction.d.ts.map +1 -1
- package/dist/types/transaction/actions/send-transaction.d.ts.map +1 -1
- package/dist/types/transaction/actions/zksync/getEip721Domain.d.ts +3 -3
- package/dist/types/transaction/prepare-transaction.d.ts +3 -3
- package/dist/types/transaction/transaction-store.d.ts +22 -0
- package/dist/types/transaction/transaction-store.d.ts.map +1 -0
- package/dist/types/version.d.ts +1 -1
- package/dist/types/wallets/in-app/web/utils/Storage/LocalStorage.d.ts.map +1 -1
- package/package.json +4 -1
- package/src/auth/verifySignature.ts +16 -1
- package/src/exports/extensions/erc1155.ts +4 -0
- package/src/exports/transaction.ts +1 -0
- package/src/extensions/airdrop/write/airdropERC1155WithSignature.test.ts +8 -9
- package/src/extensions/airdrop/write/airdropERC20WithSignature.test.ts +9 -10
- package/src/extensions/airdrop/write/airdropERC721WithSignature.test.ts +5 -5
- package/src/extensions/airdrop/write/claimERC1155.test.ts +6 -6
- package/src/extensions/airdrop/write/claimERC20.test.ts +7 -7
- package/src/extensions/airdrop/write/claimERC721.test.ts +6 -6
- package/src/react/core/design-system/index.ts +2 -0
- package/src/react/web/ui/ConnectWallet/ConnectButton.tsx +35 -33
- package/src/react/web/ui/ConnectWallet/ConnectButtonProps.ts +2 -2
- package/src/react/web/ui/ConnectWallet/Modal/AllWalletsUI.tsx +13 -6
- package/src/react/web/ui/ConnectWallet/Modal/AnyWalletConnectUI.tsx +58 -4
- package/src/react/web/ui/ConnectWallet/Modal/ConnectEmbed.tsx +97 -38
- package/src/react/web/ui/ConnectWallet/Modal/ConnectModal.tsx +56 -4
- package/src/react/web/ui/ConnectWallet/Modal/ConnectModalContent.tsx +98 -30
- package/src/react/web/ui/ConnectWallet/Modal/ConnectModalInline.tsx +100 -15
- package/src/react/web/ui/ConnectWallet/Modal/DeepLinkConnectUI.tsx +3 -5
- package/src/react/web/ui/ConnectWallet/Modal/InjectedConnectUI.tsx +10 -5
- package/src/react/web/ui/ConnectWallet/Modal/SmartWalletConnectUI.tsx +43 -10
- package/src/react/web/ui/ConnectWallet/Modal/TOS.tsx +3 -3
- package/src/react/web/ui/ConnectWallet/Modal/screen.tsx +10 -12
- package/src/react/web/ui/ConnectWallet/NetworkSelector.tsx +2 -1
- package/src/react/web/ui/ConnectWallet/WalletEntryButton.tsx +14 -6
- package/src/react/web/ui/ConnectWallet/WalletSelector.tsx +112 -33
- package/src/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.tsx +411 -204
- package/src/react/web/ui/ConnectWallet/screens/Buy/PayTokenIcon.tsx +45 -0
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.tsx +1 -1
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.tsx +7 -3
- package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.tsx +12 -12
- package/src/react/web/ui/ConnectWallet/screens/Buy/main/types.ts +14 -5
- package/src/react/web/ui/ConnectWallet/screens/Buy/main/useBuyTxStates.ts +6 -15
- package/src/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.ts +3 -28
- package/src/react/web/ui/ConnectWallet/screens/Buy/main/useUISelectionStates.ts +2 -3
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/BuyTokenInput.tsx +4 -6
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.tsx +2 -2
- package/src/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.tsx +2 -2
- package/src/react/web/ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistoryButton.tsx +2 -2
- package/src/react/web/ui/ConnectWallet/screens/Buy/tx-history/TokenInfoRow.tsx +2 -2
- package/src/react/web/ui/ConnectWallet/screens/Buy/utils.ts +3 -0
- package/src/react/web/ui/ConnectWallet/screens/SignatureScreen.tsx +2 -3
- package/src/react/web/ui/ConnectWallet/screens/StartScreen.tsx +23 -14
- package/src/react/web/ui/ConnectWallet/screens/TokenSelector.tsx +5 -1
- package/src/react/web/ui/ConnectWallet/useConnectModal.tsx +44 -39
- package/src/react/web/ui/PayEmbed-disconnected.test.tsx +15 -0
- package/src/react/web/ui/PayEmbed.test.tsx +33 -6
- package/src/react/web/ui/PayEmbed.tsx +3 -0
- package/src/react/web/ui/components/ChainName.tsx +18 -1
- package/src/react/web/ui/components/basic.tsx +2 -1
- package/src/react/web/ui/components/buttons.tsx +8 -0
- package/src/react/web/wallets/ecosystem/EcosystemWalletConnectUI.tsx +33 -5
- package/src/react/web/wallets/ecosystem/EcosystemWalletFormUI.tsx +25 -12
- package/src/react/web/wallets/in-app/InAppWalletConnectUI.tsx +34 -6
- package/src/react/web/wallets/in-app/InAppWalletFormUI.tsx +44 -23
- package/src/react/web/wallets/in-app/InAppWalletSelectionUI.tsx +20 -6
- package/src/react/web/wallets/in-app/useInAppWalletLocale.ts +10 -7
- package/src/react/web/wallets/shared/CoinbaseSDKConnection.tsx +12 -9
- package/src/react/web/wallets/shared/ConnectWalletSocialOptions.tsx +14 -11
- package/src/react/web/wallets/shared/ConnectingScreen.tsx +7 -5
- package/src/react/web/wallets/shared/GetStartedScreen.tsx +7 -4
- package/src/react/web/wallets/shared/OTPLoginUI.tsx +15 -12
- package/src/react/web/wallets/shared/PassKeyLogin.tsx +5 -4
- package/src/react/web/wallets/shared/SocialLogin.tsx +11 -8
- package/src/react/web/wallets/shared/WalletConnectConnection.tsx +48 -27
- package/src/react/web/wallets/shared/locale/en.ts +2 -2
- package/src/react/web/wallets/shared/locale/es.ts +2 -2
- package/src/react/web/wallets/shared/locale/getConnectLocale.ts +3 -3
- package/src/react/web/wallets/shared/locale/ja.ts +2 -2
- package/src/react/web/wallets/shared/locale/tl.ts +2 -2
- package/src/react/web/wallets/shared/locale/types.ts +1 -1
- package/src/react/web/wallets/walletConnect/locale.ts +3 -3
- package/src/rpc/actions/eth_getLogs.test.ts +3 -2
- package/src/transaction/actions/gasless/send-gasless-transaction.ts +15 -4
- package/src/transaction/actions/send-transaction.test.ts +22 -1
- package/src/transaction/actions/send-transaction.ts +7 -0
- package/src/transaction/actions/zksync/getEip721Domain.ts +4 -4
- package/src/transaction/prepare-transaction.ts +3 -3
- package/src/transaction/transaction-store.test.ts +51 -0
- package/src/transaction/transaction-store.ts +46 -0
- package/src/version.ts +1 -1
- package/src/wallets/in-app/web/utils/Storage/LocalStorage.ts +4 -1
- package/src/wallets/wallet-connect/controller.ts +8 -3
- package/dist/cjs/react/core/hooks/others/useWalletConnectionCtx.js +0 -16
- package/dist/cjs/react/core/hooks/others/useWalletConnectionCtx.js.map +0 -1
- package/dist/cjs/react/core/providers/wallet-connection.js +0 -7
- package/dist/cjs/react/core/providers/wallet-connection.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/icons/CryptoIcon.js +0 -12
- package/dist/cjs/react/web/ui/ConnectWallet/icons/CryptoIcon.js.map +0 -1
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.js +0 -44
- package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.js.map +0 -1
- package/dist/esm/react/core/hooks/others/useWalletConnectionCtx.js +0 -13
- package/dist/esm/react/core/hooks/others/useWalletConnectionCtx.js.map +0 -1
- package/dist/esm/react/core/providers/wallet-connection.js +0 -4
- package/dist/esm/react/core/providers/wallet-connection.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/icons/CryptoIcon.js +0 -8
- package/dist/esm/react/web/ui/ConnectWallet/icons/CryptoIcon.js.map +0 -1
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.js +0 -41
- package/dist/esm/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.js.map +0 -1
- package/dist/types/react/core/hooks/others/useWalletConnectionCtx.d.ts +0 -29
- package/dist/types/react/core/hooks/others/useWalletConnectionCtx.d.ts.map +0 -1
- package/dist/types/react/core/providers/wallet-connection.d.ts +0 -35
- package/dist/types/react/core/providers/wallet-connection.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/icons/CryptoIcon.d.ts +0 -6
- package/dist/types/react/web/ui/ConnectWallet/icons/CryptoIcon.d.ts.map +0 -1
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.d.ts +0 -8
- package/dist/types/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.d.ts.map +0 -1
- package/src/react/core/hooks/others/useWalletConnectionCtx.ts +0 -15
- package/src/react/core/providers/wallet-connection.tsx +0 -37
- package/src/react/web/ui/ConnectWallet/icons/CryptoIcon.tsx +0 -50
- package/src/react/web/ui/ConnectWallet/screens/Buy/PaymentSelection.tsx +0 -72
@@ -1,9 +1,9 @@
|
|
1
1
|
"use client";
|
2
2
|
import { createContext, useContext, useEffect, useRef, useState } from "react";
|
3
3
|
import type { Wallet } from "../../../../../wallets/interfaces/wallet.js";
|
4
|
-
import { useConnectUI } from "../../../../core/hooks/others/useWalletConnectionCtx.js";
|
5
4
|
import { useActiveAccount } from "../../../hooks/wallets/useActiveAccount.js";
|
6
5
|
import { reservedScreens } from "../constants.js";
|
6
|
+
import type { WelcomeScreen } from "../screens/types.js";
|
7
7
|
|
8
8
|
type Screen = string | Wallet;
|
9
9
|
|
@@ -20,22 +20,20 @@ export const ScreenSetupContext = /* @__PURE__ */ createContext<
|
|
20
20
|
/**
|
21
21
|
* @internal
|
22
22
|
*/
|
23
|
-
export function useSetupScreen(
|
24
|
-
|
25
|
-
|
23
|
+
export function useSetupScreen(props: {
|
24
|
+
wallets: Wallet[];
|
25
|
+
size: "compact" | "wide";
|
26
|
+
welcomeScreen: WelcomeScreen | undefined;
|
27
|
+
}) {
|
26
28
|
let initialScreen: Screen = reservedScreens.main;
|
27
29
|
|
28
|
-
const socialLogin = wallets.find(
|
30
|
+
const socialLogin = props.wallets.find(
|
29
31
|
(w) => w.id === "embedded" || w.id === "inApp",
|
30
32
|
);
|
31
33
|
|
32
|
-
if (wallets.length === 1 && wallets[0]) {
|
33
|
-
initialScreen = wallets[0];
|
34
|
-
} else if (
|
35
|
-
connectModal.size === "wide" &&
|
36
|
-
!connectModal.welcomeScreen &&
|
37
|
-
socialLogin
|
38
|
-
) {
|
34
|
+
if (props.wallets.length === 1 && props.wallets[0]) {
|
35
|
+
initialScreen = props.wallets[0];
|
36
|
+
} else if (props.size === "wide" && !props.welcomeScreen && socialLogin) {
|
39
37
|
initialScreen = socialLogin;
|
40
38
|
}
|
41
39
|
|
@@ -452,6 +452,7 @@ function NetworkSelectorContentInner(
|
|
452
452
|
renderChain={props.networkSelector?.renderChain}
|
453
453
|
connectLocale={connectLocale}
|
454
454
|
client={props.client}
|
455
|
+
close={props.closeModal}
|
455
456
|
/>
|
456
457
|
</Container>
|
457
458
|
{onCustomClick && (
|
@@ -725,7 +726,7 @@ export const ChainButton = /* @__PURE__ */ memo(function ChainButton(props: {
|
|
725
726
|
}}
|
726
727
|
>
|
727
728
|
{chainName}
|
728
|
-
<Container animate="fadein" flex="row" gap="
|
729
|
+
<Container animate="fadein" flex="row" gap="xxs" center="y">
|
729
730
|
{confirming && (
|
730
731
|
<>
|
731
732
|
<Text size="xs" color="accentText">
|
@@ -1,5 +1,7 @@
|
|
1
1
|
"use client";
|
2
|
+
import type { ThirdwebClient } from "../../../../client/client.js";
|
2
3
|
import { getInstalledWalletProviders } from "../../../../wallets/injected/mipdStore.js";
|
4
|
+
import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
|
3
5
|
import type { WalletId } from "../../../../wallets/wallet-types.js";
|
4
6
|
import { useCustomTheme } from "../../../core/design-system/CustomThemeProvider.js";
|
5
7
|
import {
|
@@ -8,7 +10,6 @@ import {
|
|
8
10
|
radius,
|
9
11
|
spacing,
|
10
12
|
} from "../../../core/design-system/index.js";
|
11
|
-
import { useConnectUI } from "../../../core/hooks/others/useWalletConnectionCtx.js";
|
12
13
|
import { Skeleton } from "../components/Skeleton.js";
|
13
14
|
import { WalletImage } from "../components/WalletImage.js";
|
14
15
|
import { Container } from "../components/basic.js";
|
@@ -16,6 +17,7 @@ import { Text } from "../components/text.js";
|
|
16
17
|
import { StyledButton } from "../design-system/elements.js";
|
17
18
|
import { useWalletInfo } from "../hooks/useWalletInfo.js";
|
18
19
|
import { useScreenContext } from "./Modal/screen.js";
|
20
|
+
import type { ConnectLocale } from "./locale/types.js";
|
19
21
|
|
20
22
|
/**
|
21
23
|
* @internal
|
@@ -23,10 +25,14 @@ import { useScreenContext } from "./Modal/screen.js";
|
|
23
25
|
export function WalletEntryButton(props: {
|
24
26
|
walletId: WalletId;
|
25
27
|
selectWallet: () => void;
|
28
|
+
connectLocale: ConnectLocale;
|
29
|
+
recommendedWallets: Wallet[] | undefined;
|
30
|
+
client: ThirdwebClient;
|
26
31
|
}) {
|
27
32
|
const { walletId, selectWallet } = props;
|
28
|
-
const
|
29
|
-
|
33
|
+
const isRecommended = props.recommendedWallets?.find(
|
34
|
+
(w) => w.id === walletId,
|
35
|
+
);
|
30
36
|
const { screen } = useScreenContext();
|
31
37
|
const walletInfo = useWalletInfo(walletId);
|
32
38
|
|
@@ -46,7 +52,7 @@ export function WalletEntryButton(props: {
|
|
46
52
|
screen && typeof screen === "object" && screen.id === walletId
|
47
53
|
}
|
48
54
|
>
|
49
|
-
<WalletImage id={walletId} size={iconSize.xl} client={client} />
|
55
|
+
<WalletImage id={walletId} size={iconSize.xl} client={props.client} />
|
50
56
|
|
51
57
|
<Container flex="column" gap="xxs" expand>
|
52
58
|
{walletName ? (
|
@@ -57,10 +63,12 @@ export function WalletEntryButton(props: {
|
|
57
63
|
<Skeleton width="100px" height={fontSize.md} />
|
58
64
|
)}
|
59
65
|
|
60
|
-
{isRecommended &&
|
66
|
+
{isRecommended && (
|
67
|
+
<Text size="sm">{props.connectLocale.recommended}</Text>
|
68
|
+
)}
|
61
69
|
|
62
70
|
{!isRecommended && isInstalled && (
|
63
|
-
<Text size="sm">{connectLocale.installed}</Text>
|
71
|
+
<Text size="sm">{props.connectLocale.installed}</Text>
|
64
72
|
)}
|
65
73
|
</Container>
|
66
74
|
</WalletButton>
|
@@ -1,10 +1,13 @@
|
|
1
1
|
"use client";
|
2
2
|
import { ChevronLeftIcon } from "@radix-ui/react-icons";
|
3
3
|
import { Suspense, lazy, useEffect, useRef, useState } from "react";
|
4
|
+
import type { Chain } from "../../../../chains/types.js";
|
5
|
+
import type { ThirdwebClient } from "../../../../client/client.js";
|
4
6
|
import type { InjectedSupportedWalletIds } from "../../../../wallets/__generated__/wallet-ids.js";
|
5
7
|
import { createWallet } from "../../../../wallets/create-wallet.js";
|
6
8
|
import { getInstalledWalletProviders } from "../../../../wallets/injected/mipdStore.js";
|
7
9
|
import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
|
10
|
+
import type { SmartWalletOptions } from "../../../../wallets/smart/types.js";
|
8
11
|
import type { WalletId } from "../../../../wallets/wallet-types.js";
|
9
12
|
import { useCustomTheme } from "../../../core/design-system/CustomThemeProvider.js";
|
10
13
|
import {
|
@@ -13,8 +16,6 @@ import {
|
|
13
16
|
radius,
|
14
17
|
spacing,
|
15
18
|
} from "../../../core/design-system/index.js";
|
16
|
-
// import { localWalletMetadata } from "../../../../wallets/local/index._ts";
|
17
|
-
import { useConnectUI } from "../../../core/hooks/others/useWalletConnectionCtx.js";
|
18
19
|
import { sortWallets } from "../../utils/sortWallets.js";
|
19
20
|
import { LoadingScreen } from "../../wallets/shared/LoadingScreen.js";
|
20
21
|
import { Img } from "../components/Img.js";
|
@@ -32,6 +33,7 @@ import { ModalTitle } from "../components/modalElements.js";
|
|
32
33
|
import { Link } from "../components/text.js";
|
33
34
|
import { Text } from "../components/text.js";
|
34
35
|
import { StyledDiv, StyledUl } from "../design-system/elements.js";
|
36
|
+
import type { LocaleId } from "../types.js";
|
35
37
|
import { SmartConnectUI } from "./Modal/SmartWalletConnectUI.js";
|
36
38
|
import { TOS } from "./Modal/TOS.js";
|
37
39
|
import { PoweredByThirdweb } from "./PoweredByTW.js";
|
@@ -39,6 +41,7 @@ import { WalletButton, WalletEntryButton } from "./WalletEntryButton.js";
|
|
39
41
|
import { WalletTypeRowButton } from "./WalletTypeRowButton.js";
|
40
42
|
import { compactModalMaxHeight } from "./constants.js";
|
41
43
|
import { genericWalletIcon } from "./icons/dataUris.js";
|
44
|
+
import type { ConnectLocale } from "./locale/types.js";
|
42
45
|
|
43
46
|
const InAppWalletSelectionUI = /* @__PURE__ */ lazy(
|
44
47
|
() => import("../../wallets/in-app/InAppWalletSelectionUI.js"),
|
@@ -56,27 +59,56 @@ type WalletSelectorProps = {
|
|
56
59
|
goBack?: () => void;
|
57
60
|
onShowAll: () => void;
|
58
61
|
setModalVisibility: (value: boolean) => void;
|
62
|
+
accountAbstraction?: SmartWalletOptions;
|
63
|
+
size: "compact" | "wide";
|
64
|
+
meta: {
|
65
|
+
title?: string;
|
66
|
+
titleIconUrl?: string;
|
67
|
+
showThirdwebBranding?: boolean;
|
68
|
+
termsOfServiceUrl?: string;
|
69
|
+
privacyPolicyUrl?: string;
|
70
|
+
};
|
71
|
+
client: ThirdwebClient;
|
72
|
+
connectLocale: ConnectLocale;
|
73
|
+
recommendedWallets: Wallet[] | undefined;
|
74
|
+
isEmbed: boolean;
|
75
|
+
localeId: LocaleId;
|
76
|
+
chain: Chain | undefined;
|
77
|
+
chains: Chain[] | undefined;
|
78
|
+
showAllWallets: boolean | undefined;
|
79
|
+
walletConnect:
|
80
|
+
| {
|
81
|
+
projectId?: string;
|
82
|
+
}
|
83
|
+
| undefined;
|
59
84
|
};
|
60
85
|
|
61
86
|
/**
|
62
87
|
* @internal
|
63
88
|
*/
|
64
89
|
export function WalletSelector(props: WalletSelectorProps) {
|
65
|
-
const { accountAbstraction } = useConnectUI();
|
66
90
|
const [personalWallet, setPersonalWallet] = useState<Wallet | null>(null);
|
67
91
|
|
68
|
-
if (!accountAbstraction) {
|
92
|
+
if (!props.accountAbstraction) {
|
69
93
|
return <WalletSelectorInner {...props} />;
|
70
94
|
}
|
71
95
|
|
72
96
|
if (personalWallet) {
|
73
97
|
return (
|
74
98
|
<SmartConnectUI
|
75
|
-
accountAbstraction={accountAbstraction}
|
99
|
+
accountAbstraction={props.accountAbstraction}
|
76
100
|
done={props.done}
|
77
101
|
personalWallet={personalWallet}
|
78
102
|
setModalVisibility={props.setModalVisibility}
|
79
103
|
onBack={props.goBack}
|
104
|
+
meta={props.meta}
|
105
|
+
size={props.size}
|
106
|
+
localeId={props.localeId}
|
107
|
+
chain={props.chain}
|
108
|
+
chains={props.chains}
|
109
|
+
client={props.client}
|
110
|
+
walletConnect={props.walletConnect}
|
111
|
+
connectLocale={props.connectLocale}
|
80
112
|
/>
|
81
113
|
);
|
82
114
|
}
|
@@ -95,8 +127,7 @@ export function WalletSelector(props: WalletSelectorProps) {
|
|
95
127
|
* @internal
|
96
128
|
*/
|
97
129
|
const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
98
|
-
const
|
99
|
-
const isCompact = connectModal.size === "compact";
|
130
|
+
const isCompact = props.size === "compact";
|
100
131
|
const [isWalletGroupExpanded, setIsWalletGroupExpanded] = useState(false);
|
101
132
|
|
102
133
|
const installedWallets = getInstalledWallets();
|
@@ -109,8 +140,6 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
109
140
|
}
|
110
141
|
}
|
111
142
|
|
112
|
-
const { connectLocale: locale, recommendedWallets } = useConnectUI();
|
113
|
-
|
114
143
|
const localWalletConfig = false; // _wallets.find((w) => w.id === localWalletId);
|
115
144
|
|
116
145
|
const nonLocalWalletConfigs = _wallets; // _wallets.filter((w) => w.id !== localWalletId);
|
@@ -121,7 +150,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
121
150
|
|
122
151
|
const eoaWallets = sortWallets(
|
123
152
|
nonLocalWalletConfigs.filter((w) => w.id !== inAppWalletId),
|
124
|
-
recommendedWallets,
|
153
|
+
props.recommendedWallets,
|
125
154
|
);
|
126
155
|
|
127
156
|
const continueAsGuest = localWalletConfig && (
|
@@ -141,7 +170,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
141
170
|
}}
|
142
171
|
data-test="continue-as-guest-button"
|
143
172
|
>
|
144
|
-
{
|
173
|
+
{props.connectLocale.continueAsGuest}
|
145
174
|
</Button>
|
146
175
|
);
|
147
176
|
|
@@ -155,12 +184,12 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
155
184
|
|
156
185
|
const twTitle = (
|
157
186
|
<Container gap="xxs" center="y" flex="row">
|
158
|
-
{!
|
187
|
+
{!props.meta.titleIconUrl ? null : (
|
159
188
|
<Img
|
160
|
-
src={
|
189
|
+
src={props.meta.titleIconUrl}
|
161
190
|
width={iconSize.md}
|
162
191
|
height={iconSize.md}
|
163
|
-
client={client}
|
192
|
+
client={props.client}
|
164
193
|
/>
|
165
194
|
)}
|
166
195
|
|
@@ -177,12 +206,12 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
177
206
|
|
178
207
|
const connectAWallet = (
|
179
208
|
<WalletTypeRowButton
|
180
|
-
client={client}
|
209
|
+
client={props.client}
|
181
210
|
icon={genericWalletIcon}
|
182
211
|
onClick={() => {
|
183
212
|
setIsWalletGroupExpanded(true);
|
184
213
|
}}
|
185
|
-
title={
|
214
|
+
title={props.connectLocale.connectAWallet}
|
186
215
|
/>
|
187
216
|
);
|
188
217
|
|
@@ -194,7 +223,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
194
223
|
}}
|
195
224
|
>
|
196
225
|
<Text color="secondaryText" size="sm" weight={500}>
|
197
|
-
{
|
226
|
+
{props.connectLocale.newToWallets}
|
198
227
|
</Text>
|
199
228
|
<Link
|
200
229
|
weight={500}
|
@@ -202,16 +231,17 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
202
231
|
target="_blank"
|
203
232
|
href="https://blog.thirdweb.com/web3-wallet/"
|
204
233
|
>
|
205
|
-
{
|
234
|
+
{props.connectLocale.getStarted}
|
206
235
|
</Link>
|
207
236
|
</Container>
|
208
237
|
);
|
209
238
|
|
210
239
|
const tos =
|
211
|
-
|
240
|
+
props.meta.termsOfServiceUrl || props.meta.privacyPolicyUrl ? (
|
212
241
|
<TOS
|
213
|
-
termsOfServiceUrl={
|
214
|
-
privacyPolicyUrl={
|
242
|
+
termsOfServiceUrl={props.meta.termsOfServiceUrl}
|
243
|
+
privacyPolicyUrl={props.meta.privacyPolicyUrl}
|
244
|
+
locale={props.connectLocale.agreement}
|
215
245
|
/>
|
216
246
|
) : undefined;
|
217
247
|
|
@@ -227,6 +257,13 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
227
257
|
done={props.done}
|
228
258
|
goBack={props.goBack}
|
229
259
|
onShowAll={props.onShowAll}
|
260
|
+
client={props.client}
|
261
|
+
connectLocale={props.connectLocale}
|
262
|
+
size={props.size}
|
263
|
+
recommendedWallets={props.recommendedWallets}
|
264
|
+
chain={props.chain}
|
265
|
+
showAllWallets={props.showAllWallets}
|
266
|
+
localeId={props.localeId}
|
230
267
|
/>
|
231
268
|
);
|
232
269
|
|
@@ -248,6 +285,13 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
248
285
|
done={props.done}
|
249
286
|
goBack={props.goBack}
|
250
287
|
onShowAll={props.onShowAll}
|
288
|
+
client={props.client}
|
289
|
+
connectLocale={props.connectLocale}
|
290
|
+
size={props.size}
|
291
|
+
recommendedWallets={props.recommendedWallets}
|
292
|
+
chain={props.chain}
|
293
|
+
showAllWallets={props.showAllWallets}
|
294
|
+
localeId={props.localeId}
|
251
295
|
/>
|
252
296
|
);
|
253
297
|
|
@@ -285,10 +329,17 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
285
329
|
selectWallet={handleSelect}
|
286
330
|
done={props.done}
|
287
331
|
goBack={props.goBack}
|
332
|
+
client={props.client}
|
333
|
+
connectLocale={props.connectLocale}
|
334
|
+
size={props.size}
|
335
|
+
recommendedWallets={props.recommendedWallets}
|
336
|
+
chain={props.chain}
|
337
|
+
showAllWallets={props.showAllWallets}
|
338
|
+
localeId={props.localeId}
|
288
339
|
/>
|
289
340
|
{eoaWallets.length > 0 && (
|
290
341
|
<>
|
291
|
-
<TextDivider text={
|
342
|
+
<TextDivider text={props.connectLocale.or} />
|
292
343
|
<Spacer y="lg" />
|
293
344
|
</>
|
294
345
|
)}
|
@@ -349,6 +400,13 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
349
400
|
done={props.done}
|
350
401
|
goBack={props.goBack}
|
351
402
|
onShowAll={props.onShowAll}
|
403
|
+
client={props.client}
|
404
|
+
connectLocale={props.connectLocale}
|
405
|
+
size={props.size}
|
406
|
+
recommendedWallets={props.recommendedWallets}
|
407
|
+
chain={props.chain}
|
408
|
+
showAllWallets={props.showAllWallets}
|
409
|
+
localeId={props.localeId}
|
352
410
|
/>
|
353
411
|
</Container>
|
354
412
|
|
@@ -381,6 +439,13 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
381
439
|
done={props.done}
|
382
440
|
goBack={props.goBack}
|
383
441
|
onShowAll={props.onShowAll}
|
442
|
+
client={props.client}
|
443
|
+
connectLocale={props.connectLocale}
|
444
|
+
size={props.size}
|
445
|
+
recommendedWallets={props.recommendedWallets}
|
446
|
+
chain={props.chain}
|
447
|
+
showAllWallets={props.showAllWallets}
|
448
|
+
localeId={props.localeId}
|
384
449
|
/>
|
385
450
|
);
|
386
451
|
|
@@ -398,12 +463,11 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
398
463
|
animate="fadein"
|
399
464
|
fullHeight
|
400
465
|
style={{
|
401
|
-
maxHeight:
|
402
|
-
connectModal.size === "compact" ? compactModalMaxHeight : undefined,
|
466
|
+
maxHeight: props.size === "compact" ? compactModalMaxHeight : undefined,
|
403
467
|
}}
|
404
468
|
>
|
405
469
|
{/* Header */}
|
406
|
-
{!isEmbed && (
|
470
|
+
{!props.isEmbed && (
|
407
471
|
<Container p="lg">
|
408
472
|
{isWalletGroupExpanded ? (
|
409
473
|
<ModalHeader
|
@@ -424,7 +488,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
424
488
|
scrollY
|
425
489
|
px="md"
|
426
490
|
style={
|
427
|
-
isEmbed
|
491
|
+
props.isEmbed
|
428
492
|
? {
|
429
493
|
paddingTop: spacing.lg,
|
430
494
|
}
|
@@ -433,7 +497,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
433
497
|
}
|
434
498
|
}
|
435
499
|
>
|
436
|
-
{isEmbed && isWalletGroupExpanded && (
|
500
|
+
{props.isEmbed && isWalletGroupExpanded && (
|
437
501
|
<Container
|
438
502
|
flex="row"
|
439
503
|
center="y"
|
@@ -454,7 +518,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
454
518
|
}}
|
455
519
|
>
|
456
520
|
<ChevronLeftIcon width={iconSize.sm} height={iconSize.sm} />
|
457
|
-
{
|
521
|
+
{props.connectLocale.goBackButton}
|
458
522
|
</IconButton>
|
459
523
|
</Container>
|
460
524
|
)}
|
@@ -463,7 +527,7 @@ const WalletSelectorInner: React.FC<WalletSelectorProps> = (props) => {
|
|
463
527
|
</Container>
|
464
528
|
|
465
529
|
{bottomSection}
|
466
|
-
{isCompact &&
|
530
|
+
{isCompact && props.meta.showThirdwebBranding !== false && (
|
467
531
|
<Container py="md">
|
468
532
|
<PoweredByThirdweb />
|
469
533
|
</Container>
|
@@ -496,9 +560,15 @@ const WalletSelection: React.FC<{
|
|
496
560
|
done: (wallet: Wallet) => void;
|
497
561
|
goBack?: () => void;
|
498
562
|
onShowAll?: () => void;
|
563
|
+
recommendedWallets: Wallet[] | undefined;
|
564
|
+
showAllWallets: boolean | undefined;
|
565
|
+
size: "compact" | "wide";
|
566
|
+
connectLocale: ConnectLocale;
|
567
|
+
client: ThirdwebClient;
|
568
|
+
chain: Chain | undefined;
|
569
|
+
localeId: LocaleId;
|
499
570
|
}> = (props) => {
|
500
|
-
const
|
501
|
-
const wallets = sortWallets(props.wallets, recommendedWallets);
|
571
|
+
const wallets = sortWallets(props.wallets, props.recommendedWallets);
|
502
572
|
|
503
573
|
return (
|
504
574
|
<WalletList
|
@@ -512,13 +582,19 @@ const WalletSelection: React.FC<{
|
|
512
582
|
key={wallet.id}
|
513
583
|
// data-full-width={!!walletConfig.selectUI}
|
514
584
|
>
|
515
|
-
{wallet.id === "inApp" &&
|
585
|
+
{wallet.id === "inApp" && props.size === "compact" ? (
|
516
586
|
<Suspense fallback={<LoadingScreen height="195px" />}>
|
517
587
|
<InAppWalletSelectionUI
|
518
588
|
done={() => props.done(wallet)}
|
519
589
|
select={() => props.selectWallet(wallet)}
|
520
590
|
wallet={wallet as Wallet<"inApp">}
|
521
591
|
goBack={props.goBack}
|
592
|
+
client={props.client}
|
593
|
+
connectLocale={props.connectLocale}
|
594
|
+
size={props.size}
|
595
|
+
recommendedWallets={props.recommendedWallets}
|
596
|
+
chain={props.chain}
|
597
|
+
localeId={props.localeId}
|
522
598
|
/>
|
523
599
|
</Suspense>
|
524
600
|
) : (
|
@@ -527,13 +603,16 @@ const WalletSelection: React.FC<{
|
|
527
603
|
selectWallet={() => {
|
528
604
|
props.selectWallet(wallet);
|
529
605
|
}}
|
606
|
+
connectLocale={props.connectLocale}
|
607
|
+
client={props.client}
|
608
|
+
recommendedWallets={props.recommendedWallets}
|
530
609
|
/>
|
531
610
|
)}
|
532
611
|
</li>
|
533
612
|
);
|
534
613
|
})}
|
535
614
|
|
536
|
-
{props.onShowAll && showAllWallets !== false && (
|
615
|
+
{props.onShowAll && props.showAllWallets !== false && (
|
537
616
|
<ButtonContainer>
|
538
617
|
<WalletButton onClick={props.onShowAll}>
|
539
618
|
<ShowAllWalletsIcon>
|