@relayprotocol/relay-kit-ui 2.17.2

package/_cjs/src/components/widgets/OnrampWidget/modals/OnrampModal.js

@@ -0,0 +1,286 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnrampModal = exports.OnrampProcessingStep = exports.OnrampStep = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const relay_sdk_1 = require("@relayprotocol/relay-sdk");
+const react_1 = require("react");
+const Modal_js_1 = require("../../../common/Modal.js");
+const useRelayClient_js_1 = tslib_1.__importDefault(require("../../../../hooks/useRelayClient.js"));
+const events_js_1 = require("../../../../constants/events.js");
+const relay_kit_hooks_1 = require("@relayprotocol/relay-kit-hooks");
+const relayTransaction_js_1 = require("../../../../utils/relayTransaction.js");
+const viem_1 = require("viem");
+const quote_js_1 = require("../../../../utils/quote.js");
+const getTxBlockExplorerUrl_js_1 = require("../../../../utils/getTxBlockExplorerUrl.js");
+const OnrampConfirmingStep_js_1 = require("./steps/OnrampConfirmingStep.js");
+const OnrampProcessingStepUI_js_1 = require("./steps/OnrampProcessingStepUI.js");
+const OnrampProcessingPassthroughStep_js_1 = require("./steps/OnrampProcessingPassthroughStep.js");
+const OnrampSuccessStep_js_1 = require("./steps/OnrampSuccessStep.js");
+const OnrampMoonPayStep_js_1 = require("./steps/OnrampMoonPayStep.js");
+const numbers_js_1 = require("../../../../utils/numbers.js");
+const ErrorStep_js_1 = require("../../../common/TransactionModal/steps/ErrorStep.js");
+const errors_js_1 = require("../../../../utils/errors.js");
+const wagmi_1 = require("wagmi");
+const chains_1 = require("viem/chains");
+var OnrampStep;
+(function (OnrampStep) {
+    OnrampStep[OnrampStep["Confirming"] = 0] = "Confirming";
+    OnrampStep[OnrampStep["Moonpay"] = 1] = "Moonpay";
+    OnrampStep[OnrampStep["Processing"] = 2] = "Processing";
+    OnrampStep[OnrampStep["ProcessingPassthrough"] = 3] = "ProcessingPassthrough";
+    OnrampStep[OnrampStep["Success"] = 4] = "Success";
+    OnrampStep[OnrampStep["Error"] = 5] = "Error";
+})(OnrampStep || (exports.OnrampStep = OnrampStep = {}));
+var OnrampProcessingStep;
+(function (OnrampProcessingStep) {
+    OnrampProcessingStep[OnrampProcessingStep["Finalizing"] = 0] = "Finalizing";
+    OnrampProcessingStep[OnrampProcessingStep["Relaying"] = 1] = "Relaying";
+})(OnrampProcessingStep || (exports.OnrampProcessingStep = OnrampProcessingStep = {}));
+const OnrampModal = ({ open, amount, amountFormatted, recipient, fromToken, toToken, toChain, fromChain, fiatCurrency, isPassthrough, amountToTokenFormatted, moonPayCurrencyCode, usdRate, moonPayThemeId, moonPayThemeMode, moonPayApiKey, moonpayOnUrlSignatureRequested, onAnalyticEvent, onSuccess, onError, onOpenChange }) => {
+    const [swapError, setSwapError] = (0, react_1.useState)(null);
+    const [step, setStep] = (0, react_1.useState)(OnrampStep.Confirming);
+    const [processingStep, setProcessingStep] = (0, react_1.useState)();
+    const [moonPayRequestId, setMoonPayRequestId] = (0, react_1.useState)();
+    const client = (0, useRelayClient_js_1.default)();
+    const { connector } = (0, wagmi_1.useAccount)();
+    const [moonPayIdAppended, setMoonPayIdAppended] = (0, react_1.useState)(false);
+    const { data: ethTokenPriceResponse } = (0, relay_kit_hooks_1.useTokenPrice)(client?.baseApiUrl, {
+        address: viem_1.zeroAddress,
+        chainId: chains_1.mainnet.id,
+        referrer: client?.source
+    }, {
+        refetchInterval: 60000 * 5,
+        refetchOnWindowFocus: false
+    });
+    const [passthroughExternalId, setPassthroughExternalId] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            setStep(OnrampStep.Confirming);
+            setProcessingStep(undefined);
+            setMoonPayRequestId(undefined);
+            setMoonPayIdAppended(false);
+            setSwapError(null);
+            setPassthroughExternalId(undefined);
+        }
+        else {
+            if (isPassthrough) {
+                setStep(OnrampStep.Moonpay);
+                setPassthroughExternalId(`${recipient ? recipient.slice(recipient.length - 5) : ''}${Date.now()}`);
+            }
+            onAnalyticEvent?.(events_js_1.EventNames.ONRAMP_MODAL_OPEN, {
+                isPassthrough
+            });
+        }
+    }, [open]);
+    const ethAmount = ethTokenPriceResponse && ethTokenPriceResponse.price
+        ? +(amount ?? '0') / ethTokenPriceResponse.price
+        : 0;
+    const { data: quote, error: quoteError, isFetching: isFetchingQuote } = (0, relay_kit_hooks_1.useQuote)(client ?? undefined, undefined, {
+        originChainId: fromToken.chainId,
+        originCurrency: fromToken.address,
+        destinationChainId: toToken.chainId,
+        destinationCurrency: toToken.address,
+        useDepositAddress: true,
+        tradeType: 'EXACT_INPUT',
+        amount: fromToken.symbol === 'USDC'
+            ? (0, viem_1.parseUnits)(`${amount}`, 6).toString()
+            : (0, viem_1.parseUnits)(`${ethAmount}`, fromToken.decimals).toString(),
+        user: (0, relay_sdk_1.getDeadAddress)(),
+        recipient
+    }, undefined, undefined, {
+        refetchOnMount: false,
+        refetchOnWindowFocus: false,
+        refetchOnReconnect: false,
+        enabled: Boolean(amount &&
+            amount.length > 0 &&
+            toToken &&
+            fromToken &&
+            !isPassthrough &&
+            recipient !== undefined &&
+            open)
+    });
+    const totalAmount = quote?.fees && amount && !isPassthrough
+        ? `${Math.floor((Number(quote.fees.relayer?.amountUsd ?? 0) +
+            Number(quote.fees.gas?.amountUsd ?? 0) +
+            Number(quote.fees.app?.amountUsd ?? 0) +
+            +amount) *
+            100) / 100}`
+        : amount;
+    const ethTotalAmount = (0, numbers_js_1.formatBN)(totalAmount ? +totalAmount / (ethTokenPriceResponse?.price ?? 0) : 0, 5, 18);
+    const toTokenTotalAmount = (0, numbers_js_1.formatBN)(+(totalAmount ?? '0') / (usdRate ?? 0), 5, toToken.decimals);
+    const depositAddress = (0, react_1.useMemo)(() => (0, quote_js_1.extractDepositAddress)(quote?.steps), [quote]);
+    const baseTransactionUrl = client?.baseApiUrl.includes('testnets')
+        ? 'https://testnets.relay.link'
+        : 'https://relay.link';
+    const requestId = (0, react_1.useMemo)(() => (0, relayTransaction_js_1.extractDepositRequestId)(quote?.steps), [quote]);
+    const { data: executionStatus } = (0, relay_kit_hooks_1.useExecutionStatus)(client ? client : undefined, {
+        requestId: requestId ?? undefined,
+        referrer: client?.source
+    }, undefined, undefined, {
+        enabled: requestId !== null && step === OnrampStep.Processing && open,
+        refetchInterval(query) {
+            const observableStates = ['waiting', 'pending', 'delayed'];
+            if (!query.state.data?.status ||
+                (requestId && observableStates.includes(query.state.data?.status))) {
+                return 1000;
+            }
+            return 0;
+        }
+    });
+    const fillTxHash = (0, react_1.useMemo)(() => {
+        if (executionStatus?.txHashes && executionStatus?.txHashes[0]) {
+            return executionStatus?.txHashes[0];
+        }
+    }, [executionStatus]);
+    const { data: transactions, isLoading: isLoadingTransaction } = (0, relay_kit_hooks_1.useRequests)(step === OnrampStep.Success && fillTxHash
+        ? {
+            user: recipient,
+            hash: fillTxHash
+        }
+        : undefined, client?.baseApiUrl, {
+        enabled: Boolean(step === OnrampStep.Success && fillTxHash),
+        refetchOnWindowFocus: false,
+        refetchOnReconnect: false,
+        refetchInterval: false,
+        retryOnMount: false
+    });
+    const transaction = transactions && transactions[0] ? transactions[0] : null;
+    const toAmountFormatted = transaction?.data?.metadata?.currencyOut
+        ?.amountFormatted
+        ? ((0, numbers_js_1.formatBN)(+transaction.data.metadata.currencyOut.amountFormatted, 5, transaction?.data?.metadata?.currencyOut?.currency?.decimals ?? 18) ?? undefined)
+        : amountToTokenFormatted;
+    const fillTxUrl = fillTxHash
+        ? (0, getTxBlockExplorerUrl_js_1.getTxBlockExplorerUrl)(toToken.chainId, client?.chains, fillTxHash)
+        : undefined;
+    const moonpayTxUrl = moonPayRequestId
+        ? `https://buy.moonpay.com/transaction_receipt?transactionId=${moonPayRequestId}`
+        : null;
+    (0, react_1.useEffect)(() => {
+        if (executionStatus?.status === 'pending' &&
+            (step !== OnrampStep.Processing ||
+                processingStep !== OnrampProcessingStep.Relaying)) {
+            setStep(OnrampStep.Processing);
+            setProcessingStep(OnrampProcessingStep.Relaying);
+        }
+        if (executionStatus?.status === 'success') {
+            setStep(OnrampStep.Success);
+            onAnalyticEvent?.(events_js_1.EventNames.ONRAMP_SUCCESS, {
+                chain_id_in: fromToken?.chainId,
+                currency_in: fromToken?.symbol,
+                chain_id_out: toToken?.chainId,
+                currency_out: toToken?.symbol,
+                quote_id: requestId,
+                txHashes: executionStatus.txHashes,
+                amount,
+                totalAmount,
+                ethTotalAmount,
+                moonPayRequestId,
+                isPassthrough
+            });
+            onSuccess?.(quote, moonPayRequestId);
+            setProcessingStep(undefined);
+        }
+        if (executionStatus?.status === 'failure' ||
+            executionStatus?.status === 'refund' ||
+            quoteError) {
+            const swapError = new Error(executionStatus?.details ??
+                'Oops! Something went wrong while processing your transaction.');
+            onOnrampError((0, errors_js_1.errorToJSON)(executionStatus?.details ?? quoteError), swapError);
+        }
+    }, [executionStatus, quoteError]);
+    (0, react_1.useEffect)(() => {
+        if (moonPayRequestId &&
+            quote &&
+            executionStatus?.inTxHashes &&
+            executionStatus?.inTxHashes[0] &&
+            !moonPayIdAppended) {
+            setMoonPayIdAppended(true);
+            (0, quote_js_1.appendMetadataToRequest)(client?.baseApiUrl, `${requestId}`, {
+                moonPayId: moonPayRequestId
+            }, client?.source)
+                ?.then(() => {
+                client?.log(['Posting MoonPay request id', moonPayRequestId, requestId], relay_sdk_1.LogLevel.Verbose);
+            })
+                .catch((e) => {
+                setMoonPayIdAppended(false);
+                throw e;
+            });
+        }
+    }, [moonPayRequestId, executionStatus]);
+    const allTxHashes = (0, react_1.useMemo)(() => {
+        const isRefund = executionStatus?.status === 'refund';
+        const _allTxHashes = [];
+        executionStatus?.txHashes?.forEach((txHash) => {
+            _allTxHashes.push({
+                txHash,
+                chainId: isRefund
+                    ? fromToken?.chainId
+                    : toToken?.chainId
+            });
+        });
+        executionStatus?.inTxHashes?.forEach((txHash) => {
+            _allTxHashes.push({
+                txHash,
+                chainId: fromToken?.chainId
+            });
+        });
+        return _allTxHashes;
+    }, [executionStatus?.txHashes, executionStatus?.inTxHashes]);
+    const onOnrampError = (0, react_1.useCallback)((errorMsg, error) => {
+        if (step !== OnrampStep.Error) {
+            onError?.(error.message, quote, moonPayRequestId);
+        }
+        setStep(OnrampStep.Error);
+        onAnalyticEvent?.(events_js_1.EventNames.ONRAMP_ERROR, {
+            error_message: errorMsg,
+            wallet_connector: connector?.name,
+            quote_id: requestId,
+            amount_in: amount,
+            currency_in: fromToken?.symbol,
+            chain_id_in: fromToken?.chainId,
+            amount_out: quote?.details?.currencyOut?.amountFormatted,
+            currency_out: toToken?.symbol,
+            chain_id_out: toToken?.chainId,
+            txHashes: executionStatus?.txHashes ?? []
+        });
+        setSwapError(error);
+    }, [
+        executionStatus,
+        connector,
+        requestId,
+        quote,
+        toToken,
+        fromToken,
+        amount,
+        swapError,
+        moonPayRequestId,
+        step
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(Modal_js_1.Modal, { trigger: null, open: open, onOpenChange: (open) => {
+            if (!open) {
+                onAnalyticEvent?.(events_js_1.EventNames.ONRAMP_MODAL_CLOSE);
+            }
+            onOpenChange(open);
+        }, css: {
+            overflow: 'hidden',
+            p: '4',
+            maxWidth: '412px !important'
+        }, children: [step === OnrampStep.Confirming ? ((0, jsx_runtime_1.jsx)(OnrampConfirmingStep_js_1.OnrampConfirmingStep, { toToken: toToken, fromToken: fromToken, fromChain: fromChain, toChain: toChain, requestId: requestId ?? undefined, depositAddress: depositAddress, recipient: recipient, amount: amount, totalAmount: totalAmount ?? undefined, ethTotalAmount: ethTotalAmount, isFetchingQuote: isFetchingQuote, onAnalyticEvent: onAnalyticEvent, setStep: setStep })) : null, (0, jsx_runtime_1.jsx)(OnrampMoonPayStep_js_1.OnrampMoonPayStep, { step: step, processingStep: processingStep, toToken: toToken, fromToken: fromToken, fromChain: fromChain, toChain: toChain, recipient: recipient, depositAddress: depositAddress, totalAmount: isPassthrough
+                    ? toTokenTotalAmount
+                    : fromToken.symbol === 'ETH'
+                        ? ethTotalAmount
+                        : (totalAmount ?? undefined), fiatCurrency: fiatCurrency, isPassthrough: isPassthrough, moonPayCurrencyCode: moonPayCurrencyCode, onAnalyticEvent: onAnalyticEvent, setStep: setStep, setProcessingStep: setProcessingStep, setMoonPayRequestId: setMoonPayRequestId, moonpayOnUrlSignatureRequested: moonpayOnUrlSignatureRequested, onPassthroughSuccess: () => {
+                    setStep(OnrampStep.Success);
+                    onAnalyticEvent?.(events_js_1.EventNames.ONRAMP_PASSTHROUGH_SUCCESS, {
+                        moonPayRequestId,
+                        amount,
+                        totalAmount,
+                        ethTotalAmount
+                    });
+                }, moonPayThemeId: moonPayThemeId, moonPayThemeMode: moonPayThemeMode, moonPayApiKey: moonPayApiKey, quoteRequestId: requestId, passthroughExternalId: passthroughExternalId, onError: (error) => {
+                    onOnrampError(error.message, error);
+                } }), step === OnrampStep.ProcessingPassthrough ? ((0, jsx_runtime_1.jsx)(OnrampProcessingPassthroughStep_js_1.OnrampProcessingPassthroughStep, { toToken: toToken, amountToTokenFormatted: amountToTokenFormatted, moonpayTxUrl: moonpayTxUrl ?? undefined, amount: amountFormatted })) : null, step === OnrampStep.Processing ? ((0, jsx_runtime_1.jsx)(OnrampProcessingStepUI_js_1.OnrampProcessingStepUI, { toToken: toToken, fromToken: fromToken, fromChain: fromChain, toChain: toChain, moonpayTxUrl: moonpayTxUrl ?? undefined, fillTxUrl: fillTxUrl, fillTxHash: fillTxHash, processingStep: processingStep, baseTransactionUrl: baseTransactionUrl, requestId: requestId ?? undefined })) : null, step === OnrampStep.Success ? ((0, jsx_runtime_1.jsx)(OnrampSuccessStep_js_1.OnrampSuccessStep, { toToken: toToken, isLoadingTransaction: isLoadingTransaction, fillTxHash: fillTxHash, fillTxUrl: fillTxUrl, moonpayTxUrl: moonpayTxUrl ?? undefined, toAmountFormatted: toAmountFormatted, baseTransactionUrl: baseTransactionUrl, onOpenChange: onOpenChange })) : null, step === OnrampStep.Error ? ((0, jsx_runtime_1.jsx)(ErrorStep_js_1.ErrorStep, { error: quoteError || swapError, allTxHashes: allTxHashes, address: recipient, onOpenChange: onOpenChange, transaction: transaction ?? undefined, fromChain: fromChain, toChain: toChain })) : null] }));
+};
+exports.OnrampModal = OnrampModal;
+//# sourceMappingURL=OnrampModal.js.map

