@blockend/widget 1.0.48 → 1.0.49-beta.2

package/dist/index-BGoawJS_.js

@@ -1,206 +0,0 @@
-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-M3tvG2C0.js";
-import { u as l, l as W } from "./index-DRmMe_Lj.js";
-import { i as D, C as Q, A as X } from "./useRegisterError-pQkE1Atn.js";
-import { B as Y } from "./Box-DdtDQFy9.js";
-function Z() {
-  var d, w, i, e, u, c, m, g, x, s, h, y, p, C;
-  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__ */ n(A, {}) : /* @__PURE__ */ b("div", { className: "bw-relative bw-mt-4 bw-flex bw-justify-center ", children: [
-    /* @__PURE__ */ n(
-      "div",
-      {
-        style: {
-          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]"
-      }
-    ),
-    /* @__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__ */ n("span", { className: "bw-text-sm bw-font-light", children: "via" }),
-        " ",
-        /* @__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],
-        ((y = (h = t == null ? void 0 : t.route) == null ? void 0 : h.protocolsUsed) == null ? void 0 : y.length) <= 1 ? "" : /* @__PURE__ */ b("span", { className: "bw-ml-1 bw-text-xs bw-font-normal bw-leading-6", children: [
-          `+${((C = (p = t == null ? void 0 : t.route) == null ? void 0 : p.protocolsUsed) == null ? void 0 : C.length) - 1}`,
-          " More"
-        ] }),
-        " "
-      ] }),
-      " "
-    ] })
-  ] });
-}
-let N;
-function R() {
-  var u, c, m, g, x;
-  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);
-  }, []), v(() => (N = setInterval(() => {
-    e((s) => {
-      var h;
-      return s <= 0 ? (clearInterval(N), a({
-        ...(h = l.getState()) == null ? void 0 : h.persist,
-        isQuoteTimer: !1,
-        showAcceptQuote: !0,
-        quoteStartTime: (/* @__PURE__ */ new Date()).getTime()
-      }), 0) : s - 1;
-    });
-  }, 1e3), () => clearInterval(N)), []), v(() => {
-    (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,
-      {
-        sx: {
-          position: "relative",
-          display: "inline-flex"
-        },
-        children: [
-          /* @__PURE__ */ n(
-            Q,
-            {
-              variant: "determinate",
-              sx: {
-                color: "var(--tw-border-primary)"
-              },
-              size: 20,
-              thickness: 2,
-              value: 100
-            }
-          ),
-          /* @__PURE__ */ n(
-            Q,
-            {
-              variant: "determinate",
-              size: 20,
-              thickness: 5,
-              value: i / w * 100,
-              sx: {
-                "svg circle": { stroke: "url(#linearColors)" },
-                position: "absolute",
-                left: 0,
-                [`& .${X.circle}`]: {
-                  strokeLinecap: "round"
-                }
-              }
-            }
-          )
-        ]
-      }
-    )
-  ] }) : /* @__PURE__ */ n(A, {});
-}
-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(() => {
-    var o, j, z, F;
-    a != null && a.routeId && i({
-      ...(o = l.getState()) == null ? void 0 : o.persist,
-      routeId: a == null ? void 0 : a.routeId,
-      route: a,
-      toChain: m,
-      toCoin: g,
-      fromChain: u,
-      fromCoin: c,
-      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()
-    });
-  }, [a]);
-  function I(o) {
-    s(o);
-  }
-  function S() {
-    ((e == null ? void 0 : e.openAt) + 60 * 60 * 1e3 - (/* @__PURE__ */ new Date()).getTime()) / 1e3 / 60 <= 0 && document.visibilityState === "visible" && (i({}), t(), f());
-  }
-  v(() => (e != null && e.openAt && window.addEventListener("visibilitychange", S), () => {
-    window.removeEventListener("visibilitychange", S);
-  }), [e == null ? void 0 : e.openAt]), v(() => (e != null && e.openAt && window.addEventListener("load", S), () => {
-    window.removeEventListener("load", S);
-  }), [e == null ? void 0 : e.openAt]);
-  function q(o) {
-    y(o);
-  }
-  function B(o) {
-    C(o);
-  }
-  function P() {
-    t(), i({}), h && d();
-  }
-  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__ */ 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__ */ 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__ */ 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__ */ 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: r,
-  amount: a,
-  resetAmount: f,
-  resetBalance: d,
-  handleStopRoute: w
-}) {
-  const i = _();
-  v(() => {
-    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((r == null ? void 0 : r.minOutputAmount) || (r == null ? void 0 : r.outputAmountDisplay)) && (i.current = r);
-  }, [r]), v(() => {
-    w(!0);
-  }, []);
-  function e() {
-    w(!1), t(!1);
-  }
-  function u() {
-    t(!1);
-  }
-  return /* @__PURE__ */ n(
-    ee,
-    {
-      handleOpenExchange: e,
-      amount: a,
-      route: r,
-      resetAmount: f,
-      resetBalance: d,
-      setExchange: u
-    }
-  );
-}
-export {
-  le as default
-};