@blockend/widget 1.0.63-beta.1 → 1.0.63-beta.11

package/dist/{x-BBTlR8TT.js → x-C1_RFZRq.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./core-CIqAJqfO.js";
+import { m as l } from "./core-d7L-Vu90.js";
 const h = l`<svg fill="none" viewBox="0 0 41 40">
   <g clip-path="url(#a)">
     <path fill="#000" d="M.8 0h40v40H.8z" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockend/widget",
-  "version": "1.0.63-beta.1",
+  "version": "1.0.63-beta.11",
   "description": "Blockend",
   "type": "module",
   "main": "dist/index.es.js",
@@ -93,7 +93,7 @@
     "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.10.3",
     "react-timer-hook": "^3.0.7",
-    "recharts": "^2.12.7",
+    "recharts": "^3.5.0",
     "rollup-plugin-visualizer": "^5.14.0",
     "sass-loader": "^13.3.2",
     "stream-browserify": "^3.0.0",

package/dist/LoadRoute-D-6AXSyf.js

@@ -1,125 +0,0 @@
-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-B1aDjOsb.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-FxTTd1zc.js";
-import { e as se } from "./ethertousd-CC_ezooz.js";
-import { O as H } from "./index-BGtpuYz8.js";
-import { F as J, i as ae } from "./useRegisterError-B1UKihdk.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
-};