package/_cjs/src/components/widgets/OnrampWidget/modals/OnrampModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnrampModal.js","sourceRoot":"","sources":["../../../../../../src/components/widgets/OnrampWidget/modals/OnrampModal.tsx"],"names":[],"mappings":"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"}

package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampConfirmingStep.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnrampConfirmingStep = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../../../../primitives/index.js");
+const OnrampModal_js_1 = require("../OnrampModal.js");
+const LoadingSpinner_js_1 = require("../../../../common/LoadingSpinner.js");
+const events_js_1 = require("../../../../../constants/events.js");
+const OnrampConfirmingStep = ({ toToken, fromToken, fromChain, toChain, requestId, depositAddress, recipient, amount, totalAmount, ethTotalAmount, isFetchingQuote, onAnalyticEvent, setStep }) => {
+    return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
+            width: '100%',
+            height: '100%',
+            gap: '4'
+        }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", children: ["Buy ", toToken?.symbol, " (", toChain?.displayName, ")"] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
+                    width: '100%',
+                    overflow: 'hidden',
+                    borderRadius: 'widget-card-border-radius',
+                    '--borderColor': 'colors.subtle-border-color',
+                    border: '1px solid var(--borderColor)',
+                    p: '4'
+                }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle1", children: ["You'll purchase ", fromToken?.symbol, " (", fromChain?.displayName, ") via your card"] })] }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
+                            height: 24,
+                            width: 1,
+                            background: 'gray5',
+                            my: '5px',
+                            ml: 4
+                        } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: toToken?.chainId, tokenlogoURI: toToken?.logoURI, tokenSymbol: toToken?.symbol }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle1", children: ["Relay converts to ", toToken?.symbol, " (", toChain?.displayName, ")"] })] })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", children: ["This transaction occurs in two steps. MoonPay powers only your purchase of ", fromToken?.symbol, " (", fromChain?.displayName, ") which Relay then converts to ", toToken?.symbol, " (", toChain?.displayName, ").", ' ', (0, jsx_runtime_1.jsx)(index_js_1.Anchor, { href: "https://support.relay.link/en/articles/10517947-fiat-on-ramps", target: "_blank", css: { ml: '1' }, children: "Learn more" })] }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { disabled: !depositAddress || isFetchingQuote, css: { justifyContent: 'center' }, onClick: (e) => {
+                    onAnalyticEvent?.(events_js_1.EventNames.ONRAMP_CTA_CLICKED, {
+                        recipient,
+                        depositAddress,
+                        requestId,
+                        amount,
+                        totalAmount,
+                        ethTotalAmount,
+                        toToken: toToken.address,
+                        toChain: toToken.chainId
+                    });
+                    setStep(OnrampModal_js_1.OnrampStep.Moonpay);
+                }, children: !depositAddress || isFetchingQuote ? ((0, jsx_runtime_1.jsx)(LoadingSpinner_js_1.LoadingSpinner, { css: { height: 16, width: 16, fill: 'button-disabled-color' } })) : (`Purchase ${fromToken?.symbol} (${fromChain?.displayName})`) })] }));
+};
+exports.OnrampConfirmingStep = OnrampConfirmingStep;
+//# sourceMappingURL=OnrampConfirmingStep.js.map

