@blockend/widget 1.0.31 → 1.0.32

package/dist/index-hEJSpZe-.js

@@ -1,308 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React__default, { useContext, useState, useEffect, useRef } from "react";
-import { a as TxnErrorContext, T as TxnSuccessContext, H as Header, b as TokenBox, c as TxnTimer, E as EstGas, d as TransactionComp } from "./EstGas-C5ihS0Mw.js";
-import { u as useStore, l as lodashExports } from "./index-D5OnT-__.js";
-import { i as images, C as CircularProgress, S as circularProgressClasses } from "./useRegisterError-W_UfecIN.js";
-import { B as Box } from "./Box-e4gA-y_H.js";
-function ProviderComp() {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const persist = useStore((state) => state.persist);
-  const configuration = useStore((state) => state.configuration);
-  const { defaultCoin } = images;
-  let logoUrl = ((_c = (_b = (_a = persist == null ? void 0 : persist.route) == null ? void 0 : _a.providerDetails) == null ? void 0 : _b.logoUrl) == null ? void 0 : _c.length) ? (_e = (_d = persist == null ? void 0 : persist.route) == null ? void 0 : _d.providerDetails) == null ? void 0 : _e.logoUrl : defaultCoin;
-  return !lodashExports.isEmpty(persist.route) ? /* @__PURE__ */ jsxs("div", { className: "bw-relative bw-mt-4 bw-flex bw-justify-center ", children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          boxShadow: configuration && configuration.customTheme && ((_g = (_f = configuration.customTheme) == null ? void 0 : _f.shadow) == null ? void 0 : _g.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__ */ jsxs("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__ */ jsxs("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__ */ jsx("span", { className: "bw-text-sm bw-font-light", children: "via" }),
-        " ",
-        /* @__PURE__ */ jsx("img", { src: logoUrl, className: "bw-rounded-[50%] bw-mx-[4px] bw-min-w-[18px] bw-max-h-[18px] bw-min-h-[18px]", width: 18, height: 18 }),
-        ((_i = (_h = persist == null ? void 0 : persist.route) == null ? void 0 : _h.providerDetails) == null ? void 0 : _i.name) || "",
-        ": ",
-        (_j = persist == null ? void 0 : persist.route) == null ? void 0 : _j.protocolsUsed[0],
-        ((_l = (_k = persist == null ? void 0 : persist.route) == null ? void 0 : _k.protocolsUsed) == null ? void 0 : _l.length) <= 1 ? "" : /* @__PURE__ */ jsxs("span", { className: "bw-ml-1 bw-text-xs bw-font-normal bw-leading-6", children: [
-          `+${((_n = (_m = persist == null ? void 0 : persist.route) == null ? void 0 : _m.protocolsUsed) == null ? void 0 : _n.length) - 1}`,
-          " More"
-        ] }),
-        " "
-      ] }),
-      " "
-    ] })
-  ] }) : /* @__PURE__ */ jsx(Fragment, {});
-}
-let interval;
-function QuoteTimer() {
-  var _a, _b, _c, _d, _e;
-  const configuration = useStore((state) => state.configuration);
-  const persist = useStore((state) => state.persist);
-  const setPersist = useStore((state) => state.setPersist);
-  const { isErrorMessage } = useContext(TxnErrorContext);
-  const time = Math.floor(((/* @__PURE__ */ new Date()).getTime() - persist.quoteStartTime) / 1e3);
-  let deadline = ((_a = persist == null ? void 0 : persist.route) == null ? void 0 : _a.deadline) || 60;
-  const [timer, setTimer] = useState(deadline);
-  useEffect(() => {
-    if (time) {
-      setTimer(deadline - time);
-    }
-  }, []);
-  useEffect(() => {
-    interval = setInterval(() => {
-      setTimer((prev) => {
-        var _a2;
-        if (prev <= 0) {
-          clearInterval(interval);
-          setPersist({
-            ...(_a2 = useStore.getState()) == null ? void 0 : _a2.persist,
-            isQuoteTimer: false,
-            showAcceptQuote: true,
-            quoteStartTime: (/* @__PURE__ */ new Date()).getTime()
-          });
-          return 0;
-        } else {
-          return prev - 1;
-        }
-      });
-    }, 1e3);
-    return () => clearInterval(interval);
-  }, []);
-  useEffect(() => {
-    if (isErrorMessage || !persist.isQuoteTimer) {
-      clearInterval(interval);
-    }
-  }, [isErrorMessage, persist.isQuoteTimer]);
-  return !(persist == null ? void 0 : persist.hash) && persist.quote === "enable" ? /* @__PURE__ */ jsxs("div", { className: "bw-absolute bw-top-0 bw-right-0 ", children: [
-    /* @__PURE__ */ jsx("svg", { className: "bw-absolute bw-w-[20px] bw-h-[20px]", children: /* @__PURE__ */ jsxs("linearGradient", { id: "linearColors", x1: "0", y1: "0", x2: "1", y2: "1", children: [
-      /* @__PURE__ */ jsx("stop", { offset: "1%", stopColor: ((_b = configuration == null ? void 0 : configuration.gradientStyle) == null ? void 0 : _b.spinnerColor) ? (_c = configuration == null ? void 0 : configuration.gradientStyle) == null ? void 0 : _c.spinnerColor : "#A45EFF" }),
-      /* @__PURE__ */ jsx("stop", { offset: "90%", stopColor: ((_d = configuration == null ? void 0 : configuration.gradientStyle) == null ? void 0 : _d.spinnerColor) ? (_e = configuration == null ? void 0 : configuration.gradientStyle) == null ? void 0 : _e.stopColor : "#2CFFE4" })
-    ] }) }),
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        sx: {
-          position: "relative",
-          display: "inline-flex"
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            CircularProgress,
-            {
-              variant: "determinate",
-              sx: {
-                color: "var(--tw-border-primary)"
-              },
-              size: 20,
-              thickness: 2,
-              value: 100
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            CircularProgress,
-            {
-              variant: "determinate",
-              size: 20,
-              thickness: 5,
-              value: timer / deadline * 100,
-              sx: {
-                "svg circle": { stroke: "url(#linearColors)" },
-                position: "absolute",
-                left: 0,
-                [`& .${circularProgressClasses.circle}`]: {
-                  strokeLinecap: "round"
-                }
-              }
-            }
-          )
-        ]
-      }
-    )
-  ] }) : /* @__PURE__ */ jsx(Fragment, {});
-}
-const Exchange = React__default.memo(function({
-  handleOpenExchange,
-  amount,
-  route,
-  resetAmount,
-  resetBalance,
-  setExchange
-}) {
-  var _a;
-  const setPersist = useStore((state) => state.setPersist);
-  const persist = useStore((state) => state.persist);
-  const fromChain = useStore((state) => state.fromChain);
-  const fromCoin = useStore((state) => state.fromCoin);
-  const toChain = useStore((state) => state.toChain);
-  const toCoin = useStore((state) => state.toCoin);
-  const [isTimerStarted, setIsTimerStarted] = useState(false);
-  const [isTxnSuccessful, setIsTxnSuccessful] = useState(false);
-  const [isErrorMessage, setIsErrormessage] = useState(false);
-  const isLoading = !persist.stepData;
-  const { txnupdate } = images;
-  useEffect(() => {
-    var _a2, _b, _c, _d;
-    if (route == null ? void 0 : route.routeId) {
-      setPersist({
-        ...(_a2 = useStore.getState()) == null ? void 0 : _a2.persist,
-        routeId: route == null ? void 0 : route.routeId,
-        route,
-        toChain,
-        toCoin,
-        fromChain,
-        fromCoin,
-        amount,
-        quote: "enable",
-        openAt: (/* @__PURE__ */ new Date()).getTime(),
-        startTime: ((_d = (_c = (_b = useStore) == null ? void 0 : _b.getState()) == null ? void 0 : _c.persist) == null ? void 0 : _d.startTime) || (/* @__PURE__ */ new Date()).getTime()
-      });
-    }
-  }, [route]);
-  function startTimer(val) {
-    setIsTimerStarted(val);
-  }
-  function handleFocus() {
-    if (((persist == null ? void 0 : persist.openAt) + 60 * 60 * 1e3 - (/* @__PURE__ */ new Date()).getTime()) / 1e3 / 60 <= 0 && document.visibilityState === "visible") {
-      setPersist({});
-      handleOpenExchange();
-      resetAmount();
-    }
-  }
-  useEffect(() => {
-    if (persist == null ? void 0 : persist.openAt) {
-      window.addEventListener("visibilitychange", handleFocus);
-    }
-    return () => {
-      window.removeEventListener("visibilitychange", handleFocus);
-    };
-  }, [persist == null ? void 0 : persist.openAt]);
-  useEffect(() => {
-    if (persist == null ? void 0 : persist.openAt) {
-      window.addEventListener("load", handleFocus);
-    }
-    return () => {
-      window.removeEventListener("load", handleFocus);
-    };
-  }, [persist == null ? void 0 : persist.openAt]);
-  function handleTxnSuccess(val) {
-    setIsTxnSuccessful(val);
-  }
-  function handleErrorMessage(val) {
-    setIsErrormessage(val);
-  }
-  function handleBack() {
-    handleOpenExchange();
-    setPersist({});
-    if (isTxnSuccessful) {
-      resetBalance();
-    }
-  }
-  return /* @__PURE__ */ jsx(TxnSuccessContext.Provider, { value: { isTxnSuccessful, handleTxnSuccess }, children: /* @__PURE__ */ jsx(TxnErrorContext.Provider, { value: { isErrorMessage, handleErrorMessage }, children: /* @__PURE__ */ jsxs("div", { className: "bw-w-full bw-relative bw-min-h-[610px] ", children: [
-    /* @__PURE__ */ jsx(Header, { handleBack }),
-    /* @__PURE__ */ jsx("div", { className: "bw-mt-[-20px] ", children: /* @__PURE__ */ jsx(ProviderComp, {}) }),
-    (persist == null ? void 0 : persist.isQuoteTimer) ? /* @__PURE__ */ jsx(QuoteTimer, {}) : /* @__PURE__ */ jsx(Fragment, {}),
-    /* @__PURE__ */ jsx("div", { className: "bw-flex bw-justify-between bw-items-center" }),
-    /* @__PURE__ */ jsxs("div", { className: "bw-flex bw-w-full bw-mt-4 bw-justify-between bw-items-center", children: [
-      /* @__PURE__ */ jsxs("div", { className: "bw-w-[40%] md:bw-w-auto", children: [
-        /* @__PURE__ */ jsx("p", { className: "bw-text-xs bw-mb-1 bw-text-text-secondary bw-font-medium", children: "Send" }),
-        /* @__PURE__ */ jsx(
-          TokenBox,
-          {
-            amount: persist == null ? void 0 : persist.amount,
-            coinData: persist.fromCoin,
-            chainData: persist.fromChain,
-            field: "from"
-          }
-        )
-      ] }),
-      isErrorMessage ? /* @__PURE__ */ jsx(
-        "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-card  bw-relative bw-z-10  hover:bw-opacity-100  bw-border-border-primary `,
-          children: /* @__PURE__ */ jsx("img", { src: txnupdate, width: 33, height: 30, alt: "img" })
-        }
-      ) : /* @__PURE__ */ jsx(
-        TxnTimer,
-        {
-          isTimerStarted: (persist == null ? void 0 : persist.isTimerStarted) || isTimerStarted,
-          startTimer,
-          error: isErrorMessage
-        }
-      ),
-      /* @__PURE__ */ jsx("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__ */ jsxs("div", { className: "bw-w-[40%] md:bw-w-auto", children: [
-        /* @__PURE__ */ jsx("p", { className: "bw-text-xs bw-mb-1 bw-text-text-secondary bw-font-medium", children: "Receive" }),
-        /* @__PURE__ */ jsx(
-          TokenBox,
-          {
-            amount: Number(((_a = persist == null ? void 0 : persist.route) == null ? void 0 : _a.outputAmountDisplay) || ""),
-            coinData: persist == null ? void 0 : persist.toCoin,
-            chainData: persist == null ? void 0 : persist.toChain,
-            field: "to"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "bw-h-[320px] bw-pr-1 bw-flex bw-flex-col bw-mt-8 bw-overflow-y-auto", children: [
-      isLoading ? /* @__PURE__ */ jsx(Fragment, {}) : /* @__PURE__ */ jsx(EstGas, {}),
-      /* @__PURE__ */ jsx(
-        TransactionComp,
-        {
-          handleOpenExchange,
-          setExchange,
-          amount,
-          startTimer,
-          handleBack,
-          isTimerStarted: (persist == null ? void 0 : persist.isTimerStarted) || isTimerStarted
-        }
-      )
-    ] })
-  ] }) }) });
-});
-function ConfirmDetails({
-  handleConfirmClose,
-  routesData,
-  amount,
-  resetAmount,
-  resetBalance,
-  handleStopRoute
-}) {
-  const prevRoute = useRef();
-  useEffect(() => {
-    var _a, _b;
-    if (!prevRoute.current && Number(
-      ((_a = prevRoute == null ? void 0 : prevRoute.current) == null ? void 0 : _a.minOutputAmount) || ((_b = prevRoute == null ? void 0 : prevRoute.current) == null ? void 0 : _b.outputAmountDisplay)
-    ) !== Number((routesData == null ? void 0 : routesData.minOutputAmount) || (routesData == null ? void 0 : routesData.outputAmountDisplay)))
-      prevRoute.current = routesData;
-  }, [routesData]);
-  useEffect(() => {
-    handleStopRoute(true);
-  }, []);
-  function handleOpenExchange() {
-    handleStopRoute(false);
-    handleConfirmClose(false);
-  }
-  function setExchange() {
-    handleConfirmClose(false);
-  }
-  return /* @__PURE__ */ jsx(
-    Exchange,
-    {
-      handleOpenExchange,
-      amount,
-      route: routesData,
-      resetAmount,
-      resetBalance,
-      setExchange
-    }
-  );
-}
-export {
-  ConfirmDetails as default
-};