@blockend/widget 1.0.37 → 1.0.39-beta.1

package/dist/{index-DxzdSv5L.js → index-Bknn7U1s.js}

@@ -1,19 +1,19 @@
-import { jsxs as b, jsx as r, Fragment as A } from "react/jsx-runtime";
+import { jsxs as b, jsx as n, Fragment as A } from "react/jsx-runtime";
 import G, { useContext as H, useState as E, useEffect as v, useRef as _ } from "react";
-import { a as U, T as $, H as O, b as L, c as J, E as K, d as V } from "./EstGas-rcnEBkqO.js";
-import { u as l, l as W } from "./index-B-SW_GEm.js";
-import { i as D, C as Q, A as X } from "./useRegisterError-ECelAuZf.js";
-import { B as Y } from "./Box-CE0tCEXx.js";
+import { a as U, T as $, H as O, b as L, c as J, E as K, d as V } from "./EstGas-WwkfFHpv.js";
+import { u as l, l as W } from "./index-CCJxyv13.js";
+import { i as D, C as Q, A as X } from "./useRegisterError-CIj7yT4N.js";
+import { B as Y } from "./Box-2EhEu03K.js";
 function Z() {
   var d, w, i, e, u, c, m, g, x, s, h, y, p, C;
-  const t = l((T) => T.persist), n = l((T) => T.configuration), { defaultCoin: a } = D;
+  const t = l((T) => T.persist), r = l((T) => T.configuration), { defaultCoin: a } = D;
   let f = (i = (w = (d = t == null ? void 0 : t.route) == null ? void 0 : d.providerDetails) == null ? void 0 : w.logoUrl) != null && i.length ? (u = (e = t == null ? void 0 : t.route) == null ? void 0 : e.providerDetails) == null ? void 0 : u.logoUrl : a;
-  return W.isEmpty(t.route) ? /* @__PURE__ */ r(A, {}) : /* @__PURE__ */ b("div", { className: "bw-relative bw-mt-4 bw-flex bw-justify-center ", children: [
-    /* @__PURE__ */ r(
+  return W.isEmpty(t.route) ? /* @__PURE__ */ n(A, {}) : /* @__PURE__ */ b("div", { className: "bw-relative bw-mt-4 bw-flex bw-justify-center ", children: [
+    /* @__PURE__ */ n(
       "div",
       {
         style: {
-          boxShadow: n && n.customTheme && ((m = (c = n.customTheme) == null ? void 0 : c.shadow) == null ? void 0 : m.boxShadow) || "1px 1px 10px 3px rgba(0, 0, 0, 0.15)"
+          boxShadow: r && r.customTheme && ((m = (c = r.customTheme) == null ? void 0 : c.shadow) == null ? void 0 : m.boxShadow) || "1px 1px 10px 3px rgba(0, 0, 0, 0.15)"
         },
         className: "bw-w-[200px] bw-rounded-[50%] bw-absolute bw-right-auto bw-z-0 bw-left-auto bw-h-[40px]"
       }
@@ -21,9 +21,9 @@ function Z() {
     /* @__PURE__ */ b("div", { className: "bw-flex bw-relative bw-bg-background-container bw-z-10 bw-mx-auto  bw-h-[41px] bw-w-[70%] bw-border-[0.5px] bw-border-border-primary bw-border-r-0 bw-border-l-0 bw-items-center bw-gap-x-1", children: [
       " ",
       /* @__PURE__ */ b("p", { className: "bw-text-sm bw-w-full bw-text-center bw-flex bw-justify-center bw-items-center bw-font-normal bw-my-1 bw-text-text-primary", children: [
-        /* @__PURE__ */ r("span", { className: "bw-text-sm bw-font-light", children: "via" }),
+        /* @__PURE__ */ n("span", { className: "bw-text-sm bw-font-light", children: "via" }),
         " ",
-        /* @__PURE__ */ r("img", { src: f, className: "bw-rounded-[50%] bw-mx-[4px] bw-min-w-[18px] bw-max-h-[18px] bw-min-h-[18px]", width: 18, height: 18 }),
+        /* @__PURE__ */ n("img", { src: f, className: "bw-rounded-[50%] bw-mx-[4px] bw-min-w-[18px] bw-max-h-[18px] bw-min-h-[18px]", width: 18, height: 18 }),
         ((x = (g = t == null ? void 0 : t.route) == null ? void 0 : g.providerDetails) == null ? void 0 : x.name) || "",
         ": ",
         (s = t == null ? void 0 : t.route) == null ? void 0 : s.protocolsUsed[0],
@@ -40,8 +40,8 @@ function Z() {
 let N;
 function R() {
   var u, c, m, g, x;
-  const t = l((s) => s.configuration), n = l((s) => s.persist), a = l((s) => s.setPersist), { isErrorMessage: f } = H(U), d = Math.floor(((/* @__PURE__ */ new Date()).getTime() - n.quoteStartTime) / 1e3);
-  let w = ((u = n == null ? void 0 : n.route) == null ? void 0 : u.deadline) || 60;
+  const t = l((s) => s.configuration), r = l((s) => s.persist), a = l((s) => s.setPersist), { isErrorMessage: f } = H(U), d = Math.floor(((/* @__PURE__ */ new Date()).getTime() - r.quoteStartTime) / 1e3);
+  let w = ((u = r == null ? void 0 : r.route) == null ? void 0 : u.deadline) || 60;
   const [i, e] = E(w);
   return v(() => {
     d && e(w - d);
@@ -56,11 +56,11 @@ function R() {
       }), 0) : s - 1;
     });
   }, 1e3), () => clearInterval(N)), []), v(() => {
-    (f || !n.isQuoteTimer) && clearInterval(N);
-  }, [f, n.isQuoteTimer]), !(n != null && n.hash) && n.quote === "enable" ? /* @__PURE__ */ b("div", { className: "bw-absolute bw-top-0 bw-right-0 ", children: [
-    /* @__PURE__ */ r("svg", { className: "bw-absolute bw-w-[20px] bw-h-[20px]", children: /* @__PURE__ */ b("linearGradient", { id: "linearColors", x1: "0", y1: "0", x2: "1", y2: "1", children: [
-      /* @__PURE__ */ r("stop", { offset: "1%", stopColor: (c = t == null ? void 0 : t.gradientStyle) != null && c.spinnerColor ? (m = t == null ? void 0 : t.gradientStyle) == null ? void 0 : m.spinnerColor : "#A45EFF" }),
-      /* @__PURE__ */ r("stop", { offset: "90%", stopColor: (g = t == null ? void 0 : t.gradientStyle) != null && g.spinnerColor ? (x = t == null ? void 0 : t.gradientStyle) == null ? void 0 : x.stopColor : "#2CFFE4" })
+    (f || !r.isQuoteTimer) && clearInterval(N);
+  }, [f, r.isQuoteTimer]), !(r != null && r.hash) && r.quote === "enable" ? /* @__PURE__ */ b("div", { className: "bw-absolute bw-top-0 bw-right-0 ", children: [
+    /* @__PURE__ */ n("svg", { className: "bw-absolute bw-w-[20px] bw-h-[20px]", children: /* @__PURE__ */ b("linearGradient", { id: "linearColors", x1: "0", y1: "0", x2: "1", y2: "1", children: [
+      /* @__PURE__ */ n("stop", { offset: "1%", stopColor: (c = t == null ? void 0 : t.gradientStyle) != null && c.spinnerColor ? (m = t == null ? void 0 : t.gradientStyle) == null ? void 0 : m.spinnerColor : "#A45EFF" }),
+      /* @__PURE__ */ n("stop", { offset: "90%", stopColor: (g = t == null ? void 0 : t.gradientStyle) != null && g.spinnerColor ? (x = t == null ? void 0 : t.gradientStyle) == null ? void 0 : x.stopColor : "#2CFFE4" })
     ] }) }),
     /* @__PURE__ */ b(
       Y,
@@ -70,7 +70,7 @@ function R() {
           display: "inline-flex"
         },
         children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             Q,
             {
               variant: "determinate",
@@ -82,7 +82,7 @@ function R() {
               value: 100
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             Q,
             {
               variant: "determinate",
@@ -102,16 +102,9 @@ function R() {
         ]
       }
     )
-  ] }) : /* @__PURE__ */ r(A, {});
+  ] }) : /* @__PURE__ */ n(A, {});
 }
-const ee = G.memo(function({
-  handleOpenExchange: t,
-  amount: n,
-  route: a,
-  resetAmount: f,
-  resetBalance: d,
-  setExchange: w
-}) {
+const ee = G.memo(function({ handleOpenExchange: t, amount: r, route: a, resetAmount: f, resetBalance: d, setExchange: w }) {
   var k;
   const i = l((o) => o.setPersist), e = l((o) => o.persist), u = l((o) => o.fromChain), c = l((o) => o.fromCoin), m = l((o) => o.toChain), g = l((o) => o.toCoin), [x, s] = E(!1), [h, y] = E(!1), [p, C] = E(!1), T = !e.stepData, { txnupdate: M } = D;
   v(() => {
@@ -124,7 +117,7 @@ const ee = G.memo(function({
       toCoin: g,
       fromChain: u,
       fromCoin: c,
-      amount: n,
+      amount: r,
       quote: "enable",
       openAt: (/* @__PURE__ */ new Date()).getTime(),
       startTime: ((F = (z = (j = l) == null ? void 0 : j.getState()) == null ? void 0 : z.persist) == null ? void 0 : F.startTime) || (/* @__PURE__ */ new Date()).getTime()
@@ -150,71 +143,32 @@ const ee = G.memo(function({
   function P() {
     t(), i({}), h && d();
   }
-  return /* @__PURE__ */ r($.Provider, { value: { isTxnSuccessful: h, handleTxnSuccess: q }, children: /* @__PURE__ */ r(U.Provider, { value: { isErrorMessage: p, handleErrorMessage: B }, children: /* @__PURE__ */ b("div", { className: "bw-w-full bw-relative bw-min-h-[610px] ", children: [
-    /* @__PURE__ */ r(O, { handleBack: P }),
-    /* @__PURE__ */ r("div", { className: "bw-mt-[-20px] ", children: /* @__PURE__ */ r(Z, {}) }),
-    e != null && e.isQuoteTimer ? /* @__PURE__ */ r(R, {}) : /* @__PURE__ */ r(A, {}),
-    /* @__PURE__ */ r("div", { className: "bw-flex bw-justify-between bw-items-center" }),
+  return /* @__PURE__ */ n($.Provider, { value: { isTxnSuccessful: h, handleTxnSuccess: q }, children: /* @__PURE__ */ n(U.Provider, { value: { isErrorMessage: p, handleErrorMessage: B }, children: /* @__PURE__ */ b("div", { className: "bw-w-full bw-relative bw-min-h-[610px] ", children: [
+    /* @__PURE__ */ n(O, { handleBack: P }),
+    /* @__PURE__ */ n("div", { className: "bw-mt-[-20px] ", children: /* @__PURE__ */ n(Z, {}) }),
+    e != null && e.isQuoteTimer ? /* @__PURE__ */ n(R, {}) : /* @__PURE__ */ n(A, {}),
+    /* @__PURE__ */ n("div", { className: "bw-flex bw-justify-between bw-items-center" }),
     /* @__PURE__ */ b("div", { className: "bw-flex bw-w-full bw-mt-4 bw-justify-between bw-items-center", children: [
       /* @__PURE__ */ b("div", { className: "bw-w-[40%] md:bw-w-auto", children: [
-        /* @__PURE__ */ r("p", { className: "bw-text-xs bw-mb-1 bw-text-text-secondary bw-font-medium", children: "Send" }),
-        /* @__PURE__ */ r(
-          L,
-          {
-            amount: e == null ? void 0 : e.amount,
-            coinData: e.fromCoin,
-            chainData: e.fromChain,
-            field: "from"
-          }
-        )
+        /* @__PURE__ */ n("p", { className: "bw-text-xs bw-mb-1 bw-text-text-secondary bw-font-medium", children: "Send" }),
+        /* @__PURE__ */ n(L, { amount: e == null ? void 0 : e.amount, coinData: e.fromCoin, chainData: e.fromChain, field: "from" })
       ] }),
-      p ? /* @__PURE__ */ r(
-        "div",
-        {
-          className: "bw-border bw-mt-5 bw-w-[65px] bw-h-[65px] bw-flex bw-items-center bw-justify-center bw-rounded-[50%] bw-bg-background-card  bw-relative bw-z-10  hover:bw-opacity-100  bw-border-border-primary ",
-          children: /* @__PURE__ */ r("img", { src: M, width: 33, height: 30, alt: "img" })
-        }
-      ) : /* @__PURE__ */ r(
-        J,
-        {
-          isTimerStarted: (e == null ? void 0 : e.isTimerStarted) || x,
-          startTimer: I,
-          error: p
-        }
-      ),
-      /* @__PURE__ */ r("div", { className: "bw-w-full bw-z-0 md:bw-w-full bw-mt-5  bw-absolute bw-h-[1px] bw-bg-border-primary " }),
+      p ? /* @__PURE__ */ n("div", { className: "bw-border bw-mt-5 bw-w-[65px] bw-h-[65px] bw-flex bw-items-center bw-justify-center bw-rounded-[50%] bw-bg-background-container  bw-relative bw-z-10  hover:bw-opacity-100  bw-border-border-primary ", children: /* @__PURE__ */ n("img", { src: M, width: 33, height: 30, alt: "img" }) }) : /* @__PURE__ */ n(J, { isTimerStarted: (e == null ? void 0 : e.isTimerStarted) || x, startTimer: I, error: p }),
+      /* @__PURE__ */ n("div", { className: "bw-w-full bw-z-0 md:bw-w-full bw-mt-5  bw-absolute bw-h-[1px] bw-bg-border-primary " }),
       /* @__PURE__ */ b("div", { className: "bw-w-[40%] md:bw-w-auto", children: [
-        /* @__PURE__ */ r("p", { className: "bw-text-xs bw-mb-1 bw-text-text-secondary bw-font-medium", children: "Receive" }),
-        /* @__PURE__ */ r(
-          L,
-          {
-            amount: Number(((k = e == null ? void 0 : e.route) == null ? void 0 : k.outputAmountDisplay) || ""),
-            coinData: e == null ? void 0 : e.toCoin,
-            chainData: e == null ? void 0 : e.toChain,
-            field: "to"
-          }
-        )
+        /* @__PURE__ */ n("p", { className: "bw-text-xs bw-mb-1 bw-text-text-secondary bw-font-medium", children: "Receive" }),
+        /* @__PURE__ */ n(L, { amount: Number(((k = e == null ? void 0 : e.route) == null ? void 0 : k.outputAmountDisplay) || ""), coinData: e == null ? void 0 : e.toCoin, chainData: e == null ? void 0 : e.toChain, field: "to" })
       ] })
     ] }),
     /* @__PURE__ */ b("div", { className: "bw-h-[320px] bw-pr-1 bw-flex bw-flex-col bw-mt-8 bw-overflow-y-auto", children: [
-      T ? /* @__PURE__ */ r(A, {}) : /* @__PURE__ */ r(K, {}),
-      /* @__PURE__ */ r(
-        V,
-        {
-          handleOpenExchange: t,
-          setExchange: w,
-          amount: n,
-          startTimer: I,
-          handleBack: P,
-          isTimerStarted: (e == null ? void 0 : e.isTimerStarted) || x
-        }
-      )
+      T ? /* @__PURE__ */ n(A, {}) : /* @__PURE__ */ n(K, {}),
+      /* @__PURE__ */ n(V, { handleOpenExchange: t, setExchange: w, amount: r, startTimer: I, handleBack: P, isTimerStarted: (e == null ? void 0 : e.isTimerStarted) || x })
     ] })
   ] }) }) });
 });
 function le({
   handleConfirmClose: t,
-  routesData: n,
+  routesData: r,
   amount: a,
   resetAmount: f,
   resetBalance: d,
@@ -225,8 +179,8 @@ function le({
     var c, m;
     !i.current && Number(
       ((c = i == null ? void 0 : i.current) == null ? void 0 : c.minOutputAmount) || ((m = i == null ? void 0 : i.current) == null ? void 0 : m.outputAmountDisplay)
-    ) !== Number((n == null ? void 0 : n.minOutputAmount) || (n == null ? void 0 : n.outputAmountDisplay)) && (i.current = n);
-  }, [n]), v(() => {
+    ) !== Number((r == null ? void 0 : r.minOutputAmount) || (r == null ? void 0 : r.outputAmountDisplay)) && (i.current = r);
+  }, [r]), v(() => {
     w(!0);
   }, []);
   function e() {
@@ -235,12 +189,12 @@ function le({
   function u() {
     t(!1);
   }
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     ee,
     {
       handleOpenExchange: e,
       amount: a,
-      route: n,
+      route: r,
       resetAmount: f,
       resetBalance: d,
       setExchange: u

package/dist/{index-B1w5_SG8.js → index-C3Yx39QI.js}

@@ -1,23 +1,23 @@
 import { jsxs as G, jsx as M, Fragment as Ne } from "react/jsx-runtime";
-import { T as Lb } from "./Tooltip-Cy6G6aB1.js";
+import { T as Lb } from "./Tooltip-DSOAqpED.js";
 import { R as Bb } from "./index-CDq3vNnP.js";
-import { u as V1, L as Wd, H as X1, M as Y1, a as Z1, P as J1, S as Q1 } from "./hamburger-DSSy8mCt.js";
-import { r as Fb, a as ex, b as tx, B as rx, i as jf, u as Ub, C as nx, c as vo, f as ax, d as ix } from "./useRegisterError-ECelAuZf.js";
-import { g as jt, b as tt, _ as It, d as oe, s as mt, e as Z, f as ot, h as $t, r as If, p as ge, P as A, i as Wt, j as it, u as Pr, a as Oi, c as _i, k as fa, m as de, l as $f } from "./index-B-SW_GEm.js";
+import { u as V1, L as Wd, H as X1, M as Y1, a as Z1, P as J1, S as Q1 } from "./hamburger-Bss9ENTU.js";
+import { r as Fb, a as ex, b as tx, B as rx, i as jf, u as Ub, C as nx, c as vo, f as ax, d as ix } from "./useRegisterError-CIj7yT4N.js";
+import { g as jt, b as tt, _ as It, d as oe, s as mt, e as Z, f as ot, h as $t, r as If, p as ge, P as A, i as Wt, j as it, u as Pr, a as Oi, c as _i, k as fa, m as de, l as $f } from "./index-CCJxyv13.js";
 import * as Oe from "react";
 import E, { useState as ke, useEffect as ze, isValidElement as ut, Children as ir, PureComponent as Rt, forwardRef as Wb, useRef as Ca, useImperativeHandle as ox, useCallback as ux, useMemo as Bt, cloneElement as Ae, createElement as Hb, useContext as Si, createContext as pr, Component as sx } from "react";
-import { S as cx } from "./index-B04kkTEb.js";
+import { S as cx } from "./index-B8BzdUYX.js";
 import { useAccount as Cr } from "wagmi";
 import { useDynamicContext as Ai, useIsLoggedIn as Pi } from "@dynamic-labs/sdk-react-core";
 import { useQuery as Ti } from "@tanstack/react-query";
-import { D as zb, S as lx } from "./down-Ckh5T4yi.js";
+import { D as zb, S as lx } from "./down-C69EIwo1.js";
 import { useAccount as Rf } from "graz";
-import { B as Gb } from "./getChainIds-DbbhYjA7.js";
+import { B as Gb } from "./getChainIds-CQg6djVc.js";
 import { t as fr } from "./truncate-D9t92mVX.js";
 import { S as Hd, a as zd } from "./sortDown-CjBaDQTU.js";
-import { O as Gd } from "./index-BRJYNpPi.js";
-import { u as fx } from "./Grow-CBt-GZWi.js";
-import { c as Nf } from "./index-BeckRKFQ.js";
+import { O as Gd } from "./index-DTTNs7X2.js";
+import { u as fx } from "./Grow-D4EVow-M.js";
+import { c as Nf } from "./index-D7cNHH01.js";
 function dx(e) {
   return jt("PrivateSwitchBase", e);
 }
@@ -1299,11 +1299,7 @@ function lO({ fill: e }) {
 }
 function Qb({ wallet: e }) {
   var l, d;
-  const [t, r] = ke(!1), n = Pr((h) => h.configuration), { isConnected: a } = Cr(), { primaryWallet: i } = Ai(), o = Pi(), {
-    address: u,
-    connected: s,
-    disconnect: c
-  } = Oi();
+  const [t, r] = ke(!1), n = Pr((h) => h.configuration), { isConnected: a } = Cr(), { primaryWallet: i } = Ai(), o = Pi(), { address: u, connected: s, disconnect: c } = Oi();
   function f() {
     r((h) => !h);
   }
@@ -1314,13 +1310,7 @@ function Qb({ wallet: e }) {
         onClick: () => {
           f();
         },
-        children: /* @__PURE__ */ M(
-          Bb,
-          {
-            classnames: "bw-border-[1.5px] bw-border-border-primary",
-            children: /* @__PURE__ */ M(lO, { fill: "var(--tw-text-primary)" })
-          }
-        )
+        children: /* @__PURE__ */ M(Bb, { classnames: "bw-border-[1.5px] bw-border-border-primary", children: /* @__PURE__ */ M(lO, { fill: "var(--tw-text-primary)" }) })
       }
     ) : /* @__PURE__ */ M(
       "button",
@@ -1336,14 +1326,7 @@ function Qb({ wallet: e }) {
         children: /* @__PURE__ */ M("div", { className: "bw-w-full bw-flex bw-justify-center bw-items-center bw-rounded-sm bw-h-full bw-bg-background-container", children: /* @__PURE__ */ M("p", { className: "bw-relative bw-z-20 ", children: "Connect Wallet" }) })
       }
     ),
-    t && /* @__PURE__ */ M("div", { className: "bw-absolute bw-z-20 bw-p-3 bw-rounded-[15px]  bw-right-0  bw-bg-background-container bw-h-full bw-top-0 bw-w-full", children: /* @__PURE__ */ M(
-      cx,
-      {
-        handleShowWallet: f,
-        portfolio: !0,
-        classNames: "bw-h-[630px]"
-      }
-    ) })
+    t && /* @__PURE__ */ M("div", { style: { zIndex: 2e3 }, className: "bw-absolute  bw-p-3 bw-rounded-[15px]  bw-right-0  bw-bg-background-container bw-h-full bw-top-0 bw-w-full", children: /* @__PURE__ */ M(cx, { handleShowWallet: f, portfolio: !0, classNames: "bw-h-[600px]" }) })
   ] });
 }
 function fO() {
@@ -1403,55 +1386,27 @@ function hl() {
     TronLink: c
   };
 }
-function dO({
-  walletDetails: e,
-  walletName: t,
-  i: r
-}) {
+function dO({ walletDetails: e, walletName: t, i: r }) {
   var h;
   const [n, a] = ke(null), { address: i, chain: o, data: u, disconnect: s, ...c } = e, f = !!n, { connector: l } = Cr();
-  return /* @__PURE__ */ M(Ne, { children: /* @__PURE__ */ G(
-    "button",
-    {
-      "aria-controls": f ? "basic-menu" : void 0,
-      "aria-haspopup": "true",
-      "aria-expanded": f ? "true" : void 0,
-      onClick: (y) => {
-        a(y.currentTarget);
-      },
-      id: "basic-button",
-      style: { fontSize: "12px" },
-      className: `bw-bg-background-container ${r ? "bw-border-0 " : " bw-border-0 bw-border-b-[0.5px] bw-border-border-primary"} bw-flex  bw-items-center bw-justify-between bw-py-2 bw-gap-x-1  bw-w-full   `,
-      children: [
-        (h = hl()) != null && h[t] || l.icon ? /* @__PURE__ */ M(
-          "img",
-          {
-            src: hl()[t] || l.icon,
-            width: 26,
-            height: 26,
-            className: "bw-border bw-max-w-[26px] bw-max-h-[26px] bw-min-w-[26px] bw-min-h-[26px]  bw-border-border-primary bw-rounded-[50%] bw-bg-background-coin"
-          }
-        ) : /* @__PURE__ */ M(Ne, {}),
-        /* @__PURE__ */ M("p", { className: "bw-text-text-primary bw-text-xs bw-font-normal", children: (i == null ? void 0 : i.substring(0, 4)) + "..." + (i == null ? void 0 : i.substring(i.length - 4, i.length)) }),
-        /* @__PURE__ */ M(
-          "div",
-          {
-            onClick: () => {
-              s();
-            },
-            children: /* @__PURE__ */ M(oO, { fill: "var(--tw-text-secondary)" })
-          }
-        )
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ M(Ne, { children: /* @__PURE__ */ G("button", { "aria-controls": f ? "basic-menu" : void 0, "aria-haspopup": "true", "aria-expanded": f ? "true" : void 0, onClick: (y) => {
+    a(y.currentTarget);
+  }, id: "basic-button", style: { fontSize: "12px" }, className: `bw-bg-background-container ${r ? "bw-border-0 " : " bw-border-0 bw-border-b-[0.5px] bw-border-border-primary"} bw-flex  bw-items-center bw-justify-between bw-py-2 bw-gap-x-1  bw-w-full   `, children: [
+    (h = hl()) != null && h[t] || l.icon ? /* @__PURE__ */ M("img", { src: hl()[t] || l.icon, width: 26, height: 26, className: "bw-border bw-max-w-[26px] bw-max-h-[26px] bw-min-w-[26px] bw-min-h-[26px]  bw-border-border-primary bw-rounded-[50%] bw-bg-background-secondary" }) : /* @__PURE__ */ M(Ne, {}),
+    /* @__PURE__ */ M("p", { className: "bw-text-text-primary bw-text-xs bw-font-normal", children: (i == null ? void 0 : i.substring(0, 4)) + "..." + (i == null ? void 0 : i.substring(i.length - 4, i.length)) }),
+    /* @__PURE__ */ M(
+      "div",
+      {
+        onClick: () => {
+          s();
+        },
+        children: /* @__PURE__ */ M(oO, { fill: "var(--tw-text-secondary)" })
+      }
+    )
+  ] }) });
 }
 function pO() {
-  const [e, t] = E.useState(null), [r, n] = E.useState([]), a = !!e, { primaryWallet: i, handleLogOut: o } = Ai(), u = Pi(), { connector: s } = Cr(), {
-    address: c,
-    connected: f,
-    disconnect: l
-  } = Oi(), { isConnected: d } = Cr(), { isConnected: h } = Rf(), { getWallet: y } = Ub({}), v = (w) => {
+  const [e, t] = E.useState(null), [r, n] = E.useState([]), a = !!e, { primaryWallet: i, handleLogOut: o } = Ai(), u = Pi(), { connector: s } = Cr(), { address: c, connected: f, disconnect: l } = Oi(), { isConnected: d } = Cr(), { isConnected: h } = Rf(), { getWallet: y } = Ub({}), v = (w) => {
     t(w.currentTarget);
   }, p = () => {
     t(null);
@@ -1475,42 +1430,19 @@ function pO() {
   const g = !d && !f && !u && !h;
   return /* @__PURE__ */ G(Ne, { children: [
     /* @__PURE__ */ G("div", { className: "bw-flex bw-items-center bw-gap-x-1 bw-justify-center bw-w-max ", children: [
-      /* @__PURE__ */ G(
-        "button",
-        {
-          id: "connect-wallet",
-          onClick: v,
-          className: " bw-flex bw-relative bw-items-center bw-justify-center bw-w-[135px] bw-h-[35px]  bw-text-sm bw-font-medium bw-px-2 bw-rounded-2xl bw-border-[1.5px] bw-border-border-primary bw-bg-background-container bw-text-text-primary",
-          children: [
-            /* @__PURE__ */ G("div", { className: "bw-flex bw-items-center bw-justify-center", children: [
-              r.length === 0 ? /* @__PURE__ */ M("p", { className: "bw-w-full ", children: "Connect Wallets" }) : r.map((w) => {
-                var x;
-                return /* @__PURE__ */ M(
-                  "img",
-                  {
-                    src: ((x = hl()) == null ? void 0 : x[w.name]) || (s == null ? void 0 : s.icon),
-                    width: 26,
-                    height: 26,
-                    alt: "img",
-                    className: "bw-border bw-max-w-[26px] bw-max-h-[26px] bw-min-w-[26px] bw-min-h-[26px] bw-ml-[-10px] bw-border-border-primary bw-rounded-[50%] bw-bg-background-coin"
-                  }
-                );
-              }),
-              r.length > 3 ? /* @__PURE__ */ G("div", { className: "bw-w-[26px] bw-h-[26px]  bw-border bw-border-border-primary bw-ml-[-10px] bw-text-sm bw-font-medium bw-flex bw-items-center bw-justify-center bw-rounded-[50%] bw-bg-background-coin", children: [
-                "+",
-                r.length - 3
-              ] }) : /* @__PURE__ */ M(Ne, {})
-            ] }),
-            g ? /* @__PURE__ */ M(Ne, {}) : /* @__PURE__ */ M(
-              "div",
-              {
-                className: `${a ? "bw-rotate-180" : ""} bw-absolute bw-right-2 bw-ml-auto`,
-                children: /* @__PURE__ */ M(zb, { fill: "var(--tw-text-primary)" })
-              }
-            )
-          ]
-        }
-      ),
+      /* @__PURE__ */ G("button", { id: "connect-wallet", onClick: v, className: " bw-flex bw-relative bw-items-center bw-justify-center bw-w-[135px] bw-h-[35px]  bw-text-sm bw-font-medium bw-px-2 bw-rounded-2xl bw-border-[1.5px] bw-border-border-primary bw-bg-background-container bw-text-text-primary", children: [
+        /* @__PURE__ */ G("div", { className: "bw-flex bw-items-center bw-justify-center", children: [
+          r.length === 0 ? /* @__PURE__ */ M("p", { className: "bw-w-full ", children: "Connect Wallets" }) : r.map((w) => {
+            var x;
+            return /* @__PURE__ */ M("img", { src: ((x = hl()) == null ? void 0 : x[w.name]) || (s == null ? void 0 : s.icon), width: 26, height: 26, alt: "img", className: "bw-border bw-max-w-[26px] bw-max-h-[26px] bw-min-w-[26px] bw-min-h-[26px] bw-ml-[-10px] bw-border-border-primary bw-rounded-[50%] bw-bg-background-secondary" });
+          }),
+          r.length > 3 ? /* @__PURE__ */ G("div", { className: "bw-w-[26px] bw-h-[26px]  bw-border bw-border-border-primary bw-ml-[-10px] bw-text-sm bw-font-medium bw-flex bw-items-center bw-justify-center bw-rounded-[50%] bw-bg-background-secondary", children: [
+            "+",
+            r.length - 3
+          ] }) : /* @__PURE__ */ M(Ne, {})
+        ] }),
+        g ? /* @__PURE__ */ M(Ne, {}) : /* @__PURE__ */ M("div", { className: `${a ? "bw-rotate-180" : ""} bw-absolute bw-right-2 bw-ml-auto`, children: /* @__PURE__ */ M(zb, { fill: "var(--tw-text-primary)" }) })
+      ] }),
       /* @__PURE__ */ M(Qb, { wallet: "connected", isNoWallet: g })
     ] }),
     /* @__PURE__ */ M(
@@ -1530,22 +1462,7 @@ function pO() {
           }
         },
         elevation: 0,
-        children: /* @__PURE__ */ M(Z1, { className: "bw-bg-background-container bw-py-0  bw-border bw-w-[135px] bw-rounded-md bw-border-border-primary ", children: r.map((w, x, _) => /* @__PURE__ */ M(
-          kf,
-          {
-            className: "bw-py-0 bw-px-1 bw-justify-center hover:bw-bg-transparent ",
-            onClick: p,
-            children: /* @__PURE__ */ M(
-              dO,
-              {
-                walletName: w.name,
-                walletDetails: y(w),
-                i: x == _.length - 1
-              }
-            )
-          },
-          x
-        )) })
+        children: /* @__PURE__ */ M(Z1, { className: "bw-bg-background-container bw-py-0  bw-border bw-w-[135px] bw-rounded-md bw-border-border-primary ", children: r.map((w, x, _) => /* @__PURE__ */ M(kf, { className: "bw-py-0 bw-px-1 bw-justify-center hover:bw-bg-transparent ", onClick: p, children: /* @__PURE__ */ M(dO, { walletName: w.name, walletDetails: y(w), i: x == _.length - 1 }) }, x)) })
       }
     )
   ] });
@@ -18305,9 +18222,9 @@ function SD({ row: e, chainData: t }) {
       },
       children: [
         /* @__PURE__ */ M(or, { className: "bw-border-b bw-pl-1  bw-bg-background-container  bw-border-border-primary bw-text-xs bw-font-bold bw-text-text-primary", component: "th", scope: "row", children: /* @__PURE__ */ G("div", { className: "bw-flex bw-items-center bw-gap-x-2", children: [
-          /* @__PURE__ */ G("div", { className: `bw-rounded-[50%]  bw-relative bw-border bw-border-border-primary bw-w-max bw-h-max ${(o = e == null ? void 0 : e.asset) != null && o.image ? "bw-bg-background-coin" : ""}`, children: [
+          /* @__PURE__ */ G("div", { className: `bw-rounded-[50%]  bw-relative bw-border bw-border-border-primary bw-w-max bw-h-max ${(o = e == null ? void 0 : e.asset) != null && o.image ? "bw-bg-background-secondary" : ""}`, children: [
             (u = e == null ? void 0 : e.asset) != null && u.image ? /* @__PURE__ */ M("img", { src: e.asset.image, className: "bw-rounded-[50%] bw-max-w-[25px]   bw-object-contain bw-min-w-[25px] bw-max-h-[25px] bw-min-h-[25px]", width: 25, height: 25 }) : /* @__PURE__ */ M("img", { src: r, className: "bw-rounded-[50%] bw-min-w-[25px] bw-max-h-[25px] bw-min-h-[25px]", width: 25, height: 25 }),
-            /* @__PURE__ */ M("div", { className: `bw-absolute bw-border bw-border-border-primary  bw-rounded-[50%] bw-right-[-5px] bw-bg-background-coin bw-top-[60%] ${(c = t[(s = e == null ? void 0 : e.asset) == null ? void 0 : s.chainId]) != null && c.image ? "bw-bg-background-coin" : ""}`, children: (l = t[(f = e == null ? void 0 : e.asset) == null ? void 0 : f.chainId]) != null && l.image ? /* @__PURE__ */ M("img", { src: t[e.asset.chainId].image, className: "bw-rounded-[50%]   bw-min-w-[16px] bw-max-h-[16px] bw-min-h-[12px]", width: 16, height: 16 }) : /* @__PURE__ */ M("img", { src: r, className: "bw-rounded-[50%]  bw-min-w-[12px] bw-max-h-[12px] bw-min-h-[12px]", width: 16, height: 16 }) })
+            /* @__PURE__ */ M("div", { className: `bw-absolute bw-border bw-border-border-primary  bw-rounded-[50%] bw-right-[-5px] bw-bg-background-secondary bw-top-[60%] ${(c = t[(s = e == null ? void 0 : e.asset) == null ? void 0 : s.chainId]) != null && c.image ? "bw-bg-background-secondary" : ""}`, children: (l = t[(f = e == null ? void 0 : e.asset) == null ? void 0 : f.chainId]) != null && l.image ? /* @__PURE__ */ M("img", { src: t[e.asset.chainId].image, className: "bw-rounded-[50%]   bw-min-w-[16px] bw-max-h-[16px] bw-min-h-[12px]", width: 16, height: 16 }) : /* @__PURE__ */ M("img", { src: r, className: "bw-rounded-[50%]  bw-min-w-[12px] bw-max-h-[12px] bw-min-h-[12px]", width: 16, height: 16 }) })
           ] }),
           /* @__PURE__ */ G("div", { children: [
             /* @__PURE__ */ M("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: ((h = (d = e == null ? void 0 : e.asset) == null ? void 0 : d.name) == null ? void 0 : h.length) > 15 ? /* @__PURE__ */ M(_D, { name: (y = e == null ? void 0 : e.asset) == null ? void 0 : y.name, children: /* @__PURE__ */ M("p", { className: "bw-text-text-primary bw-text-xs bw-font-bold", children: ((v = e == null ? void 0 : e.asset) == null ? void 0 : v.name.substring(0, 15)) + "..." }) }) : /* @__PURE__ */ M("p", { className: "bw-text-text-primary bw-text-xs bw-font-bold", children: (p = e == null ? void 0 : e.asset) == null ? void 0 : p.name }) }),