@relayprotocol/relay-kit-ui 5.1.2 → 6.0.0

package/_cjs/src/components/common/TokenSelector/triggers/PaymentMethodTrigger.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentMethodTrigger = 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 useRelayClient_js_1 = tslib_1.__importDefault(require("../../../../hooks/useRelayClient.js"));
+const index_js_2 = require("../../../../hooks/index.js");
+const numbers_js_1 = require("../../../../utils/numbers.js");
+const relay_sdk_1 = require("@relayprotocol/relay-sdk");
+const normalizeAddress = (address) => {
+    if (!address ||
+        address === relay_sdk_1.evmDeadAddress ||
+        address === relay_sdk_1.solDeadAddress ||
+        address === relay_sdk_1.bitcoinDeadAddress) {
+        return undefined;
+    }
+    return address.startsWith('0x') ? address.toLowerCase() : address;
+};
+const PaymentMethodTrigger = ({ token, locked, address, testId, balanceLabel = 'available', placeholderText = 'Select Token' }) => {
+    const relayClient = (0, useRelayClient_js_1.default)();
+    const normalizedAddress = normalizeAddress(address);
+    const chain = relayClient?.chains?.find((c) => c.id === token?.chainId);
+    const { value: currencyBalanceValue, isLoading: isLoadingCurrencyBalance } = (0, index_js_2.useCurrencyBalance)({
+        chain,
+        address: normalizedAddress,
+        currency: token?.address,
+        enabled: Boolean(token && chain && normalizedAddress)
+    });
+    const showSkeleton = normalizedAddress && isLoadingCurrencyBalance && !currencyBalanceValue;
+    let balanceText = '';
+    if (currencyBalanceValue && token) {
+        const formattedBalance = (0, numbers_js_1.formatBN)(currencyBalanceValue, 4, token.decimals, false);
+        balanceText = `${formattedBalance} ${token.symbol} ${balanceLabel}`;
+    }
+    return token ? ((0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "white", corners: "pill", disabled: locked, css: {
+            height: 50,
+            minHeight: 50,
+            width: '248px',
+            flexShrink: 0,
+            overflow: 'hidden',
+            borderRadius: '12px',
+            padding: '12px',
+            backgroundColor: 'widget-selector-background',
+            border: 'none',
+            _hover: {
+                backgroundColor: 'widget-selector-hover-background'
+            },
+            _disabled: {
+                backgroundColor: 'widget-selector-background'
+            }
+        }, "data-testid": testId, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "between", css: { width: '100%' }, 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: token.chainId, tokenlogoURI: token.logoURI, tokenSymbol: token.symbol, chainIconSize: 14, css: { width: 32, height: 32 } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "start", css: { maxWidth: 150, minWidth: 60, flex: 1 }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", ellipsify: true, css: { maxWidth: '100%' }, children: token.symbol }), showSkeleton ? ((0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { css: {
+                                        width: 70,
+                                        height: 12,
+                                        borderRadius: 4
+                                    } })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", css: {
+                                        lineHeight: '15px',
+                                        maxWidth: '100%',
+                                        whiteSpace: 'nowrap',
+                                        overflow: 'hidden',
+                                        textOverflow: 'ellipsis'
+                                    }, children: balanceText }))] })] }), locked ? null : ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray9', width: 14, flexShrink: 0 }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faChevronRight, width: 14 }) }))] }) })) : ((0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: address ? 'primary' : 'secondary', corners: "pill", cta: true, css: {
+            height: 50,
+            minHeight: 50,
+            width: 'max-content',
+            flexShrink: 0,
+            overflow: 'hidden',
+            px: '3',
+            py: '2',
+            fontWeight: 700,
+            fontSize: '16px'
+        }, children: [placeholderText, (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { width: 14 }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faChevronRight, width: 14 }) })] }));
+};
+exports.PaymentMethodTrigger = PaymentMethodTrigger;
+//# sourceMappingURL=PaymentMethodTrigger.js.map

package/_cjs/src/components/common/TokenSelector/triggers/PaymentMethodTrigger.js.map

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

package/_cjs/src/components/primitives/ChainTokenIcon.js

@@ -25,9 +25,10 @@ const SIZES = {
         chain: 18
     }
 };
