@0xsequence/checkout 5.0.0-ecosystem-beta → 5.0.0

package/dist/cjs/views/CheckoutSelection/index.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckoutSelection = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const constants_1 = require("../../constants");
+const hooks_2 = require("../../hooks");
+const OrderSummaryItem_1 = require("./component/OrderSummaryItem");
+const CheckoutSelection = () => {
+    const { chains } = (0, wagmi_1.useConfig)();
+    const { setNavigation } = (0, hooks_2.useNavigation)();
+    const { closeCheckout, settings } = (0, hooks_2.useCheckoutModal)();
+    const { address: accountAddress } = (0, wagmi_1.useAccount)();
+    const cryptoCheckoutSettings = settings?.cryptoCheckout;
+    const creditCardCheckoutSettings = settings?.creditCardCheckout;
+    const displayCreditCardCheckout = !!creditCardCheckoutSettings;
+    const displayCryptoCheckout = !!cryptoCheckoutSettings;
+    const { data: contractInfoData, isLoading: isPendingContractInfo } = (0, hooks_1.useGetContractInfo)({
+        chainID: String(cryptoCheckoutSettings?.chainId || 1),
+        contractAddress: cryptoCheckoutSettings?.coinQuantity?.contractAddress || ''
+    });
+    const { data: balancesData, isPending: isPendingBalances } = (0, hooks_1.useGetTokenBalancesSummary)({
+        chainIds: [cryptoCheckoutSettings?.chainId || 1],
+        filter: {
+            accountAddresses: accountAddress ? [accountAddress] : [],
+            contractStatus: connect_1.ContractVerificationStatus.ALL,
+            omitNativeBalances: false
+        }
+    });
+    const isPending = (isPendingContractInfo || isPendingBalances) && cryptoCheckoutSettings;
+    const isNativeToken = (0, connect_1.compareAddress)(cryptoCheckoutSettings?.coinQuantity?.contractAddress || '', viem_1.zeroAddress);
+    const nativeTokenInfo = (0, connect_1.getNativeTokenInfoByChainId)(cryptoCheckoutSettings?.chainId || 1, chains);
+    const coinDecimals = isNativeToken ? nativeTokenInfo.decimals : contractInfoData?.decimals || 0;
+    const coinSymbol = isNativeToken ? nativeTokenInfo.symbol : contractInfoData?.symbol || 'COIN';
+    const coinImageUrl = isNativeToken ? nativeTokenInfo.logoURI : contractInfoData?.logoURI || '';
+    const coinBalance = balancesData?.find(balance => (0, connect_1.compareAddress)(balance.contractAddress, cryptoCheckoutSettings?.coinQuantity?.contractAddress || ''));
+    const userBalanceRaw = coinBalance ? coinBalance.balance : '0';
+    const requestedAmountRaw = cryptoCheckoutSettings?.coinQuantity?.amountRequiredRaw || '0';
+    const userBalance = (0, viem_1.formatUnits)(BigInt(userBalanceRaw), coinDecimals);
+    const requestAmount = (0, viem_1.formatUnits)(BigInt(requestedAmountRaw), coinDecimals);
+    const isInsufficientBalance = BigInt(userBalanceRaw) < BigInt(requestedAmountRaw);
+    const orderSummaryItems = settings?.orderSummaryItems || [];
+    const chainId = settings?.cryptoCheckout?.chainId || settings?.creditCardCheckout?.chainId || 1;
+    const triggerSardineTransaction = async () => {
+        console.log('trigger sardine transaction');
+        if (settings?.creditCardCheckout) {
+            setNavigation({
+                location: 'transaction-pending',
+                params: {
+                    creditCardCheckout: settings.creditCardCheckout
+                }
+            });
+        }
+    };
+    const onClickPayWithCard = () => {
+        if (settings?.creditCardCheckout) {
+            triggerSardineTransaction();
+        }
+        else {
+            setNavigation({
+                location: 'transaction-form'
+            });
+        }
+    };
+    const onClickPayWithCrypto = () => {
+        console.log('trigger transaction');
+        settings?.cryptoCheckout?.triggerTransaction?.();
+        closeCheckout();
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex px-5 pb-5 flex-col gap-3", style: {
+            marginTop: constants_1.HEADER_HEIGHT
+        }, children: [orderSummaryItems.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "muted", children: "Order summary" }), (0, jsx_runtime_1.jsx)(design_system_1.Tooltip, { vOffset: -2, side: "bottom", message: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Please note that NFTs are digital assets", (0, jsx_runtime_1.jsx)("br", {}), " ,and as such, cannot be delivered physically."] }), children: (0, jsx_runtime_1.jsx)("div", { className: "w-5 h-5", children: (0, jsx_runtime_1.jsx)(design_system_1.HelpIcon, { className: "text-secondary" }) }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2", children: orderSummaryItems.map((orderSummaryItem, index) => {
+                            return (0, jsx_runtime_1.jsx)(OrderSummaryItem_1.OrderSummaryItem, { ...orderSummaryItem, chainId: chainId }, index);
+                        }) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2", children: (0, jsx_runtime_1.jsx)(design_system_1.Divider, { className: "text-background-secondary", style: {
+                                margin: '0px'
+                            } }) })] })), displayCryptoCheckout && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "muted", children: "Total" }), isPending ? ((0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '100px', height: '17px' } })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1 items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: coinImageUrl, size: "xs" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", children: `${(0, connect_1.formatDisplay)(requestAmount)} ${coinSymbol}` })] }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2", children: [displayCreditCardCheckout && ((0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full h-14 rounded-xl", leftIcon: design_system_1.PaymentsIcon, variant: "primary", label: "Pay with credit card", rightIcon: design_system_1.ChevronRightIcon, onClick: onClickPayWithCard })), displayCryptoCheckout && !isInsufficientBalance && !isPending && ((0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full h-14 rounded-xl", leftIcon: () => (0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: coinImageUrl, size: "sm" }), variant: "primary", label: `Pay with ${coinSymbol}`, rightIcon: design_system_1.ChevronRightIcon, onClick: onClickPayWithCrypto })), displayCryptoCheckout && (isInsufficientBalance || isPending) && ((0, jsx_runtime_1.jsx)(design_system_1.Button, { className: "w-full", shape: "square", variant: "glass", label: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: coinImageUrl, size: "sm" }), (0, jsx_runtime_1.jsxs)(design_system_1.Text, { children: ["Insufficient $", coinSymbol] })] }), onClick: onClickPayWithCrypto, disabled: true }))] }), displayCryptoCheckout && ((0, jsx_runtime_1.jsx)("div", { className: "flex w-full justify-end", children: isPending ? ((0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: '102px', height: '14px' } })) : ((0, jsx_runtime_1.jsxs)(design_system_1.Text, { variant: "small", fontWeight: "bold", color: "muted", children: ["Balance: ", `${(0, connect_1.formatDisplay)(userBalance)} ${coinSymbol}`] })) }))] }));
+};
+exports.CheckoutSelection = CheckoutSelection;
+//# sourceMappingURL=index.js.map

