@daimo/pay 1.19.7 → 1.19.8
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 +52 -64
- package/build/package.json.js +6 -5
- package/build/package.json.js.map +1 -1
- package/build/src/assets/chains.js +24 -2
- package/build/src/assets/chains.js.map +1 -1
- package/build/src/defaultConfig.js +2 -1
- package/build/src/defaultConfig.js.map +1 -1
- package/build/src/hooks/usePaymentOptions.js +183 -0
- package/build/src/hooks/usePaymentOptions.js.map +1 -0
- package/build/src/hooks/usePaymentState.js +18 -29
- package/build/src/hooks/usePaymentState.js.map +1 -1
- package/build/src/world-mini-app/WorldPayButton.js.map +1 -1
- package/build/{types-1473bcf4.d.ts → types-26343050.d.ts} +2 -2
- package/build/world.d.ts +4 -6
- package/package.json +6 -5
- package/build/_virtual/common.js +0 -4
- package/build/_virtual/common.js.map +0 -1
- package/build/_virtual/common2.js +0 -4
- package/build/_virtual/common2.js.map +0 -1
- package/build/_virtual/hash.js +0 -4
- package/build/_virtual/hash.js.map +0 -1
- package/build/_virtual/hash2.js +0 -4
- package/build/_virtual/hash2.js.map +0 -1
- package/build/_virtual/index.js +0 -4
- package/build/_virtual/index.js.map +0 -1
- package/build/_virtual/index2.js +0 -4
- package/build/_virtual/index2.js.map +0 -1
- package/build/_virtual/inherits_browser.js +0 -4
- package/build/_virtual/inherits_browser.js.map +0 -1
- package/build/_virtual/ripemd.js +0 -4
- package/build/_virtual/ripemd.js.map +0 -1
- package/build/_virtual/sha.js +0 -4
- package/build/_virtual/sha.js.map +0 -1
- package/build/_virtual/utils.js +0 -4
- package/build/_virtual/utils.js.map +0 -1
- package/build/node_modules/@binance/w3w-utils/dist/index.js +0 -7
- package/build/node_modules/@binance/w3w-utils/dist/index.js.map +0 -1
- package/build/node_modules/@binance/w3w-utils/node_modules/eventemitter3/index.js +0 -349
- package/build/node_modules/@binance/w3w-utils/node_modules/eventemitter3/index.js.map +0 -1
- package/build/node_modules/hash.js/lib/hash/common.js +0 -105
- package/build/node_modules/hash.js/lib/hash/common.js.map +0 -1
- package/build/node_modules/hash.js/lib/hash/hmac.js +0 -60
- package/build/node_modules/hash.js/lib/hash/hmac.js.map +0 -1
- package/build/node_modules/hash.js/lib/hash/ripemd.js +0 -159
- package/build/node_modules/hash.js/lib/hash/ripemd.js.map +0 -1
- package/build/node_modules/hash.js/lib/hash/sha/1.js +0 -88
- package/build/node_modules/hash.js/lib/hash/sha/1.js.map +0 -1
- package/build/node_modules/hash.js/lib/hash/sha/224.js +0 -42
- package/build/node_modules/hash.js/lib/hash/sha/224.js.map +0 -1
- package/build/node_modules/hash.js/lib/hash/sha/256.js +0 -120
- package/build/node_modules/hash.js/lib/hash/sha/256.js.map +0 -1
- package/build/node_modules/hash.js/lib/hash/sha/384.js +0 -48
- package/build/node_modules/hash.js/lib/hash/sha/384.js.map +0 -1
- package/build/node_modules/hash.js/lib/hash/sha/512.js +0 -344
- package/build/node_modules/hash.js/lib/hash/sha/512.js.map +0 -1
- package/build/node_modules/hash.js/lib/hash/sha/common.js +0 -61
- package/build/node_modules/hash.js/lib/hash/sha/common.js.map +0 -1
- package/build/node_modules/hash.js/lib/hash/sha.js +0 -23
- package/build/node_modules/hash.js/lib/hash/sha.js.map +0 -1
- package/build/node_modules/hash.js/lib/hash/utils.js +0 -291
- package/build/node_modules/hash.js/lib/hash/utils.js.map +0 -1
- package/build/node_modules/hash.js/lib/hash.js +0 -34
- package/build/node_modules/hash.js/lib/hash.js.map +0 -1
- package/build/node_modules/inherits/inherits_browser.js +0 -39
- package/build/node_modules/inherits/inherits_browser.js.map +0 -1
- package/build/node_modules/minimalistic-assert/index.js +0 -22
- package/build/node_modules/minimalistic-assert/index.js.map +0 -1
- package/build/pay/packages/connectkit/package.json.js +0 -123
- package/build/pay/packages/connectkit/package.json.js.map +0 -1
- package/build/pay/packages/connectkit/src/assets/MobileWithLogos.js +0 -329
- package/build/pay/packages/connectkit/src/assets/MobileWithLogos.js.map +0 -1
- package/build/pay/packages/connectkit/src/assets/ScanIconWithLogos.js +0 -243
- package/build/pay/packages/connectkit/src/assets/ScanIconWithLogos.js.map +0 -1
- package/build/pay/packages/connectkit/src/assets/browsers.js +0 -969
- package/build/pay/packages/connectkit/src/assets/browsers.js.map +0 -1
- package/build/pay/packages/connectkit/src/assets/chains.js +0 -639
- package/build/pay/packages/connectkit/src/assets/chains.js.map +0 -1
- package/build/pay/packages/connectkit/src/assets/icons.js +0 -273
- package/build/pay/packages/connectkit/src/assets/icons.js.map +0 -1
- package/build/pay/packages/connectkit/src/assets/logos.js +0 -1722
- package/build/pay/packages/connectkit/src/assets/logos.js.map +0 -1
- package/build/pay/packages/connectkit/src/assets/wave.js +0 -46
- package/build/pay/packages/connectkit/src/assets/wave.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Alert/index.js +0 -13
- package/build/pay/packages/connectkit/src/components/Common/Alert/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Alert/styles.js +0 -55
- package/build/pay/packages/connectkit/src/components/Common/Alert/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/AmountInput/AmountInputField.js +0 -71
- package/build/pay/packages/connectkit/src/components/Common/AmountInput/AmountInputField.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/AmountInput/index.js +0 -159
- package/build/pay/packages/connectkit/src/components/Common/AmountInput/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Avatar/index.js +0 -78
- package/build/pay/packages/connectkit/src/components/Common/Avatar/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Avatar/styles.js +0 -54
- package/build/pay/packages/connectkit/src/components/Common/Avatar/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/BrowserIcon/index.js +0 -29
- package/build/pay/packages/connectkit/src/components/Common/BrowserIcon/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/BrowserIcon/styles.js +0 -20
- package/build/pay/packages/connectkit/src/components/Common/BrowserIcon/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Button/index.js +0 -144
- package/build/pay/packages/connectkit/src/components/Common/Button/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Button/styles.js +0 -287
- package/build/pay/packages/connectkit/src/components/Common/Button/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Chain/index.js +0 -141
- package/build/pay/packages/connectkit/src/components/Common/Chain/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Chain/styles.js +0 -90
- package/build/pay/packages/connectkit/src/components/Common/Chain/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/ChainSelectList/index.js +0 -250
- package/build/pay/packages/connectkit/src/components/Common/ChainSelectList/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/ChainSelectList/styles.js +0 -226
- package/build/pay/packages/connectkit/src/components/Common/ChainSelectList/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/CircleTimer.js +0 -92
- package/build/pay/packages/connectkit/src/components/Common/CircleTimer.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/ConnectorList/index.js +0 -121
- package/build/pay/packages/connectkit/src/components/Common/ConnectorList/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/ConnectorList/styles.js +0 -344
- package/build/pay/packages/connectkit/src/components/Common/ConnectorList/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/CopyToClipboard/CopyToClipboardIcon.js +0 -78
- package/build/pay/packages/connectkit/src/components/Common/CopyToClipboard/CopyToClipboardIcon.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/QRCode.js +0 -132
- package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/QRCode.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/index.js +0 -89
- package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/styles.js +0 -142
- package/build/pay/packages/connectkit/src/components/Common/CustomQRCode/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/FitText/index.js +0 -34
- package/build/pay/packages/connectkit/src/components/Common/FitText/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Modal/index.js +0 -547
- package/build/pay/packages/connectkit/src/components/Common/Modal/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Modal/styles.js +0 -665
- package/build/pay/packages/connectkit/src/components/Common/Modal/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/OptionsList/index.js +0 -145
- package/build/pay/packages/connectkit/src/components/Common/OptionsList/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/OptionsList/styles.js +0 -138
- package/build/pay/packages/connectkit/src/components/Common/OptionsList/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/OrderHeader/index.js +0 -148
- package/build/pay/packages/connectkit/src/components/Common/OrderHeader/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/PaymentBreakdown/index.js +0 -70
- package/build/pay/packages/connectkit/src/components/Common/PaymentBreakdown/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Portal/index.js +0 -30
- package/build/pay/packages/connectkit/src/components/Common/Portal/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/PoweredByFooter/index.js +0 -39
- package/build/pay/packages/connectkit/src/components/Common/PoweredByFooter/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/ScrollArea/index.js +0 -120
- package/build/pay/packages/connectkit/src/components/Common/ScrollArea/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/ScrollArea/styles.js +0 -169
- package/build/pay/packages/connectkit/src/components/Common/ScrollArea/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/SelectAnotherMethodButton/index.js +0 -96
- package/build/pay/packages/connectkit/src/components/Common/SelectAnotherMethodButton/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Spinner/index.js +0 -64
- package/build/pay/packages/connectkit/src/components/Common/Spinner/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Spinner/styles.js +0 -22
- package/build/pay/packages/connectkit/src/components/Common/Spinner/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/SwitchButton/index.js +0 -43
- package/build/pay/packages/connectkit/src/components/Common/SwitchButton/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/ThemedButton/index.js +0 -46
- package/build/pay/packages/connectkit/src/components/Common/ThemedButton/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/ThemedButton/styles.js +0 -152
- package/build/pay/packages/connectkit/src/components/Common/ThemedButton/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/TokenChainLogo/index.js +0 -62
- package/build/pay/packages/connectkit/src/components/Common/TokenChainLogo/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Tooltip/index.js +0 -129
- package/build/pay/packages/connectkit/src/components/Common/Tooltip/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/Tooltip/styles.js +0 -81
- package/build/pay/packages/connectkit/src/components/Common/Tooltip/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Common/WalletChainLogo/index.js +0 -31
- package/build/pay/packages/connectkit/src/components/Common/WalletChainLogo/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/DaimoPayButton/index.js +0 -196
- package/build/pay/packages/connectkit/src/components/DaimoPayButton/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/DaimoPayButton/styles.js +0 -50
- package/build/pay/packages/connectkit/src/components/DaimoPayButton/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectUsing.js +0 -70
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectUsing.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithInjector/index.js +0 -339
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithInjector/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithInjector/styles.js +0 -131
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithInjector/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithQRCode.js +0 -86
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/ConnectWithQRCode.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/index.js +0 -605
- package/build/pay/packages/connectkit/src/components/DaimoPayModal/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/DaimoPayThemeProvider/DaimoPayThemeProvider.js +0 -25
- package/build/pay/packages/connectkit/src/components/DaimoPayThemeProvider/DaimoPayThemeProvider.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/About/graphics.js +0 -853
- package/build/pay/packages/connectkit/src/components/Pages/About/graphics.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/About/index.js +0 -222
- package/build/pay/packages/connectkit/src/components/Pages/About/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/About/styles.js +0 -140
- package/build/pay/packages/connectkit/src/components/Pages/About/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/Confirmation/index.js +0 -126
- package/build/pay/packages/connectkit/src/components/Pages/Confirmation/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/Connectors/index.js +0 -26
- package/build/pay/packages/connectkit/src/components/Pages/Connectors/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/Error/index.js +0 -57
- package/build/pay/packages/connectkit/src/components/Pages/Error/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/MobileConnectors/index.js +0 -108
- package/build/pay/packages/connectkit/src/components/Pages/MobileConnectors/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/MobileConnectors/styles.js +0 -64
- package/build/pay/packages/connectkit/src/components/Pages/MobileConnectors/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/Onboarding/index.js +0 -34
- package/build/pay/packages/connectkit/src/components/Pages/Onboarding/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/Onboarding/styles.js +0 -229
- package/build/pay/packages/connectkit/src/components/Pages/Onboarding/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/PayWithToken/index.js +0 -157
- package/build/pay/packages/connectkit/src/components/Pages/PayWithToken/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/SelectAmount/index.js +0 -24
- package/build/pay/packages/connectkit/src/components/Pages/SelectAmount/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/SelectDepositAddressAmount/index.js +0 -79
- package/build/pay/packages/connectkit/src/components/Pages/SelectDepositAddressAmount/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/SelectDepositAddressChain/index.js +0 -80
- package/build/pay/packages/connectkit/src/components/Pages/SelectDepositAddressChain/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/SelectExchange/index.js +0 -62
- package/build/pay/packages/connectkit/src/components/Pages/SelectExchange/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/SelectExternalAmount/index.js +0 -80
- package/build/pay/packages/connectkit/src/components/Pages/SelectExternalAmount/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/SelectMethod/index.js +0 -315
- package/build/pay/packages/connectkit/src/components/Pages/SelectMethod/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/SelectToken/index.js +0 -99
- package/build/pay/packages/connectkit/src/components/Pages/SelectToken/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/SelectWalletAmount/index.js +0 -71
- package/build/pay/packages/connectkit/src/components/Pages/SelectWalletAmount/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/SelectWalletChain/index.js +0 -55
- package/build/pay/packages/connectkit/src/components/Pages/SelectWalletChain/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/SelectZKP/index.js +0 -41
- package/build/pay/packages/connectkit/src/components/Pages/SelectZKP/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/Solana/ConnectorSolana/index.js +0 -94
- package/build/pay/packages/connectkit/src/components/Pages/Solana/ConnectorSolana/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/Solana/PayWithSolanaToken/index.js +0 -92
- package/build/pay/packages/connectkit/src/components/Pages/Solana/PayWithSolanaToken/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/Solana/SelectSolanaAmount/index.js +0 -24
- package/build/pay/packages/connectkit/src/components/Pages/Solana/SelectSolanaAmount/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/SwitchNetworks/index.js +0 -45
- package/build/pay/packages/connectkit/src/components/Pages/SwitchNetworks/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/WaitingDepositAddress/index.js +0 -586
- package/build/pay/packages/connectkit/src/components/Pages/WaitingDepositAddress/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/WaitingExternal/index.js +0 -174
- package/build/pay/packages/connectkit/src/components/Pages/WaitingExternal/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/WaitingWallet/index.js +0 -49
- package/build/pay/packages/connectkit/src/components/Pages/WaitingWallet/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Pages/Warning/index.js +0 -56
- package/build/pay/packages/connectkit/src/components/Pages/Warning/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Spinners/CircleSpinner/index.js +0 -104
- package/build/pay/packages/connectkit/src/components/Spinners/CircleSpinner/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Spinners/CircleSpinner/styles.js +0 -117
- package/build/pay/packages/connectkit/src/components/Spinners/CircleSpinner/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Spinners/ExternalPaymentSpinner/index.js +0 -29
- package/build/pay/packages/connectkit/src/components/Spinners/ExternalPaymentSpinner/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Spinners/SquircleSpinner/index.js +0 -68
- package/build/pay/packages/connectkit/src/components/Spinners/SquircleSpinner/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Spinners/SquircleSpinner/styles.js +0 -66
- package/build/pay/packages/connectkit/src/components/Spinners/SquircleSpinner/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Spinners/TokenLogoSpinner/index.js +0 -24
- package/build/pay/packages/connectkit/src/components/Spinners/TokenLogoSpinner/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Spinners/TokenLogoSpinner/styles.js +0 -40
- package/build/pay/packages/connectkit/src/components/Spinners/TokenLogoSpinner/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Spinners/WalletPaymentSpinner/index.js +0 -37
- package/build/pay/packages/connectkit/src/components/Spinners/WalletPaymentSpinner/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/components/Spinners/styles.js +0 -32
- package/build/pay/packages/connectkit/src/components/Spinners/styles.js.map +0 -1
- package/build/pay/packages/connectkit/src/constants/defaultTheme.js +0 -6
- package/build/pay/packages/connectkit/src/constants/defaultTheme.js.map +0 -1
- package/build/pay/packages/connectkit/src/constants/limits.js +0 -4
- package/build/pay/packages/connectkit/src/constants/limits.js.map +0 -1
- package/build/pay/packages/connectkit/src/constants/paymentOptions.js +0 -62
- package/build/pay/packages/connectkit/src/constants/paymentOptions.js.map +0 -1
- package/build/pay/packages/connectkit/src/constants/routes.js +0 -31
- package/build/pay/packages/connectkit/src/constants/routes.js.map +0 -1
- package/build/pay/packages/connectkit/src/constants/wallets.js +0 -7
- package/build/pay/packages/connectkit/src/constants/wallets.js.map +0 -1
- package/build/pay/packages/connectkit/src/defaultConfig.js +0 -64
- package/build/pay/packages/connectkit/src/defaultConfig.js.map +0 -1
- package/build/pay/packages/connectkit/src/defaultConnectors.js +0 -37
- package/build/pay/packages/connectkit/src/defaultConnectors.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useChainIsSupported.js +0 -10
- package/build/pay/packages/connectkit/src/hooks/useChainIsSupported.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useChains.js +0 -10
- package/build/pay/packages/connectkit/src/hooks/useChains.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useConnect.js +0 -61
- package/build/pay/packages/connectkit/src/hooks/useConnect.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useConnectCallback.js +0 -21
- package/build/pay/packages/connectkit/src/hooks/useConnectCallback.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useConnectors.js +0 -20
- package/build/pay/packages/connectkit/src/hooks/useConnectors.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useDaimoPay.js +0 -131
- package/build/pay/packages/connectkit/src/hooks/useDaimoPay.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useDaimoPayStatus.js +0 -12
- package/build/pay/packages/connectkit/src/hooks/useDaimoPayStatus.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useDaimoPayUI.js +0 -15
- package/build/pay/packages/connectkit/src/hooks/useDaimoPayUI.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useDepositAddressOptions.js +0 -35
- package/build/pay/packages/connectkit/src/hooks/useDepositAddressOptions.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useEnsFallbackConfig.js +0 -16
- package/build/pay/packages/connectkit/src/hooks/useEnsFallbackConfig.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useExternalPaymentOptions.js +0 -79
- package/build/pay/packages/connectkit/src/hooks/useExternalPaymentOptions.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useFitText.js +0 -133
- package/build/pay/packages/connectkit/src/hooks/useFitText.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useFocusTrap.js +0 -53
- package/build/pay/packages/connectkit/src/hooks/useFocusTrap.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useIsMobile.js +0 -11
- package/build/pay/packages/connectkit/src/hooks/useIsMobile.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useIsMounted.js +0 -10
- package/build/pay/packages/connectkit/src/hooks/useIsMounted.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useLastConnector.js +0 -24
- package/build/pay/packages/connectkit/src/hooks/useLastConnector.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useLocales.js +0 -60
- package/build/pay/packages/connectkit/src/hooks/useLocales.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useLockBodyScroll.js +0 -47
- package/build/pay/packages/connectkit/src/hooks/useLockBodyScroll.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useOrderUsdLimits.js +0 -24
- package/build/pay/packages/connectkit/src/hooks/useOrderUsdLimits.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/usePayContext.js +0 -11
- package/build/pay/packages/connectkit/src/hooks/usePayContext.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/usePaymentState.js +0 -410
- package/build/pay/packages/connectkit/src/hooks/usePaymentState.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/usePrevious.js +0 -13
- package/build/pay/packages/connectkit/src/hooks/usePrevious.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useSolanaPaymentOptions.js +0 -38
- package/build/pay/packages/connectkit/src/hooks/useSolanaPaymentOptions.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useTokenOptions.js +0 -152
- package/build/pay/packages/connectkit/src/hooks/useTokenOptions.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useUntronAvailability.js +0 -32
- package/build/pay/packages/connectkit/src/hooks/useUntronAvailability.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useWalletPaymentOptions.js +0 -97
- package/build/pay/packages/connectkit/src/hooks/useWalletPaymentOptions.js.map +0 -1
- package/build/pay/packages/connectkit/src/hooks/useWindowSize.js +0 -23
- package/build/pay/packages/connectkit/src/hooks/useWindowSize.js.map +0 -1
- package/build/pay/packages/connectkit/src/index.js +0 -14
- package/build/pay/packages/connectkit/src/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/index.js +0 -48
- package/build/pay/packages/connectkit/src/localizations/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/ar-AE.js +0 -95
- package/build/pay/packages/connectkit/src/localizations/locales/ar-AE.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/ca-AD.js +0 -93
- package/build/pay/packages/connectkit/src/localizations/locales/ca-AD.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/ee-EE.js +0 -101
- package/build/pay/packages/connectkit/src/localizations/locales/ee-EE.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/en-US.js +0 -145
- package/build/pay/packages/connectkit/src/localizations/locales/en-US.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/es-ES.js +0 -138
- package/build/pay/packages/connectkit/src/localizations/locales/es-ES.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/fa-IR.js +0 -93
- package/build/pay/packages/connectkit/src/localizations/locales/fa-IR.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/fr-FR.js +0 -93
- package/build/pay/packages/connectkit/src/localizations/locales/fr-FR.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/ja-JP.js +0 -93
- package/build/pay/packages/connectkit/src/localizations/locales/ja-JP.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/pt-BR.js +0 -145
- package/build/pay/packages/connectkit/src/localizations/locales/pt-BR.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/ru-RU.js +0 -97
- package/build/pay/packages/connectkit/src/localizations/locales/ru-RU.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/tr-TR.js +0 -101
- package/build/pay/packages/connectkit/src/localizations/locales/tr-TR.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/vi-VN.js +0 -101
- package/build/pay/packages/connectkit/src/localizations/locales/vi-VN.js.map +0 -1
- package/build/pay/packages/connectkit/src/localizations/locales/zh-CN.js +0 -93
- package/build/pay/packages/connectkit/src/localizations/locales/zh-CN.js.map +0 -1
- package/build/pay/packages/connectkit/src/payment/paymentEffects.js +0 -268
- package/build/pay/packages/connectkit/src/payment/paymentEffects.js.map +0 -1
- package/build/pay/packages/connectkit/src/payment/paymentFsm.js +0 -234
- package/build/pay/packages/connectkit/src/payment/paymentFsm.js.map +0 -1
- package/build/pay/packages/connectkit/src/payment/paymentStore.js +0 -18
- package/build/pay/packages/connectkit/src/payment/paymentStore.js.map +0 -1
- package/build/pay/packages/connectkit/src/payment/paymentUtils.js +0 -10
- package/build/pay/packages/connectkit/src/payment/paymentUtils.js.map +0 -1
- package/build/pay/packages/connectkit/src/provider/DaimoPayProvider.js +0 -292
- package/build/pay/packages/connectkit/src/provider/DaimoPayProvider.js.map +0 -1
- package/build/pay/packages/connectkit/src/provider/PayContext.js +0 -6
- package/build/pay/packages/connectkit/src/provider/PayContext.js.map +0 -1
- package/build/pay/packages/connectkit/src/provider/PaymentProvider.js +0 -29
- package/build/pay/packages/connectkit/src/provider/PaymentProvider.js.map +0 -1
- package/build/pay/packages/connectkit/src/provider/SolanaContextProvider.js +0 -14
- package/build/pay/packages/connectkit/src/provider/SolanaContextProvider.js.map +0 -1
- package/build/pay/packages/connectkit/src/provider/Web3ContextProvider.js +0 -36
- package/build/pay/packages/connectkit/src/provider/Web3ContextProvider.js.map +0 -1
- package/build/pay/packages/connectkit/src/stateStore.js +0 -36
- package/build/pay/packages/connectkit/src/stateStore.js.map +0 -1
- package/build/pay/packages/connectkit/src/styles/defaultTheme.js +0 -80
- package/build/pay/packages/connectkit/src/styles/defaultTheme.js.map +0 -1
- package/build/pay/packages/connectkit/src/styles/index.js +0 -313
- package/build/pay/packages/connectkit/src/styles/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/styles/styled/index.js +0 -6
- package/build/pay/packages/connectkit/src/styles/styled/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/styles/themes/base.js +0 -141
- package/build/pay/packages/connectkit/src/styles/themes/base.js.map +0 -1
- package/build/pay/packages/connectkit/src/styles/themes/index.js +0 -13
- package/build/pay/packages/connectkit/src/styles/themes/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/styles/themes/midnight.js +0 -76
- package/build/pay/packages/connectkit/src/styles/themes/midnight.js.map +0 -1
- package/build/pay/packages/connectkit/src/styles/themes/minimal.js +0 -96
- package/build/pay/packages/connectkit/src/styles/themes/minimal.js.map +0 -1
- package/build/pay/packages/connectkit/src/styles/themes/nouns.js +0 -81
- package/build/pay/packages/connectkit/src/styles/themes/nouns.js.map +0 -1
- package/build/pay/packages/connectkit/src/styles/themes/retro.js +0 -106
- package/build/pay/packages/connectkit/src/styles/themes/retro.js.map +0 -1
- package/build/pay/packages/connectkit/src/styles/themes/rounded.js +0 -106
- package/build/pay/packages/connectkit/src/styles/themes/rounded.js.map +0 -1
- package/build/pay/packages/connectkit/src/styles/themes/soft.js +0 -71
- package/build/pay/packages/connectkit/src/styles/themes/soft.js.map +0 -1
- package/build/pay/packages/connectkit/src/styles/themes/web95.js +0 -132
- package/build/pay/packages/connectkit/src/styles/themes/web95.js.map +0 -1
- package/build/pay/packages/connectkit/src/utils/exports.js +0 -6
- package/build/pay/packages/connectkit/src/utils/exports.js.map +0 -1
- package/build/pay/packages/connectkit/src/utils/format.js +0 -45
- package/build/pay/packages/connectkit/src/utils/format.js.map +0 -1
- package/build/pay/packages/connectkit/src/utils/index.js +0 -42
- package/build/pay/packages/connectkit/src/utils/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/utils/p3.js +0 -15
- package/build/pay/packages/connectkit/src/utils/p3.js.map +0 -1
- package/build/pay/packages/connectkit/src/utils/platform.js +0 -11
- package/build/pay/packages/connectkit/src/utils/platform.js.map +0 -1
- package/build/pay/packages/connectkit/src/utils/polling.js +0 -35
- package/build/pay/packages/connectkit/src/utils/polling.js.map +0 -1
- package/build/pay/packages/connectkit/src/utils/supportUrl.js +0 -16
- package/build/pay/packages/connectkit/src/utils/supportUrl.js.map +0 -1
- package/build/pay/packages/connectkit/src/utils/trpc.js +0 -19
- package/build/pay/packages/connectkit/src/utils/trpc.js.map +0 -1
- package/build/pay/packages/connectkit/src/utils/validateInput.js +0 -16
- package/build/pay/packages/connectkit/src/utils/validateInput.js.map +0 -1
- package/build/pay/packages/connectkit/src/wallets/index.js +0 -21
- package/build/pay/packages/connectkit/src/wallets/index.js.map +0 -1
- package/build/pay/packages/connectkit/src/wallets/useWallets.js +0 -278
- package/build/pay/packages/connectkit/src/wallets/useWallets.js.map +0 -1
- package/build/pay/packages/connectkit/src/wallets/walletConfigs.js +0 -281
- package/build/pay/packages/connectkit/src/wallets/walletConfigs.js.map +0 -1
- package/build/pay/packages/connectkit/src/world-mini-app/WorldPayButton.js +0 -165
- package/build/pay/packages/connectkit/src/world-mini-app/WorldPayButton.js.map +0 -1
- package/build/pay/packages/connectkit/src/world-mini-app/promptWorldPayment.js +0 -59
- package/build/pay/packages/connectkit/src/world-mini-app/promptWorldPayment.js.map +0 -1
- package/build/pay/packages/connectkit/src/world-mini-app/useWithdrawToWorld.js +0 -76
- package/build/pay/packages/connectkit/src/world-mini-app/useWithdrawToWorld.js.map +0 -1
- package/build/pay/packages/connectkit/src/world-mini-app/useWorldSignIn.js +0 -74
- package/build/pay/packages/connectkit/src/world-mini-app/useWorldSignIn.js.map +0 -1
- package/build/pay/packages/connectkit/src/world.js +0 -4
- package/build/pay/packages/connectkit/src/world.js.map +0 -1
- package/build/src/hooks/useDepositAddressOptions.js +0 -35
- package/build/src/hooks/useDepositAddressOptions.js.map +0 -1
- package/build/src/hooks/useExternalPaymentOptions.js +0 -79
- package/build/src/hooks/useExternalPaymentOptions.js.map +0 -1
- package/build/src/hooks/useSolanaPaymentOptions.js +0 -38
- package/build/src/hooks/useSolanaPaymentOptions.js.map +0 -1
- package/build/src/hooks/useWalletPaymentOptions.js +0 -97
- package/build/src/hooks/useWalletPaymentOptions.js.map +0 -1
- package/build/src/utils/wallets.js +0 -9
- package/build/src/utils/wallets.js.map +0 -1
package/build/pay/packages/connectkit/src/components/Common/CopyToClipboard/CopyToClipboardIcon.js
DELETED
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { motion } from 'framer-motion';
|
|
3
|
-
import { css } from 'styled-components';
|
|
4
|
-
import styled from '../../../styles/styled/index.js';
|
|
5
|
-
import { CopyToClipboardIcon as CopyToClipboardIcon$1 } from '../../../assets/icons.js';
|
|
6
|
-
|
|
7
|
-
const IconContainer = styled(motion.div)`
|
|
8
|
-
transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
|
|
9
|
-
display: flex;
|
|
10
|
-
align-items: center;
|
|
11
|
-
justify-content: center;
|
|
12
|
-
width: 16px;
|
|
13
|
-
svg {
|
|
14
|
-
display: block;
|
|
15
|
-
}
|
|
16
|
-
svg,
|
|
17
|
-
svg path,
|
|
18
|
-
svg rect {
|
|
19
|
-
transition: inherit;
|
|
20
|
-
}
|
|
21
|
-
svg path:first-child {
|
|
22
|
-
transform-origin: 50% 50%;
|
|
23
|
-
fill: var(--bg);
|
|
24
|
-
stroke: var(--color);
|
|
25
|
-
}
|
|
26
|
-
svg rect {
|
|
27
|
-
transform-origin: 53% 63%;
|
|
28
|
-
fill: var(--bg);
|
|
29
|
-
stroke: var(--color);
|
|
30
|
-
}
|
|
31
|
-
svg path:last-child {
|
|
32
|
-
opacity: 0;
|
|
33
|
-
stroke: var(--bg);
|
|
34
|
-
transform: translate(11.75px, 10px) rotate(90deg) scale(0.6);
|
|
35
|
-
}
|
|
36
|
-
${(props) => props.$clipboard ? css`
|
|
37
|
-
--color: var(--ck-focus-color) !important;
|
|
38
|
-
--bg: var(--ck-body-background);
|
|
39
|
-
svg {
|
|
40
|
-
transition-delay: 0ms;
|
|
41
|
-
path:first-child {
|
|
42
|
-
opacity: 0;
|
|
43
|
-
transform: rotate(-90deg) scale(0.2);
|
|
44
|
-
}
|
|
45
|
-
rect {
|
|
46
|
-
rx: 10px;
|
|
47
|
-
fill: var(--color);
|
|
48
|
-
transform: rotate(-90deg) scale(1.45);
|
|
49
|
-
}
|
|
50
|
-
path:last-child {
|
|
51
|
-
transition-delay: 100ms;
|
|
52
|
-
opacity: 1;
|
|
53
|
-
transform: translate(7.75px, 9.5px);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
` : css`
|
|
57
|
-
&:hover {
|
|
58
|
-
}
|
|
59
|
-
&:hover:active {
|
|
60
|
-
}
|
|
61
|
-
`}
|
|
62
|
-
`;
|
|
63
|
-
const CopyToClipboardIcon = ({
|
|
64
|
-
copied,
|
|
65
|
-
small,
|
|
66
|
-
dark
|
|
67
|
-
}) => /* @__PURE__ */ jsx(IconContainer, { $clipboard: copied, children: /* @__PURE__ */ jsx(
|
|
68
|
-
CopyToClipboardIcon$1,
|
|
69
|
-
{
|
|
70
|
-
style: {
|
|
71
|
-
transform: small ? "scale(1)" : "translateX(3px) scale(1.5)",
|
|
72
|
-
opacity: small || copied || dark ? 1 : 0.3
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
) });
|
|
76
|
-
|
|
77
|
-
export { CopyToClipboardIcon as default };
|
|
78
|
-
//# sourceMappingURL=CopyToClipboardIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CopyToClipboardIcon.js","sources":["../../../../../../../../src/components/Common/CopyToClipboard/CopyToClipboardIcon.tsx"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { css } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\n\nimport { CopyToClipboardIcon as Icon } from \"../../../assets/icons\";\n\nconst IconContainer = styled(motion.div)<{ $clipboard?: boolean }>`\n transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n svg {\n display: block;\n }\n svg,\n svg path,\n svg rect {\n transition: inherit;\n }\n svg path:first-child {\n transform-origin: 50% 50%;\n fill: var(--bg);\n stroke: var(--color);\n }\n svg rect {\n transform-origin: 53% 63%;\n fill: var(--bg);\n stroke: var(--color);\n }\n svg path:last-child {\n opacity: 0;\n stroke: var(--bg);\n transform: translate(11.75px, 10px) rotate(90deg) scale(0.6);\n }\n ${(props) =>\n props.$clipboard\n ? css`\n --color: var(--ck-focus-color) !important;\n --bg: var(--ck-body-background);\n svg {\n transition-delay: 0ms;\n path:first-child {\n opacity: 0;\n transform: rotate(-90deg) scale(0.2);\n }\n rect {\n rx: 10px;\n fill: var(--color);\n transform: rotate(-90deg) scale(1.45);\n }\n path:last-child {\n transition-delay: 100ms;\n opacity: 1;\n transform: translate(7.75px, 9.5px);\n }\n }\n `\n : css`\n &:hover {\n }\n &:hover:active {\n }\n `}\n`;\n\nconst CopyToClipboardIcon = ({\n copied,\n small,\n dark,\n}: {\n copied?: boolean;\n small?: boolean;\n dark?: boolean;\n}) => (\n <IconContainer $clipboard={copied}>\n <Icon\n style={{\n transform: small ? \"scale(1)\" : \"translateX(3px) scale(1.5)\",\n opacity: small || copied || dark ? 1 : 0.3,\n }}\n />\n </IconContainer>\n);\nexport default CopyToClipboardIcon;\n"],"names":["Icon"],"mappings":";;;;;;AAMA,MAAM,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BnC,EAAA,CAAC,KACD,KAAA,KAAA,CAAM,UACF,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAqBA,CAAA,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKC,CAAA,CAAA;AAAA,CAAA,CAAA;AAGT,MAAM,sBAAsB,CAAC;AAAA,EAC3B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AACF,CAKE,qBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,UAAA,EAAY,MACzB,EAAA,QAAA,kBAAA,GAAA;AAAA,EAACA,qBAAA;AAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,SAAA,EAAW,QAAQ,UAAa,GAAA,4BAAA;AAAA,MAChC,OAAS,EAAA,KAAA,IAAS,MAAU,IAAA,IAAA,GAAO,CAAI,GAAA,GAAA;AAAA,KACzC;AAAA,GAAA;AACF,CACF,EAAA;;;;"}
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import QRCodeUtil from 'qrcode';
|
|
3
|
-
import { useMemo } from 'react';
|
|
4
|
-
|
|
5
|
-
const generateMatrix = (value, errorCorrectionLevel) => {
|
|
6
|
-
const arr = Array.prototype.slice.call(
|
|
7
|
-
QRCodeUtil.create(value, { errorCorrectionLevel }).modules.data,
|
|
8
|
-
0
|
|
9
|
-
);
|
|
10
|
-
const sqrt = Math.sqrt(arr.length);
|
|
11
|
-
return arr.reduce(
|
|
12
|
-
(rows, key, index) => (index % sqrt === 0 ? rows.push([key]) : rows[rows.length - 1].push(key)) && rows,
|
|
13
|
-
[]
|
|
14
|
-
);
|
|
15
|
-
};
|
|
16
|
-
function QRCode({
|
|
17
|
-
ecl = "M",
|
|
18
|
-
size: sizeProp = 200,
|
|
19
|
-
uri,
|
|
20
|
-
clearArea = false,
|
|
21
|
-
image,
|
|
22
|
-
imageBackground = "transparent"
|
|
23
|
-
}) {
|
|
24
|
-
const logoSize = clearArea ? 168 : 0;
|
|
25
|
-
const size = sizeProp - 10 * 2;
|
|
26
|
-
const dots = useMemo(() => {
|
|
27
|
-
const dots2 = [];
|
|
28
|
-
const matrix = generateMatrix(uri, ecl);
|
|
29
|
-
const cellSize = size / matrix.length;
|
|
30
|
-
let qrList = [
|
|
31
|
-
{ x: 0, y: 0 },
|
|
32
|
-
{ x: 1, y: 0 },
|
|
33
|
-
{ x: 0, y: 1 }
|
|
34
|
-
];
|
|
35
|
-
qrList.forEach(({ x, y }) => {
|
|
36
|
-
const x1 = (matrix.length - 7) * cellSize * x;
|
|
37
|
-
const y1 = (matrix.length - 7) * cellSize * y;
|
|
38
|
-
for (let i = 0; i < 3; i++) {
|
|
39
|
-
dots2.push(
|
|
40
|
-
/* @__PURE__ */ jsx(
|
|
41
|
-
"rect",
|
|
42
|
-
{
|
|
43
|
-
fill: i % 2 !== 0 ? "var(--ck-qr-background, var(--ck-body-background))" : "var(--ck-qr-dot-color)",
|
|
44
|
-
rx: (i - 2) * -5 + (i === 0 ? 2 : 3),
|
|
45
|
-
ry: (i - 2) * -5 + (i === 0 ? 2 : 3),
|
|
46
|
-
width: cellSize * (7 - i * 2),
|
|
47
|
-
height: cellSize * (7 - i * 2),
|
|
48
|
-
x: x1 + cellSize * i,
|
|
49
|
-
y: y1 + cellSize * i
|
|
50
|
-
},
|
|
51
|
-
`${i}-${x}-${y}`
|
|
52
|
-
)
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
});
|
|
56
|
-
if (image) {
|
|
57
|
-
const x1 = (matrix.length - 7) * cellSize * 1;
|
|
58
|
-
const y1 = (matrix.length - 7) * cellSize * 1;
|
|
59
|
-
dots2.push(
|
|
60
|
-
/* @__PURE__ */ jsxs(Fragment, { children: [
|
|
61
|
-
/* @__PURE__ */ jsx(
|
|
62
|
-
"rect",
|
|
63
|
-
{
|
|
64
|
-
fill: imageBackground,
|
|
65
|
-
rx: (0 - 2) * -5 + 2,
|
|
66
|
-
ry: (0 - 2) * -5 + 2,
|
|
67
|
-
width: cellSize * (7 - 0 * 2),
|
|
68
|
-
height: cellSize * (7 - 0 * 2),
|
|
69
|
-
x: x1 + cellSize * 0,
|
|
70
|
-
y: y1 + cellSize * 0
|
|
71
|
-
}
|
|
72
|
-
),
|
|
73
|
-
/* @__PURE__ */ jsx(
|
|
74
|
-
"foreignObject",
|
|
75
|
-
{
|
|
76
|
-
width: cellSize * (7 - 0 * 2),
|
|
77
|
-
height: cellSize * (7 - 0 * 2),
|
|
78
|
-
x: x1 + cellSize * 0,
|
|
79
|
-
y: y1 + cellSize * 0,
|
|
80
|
-
children: /* @__PURE__ */ jsx("div", { style: { borderRadius: (0 - 2) * -5 + 2, overflow: "hidden" }, children: image })
|
|
81
|
-
}
|
|
82
|
-
)
|
|
83
|
-
] })
|
|
84
|
-
);
|
|
85
|
-
}
|
|
86
|
-
const clearArenaSize = Math.floor((logoSize + 25) / cellSize);
|
|
87
|
-
const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
|
|
88
|
-
const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
|
|
89
|
-
matrix.forEach((row, i) => {
|
|
90
|
-
row.forEach((_, j) => {
|
|
91
|
-
if (matrix[i][j]) {
|
|
92
|
-
if (!(i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8)) {
|
|
93
|
-
if (image || !(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) {
|
|
94
|
-
dots2.push(
|
|
95
|
-
/* @__PURE__ */ jsx(
|
|
96
|
-
"circle",
|
|
97
|
-
{
|
|
98
|
-
cx: i * cellSize + cellSize / 2,
|
|
99
|
-
cy: j * cellSize + cellSize / 2,
|
|
100
|
-
fill: "var(--ck-qr-dot-color)",
|
|
101
|
-
r: cellSize / 3
|
|
102
|
-
},
|
|
103
|
-
`circle-${i}-${j}`
|
|
104
|
-
)
|
|
105
|
-
);
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
});
|
|
110
|
-
});
|
|
111
|
-
return dots2;
|
|
112
|
-
}, [ecl, size, uri]);
|
|
113
|
-
return /* @__PURE__ */ jsxs(
|
|
114
|
-
"svg",
|
|
115
|
-
{
|
|
116
|
-
height: size,
|
|
117
|
-
width: size,
|
|
118
|
-
viewBox: `0 0 ${size} ${size}`,
|
|
119
|
-
style: {
|
|
120
|
-
width: size,
|
|
121
|
-
height: size
|
|
122
|
-
},
|
|
123
|
-
children: [
|
|
124
|
-
/* @__PURE__ */ jsx("rect", { fill: "transparent", height: size, width: size }),
|
|
125
|
-
dots
|
|
126
|
-
]
|
|
127
|
-
}
|
|
128
|
-
);
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
export { QRCode };
|
|
132
|
-
//# sourceMappingURL=QRCode.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"QRCode.js","sources":["../../../../../../../../src/components/Common/CustomQRCode/QRCode.tsx"],"sourcesContent":["import QRCodeUtil from \"qrcode\";\nimport React, { ReactElement, useMemo } from \"react\";\n\nconst generateMatrix = (\n value: string,\n errorCorrectionLevel: QRCodeUtil.QRCodeErrorCorrectionLevel,\n) => {\n const arr = Array.prototype.slice.call(\n QRCodeUtil.create(value, { errorCorrectionLevel }).modules.data,\n 0,\n );\n const sqrt = Math.sqrt(arr.length);\n return arr.reduce(\n (rows, key, index) =>\n (index % sqrt === 0\n ? rows.push([key])\n : rows[rows.length - 1].push(key)) && rows,\n [],\n );\n};\n\ntype Props = {\n ecl?: QRCodeUtil.QRCodeErrorCorrectionLevel;\n size?: number;\n uri: string;\n clearArea?: boolean;\n image?: React.ReactNode;\n imageBackground?: string;\n};\n\nexport function QRCode({\n ecl = \"M\",\n size: sizeProp = 200,\n uri,\n clearArea = false,\n image,\n imageBackground = \"transparent\",\n}: Props) {\n const logoSize = clearArea ? 168 : 0;\n const size = sizeProp - 10 * 2;\n\n const dots = useMemo(() => {\n const dots: ReactElement[] = [];\n const matrix = generateMatrix(uri, ecl);\n const cellSize = size / matrix.length;\n let qrList = [\n { x: 0, y: 0 },\n { x: 1, y: 0 },\n { x: 0, y: 1 },\n ];\n\n qrList.forEach(({ x, y }) => {\n const x1 = (matrix.length - 7) * cellSize * x;\n const y1 = (matrix.length - 7) * cellSize * y;\n for (let i = 0; i < 3; i++) {\n dots.push(\n <rect\n key={`${i}-${x}-${y}`}\n fill={\n i % 2 !== 0\n ? \"var(--ck-qr-background, var(--ck-body-background))\"\n : \"var(--ck-qr-dot-color)\"\n }\n rx={(i - 2) * -5 + (i === 0 ? 2 : 3)}\n ry={(i - 2) * -5 + (i === 0 ? 2 : 3)}\n width={cellSize * (7 - i * 2)}\n height={cellSize * (7 - i * 2)}\n x={x1 + cellSize * i}\n y={y1 + cellSize * i}\n />,\n );\n }\n });\n\n if (image) {\n const x1 = (matrix.length - 7) * cellSize * 1;\n const y1 = (matrix.length - 7) * cellSize * 1;\n dots.push(\n <>\n <rect\n fill={imageBackground}\n rx={(0 - 2) * -5 + 2}\n ry={(0 - 2) * -5 + 2}\n width={cellSize * (7 - 0 * 2)}\n height={cellSize * (7 - 0 * 2)}\n x={x1 + cellSize * 0}\n y={y1 + cellSize * 0}\n />\n <foreignObject\n width={cellSize * (7 - 0 * 2)}\n height={cellSize * (7 - 0 * 2)}\n x={x1 + cellSize * 0}\n y={y1 + cellSize * 0}\n >\n <div style={{ borderRadius: (0 - 2) * -5 + 2, overflow: \"hidden\" }}>\n {image}\n </div>\n </foreignObject>\n </>,\n );\n }\n\n const clearArenaSize = Math.floor((logoSize + 25) / cellSize);\n const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;\n const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;\n\n matrix.forEach((row: QRCodeUtil.QRCode[], i: number) => {\n row.forEach((_: any, j: number) => {\n if (matrix[i][j]) {\n // Do not render dots under position squares\n if (\n !(\n (i < 7 && j < 7) ||\n (i > matrix.length - 8 && j < 7) ||\n (i < 7 && j > matrix.length - 8)\n )\n ) {\n //if (image && i > matrix.length - 9 && j > matrix.length - 9) return;\n if (\n image ||\n !(\n i > matrixMiddleStart &&\n i < matrixMiddleEnd &&\n j > matrixMiddleStart &&\n j < matrixMiddleEnd\n )\n ) {\n dots.push(\n <circle\n key={`circle-${i}-${j}`}\n cx={i * cellSize + cellSize / 2}\n cy={j * cellSize + cellSize / 2}\n fill=\"var(--ck-qr-dot-color)\"\n r={cellSize / 3}\n />,\n );\n }\n }\n }\n });\n });\n\n return dots;\n }, [ecl, size, uri]); // eslint-disable-line react-hooks/exhaustive-deps\n\n return (\n <svg\n height={size}\n width={size}\n viewBox={`0 0 ${size} ${size}`}\n style={{\n width: size,\n height: size,\n }}\n >\n <rect fill=\"transparent\" height={size} width={size} />\n {dots}\n </svg>\n );\n}\n"],"names":["dots"],"mappings":"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"}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { QRCodeContainer, QRCodeContent, LogoContainer, LogoIcon, QRPlaceholder } from './styles.js';
|
|
3
|
-
import { AnimatePresence, motion } from 'framer-motion';
|
|
4
|
-
import Tooltip from '../Tooltip/index.js';
|
|
5
|
-
import useWindowSize from '../../../hooks/useWindowSize.js';
|
|
6
|
-
import { QRCode } from './QRCode.js';
|
|
7
|
-
|
|
8
|
-
function CustomQRCode({
|
|
9
|
-
value,
|
|
10
|
-
image,
|
|
11
|
-
imageBackground,
|
|
12
|
-
imagePosition = "center",
|
|
13
|
-
tooltipMessage,
|
|
14
|
-
contentPadding = 13
|
|
15
|
-
}) {
|
|
16
|
-
const windowSize = useWindowSize();
|
|
17
|
-
const isLong = (value?.length ?? 0) > 200;
|
|
18
|
-
const Logo = windowSize.width > 920 && tooltipMessage ? /* @__PURE__ */ jsx(Tooltip, { xOffset: 139, yOffset: 5, delay: 0.1, message: tooltipMessage, children: image }) : image;
|
|
19
|
-
const qrEmbeddedImage = isLong ? /* @__PURE__ */ jsx(
|
|
20
|
-
"div",
|
|
21
|
-
{
|
|
22
|
-
style: {
|
|
23
|
-
width: "75%",
|
|
24
|
-
height: "75%",
|
|
25
|
-
margin: "12.5%",
|
|
26
|
-
display: "flex",
|
|
27
|
-
alignItems: "center",
|
|
28
|
-
justifyContent: "center"
|
|
29
|
-
},
|
|
30
|
-
children: image
|
|
31
|
-
}
|
|
32
|
-
) : image;
|
|
33
|
-
return /* @__PURE__ */ jsx(QRCodeContainer, { children: /* @__PURE__ */ jsxs(QRCodeContent, { style: { inset: contentPadding }, children: [
|
|
34
|
-
image && /* @__PURE__ */ jsx(LogoContainer, { children: /* @__PURE__ */ jsx(
|
|
35
|
-
LogoIcon,
|
|
36
|
-
{
|
|
37
|
-
style: {
|
|
38
|
-
background: imagePosition === "center" ? imageBackground : void 0,
|
|
39
|
-
width: imagePosition === "center" && isLong ? "21%" : void 0,
|
|
40
|
-
height: imagePosition === "center" && isLong ? "21%" : void 0
|
|
41
|
-
},
|
|
42
|
-
children: Logo
|
|
43
|
-
}
|
|
44
|
-
) }),
|
|
45
|
-
/* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: value ? /* @__PURE__ */ jsx(
|
|
46
|
-
motion.div,
|
|
47
|
-
{
|
|
48
|
-
initial: { opacity: 0 },
|
|
49
|
-
animate: { opacity: 1 },
|
|
50
|
-
exit: { opacity: 0, position: "absolute", inset: [0, 0] },
|
|
51
|
-
transition: {
|
|
52
|
-
duration: 0.2
|
|
53
|
-
},
|
|
54
|
-
children: /* @__PURE__ */ jsx(
|
|
55
|
-
QRCode,
|
|
56
|
-
{
|
|
57
|
-
uri: value,
|
|
58
|
-
size: isLong ? 860 : 576,
|
|
59
|
-
ecl: isLong ? "L" : "H",
|
|
60
|
-
clearArea: !!(imagePosition === "center" && image),
|
|
61
|
-
image: imagePosition === "bottom right" ? qrEmbeddedImage : void 0,
|
|
62
|
-
imageBackground
|
|
63
|
-
}
|
|
64
|
-
)
|
|
65
|
-
},
|
|
66
|
-
value
|
|
67
|
-
) : /* @__PURE__ */ jsxs(
|
|
68
|
-
QRPlaceholder,
|
|
69
|
-
{
|
|
70
|
-
initial: { opacity: 0.1 },
|
|
71
|
-
animate: { opacity: 0.1 },
|
|
72
|
-
exit: { opacity: 0, position: "absolute", inset: [0, 0] },
|
|
73
|
-
transition: {
|
|
74
|
-
duration: 0.2
|
|
75
|
-
},
|
|
76
|
-
children: [
|
|
77
|
-
/* @__PURE__ */ jsx("span", {}),
|
|
78
|
-
/* @__PURE__ */ jsx("span", {}),
|
|
79
|
-
/* @__PURE__ */ jsx("span", {}),
|
|
80
|
-
/* @__PURE__ */ jsx("div", {})
|
|
81
|
-
]
|
|
82
|
-
}
|
|
83
|
-
) })
|
|
84
|
-
] }) });
|
|
85
|
-
}
|
|
86
|
-
CustomQRCode.displayName = "CustomQRCode";
|
|
87
|
-
|
|
88
|
-
export { CustomQRCode as default };
|
|
89
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/Common/CustomQRCode/index.tsx"],"sourcesContent":["import {\n LogoContainer,\n LogoIcon,\n QRCodeContainer,\n QRCodeContent,\n QRPlaceholder,\n} from \"./styles\";\nimport { CustomQRCodeProps } from \"./types\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport Tooltip from \"../Tooltip\";\n\nimport useWindowSize from \"../../../hooks/useWindowSize\";\nimport { QRCode } from \"./QRCode\";\n\nfunction CustomQRCode({\n value,\n image,\n imageBackground,\n imagePosition = \"center\",\n tooltipMessage,\n contentPadding = 13,\n}: CustomQRCodeProps) {\n const windowSize = useWindowSize();\n const isLong = (value?.length ?? 0) > 200;\n\n const Logo =\n windowSize.width > 920 && tooltipMessage ? (\n <Tooltip xOffset={139} yOffset={5} delay={0.1} message={tooltipMessage}>\n {image}\n </Tooltip>\n ) : (\n image\n );\n\n // For bottom-right embedded image inside the QR SVG, shrink when content is long\n const qrEmbeddedImage = isLong ? (\n <div\n style={{\n width: \"75%\",\n height: \"75%\",\n margin: \"12.5%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n }}\n >\n {image}\n </div>\n ) : (\n image\n );\n\n return (\n <QRCodeContainer>\n <QRCodeContent style={{ inset: contentPadding }}>\n {image && (\n <LogoContainer>\n <LogoIcon\n style={{\n background:\n imagePosition === \"center\" ? imageBackground : undefined,\n width: imagePosition === \"center\" && isLong ? \"21%\" : undefined,\n height:\n imagePosition === \"center\" && isLong ? \"21%\" : undefined,\n }}\n >\n {Logo}\n </LogoIcon>\n </LogoContainer>\n )}\n\n <AnimatePresence initial={false}>\n {value ? (\n <motion.div\n key={value}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0, position: \"absolute\", inset: [0, 0] }}\n transition={{\n duration: 0.2,\n }}\n >\n <QRCode\n uri={value}\n size={isLong ? 860 : 576}\n ecl={isLong ? \"L\" : \"H\"}\n clearArea={!!(imagePosition === \"center\" && image)}\n image={\n imagePosition === \"bottom right\" ? qrEmbeddedImage : undefined\n }\n imageBackground={imageBackground}\n />\n </motion.div>\n ) : (\n <QRPlaceholder\n initial={{ opacity: 0.1 }}\n animate={{ opacity: 0.1 }}\n exit={{ opacity: 0, position: \"absolute\", inset: [0, 0] }}\n transition={{\n duration: 0.2,\n }}\n >\n <span />\n <span />\n <span />\n <div />\n </QRPlaceholder>\n )}\n </AnimatePresence>\n </QRCodeContent>\n </QRCodeContainer>\n );\n}\nCustomQRCode.displayName = \"CustomQRCode\";\n\nexport default CustomQRCode;\n"],"names":[],"mappings":"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"}
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
import { motion } from 'framer-motion';
|
|
2
|
-
import { keyframes } from 'styled-components';
|
|
3
|
-
import styled from '../../../styles/styled/index.js';
|
|
4
|
-
|
|
5
|
-
const QRCodeContainer = styled(motion.div)`
|
|
6
|
-
z-index: 3;
|
|
7
|
-
position: relative;
|
|
8
|
-
overflow: hidden;
|
|
9
|
-
height: 0;
|
|
10
|
-
padding-bottom: 100% !important;
|
|
11
|
-
display: flex;
|
|
12
|
-
align-items: center;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
margin: 1px 0 2px;
|
|
15
|
-
border-radius: var(--ck-qr-border-radius, 24px);
|
|
16
|
-
background: var(--ck-qr-background, transparent);
|
|
17
|
-
box-shadow: 0 0 0 1px var(--ck-qr-border-color);
|
|
18
|
-
backface-visibility: hidden;
|
|
19
|
-
svg {
|
|
20
|
-
display: block;
|
|
21
|
-
max-width: 100%;
|
|
22
|
-
width: 100%;
|
|
23
|
-
height: auto;
|
|
24
|
-
}
|
|
25
|
-
`;
|
|
26
|
-
const QRCodeContent = styled(motion.div)`
|
|
27
|
-
position: absolute;
|
|
28
|
-
inset: 13px;
|
|
29
|
-
svg {
|
|
30
|
-
width: 100% !important;
|
|
31
|
-
height: auto !important;
|
|
32
|
-
}
|
|
33
|
-
`;
|
|
34
|
-
const PlaceholderKeyframes = keyframes`
|
|
35
|
-
0%{ background-position: 100% 0; }
|
|
36
|
-
100%{ background-position: -100% 0; }
|
|
37
|
-
`;
|
|
38
|
-
const QRPlaceholder = styled(motion.div)`
|
|
39
|
-
--color: var(--ck-qr-dot-color);
|
|
40
|
-
--bg: var(--ck-qr-background, var(--ck-body-background));
|
|
41
|
-
|
|
42
|
-
position: absolute;
|
|
43
|
-
inset: 0;
|
|
44
|
-
border-radius: var(--ck-qr-border-radius, 10px);
|
|
45
|
-
display: flex;
|
|
46
|
-
align-items: center;
|
|
47
|
-
justify-content: center;
|
|
48
|
-
overflow: hidden;
|
|
49
|
-
> div {
|
|
50
|
-
z-index: 4;
|
|
51
|
-
position: relative;
|
|
52
|
-
width: 28%;
|
|
53
|
-
height: 28%;
|
|
54
|
-
border-radius: 20px;
|
|
55
|
-
background: var(--bg);
|
|
56
|
-
box-shadow: 0 0 0 7px var(--bg);
|
|
57
|
-
}
|
|
58
|
-
> span {
|
|
59
|
-
z-index: 4;
|
|
60
|
-
position: absolute;
|
|
61
|
-
background: var(--color);
|
|
62
|
-
border-radius: 12px;
|
|
63
|
-
width: 13.25%;
|
|
64
|
-
height: 13.25%;
|
|
65
|
-
box-shadow: 0 0 0 4px var(--bg);
|
|
66
|
-
&:before {
|
|
67
|
-
content: "";
|
|
68
|
-
position: absolute;
|
|
69
|
-
inset: 9px;
|
|
70
|
-
border-radius: 3px;
|
|
71
|
-
box-shadow: 0 0 0 4px var(--bg);
|
|
72
|
-
}
|
|
73
|
-
&:nth-child(1) {
|
|
74
|
-
top: 0;
|
|
75
|
-
left: 0;
|
|
76
|
-
}
|
|
77
|
-
&:nth-child(2) {
|
|
78
|
-
top: 0;
|
|
79
|
-
right: 0;
|
|
80
|
-
}
|
|
81
|
-
&:nth-child(3) {
|
|
82
|
-
bottom: 0;
|
|
83
|
-
left: 0;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
&:before {
|
|
87
|
-
z-index: 3;
|
|
88
|
-
content: "";
|
|
89
|
-
position: absolute;
|
|
90
|
-
inset: 0;
|
|
91
|
-
border-radius: inherit;
|
|
92
|
-
background: repeat;
|
|
93
|
-
background-size: 1.888% 1.888%;
|
|
94
|
-
background-image: radial-gradient(var(--color) 41%, transparent 41%);
|
|
95
|
-
}
|
|
96
|
-
&:after {
|
|
97
|
-
z-index: 5;
|
|
98
|
-
content: "";
|
|
99
|
-
position: absolute;
|
|
100
|
-
inset: 0;
|
|
101
|
-
border-radius: inherit;
|
|
102
|
-
transform: scale(1.7) rotate(45deg);
|
|
103
|
-
background-image: linear-gradient(
|
|
104
|
-
90deg,
|
|
105
|
-
rgba(255, 255, 255, 0) 50%,
|
|
106
|
-
rgba(255, 255, 255, 1),
|
|
107
|
-
rgba(255, 255, 255, 0)
|
|
108
|
-
);
|
|
109
|
-
background-size: 200% 100%;
|
|
110
|
-
animation: ${PlaceholderKeyframes} 1000ms linear infinite both;
|
|
111
|
-
}
|
|
112
|
-
`;
|
|
113
|
-
const LogoContainer = styled(motion.div)`
|
|
114
|
-
z-index: 6;
|
|
115
|
-
position: absolute;
|
|
116
|
-
top: 0;
|
|
117
|
-
left: 0;
|
|
118
|
-
width: 100%;
|
|
119
|
-
height: 100%;
|
|
120
|
-
transform: translateY(50%) scale(0.9999); // Shifting fix
|
|
121
|
-
`;
|
|
122
|
-
const LogoIcon = styled(motion.div)`
|
|
123
|
-
z-index: 6;
|
|
124
|
-
position: absolute;
|
|
125
|
-
left: 50%;
|
|
126
|
-
overflow: hidden;
|
|
127
|
-
|
|
128
|
-
transform: translate(-50%, -50%) scale(0.9999); // Shifting fix
|
|
129
|
-
|
|
130
|
-
svg {
|
|
131
|
-
display: block;
|
|
132
|
-
position: relative;
|
|
133
|
-
width: 100%;
|
|
134
|
-
height: 100%;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
width: 28%;
|
|
138
|
-
height: 28%;
|
|
139
|
-
`;
|
|
140
|
-
|
|
141
|
-
export { LogoContainer, LogoIcon, PlaceholderKeyframes, QRCodeContainer, QRCodeContent, QRPlaceholder };
|
|
142
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../../../../../src/components/Common/CustomQRCode/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { keyframes } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\n\nexport const QRCodeContainer = styled(motion.div)`\n z-index: 3;\n position: relative;\n overflow: hidden;\n height: 0;\n padding-bottom: 100% !important;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 1px 0 2px;\n border-radius: var(--ck-qr-border-radius, 24px);\n background: var(--ck-qr-background, transparent);\n box-shadow: 0 0 0 1px var(--ck-qr-border-color);\n backface-visibility: hidden;\n svg {\n display: block;\n max-width: 100%;\n width: 100%;\n height: auto;\n }\n`;\nexport const QRCodeContent = styled(motion.div)`\n position: absolute;\n inset: 13px;\n svg {\n width: 100% !important;\n height: auto !important;\n }\n`;\nexport const PlaceholderKeyframes = keyframes`\n 0%{ background-position: 100% 0; }\n 100%{ background-position: -100% 0; }\n`;\nexport const QRPlaceholder = styled(motion.div)`\n --color: var(--ck-qr-dot-color);\n --bg: var(--ck-qr-background, var(--ck-body-background));\n\n position: absolute;\n inset: 0;\n border-radius: var(--ck-qr-border-radius, 10px);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n > div {\n z-index: 4;\n position: relative;\n width: 28%;\n height: 28%;\n border-radius: 20px;\n background: var(--bg);\n box-shadow: 0 0 0 7px var(--bg);\n }\n > span {\n z-index: 4;\n position: absolute;\n background: var(--color);\n border-radius: 12px;\n width: 13.25%;\n height: 13.25%;\n box-shadow: 0 0 0 4px var(--bg);\n &:before {\n content: \"\";\n position: absolute;\n inset: 9px;\n border-radius: 3px;\n box-shadow: 0 0 0 4px var(--bg);\n }\n &:nth-child(1) {\n top: 0;\n left: 0;\n }\n &:nth-child(2) {\n top: 0;\n right: 0;\n }\n &:nth-child(3) {\n bottom: 0;\n left: 0;\n }\n }\n &:before {\n z-index: 3;\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background: repeat;\n background-size: 1.888% 1.888%;\n background-image: radial-gradient(var(--color) 41%, transparent 41%);\n }\n &:after {\n z-index: 5;\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n transform: scale(1.7) rotate(45deg);\n background-image: linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 50%,\n rgba(255, 255, 255, 1),\n rgba(255, 255, 255, 0)\n );\n background-size: 200% 100%;\n animation: ${PlaceholderKeyframes} 1000ms linear infinite both;\n }\n`;\n\nexport const LogoContainer = styled(motion.div)`\n z-index: 6;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transform: translateY(50%) scale(0.9999); // Shifting fix\n`;\nexport const LogoIcon = styled(motion.div)`\n z-index: 6;\n position: absolute;\n left: 50%;\n overflow: hidden;\n\n transform: translate(-50%, -50%) scale(0.9999); // Shifting fix\n\n svg {\n display: block;\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n width: 28%;\n height: 28%;\n`;\n"],"names":[],"mappings":";;;;AAIa,MAAA,eAAA,GAAkB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAqBnC,MAAA,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQvC,MAAM,oBAAuB,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAIvB,MAAA,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAwE7B,oBAAoB,CAAA;AAAA;AAAA,EAAA;AAIxB,MAAA,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AASjC,MAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import useFitText from '../../../hooks/useFitText.js';
|
|
4
|
-
|
|
5
|
-
const FitText = ({ children }) => {
|
|
6
|
-
const [ready, setReady] = React.useState(false);
|
|
7
|
-
const { fontSize, ref: textRef } = useFitText({
|
|
8
|
-
logLevel: "none",
|
|
9
|
-
maxFontSize: 100,
|
|
10
|
-
minFontSize: 70,
|
|
11
|
-
onStart: () => setReady(true),
|
|
12
|
-
onFinish: () => setReady(true)
|
|
13
|
-
});
|
|
14
|
-
return /* @__PURE__ */ jsx(
|
|
15
|
-
"div",
|
|
16
|
-
{
|
|
17
|
-
ref: textRef,
|
|
18
|
-
style: {
|
|
19
|
-
visibility: ready ? "visible" : "hidden",
|
|
20
|
-
fontSize: `${fontSize}%`,
|
|
21
|
-
maxHeight: "100%",
|
|
22
|
-
maxWidth: "100%",
|
|
23
|
-
display: "flex",
|
|
24
|
-
justifyContent: "center",
|
|
25
|
-
alignItems: "center"
|
|
26
|
-
},
|
|
27
|
-
children
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
};
|
|
31
|
-
FitText.displayName = "FitText";
|
|
32
|
-
|
|
33
|
-
export { FitText as default };
|
|
34
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/Common/FitText/index.tsx"],"sourcesContent":["import React from \"react\";\nimport useFitText from \"../../../hooks/useFitText\";\n\nconst FitText = ({ children }: { children: React.ReactNode }) => {\n const [ready, setReady] = React.useState(false);\n const { fontSize, ref: textRef } = useFitText({\n logLevel: \"none\",\n maxFontSize: 100,\n minFontSize: 70,\n onStart: () => setReady(true),\n onFinish: () => setReady(true),\n });\n return (\n <div\n ref={textRef}\n style={{\n visibility: ready ? \"visible\" : \"hidden\",\n fontSize: `${fontSize}%`,\n maxHeight: \"100%\",\n maxWidth: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n }}\n >\n {children}\n </div>\n );\n};\nFitText.displayName = \"FitText\";\n\nexport default FitText;\n"],"names":[],"mappings":";;;;AAGA,MAAM,OAAU,GAAA,CAAC,EAAE,QAAA,EAA8C,KAAA;AAC/D,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAC9C,EAAA,MAAM,EAAE,QAAA,EAAU,GAAK,EAAA,OAAA,KAAY,UAAW,CAAA;AAAA,IAC5C,QAAU,EAAA,MAAA;AAAA,IACV,WAAa,EAAA,GAAA;AAAA,IACb,WAAa,EAAA,EAAA;AAAA,IACb,OAAA,EAAS,MAAM,QAAA,CAAS,IAAI,CAAA;AAAA,IAC5B,QAAA,EAAU,MAAM,QAAA,CAAS,IAAI,CAAA;AAAA,GAC9B,CAAA,CAAA;AACD,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA;AAAA,QACL,UAAA,EAAY,QAAQ,SAAY,GAAA,QAAA;AAAA,QAChC,QAAA,EAAU,GAAG,QAAQ,CAAA,CAAA,CAAA;AAAA,QACrB,SAAW,EAAA,MAAA;AAAA,QACX,QAAU,EAAA,MAAA;AAAA,QACV,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA,QAAA;AAAA,OACd;AAAA,MAEC,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ,EAAA;AACA,OAAA,CAAQ,WAAc,GAAA,SAAA;;;;"}
|