-const ChainTokenIcon = ({ chainId, tokenlogoURI, tokenSymbol, css = {}, size = 'md', chainRadius = 4 }) => {
+const ChainTokenIcon = ({ chainId, tokenlogoURI, tokenSymbol, css = {}, size = 'md', chainRadius = 4, chainIconSize }) => {
     const isValidTokenLogo = tokenlogoURI && tokenlogoURI !== 'missing.png';
     const dimensions = SIZES[size];
+    const chainSize = chainIconSize ?? dimensions.chain;
     return chainId ? ((0, jsx_runtime_1.jsxs)(Flex_js_1.default, { css: {
             position: 'relative',
             flexShrink: 0,
@@ -48,7 +49,7 @@ const ChainTokenIcon = ({ chainId, tokenlogoURI, tokenSymbol, css = {}, size = '
                     display: 'flex',
                     alignItems: 'center',
                     justifyContent: 'center'
-                }, children: (0, jsx_runtime_1.jsx)(Text_js_1.default, { style: "h6", children: tokenSymbol?.charAt(0).toUpperCase() }) })) : null, (0, jsx_runtime_1.jsx)(ChainIcon_js_1.default, { chainId: chainId, width: dimensions.chain, height: dimensions.chain, borderRadius: chainRadius, css: {
+                }, children: (0, jsx_runtime_1.jsx)(Text_js_1.default, { style: "h6", children: tokenSymbol?.charAt(0).toUpperCase() }) })) : null, (0, jsx_runtime_1.jsx)(ChainIcon_js_1.default, { chainId: chainId, width: chainSize, height: chainSize, borderRadius: chainRadius, css: {
                     position: 'absolute',
                     right: 0,
                     bottom: 0,

package/_cjs/src/components/primitives/ChainTokenIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainTokenIcon.js","sourceRoot":"","sources":["../../../../src/components/primitives/ChainTokenIcon.tsx"],"names":[],"mappings":";;;;;AACA,gEAA4B;AAC5B,0EAAsC;AACtC,8DAA0B;AAC1B,gEAA4B;AAc5B,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;CACO,CAAA;AAEH,MAAM,cAAc,GAAwB,CAAC,EAClD,OAAO,EACP,YAAY,EACZ,WAAW,EACX,GAAG,GAAG,EAAE,EACR,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,CAAC,EAChB,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,YAAY,IAAI,YAAY,KAAK,aAAa,CAAA;IACvE,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;IAE9B,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,wBAAC,iBAAI,IACH,GAAG,EAAE;YACH,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,CAAC;YACb,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,MAAM,EAAE,UAAU,CAAC,KAAK;YACxB,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,WAAW;YACzB,GAAG,GAAG;SACP,aAEA,gBAAgB,CAAC,CAAC,CAAC,CAClB,gCACE,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,UAAU,CAAC,KAAK,EACxB,KAAK,EAAE;oBACL,YAAY,EAAE,IAAI;oBAClB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAChB,uBAAC,gBAAG,IACF,GAAG,EAAE;oBACH,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,MAAM,EAAE,UAAU,CAAC,KAAK;oBACxB,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,UAAU;oBAC3B,KAAK,EAAE,UAAU;oBACjB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;iBACzB,YAED,uBAAC,iBAAI,IAAC,KAAK,EAAC,IAAI,YAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAQ,GAC1D,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,sBAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,UAAU,CAAC,KAAK,EACxB,YAAY,EAAE,WAAW,EACzB,GAAG,EAAE;oBACH,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,QAAQ,EAAE,QAAQ;oBAClB,eAAe,EAAE,yBAAyB;oBAC1C,MAAM,EAAE,8BAA8B;oBACtC,eAAe,EAAE,kBAAkB;iBACpC,GACD,IACG,CACR,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAnEY,QAAA,cAAc,kBAmE1B"}
+{"version":3,"file":"ChainTokenIcon.js","sourceRoot":"","sources":["../../../../src/components/primitives/ChainTokenIcon.tsx"],"names":[],"mappings":";;;;;AACA,gEAA4B;AAC5B,0EAAsC;AACtC,8DAA0B;AAC1B,gEAA4B;AAe5B,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,EAAE;KACV;CACO,CAAA;AAEH,MAAM,cAAc,GAAwB,CAAC,EAClD,OAAO,EACP,YAAY,EACZ,WAAW,EACX,GAAG,GAAG,EAAE,EACR,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,CAAC,EACf,aAAa,EACd,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,YAAY,IAAI,YAAY,KAAK,aAAa,CAAA;IACvE,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;IAC9B,MAAM,SAAS,GAAG,aAAa,IAAI,UAAU,CAAC,KAAK,CAAA;IAEnD,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,wBAAC,iBAAI,IACH,GAAG,EAAE;YACH,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,CAAC;YACb,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,MAAM,EAAE,UAAU,CAAC,KAAK;YACxB,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,WAAW;YACzB,GAAG,GAAG;SACP,aAEA,gBAAgB,CAAC,CAAC,CAAC,CAClB,gCACE,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,UAAU,CAAC,KAAK,EACxB,KAAK,EAAE;oBACL,YAAY,EAAE,IAAI;oBAClB,QAAQ,EAAE,QAAQ;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAChB,uBAAC,gBAAG,IACF,GAAG,EAAE;oBACH,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,MAAM,EAAE,UAAU,CAAC,KAAK;oBACxB,YAAY,EAAE,KAAK;oBACnB,eAAe,EAAE,UAAU;oBAC3B,KAAK,EAAE,UAAU;oBACjB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;iBACzB,YAED,uBAAC,iBAAI,IAAC,KAAK,EAAC,IAAI,YAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAQ,GAC1D,CACP,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,sBAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAE,WAAW,EACzB,GAAG,EAAE;oBACH,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,QAAQ,EAAE,QAAQ;oBAClB,eAAe,EAAE,yBAAyB;oBAC1C,MAAM,EAAE,8BAA8B;oBACtC,eAAe,EAAE,kBAAkB;iBACpC,GACD,IACG,CACR,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AArEY,QAAA,cAAc,kBAqE1B"}

package/_cjs/src/components/primitives/SlippageButton.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SlippageButton = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button_js_1 = tslib_1.__importDefault(require("./Button.js"));
+const Text_js_1 = tslib_1.__importDefault(require("./Text.js"));
+const convertBpsToPercent = (bps) => {
+    if (bps === undefined)
+        return undefined;
+    const numeric = Number(bps);
+    if (!Number.isFinite(numeric))
+        return undefined;
+    const percent = numeric / 100;
+    if (!Number.isFinite(percent))
+        return undefined;
+    const formatted = percent.toFixed(percent % 1 === 0 ? 0 : 2);
+    return formatted.replace(/\.0+$/, '').replace(/\.00$/, '');
+};
+const SlippageButton = ({ slippageTolerance, onOpenSlippageConfig }) => {
+    const resolvedValue = convertBpsToPercent(slippageTolerance);
+    const displayValue = resolvedValue ? `${resolvedValue}%` : 'Auto';
+    return ((0, jsx_runtime_1.jsxs)(Button_js_1.default, { "aria-label": "Slippage Settings", size: "none", color: "ghost", css: {
+            display: 'flex',
+            borderRadius: '8px',
+            alignItems: 'center',
+            gap: '4px',
+            justifyContent: 'center',
+            p: '1',
+            _hover: {
+                backgroundColor: 'gray2'
+            },
+            backgroundColor: 'gray3',
+            padding: '4px 6px'
+        }, onClick: () => {
+            onOpenSlippageConfig?.();
+        }, children: [(0, jsx_runtime_1.jsx)(Text_js_1.default, { style: "subtitle3", color: "subtle", children: "Slippage" }), (0, jsx_runtime_1.jsx)(Text_js_1.default, { style: "subtitle2", children: displayValue })] }));
+};
+exports.SlippageButton = SlippageButton;
+//# sourceMappingURL=SlippageButton.js.map

package/_cjs/src/components/primitives/SlippageButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlippageButton.js","sourceRoot":"","sources":["../../../../src/components/primitives/SlippageButton.tsx"],"names":[],"mappings":";;;;;AACA,oEAAgC;AAChC,gEAA4B;AAO5B,MAAM,mBAAmB,GAAG,CAAC,GAAY,EAAE,EAAE;IAC3C,IAAI,GAAG,KAAK,SAAS;QAAE,OAAO,SAAS,CAAA;IACvC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;IAC3B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;QAAE,OAAO,SAAS,CAAA;IAE/C,MAAM,OAAO,GAAG,OAAO,GAAG,GAAG,CAAA;IAC7B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;QAAE,OAAO,SAAS,CAAA;IAE/C,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5D,OAAO,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AAC5D,CAAC,CAAA;AAEM,MAAM,cAAc,GAA4B,CAAC,EACtD,iBAAiB,EACjB,oBAAoB,EACrB,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;IAC5D,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC,CAAC,MAAM,CAAA;IAEjE,OAAO,CACL,wBAAC,mBAAM,kBACM,mBAAmB,EAC9B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,OAAO,EACb,GAAG,EAAE;YACH,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,KAAK;YACnB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,KAAK;YACV,cAAc,EAAE,QAAQ;YACxB,CAAC,EAAE,GAAG;YACN,MAAM,EAAE;gBACN,eAAe,EAAE,OAAO;aACzB;YACD,eAAe,EAAE,OAAO;YACxB,OAAO,EAAE,SAAS;SACnB,EACD,OAAO,EAAE,GAAG,EAAE;YACZ,oBAAoB,EAAE,EAAE,CAAA;QAC1B,CAAC,aAED,uBAAC,iBAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,QAAQ,yBAE/B,EAEP,uBAAC,iBAAI,IAAC,KAAK,EAAC,WAAW,YAAE,YAAY,GAAQ,IACtC,CACV,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,cAAc,kBAoC1B"}

package/_cjs/src/components/primitives/Tabs.js

@@ -26,11 +26,13 @@ const TabsTriggerCss = (0, css_1.cva)({
         color: 'gray12',
         borderRadius: 8,
         backgroundColor: 'transparent',
-        border: 'none',
+        borderWidth: '1px',
+        borderStyle: 'solid',
+        borderColor: 'transparent',
         '&[data-state="active"]': {
             backgroundColor: 'subtle-background-color',
             '--borderColor': 'colors.gray.5',
-            border: '1px solid var(--borderColor)'
+            borderColor: 'var(--borderColor)'
         }
     }
 });

package/_cjs/src/components/primitives/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/primitives/Tabs.tsx"],"names":[],"mappings":";;;;;AAAA,4EAAqD;AACrD,gEAI+C;AAC/C,iCAIc;AAEd,MAAM,WAAW,GAAG,IAAA,SAAG,EAAC;IACtB,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,CAAC;QACf,CAAC,EAAE,GAAG;QACN,eAAe,EAAE,OAAO;QACxB,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,IAAA,SAAG,EAAC;IACzB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,SAAS;QACjB,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,aAAa;QAC9B,MAAM,EAAE,MAAM;QACd,wBAAwB,EAAE;YACxB,eAAe,EAAE,yBAAyB;YAC1C,eAAe,EAAE,eAAe;YAChC,MAAM,EAAE,8BAA8B;SACvC;KACF;CACF,CAAC,CAAA;AAEF,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAKzB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,aAAa,CAAC,IAAI,OACb,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,SAAS,EAAC,WAAW,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAE1D,QAAQ,GACU,CACtB,CAAA;AACH,CAAC,CAAC,CAAA;AAqDiB,4BAAQ;AAnD3B,MAAM,WAAW,GAAG,IAAA,kBAAU,EAK5B,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,aAAa,CAAC,OAAO,OAChB,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,SAAS,EAAC,cAAc,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAE7D,QAAQ,GACa,CACzB,CAAA;AACH,CAAC,CAAC,CAAA;AAoC2B,kCAAW;AAlCxC,MAAM,WAAW,GAAG,IAAA,kBAAU,EAK5B,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,aAAa,CAAC,OAAO,OAChB,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,SAAS,EAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAEvC,QAAQ,GACa,CACzB,CAAA;AACH,CAAC,CAAC,CAAA;AAmBwC,kCAAW;AAjBrD,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAKzB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,aAAa,CAAC,IAAI,OACb,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,SAAS,EAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAEvC,QAAQ,GACU,CACtB,CAAA;AACH,CAAC,CAAC,CAAA;AAEO,4BAAQ"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/primitives/Tabs.tsx"],"names":[],"mappings":";;;;;AAAA,4EAAqD;AACrD,gEAI+C;AAC/C,iCAIc;AAEd,MAAM,WAAW,GAAG,IAAA,SAAG,EAAC;IACtB,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,CAAC;QACf,CAAC,EAAE,GAAG;QACN,eAAe,EAAE,OAAO;QACxB,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,IAAA,SAAG,EAAC;IACzB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,SAAS;QACjB,EAAE,EAAE,KAAK;QACT,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,aAAa;QAC9B,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,aAAa;QAC1B,wBAAwB,EAAE;YACxB,eAAe,EAAE,yBAAyB;YAC1C,eAAe,EAAE,eAAe;YAChC,WAAW,EAAE,oBAAoB;SAClC;KACF;CACF,CAAC,CAAA;AAEF,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAKzB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,aAAa,CAAC,IAAI,OACb,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,SAAS,EAAC,WAAW,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAE1D,QAAQ,GACU,CACtB,CAAA;AACH,CAAC,CAAC,CAAA;AAqDiB,4BAAQ;AAnD3B,MAAM,WAAW,GAAG,IAAA,kBAAU,EAK5B,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,aAAa,CAAC,OAAO,OAChB,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,SAAS,EAAC,cAAc,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAE7D,QAAQ,GACa,CACzB,CAAA;AACH,CAAC,CAAC,CAAA;AAoC2B,kCAAW;AAlCxC,MAAM,WAAW,GAAG,IAAA,kBAAU,EAK5B,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,aAAa,CAAC,OAAO,OAChB,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,SAAS,EAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAEvC,QAAQ,GACa,CACzB,CAAA;AACH,CAAC,CAAC,CAAA;AAmBwC,kCAAW;AAjBrD,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAKzB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC9C,OAAO,CACL,uBAAC,aAAa,CAAC,IAAI,OACb,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,SAAS,EAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,YAEvC,QAAQ,GACU,CACtB,CAAA;AACH,CAAC,CAAC,CAAA;AAEO,4BAAQ"}

package/_cjs/src/components/widgets/SwapButton.js

@@ -4,13 +4,20 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const index_js_1 = require("../primitives/index.js");
 const index_js_2 = require("../../hooks/index.js");
 const events_js_1 = require("../../constants/events.js");
-const SwapButton = ({ transactionModalOpen, depositAddressModalOpen, isValidFromAddress, isValidToAddress, context, showHighPriceImpactWarning, onConnectWallet, quote, address, hasInsufficientBalance, isInsufficientLiquidityError, debouncedInputAmountValue, debouncedOutputAmountValue, isSameCurrencySameRecipientSwap, fromChainWalletVMSupported, recipientWalletSupportsChain, onClick, ctaCopy, onAnalyticEvent, isFetchingQuote }) => {
+const SwapButton = ({ transactionModalOpen, depositAddressModalOpen, isValidFromAddress, isValidToAddress, context, showHighPriceImpactWarning = false, disableSwapButton = false, tokenWidgetMode = false, hasValidAmount = true, onConnectWallet, quote, address, hasInsufficientBalance, isInsufficientLiquidityError, debouncedInputAmountValue, debouncedOutputAmountValue, isSameCurrencySameRecipientSwap, fromChainWalletVMSupported, recipientWalletSupportsChain, onClick, ctaCopy, onAnalyticEvent, isFetchingQuote }) => {
     const isMounted = (0, index_js_2.useMounted)();
     if (isMounted && (address || !fromChainWalletVMSupported)) {
         const invalidAmount = !quote ||
             Number(debouncedInputAmountValue) === 0 ||
             Number(debouncedOutputAmountValue) === 0;
-        return ((0, jsx_runtime_1.jsx)(index_js_1.Button, { css: { justifyContent: 'center' }, color: showHighPriceImpactWarning ? 'error' : 'primary', "aria-label": context, cta: true, disabled: isFetchingQuote ||
+        const isWalletSelectionPrompt = tokenWidgetMode && (ctaCopy.includes('Select') || ctaCopy.includes('Enter'));
+        const isSelectTokenPrompt = tokenWidgetMode && ctaCopy === 'Select a token';
+        const buttonDisabled = tokenWidgetMode
+            ? (disableSwapButton ||
+                isFetchingQuote ||
+                isSelectTokenPrompt ||
+                (!isWalletSelectionPrompt && !hasValidAmount))
+            : (isFetchingQuote ||
                 (isValidToAddress &&
                     (isValidFromAddress || !fromChainWalletVMSupported) &&
                     (invalidAmount ||
@@ -19,11 +26,32 @@ const SwapButton = ({ transactionModalOpen, depositAddressModalOpen, isValidFrom
                         transactionModalOpen ||
                         depositAddressModalOpen ||
                         isSameCurrencySameRecipientSwap ||
-                        !recipientWalletSupportsChain)), "data-testid": "swap-button", onClick: () => {
-                onClick();
-            }, children: ctaCopy }));
+                        !recipientWalletSupportsChain ||
+                        disableSwapButton)));
+        const buttonLabel = tokenWidgetMode && isFetchingQuote && hasValidAmount
+            ? 'Fetching quote'
+            : ctaCopy;
+        return ((0, jsx_runtime_1.jsx)(index_js_1.Button, { css: {
+                justifyContent: 'center',
+                width: tokenWidgetMode ? '100%' : undefined,
+                textTransform: tokenWidgetMode ? 'uppercase' : undefined,
+                fontFamily: tokenWidgetMode ? 'heading' : undefined,
+                fontWeight: tokenWidgetMode ? 700 : undefined,
+                fontStyle: tokenWidgetMode ? 'var(--relay-fonts-button-cta-font-style, italic)' : undefined
+            }, color: showHighPriceImpactWarning ? 'error' : 'primary', "aria-label": context, cta: true, disabled: buttonDisabled, "data-testid": tokenWidgetMode ? "token-action-button" : "swap-button", onClick: () => {
+                if (!buttonDisabled) {
+                    onClick();
+                }
+            }, children: buttonLabel }));
     }
-    return ((0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, css: { justifyContent: 'center' }, "aria-label": "Connect wallet", onClick: () => {
+    return ((0, jsx_runtime_1.jsx)(index_js_1.Button, { cta: true, css: {
+            justifyContent: 'center',
+            width: tokenWidgetMode ? '100%' : undefined,
+            textTransform: tokenWidgetMode ? 'uppercase' : undefined,
+            fontFamily: tokenWidgetMode ? 'heading' : undefined,
+            fontWeight: tokenWidgetMode ? 700 : undefined,
+            fontStyle: tokenWidgetMode ? 'var(--relay-fonts-button-cta-font-style, italic)' : undefined
+        }, "aria-label": "Connect wallet", onClick: () => {
             if (!onConnectWallet) {
                 throw 'Missing onWalletConnect function';
             }
@@ -31,7 +59,7 @@ const SwapButton = ({ transactionModalOpen, depositAddressModalOpen, isValidFrom
             onAnalyticEvent?.(events_js_1.EventNames.CONNECT_WALLET_CLICKED, {
                 context
             });
-        }, "data-testid": "widget-connect-wallet-button", children: "Connect Wallet" }));
+        }, "data-testid": tokenWidgetMode ? "token-widget-connect-wallet-button" : "widget-connect-wallet-button", children: "Connect Wallet" }));
 };
 exports.default = SwapButton;
 //# sourceMappingURL=SwapButton.js.map

package/_cjs/src/components/widgets/SwapButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwapButton.js","sourceRoot":"","sources":["../../../../src/components/widgets/SwapButton.tsx"],"names":[],"mappings":";;;AACA,qDAA+C;AAC/C,mDAAiD;AAEjD,yDAAsD;AA2BtD,MAAM,UAAU,GAAwB,CAAC,EACvC,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,gBAAgB,EAChB,OAAO,EACP,0BAA0B,EAC1B,eAAe,EACf,KAAK,EACL,OAAO,EACP,sBAAsB,EACtB,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,EAC1B,+BAA+B,EAC/B,0BAA0B,EAC1B,4BAA4B,EAC5B,OAAO,EACP,OAAO,EACP,eAAe,EACf,eAAe,EAChB,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,IAAA,qBAAU,GAAE,CAAA;IAE9B,IAAI,SAAS,IAAI,CAAC,OAAO,IAAI,CAAC,0BAA0B,CAAC,EAAE,CAAC;QAC1D,MAAM,aAAa,GACjB,CAAC,KAAK;YACN,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC;YACvC,MAAM,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAA;QAE1C,OAAO,CACL,uBAAC,iBAAM,IACL,GAAG,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EACjC,KAAK,EAAE,0BAA0B,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBAC3C,OAAO,EACnB,GAAG,EAAE,IAAI,EACT,QAAQ,EACN,eAAe;gBACf,CAAC,gBAAgB;oBACf,CAAC,kBAAkB,IAAI,CAAC,0BAA0B,CAAC;oBACnD,CAAC,aAAa;wBACZ,sBAAsB;wBACtB,4BAA4B;wBAC5B,oBAAoB;wBACpB,uBAAuB;wBACvB,+BAA+B;wBAC/B,CAAC,4BAA4B,CAAC,CAAC,iBAEzB,aAAa,EACzB,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,EAAE,CAAA;YACX,CAAC,YAEA,OAAO,GACD,CACV,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,iBAAM,IACL,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,gBACtB,gBAAgB,EAC3B,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,kCAAkC,CAAA;YAC1C,CAAC;YAED,eAAe,EAAE,CAAA;YACjB,eAAe,EAAE,CAAC,sBAAU,CAAC,sBAAsB,EAAE;gBACnD,OAAO;aACR,CAAC,CAAA;QACJ,CAAC,iBACW,8BAA8B,+BAGnC,CACV,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}
+{"version":3,"file":"SwapButton.js","sourceRoot":"","sources":["../../../../src/components/widgets/SwapButton.tsx"],"names":[],"mappings":"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"}

package/_cjs/src/components/widgets/TokenWidget/AmountModeToggle.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../../primitives/index.js");
+const index_js_2 = require("../../../icons/index.js");
+const AmountModeToggle = ({ children, onToggle, textProps, buttonAriaLabel = 'Switch Input Mode' }) => {
+    const mergedTextProps = {
+        style: 'subtitle3',
+        color: 'subtleSecondary',
+        ...textProps
+    };
+    return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: {
+            gap: '8px',
+            _hover: { cursor: 'pointer' }
+        }, onClick: () => {
+            onToggle();
+        }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { ...mergedTextProps, children: children }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { "aria-label": buttonAriaLabel, size: "none", color: "ghost", css: {
+                    color: 'gray11',
+                    alignSelf: 'center',
+                    justifyContent: 'center',
+                    width: '20px',
+                    height: '20px',
+                    borderRadius: '100px',
+                    padding: '4px',
+                    backgroundColor: 'gray3'
+                }, onClick: () => {
+                    onToggle();
+                }, children: (0, jsx_runtime_1.jsx)(index_js_2.SwitchIcon, { width: 16, height: 10 }) })] }));
+};
+exports.default = AmountModeToggle;
+//# sourceMappingURL=AmountModeToggle.js.map

