@0xsequence/checkout 0.0.0-20250314205219

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

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

package/dist/esm/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/esm/views/PaymentSelection/Footer.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@0xsequence/design-system';
+import { useSelectPaymentModal } from '../../hooks';
+export const Footer = () => {
+    const { selectPaymentSettings } = useSelectPaymentModal();
+    return (_jsxs("div", { className: "flex pb-6 pt-5 mt-1 w-full justify-center items-center flex-col", children: [selectPaymentSettings?.copyrightText && (_jsx(Text, { color: "muted", variant: "normal", fontWeight: "bold", children: selectPaymentSettings.copyrightText })), _jsxs("div", { className: "flex gap-4 justify-center items-center", children: [_jsx("a", { className: "no-underline cursor-pointer", href: "https://support.sequence.xyz/en/", rel: "noopener noreferrer", target: "_blank", children: _jsx(Text, { color: "muted", variant: "normal", fontWeight: "bold", children: "Help" }) }), _jsx("a", { className: "no-underline cursor-pointer", href: "https://sequence.xyz/privacy", rel: "noopener noreferrer", target: "_blank", children: _jsx(Text, { color: "muted", variant: "normal", fontWeight: "bold", children: "Privacy Policy" }) }), _jsx("a", { className: "no-underline cursor-pointer", href: "https://sequence.xyz/terms", rel: "noopener noreferrer", target: "_blank", children: _jsx(Text, { color: "muted", variant: "normal", fontWeight: "bold", children: "Terms of Service" }) })] })] }));
+};
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/views/PaymentSelection/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAEhD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,qBAAqB,EAAE,GAAG,qBAAqB,EAAE,CAAA;IAEzD,OAAO,CACL,eAAK,SAAS,EAAC,iEAAiE,aAC7E,qBAAqB,EAAE,aAAa,IAAI,CACvC,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,YACnD,qBAAqB,CAAC,aAAa,GAC/B,CACR,EACD,eAAK,SAAS,EAAC,wCAAwC,aACrD,YACE,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,kCAAkC,EACvC,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAC,QAAQ,YAEf,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,qBAE/C,GACL,EACJ,YAAG,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAC,8BAA8B,EAAC,GAAG,EAAC,qBAAqB,EAAC,MAAM,EAAC,QAAQ,YACtH,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,+BAE/C,GACL,EACJ,YAAG,SAAS,EAAC,6BAA6B,EAAC,IAAI,EAAC,4BAA4B,EAAC,GAAG,EAAC,qBAAqB,EAAC,MAAM,EAAC,QAAQ,YACpH,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,iCAE/C,GACL,IACA,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

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

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

package/dist/esm/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,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAElC,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE;IACxB,MAAM,EAAE,qBAAqB,EAAE,GAAG,qBAAqB,EAAE,CAAA;IACzD,MAAM,KAAK,GAAG,qBAAsB,CAAC,KAAK,CAAA;IAC1C,MAAM,KAAK,GAAG,qBAAsB,CAAC,KAAK,CAAA;IAC1C,MAAM,OAAO,GAAG,oBAAoB,CAAC,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,kBAAkB,CAAC;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,gBAAgB,CAAC;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,cAAK,SAAS,EAAC,wDAAwD,YACrE,KAAC,OAAO,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,WAAW,CAAC,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,eAAK,SAAS,EAAC,oDAAoD,aACjE,wBACE,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,sBAEhD,GACH,EACN,eAAK,SAAS,EAAC,yCAAyC,aACtD,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAE,SAAS,GAAI,EACxC,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,YAAE,GAAG,cAAc,IAAI,WAAW,EAAE,GAAQ,IAC/F,EACN,wBACE,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,YACrD,kBAAkB,GACd,GACH,IACF,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

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

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

