@0xsequence/checkout 5.0.2 → 5.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/api/data.d.ts +10 -0
- package/dist/cjs/api/data.d.ts.map +1 -1
- package/dist/cjs/api/data.js +19 -1
- package/dist/cjs/api/data.js.map +1 -1
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.d.ts.map +1 -1
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.js +2 -1
- package/dist/cjs/components/SequenceCheckoutProvider/SequenceCheckoutProvider.js.map +1 -1
- package/dist/cjs/contexts/AddFundsModal.d.ts +3 -0
- package/dist/cjs/contexts/AddFundsModal.d.ts.map +1 -1
- package/dist/cjs/contexts/AddFundsModal.js.map +1 -1
- package/dist/cjs/contexts/Environment.d.ts +2 -1
- package/dist/cjs/contexts/Environment.d.ts.map +1 -1
- package/dist/cjs/contexts/Environment.js.map +1 -1
- package/dist/cjs/contexts/SelectPaymentModal.d.ts +2 -0
- package/dist/cjs/contexts/SelectPaymentModal.d.ts.map +1 -1
- package/dist/cjs/contexts/SelectPaymentModal.js.map +1 -1
- package/dist/cjs/hooks/index.d.ts +1 -0
- package/dist/cjs/hooks/index.d.ts.map +1 -1
- package/dist/cjs/hooks/index.js +1 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useAddFundsModal.d.ts +51 -3
- package/dist/cjs/hooks/useAddFundsModal.d.ts.map +1 -1
- package/dist/cjs/hooks/useAddFundsModal.js +38 -0
- package/dist/cjs/hooks/useAddFundsModal.js.map +1 -1
- package/dist/cjs/hooks/useCheckoutModal.d.ts +80 -3
- package/dist/cjs/hooks/useCheckoutModal.d.ts.map +1 -1
- package/dist/cjs/hooks/useCheckoutModal.js +67 -0
- package/dist/cjs/hooks/useCheckoutModal.js.map +1 -1
- package/dist/cjs/hooks/useERC1155SaleContractCheckout.d.ts +73 -3
- package/dist/cjs/hooks/useERC1155SaleContractCheckout.d.ts.map +1 -1
- package/dist/cjs/hooks/useERC1155SaleContractCheckout.js +62 -0
- package/dist/cjs/hooks/useERC1155SaleContractCheckout.js.map +1 -1
- package/dist/cjs/hooks/useSardineOnRampLink.d.ts +3 -0
- package/dist/cjs/hooks/useSardineOnRampLink.d.ts.map +1 -0
- package/dist/cjs/hooks/useSardineOnRampLink.js +20 -0
- package/dist/cjs/hooks/useSardineOnRampLink.js.map +1 -0
- package/dist/cjs/hooks/useSelectPaymentModal.d.ts +106 -3
- package/dist/cjs/hooks/useSelectPaymentModal.d.ts.map +1 -1
- package/dist/cjs/hooks/useSelectPaymentModal.js +93 -0
- package/dist/cjs/hooks/useSelectPaymentModal.js.map +1 -1
- package/dist/cjs/hooks/useSwapModal.d.ts +72 -3
- package/dist/cjs/hooks/useSwapModal.d.ts.map +1 -1
- package/dist/cjs/hooks/useSwapModal.js +59 -0
- package/dist/cjs/hooks/useSwapModal.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/views/AddFunds.d.ts +2 -0
- package/dist/cjs/views/AddFunds.d.ts.map +1 -1
- package/dist/cjs/views/AddFunds.js +74 -5
- package/dist/cjs/views/AddFunds.js.map +1 -1
- package/dist/cjs/views/PaymentSelection/FundWithFiat.d.ts +10 -0
- package/dist/cjs/views/PaymentSelection/FundWithFiat.d.ts.map +1 -0
- package/dist/cjs/views/PaymentSelection/FundWithFiat.js +27 -0
- package/dist/cjs/views/PaymentSelection/FundWithFiat.js.map +1 -0
- package/dist/cjs/views/PaymentSelection/PayWithCrypto/index.d.ts.map +1 -1
- package/dist/cjs/views/PaymentSelection/PayWithCrypto/index.js +4 -1
- package/dist/cjs/views/PaymentSelection/PayWithCrypto/index.js.map +1 -1
- package/dist/cjs/views/PaymentSelection/index.d.ts.map +1 -1
- package/dist/cjs/views/PaymentSelection/index.js +4 -2
- package/dist/cjs/views/PaymentSelection/index.js.map +1 -1
- package/dist/cjs/views/PendingCreditCardTransaction.js +3 -3
- package/dist/cjs/views/PendingCreditCardTransaction.js.map +1 -1
- package/dist/esm/api/data.d.ts +10 -0
- package/dist/esm/api/data.d.ts.map +1 -1
- package/dist/esm/api/data.js +17 -0
- package/dist/esm/api/data.js.map +1 -1
- package/dist/esm/components/SequenceCheckoutProvider/SequenceCheckoutProvider.d.ts.map +1 -1
- package/dist/esm/components/SequenceCheckoutProvider/SequenceCheckoutProvider.js +2 -1
- package/dist/esm/components/SequenceCheckoutProvider/SequenceCheckoutProvider.js.map +1 -1
- package/dist/esm/contexts/AddFundsModal.d.ts +3 -0
- package/dist/esm/contexts/AddFundsModal.d.ts.map +1 -1
- package/dist/esm/contexts/AddFundsModal.js.map +1 -1
- package/dist/esm/contexts/Environment.d.ts +2 -1
- package/dist/esm/contexts/Environment.d.ts.map +1 -1
- package/dist/esm/contexts/Environment.js.map +1 -1
- package/dist/esm/contexts/SelectPaymentModal.d.ts +2 -0
- package/dist/esm/contexts/SelectPaymentModal.d.ts.map +1 -1
- package/dist/esm/contexts/SelectPaymentModal.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.d.ts.map +1 -1
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useAddFundsModal.d.ts +51 -3
- package/dist/esm/hooks/useAddFundsModal.d.ts.map +1 -1
- package/dist/esm/hooks/useAddFundsModal.js +38 -0
- package/dist/esm/hooks/useAddFundsModal.js.map +1 -1
- package/dist/esm/hooks/useCheckoutModal.d.ts +80 -3
- package/dist/esm/hooks/useCheckoutModal.d.ts.map +1 -1
- package/dist/esm/hooks/useCheckoutModal.js +67 -0
- package/dist/esm/hooks/useCheckoutModal.js.map +1 -1
- package/dist/esm/hooks/useERC1155SaleContractCheckout.d.ts +73 -3
- package/dist/esm/hooks/useERC1155SaleContractCheckout.d.ts.map +1 -1
- package/dist/esm/hooks/useERC1155SaleContractCheckout.js +62 -0
- package/dist/esm/hooks/useERC1155SaleContractCheckout.js.map +1 -1
- package/dist/esm/hooks/useSardineOnRampLink.d.ts +3 -0
- package/dist/esm/hooks/useSardineOnRampLink.d.ts.map +1 -0
- package/dist/esm/hooks/useSardineOnRampLink.js +16 -0
- package/dist/esm/hooks/useSardineOnRampLink.js.map +1 -0
- package/dist/esm/hooks/useSelectPaymentModal.d.ts +106 -3
- package/dist/esm/hooks/useSelectPaymentModal.d.ts.map +1 -1
- package/dist/esm/hooks/useSelectPaymentModal.js +93 -0
- package/dist/esm/hooks/useSelectPaymentModal.js.map +1 -1
- package/dist/esm/hooks/useSwapModal.d.ts +72 -3
- package/dist/esm/hooks/useSwapModal.d.ts.map +1 -1
- package/dist/esm/hooks/useSwapModal.js +59 -0
- package/dist/esm/hooks/useSwapModal.js.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/views/AddFunds.d.ts +2 -0
- package/dist/esm/views/AddFunds.d.ts.map +1 -1
- package/dist/esm/views/AddFunds.js +69 -2
- package/dist/esm/views/AddFunds.js.map +1 -1
- package/dist/esm/views/PaymentSelection/FundWithFiat.d.ts +10 -0
- package/dist/esm/views/PaymentSelection/FundWithFiat.d.ts.map +1 -0
- package/dist/esm/views/PaymentSelection/FundWithFiat.js +23 -0
- package/dist/esm/views/PaymentSelection/FundWithFiat.js.map +1 -0
- package/dist/esm/views/PaymentSelection/PayWithCrypto/index.d.ts.map +1 -1
- package/dist/esm/views/PaymentSelection/PayWithCrypto/index.js +4 -1
- package/dist/esm/views/PaymentSelection/PayWithCrypto/index.js.map +1 -1
- package/dist/esm/views/PaymentSelection/index.d.ts.map +1 -1
- package/dist/esm/views/PaymentSelection/index.js +5 -3
- package/dist/esm/views/PaymentSelection/index.js.map +1 -1
- package/dist/esm/views/PendingCreditCardTransaction.js +3 -3
- package/dist/esm/views/PendingCreditCardTransaction.js.map +1 -1
- package/package.json +5 -5
|
@@ -1,6 +1,109 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { SelectPaymentSettings } from '../contexts/SelectPaymentModal';
|
|
2
|
+
/**
|
|
3
|
+
* Return type for the useSelectPaymentModal hook.
|
|
4
|
+
*
|
|
5
|
+
* @property {function(settings: SelectPaymentSettings): void} openSelectPaymentModal - Function to open the Payment Selection modal
|
|
6
|
+
* @property {function(): void} closeSelectPaymentModal - Function to close the Payment Selection modal
|
|
7
|
+
* @property {SelectPaymentSettings|undefined} selectPaymentSettings - Current settings for the Payment Selection modal
|
|
8
|
+
*/
|
|
9
|
+
type UseSelectPaymentModalReturnType = {
|
|
10
|
+
openSelectPaymentModal: (settings: SelectPaymentSettings) => void;
|
|
3
11
|
closeSelectPaymentModal: () => void;
|
|
4
|
-
selectPaymentSettings:
|
|
12
|
+
selectPaymentSettings: SelectPaymentSettings | undefined;
|
|
5
13
|
};
|
|
14
|
+
/**
|
|
15
|
+
* Hook to manage the Payment Selection modal that allows users to purchase digital assets with multiple payment options.
|
|
16
|
+
*
|
|
17
|
+
* This hook provides methods to open and close the payment selection modal, and access its current settings.
|
|
18
|
+
* The Payment Selection modal offers various payment methods including:
|
|
19
|
+
* - Pay with cryptocurrency from the user's wallet
|
|
20
|
+
* - Swap tokens to pay with a different cryptocurrency
|
|
21
|
+
* - Pay with credit/debit card
|
|
22
|
+
* - Receive funds from another wallet
|
|
23
|
+
*
|
|
24
|
+
* @see {@link https://docs.sequence.xyz/sdk/web/hooks/useSelectPaymentModal} for more detailed documentation.
|
|
25
|
+
*
|
|
26
|
+
* @returns An object containing functions to control the Payment Selection modal and its state {@link UseSelectPaymentModalReturnType}
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* ```tsx
|
|
30
|
+
* import { useSelectPaymentModal } from '@0xsequence/checkout'
|
|
31
|
+
* import { encodeFunctionData, toHex } from 'viem'
|
|
32
|
+
* import { useAccount } from 'wagmi'
|
|
33
|
+
*
|
|
34
|
+
* const YourComponent = () => {
|
|
35
|
+
* const { address } = useAccount()
|
|
36
|
+
* const { openSelectPaymentModal } = useSelectPaymentModal()
|
|
37
|
+
*
|
|
38
|
+
* const handleCheckout = () => {
|
|
39
|
+
* if (!address) return
|
|
40
|
+
*
|
|
41
|
+
* // ERC-20 payment settings
|
|
42
|
+
* const currencyAddress = '0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359' // USDC on Polygon
|
|
43
|
+
* const salesContractAddress = '0xe65b75eb7c58ffc0bf0e671d64d0e1c6cd0d3e5b'
|
|
44
|
+
* const collectionAddress = '0xdeb398f41ccd290ee5114df7e498cf04fac916cb'
|
|
45
|
+
* const price = '20000' // Price in smallest unit (0.02 USDC)
|
|
46
|
+
* const chainId = 137 // Polygon
|
|
47
|
+
*
|
|
48
|
+
* // NFT details
|
|
49
|
+
* const collectibles = [
|
|
50
|
+
* {
|
|
51
|
+
* tokenId: '1',
|
|
52
|
+
* quantity: '1'
|
|
53
|
+
* }
|
|
54
|
+
* ]
|
|
55
|
+
*
|
|
56
|
+
* // Transaction data for the ERC-1155 mint function
|
|
57
|
+
* const purchaseTransactionData = encodeFunctionData({
|
|
58
|
+
* abi: ERC_1155_SALE_CONTRACT, // Your contract ABI
|
|
59
|
+
* functionName: 'mint',
|
|
60
|
+
* args: [
|
|
61
|
+
* address,
|
|
62
|
+
* collectibles.map(c => BigInt(c.tokenId)),
|
|
63
|
+
* collectibles.map(c => BigInt(c.quantity)),
|
|
64
|
+
* toHex(0),
|
|
65
|
+
* currencyAddress,
|
|
66
|
+
* price,
|
|
67
|
+
* [toHex(0, { size: 32 })]
|
|
68
|
+
* ]
|
|
69
|
+
* })
|
|
70
|
+
*
|
|
71
|
+
* // Open the payment selection modal
|
|
72
|
+
* openSelectPaymentModal({
|
|
73
|
+
* collectibles,
|
|
74
|
+
* chain: chainId,
|
|
75
|
+
* price,
|
|
76
|
+
* targetContractAddress: salesContractAddress,
|
|
77
|
+
* recipientAddress: address,
|
|
78
|
+
* currencyAddress,
|
|
79
|
+
* collectionAddress,
|
|
80
|
+
* creditCardProviders: ['sardine', 'transak'],
|
|
81
|
+
* transakConfig: {
|
|
82
|
+
* contractId: 'your-contract-id',
|
|
83
|
+
* apiKey: 'your-api-key'
|
|
84
|
+
* },
|
|
85
|
+
* copyrightText: 'ⓒ2024 Your Company',
|
|
86
|
+
* onSuccess: (txnHash: string) => {
|
|
87
|
+
* console.log('success!', txnHash)
|
|
88
|
+
* },
|
|
89
|
+
* onError: (error: Error) => {
|
|
90
|
+
* console.error(error)
|
|
91
|
+
* },
|
|
92
|
+
* onClose: () => {
|
|
93
|
+
* console.log('modal closed!')
|
|
94
|
+
* },
|
|
95
|
+
* txData: purchaseTransactionData
|
|
96
|
+
* })
|
|
97
|
+
* }
|
|
98
|
+
*
|
|
99
|
+
* return (
|
|
100
|
+
* <button onClick={handleCheckout}>
|
|
101
|
+
* Buy NFT with multiple payment options
|
|
102
|
+
* </button>
|
|
103
|
+
* )
|
|
104
|
+
* }
|
|
105
|
+
* ```
|
|
106
|
+
*/
|
|
107
|
+
export declare const useSelectPaymentModal: () => UseSelectPaymentModalReturnType;
|
|
108
|
+
export {};
|
|
6
109
|
//# sourceMappingURL=useSelectPaymentModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSelectPaymentModal.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSelectPaymentModal.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useSelectPaymentModal.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSelectPaymentModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA2B,MAAM,gCAAgC,CAAA;AAE/F;;;;;;GAMG;AACH,KAAK,+BAA+B,GAAG;IACrC,sBAAsB,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACjE,uBAAuB,EAAE,MAAM,IAAI,CAAA;IACnC,qBAAqB,EAAE,qBAAqB,GAAG,SAAS,CAAA;CACzD,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4FG;AACH,eAAO,MAAM,qBAAqB,QAAO,+BAIxC,CAAA"}
|
|
@@ -1,4 +1,97 @@
|
|
|
1
1
|
import { useSelectPaymentContext } from '../contexts/SelectPaymentModal';
|
|
2
|
+
/**
|
|
3
|
+
* Hook to manage the Payment Selection modal that allows users to purchase digital assets with multiple payment options.
|
|
4
|
+
*
|
|
5
|
+
* This hook provides methods to open and close the payment selection modal, and access its current settings.
|
|
6
|
+
* The Payment Selection modal offers various payment methods including:
|
|
7
|
+
* - Pay with cryptocurrency from the user's wallet
|
|
8
|
+
* - Swap tokens to pay with a different cryptocurrency
|
|
9
|
+
* - Pay with credit/debit card
|
|
10
|
+
* - Receive funds from another wallet
|
|
11
|
+
*
|
|
12
|
+
* @see {@link https://docs.sequence.xyz/sdk/web/hooks/useSelectPaymentModal} for more detailed documentation.
|
|
13
|
+
*
|
|
14
|
+
* @returns An object containing functions to control the Payment Selection modal and its state {@link UseSelectPaymentModalReturnType}
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* import { useSelectPaymentModal } from '@0xsequence/checkout'
|
|
19
|
+
* import { encodeFunctionData, toHex } from 'viem'
|
|
20
|
+
* import { useAccount } from 'wagmi'
|
|
21
|
+
*
|
|
22
|
+
* const YourComponent = () => {
|
|
23
|
+
* const { address } = useAccount()
|
|
24
|
+
* const { openSelectPaymentModal } = useSelectPaymentModal()
|
|
25
|
+
*
|
|
26
|
+
* const handleCheckout = () => {
|
|
27
|
+
* if (!address) return
|
|
28
|
+
*
|
|
29
|
+
* // ERC-20 payment settings
|
|
30
|
+
* const currencyAddress = '0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359' // USDC on Polygon
|
|
31
|
+
* const salesContractAddress = '0xe65b75eb7c58ffc0bf0e671d64d0e1c6cd0d3e5b'
|
|
32
|
+
* const collectionAddress = '0xdeb398f41ccd290ee5114df7e498cf04fac916cb'
|
|
33
|
+
* const price = '20000' // Price in smallest unit (0.02 USDC)
|
|
34
|
+
* const chainId = 137 // Polygon
|
|
35
|
+
*
|
|
36
|
+
* // NFT details
|
|
37
|
+
* const collectibles = [
|
|
38
|
+
* {
|
|
39
|
+
* tokenId: '1',
|
|
40
|
+
* quantity: '1'
|
|
41
|
+
* }
|
|
42
|
+
* ]
|
|
43
|
+
*
|
|
44
|
+
* // Transaction data for the ERC-1155 mint function
|
|
45
|
+
* const purchaseTransactionData = encodeFunctionData({
|
|
46
|
+
* abi: ERC_1155_SALE_CONTRACT, // Your contract ABI
|
|
47
|
+
* functionName: 'mint',
|
|
48
|
+
* args: [
|
|
49
|
+
* address,
|
|
50
|
+
* collectibles.map(c => BigInt(c.tokenId)),
|
|
51
|
+
* collectibles.map(c => BigInt(c.quantity)),
|
|
52
|
+
* toHex(0),
|
|
53
|
+
* currencyAddress,
|
|
54
|
+
* price,
|
|
55
|
+
* [toHex(0, { size: 32 })]
|
|
56
|
+
* ]
|
|
57
|
+
* })
|
|
58
|
+
*
|
|
59
|
+
* // Open the payment selection modal
|
|
60
|
+
* openSelectPaymentModal({
|
|
61
|
+
* collectibles,
|
|
62
|
+
* chain: chainId,
|
|
63
|
+
* price,
|
|
64
|
+
* targetContractAddress: salesContractAddress,
|
|
65
|
+
* recipientAddress: address,
|
|
66
|
+
* currencyAddress,
|
|
67
|
+
* collectionAddress,
|
|
68
|
+
* creditCardProviders: ['sardine', 'transak'],
|
|
69
|
+
* transakConfig: {
|
|
70
|
+
* contractId: 'your-contract-id',
|
|
71
|
+
* apiKey: 'your-api-key'
|
|
72
|
+
* },
|
|
73
|
+
* copyrightText: 'ⓒ2024 Your Company',
|
|
74
|
+
* onSuccess: (txnHash: string) => {
|
|
75
|
+
* console.log('success!', txnHash)
|
|
76
|
+
* },
|
|
77
|
+
* onError: (error: Error) => {
|
|
78
|
+
* console.error(error)
|
|
79
|
+
* },
|
|
80
|
+
* onClose: () => {
|
|
81
|
+
* console.log('modal closed!')
|
|
82
|
+
* },
|
|
83
|
+
* txData: purchaseTransactionData
|
|
84
|
+
* })
|
|
85
|
+
* }
|
|
86
|
+
*
|
|
87
|
+
* return (
|
|
88
|
+
* <button onClick={handleCheckout}>
|
|
89
|
+
* Buy NFT with multiple payment options
|
|
90
|
+
* </button>
|
|
91
|
+
* )
|
|
92
|
+
* }
|
|
93
|
+
* ```
|
|
94
|
+
*/
|
|
2
95
|
export const useSelectPaymentModal = () => {
|
|
3
96
|
const { openSelectPaymentModal, closeSelectPaymentModal, selectPaymentSettings } = useSelectPaymentContext();
|
|
4
97
|
return { openSelectPaymentModal, closeSelectPaymentModal, selectPaymentSettings };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSelectPaymentModal.js","sourceRoot":"","sources":["../../../src/hooks/useSelectPaymentModal.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"useSelectPaymentModal.js","sourceRoot":"","sources":["../../../src/hooks/useSelectPaymentModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,uBAAuB,EAAE,MAAM,gCAAgC,CAAA;AAe/F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4FG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAoC,EAAE;IACzE,MAAM,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,GAAG,uBAAuB,EAAE,CAAA;IAE5G,OAAO,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,CAAA;AACnF,CAAC,CAAA"}
|
|
@@ -1,6 +1,75 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { SwapModalSettings } from '../contexts/SwapModal';
|
|
2
|
+
/**
|
|
3
|
+
* Return type for the useSwapModal hook.
|
|
4
|
+
*
|
|
5
|
+
* @property {function(settings: SwapModalSettings): void} openSwapModal - Function to open the Swap modal
|
|
6
|
+
* @property {function(): void} closeSwapModal - Function to close the Swap modal
|
|
7
|
+
* @property {SwapModalSettings|undefined} swapModalSettings - Current settings for the Swap modal
|
|
8
|
+
*/
|
|
9
|
+
type UseSwapModalReturnType = {
|
|
10
|
+
openSwapModal: (settings: SwapModalSettings) => void;
|
|
3
11
|
closeSwapModal: () => void;
|
|
4
|
-
swapModalSettings:
|
|
12
|
+
swapModalSettings: SwapModalSettings | undefined;
|
|
5
13
|
};
|
|
14
|
+
/**
|
|
15
|
+
* Hook to manage the Swap modal that allows users to swap tokens in their wallet to a target currency.
|
|
16
|
+
*
|
|
17
|
+
* This hook provides methods to open and close the swap modal, and access its current settings.
|
|
18
|
+
* The Swap modal allows users to select tokens from their wallet to swap to a specified target token,
|
|
19
|
+
* with the option to execute additional transactions after the swap completes.
|
|
20
|
+
*
|
|
21
|
+
* @see {@link https://docs.sequence.xyz/sdk/web/hooks/useSwapModal} for more detailed documentation.
|
|
22
|
+
*
|
|
23
|
+
* @returns An object containing functions to control the Swap modal and its state {@link UseSwapModalReturnType}
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* ```tsx
|
|
27
|
+
* import { useSwapModal } from '@0xsequence/checkout'
|
|
28
|
+
* import { encodeFunctionData, parseAbi } from 'viem'
|
|
29
|
+
*
|
|
30
|
+
* const YourComponent = () => {
|
|
31
|
+
* const { openSwapModal } = useSwapModal()
|
|
32
|
+
*
|
|
33
|
+
* const handleSwap = () => {
|
|
34
|
+
* // Target token information
|
|
35
|
+
* const chainId = 137 // Polygon
|
|
36
|
+
* const currencyAddress = '0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359' // USDC on Polygon
|
|
37
|
+
* const currencyAmount = '20000' // 0.02 USDC (in smallest units)
|
|
38
|
+
*
|
|
39
|
+
* // Optional: Transaction to execute after swap is completed
|
|
40
|
+
* const data = encodeFunctionData({
|
|
41
|
+
* abi: parseAbi(['function demo()']),
|
|
42
|
+
* functionName: 'demo',
|
|
43
|
+
* args: []
|
|
44
|
+
* })
|
|
45
|
+
*
|
|
46
|
+
* // Open the swap modal
|
|
47
|
+
* openSwapModal({
|
|
48
|
+
* onSuccess: () => {
|
|
49
|
+
* console.log('swap successful!')
|
|
50
|
+
* },
|
|
51
|
+
* chainId,
|
|
52
|
+
* currencyAddress,
|
|
53
|
+
* currencyAmount,
|
|
54
|
+
* postSwapTransactions: [
|
|
55
|
+
* {
|
|
56
|
+
* to: '0x37470dac8a0255141745906c972e414b1409b470',
|
|
57
|
+
* data
|
|
58
|
+
* }
|
|
59
|
+
* ],
|
|
60
|
+
* title: 'Swap and Pay',
|
|
61
|
+
* description: 'Select a token in your wallet to swap to 0.2 USDC.'
|
|
62
|
+
* })
|
|
63
|
+
* }
|
|
64
|
+
*
|
|
65
|
+
* return (
|
|
66
|
+
* <button onClick={handleSwap}>
|
|
67
|
+
* Swap with Sequence Pay
|
|
68
|
+
* </button>
|
|
69
|
+
* )
|
|
70
|
+
* }
|
|
71
|
+
* ```
|
|
72
|
+
*/
|
|
73
|
+
export declare const useSwapModal: () => UseSwapModalReturnType;
|
|
74
|
+
export {};
|
|
6
75
|
//# sourceMappingURL=useSwapModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSwapModal.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSwapModal.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useSwapModal.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSwapModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,uBAAuB,CAAA;AAE9E;;;;;;GAMG;AACH,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,iBAAiB,EAAE,iBAAiB,GAAG,SAAS,CAAA;CACjD,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,eAAO,MAAM,YAAY,QAAO,sBAI/B,CAAA"}
|
|
@@ -1,4 +1,63 @@
|
|
|
1
1
|
import { useSwapModalContext } from '../contexts/SwapModal';
|
|
2
|
+
/**
|
|
3
|
+
* Hook to manage the Swap modal that allows users to swap tokens in their wallet to a target currency.
|
|
4
|
+
*
|
|
5
|
+
* This hook provides methods to open and close the swap modal, and access its current settings.
|
|
6
|
+
* The Swap modal allows users to select tokens from their wallet to swap to a specified target token,
|
|
7
|
+
* with the option to execute additional transactions after the swap completes.
|
|
8
|
+
*
|
|
9
|
+
* @see {@link https://docs.sequence.xyz/sdk/web/hooks/useSwapModal} for more detailed documentation.
|
|
10
|
+
*
|
|
11
|
+
* @returns An object containing functions to control the Swap modal and its state {@link UseSwapModalReturnType}
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* import { useSwapModal } from '@0xsequence/checkout'
|
|
16
|
+
* import { encodeFunctionData, parseAbi } from 'viem'
|
|
17
|
+
*
|
|
18
|
+
* const YourComponent = () => {
|
|
19
|
+
* const { openSwapModal } = useSwapModal()
|
|
20
|
+
*
|
|
21
|
+
* const handleSwap = () => {
|
|
22
|
+
* // Target token information
|
|
23
|
+
* const chainId = 137 // Polygon
|
|
24
|
+
* const currencyAddress = '0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359' // USDC on Polygon
|
|
25
|
+
* const currencyAmount = '20000' // 0.02 USDC (in smallest units)
|
|
26
|
+
*
|
|
27
|
+
* // Optional: Transaction to execute after swap is completed
|
|
28
|
+
* const data = encodeFunctionData({
|
|
29
|
+
* abi: parseAbi(['function demo()']),
|
|
30
|
+
* functionName: 'demo',
|
|
31
|
+
* args: []
|
|
32
|
+
* })
|
|
33
|
+
*
|
|
34
|
+
* // Open the swap modal
|
|
35
|
+
* openSwapModal({
|
|
36
|
+
* onSuccess: () => {
|
|
37
|
+
* console.log('swap successful!')
|
|
38
|
+
* },
|
|
39
|
+
* chainId,
|
|
40
|
+
* currencyAddress,
|
|
41
|
+
* currencyAmount,
|
|
42
|
+
* postSwapTransactions: [
|
|
43
|
+
* {
|
|
44
|
+
* to: '0x37470dac8a0255141745906c972e414b1409b470',
|
|
45
|
+
* data
|
|
46
|
+
* }
|
|
47
|
+
* ],
|
|
48
|
+
* title: 'Swap and Pay',
|
|
49
|
+
* description: 'Select a token in your wallet to swap to 0.2 USDC.'
|
|
50
|
+
* })
|
|
51
|
+
* }
|
|
52
|
+
*
|
|
53
|
+
* return (
|
|
54
|
+
* <button onClick={handleSwap}>
|
|
55
|
+
* Swap with Sequence Pay
|
|
56
|
+
* </button>
|
|
57
|
+
* )
|
|
58
|
+
* }
|
|
59
|
+
* ```
|
|
60
|
+
*/
|
|
2
61
|
export const useSwapModal = () => {
|
|
3
62
|
const { openSwapModal, closeSwapModal, swapModalSettings } = useSwapModalContext();
|
|
4
63
|
return { openSwapModal, closeSwapModal, swapModalSettings };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSwapModal.js","sourceRoot":"","sources":["../../../src/hooks/useSwapModal.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"useSwapModal.js","sourceRoot":"","sources":["../../../src/hooks/useSwapModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAe9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAA2B,EAAE;IACvD,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAElF,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA;AAC7D,CAAC,CAAA"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -11,4 +11,5 @@ export { type AddFundsSettings } from './contexts/AddFundsModal';
|
|
|
11
11
|
export { type SelectPaymentSettings } from './contexts/SelectPaymentModal';
|
|
12
12
|
export { type SwapModalSettings } from './contexts/SwapModal';
|
|
13
13
|
export { fetchTransakSupportedCountries, getTransakLink } from './utils/transak';
|
|
14
|
+
export { TransactionOnRampProvider } from '@0xsequence/marketplace';
|
|
14
15
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,KAAK,sBAAsB,EAAE,MAAM,uCAAuC,CAAA;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,8BAA8B,EAAE,kCAAkC,EAAE,MAAM,wCAAwC,CAAA;AAE3H,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAG7D,OAAO,EAAE,8BAA8B,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,KAAK,sBAAsB,EAAE,MAAM,uCAAuC,CAAA;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,8BAA8B,EAAE,kCAAkC,EAAE,MAAM,wCAAwC,CAAA;AAE3H,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAG7D,OAAO,EAAE,8BAA8B,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhF,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA"}
|
package/dist/esm/index.js
CHANGED
|
@@ -10,4 +10,6 @@ export { useSwapModal } from './hooks/useSwapModal';
|
|
|
10
10
|
export { useERC1155SaleContractCheckout, useERC1155SaleContractPaymentModal } from './hooks/useERC1155SaleContractCheckout';
|
|
11
11
|
// utils
|
|
12
12
|
export { fetchTransakSupportedCountries, getTransakLink } from './utils/transak';
|
|
13
|
+
// OnRampProvider
|
|
14
|
+
export { TransactionOnRampProvider } from '@0xsequence/marketplace';
|
|
13
15
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,OAAO,EAAE,wBAAwB,EAA+B,MAAM,uCAAuC,CAAA;AAE7G,QAAQ;AACR,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,8BAA8B,EAAE,kCAAkC,EAAE,MAAM,wCAAwC,CAAA;AAO3H,QAAQ;AACR,OAAO,EAAE,8BAA8B,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,OAAO,EAAE,wBAAwB,EAA+B,MAAM,uCAAuC,CAAA;AAE7G,QAAQ;AACR,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,8BAA8B,EAAE,kCAAkC,EAAE,MAAM,wCAAwC,CAAA;AAO3H,QAAQ;AACR,OAAO,EAAE,8BAA8B,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhF,iBAAiB;AACjB,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA"}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export declare const AddFundsContent: () => import("react/jsx-runtime").JSX.Element | undefined;
|
|
2
|
+
export declare const AddFundsContentSardine: () => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const AddFundsContentTransak: () => import("react/jsx-runtime").JSX.Element | undefined;
|
|
2
4
|
//# sourceMappingURL=AddFunds.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddFunds.d.ts","sourceRoot":"","sources":["../../../src/views/AddFunds.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AddFunds.d.ts","sourceRoot":"","sources":["../../../src/views/AddFunds.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,eAAe,2DAa3B,CAAA;AAED,eAAO,MAAM,sBAAsB,+CAiFlC,CAAA;AAED,eAAO,MAAM,sBAAsB,2DAkDlC,CAAA"}
|
|
@@ -1,14 +1,81 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Spinner, Text } from '@0xsequence/design-system';
|
|
3
|
+
import { useAPIClient } from '@0xsequence/hooks';
|
|
2
4
|
import { useEffect } from 'react';
|
|
3
5
|
import { HEADER_HEIGHT } from '../constants';
|
|
4
6
|
import { useEnvironmentContext } from '../contexts';
|
|
5
|
-
import { useAddFundsModal } from '../hooks';
|
|
7
|
+
import { useAddFundsModal, useSardineOnRampLink } from '../hooks';
|
|
6
8
|
import { getTransakLink } from '../utils/transak';
|
|
7
9
|
const IframeId = 'sequenceOnRamp';
|
|
8
10
|
const EventTypeOrderCreated = 'TRANSAK_ORDER_CREATED';
|
|
9
11
|
const EventTypeOrderSuccessful = 'TRANSAK_ORDER_SUCCESSFUL';
|
|
10
12
|
const EventTypeOrderFailed = 'TRANSAK_ORDER_FAILED';
|
|
11
13
|
export const AddFundsContent = () => {
|
|
14
|
+
const { addFundsSettings } = useAddFundsModal();
|
|
15
|
+
if (!addFundsSettings) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
const { provider } = addFundsSettings;
|
|
19
|
+
if (provider === 'transak') {
|
|
20
|
+
return _jsx(AddFundsContentTransak, {});
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
return _jsx(AddFundsContentSardine, {});
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
export const AddFundsContentSardine = () => {
|
|
27
|
+
const { addFundsSettings } = useAddFundsModal();
|
|
28
|
+
const { sardineOnRampUrl } = useEnvironmentContext();
|
|
29
|
+
const network = addFundsSettings?.networks?.split(',')?.[0];
|
|
30
|
+
const apiClient = useAPIClient();
|
|
31
|
+
const { data: sardineLinkOnRamp, isLoading: isLoadingSardineLinkOnRamp, isError: isErrorSardineLinkOnRamp } = useSardineOnRampLink({
|
|
32
|
+
sardineOnRampUrl,
|
|
33
|
+
apiClient: apiClient,
|
|
34
|
+
walletAddress: addFundsSettings.walletAddress,
|
|
35
|
+
fundingAmount: addFundsSettings?.fiatAmount,
|
|
36
|
+
currencyCode: addFundsSettings?.defaultCryptoCurrency,
|
|
37
|
+
network
|
|
38
|
+
});
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
window.addEventListener('message', messageReceived);
|
|
41
|
+
return () => {
|
|
42
|
+
window.removeEventListener('message', messageReceived);
|
|
43
|
+
};
|
|
44
|
+
}, []);
|
|
45
|
+
function messageReceived(message) {
|
|
46
|
+
const element = document.getElementById(IframeId);
|
|
47
|
+
const iframe = element?.contentWindow;
|
|
48
|
+
if (message.source === iframe) {
|
|
49
|
+
const data = message.data;
|
|
50
|
+
const status = data.status;
|
|
51
|
+
switch (status) {
|
|
52
|
+
case 'draft':
|
|
53
|
+
addFundsSettings?.onOrderCreated?.(data);
|
|
54
|
+
break;
|
|
55
|
+
case 'expired':
|
|
56
|
+
case 'decline':
|
|
57
|
+
addFundsSettings?.onOrderFailed?.(data);
|
|
58
|
+
break;
|
|
59
|
+
case 'processed':
|
|
60
|
+
addFundsSettings?.onOrderSuccessful?.(data);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
const Container = ({ children }) => {
|
|
65
|
+
return (_jsx("div", { className: "flex items-center justify-center w-full px-4 pb-4 h-full", style: {
|
|
66
|
+
height: '600px',
|
|
67
|
+
paddingTop: HEADER_HEIGHT
|
|
68
|
+
}, children: children }));
|
|
69
|
+
};
|
|
70
|
+
if (isLoadingSardineLinkOnRamp) {
|
|
71
|
+
return (_jsx(Container, { children: _jsx(Spinner, {}) }));
|
|
72
|
+
}
|
|
73
|
+
if (isErrorSardineLinkOnRamp) {
|
|
74
|
+
return (_jsx(Container, { children: _jsx(Text, { color: "text100", children: "An error has occurred" }) }));
|
|
75
|
+
}
|
|
76
|
+
return (_jsx(Container, { children: _jsx("iframe", { id: IframeId, className: "w-full h-full border-0", src: sardineLinkOnRamp, allow: "camera *;geolocation *" }) }));
|
|
77
|
+
};
|
|
78
|
+
export const AddFundsContentTransak = () => {
|
|
12
79
|
const { addFundsSettings } = useAddFundsModal();
|
|
13
80
|
const { transakApiUrl, transakApiKey } = useEnvironmentContext();
|
|
14
81
|
if (!addFundsSettings) {
|
|
@@ -46,6 +113,6 @@ export const AddFundsContent = () => {
|
|
|
46
113
|
return (_jsx("div", { className: "flex items-center w-full px-4 pb-4 h-full", style: {
|
|
47
114
|
height: '600px',
|
|
48
115
|
paddingTop: HEADER_HEIGHT
|
|
49
|
-
}, children: _jsx("iframe", { className: "w-full h-full border-0", id: IframeId, src: link }) }));
|
|
116
|
+
}, children: _jsx("iframe", { className: "w-full h-full border-0", id: IframeId, src: link, allow: "camera;microphone;payment" }) }));
|
|
50
117
|
};
|
|
51
118
|
//# sourceMappingURL=AddFunds.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddFunds.js","sourceRoot":"","sources":["../../../src/views/AddFunds.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"AddFunds.js","sourceRoot":"","sources":["../../../src/views/AddFunds.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TransactionOnRampProvider } from '@0xsequence/marketplace';
|
|
2
|
+
interface FundWithFiatProps {
|
|
3
|
+
cryptoSymbol?: string;
|
|
4
|
+
walletAddress: string;
|
|
5
|
+
provider: TransactionOnRampProvider;
|
|
6
|
+
chainId: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const FundWithFiat: ({ cryptoSymbol, walletAddress, provider, chainId }: FundWithFiatProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=FundWithFiat.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FundWithFiat.d.ts","sourceRoot":"","sources":["../../../../src/views/PaymentSelection/FundWithFiat.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AAKnE,UAAU,iBAAiB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,yBAAyB,CAAA;IACnC,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,YAAY,GAAI,oDAAoD,iBAAiB,4CAgCjG,CAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ArrowRightIcon, Card, CurrencyIcon, Text } from '@0xsequence/design-system';
|
|
3
|
+
import { findSupportedNetwork } from '@0xsequence/network';
|
|
4
|
+
import { useSelectPaymentModal, useAddFundsModal } from '../../hooks';
|
|
5
|
+
export const FundWithFiat = ({ cryptoSymbol, walletAddress, provider, chainId }) => {
|
|
6
|
+
const { triggerAddFunds } = useAddFundsModal();
|
|
7
|
+
const { closeSelectPaymentModal } = useSelectPaymentModal();
|
|
8
|
+
const getNetworks = () => {
|
|
9
|
+
const network = findSupportedNetwork(chainId);
|
|
10
|
+
return network?.name?.toLowerCase();
|
|
11
|
+
};
|
|
12
|
+
const onClick = () => {
|
|
13
|
+
closeSelectPaymentModal();
|
|
14
|
+
triggerAddFunds({
|
|
15
|
+
walletAddress,
|
|
16
|
+
provider,
|
|
17
|
+
networks: getNetworks(),
|
|
18
|
+
defaultCryptoCurrency: cryptoSymbol
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
return (_jsxs(Card, { className: "flex items-center justify-between p-4 cursor-pointer", onClick: onClick, children: [_jsxs("div", { className: "flex flex-row gap-3 items-center", children: [_jsx(CurrencyIcon, { color: "white" }), _jsx(Text, { color: "text100", variant: "normal", fontWeight: "bold", children: "Fund wallet with credit card" })] }), _jsx("div", { style: { transform: 'rotate(-45deg)' }, children: _jsx(ArrowRightIcon, { color: "white" }) })] }, "sardine"));
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=FundWithFiat.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FundWithFiat.js","sourceRoot":"","sources":["../../../../src/views/PaymentSelection/FundWithFiat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AASrE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAqB,EAAE,EAAE;IACpG,MAAM,EAAE,eAAe,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAC9C,MAAM,EAAE,uBAAuB,EAAE,GAAG,qBAAqB,EAAE,CAAA;IAE3D,MAAM,WAAW,GAAG,GAAuB,EAAE;QAC3C,MAAM,OAAO,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAA;QAC7C,OAAO,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA;IACrC,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,uBAAuB,EAAE,CAAA;QACzB,eAAe,CAAC;YACd,aAAa;YACb,QAAQ;YACR,QAAQ,EAAE,WAAW,EAAE;YACvB,qBAAqB,EAAE,YAAY;SACpC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,MAAC,IAAI,IAAe,SAAS,EAAC,sDAAsD,EAAC,OAAO,EAAE,OAAO,aACnG,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,EAC9B,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,6CAEjD,IACH,EACN,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,YACzC,KAAC,cAAc,IAAC,KAAK,EAAC,OAAO,GAAG,GAC5B,KATE,SAAS,CAUZ,CACR,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCrypto/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiC,cAAc,EAAE,MAAM,OAAO,CAAA;AAIrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,cAAc,EAAE,OAAO,CAAA;IACvB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IACvE,SAAS,EAAE,OAAO,CAAA;CACnB;AAID,eAAO,MAAM,aAAa,GAAI,gFAM3B,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCrypto/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiC,cAAc,EAAE,MAAM,OAAO,CAAA;AAIrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAEzD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,cAAc,EAAE,OAAO,CAAA;IACvB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IACvE,SAAS,EAAE,OAAO,CAAA;CACnB;AAID,eAAO,MAAM,aAAa,GAAI,gFAM3B,kBAAkB,4CAkOpB,CAAA"}
|
|
@@ -61,7 +61,10 @@ export const PayWithCrypto = ({ settings, disableButtons, selectedCurrency, setS
|
|
|
61
61
|
})
|
|
62
62
|
];
|
|
63
63
|
useEffect(() => {
|
|
64
|
-
if (
|
|
64
|
+
if (selectedCurrency) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
if (enableMainCurrencyPayment && !isNotEnoughFunds) {
|
|
65
68
|
setSelectedCurrency(coins[0].currencyAddress);
|
|
66
69
|
}
|
|
67
70
|
else if (!swapPricesIsLoading) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCrypto/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCrypto/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/PaymentSelection/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/PaymentSelection/index.tsx"],"names":[],"mappings":"AAkCA,eAAO,MAAM,gBAAgB,+CAO5B,CAAA;AAED,eAAO,MAAM,sBAAsB,+CAElC,CAAA;AAED,eAAO,MAAM,uBAAuB,sDAycnC,CAAA"}
|