package/_cjs/src/components/widgets/TokenWidget/AmountModeToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmountModeToggle.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/AmountModeToggle.tsx"],"names":[],"mappings":";;;AACA,wDAA8D;AAC9D,sDAAoD;AAWpD,MAAM,gBAAgB,GAA8B,CAAC,EACnD,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,eAAe,GAAG,mBAAmB,EACtC,EAAE,EAAE;IACH,MAAM,eAAe,GAAc;QACjC,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,iBAAiB;QACxB,GAAG,SAAS;KACb,CAAA;IAED,OAAO,CACL,wBAAC,eAAI,IACH,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE;YACH,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;SAC9B,EACD,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,EAAE,CAAA;QACZ,CAAC,aAED,uBAAC,eAAI,OAAK,eAAe,YAAG,QAAQ,GAAQ,EAC5C,uBAAC,iBAAM,kBACO,eAAe,EAC3B,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,OAAO,EACb,GAAG,EAAE;oBACH,KAAK,EAAE,QAAQ;oBACf,SAAS,EAAE,QAAQ;oBACnB,cAAc,EAAE,QAAQ;oBACxB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,YAAY,EAAE,OAAO;oBACrB,OAAO,EAAE,KAAK;oBACd,eAAe,EAAE,OAAO;iBACzB,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,EAAE,CAAA;gBACZ,CAAC,YAED,uBAAC,qBAAU,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC9B,IACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,gBAAgB,CAAA"}