package/dist/cjs/views/CheckoutSelection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/CheckoutSelection/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/views/PaymentSelection/Footer.d.ts

@@ -0,0 +1,2 @@
+export declare const Footer: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/cjs/views/PaymentSelection/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/views/PaymentSelection/Footer.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,+CAkClB,CAAA"}

package/dist/cjs/views/PaymentSelection/Footer.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("../../hooks");
+const Footer = () => {
+    const { selectPaymentSettings } = (0, hooks_1.useSelectPaymentModal)();
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex pb-6 pt-5 mt-1 w-full justify-center items-center flex-col", children: [selectPaymentSettings?.copyrightText && ((0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", variant: "normal", fontWeight: "bold", children: selectPaymentSettings.copyrightText })), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 justify-center items-center", children: [(0, jsx_runtime_1.jsx)("a", { className: "no-underline cursor-pointer", href: "https://support.sequence.xyz/en/", rel: "noopener noreferrer", target: "_blank", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", variant: "normal", fontWeight: "bold", children: "Help" }) }), (0, jsx_runtime_1.jsx)("a", { className: "no-underline cursor-pointer", href: "https://sequence.xyz/privacy", rel: "noopener noreferrer", target: "_blank", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", variant: "normal", fontWeight: "bold", children: "Privacy Policy" }) }), (0, jsx_runtime_1.jsx)("a", { className: "no-underline cursor-pointer", href: "https://sequence.xyz/terms", rel: "noopener noreferrer", target: "_blank", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", variant: "normal", fontWeight: "bold", children: "Terms of Service" }) })] })] }));
+};
+exports.Footer = Footer;
+//# sourceMappingURL=Footer.js.map

