@0xsequence/checkout 6.0.0-beta.4 → 6.0.0
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/LICENSE +1 -1
- package/dist/esm/api/data.js +1 -1
- package/dist/esm/hooks/useCheckoutModal.d.ts +1 -1
- package/dist/esm/hooks/useCheckoutModal.js +1 -1
- package/dist/esm/hooks/useCheckoutUI/index.js +1 -1
- package/dist/esm/hooks/useCheckoutUI/useCreditCardPayment.js +1 -1
- package/dist/esm/hooks/useCheckoutUI/useCryptoPayment.js +1 -1
- package/dist/esm/hooks/useCheckoutUI/useOrderSummary.js +1 -1
- package/dist/esm/hooks/useERC1155SaleContractCheckout.js +1 -1
- package/dist/esm/hooks/useMarketplaceClient.js +1 -1
- package/dist/esm/utils/transak.js +1 -1
- package/dist/esm/views/Checkout/PaymentMethodSelect/OrderSummary/Price.js +1 -1
- package/dist/esm/views/Checkout/PaymentMethodSelect/OrderSummary/index.js +1 -1
- package/dist/esm/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.js +1 -1
- package/dist/esm/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.js +1 -1
- package/dist/esm/views/Checkout/TokenSelection/index.js +1 -1
- package/dist/esm/views/PaymentSelection/PayWithCreditCard/index.js +1 -1
- package/dist/esm/views/PendingCreditCardTransaction.js +1 -1
- package/dist/esm/views/Swap/index.js +1 -1
- package/dist/esm/views/TransactionStatus/index.js +1 -1
- package/dist/esm/views/TransactionSuccess.js +1 -1
- package/package.json +16 -17
- package/dist/cjs/api/data.d.ts +0 -64
- package/dist/cjs/api/data.d.ts.map +0 -1
- package/dist/cjs/api/data.js +0 -221
- package/dist/cjs/api/data.js.map +0 -1
- package/dist/cjs/components/CopyButton.d.ts +0 -10
- package/dist/cjs/components/CopyButton.d.ts.map +0 -1
- package/dist/cjs/components/CopyButton.js +0 -13
- package/dist/cjs/components/CopyButton.js.map +0 -1
- package/dist/cjs/components/DefaultIcon.d.ts +0 -6
- package/dist/cjs/components/DefaultIcon.d.ts.map +0 -1
- package/dist/cjs/components/DefaultIcon.js +0 -13
- package/dist/cjs/components/DefaultIcon.js.map +0 -1
- package/dist/cjs/components/NavigationHeader.d.ts +0 -8
- package/dist/cjs/components/NavigationHeader.d.ts.map +0 -1
- package/dist/cjs/components/NavigationHeader.js +0 -23
- package/dist/cjs/components/NavigationHeader.js.map +0 -1
- package/dist/cjs/components/NavigationHeaderCheckout.d.ts +0 -8
- package/dist/cjs/components/NavigationHeaderCheckout.d.ts.map +0 -1
- package/dist/cjs/components/NavigationHeaderCheckout.js +0 -18
- package/dist/cjs/components/NavigationHeaderCheckout.js.map +0 -1
- package/dist/cjs/components/SequenceCheckoutProvider/ForteController.d.ts +0 -4
- package/dist/cjs/components/SequenceCheckoutProvider/ForteController.d.ts.map +0 -1
- package/dist/cjs/components/SequenceCheckoutProvider/ForteController.js +0 -159
- package/dist/cjs/components/SequenceCheckoutProvider/ForteController.js.map +0 -1
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.d.ts +0 -11
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.d.ts.map +0 -1
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.js +0 -251
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.js.map +0 -1
- package/dist/cjs/components/SequenceCheckoutProvider/index.d.ts +0 -2
- package/dist/cjs/components/SequenceCheckoutProvider/index.d.ts.map +0 -1
- package/dist/cjs/components/SequenceCheckoutProvider/index.js +0 -6
- package/dist/cjs/components/SequenceCheckoutProvider/index.js.map +0 -1
- package/dist/cjs/constants/abi.d.ts +0 -46
- package/dist/cjs/constants/abi.d.ts.map +0 -1
- package/dist/cjs/constants/abi.js +0 -188
- package/dist/cjs/constants/abi.js.map +0 -1
- package/dist/cjs/constants/index.d.ts +0 -5
- package/dist/cjs/constants/index.d.ts.map +0 -1
- package/dist/cjs/constants/index.js +0 -8
- package/dist/cjs/constants/index.js.map +0 -1
- package/dist/cjs/contexts/AddFundsModal.d.ts +0 -28
- package/dist/cjs/contexts/AddFundsModal.d.ts.map +0 -1
- package/dist/cjs/contexts/AddFundsModal.js +0 -8
- package/dist/cjs/contexts/AddFundsModal.js.map +0 -1
- package/dist/cjs/contexts/CheckoutModal.d.ts +0 -79
- package/dist/cjs/contexts/CheckoutModal.d.ts.map +0 -1
- package/dist/cjs/contexts/CheckoutModal.js +0 -9
- package/dist/cjs/contexts/CheckoutModal.js.map +0 -1
- package/dist/cjs/contexts/Environment.d.ts +0 -7
- package/dist/cjs/contexts/Environment.d.ts.map +0 -1
- package/dist/cjs/contexts/Environment.js +0 -9
- package/dist/cjs/contexts/Environment.js.map +0 -1
- package/dist/cjs/contexts/FortePayment.d.ts +0 -13
- package/dist/cjs/contexts/FortePayment.d.ts.map +0 -1
- package/dist/cjs/contexts/FortePayment.js +0 -9
- package/dist/cjs/contexts/FortePayment.js.map +0 -1
- package/dist/cjs/contexts/Navigation.d.ts +0 -38
- package/dist/cjs/contexts/Navigation.d.ts.map +0 -1
- package/dist/cjs/contexts/Navigation.js +0 -9
- package/dist/cjs/contexts/Navigation.js.map +0 -1
- package/dist/cjs/contexts/NavigationCheckout.d.ts +0 -30
- package/dist/cjs/contexts/NavigationCheckout.d.ts.map +0 -1
- package/dist/cjs/contexts/NavigationCheckout.js +0 -9
- package/dist/cjs/contexts/NavigationCheckout.js.map +0 -1
- package/dist/cjs/contexts/SelectPaymentModal.d.ts +0 -52
- package/dist/cjs/contexts/SelectPaymentModal.d.ts.map +0 -1
- package/dist/cjs/contexts/SelectPaymentModal.js +0 -8
- package/dist/cjs/contexts/SelectPaymentModal.js.map +0 -1
- package/dist/cjs/contexts/SwapModal.d.ts +0 -28
- package/dist/cjs/contexts/SwapModal.d.ts.map +0 -1
- package/dist/cjs/contexts/SwapModal.js +0 -9
- package/dist/cjs/contexts/SwapModal.js.map +0 -1
- package/dist/cjs/contexts/TransactionStatusModal.d.ts +0 -29
- package/dist/cjs/contexts/TransactionStatusModal.d.ts.map +0 -1
- package/dist/cjs/contexts/TransactionStatusModal.js +0 -8
- package/dist/cjs/contexts/TransactionStatusModal.js.map +0 -1
- package/dist/cjs/contexts/TransferFundsModal.d.ts +0 -13
- package/dist/cjs/contexts/TransferFundsModal.d.ts.map +0 -1
- package/dist/cjs/contexts/TransferFundsModal.js +0 -8
- package/dist/cjs/contexts/TransferFundsModal.js.map +0 -1
- package/dist/cjs/contexts/genericContext.d.ts +0 -2
- package/dist/cjs/contexts/genericContext.d.ts.map +0 -1
- package/dist/cjs/contexts/genericContext.js +0 -20
- package/dist/cjs/contexts/genericContext.js.map +0 -1
- package/dist/cjs/contexts/index.d.ts +0 -11
- package/dist/cjs/contexts/index.d.ts.map +0 -1
- package/dist/cjs/contexts/index.js +0 -27
- package/dist/cjs/contexts/index.js.map +0 -1
- package/dist/cjs/hooks/index.d.ts +0 -15
- package/dist/cjs/hooks/index.d.ts.map +0 -1
- package/dist/cjs/hooks/index.js +0 -31
- package/dist/cjs/hooks/index.js.map +0 -1
- package/dist/cjs/hooks/useAddFundsModal.d.ts +0 -55
- package/dist/cjs/hooks/useAddFundsModal.d.ts.map +0 -1
- package/dist/cjs/hooks/useAddFundsModal.js +0 -48
- package/dist/cjs/hooks/useAddFundsModal.js.map +0 -1
- package/dist/cjs/hooks/useCheckoutModal.d.ts +0 -83
- package/dist/cjs/hooks/useCheckoutModal.d.ts.map +0 -1
- package/dist/cjs/hooks/useCheckoutModal.js +0 -77
- package/dist/cjs/hooks/useCheckoutModal.js.map +0 -1
- package/dist/cjs/hooks/useCheckoutOptionsSalesContract.d.ts +0 -6
- package/dist/cjs/hooks/useCheckoutOptionsSalesContract.d.ts.map +0 -1
- package/dist/cjs/hooks/useCheckoutOptionsSalesContract.js +0 -20
- package/dist/cjs/hooks/useCheckoutOptionsSalesContract.js.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/index.d.ts +0 -30
- package/dist/cjs/hooks/useCheckoutUI/index.d.ts.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/index.js +0 -96
- package/dist/cjs/hooks/useCheckoutUI/index.js.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/useCreditCardPayment.d.ts +0 -42
- package/dist/cjs/hooks/useCheckoutUI/useCreditCardPayment.d.ts.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/useCreditCardPayment.js +0 -140
- package/dist/cjs/hooks/useCheckoutUI/useCreditCardPayment.js.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.d.ts +0 -54
- package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.d.ts.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.js +0 -299
- package/dist/cjs/hooks/useCheckoutUI/useCryptoPayment.js.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/useOrderSummary.d.ts +0 -45
- package/dist/cjs/hooks/useCheckoutUI/useOrderSummary.d.ts.map +0 -1
- package/dist/cjs/hooks/useCheckoutUI/useOrderSummary.js +0 -57
- package/dist/cjs/hooks/useCheckoutUI/useOrderSummary.js.map +0 -1
- package/dist/cjs/hooks/useERC1155SaleContractCheckout.d.ts +0 -107
- package/dist/cjs/hooks/useERC1155SaleContractCheckout.d.ts.map +0 -1
- package/dist/cjs/hooks/useERC1155SaleContractCheckout.js +0 -252
- package/dist/cjs/hooks/useERC1155SaleContractCheckout.js.map +0 -1
- package/dist/cjs/hooks/useFortePaymentIntent.d.ts +0 -7
- package/dist/cjs/hooks/useFortePaymentIntent.d.ts.map +0 -1
- package/dist/cjs/hooks/useFortePaymentIntent.js +0 -23
- package/dist/cjs/hooks/useFortePaymentIntent.js.map +0 -1
- package/dist/cjs/hooks/useMarketplaceClient.d.ts +0 -8
- package/dist/cjs/hooks/useMarketplaceClient.d.ts.map +0 -1
- package/dist/cjs/hooks/useMarketplaceClient.js +0 -28
- package/dist/cjs/hooks/useMarketplaceClient.js.map +0 -1
- package/dist/cjs/hooks/useModalTheme.d.ts +0 -2
- package/dist/cjs/hooks/useModalTheme.d.ts.map +0 -1
- package/dist/cjs/hooks/useModalTheme.js +0 -10
- package/dist/cjs/hooks/useModalTheme.js.map +0 -1
- package/dist/cjs/hooks/useNavigation.d.ts +0 -11
- package/dist/cjs/hooks/useNavigation.d.ts.map +0 -1
- package/dist/cjs/hooks/useNavigation.js +0 -24
- package/dist/cjs/hooks/useNavigation.js.map +0 -1
- package/dist/cjs/hooks/useNavigationCheckout.d.ts +0 -11
- package/dist/cjs/hooks/useNavigationCheckout.d.ts.map +0 -1
- package/dist/cjs/hooks/useNavigationCheckout.js +0 -24
- package/dist/cjs/hooks/useNavigationCheckout.js.map +0 -1
- package/dist/cjs/hooks/useSelectPaymentModal.d.ts +0 -105
- package/dist/cjs/hooks/useSelectPaymentModal.d.ts.map +0 -1
- package/dist/cjs/hooks/useSelectPaymentModal.js +0 -99
- package/dist/cjs/hooks/useSelectPaymentModal.js.map +0 -1
- package/dist/cjs/hooks/useSkipOnCloseCallback.d.ts +0 -6
- package/dist/cjs/hooks/useSkipOnCloseCallback.d.ts.map +0 -1
- package/dist/cjs/hooks/useSkipOnCloseCallback.js +0 -22
- package/dist/cjs/hooks/useSkipOnCloseCallback.js.map +0 -1
- package/dist/cjs/hooks/useSwapModal.d.ts +0 -76
- package/dist/cjs/hooks/useSwapModal.d.ts.map +0 -1
- package/dist/cjs/hooks/useSwapModal.js +0 -69
- package/dist/cjs/hooks/useSwapModal.js.map +0 -1
- package/dist/cjs/hooks/useTransactionCounter.d.ts +0 -9
- package/dist/cjs/hooks/useTransactionCounter.d.ts.map +0 -1
- package/dist/cjs/hooks/useTransactionCounter.js +0 -30
- package/dist/cjs/hooks/useTransactionCounter.js.map +0 -1
- package/dist/cjs/hooks/useTransactionStatusModal.d.ts +0 -6
- package/dist/cjs/hooks/useTransactionStatusModal.d.ts.map +0 -1
- package/dist/cjs/hooks/useTransactionStatusModal.js +0 -10
- package/dist/cjs/hooks/useTransactionStatusModal.js.map +0 -1
- package/dist/cjs/hooks/useTransakWidgetUrl.d.ts +0 -5
- package/dist/cjs/hooks/useTransakWidgetUrl.d.ts.map +0 -1
- package/dist/cjs/hooks/useTransakWidgetUrl.js +0 -18
- package/dist/cjs/hooks/useTransakWidgetUrl.js.map +0 -1
- package/dist/cjs/hooks/useTransferFundsModal.d.ts +0 -6
- package/dist/cjs/hooks/useTransferFundsModal.d.ts.map +0 -1
- package/dist/cjs/hooks/useTransferFundsModal.js +0 -10
- package/dist/cjs/hooks/useTransferFundsModal.js.map +0 -1
- package/dist/cjs/index.d.ts +0 -20
- package/dist/cjs/index.d.ts.map +0 -1
- package/dist/cjs/index.js +0 -31
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/package.json +0 -1
- package/dist/cjs/utils/sizing.d.ts +0 -2
- package/dist/cjs/utils/sizing.d.ts.map +0 -1
- package/dist/cjs/utils/sizing.js +0 -12
- package/dist/cjs/utils/sizing.js.map +0 -1
- package/dist/cjs/utils/transak.d.ts +0 -10
- package/dist/cjs/utils/transak.d.ts.map +0 -1
- package/dist/cjs/utils/transak.js +0 -43
- package/dist/cjs/utils/transak.js.map +0 -1
- package/dist/cjs/views/AddFunds.d.ts +0 -3
- package/dist/cjs/views/AddFunds.d.ts.map +0 -1
- package/dist/cjs/views/AddFunds.js +0 -84
- package/dist/cjs/views/AddFunds.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/Price.d.ts +0 -2
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/Price.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/Price.js +0 -42
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/Price.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/index.d.ts +0 -2
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/index.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/index.js +0 -68
- package/dist/cjs/views/Checkout/PaymentMethodSelect/OrderSummary/index.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/PaymentProviderOption.d.ts +0 -11
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/PaymentProviderOption.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/PaymentProviderOption.js +0 -10
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/PaymentProviderOption.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.d.ts +0 -6
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.js +0 -95
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCreditCard/index.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.d.ts +0 -8
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.js +0 -520
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/useInitialBalanceCheck.d.ts +0 -11
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/useInitialBalanceCheck.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/useInitialBalanceCheck.js +0 -110
- package/dist/cjs/views/Checkout/PaymentMethodSelect/PayWithCrypto/useInitialBalanceCheck.js.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/index.d.ts +0 -4
- package/dist/cjs/views/Checkout/PaymentMethodSelect/index.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/PaymentMethodSelect/index.js +0 -60
- package/dist/cjs/views/Checkout/PaymentMethodSelect/index.js.map +0 -1
- package/dist/cjs/views/Checkout/TokenSelection/index.d.ts +0 -2
- package/dist/cjs/views/Checkout/TokenSelection/index.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/TokenSelection/index.js +0 -110
- package/dist/cjs/views/Checkout/TokenSelection/index.js.map +0 -1
- package/dist/cjs/views/Checkout/index.d.ts +0 -3
- package/dist/cjs/views/Checkout/index.d.ts.map +0 -1
- package/dist/cjs/views/Checkout/index.js +0 -19
- package/dist/cjs/views/Checkout/index.js.map +0 -1
- package/dist/cjs/views/CheckoutSelection/component/OrderSummaryItem.d.ts +0 -10
- package/dist/cjs/views/CheckoutSelection/component/OrderSummaryItem.d.ts.map +0 -1
- package/dist/cjs/views/CheckoutSelection/component/OrderSummaryItem.js +0 -35
- package/dist/cjs/views/CheckoutSelection/component/OrderSummaryItem.js.map +0 -1
- package/dist/cjs/views/CheckoutSelection/index.d.ts +0 -2
- package/dist/cjs/views/CheckoutSelection/index.d.ts.map +0 -1
- package/dist/cjs/views/CheckoutSelection/index.js +0 -76
- package/dist/cjs/views/CheckoutSelection/index.js.map +0 -1
- package/dist/cjs/views/PaymentSelection/PayWithCreditCard/index.d.ts +0 -9
- package/dist/cjs/views/PaymentSelection/PayWithCreditCard/index.d.ts.map +0 -1
- package/dist/cjs/views/PaymentSelection/PayWithCreditCard/index.js +0 -104
- package/dist/cjs/views/PaymentSelection/PayWithCreditCard/index.js.map +0 -1
- package/dist/cjs/views/PendingCreditCardTransaction.d.ts +0 -8
- package/dist/cjs/views/PendingCreditCardTransaction.d.ts.map +0 -1
- package/dist/cjs/views/PendingCreditCardTransaction.js +0 -247
- package/dist/cjs/views/PendingCreditCardTransaction.js.map +0 -1
- package/dist/cjs/views/Swap/index.d.ts +0 -2
- package/dist/cjs/views/Swap/index.d.ts.map +0 -1
- package/dist/cjs/views/Swap/index.js +0 -260
- package/dist/cjs/views/Swap/index.js.map +0 -1
- package/dist/cjs/views/TransactionError.d.ts +0 -3
- package/dist/cjs/views/TransactionError.d.ts.map +0 -1
- package/dist/cjs/views/TransactionError.js +0 -23
- package/dist/cjs/views/TransactionError.js.map +0 -1
- package/dist/cjs/views/TransactionStatus/index.d.ts +0 -9
- package/dist/cjs/views/TransactionStatus/index.d.ts.map +0 -1
- package/dist/cjs/views/TransactionStatus/index.js +0 -210
- package/dist/cjs/views/TransactionStatus/index.js.map +0 -1
- package/dist/cjs/views/TransactionSuccess.d.ts +0 -3
- package/dist/cjs/views/TransactionSuccess.d.ts.map +0 -1
- package/dist/cjs/views/TransactionSuccess.js +0 -23
- package/dist/cjs/views/TransactionSuccess.js.map +0 -1
- package/dist/cjs/views/TransferToWallet/QRCode.d.ts +0 -6
- package/dist/cjs/views/TransferToWallet/QRCode.d.ts.map +0 -1
- package/dist/cjs/views/TransferToWallet/QRCode.js +0 -13
- package/dist/cjs/views/TransferToWallet/QRCode.js.map +0 -1
- package/dist/cjs/views/TransferToWallet/index.d.ts +0 -2
- package/dist/cjs/views/TransferToWallet/index.d.ts.map +0 -1
- package/dist/cjs/views/TransferToWallet/index.js +0 -17
- package/dist/cjs/views/TransferToWallet/index.js.map +0 -1
- package/dist/cjs/views/index.d.ts +0 -10
- package/dist/cjs/views/index.d.ts.map +0 -1
- package/dist/cjs/views/index.js +0 -26
- package/dist/cjs/views/index.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCheckoutUI/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,MAAM,CAAA;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAA;AAE5F,OAAO,EAAwB,KAAK,0BAA0B,EAAE,MAAM,2BAA2B,CAAA;AACjG,OAAO,EAAoB,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAA;AACrF,OAAO,EAAmB,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAElF,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,WAAW,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,MAAM,EAAE,GAAG,CAAA;IACX,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,mBAAmB,CAAA;IACxC,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACjC;AAED,UAAU,mBAAmB;IAC3B,YAAY,EAAE,qBAAqB,CAAA;IACnC,iBAAiB,EAAE,0BAA0B,CAAA;IAC7C,aAAa,EAAE,sBAAsB,CAAA;CACtC;AAED,eAAO,MAAM,aAAa,GAAI,0NAe3B,iBAAiB,KAAG,mBA2GtB,CAAA"}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useCheckoutUI = void 0;
|
|
4
|
-
const hooks_1 = require("@0xsequence/hooks");
|
|
5
|
-
const network_1 = require("@0xsequence/network");
|
|
6
|
-
const useCreditCardPayment_js_1 = require("./useCreditCardPayment.js");
|
|
7
|
-
const useCryptoPayment_js_1 = require("./useCryptoPayment.js");
|
|
8
|
-
const useOrderSummary_js_1 = require("./useOrderSummary.js");
|
|
9
|
-
const useCheckoutUI = ({ chain, currencyAddress, totalPriceRaw, collectible, collectionAddress, recipientAddress, targetContractAddress, txData, transactionConfirmations, creditCardProvider, transakConfig, slippageBps, onSuccess, onError }) => {
|
|
10
|
-
const network = (0, network_1.findSupportedNetwork)(chain);
|
|
11
|
-
const chainId = network?.chainId || 137;
|
|
12
|
-
const { data: tokenMetadatas, isLoading: isLoadingTokenMetadatas, error: errorTokenMetadata } = (0, hooks_1.useGetTokenMetadata)({
|
|
13
|
-
chainID: String(chainId),
|
|
14
|
-
contractAddress: collectionAddress,
|
|
15
|
-
tokenIDs: [collectible.tokenId ?? '']
|
|
16
|
-
}, {
|
|
17
|
-
disabled: !collectible.tokenId
|
|
18
|
-
});
|
|
19
|
-
const { data: dataCollectionInfo, isLoading: isLoadingCollectionInfo, error: errorCollectionInfo } = (0, hooks_1.useGetContractInfo)({
|
|
20
|
-
chainID: String(chainId),
|
|
21
|
-
contractAddress: collectionAddress
|
|
22
|
-
});
|
|
23
|
-
const { data: currencyInfo, isLoading: isLoadingCurrencyInfo, error: errorCurrencyInfo } = (0, hooks_1.useGetContractInfo)({
|
|
24
|
-
chainID: String(chainId),
|
|
25
|
-
contractAddress: currencyAddress
|
|
26
|
-
});
|
|
27
|
-
const orderSummary = (0, useOrderSummary_js_1.useOrderSummary)({
|
|
28
|
-
chain,
|
|
29
|
-
currencyAddress,
|
|
30
|
-
totalPriceRaw,
|
|
31
|
-
collectible,
|
|
32
|
-
collectionAddress,
|
|
33
|
-
currencyInfo,
|
|
34
|
-
tokenMetadatas,
|
|
35
|
-
dataCollectionInfo,
|
|
36
|
-
isLoadingCollectionInfo,
|
|
37
|
-
errorCollectionInfo,
|
|
38
|
-
isLoadingCurrencyInfo,
|
|
39
|
-
isLoadingTokenMetadatas,
|
|
40
|
-
errorTokenMetadata,
|
|
41
|
-
errorCurrencyInfo
|
|
42
|
-
});
|
|
43
|
-
const creditCardPayment = (0, useCreditCardPayment_js_1.useCreditCardPayment)({
|
|
44
|
-
chain,
|
|
45
|
-
currencyAddress,
|
|
46
|
-
totalPriceRaw,
|
|
47
|
-
collectible,
|
|
48
|
-
collectionAddress,
|
|
49
|
-
recipientAddress,
|
|
50
|
-
targetContractAddress,
|
|
51
|
-
txData,
|
|
52
|
-
creditCardProvider,
|
|
53
|
-
transakConfig,
|
|
54
|
-
onSuccess,
|
|
55
|
-
onError,
|
|
56
|
-
currencyInfo,
|
|
57
|
-
tokenMetadatas,
|
|
58
|
-
dataCollectionInfo,
|
|
59
|
-
isLoadingCollectionInfo,
|
|
60
|
-
errorCollectionInfo,
|
|
61
|
-
isLoadingTokenMetadatas,
|
|
62
|
-
errorTokenMetadata,
|
|
63
|
-
isLoadingCurrencyInfo,
|
|
64
|
-
errorCurrencyInfo
|
|
65
|
-
});
|
|
66
|
-
const cryptoPayment = (0, useCryptoPayment_js_1.useCryptoPayment)({
|
|
67
|
-
chain,
|
|
68
|
-
currencyAddress,
|
|
69
|
-
totalPriceRaw,
|
|
70
|
-
collectible,
|
|
71
|
-
collectionAddress,
|
|
72
|
-
recipientAddress,
|
|
73
|
-
targetContractAddress,
|
|
74
|
-
txData,
|
|
75
|
-
transactionConfirmations,
|
|
76
|
-
onSuccess,
|
|
77
|
-
onError,
|
|
78
|
-
currencyInfo,
|
|
79
|
-
tokenMetadatas,
|
|
80
|
-
dataCollectionInfo,
|
|
81
|
-
isLoadingCollectionInfo,
|
|
82
|
-
errorCollectionInfo,
|
|
83
|
-
isLoadingTokenMetadatas,
|
|
84
|
-
errorTokenMetadata,
|
|
85
|
-
isLoadingCurrencyInfo,
|
|
86
|
-
errorCurrencyInfo,
|
|
87
|
-
slippageBps
|
|
88
|
-
});
|
|
89
|
-
return {
|
|
90
|
-
orderSummary,
|
|
91
|
-
creditCardPayment,
|
|
92
|
-
cryptoPayment
|
|
93
|
-
};
|
|
94
|
-
};
|
|
95
|
-
exports.useCheckoutUI = useCheckoutUI;
|
|
96
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/useCheckoutUI/index.tsx"],"names":[],"mappings":";;;AAAA,6CAA2E;AAC3E,iDAA0D;AAM1D,uEAAiG;AACjG,+DAAqF;AACrF,6DAAkF;AAyB3E,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,eAAe,EACf,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,MAAM,EACN,wBAAwB,EACxB,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,SAAS,EACT,OAAO,EACW,EAAuB,EAAE;IAC3C,MAAM,OAAO,GAAG,IAAA,8BAAoB,EAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,GAAG,CAAA;IAEvC,MAAM,EACJ,IAAI,EAAE,cAAc,EACpB,SAAS,EAAE,uBAAuB,EAClC,KAAK,EAAE,kBAAkB,EAC1B,GAAG,IAAA,2BAAmB,EACrB;QACE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;QACxB,eAAe,EAAE,iBAAiB;QAClC,QAAQ,EAAE,CAAC,WAAW,CAAC,OAAO,IAAI,EAAE,CAAC;KACtC,EACD;QACE,QAAQ,EAAE,CAAC,WAAW,CAAC,OAAO;KAC/B,CACF,CAAA;IAED,MAAM,EACJ,IAAI,EAAE,kBAAkB,EACxB,SAAS,EAAE,uBAAuB,EAClC,KAAK,EAAE,mBAAmB,EAC3B,GAAG,IAAA,0BAAkB,EAAC;QACrB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;QACxB,eAAe,EAAE,iBAAiB;KACnC,CAAC,CAAA;IAEF,MAAM,EACJ,IAAI,EAAE,YAAY,EAClB,SAAS,EAAE,qBAAqB,EAChC,KAAK,EAAE,iBAAiB,EACzB,GAAG,IAAA,0BAAkB,EAAC;QACrB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;QACxB,eAAe,EAAE,eAAe;KACjC,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,IAAA,oCAAe,EAAC;QACnC,KAAK;QACL,eAAe;QACf,aAAa;QACb,WAAW;QACX,iBAAiB;QACjB,YAAY;QACZ,cAAc;QACd,kBAAkB;QAClB,uBAAuB;QACvB,mBAAmB;QACnB,qBAAqB;QACrB,uBAAuB;QACvB,kBAAkB;QAClB,iBAAiB;KAClB,CAAC,CAAA;IAEF,MAAM,iBAAiB,GAAG,IAAA,8CAAoB,EAAC;QAC7C,KAAK;QACL,eAAe;QACf,aAAa;QACb,WAAW;QACX,iBAAiB;QACjB,gBAAgB;QAChB,qBAAqB;QACrB,MAAM;QACN,kBAAkB;QAClB,aAAa;QACb,SAAS;QACT,OAAO;QACP,YAAY;QACZ,cAAc;QACd,kBAAkB;QAClB,uBAAuB;QACvB,mBAAmB;QACnB,uBAAuB;QACvB,kBAAkB;QAClB,qBAAqB;QACrB,iBAAiB;KAClB,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,IAAA,sCAAgB,EAAC;QACrC,KAAK;QACL,eAAe;QACf,aAAa;QACb,WAAW;QACX,iBAAiB;QACjB,gBAAgB;QAChB,qBAAqB;QACrB,MAAM;QACN,wBAAwB;QACxB,SAAS;QACT,OAAO;QACP,YAAY;QACZ,cAAc;QACd,kBAAkB;QAClB,uBAAuB;QACvB,mBAAmB;QACnB,uBAAuB;QACvB,kBAAkB;QAClB,qBAAqB;QACrB,iBAAiB;QACjB,WAAW;KACZ,CAAC,CAAA;IAEF,OAAO;QACL,YAAY;QACZ,iBAAiB;QACjB,aAAa;KACd,CAAA;AACH,CAAC,CAAA;AA1HY,QAAA,aAAa,iBA0HzB"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import type { ContractInfo, TokenMetadata } from '@0xsequence/metadata';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { type Hex } from 'viem';
|
|
4
|
-
import type { TransakConfig } from '../../contexts/CheckoutModal.js';
|
|
5
|
-
import type { Collectible, CreditCardProviders } from '../../contexts/SelectPaymentModal.js';
|
|
6
|
-
export interface UseCreditCardPaymentArgs {
|
|
7
|
-
chain: string | number;
|
|
8
|
-
currencyAddress: string;
|
|
9
|
-
totalPriceRaw: string;
|
|
10
|
-
collectible: Collectible;
|
|
11
|
-
collectionAddress: string;
|
|
12
|
-
recipientAddress: string;
|
|
13
|
-
targetContractAddress: string;
|
|
14
|
-
txData: Hex;
|
|
15
|
-
creditCardProvider?: CreditCardProviders;
|
|
16
|
-
transakConfig?: TransakConfig;
|
|
17
|
-
onSuccess?: (txHash: string) => void;
|
|
18
|
-
onError?: (error: Error) => void;
|
|
19
|
-
currencyInfo: ContractInfo | undefined;
|
|
20
|
-
tokenMetadatas: TokenMetadata[] | undefined;
|
|
21
|
-
dataCollectionInfo: ContractInfo | undefined;
|
|
22
|
-
isLoadingCollectionInfo: boolean;
|
|
23
|
-
errorCollectionInfo: Error | null;
|
|
24
|
-
isLoadingTokenMetadatas: boolean;
|
|
25
|
-
errorTokenMetadata: Error | null;
|
|
26
|
-
isLoadingCurrencyInfo: boolean;
|
|
27
|
-
errorCurrencyInfo: Error | null;
|
|
28
|
-
}
|
|
29
|
-
interface UseCreditCardPaymentData {
|
|
30
|
-
iframeId: string;
|
|
31
|
-
paymentUrl?: string;
|
|
32
|
-
CreditCardIframe: React.ComponentType;
|
|
33
|
-
EventListener: React.ComponentType;
|
|
34
|
-
}
|
|
35
|
-
export interface UseCreditCardPaymentReturn {
|
|
36
|
-
error: Error | null;
|
|
37
|
-
data: UseCreditCardPaymentData;
|
|
38
|
-
isLoading: boolean;
|
|
39
|
-
}
|
|
40
|
-
export declare const useCreditCardPayment: ({ chain, currencyAddress, totalPriceRaw, collectible, collectionAddress, recipientAddress, targetContractAddress, txData, creditCardProvider, transakConfig, onSuccess, onError, currencyInfo, tokenMetadatas, dataCollectionInfo, isLoadingCollectionInfo, errorCollectionInfo, isLoadingTokenMetadatas, errorTokenMetadata, isLoadingCurrencyInfo, errorCurrencyInfo }: UseCreditCardPaymentArgs) => UseCreditCardPaymentReturn;
|
|
41
|
-
export {};
|
|
42
|
-
//# sourceMappingURL=useCreditCardPayment.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useCreditCardPayment.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCheckoutUI/useCreditCardPayment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEvE,OAAO,KAAqC,MAAM,OAAO,CAAA;AACzD,OAAO,EAA4B,KAAK,GAAG,EAAE,MAAM,MAAM,CAAA;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAA;AAK5F,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,WAAW,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,MAAM,EAAE,GAAG,CAAA;IACX,kBAAkB,CAAC,EAAE,mBAAmB,CAAA;IACxC,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,YAAY,EAAE,YAAY,GAAG,SAAS,CAAA;IACtC,cAAc,EAAE,aAAa,EAAE,GAAG,SAAS,CAAA;IAC3C,kBAAkB,EAAE,YAAY,GAAG,SAAS,CAAA;IAC5C,uBAAuB,EAAE,OAAO,CAAA;IAChC,mBAAmB,EAAE,KAAK,GAAG,IAAI,CAAA;IACjC,uBAAuB,EAAE,OAAO,CAAA;IAChC,kBAAkB,EAAE,KAAK,GAAG,IAAI,CAAA;IAChC,qBAAqB,EAAE,OAAO,CAAA;IAC9B,iBAAiB,EAAE,KAAK,GAAG,IAAI,CAAA;CAChC;AAED,UAAU,wBAAwB;IAChC,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAA;IACrC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAA;CACnC;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,IAAI,EAAE,wBAAwB,CAAA;IAC9B,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,GAAI,0WAsBlC,wBAAwB,KAAG,0BA2I7B,CAAA"}
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useCreditCardPayment = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const connect_1 = require("@0xsequence/connect");
|
|
6
|
-
const network_1 = require("@0xsequence/network");
|
|
7
|
-
const react_1 = require("react");
|
|
8
|
-
const viem_1 = require("viem");
|
|
9
|
-
const transak_js_1 = require("../../utils/transak.js");
|
|
10
|
-
const useTransakWidgetUrl_js_1 = require("../useTransakWidgetUrl.js");
|
|
11
|
-
const TRANSAK_IFRAME_ID = 'credit-card-payment-transak-iframe';
|
|
12
|
-
const useCreditCardPayment = ({ chain, currencyAddress, totalPriceRaw, collectible, collectionAddress, recipientAddress, targetContractAddress, txData, creditCardProvider, transakConfig, onSuccess, onError, currencyInfo, tokenMetadatas, dataCollectionInfo, isLoadingCollectionInfo, errorCollectionInfo, isLoadingTokenMetadatas, errorTokenMetadata, isLoadingCurrencyInfo, errorCurrencyInfo }) => {
|
|
13
|
-
const disableTransakWidgetUrlFetch = isLoadingTokenMetadatas || isLoadingCurrencyInfo || isLoadingCollectionInfo || creditCardProvider !== 'transak';
|
|
14
|
-
const network = (0, network_1.findSupportedNetwork)(chain);
|
|
15
|
-
const error = errorCollectionInfo || errorTokenMetadata || errorCurrencyInfo;
|
|
16
|
-
const isLoading = isLoadingCollectionInfo || isLoadingTokenMetadatas || isLoadingCurrencyInfo;
|
|
17
|
-
const isNativeCurrency = (0, connect_1.compareAddress)(currencyAddress, viem_1.zeroAddress);
|
|
18
|
-
const currencySymbol = isNativeCurrency ? network?.nativeToken.symbol : currencyInfo?.symbol || 'POL';
|
|
19
|
-
const currencyDecimals = isNativeCurrency ? network?.nativeToken.decimals : currencyInfo?.decimals || 18;
|
|
20
|
-
const iframeRef = (0, react_1.useRef)(null);
|
|
21
|
-
const tokenMetadata = tokenMetadatas?.[0];
|
|
22
|
-
// Transak requires the recipient address to be the proxy address
|
|
23
|
-
// so we need to replace the recipient address with the proxy address in the calldata
|
|
24
|
-
// this is a weird hack so that credit card integrations are as simple as possible and should work 99% of the time
|
|
25
|
-
// If an issue arises, the user can override the calldata in the transak settings
|
|
26
|
-
const transakProxyAddress = (0, transak_js_1.getTransakProxyAddress)(network?.chainId || 137) || '';
|
|
27
|
-
const calldataWithProxy = transakConfig?.callDataOverride ??
|
|
28
|
-
txData.replace(recipientAddress.toLowerCase().substring(2), transakProxyAddress.substring(2));
|
|
29
|
-
const price = Number((0, viem_1.formatUnits)(BigInt(totalPriceRaw), Number(currencyDecimals || 18)));
|
|
30
|
-
const transakNftData = [
|
|
31
|
-
{
|
|
32
|
-
imageURL: tokenMetadata?.image || '',
|
|
33
|
-
nftName: tokenMetadata?.name || 'collectible',
|
|
34
|
-
collectionAddress: collectionAddress,
|
|
35
|
-
tokenIDs: [collectible.tokenId || ''],
|
|
36
|
-
prices: [price],
|
|
37
|
-
quantity: Number(collectible.quantity),
|
|
38
|
-
nftType: dataCollectionInfo?.type || 'ERC721'
|
|
39
|
-
}
|
|
40
|
-
];
|
|
41
|
-
const estimatedGasLimit = 500000;
|
|
42
|
-
const partnerOrderId = (0, react_1.useMemo)(() => {
|
|
43
|
-
return `${recipientAddress}-${new Date().getTime()}`;
|
|
44
|
-
}, [recipientAddress]);
|
|
45
|
-
// Note: the network name might not always line up with Transak. A conversion function might be necessary
|
|
46
|
-
const networkName = network?.name.toLowerCase();
|
|
47
|
-
const { data: transakLinkData, isLoading: isLoadingTransakLink, error: errorTransakLink } = (0, useTransakWidgetUrl_js_1.useTransakWidgetUrl)({
|
|
48
|
-
isNFT: true,
|
|
49
|
-
calldata: calldataWithProxy,
|
|
50
|
-
targetContractAddress,
|
|
51
|
-
cryptoCurrencyCode: (0, transak_js_1.getCurrencyCode)({
|
|
52
|
-
chainId: network?.chainId || 137,
|
|
53
|
-
currencyAddress,
|
|
54
|
-
defaultCurrencyCode: currencySymbol || 'ETH'
|
|
55
|
-
}),
|
|
56
|
-
estimatedGasLimit,
|
|
57
|
-
nftData: transakNftData,
|
|
58
|
-
walletAddress: recipientAddress,
|
|
59
|
-
disableWalletAddressForm: true,
|
|
60
|
-
partnerOrderId,
|
|
61
|
-
network: networkName,
|
|
62
|
-
referrerDomain: window.location.origin
|
|
63
|
-
}, disableTransakWidgetUrlFetch);
|
|
64
|
-
const missingCreditCardProvider = !creditCardProvider;
|
|
65
|
-
if (missingCreditCardProvider) {
|
|
66
|
-
return {
|
|
67
|
-
error: new Error('Missing credit card provider or transak config'),
|
|
68
|
-
data: {
|
|
69
|
-
iframeId: '',
|
|
70
|
-
CreditCardIframe: () => null,
|
|
71
|
-
EventListener: () => null
|
|
72
|
-
},
|
|
73
|
-
isLoading: false
|
|
74
|
-
};
|
|
75
|
-
}
|
|
76
|
-
if (error || isLoading) {
|
|
77
|
-
return {
|
|
78
|
-
error,
|
|
79
|
-
data: {
|
|
80
|
-
iframeId: '',
|
|
81
|
-
CreditCardIframe: () => null,
|
|
82
|
-
EventListener: () => null
|
|
83
|
-
},
|
|
84
|
-
isLoading
|
|
85
|
-
};
|
|
86
|
-
}
|
|
87
|
-
if (creditCardProvider === 'transak') {
|
|
88
|
-
const transakLink = transakLinkData?.url;
|
|
89
|
-
return {
|
|
90
|
-
error: errorTransakLink,
|
|
91
|
-
data: {
|
|
92
|
-
iframeId: TRANSAK_IFRAME_ID,
|
|
93
|
-
paymentUrl: transakLink,
|
|
94
|
-
CreditCardIframe: () => ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center", style: { height: '770px' }, children: (0, jsx_runtime_1.jsx)("iframe", { id: "transakIframe", ref: iframeRef, allow: "camera;microphone;payment", src: transakLink, style: {
|
|
95
|
-
maxHeight: '650px',
|
|
96
|
-
height: '100%',
|
|
97
|
-
maxWidth: '380px',
|
|
98
|
-
width: '100%'
|
|
99
|
-
}, referrerPolicy: "strict-origin-when-cross-origin" }) })),
|
|
100
|
-
EventListener: () => ((0, jsx_runtime_1.jsx)(TransakEventListener, { onSuccess: onSuccess, onError: onError, isLoading: isLoading, iframeRef: iframeRef }))
|
|
101
|
-
},
|
|
102
|
-
isLoading: isLoadingTransakLink
|
|
103
|
-
};
|
|
104
|
-
}
|
|
105
|
-
return {
|
|
106
|
-
error: null,
|
|
107
|
-
data: {
|
|
108
|
-
iframeId: '',
|
|
109
|
-
CreditCardIframe: () => null,
|
|
110
|
-
EventListener: () => null
|
|
111
|
-
},
|
|
112
|
-
isLoading: false
|
|
113
|
-
};
|
|
114
|
-
};
|
|
115
|
-
exports.useCreditCardPayment = useCreditCardPayment;
|
|
116
|
-
const TransakEventListener = ({ onSuccess, onError, isLoading, iframeRef }) => {
|
|
117
|
-
(0, react_1.useEffect)(() => {
|
|
118
|
-
const transakIframe = iframeRef.current?.contentWindow;
|
|
119
|
-
if (!transakIframe) {
|
|
120
|
-
return;
|
|
121
|
-
}
|
|
122
|
-
const readMessage = async (message) => {
|
|
123
|
-
if (message.source !== transakIframe) {
|
|
124
|
-
return;
|
|
125
|
-
}
|
|
126
|
-
if (message?.data?.event_id === 'TRANSAK_ORDER_SUCCESSFUL' && message?.data?.data?.status === 'COMPLETED') {
|
|
127
|
-
console.log('Order Data: ', message?.data?.data);
|
|
128
|
-
const txHash = message?.data?.data?.transactionHash || '';
|
|
129
|
-
onSuccess?.(txHash);
|
|
130
|
-
}
|
|
131
|
-
if (message?.data?.event_id === 'TRANSAK_ORDER_FAILED') {
|
|
132
|
-
onError?.(new Error('Transak transaction failed'));
|
|
133
|
-
}
|
|
134
|
-
};
|
|
135
|
-
window.addEventListener('message', readMessage);
|
|
136
|
-
return () => window.removeEventListener('message', readMessage);
|
|
137
|
-
}, [isLoading]);
|
|
138
|
-
return null;
|
|
139
|
-
};
|
|
140
|
-
//# sourceMappingURL=useCreditCardPayment.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useCreditCardPayment.js","sourceRoot":"","sources":["../../../../src/hooks/useCheckoutUI/useCreditCardPayment.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import type { ContractInfo, TokenMetadata } from '@0xsequence/metadata';
|
|
2
|
-
import { type Hex } from 'viem';
|
|
3
|
-
import type { Collectible } from '../../contexts/SelectPaymentModal.js';
|
|
4
|
-
export interface UseCryptoPaymentArgs {
|
|
5
|
-
chain: string | number;
|
|
6
|
-
currencyAddress: string;
|
|
7
|
-
totalPriceRaw: string;
|
|
8
|
-
collectible: Collectible;
|
|
9
|
-
collectionAddress: string;
|
|
10
|
-
recipientAddress: string;
|
|
11
|
-
targetContractAddress: string;
|
|
12
|
-
txData: Hex;
|
|
13
|
-
transactionConfirmations?: number;
|
|
14
|
-
onSuccess?: (txHash: string) => void;
|
|
15
|
-
onError?: (error: Error) => void;
|
|
16
|
-
currencyInfo: ContractInfo | undefined;
|
|
17
|
-
tokenMetadatas: TokenMetadata[] | undefined;
|
|
18
|
-
dataCollectionInfo: ContractInfo | undefined;
|
|
19
|
-
isLoadingCollectionInfo: boolean;
|
|
20
|
-
errorCollectionInfo: Error | null;
|
|
21
|
-
isLoadingTokenMetadatas: boolean;
|
|
22
|
-
errorTokenMetadata: Error | null;
|
|
23
|
-
isLoadingCurrencyInfo: boolean;
|
|
24
|
-
errorCurrencyInfo: Error | null;
|
|
25
|
-
slippageBps?: number;
|
|
26
|
-
}
|
|
27
|
-
export interface UseCryptoPaymentReturn {
|
|
28
|
-
cryptoOptions: {
|
|
29
|
-
data: CryptoOption[];
|
|
30
|
-
isLoading: boolean;
|
|
31
|
-
error: Error | null;
|
|
32
|
-
};
|
|
33
|
-
purchaseAction: {
|
|
34
|
-
action: () => Promise<string>;
|
|
35
|
-
isReady: boolean;
|
|
36
|
-
selectedCurrencyAddress: string | undefined;
|
|
37
|
-
setSelectedCurrencyAddress: (currencyAddress: string) => void;
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
interface CryptoOption {
|
|
41
|
-
chainId: number;
|
|
42
|
-
address: string;
|
|
43
|
-
name: string;
|
|
44
|
-
totalPriceRaw: string;
|
|
45
|
-
symbol: string;
|
|
46
|
-
decimals: number;
|
|
47
|
-
totalPriceDisplay: string;
|
|
48
|
-
logoUrl?: string;
|
|
49
|
-
isInsufficientFunds: boolean;
|
|
50
|
-
isSelected: boolean;
|
|
51
|
-
}
|
|
52
|
-
export declare const useCryptoPayment: ({ chain, currencyAddress, totalPriceRaw, targetContractAddress, txData, transactionConfirmations, onSuccess, onError, currencyInfo, isLoadingCurrencyInfo, errorCurrencyInfo, slippageBps }: UseCryptoPaymentArgs) => UseCryptoPaymentReturn;
|
|
53
|
-
export {};
|
|
54
|
-
//# sourceMappingURL=useCryptoPayment.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useCryptoPayment.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCheckoutUI/useCryptoPayment.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAGvE,OAAO,EAAgD,KAAK,GAAG,EAAE,MAAM,MAAM,CAAA;AAI7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAEvE,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,WAAW,CAAA;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,MAAM,EAAE,GAAG,CAAA;IACX,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,YAAY,EAAE,YAAY,GAAG,SAAS,CAAA;IACtC,cAAc,EAAE,aAAa,EAAE,GAAG,SAAS,CAAA;IAC3C,kBAAkB,EAAE,YAAY,GAAG,SAAS,CAAA;IAC5C,uBAAuB,EAAE,OAAO,CAAA;IAChC,mBAAmB,EAAE,KAAK,GAAG,IAAI,CAAA;IACjC,uBAAuB,EAAE,OAAO,CAAA;IAChC,kBAAkB,EAAE,KAAK,GAAG,IAAI,CAAA;IAChC,qBAAqB,EAAE,OAAO,CAAA;IAC9B,iBAAiB,EAAE,KAAK,GAAG,IAAI,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,EAAE,CAAA;QACpB,SAAS,EAAE,OAAO,CAAA;QAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;KACpB,CAAA;IACD,cAAc,EAAE;QACd,MAAM,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;QAC7B,OAAO,EAAE,OAAO,CAAA;QAChB,uBAAuB,EAAE,MAAM,GAAG,SAAS,CAAA;QAC3C,0BAA0B,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAA;KAC9D,CAAA;CACF;AAED,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,iBAAiB,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,gBAAgB,GAAI,6LAa9B,oBAAoB,KAAG,sBAgVzB,CAAA"}
|
|
@@ -1,299 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useCryptoPayment = void 0;
|
|
4
|
-
const connect_1 = require("@0xsequence/connect");
|
|
5
|
-
const hooks_1 = require("@0xsequence/hooks");
|
|
6
|
-
const network_1 = require("@0xsequence/network");
|
|
7
|
-
const react_1 = require("react");
|
|
8
|
-
const viem_1 = require("viem");
|
|
9
|
-
const wagmi_1 = require("wagmi");
|
|
10
|
-
const abi_js_1 = require("../../constants/abi.js");
|
|
11
|
-
const useCryptoPayment = ({ chain, currencyAddress, totalPriceRaw, targetContractAddress, txData, transactionConfirmations, onSuccess, onError, currencyInfo, isLoadingCurrencyInfo, errorCurrencyInfo, slippageBps }) => {
|
|
12
|
-
const [selectedCurrencyAddress, setSelectedCurrencyAddress] = (0, react_1.useState)(undefined);
|
|
13
|
-
const { address: userAddress, connector } = (0, wagmi_1.useConnection)();
|
|
14
|
-
const network = (0, network_1.findSupportedNetwork)(chain);
|
|
15
|
-
const chainId = network?.chainId || 137;
|
|
16
|
-
const isNativeCurrency = (0, connect_1.compareAddress)(currencyAddress, viem_1.zeroAddress);
|
|
17
|
-
const currencySymbol = isNativeCurrency ? network?.nativeToken.symbol : currencyInfo?.symbol;
|
|
18
|
-
const currencyDecimals = isNativeCurrency ? network?.nativeToken.decimals : currencyInfo?.decimals;
|
|
19
|
-
const isMainCurrencySelected = (0, connect_1.compareAddress)(selectedCurrencyAddress || '', currencyAddress);
|
|
20
|
-
const { data: walletClient } = (0, wagmi_1.useWalletClient)({
|
|
21
|
-
chainId
|
|
22
|
-
});
|
|
23
|
-
const publicClient = (0, wagmi_1.usePublicClient)({
|
|
24
|
-
chainId
|
|
25
|
-
});
|
|
26
|
-
const indexerClient = (0, hooks_1.useIndexerClient)(chainId);
|
|
27
|
-
const { data: allowanceData, isLoading: allowanceIsLoading } = (0, wagmi_1.useReadContract)({
|
|
28
|
-
abi: abi_js_1.ERC_20_CONTRACT_ABI,
|
|
29
|
-
functionName: 'allowance',
|
|
30
|
-
chainId: chainId,
|
|
31
|
-
address: currencyAddress,
|
|
32
|
-
args: [userAddress, targetContractAddress],
|
|
33
|
-
query: {
|
|
34
|
-
enabled: !!userAddress && !isNativeCurrency
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
const isApproved = allowanceData >= BigInt(totalPriceRaw) || isNativeCurrency;
|
|
38
|
-
const buyCurrencyAddress = currencyAddress;
|
|
39
|
-
const { data: swapRoutes = [], isLoading: swapRoutesIsLoading, error: swapRoutesError } = (0, hooks_1.useGetSwapRoutes)({
|
|
40
|
-
walletAddress: userAddress ?? '',
|
|
41
|
-
toTokenAmount: totalPriceRaw,
|
|
42
|
-
toTokenAddress: currencyAddress || '',
|
|
43
|
-
chainId: chainId
|
|
44
|
-
});
|
|
45
|
-
const { data: currencyBalanceDataPaginated, isLoading: currencyBalanceIsLoading } = (0, hooks_1.useGetTokenBalancesSummary)({
|
|
46
|
-
chainIds: [chainId],
|
|
47
|
-
filter: {
|
|
48
|
-
accountAddresses: userAddress ? [userAddress] : [],
|
|
49
|
-
contractStatus: connect_1.ContractVerificationStatus.ALL,
|
|
50
|
-
contractWhitelist: [currencyAddress, ...swapRoutes.flatMap(swapRoute => swapRoute.fromTokens.map(token => token.address))],
|
|
51
|
-
omitNativeBalances: false
|
|
52
|
-
},
|
|
53
|
-
omitMetadata: true
|
|
54
|
-
});
|
|
55
|
-
const currencyBalanceData = currencyBalanceDataPaginated?.pages?.flatMap(page => page.balances);
|
|
56
|
-
const disableSwapQuote = !selectedCurrencyAddress || (0, connect_1.compareAddress)(selectedCurrencyAddress, buyCurrencyAddress);
|
|
57
|
-
const { data: swapQuote, isLoading: isLoadingSwapQuote } = (0, hooks_1.useGetSwapQuote)({
|
|
58
|
-
params: {
|
|
59
|
-
walletAddress: userAddress ?? '',
|
|
60
|
-
toTokenAddress: currencyAddress,
|
|
61
|
-
toTokenAmount: totalPriceRaw,
|
|
62
|
-
fromTokenAddress: selectedCurrencyAddress || '',
|
|
63
|
-
fromTokenAmount: '0',
|
|
64
|
-
chainId: chainId,
|
|
65
|
-
includeApprove: true,
|
|
66
|
-
slippageBps: slippageBps || hooks_1.DEFAULT_SLIPPAGE_BPS
|
|
67
|
-
}
|
|
68
|
-
}, {
|
|
69
|
-
disabled: disableSwapQuote
|
|
70
|
-
});
|
|
71
|
-
const mainCurrencyBalance = currencyBalanceData?.find(balance => balance.contractAddress === currencyAddress.toLowerCase())?.balance || '0';
|
|
72
|
-
const priceFormatted = (0, viem_1.formatUnits)(BigInt(totalPriceRaw), currencyInfo?.decimals || 0);
|
|
73
|
-
const priceDisplay = (0, connect_1.formatDisplay)(priceFormatted, {
|
|
74
|
-
disableScientificNotation: true,
|
|
75
|
-
disableCompactNotation: true,
|
|
76
|
-
significantDigits: 6
|
|
77
|
-
});
|
|
78
|
-
const mainCurrencyOption = !currencyBalanceIsLoading
|
|
79
|
-
? [
|
|
80
|
-
{
|
|
81
|
-
chainId,
|
|
82
|
-
address: currencyAddress,
|
|
83
|
-
name: currencyInfo?.name || 'unknown',
|
|
84
|
-
totalPriceRaw: totalPriceRaw,
|
|
85
|
-
decimals: currencyDecimals || 18,
|
|
86
|
-
totalPriceDisplay: priceDisplay,
|
|
87
|
-
logoUrl: currencyInfo?.logoURI,
|
|
88
|
-
symbol: currencySymbol || '',
|
|
89
|
-
isInsufficientFunds: Number(mainCurrencyBalance) < Number(totalPriceRaw),
|
|
90
|
-
isSelected: (0, connect_1.compareAddress)(currencyAddress, selectedCurrencyAddress || '')
|
|
91
|
-
}
|
|
92
|
-
]
|
|
93
|
-
: [];
|
|
94
|
-
const purchaseAction = async () => {
|
|
95
|
-
if (!selectedCurrencyAddress) {
|
|
96
|
-
throw new Error('No currency selected');
|
|
97
|
-
}
|
|
98
|
-
if (!walletClient) {
|
|
99
|
-
throw new Error('No wallet client');
|
|
100
|
-
}
|
|
101
|
-
if (!userAddress) {
|
|
102
|
-
throw new Error('User address is not connected');
|
|
103
|
-
}
|
|
104
|
-
if (!publicClient) {
|
|
105
|
-
throw new Error('Public client is not connected');
|
|
106
|
-
}
|
|
107
|
-
if (!connector) {
|
|
108
|
-
throw new Error('Connector is not connected');
|
|
109
|
-
}
|
|
110
|
-
try {
|
|
111
|
-
if (isMainCurrencySelected) {
|
|
112
|
-
const walletClientChainId = await walletClient.getChainId();
|
|
113
|
-
if (walletClientChainId !== chainId) {
|
|
114
|
-
await walletClient.switchChain({ id: chainId });
|
|
115
|
-
}
|
|
116
|
-
const approveTxData = (0, viem_1.encodeFunctionData)({
|
|
117
|
-
abi: abi_js_1.ERC_20_CONTRACT_ABI,
|
|
118
|
-
functionName: 'approve',
|
|
119
|
-
args: [targetContractAddress, totalPriceRaw]
|
|
120
|
-
});
|
|
121
|
-
const transactions = [
|
|
122
|
-
...(isApproved
|
|
123
|
-
? []
|
|
124
|
-
: [
|
|
125
|
-
{
|
|
126
|
-
to: currencyAddress,
|
|
127
|
-
data: approveTxData,
|
|
128
|
-
chainId
|
|
129
|
-
}
|
|
130
|
-
]),
|
|
131
|
-
{
|
|
132
|
-
to: targetContractAddress,
|
|
133
|
-
data: txData,
|
|
134
|
-
chainId,
|
|
135
|
-
...(isNativeCurrency
|
|
136
|
-
? {
|
|
137
|
-
value: BigInt(totalPriceRaw)
|
|
138
|
-
}
|
|
139
|
-
: {})
|
|
140
|
-
}
|
|
141
|
-
];
|
|
142
|
-
let txHash;
|
|
143
|
-
const txs = await (0, connect_1.sendTransactions)({
|
|
144
|
-
chainId,
|
|
145
|
-
senderAddress: userAddress,
|
|
146
|
-
publicClient,
|
|
147
|
-
walletClient,
|
|
148
|
-
indexerClient,
|
|
149
|
-
connector,
|
|
150
|
-
transactions,
|
|
151
|
-
transactionConfirmations,
|
|
152
|
-
waitConfirmationForLastTransaction: false
|
|
153
|
-
});
|
|
154
|
-
if (txs.length === 0) {
|
|
155
|
-
throw new Error('No transactions to send');
|
|
156
|
-
}
|
|
157
|
-
for (const [index, tx] of txs.entries()) {
|
|
158
|
-
const currentTxHash = await tx();
|
|
159
|
-
const isLastTransaction = index === txs.length - 1;
|
|
160
|
-
if (isLastTransaction) {
|
|
161
|
-
onSuccess?.(currentTxHash);
|
|
162
|
-
txHash = currentTxHash;
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
if (!txHash) {
|
|
166
|
-
throw new Error('Transaction hash is not available');
|
|
167
|
-
}
|
|
168
|
-
return txHash;
|
|
169
|
-
}
|
|
170
|
-
else {
|
|
171
|
-
const swapOption = swapRoutes
|
|
172
|
-
.flatMap(route => route.fromTokens)
|
|
173
|
-
.find(token => (0, connect_1.compareAddress)(token.address, selectedCurrencyAddress));
|
|
174
|
-
if (!swapOption) {
|
|
175
|
-
throw new Error('No swap option found');
|
|
176
|
-
}
|
|
177
|
-
if (!swapQuote) {
|
|
178
|
-
throw new Error('No swap quote found');
|
|
179
|
-
}
|
|
180
|
-
const walletClientChainId = await walletClient.getChainId();
|
|
181
|
-
if (walletClientChainId !== chainId) {
|
|
182
|
-
await walletClient.switchChain({ id: chainId });
|
|
183
|
-
}
|
|
184
|
-
const approveTxData = (0, viem_1.encodeFunctionData)({
|
|
185
|
-
abi: abi_js_1.ERC_20_CONTRACT_ABI,
|
|
186
|
-
functionName: 'approve',
|
|
187
|
-
args: [targetContractAddress, totalPriceRaw]
|
|
188
|
-
});
|
|
189
|
-
const isSwapNativeToken = (0, connect_1.compareAddress)(viem_1.zeroAddress, swapOption.address);
|
|
190
|
-
const transactions = [
|
|
191
|
-
// Swap quote optional approve step
|
|
192
|
-
...(swapQuote?.approveData && !isSwapNativeToken
|
|
193
|
-
? [
|
|
194
|
-
{
|
|
195
|
-
to: swapOption.address,
|
|
196
|
-
data: swapQuote.approveData,
|
|
197
|
-
chain: chainId
|
|
198
|
-
}
|
|
199
|
-
]
|
|
200
|
-
: []),
|
|
201
|
-
// Swap quote tx
|
|
202
|
-
{
|
|
203
|
-
to: swapQuote.to,
|
|
204
|
-
data: swapQuote.transactionData,
|
|
205
|
-
chain: chainId,
|
|
206
|
-
...(isSwapNativeToken
|
|
207
|
-
? {
|
|
208
|
-
value: BigInt(swapQuote.transactionValue)
|
|
209
|
-
}
|
|
210
|
-
: {})
|
|
211
|
-
},
|
|
212
|
-
// Actual transaction optional approve step
|
|
213
|
-
...(isApproved || isNativeCurrency
|
|
214
|
-
? []
|
|
215
|
-
: [
|
|
216
|
-
{
|
|
217
|
-
to: currencyAddress,
|
|
218
|
-
data: approveTxData,
|
|
219
|
-
chainId: chainId
|
|
220
|
-
}
|
|
221
|
-
]),
|
|
222
|
-
// transaction on the contract
|
|
223
|
-
{
|
|
224
|
-
to: targetContractAddress,
|
|
225
|
-
data: txData,
|
|
226
|
-
chainId,
|
|
227
|
-
...(isNativeCurrency
|
|
228
|
-
? {
|
|
229
|
-
value: BigInt(totalPriceRaw)
|
|
230
|
-
}
|
|
231
|
-
: {})
|
|
232
|
-
}
|
|
233
|
-
];
|
|
234
|
-
let txHash;
|
|
235
|
-
const txs = await (0, connect_1.sendTransactions)({
|
|
236
|
-
chainId,
|
|
237
|
-
senderAddress: userAddress,
|
|
238
|
-
publicClient,
|
|
239
|
-
walletClient,
|
|
240
|
-
indexerClient,
|
|
241
|
-
connector,
|
|
242
|
-
transactions,
|
|
243
|
-
transactionConfirmations,
|
|
244
|
-
waitConfirmationForLastTransaction: false
|
|
245
|
-
});
|
|
246
|
-
if (txs.length === 0) {
|
|
247
|
-
throw new Error('No transactions to send');
|
|
248
|
-
}
|
|
249
|
-
for (const [index, tx] of txs.entries()) {
|
|
250
|
-
const currentTxHash = await tx();
|
|
251
|
-
const isLastTransaction = index === txs.length - 1;
|
|
252
|
-
if (isLastTransaction) {
|
|
253
|
-
onSuccess?.(currentTxHash);
|
|
254
|
-
txHash = currentTxHash;
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
if (!txHash) {
|
|
258
|
-
throw new Error('Transaction hash is not available');
|
|
259
|
-
}
|
|
260
|
-
return txHash;
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
catch (error) {
|
|
264
|
-
onError?.(error);
|
|
265
|
-
throw error;
|
|
266
|
-
}
|
|
267
|
-
};
|
|
268
|
-
const swapOptionsFormatted = swapRoutes
|
|
269
|
-
.flatMap(route => route.fromTokens)
|
|
270
|
-
.map(fromToken => ({
|
|
271
|
-
...fromToken,
|
|
272
|
-
totalPriceRaw: fromToken.price || '0',
|
|
273
|
-
isSelected: (0, connect_1.compareAddress)(fromToken.address, selectedCurrencyAddress || ''),
|
|
274
|
-
isInsufficientFunds: Number(currencyBalanceData?.find(balance => balance.contractAddress.toLowerCase() === fromToken.address.toLowerCase())
|
|
275
|
-
?.balance || '0') < Number(fromToken.price || '0'),
|
|
276
|
-
totalPriceDisplay: fromToken.price
|
|
277
|
-
? (0, connect_1.formatDisplay)((0, viem_1.formatUnits)(BigInt(fromToken.price || '0'), fromToken.decimals || 18), {
|
|
278
|
-
disableScientificNotation: true,
|
|
279
|
-
disableCompactNotation: true,
|
|
280
|
-
significantDigits: 6
|
|
281
|
-
})
|
|
282
|
-
: '0'
|
|
283
|
-
}));
|
|
284
|
-
return {
|
|
285
|
-
cryptoOptions: {
|
|
286
|
-
data: [...mainCurrencyOption, ...swapOptionsFormatted],
|
|
287
|
-
isLoading: isLoadingCurrencyInfo || swapRoutesIsLoading || currencyBalanceIsLoading,
|
|
288
|
-
error: errorCurrencyInfo || swapRoutesError
|
|
289
|
-
},
|
|
290
|
-
purchaseAction: {
|
|
291
|
-
action: purchaseAction,
|
|
292
|
-
isReady: !!selectedCurrencyAddress && (!isLoadingSwapQuote || isMainCurrencySelected) && (!allowanceIsLoading || isNativeCurrency),
|
|
293
|
-
selectedCurrencyAddress,
|
|
294
|
-
setSelectedCurrencyAddress
|
|
295
|
-
}
|
|
296
|
-
};
|
|
297
|
-
};
|
|
298
|
-
exports.useCryptoPayment = useCryptoPayment;
|
|
299
|
-
//# sourceMappingURL=useCryptoPayment.js.map
|