package/_cjs/src/components/widgets/TokenWidget/AmountSectionHeader.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../../primitives/index.js");
+const SlippageToleranceConfig_js_1 = require("../../common/SlippageToleranceConfig.js");
+const AmountSectionHeader = ({ label, slippageTolerance, onSlippageToleranceChange, onAnalyticEvent, onOpenSlippageConfig }) => ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "between", css: { gap: '2', width: '100%' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: label }), (0, jsx_runtime_1.jsx)(SlippageToleranceConfig_js_1.SlippageToleranceConfig, { label: "Slippage", showGearIcon: false, showLabel: true, currentSlippageTolerance: slippageTolerance, setSlippageTolerance: onSlippageToleranceChange ?? (() => { }), onAnalyticEvent: onAnalyticEvent, onOpenSlippageConfig: onOpenSlippageConfig, widgetType: "token" })] }));
+exports.default = AmountSectionHeader;
+//# sourceMappingURL=AmountSectionHeader.js.map

package/_cjs/src/components/widgets/TokenWidget/AmountSectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmountSectionHeader.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/AmountSectionHeader.tsx"],"names":[],"mappings":";;;AACA,wDAAsD;AACtD,wFAAiF;AAUjF,MAAM,mBAAmB,GAAiC,CAAC,EACzD,KAAK,EACL,iBAAiB,EACjB,yBAAyB,EACzB,eAAe,EACf,oBAAoB,EACrB,EAAE,EAAE,CAAC,CACJ,wBAAC,eAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,aACrE,uBAAC,eAAI,IAAC,KAAK,EAAC,WAAW,YAAE,KAAK,GAAQ,EACtC,uBAAC,oDAAuB,IACtB,KAAK,EAAC,UAAU,EAChB,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,IAAI,EACf,wBAAwB,EAAE,iBAAiB,EAC3C,oBAAoB,EAAE,yBAAyB,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EAC7D,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,EAC1C,UAAU,EAAC,OAAO,GAClB,IACG,CACR,CAAA;AAED,kBAAe,mBAAmB,CAAA"}

