@0xsequence/checkout 0.0.0-20250314205219

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

@@ -0,0 +1,178 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionStatus = exports.TransactionStatusHeader = 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 indexer_1 = require("@0xsequence/indexer");
+const network_1 = require("@0xsequence/network");
+const react_hooks_1 = require("@0xsequence/react-hooks");
+const react_1 = require("react");
+const timeago_react_1 = __importDefault(require("timeago-react"));
+const viem_1 = require("viem");
+const wagmi_1 = require("wagmi");
+const constants_1 = require("../../constants");
+const hooks_1 = require("../../hooks");
+const TransactionStatusHeader = ({ status, noItemsToDisplay }) => {
+    const getHeaderText = () => {
+        if (noItemsToDisplay) {
+            switch (status) {
+                case 'success':
+                    return 'Your transaction has been processed';
+                case 'error':
+                    return 'Your transaction has failed';
+                case 'pending':
+                default:
+                    return 'Your transaction is processing';
+            }
+        }
+        else {
+            switch (status) {
+                case 'success':
+                    return 'Your purchase has been processed';
+                case 'error':
+                    return 'Your purchase has failed';
+                case 'pending':
+                default:
+                    return 'Your purchase is processing';
+            }
+        }
+    };
+    const headerText = getHeaderText();
+    return ((0, jsx_runtime_1.jsx)("div", { className: "fixed", style: { top: '18px' }, children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "text-xl", color: "white", variant: "normal", fontWeight: "bold", children: headerText }) }));
+};
+exports.TransactionStatusHeader = TransactionStatusHeader;
+const TransactionStatus = () => {
+    const { transactionStatusSettings } = (0, hooks_1.useTransactionStatusModal)();
+    const { collectionAddress, chainId, items, txHash, currencyAddress, blockConfirmations = connect_1.TRANSACTION_CONFIRMATIONS_DEFAULT, onSuccess, onError, onClose = () => { } } = transactionStatusSettings;
+    const networkConfig = (0, network_1.findSupportedNetwork)(chainId);
+    const blockExplorerUrl = `${networkConfig?.blockExplorer?.rootUrl}tx/${txHash}`;
+    const [startTime] = (0, react_1.useState)(new Date());
+    const [status, setStatus] = (0, react_1.useState)('pending');
+    const noItemsToDisplay = !items || !collectionAddress;
+    const { data: tokenMetadatas, isLoading: isLoadingTokenMetadatas } = (0, react_hooks_1.useGetTokenMetadata)({
+        chainID: String(chainId),
+        contractAddress: collectionAddress || '',
+        tokenIDs: items?.map(i => i.tokenId) || []
+    }, {
+        disabled: noItemsToDisplay
+    });
+    const publicClient = (0, wagmi_1.usePublicClient)({
+        chainId
+    });
+    const indexerClient = (0, react_hooks_1.useIndexerClient)(chainId);
+    const waitForTransaction = async (publicClient, txnHash) => {
+        try {
+            const { txnStatus } = await (0, connect_1.waitForTransactionReceipt)({
+                indexerClient,
+                txnHash: txnHash,
+                publicClient,
+                confirmations: blockConfirmations
+            });
+            if (txnStatus === indexer_1.TransactionStatus.FAILED) {
+                throw new Error('Transaction failed');
+            }
+            setStatus('success');
+            onSuccess?.(txnHash);
+        }
+        catch (e) {
+            console.error('An error occurred while waiting for transaction confirmation', e);
+            setStatus('error');
+            onError?.(e);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (status === 'pending' && publicClient) {
+            waitForTransaction(publicClient, txHash);
+        }
+    }, [status, publicClient, txHash]);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            onClose();
+        };
+    }, []);
+    const { data: dataCollectionInfo, isLoading: isLoadingCollectionInfo } = (0, react_hooks_1.useGetContractInfo)({
+        chainID: String(chainId),
+        contractAddress: collectionAddress || ''
+    }, {
+        disabled: noItemsToDisplay
+    });
+    const { data: dataCurrencyInfo, isLoading: isLoadingCurrencyInfo } = (0, react_hooks_1.useGetContractInfo)({
+        chainID: String(chainId),
+        contractAddress: currencyAddress || ''
+    }, {
+        disabled: noItemsToDisplay
+    });
+    const isLoading = isLoadingTokenMetadatas || isLoadingCollectionInfo || isLoadingCurrencyInfo;
+    const getInformationText = () => {
+        if (noItemsToDisplay) {
+            switch (status) {
+                case 'success':
+                    return 'The transaction has been confirmed on the blockchain!';
+                case 'error':
+                    return 'An error occurred while processing the transaction.';
+                case 'pending':
+                default:
+                    return `The transaction will be confirmed on the blockchain shortly.`;
+            }
+        }
+        else {
+            const tokenNames = tokenMetadatas
+                ?.map(metadata => {
+                return `${metadata.name} #${metadata.tokenId}`;
+            })
+                .join(', ') || '';
+            switch (status) {
+                case 'success':
+                    return `You just purchased ${tokenNames}. It’s been confirmed on the blockchain!`;
+                case 'error':
+                    return `You just purchased ${tokenNames}, but an error occurred.`;
+                case 'pending':
+                default:
+                    return `You just purchased ${tokenNames}. It should be confirmed on the blockchain shortly.`;
+            }
+        }
+    };
+    const StatusIndicator = () => {
+        switch (status) {
+            case 'success':
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 justify-center items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-6 h-6 rounded-full bg-positive", children: (0, jsx_runtime_1.jsx)(design_system_1.CheckmarkIcon, { className: "text-white relative", style: { top: '3px', right: '-1px' } }) }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "muted", children: "Transaction complete" })] }));
+            case 'error':
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 justify-center items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-6 h-6 rounded-full bg-negative", children: (0, jsx_runtime_1.jsx)(design_system_1.CloseIcon, { className: "text-white relative", style: { top: '2px', right: '-2px' } }) }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "muted", children: "Transaction failed" })] }));
+            case 'pending':
+            default:
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 justify-center items-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.Spinner, {}), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "muted", children: "Processing transaction" })] }));
+        }
+    };
+    const ItemsInfo = () => {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-3 flex-col", children: items?.map(item => {
+                const collectibleQuantity = Number((0, viem_1.formatUnits)(BigInt(item.quantity), item?.decimals || 0));
+                const tokenMetadata = tokenMetadatas?.find(tokenMetadata => tokenMetadata.tokenId === item.tokenId);
+                const price = (0, connect_1.formatDisplay)((0, viem_1.formatUnits)(BigInt(item.price), dataCurrencyInfo?.decimals || 0));
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-2", 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'} #${item.tokenId} ${collectibleQuantity > 1 ? `x${collectibleQuantity}` : ''}` })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1 items-center justify-center", children: [(0, jsx_runtime_1.jsx)(design_system_1.TokenImage, { src: dataCurrencyInfo?.logoURI, size: "xs", symbol: dataCurrencyInfo?.symbol, disableAnimation: true }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", fontWeight: "bold", color: "white", children: `${price} ${dataCurrencyInfo?.symbol}` })] })] }, item.tokenId));
+            }) }));
+    };
+    const TxInfo = () => {
+        const getStatusText = () => {
+            switch (status) {
+                case 'success':
+                    return 'Sent!';
+                case 'error':
+                    return 'Not sent';
+                case 'pending':
+                default:
+                    return 'Sending...';
+            }
+        };
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "flex mb-2 flex-row items-center justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-1 items-center justify-between", children: [(0, jsx_runtime_1.jsx)(design_system_1.ArrowDownIcon, { className: "text-secondary", size: "xs", style: { transform: 'rotate(180deg)', marginRight: '-4px' } }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "secondary", variant: "small", fontWeight: "medium", children: getStatusText() }), (0, jsx_runtime_1.jsx)(design_system_1.NetworkImage, { chainId: chainId, size: "xs" })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { color: "muted", variant: "small", fontWeight: "medium", children: (0, jsx_runtime_1.jsx)(timeago_react_1.default, { datetime: startTime }) }) })] }));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-full px-6 pb-6", children: [(0, jsx_runtime_1.jsx)(exports.TransactionStatusHeader, { status: status, noItemsToDisplay: noItemsToDisplay }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-6 items-center justify-center h-full", style: { paddingTop: constants_1.HEADER_HEIGHT }, children: isLoading ? ((0, jsx_runtime_1.jsx)("div", { className: "flex w-full justify-center items-center", children: (0, jsx_runtime_1.jsx)(design_system_1.Spinner, { size: "md" }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "flex w-full justify-start", children: (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "normal", color: "primary", children: getInformationText() }) }), !noItemsToDisplay && ((0, jsx_runtime_1.jsxs)(design_system_1.Card, { className: "p-4", children: [(0, jsx_runtime_1.jsx)(TxInfo, {}), (0, jsx_runtime_1.jsx)(ItemsInfo, {})] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-full justify-between items-center", children: [(0, jsx_runtime_1.jsx)(StatusIndicator, {}), (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "no-underline cursor-pointer", variant: "normal", style: { color: '#8E7EFF' }, asChild: true, children: (0, jsx_runtime_1.jsx)("a", { href: blockExplorerUrl, target: "_blank", rel: "noreferrer", children: (0, design_system_1.truncateAddress)(txHash, 4, 4) }) })] })] })) })] }));
+};
+exports.TransactionStatus = TransactionStatus;
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/views/TransactionSuccess.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationSuccessIcon = exports.TransactionSuccess = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const network_1 = require("@0xsequence/network");
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+const TransactionSuccess = () => {
+    const { settings } = (0, hooks_1.useCheckoutModal)();
+    const nav = (0, hooks_1.useNavigation)();
+    const navigation = nav.navigation;
+    const chainId = settings?.creditCardCheckout?.chainId || network_1.ChainId.POLYGON;
+    const network = network_1.allNetworks.find(n => n.chainId === chainId);
+    (0, react_1.useEffect)(() => {
+        settings?.creditCardCheckout?.onSuccess?.(navigation.params.transactionHash, settings?.creditCardCheckout);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", { style: { height: '650px' }, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center absolute", style: { top: '50%', right: '50%', transform: 'translate(50%, -50%)' }, children: [(0, jsx_runtime_1.jsx)(exports.NotificationSuccessIcon, {}), (0, jsx_runtime_1.jsx)(design_system_1.Text, { variant: "xlarge", children: "Success!" }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "text-center", variant: "normal", color: "secondary", children: "Purchase was successful, item was sent to your wallet." }), navigation.params.transactionHash && ((0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "mt-6", variant: "small", underline: true, color: "primary", asChild: true, children: (0, jsx_runtime_1.jsxs)("a", { href: `${network?.blockExplorer?.rootUrl}/tx/${navigation.params.transactionHash}`, target: "_blank", rel: "noreferrer", children: ["View on ", network?.blockExplorer?.name] }) }))] }) }));
+};
+exports.TransactionSuccess = TransactionSuccess;
+const NotificationSuccessIcon = () => ((0, jsx_runtime_1.jsx)("div", { className: "flex text-white bg-positive items-center justify-center w-16 h-16 rounded-full mb-2", children: (0, jsx_runtime_1.jsx)(design_system_1.CheckmarkIcon, { size: "xl" }) }));
+exports.NotificationSuccessIcon = NotificationSuccessIcon;
+//# sourceMappingURL=TransactionSuccess.js.map

