@blockend/widget 1.0.60-beta.1 → 1.0.61

package/dist/{InputComp-C0BYsYO2.js → InputComp-CWH4SAk7.js}

@@ -1,10 +1,10 @@
 import { jsxs as b, jsx as t, Fragment as k } from "react/jsx-runtime";
-import { u as n, S as W } from "./index-BAuHi89Z.js";
+import { u as n, S as W } from "./index-BYmiFoJh.js";
 import { useState as S, useRef as x } from "react";
-import { u as j, i as I, W as D, F, f as p, c as u, z as R } from "./useRegisterError-UVP98oC5.js";
+import { u as j, i as I, W as D, F, f as p, c as u, z as R } from "./useRegisterError-DGMdKFc9.js";
 import { useAccount as T, useBalance as A } from "wagmi";
 import "@dynamic-labs/sdk-react-core";
-import { c as B, r as G } from "./index-BThpYFL-.js";
+import { c as B, r as G } from "./index-ePnYqYhf.js";
 function H({ amount: w, setAmount: l, fetchBalance: M, getCoinBalance: h, isBalanceLoading: f }) {
   var d, o;
   const s = n((a) => a.configuration), e = n((a) => a.fromCoin), r = n((a) => a.fromChain), { isAnyWalletConnected: g } = j({ chainData: r }), [$, z] = S(40), { address: N } = T(), v = x(), { defaultCoin: y } = I;

package/dist/InputComp-Dl4M7E5v.js

@@ -0,0 +1,105 @@
+import { jsxs as b, jsx as t, Fragment as k } from "react/jsx-runtime";
+import { u as n, S as W } from "./index-D0J1OD73.js";
+import { useState as S, useRef as x } from "react";
+import { u as j, i as I, W as D, F, f as p, c as u, z as R } from "./useRegisterError-DVG0sgLq.js";
+import { useAccount as T, useBalance as A } from "wagmi";
+import "@dynamic-labs/sdk-react-core";
+import { c as B, r as G } from "./index-D_8iklL2.js";
+function H({ amount: w, setAmount: l, fetchBalance: M, getCoinBalance: h, isBalanceLoading: f }) {
+  var d, o;
+  const s = n((a) => a.configuration), e = n((a) => a.fromCoin), r = n((a) => a.fromChain), { isAnyWalletConnected: g } = j({ chainData: r }), [$, z] = S(40), { address: N } = T(), v = x(), { defaultCoin: y } = I;
+  A({
+    address: N,
+    token: B((e == null ? void 0 : e.address) || ""),
+    chainId: Number((r == null ? void 0 : r.chainId) || 0),
+    enabled: (r == null ? void 0 : r.networkType) == "evm"
+  });
+  const c = x(), i = h;
+  return /* @__PURE__ */ b("div", { className: " bw-mb-5 bw-mt-4", children: [
+    /* @__PURE__ */ b("p", { className: "bw-text-sm bw-text-left bw-font-medium bw-mb-1 bw-text-text-secondary", children: [
+      "Give ",
+      (e == null ? void 0 : e.name) || ""
+    ] }),
+    /* @__PURE__ */ b(
+      "div",
+      {
+        style: {
+          boxShadow: s && s.customTheme && ((o = (d = s.customTheme) == null ? void 0 : d.shadow) == null ? void 0 : o.boxShadow) || "1px 1px 7px rgba(0, 0, 0, 0.15)"
+        },
+        className: "bw-w-full bw-h-[80px] bw-flex bw-gap-x-1 bw-items-center bw-px-2  bw-bg-background-container bw-rounded-md bw-border bw-border-border-primary",
+        children: [
+          /* @__PURE__ */ b("div", { className: "bw-w-full bw-flex bw-gap-x-2 bw-mt-5 bw-items-start bw-h-full", children: [
+            /* @__PURE__ */ t("div", { className: " bw-flex bw-items-center", children: e != null && e.image ? /* @__PURE__ */ t("div", { className: "bw-rounded-[50%]  bw-bg-background-secondary bw-min-w-[40px] bw-w-[40px] bw-min-h-[40px] bw-flex bw-justify-center bw-items-center  bw-border bw-border-border-primary", children: /* @__PURE__ */ t("img", { src: e == null ? void 0 : e.image, width: 39, height: 39, alt: "img", className: "bw-rounded-[50%] bw-max-w-[39px] bw-max-h-[39px]  bw-object-contain bw-min-w-[39px] bw-min-h-[39px]" }) }) : /* @__PURE__ */ t("div", { className: "bw-min-w-[40px] bw-w-[40px] bw-border bw-border-border-primary bw-min-h-[40px] bw-rounded-[50%] ", children: /* @__PURE__ */ t("img", { src: y, width: 39, height: 39, alt: "img", className: "bw-rounded-[50%] bw-min-w-[38px] bw-min-h-[39px]" }) }) }),
+            /* @__PURE__ */ b("div", { className: "bw-w-full", children: [
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  onClick: () => {
+                    c.current.focus();
+                  },
+                  className: " ",
+                  children: /* @__PURE__ */ b("div", { className: "bw-text-left", children: [
+                    /* @__PURE__ */ b("span", { className: "bw-invisible bw-absolute", ref: v, children: [
+                      w,
+                      "0"
+                    ] }),
+                    /* @__PURE__ */ t(
+                      "input",
+                      {
+                        ref: c,
+                        pattern: "[0-9]*",
+                        inputMode: "decimal",
+                        autoFocus: !0,
+                        onWheel: (a) => a.target.blur(),
+                        type: "number",
+                        value: w,
+                        onChange: (a) => {
+                          let m = a.target.value;
+                          m.length <= 11 && l(m);
+                        },
+                        onKeyDown: (a) => {
+                          G(a);
+                        },
+                        placeholder: "0.0",
+                        className: "bw-text-2xl md:bw-text-3xl bw-border-none focus:bw-placeholder:bw-opacity-0  placeholder:bw-text-left bw-h-[36px] bw-ml-auto bw-mb-1  bw-pl-1 bw-min-w-[45px] bw-max-w-[200px]  bw-font-medium placeholder:bw-text-text-placeholder bw-text-text-primary bw-bg-transparent"
+                      }
+                    )
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ t("div", { children: e.coin.length && g ? f ? /* @__PURE__ */ t(W, { className: "bw-bg-background-secondary bw-rounded-md bw-h-[18px] bw-w-[100px]" }) : /* @__PURE__ */ b("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: [
+                /* @__PURE__ */ t(D, { fill: "var(--tw-text-secondary)" }),
+                /* @__PURE__ */ t("p", { className: "bw-text-xs bw-font-medium bw-text-text-secondary", children: /* @__PURE__ */ t(
+                  F,
+                  {
+                    value: p(i),
+                    options: {
+                      maxDecimals: 10
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    className: "bw-text-xs bw-font-normal bw-min-w-[37px] bw-h-[18px] bw-rounded-[4px] bw-px-1 bw-border bw-border-border-primary bw-text-text-secondary",
+                    onClick: () => {
+                      l(u(p(i), 10));
+                    },
+                    children: "MAX"
+                  }
+                )
+              ] }) : /* @__PURE__ */ t(k, {}) })
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "bw-flex bw-justify-between bw-items-center", children: /* @__PURE__ */ t("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: /* @__PURE__ */ b("p", { className: ` bw-font-normal   bw-pl-2 ${w.length ? "bw-text-text-secondary bw-text-xs md:bw-text-sm" : "bw-text-text-placeholder bw-text-[10px]"}`, children: [
+            "$",
+            u(R(w * (e == null ? void 0 : e.lastPrice)), 10)
+          ] }) }) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  H as default
+};

package/dist/{LoadRoute-BejmZs2l.js → LoadRoute-Cafzlcfy.js}

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as t, Fragment as m } from "react/jsx-runtime";
 import { t as te } from "./truncate-D9t92mVX.js";
-import { u as r, S as o, l as we } from "./index-BAuHi89Z.js";
+import { u as r, S as o, l as we } from "./index-BYmiFoJh.js";
 import { useState as ie, useEffect as le } from "react";
 import { s as a } from "./WidgetForm.module-QHJ0-m5f.js";
 import { G as ce, C as de, S as me } from "./clockIcon-C2W5xvyt.js";
-import { S as re } from "./down-D_76LJ5o.js";
+import { S as re } from "./down-372J_rRV.js";
 import { e as se } from "./ethertousd-CC_ezooz.js";
-import { O as H } from "./index-DThyqr43.js";
-import { F as J, i as ae } from "./useRegisterError-UVP98oC5.js";
+import { O as H } from "./index-TEYMoNwP.js";
+import { F as J, i as ae } from "./useRegisterError-DGMdKFc9.js";
 function oe({ fill: n }) {
   return /* @__PURE__ */ e(
     "svg",

package/dist/LoadRoute-cBSl34Bs.js

@@ -0,0 +1,125 @@
+import { jsx as e, jsxs as t, Fragment as m } from "react/jsx-runtime";
+import { t as te } from "./truncate-D9t92mVX.js";
+import { u as r, S as o, l as we } from "./index-D0J1OD73.js";
+import { useState as ie, useEffect as le } from "react";
+import { s as a } from "./WidgetForm.module-QHJ0-m5f.js";
+import { G as ce, C as de, S as me } from "./clockIcon-C2W5xvyt.js";
+import { S as re } from "./down-hvB7J3FG.js";
+import { e as se } from "./ethertousd-CC_ezooz.js";
+import { O as H } from "./index-BDezoD7C.js";
+import { F as J, i as ae } from "./useRegisterError-DVG0sgLq.js";
+function oe({ fill: n }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "14",
+      height: "13",
+      viewBox: "0 0 14 13",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M8.96762 0.608257C9.75204 0.81844 10.4162 1.32448 10.8223 2.02798C11.1795 2.64657 11.3164 3.35994 11.2014 4.05707C11.8556 4.29389 12.405 4.76918 12.7621 5.38777L12.7691 5.3999C13.1753 6.10339 13.2814 6.93156 13.0713 7.71597C12.8611 8.50039 12.355 9.16451 11.6515 9.57067L6.18127 12.7289C5.64759 13.0371 4.95884 12.8525 4.65071 12.3188C4.34259 11.7851 4.52714 11.0964 5.06083 10.7883L10.5311 7.63C10.9192 7.40591 11.0525 6.90848 10.8284 6.52034L10.8214 6.50821C10.5973 6.12008 10.0999 5.98679 9.71177 6.21088L4.2415 9.36915C3.70781 9.67727 3.01906 9.49272 2.71094 8.95903C2.39581 8.41322 2.58736 7.7366 3.12105 7.42847L8.59132 4.27021C8.97946 4.04612 9.11274 3.54869 8.88165 3.14842C8.65756 2.76029 8.16013 2.627 7.77199 2.85109L2.30172 6.00936C1.76804 6.31748 1.08629 6.14506 0.771161 5.59924C0.463038 5.06556 0.647589 4.37681 1.18127 4.06868L6.65155 0.910419C7.35504 0.504257 8.18321 0.398074 8.96762 0.608257Z",
+          fill: n,
+          "fill-opacity": "1"
+        }
+      )
+    }
+  );
+}
+function ue({ routes: n, handleShowAllRoutes: K, routesData: b, price: Q, amount: X, isRoutesEnabled: v }) {
+  var y, N, F, S, u, k, C, $, E, j, I, L, U, A, G, O, T, z, M, R, _, B, V, q, P, W;
+  const x = n.data, [c, Y] = ie(), l = r((i) => i.gradient), w = r((i) => i.configuration), h = r((i) => i.fromChain), g = r((i) => i.fromCoin), p = r((i) => i.toChain), d = r((i) => i.toCoin), { defaultCoin: D } = ae;
+  le(() => {
+    var i;
+    if (b) {
+      let f = { amountInUSD: 0, amountInNative: 0 }, Z = {};
+      (i = b == null ? void 0 : b.fee) == null || i.forEach((s) => {
+        s.source == "FROM_SOURCE_WALLET" && (f.amountInUSD += Number(s.amountInUSD), f.amountInNative += Number(se(s.amountInToken, s.token.decimals)), Z = { ...s });
+      }), Y({ tempGasObj: f, token: Z });
+    }
+  }, [b]);
+  let ee = (b == null ? void 0 : b.outputAmountDisplay) || "", be = Q.toString(), ne = (N = (y = b == null ? void 0 : b.providerDetails) == null ? void 0 : y.logoUrl) != null && N.length ? (F = b == null ? void 0 : b.providerDetails) == null ? void 0 : F.logoUrl : D;
+  return /* @__PURE__ */ e("div", { className: "bw-mt-2", children: (S = h == null ? void 0 : h.chain) != null && S.length && ((u = g == null ? void 0 : g.coin) != null && u.length) && ((k = p == null ? void 0 : p.chain) != null && k.length) && ((C = d == null ? void 0 : d.coin) != null && C.length) && X.length && v ? n.isSuccess && !((j = (E = ($ = n.data) == null ? void 0 : $.data) == null ? void 0 : E.quotes) != null && j.length) && !n.isFetching ? /* @__PURE__ */ e("div", { className: "bw-bg-background-container bw-text-text-secondary bw-flex bw-justify-center bw-items-center bw-h-[80px] bw-relative  bw-flex-col  bw-border bw-border-border-primary", children: "No Routes Available" }) : n.isSuccess || n.isLoading || n.isFetching ? /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ t("div", { className: "bw-flex bw-items-center bw-justify-between", children: [
+      " ",
+      /* @__PURE__ */ t("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: [
+        "Get ",
+        d.name
+      ] }),
+      n.isFetching ? /* @__PURE__ */ e(m, {}) : /* @__PURE__ */ e("div", { onClick: K, style: { ...w.gradientStyle }, className: `bw-w-[130px] bw-cursor-pointer bw-relative bw-p-[1px]  bw-text-transparent bw-text-sm bw-font-normal  bw-h-[18px]  bw-rounded-xl   ${l || `${a.overlayshow} ${(I = w.gradientStyle) != null && I.background ? "" : "bw-bg-gradient-to-r bw-from-[#A45EFF] bw-to-[#2CFFE4]"}`}`, children: /* @__PURE__ */ e("div", { className: " bw-w-full bw-h-full bw-text-text-secondary bw-relative bw-z-10 bw-bg-background-container  bw-flex bw-justify-center bw-items-center bw-text-xs bw-font-normal  bw-rounded-xl", children: "Show All Routes" }) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: " bw-mt-2", children: [
+      /* @__PURE__ */ t("div", { style: n.isFetching ? {} : { ...w.gradientStyle }, className: ` ${n.isFetching ? "bw-bg-background-secondary" : ` ${l || `${(L = w.gradientStyle) != null && L.background ? "" : "bw-bg-gradient-to-r bw-from-[#A45EFF] bw-to-[#2CFFE4]"} ${a.overlay}`} `}   bw-relative  bw-flex bw-justify-center bw-rounded-[8px] bw-w-full bw-p-[1px] bw-h-[86px] `, children: [
+        /* @__PURE__ */ t("div", { className: "bw-w-full bw-h-full bw-flex bw-px-2 bw-pb-3 bw-items-center bw-justify-between bw-bg-background-container rbw-elative bw-z-10 bw-rounded-[8px]", children: [
+          /* @__PURE__ */ t("div", { className: "bw-flex bw-items-start bw-gap-x-2", children: [
+            d != null && d.image && !n.isFetching ? /* @__PURE__ */ e("img", { src: d.image, width: 30, height: 30, className: "bw-mt-1 bw-max-w-[30px] bw-max-h-[30px]  bw-object-contain  bw-bg-background-secondary bw-rounded-[50%]" }) : /* @__PURE__ */ e(m, {}),
+            /* @__PURE__ */ t("div", { children: [
+              n.isFetching ? /* @__PURE__ */ e(o, { className: "bw-bg-background-secondary bw-mt-3 bw-rounded-sm bw-h-[36px] bw-min-h-[36px]", animation: "wave", variant: "rectangular", height: 36, width: 250 }) : /* @__PURE__ */ e("p", { className: "bw-text-2xl md:bw-text-3xl bw-mb-1 bw-font-medium bw-text-text-primary", children: /* @__PURE__ */ e(H, { value: ee, decimal: 12 }) }),
+              n.isFetching ? /* @__PURE__ */ e(o, { className: "bw-bg-background-secondary bw-mt-2 bw-rounded-sm bw-h-[20px] bw-w-[100px] bw-min-h-[20px]", variant: "rectangular", animation: "wave", height: 20, width: 100 }) : /* @__PURE__ */ t("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: [
+                /* @__PURE__ */ e(ce, { fill: "var(--tw-text-primary)" }),
+                /* @__PURE__ */ t("p", { className: "bw-text-xs md:bw-text-sm bw-font-medium bw-text-text-primary", children: [
+                  "Total Fee:",
+                  " $",
+                  /* @__PURE__ */ e(J, { value: ((U = c == null ? void 0 : c.tempGasObj) == null ? void 0 : U.amountInUSD) || 0, options: { maxDecimals: 8 } }),
+                  " (",
+                  /* @__PURE__ */ e(J, { value: ((A = c == null ? void 0 : c.tempGasObj) == null ? void 0 : A.amountInNative) || 0, options: { maxDecimals: 8 } }),
+                  ` ${((O = (G = c == null ? void 0 : c.token) == null ? void 0 : G.token) == null ? void 0 : O.symbol) || ""})`
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { className: " bw-text-sm bw-font-medium bw-mt-2  bw-text-text-loaderbar ", children: [
+            n.isFetching ? /* @__PURE__ */ e(o, { className: "bw-bg-background-secondary bw-w-[50px] bw-rounded-sm bw-h-[20px] bw-min-h-[20px]", variant: "rectangular", animation: "wave", height: 20, width: 50 }) : /* @__PURE__ */ t("p", { className: "bw-text-text-secondary bw-font-medium bw-text-xs md:bw-text-sm", children: [
+              "$",
+              /* @__PURE__ */ e(H, { value: be, decimal: 10 })
+            ] }),
+            n.isFetching ? /* @__PURE__ */ e(o, { className: "bw-bg-background-secondary bw-w-[50px] bw-mt-2 bw-rounded-sm bw-h-[20px] bw-min-h-[20px]  ", variant: "rectangular", animation: "wave", height: 20, width: 50 }) : ((M = (z = (T = x == null ? void 0 : x.data) == null ? void 0 : T.quotes) == null ? void 0 : z[0]) == null ? void 0 : M._id) === b._id ? /* @__PURE__ */ e("div", { style: { ...w.gradientStyle }, className: `${l || `${(R = w.gradientStyle) != null && R.background ? "" : "bw-bg-gradient-to-r bw-from-[#A45EFF] bw-to-[#2CFFE4]"} `} bw-mt-3 bw-text-right bw-text-transparent bw-text-[10px] bw-font-bold bw-bg-clip-text ${a.gradienttext}`, children: "BEST" }) : /* @__PURE__ */ e(m, {})
+          ] })
+        ] }),
+        n.isFetching ? /* @__PURE__ */ e("div", { className: "bw-absolute bw-w-[40px] bw-h-[40px] bw-bottom-[-35%] bw-z-20 ", children: /* @__PURE__ */ e(re, {}) }) : /* @__PURE__ */ e(m, {}),
+        /* @__PURE__ */ t("div", { className: "bw-h-[18px] bw-w-max bw-z-10 bw-min-w-[200px] bw-bg-background-container  bw-flex bw-items-center bw-absolute bw-bottom-[-10%]", children: [
+          !n.isFetching && !we.isEmpty(b) ? /* @__PURE__ */ t("div", { className: "bw-flex bw-w-full bw-px-6  bw-items-center bw-gap-x-1", children: [
+            " ",
+            /* @__PURE__ */ t("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-secondary", children: [
+              /* @__PURE__ */ e("span", { className: "bw-text-sm bw-font-light", children: "via" }),
+              " ",
+              /* @__PURE__ */ e("img", { src: ne, className: "bw-rounded-[50%] bw-mx-[4px] bw-min-w-[18px] bw-max-h-[18px] bw-min-h-[18px]", width: 18, height: 18 }),
+              ((_ = b == null ? void 0 : b.providerDetails) == null ? void 0 : _.name) || "",
+              ": ",
+              b == null ? void 0 : b.protocolsUsed[0],
+              ((B = b == null ? void 0 : b.protocolsUsed) == null ? void 0 : B.length) <= 1 ? "" : /* @__PURE__ */ t("span", { className: "bw-ml-1 bw-text-xs bw-font-normal", children: [
+                `+${((V = b == null ? void 0 : b.protocolsUsed) == null ? void 0 : V.length) - 1}`,
+                " More"
+              ] }),
+              " "
+            ] }),
+            " "
+          ] }) : /* @__PURE__ */ e(m, {}),
+          /* @__PURE__ */ e("div", { style: n.isFetching ? {} : { ...w.gradientStyle }, className: ` ${n.isFetching ? "bw-bg-background-secondary" : ` ${l || ` ${a.overlay} ${(q = w == null ? void 0 : w.gradientStyle) != null && q.background ? "" : "bw-bg-gradient-to-r bw-from-[#A45EFF] bw-to-[#2CFFE4]"}`}`}  bw-absolute  bw-right-0 bw-rounded-[50%] bw-w-[4px] bw-h-[4px]    ` }),
+          /* @__PURE__ */ e("div", { style: n.isFetching ? {} : { ...w.gradientStyle }, className: ` ${n.isFetching ? "bw-bg-background-secondary" : ` ${l || ` ${a.overlay} ${(P = w == null ? void 0 : w.gradientStyle) != null && P.background ? "" : "bw-bg-gradient-to-r bw-from-[#A45EFF] bw-to-[#2CFFE4]"}`}`}  bw-absolute   bw-rounded-[50%] bw-w-[4px] bw-h-[4px]    ` })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "bw-bg-background-container bw-flex bw-items-center bw-w-[85%] bw-mx-auto bw-rounded-b-md bw-justify-center bw-h-[60px]", children: n.isFetching ? /* @__PURE__ */ e("div", { className: "bw-mt-6 bw-w-full bw-h-[20px]" }) : /* @__PURE__ */ t("div", { className: "bw-flex bw-items-center bw-gap-x-4 bw-mt-2 bw-bg-background-container bw-justify-center ", children: [
+        /* @__PURE__ */ t("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: [
+          /* @__PURE__ */ e(oe, { fill: "var(--tw-text-secondary)" }),
+          /* @__PURE__ */ e("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: "Fee" }),
+          /* @__PURE__ */ e("p", { className: "bw-text-sm bw-line-through bw-font-medium bw-text-text-secondary", children: "0.1%" }),
+          /* @__PURE__ */ e("p", { className: "bw-text-sm  bw-font-medium bw-text-text-secondary", children: "0" })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "bw-flex bw-items-center bw-gap-x-1", children: [
+          /* @__PURE__ */ e(de, { fill: "var(--tw-text-secondary)" }),
+          /* @__PURE__ */ e("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: (b == null ? void 0 : b.estimatedTimeInSeconds) >= 90 ? `${Math.round(te(((b == null ? void 0 : b.estimatedTimeInSeconds) || 60) / 60, 2) || 0)}min` : `${(b == null ? void 0 : b.estimatedTimeInSeconds) || 60} secs` })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "  bw-gap-x-1 bw-flex bw-items-center bw-text-xs bw-font-normal bw-text-text-primary", children: [
+          /* @__PURE__ */ e(me, { fill: "var(--tw-text-secondary)" }),
+          /* @__PURE__ */ e("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: `${((W = b == null ? void 0 : b.steps) == null ? void 0 : W.length) || ""} step` })
+        ] })
+      ] }) })
+    ] })
+  ] }) : v ? /* @__PURE__ */ e("div", { className: "bw-bg-background-container bw-text-text-secondary  bw-justify-center bw-items-center bw-h-[80px] bw-relative bw-flex bw-flex-col  bw-border bw-border-border-primary", children: "Failed to load routes" }) : /* @__PURE__ */ e(m, {}) : /* @__PURE__ */ e(m, {}) });
+}
+export {
+  ue as default
+};

package/dist/{QuotesProgress-DUtmb0H1.js → QuotesProgress-Covy7wmW.js}

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as a, Fragment as m } from "react/jsx-runtime";
 import { s as l } from "./WidgetForm.module-QHJ0-m5f.js";
-import { u as g } from "./index-BAuHi89Z.js";
+import { u as g } from "./index-D0J1OD73.js";
 function y({ routesData: x, routes: e, quoteTimer: n, amount: c }) {
   var s, b, d, w;
   const r = g((i) => i.configuration), t = g((i) => i.gradient);

package/dist/QuotesProgress-CxJUoCPy.js

@@ -0,0 +1,28 @@
+import { jsxs as o, jsx as a, Fragment as m } from "react/jsx-runtime";
+import { s as l } from "./WidgetForm.module-QHJ0-m5f.js";
+import { u as g } from "./index-BYmiFoJh.js";
+function y({ routesData: x, routes: e, quoteTimer: n, amount: c }) {
+  var s, b, d, w;
+  const r = g((i) => i.configuration), t = g((i) => i.gradient);
+  return c && !e.isFetching && typeof e.data < "u" && ((d = (b = (s = e.data) == null ? void 0 : s.data) == null ? void 0 : b.quotes) != null && d.length) && !e.isError ? /* @__PURE__ */ o("div", { className: "bw-flex bw-items-center bw-gap-x-2 bw-justify-between", children: [
+    /* @__PURE__ */ a("p", { className: "bw-text-sm bw-font-medium bw-text-text-secondary", children: "New Quote in" }),
+    /* @__PURE__ */ a("div", { className: " bw-w-[250px] bw-flex-1 bw-bg-border-primary bw-h-[3px] bw-overflow-x-hidden", children: /* @__PURE__ */ a(
+      "div",
+      {
+        style: {
+          height: "100%",
+          ...r.gradientStyle,
+          width: `${100 - n / x.deadline * 100}%`
+        },
+        className: ` ${t || `${(w = r.gradientStyle) != null && w.background ? "" : "bw-bg-gradient-to-r  bw-from-[#A45EFF] bw-to-[#2CFFE4]"} ${l.overlay}`} bw-relative  `
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { style: { ...r.gradientStyle }, className: `${t ? `${t} bw-bg-clip-text bw-text-transparent` : l.gradienttext} bw-relative bw-text-right bw-w-max bw-text-2xl bw-font-semibold bw-text-transparent  `, children: [
+      n,
+      "s"
+    ] })
+  ] }) : /* @__PURE__ */ a(m, {});
+}
+export {
+  y as default
+};

package/dist/{SwapAsset-C6q38SfB.js → SwapAsset-BqXVX_DR.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { u as a } from "./index-BAuHi89Z.js";
+import { u as a } from "./index-BYmiFoJh.js";
 function w({ fill1: o, fill2: r }) {
   return /* @__PURE__ */ s(
     "svg",

package/dist/SwapAsset-CkRat7Ok.js

@@ -0,0 +1,51 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { u as a } from "./index-D0J1OD73.js";
+function w({ fill1: o, fill2: r }) {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      width: "37",
+      height: "37",
+      viewBox: "0 0 37 37",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ t(
+          "circle",
+          {
+            cx: "18.5027",
+            cy: "18.6207",
+            r: "18.2551",
+            transform: "rotate(90 18.5027 18.6207)",
+            fill: o
+          }
+        ),
+        /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M14.3655 7.6488L7.58782 16.5705L28.9581 16.5705L28.9581 12.7663L14.3655 12.7663L14.3655 7.6488Z",
+            fill: r,
+            "fill-opacity": "1"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M22.2517 29.0189L29.0294 20.0972L7.65911 20.0972L7.65911 23.9014L22.2517 23.9014L22.2517 29.0189Z",
+            fill: r,
+            "fill-opacity": "1"
+          }
+        )
+      ]
+    }
+  );
+}
+function p({ handleSwap: o }) {
+  var i, l;
+  const r = a((n) => n.fromCoin), c = a((n) => n.toCoin);
+  let e = ((i = r == null ? void 0 : r.coin) == null ? void 0 : i.length) && ((l = c.coin) == null ? void 0 : l.length);
+  return /* @__PURE__ */ t("div", { onClick: o, className: `${e ? "" : "bw-pointer-events-none"} bw-absolute hover:bw-scale-[0.95] bw-border bw-border-border-primary bw-rounded-[50%] bw-cursor-pointer bw-bg-background-container bw-top-[33%] bw-right-[45%] `, children: /* @__PURE__ */ t(w, { fill1: "var(--tw-background-container)", fill2: e ? "var(--tw-text-primary)" : "var(--tw-text-secondary)" }) });
+}
+export {
+  p as default
+};