package/dist/cjs/views/PaymentSelection/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/views/PaymentSelection/Footer.tsx"],"names":[],"mappings":";;;;AAAA,6DAAgD;AAEhD,uCAAmD;AAE5C,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAA;IAEzD,OAAO,CACL,iCAAK,SAAS,EAAC,iEAAiE,aAC7E,qBAAqB,EAAE,aAAa,IAAI,CACvC,uBAAC,oBAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,YACnD,qBAAqB,CAAC,aAAa,GAC/B,CACR,EACD,iCAAK,SAAS,EAAC,wCAAwC,aACrD,8BACE,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,kCAAkC,EACvC,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAC,QAAQ,YAEf,uBAAC,oBAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,qBAE/C,GACL,EACJ,8BAAG,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAC,8BAA8B,EAAC,GAAG,EAAC,qBAAqB,EAAC,MAAM,EAAC,QAAQ,YACtH,uBAAC,oBAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,+BAE/C,GACL,EACJ,8BAAG,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAC,4BAA4B,EAAC,GAAG,EAAC,qBAAqB,EAAC,MAAM,EAAC,QAAQ,YACpH,uBAAC,oBAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,iCAE/C,GACL,IACA,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,MAAM,UAkClB"}

package/dist/cjs/views/PaymentSelection/OrderSummary/Price.d.ts

@@ -0,0 +1,2 @@
+export declare const Price: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Price.d.ts.map

package/dist/cjs/views/PaymentSelection/OrderSummary/Price.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Price.d.ts","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/OrderSummary/Price.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK,+CA0DjB,CAAA"}

package/dist/cjs/views/PaymentSelection/OrderSummary/Price.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Price = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const network_1 = require("@0xsequence/network");
+const viem_1 = require("viem");
+const hooks_2 = require("../../../hooks");
+const Price = () => {
+    const { selectPaymentSettings } = (0, hooks_2.useSelectPaymentModal)();
+    const price = selectPaymentSettings.price;
+    const chain = selectPaymentSettings.chain;
+    const network = (0, network_1.findSupportedNetwork)(chain);
+    const chainId = network?.chainId || 137;
+    const currencyAddress = selectPaymentSettings.currencyAddress;
+    const { data: currencyInfo, isLoading: isLoadingCurrencyInfo } = (0, hooks_1.useGetContractInfo)({
+        chainID: String(chainId),
+        contractAddress: currencyAddress
+    });
+    const fullPrice = BigInt(price);
+    const { data: coinPricesData, isLoading: isLoadingCoinPrice } = (0, hooks_1.useGetCoinPrices)([
+        {
+            chainId,
+            contractAddress: currencyAddress
+        }
+    ]);
+    const isLoading = isLoadingCurrencyInfo || isLoadingCoinPrice;
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex my-2 px-6 justify-center items-center w-full h-12", children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, {}) }));
+    }
+    const tokenLogo = currencyInfo?.logoURI;
+    const tokenSymbol = currencyInfo?.symbol;
+    const tokenDecimals = currencyInfo?.decimals;
+    const formattedPrice = (0, viem_1.formatUnits)(fullPrice, tokenDecimals || 0);
+    const fiatConversionRate = coinPricesData?.[0].price?.value || 0;
+    const priceFiat = fiatConversionRate * Number(formattedPrice);
+    const priceFiatFormatted = `~${Number(priceFiat).toFixed(2)} USD`;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex px-6 justify-between items-center w-full h-12", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "muted", fontWeight: "medium", children: "Price" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-between items-end", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { size: "sm", src: tokenLogo }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "large", fontWeight: "bold", color: "primary", children: `${formattedPrice} ${tokenSymbol}` })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "medium", color: "muted", children: priceFiatFormatted }) })] })] }));
+};
+exports.Price = Price;
+//# sourceMappingURL=Price.js.map