package/_cjs/src/components/widgets/TokenWidget/BuyTabContent.js

@@ -0,0 +1,218 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Tabs_js_1 = require("../../primitives/Tabs.js");
+const index_js_1 = require("../../primitives/index.js");
+const AmountInput_js_1 = tslib_1.__importDefault(require("../../common/AmountInput.js"));
+const numbers_js_1 = require("../../../utils/numbers.js");
+const PriceImpact_js_1 = require("../SwapWidget/PriceImpact.js");
+const BalanceDisplay_js_1 = require("../../common/BalanceDisplay.js");
+const jsx_1 = require("@relayprotocol/relay-design-system/jsx");
+const MultiWalletDropdown_js_1 = require("../../common/MultiWalletDropdown.js");
+const PaymentMethod_js_1 = tslib_1.__importDefault(require("../../common/TokenSelector/PaymentMethod.js"));
+const events_js_1 = require("../../../constants/events.js");
+const tokenSelector_js_1 = require("../../../utils/tokenSelector.js");
+const relay_sdk_1 = require("@relayprotocol/relay-sdk");
+const SwapButton_js_1 = tslib_1.__importDefault(require("../SwapButton.js"));
+const PaymentMethodTrigger_js_1 = require("../../common/TokenSelector/triggers/PaymentMethodTrigger.js");
+const AmountSectionHeader_js_1 = tslib_1.__importDefault(require("./AmountSectionHeader.js"));
+const AmountModeToggle_js_1 = tslib_1.__importDefault(require("./AmountModeToggle.js"));
+const TransactionDetailsFooter_js_1 = tslib_1.__importDefault(require("./TransactionDetailsFooter.js"));
+const SectionContainer_js_1 = tslib_1.__importDefault(require("./SectionContainer.js"));
+const WidgetErrorWell_js_1 = require("../WidgetErrorWell.js");
+const FeeBreakdownInfo_js_1 = require("./FeeBreakdownInfo.js");
+const DestinationWalletSelector_js_1 = require("./DestinationWalletSelector.js");
+const BuyTabContent = ({ slippageTolerance, onOpenSlippageConfig, onSlippageToleranceChange, isUsdInputMode, usdOutputValue, tradeType, amountOutputValue, amountInputValue, toToken, fromToken, quote, isFetchingQuote, isLoadingToTokenPrice, outputAmountUsd, toTokenPriceData, setUsdOutputValue, setTradeType, setAmountOutputValue, setAmountInputValue, setUsdInputValue, debouncedAmountOutputControls, onAnalyticEvent, feeBreakdown, isLoadingFromBalance, fromBalance, fromBalancePending, toBalance, isLoadingToBalance, toBalancePending, address, timeEstimate, multiWalletSupportEnabled, toChainWalletVMSupported, fromChain, disablePasteWalletAddressOption, recipient, setCustomToAddress, setDestinationAddressOverride, onConnectWallet, onLinkNewWallet, linkedWallets, toChain, isValidToAddress, isRecipientLinked, setAddressModalOpen, toDisplayName, isValidFromAddress, fromChainWalletVMSupported, supportedWalletVMs, handleSetFromToken, handleSetToToken, onSetPrimaryWallet, setOriginAddressOverride, lockToToken, lockFromToken, isSingleChainLocked, lockChainId, popularChainIds, transactionModalOpen, depositAddressModalOpen, hasInsufficientBalance, isInsufficientLiquidityError, recipientWalletSupportsChain, isSameCurrencySameRecipientSwap, debouncedInputAmountValue, debouncedOutputAmountValue, showHighPriceImpactWarning, disableSwapButton, toggleInputMode, onPrimaryAction, error, relayerFeeProportion, highRelayerServiceFee, isCapacityExceededError, isCouldNotExecuteError, supportsExternalLiquidity, recipientLinkedWallet, toChainVmType, ctaCopy }) => {
+    const displayCta = [
+        'Swap',
+        'Confirm',
+        'Bridge',
+        'Send',
+        'Wrap',
+        'Unwrap'
+    ].includes(ctaCopy)
+        ? 'Buy'
+        : ctaCopy;
+    const fromChainId = fromToken?.chainId;
+    const lockedChainIds = isSingleChainLocked
+        ? lockChainId !== undefined
+            ? [lockChainId]
+            : undefined
+        : (0, tokenSelector_js_1.isChainLocked)(fromChainId, lockChainId, toToken?.chainId, lockFromToken) && fromChainId !== undefined
+            ? [fromChainId]
+            : undefined;
+    const hasSelectedTokens = Boolean(fromToken && toToken);
+    const invalidAmount = !quote ||
+        Number(debouncedInputAmountValue) === 0 ||
+        Number(debouncedOutputAmountValue) === 0 ||
+        !hasSelectedTokens;
+    const hasValidOutputAmount = toToken && amountOutputValue && Number(amountOutputValue) > 0;
+    const currencyInAmountUsd = quote?.details?.currencyIn?.amountUsd;
+    const currencyInAmountFormatted = quote?.details?.currencyIn?.amountFormatted;
+    const isLoadingPayWith = hasValidOutputAmount && isFetchingQuote && fromToken && !currencyInAmountUsd;
+    return ((0, jsx_runtime_1.jsx)(Tabs_js_1.TabsContent, { value: "buy", children: (0, jsx_runtime_1.jsxs)(SectionContainer_js_1.default, { css: {
+                backgroundColor: 'widget-background',
+                border: '1px solid',
+                borderColor: 'slate.4'
+            }, id: 'buy-token-section', children: [(0, jsx_runtime_1.jsx)(AmountSectionHeader_js_1.default, { label: "Amount", slippageTolerance: slippageTolerance, onOpenSlippageConfig: onOpenSlippageConfig, onSlippageToleranceChange: onSlippageToleranceChange, onAnalyticEvent: onAnalyticEvent }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", justify: "between", css: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(AmountInput_js_1.default, { prefixSymbol: isUsdInputMode ? '$' : undefined, value: isUsdInputMode
+                            ? usdOutputValue
+                            : tradeType === 'EXPECTED_OUTPUT'
+                                ? amountOutputValue
+                                : amountOutputValue
+                                    ? (0, numbers_js_1.formatFixedLength)(amountOutputValue, 8)
+                                    : amountOutputValue, setValue: (value) => {
+                            if (isUsdInputMode) {
+                                setUsdOutputValue(value);
+                                setTradeType('EXPECTED_OUTPUT');
+                                if (Number(value) === 0) {
+                                    setAmountInputValue('');
+                                    setUsdInputValue('');
+                                    debouncedAmountOutputControls.flush();
+                                }
+                            }
+                            else {
+                                setAmountOutputValue(value);
+                                setTradeType('EXPECTED_OUTPUT');
+                                if (Number(value) === 0) {
+                                    setAmountInputValue('');
+                                    debouncedAmountOutputControls.flush();
+                                }
+                            }
+                        }, disabled: !toToken || !fromChainWalletVMSupported, onClick: () => {
+                            onAnalyticEvent?.(events_js_1.EventNames.SWAP_OUTPUT_FOCUSED);
+                        }, css: {
+                            fontWeight: '700',
+                            fontSize: 32,
+                            lineHeight: '32px',
+                            py: 0,
+                            color: isFetchingQuote && tradeType === 'EXACT_INPUT'
+                                ? 'text-subtle'
+                                : 'input-color',
+                            _placeholder: {
+                                color: isFetchingQuote && tradeType === 'EXACT_INPUT'
+                                    ? 'text-subtle'
+                                    : 'input-color'
+                            },
+                            _disabled: {
+                                cursor: 'not-allowed',
+                                _placeholder: {
+                                    color: 'gray10'
+                                },
+                                color: 'gray10'
+                            }
+                        } }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", justify: "between", css: { gap: '3', width: '100%' }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: {
+                                gap: '3',
+                                minHeight: 18
+                            }, children: [(0, jsx_runtime_1.jsx)(AmountModeToggle_js_1.default, { onToggle: toggleInputMode, children: isUsdInputMode
+                                        ? toToken
+                                            ? usdOutputValue && Number(usdOutputValue) > 0
+                                                ? amountOutputValue && !isLoadingToTokenPrice
+                                                    ? `${(0, numbers_js_1.formatNumber)(amountOutputValue, 4, false)} ${toToken.symbol}`
+                                                    : '...'
+                                                : `0 ${toToken.symbol}`
+                                            : null
+                                        : toToken &&
+                                            quote?.details?.currencyOut?.amountUsd &&
+                                            !isFetchingQuote
+                                            ? (0, numbers_js_1.formatDollar)(Number(quote.details.currencyOut.amountUsd))
+                                            : toToken &&
+                                                isLoadingToTokenPrice &&
+                                                amountOutputValue &&
+                                                Number(amountOutputValue) > 0
+                                                ? '...'
+                                                : toToken &&
+                                                    outputAmountUsd &&
+                                                    outputAmountUsd > 0 &&
+                                                    toTokenPriceData?.price &&
+                                                    toTokenPriceData.price > 0
+                                                    ? (0, numbers_js_1.formatDollar)(outputAmountUsd)
+                                                    : '$0.00' }), (0, jsx_runtime_1.jsx)(PriceImpact_js_1.PriceImpact, { toToken: toToken, isFetchingQuote: isFetchingQuote, feeBreakdown: feeBreakdown, quote: quote })] }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: { marginLeft: 'auto' }, children: toToken ? ((0, jsx_runtime_1.jsx)(BalanceDisplay_js_1.BalanceDisplay, { hideBalanceLabel: true, displaySymbol: true, isLoading: isLoadingToBalance, balance: toBalance, decimals: toToken?.decimals, symbol: toToken?.symbol, isConnected: !(0, relay_sdk_1.isDeadAddress)(recipient) &&
+                                    recipient !== relay_sdk_1.tronDeadAddress &&
+                                    recipient !== undefined, pending: toBalancePending, size: "md" })) : ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: { height: 18 } })) })] }), (0, jsx_runtime_1.jsx)(jsx_1.Divider, { color: "gray4" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%', gap: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: "Pay with" }), multiWalletSupportEnabled && fromChainWalletVMSupported ? ((0, jsx_runtime_1.jsx)(MultiWalletDropdown_js_1.MultiWalletDropdown, { context: "origin", disablePasteWalletAddressOption: disablePasteWalletAddressOption, selectedWalletAddress: address, onSelect: (wallet) => {
+                                setOriginAddressOverride(wallet.address);
+                                onSetPrimaryWallet?.(wallet.address);
+                                if (wallet.address !== address) {
+                                    handleSetFromToken(undefined);
+                                }
+                            }, chain: fromChain, disableWalletFiltering: true, onLinkNewWallet: () => {
+                                if (!address && fromChainWalletVMSupported) {
+                                    onConnectWallet?.();
+                                }
+                                else {
+                                    onLinkNewWallet?.({
+                                        chain: fromChain,
+                                        direction: 'from'
+                                    })?.then((wallet) => {
+                                        if (wallet) {
+                                            setOriginAddressOverride(wallet.address);
+                                            onSetPrimaryWallet?.(wallet.address);
+                                        }
+                                    });
+                                }
+                            }, setAddressModalOpen: setAddressModalOpen, wallets: linkedWallets ?? [], onAnalyticEvent: onAnalyticEvent, testId: "origin-wallet-select-button" })) : null] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { justify: "between", css: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)(PaymentMethod_js_1.default, { address: address, isValidAddress: isValidFromAddress, token: fromToken, onAnalyticEvent: onAnalyticEvent, fromChainWalletVMSupported: fromChainWalletVMSupported, supportedWalletVMs: supportedWalletVMs, linkedWallets: linkedWallets, multiWalletSupportEnabled: multiWalletSupportEnabled, context: "from", autoSelectToken: false, setToken: (token) => {
+                                if (token?.address === toToken?.address &&
+                                    token?.chainId === toToken?.chainId &&
+                                    address === recipient &&
+                                    (!lockToToken || !fromToken)) {
+                                    handleSetFromToken(toToken);
+                                    handleSetToToken(fromToken);
+                                }
+                                else {
+                                    handleSetFromToken(token);
+                                }
+                            }, lockedChainIds: lockedChainIds, chainIdsFilter: !fromChainWalletVMSupported && toToken
+                                ? [toToken.chainId]
+                                : undefined, popularChainIds: popularChainIds, trigger: (0, jsx_runtime_1.jsx)("div", { style: { width: 'max-content' }, children: (0, jsx_runtime_1.jsx)(PaymentMethodTrigger_js_1.PaymentMethodTrigger, { token: fromToken, locked: lockFromToken, address: address, testId: "origin-token-select-button", balanceLabel: "available" }) }) }), (0, jsx_runtime_1.jsx)(FeeBreakdownInfo_js_1.FeeBreakdownInfo, { isLoading: Boolean(isLoadingPayWith), amountUsd: currencyInAmountUsd, tokenAmountFormatted: currencyInAmountFormatted, fallbackTokenAmount: amountInputValue, quote: quote, feeBreakdown: feeBreakdown, token: fromToken })] }), (0, jsx_runtime_1.jsx)(jsx_1.Divider, { color: "gray4" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { gap: '2', width: '100%' }, children: [(0, jsx_runtime_1.jsx)(DestinationWalletSelector_js_1.DestinationWalletSelector, { label: "Send to", isMultiWalletEnabled: multiWalletSupportEnabled, walletSupported: toChainWalletVMSupported, dropdownProps: {
+                                disablePasteWalletAddressOption,
+                                selectedWalletAddress: recipient,
+                                onSelect: (wallet) => {
+                                    setDestinationAddressOverride(wallet.address);
+                                    setCustomToAddress(undefined);
+                                },
+                                chain: toChain,
+                                disableWalletFiltering: false,
+                                onLinkNewWallet: () => {
+                                    if (!address && toChainWalletVMSupported) {
+                                        onConnectWallet?.();
+                                    }
+                                    else {
+                                        onLinkNewWallet?.({
+                                            chain: toChain,
+                                            direction: 'to'
+                                        })?.then((wallet) => {
+                                            if (!wallet) {
+                                                return;
+                                            }
+                                            setDestinationAddressOverride(wallet.address);
+                                            setCustomToAddress(undefined);
+                                        });
+                                    }
+                                },
+                                setAddressModalOpen,
+                                wallets: linkedWallets ?? [],
+                                onAnalyticEvent,
+                                testId: 'destination-wallet-select-button'
+                            }, fallback: {
+                                highlighted: Boolean(isValidToAddress &&
+                                    multiWalletSupportEnabled &&
+                                    !isRecipientLinked),
+                                text: !isValidToAddress ? 'Enter Address' : (toDisplayName ?? ''),
+                                onClick: () => {
+                                    setDestinationAddressOverride(undefined);
+                                    setAddressModalOpen(true);
+                                    onAnalyticEvent?.(events_js_1.EventNames.SWAP_ADDRESS_MODAL_CLICKED);
+                                },
+                                showClipboard: Boolean(isValidToAddress &&
+                                    multiWalletSupportEnabled &&
+                                    !isRecipientLinked)
+                            } }), (0, jsx_runtime_1.jsx)(WidgetErrorWell_js_1.WidgetErrorWell, { hasInsufficientBalance: hasInsufficientBalance, error: error, quote: quote, currency: fromToken, relayerFeeProportion: relayerFeeProportion, isHighRelayerServiceFee: highRelayerServiceFee, isCapacityExceededError: isCapacityExceededError, isCouldNotExecuteError: isCouldNotExecuteError, supportsExternalLiquidity: supportsExternalLiquidity, recipientWalletSupportsChain: recipientWalletSupportsChain, recipient: recipient, toChainWalletVMSupported: toChainWalletVMSupported, recipientLinkedWallet: recipientLinkedWallet, toChainVmType: toChainVmType, containerCss: { width: '100%' } })] }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(SwapButton_js_1.default, { context: "Buy", transactionModalOpen: transactionModalOpen, depositAddressModalOpen: depositAddressModalOpen, showHighPriceImpactWarning: showHighPriceImpactWarning, disableSwapButton: disableSwapButton, tokenWidgetMode: true, hasValidAmount: !invalidAmount, quote: quote, address: address, hasInsufficientBalance: hasInsufficientBalance, isInsufficientLiquidityError: isInsufficientLiquidityError, debouncedInputAmountValue: debouncedInputAmountValue, debouncedOutputAmountValue: debouncedOutputAmountValue, isSameCurrencySameRecipientSwap: isSameCurrencySameRecipientSwap, ctaCopy: displayCta, isValidFromAddress: isValidFromAddress, isValidToAddress: isValidToAddress, fromChainWalletVMSupported: fromChainWalletVMSupported, recipientWalletSupportsChain: recipientWalletSupportsChain, isFetchingQuote: isFetchingQuote, onClick: () => {
+                            onAnalyticEvent?.('TOKEN_BUY_CLICKED', {
+                                token: toToken,
+                                amount: amountOutputValue
+                            });
+                            onPrimaryAction();
+                        }, onConnectWallet: onConnectWallet, onAnalyticEvent: onAnalyticEvent }) }), (0, jsx_runtime_1.jsx)(TransactionDetailsFooter_js_1.default, { timeEstimate: timeEstimate, feeBreakdown: feeBreakdown, quote: quote })] }) }));
+};
+exports.default = BuyTabContent;
+//# sourceMappingURL=BuyTabContent.js.map

