@blockend/widget 1.0.60-beta.1 → 1.0.61-beta.1

package/dist/{index-DThyqr43.js → index-DwgdKTri.js}

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
-import { F as m } from "./useRegisterError-UVP98oC5.js";
+import { F as m } from "./useRegisterError-Bo2lp0sa.js";
 function n({ value: t, decimal: o }) {
   return t.length ? /* @__PURE__ */ r(m, { value: t, options: { maxDecimals: o } }) : t;
 }

package/dist/index-nbo2VFYc.js

@@ -0,0 +1,206 @@
+import { jsxs as c, jsx as r, Fragment as A } from "react/jsx-runtime";
+import O, { useContext as J, useState as y, useEffect as g, useRef as K } from "react";
+import { a as Q, e as V, T as W, H as X, b as F, c as Y, E as Z, d as R } from "./EstGas-NmdlnuTV.js";
+import { u as s, l as ee } from "./index-B6Hd7MNh.js";
+import { i as U, C as L, A as te } from "./useRegisterError-Bo2lp0sa.js";
+import { B as re } from "./Box-k1E75YNB.js";
+function ne() {
+  var d, w, a, e, u, b, m, p, x, l, h, C, v, S;
+  const t = s((T) => T.persist), n = s((T) => T.configuration), { defaultCoin: i } = U;
+  let f = (a = (w = (d = t == null ? void 0 : t.route) == null ? void 0 : d.providerDetails) == null ? void 0 : w.logoUrl) != null && a.length ? (u = (e = t == null ? void 0 : t.route) == null ? void 0 : e.providerDetails) == null ? void 0 : u.logoUrl : i;
+  return ee.isEmpty(t.route) ? /* @__PURE__ */ r(A, {}) : /* @__PURE__ */ c("div", { className: "bw-relative bw-mt-4 bw-flex bw-justify-center ", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        style: {
+          boxShadow: n && n.customTheme && ((m = (b = n.customTheme) == null ? void 0 : b.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]"
+      }
+    ),
+    /* @__PURE__ */ c("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__ */ c("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__ */ 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 }),
+        ((x = (p = t == null ? void 0 : t.route) == null ? void 0 : p.providerDetails) == null ? void 0 : x.name) || "",
+        ": ",
+        (l = t == null ? void 0 : t.route) == null ? void 0 : l.protocolsUsed[0],
+        ((C = (h = t == null ? void 0 : t.route) == null ? void 0 : h.protocolsUsed) == null ? void 0 : C.length) <= 1 ? "" : /* @__PURE__ */ c("span", { className: "bw-ml-1 bw-text-xs bw-font-normal bw-leading-6", children: [
+          `+${((S = (v = t == null ? void 0 : t.route) == null ? void 0 : v.protocolsUsed) == null ? void 0 : S.length) - 1}`,
+          " More"
+        ] }),
+        " "
+      ] }),
+      " "
+    ] })
+  ] });
+}
+let E;
+function oe() {
+  var u, b, m, p, x;
+  const t = s((l) => l.configuration), n = s((l) => l.persist), i = s((l) => l.setPersist), { isErrorMessage: f } = J(Q), 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 [a, e] = y(w);
+  return g(() => {
+    d && e(w - d);
+  }, []), g(() => (E = setInterval(() => {
+    e((l) => {
+      var h;
+      return l <= 0 ? (clearInterval(E), i({
+        ...(h = s.getState()) == null ? void 0 : h.persist,
+        isQuoteTimer: !1,
+        showAcceptQuote: !0,
+        quoteStartTime: (/* @__PURE__ */ new Date()).getTime()
+      }), 0) : l - 1;
+    });
+  }, 1e3), () => clearInterval(E)), []), g(() => {
+    (f || !n.isQuoteTimer) && clearInterval(E);
+  }, [f, n.isQuoteTimer]), !(n != null && n.hash) && n.quote === "enable" ? /* @__PURE__ */ c("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__ */ c("linearGradient", { id: "linearColors", x1: "0", y1: "0", x2: "1", y2: "1", children: [
+      /* @__PURE__ */ r("stop", { offset: "1%", stopColor: (b = t == null ? void 0 : t.gradientStyle) != null && b.spinnerColor ? (m = t == null ? void 0 : t.gradientStyle) == null ? void 0 : m.spinnerColor : "#A45EFF" }),
+      /* @__PURE__ */ r("stop", { offset: "90%", stopColor: (p = t == null ? void 0 : t.gradientStyle) != null && p.spinnerColor ? (x = t == null ? void 0 : t.gradientStyle) == null ? void 0 : x.stopColor : "#2CFFE4" })
+    ] }) }),
+    /* @__PURE__ */ c(
+      re,
+      {
+        sx: {
+          position: "relative",
+          display: "inline-flex"
+        },
+        children: [
+          /* @__PURE__ */ r(
+            L,
+            {
+              variant: "determinate",
+              sx: {
+                color: "var(--tw-border-primary)"
+              },
+              size: 20,
+              thickness: 2,
+              value: 100
+            }
+          ),
+          /* @__PURE__ */ r(
+            L,
+            {
+              variant: "determinate",
+              size: 20,
+              thickness: 5,
+              value: a / w * 100,
+              sx: {
+                "svg circle": { stroke: "url(#linearColors)" },
+                position: "absolute",
+                left: 0,
+                [`& .${te.circle}`]: {
+                  strokeLinecap: "round"
+                }
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ r(A, {});
+}
+const ae = O.memo(function({ handleOpenExchange: t, amount: n, route: i, resetAmount: f, resetBalance: d, setExchange: w }) {
+  var k, D;
+  const a = s((o) => o.setPersist), e = s((o) => o.persist), u = s((o) => o.fromChain), b = s((o) => o.fromCoin), m = s((o) => o.toChain), p = s((o) => o.toCoin), [x, l] = y(!1), [h, C] = y(!1), [v, S] = y(!1), [T, q] = y({}), B = !e.stepData, { txnupdate: G, refunded: H } = U;
+  g(() => {
+    var o, j, M, z;
+    i != null && i.routeId && a({
+      ...(o = s.getState()) == null ? void 0 : o.persist,
+      routeId: i == null ? void 0 : i.routeId,
+      route: i,
+      toChain: m,
+      toCoin: p,
+      fromChain: u,
+      fromCoin: b,
+      amount: n,
+      quote: "enable",
+      openAt: (/* @__PURE__ */ new Date()).getTime(),
+      startTime: ((z = (M = (j = s) == null ? void 0 : j.getState()) == null ? void 0 : M.persist) == null ? void 0 : z.startTime) || (/* @__PURE__ */ new Date()).getTime()
+    });
+  }, [i]);
+  function I(o) {
+    l(o);
+  }
+  function N() {
+    ((e == null ? void 0 : e.openAt) + 60 * 60 * 1e3 - (/* @__PURE__ */ new Date()).getTime()) / 1e3 / 60 <= 0 && document.visibilityState === "visible" && (a({ allSteps: { steps: null, currentStep: 0 }, stepData: {} }), t(), f());
+  }
+  g(() => (e != null && e.openAt && window.addEventListener("visibilitychange", N), () => {
+    window.removeEventListener("visibilitychange", N);
+  }), [e == null ? void 0 : e.openAt]), g(() => (e != null && e.openAt && window.addEventListener("load", N), () => {
+    window.removeEventListener("load", N);
+  }), [e == null ? void 0 : e.openAt]);
+  function _(o) {
+    C(o);
+  }
+  function $(o) {
+    S(o);
+  }
+  function P() {
+    t(), a({ allSteps: { steps: null, currentStep: 0 }, stepData: {} }), h && d();
+  }
+  return /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(W.Provider, { value: { isTxnSuccessful: h, handleTxnSuccess: _ }, children: /* @__PURE__ */ r(Q.Provider, { value: { isErrorMessage: v, handleErrorMessage: $, errorMessage: T, setErrorMessage: q }, children: /* @__PURE__ */ c("div", { className: "bw-w-full bw-relative bw-min-h-[610px] ", children: [
+    /* @__PURE__ */ r(X, { handleBack: P }),
+    /* @__PURE__ */ r("div", { className: "bw-mt-[-20px] ", children: /* @__PURE__ */ r(ne, {}) }),
+    e != null && e.isQuoteTimer ? /* @__PURE__ */ r(oe, {}) : /* @__PURE__ */ r(A, {}),
+    /* @__PURE__ */ r("div", { className: "bw-flex bw-justify-between bw-items-center" }),
+    /* @__PURE__ */ c("div", { className: "bw-flex bw-w-full bw-mt-4 bw-justify-between bw-items-center", children: [
+      /* @__PURE__ */ c("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(F, { amount: e == null ? void 0 : e.amount, coinData: e.fromCoin, chainData: e.fromChain, field: "from" })
+      ] }),
+      v ? /* @__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-container  bw-relative bw-z-10  hover:bw-opacity-100  bw-border-border-primary ", children: ((k = e == null ? void 0 : e.statusData) == null ? void 0 : k.status) === "refunded" ? /* @__PURE__ */ r("img", { src: H, width: 33, height: 30, alt: "img" }) : /* @__PURE__ */ r("img", { src: G, width: 33, height: 30, alt: "img" }) }) : /* @__PURE__ */ r(Y, { isTimerStarted: (e == null ? void 0 : e.isTimerStarted) || x, startTimer: I, error: v }),
+      /* @__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 " }),
+      /* @__PURE__ */ c("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(F, { amount: Number(((D = e == null ? void 0 : e.route) == null ? void 0 : D.outputAmountDisplay) || ""), coinData: e == null ? void 0 : e.toCoin, chainData: e == null ? void 0 : e.toChain, field: "to" })
+      ] })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "bw-h-[320px] bw-pr-1 bw-flex bw-flex-col bw-mt-8 bw-overflow-y-auto", children: [
+      B ? /* @__PURE__ */ r(A, {}) : /* @__PURE__ */ r(Z, {}),
+      /* @__PURE__ */ r(R, { handleOpenExchange: t, setExchange: w, amount: n, startTimer: I, handleBack: P, isTimerStarted: (e == null ? void 0 : e.isTimerStarted) || x })
+    ] })
+  ] }) }) }) });
+});
+function me({
+  handleConfirmClose: t,
+  routesData: n,
+  amount: i,
+  resetAmount: f,
+  resetBalance: d,
+  handleStopRoute: w
+}) {
+  const a = K();
+  g(() => {
+    var b, m;
+    !a.current && Number(
+      ((b = a == null ? void 0 : a.current) == null ? void 0 : b.minOutputAmount) || ((m = a == null ? void 0 : a.current) == null ? void 0 : m.outputAmountDisplay)
+    ) !== Number((n == null ? void 0 : n.minOutputAmount) || (n == null ? void 0 : n.outputAmountDisplay)) && (a.current = n);
+  }, [n]), g(() => {
+    w(!0);
+  }, []);
+  function e() {
+    w(!1), t(!1);
+  }
+  function u() {
+    t(!1);
+  }
+  return /* @__PURE__ */ r(
+    ae,
+    {
+      handleOpenExchange: e,
+      amount: i,
+      route: n,
+      resetAmount: f,
+      resetBalance: d,
+      setExchange: u
+    }
+  );
+}
+export {
+  me as default
+};