package/dist/cjs/views/PaymentSelection/OrderSummary/Price.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Price.js","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/OrderSummary/Price.tsx"],"names":[],"mappings":";;;;AAAA,6DAAqE;AACrE,6CAAwE;AACxE,iDAA0D;AAC1D,+BAAkC;AAElC,0CAAsD;AAE/C,MAAM,KAAK,GAAG,GAAG,EAAE;IACxB,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAA;IACzD,MAAM,KAAK,GAAG,qBAAsB,CAAC,KAAK,CAAA;IAC1C,MAAM,KAAK,GAAG,qBAAsB,CAAC,KAAK,CAAA;IAC1C,MAAM,OAAO,GAAG,IAAA,8BAAoB,EAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,GAAG,CAAA;IACvC,MAAM,eAAe,GAAG,qBAAsB,CAAC,eAAe,CAAA;IAC9D,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,qBAAqB,EAAE,GAAG,IAAA,0BAAkB,EAAC;QAClF,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;QACxB,eAAe,EAAE,eAAe;KACjC,CAAC,CAAA;IACF,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC/B,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,IAAA,wBAAgB,EAAC;QAC/E;YACE,OAAO;YACP,eAAe,EAAE,eAAe;SACjC;KACF,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,qBAAqB,IAAI,kBAAkB,CAAA;IAE7D,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,gCAAK,SAAS,EAAC,wDAAwD,YACrE,uBAAC,uBAAO,KAAG,GACP,CACP,CAAA;IACH,CAAC;IAED,MAAM,SAAS,GAAG,YAAY,EAAE,OAAO,CAAA;IACvC,MAAM,WAAW,GAAG,YAAY,EAAE,MAAM,CAAA;IACxC,MAAM,aAAa,GAAG,YAAY,EAAE,QAAQ,CAAA;IAC5C,MAAM,cAAc,GAAG,IAAA,kBAAW,EAAC,SAAS,EAAE,aAAa,IAAI,CAAC,CAAC,CAAA;IACjE,MAAM,kBAAkB,GAAG,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,CAAA;IAEhE,MAAM,SAAS,GAAG,kBAAkB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;IAC7D,MAAM,kBAAkB,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;IAEjE,OAAO,CACL,iCAAK,SAAS,EAAC,oDAAoD,aACjE,0CACE,uBAAC,oBAAI,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,sBAEhD,GACH,EACN,iCAAK,SAAS,EAAC,yCAAyC,aACtD,iCAAK,SAAS,EAAC,yBAAyB,aACtC,uBAAC,0BAAU,IAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAE,SAAS,GAAI,EACxC,uBAAC,oBAAI,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,YAAE,GAAG,cAAc,IAAI,WAAW,EAAE,GAAQ,IAC/F,EACN,0CACE,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,YACrD,kBAAkB,GACd,GACH,IACF,IACF,CACP,CAAA;AACH,CAAC,CAAA;AA1DY,QAAA,KAAK,SA0DjB"}

package/dist/cjs/views/PaymentSelection/OrderSummary/index.d.ts

@@ -0,0 +1,2 @@
+export declare const OrderSummary: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/views/PaymentSelection/OrderSummary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/OrderSummary/index.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,+CAwGxB,CAAA"}