package/dist/cjs/views/TransactionSuccess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionSuccess.js","sourceRoot":"","sources":["../../../src/views/TransactionSuccess.tsx"],"names":[],"mappings":";;;;AAAA,6DAA+D;AAC/D,iDAA0D;AAC1D,iCAAwC;AAGxC,oCAA0D;AAEnD,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAA;IACvC,MAAM,GAAG,GAAG,IAAA,qBAAa,GAAE,CAAA;IAC3B,MAAM,UAAU,GAAG,GAAG,CAAC,UAA0C,CAAA;IAEjE,MAAM,OAAO,GAAG,QAAQ,EAAE,kBAAkB,EAAE,OAAO,IAAI,iBAAO,CAAC,OAAO,CAAA;IACxE,MAAM,OAAO,GAAG,qBAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAA;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAA;IAC5G,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAC7B,iCACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,aAEtE,uBAAC,+BAAuB,KAAG,EAC3B,uBAAC,oBAAI,IAAC,OAAO,EAAC,QAAQ,yBAAgB,EACtC,uBAAC,oBAAI,IAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,uEAEzD,EACN,UAAU,CAAC,MAAM,CAAC,eAAe,IAAI,CACpC,uBAAC,oBAAI,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,QAAC,KAAK,EAAC,SAAS,EAAC,OAAO,kBACtE,+BACE,IAAI,EAAE,GAAG,OAAO,EAAE,aAAa,EAAE,OAAO,OAAO,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE,EAClF,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,yBAEP,OAAO,EAAE,aAAa,EAAE,IAAI,IACnC,GACC,CACR,IACG,GACF,CACP,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,kBAAkB,sBAqC9B;AAEM,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAC3C,gCAAK,SAAS,EAAC,qFAAqF,YAClG,uBAAC,6BAAa,IAAC,IAAI,EAAC,IAAI,GAAG,GACvB,CACP,CAAA;AAJY,QAAA,uBAAuB,2BAInC"}