package/_cjs/src/components/widgets/TokenWidget/BuyTabContent.js.map

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

package/_cjs/src/components/widgets/TokenWidget/DestinationWalletSelector.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DestinationWalletSelector = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_js_1 = require("../../primitives/index.js");
+const MultiWalletDropdown_js_1 = require("../../common/MultiWalletDropdown.js");
+const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const DestinationWalletSelector = ({ label, isMultiWalletEnabled, walletSupported, dropdownProps, fallback }) => {
+    return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { width: '100%', gap: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: label }), isMultiWalletEnabled && walletSupported ? ((0, jsx_runtime_1.jsx)(MultiWalletDropdown_js_1.MultiWalletDropdown, { context: "destination", ...dropdownProps })) : ((0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: fallback.highlighted ? 'warning' : 'secondary', corners: "pill", size: "none", css: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    px: '2',
+                    py: '1'
+                }, onClick: fallback.onClick, children: [fallback.showClipboard ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'amber11' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faClipboard, width: 16, height: 16 }) })) : null, (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", css: {
+                            color: fallback.highlighted ? 'amber11' : 'anchor-color'
+                        }, children: fallback.text })] }))] }));
+};
+exports.DestinationWalletSelector = DestinationWalletSelector;
+//# sourceMappingURL=DestinationWalletSelector.js.map