package/dist/cjs/views/PaymentSelection/OrderSummary/index.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrderSummary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const connect_1 = require("@0xsequence/connect");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const network_1 = require("@0xsequence/network");
+const viem_1 = require("viem");
+const hooks_2 = require("../../../hooks");
+const OrderSummary = () => {
+    const { selectPaymentSettings } = (0, hooks_2.useSelectPaymentModal)();
+    const chain = selectPaymentSettings.chain;
+    const network = (0, network_1.findSupportedNetwork)(chain);
+    const chainId = network?.chainId || 137;
+    const collectionAddress = selectPaymentSettings.collectionAddress;
+    const tokenIds = selectPaymentSettings?.collectibles.map(c => c.tokenId) || [];
+    const { data: tokenMetadatas, isLoading: isLoadingTokenMetadatas } = (0, hooks_1.useGetTokenMetadata)({
+        chainID: String(chainId),
+        contractAddress: collectionAddress,
+        tokenIDs: tokenIds
+    });
+    const { data: dataCollectionInfo, isLoading: isLoadingCollectionInfo } = (0, hooks_1.useGetContractInfo)({
+        chainID: String(chainId),
+        contractAddress: selectPaymentSettings.collectionAddress
+    });
+    const { data: dataCurrencyInfo, isLoading: isLoadingCurrencyInfo } = (0, hooks_1.useGetContractInfo)({
+        chainID: String(chainId),
+        contractAddress: selectPaymentSettings.currencyAddress
+    });
+    const { data: dataCoinPrices, isLoading: isLoadingCoinPrices } = (0, hooks_1.useGetCoinPrices)([
+        {
+            chainId,
+            contractAddress: selectPaymentSettings.currencyAddress
+        }
+    ]);
+    const isLoading = isLoadingTokenMetadatas || isLoadingCollectionInfo || isLoadingCurrencyInfo || isLoadingCoinPrices;
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex mb-2 gap-3", style: { height: '72px' }, children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, {}) }));
+    }
+    const formattedPrice = (0, viem_1.formatUnits)(BigInt(selectPaymentSettings.price), dataCurrencyInfo?.decimals || 0);
+    const displayPrice = (0, connect_1.formatDisplay)(formattedPrice, {
+        disableScientificNotation: true,
+        disableCompactNotation: true,
+        significantDigits: 6
+    });
+    const totalQuantity = selectPaymentSettings?.collectibles.reduce((accumulator, collectible) => {
+        const quantity = (0, viem_1.formatUnits)(BigInt(collectible.quantity), Number(collectible.decimals || 0));
+        return accumulator + Number(quantity);
+    }, 0) || 0;
+    const fiatExchangeRate = dataCoinPrices?.[0].price?.value || 0;
+    const priceFiat = (fiatExchangeRate * Number(formattedPrice)).toFixed(2);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-5", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", fontWeight: "bold", color: "primary", children: `${totalQuantity} ${totalQuantity > 1 ? 'items' : 'item'}` }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-row gap-1", children: selectPaymentSettings.collectibles.map(collectible => {
+                    const collectibleQuantity = Number((0, viem_1.formatUnits)(BigInt(collectible.quantity), Number(collectible.decimals || 0)));
+                    const tokenMetadata = tokenMetadatas?.find(tokenMetadata => tokenMetadata.tokenId === collectible.tokenId);
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "rounded-xl", style: {
+                                    height: '36px',
+                                    width: '36px'
+                                }, children: (0, jsx_runtime_1.jsx)(connect_1.CollectibleTileImage, { imageUrl: tokenMetadata?.image }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-0.5", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "secondary", fontWeight: "medium", children: dataCollectionInfo?.name || null }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "small", color: "primary", fontWeight: "bold", children: `${tokenMetadata?.name || 'Collectible'} ${collectibleQuantity > 1 ? `x${collectibleQuantity}` : ''}` })] })] }, collectible.tokenId));
+                }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.NetworkImage, { chainId: chainId, size: "sm" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "white", variant: "large", fontWeight: "bold", children: `${displayPrice} ${dataCurrencyInfo?.symbol}` })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", variant: "normal", fontWeight: "normal", children: `$${priceFiat} estimated total` }) })] }), (0, jsx_runtime_1.jsx)(connect_1.NetworkBadge, { chainId: chainId })] }));
+};
+exports.OrderSummary = OrderSummary;
+//# sourceMappingURL=index.js.map

