@reown/appkit-react-native 2.0.0-alpha.2 → 2.0.0-alpha.3
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/lib/commonjs/AppKit.js +64 -66
- package/lib/commonjs/AppKit.js.map +1 -1
- package/lib/commonjs/AppKitContext.js +4 -5
- package/lib/commonjs/AppKitContext.js.map +1 -1
- package/lib/commonjs/connectors/WalletConnectConnector.js +15 -3
- package/lib/commonjs/connectors/WalletConnectConnector.js.map +1 -1
- package/lib/commonjs/hooks/useAppKitEvents.js.map +1 -1
- package/lib/commonjs/hooks/useProvider.js +29 -10
- package/lib/commonjs/hooks/useProvider.js.map +1 -1
- package/lib/commonjs/hooks/useRouteTransition.js +83 -0
- package/lib/commonjs/hooks/useRouteTransition.js.map +1 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/modal/w3m-account-button/index.js +1 -1
- package/lib/commonjs/modal/w3m-account-button/index.js.map +1 -1
- package/lib/commonjs/modal/w3m-modal/index.js +11 -32
- package/lib/commonjs/modal/w3m-modal/index.js.map +1 -1
- package/lib/commonjs/modal/w3m-modal/styles.js +0 -4
- package/lib/commonjs/modal/w3m-modal/styles.js.map +1 -1
- package/lib/commonjs/modal/w3m-network-button/index.js +1 -1
- package/lib/commonjs/modal/w3m-network-button/index.js.map +1 -1
- package/lib/commonjs/modal/w3m-router/index.js +16 -1
- package/lib/commonjs/modal/w3m-router/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-account-activity/index.js +8 -8
- package/lib/commonjs/partials/w3m-account-activity/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-account-tokens/index.js +5 -5
- package/lib/commonjs/partials/w3m-account-tokens/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-account-wallet-features/index.js +5 -5
- package/lib/commonjs/partials/w3m-account-wallet-features/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-search/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-connecting-body/index.js +2 -2
- package/lib/commonjs/partials/w3m-connecting-body/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-connecting-mobile/index.js +12 -13
- package/lib/commonjs/partials/w3m-connecting-mobile/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-connecting-qrcode/index.js +27 -12
- package/lib/commonjs/partials/w3m-connecting-qrcode/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-connecting-web/index.js +10 -11
- package/lib/commonjs/partials/w3m-connecting-web/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-header/index.js +7 -15
- package/lib/commonjs/partials/w3m-header/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-information-modal/index.js +34 -32
- package/lib/commonjs/partials/w3m-information-modal/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-information-modal/styles.js +6 -4
- package/lib/commonjs/partials/w3m-information-modal/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-placeholder/index.js +5 -5
- package/lib/commonjs/partials/w3m-placeholder/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-selector-modal/index.js +65 -67
- package/lib/commonjs/partials/w3m-selector-modal/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-selector-modal/styles.js +1 -0
- package/lib/commonjs/partials/w3m-selector-modal/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-send-input-token/index.js +2 -2
- package/lib/commonjs/partials/w3m-send-input-token/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-swap-input/index.js +2 -2
- package/lib/commonjs/partials/w3m-swap-input/index.js.map +1 -1
- package/lib/commonjs/types.js +6 -0
- package/lib/commonjs/types.js.map +1 -0
- package/lib/commonjs/utils/HelpersUtil.js.map +1 -1
- package/lib/commonjs/utils/RouterUtil.js +52 -0
- package/lib/commonjs/utils/RouterUtil.js.map +1 -0
- package/lib/commonjs/utils/UiUtil.js +10 -19
- package/lib/commonjs/utils/UiUtil.js.map +1 -1
- package/lib/commonjs/views/w3m-account-default-view/components/auth-buttons.js +2 -2
- package/lib/commonjs/views/w3m-account-default-view/components/auth-buttons.js.map +1 -1
- package/lib/commonjs/views/w3m-account-default-view/index.js +17 -17
- package/lib/commonjs/views/w3m-account-default-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-account-view/index.js +1 -1
- package/lib/commonjs/views/w3m-account-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-all-wallets-view/index.js +4 -4
- package/lib/commonjs/views/w3m-all-wallets-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connect-view/components/all-wallet-list.js +1 -1
- package/lib/commonjs/views/w3m-connect-view/components/all-wallet-list.js.map +1 -1
- package/lib/commonjs/views/w3m-connect-view/components/custom-wallet-list.js +1 -1
- package/lib/commonjs/views/w3m-connect-view/components/custom-wallet-list.js.map +1 -1
- package/lib/commonjs/views/w3m-connect-view/components/recent-wallet-list.js +1 -1
- package/lib/commonjs/views/w3m-connect-view/components/recent-wallet-list.js.map +1 -1
- package/lib/commonjs/views/w3m-connect-view/components/social-login-list.js +4 -4
- package/lib/commonjs/views/w3m-connect-view/components/social-login-list.js.map +1 -1
- package/lib/commonjs/views/w3m-connect-view/index.js +8 -8
- package/lib/commonjs/views/w3m-connect-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connecting-external-view/index.js +7 -8
- package/lib/commonjs/views/w3m-connecting-external-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connecting-siwe-view/index.js +6 -11
- package/lib/commonjs/views/w3m-connecting-siwe-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connecting-social-view/index.js +8 -10
- package/lib/commonjs/views/w3m-connecting-social-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connecting-view/index.js +7 -7
- package/lib/commonjs/views/w3m-connecting-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-get-wallet-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-network-switch-view/index.js +6 -5
- package/lib/commonjs/views/w3m-network-switch-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-networks-view/index.js +5 -8
- package/lib/commonjs/views/w3m-networks-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-checkout-view/index.js +16 -16
- package/lib/commonjs/views/w3m-onramp-checkout-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-settings-view/components/Country.js +4 -4
- package/lib/commonjs/views/w3m-onramp-settings-view/components/Country.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-settings-view/index.js +4 -4
- package/lib/commonjs/views/w3m-onramp-settings-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-settings-view/utils.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-transaction-view/index.js +5 -5
- package/lib/commonjs/views/w3m-onramp-transaction-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/Currency.js +2 -2
- package/lib/commonjs/views/w3m-onramp-view/components/Currency.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/CurrencyInput.js +2 -2
- package/lib/commonjs/views/w3m-onramp-view/components/CurrencyInput.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/Header.js +5 -6
- package/lib/commonjs/views/w3m-onramp-view/components/Header.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/PaymentButton.js +4 -4
- package/lib/commonjs/views/w3m-onramp-view/components/PaymentButton.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/PaymentMethod.js +2 -2
- package/lib/commonjs/views/w3m-onramp-view/components/PaymentMethod.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/Quote.js +4 -4
- package/lib/commonjs/views/w3m-onramp-view/components/Quote.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/SelectPaymentModal.js +68 -70
- package/lib/commonjs/views/w3m-onramp-view/components/SelectPaymentModal.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/index.js +1 -1
- package/lib/commonjs/views/w3m-onramp-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-preview-view/index.js +1 -14
- package/lib/commonjs/views/w3m-swap-preview-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-preview-view/styles.js +3 -0
- package/lib/commonjs/views/w3m-swap-preview-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/index.js +4 -3
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/styles.js +1 -2
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/utils.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/index.js +13 -23
- package/lib/commonjs/views/w3m-swap-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/styles.js +5 -1
- package/lib/commonjs/views/w3m-swap-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-unsupported-chain-view/index.js +2 -4
- package/lib/commonjs/views/w3m-unsupported-chain-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-compatible-networks-view/index.js +2 -1
- package/lib/commonjs/views/w3m-wallet-compatible-networks-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-receive-view/index.js +2 -2
- package/lib/commonjs/views/w3m-wallet-receive-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-send-preview-view/components/preview-send-details.js +1 -1
- package/lib/commonjs/views/w3m-wallet-send-preview-view/components/preview-send-details.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-send-select-token-view/index.js +1 -1
- package/lib/commonjs/views/w3m-wallet-send-select-token-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-send-view/index.js +4 -12
- package/lib/commonjs/views/w3m-wallet-send-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-send-view/styles.js +3 -0
- package/lib/commonjs/views/w3m-wallet-send-view/styles.js.map +1 -1
- package/lib/module/AppKit.js +65 -67
- package/lib/module/AppKit.js.map +1 -1
- package/lib/module/AppKitContext.js +2 -3
- package/lib/module/AppKitContext.js.map +1 -1
- package/lib/module/connectors/WalletConnectConnector.js +16 -4
- package/lib/module/connectors/WalletConnectConnector.js.map +1 -1
- package/lib/module/hooks/useAppKitEvents.js.map +1 -1
- package/lib/module/hooks/useProvider.js +30 -10
- package/lib/module/hooks/useProvider.js.map +1 -1
- package/lib/module/hooks/useRouteTransition.js +79 -0
- package/lib/module/hooks/useRouteTransition.js.map +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/modal/w3m-account-button/index.js +2 -2
- package/lib/module/modal/w3m-account-button/index.js.map +1 -1
- package/lib/module/modal/w3m-modal/index.js +12 -33
- package/lib/module/modal/w3m-modal/index.js.map +1 -1
- package/lib/module/modal/w3m-modal/styles.js +0 -4
- package/lib/module/modal/w3m-modal/styles.js.map +1 -1
- package/lib/module/modal/w3m-network-button/index.js +2 -2
- package/lib/module/modal/w3m-network-button/index.js.map +1 -1
- package/lib/module/modal/w3m-router/index.js +17 -2
- package/lib/module/modal/w3m-router/index.js.map +1 -1
- package/lib/module/partials/w3m-account-activity/index.js +9 -9
- package/lib/module/partials/w3m-account-activity/index.js.map +1 -1
- package/lib/module/partials/w3m-account-tokens/index.js +6 -6
- package/lib/module/partials/w3m-account-tokens/index.js.map +1 -1
- package/lib/module/partials/w3m-account-wallet-features/index.js +5 -5
- package/lib/module/partials/w3m-account-wallet-features/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-list/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-search/index.js.map +1 -1
- package/lib/module/partials/w3m-connecting-body/index.js +2 -2
- package/lib/module/partials/w3m-connecting-body/index.js.map +1 -1
- package/lib/module/partials/w3m-connecting-mobile/index.js +13 -14
- package/lib/module/partials/w3m-connecting-mobile/index.js.map +1 -1
- package/lib/module/partials/w3m-connecting-qrcode/index.js +28 -13
- package/lib/module/partials/w3m-connecting-qrcode/index.js.map +1 -1
- package/lib/module/partials/w3m-connecting-web/index.js +11 -12
- package/lib/module/partials/w3m-connecting-web/index.js.map +1 -1
- package/lib/module/partials/w3m-header/index.js +8 -16
- package/lib/module/partials/w3m-header/index.js.map +1 -1
- package/lib/module/partials/w3m-information-modal/index.js +33 -31
- package/lib/module/partials/w3m-information-modal/index.js.map +1 -1
- package/lib/module/partials/w3m-information-modal/styles.js +7 -5
- package/lib/module/partials/w3m-information-modal/styles.js.map +1 -1
- package/lib/module/partials/w3m-placeholder/index.js +5 -5
- package/lib/module/partials/w3m-placeholder/index.js.map +1 -1
- package/lib/module/partials/w3m-selector-modal/index.js +66 -68
- package/lib/module/partials/w3m-selector-modal/index.js.map +1 -1
- package/lib/module/partials/w3m-selector-modal/styles.js +1 -0
- package/lib/module/partials/w3m-selector-modal/styles.js.map +1 -1
- package/lib/module/partials/w3m-send-input-token/index.js +2 -2
- package/lib/module/partials/w3m-send-input-token/index.js.map +1 -1
- package/lib/module/partials/w3m-swap-input/index.js +2 -2
- package/lib/module/partials/w3m-swap-input/index.js.map +1 -1
- package/lib/module/types.js +4 -0
- package/lib/module/types.js.map +1 -0
- package/lib/module/utils/HelpersUtil.js.map +1 -1
- package/lib/module/utils/NetworkUtil.js.map +1 -1
- package/lib/module/utils/RouterUtil.js +48 -0
- package/lib/module/utils/RouterUtil.js.map +1 -0
- package/lib/module/utils/UiUtil.js +12 -20
- package/lib/module/utils/UiUtil.js.map +1 -1
- package/lib/module/views/w3m-account-default-view/components/auth-buttons.js +2 -2
- package/lib/module/views/w3m-account-default-view/components/auth-buttons.js.map +1 -1
- package/lib/module/views/w3m-account-default-view/index.js +19 -19
- package/lib/module/views/w3m-account-default-view/index.js.map +1 -1
- package/lib/module/views/w3m-account-view/index.js +2 -2
- package/lib/module/views/w3m-account-view/index.js.map +1 -1
- package/lib/module/views/w3m-all-wallets-view/index.js +5 -5
- package/lib/module/views/w3m-all-wallets-view/index.js.map +1 -1
- package/lib/module/views/w3m-connect-view/components/all-wallet-list.js +2 -2
- package/lib/module/views/w3m-connect-view/components/all-wallet-list.js.map +1 -1
- package/lib/module/views/w3m-connect-view/components/custom-wallet-list.js +2 -2
- package/lib/module/views/w3m-connect-view/components/custom-wallet-list.js.map +1 -1
- package/lib/module/views/w3m-connect-view/components/recent-wallet-list.js +2 -2
- package/lib/module/views/w3m-connect-view/components/recent-wallet-list.js.map +1 -1
- package/lib/module/views/w3m-connect-view/components/social-login-list.js +4 -4
- package/lib/module/views/w3m-connect-view/components/social-login-list.js.map +1 -1
- package/lib/module/views/w3m-connect-view/index.js +8 -8
- package/lib/module/views/w3m-connect-view/index.js.map +1 -1
- package/lib/module/views/w3m-connecting-external-view/index.js +9 -10
- package/lib/module/views/w3m-connecting-external-view/index.js.map +1 -1
- package/lib/module/views/w3m-connecting-siwe-view/index.js +8 -13
- package/lib/module/views/w3m-connecting-siwe-view/index.js.map +1 -1
- package/lib/module/views/w3m-connecting-social-view/index.js +10 -12
- package/lib/module/views/w3m-connecting-social-view/index.js.map +1 -1
- package/lib/module/views/w3m-connecting-view/index.js +9 -9
- package/lib/module/views/w3m-connecting-view/index.js.map +1 -1
- package/lib/module/views/w3m-get-wallet-view/index.js.map +1 -1
- package/lib/module/views/w3m-network-switch-view/index.js +9 -7
- package/lib/module/views/w3m-network-switch-view/index.js.map +1 -1
- package/lib/module/views/w3m-networks-view/index.js +7 -10
- package/lib/module/views/w3m-networks-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-checkout-view/index.js +17 -17
- package/lib/module/views/w3m-onramp-checkout-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-settings-view/components/Country.js +4 -4
- package/lib/module/views/w3m-onramp-settings-view/components/Country.js.map +1 -1
- package/lib/module/views/w3m-onramp-settings-view/index.js +4 -4
- package/lib/module/views/w3m-onramp-settings-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-settings-view/utils.js.map +1 -1
- package/lib/module/views/w3m-onramp-transaction-view/index.js +5 -5
- package/lib/module/views/w3m-onramp-transaction-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/components/Currency.js +2 -2
- package/lib/module/views/w3m-onramp-view/components/Currency.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/components/CurrencyInput.js +2 -2
- package/lib/module/views/w3m-onramp-view/components/CurrencyInput.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/components/Header.js +5 -6
- package/lib/module/views/w3m-onramp-view/components/Header.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/components/PaymentButton.js +4 -4
- package/lib/module/views/w3m-onramp-view/components/PaymentButton.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/components/PaymentMethod.js +2 -2
- package/lib/module/views/w3m-onramp-view/components/PaymentMethod.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/components/Quote.js +4 -4
- package/lib/module/views/w3m-onramp-view/components/Quote.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/components/SelectPaymentModal.js +68 -69
- package/lib/module/views/w3m-onramp-view/components/SelectPaymentModal.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/index.js +2 -2
- package/lib/module/views/w3m-onramp-view/index.js.map +1 -1
- package/lib/module/views/w3m-swap-preview-view/index.js +3 -16
- package/lib/module/views/w3m-swap-preview-view/index.js.map +1 -1
- package/lib/module/views/w3m-swap-preview-view/styles.js +3 -0
- package/lib/module/views/w3m-swap-preview-view/styles.js.map +1 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/index.js +5 -4
- package/lib/module/views/w3m-swap-view/components/select-token-view/index.js.map +1 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/styles.js +1 -2
- package/lib/module/views/w3m-swap-view/components/select-token-view/styles.js.map +1 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/utils.js.map +1 -1
- package/lib/module/views/w3m-swap-view/index.js +14 -24
- package/lib/module/views/w3m-swap-view/index.js.map +1 -1
- package/lib/module/views/w3m-swap-view/styles.js +5 -1
- package/lib/module/views/w3m-swap-view/styles.js.map +1 -1
- package/lib/module/views/w3m-unsupported-chain-view/index.js +4 -6
- package/lib/module/views/w3m-unsupported-chain-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-compatible-networks-view/index.js +3 -2
- package/lib/module/views/w3m-wallet-compatible-networks-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-receive-view/index.js +3 -3
- package/lib/module/views/w3m-wallet-receive-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-send-preview-view/components/preview-send-details.js +2 -2
- package/lib/module/views/w3m-wallet-send-preview-view/components/preview-send-details.js.map +1 -1
- package/lib/module/views/w3m-wallet-send-select-token-view/index.js +2 -2
- package/lib/module/views/w3m-wallet-send-select-token-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-send-view/index.js +6 -14
- package/lib/module/views/w3m-wallet-send-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-send-view/styles.js +3 -0
- package/lib/module/views/w3m-wallet-send-view/styles.js.map +1 -1
- package/lib/typescript/AppKit.d.ts +6 -25
- package/lib/typescript/AppKit.d.ts.map +1 -1
- package/lib/typescript/AppKitContext.d.ts +3 -2
- package/lib/typescript/AppKitContext.d.ts.map +1 -1
- package/lib/typescript/connectors/WalletConnectConnector.d.ts +1 -1
- package/lib/typescript/connectors/WalletConnectConnector.d.ts.map +1 -1
- package/lib/typescript/hooks/useAppKitEvents.d.ts +4 -3
- package/lib/typescript/hooks/useAppKitEvents.d.ts.map +1 -1
- package/lib/typescript/hooks/useProvider.d.ts +28 -1
- package/lib/typescript/hooks/useProvider.d.ts.map +1 -1
- package/lib/typescript/hooks/useRouteTransition.d.ts +16 -0
- package/lib/typescript/hooks/useRouteTransition.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/modal/w3m-account-button/index.d.ts.map +1 -1
- package/lib/typescript/modal/w3m-modal/index.d.ts.map +1 -1
- package/lib/typescript/modal/w3m-modal/styles.d.ts +0 -4
- package/lib/typescript/modal/w3m-modal/styles.d.ts.map +1 -1
- package/lib/typescript/modal/w3m-network-button/index.d.ts.map +1 -1
- package/lib/typescript/modal/w3m-router/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-account-activity/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-account-tokens/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-list/index.d.ts +1 -1
- package/lib/typescript/partials/w3m-all-wallets-list/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-search/index.d.ts +1 -1
- package/lib/typescript/partials/w3m-all-wallets-search/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-connecting-header/index.d.ts +1 -1
- package/lib/typescript/partials/w3m-connecting-header/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-connecting-mobile/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-connecting-qrcode/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-connecting-web/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-header/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-information-modal/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-information-modal/styles.d.ts +2 -0
- package/lib/typescript/partials/w3m-information-modal/styles.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-selector-modal/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-selector-modal/styles.d.ts +1 -0
- package/lib/typescript/partials/w3m-selector-modal/styles.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-swap-input/index.d.ts +1 -1
- package/lib/typescript/partials/w3m-swap-input/index.d.ts.map +1 -1
- package/lib/typescript/types.d.ts +156 -0
- package/lib/typescript/types.d.ts.map +1 -0
- package/lib/typescript/utils/HelpersUtil.d.ts +3 -3
- package/lib/typescript/utils/HelpersUtil.d.ts.map +1 -1
- package/lib/typescript/utils/NetworkUtil.d.ts +1 -2
- package/lib/typescript/utils/NetworkUtil.d.ts.map +1 -1
- package/lib/typescript/utils/RouterUtil.d.ts +9 -0
- package/lib/typescript/utils/RouterUtil.d.ts.map +1 -0
- package/lib/typescript/utils/UiUtil.d.ts +2 -6
- package/lib/typescript/utils/UiUtil.d.ts.map +1 -1
- package/lib/typescript/views/w3m-account-default-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-account-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-all-wallets-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-connect-view/components/all-wallet-list.d.ts +1 -1
- package/lib/typescript/views/w3m-connect-view/components/all-wallet-list.d.ts.map +1 -1
- package/lib/typescript/views/w3m-connect-view/components/custom-wallet-list.d.ts +1 -1
- package/lib/typescript/views/w3m-connect-view/components/custom-wallet-list.d.ts.map +1 -1
- package/lib/typescript/views/w3m-connect-view/components/recent-wallet-list.d.ts +1 -1
- package/lib/typescript/views/w3m-connect-view/components/recent-wallet-list.d.ts.map +1 -1
- package/lib/typescript/views/w3m-connect-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-connect-view/utils.d.ts +1 -1
- package/lib/typescript/views/w3m-connect-view/utils.d.ts.map +1 -1
- package/lib/typescript/views/w3m-connecting-external-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-connecting-siwe-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-connecting-social-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-get-wallet-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-network-switch-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-networks-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-checkout-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-settings-view/components/Country.d.ts +1 -1
- package/lib/typescript/views/w3m-onramp-settings-view/components/Country.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-settings-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-settings-view/utils.d.ts +1 -1
- package/lib/typescript/views/w3m-onramp-settings-view/utils.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-view/components/Currency.d.ts +1 -1
- package/lib/typescript/views/w3m-onramp-view/components/Currency.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-view/components/Header.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-view/components/PaymentMethod.d.ts +1 -1
- package/lib/typescript/views/w3m-onramp-view/components/PaymentMethod.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-view/components/Quote.d.ts +1 -1
- package/lib/typescript/views/w3m-onramp-view/components/Quote.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-view/components/SelectPaymentModal.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-view/utils.d.ts +1 -1
- package/lib/typescript/views/w3m-onramp-view/utils.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-preview-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-preview-view/styles.d.ts +3 -0
- package/lib/typescript/views/w3m-swap-preview-view/styles.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/index.d.ts +4 -2
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/styles.d.ts +0 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/styles.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/utils.d.ts +1 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/utils.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/styles.d.ts +5 -1
- package/lib/typescript/views/w3m-swap-view/styles.d.ts.map +1 -1
- package/lib/typescript/views/w3m-unsupported-chain-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-wallet-compatible-networks-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-wallet-receive-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-wallet-send-select-token-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-wallet-send-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-wallet-send-view/styles.d.ts +3 -0
- package/lib/typescript/views/w3m-wallet-send-view/styles.d.ts.map +1 -1
- package/package.json +5 -6
- package/src/AppKit.ts +87 -110
- package/src/AppKitContext.tsx +2 -2
- package/src/connectors/WalletConnectConnector.ts +20 -5
- package/src/hooks/useAppKitEvents.ts +2 -5
- package/src/hooks/useProvider.ts +30 -9
- package/src/hooks/useRouteTransition.ts +95 -0
- package/src/index.ts +1 -0
- package/src/modal/w3m-account-button/index.tsx +3 -2
- package/src/modal/w3m-modal/index.tsx +12 -39
- package/src/modal/w3m-modal/styles.ts +0 -4
- package/src/modal/w3m-network-button/index.tsx +2 -1
- package/src/modal/w3m-router/index.tsx +17 -2
- package/src/partials/w3m-account-activity/index.tsx +9 -8
- package/src/partials/w3m-account-tokens/index.tsx +4 -3
- package/src/partials/w3m-account-wallet-features/index.tsx +6 -6
- package/src/partials/w3m-all-wallets-list/index.tsx +2 -2
- package/src/partials/w3m-all-wallets-search/index.tsx +2 -6
- package/src/partials/w3m-connecting-body/index.tsx +2 -2
- package/src/partials/w3m-connecting-header/index.tsx +1 -1
- package/src/partials/w3m-connecting-mobile/index.tsx +13 -14
- package/src/partials/w3m-connecting-qrcode/index.tsx +18 -14
- package/src/partials/w3m-connecting-web/index.tsx +11 -13
- package/src/partials/w3m-header/index.tsx +4 -15
- package/src/partials/w3m-information-modal/index.tsx +28 -32
- package/src/partials/w3m-information-modal/styles.ts +7 -5
- package/src/partials/w3m-placeholder/index.tsx +8 -8
- package/src/partials/w3m-selector-modal/index.tsx +64 -68
- package/src/partials/w3m-selector-modal/styles.ts +1 -0
- package/src/partials/w3m-send-input-token/index.tsx +2 -2
- package/src/partials/w3m-swap-input/index.tsx +3 -4
- package/src/types.ts +187 -0
- package/src/utils/HelpersUtil.ts +3 -2
- package/src/utils/NetworkUtil.ts +1 -1
- package/src/utils/RouterUtil.ts +50 -0
- package/src/utils/UiUtil.ts +13 -29
- package/src/views/w3m-account-default-view/components/auth-buttons.tsx +2 -2
- package/src/views/w3m-account-default-view/index.tsx +25 -24
- package/src/views/w3m-account-view/index.tsx +2 -1
- package/src/views/w3m-all-wallets-view/index.tsx +6 -11
- package/src/views/w3m-connect-view/components/all-wallet-list.tsx +4 -4
- package/src/views/w3m-connect-view/components/custom-wallet-list.tsx +4 -4
- package/src/views/w3m-connect-view/components/recent-wallet-list.tsx +3 -7
- package/src/views/w3m-connect-view/components/social-login-list.tsx +4 -4
- package/src/views/w3m-connect-view/index.tsx +12 -13
- package/src/views/w3m-connect-view/utils.ts +1 -1
- package/src/views/w3m-connecting-external-view/index.tsx +9 -10
- package/src/views/w3m-connecting-siwe-view/index.tsx +5 -11
- package/src/views/w3m-connecting-social-view/index.tsx +10 -12
- package/src/views/w3m-connecting-view/index.tsx +10 -10
- package/src/views/w3m-get-wallet-view/index.tsx +2 -1
- package/src/views/w3m-network-switch-view/index.tsx +10 -8
- package/src/views/w3m-networks-view/index.tsx +6 -11
- package/src/views/w3m-onramp-checkout-view/index.tsx +17 -16
- package/src/views/w3m-onramp-settings-view/components/Country.tsx +6 -4
- package/src/views/w3m-onramp-settings-view/index.tsx +6 -9
- package/src/views/w3m-onramp-settings-view/utils.ts +2 -5
- package/src/views/w3m-onramp-transaction-view/index.tsx +6 -6
- package/src/views/w3m-onramp-view/components/Currency.tsx +3 -3
- package/src/views/w3m-onramp-view/components/CurrencyInput.tsx +2 -2
- package/src/views/w3m-onramp-view/components/Header.tsx +4 -6
- package/src/views/w3m-onramp-view/components/PaymentButton.tsx +4 -4
- package/src/views/w3m-onramp-view/components/PaymentMethod.tsx +4 -3
- package/src/views/w3m-onramp-view/components/Quote.tsx +4 -5
- package/src/views/w3m-onramp-view/components/SelectPaymentModal.tsx +51 -61
- package/src/views/w3m-onramp-view/index.tsx +8 -4
- package/src/views/w3m-swap-preview-view/index.tsx +4 -23
- package/src/views/w3m-swap-preview-view/styles.ts +3 -0
- package/src/views/w3m-swap-view/components/select-token-view/index.tsx +17 -7
- package/src/views/w3m-swap-view/components/select-token-view/styles.ts +1 -2
- package/src/views/w3m-swap-view/components/select-token-view/utils.ts +2 -1
- package/src/views/w3m-swap-view/index.tsx +12 -26
- package/src/views/w3m-swap-view/styles.ts +5 -1
- package/src/views/w3m-unsupported-chain-view/index.tsx +4 -5
- package/src/views/w3m-wallet-compatible-networks-view/index.tsx +3 -2
- package/src/views/w3m-wallet-receive-view/index.tsx +6 -2
- package/src/views/w3m-wallet-send-preview-view/components/preview-send-details.tsx +2 -2
- package/src/views/w3m-wallet-send-select-token-view/index.tsx +2 -1
- package/src/views/w3m-wallet-send-view/index.tsx +5 -10
- package/src/views/w3m-wallet-send-view/styles.ts +3 -0
- package/lib/commonjs/config/animations.js +0 -9
- package/lib/commonjs/config/animations.js.map +0 -1
- package/lib/commonjs/partials/w3m-otp-code/index.js +0 -89
- package/lib/commonjs/partials/w3m-otp-code/index.js.map +0 -1
- package/lib/commonjs/partials/w3m-otp-code/styles.js +0 -21
- package/lib/commonjs/partials/w3m-otp-code/styles.js.map +0 -1
- package/lib/module/config/animations.js +0 -9
- package/lib/module/config/animations.js.map +0 -1
- package/lib/module/partials/w3m-otp-code/index.js +0 -84
- package/lib/module/partials/w3m-otp-code/index.js.map +0 -1
- package/lib/module/partials/w3m-otp-code/styles.js +0 -17
- package/lib/module/partials/w3m-otp-code/styles.js.map +0 -1
- package/lib/typescript/config/animations.d.ts +0 -2
- package/lib/typescript/config/animations.d.ts.map +0 -1
- package/lib/typescript/partials/w3m-otp-code/index.d.ts +0 -16
- package/lib/typescript/partials/w3m-otp-code/index.d.ts.map +0 -1
- package/lib/typescript/partials/w3m-otp-code/styles.d.ts +0 -14
- package/lib/typescript/partials/w3m-otp-code/styles.d.ts.map +0 -1
- package/src/config/animations.ts +0 -7
- package/src/partials/w3m-otp-code/index.tsx +0 -81
- package/src/partials/w3m-otp-code/styles.ts +0 -15
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.OtpCodeView = OtpCodeView;
|
|
7
|
-
var _reactNative = require("react-native");
|
|
8
|
-
var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
|
|
9
|
-
var _useKeyboard = require("../../hooks/useKeyboard");
|
|
10
|
-
var _styles = _interopRequireDefault(require("./styles"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
function OtpCodeView({
|
|
14
|
-
onCodeChange,
|
|
15
|
-
onSubmit,
|
|
16
|
-
onRetry,
|
|
17
|
-
error,
|
|
18
|
-
loading,
|
|
19
|
-
email,
|
|
20
|
-
timeLeft = 0,
|
|
21
|
-
codeExpiry = 20,
|
|
22
|
-
retryLabel = "Didn't receive it?",
|
|
23
|
-
retryDisabledButtonLabel = 'Resend',
|
|
24
|
-
retryButtonLabel = 'Resend code'
|
|
25
|
-
}) {
|
|
26
|
-
const {
|
|
27
|
-
keyboardShown,
|
|
28
|
-
keyboardHeight
|
|
29
|
-
} = (0, _useKeyboard.useKeyboard)();
|
|
30
|
-
const paddingBottom = _reactNative.Platform.select({
|
|
31
|
-
android: keyboardShown ? keyboardHeight + _appkitUiReactNative.Spacing.l : _appkitUiReactNative.Spacing.l,
|
|
32
|
-
default: _appkitUiReactNative.Spacing.l
|
|
33
|
-
});
|
|
34
|
-
const handleCodeChange = code => {
|
|
35
|
-
onCodeChange?.(code);
|
|
36
|
-
if (code.length === 6) {
|
|
37
|
-
onSubmit?.(code);
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
|
|
41
|
-
padding: ['l', 'l', '3xl', 'l'],
|
|
42
|
-
alignItems: "center",
|
|
43
|
-
style: {
|
|
44
|
-
paddingBottom
|
|
45
|
-
},
|
|
46
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.Text, {
|
|
47
|
-
center: true,
|
|
48
|
-
variant: "paragraph-400",
|
|
49
|
-
children: ["Enter the code we sent to", ' ']
|
|
50
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
|
|
51
|
-
variant: "paragraph-500",
|
|
52
|
-
children: email ?? 'your email'
|
|
53
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
|
|
54
|
-
style: _styles.default.expiryText,
|
|
55
|
-
variant: "small-400",
|
|
56
|
-
color: "fg-200",
|
|
57
|
-
children: `The code expires in ${codeExpiry} minutes`
|
|
58
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
|
|
59
|
-
justifyContent: "center",
|
|
60
|
-
style: _styles.default.otpContainer,
|
|
61
|
-
children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.LoadingSpinner, {
|
|
62
|
-
size: "xl"
|
|
63
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Otp, {
|
|
64
|
-
length: 6,
|
|
65
|
-
onChangeText: handleCodeChange,
|
|
66
|
-
autoFocus: true
|
|
67
|
-
})
|
|
68
|
-
}), error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
|
|
69
|
-
variant: "small-400",
|
|
70
|
-
color: "error-100",
|
|
71
|
-
style: _styles.default.errorText,
|
|
72
|
-
children: error
|
|
73
|
-
}), !loading && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
|
|
74
|
-
alignItems: "center",
|
|
75
|
-
flexDirection: "row",
|
|
76
|
-
margin: ['s', '0', '0', '0'],
|
|
77
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
|
|
78
|
-
variant: "small-400",
|
|
79
|
-
color: "fg-200",
|
|
80
|
-
children: retryLabel
|
|
81
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Link, {
|
|
82
|
-
onPress: onRetry,
|
|
83
|
-
disabled: timeLeft > 0 || loading,
|
|
84
|
-
children: timeLeft > 0 ? `${retryDisabledButtonLabel} in ${timeLeft}s` : retryButtonLabel
|
|
85
|
-
})]
|
|
86
|
-
})]
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_useKeyboard","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","OtpCodeView","onCodeChange","onSubmit","onRetry","error","loading","email","timeLeft","codeExpiry","retryLabel","retryDisabledButtonLabel","retryButtonLabel","keyboardShown","keyboardHeight","useKeyboard","paddingBottom","Platform","select","android","Spacing","l","handleCodeChange","code","length","jsxs","FlexView","padding","alignItems","style","children","Text","center","variant","jsx","styles","expiryText","color","justifyContent","otpContainer","LoadingSpinner","size","Otp","onChangeText","autoFocus","errorText","flexDirection","margin","Link","onPress","disabled"],"sourceRoot":"../../../../src","sources":["partials/w3m-otp-code/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA8B,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgBvB,SAASG,WAAWA,CAAC;EAC1BC,YAAY;EACZC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC,QAAQ,GAAG,CAAC;EACZC,UAAU,GAAG,EAAE;EACfC,UAAU,GAAG,oBAAoB;EACjCC,wBAAwB,GAAG,QAAQ;EACnCC,gBAAgB,GAAG;AACd,CAAC,EAAE;EACR,MAAM;IAAEC,aAAa;IAAEC;EAAe,CAAC,GAAG,IAAAC,wBAAW,EAAC,CAAC;EACvD,MAAMC,aAAa,GAAGC,qBAAQ,CAACC,MAAM,CAAC;IACpCC,OAAO,EAAEN,aAAa,GAAGC,cAAc,GAAGM,4BAAO,CAACC,CAAC,GAAGD,4BAAO,CAACC,CAAC;IAC/DrB,OAAO,EAAEoB,4BAAO,CAACC;EACnB,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GAAIC,IAAY,IAAK;IACzCrB,YAAY,GAAGqB,IAAI,CAAC;IAEpB,IAAIA,IAAI,CAACC,MAAM,KAAK,CAAC,EAAE;MACrBrB,QAAQ,GAAGoB,IAAI,CAAC;IAClB;EACF,CAAC;EAED,oBACE,IAAA1B,WAAA,CAAA4B,IAAA,EAAChC,oBAAA,CAAAiC,QAAQ;IAACC,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAE;IAACC,UAAU,EAAC,QAAQ;IAACC,KAAK,EAAE;MAAEb;IAAc,CAAE;IAAAc,QAAA,gBACtF,IAAAjC,WAAA,CAAA4B,IAAA,EAAChC,oBAAA,CAAAsC,IAAI;MAACC,MAAM;MAACC,OAAO,EAAC,eAAe;MAAAH,QAAA,GAAC,2BACV,EAAC,GAAG;IAAA,CACzB,CAAC,eACP,IAAAjC,WAAA,CAAAqC,GAAA,EAACzC,oBAAA,CAAAsC,IAAI;MAACE,OAAO,EAAC,eAAe;MAAAH,QAAA,EAAEvB,KAAK,IAAI;IAAY,CAAO,CAAC,eAC5D,IAAAV,WAAA,CAAAqC,GAAA,EAACzC,oBAAA,CAAAsC,IAAI;MAACF,KAAK,EAAEM,eAAM,CAACC,UAAW;MAACH,OAAO,EAAC,WAAW;MAACI,KAAK,EAAC,QAAQ;MAAAP,QAAA,EAC/D,uBAAuBrB,UAAU;IAAU,CACxC,CAAC,eACP,IAAAZ,WAAA,CAAAqC,GAAA,EAACzC,oBAAA,CAAAiC,QAAQ;MAACY,cAAc,EAAC,QAAQ;MAACT,KAAK,EAAEM,eAAM,CAACI,YAAa;MAAAT,QAAA,EAC1DxB,OAAO,gBACN,IAAAT,WAAA,CAAAqC,GAAA,EAACzC,oBAAA,CAAA+C,cAAc;QAACC,IAAI,EAAC;MAAI,CAAE,CAAC,gBAE5B,IAAA5C,WAAA,CAAAqC,GAAA,EAACzC,oBAAA,CAAAiD,GAAG;QAAClB,MAAM,EAAE,CAAE;QAACmB,YAAY,EAAErB,gBAAiB;QAACsB,SAAS;MAAA,CAAE;IAC5D,CACO,CAAC,EACVvC,KAAK,iBACJ,IAAAR,WAAA,CAAAqC,GAAA,EAACzC,oBAAA,CAAAsC,IAAI;MAACE,OAAO,EAAC,WAAW;MAACI,KAAK,EAAC,WAAW;MAACR,KAAK,EAAEM,eAAM,CAACU,SAAU;MAAAf,QAAA,EACjEzB;IAAK,CACF,CACP,EACA,CAACC,OAAO,iBACP,IAAAT,WAAA,CAAA4B,IAAA,EAAChC,oBAAA,CAAAiC,QAAQ;MAACE,UAAU,EAAC,QAAQ;MAACkB,aAAa,EAAC,KAAK;MAACC,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MAAAjB,QAAA,gBAC7E,IAAAjC,WAAA,CAAAqC,GAAA,EAACzC,oBAAA,CAAAsC,IAAI;QAACE,OAAO,EAAC,WAAW;QAACI,KAAK,EAAC,QAAQ;QAAAP,QAAA,EACrCpB;MAAU,CACP,CAAC,eACP,IAAAb,WAAA,CAAAqC,GAAA,EAACzC,oBAAA,CAAAuD,IAAI;QAACC,OAAO,EAAE7C,OAAQ;QAAC8C,QAAQ,EAAE1C,QAAQ,GAAG,CAAC,IAAIF,OAAQ;QAAAwB,QAAA,EACvDtB,QAAQ,GAAG,CAAC,GAAG,GAAGG,wBAAwB,OAAOH,QAAQ,GAAG,GAAGI;MAAgB,CAC5E,CAAC;IAAA,CACC,CACX;EAAA,CACO,CAAC;AAEf","ignoreList":[]}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _reactNative = require("react-native");
|
|
8
|
-
var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
|
|
9
|
-
var _default = exports.default = _reactNative.StyleSheet.create({
|
|
10
|
-
expiryText: {
|
|
11
|
-
marginTop: _appkitUiReactNative.Spacing.s,
|
|
12
|
-
marginBottom: _appkitUiReactNative.Spacing.l
|
|
13
|
-
},
|
|
14
|
-
otpContainer: {
|
|
15
|
-
height: 60
|
|
16
|
-
},
|
|
17
|
-
errorText: {
|
|
18
|
-
marginTop: _appkitUiReactNative.Spacing['2xs']
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","expiryText","marginTop","Spacing","s","marginBottom","l","otpContainer","height","errorText"],"sourceRoot":"../../../../src","sources":["partials/w3m-otp-code/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAwD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,UAAU,EAAE;IACVC,SAAS,EAAEC,4BAAO,CAACC,CAAC;IACpBC,YAAY,EAAEF,4BAAO,CAACG;EACxB,CAAC;EACDC,YAAY,EAAE;IACZC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTP,SAAS,EAAEC,4BAAO,CAAC,KAAK;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { Platform, UIManager } from 'react-native';
|
|
4
|
-
if (Platform.OS === 'android') {
|
|
5
|
-
if (UIManager.setLayoutAnimationEnabledExperimental) {
|
|
6
|
-
UIManager.setLayoutAnimationEnabledExperimental(true);
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
//# sourceMappingURL=animations.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","UIManager","OS","setLayoutAnimationEnabledExperimental"],"sourceRoot":"../../../src","sources":["config/animations.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AAElD,IAAID,QAAQ,CAACE,EAAE,KAAK,SAAS,EAAE;EAC7B,IAAID,SAAS,CAACE,qCAAqC,EAAE;IACnDF,SAAS,CAACE,qCAAqC,CAAC,IAAI,CAAC;EACvD;AACF","ignoreList":[]}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { Platform } from 'react-native';
|
|
4
|
-
import { FlexView, Link, LoadingSpinner, Otp, Spacing, Text } from '@reown/appkit-ui-react-native';
|
|
5
|
-
import { useKeyboard } from '../../hooks/useKeyboard';
|
|
6
|
-
import styles from './styles';
|
|
7
|
-
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
export function OtpCodeView({
|
|
9
|
-
onCodeChange,
|
|
10
|
-
onSubmit,
|
|
11
|
-
onRetry,
|
|
12
|
-
error,
|
|
13
|
-
loading,
|
|
14
|
-
email,
|
|
15
|
-
timeLeft = 0,
|
|
16
|
-
codeExpiry = 20,
|
|
17
|
-
retryLabel = "Didn't receive it?",
|
|
18
|
-
retryDisabledButtonLabel = 'Resend',
|
|
19
|
-
retryButtonLabel = 'Resend code'
|
|
20
|
-
}) {
|
|
21
|
-
const {
|
|
22
|
-
keyboardShown,
|
|
23
|
-
keyboardHeight
|
|
24
|
-
} = useKeyboard();
|
|
25
|
-
const paddingBottom = Platform.select({
|
|
26
|
-
android: keyboardShown ? keyboardHeight + Spacing.l : Spacing.l,
|
|
27
|
-
default: Spacing.l
|
|
28
|
-
});
|
|
29
|
-
const handleCodeChange = code => {
|
|
30
|
-
onCodeChange?.(code);
|
|
31
|
-
if (code.length === 6) {
|
|
32
|
-
onSubmit?.(code);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
return /*#__PURE__*/_jsxs(FlexView, {
|
|
36
|
-
padding: ['l', 'l', '3xl', 'l'],
|
|
37
|
-
alignItems: "center",
|
|
38
|
-
style: {
|
|
39
|
-
paddingBottom
|
|
40
|
-
},
|
|
41
|
-
children: [/*#__PURE__*/_jsxs(Text, {
|
|
42
|
-
center: true,
|
|
43
|
-
variant: "paragraph-400",
|
|
44
|
-
children: ["Enter the code we sent to", ' ']
|
|
45
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
46
|
-
variant: "paragraph-500",
|
|
47
|
-
children: email ?? 'your email'
|
|
48
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
49
|
-
style: styles.expiryText,
|
|
50
|
-
variant: "small-400",
|
|
51
|
-
color: "fg-200",
|
|
52
|
-
children: `The code expires in ${codeExpiry} minutes`
|
|
53
|
-
}), /*#__PURE__*/_jsx(FlexView, {
|
|
54
|
-
justifyContent: "center",
|
|
55
|
-
style: styles.otpContainer,
|
|
56
|
-
children: loading ? /*#__PURE__*/_jsx(LoadingSpinner, {
|
|
57
|
-
size: "xl"
|
|
58
|
-
}) : /*#__PURE__*/_jsx(Otp, {
|
|
59
|
-
length: 6,
|
|
60
|
-
onChangeText: handleCodeChange,
|
|
61
|
-
autoFocus: true
|
|
62
|
-
})
|
|
63
|
-
}), error && /*#__PURE__*/_jsx(Text, {
|
|
64
|
-
variant: "small-400",
|
|
65
|
-
color: "error-100",
|
|
66
|
-
style: styles.errorText,
|
|
67
|
-
children: error
|
|
68
|
-
}), !loading && /*#__PURE__*/_jsxs(FlexView, {
|
|
69
|
-
alignItems: "center",
|
|
70
|
-
flexDirection: "row",
|
|
71
|
-
margin: ['s', '0', '0', '0'],
|
|
72
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
73
|
-
variant: "small-400",
|
|
74
|
-
color: "fg-200",
|
|
75
|
-
children: retryLabel
|
|
76
|
-
}), /*#__PURE__*/_jsx(Link, {
|
|
77
|
-
onPress: onRetry,
|
|
78
|
-
disabled: timeLeft > 0 || loading,
|
|
79
|
-
children: timeLeft > 0 ? `${retryDisabledButtonLabel} in ${timeLeft}s` : retryButtonLabel
|
|
80
|
-
})]
|
|
81
|
-
})]
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","FlexView","Link","LoadingSpinner","Otp","Spacing","Text","useKeyboard","styles","jsxs","_jsxs","jsx","_jsx","OtpCodeView","onCodeChange","onSubmit","onRetry","error","loading","email","timeLeft","codeExpiry","retryLabel","retryDisabledButtonLabel","retryButtonLabel","keyboardShown","keyboardHeight","paddingBottom","select","android","l","default","handleCodeChange","code","length","padding","alignItems","style","children","center","variant","expiryText","color","justifyContent","otpContainer","size","onChangeText","autoFocus","errorText","flexDirection","margin","onPress","disabled"],"sourceRoot":"../../../../src","sources":["partials/w3m-otp-code/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { StyleSheet } from 'react-native';
|
|
4
|
-
import { Spacing } from '@reown/appkit-ui-react-native';
|
|
5
|
-
export default StyleSheet.create({
|
|
6
|
-
expiryText: {
|
|
7
|
-
marginTop: Spacing.s,
|
|
8
|
-
marginBottom: Spacing.l
|
|
9
|
-
},
|
|
10
|
-
otpContainer: {
|
|
11
|
-
height: 60
|
|
12
|
-
},
|
|
13
|
-
errorText: {
|
|
14
|
-
marginTop: Spacing['2xs']
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","Spacing","create","expiryText","marginTop","s","marginBottom","l","otpContainer","height","errorText"],"sourceRoot":"../../../../src","sources":["partials/w3m-otp-code/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,UAAU,EAAE;IACVC,SAAS,EAAEH,OAAO,CAACI,CAAC;IACpBC,YAAY,EAAEL,OAAO,CAACM;EACxB,CAAC;EACDC,YAAY,EAAE;IACZC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTN,SAAS,EAAEH,OAAO,CAAC,KAAK;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../src/config/animations.ts"],"names":[],"mappings":""}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
interface Props {
|
|
2
|
-
onCodeChange?: (code: string) => void;
|
|
3
|
-
onSubmit: (code: string) => void;
|
|
4
|
-
onRetry: () => void;
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
error?: string;
|
|
7
|
-
email?: string;
|
|
8
|
-
timeLeft?: number;
|
|
9
|
-
codeExpiry?: number;
|
|
10
|
-
retryLabel?: string;
|
|
11
|
-
retryDisabledButtonLabel?: string;
|
|
12
|
-
retryButtonLabel?: string;
|
|
13
|
-
}
|
|
14
|
-
export declare function OtpCodeView({ onCodeChange, onSubmit, onRetry, error, loading, email, timeLeft, codeExpiry, retryLabel, retryDisabledButtonLabel, retryButtonLabel }: Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export {};
|
|
16
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/partials/w3m-otp-code/index.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAY,EACZ,UAAe,EACf,UAAiC,EACjC,wBAAmC,EACnC,gBAAgC,EACjC,EAAE,KAAK,2CAgDP"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/partials/w3m-otp-code/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;AAGA,wBAWG"}
|
package/src/config/animations.ts
DELETED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { Platform } from 'react-native';
|
|
2
|
-
import { FlexView, Link, LoadingSpinner, Otp, Spacing, Text } from '@reown/appkit-ui-react-native';
|
|
3
|
-
|
|
4
|
-
import { useKeyboard } from '../../hooks/useKeyboard';
|
|
5
|
-
import styles from './styles';
|
|
6
|
-
|
|
7
|
-
interface Props {
|
|
8
|
-
onCodeChange?: (code: string) => void;
|
|
9
|
-
onSubmit: (code: string) => void;
|
|
10
|
-
onRetry: () => void;
|
|
11
|
-
loading?: boolean;
|
|
12
|
-
error?: string;
|
|
13
|
-
email?: string;
|
|
14
|
-
timeLeft?: number;
|
|
15
|
-
codeExpiry?: number;
|
|
16
|
-
retryLabel?: string;
|
|
17
|
-
retryDisabledButtonLabel?: string;
|
|
18
|
-
retryButtonLabel?: string;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export function OtpCodeView({
|
|
22
|
-
onCodeChange,
|
|
23
|
-
onSubmit,
|
|
24
|
-
onRetry,
|
|
25
|
-
error,
|
|
26
|
-
loading,
|
|
27
|
-
email,
|
|
28
|
-
timeLeft = 0,
|
|
29
|
-
codeExpiry = 20,
|
|
30
|
-
retryLabel = "Didn't receive it?",
|
|
31
|
-
retryDisabledButtonLabel = 'Resend',
|
|
32
|
-
retryButtonLabel = 'Resend code'
|
|
33
|
-
}: Props) {
|
|
34
|
-
const { keyboardShown, keyboardHeight } = useKeyboard();
|
|
35
|
-
const paddingBottom = Platform.select({
|
|
36
|
-
android: keyboardShown ? keyboardHeight + Spacing.l : Spacing.l,
|
|
37
|
-
default: Spacing.l
|
|
38
|
-
});
|
|
39
|
-
|
|
40
|
-
const handleCodeChange = (code: string) => {
|
|
41
|
-
onCodeChange?.(code);
|
|
42
|
-
|
|
43
|
-
if (code.length === 6) {
|
|
44
|
-
onSubmit?.(code);
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
return (
|
|
49
|
-
<FlexView padding={['l', 'l', '3xl', 'l']} alignItems="center" style={{ paddingBottom }}>
|
|
50
|
-
<Text center variant="paragraph-400">
|
|
51
|
-
Enter the code we sent to{' '}
|
|
52
|
-
</Text>
|
|
53
|
-
<Text variant="paragraph-500">{email ?? 'your email'}</Text>
|
|
54
|
-
<Text style={styles.expiryText} variant="small-400" color="fg-200">
|
|
55
|
-
{`The code expires in ${codeExpiry} minutes`}
|
|
56
|
-
</Text>
|
|
57
|
-
<FlexView justifyContent="center" style={styles.otpContainer}>
|
|
58
|
-
{loading ? (
|
|
59
|
-
<LoadingSpinner size="xl" />
|
|
60
|
-
) : (
|
|
61
|
-
<Otp length={6} onChangeText={handleCodeChange} autoFocus />
|
|
62
|
-
)}
|
|
63
|
-
</FlexView>
|
|
64
|
-
{error && (
|
|
65
|
-
<Text variant="small-400" color="error-100" style={styles.errorText}>
|
|
66
|
-
{error}
|
|
67
|
-
</Text>
|
|
68
|
-
)}
|
|
69
|
-
{!loading && (
|
|
70
|
-
<FlexView alignItems="center" flexDirection="row" margin={['s', '0', '0', '0']}>
|
|
71
|
-
<Text variant="small-400" color="fg-200">
|
|
72
|
-
{retryLabel}
|
|
73
|
-
</Text>
|
|
74
|
-
<Link onPress={onRetry} disabled={timeLeft > 0 || loading}>
|
|
75
|
-
{timeLeft > 0 ? `${retryDisabledButtonLabel} in ${timeLeft}s` : retryButtonLabel}
|
|
76
|
-
</Link>
|
|
77
|
-
</FlexView>
|
|
78
|
-
)}
|
|
79
|
-
</FlexView>
|
|
80
|
-
);
|
|
81
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { StyleSheet } from 'react-native';
|
|
2
|
-
import { Spacing } from '@reown/appkit-ui-react-native';
|
|
3
|
-
|
|
4
|
-
export default StyleSheet.create({
|
|
5
|
-
expiryText: {
|
|
6
|
-
marginTop: Spacing.s,
|
|
7
|
-
marginBottom: Spacing.l
|
|
8
|
-
},
|
|
9
|
-
otpContainer: {
|
|
10
|
-
height: 60
|
|
11
|
-
},
|
|
12
|
-
errorText: {
|
|
13
|
-
marginTop: Spacing['2xs']
|
|
14
|
-
}
|
|
15
|
-
});
|