package/dist/cjs/views/TransferToWallet/CopyButton.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const react_1 = require("react");
+const react_copy_to_clipboard_1 = require("react-copy-to-clipboard");
+const CopyButton = (props) => {
+    const { text, size = 'xs', inline = false, ...rest } = props;
+    const [isCopied, setCopy] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (isCopied) {
+            setTimeout(() => {
+                setCopy(false);
+            }, 4000);
+        }
+    }, [isCopied]);
+    const handleCopy = () => {
+        setCopy(true);
+    };
+    return ((0, jsx_runtime_1.jsx)(react_copy_to_clipboard_1.CopyToClipboard, { text: text, onCopy: handleCopy, children: inline ? ((0, jsx_runtime_1.jsx)(design_system_1.Button, { size: size, variant: "text", leftIcon: isCopied ? design_system_1.CheckmarkIcon : design_system_1.CopyIcon })) : ((0, jsx_runtime_1.jsx)(design_system_1.Button, { size: size, leftIcon: isCopied ? design_system_1.CheckmarkIcon : design_system_1.CopyIcon, label: isCopied ? 'Copied' : 'Copy', ...rest })) }));
+};
+exports.CopyButton = CopyButton;
+//# sourceMappingURL=CopyButton.js.map

package/dist/cjs/views/TransferToWallet/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../../src/views/TransferToWallet/CopyButton.tsx"],"names":[],"mappings":";;;;AAAA,6DAA2E;AAC3E,iCAA2D;AAC3D,qEAAyD;AASlD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC5D,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAE3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,CAAA;YAChB,CAAC,EAAE,IAAI,CAAC,CAAA;QACV,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CAAC,IAAI,CAAC,CAAA;IACf,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,yCAAe,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,YAC5C,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,sBAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,6BAAa,CAAC,CAAC,CAAC,wBAAQ,GAAI,CACrF,CAAC,CAAC,CAAC,CACF,uBAAC,sBAAM,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,6BAAa,CAAC,CAAC,CAAC,wBAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAAM,IAAI,GAAI,CACrH,GACe,CACnB,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,UAAU,cAyBtB"}