package/dist/cjs/views/PaymentSelection/OrderSummary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/OrderSummary/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/views/PaymentSelection/PayWithCreditCard/PaymentProviderOption.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react';
+interface PaymentProviderOptionProps {
+    name: string;
+    onClick: () => void;
+    isSelected: boolean;
+    isRecommended: boolean;
+    logo: JSX.Element;
+}
+export declare const PaymentProviderOption: ({ name, onClick, isSelected, isRecommended, logo }: PaymentProviderOptionProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PaymentProviderOption.d.ts.map

package/dist/cjs/views/PaymentSelection/PayWithCreditCard/PaymentProviderOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentProviderOption.d.ts","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCreditCard/PaymentProviderOption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,UAAU,0BAA0B;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;IACtB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,qBAAqB,GAAI,oDAAoD,0BAA0B,4CA0BnH,CAAA"}

package/dist/cjs/views/PaymentSelection/PayWithCreditCard/PaymentProviderOption.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentProviderOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const PaymentProviderOption = ({ name, onClick, isSelected, isRecommended, logo }) => {
+    return ((0, jsx_runtime_1.jsx)(design_system_1.Card, { className: (0, design_system_1.cn)('flex border-2 border-solid justify-between p-4 cursor-pointer', isSelected ? 'bg-background-raised' : 'bg-transparent'), onClick: onClick, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between w-full", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "rounded-xl", children: logo }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "bold", color: "secondary", children: name })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-row justify-center items-center gap-3", children: isRecommended && ((0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", variant: "small", children: "Recommended" })) })] }) }));
+};
+exports.PaymentProviderOption = PaymentProviderOption;
+//# sourceMappingURL=PaymentProviderOption.js.map

package/dist/cjs/views/PaymentSelection/PayWithCreditCard/PaymentProviderOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentProviderOption.js","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCreditCard/PaymentProviderOption.tsx"],"names":[],"mappings":";;;;AAAA,6DAA0D;AAWnD,MAAM,qBAAqB,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAA8B,EAAE,EAAE;IACtH,OAAO,CACL,uBAAC,oBAAI,IACH,SAAS,EAAE,IAAA,kBAAE,EACX,+DAA+D,EAC/D,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,gBAAgB,CACvD,EACD,OAAO,EAAE,OAAO,YAEhB,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,iCAAK,SAAS,EAAC,yCAAyC,aACtD,gCAAK,SAAS,EAAC,YAAY,YAAE,IAAI,GAAO,EACxC,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,WAAW,YACvD,IAAI,GACA,IACH,EACN,gCAAK,SAAS,EAAC,iDAAiD,YAC7D,aAAa,IAAI,CAChB,uBAAC,oBAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,4BAE5B,CACR,GACG,IACF,GACD,CACR,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,qBAAqB,yBA0BjC"}

package/dist/cjs/views/PaymentSelection/PayWithCreditCard/index.d.ts

@@ -0,0 +1,9 @@
+import { SelectPaymentSettings } from '../../../contexts';
+interface PayWithCreditCardProps {
+    settings: SelectPaymentSettings;
+    disableButtons: boolean;
+    skipOnCloseCallback: () => void;
+}
+export declare const PayWithCreditCard: ({ settings, disableButtons, skipOnCloseCallback }: PayWithCreditCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/views/PaymentSelection/PayWithCreditCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCreditCard/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAIzD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,cAAc,EAAE,OAAO,CAAA;IACvB,mBAAmB,EAAE,MAAM,IAAI,CAAA;CAChC;AAMD,eAAO,MAAM,iBAAiB,GAAI,mDAAmD,sBAAsB,4CA4J1G,CAAA"}

package/dist/cjs/views/PaymentSelection/PayWithCreditCard/index.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PayWithCreditCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const hooks_1 = require("@0xsequence/hooks");
+const network_1 = require("@0xsequence/network");
+const react_1 = require("react");
+const wagmi_1 = require("wagmi");
+const hooks_2 = require("../../../hooks");
+const PayWithCreditCard = ({ settings, disableButtons, skipOnCloseCallback }) => {
+    const { chain, currencyAddress, targetContractAddress, price, txData, collectibles, collectionAddress, approvedSpenderAddress, onSuccess = () => { }, onError = () => { }, onClose = () => { }, creditCardProviders = [], transakConfig, supplementaryAnalyticsInfo = {} } = settings;
+    const { address: userAddress } = (0, wagmi_1.useAccount)();
+    const { clearCachedBalances } = (0, hooks_1.useClearCachedBalances)();
+    const { closeSelectPaymentModal } = (0, hooks_2.useSelectPaymentModal)();
+    const { triggerCheckout } = (0, hooks_2.useCheckoutModal)();
+    const network = (0, network_1.findSupportedNetwork)(chain);
+    const chainId = network?.chainId || 137;
+    const { data: currencyInfoData, isLoading: isLoadingContractInfo } = (0, hooks_1.useGetContractInfo)({
+        chainID: String(chainId),
+        contractAddress: currencyAddress
+    });
+    const [selectedPaymentProvider, setSelectedPaymentProvider] = (0, react_1.useState)();
+    const isLoading = isLoadingContractInfo;
+    (0, react_1.useEffect)(() => {
+        if (selectedPaymentProvider) {
+            payWithSelectedProvider();
+        }
+    }, [selectedPaymentProvider]);
+    const payWithSelectedProvider = () => {
+        switch (selectedPaymentProvider) {
+            case 'custom':
+                if (settings.customProviderCallback) {
+                    onClickCustomProvider();
+                }
+                return;
+            case 'sardine':
+            case 'transak':
+                onPurchase();
+                return;
+            default:
+                return;
+        }
+    };
+    const onClickCustomProvider = () => {
+        if (settings.customProviderCallback) {
+            closeSelectPaymentModal();
+            settings.customProviderCallback(onSuccess, onError, onClose);
+        }
+    };
+    const onPurchase = () => {
+        if (!userAddress || !currencyInfoData) {
+            return;
+        }
+        const collectible = collectibles[0];
+        const checkoutSettings = {
+            creditCardCheckout: {
+                onSuccess: (txHash) => {
+                    clearCachedBalances();
+                    onSuccess(txHash);
+                },
+                onError,
+                onClose,
+                chainId,
+                recipientAddress: userAddress,
+                contractAddress: targetContractAddress,
+                currencyQuantity: price,
+                currencySymbol: currencyInfoData.symbol,
+                currencyAddress,
+                currencyDecimals: String(currencyInfoData?.decimals || 0),
+                nftId: collectible.tokenId,
+                nftAddress: collectionAddress,
+                nftQuantity: collectible.quantity,
+                nftDecimals: collectible.decimals === undefined ? undefined : String(collectible.decimals),
+                provider: selectedPaymentProvider,
+                calldata: txData,
+                transakConfig,
+                approvedSpenderAddress: approvedSpenderAddress || targetContractAddress,
+                supplementaryAnalyticsInfo
+            }
+        };
+        skipOnCloseCallback();
+        closeSelectPaymentModal();
+        triggerCheckout(checkoutSettings);
+    };
+    const Options = () => {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col justify-center items-center gap-2 w-full", children: creditCardProviders
+                .slice(0, 1)
+                .filter(provider => {
+                // cannot display transak checkout if the settings aren't provided
+                if (provider === 'transak' && !settings.transakConfig) {
+                    return false;
+                }
+                return true;
+            })
+                .map(creditCardProvider => {
+                switch (creditCardProvider) {
+                    case 'sardine':
+                    case 'transak':
+                    case 'custom':
+                        return ((0, jsx_runtime_1.jsxs)(design_system_1.Card, { className: "flex justify-between items-center p-4 cursor-pointer", onClick: () => {
+                                setSelectedPaymentProvider(creditCardProvider);
+                            }, disabled: disableButtons, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-3 items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.PaymentsIcon, { className: "text-white" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "primary", variant: "normal", fontWeight: "bold", children: "Pay with credit or debit card" })] }), (0, jsx_runtime_1.jsx)("div", { style: { transform: 'rotate(-45deg)' }, children: (0, jsx_runtime_1.jsx)(design_system_1.ArrowRightIcon, { className: "text-white" }) })] }, "sardine"));
+                    default:
+                        return null;
+                }
+            }) }));
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "w-full", children: isLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex w-full pt-5 justify-center items-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, {}) })) : ((0, jsx_runtime_1.jsx)(Options, {})) }));
+};
+exports.PayWithCreditCard = PayWithCreditCard;
+//# sourceMappingURL=index.js.map

