npm - @avail-project/widgets - Versions diffs - 2.0.0 → 2.0.1 - Mend

@avail-project/widgets 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/dist/nexus-widget/components/nexus-widget-progress-screen.js CHANGED Viewed

@@ -176,11 +176,27 @@ const getApprovalIndexFromEvent = (event) => {
     const rawStep = event?.step;
     return getNumericEventIndex(rawEvent?.approvalIndex, rawEvent?.swapIndex, rawEvent?.currentIndex, rawEvent?.index, rawEvent?.data?.approvalIndex, rawEvent?.data?.swapIndex, rawEvent?.data?.currentIndex, rawEvent?.data?.index, rawStep?.approvalIndex, rawStep?.swapIndex, rawStep?.currentIndex, rawStep?.index, rawStep?.data?.approvalIndex, rawStep?.data?.swapIndex, rawStep?.data?.currentIndex, rawStep?.data?.index);
 };
-const getActiveApprovalProgressEvent = (events) => [...events]
+const getActiveApprovalProgressEvent = (events, completedApprovalCount = 0, approvalSymbols = []) => [...events]
     .reverse()
-    .find((event) => event.name === PROGRESS_EVENT_NAMES.SWAP_PLAN_PROGRESS &&
-    !event.completed &&
-    getApprovalUnitsForStep(event.step).length > 0);
+    .find((event) => {
+    if (event.name !== PROGRESS_EVENT_NAMES.SWAP_PLAN_PROGRESS ||
+        event.completed) {
+        return false;
+    }
+    const units = getApprovalUnitsForStep(event.step);
+    if (units.length === 0)
+        return false;
+    const eventIndex = getApprovalIndexFromEvent(event);
+    if (eventIndex !== undefined) {
+        return eventIndex >= completedApprovalCount;
+    }
+    if (units.length === 1 && units[0]?.symbol) {
+        const symbolIndex = approvalSymbols.findIndex((symbol) => symbol === units[0]?.symbol);
+        if (symbolIndex >= 0)
+            return symbolIndex >= completedApprovalCount;
+    }
+    return completedApprovalCount === 0;
+});
 const getApprovalSymbolFromProgressEvent = (event) => {
     const units = getApprovalUnitsForStep(event?.step);
     if (units.length === 0)
@@ -211,7 +227,7 @@ const buildStatusRows = ({ events, failedStep, mode, steps, approvalTotalCount,
         stepMatches(failedStep, REFUND_ELIGIBLE_SWAP_TYPES);
     const approvalCompletedCount = Math.min(immutableApprovalTotal || Number.MAX_SAFE_INTEGER, Math.max(countCompletedApprovalUnitsFromEvents(events), countCompletedApprovalUnitsFromSteps(steps)));
     const approvalSymbols = getApprovalUnitSymbols(swapListSteps.length > 0 ? swapListSteps : fallbackSteps);
-    const activeApprovalSymbol = getApprovalSymbolFromProgressEvent(getActiveApprovalProgressEvent(events));
+    const activeApprovalSymbol = getApprovalSymbolFromProgressEvent(getActiveApprovalProgressEvent(events, approvalCompletedCount, approvalSymbols));
     const hasSwapList = swapListSteps.length > 0 ||
         hasStepType(events, steps, [
             "SWAP_START",

package/dist/nexus-widget/components/pay-with-sources.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pay-with-sources.d.ts","sourceRoot":"","sources":["../../../.build-src/nexus-widget/components/pay-with-sources.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;~~AAqJ7D~~,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,aAAoB,EACpB,sBAA8B,EAC9B,iBAAyB,GAC1B,EAAE;IACD,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,~~2CA6TA~~"}
1	+ {"version":3,"file":"pay-with-sources.d.ts","sourceRoot":"","sources":["../../../.build-src/nexus-widget/components/pay-with-sources.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAiK7D,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,aAAoB,EACpB,sBAA8B,EAC9B,iBAAyB,GAC1B,EAAE;IACD,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,2CAgSA"}

package/dist/nexus-widget/components/pay-with-sources.js CHANGED Viewed

@@ -36,6 +36,13 @@ const formatUsd = (value) => {
         return "<$0.01";
     return `$${amount.toDecimalPlaces(2).toFixed()}`;
 };
+const getDisplayedUsdValue = (token) => parseDecimal(token.userAmountUsd || token.balanceInFiat) ?? new Decimal(0);
+const sortSourceTokensByDisplayedUsdDesc = (tokens) => [...tokens].sort((a, b) => {
+    const usdDiff = getDisplayedUsdValue(b).cmp(getDisplayedUsdValue(a));
+    if (usdDiff !== 0)
+        return usdDiff;
+    return `${a.symbol ?? ""} ${a.chainName ?? ""}`.localeCompare(`${b.symbol ?? ""} ${b.chainName ?? ""}`);
+});
 function TokenLogo({ src, label, size = 30, fontSize = 12, style, }) {
     const [failed, setFailed] = useState(!src);
     React.useEffect(() => {
@@ -96,8 +103,10 @@ function SkeletonRow() {
 export function PayWithSources({ fromTokens, onOpenSourcePicker, routeStatus, routeMessage, showAutoBadge = true, isSourcePickerDisabled = false, reserveSourceRows = false, }) {
     const scrollRef = useRef(null);
     const isRouteLoading = routeStatus === "loading";
-    const shouldShowSourceSummary = !isRouteLoading && fromTokens.length > 0;
-    const shouldScroll = shouldShowSourceSummary && fromTokens.length > 3;
+    const displayTokens = React.useMemo(() => sortSourceTokensByDisplayedUsdDesc(fromTokens), [fromTokens]);
+    const shouldShowSourceSummary = !isRouteLoading && displayTokens.length > 0;
+    const shouldScroll = shouldShowSourceSummary && displayTokens.length > 3;
+    const sourceCountLabel = displayTokens.length === 1 ? "1 asset" : `${displayTokens.length} assets`;
     const autoBadge = (_jsx("span", { style: {
             border: `1px solid ${brand}`,
             borderRadius: "999px",
@@ -134,7 +143,7 @@ export function PayWithSources({ fromTokens, onOpenSourcePicker, routeStatus, ro
                             letterSpacing: "0.08em",
                             lineHeight: "20px",
                             textTransform: "uppercase",
-                        }, children: [_jsxs("span", { children: ["Pay With", shouldShowSourceSummary ? ` · ${fromTokens.length} assets` : ""] }), showAutoBadge ? autoBadge : null] }), shouldShowSourceSummary && (_jsx("button", { disabled: isSourcePickerDisabled, onClick: onOpenSourcePicker, style: {
+                        }, children: [_jsxs("span", { children: ["Pay With", shouldShowSourceSummary ? ` · ${sourceCountLabel}` : ""] }), showAutoBadge ? autoBadge : null] }), shouldShowSourceSummary && (_jsx("button", { disabled: isSourcePickerDisabled, onClick: onOpenSourcePicker, style: {
                             backgroundColor: isSourcePickerDisabled ? "#F4F4F3" : "#E8F0FF",
                             border: "none",
                             borderRadius: "4px",
@@ -162,62 +171,42 @@ export function PayWithSources({ fromTokens, onOpenSourcePicker, routeStatus, ro
                             minHeight: reserveSourceRows && !shouldScroll ? "162px" : undefined,
                             overflowY: shouldScroll ? "auto" : undefined,
                             paddingRight: shouldScroll ? "8px" : 0,
-                        }, children: fromTokens.map((token, index) => (_jsxs("div", { style: {
+                        }, children: displayTokens.map((token, index) => (_jsxs("div", { style: {
                                 alignItems: "center",
                                 display: "flex",
                                 gap: "14px",
                                 justifyContent: "space-between",
                                 minHeight: "44px",
-                            }, children: [_jsxs("div", { style: {
+                            }, children: [_jsx("div", { style: {
                                         alignItems: "center",
-                                        borderTop: index === 0 ? "none" : "1px solid #F0F0EF",
                                         display: "flex",
                                         gap: "14px",
                                         minWidth: 0,
-                                    }, children: [_jsxs("div", { style: {
-                                                alignItems: "center",
-                                                display: "flex",
-                                                gap: "10px",
-                                                minWidth: 0,
-                                            }, children: [_jsx(SourceLogoPair, { token: token }), _jsxs("div", { style: {
-                                                        display: "flex",
-                                                        flexDirection: "column",
-                                                        gap: "3px",
-                                                        minWidth: 0,
-                                                    }, children: [_jsx("span", { style: {
-                                                                color: primary,
-                                                                fontFamily: uiFont,
-                                                                fontSize: "14px",
-                                                                fontWeight: 600,
-                                                            }, children: token.symbol }), _jsx("span", { style: {
-                                                                color: muted,
-                                                                fontFamily: uiFont,
-                                                                fontSize: "12px",
-                                                                overflow: "hidden",
-                                                                textOverflow: "ellipsis",
-                                                                whiteSpace: "nowrap",
-                                                            }, children: token.isUnified
-                                                                ? "Unified balance"
-                                                                : `on ${token.chainName || "Unknown chain"}` })] })] }), _jsxs("div", { style: {
-                                                display: "flex",
-                                                flexDirection: "column",
-                                                gap: "3px",
-                                                textAlign: "right",
-                                            }, children: [_jsxs("span", { style: {
-                                                        color: primary,
-                                                        fontFamily: uiFont,
-                                                        fontSize: "16px",
-                                                        fontWeight: 500,
-                                                        lineHeight: "24px",
-                                                    }, children: [formatToken(token.userAmount || token.balance), " ", token.symbol] }), _jsx("span", { style: {
-                                                        color: muted,
-                                                        fontFamily: uiFont,
-                                                        fontSize: "14px",
-                                                        lineHeight: "20px",
-                                                        overflow: "hidden",
-                                                        textOverflow: "ellipsis",
-                                                        whiteSpace: "nowrap",
-                                                    }, children: formatUsd(token.userAmountUsd || token.balanceInFiat) })] })] }, `${token.contractAddress}-${token.chainId ?? "unified"}-${index}`), _jsxs("div", { style: {
+                                    }, children: _jsxs("div", { style: {
+                                            alignItems: "center",
+                                            display: "flex",
+                                            gap: "10px",
+                                            minWidth: 0,
+                                        }, children: [_jsx(SourceLogoPair, { token: token }), _jsxs("div", { style: {
+                                                    display: "flex",
+                                                    flexDirection: "column",
+                                                    gap: "3px",
+                                                    minWidth: 0,
+                                                }, children: [_jsx("span", { style: {
+                                                            color: primary,
+                                                            fontFamily: uiFont,
+                                                            fontSize: "14px",
+                                                            fontWeight: 600,
+                                                        }, children: token.symbol }), _jsx("span", { style: {
+                                                            color: muted,
+                                                            fontFamily: uiFont,
+                                                            fontSize: "12px",
+                                                            overflow: "hidden",
+                                                            textOverflow: "ellipsis",
+                                                            whiteSpace: "nowrap",
+                                                        }, children: token.isUnified
+                                                            ? "Unified balance"
+                                                            : `on ${token.chainName || "Unknown chain"}` })] })] }) }, `${token.contractAddress}-${token.chainId ?? "unified"}-${index}`), _jsxs("div", { style: {
                                         display: "flex",
                                         flexDirection: "column",
                                         gap: "3px",
@@ -225,14 +214,14 @@ export function PayWithSources({ fromTokens, onOpenSourcePicker, routeStatus, ro
                                     }, children: [_jsxs("span", { style: {
                                                 color: primary,
                                                 fontFamily: uiFont,
-                                                fontSize: "16px",
+                                                fontSize: "14px",
                                                 fontWeight: 500,
-                                                lineHeight: "20px",
+                                                lineHeight: "18px",
                                             }, children: [formatToken(token.userAmount || token.balance), " ", token.symbol] }), _jsx("span", { style: {
                                                 color: muted,
                                                 fontFamily: uiFont,
-                                                fontSize: "14px",
-                                                lineHeight: "20px",
+                                                fontSize: "12px",
+                                                lineHeight: "18px",
                                             }, children: formatUsd(token.userAmountUsd || token.balanceInFiat) })] })] }, `${token.contractAddress}-${token.chainId ?? "unified"}-${index}`))) }), shouldScroll && (_jsx("button", { "aria-label": "Scroll payment sources", onClick: () => scrollRef.current?.scrollBy({ behavior: "smooth", top: 64 }), style: {
                             alignItems: "center",
                             background: "#FFFFFE",

package/dist/nexus-widget/components/send-idle-form.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ interface SendIdleFormProps {
     fromTokens: SwapTokenOption[];
     isAmountReadOnly?: boolean;
     isAssetPickerDisabled?: boolean;
+    isBalanceLoading?: boolean;
     isCalculatingMax?: boolean;
     isQuoteRefreshing?: boolean;
     isRecipientLocked?: boolean;
@@ -24,6 +25,6 @@ interface SendIdleFormProps {
     totalBalance: string;
     usdValue: string;
 }
-export declare function SendIdleForm({ amount, onAmountChange, toToken, fromTokens, totalBalance, usdValue, onOpenAssetPicker, onOpenSourcePicker, onOpenRecipientPicker, recipientAddress, onSetPercent, routeStatus, routeMessage, isAmountReadOnly, isAssetPickerDisabled, isCalculatingMax, calculatingPercent, isQuoteRefreshing, isRecipientLocked, hideDestinationTokenDropdownIcon, showAutoBadge, isSourcePickerDisabled, reserveSourceRows, }: SendIdleFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function SendIdleForm({ amount, onAmountChange, toToken, fromTokens, totalBalance, usdValue, onOpenAssetPicker, onOpenSourcePicker, onOpenRecipientPicker, recipientAddress, onSetPercent, routeStatus, routeMessage, isAmountReadOnly, isAssetPickerDisabled, isBalanceLoading, isCalculatingMax, calculatingPercent, isQuoteRefreshing, isRecipientLocked, hideDestinationTokenDropdownIcon, showAutoBadge, isSourcePickerDisabled, reserveSourceRows, }: SendIdleFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=send-idle-form.d.ts.map

package/dist/nexus-widget/components/send-idle-form.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"send-idle-form.d.ts","sourceRoot":"","sources":["../../../.build-src/nexus-widget/components/send-idle-form.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,uBAAuB,CAAC;AAE/B,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;~~AAogBD~~,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,cAAc,EACd,OAAO,EACP,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,gBAAwB,EACxB,qBAA6B,EAC7B,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAyB,EACzB,gCAAwC,EACxC,aAAoB,EACpB,sBAA8B,EAC9B,iBAAyB,GAC1B,EAAE,iBAAiB,~~2CAwbnB~~"}
1	+ {"version":3,"file":"send-idle-form.d.ts","sourceRoot":"","sources":["../../../.build-src/nexus-widget/components/send-idle-form.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,uBAAuB,CAAC;AAE/B,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAmiBD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,cAAc,EACd,OAAO,EACP,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,gBAAwB,EACxB,qBAA6B,EAC7B,gBAAwB,EACxB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAyB,EACzB,gCAAwC,EACxC,aAAoB,EACpB,sBAA8B,EAC9B,iBAAyB,GAC1B,EAAE,iBAAiB,2CAgcnB"}

package/dist/nexus-widget/components/send-idle-form.js CHANGED Viewed

@@ -106,6 +106,11 @@ function SourceLogoPair({ token }) {
                 } }))] }));
 }
 function ExactOutPercentButtons({ visible, onSelect, }) {
+    const [focusedPercent, setFocusedPercent] = useState(null);
+    React.useEffect(() => {
+        if (!visible)
+            setFocusedPercent(null);
+    }, [visible]);
     return (_jsx("div", { style: {
             alignItems: "center",
             boxSizing: "border-box",
@@ -117,18 +122,17 @@ function ExactOutPercentButtons({ visible, onSelect, }) {
             width: "100%",
         }, children: [25, 50, 75, 100].map((pct) => {
             const isMax = pct === 100;
+            const isFocused = focusedPercent === pct;
             return (_jsx("button", { onClick: (e) => {
                     e.stopPropagation();
                     onSelect(pct);
-                }, onMouseDown: (e) => {
-                    e.preventDefault();
-                }, style: {
+                }, onBlur: () => setFocusedPercent(null), onFocus: () => setFocusedPercent(pct), style: {
                     alignItems: "center",
-                    backgroundColor: isMax ? "#E8F0FF" : "#F4F4F3",
+                    backgroundColor: isFocused ? "#E8F0FF" : "#F4F4F3",
                     border: "none",
                     borderRadius: "8px",
                     boxSizing: "border-box",
-                    color: isMax ? brand : "#363635",
+                    color: isFocused ? brand : "#363635",
                     cursor: "pointer",
                     display: "flex",
                     flex: "1 1 0%",
@@ -140,7 +144,7 @@ function ExactOutPercentButtons({ visible, onSelect, }) {
                     minWidth: 0,
                     paddingBlock: "5px",
                     paddingInline: "10px",
-                }, tabIndex: -1, type: "button", children: isMax ? "MAX" : `${pct}%` }, pct));
+                }, type: "button", children: isMax ? "MAX" : `${pct}%` }, pct));
         }) }));
 }
 function SkeletonRow() {
@@ -302,7 +306,19 @@ function PayWithSources({ fromTokens, onOpenSourcePicker, routeStatus, routeMess
                     lineHeight: "20px",
                 }, children: [_jsx(AlertCircle, { style: { flexShrink: 0, height: 15, width: 15 } }), routeMessage] }))] }));
 }
-export function SendIdleForm({ amount, onAmountChange, toToken, fromTokens, totalBalance, usdValue, onOpenAssetPicker, onOpenSourcePicker, onOpenRecipientPicker, recipientAddress, onSetPercent, routeStatus, routeMessage, isAmountReadOnly = false, isAssetPickerDisabled = false, isCalculatingMax, calculatingPercent, isQuoteRefreshing, isRecipientLocked = false, hideDestinationTokenDropdownIcon = false, showAutoBadge = true, isSourcePickerDisabled = false, reserveSourceRows = false, }) {
+function BalanceSkeleton({ height = "16px", width = "72px", }) {
+    return (_jsx("span", { "aria-hidden": "true", className: "animate-pulse", style: {
+            background: "linear-gradient(90deg, #F0F0EF 0%, #E6EEFF 48%, #F0F0EF 100%)",
+            backgroundSize: "200% 100%",
+            borderRadius: "6px",
+            display: "inline-block",
+            flexShrink: 0,
+            height,
+            maxWidth: "100%",
+            width,
+        } }));
+}
+export function SendIdleForm({ amount, onAmountChange, toToken, fromTokens, totalBalance, usdValue, onOpenAssetPicker, onOpenSourcePicker, onOpenRecipientPicker, recipientAddress, onSetPercent, routeStatus, routeMessage, isAmountReadOnly = false, isAssetPickerDisabled = false, isBalanceLoading = false, isCalculatingMax, calculatingPercent, isQuoteRefreshing, isRecipientLocked = false, hideDestinationTokenDropdownIcon = false, showAutoBadge = true, isSourcePickerDisabled = false, reserveSourceRows = false, }) {
     const [pendingPercent, setPendingPercent] = useState(null);
     const [isAmountFocused, setIsAmountFocused] = useState(false);
     React.useEffect(() => {
@@ -424,13 +440,13 @@ export function SendIdleForm({ amount, onAmountChange, toToken, fromTokens, tota
                                             fontFamily: uiFont,
                                             fontSize: "14px",
                                             lineHeight: "20px",
-                                        }, children: "Total Balance:" }), _jsxs("span", { style: {
+                                        }, children: "Total Balance:" }), _jsx("span", { style: {
                                             color: primary,
                                             fontFamily: uiFont,
                                             fontSize: "14px",
                                             fontWeight: 600,
                                             lineHeight: "20px",
-                                        }, children: ["$", totalBalance] })] })] }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: [_jsxs("div", { style: {
+                                        }, children: isBalanceLoading ? (_jsx(BalanceSkeleton, { width: "64px" })) : (`$${totalBalance}`) })] })] }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: [_jsxs("div", { style: {
                                     alignItems: "center",
                                     display: "flex",
                                     gap: "12px",
@@ -544,5 +560,5 @@ export function SendIdleForm({ amount, onAmountChange, toToken, fromTokens, tota
                                                         fontWeight: 500,
                                                         lineHeight: "20px",
                                                         whiteSpace: "nowrap",
-                                                    }, children: destinationBalanceLabel })] })) })] }), _jsx(ExactOutPercentButtons, { onSelect: handlePercentSelect, visible: Boolean(toToken) && !isAmountReadOnly })] })] }), _jsx(SharedPayWithSources, { fromTokens: fromTokens, isSourcePickerDisabled: isSourcePickerDisabled, onOpenSourcePicker: onOpenSourcePicker, reserveSourceRows: reserveSourceRows, routeMessage: routeMessage, routeStatus: routeStatus, showAutoBadge: showAutoBadge })] }));
+                                                    }, children: isBalanceLoading ? (_jsx(BalanceSkeleton, { width: "110px" })) : (destinationBalanceLabel) })] })) })] }), _jsx(ExactOutPercentButtons, { onSelect: handlePercentSelect, visible: Boolean(toToken) && !isAmountReadOnly })] })] }), _jsx(SharedPayWithSources, { fromTokens: fromTokens, isSourcePickerDisabled: isSourcePickerDisabled, onOpenSourcePicker: onOpenSourcePicker, reserveSourceRows: reserveSourceRows, routeMessage: routeMessage, routeStatus: routeStatus, showAutoBadge: showAutoBadge })] }));
 }