package/dist/cjs/views/TransferToWallet/QRCode.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QRCode = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const qrcode_react_1 = require("qrcode.react");
+const CopyButton_1 = require("./CopyButton");
+const QRCode = (props) => {
+    const { value } = props;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center flex-col gap-4", children: [value ? ((0, jsx_runtime_1.jsx)("div", { className: "bg-white p-4 rounded-lg", style: { width: 232, height: 232 }, children: (0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeCanvas, { value: value, size: 200, bgColor: "white", fgColor: "black", "data-id": "qr-code" }) })) : ((0, jsx_runtime_1.jsx)(design_system_1.Skeleton, { style: { width: 232, height: 232 } })), (0, jsx_runtime_1.jsx)(CopyButton_1.CopyButton, { text: value || '', disabled: !value })] }));
+};
+exports.QRCode = QRCode;
+//# sourceMappingURL=QRCode.js.map

package/dist/cjs/views/TransferToWallet/QRCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCode.js","sourceRoot":"","sources":["../../../../src/views/TransferToWallet/QRCode.tsx"],"names":[],"mappings":";;;;AAAA,6DAAoD;AACpD,+CAA2C;AAE3C,6CAAyC;AAMlC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEvB,OAAO,CACL,iCAAK,SAAS,EAAC,kCAAkC,aAC9C,KAAK,CAAC,CAAC,CAAC,CACP,gCAAK,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,YACzE,uBAAC,2BAAY,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,aAAS,SAAS,GAAG,GACvF,CACP,CAAC,CAAC,CAAC,CACF,uBAAC,wBAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,CACjD,EACD,uBAAC,uBAAU,IAAC,IAAI,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,KAAK,GAAI,IAC/C,CACP,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,MAAM,UAelB"}

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransferToWallet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@0xsequence/design-system");
+const wagmi_1 = require("wagmi");
+const constants_1 = require("../../constants");
+const hooks_1 = require("../../hooks");
+const QRCode_1 = require("./QRCode");
+const TransferToWallet = () => {
+    const { address: userAddress } = (0, wagmi_1.useAccount)();
+    const { transferFundsSettings } = (0, hooks_1.useTransferFundsModal)();
+    const address = transferFundsSettings?.walletAddress || userAddress || '';
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-2 items-center justify-center w-full px-4 pb-4 h-full", style: { paddingTop: constants_1.HEADER_HEIGHT }, children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center px-4 pb-4 min-h-full", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center w-full", children: [(0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "text-center", variant: "normal", color: "muted", asChild: true, children: (0, jsx_runtime_1.jsx)("p", { children: "Share your wallet address to receive coins" }) }), (0, jsx_runtime_1.jsx)("div", { className: "my-4", children: (0, jsx_runtime_1.jsx)(QRCode_1.QRCode, { value: address, "data-id": "receiveQR" }) }), (0, jsx_runtime_1.jsx)(design_system_1.Text, { className: "w-full text-center", variant: "normal", color: "muted", asChild: true, children: (0, jsx_runtime_1.jsx)("div", { "data-id": "receiveAddress", children: address }) })] }) }) }));
+};
+exports.TransferToWallet = TransferToWallet;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/views/TransferToWallet/index.tsx"],"names":[],"mappings":";;;;AAAA,6DAAgD;AAChD,iCAAkC;AAElC,+CAA+C;AAC/C,uCAAmD;AAEnD,qCAAiC;AAE1B,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAA;IAC7C,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAA;IAEzD,MAAM,OAAO,GAAG,qBAAqB,EAAE,aAAa,IAAI,WAAW,IAAI,EAAE,CAAA;IAEzE,OAAO,CACL,gCACE,SAAS,EAAC,yEAAyE,EACnF,KAAK,EAAE,EAAE,UAAU,EAAE,yBAAa,EAAE,YAEpC,gCAAK,SAAS,EAAC,iDAAiD,YAC9D,iCAAK,SAAS,EAAC,kDAAkD,aAC/D,uBAAC,oBAAI,IAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,kBAClE,uFAAiD,GAC5C,EACP,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,eAAM,IAAC,KAAK,EAAE,OAAO,aAAU,WAAW,GAAG,GAC1C,EAEN,uBAAC,oBAAI,IAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,kBACzE,2CAAa,gBAAgB,YAAE,OAAO,GAAO,GACxC,IACH,GACF,GACF,CACP,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,gBAAgB,oBA2B5B"}