package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampConfirmingStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnrampConfirmingStep.js","sourceRoot":"","sources":["../../../../../../../src/components/widgets/OnrampWidget/modals/steps/OnrampConfirmingStep.tsx"],"names":[],"mappings":"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"}

package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampMoonPayStep.js

@@ -0,0 +1,203 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnrampMoonPayStep = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const index_js_1 = require("../../../../primitives/index.js");
+const OnrampModal_js_1 = require("../OnrampModal.js");
+const events_js_1 = require("../../../../../constants/events.js");
+const chains_1 = require("viem/chains");
+const index_js_2 = require("../../../../../hooks/index.js");
+const MoonPayBuyWidget = (0, react_1.memo)((0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@moonpay/moonpay-react'))).then((module) => ({
+    default: module.MoonPayBuyWidget
+}))), (a, b) => {
+    return (window.relayOnrampStep === OnrampModal_js_1.OnrampStep.Moonpay ||
+        window.relayOnrampProcessingStep ===
+            OnrampModal_js_1.OnrampProcessingStep.Finalizing);
+});
+chains_1.arbitrum;
+const OnrampMoonPayStep = ({ step, processingStep, toToken, fromToken, fromChain, toChain, depositAddress, recipient, totalAmount, fiatCurrency, isPassthrough, moonPayCurrencyCode, moonPayThemeId, moonPayThemeMode, quoteRequestId, moonPayApiKey, passthroughExternalId, onAnalyticEvent, setStep, setProcessingStep, setMoonPayRequestId, moonpayOnUrlSignatureRequested, onPassthroughSuccess, onError }) => {
+    const moonPayExternalId = !isPassthrough
+        ? (quoteRequestId ?? undefined)
+        : passthroughExternalId;
+    (0, react_1.useEffect)(() => {
+        if (window) {
+            ;
+            window.relayOnrampStep = step;
+        }
+        return () => {
+            ;
+            window.relayOnrampStep = undefined;
+        };
+    }, [step]);
+    (0, react_1.useEffect)(() => {
+        if (window) {
+            ;
+            window.relayOnrampProcessingStep = processingStep;
+        }
+        return () => {
+            ;
+            window.processingStep = undefined;
+        };
+    }, [processingStep]);
+    (0, react_1.useEffect)(() => {
+        if (window) {
+            ;
+            window.relayIsPassthrough = isPassthrough;
+        }
+        return () => {
+            ;
+            window.relayIsPassthrough = undefined;
+        };
+    }, [isPassthrough]);
+    (0, index_js_2.useMoonPayTransaction)(moonPayExternalId, {
+        apiKey: moonPayApiKey
+    }, {
+        enabled: step !== OnrampModal_js_1.OnrampStep.Confirming &&
+            step !== OnrampModal_js_1.OnrampStep.Error &&
+            step !== OnrampModal_js_1.OnrampStep.Success,
+        refetchInterval: (query) => {
+            let data = query.state.data;
+            if (data && 'moonPayErrorCode' in data) {
+                const errorData = data;
+                if (errorData.moonPayErrorCode != '1_SYS_UNKNOWN') {
+                    onAnalyticEvent?.(events_js_1.EventNames.ONRAMPING_MOONPAY_TX_API_ERROR, {
+                        data,
+                        isPassthrough
+                    });
+                }
+            }
+            else if (data && 'status' in data) {
+                const responseData = data;
+                if (responseData?.status === 'failed') {
+                    onAnalyticEvent?.(events_js_1.EventNames.ONRAMPING_MOONPAY_TX_FAILED, {
+                        data,
+                        isPassthrough
+                    });
+                    onError(new Error(`MoonPayTxFailed: ${data.failureReason ?? 'unknown'}`));
+                    return 0;
+                }
+                if (responseData?.status === 'completed') {
+                    onAnalyticEvent?.(events_js_1.EventNames.ONRAMPING_MOONPAY_TX_COMPLETE, {
+                        data,
+                        isPassthrough
+                    });
+                    if (step === OnrampModal_js_1.OnrampStep.Processing && !isPassthrough) {
+                        setProcessingStep(OnrampModal_js_1.OnrampProcessingStep.Relaying);
+                    }
+                    else if (isPassthrough && step !== OnrampModal_js_1.OnrampStep.Success) {
+                        setProcessingStep(undefined);
+                        onPassthroughSuccess();
+                    }
+                    return 0;
+                }
+                if (responseData?.id && responseData?.status === 'pending') {
+                    if (step === OnrampModal_js_1.OnrampStep.Moonpay) {
+                        if (!isPassthrough) {
+                            setStep(OnrampModal_js_1.OnrampStep.Processing);
+                            setProcessingStep(OnrampModal_js_1.OnrampProcessingStep.Finalizing);
+                            return 0;
+                        }
+                        else {
+                            setStep(OnrampModal_js_1.OnrampStep.ProcessingPassthrough);
+                        }
+                    }
+                }
+            }
+            return 2000;
+        }
+    });
+    return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", id: "onramp-moonpay-step", css: {
+            width: '100%',
+            height: '100%',
+            position: step === OnrampModal_js_1.OnrampStep.Moonpay ? undefined : 'fixed',
+            top: step === OnrampModal_js_1.OnrampStep.Moonpay ? undefined : '-100%'
+        }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", css: { mb: '2' }, children: !isPassthrough
+                    ? `Buy ${toToken?.symbol} (${toChain?.displayName})`
+                    : 'Checkout' }), !isPassthrough ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: {
+                    width: '100%',
+                    overflow: 'hidden',
+                    borderRadius: 'widget-card-border-radius',
+                    '--borderColor': 'colors.subtle-border-color',
+                    border: '1px solid var(--borderColor)',
+                    p: '4',
+                    gap: 2,
+                    mb: '2'
+                }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Box, { css: { position: 'relative', width: 48, height: 52, flexShrink: 0 }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: toToken?.chainId, tokenlogoURI: toToken?.logoURI, tokenSymbol: toToken?.symbol, css: {
+                                    width: 32,
+                                    height: 32,
+                                    position: 'absolute',
+                                    top: 0,
+                                    right: 0,
+                                    zIndex: 1
+                                } }), (0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: fromToken?.chainId, tokenlogoURI: fromToken?.logoURI, tokenSymbol: fromToken?.symbol, css: {
+                                    width: 32,
+                                    height: 32,
+                                    position: 'absolute',
+                                    bottom: 0,
+                                    left: 0
+                                } })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", children: ["Purchase ", fromToken?.symbol, " (", fromChain?.displayName, ") via your card for Relay to convert to ", toToken?.symbol, " (", toChain?.displayName, ")"] })] })) : null, (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)("div", {}), children: (0, jsx_runtime_1.jsx)(MoonPayBuyWidget, { variant: "embedded", baseCurrencyCode: fiatCurrency.code, quoteCurrencyAmount: `${totalAmount}`, lockAmount: "true", currencyCode: moonPayCurrencyCode, paymentMethod: "credit_debit_card", walletAddress: !isPassthrough ? depositAddress : recipient, themeId: moonPayThemeId, theme: moonPayThemeMode, externalTransactionId: moonPayExternalId, showWalletAddressForm: "false", visible: true, style: {
+                        margin: 0,
+                        width: '100%',
+                        border: 'none',
+                        height: 500,
+                        overflowY: 'scroll'
+                    }, onUrlSignatureRequested: moonpayOnUrlSignatureRequested, onTransactionCreated: async (props) => {
+                        setMoonPayRequestId(props.id);
+                        onAnalyticEvent?.(events_js_1.EventNames.ONRAMPING_MOONPAY_TX_START, {
+                            ...props,
+                            isPassthrough: window.relayIsPassthrough
+                        });
+                        if (window &&
+                            window.relayOnrampStep === OnrampModal_js_1.OnrampStep.Moonpay) {
+                            if (!window.relayIsPassthrough) {
+                                setStep(OnrampModal_js_1.OnrampStep.Processing);
+                                setProcessingStep(OnrampModal_js_1.OnrampProcessingStep.Finalizing);
+                            }
+                            else {
+                                setStep(OnrampModal_js_1.OnrampStep.ProcessingPassthrough);
+                            }
+                        }
+                    }, onTransactionCompleted: async (props) => {
+                        onAnalyticEvent?.(events_js_1.EventNames.ONRAMPING_MOONPAY_TX_COMPLETE, {
+                            ...props,
+                            isPassthrough: window.relayIsPassthrough
+                        });
+                        if (window &&
+                            window.relayOnrampStep === OnrampModal_js_1.OnrampStep.Processing &&
+                            !window.relayIsPassthrough) {
+                            setProcessingStep(OnrampModal_js_1.OnrampProcessingStep.Relaying);
+                        }
+                        else if (window &&
+                            window.relayIsPassthrough &&
+                            window.relayOnrampStep !== OnrampModal_js_1.OnrampStep.Success) {
+                            setProcessingStep(undefined);
+                            onPassthroughSuccess();
+                        }
+                    } }) })] }));
+};
+exports.OnrampMoonPayStep = OnrampMoonPayStep;
+//# sourceMappingURL=OnrampMoonPayStep.js.map

