@reown/appkit-react-native 2.0.0-alpha.3 → 2.0.0-alpha.5
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 +137 -57
- package/lib/commonjs/AppKit.js.map +1 -1
- package/lib/commonjs/AppKitContext.js +16 -10
- package/lib/commonjs/AppKitContext.js.map +1 -1
- package/lib/commonjs/connectors/WalletConnectConnector.js +16 -11
- package/lib/commonjs/connectors/WalletConnectConnector.js.map +1 -1
- package/lib/commonjs/hooks/useAccount.js +9 -4
- package/lib/commonjs/hooks/useAccount.js.map +1 -1
- package/lib/commonjs/hooks/useAppKit.js +12 -12
- package/lib/commonjs/hooks/useAppKit.js.map +1 -1
- package/lib/commonjs/hooks/useAppKitState.js +32 -0
- package/lib/commonjs/hooks/useAppKitState.js.map +1 -0
- package/lib/commonjs/hooks/useProvider.js +14 -8
- package/lib/commonjs/hooks/useProvider.js.map +1 -1
- package/lib/commonjs/hooks/useRouteTransition.js +10 -4
- package/lib/commonjs/hooks/useRouteTransition.js.map +1 -1
- package/lib/commonjs/hooks/useWalletInfo.js +6 -4
- package/lib/commonjs/hooks/useWalletInfo.js.map +1 -1
- package/lib/commonjs/index.js +7 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/modal/w3m-modal/index.js +27 -25
- package/lib/commonjs/modal/w3m-modal/index.js.map +1 -1
- package/lib/commonjs/modal/w3m-modal/styles.js +1 -2
- package/lib/commonjs/modal/w3m-modal/styles.js.map +1 -1
- package/lib/commonjs/modal/w3m-router/index.js +11 -5
- package/lib/commonjs/modal/w3m-router/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-account-activity/index.js +1 -1
- package/lib/commonjs/partials/w3m-account-activity/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-account-wallet-features/index.js +2 -5
- package/lib/commonjs/partials/w3m-account-wallet-features/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-list/components/Loading.js +25 -0
- package/lib/commonjs/partials/w3m-all-wallets-list/components/Loading.js.map +1 -0
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletItem.js +41 -0
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletItem.js.map +1 -0
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletList.js +94 -0
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletList.js.map +1 -0
- package/lib/commonjs/partials/w3m-all-wallets-list/index.js +21 -78
- package/lib/commonjs/partials/w3m-all-wallets-list/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-list/styles.js +11 -7
- package/lib/commonjs/partials/w3m-all-wallets-list/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-search/index.js +27 -74
- package/lib/commonjs/partials/w3m-all-wallets-search/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-search/styles.js +4 -5
- package/lib/commonjs/partials/w3m-all-wallets-search/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-connecting-mobile/index.js +9 -7
- package/lib/commonjs/partials/w3m-connecting-mobile/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-connecting-mobile/styles.js +2 -1
- package/lib/commonjs/partials/w3m-connecting-mobile/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-connecting-qrcode/components/ReownButton.js +36 -0
- package/lib/commonjs/partials/w3m-connecting-qrcode/components/ReownButton.js.map +1 -0
- package/lib/commonjs/partials/w3m-connecting-qrcode/index.js +12 -25
- package/lib/commonjs/partials/w3m-connecting-qrcode/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-connecting-qrcode/styles.js +3 -0
- package/lib/commonjs/partials/w3m-connecting-qrcode/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-connecting-web/index.js +6 -2
- package/lib/commonjs/partials/w3m-connecting-web/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-connecting-web/styles.js +3 -0
- package/lib/commonjs/partials/w3m-connecting-web/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-header/index.js +6 -5
- package/lib/commonjs/partials/w3m-header/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-selector-modal/index.js +72 -57
- package/lib/commonjs/partials/w3m-selector-modal/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-selector-modal/styles.js +9 -11
- package/lib/commonjs/partials/w3m-selector-modal/styles.js.map +1 -1
- package/lib/commonjs/utils/HelpersUtil.js +20 -0
- package/lib/commonjs/utils/HelpersUtil.js.map +1 -1
- package/lib/commonjs/utils/NetworkUtil.js +2 -2
- package/lib/commonjs/utils/NetworkUtil.js.map +1 -1
- package/lib/commonjs/utils/UiUtil.js +4 -0
- package/lib/commonjs/utils/UiUtil.js.map +1 -1
- package/lib/commonjs/views/w3m-account-default-view/index.js +4 -5
- package/lib/commonjs/views/w3m-account-default-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-account-view/index.js +4 -20
- package/lib/commonjs/views/w3m-account-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-account-view/styles.js +0 -5
- package/lib/commonjs/views/w3m-account-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-all-wallets-view/index.js +8 -16
- package/lib/commonjs/views/w3m-all-wallets-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connect-socials-view/index.js +3 -4
- package/lib/commonjs/views/w3m-connect-socials-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connect-view/components/all-wallet-list.js +21 -13
- package/lib/commonjs/views/w3m-connect-view/components/all-wallet-list.js.map +1 -1
- package/lib/commonjs/views/w3m-connect-view/index.js +7 -16
- package/lib/commonjs/views/w3m-connect-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connecting-external-view/index.js +31 -15
- package/lib/commonjs/views/w3m-connecting-external-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connecting-external-view/styles.js +1 -1
- package/lib/commonjs/views/w3m-connecting-external-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-connecting-siwe-view/index.js +55 -54
- package/lib/commonjs/views/w3m-connecting-siwe-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connecting-siwe-view/styles.js +0 -7
- package/lib/commonjs/views/w3m-connecting-siwe-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-connecting-social-view/index.js +37 -33
- package/lib/commonjs/views/w3m-connecting-social-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connecting-view/index.js +2 -4
- package/lib/commonjs/views/w3m-connecting-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-get-wallet-view/index.js +7 -4
- package/lib/commonjs/views/w3m-get-wallet-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-network-switch-view/index.js +61 -80
- package/lib/commonjs/views/w3m-network-switch-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-networks-view/index.js +25 -14
- package/lib/commonjs/views/w3m-networks-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-checkout-view/index.js +160 -152
- package/lib/commonjs/views/w3m-onramp-checkout-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-loading-view/index.js +5 -6
- package/lib/commonjs/views/w3m-onramp-loading-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-loading-view/styles.js +1 -1
- package/lib/commonjs/views/w3m-onramp-loading-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-settings-view/components/Country.js +3 -2
- package/lib/commonjs/views/w3m-onramp-settings-view/components/Country.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-settings-view/index.js +15 -7
- package/lib/commonjs/views/w3m-onramp-settings-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-settings-view/styles.js +4 -1
- package/lib/commonjs/views/w3m-onramp-settings-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-settings-view/utils.js +17 -1
- package/lib/commonjs/views/w3m-onramp-settings-view/utils.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-transaction-view/index.js +1 -1
- package/lib/commonjs/views/w3m-onramp-transaction-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/Currency.js +3 -2
- package/lib/commonjs/views/w3m-onramp-view/components/Currency.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/Header.js +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/LoadingView.js +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/LoadingView.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/components/SelectPaymentModal.js +5 -2
- package/lib/commonjs/views/w3m-onramp-view/components/SelectPaymentModal.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/index.js +5 -4
- package/lib/commonjs/views/w3m-onramp-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-view/styles.js +3 -0
- package/lib/commonjs/views/w3m-onramp-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-preview-view/index.js +2 -3
- package/lib/commonjs/views/w3m-swap-preview-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-preview-view/styles.js +0 -3
- package/lib/commonjs/views/w3m-swap-preview-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/index.js +156 -0
- package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/index.js.map +1 -0
- package/lib/commonjs/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.js +6 -2
- package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/styles.js.map +1 -0
- package/lib/commonjs/views/w3m-swap-view/components/select-token-modal/utils.js.map +1 -0
- package/lib/commonjs/views/w3m-swap-view/index.js +16 -17
- package/lib/commonjs/views/w3m-swap-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/styles.js +0 -8
- package/lib/commonjs/views/w3m-swap-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-unsupported-chain-view/index.js +6 -12
- package/lib/commonjs/views/w3m-unsupported-chain-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-unsupported-chain-view/styles.js +1 -1
- package/lib/commonjs/views/w3m-unsupported-chain-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-upgrade-email-wallet-view/index.js +3 -5
- package/lib/commonjs/views/w3m-upgrade-email-wallet-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-compatible-networks-view/index.js +2 -4
- 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 -3
- package/lib/commonjs/views/w3m-wallet-receive-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-send-preview-view/index.js +2 -3
- package/lib/commonjs/views/w3m-wallet-send-preview-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-send-select-token-view/index.js +6 -5
- 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 +12 -7
- package/lib/commonjs/views/w3m-wallet-send-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-send-view/styles.js +0 -3
- package/lib/commonjs/views/w3m-wallet-send-view/styles.js.map +1 -1
- package/lib/commonjs/views/w3m-what-is-a-network-view/index.js +2 -3
- package/lib/commonjs/views/w3m-what-is-a-network-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-what-is-a-wallet-view/index.js +2 -3
- package/lib/commonjs/views/w3m-what-is-a-wallet-view/index.js.map +1 -1
- package/lib/module/AppKit.js +138 -58
- package/lib/module/AppKit.js.map +1 -1
- package/lib/module/AppKitContext.js +17 -11
- package/lib/module/AppKitContext.js.map +1 -1
- package/lib/module/connectors/WalletConnectConnector.js +16 -11
- package/lib/module/connectors/WalletConnectConnector.js.map +1 -1
- package/lib/module/hooks/useAccount.js +9 -5
- package/lib/module/hooks/useAccount.js.map +1 -1
- package/lib/module/hooks/useAppKit.js +13 -13
- package/lib/module/hooks/useAppKit.js.map +1 -1
- package/lib/module/hooks/useAppKitState.js +27 -0
- package/lib/module/hooks/useAppKitState.js.map +1 -0
- package/lib/module/hooks/useProvider.js +13 -8
- package/lib/module/hooks/useProvider.js.map +1 -1
- package/lib/module/hooks/useRouteTransition.js +10 -4
- package/lib/module/hooks/useRouteTransition.js.map +1 -1
- package/lib/module/hooks/useWalletInfo.js +6 -4
- package/lib/module/hooks/useWalletInfo.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/modal/w3m-modal/index.js +29 -27
- package/lib/module/modal/w3m-modal/index.js.map +1 -1
- package/lib/module/modal/w3m-modal/styles.js +1 -2
- package/lib/module/modal/w3m-modal/styles.js.map +1 -1
- package/lib/module/modal/w3m-router/index.js +12 -6
- package/lib/module/modal/w3m-router/index.js.map +1 -1
- package/lib/module/partials/w3m-account-activity/index.js +1 -1
- package/lib/module/partials/w3m-account-activity/index.js.map +1 -1
- package/lib/module/partials/w3m-account-wallet-features/index.js +2 -5
- package/lib/module/partials/w3m-account-wallet-features/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-list/components/Loading.js +21 -0
- package/lib/module/partials/w3m-all-wallets-list/components/Loading.js.map +1 -0
- package/lib/module/partials/w3m-all-wallets-list/components/WalletItem.js +36 -0
- package/lib/module/partials/w3m-all-wallets-list/components/WalletItem.js.map +1 -0
- package/lib/module/partials/w3m-all-wallets-list/components/WalletList.js +90 -0
- package/lib/module/partials/w3m-all-wallets-list/components/WalletList.js.map +1 -0
- package/lib/module/partials/w3m-all-wallets-list/index.js +22 -79
- package/lib/module/partials/w3m-all-wallets-list/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-list/styles.js +11 -7
- package/lib/module/partials/w3m-all-wallets-list/styles.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-search/index.js +28 -75
- package/lib/module/partials/w3m-all-wallets-search/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-search/styles.js +4 -5
- package/lib/module/partials/w3m-all-wallets-search/styles.js.map +1 -1
- package/lib/module/partials/w3m-connecting-mobile/index.js +10 -8
- package/lib/module/partials/w3m-connecting-mobile/index.js.map +1 -1
- package/lib/module/partials/w3m-connecting-mobile/styles.js +2 -1
- package/lib/module/partials/w3m-connecting-mobile/styles.js.map +1 -1
- package/lib/module/partials/w3m-connecting-qrcode/components/ReownButton.js +32 -0
- package/lib/module/partials/w3m-connecting-qrcode/components/ReownButton.js.map +1 -0
- package/lib/module/partials/w3m-connecting-qrcode/index.js +13 -26
- package/lib/module/partials/w3m-connecting-qrcode/index.js.map +1 -1
- package/lib/module/partials/w3m-connecting-qrcode/styles.js +3 -0
- package/lib/module/partials/w3m-connecting-qrcode/styles.js.map +1 -1
- package/lib/module/partials/w3m-connecting-web/index.js +7 -3
- package/lib/module/partials/w3m-connecting-web/index.js.map +1 -1
- package/lib/module/partials/w3m-connecting-web/styles.js +3 -0
- package/lib/module/partials/w3m-connecting-web/styles.js.map +1 -1
- package/lib/module/partials/w3m-header/index.js +6 -5
- package/lib/module/partials/w3m-header/index.js.map +1 -1
- package/lib/module/partials/w3m-selector-modal/index.js +74 -59
- package/lib/module/partials/w3m-selector-modal/index.js.map +1 -1
- package/lib/module/partials/w3m-selector-modal/styles.js +9 -11
- package/lib/module/partials/w3m-selector-modal/styles.js.map +1 -1
- package/lib/module/utils/HelpersUtil.js +21 -1
- package/lib/module/utils/HelpersUtil.js.map +1 -1
- package/lib/module/utils/NetworkUtil.js +2 -2
- package/lib/module/utils/NetworkUtil.js.map +1 -1
- package/lib/module/utils/UiUtil.js +4 -0
- package/lib/module/utils/UiUtil.js.map +1 -1
- package/lib/module/views/w3m-account-default-view/index.js +4 -5
- package/lib/module/views/w3m-account-default-view/index.js.map +1 -1
- package/lib/module/views/w3m-account-view/index.js +5 -21
- package/lib/module/views/w3m-account-view/index.js.map +1 -1
- package/lib/module/views/w3m-account-view/styles.js +1 -6
- package/lib/module/views/w3m-account-view/styles.js.map +1 -1
- package/lib/module/views/w3m-all-wallets-view/index.js +8 -16
- package/lib/module/views/w3m-all-wallets-view/index.js.map +1 -1
- package/lib/module/views/w3m-connect-socials-view/index.js +2 -3
- package/lib/module/views/w3m-connect-socials-view/index.js.map +1 -1
- package/lib/module/views/w3m-connect-view/components/all-wallet-list.js +22 -14
- package/lib/module/views/w3m-connect-view/components/all-wallet-list.js.map +1 -1
- package/lib/module/views/w3m-connect-view/index.js +7 -16
- package/lib/module/views/w3m-connect-view/index.js.map +1 -1
- package/lib/module/views/w3m-connecting-external-view/index.js +33 -17
- package/lib/module/views/w3m-connecting-external-view/index.js.map +1 -1
- package/lib/module/views/w3m-connecting-external-view/styles.js +1 -1
- package/lib/module/views/w3m-connecting-external-view/styles.js.map +1 -1
- package/lib/module/views/w3m-connecting-siwe-view/index.js +57 -56
- package/lib/module/views/w3m-connecting-siwe-view/index.js.map +1 -1
- package/lib/module/views/w3m-connecting-siwe-view/styles.js +0 -7
- package/lib/module/views/w3m-connecting-siwe-view/styles.js.map +1 -1
- package/lib/module/views/w3m-connecting-social-view/index.js +37 -33
- package/lib/module/views/w3m-connecting-social-view/index.js.map +1 -1
- package/lib/module/views/w3m-connecting-view/index.js +2 -4
- package/lib/module/views/w3m-connecting-view/index.js.map +1 -1
- package/lib/module/views/w3m-get-wallet-view/index.js +8 -5
- package/lib/module/views/w3m-get-wallet-view/index.js.map +1 -1
- package/lib/module/views/w3m-network-switch-view/index.js +65 -85
- package/lib/module/views/w3m-network-switch-view/index.js.map +1 -1
- package/lib/module/views/w3m-networks-view/index.js +25 -15
- package/lib/module/views/w3m-networks-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-checkout-view/index.js +162 -154
- package/lib/module/views/w3m-onramp-checkout-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-loading-view/index.js +5 -6
- package/lib/module/views/w3m-onramp-loading-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-loading-view/styles.js +1 -1
- package/lib/module/views/w3m-onramp-loading-view/styles.js.map +1 -1
- package/lib/module/views/w3m-onramp-settings-view/components/Country.js +3 -2
- package/lib/module/views/w3m-onramp-settings-view/components/Country.js.map +1 -1
- package/lib/module/views/w3m-onramp-settings-view/index.js +16 -8
- package/lib/module/views/w3m-onramp-settings-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-settings-view/styles.js +4 -1
- package/lib/module/views/w3m-onramp-settings-view/styles.js.map +1 -1
- package/lib/module/views/w3m-onramp-settings-view/utils.js +14 -0
- package/lib/module/views/w3m-onramp-settings-view/utils.js.map +1 -1
- package/lib/module/views/w3m-onramp-transaction-view/index.js +1 -1
- package/lib/module/views/w3m-onramp-transaction-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/components/Currency.js +3 -2
- package/lib/module/views/w3m-onramp-view/components/Currency.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/components/Header.js +1 -1
- package/lib/module/views/w3m-onramp-view/components/LoadingView.js +1 -1
- package/lib/module/views/w3m-onramp-view/components/LoadingView.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/components/SelectPaymentModal.js +6 -3
- package/lib/module/views/w3m-onramp-view/components/SelectPaymentModal.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/index.js +5 -4
- package/lib/module/views/w3m-onramp-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-view/styles.js +3 -0
- package/lib/module/views/w3m-onramp-view/styles.js.map +1 -1
- package/lib/module/views/w3m-swap-preview-view/index.js +2 -3
- package/lib/module/views/w3m-swap-preview-view/index.js.map +1 -1
- package/lib/module/views/w3m-swap-preview-view/styles.js +0 -3
- package/lib/module/views/w3m-swap-preview-view/styles.js.map +1 -1
- package/lib/module/views/w3m-swap-view/components/select-token-modal/index.js +151 -0
- package/lib/module/views/w3m-swap-view/components/select-token-modal/index.js.map +1 -0
- package/lib/module/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.js +6 -2
- package/lib/module/views/w3m-swap-view/components/select-token-modal/styles.js.map +1 -0
- package/lib/module/views/w3m-swap-view/components/select-token-modal/utils.js.map +1 -0
- package/lib/module/views/w3m-swap-view/index.js +17 -18
- package/lib/module/views/w3m-swap-view/index.js.map +1 -1
- package/lib/module/views/w3m-swap-view/styles.js +0 -8
- package/lib/module/views/w3m-swap-view/styles.js.map +1 -1
- package/lib/module/views/w3m-unsupported-chain-view/index.js +8 -14
- package/lib/module/views/w3m-unsupported-chain-view/index.js.map +1 -1
- package/lib/module/views/w3m-unsupported-chain-view/styles.js +1 -1
- package/lib/module/views/w3m-unsupported-chain-view/styles.js.map +1 -1
- package/lib/module/views/w3m-upgrade-email-wallet-view/index.js +4 -6
- package/lib/module/views/w3m-upgrade-email-wallet-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-compatible-networks-view/index.js +2 -4
- package/lib/module/views/w3m-wallet-compatible-networks-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-receive-view/index.js +2 -3
- package/lib/module/views/w3m-wallet-receive-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-send-preview-view/index.js +2 -3
- package/lib/module/views/w3m-wallet-send-preview-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-send-select-token-view/index.js +6 -5
- 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 +12 -7
- package/lib/module/views/w3m-wallet-send-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-send-view/styles.js +0 -3
- package/lib/module/views/w3m-wallet-send-view/styles.js.map +1 -1
- package/lib/module/views/w3m-what-is-a-network-view/index.js +2 -3
- package/lib/module/views/w3m-what-is-a-network-view/index.js.map +1 -1
- package/lib/module/views/w3m-what-is-a-wallet-view/index.js +2 -3
- package/lib/module/views/w3m-what-is-a-wallet-view/index.js.map +1 -1
- package/lib/typescript/AppKit.d.ts +9 -4
- package/lib/typescript/AppKit.d.ts.map +1 -1
- package/lib/typescript/AppKitContext.d.ts +1 -1
- package/lib/typescript/AppKitContext.d.ts.map +1 -1
- package/lib/typescript/connectors/WalletConnectConnector.d.ts.map +1 -1
- package/lib/typescript/hooks/useAccount.d.ts +33 -1
- package/lib/typescript/hooks/useAccount.d.ts.map +1 -1
- package/lib/typescript/hooks/useAppKit.d.ts +0 -1
- package/lib/typescript/hooks/useAppKit.d.ts.map +1 -1
- package/lib/typescript/hooks/useAppKitState.d.ts +38 -0
- package/lib/typescript/hooks/useAppKitState.d.ts.map +1 -0
- package/lib/typescript/hooks/useProvider.d.ts.map +1 -1
- package/lib/typescript/hooks/useRouteTransition.d.ts.map +1 -1
- package/lib/typescript/hooks/useWalletInfo.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/modal/w3m-modal/styles.d.ts +0 -1
- package/lib/typescript/modal/w3m-modal/styles.d.ts.map +1 -1
- package/lib/typescript/modal/w3m-router/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-account-wallet-features/index.d.ts +1 -4
- package/lib/typescript/partials/w3m-account-wallet-features/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-list/components/Loading.d.ts +10 -0
- package/lib/typescript/partials/w3m-all-wallets-list/components/Loading.d.ts.map +1 -0
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletItem.d.ts +13 -0
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletItem.d.ts.map +1 -0
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletList.d.ts +14 -0
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletList.d.ts.map +1 -0
- package/lib/typescript/partials/w3m-all-wallets-list/index.d.ts +2 -3
- package/lib/typescript/partials/w3m-all-wallets-list/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-list/styles.d.ts +10 -6
- package/lib/typescript/partials/w3m-all-wallets-list/styles.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-search/index.d.ts +1 -3
- package/lib/typescript/partials/w3m-all-wallets-search/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-all-wallets-search/styles.d.ts +3 -4
- package/lib/typescript/partials/w3m-all-wallets-search/styles.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-connecting-mobile/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-connecting-mobile/styles.d.ts +1 -0
- package/lib/typescript/partials/w3m-connecting-mobile/styles.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-connecting-qrcode/components/ReownButton.d.ts +7 -0
- package/lib/typescript/partials/w3m-connecting-qrcode/components/ReownButton.d.ts.map +1 -0
- package/lib/typescript/partials/w3m-connecting-qrcode/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-connecting-qrcode/styles.d.ts +3 -0
- package/lib/typescript/partials/w3m-connecting-qrcode/styles.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-connecting-web/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-connecting-web/styles.d.ts +3 -0
- package/lib/typescript/partials/w3m-connecting-web/styles.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-header/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-selector-modal/index.d.ts +3 -1
- package/lib/typescript/partials/w3m-selector-modal/index.d.ts.map +1 -1
- package/lib/typescript/partials/w3m-selector-modal/styles.d.ts +6 -8
- package/lib/typescript/partials/w3m-selector-modal/styles.d.ts.map +1 -1
- package/lib/typescript/utils/HelpersUtil.d.ts +3 -1
- package/lib/typescript/utils/HelpersUtil.d.ts.map +1 -1
- package/lib/typescript/utils/NetworkUtil.d.ts +1 -1
- package/lib/typescript/utils/UiUtil.d.ts.map +1 -1
- package/lib/typescript/views/w3m-account-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-account-view/styles.d.ts +0 -3
- package/lib/typescript/views/w3m-account-view/styles.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-socials-view/index.d.ts.map +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/index.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-siwe-view/styles.d.ts +0 -7
- package/lib/typescript/views/w3m-connecting-siwe-view/styles.d.ts.map +1 -1
- package/lib/typescript/views/w3m-connecting-social-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-connecting-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-loading-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-settings-view/components/Country.d.ts +3 -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/styles.d.ts +4 -1
- package/lib/typescript/views/w3m-onramp-settings-view/styles.d.ts.map +1 -1
- package/lib/typescript/views/w3m-onramp-settings-view/utils.d.ts +2 -0
- 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 +3 -1
- package/lib/typescript/views/w3m-onramp-view/components/Currency.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/styles.d.ts +3 -0
- package/lib/typescript/views/w3m-onramp-view/styles.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 +0 -3
- 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 → select-token-modal}/index.d.ts +2 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-modal/index.d.ts.map +1 -0
- package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.d.ts +6 -2
- package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-modal/utils.d.ts.map +1 -0
- package/lib/typescript/views/w3m-swap-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/styles.d.ts +0 -8
- 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-upgrade-email-wallet-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-send-preview-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 +0 -3
- package/lib/typescript/views/w3m-wallet-send-view/styles.d.ts.map +1 -1
- package/lib/typescript/views/w3m-what-is-a-network-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-what-is-a-wallet-view/index.d.ts.map +1 -1
- package/package.json +10 -8
- package/src/AppKit.ts +170 -60
- package/src/AppKitContext.tsx +19 -11
- package/src/connectors/WalletConnectConnector.ts +20 -12
- package/src/hooks/useAccount.ts +15 -5
- package/src/hooks/useAppKit.ts +17 -12
- package/src/hooks/useAppKitState.ts +26 -0
- package/src/hooks/useProvider.ts +11 -5
- package/src/hooks/useRouteTransition.ts +11 -4
- package/src/hooks/useWalletInfo.ts +5 -2
- package/src/index.ts +1 -0
- package/src/modal/w3m-modal/index.tsx +25 -25
- package/src/modal/w3m-modal/styles.ts +1 -2
- package/src/modal/w3m-router/index.tsx +8 -6
- package/src/partials/w3m-account-activity/index.tsx +1 -1
- package/src/partials/w3m-account-wallet-features/index.tsx +2 -8
- package/src/partials/w3m-all-wallets-list/components/Loading.tsx +24 -0
- package/src/partials/w3m-all-wallets-list/components/WalletItem.tsx +38 -0
- package/src/partials/w3m-all-wallets-list/components/WalletList.tsx +100 -0
- package/src/partials/w3m-all-wallets-list/index.tsx +27 -85
- package/src/partials/w3m-all-wallets-list/styles.ts +11 -7
- package/src/partials/w3m-all-wallets-search/index.tsx +26 -87
- package/src/partials/w3m-all-wallets-search/styles.ts +4 -5
- package/src/partials/w3m-connecting-mobile/index.tsx +14 -12
- package/src/partials/w3m-connecting-mobile/styles.ts +2 -1
- package/src/partials/w3m-connecting-qrcode/components/ReownButton.tsx +20 -0
- package/src/partials/w3m-connecting-qrcode/index.tsx +16 -15
- package/src/partials/w3m-connecting-qrcode/styles.ts +3 -0
- package/src/partials/w3m-connecting-web/index.tsx +6 -4
- package/src/partials/w3m-connecting-web/styles.ts +3 -0
- package/src/partials/w3m-header/index.tsx +8 -5
- package/src/partials/w3m-selector-modal/index.tsx +81 -61
- package/src/partials/w3m-selector-modal/styles.ts +9 -11
- package/src/utils/HelpersUtil.ts +30 -0
- package/src/utils/NetworkUtil.ts +3 -3
- package/src/utils/UiUtil.ts +4 -0
- package/src/views/w3m-account-default-view/index.tsx +5 -5
- package/src/views/w3m-account-view/index.tsx +5 -29
- package/src/views/w3m-account-view/styles.ts +1 -4
- package/src/views/w3m-all-wallets-view/index.tsx +21 -25
- package/src/views/w3m-connect-socials-view/index.tsx +2 -3
- package/src/views/w3m-connect-view/components/all-wallet-list.tsx +30 -21
- package/src/views/w3m-connect-view/index.tsx +14 -13
- package/src/views/w3m-connecting-external-view/index.tsx +32 -18
- package/src/views/w3m-connecting-external-view/styles.ts +1 -1
- package/src/views/w3m-connecting-siwe-view/index.tsx +44 -42
- package/src/views/w3m-connecting-siwe-view/styles.ts +0 -7
- package/src/views/w3m-connecting-social-view/index.tsx +35 -31
- package/src/views/w3m-connecting-view/index.tsx +2 -4
- package/src/views/w3m-get-wallet-view/index.tsx +6 -5
- package/src/views/w3m-network-switch-view/index.tsx +70 -98
- package/src/views/w3m-networks-view/index.tsx +27 -19
- package/src/views/w3m-onramp-checkout-view/index.tsx +147 -143
- package/src/views/w3m-onramp-loading-view/index.tsx +11 -9
- package/src/views/w3m-onramp-loading-view/styles.ts +1 -1
- package/src/views/w3m-onramp-settings-view/components/Country.tsx +8 -3
- package/src/views/w3m-onramp-settings-view/index.tsx +16 -5
- package/src/views/w3m-onramp-settings-view/styles.ts +4 -1
- package/src/views/w3m-onramp-settings-view/utils.ts +18 -0
- package/src/views/w3m-onramp-transaction-view/index.tsx +1 -1
- package/src/views/w3m-onramp-view/components/Currency.tsx +4 -3
- package/src/views/w3m-onramp-view/components/Header.tsx +1 -1
- package/src/views/w3m-onramp-view/components/LoadingView.tsx +1 -1
- package/src/views/w3m-onramp-view/components/SelectPaymentModal.tsx +6 -3
- package/src/views/w3m-onramp-view/index.tsx +4 -3
- package/src/views/w3m-onramp-view/styles.ts +3 -0
- package/src/views/w3m-swap-preview-view/index.tsx +10 -3
- package/src/views/w3m-swap-preview-view/styles.ts +0 -3
- package/src/views/w3m-swap-view/components/select-token-modal/index.tsx +181 -0
- package/src/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.ts +6 -2
- package/src/views/w3m-swap-view/index.tsx +17 -11
- package/src/views/w3m-swap-view/styles.ts +0 -8
- package/src/views/w3m-unsupported-chain-view/index.tsx +5 -7
- package/src/views/w3m-unsupported-chain-view/styles.ts +1 -1
- package/src/views/w3m-upgrade-email-wallet-view/index.tsx +4 -6
- package/src/views/w3m-wallet-compatible-networks-view/index.tsx +8 -3
- package/src/views/w3m-wallet-receive-view/index.tsx +3 -3
- package/src/views/w3m-wallet-send-preview-view/index.tsx +11 -3
- package/src/views/w3m-wallet-send-select-token-view/index.tsx +10 -5
- package/src/views/w3m-wallet-send-view/index.tsx +6 -6
- package/src/views/w3m-wallet-send-view/styles.ts +0 -3
- package/src/views/w3m-what-is-a-network-view/index.tsx +2 -3
- package/src/views/w3m-what-is-a-wallet-view/index.tsx +2 -3
- package/lib/commonjs/hooks/useCustomDimensions.js +0 -33
- package/lib/commonjs/hooks/useCustomDimensions.js.map +0 -1
- package/lib/commonjs/views/w3m-connect-view/components/custom-wallet-list.js +0 -39
- package/lib/commonjs/views/w3m-connect-view/components/custom-wallet-list.js.map +0 -1
- package/lib/commonjs/views/w3m-connect-view/components/recent-wallet-list.js +0 -38
- package/lib/commonjs/views/w3m-connect-view/components/recent-wallet-list.js.map +0 -1
- package/lib/commonjs/views/w3m-connect-view/utils.js +0 -14
- package/lib/commonjs/views/w3m-connect-view/utils.js.map +0 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/index.js +0 -146
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/index.js.map +0 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/styles.js.map +0 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/utils.js.map +0 -1
- package/lib/module/hooks/useCustomDimensions.js +0 -30
- package/lib/module/hooks/useCustomDimensions.js.map +0 -1
- package/lib/module/views/w3m-connect-view/components/custom-wallet-list.js +0 -35
- package/lib/module/views/w3m-connect-view/components/custom-wallet-list.js.map +0 -1
- package/lib/module/views/w3m-connect-view/components/recent-wallet-list.js +0 -34
- package/lib/module/views/w3m-connect-view/components/recent-wallet-list.js.map +0 -1
- package/lib/module/views/w3m-connect-view/utils.js +0 -9
- package/lib/module/views/w3m-connect-view/utils.js.map +0 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/index.js +0 -141
- package/lib/module/views/w3m-swap-view/components/select-token-view/index.js.map +0 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/styles.js.map +0 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/utils.js.map +0 -1
- package/lib/typescript/hooks/useCustomDimensions.d.ts +0 -11
- package/lib/typescript/hooks/useCustomDimensions.d.ts.map +0 -1
- package/lib/typescript/views/w3m-connect-view/components/custom-wallet-list.d.ts +0 -9
- package/lib/typescript/views/w3m-connect-view/components/custom-wallet-list.d.ts.map +0 -1
- package/lib/typescript/views/w3m-connect-view/components/recent-wallet-list.d.ts +0 -9
- package/lib/typescript/views/w3m-connect-view/components/recent-wallet-list.d.ts.map +0 -1
- package/lib/typescript/views/w3m-connect-view/utils.d.ts +0 -3
- package/lib/typescript/views/w3m-connect-view/utils.d.ts.map +0 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/index.d.ts.map +0 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/utils.d.ts.map +0 -1
- package/src/hooks/useCustomDimensions.ts +0 -21
- package/src/views/w3m-connect-view/components/custom-wallet-list.tsx +0 -43
- package/src/views/w3m-connect-view/components/recent-wallet-list.tsx +0 -39
- package/src/views/w3m-connect-view/utils.ts +0 -14
- package/src/views/w3m-swap-view/components/select-token-view/index.tsx +0 -176
- /package/lib/commonjs/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.js +0 -0
- /package/lib/module/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.js +0 -0
- /package/lib/typescript/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.d.ts +0 -0
- /package/src/views/w3m-swap-view/components/{select-token-view → select-token-modal}/utils.ts +0 -0
|
@@ -13,9 +13,7 @@ var _w3mAccountTokens = require("../w3m-account-tokens");
|
|
|
13
13
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
-
function AccountWalletFeatures({
|
|
17
|
-
isBalanceLoading
|
|
18
|
-
}) {
|
|
16
|
+
function AccountWalletFeatures() {
|
|
19
17
|
const [activeTab, setActiveTab] = (0, _react.useState)(0);
|
|
20
18
|
const {
|
|
21
19
|
features,
|
|
@@ -138,8 +136,7 @@ function AccountWalletFeatures({
|
|
|
138
136
|
padding: ['m', '0', '0', '0'],
|
|
139
137
|
style: _styles.default.tabContainer,
|
|
140
138
|
children: [activeTab === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mAccountTokens.AccountTokens, {
|
|
141
|
-
style: _styles.default.tabContent
|
|
142
|
-
isLoading: isBalanceLoading
|
|
139
|
+
style: _styles.default.tabContent
|
|
143
140
|
}), activeTab === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mAccountActivity.AccountActivity, {
|
|
144
141
|
style: _styles.default.tabContent
|
|
145
142
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_valtio","_appkitUiReactNative","_appkitCoreReactNative","_w3mAccountActivity","_w3mAccountTokens","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","AccountWalletFeatures","
|
|
1
|
+
{"version":3,"names":["_react","require","_valtio","_appkitUiReactNative","_appkitCoreReactNative","_w3mAccountActivity","_w3mAccountTokens","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","AccountWalletFeatures","activeTab","setActiveTab","useState","features","isOnRampEnabled","useSnapshot","OptionsController","state","activeNetwork","balances","activeNamespace","ConnectionsController","balance","CoreHelperUtil","calculateAndFormatBalance","network","caipNetworkId","isSmartAccount","accountType","showSend","ConstantsUtil","SEND_SUPPORTED_NAMESPACES","includes","isSwapsEnabled","swaps","SWAP_SUPPORTED_NETWORKS","onTabChange","index","onTransactionsPress","EventsController","sendEvent","type","event","properties","onSwapPress","SwapController","resetState","RouterController","push","onSendPress","onReceivePress","onBuyPress","OnRampController","jsxs","FlexView","style","styles","container","alignItems","children","jsx","Balance","integer","dollars","decimal","pennies","actionsContainer","flexDirection","justifyContent","padding","IconLink","icon","size","iconColor","background","backgroundColor","pressedColor","action","actionCenter","actionLeft","onPress","actionRight","tab","Tabs","tabs","tabContainer","AccountTokens","tabContent","AccountActivity"],"sourceRoot":"../../../../src","sources":["partials/w3m-account-wallet-features/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Loading = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _WalletList = require("./WalletList");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _Loading({
|
|
11
|
+
loadingItems = 20,
|
|
12
|
+
style
|
|
13
|
+
}) {
|
|
14
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_WalletList.WalletList, {
|
|
15
|
+
data: [],
|
|
16
|
+
onItemPress: () => {},
|
|
17
|
+
isLoading: true,
|
|
18
|
+
loadingItems: loadingItems,
|
|
19
|
+
style: style
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
const Loading = exports.Loading = /*#__PURE__*/(0, _react.memo)(_Loading, () => {
|
|
23
|
+
return true;
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=Loading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_WalletList","_jsxRuntime","_Loading","loadingItems","style","jsx","WalletList","data","onItemPress","isLoading","Loading","exports","memo"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/Loading.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAA0C,IAAAE,WAAA,GAAAF,OAAA;AAQ1C,SAASG,QAAQA,CAAC;EAAEC,YAAY,GAAG,EAAE;EAAEC;AAAoB,CAAC,EAAE;EAC5D,oBACE,IAAAH,WAAA,CAAAI,GAAA,EAACL,WAAA,CAAAM,UAAU;IACTC,IAAI,EAAE,EAAG;IACTC,WAAW,EAAEA,CAAA,KAAM,CAAC,CAAE;IACtBC,SAAS,EAAE,IAAK;IAChBN,YAAY,EAAEA,YAAa;IAC3BC,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN;AAEO,MAAMM,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,WAAI,EAACV,QAAQ,EAAE,MAAM;EAC1C,OAAO,IAAI;AACb,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.MemoizedWalletItem = void 0;
|
|
7
|
+
exports.WalletItem = WalletItem;
|
|
8
|
+
var _valtio = require("valtio");
|
|
9
|
+
var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
|
|
10
|
+
var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
|
|
11
|
+
var _react = require("react");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function WalletItem({
|
|
14
|
+
item,
|
|
15
|
+
imageHeaders,
|
|
16
|
+
onItemPress,
|
|
17
|
+
style
|
|
18
|
+
}) {
|
|
19
|
+
const {
|
|
20
|
+
walletImages
|
|
21
|
+
} = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.state);
|
|
22
|
+
const isInstalled = _appkitCoreReactNative.ApiController.state.installed.find(wallet => wallet?.id === item?.id);
|
|
23
|
+
const imageSrc = _appkitCoreReactNative.AssetUtil.getWalletImage(item, walletImages);
|
|
24
|
+
if (!item?.id) {
|
|
25
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.CardSelectLoader, {
|
|
26
|
+
style: style
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.CardSelect, {
|
|
30
|
+
imageSrc: imageSrc,
|
|
31
|
+
style: style,
|
|
32
|
+
imageHeaders: imageHeaders,
|
|
33
|
+
name: item?.name ?? 'Unknown',
|
|
34
|
+
onPress: () => onItemPress(item),
|
|
35
|
+
installed: !!isInstalled
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
const MemoizedWalletItem = exports.MemoizedWalletItem = /*#__PURE__*/(0, _react.memo)(WalletItem, (prevProps, nextProps) => {
|
|
39
|
+
return prevProps.item.id === nextProps.item.id;
|
|
40
|
+
});
|
|
41
|
+
//# sourceMappingURL=WalletItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_valtio","require","_appkitCoreReactNative","_appkitUiReactNative","_react","_jsxRuntime","WalletItem","item","imageHeaders","onItemPress","style","walletImages","useSnapshot","AssetController","state","isInstalled","ApiController","installed","find","wallet","id","imageSrc","AssetUtil","getWalletImage","jsx","CardSelectLoader","CardSelect","name","onPress","MemoizedWalletItem","exports","memo","prevProps","nextProps"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/WalletItem.tsx"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAH,OAAA;AAA6B,IAAAI,WAAA,GAAAJ,OAAA;AAStB,SAASK,UAAUA,CAAC;EAAEC,IAAI;EAAEC,YAAY;EAAEC,WAAW;EAAEC;AAAuB,CAAC,EAAE;EACtF,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,mBAAW,EAACC,sCAAe,CAACC,KAAK,CAAC;EAC3D,MAAMC,WAAW,GAAGC,oCAAa,CAACF,KAAK,CAACG,SAAS,CAACC,IAAI,CAACC,MAAM,IAAIA,MAAM,EAAEC,EAAE,KAAKb,IAAI,EAAEa,EAAE,CAAC;EACzF,MAAMC,QAAQ,GAAGC,gCAAS,CAACC,cAAc,CAAChB,IAAI,EAAEI,YAAY,CAAC;EAE7D,IAAI,CAACJ,IAAI,EAAEa,EAAE,EAAE;IACb,oBAAO,IAAAf,WAAA,CAAAmB,GAAA,EAACrB,oBAAA,CAAAsB,gBAAgB;MAACf,KAAK,EAAEA;IAAM,CAAE,CAAC;EAC3C;EAEA,oBACE,IAAAL,WAAA,CAAAmB,GAAA,EAACrB,oBAAA,CAAAuB,UAAU;IACTL,QAAQ,EAAEA,QAAS;IACnBX,KAAK,EAAEA,KAAM;IACbF,YAAY,EAAEA,YAAa;IAC3BmB,IAAI,EAAEpB,IAAI,EAAEoB,IAAI,IAAI,SAAU;IAC9BC,OAAO,EAAEA,CAAA,KAAMnB,WAAW,CAACF,IAAI,CAAE;IACjCU,SAAS,EAAE,CAAC,CAACF;EAAY,CAC1B,CAAC;AAEN;AAEO,MAAMc,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAG,IAAAE,WAAI,EAACzB,UAAU,EAAE,CAAC0B,SAAS,EAAEC,SAAS,KAAK;EAC3E,OAAOD,SAAS,CAACzB,IAAI,CAACa,EAAE,KAAKa,SAAS,CAAC1B,IAAI,CAACa,EAAE;AAChD,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.WalletList = WalletList;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _WalletItem = require("./WalletItem");
|
|
9
|
+
var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
|
|
10
|
+
var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const imageHeaders = _appkitCoreReactNative.ApiController._getApiHeaders();
|
|
13
|
+
const ITEM_HEIGHT = _appkitUiReactNative.CardSelectHeight;
|
|
14
|
+
const ITEM_WIDTH = _appkitUiReactNative.CardSelectWidth;
|
|
15
|
+
const ITEM_HEIGHT_WITH_GAP = ITEM_HEIGHT + _appkitUiReactNative.Spacing['3xs'];
|
|
16
|
+
function WalletList({
|
|
17
|
+
data,
|
|
18
|
+
onItemPress,
|
|
19
|
+
onEndReached,
|
|
20
|
+
onEndReachedThreshold,
|
|
21
|
+
isLoading = false,
|
|
22
|
+
loadingItems = 20,
|
|
23
|
+
style
|
|
24
|
+
}) {
|
|
25
|
+
const {
|
|
26
|
+
padding,
|
|
27
|
+
maxHeight
|
|
28
|
+
} = (0, _appkitUiReactNative.useCustomDimensions)();
|
|
29
|
+
|
|
30
|
+
// Create loading data if isLoading is true
|
|
31
|
+
const displayData = isLoading ? Array.from({
|
|
32
|
+
length: loadingItems
|
|
33
|
+
}, (_, index) => ({
|
|
34
|
+
id: `loading-${index}`
|
|
35
|
+
})) : data;
|
|
36
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
|
|
37
|
+
fadingEdgeLength: 20,
|
|
38
|
+
bounces: false,
|
|
39
|
+
numColumns: 4,
|
|
40
|
+
data: displayData,
|
|
41
|
+
style: [styles.list, {
|
|
42
|
+
height: maxHeight
|
|
43
|
+
}, style],
|
|
44
|
+
columnWrapperStyle: styles.columnWrapperStyle,
|
|
45
|
+
renderItem: ({
|
|
46
|
+
item
|
|
47
|
+
}) => {
|
|
48
|
+
if (isLoading) {
|
|
49
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.CardSelectLoader, {
|
|
50
|
+
style: styles.itemContainer
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_WalletItem.WalletItem, {
|
|
54
|
+
item: item,
|
|
55
|
+
imageHeaders: imageHeaders,
|
|
56
|
+
onItemPress: onItemPress,
|
|
57
|
+
style: styles.itemContainer
|
|
58
|
+
});
|
|
59
|
+
},
|
|
60
|
+
contentContainerStyle: [styles.contentContainer, {
|
|
61
|
+
paddingHorizontal: padding
|
|
62
|
+
}],
|
|
63
|
+
initialNumToRender: 32,
|
|
64
|
+
maxToRenderPerBatch: 12,
|
|
65
|
+
windowSize: 10,
|
|
66
|
+
onEndReached: onEndReached,
|
|
67
|
+
onEndReachedThreshold: onEndReachedThreshold,
|
|
68
|
+
keyExtractor: (item, index) => item?.id ?? `item-${index}`,
|
|
69
|
+
getItemLayout: (_, index) => ({
|
|
70
|
+
length: ITEM_HEIGHT_WITH_GAP,
|
|
71
|
+
offset: ITEM_HEIGHT_WITH_GAP * index,
|
|
72
|
+
index
|
|
73
|
+
})
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
const styles = _reactNative.StyleSheet.create({
|
|
77
|
+
list: {
|
|
78
|
+
paddingTop: _appkitUiReactNative.Spacing['3xs']
|
|
79
|
+
},
|
|
80
|
+
contentContainer: {
|
|
81
|
+
paddingBottom: _appkitUiReactNative.Spacing['xs'],
|
|
82
|
+
paddingTop: _appkitUiReactNative.Spacing['3xs'],
|
|
83
|
+
gap: _appkitUiReactNative.Spacing['3xs'],
|
|
84
|
+
alignItems: 'center'
|
|
85
|
+
},
|
|
86
|
+
columnWrapperStyle: {
|
|
87
|
+
justifyContent: 'space-around'
|
|
88
|
+
},
|
|
89
|
+
itemContainer: {
|
|
90
|
+
width: '23%',
|
|
91
|
+
minWidth: ITEM_WIDTH
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
//# sourceMappingURL=WalletList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_WalletItem","_appkitUiReactNative","_appkitCoreReactNative","_jsxRuntime","imageHeaders","ApiController","_getApiHeaders","ITEM_HEIGHT","CardSelectHeight","ITEM_WIDTH","CardSelectWidth","ITEM_HEIGHT_WITH_GAP","Spacing","WalletList","data","onItemPress","onEndReached","onEndReachedThreshold","isLoading","loadingItems","style","padding","maxHeight","useCustomDimensions","displayData","Array","from","length","_","index","id","jsx","FlatList","fadingEdgeLength","bounces","numColumns","styles","list","height","columnWrapperStyle","renderItem","item","CardSelectLoader","itemContainer","WalletItem","contentContainerStyle","contentContainer","paddingHorizontal","initialNumToRender","maxToRenderPerBatch","windowSize","keyExtractor","getItemLayout","offset","StyleSheet","create","paddingTop","paddingBottom","gap","alignItems","justifyContent","width","minWidth"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/WalletList.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,27 +6,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.AllWalletsList = AllWalletsList;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _valtio = require("valtio");
|
|
9
|
-
var _reactNative = require("react-native");
|
|
10
9
|
var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
|
|
11
|
-
var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
|
|
12
10
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
13
|
-
var _UiUtil = require("../../utils/UiUtil");
|
|
14
|
-
var _useCustomDimensions = require("../../hooks/useCustomDimensions");
|
|
15
11
|
var _w3mPlaceholder = require("../w3m-placeholder");
|
|
12
|
+
var _Loading = require("./components/Loading");
|
|
13
|
+
var _WalletList = require("./components/WalletList");
|
|
16
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
16
|
function AllWalletsList({
|
|
19
|
-
columns,
|
|
20
|
-
itemWidth,
|
|
21
17
|
onItemPress
|
|
22
18
|
}) {
|
|
23
19
|
const [loading, setLoading] = (0, _react.useState)(_appkitCoreReactNative.ApiController.state.wallets.length === 0);
|
|
24
20
|
const [loadingError, setLoadingError] = (0, _react.useState)(false);
|
|
25
21
|
const [pageLoading, setPageLoading] = (0, _react.useState)(false);
|
|
26
|
-
const {
|
|
27
|
-
maxWidth,
|
|
28
|
-
padding
|
|
29
|
-
} = (0, _useCustomDimensions.useCustomDimensions)();
|
|
30
22
|
const {
|
|
31
23
|
installed,
|
|
32
24
|
featured,
|
|
@@ -36,62 +28,24 @@ function AllWalletsList({
|
|
|
36
28
|
const {
|
|
37
29
|
customWallets
|
|
38
30
|
} = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OptionsController.state);
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
const
|
|
31
|
+
let combinedWallets = [...installed, ...featured, ...recommended, ...wallets];
|
|
32
|
+
|
|
33
|
+
// Show custom wallets after certified wallets.
|
|
34
|
+
const certifiedIndex = combinedWallets.findLastIndex(wallet => wallet.badge_type === 'certified');
|
|
35
|
+
if (certifiedIndex > -1) {
|
|
36
|
+
const nonCertifiedWallets = combinedWallets.splice(certifiedIndex + 1);
|
|
37
|
+
combinedWallets = combinedWallets.concat(customWallets ?? [], nonCertifiedWallets);
|
|
38
|
+
} else {
|
|
39
|
+
combinedWallets = [...installed, ...featured, ...recommended, ...(customWallets ?? []), ...wallets];
|
|
40
|
+
}
|
|
43
41
|
|
|
44
42
|
// Deduplicate by wallet ID
|
|
45
43
|
const uniqueWallets = Array.from(new Map(combinedWallets.map(wallet => [wallet?.id, wallet])).values()).filter(wallet => wallet?.id); // Filter out any undefined wallets
|
|
46
44
|
|
|
45
|
+
const loadingItems = 4 - (100 + uniqueWallets.length) % 4;
|
|
47
46
|
const walletList = [...uniqueWallets, ...(pageLoading ? Array.from({
|
|
48
47
|
length: loadingItems
|
|
49
48
|
}) : [])];
|
|
50
|
-
const ITEM_HEIGHT = _appkitUiReactNative.CardSelectHeight + _appkitUiReactNative.Spacing.xs * 2;
|
|
51
|
-
const loadingTemplate = items => {
|
|
52
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
|
|
53
|
-
flexDirection: "row",
|
|
54
|
-
flexWrap: "wrap",
|
|
55
|
-
alignSelf: "center",
|
|
56
|
-
padding: ['0', '0', 's', 'xs'],
|
|
57
|
-
style: [_styles.default.container, {
|
|
58
|
-
maxWidth
|
|
59
|
-
}],
|
|
60
|
-
children: Array.from({
|
|
61
|
-
length: items
|
|
62
|
-
}).map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
63
|
-
style: [_styles.default.itemContainer, {
|
|
64
|
-
width: itemWidth
|
|
65
|
-
}],
|
|
66
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.CardSelectLoader, {})
|
|
67
|
-
}, index))
|
|
68
|
-
});
|
|
69
|
-
};
|
|
70
|
-
const walletTemplate = ({
|
|
71
|
-
item
|
|
72
|
-
}) => {
|
|
73
|
-
const isInstalled = _appkitCoreReactNative.ApiController.state.installed.find(wallet => wallet?.id === item?.id);
|
|
74
|
-
if (!item?.id) {
|
|
75
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
76
|
-
style: [_styles.default.itemContainer, {
|
|
77
|
-
width: itemWidth
|
|
78
|
-
}],
|
|
79
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.CardSelectLoader, {})
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
83
|
-
style: [_styles.default.itemContainer, {
|
|
84
|
-
width: itemWidth
|
|
85
|
-
}],
|
|
86
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.CardSelect, {
|
|
87
|
-
imageSrc: _appkitCoreReactNative.AssetUtil.getWalletImage(item),
|
|
88
|
-
imageHeaders: imageHeaders,
|
|
89
|
-
name: item?.name ?? 'Unknown',
|
|
90
|
-
onPress: () => onItemPress(item),
|
|
91
|
-
installed: !!isInstalled
|
|
92
|
-
})
|
|
93
|
-
});
|
|
94
|
-
};
|
|
95
49
|
const initialFetch = async () => {
|
|
96
50
|
try {
|
|
97
51
|
setLoading(true);
|
|
@@ -99,7 +53,6 @@ function AllWalletsList({
|
|
|
99
53
|
await _appkitCoreReactNative.ApiController.fetchWallets({
|
|
100
54
|
page: 1
|
|
101
55
|
});
|
|
102
|
-
_UiUtil.UiUtil.createViewTransition();
|
|
103
56
|
setLoading(false);
|
|
104
57
|
} catch (error) {
|
|
105
58
|
_appkitCoreReactNative.SnackController.showError('Failed to load wallets');
|
|
@@ -109,7 +62,7 @@ function AllWalletsList({
|
|
|
109
62
|
};
|
|
110
63
|
const fetchNextPage = async () => {
|
|
111
64
|
try {
|
|
112
|
-
if (walletList.length < _appkitCoreReactNative.ApiController.state.count && !pageLoading && !loading && _appkitCoreReactNative.ApiController.state.page > 0) {
|
|
65
|
+
if (walletList.length - (customWallets ?? []).length < _appkitCoreReactNative.ApiController.state.count && !pageLoading && !loading && _appkitCoreReactNative.ApiController.state.page > 0) {
|
|
113
66
|
setPageLoading(true);
|
|
114
67
|
await _appkitCoreReactNative.ApiController.fetchWallets({
|
|
115
68
|
page: _appkitCoreReactNative.ApiController.state.page + 1
|
|
@@ -127,7 +80,10 @@ function AllWalletsList({
|
|
|
127
80
|
}
|
|
128
81
|
}, []);
|
|
129
82
|
if (loading) {
|
|
130
|
-
return
|
|
83
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {
|
|
84
|
+
loadingItems: 12,
|
|
85
|
+
style: _styles.default.loadingContainer
|
|
86
|
+
});
|
|
131
87
|
}
|
|
132
88
|
if (loadingError) {
|
|
133
89
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mPlaceholder.Placeholder, {
|
|
@@ -141,24 +97,11 @@ function AllWalletsList({
|
|
|
141
97
|
style: _styles.default.placeholderContainer
|
|
142
98
|
});
|
|
143
99
|
}
|
|
144
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
145
|
-
fadingEdgeLength: 20,
|
|
146
|
-
bounces: false,
|
|
147
|
-
numColumns: columns,
|
|
100
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_WalletList.WalletList, {
|
|
148
101
|
data: walletList,
|
|
149
|
-
renderItem: walletTemplate,
|
|
150
|
-
style: _styles.default.container,
|
|
151
|
-
contentContainerStyle: [_styles.default.contentContainer, {
|
|
152
|
-
paddingHorizontal: padding + _appkitUiReactNative.Spacing.xs
|
|
153
|
-
}],
|
|
154
102
|
onEndReached: fetchNextPage,
|
|
155
103
|
onEndReachedThreshold: 2,
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
length: ITEM_HEIGHT,
|
|
159
|
-
offset: ITEM_HEIGHT * index,
|
|
160
|
-
index
|
|
161
|
-
})
|
|
162
|
-
}, columns);
|
|
104
|
+
onItemPress: onItemPress
|
|
105
|
+
});
|
|
163
106
|
}
|
|
164
107
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_valtio","
|
|
1
|
+
{"version":3,"names":["_react","require","_valtio","_appkitCoreReactNative","_styles","_interopRequireDefault","_w3mPlaceholder","_Loading","_WalletList","_jsxRuntime","e","__esModule","default","AllWalletsList","onItemPress","loading","setLoading","useState","ApiController","state","wallets","length","loadingError","setLoadingError","pageLoading","setPageLoading","installed","featured","recommended","useSnapshot","customWallets","OptionsController","combinedWallets","certifiedIndex","findLastIndex","wallet","badge_type","nonCertifiedWallets","splice","concat","uniqueWallets","Array","from","Map","map","id","values","filter","loadingItems","walletList","initialFetch","fetchWallets","page","error","SnackController","showError","fetchNextPage","count","useEffect","jsx","Loading","style","styles","loadingContainer","Placeholder","icon","iconColor","title","description","actionIcon","actionPress","actionTitle","placeholderContainer","WalletList","data","onEndReached","onEndReachedThreshold"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-list/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,16 +7,17 @@ exports.default = void 0;
|
|
|
7
7
|
var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _default = exports.default = _reactNative.StyleSheet.create({
|
|
10
|
-
container: {
|
|
11
|
-
height: '100%'
|
|
12
|
-
},
|
|
13
10
|
contentContainer: {
|
|
14
|
-
paddingBottom: _appkitUiReactNative.Spacing['
|
|
11
|
+
paddingBottom: _appkitUiReactNative.Spacing['4xl'],
|
|
12
|
+
paddingTop: _appkitUiReactNative.Spacing['3xs'],
|
|
13
|
+
gap: _appkitUiReactNative.Spacing['3xs'],
|
|
14
|
+
alignItems: 'center'
|
|
15
|
+
},
|
|
16
|
+
columnWrapperStyle: {
|
|
17
|
+
justifyContent: 'space-around'
|
|
15
18
|
},
|
|
16
19
|
itemContainer: {
|
|
17
|
-
|
|
18
|
-
justifyContent: 'center',
|
|
19
|
-
marginVertical: _appkitUiReactNative.Spacing.xs
|
|
20
|
+
width: '23%'
|
|
20
21
|
},
|
|
21
22
|
pageLoader: {
|
|
22
23
|
marginTop: _appkitUiReactNative.Spacing.xl
|
|
@@ -27,6 +28,9 @@ var _default = exports.default = _reactNative.StyleSheet.create({
|
|
|
27
28
|
placeholderContainer: {
|
|
28
29
|
flex: 0,
|
|
29
30
|
height: '90%'
|
|
31
|
+
},
|
|
32
|
+
loadingContainer: {
|
|
33
|
+
height: 320
|
|
30
34
|
}
|
|
31
35
|
});
|
|
32
36
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_default","exports","default","StyleSheet","create","
|
|
1
|
+
{"version":3,"names":["_appkitUiReactNative","require","_reactNative","_default","exports","default","StyleSheet","create","contentContainer","paddingBottom","Spacing","paddingTop","gap","alignItems","columnWrapperStyle","justifyContent","itemContainer","width","pageLoader","marginTop","xl","errorContainer","height","placeholderContainer","flex","loadingContainer"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-list/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA0C,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,gBAAgB,EAAE;IAChBC,aAAa,EAAEC,4BAAO,CAAC,KAAK,CAAC;IAC7BC,UAAU,EAAED,4BAAO,CAAC,KAAK,CAAC;IAC1BE,GAAG,EAAEF,4BAAO,CAAC,KAAK,CAAC;IACnBG,UAAU,EAAE;EACd,CAAC;EACDC,kBAAkB,EAAE;IAClBC,cAAc,EAAE;EAClB,CAAC;EACDC,aAAa,EAAE;IACbC,KAAK,EAAE;EACT,CAAC;EACDC,UAAU,EAAE;IACVC,SAAS,EAAET,4BAAO,CAACU;EACrB,CAAC;EACDC,cAAc,EAAE;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,oBAAoB,EAAE;IACpBC,IAAI,EAAE,CAAC;IACPF,MAAM,EAAE;EACV,CAAC;EACDG,gBAAgB,EAAE;IAChBH,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -4,79 +4,39 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.AllWalletsSearch = AllWalletsSearch;
|
|
7
|
+
var _valtio = require("valtio");
|
|
7
8
|
var _react = require("react");
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
9
|
var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
|
|
10
10
|
var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
|
|
11
|
-
var _useCustomDimensions = require("../../hooks/useCustomDimensions");
|
|
12
11
|
var _w3mPlaceholder = require("../w3m-placeholder");
|
|
13
12
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
13
|
+
var _Loading = require("../w3m-all-wallets-list/components/Loading");
|
|
14
|
+
var _WalletList = require("../w3m-all-wallets-list/components/WalletList");
|
|
14
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
17
|
function AllWalletsSearch({
|
|
17
18
|
searchQuery,
|
|
18
|
-
columns,
|
|
19
|
-
itemWidth,
|
|
20
19
|
onItemPress
|
|
21
20
|
}) {
|
|
21
|
+
const {
|
|
22
|
+
search
|
|
23
|
+
} = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ApiController.state);
|
|
24
|
+
const {
|
|
25
|
+
customWallets
|
|
26
|
+
} = (0, _valtio.useSnapshot)(_appkitCoreReactNative.OptionsController.state);
|
|
22
27
|
const [loading, setLoading] = (0, _react.useState)(false);
|
|
23
28
|
const [loadingError, setLoadingError] = (0, _react.useState)(false);
|
|
24
29
|
const [prevSearchQuery, setPrevSearchQuery] = (0, _react.useState)('');
|
|
25
|
-
const imageHeaders = _appkitCoreReactNative.ApiController._getApiHeaders();
|
|
26
30
|
const {
|
|
27
|
-
maxWidth,
|
|
28
|
-
padding,
|
|
29
31
|
isLandscape
|
|
30
|
-
} = (0,
|
|
31
|
-
const
|
|
32
|
-
const
|
|
33
|
-
item
|
|
34
|
-
}) => {
|
|
35
|
-
const isInstalled = _appkitCoreReactNative.ApiController.state.installed.find(wallet => wallet?.id === item?.id);
|
|
36
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
37
|
-
style: [_styles.default.itemContainer, {
|
|
38
|
-
width: itemWidth
|
|
39
|
-
}],
|
|
40
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.CardSelect, {
|
|
41
|
-
imageSrc: _appkitCoreReactNative.AssetUtil.getWalletImage(item),
|
|
42
|
-
imageHeaders: imageHeaders,
|
|
43
|
-
name: item?.name ?? 'Unknown',
|
|
44
|
-
onPress: () => onItemPress(item),
|
|
45
|
-
installed: !!isInstalled,
|
|
46
|
-
testID: `wallet-search-item-${item?.id}`
|
|
47
|
-
})
|
|
48
|
-
}, item?.id);
|
|
49
|
-
};
|
|
50
|
-
const loadingTemplate = items => {
|
|
51
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.FlexView, {
|
|
52
|
-
flexDirection: "row",
|
|
53
|
-
flexWrap: "wrap",
|
|
54
|
-
alignSelf: "center",
|
|
55
|
-
padding: ['0', '0', 's', 'xs'],
|
|
56
|
-
style: [_styles.default.container, {
|
|
57
|
-
maxWidth
|
|
58
|
-
}],
|
|
59
|
-
children: Array.from({
|
|
60
|
-
length: items
|
|
61
|
-
}).map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
62
|
-
style: [_styles.default.itemContainer, {
|
|
63
|
-
width: itemWidth
|
|
64
|
-
}],
|
|
65
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.CardSelectLoader, {})
|
|
66
|
-
}, index))
|
|
67
|
-
});
|
|
68
|
-
};
|
|
69
|
-
const emptyTemplate = () => {
|
|
70
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mPlaceholder.Placeholder, {
|
|
71
|
-
icon: "walletPlaceholder",
|
|
72
|
-
description: "No results found",
|
|
73
|
-
style: [_styles.default.emptyContainer, isLandscape && _styles.default.emptyLandscape]
|
|
74
|
-
});
|
|
75
|
-
};
|
|
32
|
+
} = (0, _appkitUiReactNative.useCustomDimensions)();
|
|
33
|
+
const customWalletResults = (customWallets ?? []).filter(wallet => wallet.name.toLowerCase().includes(searchQuery?.toLowerCase() ?? ''));
|
|
34
|
+
const results = [...search, ...customWalletResults];
|
|
76
35
|
const searchFetch = (0, _react.useCallback)(async () => {
|
|
77
36
|
try {
|
|
78
37
|
setLoading(true);
|
|
79
38
|
setLoadingError(false);
|
|
39
|
+
// eslint-disable-next-line valtio/state-snapshot-rule
|
|
80
40
|
await _appkitCoreReactNative.ApiController.searchWallet({
|
|
81
41
|
search: searchQuery
|
|
82
42
|
});
|
|
@@ -94,7 +54,9 @@ function AllWalletsSearch({
|
|
|
94
54
|
}
|
|
95
55
|
}, [searchQuery, prevSearchQuery, searchFetch]);
|
|
96
56
|
if (loading) {
|
|
97
|
-
return
|
|
57
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {
|
|
58
|
+
loadingItems: 12
|
|
59
|
+
});
|
|
98
60
|
}
|
|
99
61
|
if (loadingError) {
|
|
100
62
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mPlaceholder.Placeholder, {
|
|
@@ -104,29 +66,20 @@ function AllWalletsSearch({
|
|
|
104
66
|
description: `This might be due to a temporary network issue.\nPlease try reloading to see if that helps.`,
|
|
105
67
|
actionIcon: "refresh",
|
|
106
68
|
actionPress: searchFetch,
|
|
107
|
-
style: _styles.default.placeholderContainer,
|
|
69
|
+
style: [_styles.default.placeholderContainer],
|
|
108
70
|
actionTitle: "Retry"
|
|
109
71
|
});
|
|
110
72
|
}
|
|
111
|
-
if (
|
|
112
|
-
return
|
|
73
|
+
if (results.length === 0) {
|
|
74
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_w3mPlaceholder.Placeholder, {
|
|
75
|
+
icon: "walletPlaceholder",
|
|
76
|
+
description: "No results found",
|
|
77
|
+
style: [_styles.default.emptyContainer, isLandscape && _styles.default.emptyLandscape]
|
|
78
|
+
});
|
|
113
79
|
}
|
|
114
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
data: _appkitCoreReactNative.ApiController.state.search,
|
|
119
|
-
renderItem: walletTemplate,
|
|
120
|
-
style: _styles.default.container,
|
|
121
|
-
contentContainerStyle: [_styles.default.contentContainer, {
|
|
122
|
-
paddingHorizontal: padding + _appkitUiReactNative.Spacing.xs
|
|
123
|
-
}],
|
|
124
|
-
keyExtractor: item => item.id,
|
|
125
|
-
getItemLayout: (_, index) => ({
|
|
126
|
-
length: ITEM_HEIGHT,
|
|
127
|
-
offset: ITEM_HEIGHT * index,
|
|
128
|
-
index
|
|
129
|
-
})
|
|
130
|
-
}, columns);
|
|
80
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_WalletList.WalletList, {
|
|
81
|
+
onItemPress: onItemPress,
|
|
82
|
+
data: results
|
|
83
|
+
});
|
|
131
84
|
}
|
|
132
85
|
//# sourceMappingURL=index.js.map
|