package/dist/nexus-widget/components/swap-asset-selector.d.ts CHANGED Viewed

@@ -31,7 +31,7 @@ interface SwapAssetSelectorProps {
     lockedTokens?: SwapTokenOption[];
     onBack: () => void;
     onClearSelection?: () => void;
-    onDone?: () => void;
+    onDone?: (tokens?: SwapTokenOption[]) => void;
     onFilterTabSelect?: (tab: Exclude<FilterTab, "custom">) => void;
     onSelect: (token: SwapTokenOption) => void;
     onSelectionChange?: (tokens: SwapTokenOption[]) => void;

package/dist/nexus-widget/components/swap-asset-selector.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"swap-asset-selector.d.ts","sourceRoot":"","sources":["../../../.build-src/nexus-widget/components/swap-asset-selector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;~~AA4BhF~~,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAS3D,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,sBAAsB;IAC9B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;~~IACpB~~,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC;IAChE,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,eAAe,EAAE,CAAC;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,eAAe,EAAE,CAAC;IAClC,WAAW,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAChC,mBAAmB,CAAC,EAAE,8BAA8B,GAAG,IAAI,CAAC;IAC5D,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,SAAS,EAAE,EACxB,mBAAmB,CAAC,EAAE,8BAA8B,GAAG,IAAI,GAC1D,eAAe,EAAE,CAkCnB;AAGD,eAAO,MAAM,QAAQ,GAAI,cAAc;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,4CA0B3D,CAAC;~~AAsSF~~,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AACzD,KAAK,iBAAiB,GAAG,YAAY,GAAG,aAAa,CAAC;AAmGtD,eAAO,MAAM,wBAAwB,4EAc3B,CAAC;AAIX,eAAO,MAAM,4BAA4B,aAExC,CAAC;AACF,eAAO,MAAM,8BAA8B,GAAI,UAAU,MAAM,EAAE,aAW7D,CAAC;AACL,eAAO,MAAM,+BAA+B,GAC1C,CAAC,SAAS;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,EAElD,GAAG,CAAC,EACJ,GAAG,CAAC,WAUL,CAAC;~~AAkEF~~,eAAO,MAAM,wBAAwB,GAAI,OAAO,OAAO,WA2BtD,CAAC;AAUF,eAAO,MAAM,qBAAqB,GAAI,OAAO,OAAO,WAuBnD,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAC1C,QAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,QAAQ,CAAC,WAMpD,CAAC;AAcF,eAAO,MAAM,kBAAkB,GAC7B,OAAO,IAAI,CACT,eAAe,EACf,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,iBAAiB,CACpD,EACD,OAAO,MAAM;;;;;;;QA4Fd,CAAC;AAsHF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,MAAM,EACN,OAAO,EACP,cAAmB,EACnB,iBAAwB,EACxB,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,YAAoB,EACpB,4BAAoC,EACpC,sBAA8B,EAC9B,yBAAiC,EACjC,aAAqB,EACrB,oBAA4B,EAC5B,gBAAwB,EACxB,iBAAgC,EAChC,iBAAiB,EACjB,YAAiB,EACjB,iBAAiB,EACjB,WAAW,GACZ,EAAE,sBAAsB,~~2CA6+DxB~~"}
1	+ {"version":3,"file":"swap-asset-selector.d.ts","sourceRoot":"","sources":["../../../.build-src/nexus-widget/components/swap-asset-selector.tsx"],"names":[],"mappings":"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"}