@reown/appkit-react-native 2.0.0-alpha.3 → 2.0.0-alpha.4
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 +89 -21
- package/lib/commonjs/AppKit.js.map +1 -1
- package/lib/commonjs/connectors/WalletConnectConnector.js +4 -5
- package/lib/commonjs/connectors/WalletConnectConnector.js.map +1 -1
- package/lib/commonjs/hooks/useRouteTransition.js +10 -4
- package/lib/commonjs/hooks/useRouteTransition.js.map +1 -1
- package/lib/commonjs/modal/w3m-modal/index.js +15 -24
- 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/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 +113 -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 +47 -0
- package/lib/commonjs/partials/w3m-all-wallets-list/components/WalletItem.js.map +1 -0
- package/lib/commonjs/partials/w3m-all-wallets-list/index.js +24 -55
- package/lib/commonjs/partials/w3m-all-wallets-list/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-list/styles.js +3 -5
- package/lib/commonjs/partials/w3m-all-wallets-list/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-search/index.js +24 -46
- package/lib/commonjs/partials/w3m-all-wallets-search/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-all-wallets-search/styles.js +2 -5
- package/lib/commonjs/partials/w3m-all-wallets-search/styles.js.map +1 -1
- package/lib/commonjs/partials/w3m-connecting-mobile/index.js +5 -3
- package/lib/commonjs/partials/w3m-connecting-mobile/index.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 +7 -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 +4 -1
- package/lib/commonjs/partials/w3m-connecting-web/index.js.map +1 -1
- package/lib/commonjs/partials/w3m-header/index.js +1 -1
- package/lib/commonjs/partials/w3m-header/index.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 +1 -2
- package/lib/commonjs/views/w3m-account-default-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-account-view/index.js +2 -18
- package/lib/commonjs/views/w3m-account-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-all-wallets-view/index.js +16 -7
- package/lib/commonjs/views/w3m-all-wallets-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connect-socials-view/index.js +1 -2
- 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 +4 -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 +8 -2
- 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 +4 -1
- package/lib/commonjs/views/w3m-connect-view/components/recent-wallet-list.js.map +1 -1
- package/lib/commonjs/views/w3m-connect-view/index.js +3 -4
- package/lib/commonjs/views/w3m-connect-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connecting-external-view/index.js +27 -11
- package/lib/commonjs/views/w3m-connecting-external-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-connecting-social-view/index.js +2 -3
- 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 +6 -3
- package/lib/commonjs/views/w3m-get-wallet-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-networks-view/index.js +4 -4
- package/lib/commonjs/views/w3m-networks-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-onramp-loading-view/index.js +1 -2
- package/lib/commonjs/views/w3m-onramp-loading-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-preview-view/index.js +1 -2
- package/lib/commonjs/views/w3m-swap-preview-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/index.js +1 -2
- package/lib/commonjs/views/w3m-swap-view/components/select-token-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-swap-view/index.js +1 -2
- package/lib/commonjs/views/w3m-swap-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-compatible-networks-view/index.js +1 -2
- package/lib/commonjs/views/w3m-wallet-compatible-networks-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-receive-view/index.js +1 -2
- package/lib/commonjs/views/w3m-wallet-receive-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-wallet-send-preview-view/index.js +1 -2
- 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 +1 -2
- 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 +1 -2
- package/lib/commonjs/views/w3m-wallet-send-view/index.js.map +1 -1
- package/lib/commonjs/views/w3m-what-is-a-network-view/index.js +1 -2
- 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 +1 -2
- package/lib/commonjs/views/w3m-what-is-a-wallet-view/index.js.map +1 -1
- package/lib/module/AppKit.js +90 -22
- package/lib/module/AppKit.js.map +1 -1
- package/lib/module/connectors/WalletConnectConnector.js +4 -5
- package/lib/module/connectors/WalletConnectConnector.js.map +1 -1
- package/lib/module/hooks/useRouteTransition.js +10 -4
- package/lib/module/hooks/useRouteTransition.js.map +1 -1
- package/lib/module/modal/w3m-modal/index.js +16 -25
- 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/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 +109 -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 +42 -0
- package/lib/module/partials/w3m-all-wallets-list/components/WalletItem.js.map +1 -0
- package/lib/module/partials/w3m-all-wallets-list/index.js +26 -57
- package/lib/module/partials/w3m-all-wallets-list/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-list/styles.js +3 -5
- package/lib/module/partials/w3m-all-wallets-list/styles.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-search/index.js +26 -48
- package/lib/module/partials/w3m-all-wallets-search/index.js.map +1 -1
- package/lib/module/partials/w3m-all-wallets-search/styles.js +2 -5
- package/lib/module/partials/w3m-all-wallets-search/styles.js.map +1 -1
- package/lib/module/partials/w3m-connecting-mobile/index.js +6 -4
- package/lib/module/partials/w3m-connecting-mobile/index.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 +7 -25
- 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 +5 -2
- package/lib/module/partials/w3m-connecting-web/index.js.map +1 -1
- package/lib/module/partials/w3m-header/index.js +1 -1
- package/lib/module/partials/w3m-header/index.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 +1 -2
- package/lib/module/views/w3m-account-default-view/index.js.map +1 -1
- package/lib/module/views/w3m-account-view/index.js +3 -19
- package/lib/module/views/w3m-account-view/index.js.map +1 -1
- package/lib/module/views/w3m-all-wallets-view/index.js +16 -7
- package/lib/module/views/w3m-all-wallets-view/index.js.map +1 -1
- package/lib/module/views/w3m-connect-socials-view/index.js +1 -2
- 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 +5 -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 +9 -3
- 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 +5 -2
- package/lib/module/views/w3m-connect-view/components/recent-wallet-list.js.map +1 -1
- package/lib/module/views/w3m-connect-view/index.js +3 -4
- package/lib/module/views/w3m-connect-view/index.js.map +1 -1
- package/lib/module/views/w3m-connecting-external-view/index.js +29 -13
- package/lib/module/views/w3m-connecting-external-view/index.js.map +1 -1
- package/lib/module/views/w3m-connecting-social-view/index.js +2 -3
- 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 +7 -4
- package/lib/module/views/w3m-get-wallet-view/index.js.map +1 -1
- package/lib/module/views/w3m-networks-view/index.js +4 -4
- package/lib/module/views/w3m-networks-view/index.js.map +1 -1
- package/lib/module/views/w3m-onramp-loading-view/index.js +1 -2
- package/lib/module/views/w3m-onramp-loading-view/index.js.map +1 -1
- package/lib/module/views/w3m-swap-preview-view/index.js +1 -2
- package/lib/module/views/w3m-swap-preview-view/index.js.map +1 -1
- package/lib/module/views/w3m-swap-view/components/select-token-view/index.js +1 -2
- package/lib/module/views/w3m-swap-view/components/select-token-view/index.js.map +1 -1
- package/lib/module/views/w3m-swap-view/index.js +1 -2
- package/lib/module/views/w3m-swap-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-compatible-networks-view/index.js +1 -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 +1 -2
- package/lib/module/views/w3m-wallet-receive-view/index.js.map +1 -1
- package/lib/module/views/w3m-wallet-send-preview-view/index.js +1 -2
- 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 +1 -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 +1 -2
- package/lib/module/views/w3m-wallet-send-view/index.js.map +1 -1
- package/lib/module/views/w3m-what-is-a-network-view/index.js +1 -2
- 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 +1 -2
- package/lib/module/views/w3m-what-is-a-wallet-view/index.js.map +1 -1
- package/lib/typescript/AppKit.d.ts +8 -3
- package/lib/typescript/AppKit.d.ts.map +1 -1
- package/lib/typescript/AppKitContext.d.ts +1 -1
- package/lib/typescript/hooks/useRouteTransition.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 -1
- package/lib/typescript/modal/w3m-modal/styles.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 +15 -0
- package/lib/typescript/partials/w3m-all-wallets-list/components/WalletItem.d.ts.map +1 -0
- package/lib/typescript/partials/w3m-all-wallets-list/index.d.ts +2 -1
- 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 +2 -4
- 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 +2 -1
- 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 +1 -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-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/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-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/components/custom-wallet-list.d.ts.map +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-connecting-external-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-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-networks-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-swap-preview-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-view/components/select-token-view/index.d.ts.map +1 -1
- package/lib/typescript/views/w3m-swap-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-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 +5 -5
- package/src/AppKit.ts +119 -23
- package/src/connectors/WalletConnectConnector.ts +5 -5
- package/src/hooks/useRouteTransition.ts +11 -4
- package/src/modal/w3m-modal/index.tsx +16 -25
- package/src/modal/w3m-modal/styles.ts +1 -2
- package/src/partials/w3m-account-wallet-features/index.tsx +2 -8
- package/src/partials/w3m-all-wallets-list/components/Loading.tsx +47 -0
- package/src/partials/w3m-all-wallets-list/components/WalletItem.tsx +47 -0
- package/src/partials/w3m-all-wallets-list/index.tsx +29 -61
- package/src/partials/w3m-all-wallets-list/styles.ts +3 -5
- package/src/partials/w3m-all-wallets-search/index.tsx +27 -53
- package/src/partials/w3m-all-wallets-search/styles.ts +2 -5
- package/src/partials/w3m-connecting-mobile/index.tsx +6 -4
- package/src/partials/w3m-connecting-qrcode/components/ReownButton.tsx +20 -0
- package/src/partials/w3m-connecting-qrcode/index.tsx +12 -14
- package/src/partials/w3m-connecting-qrcode/styles.ts +3 -0
- package/src/partials/w3m-connecting-web/index.tsx +4 -2
- package/src/partials/w3m-header/index.tsx +1 -1
- 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 +2 -2
- package/src/views/w3m-account-view/index.tsx +4 -20
- package/src/views/w3m-all-wallets-view/index.tsx +27 -8
- package/src/views/w3m-connect-socials-view/index.tsx +1 -2
- package/src/views/w3m-connect-view/components/all-wallet-list.tsx +3 -1
- package/src/views/w3m-connect-view/components/custom-wallet-list.tsx +11 -3
- package/src/views/w3m-connect-view/components/recent-wallet-list.tsx +8 -2
- package/src/views/w3m-connect-view/index.tsx +11 -6
- package/src/views/w3m-connecting-external-view/index.tsx +24 -10
- package/src/views/w3m-connecting-social-view/index.tsx +9 -3
- package/src/views/w3m-connecting-view/index.tsx +2 -4
- package/src/views/w3m-get-wallet-view/index.tsx +5 -4
- package/src/views/w3m-networks-view/index.tsx +8 -4
- package/src/views/w3m-onramp-loading-view/index.tsx +8 -2
- package/src/views/w3m-swap-preview-view/index.tsx +9 -2
- package/src/views/w3m-swap-view/components/select-token-view/index.tsx +2 -2
- package/src/views/w3m-swap-view/index.tsx +7 -2
- package/src/views/w3m-wallet-compatible-networks-view/index.tsx +7 -2
- package/src/views/w3m-wallet-receive-view/index.tsx +2 -2
- package/src/views/w3m-wallet-send-preview-view/index.tsx +10 -2
- package/src/views/w3m-wallet-send-select-token-view/index.tsx +7 -2
- package/src/views/w3m-wallet-send-view/index.tsx +1 -2
- package/src/views/w3m-what-is-a-network-view/index.tsx +1 -2
- package/src/views/w3m-what-is-a-wallet-view/index.tsx +1 -2
- package/lib/commonjs/hooks/useCustomDimensions.js +0 -33
- package/lib/commonjs/hooks/useCustomDimensions.js.map +0 -1
- package/lib/module/hooks/useCustomDimensions.js +0 -30
- package/lib/module/hooks/useCustomDimensions.js.map +0 -1
- package/lib/typescript/hooks/useCustomDimensions.d.ts +0 -11
- package/lib/typescript/hooks/useCustomDimensions.d.ts.map +0 -1
- package/src/hooks/useCustomDimensions.ts +0 -21
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { CardSelectLoader, FlexView, useCustomDimensions } from '@reown/appkit-ui-react-native';
|
|
4
|
+
import { memo } from 'react';
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
function _Loading({
|
|
7
|
+
itemWidth,
|
|
8
|
+
containerStyle
|
|
9
|
+
}) {
|
|
10
|
+
const {
|
|
11
|
+
maxWidth,
|
|
12
|
+
maxHeight
|
|
13
|
+
} = useCustomDimensions();
|
|
14
|
+
return /*#__PURE__*/_jsxs(FlexView, {
|
|
15
|
+
flexDirection: "row",
|
|
16
|
+
flexWrap: "wrap",
|
|
17
|
+
alignSelf: "center",
|
|
18
|
+
padding: ['0', '0', 's', 'xs'],
|
|
19
|
+
style: {
|
|
20
|
+
maxWidth,
|
|
21
|
+
maxHeight
|
|
22
|
+
},
|
|
23
|
+
children: [/*#__PURE__*/_jsx(CardSelectLoader, {
|
|
24
|
+
style: [containerStyle, {
|
|
25
|
+
width: itemWidth
|
|
26
|
+
}]
|
|
27
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
28
|
+
style: [containerStyle, {
|
|
29
|
+
width: itemWidth
|
|
30
|
+
}]
|
|
31
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
32
|
+
style: [containerStyle, {
|
|
33
|
+
width: itemWidth
|
|
34
|
+
}]
|
|
35
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
36
|
+
style: [containerStyle, {
|
|
37
|
+
width: itemWidth
|
|
38
|
+
}]
|
|
39
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
40
|
+
style: [containerStyle, {
|
|
41
|
+
width: itemWidth
|
|
42
|
+
}]
|
|
43
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
44
|
+
style: [containerStyle, {
|
|
45
|
+
width: itemWidth
|
|
46
|
+
}]
|
|
47
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
48
|
+
style: [containerStyle, {
|
|
49
|
+
width: itemWidth
|
|
50
|
+
}]
|
|
51
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
52
|
+
style: [containerStyle, {
|
|
53
|
+
width: itemWidth
|
|
54
|
+
}]
|
|
55
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
56
|
+
style: [containerStyle, {
|
|
57
|
+
width: itemWidth
|
|
58
|
+
}]
|
|
59
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
60
|
+
style: [containerStyle, {
|
|
61
|
+
width: itemWidth
|
|
62
|
+
}]
|
|
63
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
64
|
+
style: [containerStyle, {
|
|
65
|
+
width: itemWidth
|
|
66
|
+
}]
|
|
67
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
68
|
+
style: [containerStyle, {
|
|
69
|
+
width: itemWidth
|
|
70
|
+
}]
|
|
71
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
72
|
+
style: [containerStyle, {
|
|
73
|
+
width: itemWidth
|
|
74
|
+
}]
|
|
75
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
76
|
+
style: [containerStyle, {
|
|
77
|
+
width: itemWidth
|
|
78
|
+
}]
|
|
79
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
80
|
+
style: [containerStyle, {
|
|
81
|
+
width: itemWidth
|
|
82
|
+
}]
|
|
83
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
84
|
+
style: [containerStyle, {
|
|
85
|
+
width: itemWidth
|
|
86
|
+
}]
|
|
87
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
88
|
+
style: [containerStyle, {
|
|
89
|
+
width: itemWidth
|
|
90
|
+
}]
|
|
91
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
92
|
+
style: [containerStyle, {
|
|
93
|
+
width: itemWidth
|
|
94
|
+
}]
|
|
95
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
96
|
+
style: [containerStyle, {
|
|
97
|
+
width: itemWidth
|
|
98
|
+
}]
|
|
99
|
+
}), /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
100
|
+
style: [containerStyle, {
|
|
101
|
+
width: itemWidth
|
|
102
|
+
}]
|
|
103
|
+
})]
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
export const Loading = /*#__PURE__*/memo(_Loading, () => {
|
|
107
|
+
return true;
|
|
108
|
+
});
|
|
109
|
+
//# sourceMappingURL=Loading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["CardSelectLoader","FlexView","useCustomDimensions","memo","jsx","_jsx","jsxs","_jsxs","_Loading","itemWidth","containerStyle","maxWidth","maxHeight","flexDirection","flexWrap","alignSelf","padding","style","children","width","Loading"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/Loading.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useSnapshot } from 'valtio';
|
|
4
|
+
import { ApiController, AssetController, AssetUtil } from '@reown/appkit-core-react-native';
|
|
5
|
+
import { CardSelect, CardSelectLoader } from '@reown/appkit-ui-react-native';
|
|
6
|
+
import { memo } from 'react';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function WalletItem({
|
|
9
|
+
containerStyle,
|
|
10
|
+
item,
|
|
11
|
+
itemWidth,
|
|
12
|
+
imageHeaders,
|
|
13
|
+
onItemPress,
|
|
14
|
+
style
|
|
15
|
+
}) {
|
|
16
|
+
const {
|
|
17
|
+
walletImages
|
|
18
|
+
} = useSnapshot(AssetController.state);
|
|
19
|
+
const isInstalled = ApiController.state.installed.find(wallet => wallet?.id === item?.id);
|
|
20
|
+
const imageSrc = AssetUtil.getWalletImage(item, walletImages);
|
|
21
|
+
if (!item?.id) {
|
|
22
|
+
return /*#__PURE__*/_jsx(CardSelectLoader, {
|
|
23
|
+
style: [containerStyle, {
|
|
24
|
+
width: itemWidth
|
|
25
|
+
}, style]
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
return /*#__PURE__*/_jsx(CardSelect, {
|
|
29
|
+
imageSrc: imageSrc,
|
|
30
|
+
style: [containerStyle, {
|
|
31
|
+
width: itemWidth
|
|
32
|
+
}, style],
|
|
33
|
+
imageHeaders: imageHeaders,
|
|
34
|
+
name: item?.name ?? 'Unknown',
|
|
35
|
+
onPress: () => onItemPress(item),
|
|
36
|
+
installed: !!isInstalled
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
export const MemoizedWalletItem = /*#__PURE__*/memo(WalletItem, (prevProps, nextProps) => {
|
|
40
|
+
return prevProps.item.id === nextProps.item.id;
|
|
41
|
+
});
|
|
42
|
+
//# sourceMappingURL=WalletItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useSnapshot","ApiController","AssetController","AssetUtil","CardSelect","CardSelectLoader","memo","jsx","_jsx","WalletItem","containerStyle","item","itemWidth","imageHeaders","onItemPress","style","walletImages","state","isInstalled","installed","find","wallet","id","imageSrc","getWalletImage","width","name","onPress","MemoizedWalletItem","prevProps","nextProps"],"sourceRoot":"../../../../../src","sources":["partials/w3m-all-wallets-list/components/WalletItem.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,aAAa,EAAEC,eAAe,EAAEC,SAAS,QAAQ,iCAAiC;AAC3F,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,+BAA+B;AAG5E,SAASC,IAAI,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAW7B,OAAO,SAASC,UAAUA,CAAC;EACzBC,cAAc;EACdC,IAAI;EACJC,SAAS;EACTC,YAAY;EACZC,WAAW;EACXC;AACe,CAAC,EAAE;EAClB,MAAM;IAAEC;EAAa,CAAC,GAAGhB,WAAW,CAACE,eAAe,CAACe,KAAK,CAAC;EAC3D,MAAMC,WAAW,GAAGjB,aAAa,CAACgB,KAAK,CAACE,SAAS,CAACC,IAAI,CAACC,MAAM,IAAIA,MAAM,EAAEC,EAAE,KAAKX,IAAI,EAAEW,EAAE,CAAC;EACzF,MAAMC,QAAQ,GAAGpB,SAAS,CAACqB,cAAc,CAACb,IAAI,EAAEK,YAAY,CAAC;EAE7D,IAAI,CAACL,IAAI,EAAEW,EAAE,EAAE;IACb,oBAAOd,IAAA,CAACH,gBAAgB;MAACU,KAAK,EAAE,CAACL,cAAc,EAAE;QAAEe,KAAK,EAAEb;MAAU,CAAC,EAAEG,KAAK;IAAE,CAAE,CAAC;EACnF;EAEA,oBACEP,IAAA,CAACJ,UAAU;IACTmB,QAAQ,EAAEA,QAAS;IACnBR,KAAK,EAAE,CAACL,cAAc,EAAE;MAAEe,KAAK,EAAEb;IAAU,CAAC,EAAEG,KAAK,CAAE;IACrDF,YAAY,EAAEA,YAAa;IAC3Ba,IAAI,EAAEf,IAAI,EAAEe,IAAI,IAAI,SAAU;IAC9BC,OAAO,EAAEA,CAAA,KAAMb,WAAW,CAACH,IAAI,CAAE;IACjCQ,SAAS,EAAE,CAAC,CAACD;EAAY,CAC1B,CAAC;AAEN;AAEA,OAAO,MAAMU,kBAAkB,gBAAGtB,IAAI,CAACG,UAAU,EAAE,CAACoB,SAAS,EAAEC,SAAS,KAAK;EAC3E,OAAOD,SAAS,CAAClB,IAAI,CAACW,EAAE,KAAKQ,SAAS,CAACnB,IAAI,CAACW,EAAE;AAChD,CAAC,CAAC","ignoreList":[]}
|
|
@@ -2,24 +2,26 @@
|
|
|
2
2
|
|
|
3
3
|
import { useEffect, useState } from 'react';
|
|
4
4
|
import { useSnapshot } from 'valtio';
|
|
5
|
-
import { FlatList
|
|
6
|
-
import { ApiController,
|
|
7
|
-
import {
|
|
5
|
+
import { FlatList } from 'react-native';
|
|
6
|
+
import { ApiController, OptionsController, SnackController } from '@reown/appkit-core-react-native';
|
|
7
|
+
import { CardSelectHeight, Spacing, useCustomDimensions } from '@reown/appkit-ui-react-native';
|
|
8
8
|
import styles from './styles';
|
|
9
|
-
import { UiUtil } from '../../utils/UiUtil';
|
|
10
|
-
import { useCustomDimensions } from '../../hooks/useCustomDimensions';
|
|
11
9
|
import { Placeholder } from '../w3m-placeholder';
|
|
10
|
+
import { Loading } from './components/Loading';
|
|
11
|
+
import { WalletItem } from './components/WalletItem';
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
|
|
13
14
|
export function AllWalletsList({
|
|
14
15
|
columns,
|
|
15
16
|
itemWidth,
|
|
16
|
-
onItemPress
|
|
17
|
+
onItemPress,
|
|
18
|
+
headerHeight = 0
|
|
17
19
|
}) {
|
|
18
20
|
const [loading, setLoading] = useState(ApiController.state.wallets.length === 0);
|
|
19
21
|
const [loadingError, setLoadingError] = useState(false);
|
|
20
22
|
const [pageLoading, setPageLoading] = useState(false);
|
|
21
23
|
const {
|
|
22
|
-
|
|
24
|
+
maxHeight,
|
|
23
25
|
padding
|
|
24
26
|
} = useCustomDimensions();
|
|
25
27
|
const {
|
|
@@ -42,51 +44,6 @@ export function AllWalletsList({
|
|
|
42
44
|
const walletList = [...uniqueWallets, ...(pageLoading ? Array.from({
|
|
43
45
|
length: loadingItems
|
|
44
46
|
}) : [])];
|
|
45
|
-
const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
|
|
46
|
-
const loadingTemplate = items => {
|
|
47
|
-
return /*#__PURE__*/_jsx(FlexView, {
|
|
48
|
-
flexDirection: "row",
|
|
49
|
-
flexWrap: "wrap",
|
|
50
|
-
alignSelf: "center",
|
|
51
|
-
padding: ['0', '0', 's', 'xs'],
|
|
52
|
-
style: [styles.container, {
|
|
53
|
-
maxWidth
|
|
54
|
-
}],
|
|
55
|
-
children: Array.from({
|
|
56
|
-
length: items
|
|
57
|
-
}).map((_, index) => /*#__PURE__*/_jsx(View, {
|
|
58
|
-
style: [styles.itemContainer, {
|
|
59
|
-
width: itemWidth
|
|
60
|
-
}],
|
|
61
|
-
children: /*#__PURE__*/_jsx(CardSelectLoader, {})
|
|
62
|
-
}, index))
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
const walletTemplate = ({
|
|
66
|
-
item
|
|
67
|
-
}) => {
|
|
68
|
-
const isInstalled = ApiController.state.installed.find(wallet => wallet?.id === item?.id);
|
|
69
|
-
if (!item?.id) {
|
|
70
|
-
return /*#__PURE__*/_jsx(View, {
|
|
71
|
-
style: [styles.itemContainer, {
|
|
72
|
-
width: itemWidth
|
|
73
|
-
}],
|
|
74
|
-
children: /*#__PURE__*/_jsx(CardSelectLoader, {})
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
return /*#__PURE__*/_jsx(View, {
|
|
78
|
-
style: [styles.itemContainer, {
|
|
79
|
-
width: itemWidth
|
|
80
|
-
}],
|
|
81
|
-
children: /*#__PURE__*/_jsx(CardSelect, {
|
|
82
|
-
imageSrc: AssetUtil.getWalletImage(item),
|
|
83
|
-
imageHeaders: imageHeaders,
|
|
84
|
-
name: item?.name ?? 'Unknown',
|
|
85
|
-
onPress: () => onItemPress(item),
|
|
86
|
-
installed: !!isInstalled
|
|
87
|
-
})
|
|
88
|
-
});
|
|
89
|
-
};
|
|
90
47
|
const initialFetch = async () => {
|
|
91
48
|
try {
|
|
92
49
|
setLoading(true);
|
|
@@ -94,7 +51,6 @@ export function AllWalletsList({
|
|
|
94
51
|
await ApiController.fetchWallets({
|
|
95
52
|
page: 1
|
|
96
53
|
});
|
|
97
|
-
UiUtil.createViewTransition();
|
|
98
54
|
setLoading(false);
|
|
99
55
|
} catch (error) {
|
|
100
56
|
SnackController.showError('Failed to load wallets');
|
|
@@ -122,7 +78,10 @@ export function AllWalletsList({
|
|
|
122
78
|
}
|
|
123
79
|
}, []);
|
|
124
80
|
if (loading) {
|
|
125
|
-
return
|
|
81
|
+
return /*#__PURE__*/_jsx(Loading, {
|
|
82
|
+
itemWidth: itemWidth,
|
|
83
|
+
containerStyle: styles.itemContainer
|
|
84
|
+
});
|
|
126
85
|
}
|
|
127
86
|
if (loadingError) {
|
|
128
87
|
return /*#__PURE__*/_jsx(Placeholder, {
|
|
@@ -141,10 +100,20 @@ export function AllWalletsList({
|
|
|
141
100
|
bounces: false,
|
|
142
101
|
numColumns: columns,
|
|
143
102
|
data: walletList,
|
|
144
|
-
renderItem:
|
|
145
|
-
|
|
103
|
+
renderItem: ({
|
|
104
|
+
item
|
|
105
|
+
}) => /*#__PURE__*/_jsx(WalletItem, {
|
|
106
|
+
item: item,
|
|
107
|
+
itemWidth: itemWidth,
|
|
108
|
+
imageHeaders: imageHeaders,
|
|
109
|
+
onItemPress: onItemPress,
|
|
110
|
+
style: styles.itemContainer
|
|
111
|
+
}),
|
|
112
|
+
style: {
|
|
113
|
+
maxHeight: maxHeight - headerHeight - Spacing['4xl']
|
|
114
|
+
},
|
|
146
115
|
contentContainerStyle: [styles.contentContainer, {
|
|
147
|
-
paddingHorizontal: padding + Spacing
|
|
116
|
+
paddingHorizontal: padding + Spacing['2xs']
|
|
148
117
|
}],
|
|
149
118
|
onEndReached: fetchNextPage,
|
|
150
119
|
onEndReachedThreshold: 2,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useState","useSnapshot","FlatList","
|
|
1
|
+
{"version":3,"names":["useEffect","useState","useSnapshot","FlatList","ApiController","OptionsController","SnackController","CardSelectHeight","Spacing","useCustomDimensions","styles","Placeholder","Loading","WalletItem","jsx","_jsx","ITEM_HEIGHT","xs","AllWalletsList","columns","itemWidth","onItemPress","headerHeight","loading","setLoading","state","wallets","length","loadingError","setLoadingError","pageLoading","setPageLoading","maxHeight","padding","installed","featured","recommended","customWallets","imageHeaders","_getApiHeaders","preloadedWallets","loadingItems","combinedWallets","uniqueWallets","Array","from","Map","map","wallet","id","values","filter","walletList","initialFetch","fetchWallets","page","error","showError","fetchNextPage","count","containerStyle","itemContainer","icon","iconColor","title","description","actionIcon","actionPress","actionTitle","style","placeholderContainer","fadingEdgeLength","bounces","numColumns","data","renderItem","item","contentContainerStyle","contentContainer","paddingHorizontal","onEndReached","onEndReachedThreshold","keyExtractor","index","getItemLayout","_","offset"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-list/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,QAAQ,QAAQ,cAAc;AACvC,SACEC,aAAa,EACbC,iBAAiB,EACjBC,eAAe,QAEV,iCAAiC;AAExC,SAASC,gBAAgB,EAAEC,OAAO,EAAEC,mBAAmB,QAAQ,+BAA+B;AAC9F,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,UAAU,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASrD,MAAMC,WAAW,GAAGT,gBAAgB,GAAGC,OAAO,CAACS,EAAE,GAAG,CAAC;AAErD,OAAO,SAASC,cAAcA,CAAC;EAC7BC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,YAAY,GAAG;AACI,CAAC,EAAE;EACtB,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGvB,QAAQ,CAAUG,aAAa,CAACqB,KAAK,CAACC,OAAO,CAACC,MAAM,KAAK,CAAC,CAAC;EACzF,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG5B,QAAQ,CAAU,KAAK,CAAC;EAChE,MAAM,CAAC6B,WAAW,EAAEC,cAAc,CAAC,GAAG9B,QAAQ,CAAU,KAAK,CAAC;EAC9D,MAAM;IAAE+B,SAAS;IAAEC;EAAQ,CAAC,GAAGxB,mBAAmB,CAAC,CAAC;EACpD,MAAM;IAAEyB,SAAS;IAAEC,QAAQ;IAAEC,WAAW;IAAEV;EAAQ,CAAC,GAAGxB,WAAW,CAACE,aAAa,CAACqB,KAAK,CAAC;EACtF,MAAM;IAAEY;EAAc,CAAC,GAAGnC,WAAW,CAACG,iBAAiB,CAACoB,KAAK,CAA2B;EACxF,MAAMa,YAAY,GAAGlC,aAAa,CAACmC,cAAc,CAAC,CAAC;EACnD,MAAMC,gBAAgB,GAAGN,SAAS,CAACP,MAAM,GAAGQ,QAAQ,CAACR,MAAM,GAAGS,WAAW,CAACT,MAAM;EAChF,MAAMc,YAAY,GAAGtB,OAAO,GAAI,CAAC,GAAG,GAAGqB,gBAAgB,IAAIrB,OAAQ;EAEnE,MAAMuB,eAAe,GAAG,CACtB,IAAIL,aAAa,IAAI,EAAE,CAAC,EACxB,GAAGH,SAAS,EACZ,GAAGC,QAAQ,EACX,GAAGC,WAAW,EACd,GAAGV,OAAO,CACX;;EAED;EACA,MAAMiB,aAAa,GAAGC,KAAK,CAACC,IAAI,CAC9B,IAAIC,GAAG,CAACJ,eAAe,CAACK,GAAG,CAACC,MAAM,IAAI,CAACA,MAAM,EAAEC,EAAE,EAAED,MAAM,CAAC,CAAC,CAAC,CAACE,MAAM,CAAC,CACtE,CAAC,CAACC,MAAM,CAACH,MAAM,IAAIA,MAAM,EAAEC,EAAE,CAAC,CAAC,CAAC;;EAEhC,MAAMG,UAAU,GAAG,CACjB,GAAGT,aAAa,EAChB,IAAIb,WAAW,GAAIc,KAAK,CAACC,IAAI,CAAC;IAAElB,MAAM,EAAEc;EAAa,CAAC,CAAC,GAAkB,EAAE,CAAC,CAC7E;EAED,MAAMY,YAAY,GAAG,MAAAA,CAAA,KAAY;IAC/B,IAAI;MACF7B,UAAU,CAAC,IAAI,CAAC;MAChBK,eAAe,CAAC,KAAK,CAAC;MACtB,MAAMzB,aAAa,CAACkD,YAAY,CAAC;QAAEC,IAAI,EAAE;MAAE,CAAC,CAAC;MAC7C/B,UAAU,CAAC,KAAK,CAAC;IACnB,CAAC,CAAC,OAAOgC,KAAK,EAAE;MACdlD,eAAe,CAACmD,SAAS,CAAC,wBAAwB,CAAC;MACnDjC,UAAU,CAAC,KAAK,CAAC;MACjBK,eAAe,CAAC,IAAI,CAAC;IACvB;EACF,CAAC;EAED,MAAM6B,aAAa,GAAG,MAAAA,CAAA,KAAY;IAChC,IAAI;MACF,IACEN,UAAU,CAACzB,MAAM,GAAGvB,aAAa,CAACqB,KAAK,CAACkC,KAAK,IAC7C,CAAC7B,WAAW,IACZ,CAACP,OAAO,IACRnB,aAAa,CAACqB,KAAK,CAAC8B,IAAI,GAAG,CAAC,EAC5B;QACAxB,cAAc,CAAC,IAAI,CAAC;QACpB,MAAM3B,aAAa,CAACkD,YAAY,CAAC;UAAEC,IAAI,EAAEnD,aAAa,CAACqB,KAAK,CAAC8B,IAAI,GAAG;QAAE,CAAC,CAAC;QACxExB,cAAc,CAAC,KAAK,CAAC;MACvB;IACF,CAAC,CAAC,OAAOyB,KAAK,EAAE;MACdlD,eAAe,CAACmD,SAAS,CAAC,6BAA6B,CAAC;MACxD1B,cAAc,CAAC,KAAK,CAAC;IACvB;EACF,CAAC;EAED/B,SAAS,CAAC,MAAM;IACd,IAAI,CAACI,aAAa,CAACqB,KAAK,CAACC,OAAO,CAACC,MAAM,EAAE;MACvC0B,YAAY,CAAC,CAAC;IAChB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI9B,OAAO,EAAE;IACX,oBAAOR,IAAA,CAACH,OAAO;MAACQ,SAAS,EAAEA,SAAU;MAACwC,cAAc,EAAElD,MAAM,CAACmD;IAAc,CAAE,CAAC;EAChF;EAEA,IAAIjC,YAAY,EAAE;IAChB,oBACEb,IAAA,CAACJ,WAAW;MACVmD,IAAI,EAAC,eAAe;MACpBC,SAAS,EAAC,WAAW;MACrBC,KAAK,EAAC,kDAAkD;MACxDC,WAAW,EAAE,6FAA8F;MAC3GC,UAAU,EAAC,SAAS;MACpBC,WAAW,EAAEd,YAAa;MAC1Be,WAAW,EAAC,OAAO;MACnBC,KAAK,EAAE3D,MAAM,CAAC4D;IAAqB,CACpC,CAAC;EAEN;EAEA,oBACEvD,IAAA,CAACZ,QAAQ;IAEPoE,gBAAgB,EAAE,EAAG;IACrBC,OAAO,EAAE,KAAM;IACfC,UAAU,EAAEtD,OAAQ;IACpBuD,IAAI,EAAEtB,UAAW;IACjBuB,UAAU,EAAEA,CAAC;MAAEC;IAAK,CAAC,kBACnB7D,IAAA,CAACF,UAAU;MACT+D,IAAI,EAAEA,IAAK;MACXxD,SAAS,EAAEA,SAAU;MACrBkB,YAAY,EAAEA,YAAa;MAC3BjB,WAAW,EAAEA,WAAY;MACzBgD,KAAK,EAAE3D,MAAM,CAACmD;IAAc,CAC7B,CACD;IACFQ,KAAK,EAAE;MAAErC,SAAS,EAAEA,SAAS,GAAGV,YAAY,GAAGd,OAAO,CAAC,KAAK;IAAE,CAAE;IAChEqE,qBAAqB,EAAE,CACrBnE,MAAM,CAACoE,gBAAgB,EACvB;MAAEC,iBAAiB,EAAE9C,OAAO,GAAGzB,OAAO,CAAC,KAAK;IAAE,CAAC,CAC/C;IACFwE,YAAY,EAAEtB,aAAc;IAC5BuB,qBAAqB,EAAE,CAAE;IACzBC,YAAY,EAAEA,CAACN,IAAI,EAAEO,KAAK,KAAKP,IAAI,EAAE3B,EAAE,IAAIkC,KAAM;IACjDC,aAAa,EAAEA,CAACC,CAAC,EAAEF,KAAK,MAAM;MAC5BxD,MAAM,EAAEX,WAAW;MACnBsE,MAAM,EAAEtE,WAAW,GAAGmE,KAAK;MAC3BA;IACF,CAAC;EAAE,GA1BEhE,OA2BN,CAAC;AAEN","ignoreList":[]}
|
|
@@ -3,16 +3,14 @@
|
|
|
3
3
|
import { Spacing } from '@reown/appkit-ui-react-native';
|
|
4
4
|
import { StyleSheet } from 'react-native';
|
|
5
5
|
export default StyleSheet.create({
|
|
6
|
-
container: {
|
|
7
|
-
height: '100%'
|
|
8
|
-
},
|
|
9
6
|
contentContainer: {
|
|
10
|
-
paddingBottom: Spacing['
|
|
7
|
+
paddingBottom: Spacing['4xl'],
|
|
8
|
+
paddingTop: Spacing['3xs']
|
|
11
9
|
},
|
|
12
10
|
itemContainer: {
|
|
13
11
|
alignItems: 'center',
|
|
14
12
|
justifyContent: 'center',
|
|
15
|
-
|
|
13
|
+
margin: Spacing['4xs']
|
|
16
14
|
},
|
|
17
15
|
pageLoader: {
|
|
18
16
|
marginTop: Spacing.xl
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Spacing","StyleSheet","create","
|
|
1
|
+
{"version":3,"names":["Spacing","StyleSheet","create","contentContainer","paddingBottom","paddingTop","itemContainer","alignItems","justifyContent","margin","pageLoader","marginTop","xl","errorContainer","height","placeholderContainer","flex"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-list/styles.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,gBAAgB,EAAE;IAChBC,aAAa,EAAEJ,OAAO,CAAC,KAAK,CAAC;IAC7BK,UAAU,EAAEL,OAAO,CAAC,KAAK;EAC3B,CAAC;EACDM,aAAa,EAAE;IACbC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAET,OAAO,CAAC,KAAK;EACvB,CAAC;EACDU,UAAU,EAAE;IACVC,SAAS,EAAEX,OAAO,CAACY;EACrB,CAAC;EACDC,cAAc,EAAE;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,oBAAoB,EAAE;IACpBC,IAAI,EAAE,CAAC;IACPF,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,66 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useCallback, useEffect, useState } from 'react';
|
|
4
|
-
import { FlatList
|
|
5
|
-
import { ApiController,
|
|
6
|
-
import {
|
|
7
|
-
import { useCustomDimensions } from '../../hooks/useCustomDimensions';
|
|
4
|
+
import { FlatList } from 'react-native';
|
|
5
|
+
import { ApiController, SnackController } from '@reown/appkit-core-react-native';
|
|
6
|
+
import { CardSelectHeight, Spacing, useCustomDimensions } from '@reown/appkit-ui-react-native';
|
|
8
7
|
import { Placeholder } from '../w3m-placeholder';
|
|
9
8
|
import styles from './styles';
|
|
9
|
+
import { Loading } from '../w3m-all-wallets-list/components/Loading';
|
|
10
|
+
import { WalletItem } from '../w3m-all-wallets-list/components/WalletItem';
|
|
10
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
|
|
11
13
|
export function AllWalletsSearch({
|
|
12
14
|
searchQuery,
|
|
13
15
|
columns,
|
|
14
16
|
itemWidth,
|
|
15
|
-
onItemPress
|
|
17
|
+
onItemPress,
|
|
18
|
+
headerHeight = 0
|
|
16
19
|
}) {
|
|
17
20
|
const [loading, setLoading] = useState(false);
|
|
18
21
|
const [loadingError, setLoadingError] = useState(false);
|
|
19
22
|
const [prevSearchQuery, setPrevSearchQuery] = useState('');
|
|
20
23
|
const imageHeaders = ApiController._getApiHeaders();
|
|
21
24
|
const {
|
|
22
|
-
|
|
25
|
+
maxHeight,
|
|
23
26
|
padding,
|
|
24
27
|
isLandscape
|
|
25
28
|
} = useCustomDimensions();
|
|
26
|
-
const ITEM_HEIGHT = CardSelectHeight + Spacing.xs * 2;
|
|
27
|
-
const walletTemplate = ({
|
|
28
|
-
item
|
|
29
|
-
}) => {
|
|
30
|
-
const isInstalled = ApiController.state.installed.find(wallet => wallet?.id === item?.id);
|
|
31
|
-
return /*#__PURE__*/_jsx(View, {
|
|
32
|
-
style: [styles.itemContainer, {
|
|
33
|
-
width: itemWidth
|
|
34
|
-
}],
|
|
35
|
-
children: /*#__PURE__*/_jsx(CardSelect, {
|
|
36
|
-
imageSrc: AssetUtil.getWalletImage(item),
|
|
37
|
-
imageHeaders: imageHeaders,
|
|
38
|
-
name: item?.name ?? 'Unknown',
|
|
39
|
-
onPress: () => onItemPress(item),
|
|
40
|
-
installed: !!isInstalled,
|
|
41
|
-
testID: `wallet-search-item-${item?.id}`
|
|
42
|
-
})
|
|
43
|
-
}, item?.id);
|
|
44
|
-
};
|
|
45
|
-
const loadingTemplate = items => {
|
|
46
|
-
return /*#__PURE__*/_jsx(FlexView, {
|
|
47
|
-
flexDirection: "row",
|
|
48
|
-
flexWrap: "wrap",
|
|
49
|
-
alignSelf: "center",
|
|
50
|
-
padding: ['0', '0', 's', 'xs'],
|
|
51
|
-
style: [styles.container, {
|
|
52
|
-
maxWidth
|
|
53
|
-
}],
|
|
54
|
-
children: Array.from({
|
|
55
|
-
length: items
|
|
56
|
-
}).map((_, index) => /*#__PURE__*/_jsx(View, {
|
|
57
|
-
style: [styles.itemContainer, {
|
|
58
|
-
width: itemWidth
|
|
59
|
-
}],
|
|
60
|
-
children: /*#__PURE__*/_jsx(CardSelectLoader, {})
|
|
61
|
-
}, index))
|
|
62
|
-
});
|
|
63
|
-
};
|
|
64
29
|
const emptyTemplate = () => {
|
|
65
30
|
return /*#__PURE__*/_jsx(Placeholder, {
|
|
66
31
|
icon: "walletPlaceholder",
|
|
@@ -89,7 +54,10 @@ export function AllWalletsSearch({
|
|
|
89
54
|
}
|
|
90
55
|
}, [searchQuery, prevSearchQuery, searchFetch]);
|
|
91
56
|
if (loading) {
|
|
92
|
-
return
|
|
57
|
+
return /*#__PURE__*/_jsx(Loading, {
|
|
58
|
+
itemWidth: itemWidth,
|
|
59
|
+
containerStyle: styles.itemContainer
|
|
60
|
+
});
|
|
93
61
|
}
|
|
94
62
|
if (loadingError) {
|
|
95
63
|
return /*#__PURE__*/_jsx(Placeholder, {
|
|
@@ -111,10 +79,20 @@ export function AllWalletsSearch({
|
|
|
111
79
|
bounces: false,
|
|
112
80
|
numColumns: columns,
|
|
113
81
|
data: ApiController.state.search,
|
|
114
|
-
renderItem:
|
|
115
|
-
|
|
82
|
+
renderItem: ({
|
|
83
|
+
item
|
|
84
|
+
}) => /*#__PURE__*/_jsx(WalletItem, {
|
|
85
|
+
item: item,
|
|
86
|
+
itemWidth: itemWidth,
|
|
87
|
+
imageHeaders: imageHeaders,
|
|
88
|
+
onItemPress: onItemPress,
|
|
89
|
+
style: styles.itemContainer
|
|
90
|
+
}),
|
|
91
|
+
style: {
|
|
92
|
+
maxHeight: maxHeight - headerHeight - Spacing['2xl']
|
|
93
|
+
},
|
|
116
94
|
contentContainerStyle: [styles.contentContainer, {
|
|
117
|
-
paddingHorizontal: padding + Spacing
|
|
95
|
+
paddingHorizontal: padding + Spacing['2xs']
|
|
118
96
|
}],
|
|
119
97
|
keyExtractor: item => item.id,
|
|
120
98
|
getItemLayout: (_, index) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useEffect","useState","FlatList","
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useState","FlatList","ApiController","SnackController","CardSelectHeight","Spacing","useCustomDimensions","Placeholder","styles","Loading","WalletItem","jsx","_jsx","ITEM_HEIGHT","xs","AllWalletsSearch","searchQuery","columns","itemWidth","onItemPress","headerHeight","loading","setLoading","loadingError","setLoadingError","prevSearchQuery","setPrevSearchQuery","imageHeaders","_getApiHeaders","maxHeight","padding","isLandscape","emptyTemplate","icon","description","style","emptyContainer","emptyLandscape","searchFetch","searchWallet","search","error","showError","containerStyle","itemContainer","iconColor","title","actionIcon","actionPress","placeholderContainer","actionTitle","state","length","fadingEdgeLength","bounces","numColumns","data","renderItem","item","contentContainerStyle","contentContainer","paddingHorizontal","keyExtractor","id","getItemLayout","_","index","offset"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-search/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,11 +3,8 @@
|
|
|
3
3
|
import { Spacing } from '@reown/appkit-ui-react-native';
|
|
4
4
|
import { StyleSheet } from 'react-native';
|
|
5
5
|
export default StyleSheet.create({
|
|
6
|
-
container: {
|
|
7
|
-
height: '100%'
|
|
8
|
-
},
|
|
9
6
|
contentContainer: {
|
|
10
|
-
paddingBottom: Spacing['
|
|
7
|
+
paddingBottom: Spacing['4xl']
|
|
11
8
|
},
|
|
12
9
|
placeholderContainer: {
|
|
13
10
|
flex: 0,
|
|
@@ -23,7 +20,7 @@ export default StyleSheet.create({
|
|
|
23
20
|
itemContainer: {
|
|
24
21
|
alignItems: 'center',
|
|
25
22
|
justifyContent: 'center',
|
|
26
|
-
|
|
23
|
+
margin: Spacing['4xs']
|
|
27
24
|
},
|
|
28
25
|
text: {
|
|
29
26
|
marginTop: Spacing.xs
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Spacing","StyleSheet","create","
|
|
1
|
+
{"version":3,"names":["Spacing","StyleSheet","create","contentContainer","paddingBottom","placeholderContainer","flex","height","emptyContainer","emptyLandscape","paddingTop","itemContainer","alignItems","justifyContent","margin","text","marginTop","xs"],"sourceRoot":"../../../../src","sources":["partials/w3m-all-wallets-search/styles.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,+BAA+B;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,eAAeA,UAAU,CAACC,MAAM,CAAC;EAC/BC,gBAAgB,EAAE;IAChBC,aAAa,EAAEJ,OAAO,CAAC,KAAK;EAC9B,CAAC;EACDK,oBAAoB,EAAE;IACpBC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdF,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDE,cAAc,EAAE;IACdC,UAAU,EAAE;EACd,CAAC;EACDC,aAAa,EAAE;IACbC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,MAAM,EAAEd,OAAO,CAAC,KAAK;EACvB,CAAC;EACDe,IAAI,EAAE;IACJC,SAAS,EAAEhB,OAAO,CAACiB;EACrB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -3,9 +3,8 @@
|
|
|
3
3
|
import { useSnapshot } from 'valtio';
|
|
4
4
|
import { useCallback, useEffect, useState } from 'react';
|
|
5
5
|
import { Platform, ScrollView } from 'react-native';
|
|
6
|
-
import { RouterController, ApiController, AssetUtil, WcController, CoreHelperUtil, OptionsController, EventsController, ConstantsUtil } from '@reown/appkit-core-react-native';
|
|
7
|
-
import { Button, FlexView, LoadingThumbnail, WalletImage, Link, IconBox } from '@reown/appkit-ui-react-native';
|
|
8
|
-
import { useCustomDimensions } from '../../hooks/useCustomDimensions';
|
|
6
|
+
import { RouterController, ApiController, AssetUtil, WcController, CoreHelperUtil, OptionsController, EventsController, ConstantsUtil, AssetController } from '@reown/appkit-core-react-native';
|
|
7
|
+
import { Button, FlexView, LoadingThumbnail, WalletImage, Link, IconBox, useCustomDimensions } from '@reown/appkit-ui-react-native';
|
|
9
8
|
import { StoreLink } from './components/StoreLink';
|
|
10
9
|
import { ConnectingBody, getMessage } from '../w3m-connecting-body';
|
|
11
10
|
import styles from './styles';
|
|
@@ -25,6 +24,9 @@ export function ConnectingMobile({
|
|
|
25
24
|
wcUri,
|
|
26
25
|
wcError
|
|
27
26
|
} = useSnapshot(WcController.state);
|
|
27
|
+
const {
|
|
28
|
+
walletImages
|
|
29
|
+
} = useSnapshot(AssetController.state);
|
|
28
30
|
const [errorType, setErrorType] = useState();
|
|
29
31
|
const showCopy = OptionsController.isClipboardAvailable() && errorType !== 'not_installed' && !CoreHelperUtil.isLinkModeURL(wcUri);
|
|
30
32
|
const showRetry = errorType !== 'not_installed';
|
|
@@ -105,7 +107,7 @@ export function ConnectingMobile({
|
|
|
105
107
|
paused: !!errorType || wcError,
|
|
106
108
|
children: [/*#__PURE__*/_jsx(WalletImage, {
|
|
107
109
|
size: "xl",
|
|
108
|
-
imageSrc: AssetUtil.getWalletImage(RouterController.state.data?.wallet),
|
|
110
|
+
imageSrc: AssetUtil.getWalletImage(RouterController.state.data?.wallet, walletImages),
|
|
109
111
|
imageHeaders: ApiController._getApiHeaders()
|
|
110
112
|
}), wcError ? /*#__PURE__*/_jsx(IconBox, {
|
|
111
113
|
icon: 'close',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useSnapshot","useCallback","useEffect","useState","Platform","ScrollView","RouterController","ApiController","AssetUtil","WcController","CoreHelperUtil","OptionsController","EventsController","ConstantsUtil","Button","FlexView","LoadingThumbnail","WalletImage","Link","IconBox","useCustomDimensions","StoreLink","ConnectingBody","getMessage","styles","jsx","_jsx","jsxs","_jsxs","ConnectingMobile","onRetry","onCopyUri","isInstalled","data","state","maxWidth","width","wcUri","wcError","errorType","setErrorType","showCopy","isClipboardAvailable","isLinkModeURL","showRetry","bodyMessage","walletName","wallet","name","declined","storeUrl","select","ios","app_store","android","play_store","onRetryPress","undefined","setWcError","onStorePress","openLink","onConnect","mobile_link","redirect","href","formatNativeUrl","wcLinking","setWcLinking","setPressedWallet","wcPromise","setConnectedWallet","sendEvent","type","event","properties","method","explorer_id","id","error","message","includes","LINKING_ERROR","bounces","fadingEdgeLength","contentContainerStyle","container","children","alignItems","alignSelf","padding","style","paused","size","imageSrc","getWalletImage","imageHeaders","_getApiHeaders","icon","border","background","backgroundColor","iconColor","errorIcon","title","description","variant","iconLeft","retryButton","iconStyle","retryIcon","onPress","color","copyButton","visible"],"sourceRoot":"../../../../src","sources":["partials/w3m-connecting-mobile/index.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SACEC,gBAAgB,EAChBC,aAAa,EACbC,SAAS,EACTC,YAAY,EACZC,cAAc,EACdC,iBAAiB,EACjBC,gBAAgB,EAChBC,aAAa,
|
|
1
|
+
{"version":3,"names":["useSnapshot","useCallback","useEffect","useState","Platform","ScrollView","RouterController","ApiController","AssetUtil","WcController","CoreHelperUtil","OptionsController","EventsController","ConstantsUtil","AssetController","Button","FlexView","LoadingThumbnail","WalletImage","Link","IconBox","useCustomDimensions","StoreLink","ConnectingBody","getMessage","styles","jsx","_jsx","jsxs","_jsxs","ConnectingMobile","onRetry","onCopyUri","isInstalled","data","state","maxWidth","width","wcUri","wcError","walletImages","errorType","setErrorType","showCopy","isClipboardAvailable","isLinkModeURL","showRetry","bodyMessage","walletName","wallet","name","declined","storeUrl","select","ios","app_store","android","play_store","onRetryPress","undefined","setWcError","onStorePress","openLink","onConnect","mobile_link","redirect","href","formatNativeUrl","wcLinking","setWcLinking","setPressedWallet","wcPromise","setConnectedWallet","sendEvent","type","event","properties","method","explorer_id","id","error","message","includes","LINKING_ERROR","bounces","fadingEdgeLength","contentContainerStyle","container","children","alignItems","alignSelf","padding","style","paused","size","imageSrc","getWalletImage","imageHeaders","_getApiHeaders","icon","border","background","backgroundColor","iconColor","errorIcon","title","description","variant","iconLeft","retryButton","iconStyle","retryIcon","onPress","color","copyButton","visible"],"sourceRoot":"../../../../src","sources":["partials/w3m-connecting-mobile/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Linking } from 'react-native';
|
|
4
|
+
import { ConstantsUtil } from '@reown/appkit-common-react-native';
|
|
5
|
+
import { FlexView, Icon, Pressable, Text } from '@reown/appkit-ui-react-native';
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
export function ReownButton({
|
|
8
|
+
style
|
|
9
|
+
}) {
|
|
10
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
11
|
+
transparent: true,
|
|
12
|
+
onPress: () => Linking.openURL(ConstantsUtil.REOWN_URL),
|
|
13
|
+
style: style,
|
|
14
|
+
children: /*#__PURE__*/_jsxs(FlexView, {
|
|
15
|
+
alignItems: "center",
|
|
16
|
+
justifyContent: "center",
|
|
17
|
+
flexDirection: "row",
|
|
18
|
+
columnGap: "2xs",
|
|
19
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
20
|
+
variant: "small-500",
|
|
21
|
+
color: "fg-100",
|
|
22
|
+
children: "UX by"
|
|
23
|
+
}), /*#__PURE__*/_jsx(Icon, {
|
|
24
|
+
name: "reown",
|
|
25
|
+
color: "fg-150",
|
|
26
|
+
width: 100,
|
|
27
|
+
height: 30
|
|
28
|
+
})]
|
|
29
|
+
})
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=ReownButton.js.map
|