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

package/dist/index.cjs

@@ -572,7 +572,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";
@@ -9805,7 +9805,6 @@ function useGTMTracker() {
   return { trackEvent, trackPageView, setUserProperty, directGtag };
 }
 function useGTM(gtmId) {
-  const scriptRef = (0, import_react15.useRef)(null);
   const tracker = useGTMTracker();
   (0, import_react15.useEffect)(() => {
     if (!isGA4Allowed()) {
@@ -9820,14 +9819,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({
@@ -9839,15 +9848,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_react15.useCallback)(() => {
     if (!isGA4Allowed()) return;
@@ -9865,13 +9868,15 @@ function useGTM(gtmId) {
   }, [gtmId]);
   return { ...tracker, addNoscriptIframe };
 }
-var import_react15, isContainerInitialized;
+var import_react15, isContainerInitialized, containerRefCount, injectedScript;
 var init_useGTM = __esm({
   "src/hooks/useGTM.ts"() {
     "use strict";
     import_react15 = require("react");
     init_core2();
     isContainerInitialized = false;
+    containerRefCount = 0;
+    injectedScript = null;
   }
 });
 
@@ -33864,6 +33869,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)({
@@ -34424,6 +34446,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;
@@ -34619,7 +34671,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: {
@@ -34629,7 +34681,7 @@ function SwapTokenSelect({
         maxHeight: "70vh"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
           "div",
           {
             style: {
@@ -34639,7 +34691,7 @@ function SwapTokenSelect({
               borderBottom: `1px solid ${colors.border}`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 "button",
                 {
                   type: "button",
@@ -34653,7 +34705,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: {
@@ -34665,7 +34717,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",
@@ -34677,7 +34729,7 @@ function SwapTokenSelect({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 "h1",
                 {
                   style: {
@@ -34694,8 +34746,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,
@@ -34706,7 +34758,7 @@ function SwapTokenSelect({
               popularChains
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             TokenSelectorPanel,
             {
               filteredTokens: visibleTokens,
@@ -34725,12 +34777,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";
@@ -34740,7 +34792,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");
   }
 });
 
@@ -34940,7 +34992,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: {
@@ -34949,7 +35001,7 @@ function SwapWalletSelectorMobile({
         height: "100%"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
           "div",
           {
             style: {
@@ -34959,7 +35011,7 @@ function SwapWalletSelectorMobile({
               borderBottom: `1px solid ${colors.border}`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 "button",
                 {
                   type: "button",
@@ -34972,7 +35024,7 @@ function SwapWalletSelectorMobile({
                     border: 0,
                     cursor: "pointer"
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                     "svg",
                     {
                       style: {
@@ -34984,7 +35036,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",
@@ -34996,7 +35048,7 @@ function SwapWalletSelectorMobile({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 "h1",
                 {
                   style: {
@@ -35009,11 +35061,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: {
@@ -35024,7 +35076,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),
@@ -35048,7 +35100,7 @@ function SwapWalletSelectorMobile({
             ))
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
           "div",
           {
             style: {
@@ -35057,9 +35109,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: {
@@ -35071,7 +35123,7 @@ function SwapWalletSelectorMobile({
                     children: "No Wallets Found"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                   "p",
                   {
                     style: {
@@ -35082,7 +35134,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/",
@@ -35103,7 +35155,7 @@ function SwapWalletSelectorMobile({
                     children: "Install MetaMask"
                   }
                 )
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                 "div",
                 {
                   style: {
@@ -35116,7 +35168,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(
@@ -35137,7 +35189,7 @@ function SwapWalletSelectorMobile({
                           isRowDisabled && { opacity: 0.4 }
                         ),
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                             "div",
                             {
                               style: {
@@ -35151,7 +35203,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,
@@ -35162,11 +35214,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: {
@@ -35176,7 +35228,7 @@ function SwapWalletSelectorMobile({
                                 children: meta.name
                               }
                             ),
-                            isWalletConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+                            isWalletConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                               "p",
                               {
                                 style: {
@@ -35191,7 +35243,7 @@ function SwapWalletSelectorMobile({
                               }
                             )
                           ] }),
-                          isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                          isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                             "div",
                             {
                               style: {
@@ -35204,7 +35256,7 @@ function SwapWalletSelectorMobile({
                                 flexShrink: 0
                               }
                             }
-                          ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                          ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                             "button",
                             {
                               onClick: handleDisconnect,
@@ -35221,7 +35273,7 @@ function SwapWalletSelectorMobile({
                               },
                               children: "Disconnect"
                             }
-                          ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                          ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                             "button",
                             {
                               onClick: () => void handleClick(entry),
@@ -35253,8 +35305,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: {
@@ -35267,7 +35319,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(
@@ -35290,7 +35342,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: {
@@ -35303,7 +35355,7 @@ function SwapWalletSelectorMobile({
                               justifyContent: "center",
                               flexShrink: 0
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                               "svg",
                               {
                                 style: {
@@ -35313,13 +35365,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: {
@@ -35329,7 +35381,7 @@ function SwapWalletSelectorMobile({
                               children: "WalletConnect"
                             }
                           ),
-                          wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+                          wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
                             "p",
                             {
                               style: {
@@ -35344,7 +35396,7 @@ function SwapWalletSelectorMobile({
                             }
                           )
                         ] }),
-                        wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                        wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                           "div",
                           {
                             style: {
@@ -35357,7 +35409,7 @@ function SwapWalletSelectorMobile({
                               flexShrink: 0
                             }
                           }
-                        ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                        ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                           "button",
                           {
                             onClick: (e2) => {
@@ -35377,7 +35429,7 @@ function SwapWalletSelectorMobile({
                             },
                             children: "Disconnect"
                           }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
                           "button",
                           {
                             onClick: (e2) => {
@@ -35417,7 +35469,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";
@@ -35428,7 +35480,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;
   }
 });
@@ -35526,8 +35578,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: {
@@ -35537,7 +35589,7 @@ function SwapWalletSelectorDesktop({
           borderBottom: `1px solid ${colors.border}`
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "button",
             {
               type: "button",
@@ -35550,7 +35602,7 @@ function SwapWalletSelectorDesktop({
                 border: 0,
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 "svg",
                 {
                   style: {
@@ -35562,7 +35614,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",
@@ -35574,7 +35626,7 @@ function SwapWalletSelectorDesktop({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "h1",
             {
               style: {
@@ -35587,7 +35639,7 @@ function SwapWalletSelectorDesktop({
               children: "Connect Wallet"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "div",
             {
               style: {
@@ -35598,7 +35650,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),
@@ -35624,8 +35676,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: {
@@ -35634,7 +35686,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: {
@@ -35647,7 +35699,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: {
@@ -35658,7 +35710,7 @@ function SwapWalletSelectorDesktop({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "div",
                     {
                       style: {
@@ -35673,7 +35725,7 @@ function SwapWalletSelectorDesktop({
               },
               i
             )),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "p",
               {
                 style: {
@@ -35687,9 +35739,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: {
@@ -35701,7 +35753,7 @@ function SwapWalletSelectorDesktop({
             children: "No Wallets Found"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "p",
           {
             style: {
@@ -35712,7 +35764,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/",
@@ -35733,7 +35785,7 @@ function SwapWalletSelectorDesktop({
             children: "Install MetaMask"
           }
         )
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         "div",
         {
           style: {
@@ -35744,7 +35796,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(
@@ -35764,7 +35816,7 @@ function SwapWalletSelectorDesktop({
                   }
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "div",
                     {
                       style: {
@@ -35778,7 +35830,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,
@@ -35789,7 +35841,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,
@@ -35800,11 +35852,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: {
@@ -35814,7 +35866,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: {
@@ -35829,7 +35881,7 @@ function SwapWalletSelectorDesktop({
                       }
                     )
                   ] }),
-                  isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "div",
                     {
                       style: {
@@ -35842,7 +35894,7 @@ function SwapWalletSelectorDesktop({
                         flexShrink: 0
                       }
                     }
-                  ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  ) : isWalletConnected ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "button",
                     {
                       onClick: handleDisconnect,
@@ -35859,7 +35911,7 @@ function SwapWalletSelectorDesktop({
                       },
                       children: "Disconnect"
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                     "button",
                     {
                       onClick: () => void handleClick(wallet),
@@ -35891,8 +35943,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: {
@@ -35904,7 +35956,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(
@@ -35926,7 +35978,7 @@ function SwapWalletSelectorDesktop({
               ),
               onClick: !wcConnected ? () => void handleWalletConnect() : void 0,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "div",
                   {
                     style: {
@@ -35939,7 +35991,7 @@ function SwapWalletSelectorDesktop({
                       justifyContent: "center",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                       "svg",
                       {
                         style: {
@@ -35949,13 +36001,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: {
@@ -35965,7 +36017,7 @@ function SwapWalletSelectorDesktop({
                       children: "WalletConnect"
                     }
                   ),
-                  wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+                  wcConnected && walletAddress && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
                     "p",
                     {
                       style: {
@@ -35980,7 +36032,7 @@ function SwapWalletSelectorDesktop({
                     }
                   )
                 ] }),
-                wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                wcConnecting ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "div",
                   {
                     style: {
@@ -35993,7 +36045,7 @@ function SwapWalletSelectorDesktop({
                       flexShrink: 0
                     }
                   }
-                ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                ) : wcConnected ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "button",
                   {
                     onClick: (e2) => {
@@ -36013,7 +36065,7 @@ function SwapWalletSelectorDesktop({
                     },
                     children: "Disconnect"
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   "button",
                   {
                     onClick: (e2) => {
@@ -36043,7 +36095,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";
@@ -36053,7 +36105,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");
   }
 });
 
@@ -36065,8 +36117,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,
@@ -36075,7 +36127,7 @@ function SwapWalletSelector({
         onBack
       }
     ),
-    !isMobile && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    !isMobile && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       SwapWalletSelectorDesktop,
       {
         walletStatus,
@@ -36086,14 +36138,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;
   }
 });
@@ -36179,7 +36231,7 @@ function getActiveStep(status) {
   }
 }
 function RateRow({ label, value }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
       style: {
@@ -36188,8 +36240,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 })
       ]
     }
   );
@@ -36246,6 +36298,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(
@@ -36487,6 +36542,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;
@@ -36502,12 +36567,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();
@@ -36854,7 +36932,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",
@@ -36872,7 +36950,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",
@@ -36891,8 +36969,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,
@@ -36901,7 +36979,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"),
@@ -36934,8 +37012,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: {
@@ -36945,7 +37023,7 @@ function SwapMode({
             marginBottom: spacing[5]
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
               "button",
               {
                 onClick: handleReset,
@@ -36960,7 +37038,7 @@ function SwapMode({
                   border: 0,
                   cursor: "pointer"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "svg",
                   {
                     style: {
@@ -36974,12 +37052,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,
@@ -36996,7 +37074,7 @@ function SwapMode({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "h1",
         {
           style: {
@@ -37008,7 +37086,7 @@ function SwapMode({
           children: title
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
         "div",
         {
           style: {
@@ -37022,7 +37100,7 @@ function SwapMode({
             gap: spacing[5]
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
               "div",
               {
                 style: {
@@ -37034,14 +37112,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,
@@ -37052,7 +37130,7 @@ function SwapMode({
                             strokeWidth: ringStroke
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                           "circle",
                           {
                             cx: ringSize / 2,
@@ -37071,7 +37149,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                     "div",
                     {
                       style: {
@@ -37082,7 +37160,7 @@ function SwapMode({
                         textAlign: "center"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                           "span",
                           {
                             style: {
@@ -37095,7 +37173,7 @@ function SwapMode({
                             children: isApproving ? "Approving" : "Swapping"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                           "div",
                           {
                             style: {
@@ -37105,7 +37183,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,
@@ -37116,7 +37194,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -37127,7 +37205,7 @@ function SwapMode({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                 "svg",
                                 {
                                   style: {
@@ -37141,10 +37219,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,
@@ -37155,7 +37233,7 @@ function SwapMode({
                                   },
                                   alt: ""
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                 "div",
                                 {
                                   style: {
@@ -37169,7 +37247,7 @@ function SwapMode({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                           "span",
                           {
                             style: {
@@ -37181,7 +37259,7 @@ function SwapMode({
                             children: [
                               fromToken?.symbol,
                               " ",
-                              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                 "span",
                                 {
                                   style: {
@@ -37196,7 +37274,7 @@ function SwapMode({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                           "span",
                           {
                             style: {
@@ -37216,7 +37294,7 @@ function SwapMode({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
               "div",
               {
                 style: {
@@ -37226,7 +37304,7 @@ function SwapMode({
                   justifyContent: "space-between"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                     ProcessingStepNode,
                     {
                       active: activeStep >= 0,
@@ -37235,8 +37313,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,
@@ -37245,8 +37323,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,
@@ -37265,7 +37343,7 @@ function SwapMode({
                 fromChainTxUrl
               );
               const isCopied = copiedHash === txHash;
-              return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -37274,7 +37352,7 @@ function SwapMode({
                     gap: spacing[3]
                   },
                   children: [
-                    explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    explorerUrl && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "a",
                       {
                         href: explorerUrl,
@@ -37293,7 +37371,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" },
@@ -37304,16 +37382,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),
@@ -37330,11 +37408,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" },
@@ -37345,7 +37423,7 @@ function SwapMode({
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   "rect",
                                   {
                                     x: "9",
@@ -37356,7 +37434,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" })
                               ]
                             }
                           )
@@ -37384,10 +37462,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: {
@@ -37397,7 +37475,7 @@ function SwapMode({
               marginBottom: spacing[5]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "div",
                 {
                   style: {
@@ -37410,7 +37488,7 @@ function SwapMode({
                     justifyContent: "center",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                     "svg",
                     {
                       style: {
@@ -37424,12 +37502,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: {
@@ -37443,7 +37521,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
             style: {
@@ -37453,7 +37531,7 @@ function SwapMode({
               padding: spacing[5]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -37463,7 +37541,7 @@ function SwapMode({
                     fontSize: fontSize.sm
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "div",
                       {
                         style: {
@@ -37472,8 +37550,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,
@@ -37485,7 +37563,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            fromChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                            fromChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "img",
                               {
                                 src: fromChain.chainIconURI,
@@ -37503,11 +37581,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: {
@@ -37524,7 +37602,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -37535,7 +37613,7 @@ function SwapMode({
                     marginTop: spacing[3]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "div",
                       {
                         style: {
@@ -37544,8 +37622,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,
@@ -37557,7 +37635,7 @@ function SwapMode({
                                 }
                               }
                             ),
-                            toChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                            toChain?.chainIconURI && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "img",
                               {
                                 src: toChain.chainIconURI,
@@ -37575,11 +37653,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: {
@@ -37596,7 +37674,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "div",
                 {
                   style: {
@@ -37606,7 +37684,7 @@ function SwapMode({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -37616,28 +37694,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,
@@ -37645,7 +37723,7 @@ function SwapMode({
                         fromChainTxUrl
                       );
                       const isCopied = copiedHash === txHash;
-                      return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                         "div",
                         {
                           style: {
@@ -37654,8 +37732,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: {
@@ -37664,7 +37742,7 @@ function SwapMode({
                                   gap: spacing[2]
                                 },
                                 children: [
-                                  srcUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                                  srcUrl && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                                     "a",
                                     {
                                       href: srcUrl,
@@ -37684,7 +37762,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" },
@@ -37695,16 +37773,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),
@@ -37722,7 +37800,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: {
@@ -37736,7 +37814,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                               "rect",
                                               {
                                                 x: "9",
@@ -37747,7 +37825,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" })
                                           ]
                                         }
                                       )
@@ -37767,7 +37845,7 @@ function SwapMode({
                         toChainTxUrl
                       );
                       const isCopied = copiedHash === destTxHash;
-                      return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                         "div",
                         {
                           style: {
@@ -37776,8 +37854,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: {
@@ -37786,7 +37864,7 @@ function SwapMode({
                                   gap: spacing[2]
                                 },
                                 children: [
-                                  destUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                                  destUrl && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                                     "a",
                                     {
                                       href: destUrl,
@@ -37806,7 +37884,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" },
@@ -37817,16 +37895,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),
@@ -37843,7 +37921,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: {
@@ -37857,7 +37935,7 @@ function SwapMode({
                                           strokeLinecap: "round",
                                           strokeLinejoin: "round",
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                               "rect",
                                               {
                                                 x: "9",
@@ -37868,7 +37946,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" })
                                           ]
                                         }
                                       )
@@ -37888,7 +37966,7 @@ function SwapMode({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
         "div",
         {
           style: {
@@ -37898,7 +37976,7 @@ function SwapMode({
             gap: spacing[2]
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
               "button",
               {
                 onClick: handleReset,
@@ -37916,7 +37994,7 @@ function SwapMode({
                 children: "Done"
               }
             ),
-            fromToken && toToken && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+            fromToken && toToken && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
               "button",
               {
                 onClick: handleSwapBack,
@@ -37945,7 +38023,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),
@@ -37957,7 +38035,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: {
@@ -37966,7 +38044,7 @@ function SwapMode({
           overflowY: "auto"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "div",
             {
               style: {
@@ -37976,7 +38054,7 @@ function SwapMode({
                 marginBottom: spacing[5]
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "span",
                   {
                     style: {
@@ -37987,7 +38065,7 @@ function SwapMode({
                     children: "You're swapping"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "button",
                   {
                     onClick: () => setStage("home"),
@@ -38002,7 +38080,7 @@ function SwapMode({
                       border: 0,
                       cursor: "pointer"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "svg",
                       {
                         style: {
@@ -38016,7 +38094,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" })
                       }
                     )
                   }
@@ -38024,7 +38102,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "div",
             {
               style: {
@@ -38033,8 +38111,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: {
@@ -38050,7 +38128,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                     "p",
                     {
                       style: {
@@ -38062,7 +38140,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                fromToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                fromToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   TokenIcon,
                   {
                     icon: fromToken.iconUrl,
@@ -38073,7 +38151,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "div",
             {
               style: {
@@ -38081,7 +38159,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: {
@@ -38095,12 +38173,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: {
@@ -38109,8 +38187,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: {
@@ -38126,7 +38204,7 @@ function SwapMode({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                     "p",
                     {
                       style: {
@@ -38138,7 +38216,7 @@ function SwapMode({
                     }
                   )
                 ] }),
-                toToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                toToken?.iconUrl && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   TokenIcon,
                   {
                     icon: toToken.iconUrl,
@@ -38149,7 +38227,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "button",
             {
               onClick: () => setShowReviewDetails((v) => !v),
@@ -38168,13 +38246,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: {
@@ -38186,7 +38264,7 @@ function SwapMode({
                     },
                     children: [
                       showReviewDetails ? "Hide details" : "View details",
-                      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                         "svg",
                         {
                           style: {
@@ -38201,10 +38279,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",
@@ -38217,7 +38295,7 @@ function SwapMode({
                             marginLeft: "0.125rem"
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "circle",
                               {
                                 cx: "7",
@@ -38228,7 +38306,7 @@ function SwapMode({
                                 strokeWidth: "1.5"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "circle",
                               {
                                 cx: "7",
@@ -38249,7 +38327,7 @@ function SwapMode({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                   "div",
                   {
                     style: { flex: 1, height: "1px", backgroundColor: colors.border }
@@ -38258,7 +38336,7 @@ function SwapMode({
               ]
             }
           ),
-          showReviewDetails && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+          showReviewDetails && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "div",
             {
               style: {
@@ -38269,7 +38347,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",
@@ -38277,7 +38355,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",
@@ -38285,12 +38363,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: {
@@ -38299,14 +38377,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",
@@ -38314,12 +38392,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: {
@@ -38339,7 +38417,7 @@ function SwapMode({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             SwapActionArea,
             {
               fromTokenSymbol: fromToken?.symbol ?? "",
@@ -38363,12 +38441,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: {
@@ -38379,7 +38457,7 @@ function SwapMode({
               marginBottom: spacing[1]
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "span",
                 {
                   style: {
@@ -38393,7 +38471,7 @@ function SwapMode({
                   children: "Swap"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   ref: settingsRef,
@@ -38404,7 +38482,7 @@ function SwapMode({
                     position: "relative"
                   },
                   children: [
-                    walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "button",
                       {
                         onClick: handleConnectAndReview,
@@ -38421,7 +38499,7 @@ function SwapMode({
                           walletAddress.slice(-4)
                         ]
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "button",
                       {
                         onClick: handleConnectAndReview,
@@ -38436,7 +38514,7 @@ function SwapMode({
                         children: "Connect wallet"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "button",
                       {
                         onClick: () => setShowSettings((v) => !v),
@@ -38454,7 +38532,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" },
@@ -38465,14 +38543,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: {
@@ -38488,7 +38566,7 @@ function SwapMode({
                           zIndex: 100
                         },
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                             "p",
                             {
                               style: {
@@ -38502,7 +38580,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: {
@@ -38511,8 +38589,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: {
@@ -38523,7 +38601,7 @@ function SwapMode({
                                       children: "Dark mode"
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                     "p",
                                     {
                                       style: {
@@ -38535,7 +38613,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   "button",
                                   {
                                     role: "switch",
@@ -38552,7 +38630,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: {
@@ -38573,7 +38651,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                             "p",
                             {
                               style: {
@@ -38587,8 +38665,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: {
@@ -38600,8 +38678,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: () => {
@@ -38626,7 +38704,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",
@@ -38657,7 +38735,7 @@ function SwapMode({
                                 }
                               ) })
                             ] }),
-                            slippage > 5 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                            slippage > 5 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                               "p",
                               {
                                 style: {
@@ -38669,7 +38747,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: {
@@ -38678,8 +38756,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: {
@@ -38690,7 +38768,7 @@ function SwapMode({
                                       children: "Max approval"
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                     "p",
                                     {
                                       style: {
@@ -38702,7 +38780,7 @@ function SwapMode({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   "button",
                                   {
                                     role: "switch",
@@ -38719,7 +38797,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: {
@@ -38740,7 +38818,7 @@ function SwapMode({
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                             "div",
                             {
                               style: {
@@ -38750,7 +38828,7 @@ function SwapMode({
                                 gap: spacing[3]
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   "p",
                                   {
                                     style: {
@@ -38762,13 +38840,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),
@@ -38788,9 +38866,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: {
@@ -38806,13 +38884,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: {
@@ -38831,7 +38909,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: () => {
@@ -38854,7 +38932,7 @@ function SwapMode({
                                                   fontFamily: "inherit"
                                                 },
                                                 children: [
-                                                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                                     "span",
                                                     {
                                                       style: {
@@ -38865,8 +38943,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: {
@@ -38901,7 +38979,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),
@@ -38913,7 +38991,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: {
@@ -38923,7 +39001,7 @@ function SwapMode({
                     marginBottom: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "span",
                       {
                         style: {
@@ -38934,7 +39012,7 @@ function SwapMode({
                         children: "Sell"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "div",
                       {
                         style: {
@@ -38945,7 +39023,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: () => {
@@ -39001,12 +39079,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: {
@@ -39021,7 +39099,7 @@ function SwapMode({
                         children: currencySymbol
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "input",
                       {
                         inputMode: "decimal",
@@ -39047,22 +39125,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,
@@ -39074,7 +39137,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -39086,7 +39149,7 @@ function SwapMode({
                     color: colors.mutedForeground
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -39104,8 +39167,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" },
@@ -39115,17 +39178,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)
                       ] })
@@ -39136,7 +39199,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,
@@ -39157,7 +39220,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: {
@@ -39169,7 +39232,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",
@@ -39181,7 +39244,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: {
@@ -39190,7 +39253,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: {
@@ -39201,7 +39264,7 @@ function SwapMode({
                   children: "Buy"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -39211,7 +39274,7 @@ function SwapMode({
                     marginTop: spacing[1]
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       "div",
                       {
                         style: {
@@ -39224,7 +39287,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: {
@@ -39235,7 +39298,7 @@ function SwapMode({
                               children: s
                             }
                           );
-                        })() : route.loading ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        })() : route.loading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                           "span",
                           {
                             style: {
@@ -39245,7 +39308,7 @@ function SwapMode({
                             },
                             children: "\u2026"
                           }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                           "span",
                           {
                             style: {
@@ -39258,7 +39321,7 @@ function SwapMode({
                       },
                       rateUpdated ? "flash" : "stable"
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                       TokenPillButton,
                       {
                         token: toToken,
@@ -39272,7 +39335,7 @@ function SwapMode({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -39284,8 +39347,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: {
@@ -39306,7 +39369,7 @@ function SwapMode({
                   ]
                 }
               ),
-              needsDestAddress && toChain && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              needsDestAddress && toChain && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -39315,7 +39378,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: {
@@ -39330,8 +39393,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",
@@ -39354,7 +39417,7 @@ function SwapMode({
                           }
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                         "button",
                         {
                           type: "button",
@@ -39380,7 +39443,7 @@ function SwapMode({
                         }
                       )
                     ] }),
-                    destAddress && !isValidDestAddress && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    destAddress && !isValidDestAddress && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "p",
                       {
                         style: {
@@ -39401,7 +39464,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: {
@@ -39414,7 +39477,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: {
@@ -39426,13 +39489,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",
@@ -39447,7 +39510,7 @@ function SwapMode({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "span",
                 {
                   style: {
@@ -39462,7 +39525,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,
@@ -39491,7 +39554,7 @@ function SwapMode({
             children: ctaLabel
           }
         ) }),
-        showRateRow && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        showRateRow && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "div",
           {
             style: {
@@ -39501,7 +39564,7 @@ function SwapMode({
               color: colors.mutedForeground
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "button",
                 {
                   onClick: () => setShowRateDetails((v) => !v),
@@ -39519,7 +39582,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,
                       " = ",
@@ -39527,7 +39590,7 @@ function SwapMode({
                       " ",
                       fromToken?.symbol
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                       "span",
                       {
                         style: {
@@ -39537,15 +39600,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",
@@ -39557,7 +39620,7 @@ function SwapMode({
                                 opacity: 0.75
                               },
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   "circle",
                                   {
                                     cx: "7",
@@ -39568,7 +39631,7 @@ function SwapMode({
                                     strokeWidth: "1.5"
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                                   "circle",
                                   {
                                     cx: "7",
@@ -39586,7 +39649,7 @@ function SwapMode({
                               ]
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                             "svg",
                             {
                               style: {
@@ -39601,7 +39664,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" })
                             }
                           )
                         ]
@@ -39610,7 +39673,7 @@ function SwapMode({
                   ]
                 }
               ),
-              showRateDetails && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+              showRateDetails && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
                 "div",
                 {
                   style: {
@@ -39622,18 +39685,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: {
@@ -39642,19 +39705,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: {
@@ -39668,7 +39731,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" })
                       }
                     )
                   ]
@@ -39677,7 +39740,7 @@ function SwapMode({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(WidgetSecurityFooter, {})
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(WidgetSecurityFooter, {})
       ]
     }
   ) });
@@ -39712,8 +39775,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: {
@@ -39724,7 +39787,7 @@ function SwapActionArea({
           marginBottom: spacing[3]
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "svg",
             {
               style: {
@@ -39734,10 +39797,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: {
@@ -39751,8 +39814,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: {
@@ -39764,7 +39827,7 @@ function SwapActionArea({
           children: quoteError ?? "This quote expired."
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "button",
         {
           onClick: onRetryQuote,
@@ -39782,7 +39845,7 @@ function SwapActionArea({
           children: "Get a new quote"
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "button",
       {
         onClick: onExecute,
@@ -39805,7 +39868,7 @@ function SwapActionArea({
         children: label
       }
     ),
-    needsApproval && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    needsApproval && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       "p",
       {
         style: {
@@ -39837,7 +39900,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,
@@ -39860,7 +39923,7 @@ function TokenPillButton({
         },
         children: [
           placeholder,
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "svg",
             {
               style: { width: "1rem", height: "1rem" },
@@ -39868,7 +39931,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",
@@ -39882,7 +39945,7 @@ function TokenPillButton({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "button",
     {
       onClick: disabled ? void 0 : onClick,
@@ -39902,8 +39965,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,
@@ -39915,7 +39978,7 @@ function TokenPillButton({
                 objectFit: "cover"
               }
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "div",
             {
               style: {
@@ -39927,7 +39990,7 @@ function TokenPillButton({
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
                 "span",
                 {
                   style: {
@@ -39940,7 +40003,7 @@ function TokenPillButton({
               )
             }
           ),
-          chainIcon && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          chainIcon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "img",
             {
               src: chainIcon,
@@ -39958,7 +40021,7 @@ function TokenPillButton({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "span",
           {
             style: {
@@ -39969,7 +40032,7 @@ function TokenPillButton({
             children: token.symbol
           }
         ),
-        !disabled && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        !disabled && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "svg",
           {
             style: {
@@ -39981,7 +40044,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",
@@ -40002,8 +40065,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,
@@ -40011,7 +40074,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,
@@ -40043,7 +40106,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: {
@@ -40052,7 +40115,7 @@ function ReviewDetailRow({
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "span",
           {
             style: {
@@ -40063,14 +40126,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: {
@@ -40086,8 +40149,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" })
                       ]
                     }
                   )
@@ -40096,9 +40159,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: {
@@ -40127,7 +40190,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 },
@@ -40138,16 +40201,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: {
@@ -40158,13 +40221,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"
@@ -40176,7 +40239,7 @@ function SuccessReceiptRow({
   label,
   value
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "div",
     {
       style: {
@@ -40185,8 +40248,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 })
       ]
     }
   );
@@ -40200,7 +40263,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 },
@@ -40210,9 +40273,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 },
@@ -40222,9 +40285,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 },
@@ -40235,12 +40298,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" },
@@ -40250,10 +40313,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: {
@@ -40264,7 +40327,7 @@ function ProcessingStepNode({
         maxWidth: "5rem"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "div",
           {
             style: {
@@ -40282,7 +40345,7 @@ function ProcessingStepNode({
             children: done ? doneIcon : iconEl
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "span",
           {
             style: {
@@ -40301,7 +40364,7 @@ function ProcessingStepNode({
   );
 }
 function ProcessingStepLine({ done }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       style: {
@@ -40315,7 +40378,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";
@@ -40338,11 +40401,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))
     );
@@ -40404,9 +40468,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,
@@ -40428,7 +40492,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);
@@ -40456,16 +40519,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,
@@ -40476,7 +40539,7 @@ function WidgetInner({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       ConfirmCloseDialog,
       {
         open: showConfirmDialog,
@@ -40487,7 +40550,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";
@@ -40503,10 +40566,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%",
@@ -40560,10 +40622,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,
@@ -40572,7 +40634,7 @@ var init_TrustwareWidgetV2 = __esm({
           closeRequestRef,
           showThemeToggle
         }
-      ) });
+      ) }) });
     });
   }
 });