package/dist/esm/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/esm/views/PaymentSelection/PayWithCreditCard/PaymentProviderOption.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, cn, Text } from '@0xsequence/design-system';
+export const PaymentProviderOption = ({ name, onClick, isSelected, isRecommended, logo }) => {
+    return (_jsx(Card, { className: cn('flex border-2 border-solid justify-between p-4 cursor-pointer', isSelected ? 'bg-background-raised' : 'bg-transparent'), onClick: onClick, children: _jsxs("div", { className: "flex justify-between w-full", children: [_jsxs("div", { className: "flex justify-between items-center gap-3", children: [_jsx("div", { className: "rounded-xl", children: logo }), _jsx(Text, { variant: "normal", fontWeight: "bold", color: "secondary", children: name })] }), _jsx("div", { className: "flex flex-row justify-center items-center gap-3", children: isRecommended && (_jsx(Text, { color: "muted", variant: "small", children: "Recommended" })) })] }) }));
+};
+//# sourceMappingURL=PaymentProviderOption.js.map

package/dist/esm/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,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAW1D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAA8B,EAAE,EAAE;IACtH,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,gBAAgB,CACvD,EACD,OAAO,EAAE,OAAO,YAEhB,eAAK,SAAS,EAAC,6BAA6B,aAC1C,eAAK,SAAS,EAAC,yCAAyC,aACtD,cAAK,SAAS,EAAC,YAAY,YAAE,IAAI,GAAO,EACxC,KAAC,IAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,WAAW,YACvD,IAAI,GACA,IACH,EACN,cAAK,SAAS,EAAC,iDAAiD,YAC7D,aAAa,IAAI,CAChB,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,4BAE5B,CACR,GACG,IACF,GACD,CACR,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRightIcon, Card, PaymentsIcon, Spinner, Text } from '@0xsequence/design-system';
+import { findSupportedNetwork } from '@0xsequence/network';
+import { useClearCachedBalances, useGetContractInfo } from '@0xsequence/react-hooks';
+import { useEffect, useState } from 'react';
+import { useAccount } from 'wagmi';
+import { useCheckoutModal, useSelectPaymentModal } from '../../../hooks';
+export const PayWithCreditCard = ({ settings, disableButtons, skipOnCloseCallback }) => {
+    const { chain, currencyAddress, targetContractAddress, price, txData, collectibles, collectionAddress, approvedSpenderAddress, onSuccess = () => { }, onError = () => { }, onClose = () => { }, creditCardProviders = [], transakConfig, supplementaryAnalyticsInfo = {} } = settings;
+    const { address: userAddress } = useAccount();
+    const { clearCachedBalances } = useClearCachedBalances();
+    const { closeSelectPaymentModal } = useSelectPaymentModal();
+    const { triggerCheckout } = useCheckoutModal();
+    const network = findSupportedNetwork(chain);
+    const chainId = network?.chainId || 137;
+    const { data: currencyInfoData, isLoading: isLoadingContractInfo } = useGetContractInfo({
+        chainID: String(chainId),
+        contractAddress: currencyAddress
+    });
+    const [selectedPaymentProvider, setSelectedPaymentProvider] = useState();
+    const isLoading = isLoadingContractInfo;
+    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 (_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 (_jsxs(Card, { className: "flex justify-between items-center p-4 cursor-pointer", onClick: () => {
+                                setSelectedPaymentProvider(creditCardProvider);
+                            }, disabled: disableButtons, children: [_jsxs("div", { className: "flex flex-row gap-3 items-center", children: [_jsx(PaymentsIcon, { className: "text-white" }), _jsx(Text, { color: "primary", variant: "normal", fontWeight: "bold", children: "Pay with credit or debit card" })] }), _jsx("div", { style: { transform: 'rotate(-45deg)' }, children: _jsx(ArrowRightIcon, { className: "text-white" }) })] }, "sardine"));
+                    default:
+                        return null;
+                }
+            }) }));
+    };
+    return (_jsx("div", { className: "w-full", children: isLoading ? (_jsx("div", { className: "flex w-full pt-5 justify-center items-center", children: _jsx(Spinner, {}) })) : (_jsx(Options, {})) }));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/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/esm/views/PaymentSelection/PayWithCreditCard/providers/SardineLogo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SardineLogo = () => {
+    return (_jsxs("svg", { width: "42", height: "42", className: "rounded-xl", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { className: "w-24 h-24", fill: "#2D29D7" }), _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" })] }));
+};
+//# sourceMappingURL=SardineLogo.js.map

package/dist/esm/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":";AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,eAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aACnH,eAAM,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,SAAS,GAAG,EAC7C,eACE,CAAC,EAAC,gsCAAgsC,EAClsC,IAAI,EAAC,OAAO,GACZ,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/views/PaymentSelection/PayWithCrypto/index.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CryptoOption, compareAddress, ContractVerificationStatus, formatDisplay } from '@0xsequence/connect';
+import { AddIcon, Button, SubtractIcon, Text, Spinner } from '@0xsequence/design-system';
+import { findSupportedNetwork } from '@0xsequence/network';
+import { useClearCachedBalances, useGetTokenBalancesSummary, useGetContractInfo, useGetSwapPrices } from '@0xsequence/react-hooks';
+import { motion } from 'motion/react';
+import { useState, useEffect, Fragment } from 'react';
+import { formatUnits } from 'viem';
+import { useAccount } from 'wagmi';
+const MAX_OPTIONS = 3;
+export const PayWithCrypto = ({ settings, disableButtons, selectedCurrency, setSelectedCurrency, isLoading }) => {
+    const [showMore, setShowMore] = useState(false);
+    const { enableSwapPayments = true, enableMainCurrencyPayment = true } = settings;
+    const { chain, currencyAddress, price } = settings;
+    const { address: userAddress } = useAccount();
+    const { clearCachedBalances } = useClearCachedBalances();
+    const network = findSupportedNetwork(chain);
+    const chainId = network?.chainId || 137;
+    const { data: currencyBalanceData, isLoading: currencyBalanceIsLoading } = useGetTokenBalancesSummary({
+        chainIds: [chainId],
+        filter: {
+            accountAddresses: userAddress ? [userAddress] : [],
+            contractStatus: ContractVerificationStatus.ALL,
+            contractWhitelist: [currencyAddress],
+            omitNativeBalances: false
+        },
+        omitMetadata: true
+    });
+    const { data: currencyInfoData, isLoading: isLoadingCurrencyInfo } = useGetContractInfo({
+        chainID: String(chainId),
+        contractAddress: currencyAddress
+    });
+    const buyCurrencyAddress = settings?.currencyAddress;
+    const { data: swapPrices = [], isLoading: swapPricesIsLoading } = useGetSwapPrices({
+        userAddress: userAddress ?? '',
+        buyCurrencyAddress,
+        chainId: chainId,
+        buyAmount: price,
+        withContractInfo: true
+    }, { disabled: !enableSwapPayments });
+    const isLoadingOptions = currencyBalanceIsLoading || isLoadingCurrencyInfo || isLoading;
+    const swapsIsLoading = swapPricesIsLoading;
+    const coins = [
+        ...(enableMainCurrencyPayment
+            ? [
+                {
+                    index: 0,
+                    name: currencyInfoData?.name || 'Unknown',
+                    symbol: currencyInfoData?.symbol || '',
+                    currencyAddress
+                }
+            ]
+            : []),
+        ...swapPrices.map((price, index) => {
+            return {
+                index: index + 1,
+                name: price.info?.name || 'Unknown',
+                symbol: price.info?.symbol || '',
+                currencyAddress: price.info?.address || ''
+            };
+        })
+    ];
+    useEffect(() => {
+        if (enableMainCurrencyPayment) {
+            setSelectedCurrency(coins[0].currencyAddress);
+        }
+        else if (!swapPricesIsLoading) {
+            setSelectedCurrency(swapPrices?.[0]?.info?.address);
+        }
+    }, [swapPricesIsLoading]);
+    const priceFormatted = formatUnits(BigInt(price), currencyInfoData?.decimals || 0);
+    const priceDisplay = formatDisplay(priceFormatted, {
+        disableScientificNotation: true,
+        disableCompactNotation: true,
+        significantDigits: 6
+    });
+    const balanceInfo = currencyBalanceData?.find(balanceData => compareAddress(currencyAddress, balanceData.contractAddress));
+    const balance = BigInt(balanceInfo?.balance || '0');
+    // let balanceFormatted = Number(formatUnits(balance, currencyInfoData?.decimals || 0))
+    // balanceFormatted = Math.trunc(Number(balanceFormatted) * 10000) / 10000
+    const isNotEnoughFunds = BigInt(price) > balance;
+    useEffect(() => {
+        clearCachedBalances();
+    }, []);
+    const Options = () => {
+        return (_jsx("div", { className: "flex flex-col justify-center items-center gap-2 w-full", children: coins.map(coin => {
+                if (compareAddress(coin.currencyAddress, currencyAddress)) {
+                    return (_jsx(Fragment, { children: _jsx(CryptoOption, { currencyName: currencyInfoData?.name || 'Unknown', chainId: chainId, iconUrl: currencyInfoData?.logoURI, symbol: currencyInfoData?.symbol || '', onClick: () => {
+                                setSelectedCurrency(currencyAddress);
+                            }, price: priceDisplay, disabled: disableButtons, isSelected: compareAddress(selectedCurrency || '', currencyAddress), isInsufficientFunds: isNotEnoughFunds }) }, currencyAddress));
+                }
+                else {
+                    const swapPrice = swapPrices?.find(price => compareAddress(price.info?.address || '', coin.currencyAddress));
+                    const currencyInfoNotFound = !swapPrice || !swapPrice.info || swapPrice?.info?.decimals === undefined || !swapPrice.balance?.balance;
+                    if (currencyInfoNotFound || !enableSwapPayments) {
+                        return null;
+                    }
+                    const swapQuotePriceFormatted = formatUnits(BigInt(swapPrice.price.price), swapPrice.info?.decimals || 18);
+                    const swapQuoteAddress = swapPrice.info?.address || '';
+                    const swapQuotePriceDisplay = formatDisplay(swapQuotePriceFormatted, {
+                        disableScientificNotation: true,
+                        disableCompactNotation: true,
+                        significantDigits: 6
+                    });
+                    return (_jsx(CryptoOption, { currencyName: swapPrice.info?.name || 'Unknown', chainId: chainId, iconUrl: swapPrice.info?.logoURI, symbol: swapPrice.info?.symbol || '', onClick: () => {
+                            setSelectedCurrency(swapQuoteAddress);
+                        }, price: swapQuotePriceDisplay, disabled: disableButtons, isSelected: compareAddress(selectedCurrency || '', swapQuoteAddress), isInsufficientFunds: false }, swapQuoteAddress));
+                }
+            }) }));
+    };
+    const gutterHeight = 8;
+    const optionHeight = 72;
+    const displayedOptionsAmount = Math.min(coins.length, MAX_OPTIONS);
+    const displayedGuttersAmount = displayedOptionsAmount - 1;
+    const collapsedOptionsHeight = `${optionHeight * displayedOptionsAmount + gutterHeight * displayedGuttersAmount}px`;
+    const ShowMoreButton = () => {
+        return (_jsx("div", { className: "flex justify-center items-center w-full", children: _jsx(Button, { className: "text-white", rightIcon: () => {
+                    if (showMore) {
+                        return _jsx(SubtractIcon, { style: { marginLeft: '-4px' }, size: "xs" });
+                    }
+                    return _jsx(AddIcon, { style: { marginLeft: '-4px' }, size: "xs" });
+                }, variant: "ghost", onClick: () => {
+                    setShowMore(!showMore);
+                }, label: showMore ? 'Show less' : 'Show more' }) }));
+    };
+    return (_jsxs("div", { className: "w-full", children: [_jsx("div", { children: _jsx(Text, { variant: "small", fontWeight: "medium", color: "white", children: "Pay with crypto" }) }), _jsx("div", { className: "py-3", style: {
+                    marginBottom: '-12px'
+                }, children: isLoadingOptions ? (_jsx("div", { className: "flex w-full py-5 justify-center items-center", children: _jsx(Spinner, {}) })) : (_jsxs(_Fragment, { children: [_jsx(motion.div, { className: "overflow-hidden", animate: { height: showMore ? 'auto' : collapsedOptionsHeight }, transition: { ease: 'easeOut', duration: 0.3 }, children: _jsx(Options, {}) }), swapsIsLoading && (_jsx("div", { className: "flex justify-center items-center w-full mt-4", children: _jsx(Spinner, {}) })), !swapsIsLoading && coins.length > MAX_OPTIONS && _jsx(ShowMoreButton, {})] })) })] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/views/PaymentSelection/PayWithCrypto/index.js.map

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

package/dist/esm/views/PaymentSelection/TransferFunds.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CheckmarkIcon, CopyIcon, IconButton, Text, truncateAddress } from '@0xsequence/design-system';
+import { QRCodeCanvas } from 'qrcode.react';
+import { useState, useEffect } from 'react';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import { useAccount } from 'wagmi';
+import { useSelectPaymentModal, useTransferFundsModal } from '../../hooks';
+export const TransferFunds = () => {
+    const { openTransferFundsModal } = useTransferFundsModal();
+    const { openSelectPaymentModal, closeSelectPaymentModal, selectPaymentSettings } = useSelectPaymentModal();
+    const { address: userAddress } = useAccount();
+    const [isCopied, setCopy] = useState(false);
+    useEffect(() => {
+        if (isCopied) {
+            setTimeout(() => {
+                setCopy(false);
+            }, 4000);
+        }
+    }, [isCopied]);
+    const handleCopy = () => {
+        setCopy(true);
+    };
+    const onClickQrCode = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!selectPaymentSettings) {
+            return;
+        }
+        closeSelectPaymentModal();
+        setTimeout(() => {
+            openTransferFundsModal({
+                walletAddress: userAddress || '',
+                onClose: () => {
+                    setTimeout(() => {
+                        openSelectPaymentModal(selectPaymentSettings);
+                    }, 500);
+                }
+            });
+        }, 500);
+    };
+    return (_jsxs("div", { className: "w-full", children: [_jsx("div", { className: "mb-3", children: _jsx(Text, { variant: "small", fontWeight: "medium", color: "white", children: "Transfer funds to your connected wallet" }) }), _jsxs(Card, { className: "flex cursor-pointer w-full justify-between p-4", onClick: onClickQrCode, children: [_jsxs("div", { className: "flex flex-row gap-3 items-center", children: [_jsx("div", { className: "bg-white p-4 rounded-sm", style: { width: 40, height: 40 }, children: _jsx(QRCodeCanvas, { value: userAddress || '', size: 36, bgColor: "white", fgColor: "black", "data-id": "qr-code", style: { position: 'relative', top: '-14px', left: '-14px' } }) }), _jsxs("div", { className: "flex flex-col justify-center items-start", children: [_jsx("div", { children: _jsx(Text, { variant: "normal", fontWeight: "bold", color: "secondary", children: "Transfer Funds" }) }), _jsx("div", { children: _jsx(Text, { className: "text-sm", color: "muted", variant: "normal", children: truncateAddress(userAddress || '', 12, 4) }) })] })] }), _jsx("div", { onClick: e => {
+                            e.stopPropagation();
+                            e.preventDefault();
+                        }, children: _jsx(CopyToClipboard, { text: userAddress || '', onCopy: handleCopy, children: _jsx(IconButton, { className: "text-muted", variant: "base", size: "md", icon: isCopied ? () => _jsx(CheckmarkIcon, { size: "lg" }) : () => _jsx(CopyIcon, { size: "lg" }) }) }) })] })] }));
+};
+//# sourceMappingURL=TransferFunds.js.map

package/dist/esm/views/PaymentSelection/TransferFunds.js.map

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