@ordanetwork/sdk 1.2.0 → 1.3.0

package/dist/esm/react/components/Widget/components/TransactionDialog/components/Swap/index.d.ts

@@ -0,0 +1,2 @@
+export { Swap } from './Swap';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/react/components/Widget/components/TransactionDialog/components/Swap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/Swap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/components/Swap/index.js

@@ -0,0 +1,2 @@
+export { Swap } from './Swap';
+//# sourceMappingURL=index.js.map

package/dist/esm/react/components/Widget/components/TransactionDialog/components/Swap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/Swap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/TransactionDetails.d.ts

@@ -0,0 +1,17 @@
+import type { Token } from '../../../../types';
+import type { TransferResponse, TypedQuoteResponse, TypedOffRampQuoteResponse } from '../../../../types/quote';
+import type { OffRampQuoteResponse, OnRampQuoteResponse } from '../../../../../../../index';
+interface TransactionDetailsProps {
+    fromAmount: string;
+    toAmount: string;
+    fromTokenSelected: Token;
+    toTokenSelected: Token;
+    title?: string;
+    subtitle?: string;
+    swapQuote?: TransferResponse | TypedQuoteResponse | null;
+    onRampQuote?: OnRampQuoteResponse | null;
+    offRampQuote?: OffRampQuoteResponse | TypedOffRampQuoteResponse | null;
+}
+export declare const TransactionDetails: ({ fromAmount, toAmount, fromTokenSelected, toTokenSelected, title, subtitle, swapQuote, onRampQuote, offRampQuote, }: TransactionDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TransactionDetails.d.ts.map

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/TransactionDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetails.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/TransactionDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAG/G,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAM5F,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,KAAK,CAAC;IACzB,eAAe,EAAE,KAAK,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,GAAG,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,oBAAoB,GAAG,yBAAyB,GAAG,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,kBAAkB,GAAI,sHAUhC,uBAAuB,4CAwHzB,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/TransactionDetails.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DialogTitle } from '../../../../../ui/dialog';
+import { getChainInfo } from '../../../../../../lib/constants';
+import { isTransferResponse } from '../../../../types/quote';
+import { roundToNineDecimals } from '../../../../../../lib/utils/inputFormatters';
+import { ArrowRight } from 'lucide-react';
+import { CollapsibleInfo } from './components';
+import { TokenIconDisplay } from '../../../shared';
+import { getChainIconUrl } from '../../../../../../assets';
+export const TransactionDetails = ({ fromAmount, toAmount, fromTokenSelected, toTokenSelected, title = 'Review your order', subtitle = 'Check the order details', swapQuote, onRampQuote, offRampQuote, }) => {
+    const fromChainSelected = getChainInfo(fromTokenSelected?.chainId);
+    const toChainSelected = getChainInfo(toTokenSelected?.chainId);
+    const formatDuration = (seconds) => {
+        if (seconds < 60)
+            return `~${seconds}s`;
+        const minutes = Math.floor(seconds / 60);
+        return `~${minutes}m`;
+    };
+    const formatAddress = (address) => {
+        if (address.length <= 13)
+            return address;
+        return `${address.slice(0, 7)}...${address.slice(-6)}`;
+    };
+    const formatGasFee = (amount, decimals) => {
+        const gasDecimals = decimals || 18;
+        const gasFee = parseFloat(amount) / Math.pow(10, gasDecimals);
+        return gasFee.toFixed(6);
+    };
+    const swapQuoteTyped = swapQuote && isTransferResponse(swapQuote) ? swapQuote : null;
+    const recipientAddress = swapQuoteTyped?.quote?.toAddress || onRampQuote?.quote?.toAddress;
+    const estimatedDuration = swapQuoteTyped?.quote?.estimatedDuration ||
+        onRampQuote?.quote?.estimatedDuration ||
+        offRampQuote?.quote?.estimatedDuration;
+    const timeToComplete = estimatedDuration ? formatDuration(estimatedDuration) : undefined;
+    const networkCost = swapQuoteTyped?.quote?.fees?.gas
+        ? formatGasFee(swapQuoteTyped.quote.fees.gas.amount, swapQuoteTyped.quote.fees.gas.decimals)
+        : undefined;
+    const isOffRamp = !!offRampQuote;
+    const showRecipient = !isOffRamp && recipientAddress;
+    const fromChainIconUrl = fromChainSelected?.id ? getChainIconUrl(fromChainSelected.id) : null;
+    const toChainIconUrl = toChainSelected?.id ? getChainIconUrl(toChainSelected.id) : null;
+    return (_jsxs(_Fragment, { children: [_jsx(DialogTitle, { className: "mb-0 mt-2 pb-0", children: title }), _jsx("small", { className: "text-sm font-normal text-zinc-500", children: subtitle }), _jsxs("div", { className: "mt-6 flex flex-col", children: [_jsxs("div", { className: "flex flex-col gap-3.5", children: [_jsxs("div", { className: "flex flex-row items-center justify-between", children: [_jsx("small", { className: "text-sm font-normal text-zinc-500", children: "Asset" }), _jsxs("div", { className: "flex items-center justify-center gap-1.5", children: [_jsxs("div", { className: "flex flex-row items-center gap-0.5", children: [_jsx(TokenIconDisplay, { symbol: fromTokenSelected.symbol, size: "sm" }), _jsx("div", { className: "flex flex-col items-end", children: _jsxs("div", { className: "flex items-center gap-0.5", children: [_jsx("small", { className: "text-sm font-normal text-zinc-950", children: roundToNineDecimals(fromAmount) || '0' }), _jsx("small", { className: "text-sm font-normal text-zinc-950", children: fromTokenSelected.symbol })] }) })] }), _jsx(ArrowRight, { className: "size-4" }), _jsxs("div", { className: "flex flex-row items-center gap-0.5", children: [_jsx(TokenIconDisplay, { symbol: toTokenSelected.symbol, size: "sm" }), _jsx("div", { className: "flex flex-col items-end", children: _jsxs("div", { className: "flex items-center gap-0.5", children: [_jsx("small", { className: "text-sm font-normal text-zinc-950", children: roundToNineDecimals(toAmount) || '0' }), _jsx("small", { className: "text-sm font-normal text-zinc-950", children: toTokenSelected.symbol })] }) })] })] })] }), _jsxs("div", { className: "flex flex-row items-center justify-between", children: [_jsx("small", { className: "text-sm font-normal text-zinc-500", children: "Network" }), _jsxs("div", { className: "flex items-center justify-center gap-1.5", children: [_jsxs("div", { className: "flex flex-row items-center gap-0.5", children: [fromChainIconUrl && _jsx("img", { src: fromChainIconUrl, alt: fromChainSelected?.displayName, className: "h-6 w-6 rounded-sm" }), _jsx("small", { className: "text-sm font-normal text-zinc-950", children: fromChainSelected?.displayName })] }), _jsx(ArrowRight, { className: "size-4" }), _jsxs("div", { className: "flex flex-row items-center gap-0.5", children: [toChainIconUrl && _jsx("img", { src: toChainIconUrl, alt: toChainSelected?.displayName, className: "h-6 w-6 rounded-sm" }), _jsx("small", { className: "text-sm font-normal text-zinc-950", children: toChainSelected?.displayName })] })] })] }), showRecipient && (_jsxs("div", { className: "flex flex-row items-center justify-between", children: [_jsx("small", { className: "text-sm font-normal text-zinc-500", children: "Recipient" }), _jsx("small", { className: "text-sm font-normal text-zinc-950", children: formatAddress(recipientAddress) })] })), timeToComplete && (_jsxs("div", { className: "flex flex-row items-center justify-between", children: [_jsx("small", { className: "text-sm font-normal text-zinc-500", children: "Time to complete" }), _jsx("small", { className: "text-sm font-normal text-zinc-950", children: timeToComplete })] }))] }), networkCost && (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-3 w-full border border-zinc-200" }), _jsxs("div", { className: "flex flex-row items-center justify-between", children: [_jsx("small", { className: "text-sm font-normal text-zinc-500", children: "Network cost" }), _jsxs("small", { className: "text-sm font-normal text-zinc-950", children: [networkCost, " ", swapQuoteTyped?.quote?.fees?.gas?.token || 'ETH'] })] })] })), _jsx(CollapsibleInfo, { swapQuote: swapQuote, onRampQuote: onRampQuote, offRampQuote: offRampQuote })] })] }));
+};
+//# sourceMappingURL=TransactionDetails.js.map

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/TransactionDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetails.js","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/TransactionDetails.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAc3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,eAAe,EACf,KAAK,GAAG,mBAAmB,EAC3B,QAAQ,GAAG,yBAAyB,EACpC,SAAS,EACT,WAAW,EACX,YAAY,GACY,EAAE,EAAE;IAC5B,MAAM,iBAAiB,GAAG,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IACnE,MAAM,eAAe,GAAG,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;IAE/D,MAAM,cAAc,GAAG,CAAC,OAAe,EAAU,EAAE;QACjD,IAAI,OAAO,GAAG,EAAE;YAAE,OAAO,IAAI,OAAO,GAAG,CAAC;QACxC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;QACzC,OAAO,IAAI,OAAO,GAAG,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,OAAe,EAAU,EAAE;QAChD,IAAI,OAAO,CAAC,MAAM,IAAI,EAAE;YAAE,OAAO,OAAO,CAAC;QACzC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,QAAiB,EAAU,EAAE;QACjE,MAAM,WAAW,GAAG,QAAQ,IAAI,EAAE,CAAC;QACnC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;QAC9D,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,SAAS,IAAI,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAErF,MAAM,gBAAgB,GAAG,cAAc,EAAE,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC;IAC3F,MAAM,iBAAiB,GACrB,cAAc,EAAE,KAAK,EAAE,iBAAiB;QACxC,WAAW,EAAE,KAAK,EAAE,iBAAiB;QACrC,YAAY,EAAE,KAAK,EAAE,iBAAiB,CAAC;IACzC,MAAM,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEzF,MAAM,WAAW,GAAG,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG;QAClD,CAAC,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC;QAC5F,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,SAAS,GAAG,CAAC,CAAC,YAAY,CAAC;IACjC,MAAM,aAAa,GAAG,CAAC,SAAS,IAAI,gBAAgB,CAAC;IAErD,MAAM,gBAAgB,GAAG,iBAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9F,MAAM,cAAc,GAAG,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAExF,OAAO,CACL,8BACE,KAAC,WAAW,IAAC,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAe,EAC7D,gBAAO,SAAS,EAAC,mCAAmC,YAAE,QAAQ,GAAS,EACvE,eAAK,SAAS,EAAC,oBAAoB,aACjC,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,4CAA4C,aACzD,gBAAO,SAAS,EAAC,mCAAmC,sBAAc,EAClE,eAAK,SAAS,EAAC,0CAA0C,aACvD,eAAK,SAAS,EAAC,oCAAoC,aACjD,KAAC,gBAAgB,IAAC,MAAM,EAAE,iBAAiB,CAAC,MAAM,EAAE,IAAI,EAAC,IAAI,GAAG,EAChE,cAAK,SAAS,EAAC,yBAAyB,YACtC,eAAK,SAAS,EAAC,2BAA2B,aACxC,gBAAO,SAAS,EAAC,mCAAmC,YACjD,mBAAmB,CAAC,UAAU,CAAC,IAAI,GAAG,GACjC,EACR,gBAAO,SAAS,EAAC,mCAAmC,YAAE,iBAAiB,CAAC,MAAM,GAAS,IACnF,GACF,IACF,EACN,KAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,GAAG,EACjC,eAAK,SAAS,EAAC,oCAAoC,aACjD,KAAC,gBAAgB,IAAC,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,IAAI,EAAC,IAAI,GAAG,EAC9D,cAAK,SAAS,EAAC,yBAAyB,YACtC,eAAK,SAAS,EAAC,2BAA2B,aACxC,gBAAO,SAAS,EAAC,mCAAmC,YAAE,mBAAmB,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAS,EACnG,gBAAO,SAAS,EAAC,mCAAmC,YAAE,eAAe,CAAC,MAAM,GAAS,IACjF,GACF,IACF,IACF,IACF,EAEN,eAAK,SAAS,EAAC,4CAA4C,aACzD,gBAAO,SAAS,EAAC,mCAAmC,wBAAgB,EACpE,eAAK,SAAS,EAAC,0CAA0C,aACvD,eAAK,SAAS,EAAC,oCAAoC,aAChD,gBAAgB,IAAI,cAAK,GAAG,EAAE,gBAAgB,EAAE,GAAG,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAC,oBAAoB,GAAG,EACvH,gBAAO,SAAS,EAAC,mCAAmC,YAAE,iBAAiB,EAAE,WAAW,GAAS,IACzF,EACN,KAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,GAAG,EACjC,eAAK,SAAS,EAAC,oCAAoC,aAChD,cAAc,IAAI,cAAK,GAAG,EAAE,cAAc,EAAE,GAAG,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAC,oBAAoB,GAAG,EACjH,gBAAO,SAAS,EAAC,mCAAmC,YAAE,eAAe,EAAE,WAAW,GAAS,IACvF,IACF,IACF,EAEL,aAAa,IAAI,CAChB,eAAK,SAAS,EAAC,4CAA4C,aACzD,gBAAO,SAAS,EAAC,mCAAmC,0BAAkB,EACtE,gBAAO,SAAS,EAAC,mCAAmC,YAAE,aAAa,CAAC,gBAAgB,CAAC,GAAS,IAC1F,CACP,EAEA,cAAc,IAAI,CACjB,eAAK,SAAS,EAAC,4CAA4C,aACzD,gBAAO,SAAS,EAAC,mCAAmC,iCAAyB,EAC7E,gBAAO,SAAS,EAAC,mCAAmC,YAAE,cAAc,GAAS,IACzE,CACP,IACG,EAEL,WAAW,IAAI,CACd,8BACE,cAAK,SAAS,EAAC,oCAAoC,GAAG,EAEtD,eAAK,SAAS,EAAC,4CAA4C,aACzD,gBAAO,SAAS,EAAC,mCAAmC,6BAAqB,EACzE,iBAAO,SAAS,EAAC,mCAAmC,aACjD,WAAW,OAAG,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,KAAK,IACzD,IACJ,IACL,CACJ,EAED,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,GAAI,IAC3F,IACL,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/CollapsibleInfo.d.ts

@@ -0,0 +1,10 @@
+import type { OnRampQuoteResponse, OffRampQuoteResponse } from '../../../../../../../../index';
+import type { TransferResponse, TypedQuoteResponse, TypedOffRampQuoteResponse } from '../../../../../types/quote';
+interface CollapsibleInfoProps {
+    swapQuote?: TransferResponse | TypedQuoteResponse | null;
+    onRampQuote?: OnRampQuoteResponse | null;
+    offRampQuote?: OffRampQuoteResponse | TypedOffRampQuoteResponse | null;
+}
+export declare const CollapsibleInfo: ({ swapQuote, onRampQuote: _onRampQuote, offRampQuote: _offRampQuote }: CollapsibleInfoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CollapsibleInfo.d.ts.map

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/CollapsibleInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleInfo.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/CollapsibleInfo.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAC/F,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAGlH,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,GAAG,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,oBAAoB,GAAG,yBAAyB,GAAG,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,eAAe,GAAI,uEAAuE,oBAAoB,4CA+F1H,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/CollapsibleInfo.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronsDownUp, ChevronsUpDown } from 'lucide-react';
+import { useState, useMemo } from 'react';
+import { isTransferResponse } from '../../../../../types/quote';
+export const CollapsibleInfo = ({ swapQuote, onRampQuote: _onRampQuote, offRampQuote: _offRampQuote }) => {
+    const [collapsibleExpanded, setCollapsibleExpanded] = useState(false);
+    const toggleCollapsibleExpanded = () => {
+        setCollapsibleExpanded((prev) => !prev);
+    };
+    const swapQuoteTyped = swapQuote && isTransferResponse(swapQuote) ? swapQuote : null;
+    const isSwap = !!swapQuoteTyped;
+    const spread = useMemo(() => {
+        if (!isSwap || !swapQuoteTyped?.quote)
+            return '0%';
+        const { fromToken, toToken, fromAmount, toAmount } = swapQuoteTyped.quote;
+        if (!fromToken?.price || !toToken?.price)
+            return '0%';
+        const fromDecimal = parseFloat(fromAmount) / Math.pow(10, fromToken.decimals);
+        const toDecimal = parseFloat(toAmount) / Math.pow(10, toToken.decimals);
+        const fromUsd = fromDecimal * fromToken.price;
+        const toUsd = toDecimal * toToken.price;
+        const spreadPercent = (toUsd / fromUsd - 1) * 100;
+        return `${spreadPercent.toFixed(2)}%`;
+    }, [isSwap, swapQuoteTyped]);
+    const totalFeesUsd = useMemo(() => {
+        if (!isSwap || !swapQuoteTyped?.quote?.fees)
+            return null;
+        const { bridge, integrator } = swapQuoteTyped.quote.fees;
+        const fromTokenPrice = swapQuoteTyped.quote.fromToken?.price || 0;
+        let totalFees = 0;
+        if (bridge?.amount) {
+            const bridgeDecimals = bridge.decimals || 18;
+            const bridgeFeeDecimal = parseFloat(bridge.amount) / Math.pow(10, bridgeDecimals);
+            totalFees += bridgeFeeDecimal * fromTokenPrice;
+        }
+        if (integrator) {
+            const integratorValue = typeof integrator === 'string' ? parseFloat(integrator) : integrator;
+            const fromAmount = parseFloat(swapQuoteTyped.quote.fromAmount) / Math.pow(10, swapQuoteTyped.quote.fromToken.decimals);
+            totalFees += (fromAmount * fromTokenPrice * integratorValue) / 10000;
+        }
+        return totalFees > 0 ? totalFees : null;
+    }, [isSwap, swapQuoteTyped]);
+    const formattedFees = totalFeesUsd != null
+        ? `$${totalFeesUsd.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`
+        : '$0.00';
+    return (_jsxs("div", { className: "mt-3.5", children: [_jsx("div", { className: `overflow-hidden transition-all duration-500 ${collapsibleExpanded ? 'max-h-40' : 'max-h-0'}`, children: _jsxs("div", { className: "flex flex-col gap-3.5", children: [_jsxs("div", { className: "flex flex-row items-center justify-between", children: [_jsx("small", { className: "text-sm font-normal text-zinc-500", children: "Spread" }), _jsx("small", { className: "text-sm font-normal text-zinc-950", children: spread })] }), _jsxs("div", { className: "flex flex-row items-center justify-between", children: [_jsx("small", { className: "text-sm font-normal text-zinc-500", children: "Fee" }), _jsx("small", { className: "text-sm font-normal text-zinc-950", children: formattedFees })] }), _jsxs("div", { className: "mb-3.5 flex flex-row items-center justify-between", children: [_jsx("small", { className: "text-sm font-normal text-zinc-500", children: "Max slippage" }), _jsx("small", { className: "text-sm font-normal text-zinc-950", children: "0%" })] })] }) }), _jsx("div", { className: "flex w-fit cursor-pointer flex-row items-center gap-1", onClick: toggleCollapsibleExpanded, children: collapsibleExpanded ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-sm font-normal text-zinc-950", children: "Show less" }), _jsx(ChevronsDownUp, { className: "h-4 w-4 text-zinc-950" })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-sm text-zinc-950", children: "Show more" }), _jsx(ChevronsUpDown, { className: "h-4 w-4 text-zinc-950" })] })) })] }));
+};
+//# sourceMappingURL=CollapsibleInfo.js.map

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/CollapsibleInfo.js.map

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

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/index.d.ts

@@ -0,0 +1,2 @@
+export { CollapsibleInfo } from './CollapsibleInfo';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/index.js

@@ -0,0 +1,2 @@
+export { CollapsibleInfo } from './CollapsibleInfo';
+//# sourceMappingURL=index.js.map

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/index.d.ts

@@ -0,0 +1,2 @@
+export { TransactionDetails } from './TransactionDetails';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/index.js

@@ -0,0 +1,2 @@
+export { TransactionDetails } from './TransactionDetails';
+//# sourceMappingURL=index.js.map

package/dist/esm/react/components/Widget/components/TransactionDialog/components/TransactionDetails/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/components/index.d.ts

@@ -0,0 +1,5 @@
+export { TransactionDetails } from './TransactionDetails';
+export { Swap } from './Swap';
+export { OnRamp } from './OnRamp';
+export { OffRamp } from './OffRamp';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/react/components/Widget/components/TransactionDialog/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/components/index.js

@@ -0,0 +1,5 @@
+export { TransactionDetails } from './TransactionDetails';
+export { Swap } from './Swap';
+export { OnRamp } from './OnRamp';
+export { OffRamp } from './OffRamp';
+//# sourceMappingURL=index.js.map

package/dist/esm/react/components/Widget/components/TransactionDialog/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { TransactionDialog } from './TransactionDialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/react/components/Widget/components/TransactionDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/components/Widget/components/TransactionDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/esm/react/components/Widget/components/TransactionDialog/index.js

@@ -0,0 +1,2 @@
+export { TransactionDialog } from './TransactionDialog';
+//# sourceMappingURL=index.js.map

package/dist/esm/react/components/Widget/components/TransactionDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/react/components/Widget/components/TransactionDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/esm/react/components/Widget/components/UserAccountDrawer/UserAccountDrawer.d.ts

@@ -0,0 +1,7 @@
+interface UserAccountDrawerProps {
+    isOpen: boolean;
+    toggleOpenDrawer: () => void;
+}
+export declare const UserAccountDrawer: ({ isOpen, toggleOpenDrawer }: UserAccountDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserAccountDrawer.d.ts.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/UserAccountDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAccountDrawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/components/Widget/components/UserAccountDrawer/UserAccountDrawer.tsx"],"names":[],"mappings":"AASA,UAAU,sBAAsB;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,GAAI,8BAA8B,sBAAsB,4CA+CrF,CAAC"}

package/dist/esm/react/components/Widget/components/UserAccountDrawer/UserAccountDrawer.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { VisuallyHidden } from '../../../ui/dialog';
+import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from '../../../ui/drawer';
+import { Sheet, SheetContent, SheetDescription, SheetTitle } from '../../../ui/sheet';
+import { useMediaQuery } from '../../../../hooks/useMediaQuery';
+import { useState } from 'react';
+import { UserAccountData, Wallets } from './components';
+export const UserAccountDrawer = ({ isOpen, toggleOpenDrawer }) => {
+    const [showWallets, setShowWallets] = useState(false);
+    const toggleShowWallets = () => {
+        setShowWallets((prev) => !prev);
+    };
+    const handleToggleOpenDrawer = () => {
+        toggleOpenDrawer();
+        setShowWallets(false);
+    };
+    const isDesktop = useMediaQuery('(min-width: 768px)');
+    const content = (_jsx(_Fragment, { children: showWallets ? (_jsx(Wallets, { toggleOpenDrawer: handleToggleOpenDrawer, backToAccountData: toggleShowWallets })) : (_jsx(UserAccountData, { toggleOpenDrawer: handleToggleOpenDrawer, goToWallets: toggleShowWallets })) }));
+    if (isDesktop) {
+        return (_jsxs(Sheet, { modal: false, open: isOpen, onOpenChange: handleToggleOpenDrawer, children: [_jsxs(VisuallyHidden, { children: [_jsx(SheetTitle, { children: "Wallets" }), _jsx(SheetDescription, { children: "Wallets" })] }), _jsx(SheetContent, { onInteractOutside: (e) => e.preventDefault(), className: "py-4", children: content })] }));
+    }
+    return (_jsxs(Drawer, { open: isOpen, onOpenChange: handleToggleOpenDrawer, children: [_jsxs(VisuallyHidden, { children: [_jsx(DrawerTitle, { children: "Wallets" }), _jsx(DrawerDescription, { children: "Wallets" })] }), _jsx(DrawerContent, { className: "pb-6", children: content })] }));
+};
+//# sourceMappingURL=UserAccountDrawer.js.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/UserAccountDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAccountDrawer.js","sourceRoot":"","sources":["../../../../../../../src/react/components/Widget/components/UserAccountDrawer/UserAccountDrawer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3F,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAOxD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAA0B,EAAE,EAAE;IACxF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,gBAAgB,EAAE,CAAC;QACnB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAEtD,MAAM,OAAO,GAAG,CACd,4BACG,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,OAAO,IAAC,gBAAgB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CAC5F,CAAC,CAAC,CAAC,CACF,KAAC,eAAe,IAAC,gBAAgB,EAAE,sBAAsB,EAAE,WAAW,EAAE,iBAAiB,GAAI,CAC9F,GACA,CACJ,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,MAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,sBAAsB,aACrE,MAAC,cAAc,eACb,KAAC,UAAU,0BAAqB,EAChC,KAAC,gBAAgB,0BAA2B,IAC7B,EACjB,KAAC,YAAY,IAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,SAAS,EAAC,MAAM,YACzE,OAAO,GACK,IACT,CACT,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,MAAM,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,sBAAsB,aACxD,MAAC,cAAc,eACb,KAAC,WAAW,0BAAsB,EAClC,KAAC,iBAAiB,0BAA4B,IAC/B,EACjB,KAAC,aAAa,IAAC,SAAS,EAAC,MAAM,YAAE,OAAO,GAAiB,IAClD,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/UserAccountData.d.ts

@@ -0,0 +1,7 @@
+interface UserAccountDataProps {
+    toggleOpenDrawer: () => void;
+    goToWallets: () => void;
+}
+export declare const UserAccountData: ({ toggleOpenDrawer, goToWallets }: UserAccountDataProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserAccountData.d.ts.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/UserAccountData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAccountData.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/UserAccountData.tsx"],"names":[],"mappings":"AASA,UAAU,oBAAoB;IAC5B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,GAAI,mCAAmC,oBAAoB,4CAwHtF,CAAC"}

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/UserAccountData.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '../../../../../ui/button';
+import { useAppKit } from '@reown/appkit/react';
+import { useMultiChainBalances } from '../../../../../../hooks/useMultiChainBalances';
+import { truncateAddress } from '../../../../../../lib/utils/format';
+import { LogOut, WalletCards, XIcon } from 'lucide-react';
+import { AssetInfo } from './components';
+export const UserAccountData = ({ toggleOpenDrawer, goToWallets }) => {
+    const { close } = useAppKit();
+    const { evmAddress, solanaAddress, connectedWalletCount, enrichedBalances, portfolio, isLoading, isPricesLoading, hasAnyBalances, totalTokenCount, } = useMultiChainBalances();
+    const formattedPortfolioTotal = portfolio?.totalUsd != null
+        ? `$${portfolio.totalUsd.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`
+        : null;
+    const walletDisplayText = connectedWalletCount === 1
+        ? truncateAddress(evmAddress || solanaAddress || '')
+        : `${connectedWalletCount} connected`;
+    const handleDisconnectAll = async () => {
+        try {
+            // Close the AppKit modal/drawer and disconnect
+            await close();
+            console.log('[Wallets] All wallets disconnected');
+        }
+        catch (err) {
+            console.error('[Wallets] Failed to disconnect:', err);
+        }
+    };
+    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-6 flex flex-row justify-between pr-2 sm:pr-6", children: [_jsxs(Button, { onClick: goToWallets, variant: "ghost", className: "ml-1 flex h-[52px] cursor-pointer gap-2 p-2 sm:ml-4", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-zinc-100", children: _jsx(WalletCards, { className: "size-4" }) }), _jsxs("div", { className: "flex w-[105px] flex-col items-start", children: [_jsx("small", { className: "text-sm font-semibold leading-3 text-zinc-900", children: "Wallets" }), _jsx("small", { className: "text-sm font-normal text-zinc-500", children: walletDisplayText })] })] }), _jsxs("div", { className: "flex flex-row gap-2", children: [_jsx(Button, { variant: "secondary", className: "h-9 w-9 cursor-pointer rounded-full", onClick: handleDisconnectAll, children: _jsx(LogOut, { className: "size-5 text-zinc-900" }) }), _jsx(Button, { onClick: toggleOpenDrawer, variant: "secondary", className: "h-9 w-9 cursor-pointer rounded-full", children: _jsx(XIcon, { className: "size-5 text-zinc-900" }) })] })] }), _jsx("div", { className: "mb-5 flex flex-col gap-1 px-4 sm:px-6", children: isLoading ? (_jsx("span", { className: "text-3xl font-semibold text-zinc-900", children: "Loading..." })) : (_jsx(_Fragment, { children: isPricesLoading || !formattedPortfolioTotal ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "text-3xl font-semibold text-zinc-900", children: [totalTokenCount, " ", totalTokenCount === 1 ? 'Token' : 'Tokens'] }), _jsx("small", { className: "text-sm font-normal text-zinc-500", children: isPricesLoading ? 'Loading prices...' : 'Price data unavailable' })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-3xl font-semibold text-zinc-900", children: formattedPortfolioTotal }), _jsxs("small", { className: "text-sm font-normal text-zinc-500", children: [totalTokenCount, " ", totalTokenCount === 1 ? 'Token' : 'Tokens'] })] })) })) }), _jsx("div", { className: "px-4 sm:px-6", children: isLoading ? (_jsx("div", { className: "py-4 text-center text-sm text-zinc-500", children: "Loading balances..." })) : !hasAnyBalances ? (_jsx("div", { className: "py-4 text-center text-sm text-zinc-500", children: "No tokens found" })) : (_jsx("div", { className: "m-0 h-[76vh] overflow-y-auto pb-4 pr-3 md:pb-0 md:pr-2", children: enrichedBalances.map((balance, idx) => (_jsx(AssetInfo, { symbol: balance.symbol, name: balance.name, chainId: balance.chainId, formattedAmount: balance.balanceFormatted, usdValue: balance.usdValue, isLoadingPrice: isPricesLoading }, `${balance.symbol}-${balance.chainId}-${idx}`))) })) })] }));
+};
+//# sourceMappingURL=UserAccountData.js.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/UserAccountData.js.map

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

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/components/AssetInfo.d.ts

@@ -0,0 +1,12 @@
+interface AssetInfoProps {
+    symbol: string;
+    name: string;
+    chainId: string;
+    formattedAmount: string;
+    usdValue?: number | null;
+    percentChange24h?: number | null;
+    isLoadingPrice?: boolean;
+}
+export declare const AssetInfo: ({ symbol, name, chainId, formattedAmount, usdValue, percentChange24h, isLoadingPrice, }: AssetInfoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AssetInfo.d.ts.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/components/AssetInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetInfo.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/components/AssetInfo.tsx"],"names":[],"mappings":"AAKA,UAAU,cAAc;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,GAAI,yFAQvB,cAAc,4CAgDhB,CAAC"}

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/components/AssetInfo.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatUsd } from '../../../../../../../lib/utils/formatUsd';
+import { TokenIconDisplay } from '../../../../shared';
+export const AssetInfo = ({ symbol, name, chainId, formattedAmount, usdValue, percentChange24h, isLoadingPrice = false, }) => {
+    const formattedUsdValue = formatUsd(usdValue);
+    const formattedPercentChange = percentChange24h != null
+        ? `${percentChange24h >= 0 ? '+' : ''}${percentChange24h.toFixed(2)}%`
+        : null;
+    const trendColor = percentChange24h != null
+        ? percentChange24h >= 0
+            ? 'text-green-600'
+            : 'text-red-600'
+        : 'text-zinc-500';
+    return (_jsxs("div", { className: "flex flex-row gap-2 py-2", children: [_jsx("div", { className: "flex items-center justify-center pr-3", children: _jsx(TokenIconDisplay, { symbol: symbol, chainId: chainId, size: "md", showChainBadge: true }) }), _jsxs("div", { className: "flex flex-1 flex-col", children: [_jsx("small", { className: "text-sm font-semibold text-zinc-900", children: name }), _jsx("small", { className: "text-sm font-normal text-zinc-500", children: symbol })] }), _jsxs("div", { className: "flex flex-col items-end", children: [_jsxs("small", { className: "text-sm font-semibold text-zinc-900", children: [formattedAmount, " ", symbol] }), isLoadingPrice ? (_jsx("small", { className: "text-sm font-normal text-zinc-400", children: "Loading price..." })) : formattedUsdValue ? (_jsxs("div", { className: "flex flex-row items-center gap-1", children: [_jsx("small", { className: "text-sm font-normal text-zinc-500", children: formattedUsdValue }), formattedPercentChange && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-zinc-300", children: "\u2022" }), _jsx("small", { className: `text-sm font-normal ${trendColor}`, children: formattedPercentChange })] }))] })) : null] })] }));
+};
+//# sourceMappingURL=AssetInfo.js.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/components/AssetInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetInfo.js","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/components/AssetInfo.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAYtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,MAAM,EACN,IAAI,EACJ,OAAO,EACP,eAAe,EACf,QAAQ,EACR,gBAAgB,EAChB,cAAc,GAAG,KAAK,GACP,EAAE,EAAE;IACnB,MAAM,iBAAiB,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAE9C,MAAM,sBAAsB,GAC1B,gBAAgB,IAAI,IAAI;QACtB,CAAC,CAAC,GAAG,gBAAgB,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QACtE,CAAC,CAAC,IAAI,CAAC;IAEX,MAAM,UAAU,GACd,gBAAgB,IAAI,IAAI;QACtB,CAAC,CAAC,gBAAgB,IAAI,CAAC;YACrB,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,cAAc;QAClB,CAAC,CAAC,eAAe,CAAC;IAEtB,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,cAAK,SAAS,EAAC,uCAAuC,YACpD,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,EAAC,cAAc,SAAG,GAC3E,EAEN,eAAK,SAAS,EAAC,sBAAsB,aACnC,gBAAO,SAAS,EAAC,qCAAqC,YAAE,IAAI,GAAS,EACrE,gBAAO,SAAS,EAAC,mCAAmC,YAAE,MAAM,GAAS,IACjE,EAEN,eAAK,SAAS,EAAC,yBAAyB,aACtC,iBAAO,SAAS,EAAC,qCAAqC,aACnD,eAAe,OAAG,MAAM,IACnB,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,gBAAO,SAAS,EAAC,mCAAmC,iCAAyB,CAC9E,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACtB,eAAK,SAAS,EAAC,kCAAkC,aAC/C,gBAAO,SAAS,EAAC,mCAAmC,YAAE,iBAAiB,GAAS,EAC/E,sBAAsB,IAAI,CACzB,8BACE,eAAM,SAAS,EAAC,eAAe,uBAAS,EACxC,gBAAO,SAAS,EAAE,uBAAuB,UAAU,EAAE,YAClD,sBAAsB,GACjB,IACP,CACJ,IACG,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/components/index.d.ts

@@ -0,0 +1,2 @@
+export { AssetInfo } from './AssetInfo';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/components/index.js

@@ -0,0 +1,2 @@
+export { AssetInfo } from './AssetInfo';
+//# sourceMappingURL=index.js.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/index.d.ts

@@ -0,0 +1,2 @@
+export { UserAccountData } from './UserAccountData';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/index.js

@@ -0,0 +1,2 @@
+export { UserAccountData } from './UserAccountData';
+//# sourceMappingURL=index.js.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/UserAccountDrawer/components/UserAccountData/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/Wallets/Wallets.d.ts

@@ -0,0 +1,7 @@
+interface WalletsProps {
+    toggleOpenDrawer: () => void;
+    backToAccountData: () => void;
+}
+export declare const Wallets: ({ toggleOpenDrawer, backToAccountData }: WalletsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Wallets.d.ts.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/Wallets/Wallets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wallets.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/UserAccountDrawer/components/Wallets/Wallets.tsx"],"names":[],"mappings":"AAUA,UAAU,YAAY;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAID,eAAO,MAAM,OAAO,GAAI,yCAAyC,YAAY,4CAiK5E,CAAC"}

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/Wallets/Wallets.js

@@ -0,0 +1,68 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../../../../ui/button';
+import { useMultiChainBalances } from '../../../../../../hooks/useMultiChainBalances';
+import { getChainInfo } from '../../../../../../lib/constants/chains';
+import { useAppKit, useAppKitAccount } from '@reown/appkit/react';
+import { ArrowLeft, XIcon } from 'lucide-react';
+import { useDisconnect } from 'wagmi';
+import { WalletItem } from './components';
+const FALLBACK_EVM_CHAIN_IDS = ['1', '42161', '8453', '10'];
+export const Wallets = ({ toggleOpenDrawer, backToAccountData }) => {
+    const { open, close } = useAppKit();
+    const { address: evmAddress } = useAppKitAccount();
+    const { disconnect } = useDisconnect();
+    const { evmBalances, solanaAddress } = useMultiChainBalances();
+    const getEvmChainIds = () => {
+        if (!evmBalances || evmBalances.length === 0) {
+            return FALLBACK_EVM_CHAIN_IDS;
+        }
+        const uniqueChainIds = new Set();
+        evmBalances.forEach((balance) => {
+            if (balance.chainId) {
+                uniqueChainIds.add(balance.chainId);
+            }
+        });
+        const userChainIds = Array.from(uniqueChainIds)
+            .filter((chainId) => {
+            const info = getChainInfo(chainId);
+            return Boolean(info);
+        })
+            .slice(0, 4);
+        return userChainIds.length > 0 ? userChainIds : FALLBACK_EVM_CHAIN_IDS;
+    };
+    const evmChainIds = getEvmChainIds();
+    const connectedCount = (evmAddress ? 1 : 0) + (solanaAddress ? 1 : 0);
+    const handleDisconnectAll = async () => {
+        try {
+            await close();
+            console.log('[Wallets] All wallets disconnected');
+        }
+        catch (err) {
+            console.error('[Wallets] Failed to disconnect:', err);
+        }
+    };
+    const handleEvmDisconnect = async () => {
+        try {
+            await disconnect();
+            console.log('[Wallets] EVM wallet disconnected');
+        }
+        catch (err) {
+            console.error('[Wallets] Failed to disconnect EVM wallet:', err);
+        }
+    };
+    const handleSolanaDisconnect = async () => {
+        try {
+            await close();
+            console.log('[Wallets] Solana wallet disconnected');
+        }
+        catch (err) {
+            console.error('[Wallets] Failed to disconnect Solana wallet:', err);
+        }
+    };
+    const handleConnect = () => {
+        open();
+    };
+    return (_jsxs("div", { className: "px-4 md:px-6", children: [_jsxs("div", { className: "mb-6 flex flex-row items-center justify-between", children: [_jsx(Button, { onClick: backToAccountData, variant: "secondary", className: "h-9 w-9 cursor-pointer rounded-full", children: _jsx(ArrowLeft, { className: "size-5 text-zinc-900" }) }), _jsx(Button, { onClick: toggleOpenDrawer, variant: "secondary", className: "h-9 w-9 cursor-pointer rounded-full", children: _jsx(XIcon, { className: "size-5 text-zinc-900" }) })] }), _jsx("span", { className: "text-2xl font-semibold text-zinc-900", children: "Wallets" }), _jsxs("div", { className: "mt-2 flex flex-row items-center justify-between", children: [_jsxs("small", { className: "text-sm text-zinc-500", children: [connectedCount, " connected"] }), _jsx(Button, { variant: "link", className: "zinc-950 cursor-pointer p-0 text-sm font-medium", onClick: handleDisconnectAll, disabled: connectedCount === 0, children: "Disconnect all" })] }), _jsxs("div", { className: "mt-3 flex flex-col gap-2", children: [evmAddress && (_jsx(WalletItem, { connected: true, wallet: "EVM Wallet", chain: "Multi-chain EVM wallet", address: evmAddress, chainIds: evmChainIds, onConnect: handleConnect, onDisconnect: handleEvmDisconnect })), solanaAddress && (_jsx(WalletItem, { connected: true, wallet: "Solana Wallet", chain: "Solana", address: solanaAddress, chainId: "1001001", onConnect: handleConnect, onDisconnect: handleSolanaDisconnect })), !evmAddress && (_jsx(WalletItem, { wallet: "EVM Wallet", chain: "Multi-chain", chainIds: evmChainIds, onConnect: handleConnect, onDisconnect: () => { } })), !solanaAddress && (_jsx(WalletItem, { wallet: "Solana Wallet", chain: "Solana", chainId: "1001001", onConnect: handleConnect, onDisconnect: () => { } })), _jsx(WalletItem, { wallet: "Bitcoin", chain: "Bitcoin", chainId: "1001002", onConnect: () => { }, onDisconnect: () => { }, isDisabled: true }), _jsx(WalletItem, { wallet: "XRPL", chain: "XRPL", chainId: "xrp", onConnect: () => { }, onDisconnect: () => { }, isDisabled: true })] })] }));
+};
+//# sourceMappingURL=Wallets.js.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/Wallets/Wallets.js.map

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

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/Wallets/components/WalletItem.d.ts

@@ -0,0 +1,16 @@
+interface WalletItemProps {
+    connected?: boolean;
+    wallet: string;
+    chain: string;
+    /** Chain ID for icon lookup, e.g., '1001001' for Solana, '1001002' for Bitcoin */
+    chainId?: string;
+    address?: string;
+    onConnect: () => void;
+    onDisconnect: () => void;
+    isDisabled?: boolean;
+    /** Chain IDs for multi-chain icon grid */
+    chainIds?: string[];
+}
+export declare const WalletItem: ({ connected, wallet, chain, chainId, address, onConnect, onDisconnect, isDisabled, chainIds, }: WalletItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WalletItem.d.ts.map

package/dist/esm/react/components/Widget/components/UserAccountDrawer/components/Wallets/components/WalletItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletItem.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/UserAccountDrawer/components/Wallets/components/WalletItem.tsx"],"names":[],"mappings":"AAQA,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAYD,eAAO,MAAM,UAAU,GAAI,gGAUxB,eAAe,4CAgFjB,CAAC"}