@relayprotocol/relay-kit-ui 2.17.2

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

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnrampProcessingStepUI = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+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 truncate_js_1 = require("../../../../../utils/truncate.js");
+const OnrampModal_js_1 = require("../OnrampModal.js");
+const LoadingSpinner_js_1 = require("../../../../common/LoadingSpinner.js");
+const OnrampProcessingStepUI = ({ toToken, fromToken, fromChain, toChain, moonpayTxUrl, fillTxHash, fillTxUrl, processingStep, baseTransactionUrl, requestId }) => {
+    const [delayedMoonpayTx, setDelayedMoonpayTx] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        let timer;
+        if (processingStep === OnrampModal_js_1.OnrampProcessingStep.Finalizing) {
+            timer = setTimeout(() => {
+                setDelayedMoonpayTx(true);
+            }, 1000 * 60 * 5);
+        }
+        return () => {
+            if (timer) {
+                setDelayedMoonpayTx(false);
+                clearTimeout(timer);
+            }
+        };
+    }, [processingStep]);
+    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, { direction: "column", css: {
+                    width: '100%',
+                    overflow: 'hidden',
+                    borderRadius: 'widget-card-border-radius',
+                    '--borderColor': 'colors.subtle-border-color',
+                    border: '1px solid var(--borderColor)',
+                    p: '4',
+                    mb: '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, css: {
+                                    width: 32,
+                                    height: 32,
+                                    filter: processingStep === OnrampModal_js_1.OnrampProcessingStep.Relaying
+                                        ? 'grayscale(1)'
+                                        : 'none'
+                                } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { gap: '1' }, direction: "column", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", color: processingStep === OnrampModal_js_1.OnrampProcessingStep.Relaying
+                                            ? 'subtle'
+                                            : undefined, children: processingStep === OnrampModal_js_1.OnrampProcessingStep.Relaying
+                                            ? `Purchased ${fromToken?.symbol}(${fromChain?.displayName}) via your card`
+                                            : `Finalizing your purchase of ${fromToken?.symbol}(${fromChain?.displayName}) via your card` }), moonpayTxUrl ? ((0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: moonpayTxUrl, target: "_blank", css: { display: 'flex', alignItems: 'center', gap: '1' }, children: ["Track MoonPay transaction", ' ', (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faUpRightFromSquare, style: { width: 14 } })] })) : null] }), processingStep === OnrampModal_js_1.OnrampProcessingStep.Relaying ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'green9', ml: 'auto' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faCheck, style: { height: 16 } }) })) : ((0, jsx_runtime_1.jsx)(LoadingSpinner_js_1.LoadingSpinner, { css: { height: 20, width: 20, fill: 'gray9', ml: 'auto' } }))] }), processingStep === OnrampModal_js_1.OnrampProcessingStep.Finalizing ? (delayedMoonpayTx ? ((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: '2',
+                            mb: '6px',
+                            gap: '3',
+                            mt: '6px'
+                        }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { color: "warning", style: "subtitle2", children: "Looks like its taking longer than expected. Please go to MoonPay to track your transaction." }), (0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "warning", css: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    gap: '2',
+                                    justifyContent: 'center'
+                                }, onClick: (e) => {
+                                    window.open(moonpayTxUrl, '_blank');
+                                }, children: ["Go to MoonPay", ' ', (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faArrowUpRightFromSquare, style: { width: 16, height: 16 } })] })] })) : ((0, jsx_runtime_1.jsx)(index_js_1.Pill, { radius: "rounded", color: "gray", css: { width: '100%', py: '2', px: '3', mt: '6px' }, children: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: "It might take a few minutes for the MoonPay transaction to finalize." }) }))) : null, (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, css: {
+                                    width: 32,
+                                    height: 32,
+                                    filter: processingStep === OnrampModal_js_1.OnrampProcessingStep.Relaying
+                                        ? 'none'
+                                        : 'grayscale(1)'
+                                } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { gap: '1' }, direction: "column", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", color: processingStep === OnrampModal_js_1.OnrampProcessingStep.Relaying
+                                            ? undefined
+                                            : 'subtle', children: processingStep === OnrampModal_js_1.OnrampProcessingStep.Relaying
+                                            ? `Converting to ${toToken?.symbol}(${toChain?.displayName})`
+                                            : `Relay converts to ${toToken?.symbol}(${toChain?.displayName})` }), fillTxUrl ? ((0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: fillTxUrl, target: "_blank", css: { display: 'flex', alignItems: 'center', gap: '1' }, children: ["View Tx: ", (0, truncate_js_1.truncateAddress)(fillTxHash)] })) : null] }), processingStep === OnrampModal_js_1.OnrampProcessingStep.Relaying ? ((0, jsx_runtime_1.jsx)(LoadingSpinner_js_1.LoadingSpinner, { css: { height: 16, width: 16, fill: 'gray9', ml: 'auto' } })) : null] })] }), processingStep === OnrampModal_js_1.OnrampProcessingStep.Relaying ? ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "body2", color: "subtle", children: ["Feel free to leave at any time, you can track your progress within the", (0, jsx_runtime_1.jsx)(index_js_1.Anchor, { href: `${baseTransactionUrl}/transaction/${requestId}`, target: "_blank", css: { ml: '1' }, children: "transaction page" }), "."] })) : ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle2", color: "subtle", 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" })] }))] }));
+};
+exports.OnrampProcessingStepUI = OnrampProcessingStepUI;
+//# sourceMappingURL=OnrampProcessingStepUI.js.map

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

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

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnrampSuccessStep = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+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 truncate_js_1 = require("../../../../../utils/truncate.js");
+const OnrampSuccessStep = ({ toToken, moonpayTxUrl, isLoadingTransaction, toAmountFormatted, fillTxHash, fillTxUrl, baseTransactionUrl, onOpenChange }) => {
+    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: "Transaction Details" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "center", justify: "between", children: [(0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: {
+                            type: 'spring',
+                            stiffness: 260,
+                            damping: 20
+                        }, children: (0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", justify: "center", css: {
+                                height: 80,
+                                width: 80,
+                                backgroundColor: 'green2',
+                                '--borderColor': 'colors.green10',
+                                border: '6px solid var(--borderColor)',
+                                borderRadius: '999999px',
+                                position: 'relative'
+                            }, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'green9', mr: '$2' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faCheck, style: { height: 40 } }) }) }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", css: { mt: '4', textAlign: 'center' }, children: "Successfully purchased" }), (0, jsx_runtime_1.jsxs)(index_js_1.Pill, { color: "gray", css: { alignItems: 'center', my: '4', py: '2', px: '3', gap: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: toToken.chainId, tokenlogoURI: toToken.logoURI, tokenSymbol: toToken.symbol, css: { height: 32, width: 32 } }), isLoadingTransaction ? ((0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { css: { height: 24, width: 60, background: 'gray5' } })) : ((0, jsx_runtime_1.jsxs)(index_js_1.Text, { style: "subtitle1", ellipsify: true, children: [toAmountFormatted, " ", toToken.symbol] }))] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { gap: '2' }, align: "center", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: moonpayTxUrl, target: "_blank", css: { display: 'flex', alignItems: 'center', gap: '1' }, children: ["View MoonPay transaction", ' ', (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faUpRightFromSquare, style: { width: 14 } })] }), fillTxUrl ? ((0, jsx_runtime_1.jsxs)(index_js_1.Anchor, { href: fillTxUrl, target: "_blank", children: ["View Tx: ", (0, truncate_js_1.truncateAddress)(fillTxHash)] })) : null] })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { width: '100%', mt: '24px', gap: '3' }, children: [fillTxHash ? ((0, jsx_runtime_1.jsx)("a", { href: `${baseTransactionUrl}/transaction/${fillTxHash}`, style: { width: '100%' }, target: "_blank", onClick: (e) => {
+                            e.stopPropagation();
+                        }, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "secondary", css: {
+                                justifyContent: 'center',
+                                width: 'max-content'
+                            }, children: "View Details" }) })) : null, (0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => {
+                            onOpenChange(false);
+                        }, css: {
+                            justifyContent: 'center',
+                            width: '100%'
+                        }, children: "Done" })] })] }));
+};
+exports.OnrampSuccessStep = OnrampSuccessStep;
+//# sourceMappingURL=OnrampSuccessStep.js.map

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

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

