@trustware/sdk-staging 1.1.13-staging.1 → 1.1.13-staging.2

package/dist/widget.cjs

@@ -593,7 +593,7 @@ var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     SDK_NAME = "@trustware/sdk";
-    SDK_VERSION = "1.1.13-staging.1";
+    SDK_VERSION = "1.1.13-staging.2";
     API_ROOT = "https://bv-staging-api.trustware.io";
     GTM_ID = "GTM-TZDGNCXB";
     API_PREFIX = "/api";
@@ -6136,7 +6136,6 @@ function useGTMTracker() {
   return { trackEvent, trackPageView, setUserProperty, directGtag };
 }
 function useGTM(gtmId) {
-  const scriptRef = (0, import_react7.useRef)(null);
   const tracker = useGTMTracker();
   (0, import_react7.useEffect)(() => {
     if (!isGA4Allowed()) {
@@ -6151,14 +6150,24 @@ function useGTM(gtmId) {
       );
       return;
     }
-    if (isContainerInitialized) return;
+    containerRefCount += 1;
+    const release = () => {
+      containerRefCount -= 1;
+      if (containerRefCount > 0) return;
+      if (injectedScript) {
+        injectedScript.parentNode?.removeChild(injectedScript);
+        injectedScript = null;
+      }
+      isContainerInitialized = false;
+    };
+    if (isContainerInitialized) return release;
     const alreadyLoaded = document.querySelector(
       `script[src*="googletagmanager.com/gtm.js?id=${gtmId}"]`
     );
     if (alreadyLoaded) {
       window.dataLayer = window.dataLayer || [];
       isContainerInitialized = true;
-      return;
+      return release;
     }
     window.dataLayer = window.dataLayer || [];
     window.dataLayer.push({
@@ -6170,15 +6179,9 @@ function useGTM(gtmId) {
     script.async = true;
     script.src = `https://www.googletagmanager.com/gtm.js?id=${gtmId}`;
     firstScript.parentNode?.insertBefore(script, firstScript);
-    scriptRef.current = script;
+    injectedScript = script;
     isContainerInitialized = true;
-    return () => {
-      if (scriptRef.current) {
-        scriptRef.current.parentNode?.removeChild(scriptRef.current);
-        scriptRef.current = null;
-      }
-      isContainerInitialized = false;
-    };
+    return release;
   }, [gtmId]);
   const addNoscriptIframe = (0, import_react7.useCallback)(() => {
     if (!isGA4Allowed()) return;
@@ -6196,13 +6199,15 @@ function useGTM(gtmId) {
   }, [gtmId]);
   return { ...tracker, addNoscriptIframe };
 }
-var import_react7, isContainerInitialized;
+var import_react7, isContainerInitialized, containerRefCount, injectedScript;
 var init_useGTM = __esm({
   "src/hooks/useGTM.ts"() {
     "use strict";
     import_react7 = require("react");
     init_core2();
     isContainerInitialized = false;
+    containerRefCount = 0;
+    injectedScript = null;
   }
 });
 
@@ -33702,6 +33707,23 @@ var init_WidgetRouter = __esm({
   }
 });
 
+// src/widget/app/WidgetAnalytics.tsx
+function WidgetAnalytics({
+  children
+}) {
+  useGTM(GTM_ID);
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children });
+}
+var import_jsx_runtime51;
+var init_WidgetAnalytics = __esm({
+  "src/widget/app/WidgetAnalytics.tsx"() {
+    "use strict";
+    init_hooks();
+    init_constants();
+    import_jsx_runtime51 = require("react/jsx-runtime");
+  }
+});
+
 // src/modes/swap/hooks/useSwapRoute.ts
 function useSwapRoute() {
   const [state, setState] = (0, import_react44.useState)({
@@ -34262,6 +34284,36 @@ var init_walletBalance = __esm({
   }
 });
 
+// src/modes/swap/analytics.ts
+function chainLabel(chain) {
+  return chain?.networkName ?? chain?.axelarChainName ?? chain?.chainId ?? UNKNOWN;
+}
+function tokenLabel(token) {
+  return token?.symbol ?? UNKNOWN;
+}
+function buildSwapPaymentParams(ctx) {
+  return {
+    from_chain: chainLabel(ctx.fromChain),
+    from_token: tokenLabel(ctx.fromToken),
+    to_chain: chainLabel(ctx.toChain),
+    to_token: tokenLabel(ctx.toToken),
+    domain: ctx.domain
+  };
+}
+function claimAttemptOnce(slot, attempt) {
+  if (!attempt) return false;
+  if (slot.current === attempt) return false;
+  slot.current = attempt;
+  return true;
+}
+var UNKNOWN;
+var init_analytics = __esm({
+  "src/modes/swap/analytics.ts"() {
+    "use strict";
+    UNKNOWN = "unknown";
+  }
+});
+
 // src/core/forex.ts
 async function fetchForexRates(base2 = "USD") {
   let r;
@@ -34457,7 +34509,7 @@ function SwapTokenSelect({
       (t) => `${Number(t.chainId)}:${t.address.toLowerCase()}` !== excludeKey
     );
   }, [filteredWalletTokens, excludeKey]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "div",
     {
       style: {
@@ -34467,7 +34519,7 @@ function SwapTokenSelect({
         maxHeight: "70vh"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
           "div",
           {
             style: {
@@ -34477,7 +34529,7 @@ function SwapTokenSelect({
               borderBottom: `1px solid ${colors.border}`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 "button",
                 {
                   type: "button",
@@ -34491,7 +34543,7 @@ function SwapTokenSelect({
                     cursor: "pointer"
                   },
                   "aria-label": "Go back",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                     "svg",
                     {
                       style: {
@@ -34503,7 +34555,7 @@ function SwapTokenSelect({
                       fill: "none",
                       stroke: "currentColor",
                       strokeWidth: 2,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -34515,7 +34567,7 @@ function SwapTokenSelect({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 "h1",
                 {
                   style: {
@@ -34532,8 +34584,8 @@ function SwapTokenSelect({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { style: { flex: 1, display: "flex", overflow: "hidden" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { flex: 1, display: "flex", overflow: "hidden" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             ChainSelectorPanel,
             {
               error: chainsError,
@@ -34544,7 +34596,7 @@ function SwapTokenSelect({
               popularChains
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             TokenSelectorPanel,
             {
               filteredTokens: visibleTokens,
@@ -34563,12 +34615,12 @@ function SwapTokenSelect({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(WidgetSecurityFooter, {})
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(WidgetSecurityFooter, {})
       ]
     }
   );
 }
-var import_react47, import_jsx_runtime51;
+var import_react47, import_jsx_runtime52;
 var init_SwapTokenSelect = __esm({
   "src/modes/swap/components/SwapTokenSelect.tsx"() {
     "use strict";
@@ -34578,7 +34630,7 @@ var init_SwapTokenSelect = __esm({
     init_hooks2();
     init_token_selection();
     init_components();
-    import_jsx_runtime51 = require("react/jsx-runtime");
+    import_jsx_runtime52 = require("react/jsx-runtime");
   }
 });
 
@@ -34778,7 +34830,7 @@ function SwapWalletSelectorMobile({
     { id: "evm", label: "EVM" },
     { id: "solana", label: "Solana" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "div",
     {
       style: {
@@ -34787,7 +34839,7 @@ function SwapWalletSelectorMobile({
         height: "100%"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
           "div",
           {
             style: {
@@ -34797,7 +34849,7 @@ function SwapWalletSelectorMobile({
               borderBottom: `1px solid ${colors.border}`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 "button",
                 {
                   type: "button",
@@ -34810,7 +34862,7 @@ function SwapWalletSelectorMobile({
                     border: 0,
                     cursor: "pointer"
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                     "svg",
                     {
                       style: {
@@ -34822,7 +34874,7 @@ function SwapWalletSelectorMobile({
                       fill: "none",
                       stroke: "currentColor",
                       strokeWidth: 2,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -34834,7 +34886,7 @@ function SwapWalletSelectorMobile({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 "h1",
                 {
                   style: {
@@ -34847,11 +34899,11 @@ function SwapWalletSelectorMobile({
                   children: "Connect Wallet"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { style: { width: "1.25rem", marginLeft: spacing[2] }, "aria-hidden": true })
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { style: { width: "1.25rem", marginLeft: spacing[2] }, "aria-hidden": true })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { style: { padding: `${spacing[3]} ${spacing[4]} 0` }, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { style: { padding: `${spacing[3]} ${spacing[4]} 0` }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "div",
           {
             style: {
@@ -34862,7 +34914,7 @@ function SwapWalletSelectorMobile({
               padding: "3px",
               gap: "2px"
             },
-            children: tabs.map((t) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            children: tabs.map((t) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               "button",
               {
                 onClick: () => setSelectedNamespace(t.id),
@@ -34886,7 +34938,7 @@ function SwapWalletSelectorMobile({
             ))
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
           "div",
           {
             style: {
@@ -34895,9 +34947,9 @@ function SwapWalletSelectorMobile({
               maxHeight: "31.25rem"
             },
             children: [
-              mobileWalletEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { textAlign: "center", padding: `${spacing[8]} 0` }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              mobileWalletEntries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { textAlign: "center", padding: `${spacing[8]} 0` }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   "h3",
                   {
                     style: {
@@ -34909,7 +34961,7 @@ function SwapWalletSelectorMobile({
                     children: "No Wallets Found"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   "p",
                   {
                     style: {
@@ -34920,7 +34972,7 @@ function SwapWalletSelectorMobile({
                     children: "Please install a web3 wallet to continue."
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   "a",
                   {
                     href: "https://metamask.io/download/",
@@ -34941,7 +34993,7 @@ function SwapWalletSelectorMobile({
                     children: "Install MetaMask"
                   }
                 )
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 "div",
                 {
                   style: {
@@ -34954,7 +35006,7 @@ function SwapWalletSelectorMobile({
                     const isWalletConnected = managerConnected && walletMetaId === meta.id;
                     const isConnecting = connectingId === meta.id && walletStatus === "connecting";
                     const isRowDisabled = managerConnected && !isWalletConnected && !entry.detectedWallet;
-                    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                       "div",
                       {
                         style: mergeStyles(
@@ -34975,7 +35027,7 @@ function SwapWalletSelectorMobile({
                           isRowDisabled && { opacity: 0.4 }
                         ),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                             "div",
                             {
                               style: {
@@ -34989,7 +35041,7 @@ function SwapWalletSelectorMobile({
                                 overflow: "hidden",
                                 flexShrink: 0
                               },
-                              children: meta.logo ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                              children: meta.logo ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                                 "img",
                                 {
                                   src: meta.logo,
@@ -35000,11 +35052,11 @@ function SwapWalletSelectorMobile({
                                     objectFit: "contain"
                                   }
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { style: { fontSize: "1.5rem" }, children: meta.emoji || "\u{1F45B}" })
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { style: { fontSize: "1.5rem" }, children: meta.emoji || "\u{1F45B}" })
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                               "p",
                               {
                                 style: {
@@ -35014,7 +35066,7 @@ function SwapWalletSelectorMobile({
                                 children: meta.name
                               }
                             ),
-                            isWalletConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+                            isWalletConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                               "p",
                               {
                                 style: {
@@ -35029,7 +35081,7 @@ function SwapWalletSelectorMobile({
                               }
                             )
                           ] }),
-                          isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                          isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                             "div",
                             {
                               style: {
@@ -35042,7 +35094,7 @@ function SwapWalletSelectorMobile({
                                 flexShrink: 0
                               }
                             }
-                          ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                          ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                             "button",
                             {
                               onClick: handleDisconnect,
@@ -35059,7 +35111,7 @@ function SwapWalletSelectorMobile({
                               },
                               children: "Disconnect"
                             }
-                          ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                          ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                             "button",
                             {
                               onClick: () => void handleClick(entry),
@@ -35091,8 +35143,8 @@ function SwapWalletSelectorMobile({
                   })
                 }
               ),
-              selectedNamespace === "evm" && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              selectedNamespace === "evm" && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   "div",
                   {
                     style: {
@@ -35105,7 +35157,7 @@ function SwapWalletSelectorMobile({
                 (() => {
                   const wcConnected = managerConnected && connectedVia === "walletconnect";
                   const wcRowDisabled = managerConnected && !wcConnected;
-                  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                     "div",
                     {
                       style: mergeStyles(
@@ -35128,7 +35180,7 @@ function SwapWalletSelectorMobile({
                       ),
                       onClick: !wcConnected && !wcRowDisabled ? () => void handleWalletConnect() : void 0,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                           "div",
                           {
                             style: {
@@ -35141,7 +35193,7 @@ function SwapWalletSelectorMobile({
                               justifyContent: "center",
                               flexShrink: 0
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                               "svg",
                               {
                                 style: {
@@ -35151,13 +35203,13 @@ function SwapWalletSelectorMobile({
                                 },
                                 viewBox: "0 0 24 24",
                                 fill: "currentColor",
-                                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M6.09 10.56c3.26-3.2 8.56-3.2 11.82 0l.39.39a.4.4 0 010 .58l-1.34 1.31a.21.21 0 01-.3 0l-.54-.53c-2.28-2.23-5.97-2.23-8.24 0l-.58.56a.21.21 0 01-.3 0L5.66 11.6a.4.4 0 010-.58l.43-.46zm14.6 2.72l1.2 1.17a.4.4 0 010 .58l-5.38 5.27a.43.43 0 01-.6 0l-3.82-3.74a.11.11 0 00-.15 0l-3.82 3.74a.43.43 0 01-.6 0L2.15 15.03a.4.4 0 010-.58l1.2-1.17a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0z" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M6.09 10.56c3.26-3.2 8.56-3.2 11.82 0l.39.39a.4.4 0 010 .58l-1.34 1.31a.21.21 0 01-.3 0l-.54-.53c-2.28-2.23-5.97-2.23-8.24 0l-.58.56a.21.21 0 01-.3 0L5.66 11.6a.4.4 0 010-.58l.43-.46zm14.6 2.72l1.2 1.17a.4.4 0 010 .58l-5.38 5.27a.43.43 0 01-.6 0l-3.82-3.74a.11.11 0 00-.15 0l-3.82 3.74a.43.43 0 01-.6 0L2.15 15.03a.4.4 0 010-.58l1.2-1.17a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0z" })
                               }
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                             "p",
                             {
                               style: {
@@ -35167,7 +35219,7 @@ function SwapWalletSelectorMobile({
                               children: "WalletConnect"
                             }
                           ),
-                          wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+                          wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                             "p",
                             {
                               style: {
@@ -35182,7 +35234,7 @@ function SwapWalletSelectorMobile({
                             }
                           )
                         ] }),
-                        wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                        wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                           "div",
                           {
                             style: {
@@ -35195,7 +35247,7 @@ function SwapWalletSelectorMobile({
                               flexShrink: 0
                             }
                           }
-                        ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                        ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                           "button",
                           {
                             onClick: (e2) => {
@@ -35215,7 +35267,7 @@ function SwapWalletSelectorMobile({
                             },
                             children: "Disconnect"
                           }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                           "button",
                           {
                             onClick: (e2) => {
@@ -35255,7 +35307,7 @@ function SwapWalletSelectorMobile({
     }
   );
 }
-var import_react48, import_jsx_runtime52, SwapWalletSelectorMobile_default;
+var import_react48, import_jsx_runtime53, SwapWalletSelectorMobile_default;
 var init_SwapWalletSelectorMobile = __esm({
   "src/modes/swap/components/SwapWalletSelector/SwapWalletSelectorMobile.tsx"() {
     "use strict";
@@ -35266,7 +35318,7 @@ var init_SwapWalletSelectorMobile = __esm({
     init_wallets();
     init_config2();
     init_Toast();
-    import_jsx_runtime52 = require("react/jsx-runtime");
+    import_jsx_runtime53 = require("react/jsx-runtime");
     SwapWalletSelectorMobile_default = SwapWalletSelectorMobile;
   }
 });
@@ -35364,8 +35416,8 @@ function SwapWalletSelectorDesktop({
     { id: "evm", label: "EVM" },
     { id: "solana", label: "Solana" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       "div",
       {
         style: {
@@ -35375,7 +35427,7 @@ function SwapWalletSelectorDesktop({
           borderBottom: `1px solid ${colors.border}`
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "button",
             {
               type: "button",
@@ -35388,7 +35440,7 @@ function SwapWalletSelectorDesktop({
                 border: 0,
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 "svg",
                 {
                   style: {
@@ -35400,7 +35452,7 @@ function SwapWalletSelectorDesktop({
                   fill: "none",
                   stroke: "currentColor",
                   strokeWidth: 2,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -35412,7 +35464,7 @@ function SwapWalletSelectorDesktop({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "h1",
             {
               style: {
@@ -35425,7 +35477,7 @@ function SwapWalletSelectorDesktop({
               children: "Connect Wallet"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "div",
             {
               style: {
@@ -35436,7 +35488,7 @@ function SwapWalletSelectorDesktop({
                 padding: "3px",
                 gap: "2px"
               },
-              children: tabs.map((t) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              children: tabs.map((t) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 "button",
                 {
                   onClick: () => setSelectedNamespace(t.id),
@@ -35462,8 +35514,8 @@ function SwapWalletSelectorDesktop({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { padding: spacing[4] }, children: [
-      isDetecting ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { padding: spacing[4] }, children: [
+      isDetecting ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
         "div",
         {
           style: {
@@ -35472,7 +35524,7 @@ function SwapWalletSelectorDesktop({
             gap: spacing[3]
           },
           children: [
-            [1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+            [1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
               "div",
               {
                 style: {
@@ -35485,7 +35537,7 @@ function SwapWalletSelectorDesktop({
                   animation: "tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "div",
                     {
                       style: {
@@ -35496,7 +35548,7 @@ function SwapWalletSelectorDesktop({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "div",
                     {
                       style: {
@@ -35511,7 +35563,7 @@ function SwapWalletSelectorDesktop({
               },
               i
             )),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "p",
               {
                 style: {
@@ -35525,9 +35577,9 @@ function SwapWalletSelectorDesktop({
             )
           ]
         }
-      ) : filteredWallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { textAlign: "center", padding: `${spacing[8]} 0` }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      ) : filteredWallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { textAlign: "center", padding: `${spacing[8]} 0` }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { style: { fontSize: "2.5rem", marginBottom: spacing[4] }, children: "\u{1F45B}" }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "h3",
           {
             style: {
@@ -35539,7 +35591,7 @@ function SwapWalletSelectorDesktop({
             children: "No Wallets Found"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "p",
           {
             style: {
@@ -35550,7 +35602,7 @@ function SwapWalletSelectorDesktop({
             children: "Please install a web3 wallet to continue."
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "a",
           {
             href: "https://metamask.io/download/",
@@ -35571,7 +35623,7 @@ function SwapWalletSelectorDesktop({
             children: "Install MetaMask"
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         "div",
         {
           style: {
@@ -35582,7 +35634,7 @@ function SwapWalletSelectorDesktop({
           children: filteredWallets.map((wallet) => {
             const isWalletConnected = managerConnected && walletMetaId === wallet.meta.id;
             const isConnecting = connectingId === wallet.meta.id && walletStatus === "connecting";
-            return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
               "div",
               {
                 style: mergeStyles(
@@ -35602,7 +35654,7 @@ function SwapWalletSelectorDesktop({
                   }
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "div",
                     {
                       style: {
@@ -35616,7 +35668,7 @@ function SwapWalletSelectorDesktop({
                         overflow: "hidden",
                         flexShrink: 0
                       },
-                      children: wallet.meta.logo ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                      children: wallet.meta.logo ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                         "img",
                         {
                           src: wallet.meta.logo,
@@ -35627,7 +35679,7 @@ function SwapWalletSelectorDesktop({
                             objectFit: "contain"
                           }
                         }
-                      ) : wallet.detail?.info?.icon ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                      ) : wallet.detail?.info?.icon ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                         "img",
                         {
                           src: wallet.detail.info.icon,
@@ -35638,11 +35690,11 @@ function SwapWalletSelectorDesktop({
                             objectFit: "contain"
                           }
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { style: { fontSize: "1.5rem" }, children: wallet.meta.emoji || "\u{1F45B}" })
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { style: { fontSize: "1.5rem" }, children: wallet.meta.emoji || "\u{1F45B}" })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                       "p",
                       {
                         style: {
@@ -35652,7 +35704,7 @@ function SwapWalletSelectorDesktop({
                         children: wallet.meta.name
                       }
                     ),
-                    isWalletConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+                    isWalletConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
                       "p",
                       {
                         style: {
@@ -35667,7 +35719,7 @@ function SwapWalletSelectorDesktop({
                       }
                     )
                   ] }),
-                  isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "div",
                     {
                       style: {
@@ -35680,7 +35732,7 @@ function SwapWalletSelectorDesktop({
                         flexShrink: 0
                       }
                     }
-                  ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "button",
                     {
                       onClick: handleDisconnect,
@@ -35697,7 +35749,7 @@ function SwapWalletSelectorDesktop({
                       },
                       children: "Disconnect"
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "button",
                     {
                       onClick: () => void handleClick(wallet),
@@ -35729,8 +35781,8 @@ function SwapWalletSelectorDesktop({
           })
         }
       ),
-      selectedNamespace === "evm" && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      selectedNamespace === "evm" && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "div",
           {
             style: {
@@ -35742,7 +35794,7 @@ function SwapWalletSelectorDesktop({
         ),
         (() => {
           const wcConnected = managerConnected && connectedVia === "walletconnect";
-          return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
             "div",
             {
               style: mergeStyles(
@@ -35764,7 +35816,7 @@ function SwapWalletSelectorDesktop({
               ),
               onClick: !wcConnected ? () => void handleWalletConnect() : void 0,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "div",
                   {
                     style: {
@@ -35777,7 +35829,7 @@ function SwapWalletSelectorDesktop({
                       justifyContent: "center",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                       "svg",
                       {
                         style: {
@@ -35787,13 +35839,13 @@ function SwapWalletSelectorDesktop({
                         },
                         viewBox: "0 0 24 24",
                         fill: "currentColor",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M6.09 10.56c3.26-3.2 8.56-3.2 11.82 0l.39.39a.4.4 0 010 .58l-1.34 1.31a.21.21 0 01-.3 0l-.54-.53c-2.28-2.23-5.97-2.23-8.24 0l-.58.56a.21.21 0 01-.3 0L5.66 11.6a.4.4 0 010-.58l.43-.46zm14.6 2.72l1.2 1.17a.4.4 0 010 .58l-5.38 5.27a.43.43 0 01-.6 0l-3.82-3.74a.11.11 0 00-.15 0l-3.82 3.74a.43.43 0 01-.6 0L2.15 15.03a.4.4 0 010-.58l1.2-1.17a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0z" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M6.09 10.56c3.26-3.2 8.56-3.2 11.82 0l.39.39a.4.4 0 010 .58l-1.34 1.31a.21.21 0 01-.3 0l-.54-.53c-2.28-2.23-5.97-2.23-8.24 0l-.58.56a.21.21 0 01-.3 0L5.66 11.6a.4.4 0 010-.58l.43-.46zm14.6 2.72l1.2 1.17a.4.4 0 010 .58l-5.38 5.27a.43.43 0 01-.6 0l-3.82-3.74a.11.11 0 00-.15 0l-3.82 3.74a.43.43 0 01-.6 0L2.15 15.03a.4.4 0 010-.58l1.2-1.17a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0l3.82 3.74c.04.04.1.04.15 0l3.82-3.74a.43.43 0 01.6 0z" })
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "p",
                     {
                       style: {
@@ -35803,7 +35855,7 @@ function SwapWalletSelectorDesktop({
                       children: "WalletConnect"
                     }
                   ),
-                  wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+                  wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
                     "p",
                     {
                       style: {
@@ -35818,7 +35870,7 @@ function SwapWalletSelectorDesktop({
                     }
                   )
                 ] }),
-                wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "div",
                   {
                     style: {
@@ -35831,7 +35883,7 @@ function SwapWalletSelectorDesktop({
                       flexShrink: 0
                     }
                   }
-                ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "button",
                   {
                     onClick: (e2) => {
@@ -35851,7 +35903,7 @@ function SwapWalletSelectorDesktop({
                     },
                     children: "Disconnect"
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "button",
                   {
                     onClick: (e2) => {
@@ -35881,7 +35933,7 @@ function SwapWalletSelectorDesktop({
     ] })
   ] });
 }
-var import_react49, import_jsx_runtime53;
+var import_react49, import_jsx_runtime54;
 var init_SwapWalletSelectorDesktop = __esm({
   "src/modes/swap/components/SwapWalletSelector/SwapWalletSelectorDesktop.tsx"() {
     "use strict";
@@ -35891,7 +35943,7 @@ var init_SwapWalletSelectorDesktop = __esm({
     init_wallets();
     init_config2();
     init_Toast();
-    import_jsx_runtime53 = require("react/jsx-runtime");
+    import_jsx_runtime54 = require("react/jsx-runtime");
   }
 });
 
@@ -35903,8 +35955,8 @@ function SwapWalletSelector({
   onBack
 }) {
   const isMobile = useIsMobile();
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
-    isMobile && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+    isMobile && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       SwapWalletSelectorMobile_default,
       {
         walletStatus,
@@ -35913,7 +35965,7 @@ function SwapWalletSelector({
         onBack
       }
     ),
-    !isMobile && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    !isMobile && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       SwapWalletSelectorDesktop,
       {
         walletStatus,
@@ -35924,14 +35976,14 @@ function SwapWalletSelector({
     )
   ] });
 }
-var import_jsx_runtime54, SwapWalletSelector_default;
+var import_jsx_runtime55, SwapWalletSelector_default;
 var init_SwapWalletSelector = __esm({
   "src/modes/swap/components/SwapWalletSelector/index.tsx"() {
     "use strict";
     init_detect();
     init_SwapWalletSelectorMobile();
     init_SwapWalletSelectorDesktop();
-    import_jsx_runtime54 = require("react/jsx-runtime");
+    import_jsx_runtime55 = require("react/jsx-runtime");
     SwapWalletSelector_default = SwapWalletSelector;
   }
 });
@@ -36017,7 +36069,7 @@ function getActiveStep(status) {
   }
 }
 function RateRow({ label, value }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
       style: {
@@ -36026,8 +36078,8 @@ function RateRow({ label, value }) {
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { color: colors.mutedForeground }, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value })
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { color: colors.mutedForeground }, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value })
       ]
     }
   );
@@ -36084,6 +36136,9 @@ function SwapMode({
   const settingsRef = (0, import_react50.useRef)(null);
   const currencyDropdownRef = (0, import_react50.useRef)(null);
   const { emitEvent } = useTrustware();
+  const { trackEvent } = useGTMTracker();
+  const initiatedAttemptRef = (0, import_react50.useRef)(null);
+  const completedAttemptRef = (0, import_react50.useRef)(null);
   const { features, theme: configTheme } = useTrustwareConfig();
   const effectiveThemeSetting = themeProp ?? configTheme ?? "system";
   const { resolvedTheme, toggleTheme } = useThemePreference(
@@ -36325,6 +36380,16 @@ function SwapMode({
   }, []);
   const handleExecute = (0, import_react50.useCallback)(async () => {
     if (!route.data) return;
+    const paymentParams = buildSwapPaymentParams({
+      fromChain,
+      fromToken,
+      toChain,
+      toToken,
+      domain: window.origin
+    });
+    if (claimAttemptOnce(initiatedAttemptRef, route.data)) {
+      trackEvent("payment_initiated", paymentParams);
+    }
     setStage("processing");
     const fromTokenAddress = fromToken?.address ?? fromToken?.address;
     const fromTokenDecimals = fromToken?.decimals ?? void 0;
@@ -36340,12 +36405,25 @@ function SwapMode({
       walletAddress ?? void 0,
       maxApproval,
       () => {
+        if (claimAttemptOnce(completedAttemptRef, routeToSend)) {
+          trackEvent("payment_completed", paymentParams);
+        }
         setCompletedAt(/* @__PURE__ */ new Date());
         setStage("success");
       },
       () => setStage("error")
     );
-  }, [route, execution, fromToken, walletAddress, maxApproval]);
+  }, [
+    route,
+    execution,
+    fromChain,
+    fromToken,
+    toChain,
+    toToken,
+    walletAddress,
+    maxApproval,
+    trackEvent
+  ]);
   const handleReset = (0, import_react50.useCallback)(() => {
     execution.reset();
     route.clear();
@@ -36692,7 +36770,7 @@ function SwapMode({
     return () => document.removeEventListener("mousedown", handler);
   }, [showCurrencyDropdown]);
   if (stage === "select-from") {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       SwapTokenSelect,
       {
         side: "from",
@@ -36710,7 +36788,7 @@ function SwapMode({
     ) });
   }
   if (stage === "select-to" && !lockDestToken) {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       SwapTokenSelect,
       {
         side: "to",
@@ -36729,8 +36807,8 @@ function SwapMode({
     ) });
   }
   if (stage === "connect-wallet") {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(WidgetContainer, { theme: resolvedTheme, style, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(WidgetContainer, { theme: resolvedTheme, style, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         SwapWalletSelector_default,
         {
           walletStatus,
@@ -36739,7 +36817,7 @@ function SwapMode({
           onBack: handleWalletConnected
         }
       ),
-      isConnected && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { padding: `0 ${spacing[4]} ${spacing[4]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      isConnected && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { padding: `0 ${spacing[4]} ${spacing[4]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "button",
         {
           onClick: () => setStage("home"),
@@ -36772,8 +36850,8 @@ function SwapMode({
     const offset = circ - progress / 100 * circ;
     const isApproving = txStatus === "approving";
     const title = isApproving ? "Approving..." : "Order Submitted";
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { padding: `${spacing[5]} ${spacing[6]} ${spacing[6]}` }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { padding: `${spacing[5]} ${spacing[6]} ${spacing[6]}` }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
         "div",
         {
           style: {
@@ -36783,7 +36861,7 @@ function SwapMode({
             marginBottom: spacing[5]
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
               "button",
               {
                 onClick: handleReset,
@@ -36798,7 +36876,7 @@ function SwapMode({
                   border: 0,
                   cursor: "pointer"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "svg",
                   {
                     style: {
@@ -36812,12 +36890,12 @@ function SwapMode({
                     strokeWidth: 2,
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M19 12H5m7-7-7 7 7 7" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M19 12H5m7-7-7 7 7 7" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
               "button",
               {
                 onClick: handleReset,
@@ -36834,7 +36912,7 @@ function SwapMode({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "h1",
         {
           style: {
@@ -36846,7 +36924,7 @@ function SwapMode({
           children: title
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
         "div",
         {
           style: {
@@ -36860,7 +36938,7 @@ function SwapMode({
             gap: spacing[5]
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
               "div",
               {
                 style: {
@@ -36872,14 +36950,14 @@ function SwapMode({
                   justifyContent: "center"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                     "svg",
                     {
                       width: ringSize,
                       height: ringSize,
                       style: { position: "absolute", inset: 0 },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -36890,7 +36968,7 @@ function SwapMode({
                             strokeWidth: ringStroke
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -36909,7 +36987,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                     "div",
                     {
                       style: {
@@ -36920,7 +36998,7 @@ function SwapMode({
                         textAlign: "center"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                           "span",
                           {
                             style: {
@@ -36933,7 +37011,7 @@ function SwapMode({
                             children: isApproving ? "Approving" : "Swapping"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                           "div",
                           {
                             style: {
@@ -36943,7 +37021,7 @@ function SwapMode({
                               gap: spacing[1.5]
                             },
                             children: [
-                              fromToken?.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                              fromToken?.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                 "img",
                                 {
                                   src: fromToken.iconUrl,
@@ -36954,7 +37032,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -36965,7 +37043,7 @@ function SwapMode({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                 "svg",
                                 {
                                   style: {
@@ -36979,10 +37057,10 @@ function SwapMode({
                                   strokeWidth: 2,
                                   strokeLinecap: "round",
                                   strokeLinejoin: "round",
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M5 12h14m-7-7 7 7-7 7" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M5 12h14m-7-7 7 7-7 7" })
                                 }
                               ),
-                              toToken?.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                              toToken?.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                 "img",
                                 {
                                   src: toToken.iconUrl,
@@ -36993,7 +37071,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -37007,7 +37085,7 @@ function SwapMode({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                           "span",
                           {
                             style: {
@@ -37019,7 +37097,7 @@ function SwapMode({
                             children: [
                               fromToken?.symbol,
                               " ",
-                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                 "span",
                                 {
                                   style: {
@@ -37034,7 +37112,7 @@ function SwapMode({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                           "span",
                           {
                             style: {
@@ -37054,7 +37132,7 @@ function SwapMode({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
               "div",
               {
                 style: {
@@ -37064,7 +37142,7 @@ function SwapMode({
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 0,
@@ -37073,8 +37151,8 @@ function SwapMode({
                       label: `Sending ${fromToken?.symbol ?? ""}`
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ProcessingStepLine, { done: activeStep > 0 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ProcessingStepLine, { done: activeStep > 0 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 1,
@@ -37083,8 +37161,8 @@ function SwapMode({
                       label: "Create Order"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ProcessingStepLine, { done: activeStep > 1 }),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ProcessingStepLine, { done: activeStep > 1 }),
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 2,
@@ -37103,7 +37181,7 @@ function SwapMode({
                 fromChainTxUrl
               );
               const isCopied = copiedHash === txHash;
-              return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -37112,7 +37190,7 @@ function SwapMode({
                     gap: spacing[3]
                   },
                   children: [
-                    explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "a",
                       {
                         href: explorerUrl,
@@ -37131,7 +37209,7 @@ function SwapMode({
                         },
                         children: [
                           "View transaction",
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                             "svg",
                             {
                               style: { width: "0.875rem", height: "0.875rem" },
@@ -37142,16 +37220,16 @@ function SwapMode({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("polyline", { points: "15 3 21 3 21 9" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                               ]
                             }
                           )
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "button",
                       {
                         onClick: () => handleCopyHash(txHash),
@@ -37168,11 +37246,11 @@ function SwapMode({
                           padding: 0,
                           transition: "color 0.15s"
                         },
-                        children: isCopied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+                        children: isCopied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
                           txHash.slice(0, 6),
                           "\u2026",
                           txHash.slice(-4),
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                             "svg",
                             {
                               style: { width: "0.875rem", height: "0.875rem" },
@@ -37183,7 +37261,7 @@ function SwapMode({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   "rect",
                                   {
                                     x: "9",
@@ -37194,7 +37272,7 @@ function SwapMode({
                                     ry: "2"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                               ]
                             }
                           )
@@ -37222,10 +37300,10 @@ function SwapMode({
       dateStyle: "medium",
       timeStyle: "short"
     }) ?? null;
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { position: "relative", overflow: "hidden" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react50.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ConfettiEffect3, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { padding: `${spacing[6]} ${spacing[6]} 0` }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { position: "relative", overflow: "hidden" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react50.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ConfettiEffect3, { isActive: true, pieceCount: 60, clearDelay: 4e3 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { padding: `${spacing[6]} ${spacing[6]} 0` }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
             style: {
@@ -37235,7 +37313,7 @@ function SwapMode({
               marginBottom: spacing[5]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "div",
                 {
                   style: {
@@ -37248,7 +37326,7 @@ function SwapMode({
                     justifyContent: "center",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                     "svg",
                     {
                       style: {
@@ -37262,12 +37340,12 @@ function SwapMode({
                       strokeWidth: 3,
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M20 6L9 17l-5-5" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M20 6L9 17l-5-5" })
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "h2",
                 {
                   style: {
@@ -37281,7 +37359,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
             style: {
@@ -37291,7 +37369,7 @@ function SwapMode({
               padding: spacing[5]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -37301,7 +37379,7 @@ function SwapMode({
                     fontSize: fontSize.sm
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "div",
                       {
                         style: {
@@ -37310,8 +37388,8 @@ function SwapMode({
                           gap: spacing[2]
                         },
                         children: [
-                          fromToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                          fromToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "img",
                               {
                                 src: fromToken.iconUrl,
@@ -37323,7 +37401,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            fromChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                            fromChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "img",
                               {
                                 src: fromChain.chainIconURI,
@@ -37341,11 +37419,11 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { color: colors.mutedForeground }, children: "You sold" })
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { color: colors.mutedForeground }, children: "You sold" })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "span",
                       {
                         style: {
@@ -37362,7 +37440,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -37373,7 +37451,7 @@ function SwapMode({
                     marginTop: spacing[3]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "div",
                       {
                         style: {
@@ -37382,8 +37460,8 @@ function SwapMode({
                           gap: spacing[2]
                         },
                         children: [
-                          toToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                          toToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "img",
                               {
                                 src: toToken.iconUrl,
@@ -37395,7 +37473,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            toChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                            toChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "img",
                               {
                                 src: toChain.chainIconURI,
@@ -37413,11 +37491,11 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { color: colors.mutedForeground }, children: "Received" })
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { color: colors.mutedForeground }, children: "Received" })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "span",
                       {
                         style: {
@@ -37434,7 +37512,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "div",
                 {
                   style: {
@@ -37444,7 +37522,7 @@ function SwapMode({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -37454,28 +37532,28 @@ function SwapMode({
                     fontSize: fontSize.sm
                   },
                   children: [
-                    fromUsd > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    fromUsd > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       SuccessReceiptRow,
                       {
                         label: "Value sold",
                         value: fmtLocal(fromUsd)
                       }
                     ),
-                    toUsd > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    toUsd > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       SuccessReceiptRow,
                       {
                         label: "Value received",
                         value: fmtLocal(toUsd)
                       }
                     ),
-                    effectiveRate && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    effectiveRate && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       SuccessReceiptRow,
                       {
                         label: "Effective rate",
                         value: effectiveRate
                       }
                     ),
-                    completedStr && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SuccessReceiptRow, { label: "Completed", value: completedStr }),
+                    completedStr && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SuccessReceiptRow, { label: "Completed", value: completedStr }),
                     txHash && (() => {
                       const srcUrl = buildExplorerUrl(
                         txHash,
@@ -37483,7 +37561,7 @@ function SwapMode({
                         fromChainTxUrl
                       );
                       const isCopied = copiedHash === txHash;
-                      return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                         "div",
                         {
                           style: {
@@ -37492,8 +37570,8 @@ function SwapMode({
                             justifyContent: "space-between"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { color: colors.mutedForeground }, children: destTxHash ? "Source tx" : "Transaction" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { color: colors.mutedForeground }, children: destTxHash ? "Source tx" : "Transaction" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                               "div",
                               {
                                 style: {
@@ -37502,7 +37580,7 @@ function SwapMode({
                                   gap: spacing[2]
                                 },
                                 children: [
-                                  srcUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                                  srcUrl && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                                     "a",
                                     {
                                       href: srcUrl,
@@ -37522,7 +37600,7 @@ function SwapMode({
                                         txHash.slice(0, 6),
                                         "\u2026",
                                         txHash.slice(-4),
-                                        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                                           "svg",
                                           {
                                             style: { width: "0.75rem", height: "0.75rem" },
@@ -37533,16 +37611,16 @@ function SwapMode({
                                             strokeLinecap: "round",
                                             strokeLinejoin: "round",
                                             children: [
-                                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("polyline", { points: "15 3 21 3 21 9" }),
-                                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+                                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                                             ]
                                           }
                                         )
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                     "button",
                                     {
                                       onClick: () => handleCopyHash(txHash),
@@ -37560,7 +37638,7 @@ function SwapMode({
                                         padding: 0,
                                         transition: "color 0.15s"
                                       },
-                                      children: isCopied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                                      children: isCopied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                                         "svg",
                                         {
                                           style: {
@@ -37574,7 +37652,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                               "rect",
                                               {
                                                 x: "9",
@@ -37585,7 +37663,7 @@ function SwapMode({
                                                 ry: "2"
                                               }
                                             ),
-                                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                                           ]
                                         }
                                       )
@@ -37605,7 +37683,7 @@ function SwapMode({
                         toChainTxUrl
                       );
                       const isCopied = copiedHash === destTxHash;
-                      return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                         "div",
                         {
                           style: {
@@ -37614,8 +37692,8 @@ function SwapMode({
                             justifyContent: "space-between"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { color: colors.mutedForeground }, children: "Destination tx" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { color: colors.mutedForeground }, children: "Destination tx" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                               "div",
                               {
                                 style: {
@@ -37624,7 +37702,7 @@ function SwapMode({
                                   gap: spacing[2]
                                 },
                                 children: [
-                                  destUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                                  destUrl && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                                     "a",
                                     {
                                       href: destUrl,
@@ -37644,7 +37722,7 @@ function SwapMode({
                                         destTxHash.slice(0, 6),
                                         "\u2026",
                                         destTxHash.slice(-4),
-                                        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                                        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                                           "svg",
                                           {
                                             style: { width: "0.75rem", height: "0.75rem" },
@@ -37655,16 +37733,16 @@ function SwapMode({
                                             strokeLinecap: "round",
                                             strokeLinejoin: "round",
                                             children: [
-                                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-                                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("polyline", { points: "15 3 21 3 21 9" }),
-                                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+                                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+                                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+                                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
                                             ]
                                           }
                                         )
                                       ]
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                     "button",
                                     {
                                       onClick: () => handleCopyHash(destTxHash),
@@ -37681,7 +37759,7 @@ function SwapMode({
                                         padding: 0,
                                         transition: "color 0.15s"
                                       },
-                                      children: isCopied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                                      children: isCopied ? "Copied!" : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                                         "svg",
                                         {
                                           style: {
@@ -37695,7 +37773,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                               "rect",
                                               {
                                                 x: "9",
@@ -37706,7 +37784,7 @@ function SwapMode({
                                                 ry: "2"
                                               }
                                             ),
-                                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+                                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
                                           ]
                                         }
                                       )
@@ -37726,7 +37804,7 @@ function SwapMode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
         "div",
         {
           style: {
@@ -37736,7 +37814,7 @@ function SwapMode({
             gap: spacing[2]
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
               "button",
               {
                 onClick: handleReset,
@@ -37754,7 +37832,7 @@ function SwapMode({
                 children: "Done"
               }
             ),
-            fromToken && toToken && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+            fromToken && toToken && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
               "button",
               {
                 onClick: handleSwapBack,
@@ -37783,7 +37861,7 @@ function SwapMode({
     ] }) });
   }
   if (stage === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       ErrorPage,
       {
         error: mapError(execution.errorMessage),
@@ -37795,7 +37873,7 @@ function SwapMode({
   if (stage === "review") {
     const reviewToAmount = toAmount ?? displayToAmount;
     const reviewToUsd = toUsd > 0 ? toUsd : displayToUsd;
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       "div",
       {
         style: {
@@ -37804,7 +37882,7 @@ function SwapMode({
           overflowY: "auto"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "div",
             {
               style: {
@@ -37814,7 +37892,7 @@ function SwapMode({
                 marginBottom: spacing[5]
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "span",
                   {
                     style: {
@@ -37825,7 +37903,7 @@ function SwapMode({
                     children: "You're swapping"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "button",
                   {
                     onClick: () => setStage("home"),
@@ -37840,7 +37918,7 @@ function SwapMode({
                       border: 0,
                       cursor: "pointer"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "svg",
                       {
                         style: {
@@ -37854,7 +37932,7 @@ function SwapMode({
                         strokeWidth: 2,
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M18 6L6 18M6 6l12 12" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M18 6L6 18M6 6l12 12" })
                       }
                     )
                   }
@@ -37862,7 +37940,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "div",
             {
               style: {
@@ -37871,8 +37949,8 @@ function SwapMode({
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                     "p",
                     {
                       style: {
@@ -37888,7 +37966,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                     "p",
                     {
                       style: {
@@ -37900,7 +37978,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                fromToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                fromToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   TokenIcon,
                   {
                     icon: fromToken.iconUrl,
@@ -37911,7 +37989,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "div",
             {
               style: {
@@ -37919,7 +37997,7 @@ function SwapMode({
                 justifyContent: "center",
                 margin: `${spacing[3]} 0`
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "svg",
                 {
                   style: {
@@ -37933,12 +38011,12 @@ function SwapMode({
                   strokeWidth: 2,
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M12 5v14m-7-7l7 7 7-7" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M12 5v14m-7-7l7 7 7-7" })
                 }
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "div",
             {
               style: {
@@ -37947,8 +38025,8 @@ function SwapMode({
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                     "p",
                     {
                       style: {
@@ -37964,7 +38042,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                     "p",
                     {
                       style: {
@@ -37976,7 +38054,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                toToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                toToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   TokenIcon,
                   {
                     icon: toToken.iconUrl,
@@ -37987,7 +38065,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "button",
             {
               onClick: () => setShowReviewDetails((v) => !v),
@@ -38006,13 +38084,13 @@ function SwapMode({
                 padding: 0
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                   "span",
                   {
                     style: {
@@ -38024,7 +38102,7 @@ function SwapMode({
                     },
                     children: [
                       showReviewDetails ? "Hide details" : "View details",
-                      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                         "svg",
                         {
                           style: {
@@ -38039,10 +38117,10 @@ function SwapMode({
                           strokeWidth: 2,
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M6 9l6 6 6-6" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M6 9l6 6 6-6" })
                         }
                       ),
-                      route.data && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                      route.data && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                         "svg",
                         {
                           width: "14",
@@ -38055,7 +38133,7 @@ function SwapMode({
                             marginLeft: "0.125rem"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "circle",
                               {
                                 cx: "7",
@@ -38066,7 +38144,7 @@ function SwapMode({
                                 strokeWidth: "1.5"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "circle",
                               {
                                 cx: "7",
@@ -38087,7 +38165,7 @@ function SwapMode({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
@@ -38096,7 +38174,7 @@ function SwapMode({
               ]
             }
           ),
-          showReviewDetails && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+          showReviewDetails && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "div",
             {
               style: {
@@ -38107,7 +38185,7 @@ function SwapMode({
                 marginBottom: spacing[2]
               },
               children: [
-                exchangeRate !== null && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                exchangeRate !== null && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   ReviewDetailRow,
                   {
                     label: "Rate",
@@ -38115,7 +38193,7 @@ function SwapMode({
                     value: `1 ${fromToken?.symbol} = ${fmtAmount(1 / (exchangeRate ?? 1), 4)} ${toToken?.symbol} ($${fmtAmount(fromTokenPriceUSD, 2)})`
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   ReviewDetailRow,
                   {
                     label: "Fee",
@@ -38123,12 +38201,12 @@ function SwapMode({
                     value: protocolFeeUsd !== null ? fmtLocal(protocolFeeUsd) : "Free"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   ReviewDetailRow,
                   {
                     label: "Network cost",
                     tooltip: "Estimated gas fee paid to the blockchain network",
-                    value: isGasSponsored ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    value: isGasSponsored ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "span",
                       {
                         style: {
@@ -38137,14 +38215,14 @@ function SwapMode({
                           gap: "0.25rem"
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GasIcon, { size: "0.875rem" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(GasIcon, { size: "0.875rem" }),
                           fmtLocal(networkCostUsd)
                         ]
                       }
                     ) : "\u2014"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   ReviewDetailRow,
                   {
                     label: "Max slippage",
@@ -38152,12 +38230,12 @@ function SwapMode({
                     value: `${slippage}%`
                   }
                 ),
-                (routePath || route.data?.route?.provider) && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                (routePath || route.data?.route?.provider) && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   ReviewDetailRow,
                   {
                     label: "Route",
                     tooltip: "Protocol or bridge used to execute your swap",
-                    value: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    value: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "span",
                       {
                         style: {
@@ -38177,7 +38255,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             SwapActionArea,
             {
               fromTokenSymbol: fromToken?.symbol ?? "",
@@ -38201,12 +38279,12 @@ function SwapMode({
   const ctaDisabled = !hasTokens || !hasAmount || insufficient || isConnected && needsDestAddress && !isValidDestAddress || route.loading || feesExceedOutput;
   const ctaAction = !isConnected ? handleConnectAndReview : () => void handleReview();
   const showRateRow = hasTokens && exchangeRate !== null;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(WidgetContainer, { theme: resolvedTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
       style: { display: "flex", flexDirection: "column", minHeight: "500px" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
             style: {
@@ -38217,7 +38295,7 @@ function SwapMode({
               marginBottom: spacing[1]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "span",
                 {
                   style: {
@@ -38231,7 +38309,7 @@ function SwapMode({
                   children: "Swap"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   ref: settingsRef,
@@ -38242,7 +38320,7 @@ function SwapMode({
                     position: "relative"
                   },
                   children: [
-                    walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "button",
                       {
                         onClick: handleConnectAndReview,
@@ -38259,7 +38337,7 @@ function SwapMode({
                           walletAddress.slice(-4)
                         ]
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "button",
                       {
                         onClick: handleConnectAndReview,
@@ -38274,7 +38352,7 @@ function SwapMode({
                         children: "Connect wallet"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "button",
                       {
                         onClick: () => setShowSettings((v) => !v),
@@ -38292,7 +38370,7 @@ function SwapMode({
                           color: colors.mutedForeground,
                           padding: 0
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                           "svg",
                           {
                             style: { width: "1rem", height: "1rem" },
@@ -38303,14 +38381,14 @@ function SwapMode({
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
+                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
                             ]
                           }
                         )
                       }
                     ),
-                    showSettings && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    showSettings && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "div",
                       {
                         style: {
@@ -38326,7 +38404,7 @@ function SwapMode({
                           zIndex: 100
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                             "p",
                             {
                               style: {
@@ -38340,7 +38418,7 @@ function SwapMode({
                               children: "Appearance"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                             "div",
                             {
                               style: {
@@ -38349,8 +38427,8 @@ function SwapMode({
                                 justifyContent: "space-between"
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                     "p",
                                     {
                                       style: {
@@ -38361,7 +38439,7 @@ function SwapMode({
                                       children: "Dark mode"
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                     "p",
                                     {
                                       style: {
@@ -38373,7 +38451,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   "button",
                                   {
                                     role: "switch",
@@ -38390,7 +38468,7 @@ function SwapMode({
                                       transition: "background-color 0.2s",
                                       flexShrink: 0
                                     },
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                       "span",
                                       {
                                         style: {
@@ -38411,7 +38489,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                             "p",
                             {
                               style: {
@@ -38425,8 +38503,8 @@ function SwapMode({
                               children: "Transaction Settings"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { marginBottom: spacing[4] }, children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { marginBottom: spacing[4] }, children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "p",
                               {
                                 style: {
@@ -38438,8 +38516,8 @@ function SwapMode({
                                 children: "Max slippage"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { display: "flex", gap: spacing[1.5] }, children: [
-                              [0.1, 0.5, 1].map((v) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { display: "flex", gap: spacing[1.5] }, children: [
+                              [0.1, 0.5, 1].map((v) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                                 "button",
                                 {
                                   onClick: () => {
@@ -38464,7 +38542,7 @@ function SwapMode({
                                 },
                                 v
                               )),
-                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { flex: 1.5, position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { flex: 1.5, position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                 "input",
                                 {
                                   type: "number",
@@ -38495,7 +38573,7 @@ function SwapMode({
                                 }
                               ) })
                             ] }),
-                            slippage > 5 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                            slippage > 5 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "p",
                               {
                                 style: {
@@ -38507,7 +38585,7 @@ function SwapMode({
                               }
                             )
                           ] }),
-                          canSetMaxApproval && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                          canSetMaxApproval && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { marginBottom: spacing[4] }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                             "div",
                             {
                               style: {
@@ -38516,8 +38594,8 @@ function SwapMode({
                                 justifyContent: "space-between"
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                     "p",
                                     {
                                       style: {
@@ -38528,7 +38606,7 @@ function SwapMode({
                                       children: "Max approval"
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                     "p",
                                     {
                                       style: {
@@ -38540,7 +38618,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   "button",
                                   {
                                     role: "switch",
@@ -38557,7 +38635,7 @@ function SwapMode({
                                       transition: "background-color 0.2s",
                                       flexShrink: 0
                                     },
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                       "span",
                                       {
                                         style: {
@@ -38578,7 +38656,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                             "div",
                             {
                               style: {
@@ -38588,7 +38666,7 @@ function SwapMode({
                                 gap: spacing[3]
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   "p",
                                   {
                                     style: {
@@ -38600,13 +38678,13 @@ function SwapMode({
                                     children: "Display currency"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                                   "div",
                                   {
                                     ref: currencyDropdownRef,
                                     style: { position: "relative", flexShrink: 0 },
                                     children: [
-                                      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                                         "button",
                                         {
                                           onClick: () => setShowCurrencyDropdown((v) => !v),
@@ -38626,9 +38704,9 @@ function SwapMode({
                                             whiteSpace: "nowrap"
                                           },
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: currencySymbol }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: selectedCurrency }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: currencySymbol }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: selectedCurrency }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                               "svg",
                                               {
                                                 style: {
@@ -38644,13 +38722,13 @@ function SwapMode({
                                                 strokeWidth: 2.5,
                                                 strokeLinecap: "round",
                                                 strokeLinejoin: "round",
-                                                children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M6 9l6 6 6-6" })
+                                                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M6 9l6 6 6-6" })
                                               }
                                             )
                                           ]
                                         }
                                       ),
-                                      showCurrencyDropdown && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                      showCurrencyDropdown && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                         "div",
                                         {
                                           style: {
@@ -38669,7 +38747,7 @@ function SwapMode({
                                           },
                                           children: SUPPORTED_CURRENCIES.map((c) => {
                                             const isSelected = selectedCurrency === c.code;
-                                            return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                                            return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                                               "button",
                                               {
                                                 onClick: () => {
@@ -38692,7 +38770,7 @@ function SwapMode({
                                                   fontFamily: "inherit"
                                                 },
                                                 children: [
-                                                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                                     "span",
                                                     {
                                                       style: {
@@ -38703,8 +38781,8 @@ function SwapMode({
                                                       children: c.symbol
                                                     }
                                                   ),
-                                                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { flexShrink: 0 }, children: c.code }),
-                                                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { flexShrink: 0 }, children: c.code }),
+                                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                                     "span",
                                                     {
                                                       style: {
@@ -38739,7 +38817,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { padding: `0 ${spacing[3]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { padding: `0 ${spacing[3]}` }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
             onMouseEnter: () => setHoverSell(true),
@@ -38751,7 +38829,7 @@ function SwapMode({
               padding: `${spacing[4]} ${spacing[5]} ${spacing[5]}`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -38761,7 +38839,7 @@ function SwapMode({
                     marginBottom: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "span",
                       {
                         style: {
@@ -38772,7 +38850,7 @@ function SwapMode({
                         children: "Sell"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "div",
                       {
                         style: {
@@ -38783,7 +38861,7 @@ function SwapMode({
                           transition: "opacity 0.2s",
                           pointerEvents: hoverSell && fromBalance !== null ? "auto" : "none"
                         },
-                        children: PERCENT_OPTIONS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        children: PERCENT_OPTIONS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                           "button",
                           {
                             onClick: () => {
@@ -38839,12 +38917,12 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: { display: "flex", alignItems: "center", gap: spacing[3] },
                   children: [
-                    amountInputMode === "usd" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    amountInputMode === "usd" && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "span",
                       {
                         style: {
@@ -38859,7 +38937,7 @@ function SwapMode({
                         children: currencySymbol
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "input",
                       {
                         inputMode: "decimal",
@@ -38885,22 +38963,7 @@ function SwapMode({
                         }
                       }
                     ),
-                    amountInputMode === "token" && fromToken && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-                      "span",
-                      {
-                        style: {
-                          fontSize: scaleFontSize(amount || "0"),
-                          fontWeight: fontWeight.medium,
-                          letterSpacing: "-0.02em",
-                          color: amount ? colors.foreground : `${colors.mutedForeground}80`,
-                          transition: "font-size 0.15s ease",
-                          flexShrink: 0,
-                          userSelect: "none"
-                        },
-                        children: fromToken.symbol
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       TokenPillButton,
                       {
                         token: fromToken,
@@ -38912,7 +38975,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -38924,7 +38987,7 @@ function SwapMode({
                     color: colors.mutedForeground
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -38942,8 +39005,8 @@ function SwapMode({
                           fontFamily: "inherit"
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: amountInputMode === "usd" ? fromToken ? `${fmtAmount(tokenSellNum, 5)} ${fromToken.symbol}` : "0" : hasFromUsdPrice ? fmtLocal(usdSellNum) : "USD pricing unavailable" }),
-                          hasFromUsdPrice && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: amountInputMode === "usd" ? fromToken ? `${fmtAmount(tokenSellNum, 5)} ${fromToken.symbol}` : "0" : hasFromUsdPrice ? fmtLocal(usdSellNum) : "USD pricing unavailable" }),
+                          hasFromUsdPrice && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                             "svg",
                             {
                               style: { width: "0.75rem", height: "0.75rem" },
@@ -38953,17 +39016,17 @@ function SwapMode({
                               strokeWidth: 2,
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" })
                             }
                           )
                         ]
                       }
                     ),
-                    fromBalance !== null && fromToken && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { children: [
+                    fromBalance !== null && fromToken && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { children: [
                       fmtAmount(fromBalance, 6),
                       " ",
                       fromToken.symbol,
-                      balanceUsd !== null && balanceUsd > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { children: [
+                      balanceUsd !== null && balanceUsd > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { children: [
                         " \u2248 ",
                         fmtLocal(balanceUsd)
                       ] })
@@ -38974,7 +39037,7 @@ function SwapMode({
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { position: "relative", height: 0, zIndex: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { position: "relative", height: 0, zIndex: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "button",
           {
             onClick: handleFlip,
@@ -38995,7 +39058,7 @@ function SwapMode({
               cursor: lockDestToken ? "default" : "pointer",
               opacity: lockDestToken ? 0.4 : 1
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
               "svg",
               {
                 style: {
@@ -39007,7 +39070,7 @@ function SwapMode({
                 fill: "none",
                 stroke: "currentColor",
                 strokeWidth: 2,
-                children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "path",
                   {
                     strokeLinecap: "round",
@@ -39019,7 +39082,7 @@ function SwapMode({
             )
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { padding: `0 ${spacing[3]}`, marginTop: spacing[3] }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { padding: `0 ${spacing[3]}`, marginTop: spacing[3] }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
             style: {
@@ -39028,7 +39091,7 @@ function SwapMode({
               padding: `${spacing[5]} ${spacing[5]} ${spacing[5]}`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "span",
                 {
                   style: {
@@ -39039,7 +39102,7 @@ function SwapMode({
                   children: "Buy"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -39049,7 +39112,7 @@ function SwapMode({
                     marginTop: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "div",
                       {
                         style: {
@@ -39062,7 +39125,7 @@ function SwapMode({
                         },
                         children: displayToAmount !== null ? (() => {
                           const s = `${isEstimate ? "~" : ""}${fmtAmount(displayToAmount, 5)}`;
-                          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                             "span",
                             {
                               style: {
@@ -39073,7 +39136,7 @@ function SwapMode({
                               children: s
                             }
                           );
-                        })() : route.loading ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        })() : route.loading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                           "span",
                           {
                             style: {
@@ -39083,7 +39146,7 @@ function SwapMode({
                             },
                             children: "\u2026"
                           }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                           "span",
                           {
                             style: {
@@ -39096,7 +39159,7 @@ function SwapMode({
                       },
                       rateUpdated ? "flash" : "stable"
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       TokenPillButton,
                       {
                         token: toToken,
@@ -39110,7 +39173,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -39122,8 +39185,8 @@ function SwapMode({
                     color: colors.mutedForeground
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: displayToUsd > 0 ? `${isEstimate ? "~" : ""}${fmtLocal(displayToUsd)}` : "" }),
-                    priceImpact !== null && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: displayToUsd > 0 ? `${isEstimate ? "~" : ""}${fmtLocal(displayToUsd)}` : "" }),
+                    priceImpact !== null && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "span",
                       {
                         style: {
@@ -39144,7 +39207,7 @@ function SwapMode({
                   ]
                 }
               ),
-              needsDestAddress && toChain && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              needsDestAddress && toChain && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -39153,7 +39216,7 @@ function SwapMode({
                     borderTop: "1px solid hsl(var(--tw-border))"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "p",
                       {
                         style: {
@@ -39168,8 +39231,8 @@ function SwapMode({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { position: "relative" }, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { position: "relative" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                         "input",
                         {
                           type: "text",
@@ -39192,7 +39255,7 @@ function SwapMode({
                           }
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                         "button",
                         {
                           type: "button",
@@ -39218,7 +39281,7 @@ function SwapMode({
                         }
                       )
                     ] }),
-                    destAddress && !isValidDestAddress && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    destAddress && !isValidDestAddress && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "p",
                       {
                         style: {
@@ -39239,7 +39302,7 @@ function SwapMode({
             ]
           }
         ) }),
-        route.error && !route.loading && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        route.error && !route.loading && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "p",
           {
             style: {
@@ -39252,7 +39315,7 @@ function SwapMode({
             children: mapError(route.error).message
           }
         ),
-        route.loading && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        route.loading && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
             style: {
@@ -39264,13 +39327,13 @@ function SwapMode({
               padding: `0 ${spacing[3]}`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "svg",
                 {
                   className: "tw-animate-spin",
                   style: { width: "0.875rem", height: "0.875rem", flexShrink: 0 },
                   viewBox: "0 0 88 88",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                     "circle",
                     {
                       cx: "44",
@@ -39285,7 +39348,7 @@ function SwapMode({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "span",
                 {
                   style: {
@@ -39300,7 +39363,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { padding: `${spacing[2]} ${spacing[3]} 0` }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: { padding: `${spacing[2]} ${spacing[3]} 0` }, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "button",
           {
             disabled: ctaDisabled,
@@ -39329,7 +39392,7 @@ function SwapMode({
             children: ctaLabel
           }
         ) }),
-        showRateRow && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        showRateRow && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
             style: {
@@ -39339,7 +39402,7 @@ function SwapMode({
               color: colors.mutedForeground
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "button",
                 {
                   onClick: () => setShowRateDetails((v) => !v),
@@ -39357,7 +39420,7 @@ function SwapMode({
                     padding: `${spacing[1]} 0`
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { style: { flex: 1, textAlign: "left" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { style: { flex: 1, textAlign: "left" }, children: [
                       "1 ",
                       toToken?.symbol,
                       " = ",
@@ -39365,7 +39428,7 @@ function SwapMode({
                       " ",
                       fromToken?.symbol
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "span",
                       {
                         style: {
@@ -39375,15 +39438,15 @@ function SwapMode({
                           flexShrink: 0
                         },
                         children: [
-                          !isGasSponsored && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GasIcon, {}),
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                          !isGasSponsored && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(GasIcon, {}),
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                             "span",
                             {
                               style: isGasSponsored ? { color: colors.green[500] } : void 0,
                               children: isGasSponsored ? "\u2726 Sponsored" : networkCostUsd !== null ? fmtLocal(networkCostUsd) : "\u2014"
                             }
                           ),
-                          route.data && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                          route.data && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                             "svg",
                             {
                               width: "14",
@@ -39395,7 +39458,7 @@ function SwapMode({
                                 opacity: 0.75
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   "circle",
                                   {
                                     cx: "7",
@@ -39406,7 +39469,7 @@ function SwapMode({
                                     strokeWidth: "1.5"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   "circle",
                                   {
                                     cx: "7",
@@ -39424,7 +39487,7 @@ function SwapMode({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                             "svg",
                             {
                               style: {
@@ -39439,7 +39502,7 @@ function SwapMode({
                               strokeWidth: 2,
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M6 9l6 6 6-6" })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M6 9l6 6 6-6" })
                             }
                           )
                         ]
@@ -39448,7 +39511,7 @@ function SwapMode({
                   ]
                 }
               ),
-              showRateDetails && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              showRateDetails && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -39460,18 +39523,18 @@ function SwapMode({
                     gap: spacing[2.5]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       RateRow,
                       {
                         label: "Fee",
                         value: protocolFeeUsd !== null ? fmtLocal(protocolFeeUsd) : "Free"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       RateRow,
                       {
                         label: "Network cost",
-                        value: isGasSponsored ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                        value: isGasSponsored ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SponsoredBadge, {}) : networkCostUsd !== null ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                           "span",
                           {
                             style: {
@@ -39480,19 +39543,19 @@ function SwapMode({
                               gap: "0.25rem"
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GasIcon, { size: "0.75rem" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(GasIcon, { size: "0.75rem" }),
                               fmtLocal(networkCostUsd)
                             ]
                           }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(RateRow, { label: "Max slippage", value: `${slippage}%` }),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(RateRow, { label: "Max slippage", value: `${slippage}%` }),
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       RateRow,
                       {
                         label: "Route",
-                        value: routePath ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        value: routePath ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                           "span",
                           {
                             style: {
@@ -39506,7 +39569,7 @@ function SwapMode({
                             title: routePath,
                             children: routePath
                           }
-                        ) : route.data?.route?.provider ?? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
+                        ) : route.data?.route?.provider ?? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { color: colors.mutedForeground }, children: "Available after quote" })
                       }
                     )
                   ]
@@ -39515,7 +39578,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(WidgetSecurityFooter, {})
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(WidgetSecurityFooter, {})
       ]
     }
   ) });
@@ -39550,8 +39613,8 @@ function SwapActionArea({
     label = "Swap";
   }
   const isDisabled = isSubmitting || isChecking || isQuoteRefreshing || !hasQuote;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { marginTop: spacing[6] }, children: [
-    isGasSponsored && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { marginTop: spacing[6] }, children: [
+    isGasSponsored && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       "div",
       {
         style: {
@@ -39562,7 +39625,7 @@ function SwapActionArea({
           marginBottom: spacing[3]
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "svg",
             {
               style: {
@@ -39572,10 +39635,10 @@ function SwapActionArea({
               },
               viewBox: "0 0 24 24",
               fill: "currentColor",
-              children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "span",
             {
               style: {
@@ -39589,8 +39652,8 @@ function SwapActionArea({
         ]
       }
     ),
-    quoteUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    quoteUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "p",
         {
           style: {
@@ -39602,7 +39665,7 @@ function SwapActionArea({
           children: quoteError ?? "This quote expired."
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "button",
         {
           onClick: onRetryQuote,
@@ -39620,7 +39683,7 @@ function SwapActionArea({
           children: "Get a new quote"
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "button",
       {
         onClick: onExecute,
@@ -39643,7 +39706,7 @@ function SwapActionArea({
         children: label
       }
     ),
-    needsApproval && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    needsApproval && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       "p",
       {
         style: {
@@ -39675,7 +39738,7 @@ function TokenPillButton({
   const iconUrl = token?.iconUrl ?? token?.logoURI;
   const chainIcon = chain?.chainIconURI;
   if (!token) {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       "button",
       {
         onClick: disabled ? void 0 : onClick,
@@ -39698,7 +39761,7 @@ function TokenPillButton({
         },
         children: [
           placeholder,
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "svg",
             {
               style: { width: "1rem", height: "1rem" },
@@ -39706,7 +39769,7 @@ function TokenPillButton({
               fill: "none",
               stroke: "currentColor",
               strokeWidth: 2,
-              children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -39720,7 +39783,7 @@ function TokenPillButton({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "button",
     {
       onClick: disabled ? void 0 : onClick,
@@ -39740,8 +39803,8 @@ function TokenPillButton({
         opacity: disabled ? 0.85 : 1
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { position: "relative" }, children: [
-          iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { position: "relative" }, children: [
+          iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "img",
             {
               src: iconUrl,
@@ -39753,7 +39816,7 @@ function TokenPillButton({
                 objectFit: "cover"
               }
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "div",
             {
               style: {
@@ -39765,7 +39828,7 @@ function TokenPillButton({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "span",
                 {
                   style: {
@@ -39778,7 +39841,7 @@ function TokenPillButton({
               )
             }
           ),
-          chainIcon && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          chainIcon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "img",
             {
               src: chainIcon,
@@ -39796,7 +39859,7 @@ function TokenPillButton({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "span",
           {
             style: {
@@ -39807,7 +39870,7 @@ function TokenPillButton({
             children: token.symbol
           }
         ),
-        !disabled && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        !disabled && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "svg",
           {
             style: {
@@ -39819,7 +39882,7 @@ function TokenPillButton({
             fill: "none",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
               "path",
               {
                 strokeLinecap: "round",
@@ -39840,8 +39903,8 @@ function TokenIcon({
 }) {
   const imgSize = size === "lg" ? "2.75rem" : "2.5rem";
   const badgeSize = size === "lg" ? "1.125rem" : "1rem";
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: { position: "relative", flexShrink: 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "img",
       {
         src: icon,
@@ -39849,7 +39912,7 @@ function TokenIcon({
         style: { width: imgSize, height: imgSize, borderRadius: "9999px" }
       }
     ),
-    chainIcon && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    chainIcon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "img",
       {
         src: chainIcon,
@@ -39881,7 +39944,7 @@ function ReviewDetailRow({
     setTipPos({ x: r.left + r.width / 2, y: r.top - 8 });
   };
   const handleMouseLeave = () => setTipPos(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
       style: {
@@ -39890,7 +39953,7 @@ function ReviewDetailRow({
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "span",
           {
             style: {
@@ -39901,14 +39964,14 @@ function ReviewDetailRow({
             },
             children: [
               label,
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "span",
                 {
                   ref: iconRef,
                   style: { display: "inline-flex", alignItems: "center" },
                   onMouseEnter: handleMouseEnter,
                   onMouseLeave: handleMouseLeave,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                     "svg",
                     {
                       style: {
@@ -39924,8 +39987,8 @@ function ReviewDetailRow({
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M12 16v-4M12 8h.01" })
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M12 16v-4M12 8h.01" })
                       ]
                     }
                   )
@@ -39934,9 +39997,9 @@ function ReviewDetailRow({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { color: colors.foreground, fontWeight: fontWeight.medium }, children: value }),
         tooltip && tipPos && typeof document !== "undefined" && import_react_dom.default.createPortal(
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "span",
             {
               style: {
@@ -39965,7 +40028,7 @@ function ReviewDetailRow({
   );
 }
 function GasIcon({ size = "0.875rem" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "svg",
     {
       style: { width: size, height: size, flexShrink: 0 },
@@ -39976,16 +40039,16 @@ function GasIcon({ size = "0.875rem" }) {
       strokeLinecap: "round",
       strokeLinejoin: "round",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M3 22V7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v15" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M3 11h11" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M17 5h1a2 2 0 0 1 2 2v2.5a1.5 1.5 0 0 0 3 0V7l-3-3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M19 22V12" })
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M3 22V7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v15" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M3 11h11" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M17 5h1a2 2 0 0 1 2 2v2.5a1.5 1.5 0 0 0 3 0V7l-3-3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M19 22V12" })
       ]
     }
   );
 }
 function SponsoredBadge() {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "span",
     {
       style: {
@@ -39996,13 +40059,13 @@ function SponsoredBadge() {
         fontWeight: fontWeight.medium
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "svg",
           {
             style: { width: "0.75rem", height: "0.75rem" },
             viewBox: "0 0 24 24",
             fill: "currentColor",
-            children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M12 2l2.09 6.26L20 10l-5.91 1.74L12 18l-2.09-6.26L4 10l5.91-1.74z" })
           }
         ),
         "Sponsored"
@@ -40014,7 +40077,7 @@ function SuccessReceiptRow({
   label,
   value
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
       style: {
@@ -40023,8 +40086,8 @@ function SuccessReceiptRow({
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { color: colors.mutedForeground }, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { style: { fontWeight: fontWeight.medium, color: colors.foreground }, children: value })
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { color: colors.mutedForeground }, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { fontWeight: fontWeight.medium, color: colors.foreground }, children: value })
       ]
     }
   );
@@ -40038,7 +40101,7 @@ function ProcessingStepNode({
   const nodeColor = done ? colors.green[500] : active ? `hsl(var(--tw-primary))` : colors.border;
   const iconColor = done ? "#fff" : active ? `hsl(var(--tw-primary))` : colors.mutedForeground;
   const nodeBg = done ? colors.green[500] : "transparent";
-  const iconEl = icon === "send" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  const iconEl = icon === "send" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: iconColor },
@@ -40048,9 +40111,9 @@ function ProcessingStepNode({
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" })
     }
-  ) : icon === "plus" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  ) : icon === "plus" ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: iconColor },
@@ -40060,9 +40123,9 @@ function ProcessingStepNode({
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M12 5v14M5 12h14" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M12 5v14M5 12h14" })
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: iconColor },
@@ -40073,12 +40136,12 @@ function ProcessingStepNode({
       strokeLinecap: "round",
       strokeLinejoin: "round",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("line", { x1: "4", y1: "22", x2: "4", y2: "15" })
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("line", { x1: "4", y1: "22", x2: "4", y2: "15" })
       ]
     }
   );
-  const doneIcon = /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  const doneIcon = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "svg",
     {
       style: { width: "0.875rem", height: "0.875rem", color: "#fff" },
@@ -40088,10 +40151,10 @@ function ProcessingStepNode({
       strokeWidth: 3,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M20 6L9 17l-5-5" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M20 6L9 17l-5-5" })
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
       style: {
@@ -40102,7 +40165,7 @@ function ProcessingStepNode({
         maxWidth: "5rem"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "div",
           {
             style: {
@@ -40120,7 +40183,7 @@ function ProcessingStepNode({
             children: done ? doneIcon : iconEl
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "span",
           {
             style: {
@@ -40139,7 +40202,7 @@ function ProcessingStepNode({
   );
 }
 function ProcessingStepLine({ done }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       style: {
@@ -40153,7 +40216,7 @@ function ProcessingStepLine({ done }) {
     }
   );
 }
-var import_react50, import_react_dom, import_jsx_runtime55, ConfettiEffect3, QUOTE_TTL, QUOTE_LOADING_MESSAGES, PERCENT_OPTIONS;
+var import_react50, import_react_dom, import_jsx_runtime56, ConfettiEffect3, QUOTE_TTL, QUOTE_LOADING_MESSAGES, PERCENT_OPTIONS;
 var init_SwapMode = __esm({
   "src/modes/swap/SwapMode.tsx"() {
     "use strict";
@@ -40176,11 +40239,12 @@ var init_SwapMode = __esm({
     init_useSwapRoute();
     init_useSwapExecution();
     init_walletBalance();
+    init_analytics();
     init_useForex();
     init_SwapTokenSelect();
     init_currency();
     init_components2();
-    import_jsx_runtime55 = require("react/jsx-runtime");
+    import_jsx_runtime56 = require("react/jsx-runtime");
     ConfettiEffect3 = (0, import_react50.lazy)(
       () => Promise.resolve().then(() => (init_ConfettiEffect(), ConfettiEffect_exports))
     );
@@ -40242,9 +40306,9 @@ function WidgetContent({
     transactionStatus,
     onStateChange
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { style: mergeStyles(widgetContentContainerStyle, style), children: [
-    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { style: mergeStyles(widgetContentContainerStyle, style), children: [
+    showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { style: themeToggleContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ThemeToggle, { theme: resolvedTheme, onToggle: toggleTheme }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       WidgetRouter,
       {
         currentStep,
@@ -40266,7 +40330,6 @@ function WidgetInner({
   const { resolvedTheme } = useDepositUi();
   const { status, revalidate, errors } = useTrustware();
   const [showConfirmDialog, setShowConfirmDialog] = (0, import_react51.useState)(false);
-  useGTM(GTM_ID);
   const handleCloseRequest = (0, import_react51.useCallback)(() => {
     if (ACTIVE_TRANSACTION_STATUSES.includes(transactionStatus)) {
       setShowConfirmDialog(true);
@@ -40294,16 +40357,16 @@ function WidgetInner({
   const handleRefresh = (0, import_react51.useCallback)(() => {
     revalidate?.();
   }, [revalidate]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(WidgetContainer, { theme: effectiveTheme, style, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(WidgetContainer, { theme: effectiveTheme, style, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         WidgetContent,
         {
           onStateChange,
           showThemeToggle
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         InitErrorOverlay,
         {
           open: initBlocked,
@@ -40314,7 +40377,7 @@ function WidgetInner({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       ConfirmCloseDialog,
       {
         open: showConfirmDialog,
@@ -40325,7 +40388,7 @@ function WidgetInner({
     )
   ] });
 }
-var import_react51, import_jsx_runtime56, widgetContentContainerStyle, themeToggleContainerStyle, TrustwareWidgetV2;
+var import_react51, import_jsx_runtime57, widgetContentContainerStyle, themeToggleContainerStyle, TrustwareWidgetV2;
 var init_TrustwareWidgetV2 = __esm({
   "src/widget/TrustwareWidgetV2.tsx"() {
     "use strict";
@@ -40341,10 +40404,9 @@ var init_TrustwareWidgetV2 = __esm({
     init_provider();
     init_manager();
     init_useTrustwareConfig();
-    init_hooks();
-    init_constants();
+    init_WidgetAnalytics();
     init_swap();
-    import_jsx_runtime56 = require("react/jsx-runtime");
+    import_jsx_runtime57 = require("react/jsx-runtime");
     widgetContentContainerStyle = {
       position: "relative",
       width: "100%",
@@ -40398,10 +40460,10 @@ var init_TrustwareWidgetV2 = __esm({
       if (!isOpen) {
         return null;
       }
-      if (config.mode === "swap") {
-        return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(SwapMode, { theme, style });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(WidgetAnalytics, { children: config.mode === "swap" ? (
+        // Swap Mode bypasses DepositProvider — fully standalone
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SwapMode, { theme, style })
+      ) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DepositProvider, { initialStep: effectiveInitialStep, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         WidgetInner,
         {
           theme,
@@ -40410,7 +40472,7 @@ var init_TrustwareWidgetV2 = __esm({
           closeRequestRef,
           showThemeToggle
         }
-      ) });
+      ) }) });
     });
   }
 });