package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampMoonPayStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnrampMoonPayStep.js","sourceRoot":"","sources":["../../../../../../../src/components/widgets/OnrampWidget/modals/steps/OnrampMoonPayStep.tsx"],"names":[],"mappings":"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"}

package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingPassthroughStep.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnrampProcessingPassthroughStep = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../../../../primitives/index.js");
+const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const LoadingSpinner_js_1 = require("../../../../common/LoadingSpinner.js");
+const MoonPayLogo_js_1 = tslib_1.__importDefault(require("../../../../../img/MoonPayLogo.js"));
+const OnrampProcessingPassthroughStep = ({ toToken, moonpayTxUrl, amount, amountToTokenFormatted }) => {
+    return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
+            width: '100%',
+            height: '100%'
+        }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", css: { mb: '4' }, children: "Processing Transaction" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: {
+                    width: '100%',
+                    p: '3',
+                    mb: '2',
+                    gap: '2',
+                    background: 'gray2',
+                    borderRadius: 12
+                }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: toToken?.chainId, tokenlogoURI: toToken?.logoURI, tokenSymbol: toToken?.symbol, css: {
+                            width: 32,
+                            height: 32
+                        } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "start", direction: "column", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "h6", children: [amountToTokenFormatted, " ", toToken.symbol] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", children: amount })] })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", justify: "center", align: "center", css: {
+                    py: '4',
+                    px: '3',
+                    borderRadius: 'widget-card-border-radius',
+                    '--borderColor': 'colors.subtle-border-color',
+                    border: '1px solid var(--borderColor)'
+                }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Box, { css: { position: 'relative', width: 40, height: 40 }, children: [(0, jsx_runtime_1.jsx)(MoonPayLogo_js_1.default, { style: { borderRadius: 12, width: 40, height: 40 } }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", justify: "center", css: {
+                                    width: 24,
+                                    height: 24,
+                                    borderRadius: '100%',
+                                    overflow: 'hidden',
+                                    background: 'primary3',
+                                    position: 'absolute',
+                                    bottom: '-6px',
+                                    right: '-6px',
+                                    '--borderColor': 'colors.modal-background',
+                                    border: '2px solid var(--borderColor)'
+                                }, children: (0, jsx_runtime_1.jsx)(LoadingSpinner_js_1.LoadingSpinner, { css: { height: 16, width: 16, fill: 'primary-color' } }) })] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", css: { mt: '24px', textAlign: 'center' }, children: "Finalizing your purchase through MoonPay, it may take a few minutes to process." }), moonpayTxUrl ? ((0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: moonpayTxUrl, target: "_blank", css: { display: 'flex', alignItems: 'center', gap: '1', mt: '2' }, children: ["Track MoonPay transaction", ' ', (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faUpRightFromSquare, style: { width: 14 } })] })) : null] }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body2", color: "subtle", css: { mt: '2' }, children: "Feel free to leave at any time, MoonPay will email you with updates." })] }));
+};
+exports.OnrampProcessingPassthroughStep = OnrampProcessingPassthroughStep;
+//# sourceMappingURL=OnrampProcessingPassthroughStep.js.map

package/_cjs/src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingPassthroughStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnrampProcessingPassthroughStep.js","sourceRoot":"","sources":["../../../../../../../src/components/widgets/OnrampWidget/modals/steps/OnrampProcessingPassthroughStep.tsx"],"names":[],"mappings":"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"}