package/dist/cjs/views/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PendingCreditCardTransaction"), exports);
+__exportStar(require("./TransactionSuccess"), exports);
+__exportStar(require("./TransactionError"), exports);
+__exportStar(require("./CheckoutSelection"), exports);
+__exportStar(require("./AddFunds"), exports);
+__exportStar(require("./PaymentSelection"), exports);
+__exportStar(require("./TransferToWallet"), exports);
+__exportStar(require("./TransactionStatus"), exports);
+__exportStar(require("./Swap"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iEAA8C;AAC9C,uDAAoC;AACpC,qDAAkC;AAClC,sDAAmC;AACnC,6CAA0B;AAC1B,qDAAkC;AAClC,qDAAkC;AAClC,sDAAmC;AACnC,yCAAsB"}

package/dist/esm/api/data.js

@@ -0,0 +1,159 @@
+import { DEBUG } from '@0xsequence/connect';
+import { networks } from '@0xsequence/network';
+export const fetchSardineClientToken = async ({ order, projectAccessKey, tokenMetadata }) => {
+    // Test credentials: https://docs.sardine.ai/docs/integrate-payments/nft-checkout-testing-credentials
+    const accessKey = DEBUG ? '17xhjK4yjRf1fr0am8kgKfICAAAAAAAAA' : projectAccessKey;
+    const url = DEBUG
+        ? 'https://dev-api.sequence.app/rpc/API/SardineGetNFTCheckoutToken'
+        : 'https://api.sequence.app/rpc/API/SardineGetNFTCheckoutToken';
+    const res = await fetch(url, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            'X-Access-Key': `${accessKey || ''}`
+        },
+        body: JSON.stringify({
+            params: {
+                name: tokenMetadata?.name || 'Unknown',
+                imageUrl: tokenMetadata?.image || 'https://sequence.market/images/placeholder.png',
+                network: networks[order.chainId].name,
+                recipientAddress: order.recipientAddress,
+                contractAddress: order.contractAddress,
+                platform: 'calldata_execution',
+                blockchainNftId: order.nftId,
+                quantity: Number(order.nftQuantity),
+                decimals: Number(order?.nftDecimals || 0),
+                tokenAmount: order.currencyQuantity,
+                tokenAddress: order.currencyAddress,
+                tokenSymbol: order.currencySymbol,
+                tokenDecimals: Number(order.currencyDecimals),
+                callData: order.calldata,
+                ...(order?.approvedSpenderAddress ? { approvedSpenderAddress: order.approvedSpenderAddress } : {})
+            }
+        })
+    });
+    const { resp: { orderId, token } } = await res.json();
+    return {
+        token,
+        orderId
+    };
+};
+export const fetchSardineOrderStatus = async (orderId, projectAccessKey) => {
+    // Test credentials: https://docs.sardine.ai/docs/integrate-payments/nft-checkout-testing-credentials
+    const accessKey = DEBUG ? '17xhjK4yjRf1fr0am8kgKfICAAAAAAAAA' : projectAccessKey;
+    const url = DEBUG
+        ? 'https://dev-api.sequence.app/rpc/API/SardineGetNFTCheckoutOrderStatus'
+        : 'https://api.sequence.app/rpc/API/SardineGetNFTCheckoutOrderStatus';
+    const response = await fetch(url, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            'X-Access-Key': `${accessKey}`
+        },
+        body: JSON.stringify({
+            orderId
+        })
+    });
+    const json = await response.json();
+    console.log('json:', json);
+    return json;
+};
+export const fetchSupportedCountryCodes = async () => {
+    // Can also be fetches from sardine api
+    const supportedCountries = [
+        'AL',
+        'AO',
+        'AT',
+        'BB',
+        'BE',
+        'BZ',
+        'BJ',
+        'BO',
+        'BR',
+        'BG',
+        'KH',
+        'KY',
+        'CL',
+        'CO',
+        'KM',
+        'CR',
+        'HR',
+        'CY',
+        'CZ',
+        'DK',
+        'DM',
+        'DO',
+        'EC',
+        'EG',
+        'SV',
+        'GQ',
+        'EE',
+        'FO',
+        'FI',
+        'FR',
+        'GF',
+        'DE',
+        'GR',
+        'GN',
+        'GW',
+        'GY',
+        'HT',
+        'HN',
+        'HU',
+        'IS',
+        'ID',
+        'IE',
+        'IL',
+        'IT',
+        'JM',
+        'JP',
+        'KG',
+        'LA',
+        'LV',
+        'LI',
+        'LT',
+        'LU',
+        'MG',
+        'MY',
+        'MV',
+        'MT',
+        'MR',
+        'MX',
+        'MN',
+        'MZ',
+        'NL',
+        'NO',
+        'OM',
+        'PA',
+        'PY',
+        'PE',
+        'PH',
+        'PL',
+        'PT',
+        'RO',
+        'KN',
+        'MF',
+        'SA',
+        'SC',
+        'SG',
+        'SK',
+        'SI',
+        'KR',
+        'ES',
+        'LK',
+        'SE',
+        'CH',
+        'TZ',
+        'TH',
+        'TT',
+        'TR',
+        'AE',
+        'GB',
+        'UY',
+        'UZ',
+        'VU',
+        'VN'
+    ];
+    return supportedCountries.map(countryCode => ({ code: countryCode }));
+};
+//# sourceMappingURL=data.js.map