package/_cjs/src/components/widgets/OnrampWidget/widget/FiatCurrencyModal.js

@@ -0,0 +1,171 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const index_js_1 = require("../../../primitives/index.js");
+const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+const faChevronDown_1 = require("@fortawesome/free-solid-svg-icons/faChevronDown");
+const Modal_js_1 = require("../../../../components/common/Modal.js");
+const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const fuse_js_1 = tslib_1.__importDefault(require("fuse.js"));
+const useMoonPayCurrencies_js_1 = tslib_1.__importDefault(require("../../../../hooks/useMoonPayCurrencies.js"));
+const moonPayFiatCurrencies_js_1 = tslib_1.__importDefault(require("../../../../constants/moonPayFiatCurrencies.js"));
+const fuseSearchOptions = {
+    includeScore: true,
+    includeMatches: true,
+    threshold: 0.2,
+    keys: ['name', 'code']
+};
+const FiatCurrencyModal = ({ moonPayApiKey, fiatCurrency, setFiatCurrency }) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [currencySearchInput, setCurrencySearchInput] = (0, react_1.useState)('');
+    const { data: moonPayCurrencies } = (0, useMoonPayCurrencies_js_1.default)({
+        apiKey: moonPayApiKey
+    }, {
+        staleTime: 1000 * 60 * 60 * 24,
+        retryDelay: 1000 * 60 * 60 * 10
+    });
+    const fiatCurrencies = (0, react_1.useMemo)(() => {
+        if (moonPayCurrencies && moonPayCurrencies.length > 0) {
+            return moonPayCurrencies
+                .filter((currency) => currency.type === 'fiat')
+                .map((currency) => {
+                const fiatCurrency = currency;
+                return {
+                    name: fiatCurrency.name,
+                    code: fiatCurrency.code,
+                    minAmount: fiatCurrency.minBuyAmount,
+                    icon: fiatCurrency.icon
+                };
+            });
+        }
+        else {
+            return moonPayFiatCurrencies_js_1.default;
+        }
+    }, [moonPayCurrencies]);
+    const sortedFiatCurrencies = (0, react_1.useMemo)(() => fiatCurrencies?.sort((a, b) => a.name.localeCompare(b.name)) ?? [], [fiatCurrencies]);
+    const currenciesFuse = new fuse_js_1.default(sortedFiatCurrencies, fuseSearchOptions);
+    const filteredCurrencies = (0, react_1.useMemo)(() => {
+        if (currencySearchInput.trim() !== '') {
+            return currenciesFuse
+                .search(currencySearchInput)
+                .map((result) => result.item);
+        }
+        else {
+            return sortedFiatCurrencies;
+        }
+    }, [currencySearchInput, currenciesFuse]);
+    return ((0, jsx_runtime_1.jsxs)(Modal_js_1.Modal, { trigger: (0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "white", corners: "pill", css: {
+                height: 28,
+                minHeight: 28,
+                width: 'max-content',
+                flexShrink: 0,
+                overflow: 'hidden',
+                gap: '1',
+                display: 'flex',
+                alignItems: 'center',
+                py: '1',
+                px: '2',
+                backgroundColor: 'gray2',
+                border: 'none',
+                _hover: {
+                    backgroundColor: 'gray3'
+                }
+            }, children: [(0, jsx_runtime_1.jsx)("img", { alt: "currency-icon", src: fiatCurrency.icon, style: { width: 16, height: 16, borderRadius: '50%' } }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: fiatCurrency.code.toUpperCase() }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray9', width: 14 }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faChevronDown_1.faChevronDown, width: 14 }) })] }), open: open, onOpenChange: (open) => {
+            if (open) {
+            }
+            else {
+            }
+            setOpen(open);
+        }, css: {
+            overflow: 'hidden',
+            p: '4',
+            maxWidth: '100vw',
+            maxHeight: '450px !important',
+            height: 450,
+            sm: {
+                maxWidth: '400px !important'
+            }
+        }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", css: {
+                    width: '100%',
+                    textAlign: 'left'
+                }, children: "Select a currency" }), (0, jsx_runtime_1.jsxs)(index_js_1.AccessibleList, { onSelect: (value) => {
+                    if (value && value !== 'input') {
+                        const selectedCurrency = sortedFiatCurrencies?.find((currency) => currency.code === value);
+                        if (selectedCurrency) {
+                            setFiatCurrency(selectedCurrency);
+                        }
+                        setOpen(false);
+                    }
+                }, css: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    width: '100%',
+                    gap: '1',
+                    height: 'calc(100% - 24px)',
+                    overflowY: 'auto',
+                    scrollPaddingTop: '40px'
+                }, children: [(0, jsx_runtime_1.jsx)(index_js_1.AccessibleListItem, { value: "input", asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
+                                bg: 'modal-background',
+                                position: 'sticky',
+                                py: '2',
+                                zIndex: 1,
+                                top: 0
+                            }, children: (0, jsx_runtime_1.jsx)(index_js_1.Input, { placeholder: "Search for a currency", icon: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray9' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faMagnifyingGlass, width: 16, height: 16 }) }), containerCss: {
+                                    width: '100%',
+                                    height: 40,
+                                    scrollSnapAlign: 'start'
+                                }, css: {
+                                    width: '100%',
+                                    _placeholder_parent: {
+                                        textOverflow: 'ellipsis'
+                                    }
+                                }, value: currencySearchInput, onChange: (e) => {
+                                    setCurrencySearchInput(e.target.value);
+                                } }) }) }), filteredCurrencies.map((currency, i) => {
+                        const active = fiatCurrency.code === currency.code;
+                        return ((0, jsx_runtime_1.jsx)(index_js_1.AccessibleListItem, { value: currency.code, asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "none", css: {
+                                    scrollSnapAlign: 'start',
+                                    p: '2',
+                                    mb: i + 1 < (fiatCurrencies?.length ?? 0) ? '1' : 0,
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    gap: '2',
+                                    position: 'relative',
+                                    ...(active && {
+                                        _before: {
+                                            content: '""',
+                                            position: 'absolute',
+                                            borderRadius: 8,
+                                            top: 0,
+                                            left: 0,
+                                            width: '100%',
+                                            height: '100%',
+                                            opacity: 0.15,
+                                            backgroundColor: 'primary-color',
+                                            zIndex: -1
+                                        }
+                                    }),
+                                    transition: 'backdrop-filter 250ms linear',
+                                    _hover: {
+                                        backgroundColor: active ? '' : 'gray/10'
+                                    },
+                                    '--focusColor': 'colors.focus-color',
+                                    _focusVisible: {
+                                        boxShadow: 'inset 0 0 0 2px var(--focusColor)'
+                                    },
+                                    '&[data-state="on"]': {
+                                        boxShadow: 'inset 0 0 0 2px var(--focusColor)'
+                                    },
+                                    _active: {
+                                        boxShadow: 'inset 0 0 0 2px var(--focusColor)'
+                                    },
+                                    _focusWithin: {
+                                        boxShadow: 'inset 0 0 0 2px var(--focusColor)'
+                                    }
+                                }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '2' }, children: [(0, jsx_runtime_1.jsx)("img", { src: currency.icon, alt: `${currency.name} icon`, style: { width: 32, height: 32, borderRadius: '50%' } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: { gap: '2px', textAlign: 'left' }, direction: "column", children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: currency.name }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", color: "subtle", children: currency.code.toUpperCase() })] })] }) }) }, currency.code));
+                    }), filteredCurrencies.length === 0 ? ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", css: { textAlign: 'center', py: '5' }, children: "No results found." })) : null] })] }));
+};
+exports.default = FiatCurrencyModal;
+//# sourceMappingURL=FiatCurrencyModal.js.map

package/_cjs/src/components/widgets/OnrampWidget/widget/FiatCurrencyModal.js.map

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

package/_cjs/src/components/widgets/OnrampWidget/widget/OnrampWidgetRenderer.js

@@ -0,0 +1,197 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const index_js_1 = require("../../../../hooks/index.js");
+const viem_1 = require("viem");
+const RelayKitProvider_js_1 = require("../../../../providers/RelayKitProvider.js");
+const address_js_1 = require("../../../../utils/address.js");
+const useWalletAddress_js_1 = tslib_1.__importDefault(require("../../../../hooks/useWalletAddress.js"));
+const relay_kit_hooks_1 = require("@relayprotocol/relay-kit-hooks");
+const numbers_js_1 = require("../../../../utils/numbers.js");
+const depositAddresses_js_1 = require("../../../../constants/depositAddresses.js");
+const OnrampWidgetRenderer = ({ defaultWalletAddress, linkedWallets, supportedWalletVMs, multiWalletSupportEnabled, moonPayApiKey, token: _token, setToken: _setToken, children }) => {
+    const client = (0, index_js_1.useRelayClient)();
+    const providerOptionsContext = (0, react_1.useContext)(RelayKitProvider_js_1.ProviderOptionsContext);
+    const connectorKeyOverrides = providerOptionsContext.vmConnectorKeyOverrides;
+    const [token, setToken] = (0, index_js_1.useFallbackState)(_token && _setToken
+        ? _token
+        : {
+            address: viem_1.zeroAddress,
+            chainId: 8453,
+            name: 'ETH',
+            symbol: 'ETH',
+            decimals: 18,
+            logoURI: 'https://assets.relay.link/icons/currencies/eth.png'
+        }, _token && _setToken
+        ? [_token, _setToken]
+        : undefined);
+    (0, react_1.useEffect)(() => {
+        if (_token &&
+            _setToken &&
+            depositAddresses_js_1.UnsupportedDepositAddressChainIds.includes(token.chainId)) {
+            setToken({
+                address: viem_1.zeroAddress,
+                chainId: 8453,
+                name: 'ETH',
+                symbol: 'ETH',
+                decimals: 18,
+                logoURI: 'https://assets.relay.link/icons/currencies/eth.png'
+            });
+        }
+    }, [_token]);
+    const [displayCurrency, setDisplayCurrency] = (0, react_1.useState)(false);
+    const { data: usdTokenPriceResponse } = (0, relay_kit_hooks_1.useTokenPrice)(client?.baseApiUrl, {
+        address: token.address,
+        chainId: token.chainId,
+        referrer: client?.source
+    }, {
+        refetchInterval: 60000 * 5,
+        refetchOnWindowFocus: false
+    });
+    const usdRate = usdTokenPriceResponse?.price ?? 0;
+    const minAmountCurrency = (0, numbers_js_1.formatBN)(20 / usdRate, 5, token.decimals, false);
+    const toChain = (0, react_1.useMemo)(() => client?.chains.find((chain) => chain.id === token.chainId), [token, client?.chains]);
+    const toChainWalletVMSupported = !toChain?.vmType || supportedWalletVMs.includes(toChain?.vmType);
+    const moonPayCurrency = (0, index_js_1.useSupportedMoonPayCurrencyCode)([
+        'usdc_base',
+        'usdc_polygon',
+        'usdc',
+        'eth',
+        'eth_arbitrum',
+        'eth_optimism'
+    ], moonPayApiKey, token);
+    const fromToken = {
+        chainId: +moonPayCurrency.chainId,
+        address: moonPayCurrency.contractAddress,
+        symbol: moonPayCurrency.code.includes('eth') ? 'ETH' : 'USDC',
+        name: moonPayCurrency.code.includes('eth') ? 'ETH' : 'USDC',
+        logoURI: moonPayCurrency.code.includes('eth')
+            ? 'https://assets.relay.link/icons/1/light.png'
+            : 'https://coin-images.coingecko.com/coins/images/6319/large/usdc.png?1696506694',
+        decimals: moonPayCurrency.code.includes('eth') ? 18 : 6
+    };
+    const fromChain = (0, react_1.useMemo)(() => client?.chains.find((chain) => chain.id === +moonPayCurrency.chainId), [fromToken, client?.chains, moonPayCurrency]);
+    const [amount, setAmount] = (0, react_1.useState)('20');
+    const [amountToToken, setAmountToToken] = (0, react_1.useState)('');
+    const [recipient, setRecipient] = (0, react_1.useState)(defaultWalletAddress);
+    const { displayName: toDisplayName } = (0, index_js_1.useENSResolver)(recipient, {
+        refetchOnWindowFocus: false,
+        enabled: toChain?.vmType === 'evm'
+    });
+    const [fiatCurrency, setFiatCurrency] = (0, react_1.useState)({
+        name: 'US Dollar',
+        code: 'usd',
+        minAmount: 20,
+        icon: 'https://static.moonpay.com/widget/currencies/usd.svg'
+    });
+    const address = (0, useWalletAddress_js_1.default)(undefined, linkedWallets);
+    const defaultRecipient = (0, react_1.useMemo)(() => {
+        const _linkedWallet = linkedWallets?.find((linkedWallet) => address ===
+            (linkedWallet.vmType === 'evm'
+                ? linkedWallet.address.toLowerCase()
+                : linkedWallet.address));
+        const _isValidRecipient = (0, address_js_1.isValidAddress)(toChain?.vmType, recipient ?? '', toChain?.id, _linkedWallet?.address === recipient
+            ? _linkedWallet?.connector
+            : undefined, connectorKeyOverrides);
+        if (multiWalletSupportEnabled &&
+            toChain &&
+            linkedWallets &&
+            !_isValidRecipient) {
+            const supportedAddress = (0, address_js_1.findSupportedWallet)(toChain, recipient, linkedWallets, connectorKeyOverrides);
+            return supportedAddress;
+        }
+    }, [
+        multiWalletSupportEnabled,
+        toChain,
+        recipient,
+        linkedWallets,
+        setRecipient
+    ]);
+    const _recipient = recipient && recipient.length > 0 ? recipient : defaultRecipient;
+    const isRecipientLinked = (_recipient
+        ? linkedWallets?.find((wallet) => wallet.address === _recipient) ||
+            address === _recipient
+        : undefined) !== undefined;
+    const isValidRecipient = (0, address_js_1.isValidAddress)(toChain?.vmType, _recipient ?? '', toChain?.id);
+    const { isPassthrough, moonPayCurrency: passThroughCurrency } = (0, index_js_1.useIsPassthrough)(token, moonPayApiKey);
+    (0, react_1.useEffect)(() => {
+        setInputValue(displayCurrency ? amountToToken : amount);
+    }, [usdRate]);
+    const amountToTokenFormatted = amountToToken
+        ? (0, numbers_js_1.formatBN)(parseFloat(amountToToken), 5, token.decimals)
+        : '-';
+    const setInputValue = (0, react_1.useCallback)((inputValue, overrideDisplayCurrency) => {
+        const _displayCurrency = overrideDisplayCurrency !== undefined
+            ? overrideDisplayCurrency
+            : displayCurrency;
+        if (_displayCurrency) {
+            const _amountToToken = inputValue.replace(/[^0-9.]+/g, '');
+            setAmountToToken(_amountToToken);
+            const _amount = _amountToToken && +_amountToToken > 0 ? +_amountToToken * usdRate : 0;
+            setAmount(`${parseFloat(_amount.toFixed(2))}`);
+        }
+        else {
+            let _amount = '';
+            const numericValue = inputValue
+                .replace(/[^0-9.]/g, '')
+                .replace(/(\..*?)(\..*)/, '$1')
+                .replace(/(\.\d{2})\d+/, '$1');
+            const regex = /^[0-9]+(\.[0-9]*)?$/;
+            if (numericValue === '.' || numericValue.includes(',')) {
+                _amount = '0.';
+            }
+            else if (regex.test(numericValue) || numericValue === '') {
+                _amount = numericValue;
+            }
+            const _amountToToken = _amount && +_amount > 0 ? +_amount / usdRate : 0;
+            setAmount(_amount);
+            setAmountToToken(`${_amountToToken}`);
+        }
+    }, [usdRate, displayCurrency]);
+    const notEnoughFiat = !amount || +amount < 20;
+    let ctaCopy = 'Buy';
+    if (notEnoughFiat) {
+        ctaCopy = 'Enter an amount';
+    }
+    else if (!_recipient && toChainWalletVMSupported) {
+        ctaCopy = `Connect Wallet`;
+    }
+    else if (!_recipient) {
+        ctaCopy = `Enter ${toChain?.displayName} address`;
+    }
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children({
+            displayCurrency,
+            setDisplayCurrency,
+            recipient: _recipient,
+            setRecipient,
+            isRecipientLinked,
+            isValidRecipient,
+            amount,
+            setAmount,
+            amountToToken,
+            setAmountToToken,
+            setInputValue,
+            token,
+            fromToken,
+            setToken,
+            toChain,
+            fromChain,
+            toDisplayName,
+            toChainWalletVMSupported,
+            fiatCurrency,
+            setFiatCurrency,
+            amountToTokenFormatted,
+            usdRate,
+            minAmountCurrency,
+            notEnoughFiat,
+            ctaCopy,
+            isPassthrough,
+            moonPayCurrencyCode: isPassthrough && passThroughCurrency?.code
+                ? passThroughCurrency?.code
+                : moonPayCurrency.code
+        }) }));
+};
+exports.default = OnrampWidgetRenderer;
+//# sourceMappingURL=OnrampWidgetRenderer.js.map

package/_cjs/src/components/widgets/OnrampWidget/widget/OnrampWidgetRenderer.js.map

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