@blockend/widget 1.0.55-beta.1 → 1.0.55-beta.2

package/dist/{index-DHYWnqST.js → index-BGt3GtoG.js}

@@ -1,4 +1,4 @@
-import { g as O, b as Y, i as M, _ as w, d as P, s as z, e as L, f as v, h as b, p as g, P as c } from "./index-C5bv1F_u.js";
+import { c as O, a as Y, d as M, _ as w, e as P, s as z, f as L, h as v, i as b, p as g, P as c } from "./index-UFdEurQ_.js";
 import * as C from "react";
 import { jsxs as F, jsx as x } from "react/jsx-runtime";
 function Z(r, i = 166) {

package/dist/index-BuGCRLd5.js

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