@daimo/pay 1.6.2 → 1.6.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.d.ts +250 -249
- package/build/index.js +12039 -0
- package/build/index.js.map +1 -0
- package/package.json +5 -4
- package/build/package.json.js +0 -101
- package/build/package.json.js.map +0 -1
- package/build/pay/packages/connectkit/src/assets/ScanIconWithLogos.d.ts +0 -5
- package/build/pay/packages/connectkit/src/assets/browsers.d.ts +0 -10
- package/build/pay/packages/connectkit/src/assets/chains.d.ts +0 -28
- package/build/pay/packages/connectkit/src/assets/coins.d.ts +0 -2
- package/build/pay/packages/connectkit/src/assets/crepe.d.ts +0 -4
- package/build/pay/packages/connectkit/src/assets/icons.d.ts +0 -36
- package/build/pay/packages/connectkit/src/assets/logos.d.ts +0 -205
- package/build/pay/packages/connectkit/src/assets/wallet.d.ts +0 -4
- package/build/pay/packages/connectkit/src/assets/wave.d.ts +0 -2
- package/build/pay/packages/connectkit/src/components/Common/Alert/index.d.ts +0 -6
- package/build/pay/packages/connectkit/src/components/Common/Alert/styles.d.ts +0 -2
- package/build/pay/packages/connectkit/src/components/Common/Alert/types.d.ts +0 -5
- package/build/pay/packages/connectkit/src/components/Common/AmountInput/AmountInputField.d.ts +0 -8
- package/build/pay/packages/connectkit/src/components/Common/AmountInput/index.d.ts +0 -9
- package/build/pay/packages/connectkit/src/components/Common/Avatar/index.d.ts +0 -17
- package/build/pay/packages/connectkit/src/components/Common/Avatar/styles.d.ts +0 -2
- package/build/pay/packages/connectkit/src/components/Common/BrowserIcon/index.d.ts +0 -4
- package/build/pay/packages/connectkit/src/components/Common/BrowserIcon/styles.d.ts +0 -1
- package/build/pay/packages/connectkit/src/components/Common/BrowserIcon/types.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Common/Button/index.d.ts +0 -4
- package/build/pay/packages/connectkit/src/components/Common/Button/styles.d.ts +0 -10
- package/build/pay/packages/connectkit/src/components/Common/Button/types.d.ts +0 -15
- package/build/pay/packages/connectkit/src/components/Common/Chain/index.d.ts +0 -9
- package/build/pay/packages/connectkit/src/components/Common/Chain/styles.d.ts +0 -4
- package/build/pay/packages/connectkit/src/components/Common/ChainSelect/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Common/ChainSelectDropdown/index.d.ts +0 -9
- package/build/pay/packages/connectkit/src/components/Common/ChainSelectDropdown/styles.d.ts +0 -4
- package/build/pay/packages/connectkit/src/components/Common/ChainSelectList/index.d.ts +0 -4
- package/build/pay/packages/connectkit/src/components/Common/ChainSelectList/styles.d.ts +0 -9
- package/build/pay/packages/connectkit/src/components/Common/ConnectorList/index.d.ts +0 -2
- package/build/pay/packages/connectkit/src/components/Common/ConnectorList/styles.d.ts +0 -5
- package/build/pay/packages/connectkit/src/components/Common/CopyToClipboard/CopyToClipboardIcon.d.ts +0 -6
- package/build/pay/packages/connectkit/src/components/Common/CopyToClipboard/index.d.ts +0 -7
- package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/QRCode.d.ts +0 -12
- package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/index.d.ts +0 -6
- package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/styles.d.ts +0 -6
- package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/types.d.ts +0 -8
- package/build/pay/packages/connectkit/src/components/Common/DynamicContainer/index.d.ts +0 -7
- package/build/pay/packages/connectkit/src/components/Common/FitText/index.d.ts +0 -8
- package/build/pay/packages/connectkit/src/components/Common/LazyImage/index.d.ts +0 -8
- package/build/pay/packages/connectkit/src/components/Common/Logo/index.d.ts +0 -8
- package/build/pay/packages/connectkit/src/components/Common/Logo/styles.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Common/Modal/index.d.ts +0 -25
- package/build/pay/packages/connectkit/src/components/Common/Modal/styles.d.ts +0 -24
- package/build/pay/packages/connectkit/src/components/Common/OptionsList/index.d.ts +0 -14
- package/build/pay/packages/connectkit/src/components/Common/OptionsList/styles.d.ts +0 -6
- package/build/pay/packages/connectkit/src/components/Common/OrderHeader/index.d.ts +0 -4
- package/build/pay/packages/connectkit/src/components/Common/PaymentBreakdown/index.d.ts +0 -6
- package/build/pay/packages/connectkit/src/components/Common/Portal/index.d.ts +0 -2
- package/build/pay/packages/connectkit/src/components/Common/PoweredByFooter/index.d.ts +0 -4
- package/build/pay/packages/connectkit/src/components/Common/ScrollArea/index.d.ts +0 -7
- package/build/pay/packages/connectkit/src/components/Common/ScrollArea/styles.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Common/Spinner/index.d.ts +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Spinner/styles.d.ts +0 -1
- package/build/pay/packages/connectkit/src/components/Common/SwitchButton/index.d.ts +0 -6
- package/build/pay/packages/connectkit/src/components/Common/ThemedButton/index.d.ts +0 -15
- package/build/pay/packages/connectkit/src/components/Common/ThemedButton/styles.d.ts +0 -2
- package/build/pay/packages/connectkit/src/components/Common/TokenChainLogo/index.d.ts +0 -5
- package/build/pay/packages/connectkit/src/components/Common/Tooltip/index.d.ts +0 -4
- package/build/pay/packages/connectkit/src/components/Common/Tooltip/styles.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Common/Tooltip/types.d.ts +0 -9
- package/build/pay/packages/connectkit/src/components/Common/WalletChainLogo/index.d.ts +0 -6
- package/build/pay/packages/connectkit/src/components/DaimoPay.d.ts +0 -104
- package/build/pay/packages/connectkit/src/components/DaimoPayButton/index.d.ts +0 -153
- package/build/pay/packages/connectkit/src/components/DaimoPayButton/styles.d.ts +0 -4
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectUsing.d.ts +0 -2
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithInjector/index.d.ts +0 -15
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithInjector/styles.d.ts +0 -6
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithQRCode.d.ts +0 -5
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/index.d.ts +0 -7
- package/build/pay/packages/connectkit/src/components/DaimoPayThemeProvider/DaimoPayThemeProvider.d.ts +0 -16
- package/build/pay/packages/connectkit/src/components/NetworkButton/index.d.ts +0 -8
- package/build/pay/packages/connectkit/src/components/Pages/About/graphics.d.ts +0 -11
- package/build/pay/packages/connectkit/src/components/Pages/About/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/About/styles.d.ts +0 -8
- package/build/pay/packages/connectkit/src/components/Pages/Confirmation/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/Connectors/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/Connectors/styles.d.ts +0 -9
- package/build/pay/packages/connectkit/src/components/Pages/DownloadApp/index.d.ts +0 -2
- package/build/pay/packages/connectkit/src/components/Pages/MobileConnectors/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/MobileConnectors/styles.d.ts +0 -5
- package/build/pay/packages/connectkit/src/components/Pages/Onboarding/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/Onboarding/styles.d.ts +0 -9
- package/build/pay/packages/connectkit/src/components/Pages/PayWithToken/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/SelectAmount/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/SelectDepositAddressAmount/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/SelectDepositAddressChain/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/SelectExternalAmount/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/SelectMethod/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/SelectMethod/styles.d.ts +0 -9
- package/build/pay/packages/connectkit/src/components/Pages/SelectToken/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/Solana/ConnectSolana/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/Solana/ConnectorSolana/index.d.ts +0 -4
- package/build/pay/packages/connectkit/src/components/Pages/Solana/PayWithSolanaToken/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/Solana/SelectSolanaAmount/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/Solana/SelectSolanaToken/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/SwitchNetworks/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/WaitingDepositAddress/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Pages/WaitingExternal/index.d.ts +0 -3
- package/build/pay/packages/connectkit/src/components/Spinners/CircleSpinner/index.d.ts +0 -9
- package/build/pay/packages/connectkit/src/components/Spinners/CircleSpinner/styles.d.ts +0 -5
- package/build/pay/packages/connectkit/src/components/Spinners/ExternalPaymentSpinner/index.d.ts +0 -6
- package/build/pay/packages/connectkit/src/components/Spinners/SquircleSpinner/index.d.ts +0 -5
- package/build/pay/packages/connectkit/src/components/Spinners/SquircleSpinner/styles.d.ts +0 -4
- package/build/pay/packages/connectkit/src/components/Spinners/TokenLogoSpinner/index.d.ts +0 -6
- package/build/pay/packages/connectkit/src/components/Spinners/TokenLogoSpinner/styles.d.ts +0 -1
- package/build/pay/packages/connectkit/src/components/Spinners/styles.d.ts +0 -2
- package/build/pay/packages/connectkit/src/components/contexts/solana/index.d.ts +0 -6
- package/build/pay/packages/connectkit/src/components/contexts/web3/index.d.ts +0 -25
- package/build/pay/packages/connectkit/src/constants/defaultTheme.d.ts +0 -4
- package/build/pay/packages/connectkit/src/defaultConfig.d.ts +0 -22
- package/build/pay/packages/connectkit/src/defaultConnectors.d.ts +0 -15
- package/build/pay/packages/connectkit/src/hooks/connectors/useWalletConnectUri.d.ts +0 -7
- package/build/pay/packages/connectkit/src/hooks/hookTypes.d.ts +0 -9
- package/build/pay/packages/connectkit/src/hooks/useChainIsSupported.d.ts +0 -2
- package/build/pay/packages/connectkit/src/hooks/useChains.d.ts +0 -3
- package/build/pay/packages/connectkit/src/hooks/useConnect.d.ts +0 -110
- package/build/pay/packages/connectkit/src/hooks/useConnectCallback.d.ts +0 -8
- package/build/pay/packages/connectkit/src/hooks/useConnectors.d.ts +0 -7
- package/build/pay/packages/connectkit/src/hooks/useDaimoPayStatus.d.ts +0 -15
- package/build/pay/packages/connectkit/src/hooks/useDepositAddressOptions.d.ts +0 -10
- package/build/pay/packages/connectkit/src/hooks/useEnsFallbackConfig.d.ts +0 -2
- package/build/pay/packages/connectkit/src/hooks/useExternalPaymentOptions.d.ts +0 -12
- package/build/pay/packages/connectkit/src/hooks/useFitText.d.ts +0 -14
- package/build/pay/packages/connectkit/src/hooks/useFocusTrap.d.ts +0 -1
- package/build/pay/packages/connectkit/src/hooks/useGoogleFont.d.ts +0 -3
- package/build/pay/packages/connectkit/src/hooks/useIsMobile.d.ts +0 -1
- package/build/pay/packages/connectkit/src/hooks/useIsMounted.d.ts +0 -3
- package/build/pay/packages/connectkit/src/hooks/useLastConnector.d.ts +0 -4
- package/build/pay/packages/connectkit/src/hooks/useLocalStorage.d.ts +0 -7
- package/build/pay/packages/connectkit/src/hooks/useLocales.d.ts +0 -1
- package/build/pay/packages/connectkit/src/hooks/useLockBodyScroll.d.ts +0 -1
- package/build/pay/packages/connectkit/src/hooks/useModal.d.ts +0 -8
- package/build/pay/packages/connectkit/src/hooks/useOrderUsdLimits.d.ts +0 -7
- package/build/pay/packages/connectkit/src/hooks/usePayWithSolanaToken.d.ts +0 -12
- package/build/pay/packages/connectkit/src/hooks/usePayWithToken.d.ts +0 -14
- package/build/pay/packages/connectkit/src/hooks/usePaymentState.d.ts +0 -90
- package/build/pay/packages/connectkit/src/hooks/usePrevious.d.ts +0 -1
- package/build/pay/packages/connectkit/src/hooks/useSolanaPaymentOptions.d.ts +0 -12
- package/build/pay/packages/connectkit/src/hooks/useWalletConnectModal.d.ts +0 -4
- package/build/pay/packages/connectkit/src/hooks/useWalletPaymentOptions.d.ts +0 -20
- package/build/pay/packages/connectkit/src/hooks/useWindowSize.d.ts +0 -4
- package/build/pay/packages/connectkit/src/index.d.ts +0 -11
- package/build/pay/packages/connectkit/src/localizations/index.d.ts +0 -93
- package/build/pay/packages/connectkit/src/localizations/locales/ar-AE.d.ts +0 -3
- package/build/pay/packages/connectkit/src/localizations/locales/ca-AD.d.ts +0 -3
- package/build/pay/packages/connectkit/src/localizations/locales/ee-EE.d.ts +0 -3
- package/build/pay/packages/connectkit/src/localizations/locales/en-US.d.ts +0 -93
- package/build/pay/packages/connectkit/src/localizations/locales/es-ES.d.ts +0 -3
- package/build/pay/packages/connectkit/src/localizations/locales/fa-IR.d.ts +0 -3
- package/build/pay/packages/connectkit/src/localizations/locales/fr-FR.d.ts +0 -3
- package/build/pay/packages/connectkit/src/localizations/locales/index.d.ts +0 -2
- package/build/pay/packages/connectkit/src/localizations/locales/ja-JP.d.ts +0 -93
- package/build/pay/packages/connectkit/src/localizations/locales/pt-BR.d.ts +0 -3
- package/build/pay/packages/connectkit/src/localizations/locales/ru-RU.d.ts +0 -3
- package/build/pay/packages/connectkit/src/localizations/locales/tr-TR.d.ts +0 -3
- package/build/pay/packages/connectkit/src/localizations/locales/vi-VN.d.ts +0 -3
- package/build/pay/packages/connectkit/src/localizations/locales/zh-CN.d.ts +0 -3
- package/build/pay/packages/connectkit/src/styles/defaultTheme.d.ts +0 -3
- package/build/pay/packages/connectkit/src/styles/index.d.ts +0 -1
- package/build/pay/packages/connectkit/src/styles/styled/index.d.ts +0 -12
- package/build/pay/packages/connectkit/src/styles/themes/base.d.ts +0 -129
- package/build/pay/packages/connectkit/src/styles/themes/index.d.ts +0 -673
- package/build/pay/packages/connectkit/src/styles/themes/midnight.d.ts +0 -74
- package/build/pay/packages/connectkit/src/styles/themes/minimal.d.ts +0 -94
- package/build/pay/packages/connectkit/src/styles/themes/nouns.d.ts +0 -79
- package/build/pay/packages/connectkit/src/styles/themes/retro.d.ts +0 -89
- package/build/pay/packages/connectkit/src/styles/themes/rounded.d.ts +0 -86
- package/build/pay/packages/connectkit/src/styles/themes/soft.d.ts +0 -69
- package/build/pay/packages/connectkit/src/styles/themes/web95.d.ts +0 -91
- package/build/pay/packages/connectkit/src/styles/types.d.ts +0 -80
- package/build/pay/packages/connectkit/src/types.d.ts +0 -46
- package/build/pay/packages/connectkit/src/utils/exports.d.ts +0 -1
- package/build/pay/packages/connectkit/src/utils/format.d.ts +0 -49
- package/build/pay/packages/connectkit/src/utils/index.d.ts +0 -17
- package/build/pay/packages/connectkit/src/utils/localstorage.d.ts +0 -9
- package/build/pay/packages/connectkit/src/utils/p3.d.ts +0 -2
- package/build/pay/packages/connectkit/src/utils/platform.d.ts +0 -2
- package/build/pay/packages/connectkit/src/utils/supportUrl.d.ts +0 -2
- package/build/pay/packages/connectkit/src/utils/trpc.d.ts +0 -4
- package/build/pay/packages/connectkit/src/utils/validateInput.d.ts +0 -16
- package/build/pay/packages/connectkit/src/utils/wallets.d.ts +0 -24
- package/build/pay/packages/connectkit/src/wallets/index.d.ts +0 -5
- package/build/pay/packages/connectkit/src/wallets/useWallets.d.ts +0 -9
- package/build/pay/packages/connectkit/src/wallets/walletConfigs.d.ts +0 -30
- package/build/pay/packages/connectkit/tsconfig.tsbuildinfo +0 -1
- package/build/src/assets/ScanIconWithLogos.js +0 -34
- package/build/src/assets/ScanIconWithLogos.js.map +0 -1
- package/build/src/assets/browsers.js +0 -13
- package/build/src/assets/browsers.js.map +0 -1
- package/build/src/assets/chains.js +0 -70
- package/build/src/assets/chains.js.map +0 -1
- package/build/src/assets/coins.js +0 -6
- package/build/src/assets/coins.js.map +0 -1
- package/build/src/assets/crepe.js +0 -8
- package/build/src/assets/crepe.js.map +0 -1
- package/build/src/assets/icons.js +0 -29
- package/build/src/assets/icons.js.map +0 -1
- package/build/src/assets/logos.js +0 -153
- package/build/src/assets/logos.js.map +0 -1
- package/build/src/assets/wallet.js +0 -8
- package/build/src/assets/wallet.js.map +0 -1
- package/build/src/assets/wave.js +0 -6
- package/build/src/assets/wave.js.map +0 -1
- package/build/src/components/Common/Alert/index.js +0 -10
- package/build/src/components/Common/Alert/index.js.map +0 -1
- package/build/src/components/Common/Alert/styles.js +0 -55
- package/build/src/components/Common/Alert/styles.js.map +0 -1
- package/build/src/components/Common/AmountInput/AmountInputField.js +0 -59
- package/build/src/components/Common/AmountInput/AmountInputField.js.map +0 -1
- package/build/src/components/Common/AmountInput/index.js +0 -147
- package/build/src/components/Common/AmountInput/index.js.map +0 -1
- package/build/src/components/Common/Avatar/index.js +0 -66
- package/build/src/components/Common/Avatar/index.js.map +0 -1
- package/build/src/components/Common/Avatar/styles.js +0 -59
- package/build/src/components/Common/Avatar/styles.js.map +0 -1
- package/build/src/components/Common/BrowserIcon/index.js +0 -28
- package/build/src/components/Common/BrowserIcon/index.js.map +0 -1
- package/build/src/components/Common/BrowserIcon/styles.js +0 -20
- package/build/src/components/Common/BrowserIcon/styles.js.map +0 -1
- package/build/src/components/Common/Button/index.js +0 -38
- package/build/src/components/Common/Button/index.js.map +0 -1
- package/build/src/components/Common/Button/styles.js +0 -291
- package/build/src/components/Common/Button/styles.js.map +0 -1
- package/build/src/components/Common/Chain/index.js +0 -25
- package/build/src/components/Common/Chain/index.js.map +0 -1
- package/build/src/components/Common/Chain/styles.js +0 -94
- package/build/src/components/Common/Chain/styles.js.map +0 -1
- package/build/src/components/Common/ChainSelectList/index.js +0 -107
- package/build/src/components/Common/ChainSelectList/index.js.map +0 -1
- package/build/src/components/Common/ChainSelectList/styles.js +0 -228
- package/build/src/components/Common/ChainSelectList/styles.js.map +0 -1
- package/build/src/components/Common/ConnectorList/index.js +0 -71
- package/build/src/components/Common/ConnectorList/index.js.map +0 -1
- package/build/src/components/Common/ConnectorList/styles.js +0 -314
- package/build/src/components/Common/ConnectorList/styles.js.map +0 -1
- package/build/src/components/Common/CopyToClipboard/CopyToClipboardIcon.js +0 -71
- package/build/src/components/Common/CopyToClipboard/CopyToClipboardIcon.js.map +0 -1
- package/build/src/components/Common/CopyToClipboard/index.js +0 -51
- package/build/src/components/Common/CopyToClipboard/index.js.map +0 -1
- package/build/src/components/Common/CustomQRCode/QRCode.js +0 -69
- package/build/src/components/Common/CustomQRCode/QRCode.js.map +0 -1
- package/build/src/components/Common/CustomQRCode/index.js +0 -22
- package/build/src/components/Common/CustomQRCode/index.js.map +0 -1
- package/build/src/components/Common/CustomQRCode/styles.js +0 -155
- package/build/src/components/Common/CustomQRCode/styles.js.map +0 -1
- package/build/src/components/Common/FitText/index.js +0 -27
- package/build/src/components/Common/FitText/index.js.map +0 -1
- package/build/src/components/Common/Modal/index.js +0 -301
- package/build/src/components/Common/Modal/index.js.map +0 -1
- package/build/src/components/Common/Modal/styles.js +0 -661
- package/build/src/components/Common/Modal/styles.js.map +0 -1
- package/build/src/components/Common/OptionsList/index.js +0 -106
- package/build/src/components/Common/OptionsList/index.js.map +0 -1
- package/build/src/components/Common/OptionsList/styles.js +0 -165
- package/build/src/components/Common/OptionsList/styles.js.map +0 -1
- package/build/src/components/Common/OrderHeader/index.js +0 -128
- package/build/src/components/Common/OrderHeader/index.js.map +0 -1
- package/build/src/components/Common/PaymentBreakdown/index.js +0 -48
- package/build/src/components/Common/PaymentBreakdown/index.js.map +0 -1
- package/build/src/components/Common/Portal/index.js +0 -31
- package/build/src/components/Common/Portal/index.js.map +0 -1
- package/build/src/components/Common/PoweredByFooter/index.js +0 -79
- package/build/src/components/Common/PoweredByFooter/index.js.map +0 -1
- package/build/src/components/Common/ScrollArea/index.js +0 -62
- package/build/src/components/Common/ScrollArea/index.js.map +0 -1
- package/build/src/components/Common/ScrollArea/styles.js +0 -168
- package/build/src/components/Common/ScrollArea/styles.js.map +0 -1
- package/build/src/components/Common/Spinner/index.js +0 -24
- package/build/src/components/Common/Spinner/index.js.map +0 -1
- package/build/src/components/Common/Spinner/styles.js +0 -22
- package/build/src/components/Common/Spinner/styles.js.map +0 -1
- package/build/src/components/Common/SwitchButton/index.js +0 -39
- package/build/src/components/Common/SwitchButton/index.js.map +0 -1
- package/build/src/components/Common/ThemedButton/index.js +0 -25
- package/build/src/components/Common/ThemedButton/index.js.map +0 -1
- package/build/src/components/Common/ThemedButton/styles.js +0 -152
- package/build/src/components/Common/ThemedButton/styles.js.map +0 -1
- package/build/src/components/Common/TokenChainLogo/index.js +0 -24
- package/build/src/components/Common/TokenChainLogo/index.js.map +0 -1
- package/build/src/components/Common/Tooltip/index.js +0 -97
- package/build/src/components/Common/Tooltip/index.js.map +0 -1
- package/build/src/components/Common/Tooltip/styles.js +0 -81
- package/build/src/components/Common/Tooltip/styles.js.map +0 -1
- package/build/src/components/Common/WalletChainLogo/index.js +0 -24
- package/build/src/components/Common/WalletChainLogo/index.js.map +0 -1
- package/build/src/components/DaimoPay.js +0 -280
- package/build/src/components/DaimoPay.js.map +0 -1
- package/build/src/components/DaimoPayButton/index.js +0 -158
- package/build/src/components/DaimoPayButton/index.js.map +0 -1
- package/build/src/components/DaimoPayButton/styles.js +0 -50
- package/build/src/components/DaimoPayButton/styles.js.map +0 -1
- package/build/src/components/DaimoPayModal/ConnectUsing.js +0 -45
- package/build/src/components/DaimoPayModal/ConnectUsing.js.map +0 -1
- package/build/src/components/DaimoPayModal/ConnectWithInjector/index.js +0 -202
- package/build/src/components/DaimoPayModal/ConnectWithInjector/index.js.map +0 -1
- package/build/src/components/DaimoPayModal/ConnectWithInjector/styles.js +0 -133
- package/build/src/components/DaimoPayModal/ConnectWithInjector/styles.js.map +0 -1
- package/build/src/components/DaimoPayModal/ConnectWithQRCode.js +0 -75
- package/build/src/components/DaimoPayModal/ConnectWithQRCode.js.map +0 -1
- package/build/src/components/DaimoPayModal/index.js +0 -206
- package/build/src/components/DaimoPayModal/index.js.map +0 -1
- package/build/src/components/DaimoPayThemeProvider/DaimoPayThemeProvider.js +0 -21
- package/build/src/components/DaimoPayThemeProvider/DaimoPayThemeProvider.js.map +0 -1
- package/build/src/components/Pages/About/graphics.js +0 -187
- package/build/src/components/Pages/About/graphics.js.map +0 -1
- package/build/src/components/Pages/About/index.js +0 -131
- package/build/src/components/Pages/About/index.js.map +0 -1
- package/build/src/components/Pages/About/styles.js +0 -144
- package/build/src/components/Pages/About/styles.js.map +0 -1
- package/build/src/components/Pages/Confirmation/index.js +0 -105
- package/build/src/components/Pages/Confirmation/index.js.map +0 -1
- package/build/src/components/Pages/Connectors/index.js +0 -20
- package/build/src/components/Pages/Connectors/index.js.map +0 -1
- package/build/src/components/Pages/Connectors/styles.js +0 -267
- package/build/src/components/Pages/Connectors/styles.js.map +0 -1
- package/build/src/components/Pages/DownloadApp/index.js +0 -30
- package/build/src/components/Pages/DownloadApp/index.js.map +0 -1
- package/build/src/components/Pages/MobileConnectors/index.js +0 -78
- package/build/src/components/Pages/MobileConnectors/index.js.map +0 -1
- package/build/src/components/Pages/MobileConnectors/styles.js +0 -65
- package/build/src/components/Pages/MobileConnectors/styles.js.map +0 -1
- package/build/src/components/Pages/Onboarding/index.js +0 -18
- package/build/src/components/Pages/Onboarding/index.js.map +0 -1
- package/build/src/components/Pages/Onboarding/styles.js +0 -229
- package/build/src/components/Pages/Onboarding/styles.js.map +0 -1
- package/build/src/components/Pages/PayWithToken/index.js +0 -111
- package/build/src/components/Pages/PayWithToken/index.js.map +0 -1
- package/build/src/components/Pages/SelectAmount/index.js +0 -16
- package/build/src/components/Pages/SelectAmount/index.js.map +0 -1
- package/build/src/components/Pages/SelectDepositAddressAmount/index.js +0 -61
- package/build/src/components/Pages/SelectDepositAddressAmount/index.js.map +0 -1
- package/build/src/components/Pages/SelectDepositAddressChain/index.js +0 -38
- package/build/src/components/Pages/SelectDepositAddressChain/index.js.map +0 -1
- package/build/src/components/Pages/SelectExternalAmount/index.js +0 -63
- package/build/src/components/Pages/SelectExternalAmount/index.js.map +0 -1
- package/build/src/components/Pages/SelectMethod/index.js +0 -205
- package/build/src/components/Pages/SelectMethod/index.js.map +0 -1
- package/build/src/components/Pages/SelectToken/index.js +0 -61
- package/build/src/components/Pages/SelectToken/index.js.map +0 -1
- package/build/src/components/Pages/Solana/ConnectSolana/index.js +0 -80
- package/build/src/components/Pages/Solana/ConnectSolana/index.js.map +0 -1
- package/build/src/components/Pages/Solana/ConnectorSolana/index.js +0 -55
- package/build/src/components/Pages/Solana/ConnectorSolana/index.js.map +0 -1
- package/build/src/components/Pages/Solana/PayWithSolanaToken/index.js +0 -62
- package/build/src/components/Pages/Solana/PayWithSolanaToken/index.js.map +0 -1
- package/build/src/components/Pages/Solana/SelectSolanaAmount/index.js +0 -16
- package/build/src/components/Pages/Solana/SelectSolanaAmount/index.js.map +0 -1
- package/build/src/components/Pages/Solana/SelectSolanaToken/index.js +0 -59
- package/build/src/components/Pages/Solana/SelectSolanaToken/index.js.map +0 -1
- package/build/src/components/Pages/SwitchNetworks/index.js +0 -26
- package/build/src/components/Pages/SwitchNetworks/index.js.map +0 -1
- package/build/src/components/Pages/WaitingDepositAddress/index.js +0 -51
- package/build/src/components/Pages/WaitingDepositAddress/index.js.map +0 -1
- package/build/src/components/Pages/WaitingExternal/index.js +0 -53
- package/build/src/components/Pages/WaitingExternal/index.js.map +0 -1
- package/build/src/components/Spinners/CircleSpinner/index.js +0 -15
- package/build/src/components/Spinners/CircleSpinner/index.js.map +0 -1
- package/build/src/components/Spinners/CircleSpinner/styles.js +0 -118
- package/build/src/components/Spinners/CircleSpinner/styles.js.map +0 -1
- package/build/src/components/Spinners/ExternalPaymentSpinner/index.js +0 -20
- package/build/src/components/Spinners/ExternalPaymentSpinner/index.js.map +0 -1
- package/build/src/components/Spinners/SquircleSpinner/index.js +0 -15
- package/build/src/components/Spinners/SquircleSpinner/index.js.map +0 -1
- package/build/src/components/Spinners/SquircleSpinner/styles.js +0 -66
- package/build/src/components/Spinners/SquircleSpinner/styles.js.map +0 -1
- package/build/src/components/Spinners/TokenLogoSpinner/index.js +0 -13
- package/build/src/components/Spinners/TokenLogoSpinner/index.js.map +0 -1
- package/build/src/components/Spinners/TokenLogoSpinner/styles.js +0 -40
- package/build/src/components/Spinners/TokenLogoSpinner/styles.js.map +0 -1
- package/build/src/components/Spinners/styles.js +0 -33
- package/build/src/components/Spinners/styles.js.map +0 -1
- package/build/src/components/contexts/solana/index.js +0 -11
- package/build/src/components/contexts/solana/index.js.map +0 -1
- package/build/src/components/contexts/web3/index.js +0 -46
- package/build/src/components/contexts/web3/index.js.map +0 -1
- package/build/src/constants/defaultTheme.js +0 -6
- package/build/src/constants/defaultTheme.js.map +0 -1
- package/build/src/defaultConfig.js +0 -63
- package/build/src/defaultConfig.js.map +0 -1
- package/build/src/defaultConnectors.js +0 -43
- package/build/src/defaultConnectors.js.map +0 -1
- package/build/src/hooks/connectors/useWalletConnectUri.js +0 -93
- package/build/src/hooks/connectors/useWalletConnectUri.js.map +0 -1
- package/build/src/hooks/useChainIsSupported.js +0 -12
- package/build/src/hooks/useChainIsSupported.js.map +0 -1
- package/build/src/hooks/useChains.js +0 -11
- package/build/src/hooks/useChains.js.map +0 -1
- package/build/src/hooks/useConnect.js +0 -45
- package/build/src/hooks/useConnect.js.map +0 -1
- package/build/src/hooks/useConnectCallback.js +0 -18
- package/build/src/hooks/useConnectCallback.js.map +0 -1
- package/build/src/hooks/useConnectors.js +0 -29
- package/build/src/hooks/useConnectors.js.map +0 -1
- package/build/src/hooks/useDaimoPayStatus.js +0 -24
- package/build/src/hooks/useDaimoPayStatus.js.map +0 -1
- package/build/src/hooks/useDepositAddressOptions.js +0 -31
- package/build/src/hooks/useDepositAddressOptions.js.map +0 -1
- package/build/src/hooks/useEnsFallbackConfig.js +0 -16
- package/build/src/hooks/useEnsFallbackConfig.js.map +0 -1
- package/build/src/hooks/useExternalPaymentOptions.js +0 -49
- package/build/src/hooks/useExternalPaymentOptions.js.map +0 -1
- package/build/src/hooks/useFitText.js +0 -148
- package/build/src/hooks/useFitText.js.map +0 -1
- package/build/src/hooks/useFocusTrap.js +0 -60
- package/build/src/hooks/useFocusTrap.js.map +0 -1
- package/build/src/hooks/useGoogleFont.js +0 -45
- package/build/src/hooks/useGoogleFont.js.map +0 -1
- package/build/src/hooks/useIsMobile.js +0 -17
- package/build/src/hooks/useIsMobile.js.map +0 -1
- package/build/src/hooks/useIsMounted.js +0 -12
- package/build/src/hooks/useIsMounted.js.map +0 -1
- package/build/src/hooks/useLastConnector.js +0 -24
- package/build/src/hooks/useLastConnector.js.map +0 -1
- package/build/src/hooks/useLocales.js +0 -67
- package/build/src/hooks/useLocales.js.map +0 -1
- package/build/src/hooks/useLockBodyScroll.js +0 -53
- package/build/src/hooks/useLockBodyScroll.js.map +0 -1
- package/build/src/hooks/useOrderUsdLimits.js +0 -26
- package/build/src/hooks/useOrderUsdLimits.js.map +0 -1
- package/build/src/hooks/usePayWithSolanaToken.js +0 -50
- package/build/src/hooks/usePayWithSolanaToken.js.map +0 -1
- package/build/src/hooks/usePayWithToken.js +0 -58
- package/build/src/hooks/usePayWithToken.js.map +0 -1
- package/build/src/hooks/usePaymentState.js +0 -283
- package/build/src/hooks/usePaymentState.js.map +0 -1
- package/build/src/hooks/usePrevious.js +0 -14
- package/build/src/hooks/usePrevious.js.map +0 -1
- package/build/src/hooks/useSolanaPaymentOptions.js +0 -39
- package/build/src/hooks/useSolanaPaymentOptions.js.map +0 -1
- package/build/src/hooks/useWalletConnectModal.js +0 -52
- package/build/src/hooks/useWalletConnectModal.js.map +0 -1
- package/build/src/hooks/useWalletPaymentOptions.js +0 -50
- package/build/src/hooks/useWalletPaymentOptions.js.map +0 -1
- package/build/src/hooks/useWindowSize.js +0 -23
- package/build/src/hooks/useWindowSize.js.map +0 -1
- package/build/src/index.js +0 -10
- package/build/src/index.js.map +0 -1
- package/build/src/localizations/index.js +0 -57
- package/build/src/localizations/index.js.map +0 -1
- package/build/src/localizations/locales/ar-AE.js +0 -97
- package/build/src/localizations/locales/ar-AE.js.map +0 -1
- package/build/src/localizations/locales/ca-AD.js +0 -95
- package/build/src/localizations/locales/ca-AD.js.map +0 -1
- package/build/src/localizations/locales/ee-EE.js +0 -95
- package/build/src/localizations/locales/ee-EE.js.map +0 -1
- package/build/src/localizations/locales/en-US.js +0 -95
- package/build/src/localizations/locales/en-US.js.map +0 -1
- package/build/src/localizations/locales/es-ES.js +0 -95
- package/build/src/localizations/locales/es-ES.js.map +0 -1
- package/build/src/localizations/locales/fa-IR.js +0 -95
- package/build/src/localizations/locales/fa-IR.js.map +0 -1
- package/build/src/localizations/locales/fr-FR.js +0 -95
- package/build/src/localizations/locales/fr-FR.js.map +0 -1
- package/build/src/localizations/locales/ja-JP.js +0 -95
- package/build/src/localizations/locales/ja-JP.js.map +0 -1
- package/build/src/localizations/locales/pt-BR.js +0 -95
- package/build/src/localizations/locales/pt-BR.js.map +0 -1
- package/build/src/localizations/locales/ru-RU.js +0 -95
- package/build/src/localizations/locales/ru-RU.js.map +0 -1
- package/build/src/localizations/locales/tr-TR.js +0 -95
- package/build/src/localizations/locales/tr-TR.js.map +0 -1
- package/build/src/localizations/locales/vi-VN.js +0 -95
- package/build/src/localizations/locales/vi-VN.js.map +0 -1
- package/build/src/localizations/locales/zh-CN.js +0 -95
- package/build/src/localizations/locales/zh-CN.js.map +0 -1
- package/build/src/styles/defaultTheme.js +0 -89
- package/build/src/styles/defaultTheme.js.map +0 -1
- package/build/src/styles/index.js +0 -329
- package/build/src/styles/index.js.map +0 -1
- package/build/src/styles/styled/index.js +0 -16
- package/build/src/styles/styled/index.js.map +0 -1
- package/build/src/styles/themes/base.js +0 -141
- package/build/src/styles/themes/base.js.map +0 -1
- package/build/src/styles/themes/index.js +0 -13
- package/build/src/styles/themes/index.js.map +0 -1
- package/build/src/styles/themes/midnight.js +0 -76
- package/build/src/styles/themes/midnight.js.map +0 -1
- package/build/src/styles/themes/minimal.js +0 -96
- package/build/src/styles/themes/minimal.js.map +0 -1
- package/build/src/styles/themes/nouns.js +0 -81
- package/build/src/styles/themes/nouns.js.map +0 -1
- package/build/src/styles/themes/retro.js +0 -106
- package/build/src/styles/themes/retro.js.map +0 -1
- package/build/src/styles/themes/rounded.js +0 -106
- package/build/src/styles/themes/rounded.js.map +0 -1
- package/build/src/styles/themes/soft.js +0 -71
- package/build/src/styles/themes/soft.js.map +0 -1
- package/build/src/styles/themes/web95.js +0 -132
- package/build/src/styles/themes/web95.js.map +0 -1
- package/build/src/utils/exports.js +0 -7
- package/build/src/utils/exports.js.map +0 -1
- package/build/src/utils/format.js +0 -83
- package/build/src/utils/format.js.map +0 -1
- package/build/src/utils/index.js +0 -39
- package/build/src/utils/index.js.map +0 -1
- package/build/src/utils/p3.js +0 -16
- package/build/src/utils/p3.js.map +0 -1
- package/build/src/utils/platform.js +0 -13
- package/build/src/utils/platform.js.map +0 -1
- package/build/src/utils/supportUrl.js +0 -18
- package/build/src/utils/supportUrl.js.map +0 -1
- package/build/src/utils/trpc.js +0 -19
- package/build/src/utils/trpc.js.map +0 -1
- package/build/src/utils/validateInput.js +0 -36
- package/build/src/utils/validateInput.js.map +0 -1
- package/build/src/utils/wallets.js +0 -14
- package/build/src/utils/wallets.js.map +0 -1
- package/build/src/wallets/index.js +0 -32
- package/build/src/wallets/index.js.map +0 -1
- package/build/src/wallets/useWallets.js +0 -90
- package/build/src/wallets/useWallets.js.map +0 -1
- package/build/src/wallets/walletConfigs.js +0 -337
- package/build/src/wallets/walletConfigs.js.map +0 -1
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { useEffect } from 'react';
|
|
3
|
-
import { PageContent, ModalContent, ModalH1, ModalBody } from '../../../Common/Modal/styles.js';
|
|
4
|
-
import { useWallet } from '@solana/wallet-adapter-react';
|
|
5
|
-
import { motion, AnimatePresence } from 'framer-motion';
|
|
6
|
-
import styled from '../../../../styles/styled/index.js';
|
|
7
|
-
import { usePayContext, ROUTES } from '../../../DaimoPay.js';
|
|
8
|
-
import SquircleSpinner from '../../../Spinners/SquircleSpinner/index.js';
|
|
9
|
-
|
|
10
|
-
const ConnectSolana = () => {
|
|
11
|
-
const solanaWallets = useWallet();
|
|
12
|
-
const isConnected = solanaWallets.connected;
|
|
13
|
-
const { solanaConnector, setRoute } = usePayContext();
|
|
14
|
-
const selectedWallet = solanaWallets.wallets.find((wallet) => wallet.adapter.name === solanaConnector);
|
|
15
|
-
useEffect(() => {
|
|
16
|
-
if (!solanaConnector)
|
|
17
|
-
return;
|
|
18
|
-
solanaWallets.select(solanaConnector);
|
|
19
|
-
}, [solanaConnector]);
|
|
20
|
-
useEffect(() => {
|
|
21
|
-
if (isConnected) {
|
|
22
|
-
// Wait so user can see it's connected
|
|
23
|
-
const meta = {
|
|
24
|
-
event: "wait-solana-connected",
|
|
25
|
-
walletName: solanaWallets.wallet?.adapter.name,
|
|
26
|
-
};
|
|
27
|
-
setTimeout(() => setRoute(ROUTES.SOLANA_SELECT_TOKEN, meta), 500);
|
|
28
|
-
}
|
|
29
|
-
}, [isConnected]);
|
|
30
|
-
if (!solanaConnector)
|
|
31
|
-
return null;
|
|
32
|
-
return (jsxs(PageContent, { children: [jsx(LoadingContainer, { children: jsx(AnimationContainer, { children: jsx(AnimatePresence, { children: jsx(SquircleSpinner, { logo: jsx("div", { style: { borderRadius: "22.5%", overflow: "hidden" }, children: jsx("img", { src: selectedWallet?.adapter.icon, alt: selectedWallet?.adapter.name }) }), loading: true }) }) }) }), jsx(ModalContent, { style: { paddingBottom: 0 }, children: isConnected ? (jsx(ModalH1, { children: "Connected" })) : (jsxs(Fragment, { children: [jsx(ModalH1, { children: "Requesting Connection" }), jsxs(ModalBody, { children: ["Open ", selectedWallet?.adapter.name, " to continue."] })] })) })] }));
|
|
33
|
-
};
|
|
34
|
-
const LoadingContainer = styled(motion.div) `
|
|
35
|
-
display: flex;
|
|
36
|
-
align-items: center;
|
|
37
|
-
justify-content: center;
|
|
38
|
-
margin: 10px auto 16px;
|
|
39
|
-
height: 120px;
|
|
40
|
-
`;
|
|
41
|
-
const AnimationContainer = styled(motion.div) `
|
|
42
|
-
user-select: none;
|
|
43
|
-
position: relative;
|
|
44
|
-
--spinner-error-opacity: 0;
|
|
45
|
-
&:before {
|
|
46
|
-
content: "";
|
|
47
|
-
position: absolute;
|
|
48
|
-
inset: 1px;
|
|
49
|
-
opacity: 0;
|
|
50
|
-
background: var(--ck-body-color-danger);
|
|
51
|
-
}
|
|
52
|
-
`;
|
|
53
|
-
|
|
54
|
-
export { LoadingContainer, ConnectSolana as default };
|
|
55
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/components/Pages/Solana/ConnectorSolana/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useEffect } from \"react\";\nimport { ModalBody, ModalContent, ModalH1, PageContent, } from \"../../../Common/Modal/styles\";\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport styled from \"../../../../styles/styled\";\nimport { ROUTES, usePayContext } from \"../../../DaimoPay\";\nimport SquircleSpinner from \"../../../Spinners/SquircleSpinner\";\nconst ConnectSolana = () => {\n const solanaWallets = useWallet();\n const isConnected = solanaWallets.connected;\n const { solanaConnector, setRoute } = usePayContext();\n const selectedWallet = solanaWallets.wallets.find((wallet) => wallet.adapter.name === solanaConnector);\n useEffect(() => {\n if (!solanaConnector)\n return;\n solanaWallets.select(solanaConnector);\n }, [solanaConnector]);\n useEffect(() => {\n if (isConnected) {\n // Wait so user can see it's connected\n const meta = {\n event: \"wait-solana-connected\",\n walletName: solanaWallets.wallet?.adapter.name,\n };\n setTimeout(() => setRoute(ROUTES.SOLANA_SELECT_TOKEN, meta), 500);\n }\n }, [isConnected]);\n if (!solanaConnector)\n return null;\n return (_jsxs(PageContent, { children: [_jsx(LoadingContainer, { children: _jsx(AnimationContainer, { children: _jsx(AnimatePresence, { children: _jsx(SquircleSpinner, { logo: _jsx(\"div\", { style: { borderRadius: \"22.5%\", overflow: \"hidden\" }, children: _jsx(\"img\", { src: selectedWallet?.adapter.icon, alt: selectedWallet?.adapter.name }) }), loading: true }) }) }) }), _jsx(ModalContent, { style: { paddingBottom: 0 }, children: isConnected ? (_jsx(ModalH1, { children: \"Connected\" })) : (_jsxs(_Fragment, { children: [_jsx(ModalH1, { children: \"Requesting Connection\" }), _jsxs(ModalBody, { children: [\"Open \", selectedWallet?.adapter.name, \" to continue.\"] })] })) })] }));\n};\nexport const LoadingContainer = styled(motion.div) `\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 10px auto 16px;\n height: 120px;\n`;\nconst AnimationContainer = styled(motion.div) `\n user-select: none;\n position: relative;\n --spinner-error-opacity: 0;\n &:before {\n content: \"\";\n position: absolute;\n inset: 1px;\n opacity: 0;\n background: var(--ck-body-color-danger);\n }\n`;\nexport default ConnectSolana;\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;AAQK,MAAC,aAAa,GAAG,MAAM;AAC5B,IAAI,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC;AACtC,IAAI,MAAM,WAAW,GAAG,aAAa,CAAC,SAAS,CAAC;AAChD,IAAI,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AAC1D,IAAI,MAAM,cAAc,GAAG,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,eAAe,CAAC,CAAC;AAC3G,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,IAAI,CAAC,eAAe;AAC5B,YAAY,OAAO;AACnB,QAAQ,aAAa,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;AAC9C,KAAK,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AAC1B,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,IAAI,WAAW,EAAE;AACzB;AACA,YAAY,MAAM,IAAI,GAAG;AACzB,gBAAgB,KAAK,EAAE,uBAAuB;AAC9C,gBAAgB,UAAU,EAAE,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;AAC9D,aAAa,CAAC;AACd,YAAY,UAAU,CAAC,MAAM,QAAQ,CAAC,MAAM,CAAC,mBAAmB,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;AAC9E,SAAS;AACT,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACtB,IAAI,IAAI,CAAC,eAAe;AACxB,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,IAAK,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,gBAAgB,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,cAAc,EAAE,OAAO,CAAC,IAAI,EAAE,GAAG,EAAE,cAAc,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,WAAW,IAAIA,GAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,KAAKD,IAAK,CAACE,QAAS,EAAE,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE,CAAC,EAAED,IAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,IAAI,EAAE,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACzqB,EAAE;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD;AACA;AACA;AACA;AACA;AACA,EAAE;AACF,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;;;"}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { useState, useEffect } from 'react';
|
|
3
|
-
import { usePayContext, ROUTES } from '../../../DaimoPay.js';
|
|
4
|
-
import { WalletSignTransactionError, WalletSendTransactionError } from '@solana/wallet-adapter-base';
|
|
5
|
-
import { PageContent, ModalContent, ModalH1 } from '../../../Common/Modal/styles.js';
|
|
6
|
-
import { assert } from '@daimo/pay-common';
|
|
7
|
-
import Button from '../../../Common/Button/index.js';
|
|
8
|
-
import PaymentBreakdown from '../../../Common/PaymentBreakdown/index.js';
|
|
9
|
-
import TokenLogoSpinner from '../../../Spinners/TokenLogoSpinner/index.js';
|
|
10
|
-
|
|
11
|
-
var PayState;
|
|
12
|
-
(function (PayState) {
|
|
13
|
-
PayState["RequestingPayment"] = "Requesting Payment";
|
|
14
|
-
PayState["RequestCancelled"] = "Payment Cancelled";
|
|
15
|
-
PayState["RequestFailed"] = "Payment Failed";
|
|
16
|
-
PayState["RequestSuccessful"] = "Payment Successful";
|
|
17
|
-
})(PayState || (PayState = {}));
|
|
18
|
-
const PayWithSolanaToken = () => {
|
|
19
|
-
const { triggerResize, paymentState, setRoute } = usePayContext();
|
|
20
|
-
const { payParams, generatePreviewOrder, selectedSolanaTokenOption, payWithSolanaToken, } = paymentState;
|
|
21
|
-
const [payState, setPayState] = useState(PayState.RequestingPayment);
|
|
22
|
-
const handleTransfer = async () => {
|
|
23
|
-
try {
|
|
24
|
-
setPayState(PayState.RequestingPayment);
|
|
25
|
-
assert(!!selectedSolanaTokenOption, "[PAY SOLANA] No token option selected");
|
|
26
|
-
await payWithSolanaToken(selectedSolanaTokenOption.required.token.token);
|
|
27
|
-
setPayState(PayState.RequestSuccessful);
|
|
28
|
-
setTimeout(() => {
|
|
29
|
-
setRoute(ROUTES.CONFIRMATION, { event: "wait-pay-with-solana" });
|
|
30
|
-
}, 200);
|
|
31
|
-
}
|
|
32
|
-
catch (error) {
|
|
33
|
-
console.error(error);
|
|
34
|
-
if (error instanceof WalletSignTransactionError ||
|
|
35
|
-
error instanceof WalletSendTransactionError) {
|
|
36
|
-
setPayState(PayState.RequestCancelled);
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
setPayState(PayState.RequestFailed);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
let transferTimeout; // Prevent double-triggering in React dev strict mode.
|
|
44
|
-
useEffect(() => {
|
|
45
|
-
if (!selectedSolanaTokenOption)
|
|
46
|
-
return;
|
|
47
|
-
// Give user time to see the UI before opening
|
|
48
|
-
transferTimeout = setTimeout(handleTransfer, 100);
|
|
49
|
-
return () => clearTimeout(transferTimeout);
|
|
50
|
-
}, []);
|
|
51
|
-
useEffect(() => {
|
|
52
|
-
triggerResize();
|
|
53
|
-
}, [payState]);
|
|
54
|
-
return (jsxs(PageContent, { children: [selectedSolanaTokenOption && (jsx(TokenLogoSpinner, { token: selectedSolanaTokenOption.required.token })), jsxs(ModalContent, { style: { paddingBottom: 0 }, children: [jsx(ModalH1, { children: payState }), selectedSolanaTokenOption && (jsx(PaymentBreakdown, { paymentOption: selectedSolanaTokenOption })), payState === PayState.RequestCancelled && (jsx(Button, { onClick: handleTransfer, children: "Retry Payment" })), payState === PayState.RequestFailed && (jsx(Button, { onClick: () => {
|
|
55
|
-
assert(payParams != null, "[PAY SOLANA] payParams cannot be null in deposit flow");
|
|
56
|
-
generatePreviewOrder(payParams);
|
|
57
|
-
setRoute(ROUTES.SELECT_METHOD, { event: "click-select-another" });
|
|
58
|
-
}, children: "Select Another Method" }))] })] }));
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
export { PayWithSolanaToken as default };
|
|
62
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/components/Pages/Solana/PayWithSolanaToken/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useState } from \"react\";\nimport { ROUTES, usePayContext } from \"../../../DaimoPay\";\nimport { WalletSendTransactionError, WalletSignTransactionError, } from \"@solana/wallet-adapter-base\";\nimport { ModalContent, ModalH1, PageContent, } from \"../../../Common/Modal/styles\";\nimport { assert } from \"@daimo/pay-common\";\nimport Button from \"../../../Common/Button\";\nimport PaymentBreakdown from \"../../../Common/PaymentBreakdown\";\nimport TokenLogoSpinner from \"../../../Spinners/TokenLogoSpinner\";\nvar PayState;\n(function (PayState) {\n PayState[\"RequestingPayment\"] = \"Requesting Payment\";\n PayState[\"RequestCancelled\"] = \"Payment Cancelled\";\n PayState[\"RequestFailed\"] = \"Payment Failed\";\n PayState[\"RequestSuccessful\"] = \"Payment Successful\";\n})(PayState || (PayState = {}));\nconst PayWithSolanaToken = () => {\n const { triggerResize, paymentState, setRoute } = usePayContext();\n const { payParams, generatePreviewOrder, selectedSolanaTokenOption, payWithSolanaToken, } = paymentState;\n const [payState, setPayState] = useState(PayState.RequestingPayment);\n const handleTransfer = async () => {\n try {\n setPayState(PayState.RequestingPayment);\n assert(!!selectedSolanaTokenOption, \"[PAY SOLANA] No token option selected\");\n await payWithSolanaToken(selectedSolanaTokenOption.required.token.token);\n setPayState(PayState.RequestSuccessful);\n setTimeout(() => {\n setRoute(ROUTES.CONFIRMATION, { event: \"wait-pay-with-solana\" });\n }, 200);\n }\n catch (error) {\n console.error(error);\n if (error instanceof WalletSignTransactionError ||\n error instanceof WalletSendTransactionError) {\n setPayState(PayState.RequestCancelled);\n }\n else {\n setPayState(PayState.RequestFailed);\n }\n }\n };\n let transferTimeout; // Prevent double-triggering in React dev strict mode.\n useEffect(() => {\n if (!selectedSolanaTokenOption)\n return;\n // Give user time to see the UI before opening\n transferTimeout = setTimeout(handleTransfer, 100);\n return () => clearTimeout(transferTimeout);\n }, []);\n useEffect(() => {\n triggerResize();\n }, [payState]);\n return (_jsxs(PageContent, { children: [selectedSolanaTokenOption && (_jsx(TokenLogoSpinner, { token: selectedSolanaTokenOption.required.token })), _jsxs(ModalContent, { style: { paddingBottom: 0 }, children: [_jsx(ModalH1, { children: payState }), selectedSolanaTokenOption && (_jsx(PaymentBreakdown, { paymentOption: selectedSolanaTokenOption })), payState === PayState.RequestCancelled && (_jsx(Button, { onClick: handleTransfer, children: \"Retry Payment\" })), payState === PayState.RequestFailed && (_jsx(Button, { onClick: () => {\n assert(payParams != null, \"[PAY SOLANA] payParams cannot be null in deposit flow\");\n generatePreviewOrder(payParams);\n setRoute(ROUTES.SELECT_METHOD, { event: \"click-select-another\" });\n }, children: \"Select Another Method\" }))] })] }));\n};\nexport default PayWithSolanaToken;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { usePayContext, ROUTES } from '../../../DaimoPay.js';
|
|
3
|
-
import MultiCurrencySelectAmount from '../../../Common/AmountInput/index.js';
|
|
4
|
-
import { PageContent } from '../../../Common/Modal/styles.js';
|
|
5
|
-
|
|
6
|
-
const SelectSolanaAmount = () => {
|
|
7
|
-
const { paymentState } = usePayContext();
|
|
8
|
-
const { selectedSolanaTokenOption, setSelectedSolanaTokenOption } = paymentState;
|
|
9
|
-
if (selectedSolanaTokenOption == null) {
|
|
10
|
-
return jsx(PageContent, {});
|
|
11
|
-
}
|
|
12
|
-
return (jsx(MultiCurrencySelectAmount, { selectedTokenOption: selectedSolanaTokenOption, setSelectedTokenOption: setSelectedSolanaTokenOption, nextPage: ROUTES.SOLANA_PAY_WITH_TOKEN }));
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export { SelectSolanaAmount as default };
|
|
16
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/components/Pages/Solana/SelectSolanaAmount/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ROUTES, usePayContext } from \"../../../DaimoPay\";\nimport MultiCurrencySelectAmount from \"../../../Common/AmountInput\";\nimport { PageContent } from \"../../../Common/Modal/styles\";\nconst SelectSolanaAmount = () => {\n const { paymentState } = usePayContext();\n const { selectedSolanaTokenOption, setSelectedSolanaTokenOption } = paymentState;\n if (selectedSolanaTokenOption == null) {\n return _jsx(PageContent, {});\n }\n return (_jsx(MultiCurrencySelectAmount, { selectedTokenOption: selectedSolanaTokenOption, setSelectedTokenOption: setSelectedSolanaTokenOption, nextPage: ROUTES.SOLANA_PAY_WITH_TOKEN }));\n};\nexport default SelectSolanaAmount;\n"],"names":["_jsx"],"mappings":";;;;;AAIK,MAAC,kBAAkB,GAAG,MAAM;AACjC,IAAI,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;AAC7C,IAAI,MAAM,EAAE,yBAAyB,EAAE,4BAA4B,EAAE,GAAG,YAAY,CAAC;AACrF,IAAI,IAAI,yBAAyB,IAAI,IAAI,EAAE;AAC3C,QAAQ,OAAOA,GAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AACrC,KAAK;AACL,IAAI,QAAQA,GAAI,CAAC,yBAAyB,EAAE,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,4BAA4B,EAAE,QAAQ,EAAE,MAAM,CAAC,qBAAqB,EAAE,CAAC,EAAE;AAC/L;;;;"}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { usePayContext, ROUTES } from '../../../DaimoPay.js';
|
|
3
|
-
import { PageContent, ModalContent, ModalH1 } from '../../../Common/Modal/styles.js';
|
|
4
|
-
import { formatUsd, roundTokenAmount } from '../../../../utils/format.js';
|
|
5
|
-
import Button from '../../../Common/Button/index.js';
|
|
6
|
-
import OptionsList from '../../../Common/OptionsList/index.js';
|
|
7
|
-
import { OrderHeader } from '../../../Common/OrderHeader/index.js';
|
|
8
|
-
import TokenChainLogo from '../../../Common/TokenChainLogo/index.js';
|
|
9
|
-
|
|
10
|
-
function getDaimoSolanaTokenKey(token) {
|
|
11
|
-
return `${token.chainId}-${token.token}`;
|
|
12
|
-
}
|
|
13
|
-
const SelectSolanaToken = () => {
|
|
14
|
-
const { paymentState, setRoute } = usePayContext();
|
|
15
|
-
const { isDepositFlow, solanaPaymentOptions, setSelectedSolanaTokenOption } = paymentState;
|
|
16
|
-
const optionsList = solanaPaymentOptions.options?.map((option) => {
|
|
17
|
-
const titlePrice = isDepositFlow
|
|
18
|
-
? formatUsd(option.balance.usd)
|
|
19
|
-
: roundTokenAmount(option.required.amount, option.required.token);
|
|
20
|
-
const title = `${titlePrice} ${option.balance.token.symbol} on Solana`;
|
|
21
|
-
const balanceStr = `${roundTokenAmount(option.balance.amount, option.balance.token)} ${option.balance.token.symbol}`;
|
|
22
|
-
const subtitle = option.disabledReason ??
|
|
23
|
-
`${isDepositFlow ? "" : "Balance: "}${balanceStr}`;
|
|
24
|
-
const disabled = option.disabledReason != null;
|
|
25
|
-
return {
|
|
26
|
-
id: getDaimoSolanaTokenKey(option.balance.token),
|
|
27
|
-
title,
|
|
28
|
-
subtitle,
|
|
29
|
-
icons: [
|
|
30
|
-
jsx(TokenChainLogo, { token: option.balance.token }, getDaimoSolanaTokenKey(option.balance.token)),
|
|
31
|
-
],
|
|
32
|
-
onClick: () => {
|
|
33
|
-
setSelectedSolanaTokenOption(option);
|
|
34
|
-
const meta = {
|
|
35
|
-
event: "click-solana-token",
|
|
36
|
-
tokenSymbol: option.balance.token.symbol,
|
|
37
|
-
chainId: option.balance.token.chainId,
|
|
38
|
-
};
|
|
39
|
-
if (isDepositFlow) {
|
|
40
|
-
setRoute(ROUTES.SOLANA_SELECT_AMOUNT, meta);
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
setRoute(ROUTES.SOLANA_PAY_WITH_TOKEN, meta);
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
disabled,
|
|
47
|
-
};
|
|
48
|
-
}) ?? [];
|
|
49
|
-
return (jsxs(PageContent, { children: [jsx(OrderHeader, { minified: true }), !solanaPaymentOptions.isLoading && optionsList.length === 0 && (jsxs(ModalContent, { style: {
|
|
50
|
-
display: "flex",
|
|
51
|
-
alignItems: "center",
|
|
52
|
-
justifyContent: "center",
|
|
53
|
-
paddingTop: 16,
|
|
54
|
-
paddingBottom: 16,
|
|
55
|
-
}, children: [jsx(ModalH1, { children: "Insufficient balance." }), jsx(Button, { onClick: () => setRoute(ROUTES.SELECT_METHOD), children: "Select Another Method" })] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: solanaPaymentOptions.isLoading, options: optionsList })] }));
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
export { SelectSolanaToken as default };
|
|
59
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/components/Pages/Solana/SelectSolanaToken/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { ROUTES, usePayContext } from \"../../../DaimoPay\";\nimport { ModalContent, ModalH1, PageContent, } from \"../../../Common/Modal/styles\";\nimport { formatUsd, roundTokenAmount } from \"../../../../utils/format\";\nimport Button from \"../../../Common/Button\";\nimport OptionsList from \"../../../Common/OptionsList\";\nimport { OrderHeader } from \"../../../Common/OrderHeader\";\nimport TokenChainLogo from \"../../../Common/TokenChainLogo\";\nfunction getDaimoSolanaTokenKey(token) {\n return `${token.chainId}-${token.token}`;\n}\nconst SelectSolanaToken = () => {\n const { paymentState, setRoute } = usePayContext();\n const { isDepositFlow, solanaPaymentOptions, setSelectedSolanaTokenOption } = paymentState;\n const optionsList = solanaPaymentOptions.options?.map((option) => {\n const titlePrice = isDepositFlow\n ? formatUsd(option.balance.usd)\n : roundTokenAmount(option.required.amount, option.required.token);\n const title = `${titlePrice} ${option.balance.token.symbol} on Solana`;\n const balanceStr = `${roundTokenAmount(option.balance.amount, option.balance.token)} ${option.balance.token.symbol}`;\n const subtitle = option.disabledReason ??\n `${isDepositFlow ? \"\" : \"Balance: \"}${balanceStr}`;\n const disabled = option.disabledReason != null;\n return {\n id: getDaimoSolanaTokenKey(option.balance.token),\n title,\n subtitle,\n icons: [\n _jsx(TokenChainLogo, { token: option.balance.token }, getDaimoSolanaTokenKey(option.balance.token)),\n ],\n onClick: () => {\n setSelectedSolanaTokenOption(option);\n const meta = {\n event: \"click-solana-token\",\n tokenSymbol: option.balance.token.symbol,\n chainId: option.balance.token.chainId,\n };\n if (isDepositFlow) {\n setRoute(ROUTES.SOLANA_SELECT_AMOUNT, meta);\n }\n else {\n setRoute(ROUTES.SOLANA_PAY_WITH_TOKEN, meta);\n }\n },\n disabled,\n };\n }) ?? [];\n return (_jsxs(PageContent, { children: [_jsx(OrderHeader, { minified: true }), !solanaPaymentOptions.isLoading && optionsList.length === 0 && (_jsxs(ModalContent, { style: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n paddingTop: 16,\n paddingBottom: 16,\n }, children: [_jsx(ModalH1, { children: \"Insufficient balance.\" }), _jsx(Button, { onClick: () => setRoute(ROUTES.SELECT_METHOD), children: \"Select Another Method\" })] })), _jsx(OptionsList, { requiredSkeletons: 4, isLoading: solanaPaymentOptions.isLoading, options: optionsList })] }));\n};\nexport default SelectSolanaToken;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useConnect, useDisconnect, useAccount } from 'wagmi';
|
|
3
|
-
import ChainSelectList from '../../Common/ChainSelectList/index.js';
|
|
4
|
-
import { PageContent, ModalContent, ModalBody } from '../../Common/Modal/styles.js';
|
|
5
|
-
import useLocales from '../../../hooks/useLocales.js';
|
|
6
|
-
import { DisconnectIcon } from '../../../assets/icons.js';
|
|
7
|
-
import { useChainIsSupported } from '../../../hooks/useChainIsSupported.js';
|
|
8
|
-
import { isSafeConnector } from '../../../utils/index.js';
|
|
9
|
-
import Button from '../../Common/Button/index.js';
|
|
10
|
-
import { OrDivider } from '../../Common/Modal/index.js';
|
|
11
|
-
|
|
12
|
-
const SwitchNetworks = () => {
|
|
13
|
-
const { reset } = useConnect();
|
|
14
|
-
const { disconnect } = useDisconnect();
|
|
15
|
-
const { connector, chain } = useAccount();
|
|
16
|
-
const isChainSupported = useChainIsSupported(chain?.id);
|
|
17
|
-
const locales = useLocales({});
|
|
18
|
-
const onDisconnect = () => {
|
|
19
|
-
disconnect();
|
|
20
|
-
reset();
|
|
21
|
-
};
|
|
22
|
-
return (jsx(PageContent, { style: { width: 278 }, children: jsxs(ModalContent, { style: { padding: 0, marginTop: -10 }, children: [!isChainSupported && (jsxs(ModalBody, { children: [locales.warnings_chainUnsupported, " ", locales.warnings_chainUnsupportedResolve] })), jsx("div", { style: { padding: "6px 8px" }, children: jsx(ChainSelectList, { variant: "secondary" }) }), !isChainSupported && !isSafeConnector(connector?.id) && (jsxs("div", { style: { paddingTop: 12 }, children: [jsx(OrDivider, {}), jsx(Button, { icon: jsx(DisconnectIcon, {}), variant: "secondary", onClick: onDisconnect, children: locales.disconnect })] }))] }) }));
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export { SwitchNetworks as default };
|
|
26
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SwitchNetworks/index.tsx"],"sourcesContent":["import { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { useAccount, useConnect, useDisconnect } from \"wagmi\";\nimport ChainSelectList from \"../../Common/ChainSelectList\";\nimport { ModalBody, ModalContent, PageContent, } from \"../../Common/Modal/styles\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { DisconnectIcon } from \"../../../assets/icons\";\nimport { useChainIsSupported } from \"../../../hooks/useChainIsSupported\";\nimport { isSafeConnector } from \"../../../utils\";\nimport Button from \"../../Common/Button\";\nimport { OrDivider } from \"../../Common/Modal\";\nconst SwitchNetworks = () => {\n const { reset } = useConnect();\n const { disconnect } = useDisconnect();\n const { connector, chain } = useAccount();\n const isChainSupported = useChainIsSupported(chain?.id);\n const locales = useLocales({});\n const onDisconnect = () => {\n disconnect();\n reset();\n };\n return (_jsx(PageContent, { style: { width: 278 }, children: _jsxs(ModalContent, { style: { padding: 0, marginTop: -10 }, children: [!isChainSupported && (_jsxs(ModalBody, { children: [locales.warnings_chainUnsupported, \" \", locales.warnings_chainUnsupportedResolve] })), _jsx(\"div\", { style: { padding: \"6px 8px\" }, children: _jsx(ChainSelectList, { variant: \"secondary\" }) }), !isChainSupported && !isSafeConnector(connector?.id) && (_jsxs(\"div\", { style: { paddingTop: 12 }, children: [_jsx(OrDivider, {}), _jsx(Button, { icon: _jsx(DisconnectIcon, {}), variant: \"secondary\", onClick: onDisconnect, children: locales.disconnect })] }))] }) }));\n};\nexport default SwitchNetworks;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;AAUK,MAAC,cAAc,GAAG,MAAM;AAC7B,IAAI,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;AACnC,IAAI,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;AAC3C,IAAI,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;AAC9C,IAAI,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAC5D,IAAI,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;AACnC,IAAI,MAAM,YAAY,GAAG,MAAM;AAC/B,QAAQ,UAAU,EAAE,CAAC;AACrB,QAAQ,KAAK,EAAE,CAAC;AAChB,KAAK,CAAC;AACN,IAAI,QAAQA,GAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAEC,IAAK,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,gBAAgB,KAAKA,IAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,yBAAyB,EAAE,GAAG,EAAE,OAAO,CAAC,gCAAgC,CAAC,EAAE,CAAC,CAAC,EAAED,GAAI,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,gBAAgB,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,EAAE,CAAC,KAAKC,IAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,SAAS,EAAE,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAEA,GAAI,CAAC,cAAc,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3oB;;;;"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { useEffect, useState } from 'react';
|
|
3
|
-
import { usePayContext, ROUTES } from '../../DaimoPay.js';
|
|
4
|
-
import { PageContent, ModalContent, ModalH1, ModalBody } from '../../Common/Modal/styles.js';
|
|
5
|
-
import { getAddressContraction } from '@daimo/pay-common';
|
|
6
|
-
import ScanIconWithLogos from '../../../assets/ScanIconWithLogos.js';
|
|
7
|
-
import Button from '../../Common/Button/index.js';
|
|
8
|
-
import CopyToClipboard from '../../Common/CopyToClipboard/index.js';
|
|
9
|
-
import CustomQRCode from '../../Common/CustomQRCode/index.js';
|
|
10
|
-
import { OrDivider } from '../../Common/Modal/index.js';
|
|
11
|
-
|
|
12
|
-
const WaitingDepositAddress = () => {
|
|
13
|
-
const context = usePayContext();
|
|
14
|
-
const { triggerResize, paymentState, setRoute } = context;
|
|
15
|
-
const trpc = context.trpc;
|
|
16
|
-
const { daimoPayOrder, payWithDepositAddress, selectedDepositAddressOption } = paymentState;
|
|
17
|
-
useEffect(() => {
|
|
18
|
-
const checkForSourcePayment = async () => {
|
|
19
|
-
if (!daimoPayOrder || !selectedDepositAddressOption)
|
|
20
|
-
return;
|
|
21
|
-
const found = await trpc.findSourcePayment.query({
|
|
22
|
-
orderId: daimoPayOrder.id.toString(),
|
|
23
|
-
});
|
|
24
|
-
if (found) {
|
|
25
|
-
setRoute(ROUTES.CONFIRMATION);
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
// Check every 10 seconds, bitcoin takes a while
|
|
29
|
-
const interval = setInterval(checkForSourcePayment, 10000);
|
|
30
|
-
return () => clearInterval(interval);
|
|
31
|
-
}, [daimoPayOrder?.id]);
|
|
32
|
-
const [details, setDetails] = useState();
|
|
33
|
-
const [failed, setFailed] = useState(false);
|
|
34
|
-
useEffect(() => {
|
|
35
|
-
if (!selectedDepositAddressOption)
|
|
36
|
-
return;
|
|
37
|
-
payWithDepositAddress(selectedDepositAddressOption.id).then((details) => {
|
|
38
|
-
if (!details)
|
|
39
|
-
setFailed(true);
|
|
40
|
-
else
|
|
41
|
-
setDetails(details);
|
|
42
|
-
});
|
|
43
|
-
}, [selectedDepositAddressOption]);
|
|
44
|
-
useEffect(() => {
|
|
45
|
-
triggerResize();
|
|
46
|
-
}, [details]);
|
|
47
|
-
return (jsx(PageContent, { children: failed ? (jsxs(ModalContent, { style: { marginLeft: 24, marginRight: 24 }, children: [jsxs(ModalH1, { children: [selectedDepositAddressOption?.id, " unavailable"] }), jsxs(ModalBody, { children: ["We're unable to process ", selectedDepositAddressOption?.id, " payments at this time. Please select another payment method."] }), jsx(Button, { onClick: () => setRoute(ROUTES.SELECT_METHOD, { event: "click-select-another" }), children: "Select Another Method" })] })) : (jsxs(ModalContent, { children: [jsx(CustomQRCode, { value: details?.uri, image: jsx("img", { src: selectedDepositAddressOption?.logoURI, width: "100%", height: "100%" }), tooltipMessage: jsxs(Fragment, { children: [jsx(ScanIconWithLogos, { logo: jsx("img", { src: selectedDepositAddressOption?.logoURI }) }), jsxs("span", { children: ["Use a ", selectedDepositAddressOption?.id, " wallet to scan"] })] }) }), details && (jsxs(Fragment, { children: [jsx(OrDivider, {}), jsxs(ModalBody, { children: ["Send exactly ", details.amount, " ", details.suffix, " to", " ", getAddressContraction(details.address), " and return to this page. Confirmation should appear in a few minutes."] }), jsx(CopyToClipboard, { variant: "button", string: details.address, children: "Copy Address" }), jsx(CopyToClipboard, { variant: "left", string: details.amount, children: "Copy Amount" })] }))] })) }));
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
export { WaitingDepositAddress as default };
|
|
51
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/WaitingDepositAddress/index.tsx"],"sourcesContent":["import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useEffect, useState } from \"react\";\nimport { ROUTES, usePayContext } from \"../../DaimoPay\";\nimport { ModalBody, ModalContent, ModalH1, PageContent, } from \"../../Common/Modal/styles\";\nimport { getAddressContraction, } from \"@daimo/pay-common\";\nimport ScanIconWithLogos from \"../../../assets/ScanIconWithLogos\";\nimport Button from \"../../Common/Button\";\nimport CopyToClipboard from \"../../Common/CopyToClipboard\";\nimport CustomQRCode from \"../../Common/CustomQRCode\";\nimport { OrDivider } from \"../../Common/Modal\";\nconst WaitingDepositAddress = () => {\n const context = usePayContext();\n const { triggerResize, paymentState, setRoute } = context;\n const trpc = context.trpc;\n const { daimoPayOrder, payWithDepositAddress, selectedDepositAddressOption } = paymentState;\n useEffect(() => {\n const checkForSourcePayment = async () => {\n if (!daimoPayOrder || !selectedDepositAddressOption)\n return;\n const found = await trpc.findSourcePayment.query({\n orderId: daimoPayOrder.id.toString(),\n });\n if (found) {\n setRoute(ROUTES.CONFIRMATION);\n }\n };\n // Check every 10 seconds, bitcoin takes a while\n const interval = setInterval(checkForSourcePayment, 10000);\n return () => clearInterval(interval);\n }, [daimoPayOrder?.id]);\n const [details, setDetails] = useState();\n const [failed, setFailed] = useState(false);\n useEffect(() => {\n if (!selectedDepositAddressOption)\n return;\n payWithDepositAddress(selectedDepositAddressOption.id).then((details) => {\n if (!details)\n setFailed(true);\n else\n setDetails(details);\n });\n }, [selectedDepositAddressOption]);\n useEffect(() => {\n triggerResize();\n }, [details]);\n return (_jsx(PageContent, { children: failed ? (_jsxs(ModalContent, { style: { marginLeft: 24, marginRight: 24 }, children: [_jsxs(ModalH1, { children: [selectedDepositAddressOption?.id, \" unavailable\"] }), _jsxs(ModalBody, { children: [\"We're unable to process \", selectedDepositAddressOption?.id, \" payments at this time. Please select another payment method.\"] }), _jsx(Button, { onClick: () => setRoute(ROUTES.SELECT_METHOD, { event: \"click-select-another\" }), children: \"Select Another Method\" })] })) : (_jsxs(ModalContent, { children: [_jsx(CustomQRCode, { value: details?.uri, image: _jsx(\"img\", { src: selectedDepositAddressOption?.logoURI, width: \"100%\", height: \"100%\" }), tooltipMessage: _jsxs(_Fragment, { children: [_jsx(ScanIconWithLogos, { logo: _jsx(\"img\", { src: selectedDepositAddressOption?.logoURI }) }), _jsxs(\"span\", { children: [\"Use a \", selectedDepositAddressOption?.id, \" wallet to scan\"] })] }) }), details && (_jsxs(_Fragment, { children: [_jsx(OrDivider, {}), _jsxs(ModalBody, { children: [\"Send exactly \", details.amount, \" \", details.suffix, \" to\", \" \", getAddressContraction(details.address), \" and return to this page. Confirmation should appear in a few minutes.\"] }), _jsx(CopyToClipboard, { variant: \"button\", string: details.address, children: \"Copy Address\" }), _jsx(CopyToClipboard, { variant: \"left\", string: details.amount, children: \"Copy Amount\" })] }))] })) }));\n};\nexport default WaitingDepositAddress;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useState, useEffect } from 'react';
|
|
3
|
-
import { usePayContext, ROUTES } from '../../DaimoPay.js';
|
|
4
|
-
import { PageContent, ModalContent, ModalH1, ModalBody } from '../../Common/Modal/styles.js';
|
|
5
|
-
import { ExternalLinkIcon } from '../../../assets/icons.js';
|
|
6
|
-
import Button from '../../Common/Button/index.js';
|
|
7
|
-
import ExternalPaymentSpinner from '../../Spinners/ExternalPaymentSpinner/index.js';
|
|
8
|
-
|
|
9
|
-
const WaitingExternal = () => {
|
|
10
|
-
const context = usePayContext();
|
|
11
|
-
const { triggerResize, paymentState, setRoute } = context;
|
|
12
|
-
const trpc = context.trpc;
|
|
13
|
-
const { selectedExternalOption, payWithExternal, paymentWaitingMessage, daimoPayOrder, } = paymentState;
|
|
14
|
-
const [externalURL, setExternalURL] = useState(null);
|
|
15
|
-
useEffect(() => {
|
|
16
|
-
const checkForSourcePayment = async () => {
|
|
17
|
-
if (!daimoPayOrder)
|
|
18
|
-
return;
|
|
19
|
-
const found = await trpc.findSourcePayment.query({
|
|
20
|
-
orderId: daimoPayOrder.id.toString(),
|
|
21
|
-
});
|
|
22
|
-
if (found) {
|
|
23
|
-
setRoute(ROUTES.CONFIRMATION, { event: "found-source-payment" });
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
const interval = setInterval(checkForSourcePayment, 1000);
|
|
27
|
-
return () => clearInterval(interval);
|
|
28
|
-
}, [daimoPayOrder?.id]);
|
|
29
|
-
useEffect(() => {
|
|
30
|
-
if (!selectedExternalOption)
|
|
31
|
-
return;
|
|
32
|
-
payWithExternal(selectedExternalOption.id).then((url) => {
|
|
33
|
-
setExternalURL(url);
|
|
34
|
-
setTimeout(() => {
|
|
35
|
-
window.open(url, "_blank");
|
|
36
|
-
});
|
|
37
|
-
});
|
|
38
|
-
}, [selectedExternalOption]);
|
|
39
|
-
const waitingMessageLength = paymentWaitingMessage?.length;
|
|
40
|
-
useEffect(() => {
|
|
41
|
-
triggerResize();
|
|
42
|
-
}, [waitingMessageLength, externalURL]);
|
|
43
|
-
if (!selectedExternalOption) {
|
|
44
|
-
return jsx(PageContent, {});
|
|
45
|
-
}
|
|
46
|
-
return (jsxs(PageContent, { children: [jsx(ExternalPaymentSpinner, { logoURI: selectedExternalOption.logoURI, logoShape: selectedExternalOption.logoShape }), jsxs(ModalContent, { style: { marginLeft: 24, marginRight: 24 }, children: [jsx(ModalH1, { children: "Waiting for Payment" }), paymentWaitingMessage && (jsx(ModalBody, { style: { marginTop: 12, marginBottom: 12 }, children: paymentWaitingMessage }))] }), jsx(Button, { icon: jsx(ExternalLinkIcon, {}), onClick: () => {
|
|
47
|
-
if (externalURL)
|
|
48
|
-
window.open(externalURL, "_blank");
|
|
49
|
-
}, children: selectedExternalOption.cta })] }));
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
export { WaitingExternal as default };
|
|
53
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/WaitingExternal/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useState } from \"react\";\nimport { ROUTES, usePayContext } from \"../../DaimoPay\";\nimport { ModalBody, ModalContent, ModalH1, PageContent, } from \"../../Common/Modal/styles\";\nimport { ExternalLinkIcon } from \"../../../assets/icons\";\nimport Button from \"../../Common/Button\";\nimport ExternalPaymentSpinner from \"../../Spinners/ExternalPaymentSpinner\";\nconst WaitingExternal = () => {\n const context = usePayContext();\n const { triggerResize, paymentState, setRoute } = context;\n const trpc = context.trpc;\n const { selectedExternalOption, payWithExternal, paymentWaitingMessage, daimoPayOrder, } = paymentState;\n const [externalURL, setExternalURL] = useState(null);\n useEffect(() => {\n const checkForSourcePayment = async () => {\n if (!daimoPayOrder)\n return;\n const found = await trpc.findSourcePayment.query({\n orderId: daimoPayOrder.id.toString(),\n });\n if (found) {\n setRoute(ROUTES.CONFIRMATION, { event: \"found-source-payment\" });\n }\n };\n const interval = setInterval(checkForSourcePayment, 1000);\n return () => clearInterval(interval);\n }, [daimoPayOrder?.id]);\n useEffect(() => {\n if (!selectedExternalOption)\n return;\n payWithExternal(selectedExternalOption.id).then((url) => {\n setExternalURL(url);\n setTimeout(() => {\n window.open(url, \"_blank\");\n });\n });\n }, [selectedExternalOption]);\n const waitingMessageLength = paymentWaitingMessage?.length;\n useEffect(() => {\n triggerResize();\n }, [waitingMessageLength, externalURL]);\n if (!selectedExternalOption) {\n return _jsx(PageContent, {});\n }\n return (_jsxs(PageContent, { children: [_jsx(ExternalPaymentSpinner, { logoURI: selectedExternalOption.logoURI, logoShape: selectedExternalOption.logoShape }), _jsxs(ModalContent, { style: { marginLeft: 24, marginRight: 24 }, children: [_jsx(ModalH1, { children: \"Waiting for Payment\" }), paymentWaitingMessage && (_jsx(ModalBody, { style: { marginTop: 12, marginBottom: 12 }, children: paymentWaitingMessage }))] }), _jsx(Button, { icon: _jsx(ExternalLinkIcon, {}), onClick: () => {\n if (externalURL)\n window.open(externalURL, \"_blank\");\n }, children: selectedExternalOption.cta })] }));\n};\nexport default WaitingExternal;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAOK,MAAC,eAAe,GAAG,MAAM;AAC9B,IAAI,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;AACpC,IAAI,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;AAC9D,IAAI,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;AAC9B,IAAI,MAAM,EAAE,sBAAsB,EAAE,eAAe,EAAE,qBAAqB,EAAE,aAAa,GAAG,GAAG,YAAY,CAAC;AAC5G,IAAI,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AACzD,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,MAAM,qBAAqB,GAAG,YAAY;AAClD,YAAY,IAAI,CAAC,aAAa;AAC9B,gBAAgB,OAAO;AACvB,YAAY,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;AAC7D,gBAAgB,OAAO,EAAE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE;AACpD,aAAa,CAAC,CAAC;AACf,YAAY,IAAI,KAAK,EAAE;AACvB,gBAAgB,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,CAAC,CAAC;AACjF,aAAa;AACb,SAAS,CAAC;AACV,QAAQ,MAAM,QAAQ,GAAG,WAAW,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;AAClE,QAAQ,OAAO,MAAM,aAAa,CAAC,QAAQ,CAAC,CAAC;AAC7C,KAAK,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,CAAC;AAC5B,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,IAAI,CAAC,sBAAsB;AACnC,YAAY,OAAO;AACnB,QAAQ,eAAe,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK;AACjE,YAAY,cAAc,CAAC,GAAG,CAAC,CAAC;AAChC,YAAY,UAAU,CAAC,MAAM;AAC7B,gBAAgB,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;AAC3C,aAAa,CAAC,CAAC;AACf,SAAS,CAAC,CAAC;AACX,KAAK,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC;AACjC,IAAI,MAAM,oBAAoB,GAAG,qBAAqB,EAAE,MAAM,CAAC;AAC/D,IAAI,SAAS,CAAC,MAAM;AACpB,QAAQ,aAAa,EAAE,CAAC;AACxB,KAAK,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC,CAAC;AAC5C,IAAI,IAAI,CAAC,sBAAsB,EAAE;AACjC,QAAQ,OAAOA,GAAI,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AACrC,KAAK;AACL,IAAI,QAAQC,IAAK,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,sBAAsB,EAAE,EAAE,OAAO,EAAE,sBAAsB,CAAC,OAAO,EAAE,SAAS,EAAE,sBAAsB,CAAC,SAAS,EAAE,CAAC,EAAEC,IAAK,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC,EAAE,qBAAqB,KAAKA,GAAI,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,qBAAqB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAEA,GAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM;AACte,oBAAoB,IAAI,WAAW;AACnC,wBAAwB,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAC3D,iBAAiB,EAAE,QAAQ,EAAE,sBAAsB,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAChE;;;;"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { LogoContainer, Logo, SpinnerContainer, Spinner, ExpiringSpinner } from './styles.js';
|
|
3
|
-
import { AnimatePresence } from 'framer-motion';
|
|
4
|
-
|
|
5
|
-
const CircleSpinner = ({ logo, smallLogo, loading = true, unavailable = false, countdown = false, }) => {
|
|
6
|
-
return (jsxs(LogoContainer, { transition: { duration: 0.5, ease: [0.175, 0.885, 0.32, 0.98] }, children: [jsx(Logo, { "$small": !unavailable && smallLogo, style: unavailable ? { borderRadius: 0 } : undefined, children: logo }), jsx(SpinnerContainer, { children: jsxs(AnimatePresence, { children: [loading && (jsx(Spinner, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: {
|
|
7
|
-
opacity: 0,
|
|
8
|
-
transition: {
|
|
9
|
-
duration: countdown ? 1 : 0,
|
|
10
|
-
},
|
|
11
|
-
}, children: jsxs("svg", { "aria-hidden": "true", width: "102", height: "102", viewBox: "0 0 102 102", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M52 100C24.3858 100 2 77.6142 2 50", stroke: "url(#paint0_linear_1943_4139)", strokeWidth: "3.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("defs", { children: jsxs("linearGradient", { id: "paint0_linear_1943_4139", x1: "2", y1: "48.5", x2: "53", y2: "100", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "var(--ck-spinner-color)" }), jsx("stop", { offset: "1", stopColor: "var(--ck-spinner-color)", stopOpacity: "0" })] }) })] }) })), countdown && (jsxs(ExpiringSpinner, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.25 }, children: [jsx("div", {}), jsx("div", {})] }))] }) })] }));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { CircleSpinner as default };
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Spinners/CircleSpinner/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { ExpiringSpinner, Logo, LogoContainer, Spinner, SpinnerContainer, } from \"./styles\";\nimport { AnimatePresence } from \"framer-motion\";\nconst CircleSpinner = ({ logo, smallLogo, loading = true, unavailable = false, countdown = false, }) => {\n return (_jsxs(LogoContainer, { transition: { duration: 0.5, ease: [0.175, 0.885, 0.32, 0.98] }, children: [_jsx(Logo, { \"$small\": !unavailable && smallLogo, style: unavailable ? { borderRadius: 0 } : undefined, children: logo }), _jsx(SpinnerContainer, { children: _jsxs(AnimatePresence, { children: [loading && (_jsx(Spinner, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: {\n opacity: 0,\n transition: {\n duration: countdown ? 1 : 0,\n },\n }, children: _jsxs(\"svg\", { \"aria-hidden\": \"true\", width: \"102\", height: \"102\", viewBox: \"0 0 102 102\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", children: [_jsx(\"path\", { d: \"M52 100C24.3858 100 2 77.6142 2 50\", stroke: \"url(#paint0_linear_1943_4139)\", strokeWidth: \"3.5\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }), _jsx(\"defs\", { children: _jsxs(\"linearGradient\", { id: \"paint0_linear_1943_4139\", x1: \"2\", y1: \"48.5\", x2: \"53\", y2: \"100\", gradientUnits: \"userSpaceOnUse\", children: [_jsx(\"stop\", { stopColor: \"var(--ck-spinner-color)\" }), _jsx(\"stop\", { offset: \"1\", stopColor: \"var(--ck-spinner-color)\", stopOpacity: \"0\" })] }) })] }) })), countdown && (_jsxs(ExpiringSpinner, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.25 }, children: [_jsx(\"div\", {}), _jsx(\"div\", {})] }))] }) })] }));\n};\nexport default CircleSpinner;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAGK,MAAC,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,GAAG,KAAK;AACxG,IAAI,QAAQA,IAAK,CAAC,aAAa,EAAE,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,WAAW,IAAI,SAAS,EAAE,KAAK,EAAE,WAAW,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAEA,GAAI,CAAC,gBAAgB,EAAE,EAAE,QAAQ,EAAED,IAAK,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,KAAKC,GAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE;AACrY,gCAAgC,OAAO,EAAE,CAAC;AAC1C,gCAAgC,UAAU,EAAE;AAC5C,oCAAoC,QAAQ,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC;AAC/D,iCAAiC;AACjC,6BAA6B,EAAE,QAAQ,EAAED,IAAK,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,4BAA4B,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,oCAAoC,EAAE,MAAM,EAAE,+BAA+B,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAED,IAAK,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE,yBAAyB,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,yBAAyB,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,yBAAyB,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAKD,IAAK,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,CAAC,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAC73B;;;;"}
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
import { motion } from 'framer-motion';
|
|
2
|
-
import { css } from 'styled-components';
|
|
3
|
-
import styled from '../../../styles/styled/index.js';
|
|
4
|
-
|
|
5
|
-
const LogoContainer = styled(motion.div) `
|
|
6
|
-
z-index: 4;
|
|
7
|
-
position: relative;
|
|
8
|
-
width: 100px;
|
|
9
|
-
height: 100px;
|
|
10
|
-
svg {
|
|
11
|
-
z-index: 3;
|
|
12
|
-
position: relative;
|
|
13
|
-
display: block;
|
|
14
|
-
}
|
|
15
|
-
`;
|
|
16
|
-
const Logo = styled(motion.div) `
|
|
17
|
-
z-index: 2;
|
|
18
|
-
position: absolute;
|
|
19
|
-
overflow: hidden;
|
|
20
|
-
inset: 6px;
|
|
21
|
-
border-radius: 50px;
|
|
22
|
-
background: var(--ck-body-background);
|
|
23
|
-
display: flex;
|
|
24
|
-
align-items: center;
|
|
25
|
-
justify-content: center;
|
|
26
|
-
svg,
|
|
27
|
-
img {
|
|
28
|
-
pointer-events: none;
|
|
29
|
-
display: block;
|
|
30
|
-
margin: 0 auto;
|
|
31
|
-
width: 100%;
|
|
32
|
-
height: 100%;
|
|
33
|
-
${(props) => props.$small &&
|
|
34
|
-
css `
|
|
35
|
-
width: 85%;
|
|
36
|
-
height: 85%;
|
|
37
|
-
`}
|
|
38
|
-
}
|
|
39
|
-
`;
|
|
40
|
-
const SpinnerContainer = styled(motion.div) `
|
|
41
|
-
position: absolute;
|
|
42
|
-
inset: -2px;
|
|
43
|
-
`;
|
|
44
|
-
const ExpiringSpinner = styled(motion.div) `
|
|
45
|
-
pointer-events: none;
|
|
46
|
-
user-select: none;
|
|
47
|
-
z-index: 1;
|
|
48
|
-
position: absolute;
|
|
49
|
-
inset: -25%;
|
|
50
|
-
background: var(--ck-body-background);
|
|
51
|
-
div:first-child {
|
|
52
|
-
position: absolute;
|
|
53
|
-
left: 50%;
|
|
54
|
-
right: 0;
|
|
55
|
-
top: 0;
|
|
56
|
-
bottom: 0;
|
|
57
|
-
overflow: hidden;
|
|
58
|
-
&:before {
|
|
59
|
-
position: absolute;
|
|
60
|
-
content: "";
|
|
61
|
-
inset: 0;
|
|
62
|
-
background: var(--ck-spinner-color);
|
|
63
|
-
transform-origin: 0% 50%;
|
|
64
|
-
animation: rotateExpiringSpinner 5000ms ease-in both;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
div:last-child {
|
|
68
|
-
position: absolute;
|
|
69
|
-
left: 0;
|
|
70
|
-
right: 50%;
|
|
71
|
-
top: 0;
|
|
72
|
-
bottom: 0;
|
|
73
|
-
overflow: hidden;
|
|
74
|
-
&:before {
|
|
75
|
-
position: absolute;
|
|
76
|
-
content: "";
|
|
77
|
-
inset: 0;
|
|
78
|
-
background: var(--ck-spinner-color);
|
|
79
|
-
transform-origin: 100% 50%;
|
|
80
|
-
animation: rotateExpiringSpinner 5000ms ease-out 5000ms both;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
@keyframes rotateExpiringSpinner {
|
|
84
|
-
0% {
|
|
85
|
-
transform: rotate(-180deg);
|
|
86
|
-
}
|
|
87
|
-
100% {
|
|
88
|
-
transform: rotate(0deg);
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
`;
|
|
92
|
-
const Spinner = styled(motion.div) `
|
|
93
|
-
pointer-events: none;
|
|
94
|
-
user-select: none;
|
|
95
|
-
z-index: 1;
|
|
96
|
-
position: absolute;
|
|
97
|
-
inset: 0;
|
|
98
|
-
svg {
|
|
99
|
-
display: block;
|
|
100
|
-
position: absolute;
|
|
101
|
-
left: 0;
|
|
102
|
-
top: 0;
|
|
103
|
-
width: 100%;
|
|
104
|
-
height: 100%;
|
|
105
|
-
animation: rotateSpinner 1200ms linear infinite;
|
|
106
|
-
}
|
|
107
|
-
@keyframes rotateSpinner {
|
|
108
|
-
0% {
|
|
109
|
-
transform: rotate(0deg);
|
|
110
|
-
}
|
|
111
|
-
100% {
|
|
112
|
-
transform: rotate(360deg);
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
`;
|
|
116
|
-
|
|
117
|
-
export { ExpiringSpinner, Logo, LogoContainer, Spinner, SpinnerContainer };
|
|
118
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../../src/components/Spinners/CircleSpinner/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\nexport const LogoContainer = styled(motion.div) `\n z-index: 4;\n position: relative;\n width: 100px;\n height: 100px;\n svg {\n z-index: 3;\n position: relative;\n display: block;\n }\n`;\nexport const Logo = styled(motion.div) `\n z-index: 2;\n position: absolute;\n overflow: hidden;\n inset: 6px;\n border-radius: 50px;\n background: var(--ck-body-background);\n display: flex;\n align-items: center;\n justify-content: center;\n svg,\n img {\n pointer-events: none;\n display: block;\n margin: 0 auto;\n width: 100%;\n height: 100%;\n ${(props) => props.$small &&\n css `\n width: 85%;\n height: 85%;\n `}\n }\n`;\nexport const SpinnerContainer = styled(motion.div) `\n position: absolute;\n inset: -2px;\n`;\nexport const ExpiringSpinner = styled(motion.div) `\n pointer-events: none;\n user-select: none;\n z-index: 1;\n position: absolute;\n inset: -25%;\n background: var(--ck-body-background);\n div:first-child {\n position: absolute;\n left: 50%;\n right: 0;\n top: 0;\n bottom: 0;\n overflow: hidden;\n &:before {\n position: absolute;\n content: \"\";\n inset: 0;\n background: var(--ck-spinner-color);\n transform-origin: 0% 50%;\n animation: rotateExpiringSpinner 5000ms ease-in both;\n }\n }\n div:last-child {\n position: absolute;\n left: 0;\n right: 50%;\n top: 0;\n bottom: 0;\n overflow: hidden;\n &:before {\n position: absolute;\n content: \"\";\n inset: 0;\n background: var(--ck-spinner-color);\n transform-origin: 100% 50%;\n animation: rotateExpiringSpinner 5000ms ease-out 5000ms both;\n }\n }\n @keyframes rotateExpiringSpinner {\n 0% {\n transform: rotate(-180deg);\n }\n 100% {\n transform: rotate(0deg);\n }\n }\n`;\nexport const Spinner = styled(motion.div) `\n pointer-events: none;\n user-select: none;\n z-index: 1;\n position: absolute;\n inset: 0;\n svg {\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n animation: rotateSpinner 1200ms linear infinite;\n }\n @keyframes rotateSpinner {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n`;\n"],"names":[],"mappings":";;;;AAGY,MAAC,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM;AAC7B,IAAI,GAAG,CAAC,CAAC;AACT;AACA;AACA,MAAM,CAAC,CAAC;AACR;AACA,EAAE;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD;AACA;AACA,EAAE;AACU,MAAC,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACU,MAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { AnimatePresence } from 'framer-motion';
|
|
3
|
-
import CircleSpinner from '../CircleSpinner/index.js';
|
|
4
|
-
import SquircleSpinner from '../SquircleSpinner/index.js';
|
|
5
|
-
import { LoadingContainer, AnimationContainer } from '../styles.js';
|
|
6
|
-
|
|
7
|
-
const ExternalPaymentSpinner = ({ logoURI, logoShape, showSpinner = true, }) => {
|
|
8
|
-
const optionSpinner = (() => {
|
|
9
|
-
if (logoShape === "circle") {
|
|
10
|
-
return (jsx(CircleSpinner, { logo: jsx("img", { src: logoURI }), loading: showSpinner, unavailable: false }));
|
|
11
|
-
}
|
|
12
|
-
else {
|
|
13
|
-
return (jsx(SquircleSpinner, { logo: jsx("img", { src: logoURI }), loading: showSpinner }));
|
|
14
|
-
}
|
|
15
|
-
})();
|
|
16
|
-
return (jsx(LoadingContainer, { children: jsx(AnimationContainer, { "$circle": logoShape === "circle", children: jsx(AnimatePresence, { children: optionSpinner }) }) }));
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export { ExternalPaymentSpinner as default };
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Spinners/ExternalPaymentSpinner/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { AnimatePresence } from \"framer-motion\";\nimport CircleSpinner from \"../CircleSpinner\";\nimport SquircleSpinner from \"../SquircleSpinner\";\nimport { AnimationContainer, LoadingContainer } from \"../styles\";\nconst ExternalPaymentSpinner = ({ logoURI, logoShape, showSpinner = true, }) => {\n const optionSpinner = (() => {\n if (logoShape === \"circle\") {\n return (_jsx(CircleSpinner, { logo: _jsx(\"img\", { src: logoURI }), loading: showSpinner, unavailable: false }));\n }\n else {\n return (_jsx(SquircleSpinner, { logo: _jsx(\"img\", { src: logoURI }), loading: showSpinner }));\n }\n })();\n return (_jsx(LoadingContainer, { children: _jsx(AnimationContainer, { \"$circle\": logoShape === \"circle\", children: _jsx(AnimatePresence, { children: optionSpinner }) }) }));\n};\nexport default ExternalPaymentSpinner;\n"],"names":["_jsx"],"mappings":";;;;;;AAKK,MAAC,sBAAsB,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,GAAG,KAAK;AAChF,IAAI,MAAM,aAAa,GAAG,CAAC,MAAM;AACjC,QAAQ,IAAI,SAAS,KAAK,QAAQ,EAAE;AACpC,YAAY,QAAQA,GAAI,CAAC,aAAa,EAAE,EAAE,IAAI,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE;AAC5H,SAAS;AACT,aAAa;AACb,YAAY,QAAQA,GAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE;AAC1G,SAAS;AACT,KAAK,GAAG,CAAC;AACT,IAAI,QAAQA,GAAI,CAAC,gBAAgB,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,kBAAkB,EAAE,EAAE,SAAS,EAAE,SAAS,KAAK,QAAQ,EAAE,QAAQ,EAAEA,GAAI,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACjL;;;;"}
|