thirdweb 5.105.8 → 5.105.10

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js

@@ -1,225 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConnectorLine = void 0;
-exports.SwapConfirmationScreen = SwapConfirmationScreen;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const pay_js_1 = require("../../../../../../../analytics/track/pay.js");
-const contract_js_1 = require("../../../../../../../contract/contract.js");
-const approve_js_1 = require("../../../../../../../extensions/erc20/write/approve.js");
-const send_batch_transaction_js_1 = require("../../../../../../../transaction/actions/send-batch-transaction.js");
-const send_transaction_js_1 = require("../../../../../../../transaction/actions/send-transaction.js");
-const wait_for_tx_receipt_js_1 = require("../../../../../../../transaction/actions/wait-for-tx-receipt.js");
-const CustomThemeProvider_js_1 = require("../../../../../../core/design-system/CustomThemeProvider.js");
-const basic_js_1 = require("../../../../components/basic.js");
-const buttons_js_1 = require("../../../../components/buttons.js");
-const Spacer_js_1 = require("../../../../components/Spacer.js");
-const Spinner_js_1 = require("../../../../components/Spinner.js");
-const StepBar_js_1 = require("../../../../components/StepBar.js");
-const SwitchNetwork_js_1 = require("../../../../components/SwitchNetwork.js");
-const text_js_1 = require("../../../../components/text.js");
-const elements_js_1 = require("../../../../design-system/elements.js");
-const Stepper_js_1 = require("../Stepper.js");
-const ErrorText_js_1 = require("./ErrorText.js");
-const pendingSwapTx_js_1 = require("./pendingSwapTx.js");
-const SwapSummary_js_1 = require("./SwapSummary.js");
-/**
- * @internal
- */
-function SwapConfirmationScreen(props) {
-    const approveTxRequired = props.quote.approvalData &&
-        props.preApprovedAmount !== undefined &&
-        props.preApprovedAmount < BigInt(props.quote.approvalData.amountWei);
-    const needsApprovalStep = approveTxRequired && !props.payer.account.sendBatchTransaction;
-    const initialStep = needsApprovalStep ? "approval" : "swap";
-    const [step, setStep] = (0, react_1.useState)(initialStep);
-    const [error, setError] = (0, react_1.useState)();
-    const [status, setStatus] = (0, react_1.useState)("idle");
-    const receiver = props.quote.swapDetails.toAddress;
-    const sender = props.quote.swapDetails.fromAddress;
-    const uiErrorMessage = (0, react_1.useMemo)(() => {
-        if (step === "approval" && status === "error" && error) {
-            if (error.toLowerCase().includes("user rejected") ||
-                error.toLowerCase().includes("user closed modal") ||
-                error.toLowerCase().includes("user denied")) {
-                return {
-                    message: "Your wallet rejected the approval request.",
-                    title: "Failed to Approve",
-                };
-            }
-            if (error.toLowerCase().includes("insufficient funds for gas")) {
-                return {
-                    message: "You do not have enough native funds to approve the transaction.",
-                    title: "Insufficient Native Funds",
-                };
-            }
-            return {
-                message: "Your wallet failed to approve the transaction for an unknown reason. Please try again or contact support.",
-                title: "Failed to Approve",
-            };
-        }
-        if (step === "swap" && status === "error" && error) {
-            if (error.toLowerCase().includes("user rejected") ||
-                error.toLowerCase().includes("user closed modal") ||
-                error.toLowerCase().includes("user denied")) {
-                return {
-                    message: "Your wallet rejected the confirmation request.",
-                    title: "Failed to Confirm",
-                };
-            }
-            if (error.toLowerCase().includes("insufficient funds for gas")) {
-                return {
-                    message: "You do not have enough native funds to confirm the transaction.",
-                    title: "Insufficient Native Funds",
-                };
-            }
-            return {
-                message: "Your wallet failed to confirm the transaction for an unknown reason. Please try again or contact support.",
-                title: "Failed to Confirm",
-            };
-        }
-        return undefined;
-    }, [error, step, status]);
-    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { p: "lg", children: [(0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { onBack: props.onBack, title: props.title }), props.isFiatFlow ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsx)(StepBar_js_1.StepBar, { currentStep: 2, steps: 2 }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { size: "xs", children: ["Step 2 of 2 - Converting ", props.fromTokenSymbol, " to", " ", props.toTokenSymbol] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "sm", children: "Confirm payment" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" })] })), (0, jsx_runtime_1.jsx)(SwapSummary_js_1.SwapSummary, { client: props.client, fromAmount: props.fromAmount, fromChain: props.fromChain, fromToken: props.fromToken, receiver: receiver, sender: sender, toAmount: props.toAmount, toChain: props.toChain, toToken: props.toToken }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), needsApprovalStep && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", color: "accentText", flex: "row", gap: "sm", style: {
-                            justifyContent: "space-between",
-                        }, children: [(0, jsx_runtime_1.jsx)(Stepper_js_1.Step, { isActive: step === "approval", isDone: step === "swap", label: step === "approval" ? "Approve" : "Approved" }), (0, jsx_runtime_1.jsx)(exports.ConnectorLine, {}), (0, jsx_runtime_1.jsx)(Stepper_js_1.Step, { isActive: step === "swap", isDone: false, label: "Confirm" })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" })] })), uiErrorMessage && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ErrorText_js_1.ErrorText, { message: uiErrorMessage.message, title: uiErrorMessage.title }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" })] })), props.payer.chain.id !== props.fromChain.id ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xs" }), (0, jsx_runtime_1.jsx)(SwitchNetwork_js_1.SwitchNetworkButton, { fullWidth: true, switchChain: async () => {
-                            await props.payer.wallet.switchChain(props.fromChain);
-                        }, variant: "accent" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xs" }), (0, jsx_runtime_1.jsxs)(buttons_js_1.Button, { disabled: status === "pending", fullWidth: true, gap: "xs", onClick: async () => {
-                            const wallet = props.payer.wallet;
-                            // in case the wallet is not on the same chain as the fromToken, switch to it
-                            if (wallet.getChain()?.id !== props.fromChain.id) {
-                                await wallet.switchChain(props.fromChain);
-                            }
-                            const account = wallet.getAccount();
-                            if (!account) {
-                                throw new Error("Payer wallet has no account");
-                            }
-                            if (step === "approval" && props.quote.approvalData) {
-                                try {
-                                    setStatus("pending");
-                                    (0, pay_js_1.trackPayEvent)({
-                                        amountWei: props.quote.swapDetails.fromAmountWei,
-                                        chainId: props.quote.swapDetails.fromToken.chainId,
-                                        client: props.client,
-                                        event: "prompt_swap_approval",
-                                        fromToken: props.quote.swapDetails.fromToken.tokenAddress,
-                                        toChainId: props.quote.swapDetails.toToken.chainId,
-                                        toToken: props.quote.swapDetails.toToken.tokenAddress,
-                                        walletAddress: account.address,
-                                        walletType: wallet.id,
-                                    });
-                                    const transaction = (0, approve_js_1.approve)({
-                                        amountWei: BigInt(props.quote.approvalData.amountWei),
-                                        contract: (0, contract_js_1.getContract)({
-                                            address: props.quote.swapDetails.fromToken.tokenAddress,
-                                            chain: props.fromChain,
-                                            client: props.client,
-                                        }),
-                                        spender: props.quote.approvalData.spenderAddress,
-                                    });
-                                    const tx = await (0, send_transaction_js_1.sendTransaction)({
-                                        account: account,
-                                        transaction,
-                                    });
-                                    await (0, wait_for_tx_receipt_js_1.waitForReceipt)({ ...tx, maxBlocksWaitTime: 50 });
-                                    (0, pay_js_1.trackPayEvent)({
-                                        amountWei: props.quote.swapDetails.fromAmountWei,
-                                        chainId: props.quote.swapDetails.fromToken.chainId,
-                                        client: props.client,
-                                        event: "swap_approval_success",
-                                        fromToken: props.quote.swapDetails.fromToken.tokenAddress,
-                                        toChainId: props.quote.swapDetails.toToken.chainId,
-                                        toToken: props.quote.swapDetails.toToken.tokenAddress,
-                                        walletAddress: account.address,
-                                        walletType: wallet.id,
-                                    });
-                                    setStep("swap");
-                                    setStatus("idle");
-                                }
-                                catch (e) {
-                                    console.error(e);
-                                    setError(e.message);
-                                    setStatus("error");
-                                }
-                            }
-                            if (step === "swap") {
-                                setStatus("pending");
-                                try {
-                                    (0, pay_js_1.trackPayEvent)({
-                                        amountWei: props.quote.swapDetails.fromAmountWei,
-                                        chainId: props.quote.swapDetails.fromToken.chainId,
-                                        client: props.client,
-                                        event: "prompt_swap_execution",
-                                        fromToken: props.quote.swapDetails.fromToken.tokenAddress,
-                                        toChainId: props.quote.swapDetails.toToken.chainId,
-                                        toToken: props.quote.swapDetails.toToken.tokenAddress,
-                                        walletAddress: account.address,
-                                        walletType: wallet.id,
-                                    });
-                                    const tx = props.quote.transactionRequest;
-                                    let _swapTx;
-                                    // check if we can batch approval and swap
-                                    const canBatch = account.sendBatchTransaction;
-                                    if (canBatch &&
-                                        props.quote.approvalData &&
-                                        approveTxRequired) {
-                                        const approveTx = (0, approve_js_1.approve)({
-                                            amountWei: BigInt(props.quote.approvalData.amountWei),
-                                            contract: (0, contract_js_1.getContract)({
-                                                address: props.quote.swapDetails.fromToken.tokenAddress,
-                                                chain: props.fromChain,
-                                                client: props.client,
-                                            }),
-                                            spender: props.quote.approvalData.spenderAddress,
-                                        });
-                                        _swapTx = await (0, send_batch_transaction_js_1.sendBatchTransaction)({
-                                            account: account,
-                                            transactions: [approveTx, tx],
-                                        });
-                                    }
-                                    else {
-                                        _swapTx = await (0, send_transaction_js_1.sendTransaction)({
-                                            account: account,
-                                            transaction: tx,
-                                        });
-                                    }
-                                    (0, pay_js_1.trackPayEvent)({
-                                        amountWei: props.quote.swapDetails.fromAmountWei,
-                                        chainId: props.quote.swapDetails.fromToken.chainId,
-                                        client: props.client,
-                                        event: "swap_execution_success",
-                                        fromToken: props.quote.swapDetails.fromToken.tokenAddress,
-                                        toChainId: props.quote.swapDetails.toToken.chainId,
-                                        toToken: props.quote.swapDetails.toToken.tokenAddress,
-                                        walletAddress: account.address,
-                                        walletType: wallet.id,
-                                    });
-                                    // do not add pending tx if the swap is part of fiat flow
-                                    if (!props.isFiatFlow) {
-                                        (0, pendingSwapTx_js_1.addPendingTx)({
-                                            chainId: _swapTx.chain.id,
-                                            txHash: _swapTx.transactionHash,
-                                            type: "swap",
-                                        });
-                                    }
-                                    props.setSwapTxHash(_swapTx.transactionHash);
-                                }
-                                catch (e) {
-                                    console.error(e);
-                                    setStatus("error");
-                                    setError(e.message);
-                                }
-                            }
-                        }, variant: "accent", children: [step === "approval" &&
-                                (status === "pending" ? "Approving" : "Approve"), step === "swap" &&
-                                (status === "pending" ? "Confirming" : "Confirm"), status === "pending" && ((0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { color: "accentButtonText", size: "sm" }))] })] }))] }));
-}
-exports.ConnectorLine = (0, elements_js_1.StyledDiv)(() => {
-    const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
-    return {
-        background: theme.colors.borderColor,
-        flex: 1,
-        height: "4px",
-    };
-});
-//# sourceMappingURL=ConfirmationScreen.js.map

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmationScreen.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ErrorText.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorText = ErrorText;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_icons_1 = require("@radix-ui/react-icons");
-const index_js_1 = require("../../../../../../core/design-system/index.js");
-const basic_js_1 = require("../../../../components/basic.js");
-const text_js_1 = require("../../../../components/text.js");
-function ErrorText(props) {
-    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "xxs", children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "both", color: "danger", flex: "row", gap: "xxs", children: [(0, jsx_runtime_1.jsx)(react_icons_1.CrossCircledIcon, { height: index_js_1.iconSize.sm, width: index_js_1.iconSize.sm }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "danger", size: "sm", children: props.title })] }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, size: "xs", children: props.message })] }));
-}
-//# sourceMappingURL=ErrorText.js.map

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/ErrorText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorText.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/ErrorText.tsx"],"names":[],"mappings":";;AAKA,8BAcC;;AAnBD,uDAAyD;AACzD,4EAAyE;AACzE,8DAA4D;AAC5D,4DAAsD;AAEtD,SAAgB,SAAS,CAAC,KAAyC;IACjE,OAAO,CACL,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,aAChC,wBAAC,oBAAS,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,aAC1D,uBAAC,8BAAgB,IAAC,MAAM,EAAE,mBAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,mBAAQ,CAAC,EAAE,GAAI,EAC7D,uBAAC,cAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,YAC3B,KAAK,CAAC,KAAK,GACP,IACG,EACZ,uBAAC,cAAI,IAAC,MAAM,QAAC,IAAI,EAAC,IAAI,YACnB,KAAK,CAAC,OAAO,GACT,IACG,CACb,CAAC;AACJ,CAAC"}

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwapFees = SwapFees;
-exports.FiatFees = FiatFees;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const formatNumber_js_1 = require("../../../../../../../utils/formatNumber.js");
-const basic_js_1 = require("../../../../components/basic.js");
-const Spacer_js_1 = require("../../../../components/Spacer.js");
-const text_js_1 = require("../../../../components/text.js");
-/**
- * @internal
- */
-function SwapFees(props) {
-    return ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "column", gap: "xs", style: {
-            alignItems: "flex-start",
-        }, children: props.quote.processingFees.map((fee) => {
-            const feeAmount = (0, formatNumber_js_1.formatNumber)(Number(fee.amount), 6);
-            return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "xxs", children: [(0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "primaryText", size: "sm", children: [feeAmount === 0 ? "~" : "", feeAmount, " ", fee.token.symbol] }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "secondaryText", size: "sm", children: ["($", (fee.amountUSDCents / 100).toFixed(2), ")"] })] }, `${fee.token.chainId}_${fee.token.tokenAddress}_${feeAmount}`));
-        }) }));
-}
-/**
- * @internal
- */
-function FiatFees(props) {
-    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "xs", children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                    display: "flex",
-                    justifyContent: "space-between",
-                }, children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", inline: true, children: "Amount" }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "primaryText", inline: true, children: [(0, formatNumber_js_1.formatNumber)(Number(props.quote.fromCurrency.amount), 2), " ", props.quote.fromCurrency.currencySymbol] })] }), props.quote.processingFees.map((fee, i) => {
-                const feeAmount = (0, formatNumber_js_1.formatNumber)(Number(fee.amount), 6);
-                return ((0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: "flex",
-                        justifyContent: "space-between",
-                    }, children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", inline: true, children: fee.feeType === "NETWORK" ? "Network Fee" : "Processing Fee" }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "primaryText", inline: true, children: [feeAmount === 0 ? "~" : "", " ", feeAmount, " ", fee.currencySymbol] })] }, i));
-            }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxs" }), (0, jsx_runtime_1.jsx)(basic_js_1.Line, {}), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xxs" }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                    display: "flex",
-                    justifyContent: "space-between",
-                }, children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", inline: true, children: "Total" }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "primaryText", inline: true, children: [(0, formatNumber_js_1.formatNumber)(Number(props.quote.fromCurrencyWithFees.amount), 6), " ", props.quote.fromCurrencyWithFees.currencySymbol] })] })] }));
-}
-//# sourceMappingURL=Fees.js.map

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Fees.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/Fees.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PayWithCryptoQuoteInfo = PayWithCryptoQuoteInfo;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CustomThemeProvider_js_1 = require("../../../../../../core/design-system/CustomThemeProvider.js");
-const index_js_1 = require("../../../../../../core/design-system/index.js");
-const useWalletBalance_js_1 = require("../../../../../../core/hooks/others/useWalletBalance.js");
-const basic_js_1 = require("../../../../components/basic.js");
-const Skeleton_js_1 = require("../../../../components/Skeleton.js");
-const text_js_1 = require("../../../../components/text.js");
-const TokenRow_js_1 = require("../../../../components/token/TokenRow.js");
-const TokenSymbol_js_1 = require("../../../../components/token/TokenSymbol.js");
-const formatTokenBalance_js_1 = require("../../formatTokenBalance.js");
-const nativeToken_js_1 = require("../../nativeToken.js");
-const WalletRow_js_1 = require("./WalletRow.js");
-/**
- * Shows an amount "value" and renders the selected token and chain
- * It also renders the buttons to select the token and chain
- * It also renders the balance of active wallet for the selected token in selected chain
- * @internal
- */
-function PayWithCryptoQuoteInfo(props) {
-    const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
-    const balanceQuery = (0, useWalletBalance_js_1.useWalletBalance)({
-        address: props.payerAccount.address,
-        chain: props.chain,
-        client: props.client,
-        tokenAddress: (0, nativeToken_js_1.isNativeToken)(props.token)
-            ? undefined
-            : props.token?.address,
-    }, {
-        enabled: !!props.chain && !!props.token,
-    });
-    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { bg: "tertiaryBg", style: {
-            border: `1px solid ${theme.colors.borderColor}`,
-            borderRadius: index_js_1.radius.lg,
-            ...(props.swapRequired
-                ? {
-                    borderBottom: "none",
-                    borderBottomLeftRadius: 0,
-                    borderBottomRightRadius: 0,
-                }
-                : {}),
-        }, children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "sm", style: {
-                    borderBottom: `1px solid ${theme.colors.borderColor}`,
-                    justifyContent: "space-between",
-                    padding: index_js_1.spacing.sm,
-                }, children: [(0, jsx_runtime_1.jsx)(WalletRow_js_1.WalletRow, { address: props.payerAccount.address, client: props.client }), props.token && props.chain && balanceQuery.data ? ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", flex: "row", gap: "3xs", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "secondaryText", size: "xs", weight: 500, children: (0, formatTokenBalance_js_1.formatTokenBalance)(balanceQuery.data, false, 4) }), (0, jsx_runtime_1.jsx)(TokenSymbol_js_1.TokenSymbol, { chain: props.chain, color: "secondaryText", size: "xs", token: props.token })] })) : props.token && props.chain && balanceQuery.isLoading ? ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { height: index_js_1.fontSize.xs, width: "70px" })) : null] }), (0, jsx_runtime_1.jsx)(TokenRow_js_1.TokenRow, { chain: props.chain, client: props.client, isLoading: props.isLoading, onSelectToken: props.onSelectToken, style: {
-                    border: "none",
-                    borderBottomLeftRadius: !props.token || !props.chain || !props.swapRequired ? index_js_1.radius.lg : 0,
-                    borderBottomRightRadius: !props.token || !props.chain || !props.swapRequired ? index_js_1.radius.lg : 0,
-                    borderRadius: 0,
-                }, token: props.token, value: props.value })] }));
-}
-//# sourceMappingURL=PayWithCrypto.js.map

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PayWithCrypto.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapFlow.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwapFlow = SwapFlow;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_js_1 = require("../../../../../../../chains/utils.js");
-const addresses_js_1 = require("../../../../../../../constants/addresses.js");
-const nativeToken_js_1 = require("../../nativeToken.js");
-const ConfirmationScreen_js_1 = require("./ConfirmationScreen.js");
-const SwapStatusScreen_js_1 = require("./SwapStatusScreen.js");
-function SwapFlow(props) {
-    const [swapTxHash, setSwapTxHash] = (0, react_1.useState)();
-    const quote = props.buyWithCryptoQuote;
-    const fromChain = (0, react_1.useMemo)(() => (0, utils_js_1.getCachedChain)(quote.swapDetails.fromToken.chainId), [quote]);
-    const toChain = (0, react_1.useMemo)(() => (0, utils_js_1.getCachedChain)(quote.swapDetails.toToken.chainId), [quote]);
-    const fromTokenSymbol = quote.swapDetails.fromToken.symbol || "";
-    const toTokenSymbol = quote.swapDetails.toToken.symbol || "";
-    const fromAmount = quote.swapDetails.fromAmount;
-    const toAmount = quote.swapDetails.toAmount;
-    const _toToken = quote.swapDetails.toToken;
-    const _fromToken = quote.swapDetails.fromToken;
-    const toToken = (0, react_1.useMemo)(() => {
-        if (_toToken.tokenAddress === addresses_js_1.NATIVE_TOKEN_ADDRESS) {
-            return nativeToken_js_1.NATIVE_TOKEN;
-        }
-        const tokenInfo = {
-            address: _toToken.tokenAddress,
-            name: _toToken.name || "",
-            symbol: _toToken.symbol || "",
-        };
-        return tokenInfo;
-    }, [_toToken]);
-    const fromToken = (0, react_1.useMemo)(() => {
-        if (_fromToken.tokenAddress === addresses_js_1.NATIVE_TOKEN_ADDRESS) {
-            return nativeToken_js_1.NATIVE_TOKEN;
-        }
-        const tokenInfo = {
-            address: _fromToken.tokenAddress,
-            name: _fromToken.name || "",
-            symbol: _fromToken.symbol || "",
-        };
-        return tokenInfo;
-    }, [_fromToken]);
-    if (swapTxHash) {
-        return ((0, jsx_runtime_1.jsx)(SwapStatusScreen_js_1.SwapStatusScreen, { client: props.client, fromChain: fromChain, isEmbed: props.isEmbed, onBack: props.onBack, onDone: props.onDone, onSuccess: props.onSuccess, onTryAgain: props.onTryAgain, quote: quote, swapTxHash: swapTxHash, title: props.title, transactionMode: props.transactionMode }));
-    }
-    return ((0, jsx_runtime_1.jsx)(ConfirmationScreen_js_1.SwapConfirmationScreen, { client: props.client, fromAmount: fromAmount, fromChain: fromChain, fromToken: fromToken, fromTokenSymbol: fromTokenSymbol, isFiatFlow: props.isFiatFlow, onBack: props.onBack, onTryAgain: props.onTryAgain, payer: props.payer, preApprovedAmount: props.approvalAmount, quote: quote, setSwapTxHash: setSwapTxHash, title: props.title, toAmount: toAmount, toChain: toChain, toToken: toToken, toTokenSymbol: toTokenSymbol }));
-}
-//# sourceMappingURL=SwapFlow.js.map

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapFlow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwapFlow.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/SwapFlow.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/SwapScreenContent.js