package/dist/esm/api/data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.js","sourceRoot":"","sources":["../../../src/api/data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAE3C,OAAO,EAAW,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAmBvD,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAAE,EAC5C,KAAK,EACL,gBAAgB,EAChB,aAAa,EACe,EAA0C,EAAE;IACxE,qGAAqG;IACrG,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,gBAAgB,CAAA;IAChF,MAAM,GAAG,GAAG,KAAK;QACf,CAAC,CAAC,iEAAiE;QACnE,CAAC,CAAC,6DAA6D,CAAA;IAEjE,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;QAC3B,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;YAClC,cAAc,EAAE,GAAG,SAAS,IAAI,EAAE,EAAE;SACrC;QACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;YACnB,MAAM,EAAE;gBACN,IAAI,EAAE,aAAa,EAAE,IAAI,IAAI,SAAS;gBACtC,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,gDAAgD;gBAClF,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAkB,CAAC,CAAC,IAAI;gBAChD,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;gBACxC,eAAe,EAAE,KAAK,CAAC,eAAe;gBACtC,QAAQ,EAAE,oBAAoB;gBAC9B,eAAe,EAAE,KAAK,CAAC,KAAK;gBAC5B,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC;gBACnC,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,IAAI,CAAC,CAAC;gBACzC,WAAW,EAAE,KAAK,CAAC,gBAAgB;gBACnC,YAAY,EAAE,KAAK,CAAC,eAAe;gBACnC,WAAW,EAAE,KAAK,CAAC,cAAc;gBACjC,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC;gBAC7C,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,GAAG,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aACnG;SACF,CAAC;KACH,CAAC,CAAA;IAEF,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EACzB,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAA;IAEpB,OAAO;QACL,KAAK;QACL,OAAO;KACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,EAAE,OAAe,EAAE,gBAAwB,EAAE,EAAE;IACzF,qGAAqG;IACrG,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,gBAAgB,CAAA;IAChF,MAAM,GAAG,GAAG,KAAK;QACf,CAAC,CAAC,uEAAuE;QACzE,CAAC,CAAC,mEAAmE,CAAA;IACvE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;QAChC,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;YAClC,cAAc,EAAE,GAAG,SAAS,EAAE;SAC/B;QACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;YACnB,OAAO;SACR,CAAC;KACH,CAAC,CAAA;IAEF,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;IAClC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;IAC1B,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAMD,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,IAAwB,EAAE;IACvE,uCAAuC;IACvC,MAAM,kBAAkB,GAAG;QACzB,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;KACL,CAAA;IAED,OAAO,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAA;AACvE,CAAC,CAAA"}

