@avail-project/widgets 0.0.1 → 2.0.1

package/dist/common/utils/token-pricing.d.ts

@@ -1,7 +1,7 @@
 import type { SupportedChainsAndTokensResult } from "@avail-project/nexus-core";
 export declare const DEFAULT_COINBASE_PRICE_REQUEST_TIMEOUT_MS = 4000;
 export declare const USD_PEGGED_FALLBACK_RATE = 1;
-export declare const DEFAULT_USD_PEGGED_TOKEN_SYMBOLS: readonly ["USDT", "USDC", "USDC.E", "USDT.E", "USDS", "DAI", "CTUSD", "JUSD", "USDM", "FDUSD", "BUSD", "TUSD", "PYUSD", "GUSD", "SVJUSD", "LUSD", "USDE", "USDP"];
+export declare const DEFAULT_USD_PEGGED_TOKEN_SYMBOLS: readonly ["USDT", "USDT0", "USDC", "USDC.E", "USDT.E", "USDS", "DAI", "CTUSD", "JUSD", "USDM", "FDUSD", "BUSD", "TUSD", "PYUSD", "GUSD", "SVJUSD", "LUSD", "USDE", "USDP"];
 /**
  * Wrapped / derivative token → base token pegging map.
  * When Coinbase has no direct price for a token, we resolve the price

package/dist/common/utils/token-pricing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"token-pricing.d.ts","sourceRoot":"","sources":["../../../.build-src/common/utils/token-pricing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAShF,eAAO,MAAM,yCAAyC,OAAQ,CAAC;AAC/D,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,gCAAgC,mKAmBnC,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA6CpD,CAAC;AAEX;;;GAGG;AACH,qBAAa,iBAAkB,SAAQ,KAAK;IAC1C,SAAgB,WAAW,EAAE,MAAM,CAAC;gBAExB,WAAW,EAAE,MAAM;CAKhC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGpE;AAuCD,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAEhE;AAeD,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAKtE;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAMpE;AAED,wBAAgB,2BAA2B,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAkBzE;AA8CD,wBAAgB,uBAAuB,CACrC,eAAe,EAAE,8BAA8B,GAAG,IAAI,EACtD,WAAW,GAAE,QAAQ,CAAC,MAAM,CAAoC,GAC/D,GAAG,CAAC,MAAM,CAAC,CAqBb;AAqBD,wBAAsB,oBAAoB,CACxC,WAAW,EAAE,MAAM,EACnB,gBAAgB,SAA4C,GAC3D,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAwBxB;AAuBD,wBAAsB,qBAAqB,CACzC,WAAW,EAAE,MAAM,EACnB,gBAAgB,SAA4C,GAC3D,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA+BxB"}
+{"version":3,"file":"token-pricing.d.ts","sourceRoot":"","sources":["../../../.build-src/common/utils/token-pricing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAShF,eAAO,MAAM,yCAAyC,OAAQ,CAAC;AAC/D,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,gCAAgC,4KAoBnC,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA8CpD,CAAC;AAEX;;;GAGG;AACH,qBAAa,iBAAkB,SAAQ,KAAK;IAC1C,SAAgB,WAAW,EAAE,MAAM,CAAC;gBAExB,WAAW,EAAE,MAAM;CAKhC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGpE;AAuCD,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAEhE;AAgBD,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAKtE;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAMpE;AAED,wBAAgB,2BAA2B,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAkBzE;AA8CD,wBAAgB,uBAAuB,CACrC,eAAe,EAAE,8BAA8B,GAAG,IAAI,EACtD,WAAW,GAAE,QAAQ,CAAC,MAAM,CAAoC,GAC/D,GAAG,CAAC,MAAM,CAAC,CAqBb;AAqBD,wBAAsB,oBAAoB,CACxC,WAAW,EAAE,MAAM,EACnB,gBAAgB,SAA4C,GAC3D,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAwBxB;AAuBD,wBAAsB,qBAAqB,CACzC,WAAW,EAAE,MAAM,EACnB,gBAAgB,SAA4C,GAC3D,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA+BxB"}

package/dist/common/utils/token-pricing.js

@@ -6,6 +6,7 @@ export const DEFAULT_COINBASE_PRICE_REQUEST_TIMEOUT_MS = 4_000;
 export const USD_PEGGED_FALLBACK_RATE = 1;
 export const DEFAULT_USD_PEGGED_TOKEN_SYMBOLS = [
     "USDT",
+    "USDT0",
     "USDC",
     "USDC.E",
     "USDT.E",
@@ -67,6 +68,7 @@ export const TOKEN_PRICE_PEGS = {
     // --- Stablecoin variants ---
     "USDC.E": "USDC",
     "USDT.E": "USDT",
+    USDT0: "USDT",
     GUSD: "USD",
     JUSD: "USD",
     SVJUSD: "USD",
@@ -92,7 +94,7 @@ export function resolveBaseSymbol(tokenSymbol) {
     return TOKEN_PRICE_PEGS[normalized] ?? null;
 }
 export function normalizeTokenSymbol(tokenSymbol) {
-    return tokenSymbol.trim().toUpperCase();
+    return tokenSymbol.trim().toUpperCase().replaceAll("\u20ae", "T");
 }
 const USD_RATE_PEG_SYMBOLS = {
     CBTC: "BTC",
@@ -103,6 +105,7 @@ const USD_RATE_PEG_SYMBOLS = {
     SYBTC: "BTC",
     "USDC.E": "USDC",
     "USDT.E": "USDT",
+    USDT0: "USDT",
     "WBTC.E": "BTC",
     WCBTC: "BTC",
 };

package/dist/nexus/NexusProvider.d.ts

@@ -16,13 +16,14 @@ interface NexusContextType {
     allowance: RefObject<OnAllowanceHookData | null>;
     attachEventHooks: () => void;
     bridgableBalance: UserAsset[] | null;
+    bridgableBalanceLoading: boolean;
     deinitializeNexus: () => Promise<void>;
     exchangeRate: Record<string, number> | null;
     fetchBridgableBalance: () => Promise<void>;
     fetchSwapBalance: () => Promise<UserAsset[] | null>;
     getFiatValue: (amount: number, token: string) => number;
-    handleInit: (provider: EthereumProvider) => Promise<void>;
-    initializeNexus: (provider: EthereumProvider) => Promise<void>;
+    handleInit: (provider: EthereumProvider, accountAddress?: string) => Promise<void>;
+    initializeNexus: (provider: EthereumProvider, accountAddress?: string) => Promise<void>;
     intent: RefObject<OnIntentHookData | null>;
     loading: boolean;
     network?: NexusNetwork;
@@ -32,6 +33,7 @@ interface NexusContextType {
     setIntent: (data: OnIntentHookData | null) => void;
     supportedChainsAndTokens: SupportedChainsAndTokensResult | null;
     swapBalance: UserAsset[] | null;
+    swapBalanceLoading: boolean;
     swapIntent: RefObject<OnSwapIntentHookData | null>;
     swapSupportedChainsAndTokens: SupportedChainsResult | null;
 }

package/dist/nexus/NexusProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NexusProvider.d.ts","sourceRoot":"","sources":["../../.build-src/nexus/NexusProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,YAAY,EAEjB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,8BAA8B,EACnC,KAAK,YAAY,EAClB,MAAM,2BAA2B,CAAC;AAGnC,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG;IACrC,SAAS,EAAE,CAAC,YAAY,GAAG;QACzB,OAAO,EAAE,MAAM,CAAC;QAChB,aAAa,EAAE,MAAM,CAAC;QACtB,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;QAC7B,eAAe,EAAE,MAAM,CAAC;QACxB,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC,EAAE,CAAC;IACL,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,qBAAqB,GAAG,8BAA8B,CAAC;AAE5D,OAAO,EAEL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAoBf,UAAU,gBAAgB;IACxB,SAAS,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACjD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACrC,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;IAC5C,qBAAqB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,gBAAgB,EAAE,MAAM,OAAO,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC;IACpD,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,UAAU,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,eAAe,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,MAAM,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACrE,YAAY,EAAE,CAAC,IAAI,EAAE,mBAAmB,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,SAAS,EAAE,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,wBAAwB,EAAE,8BAA8B,GAAG,IAAI,CAAC;IAChE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;IACnD,4BAA4B,EAAE,qBAAqB,GAAG,IAAI,CAAC;CAC5D;AAED,eAAO,MAAM,YAAY,uDAExB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,YAAY,CAAC;QACvB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;KACpC,CAAC;CACH,CAAC;AAiEF,QAAA,MAAM,aAAa,GAAI,uBAGpB,kBAAkB,4CA4qBpB,CAAC;AAEF,wBAAgB,QAAQ,qBAMvB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"NexusProvider.d.ts","sourceRoot":"","sources":["../../.build-src/nexus/NexusProvider.tsx"],"names":[],"mappings":"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"}

package/dist/nexus/NexusProvider.js

@@ -17,6 +17,10 @@ const sumSourceBalances = (sources) => sources.reduce((sum, source) => {
     return Number.isFinite(balance) && balance > 0 ? sum + balance : sum;
 }, 0);
 const getSourceBalanceChainId = (source) => source.chain?.id ?? source.chainId;
+const normalizeAccountAddress = (address) => {
+    const normalized = address?.trim().toLowerCase();
+    return normalized || null;
+};
 const filterUnsupportedSwapSources = (assets, swapSupportedChains) => {
     if (!assets) {
         return null;
@@ -55,20 +59,71 @@ const NexusProvider = ({ children, config = defaultConfig, }) => {
     const [supportedChainsAndTokensState, setSupportedChainsAndTokensState] = useState(null);
     const [swapSupportedChainsAndTokensState, setSwapSupportedChainsAndTokensState,] = useState(null);
     const [bridgableBalance, setBridgableBalance] = useState(null);
+    const [bridgableBalanceLoading, setBridgableBalanceLoading] = useState(false);
     const [swapBalance, setSwapBalance] = useState(null);
+    const [swapBalanceLoading, setSwapBalanceLoading] = useState(false);
     const swapBalanceRef = useRef(null);
     const [exchangeRateState, setExchangeRateState] = useState(null);
     const exchangeRate = useRef(null);
     const coinbaseUsdRateCache = useRef({});
     const coinbaseUsdRateRequests = useRef({});
     const initRequest = useRef(null);
+    const initializedAccountAddress = useRef(null);
     const bridgableBalanceRequest = useRef(null);
     const swapBalanceRequest = useRef(null);
     const lastSwapBalanceFetchAt = useRef(0);
+    const balanceFetchRunId = useRef(0);
+    const latestBalanceFetchRunId = useRef(0);
     const usdPeggedSymbols = useRef(new Set(DEFAULT_USD_PEGGED_TOKEN_SYMBOLS));
     const intent = useRef(null);
     const allowance = useRef(null);
     const swapIntent = useRef(null);
+    const initializedRef = useRef(false);
+    const startBalanceFetchTiming = useCallback((source) => {
+        const runId = balanceFetchRunId.current + 1;
+        balanceFetchRunId.current = runId;
+        latestBalanceFetchRunId.current = runId;
+        const walletAddress = initializedAccountAddress.current;
+        const startTimeMs = Date.now();
+        const timing = {
+            runId,
+            source,
+            startTimeMs,
+            walletAddress,
+        };
+        console.log("[NexusProvider] balance fetch start", {
+            runId,
+            walletAddress,
+            source,
+            dateNow: startTimeMs,
+            date: new Date(startTimeMs),
+        });
+        return timing;
+    }, []);
+    const finishBalanceFetchTiming = useCallback((timing, status = "resolved") => {
+        if (latestBalanceFetchRunId.current !== timing.runId) {
+            return;
+        }
+        const endTimeMs = Date.now();
+        const fetchDurationMs = endTimeMs - timing.startTimeMs;
+        console.log("[NexusProvider] balance fetch end", {
+            runId: timing.runId,
+            walletAddress: timing.walletAddress,
+            source: timing.source,
+            status,
+            dateNow: endTimeMs,
+            date: new Date(endTimeMs),
+        });
+        console.log("[NexusProvider] balance fetch total", {
+            runId: timing.runId,
+            walletAddress: timing.walletAddress,
+            source: timing.source,
+            status,
+            totalTimeSeconds: fetchDurationMs / 1000,
+            elapsedMs: fetchDurationMs,
+            dateNow: endTimeMs,
+        });
+    }, []);
     useEffect(() => {
         let cancelled = false;
         console.log("NEXUS CONFIG", stableConfig);
@@ -82,6 +137,10 @@ const NexusProvider = ({ children, config = defaultConfig, }) => {
             if (cancelled) {
                 return;
             }
+            if (initializedRef.current) {
+                nextSdk.destroy();
+                return;
+            }
             sdkRef.current = nextSdk;
             setSdk(nextSdk);
             console.log("ChainList", nextSdk.chainList.chains);
@@ -333,7 +392,6 @@ const NexusProvider = ({ children, config = defaultConfig, }) => {
             delete coinbaseUsdRateRequests.current[normalizedSymbol];
         }
     }, [cacheUsdRate]);
-    const initializedRef = useRef(false);
     const setIntent = useCallback((data) => {
         intent.current = data;
     }, []);
@@ -345,6 +403,9 @@ const NexusProvider = ({ children, config = defaultConfig, }) => {
         if (!activeSdk) {
             return;
         }
+        const activeAccountAddress = initializedAccountAddress.current;
+        const isCurrentSdkRun = () => sdkRef.current === activeSdk &&
+            initializedAccountAddress.current === activeAccountAddress;
         const list = activeSdk.getSupportedChains();
         supportedChainsAndTokens.current = list ?? null;
         setSupportedChainsAndTokensState(list ?? null);
@@ -352,52 +413,86 @@ const NexusProvider = ({ children, config = defaultConfig, }) => {
         const swapList = activeSdk.getSupportedChains();
         swapSupportedChainsAndTokens.current = swapList ?? null;
         setSwapSupportedChainsAndTokensState(swapList ?? null);
-        const [bridgeAbleBalanceResult, swapBalanceResult, rates] = await Promise.allSettled([
-            activeSdk.getBalancesForBridge(),
-            activeSdk.getBalancesForSwap(),
-            getCoinbaseRates(),
-        ]);
-        if (rates?.status === "fulfilled") {
-            const usdPerUnit = {};
-            for (const [symbol, value] of Object.entries(rates.value)) {
-                const normalized = normalizeTokenSymbol(symbol);
-                // Skip tokens with an explicit peg (e.g. WCBTC→BTC) — the SDK
-                // may return a bogus 1:1 USD rate for these. Our pegging map
-                // will resolve them correctly via their base symbol.
-                if (TOKEN_PRICE_PEGS[normalized])
-                    continue;
-                const unitsPerUsd = Number.parseFloat(String(value));
-                if (Number.isFinite(unitsPerUsd) && unitsPerUsd > 0) {
-                    usdPerUnit[normalized] = 1 / unitsPerUsd;
+        setBridgableBalanceLoading(true);
+        setSwapBalanceLoading(true);
+        const balanceTiming = startBalanceFetchTiming("setup");
+        let balanceTimingStatus = "resolved";
+        try {
+            const [bridgeAbleBalanceResult, swapBalanceResult, rates] = await Promise.allSettled([
+                activeSdk.getBalancesForBridge(),
+                activeSdk.getBalancesForSwap(),
+                getCoinbaseRates(),
+            ]);
+            if (rates?.status === "fulfilled") {
+                const usdPerUnit = {};
+                for (const [symbol, value] of Object.entries(rates.value)) {
+                    const normalized = normalizeTokenSymbol(symbol);
+                    // Skip tokens with an explicit peg (e.g. WCBTC→BTC) — the SDK
+                    // may return a bogus 1:1 USD rate for these. Our pegging map
+                    // will resolve them correctly via their base symbol.
+                    if (TOKEN_PRICE_PEGS[normalized])
+                        continue;
+                    const unitsPerUsd = Number.parseFloat(String(value));
+                    if (Number.isFinite(unitsPerUsd) && unitsPerUsd > 0) {
+                        usdPerUnit[normalized] = 1 / unitsPerUsd;
+                    }
                 }
+                exchangeRate.current = usdPerUnit;
+                setExchangeRateState(usdPerUnit);
+            }
+            if (!isCurrentSdkRun()) {
+                return;
+            }
+            if (bridgeAbleBalanceResult.status === "fulfilled") {
+                setBridgableBalance(normalizeUserAssetFiatValues(bridgeAbleBalanceResult.value));
+            }
+            if (swapBalanceResult.status === "fulfilled") {
+                const rawSwapBalance = swapBalanceResult.value;
+                const filteredSwapBalance = filterUnsupportedSwapSources(rawSwapBalance, swapList);
+                const normalizedSwapBalance = normalizeUserAssetFiatValues(filteredSwapBalance);
+                console.log("[NexusProvider] getBalancesForSwap:init raw", rawSwapBalance);
+                setSwapBalance(normalizedSwapBalance);
             }
-            exchangeRate.current = usdPerUnit;
-            setExchangeRateState(usdPerUnit);
         }
-        if (bridgeAbleBalanceResult.status === "fulfilled") {
-            setBridgableBalance(normalizeUserAssetFiatValues(bridgeAbleBalanceResult.value));
+        catch (error) {
+            balanceTimingStatus = "failed";
+            throw error;
         }
-        if (swapBalanceResult.status === "fulfilled") {
-            const rawSwapBalance = swapBalanceResult.value;
-            const filteredSwapBalance = filterUnsupportedSwapSources(rawSwapBalance, swapList);
-            const normalizedSwapBalance = normalizeUserAssetFiatValues(filteredSwapBalance);
-            console.log("[NexusProvider] getBalancesForSwap:init raw", rawSwapBalance);
-            setSwapBalance(normalizedSwapBalance);
+        finally {
+            finishBalanceFetchTiming(balanceTiming, balanceTimingStatus);
+            if (isCurrentSdkRun()) {
+                setBridgableBalanceLoading(false);
+                setSwapBalanceLoading(false);
+            }
         }
-    }, [config?.network, normalizeUserAssetFiatValues]);
-    const initializeNexus = useCallback(async (provider) => {
+    }, [
+        config?.network,
+        finishBalanceFetchTiming,
+        normalizeUserAssetFiatValues,
+        startBalanceFetchTiming,
+    ]);
+    const initializeNexus = useCallback(async (provider, accountAddress) => {
         setLoading(true);
         try {
             console.log("INITIALIZE NEXUS CONFIG", stableConfig);
+            const previousSdk = sdkRef.current;
+            const shouldDestroyPreviousSdk = Boolean(previousSdk);
             const nextSdk = createNexusClient({
                 network: stableConfig.network,
                 debug: stableConfig.debug,
             });
             await nextSdk.initialize();
             await nextSdk.setEVMProvider(provider);
+            if (shouldDestroyPreviousSdk &&
+                previousSdk &&
+                previousSdk !== nextSdk) {
+                previousSdk.destroy();
+            }
             sdkRef.current = nextSdk;
             setSdk(nextSdk);
             initializedRef.current = true;
+            initializedAccountAddress.current =
+                normalizeAccountAddress(accountAddress);
             setNexusSDK(nextSdk);
         }
         catch (error) {
@@ -415,7 +510,12 @@ const NexusProvider = ({ children, config = defaultConfig, }) => {
                 return Promise.resolve();
             }
             activeSdk.destroy();
+            if (sdkRef.current === activeSdk) {
+                sdkRef.current = null;
+            }
             initializedRef.current = false;
+            initializedAccountAddress.current = null;
+            setSdk(null);
             setNexusSDK(null);
             setBridgableBalance(null);
             swapBalanceRef.current = null;
@@ -423,7 +523,12 @@ const NexusProvider = ({ children, config = defaultConfig, }) => {
             intent.current = null;
             swapIntent.current = null;
             allowance.current = null;
+            const invalidatedRunId = balanceFetchRunId.current + 1;
+            balanceFetchRunId.current = invalidatedRunId;
+            latestBalanceFetchRunId.current = invalidatedRunId;
             setLoading(false);
+            setBridgableBalanceLoading(false);
+            setSwapBalanceLoading(false);
         }
         catch (error) {
             console.error("Error deinitializing Nexus:", error);
@@ -433,15 +538,39 @@ const NexusProvider = ({ children, config = defaultConfig, }) => {
     const attachEventHooks = useCallback(() => {
         // Dummy signature for backward compatibility, hooks are now per-call
     }, []);
-    const handleInit = useCallback(async (provider) => {
-        if (initializedRef.current || loading) {
+    const handleInit = useCallback(async (provider, accountAddress) => {
+        const nextAccountAddress = normalizeAccountAddress(accountAddress);
+        const currentAccountAddress = initializedAccountAddress.current;
+        const isAccountChange = Boolean(currentAccountAddress && nextAccountAddress) &&
+            currentAccountAddress !== nextAccountAddress;
+        if (initializedRef.current &&
+            (!nextAccountAddress || currentAccountAddress === nextAccountAddress)) {
             return;
         }
+        if (loading && initRequest.current) {
+            await initRequest.current;
+            if (initializedRef.current &&
+                (!nextAccountAddress ||
+                    initializedAccountAddress.current === nextAccountAddress)) {
+                return;
+            }
+        }
         if (!provider || typeof provider.request !== "function") {
             throw new Error("Invalid EIP-1193 provider");
         }
         const nextInitRequest = (async () => {
-            await initializeNexus(provider);
+            if (initializedRef.current) {
+                if (isAccountChange) {
+                    console.log("[NexusProvider] wallet address changed; reinitializing Nexus", {
+                        previousWalletAddress: currentAccountAddress,
+                        nextWalletAddress: nextAccountAddress,
+                        dateNow: Date.now(),
+                        date: new Date(),
+                    });
+                }
+                await deinitializeNexus();
+            }
+            await initializeNexus(provider, nextAccountAddress ?? undefined);
             await setupNexus();
             attachEventHooks();
         })();
@@ -458,33 +587,65 @@ const NexusProvider = ({ children, config = defaultConfig, }) => {
                 initRequest.current = null;
             }
         }
-    }, [loading, initializeNexus, setupNexus, attachEventHooks]);
+    }, [
+        loading,
+        initializeNexus,
+        deinitializeNexus,
+        setupNexus,
+        attachEventHooks,
+    ]);
     const fetchBridgableBalance = useCallback(async () => {
         let request = bridgableBalanceRequest.current;
+        let balanceTiming = null;
+        let balanceTimingStatus = "resolved";
         try {
             const activeSdk = sdkRef.current;
             if (!activeSdk) {
                 return;
             }
+            const activeAccountAddress = initializedAccountAddress.current;
+            balanceTiming = startBalanceFetchTiming("bridge-refresh");
+            setBridgableBalanceLoading(true);
             const updatedBalance = await activeSdk.getBalancesForBridge();
+            if (sdkRef.current !== activeSdk ||
+                initializedAccountAddress.current !== activeAccountAddress) {
+                return;
+            }
             setBridgableBalance(normalizeUserAssetFiatValues(updatedBalance));
         }
         catch (error) {
+            balanceTimingStatus = "failed";
             console.error("Error fetching bridgable balance:", error);
         }
         finally {
+            if (balanceTiming) {
+                finishBalanceFetchTiming(balanceTiming, balanceTimingStatus);
+            }
+            setBridgableBalanceLoading(false);
             if (request && bridgableBalanceRequest.current === request) {
                 bridgableBalanceRequest.current = null;
             }
         }
-    }, [normalizeUserAssetFiatValues]);
+    }, [
+        finishBalanceFetchTiming,
+        normalizeUserAssetFiatValues,
+        startBalanceFetchTiming,
+    ]);
     const fetchSwapBalance = useCallback(async () => {
+        const activeSdk = sdkRef.current;
+        if (!activeSdk) {
+            return null;
+        }
+        const activeAccountAddress = initializedAccountAddress.current;
+        const balanceTiming = startBalanceFetchTiming("swap-refresh");
+        let balanceTimingStatus = "resolved";
         try {
-            const activeSdk = sdkRef.current;
-            if (!activeSdk) {
+            setSwapBalanceLoading(true);
+            const updatedBalance = await activeSdk.getBalancesForSwap();
+            if (sdkRef.current !== activeSdk ||
+                initializedAccountAddress.current !== activeAccountAddress) {
                 return null;
             }
-            const updatedBalance = await activeSdk.getBalancesForSwap();
             const filteredSwapBalance = filterUnsupportedSwapSources(updatedBalance, swapSupportedChainsAndTokens.current);
             const normalizedSwapBalance = normalizeUserAssetFiatValues(filteredSwapBalance);
             console.log("[NexusProvider] getBalancesForSwap:refresh raw", updatedBalance);
@@ -492,10 +653,22 @@ const NexusProvider = ({ children, config = defaultConfig, }) => {
             return normalizedSwapBalance;
         }
         catch (error) {
+            balanceTimingStatus = "failed";
             console.error("Error fetching swap balance:", error);
             return null;
         }
-    }, [normalizeUserAssetFiatValues]);
+        finally {
+            finishBalanceFetchTiming(balanceTiming, balanceTimingStatus);
+            if (sdkRef.current === activeSdk &&
+                initializedAccountAddress.current === activeAccountAddress) {
+                setSwapBalanceLoading(false);
+            }
+        }
+    }, [
+        finishBalanceFetchTiming,
+        normalizeUserAssetFiatValues,
+        startBalanceFetchTiming,
+    ]);
     const getFiatValue = useCallback((amount, token) => {
         const rate = getUsdRateFromLocalSources(token);
         const normalized = normalizeTokenSymbol(token);
@@ -529,7 +702,9 @@ const NexusProvider = ({ children, config = defaultConfig, }) => {
         supportedChainsAndTokens: supportedChainsAndTokensState,
         swapSupportedChainsAndTokens: swapSupportedChainsAndTokensState,
         bridgableBalance,
+        bridgableBalanceLoading,
         swapBalance,
+        swapBalanceLoading,
         network: config?.network,
         loading,
         fetchBridgableBalance,
@@ -547,7 +722,9 @@ const NexusProvider = ({ children, config = defaultConfig, }) => {
         attachEventHooks,
         handleInit,
         bridgableBalance,
+        bridgableBalanceLoading,
         swapBalance,
+        swapBalanceLoading,
         stableConfig.network,
         loading,
         fetchBridgableBalance,

package/dist/nexus-widget/components/deposit-idle-form.d.ts

@@ -5,6 +5,7 @@ interface DepositIdleFormProps {
     calculatingPercent?: number | null;
     fromTokens: SwapTokenOption[];
     isAmountReadOnly?: boolean;
+    isBalanceLoading?: boolean;
     isCalculatingMax?: boolean;
     isQuoteRefreshing?: boolean;
     isSourcePickerDisabled?: boolean;
@@ -24,6 +25,6 @@ interface DepositIdleFormProps {
     totalBalance: string;
     usdValue: string;
 }
-export declare function DepositIdleForm({ amount, amountMode, onAmountChange, onAmountModeToggle, toToken, totalBalance, usdValue, tokenValue, fromTokens, onOpenSourcePicker, onSetPercent, routeStatus, routeMessage, isAmountReadOnly, isCalculatingMax, calculatingPercent, isQuoteRefreshing, hideDestinationTokenDropdownIcon, showAutoBadge, isSourcePickerDisabled, isTokenPickerDisabled, onOpenTokenPicker, reserveSourceRows, }: DepositIdleFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function DepositIdleForm({ amount, amountMode, onAmountChange, onAmountModeToggle, toToken, totalBalance, usdValue, tokenValue, fromTokens, onOpenSourcePicker, onSetPercent, routeStatus, routeMessage, isAmountReadOnly, isBalanceLoading, isCalculatingMax, calculatingPercent, isQuoteRefreshing, hideDestinationTokenDropdownIcon, showAutoBadge, isSourcePickerDisabled, isTokenPickerDisabled, onOpenTokenPicker, reserveSourceRows, }: DepositIdleFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=deposit-idle-form.d.ts.map

package/dist/nexus-widget/components/deposit-idle-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deposit-idle-form.d.ts","sourceRoot":"","sources":["../../../.build-src/nexus-widget/components/deposit-idle-form.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,uBAAuB,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,GAAG,KAAK,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,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,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAmgBD,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,gBAAwB,EACxB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gCAAwC,EACxC,aAAoB,EACpB,sBAA8B,EAC9B,qBAA6B,EAC7B,iBAAiB,EACjB,iBAAyB,GAC1B,EAAE,oBAAoB,2CA2XtB"}
+{"version":3,"file":"deposit-idle-form.d.ts","sourceRoot":"","sources":["../../../.build-src/nexus-widget/components/deposit-idle-form.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,uBAAuB,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,GAAG,KAAK,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,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,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAkiBD,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,gBAAwB,EACxB,gBAAwB,EACxB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gCAAwC,EACxC,aAAoB,EACpB,sBAA8B,EAC9B,qBAA6B,EAC7B,iBAAiB,EACjB,iBAAyB,GAC1B,EAAE,oBAAoB,2CAmYtB"}

package/dist/nexus-widget/components/deposit-idle-form.js

@@ -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 DepositIdleForm({ amount, amountMode, onAmountChange, onAmountModeToggle, toToken, totalBalance, usdValue, tokenValue, fromTokens, onOpenSourcePicker, onSetPercent, routeStatus, routeMessage, isAmountReadOnly = false, isCalculatingMax, calculatingPercent, isQuoteRefreshing, hideDestinationTokenDropdownIcon = false, showAutoBadge = true, isSourcePickerDisabled = false, isTokenPickerDisabled = false, onOpenTokenPicker, 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 DepositIdleForm({ amount, amountMode, onAmountChange, onAmountModeToggle, toToken, totalBalance, usdValue, tokenValue, fromTokens, onOpenSourcePicker, onSetPercent, routeStatus, routeMessage, isAmountReadOnly = false, isBalanceLoading = false, isCalculatingMax, calculatingPercent, isQuoteRefreshing, hideDestinationTokenDropdownIcon = false, showAutoBadge = true, isSourcePickerDisabled = false, isTokenPickerDisabled = false, onOpenTokenPicker, reserveSourceRows = false, }) {
     const [pendingPercent, setPendingPercent] = useState(null);
     const [isAmountFocused, setIsAmountFocused] = useState(false);
     React.useEffect(() => {
@@ -367,13 +383,13 @@ export function DepositIdleForm({ amount, amountMode, onAmountChange, onAmountMo
                                             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",
@@ -502,5 +518,5 @@ export function DepositIdleForm({ amount, amountMode, onAmountChange, onAmountMo
                                                     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/nexus-widget-progress-screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nexus-widget-progress-screen.d.ts","sourceRoot":"","sources":["../../../.build-src/nexus-widget/components/nexus-widget-progress-screen.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,cAAc,EACd,YAAY,EACb,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EACL,KAAK,qCAAqC,EAC1C,KAAK,eAAe,EACrB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,KAAK,eAAe,GAAG,YAAY,GAAG,cAAc,CAAC;AAErD,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;CAC3B,CAAC;AAEF,UAAU,8BAA8B;IACtC,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,CAAC,EAAE,qCAAqC,CAAC;IACpD,cAAc,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAkuBD,wBAAgB,yBAAyB,CAAC,EACxC,UAAe,EACf,OAAO,EACP,aAAa,EACb,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,IAAI,EACJ,WAAW,EACX,KAAK,EACL,cAAmB,EACnB,UAAU,EACV,gBAAgB,GACjB,EAAE,8BAA8B,2CAwbhC"}
+{"version":3,"file":"nexus-widget-progress-screen.d.ts","sourceRoot":"","sources":["../../../.build-src/nexus-widget/components/nexus-widget-progress-screen.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,cAAc,EACd,YAAY,EACb,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EACL,KAAK,qCAAqC,EAC1C,KAAK,eAAe,EACrB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,KAAK,eAAe,GAAG,YAAY,GAAG,cAAc,CAAC;AAErD,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;CAC3B,CAAC;AAEF,UAAU,8BAA8B;IACtC,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,CAAC,EAAE,qCAAqC,CAAC;IACpD,cAAc,CAAC,EAAE,wBAAwB,EAAE,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA6vBD,wBAAgB,yBAAyB,CAAC,EACxC,UAAe,EACf,OAAO,EACP,aAAa,EACb,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,IAAI,EACJ,WAAW,EACX,KAAK,EACL,cAAmB,EACnB,UAAU,EACV,gBAAgB,GACjB,EAAE,8BAA8B,2CAwbhC"}