@@ -1,176 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwapScreenContent = SwapScreenContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
-const pay_js_1 = require("../../../../../../../analytics/track/pay.js");
-const utils_js_1 = require("../../../../../../../chains/utils.js");
-const addresses_js_1 = require("../../../../../../../constants/addresses.js");
-const contract_js_1 = require("../../../../../../../contract/contract.js");
-const allowance_js_1 = require("../../../../../../../extensions/erc20/__generated__/IERC20/read/allowance.js");
-const useWalletBalance_js_1 = require("../../../../../../core/hooks/others/useWalletBalance.js");
-const useBuyWithCryptoQuote_js_1 = require("../../../../../../core/hooks/pay/useBuyWithCryptoQuote.js");
-const errors_js_1 = require("../../../../../utils/errors.js");
-const basic_js_1 = require("../../../../components/basic.js");
-const buttons_js_1 = require("../../../../components/buttons.js");
-const Drawer_js_1 = require("../../../../components/Drawer.js");
-const Spacer_js_1 = require("../../../../components/Spacer.js");
-const Spinner_js_1 = require("../../../../components/Spinner.js");
-const text_js_1 = require("../../../../components/text.js");
-const TokenSymbol_js_1 = require("../../../../components/token/TokenSymbol.js");
-const nativeToken_js_1 = require("../../nativeToken.js");
-const EstimatedTimeAndFees_js_1 = require("../EstimatedTimeAndFees.js");
-const Fees_js_1 = require("./Fees.js");
-const PayWithCrypto_js_1 = require("./PayWithCrypto.js");
-function SwapScreenContent(props) {
-    const { setScreen, payer, client, toChain, tokenAmount, toToken, fromChain, fromToken, payOptions, disableTokenSelection, } = props;
-    const defaultRecipientAddress = props.payOptions?.paymentInfo?.sellerAddress;
-    const receiverAddress = defaultRecipientAddress || props.activeAccount.address;
-    const { drawerRef, drawerOverlayRef, isOpen, setIsOpen } = (0, Drawer_js_1.useDrawer)();
-    const [drawerScreen, setDrawerScreen] = (0, react_1.useState)("fees");
-    const fromTokenBalanceQuery = (0, useWalletBalance_js_1.useWalletBalance)({
-        address: payer.account.address,
-        chain: fromChain,
-        client,
-        tokenAddress: (0, nativeToken_js_1.isNativeToken)(fromToken) ? undefined : fromToken?.address,
-    }, {
-        enabled: !!fromChain && !!fromToken,
-    });
-    const fromTokenId = (0, nativeToken_js_1.isNativeToken)(fromToken)
-        ? addresses_js_1.NATIVE_TOKEN_ADDRESS
-        : fromToken?.address?.toLowerCase();
-    const toTokenId = (0, nativeToken_js_1.isNativeToken)(toToken)
-        ? addresses_js_1.NATIVE_TOKEN_ADDRESS
-        : toToken.address.toLowerCase();
-    const swapRequired = !!tokenAmount &&
-        !!fromChain &&
-        !!fromTokenId &&
-        !(fromChain?.id === toChain.id && fromTokenId === toTokenId);
-    const quoteParams = fromChain && fromToken && swapRequired
-        ? {
-            client,
-            // wallets
-            fromAddress: payer.account.address,
-            // from
-            fromChainId: fromChain.id,
-            fromTokenAddress: (0, nativeToken_js_1.isNativeToken)(fromToken)
-                ? addresses_js_1.NATIVE_TOKEN_ADDRESS
-                : fromToken.address,
-            paymentLinkId: props.paymentLinkId,
-            purchaseData: payOptions.purchaseData,
-            toAddress: receiverAddress,
-            toAmount: tokenAmount,
-            // to
-            toChainId: toChain.id,
-            toTokenAddress: (0, nativeToken_js_1.isNativeToken)(toToken)
-                ? addresses_js_1.NATIVE_TOKEN_ADDRESS
-                : toToken.address,
-        }
-        : undefined;
-    const quoteQuery = (0, useBuyWithCryptoQuote_js_1.useBuyWithCryptoQuote)(quoteParams, {
-        gcTime: 30 * 1000,
-        refetchInterval: 30 * 1000,
-        // refetch every 30 seconds
-        staleTime: 30 * 1000,
-    });
-    const allowanceQuery = (0, react_query_1.useQuery)({
-        enabled: !!quoteQuery.data?.approvalData,
-        queryFn: () => {
-            if (!quoteQuery.data?.approvalData) {
-                return null;
-            }
-            return (0, allowance_js_1.allowance)({
-                contract: (0, contract_js_1.getContract)({
-                    address: quoteQuery.data.swapDetails.fromToken.tokenAddress,
-                    chain: (0, utils_js_1.getCachedChain)(quoteQuery.data.swapDetails.fromToken.chainId),
-                    client: props.client,
-                }),
-                owner: props.payer.account.address,
-                spender: quoteQuery.data.approvalData.spenderAddress,
-            });
-        },
-        queryKey: [
-            "allowance",
-            payer.account.address,
-            quoteQuery.data?.approvalData,
-        ],
-        refetchOnMount: true,
-    });
-    const sourceTokenAmount = swapRequired
-        ? quoteQuery.data?.swapDetails.fromAmount
-        : tokenAmount;
-    const isNotEnoughBalance = !!sourceTokenAmount &&
-        !!fromTokenBalanceQuery.data &&
-        Number(fromTokenBalanceQuery.data.displayValue) < Number(sourceTokenAmount);
-    const disableContinue = !fromChain ||
-        !fromToken ||
-        (swapRequired && !quoteQuery.data) ||
-        isNotEnoughBalance ||
-        allowanceQuery.isLoading;
-    const errorMsg = !quoteQuery.isLoading && quoteQuery.error
-        ? (0, errors_js_1.getErrorMessage)(quoteQuery.error)
-        : undefined;
-    function showSwapFlow() {
-        if ((props.payOptions.mode === "direct_payment" ||
-            props.payOptions.mode === "fund_wallet") &&
-            !isNotEnoughBalance &&
-            !swapRequired) {
-            // same currency, just direct transfer
-            setScreen({
-                id: "transfer-flow",
-            });
-        }
-        else if (props.payOptions.mode === "transaction" &&
-            !isNotEnoughBalance &&
-            !swapRequired) {
-            if (payer.account.address !== receiverAddress) {
-                // needs transfer from another wallet before executing the transaction
-                setScreen({
-                    id: "transfer-flow",
-                });
-            }
-            else {
-                // has enough balance to just do the transaction directly
-                props.onDone();
-            }
-            return;
-        }
-        if (!quoteQuery.data) {
-            return;
-        }
-        setScreen({
-            approvalAmount: allowanceQuery.data ?? undefined,
-            id: "swap-flow",
-            quote: quoteQuery.data,
-        });
-    }
-    function showFees() {
-        if (!quoteQuery.data) {
-            return;
-        }
-        setIsOpen(true);
-        setDrawerScreen("fees");
-    }
-    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { animate: "fadein", flex: "column", gap: "lg", children: [isOpen && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Drawer_js_1.DrawerOverlay, { ref: drawerOverlayRef }), (0, jsx_runtime_1.jsx)(Drawer_js_1.Drawer, { close: () => setIsOpen(false), ref: drawerRef, children: drawerScreen === "fees" && quoteQuery.data && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { color: "primaryText", size: "lg", children: "Fees" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsx)(Fees_js_1.SwapFees, { quote: quoteQuery.data })] })) })] })), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "sm", children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { center: "y", flex: "row", gap: "xxs", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "sm", children: "Pay with" }), fromToken && fromChain ? ((0, jsx_runtime_1.jsx)(TokenSymbol_js_1.TokenSymbol, { chain: fromChain, color: "secondaryText", size: "sm", token: fromToken })) : ("crypto")] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(PayWithCrypto_js_1.PayWithCryptoQuoteInfo, { chain: fromChain, client: client, freezeChainAndTokenSelection: disableTokenSelection, isLoading: quoteQuery.isLoading && !sourceTokenAmount, onSelectToken: props.showFromTokenSelector, payerAccount: props.payer.account, swapRequired: swapRequired, token: fromToken, value: sourceTokenAmount || "" }), swapRequired && fromChain && fromToken && ((0, jsx_runtime_1.jsx)(EstimatedTimeAndFees_js_1.EstimatedTimeAndFees, { estimatedSeconds: quoteQuery.data?.swapDetails.estimated.durationSeconds, onViewFees: showFees, quoteIsLoading: quoteQuery.isLoading }))] }), errorMsg && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, color: "danger", multiline: true, size: "xs", children: errorMsg.title }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, multiline: true, size: "xs", children: errorMsg.message })] }) })), !errorMsg && isNotEnoughBalance && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, color: "danger", multiline: true, size: "xs", children: "Insufficient Funds" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { center: true, multiline: true, size: "xs", children: "Select another token or pay with card." })] }))] }), isNotEnoughBalance || errorMsg ? ((0, jsx_runtime_1.jsx)(buttons_js_1.Button, { fullWidth: true, onClick: () => props.showFromTokenSelector(), variant: "accent", children: "Pay with another token" })) : ((0, jsx_runtime_1.jsx)(buttons_js_1.Button, { "data-disabled": disableContinue, disabled: disableContinue, fullWidth: true, gap: "xs", onClick: async () => {
-                    if (!disableContinue) {
-                        if (props.payer.wallet.getChain()?.id !== fromChain?.id) {
-                            await props.payer.wallet.switchChain(fromChain);
-                        }
-                        showSwapFlow();
-                        (0, pay_js_1.trackPayEvent)({
-                            chainId: fromChain.id,
-                            client: client,
-                            event: "confirm_swap_quote",
-                            fromToken: (0, nativeToken_js_1.isNativeToken)(fromToken)
-                                ? undefined
-                                : fromToken.address,
-                            toChainId: toChain.id,
-                            toToken: (0, nativeToken_js_1.isNativeToken)(toToken) ? undefined : toToken.address,
-                            walletAddress: payer.account.address,
-                            walletType: payer.wallet.id,
-                        });
-                    }
-                }, variant: disableContinue ? "outline" : "accent", children: quoteQuery.isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Getting price quote", (0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { size: "sm" })] })) : ("Continue") }))] }));
-}
-//# sourceMappingURL=SwapScreenContent.js.map