@skip-go/widget 3.7.1 → 3.7.2

package/build/{index-SURT_wpx.js → index-DDa99K_H.js}

@@ -1,4 +1,4 @@
-import { jsx as m, Fragment as be, jsxs as q } from "react/jsx-runtime";
+import { jsx as m, Fragment as ge, jsxs as q } from "react/jsx-runtime";
 import ln, { useState as se, useMemo as O, useEffect as ae, useContext as bs, useRef as fi, useDebugValue as ka, createElement as Km, useCallback as ve, Fragment as Xm } from "react";
 import { Scope as Ym } from "react-shadow-scope";
 import { atom as Q, useAtomValue as L, useAtom as pe, useSetAtom as Y, createStore as Zm, Provider as Jm } from "jotai";
@@ -1435,7 +1435,7 @@ const Lc = Q(!1), $s = ({
   const [n, i] = se(!1);
   return ae(() => {
     i(!0);
-  }, []), /* @__PURE__ */ m(be, { children: n ? e : null });
+  }, []), /* @__PURE__ */ m(ge, { children: n ? e : null });
 }, mu = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 };
 let pu = 0;
 function ac(e, n) {
@@ -1616,7 +1616,7 @@ const tl = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     transform: i === "down" ? "rotate(90)" : i === "left" ? "rotate(180)" : i === "up" ? "rotate(-90)" : "",
-    children: t ? /* @__PURE__ */ q(be, { children: [
+    children: t ? /* @__PURE__ */ q(ge, { children: [
       /* @__PURE__ */ m("defs", { children: /* @__PURE__ */ q("mask", { id: "arrowMask", children: [
         /* @__PURE__ */ m("rect", { width: "40", height: "40", fill: "white" }),
         /* @__PURE__ */ m(
@@ -1628,7 +1628,7 @@ const tl = ({
         )
       ] }) }),
       /* @__PURE__ */ m("rect", { width: "40", height: "40", rx: "10", fill: e, mask: "url(#arrowMask)" })
-    ] }) : /* @__PURE__ */ q(be, { children: [
+    ] }) : /* @__PURE__ */ q(ge, { children: [
       /* @__PURE__ */ m("rect", { width: "40", height: "40", rx: "10", fill: n }),
       /* @__PURE__ */ m(
         "path",
@@ -1972,7 +1972,7 @@ const io = {
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
 }, tt = (e = ["all"], n = "medium", i = "easeInOut") => `
   transition: ${e.join(", ")} ${sl[n]} ${ll[i]};
-`, ge = ({
+`, xe = ({
   label: e,
   icon: n = J.none,
   leftIcon: i = J.none,
@@ -5311,7 +5311,7 @@ function _c(e) {
         const x = D.chains.map((v) => v.id);
         if (!x.length)
           return;
-        const { EthereumProvider: b } = await import("./index.es-DHYHF9gr.js");
+        const { EthereumProvider: b } = await import("./index.es-CdQb9EOm.js");
         return await b.init({
           ...e,
           disableProviderPing: !0,
@@ -6457,7 +6457,7 @@ const ci = N(X).attrs({
     chainId: D,
     tokenAmount: c
   });
-  return /* @__PURE__ */ q(be, { children: [
+  return /* @__PURE__ */ q(ge, { children: [
     /* @__PURE__ */ m(
       Ze,
       {
@@ -6474,7 +6474,7 @@ const ci = N(X).attrs({
       gn,
       {
         title: `Warning: Bad trade (-${d})`,
-        description: /* @__PURE__ */ q(be, { children: [
+        description: /* @__PURE__ */ q(ge, { children: [
           /* @__PURE__ */ q(X, { color: o.error.text, textAlign: "center", textWrap: "balance", children: [
             "You will lose ",
             d,
@@ -6513,7 +6513,7 @@ const ci = N(X).attrs({
       }
     ),
     /* @__PURE__ */ m(
-      ge,
+      xe,
       {
         label: "Back",
         icon: J.leftArrow,
@@ -6528,7 +6528,7 @@ const ci = N(X).attrs({
   const n = Y(je), i = de(), o = () => {
     V("error page: user rejected request - back button clicked"), n(void 0), e == null || e();
   };
-  return /* @__PURE__ */ q(be, { children: [
+  return /* @__PURE__ */ q(ge, { children: [
     /* @__PURE__ */ m(
       Ze,
       {
@@ -6550,7 +6550,7 @@ const ci = N(X).attrs({
       }
     ),
     /* @__PURE__ */ m(
-      ge,
+      xe,
       {
         label: "Back",
         icon: J.leftArrow,
@@ -7185,7 +7185,7 @@ const MD = ({
     Ho("TransactionFailed");
   }, []);
   const t = de(), c = Y(je), a = Y(an);
-  return /* @__PURE__ */ q(be, { children: [
+  return /* @__PURE__ */ q(ge, { children: [
     /* @__PURE__ */ m(
       Ze,
       {
@@ -7202,7 +7202,7 @@ const MD = ({
       gn,
       {
         title: "Transaction failed",
-        description: /* @__PURE__ */ q(be, { children: [
+        description: /* @__PURE__ */ q(ge, { children: [
           /* @__PURE__ */ m(X, { color: t.error.text, textAlign: "center", textWrap: "balance", children: "Please contact our support team below." }),
           /* @__PURE__ */ q(
             W,
@@ -7227,7 +7227,7 @@ const MD = ({
       }
     ),
     /* @__PURE__ */ m(
-      ge,
+      xe,
       {
         label: "Contact support",
         icon: J.rightArrow,
@@ -7246,7 +7246,7 @@ const MD = ({
   const c = () => {
     o(void 0), t(ze.SwapPage);
   };
-  return /* @__PURE__ */ q(be, { children: [
+  return /* @__PURE__ */ q(ge, { children: [
     /* @__PURE__ */ m(
       Ze,
       {
@@ -7270,7 +7270,7 @@ const MD = ({
       }
     ),
     /* @__PURE__ */ m(
-      ge,
+      xe,
       {
         label: "Retry",
         icon: J.rightArrow,
@@ -7506,7 +7506,7 @@ const Ni = Q(), {
   valueInitialized: VD,
   clearTimeoutAtom: LD
 } = sm(), RD = Qo((e) => {
-  const n = e(xe), i = e(Ue), { data: o } = e(Gn), t = e(Ni);
+  const n = e(be), i = e(Ue), { data: o } = e(Gn), t = e(Ni);
   t != null && t.onRouteUpdated && (t == null || t.onRouteUpdated({
     srcChainId: n == null ? void 0 : n.chainID,
     srcAssetDenom: n == null ? void 0 : n.denom,
@@ -7517,23 +7517,23 @@ const Ni = Q(), {
     requiredChainAddresses: o == null ? void 0 : o.requiredChainAddresses
   }));
 }), OD = Qo((e) => {
-  const n = e(xe), i = e(bn), o = e(st);
+  const n = e(be), i = e(bn), o = e(st);
   n != null && n.chainID && o.cosmos && i.getSigningStargateClient({
     chainId: n == null ? void 0 : n.chainID
   });
-}), xe = li(
+}), be = li(
   "sourceAsset",
   void 0
 ), bb = ({ onlyClearInputValues: e } = {}) => {
   const { set: n } = Gm;
-  e ? n(aa) : (n(xe, void 0), n(Un, "", void 0, !0), n(Ue, void 0), n(hi, "", void 0, !0)), n(pm), n(an, ze.SwapPage), n(je, void 0);
+  e ? n(aa) : (n(be, void 0), n(Un, "", void 0, !0), n(Ue, void 0), n(hi, "", void 0, !0)), n(pm), n(an, ze.SwapPage), n(je, void 0);
 }, go = Q(
   (e) => {
     var n;
-    return ((n = e(xe)) == null ? void 0 : n.amount) ?? "";
+    return ((n = e(be)) == null ? void 0 : n.amount) ?? "";
   },
   (e, n, i) => {
-    n(xe, (o) => ({ ...o, amount: i })), n(Un, i), n(On, "swap-in"), i === "" && (n(Ue, (o) => ({ ...o, amount: i })), n(hi, i, void 0, !0));
+    n(be, (o) => ({ ...o, amount: i })), n(Un, i), n(On, "swap-in"), i === "" && (n(Ue, (o) => ({ ...o, amount: i })), n(hi, i, void 0, !0));
   }
 ), Ue = li(
   "destinationAsset",
@@ -7544,10 +7544,10 @@ const Ni = Q(), {
     return ((n = e(Ue)) == null ? void 0 : n.amount) ?? "";
   },
   (e, n, i, o) => {
-    n(Ue, (t) => ({ ...t, amount: i })), n(hi, i, o), n(On, "swap-out"), i === "" && (n(xe, (t) => ({ ...t, amount: i })), n(Un, i, void 0, !0));
+    n(Ue, (t) => ({ ...t, amount: i })), n(hi, i, o), n(On, "swap-out"), i === "" && (n(be, (t) => ({ ...t, amount: i })), n(Un, i, void 0, !0));
   }
 ), aa = Q(null, (e, n) => {
-  n(xe, (i) => ({ ...i, amount: "" })), n(Un, "", void 0, !0), n(Ue, (i) => ({ ...i, amount: "" })), n(hi, "", void 0, !0);
+  n(be, (i) => ({ ...i, amount: "" })), n(Un, "", void 0, !0), n(Ue, (i) => ({ ...i, amount: "" })), n(hi, "", void 0, !0);
 }), lm = Q((e) => {
   const n = e(go), i = e(Dt), o = e(Un), t = e(hi), { isLoading: c } = e(Gn), a = e(On), r = !isNaN(parseFloat(n)), l = !isNaN(parseFloat(i)), s = n !== o, h = i !== t;
   if (a === "swap-in")
@@ -7558,8 +7558,8 @@ const Ni = Q(), {
   "swapDirection",
   "swap-in"
 ), ro = Q(!1), WD = Q(null, (e, n) => {
-  const i = e(xe), o = e(Ue), t = e(On);
-  n(ro, !0), n(xe, { ...o }), n(go, (o == null ? void 0 : o.amount) ?? ""), n(Ue, { ...i }), n(Dt, (i == null ? void 0 : i.amount) ?? "", () => {
+  const i = e(be), o = e(Ue), t = e(On);
+  n(ro, !0), n(be, { ...o }), n(go, (o == null ? void 0 : o.amount) ?? ""), n(Ue, { ...i }), n(Dt, (i == null ? void 0 : i.amount) ?? "", () => {
     n(On, t === "swap-in" ? "swap-out" : "swap-in"), n(ro, !1);
   });
 }), ra = Q(), sa = Q(), eo = {
@@ -7585,13 +7585,13 @@ const Ni = Q(), {
   }
 ), la = li("showGoFastWarning", !0), UD = Qo(
   (e, n) => {
-    const i = e(xe), o = e(Ue), t = e(bt), c = e(TD), a = e(
+    const i = e(be), o = e(Ue), t = e(bt), c = e(TD), a = e(
       VD
     );
-    !c && (i != null && i.amount) && (n(Un, i.amount, void 0, !0), n(xe, (r) => ({ ...r, locked: t == null ? void 0 : t.srcLocked }))), !a && (o != null && o.amount) && (n(hi, o.amount, void 0, !0), n(Ue, (r) => ({ ...r, locked: t == null ? void 0 : t.destLocked })));
+    !c && (i != null && i.amount) && (n(Un, i.amount, void 0, !0), n(be, (r) => ({ ...r, locked: t == null ? void 0 : t.srcLocked }))), !a && (o != null && o.amount) && (n(hi, o.amount, void 0, !0), n(Ue, (r) => ({ ...r, locked: t == null ? void 0 : t.destLocked })));
   }
 ), GD = Q((e) => {
-  const n = e(xe), i = e(Ue), o = e(On), t = e(Un), c = e(hi);
+  const n = e(be), i = e(Ue), o = e(On), t = e(Un), c = e(hi);
   return e(UD), !(n != null && n.chainID) || !n.denom || !(i != null && i.chainID) || !i.denom ? void 0 : {
     ...o === "swap-in" ? {
       amountIn: Tn(
@@ -7686,7 +7686,7 @@ const Ni = Q(), {
     ...g,
     locked: o == null ? void 0 : o.destLocked,
     amount: D == null ? void 0 : D.toString()
-  }), n(xe, {
+  }), n(be, {
     ...d,
     locked: o == null ? void 0 : o.srcLocked,
     amount: h == null ? void 0 : h.toString()
@@ -40665,7 +40665,7 @@ const JD = [
   };
 }), Dm = Q(), xm = $m((e) => {
   var A;
-  const n = e(bn), { route: i, userAddresses: o, transactionDetailsArray: t } = e(Le), c = e(dm), a = e(r2), r = e(Dm), l = e(ai), { timeoutSeconds: s } = e(gt), { data: h } = e(Ee), D = e(xe), d = e(hl), g = (A = h == null ? void 0 : h.find((x) => x.chainID === (D == null ? void 0 : D.chainID))) == null ? void 0 : A.chainType;
+  const n = e(bn), { route: i, userAddresses: o, transactionDetailsArray: t } = e(Le), c = e(dm), a = e(r2), r = e(Dm), l = e(ai), { timeoutSeconds: s } = e(gt), { data: h } = e(Ee), D = e(be), d = e(hl), g = (A = h == null ? void 0 : h.find((x) => x.chainID === (D == null ? void 0 : D.chainID))) == null ? void 0 : A.chainType;
   if (g) {
     const { deeplink: x, recentWalletData: b } = d[g];
     g === R.Cosmos ? (window.localStorage.removeItem(lc), window.localStorage.removeItem(mc)) : (window.localStorage.setItem(lc, x), window.localStorage.setItem(mc, b));
@@ -40710,7 +40710,7 @@ const JD = [
   });
   return ae(() => {
     t && (h != null && h.isSettled) && (V("error page: transaction timeover - transaction settled"), c(void 0));
-  }, [h == null ? void 0 : h.isSettled, t, c]), /* @__PURE__ */ q(be, { children: [
+  }, [h == null ? void 0 : h.isSettled, t, c]), /* @__PURE__ */ q(ge, { children: [
     /* @__PURE__ */ m(
       Ze,
       {
@@ -40727,7 +40727,7 @@ const JD = [
       gn,
       {
         title: "Sorry, your transaction is taking longer than usual.",
-        description: /* @__PURE__ */ q(be, { children: [
+        description: /* @__PURE__ */ q(ge, { children: [
           /* @__PURE__ */ q(X, { color: o.warning.text, textAlign: "center", textWrap: "balance", children: [
             "Your funds are secure.",
             /* @__PURE__ */ m("br", {}),
@@ -40757,7 +40757,7 @@ const JD = [
         textColor: o.warning.text
       }
     ),
-    /* @__PURE__ */ m(ge, { isGoFast: s, label: "Processing", loading: !0 })
+    /* @__PURE__ */ m(xe, { isGoFast: s, label: "Processing", loading: !0 })
   ] });
 }, m2 = ({
   onClickContinue: e,
@@ -40769,7 +40769,7 @@ const JD = [
   }, a = () => {
     t(void 0), e();
   };
-  return /* @__PURE__ */ q(be, { children: [
+  return /* @__PURE__ */ q(ge, { children: [
     /* @__PURE__ */ m(
       Ze,
       {
@@ -40800,7 +40800,7 @@ const JD = [
       }
     ),
     /* @__PURE__ */ m(
-      ge,
+      xe,
       {
         label: "Continue",
         icon: J.rightArrow,
@@ -40825,7 +40825,7 @@ const JD = [
     tokenAmount: n == null ? void 0 : n.amount,
     chainId: n == null ? void 0 : n.chainID
   });
-  return /* @__PURE__ */ q(be, { children: [
+  return /* @__PURE__ */ q(ge, { children: [
     /* @__PURE__ */ m(
       Ze,
       {
@@ -40842,7 +40842,7 @@ const JD = [
       gn,
       {
         title: "Action Required",
-        description: /* @__PURE__ */ q(be, { children: [
+        description: /* @__PURE__ */ q(ge, { children: [
           /* @__PURE__ */ q(X, { color: a.warning.text, textAlign: "center", textWrap: "balance", children: [
             "This transaction reverted while trying to execute.",
             /* @__PURE__ */ m("br", {}),
@@ -40880,7 +40880,7 @@ const JD = [
       }
     ),
     /* @__PURE__ */ m(
-      ge,
+      xe,
       {
         label: "Continue transaction",
         backgroundColor: a.warning.text,
@@ -40893,7 +40893,7 @@ const JD = [
   ] });
 }, h2 = ({ onClickBack: e }) => {
   const n = de();
-  return /* @__PURE__ */ q(be, { children: [
+  return /* @__PURE__ */ q(ge, { children: [
     /* @__PURE__ */ m(
       Ze,
       {
@@ -40910,14 +40910,14 @@ const JD = [
       gn,
       {
         title: "Warning: Ledger not supported",
-        description: /* @__PURE__ */ m(be, { children: /* @__PURE__ */ m(X, { color: n.error.text, textAlign: "center", textWrap: "balance", children: "Ledger isn't currently supported on Ethermint chains (such as Injective, Dymension, EVMOS, and similar networks)." }) }),
+        description: /* @__PURE__ */ m(ge, { children: /* @__PURE__ */ m(X, { color: n.error.text, textAlign: "center", textWrap: "balance", children: "Ledger isn't currently supported on Ethermint chains (such as Injective, Dymension, EVMOS, and similar networks)." }) }),
         icon: J.triangleWarning,
         backgroundColor: n.error.background,
         textColor: n.error.text
       }
     ),
     /* @__PURE__ */ m(
-      ge,
+      xe,
       {
         label: "Back",
         icon: J.leftArrow,
@@ -41618,7 +41618,7 @@ const JD = [
   }), x = ve(
     (B) => {
       var z;
-      const I = Eo(B) ? B.walletPrettyName ?? B.walletName : B.walletName, T = Eo(B) ? (z = B == null ? void 0 : B.walletInfo) == null ? void 0 : z.logo : void 0, p = Qr(B) ? B == null ? void 0 : B.rightContent : void 0, u = Eo(B) ? B == null ? void 0 : B.isAvailable : void 0, C = (p == null ? void 0 : p()) ?? /* @__PURE__ */ m(be, {}), F = T ? /* @__PURE__ */ m(
+      const I = Eo(B) ? B.walletPrettyName ?? B.walletName : B.walletName, T = Eo(B) ? (z = B == null ? void 0 : B.walletInfo) == null ? void 0 : z.logo : void 0, p = Qr(B) ? B == null ? void 0 : B.rightContent : void 0, u = Eo(B) ? B == null ? void 0 : B.isAvailable : void 0, C = (p == null ? void 0 : p()) ?? /* @__PURE__ */ m(ge, {}), F = T ? /* @__PURE__ */ m(
         "img",
         {
           height: 35,
@@ -41939,7 +41939,7 @@ const JD = [
     imgSrc: "https://raw.githubusercontent.com/graz-sh/graz/dev/example/starter/public/assets/wallet-icon-compass.png"
   }
 }, Xo = (e) => J2[e], da = () => {
-  const { data: e } = L(Ee), { data: n } = L(fn), i = Y(xe);
+  const { data: e } = L(Ee), { data: n } = L(fn), i = Y(be);
   return (o) => {
     switch (o) {
       case R.Cosmos: {
@@ -41973,7 +41973,7 @@ const JD = [
     }
   };
 }, Cm = () => {
-  const { data: e } = L(Ee), [n, i] = pe(at), o = L(xe), t = L(Ni), { walletType: c } = ep(), a = da(), { disconnectAsync: r } = np();
+  const { data: e } = L(Ee), [n, i] = pe(at), o = L(be), t = L(Ni), { walletType: c } = ep(), a = da(), { disconnectAsync: r } = np();
   return { createCosmosWallets: ve(
     (s) => {
       const h = Fi(), D = $2();
@@ -42216,7 +42216,7 @@ const JD = [
     type: "function"
   }
 ], km = () => {
-  const e = L(xe), [n, i] = pe(ct), o = L(Ni), t = Y(ul), c = da(), { connector: a, isConnected: r, chainId: l } = lo(), { connectAsync: s } = up(), h = Cs();
+  const e = L(be), [n, i] = pe(ct), o = L(Ni), t = Y(ul), c = da(), { connector: a, isConnected: r, chainId: l } = lo(), { connectAsync: s } = up(), h = Cs();
   return { createEvmWallets: ve(
     (d) => {
       const g = d === "pacific-1";
@@ -42352,7 +42352,7 @@ const JD = [
     ]
   ) };
 }, wm = () => {
-  const { data: e } = L(Ee), n = L(xe), [i, o] = pe(rt), t = L(Ni), c = Y(ul), a = da();
+  const { data: e } = L(Ee), n = L(be), [i, o] = pe(rt), t = L(Ni), c = Y(ul), a = da();
   return { createSolanaWallets: ve(() => {
     const l = [];
     for (const s of ut) {
@@ -42640,7 +42640,7 @@ const JD = [
   var B, I;
   const { copyAddress: o, isShowingCopyAddressFeedback: t } = ha(), { data: c } = Sc({
     multiChain: !0
-  }), a = de(), r = ui(), l = Je(), s = L(xe), { data: h } = L(Ee), d = ym()[e], g = O(() => {
+  }), a = de(), r = ui(), l = Je(), s = L(be), { data: h } = L(Ee), d = ym()[e], g = O(() => {
     if (e !== R.Cosmos)
       return d;
     if (s != null && s.chainID && (c != null && c[s.chainID]))
@@ -42734,7 +42734,7 @@ const JD = [
               )
             }
           ),
-          e === "evm" && /* @__PURE__ */ m(m1, { chainId: x == null ? void 0 : x.currentConnectedEVMChainId })
+          /* @__PURE__ */ m(m1, { chainId: g })
         ] })
       ] }) : /* @__PURE__ */ q(Fu, { children: [
         "Connect to",
@@ -42760,7 +42760,7 @@ const JD = [
   connectedWalletModal: i
 }) => {
   const o = O(() => h1.filter((t) => t !== e), [e]);
-  return /* @__PURE__ */ m(be, { children: o.map((t) => /* @__PURE__ */ m(
+  return /* @__PURE__ */ m(ge, { children: o.map((t) => /* @__PURE__ */ m(
     l1,
     {
       chainType: t,
@@ -42770,7 +42770,7 @@ const JD = [
     t
   )) });
 }, u1 = bo((e) => {
-  const { chainId: n, chainType: i, fromConnectedWalletModal: o } = e, { data: t } = L(Ee), c = Da({ chainID: n, chainType: i }), a = L(xe), l = ui()(a == null ? void 0 : a.chainID), s = t == null ? void 0 : t.find((f) => f.chainID === (a == null ? void 0 : a.chainID)), [h, D] = se(
+  const { chainId: n, chainType: i, fromConnectedWalletModal: o } = e, { data: t } = L(Ee), c = Da({ chainID: n, chainType: i }), a = L(be), l = ui()(a == null ? void 0 : a.chainID), s = t == null ? void 0 : t.find((f) => f.chainID === (a == null ? void 0 : a.chainID)), [h, D] = se(
     i ?? (s == null ? void 0 : s.chainType)
   ), d = ym(), g = t == null ? void 0 : t.find((f) => {
     if (h)
@@ -42810,40 +42810,41 @@ const JD = [
           src: (g == null ? void 0 : g.logoURI) ?? (s == null ? void 0 : s.logoURI)
         }
       ) }),
-      bottomContent: A && /* @__PURE__ */ q(he, { children: [
-        /* @__PURE__ */ m(d1, {}),
-        /* @__PURE__ */ m(Em, { excludeChainType: x, onClick: D })
-      ] })
+      bottomContent: A && /* @__PURE__ */ q(
+        he,
+        {
+          style: {
+            marginTop: "-5px"
+          },
+          children: [
+            /* @__PURE__ */ m(d1, {}),
+            /* @__PURE__ */ m(Em, { excludeChainType: x, onClick: D })
+          ]
+        }
+      )
     }
   );
 }), d1 = N.div`
   height: 1px;
-  background-color: ${({ theme: e }) => e.primary.text.ultraLowContrast};
+  background-color: ${({ theme: e }) => e.secondary.background.transparent};
   margin: 10px;
 `, D1 = N(W)`
   width: 40px;
   height: 40px;
   border-radius: 10px;
   background: ${({ theme: e }) => e.secondary.background.normal};
-`, x1 = 60, g1 = 5, b1 = bo(() => {
-  const e = L(xe), { chainImage: n, chainName: i } = Ye({
-    assetDenom: e == null ? void 0 : e.denom,
-    chainId: e == null ? void 0 : e.chainID
-  });
-  return /* @__PURE__ */ q(Ct, { gap: 15, children: [
-    /* @__PURE__ */ m(
-      ua,
-      {
-        title: "Wallets",
-        onClickBackButton: () => {
-          V("connect eco modal: header back button - clicked"), ie.remove(me.ConnectedWalletModal);
-        },
-        rightContent: e != null && e.chainID ? /* @__PURE__ */ m("img", { src: n, height: 36, width: 36, title: i }) : null
+`, x1 = 60, g1 = 5, b1 = bo(() => /* @__PURE__ */ q(Ct, { gap: 15, children: [
+  /* @__PURE__ */ m(
+    ua,
+    {
+      title: "Wallets",
+      onClickBackButton: () => {
+        V("connect eco modal: header back button - clicked"), ie.remove(me.ConnectedWalletModal);
       }
-    ),
-    /* @__PURE__ */ m(fm, { height: (x1 + g1) * 3, children: /* @__PURE__ */ m(Em, { connectedWalletModal: !0 }) })
-  ] });
-}), f1 = ({ color: e = "currentColor" }) => /* @__PURE__ */ m("svg", { width: "9", height: "11", viewBox: "0 0 9 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ m(
+    }
+  ),
+  /* @__PURE__ */ m(fm, { height: (x1 + g1) * 3, children: /* @__PURE__ */ m(Em, { connectedWalletModal: !0 }) })
+] })), f1 = ({ color: e = "currentColor" }) => /* @__PURE__ */ m("svg", { width: "9", height: "11", viewBox: "0 0 9 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ m(
   "path",
   {
     d: "M2.8108 1.87099L4.62035 3.73224C5.01216 4.13524 4.73524 4.82459 4.17993 4.82459L0.876057 4.82459L0.876056 6.43207L4.18067 6.43282C4.7345 6.43282 5.01289 7.12217 4.62108 7.52518L2.80933 9.3887L3.91406 10.525L8.67323 5.62984L3.91553 0.736215L2.8108 1.87251L2.8108 1.87099Z",
@@ -42937,11 +42938,11 @@ const JD = [
     }
   }, [r]), A = O(() => {
     const b = () => s ? g : Fc;
-    return /* @__PURE__ */ q(be, { children: [
+    return /* @__PURE__ */ q(ge, { children: [
       (() => {
         if (e) return e;
         if (!c && n && t)
-          return /* @__PURE__ */ m(W, { align: "flex-end", gap: 8, children: i && h && /* @__PURE__ */ q(be, { children: [
+          return /* @__PURE__ */ m(W, { align: "flex-end", gap: 8, children: i && h && /* @__PURE__ */ q(ge, { children: [
             /* @__PURE__ */ q(
               ns,
               {
@@ -42973,12 +42974,12 @@ const JD = [
     a,
     i,
     n
-  ]), x = O(() => /* @__PURE__ */ q(be, { children: [
+  ]), x = O(() => /* @__PURE__ */ q(ge, { children: [
     (() => {
       if (e) return e;
       if (!c && n && t)
         return /* @__PURE__ */ q(W, { align: "flex-end", gap: 10, height: 13, children: [
-          i && h && /* @__PURE__ */ q(be, { children: [
+          i && h && /* @__PURE__ */ q(ge, { children: [
             /* @__PURE__ */ q(
               ns,
               {
@@ -43144,7 +43145,7 @@ const w1 = new Intl.NumberFormat("en-US", {
         },
         r
       )),
-      /* @__PURE__ */ m(M1, { children: a || e ? /* @__PURE__ */ q(be, { children: [
+      /* @__PURE__ */ m(M1, { children: a || e ? /* @__PURE__ */ q(ge, { children: [
         /* @__PURE__ */ m(
           z1,
           {
@@ -44054,7 +44055,7 @@ const w1 = new Intl.NumberFormat("en-US", {
       (d = h.current) == null || d.focus();
     }, 0);
   }, [r, l, s]), /* @__PURE__ */ q(tx, { align: "center", gap: 5, children: [
-    r ? /* @__PURE__ */ q(be, { children: [
+    r ? /* @__PURE__ */ q(ge, { children: [
       /* @__PURE__ */ m(cn, { onClick: i, children: /* @__PURE__ */ m(nx, { color: a.primary.text.normal, maskedVersion: !1 }) }),
       /* @__PURE__ */ q(ix, { gap: 5, align: "center", justify: "center", children: [
         /* @__PURE__ */ m(fa, { groupedAsset: e, width: 20, height: 20 }),
@@ -44073,7 +44074,7 @@ const w1 = new Intl.NumberFormat("en-US", {
         onKeyDown: c
       }
     ),
-    /* @__PURE__ */ m(W, { align: "center", gap: 5, "data-logo": "skip-go", children: !l && /* @__PURE__ */ q(be, { children: [
+    /* @__PURE__ */ m(W, { align: "center", gap: 5, "data-logo": "skip-go", children: !l && /* @__PURE__ */ q(ge, { children: [
       /* @__PURE__ */ m(X, { textWrap: "nowrap", children: " Powered by " }),
       /* @__PURE__ */ m(Fm, { color: a.primary.text.lowContrast })
     ] }) })
@@ -44346,7 +44347,7 @@ const mx = bo((e) => {
       };
     });
   };
-  return /* @__PURE__ */ m(be, { children: D ? /* @__PURE__ */ q(Ct, { children: [
+  return /* @__PURE__ */ m(ge, { children: D ? /* @__PURE__ */ q(Ct, { children: [
     /* @__PURE__ */ m(
       ua,
       {
@@ -44521,7 +44522,7 @@ const Tm = Q(void 0), Nm = () => {
           }
         ),
         /* @__PURE__ */ m(
-          ge,
+          xe,
           {
             label: "Continue",
             icon: J.rightArrow,
@@ -44557,7 +44558,7 @@ const Tm = Q(void 0), Nm = () => {
     chainId: s,
     tokenAmount: c
   });
-  return /* @__PURE__ */ q(be, { children: [
+  return /* @__PURE__ */ q(ge, { children: [
     /* @__PURE__ */ m(
       Ze,
       {
@@ -44574,7 +44575,7 @@ const Tm = Q(void 0), Nm = () => {
       gn,
       {
         title: "Warning: Incomplete Price Data",
-        description: /* @__PURE__ */ q(be, { children: [
+        description: /* @__PURE__ */ q(ge, { children: [
           /* @__PURE__ */ q(X, { color: o.warning.text, textAlign: "center", textWrap: "balance", children: [
             "USD price data is missing for one of the assets, please double check the input and output amounts are acceptable before continuing.",
             /* @__PURE__ */ m("br", {}),
@@ -44603,7 +44604,7 @@ const Tm = Q(void 0), Nm = () => {
       }
     ),
     /* @__PURE__ */ m(
-      ge,
+      xe,
       {
         label: "Back",
         icon: J.leftArrow,
@@ -45377,7 +45378,7 @@ const Gx = ({
   switch (e) {
     case Ae.recoveryAddressUnset:
       return /* @__PURE__ */ m(
-        ge,
+        xe,
         {
           label: "Set intermediary address",
           icon: J.rightArrow,
@@ -45388,7 +45389,7 @@ const Gx = ({
       );
     case Ae.destinationAddressUnset:
       return /* @__PURE__ */ m(
-        ge,
+        xe,
         {
           label: d(),
           icon: J.rightArrow,
@@ -45416,17 +45417,17 @@ const Gx = ({
         }
         c();
       };
-      return /* @__PURE__ */ m(ge, { label: "Confirm", icon: J.rightArrow, onClick: g });
+      return /* @__PURE__ */ m(xe, { label: "Confirm", icon: J.rightArrow, onClick: g });
     }
     case Ae.validatingGasBalance:
-      return /* @__PURE__ */ m(ge, { label: "Validating", icon: J.rightArrow, loading: !0 });
+      return /* @__PURE__ */ m(xe, { label: "Validating", icon: J.rightArrow, loading: !0 });
     case Ae.waitingForSigning:
-      return /* @__PURE__ */ m(ge, { label: "Confirming", icon: J.rightArrow, loading: !0 });
+      return /* @__PURE__ */ m(xe, { label: "Confirming", icon: J.rightArrow, loading: !0 });
     case Ae.approving:
-      return /* @__PURE__ */ m(ge, { label: "Approving allowance", icon: J.rightArrow, loading: !0 });
+      return /* @__PURE__ */ m(xe, { label: "Approving allowance", icon: J.rightArrow, loading: !0 });
     case Ae.pending:
       return /* @__PURE__ */ m(
-        ge,
+        xe,
         {
           label: "Processing",
           loading: !0,
@@ -45437,7 +45438,7 @@ const Gx = ({
       );
     case Ae.signaturesRemaining:
       return /* @__PURE__ */ m(
-        ge,
+        xe,
         {
           label: `${i} ${Qi(
             "signature",
@@ -45449,7 +45450,7 @@ const Gx = ({
       );
     case Ae.confirmed:
       return /* @__PURE__ */ m(
-        ge,
+        xe,
         {
           label: "Go again",
           icon: J.checkmark,
@@ -45460,13 +45461,13 @@ const Gx = ({
         }
       );
     case Ae.pendingGettingAddresses:
-      return /* @__PURE__ */ m(ge, { label: "Getting addresses", loading: !0 });
+      return /* @__PURE__ */ m(xe, { label: "Getting addresses", loading: !0 });
     default:
       return null;
   }
 }, Xx = (e) => {
   var h, D;
-  const n = Y(je), i = Y(an), o = Y(xe), t = Y(Un), [{ data: c }] = pe(fn), { transactionDetailsArray: a } = L(Le), r = a[a.length - 1], s = ve(
+  const n = Y(je), i = Y(an), o = Y(be), t = Y(Un), [{ data: c }] = pe(fn), { transactionDetailsArray: a } = L(Le), r = a[a.length - 1], s = ve(
     (d, g) => {
       if (!(!d || !g) && c)
         return c.find(
@@ -45742,7 +45743,7 @@ async function eg(e, n, i) {
   };
 }
 const Rm = () => {
-  const [e] = pe(xe), i = ui()(e == null ? void 0 : e.chainID), {
+  const [e] = pe(be), i = ui()(e == null ? void 0 : e.chainID), {
     data: o,
     isFetched: t,
     isPending: c,
@@ -45801,7 +45802,7 @@ const Rm = () => {
     }).filter((r) => r);
   }, [e, i, n, o]);
 }, ng = () => {
-  const e = L(xe), { data: n } = L(fn), i = Om(e == null ? void 0 : e.chainID), o = yt(), t = i == null ? void 0 : i.find((l) => l == null ? void 0 : l.isSufficient);
+  const e = L(be), { data: n } = L(fn), i = Om(e == null ? void 0 : e.chainID), o = yt(), t = i == null ? void 0 : i.find((l) => l == null ? void 0 : l.isSufficient);
   if ((t == null ? void 0 : t.denom) !== (e == null ? void 0 : e.denom))
     return !(!(e != null && e.amount) || Be(o).isGreaterThanOrEqualTo(Be(e == null ? void 0 : e.amount)));
   const c = n == null ? void 0 : n.find((l) => l.denom === (t == null ? void 0 : t.denom));
@@ -45813,7 +45814,7 @@ const Rm = () => {
   return !(e != null && e.amount ? Be(a).isGreaterThanOrEqualTo(Be(e == null ? void 0 : e.amount)) : !1);
 }, ig = () => {
   var c, a, r, l, s, h, D;
-  const [e] = pe(xe), n = Ye({
+  const [e] = pe(be), n = Ye({
     assetDenom: e == null ? void 0 : e.denom,
     amount: e == null ? void 0 : e.amount,
     chainId: e == null ? void 0 : e.chainID
@@ -45867,7 +45868,7 @@ const Rm = () => {
     e && n(e);
   };
 }, tg = () => {
-  const e = yt(), [n] = pe(xe), [{ data: i }] = pe(Ee), o = ng();
+  const e = yt(), [n] = pe(be), [{ data: i }] = pe(Ee), o = ng();
   if (!(n != null && n.amount)) return !1;
   if (!e) return !0;
   const t = i == null ? void 0 : i.find((c) => c.chainID === (n == null ? void 0 : n.chainID));
@@ -45883,7 +45884,7 @@ const Rm = () => {
     }
   )
 ] }), ag = () => {
-  const e = L(xe), i = ui()(e == null ? void 0 : e.chainID), o = Ye({
+  const e = L(be), i = ui()(e == null ? void 0 : e.chainID), o = Ye({
     assetDenom: e == null ? void 0 : e.denom,
     amount: e == null ? void 0 : e.amount,
     chainId: e == null ? void 0 : e.chainID
@@ -45988,7 +45989,7 @@ const Rm = () => {
     e(void 0), n(void 0);
   }, [n, e]);
 }, lg = () => {
-  const [e] = pe(Gn), [n] = pe(On), [i, o] = pe(xe), [t, c] = pe(Ue);
+  const [e] = pe(Gn), [n] = pe(On), [i, o] = pe(be), [t, c] = pe(Ue);
   ae(() => {
     if (!e.data || !i || !t || (i == null ? void 0 : i.amount) === "" && n === "swap-in" || (t == null ? void 0 : t.amount) === "" && n === "swap-out") return;
     const a = tn(
@@ -46016,7 +46017,7 @@ const Rm = () => {
   }, [e.data, i, t, n, o, c]);
 }, mg = () => {
   var t;
-  const { data: e } = L(Ee), n = L(xe), i = (t = e == null ? void 0 : e.find((c) => c.chainID === (n == null ? void 0 : n.chainID))) == null ? void 0 : t.chainType, o = ui();
+  const { data: e } = L(Ee), n = L(be), i = (t = e == null ? void 0 : e.find((c) => c.chainID === (n == null ? void 0 : n.chainID))) == null ? void 0 : t.chainType, o = ui();
   return O(() => {
     if (i !== R.Cosmos) return !1;
     const c = o(n == null ? void 0 : n.chainID);
@@ -46026,7 +46027,7 @@ const Rm = () => {
   var re;
   const { SettingsFooter: e, drawerOpen: n } = Nm();
   pe(RD), pe(OD);
-  const [i, o] = pe(xe), t = Y(go), c = Y(Dt), [a] = pe(lm), [r, l] = pe(Ue), [s] = pe(On), [{ data: h }] = pe(fn), D = Y(an), d = L(ro), g = tg(), A = Y(t2), x = Y(je), { isFetching: b, isPending: v } = L(ga), f = b && v, { data: y, isError: j, error: B } = L(Gn), I = mg(), T = L(la), p = ft(y), u = L(xt), C = L(mm), F = Y(Kn);
+  const [i, o] = pe(be), t = Y(go), c = Y(Dt), [a] = pe(lm), [r, l] = pe(Ue), [s] = pe(On), [{ data: h }] = pe(fn), D = Y(an), d = L(ro), g = tg(), A = Y(t2), x = Y(je), { isFetching: b, isPending: v } = L(ga), f = b && v, { data: y, isError: j, error: B } = L(Gn), I = mg(), T = L(la), p = ft(y), u = L(xt), C = L(mm), F = Y(Kn);
   rg(), sg(), lg();
   const w = Lm(), z = ui()(i == null ? void 0 : i.chainID), k = L(Bn), P = s2(y), E = ve(
     (K, _) => {
@@ -46085,10 +46086,10 @@ const Rm = () => {
       return nm(y.usdAmountIn, y.usdAmountOut);
   }, [a, y == null ? void 0 : y.usdAmountIn, y == null ? void 0 : y.usdAmountOut]), te = O(() => {
     if (!(i != null && i.chainID))
-      return /* @__PURE__ */ m(ge, { label: "Please select a source asset", icon: J.swap, disabled: !0 });
+      return /* @__PURE__ */ m(xe, { label: "Please select a source asset", icon: J.swap, disabled: !0 });
     if (!(z != null && z.address) && !d)
       return /* @__PURE__ */ m(
-        ge,
+        xe,
         {
           label: "Connect Wallet",
           icon: J.plus,
@@ -46100,20 +46101,20 @@ const Rm = () => {
         }
       );
     if (!(r != null && r.chainID))
-      return /* @__PURE__ */ m(ge, { label: "Please select a destination asset", icon: J.swap, disabled: !0 });
+      return /* @__PURE__ */ m(xe, { label: "Please select a destination asset", icon: J.swap, disabled: !0 });
     const K = !(i != null && i.amount) && !(r != null && r.amount), _ = (i == null ? void 0 : i.amount) === "0" || (r == null ? void 0 : r.amount) === "0";
     if (K || _)
-      return /* @__PURE__ */ m(ge, { label: "Please enter a valid amount", icon: J.swap, disabled: !0 });
+      return /* @__PURE__ */ m(xe, { label: "Please enter a valid amount", icon: J.swap, disabled: !0 });
     if (a)
-      return /* @__PURE__ */ m(ge, { label: "Finding best route", loading: !0 });
+      return /* @__PURE__ */ m(xe, { label: "Finding best route", loading: !0 });
     if (j) {
       const Ne = (B == null ? void 0 : B.message) ?? "", Ve = Ne.startsWith("no single-tx routes found") ? "Multiple signature routes are currently only supported on the Skip:Go desktop app" : Ne, An = Ve.length > 36 ? 18 : 24;
-      return /* @__PURE__ */ m(ge, { label: Ve || "No routes found", disabled: !0, fontSize: An });
+      return /* @__PURE__ */ m(xe, { label: Ve || "No routes found", disabled: !0, fontSize: An });
     }
     if (f)
-      return /* @__PURE__ */ m(ge, { label: "Fetching balances", loading: !0, icon: J.swap });
+      return /* @__PURE__ */ m(xe, { label: "Fetching balances", loading: !0, icon: J.swap });
     if (g)
-      return /* @__PURE__ */ m(ge, { label: "Insufficient balance", disabled: !0, icon: J.swap });
+      return /* @__PURE__ */ m(xe, { label: "Insufficient balance", disabled: !0, icon: J.swap });
     const ke = () => {
       var Ne, Ve;
       if (V("swap page: continue button - clicked", {
@@ -46171,7 +46172,7 @@ const Rm = () => {
       F({}), D(ze.SwapExecutionPage), ws({ username: z == null ? void 0 : z.address }), A();
     };
     return /* @__PURE__ */ m(
-      ge,
+      xe,
       {
         label: P ? "Swap" : "Send",
         icon: J.swap,
@@ -47019,7 +47020,7 @@ const e3 = (e) => {
   assetImage: i
 }) => {
   const o = Je();
-  return /* @__PURE__ */ q(be, { children: [
+  return /* @__PURE__ */ q(ge, { children: [
     /* @__PURE__ */ m("img", { height: 20, width: 20, src: i }),
     /* @__PURE__ */ m(X, { normalTextColor: !0, title: e, children: Bi(e) }),
     !o && /* @__PURE__ */ m(X, { normalTextColor: !0, children: (n == null ? void 0 : n.recommendedSymbol) ?? (n == null ? void 0 : n.symbol) })
@@ -47260,7 +47261,7 @@ const x3 = () => {
     replaysSessionSampleRate: 1,
     replaysOnErrorSampleRate: 0
   }), xs = !0);
-}, g3 = "@skip-go/widget", b3 = "Swap widget", Ca = "3.7.1", f3 = {
+}, g3 = "@skip-go/widget", b3 = "Swap widget", Ca = "3.7.2", f3 = {
   url: "https://github.com/skip-mev/skip-go",
   directory: "packages/widget"
 }, A3 = "module", C3 = {

package/build/{index.es-DHYHF9gr.js → index.es-CdQb9EOm.js}

@@ -1,4 +1,4 @@
-import { g as getAugmentedNamespace, c as commonjsGlobal, a as getDefaultExportFromCjs, p as process$1 } from "./index-SURT_wpx.js";
+import { g as getAugmentedNamespace, c as commonjsGlobal, a as getDefaultExportFromCjs, p as process$1 } from "./index-DDa99K_H.js";
 import qg, { PROPOSAL_EXPIRY_MESSAGE } from "@walletconnect/sign-client";
 const global = globalThis || void 0 || self;
 var buffer$1 = {}, base64Js = {};

package/build/index.js

@@ -1,4 +1,4 @@
-import { W as s, d as t, l as d, o, r as l } from "./index-SURT_wpx.js";
+import { W as s, d as t, l as d, o, r as l } from "./index-DDa99K_H.js";
 export {
   s as Widget,
   t as defaultTheme,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skip-go/widget",
   "description": "Swap widget",
-  "version": "3.7.1",
+  "version": "3.7.2",
   "repository": {
     "url": "https://github.com/skip-mev/skip-go",
     "directory": "packages/widget"