package/dist/esm/api/index.js

@@ -0,0 +1,2 @@
+export * from './data';
+//# sourceMappingURL=index.js.map

package/dist/esm/api/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/api/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/dist/esm/components/CopyButton.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, CopyIcon, CheckmarkIcon } from '@0xsequence/design-system';
+import { useEffect, useState } from 'react';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+export const CopyButton = (props) => {
+    const { text, size = 'xs', ...rest } = props;
+    const [isCopied, setCopy] = useState(false);
+    useEffect(() => {
+        if (isCopied) {
+            setTimeout(() => {
+                setCopy(false);
+            }, 4000);
+        }
+    }, [isCopied]);
+    const handleCopy = () => {
+        setCopy(true);
+    };
+    return (_jsx(CopyToClipboard, { text: text, onCopy: handleCopy, children: _jsx(Button, { size: size, leftIcon: isCopied ? CheckmarkIcon : CopyIcon, label: isCopied ? 'Copied' : 'Copy', ...rest }) }));
+};
+//# sourceMappingURL=CopyButton.js.map

package/dist/esm/components/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../src/components/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC3E,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAQzD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC5C,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,UAAU,CAAC,GAAG,EAAE;gBACd,OAAO,CAAC,KAAK,CAAC,CAAA;YAChB,CAAC,EAAE,IAAI,CAAC,CAAA;QACV,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CAAC,IAAI,CAAC,CAAA;IACf,CAAC,CAAA;IAED,OAAO,CACL,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,YAC7C,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAAM,IAAI,GAAI,GACpG,CACnB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/DefaultIcon.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '@0xsequence/design-system';
+export const DefaultIcon = ({ size = 30 }) => {
+    return (_jsx("div", { className: "flex items-center justify-center rounded-full bg-background-inverse", style: {
+            width: `${size}px`,
+            height: `${size}px`
+        }, children: _jsx(Text, { className: "inline-block", style: { fontSize: `${size - 4}px` }, variant: "large", color: "inverse", children: "?" }) }));
+};
+//# sourceMappingURL=DefaultIcon.js.map