package/dist/cjs/views/PaymentSelection/PayWithCreditCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/views/PaymentSelection/PayWithCreditCard/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/views/PaymentSelection/PayWithCreditCard/providers/SardineLogo.d.ts

@@ -0,0 +1,2 @@
+export declare const SardineLogo: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SardineLogo.d.ts.map

package/dist/cjs/views/PaymentSelection/PayWithCreditCard/providers/SardineLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SardineLogo.d.ts","sourceRoot":"","sources":["../../../../../../src/views/PaymentSelection/PayWithCreditCard/providers/SardineLogo.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,+CAUvB,CAAA"}

package/dist/cjs/views/PaymentSelection/PayWithCreditCard/providers/SardineLogo.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SardineLogo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SardineLogo = () => {
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: "42", height: "42", className: "rounded-xl", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("rect", { className: "w-24 h-24", fill: "#2D29D7" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.6675 12.2188L13.9751 17.9112C13.8567 18.0296 13.649 18.0296 13.5306 17.9112L9.72601 14.1053C9.5485 13.9291 9.45219 13.6938 9.45219 13.4448C9.45219 13.1957 9.54988 12.9604 9.72601 12.7843L9.88975 12.6206C9.90213 12.6068 9.92002 12.5999 9.93653 12.5999C9.95442 12.5999 9.97093 12.6068 9.98332 12.6192L13.5788 16.216C13.6723 16.3082 13.8333 16.3082 13.9269 16.216L17.9709 12.1706C18.0659 12.0757 18.0659 11.9188 17.9709 11.8239L13.9269 7.77847C13.8333 7.68627 13.6723 7.6849 13.5802 7.77847L4.89078 16.4651C4.82336 16.5325 4.72979 16.5504 4.64173 16.5146C4.55366 16.4775 4.5 16.3963 4.5 16.3013V7.6904C4.5 7.59546 4.55366 7.51428 4.64173 7.4785C4.72841 7.44135 4.82473 7.46061 4.89216 7.52804L7.2506 9.88648C7.42673 10.0626 7.52442 10.2979 7.52442 10.547C7.52442 10.796 7.42673 11.0327 7.2506 11.2088L7.08824 11.3712C7.06484 11.3946 7.01944 11.3946 6.99467 11.3712L5.95855 10.3351C5.91314 10.2896 5.85397 10.2896 5.81545 10.3062C5.77554 10.3227 5.73289 10.3639 5.73289 10.4286V13.5617C5.73289 13.6264 5.77554 13.6677 5.81545 13.6842C5.85397 13.6993 5.91314 13.7007 5.95855 13.6553L13.5306 6.08462C13.6434 5.97179 13.8622 5.97179 13.9751 6.08462L19.6675 11.7771C19.79 11.8982 19.79 12.0977 19.6675 12.2202V12.2188Z", fill: "white" })] }));
+};
+exports.SardineLogo = SardineLogo;
+//# sourceMappingURL=SardineLogo.js.map

package/dist/cjs/views/PaymentSelection/PayWithCreditCard/providers/SardineLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SardineLogo.js","sourceRoot":"","sources":["../../../../../../src/views/PaymentSelection/PayWithCreditCard/providers/SardineLogo.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aACnH,iCAAM,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,GAAG,EAC7C,iCACE,CAAC,EAAC,gsCAAgsC,EAClsC,IAAI,EAAC,OAAO,GACZ,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,WAAW,eAUvB"}

package/dist/cjs/views/PaymentSelection/PayWithCrypto/index.d.ts

@@ -0,0 +1,12 @@
+import { SetStateAction } from 'react';
+import { SelectPaymentSettings } from '../../../contexts';
+interface PayWithCryptoProps {
+    settings: SelectPaymentSettings;
+    disableButtons: boolean;
+    selectedCurrency: string | undefined;
+    setSelectedCurrency: React.Dispatch<SetStateAction<string | undefined>>;
+    isLoading: boolean;
+}
+export declare const PayWithCrypto: ({ settings, disableButtons, selectedCurrency, setSelectedCurrency, isLoading }: PayWithCryptoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/views/PaymentSelection/PayWithCrypto/index.d.ts.map

@@ -0,0 +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,4CA8NpB,CAAA"}