package/dist/esm/components/DefaultIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultIcon.js","sourceRoot":"","sources":["../../../src/components/DefaultIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAOhD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAoB,EAAE,EAAE;IAC7D,OAAO,CACL,cACE,SAAS,EAAC,qEAAqE,EAC/E,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,IAAI,IAAI;YAClB,MAAM,EAAE,GAAG,IAAI,IAAI;SACpB,YAED,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,EAAE,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,kBAE7F,GACH,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/NavigationHeader.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconButton, ChevronLeftIcon, Text, ModalPrimitive } from '@0xsequence/design-system';
+import { HEADER_HEIGHT } from '../constants';
+import { useNavigation } from '../hooks/useNavigation';
+export const NavigationHeader = ({ secondaryText, primaryText, disableBack = false }) => {
+    const { goBack, history } = useNavigation();
+    const onClickBack = () => {
+        goBack();
+    };
+    return (_jsxs("div", { className: "absolute flex bg-background-primary z-20 w-full flex-row items-center justify-between pt-1.5", style: {
+            height: HEADER_HEIGHT
+        }, children: [history.length > 0 && !disableBack ? (_jsx(IconButton, { onClick: onClickBack, icon: ChevronLeftIcon, size: "sm", style: {
+                    background: 'rgba(0,0,0,0)',
+                    width: '44px'
+                } })) : (_jsx("div", {})), _jsxs("div", { className: "flex w-full items-center justify-center", style: { marginLeft: '40px' }, children: [_jsx(Text, { fontWeight: "medium", variant: "small", color: "muted", children: secondaryText }), _jsx(ModalPrimitive.Title, { asChild: true, children: _jsx(Text, { fontWeight: "medium", variant: "small", color: "primary", children: primaryText }) })] }), _jsx("div", { style: {
+                    width: '44px'
+                } })] }));
+};
+//# sourceMappingURL=NavigationHeader.js.map

package/dist/esm/components/NavigationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHeader.js","sourceRoot":"","sources":["../../../src/components/NavigationHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAG7F,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAQtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,GAAG,KAAK,EAAyB,EAAE,EAAE;IAC7G,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IAE3C,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,EAAE,CAAA;IACV,CAAC,CAAA;IAED,OAAO,CACL,eACE,SAAS,EAAC,8FAA8F,EACxG,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;SACtB,aAEA,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACpC,KAAC,UAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE;oBACL,UAAU,EAAE,eAAe;oBAC3B,KAAK,EAAE,MAAM;iBACd,GACD,CACH,CAAC,CAAC,CAAC,CACF,eAAO,CACR,EACD,eAAK,SAAS,EAAC,yCAAyC,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,aACpF,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,YACpD,aAAa,GACT,EACP,KAAC,cAAc,CAAC,KAAK,IAAC,OAAO,kBAC3B,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,YACtD,WAAW,GACP,GACc,IACnB,EACN,cACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;iBACd,GACD,IACE,CACP,CAAA;AACH,CAAC,CAAA"}