@blockend/widget 1.0.54 → 1.0.55-beta.2

package/dist/index-B158Vaz9.js

@@ -0,0 +1,146 @@
+import { jsxs as r, jsx as e, Fragment as g } from "react/jsx-runtime";
+import { T as H, a as P, H as z, b as v, c as A, E as R, d as U } from "./EstGas-C7sLxEX_.js";
+import { useState as d, useEffect as f } from "react";
+import { useQuery as T } from "@tanstack/react-query";
+import { u as o, l as N, k as D, T as B } from "./index-UFdEurQ_.js";
+import { c as M, i as O } from "./useRegisterError-BvjIv1Yc.js";
+function K({ details: l }) {
+  const s = {
+    route: {
+      ...l
+    }
+  }, c = o((w) => w.configuration);
+  return N.isEmpty(s.route) ? /* @__PURE__ */ e("div", { className: "bw-relative bw-w-full bw-h-[41px] bw-mt-4 bw-flex bw-justify-center" }) : /* @__PURE__ */ r("div", { className: "bw-relative bw-mt-4 bw-flex bw-justify-center ", children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          boxShadow: c && c.customTheme && c.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__ */ r("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__ */ r("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: s?.route?.providerDetails?.logoUrl,
+            className: "bw-rounded-[50%] bw-mx-[4px] bw-min-w-[18px] bw-max-h-[18px] bw-min-h-[18px]",
+            width: 18,
+            height: 18
+          }
+        ),
+        s?.route?.providerDetails?.name || "",
+        ":",
+        " ",
+        s?.route?.protocolsUsed[0],
+        s?.route?.protocolsUsed?.length <= 1 ? "" : /* @__PURE__ */ r("span", { className: "bw-ml-1 bw-text-xs bw-font-normal bw-leading-6", children: [
+          `+${s?.route?.protocolsUsed?.length - 1}`,
+          " More"
+        ] }),
+        " "
+      ] }),
+      " "
+    ] })
+  ] });
+}
+const W = () => {
+  const l = o((t) => t.setRoute), s = o((t) => t.txnDetails), [c, w] = d(!1), [I, E] = d(!1), [u, x] = d(!1), [h, j] = d({}), b = o((t) => t.setPersist), C = o((t) => t.persist);
+  M();
+  const { txnupdate: q } = O, a = T({
+    queryKey: ["txnDetails", s?.routeId],
+    queryFn: async () => await (await D.fetchTxnDetails(s?.routeId)).json(),
+    refetchOnWindowFocus: !1
+  });
+  f(() => {
+    if (a.data) {
+      let t = a.data, i = [];
+      t?.data?.currentStepStatus === "success" ? t?.data?.steps?.forEach((p) => {
+        i.push({ type: "preText" });
+      }) : t?.data?.currentStepStatus === "failed" && (x(!0), t?.data?.steps?.forEach((p) => {
+        p?.status === "success" ? i.push({ type: "preText" }) : p?.status === "failed" && i.push({ type: "failed" });
+      })), b({
+        ...o.getState()?.persist,
+        stepData: t?.data?.steps[t?.data?.currentStepIndex],
+        routeId: t?.data?.routeId,
+        allSteps: {
+          steps: t?.data?.steps,
+          currentStep: t?.data?.currentStepStatus === "success" ? t?.data?.currentStepIndex + 1 : t?.data?.currentStepIndex,
+          type: "preText"
+        },
+        stepStatus: i,
+        statusData: {
+          status: t?.data?.currentStepStatus
+        },
+        historyData: t?.data,
+        loading: t?.data?.currentStepStatus == "in-progress",
+        fromCoin: t?.data?.from,
+        toCoin: t?.data?.to,
+        route: t?.data,
+        isHistory: !0,
+        hash: t?.data?.currentStepStatus == "in-progress" ? t?.data?.steps[t?.data?.currentStepIndex]?.srcTxnHash : null
+      });
+    }
+  }, [a.data]), f(() => {
+  }, [a.error]);
+  const m = T({
+    queryKey: ["chains"],
+    queryFn: async () => await (await D.fetchChain()).json(),
+    refetchOnWindowFocus: !1,
+    enabled: a.isSuccess
+  });
+  f(() => {
+    if (m.data) {
+      let t = m.data, i = { ...N.keyBy(t.data, "chainId") };
+      j(i), b({
+        ...o.getState()?.persist,
+        fromChain: i[a?.data?.data?.from?.chainId],
+        toChain: i[a?.data?.data?.to?.chainId]
+      });
+    }
+  }, [m.data, a.data]);
+  function y() {
+    l("history"), b({ allSteps: { steps: null, currentStep: 0 }, stepData: {} });
+  }
+  let n = a?.data?.data || {};
+  function k(t) {
+    w(t);
+  }
+  function F(t) {
+    x(t);
+  }
+  function S(t) {
+    E(t);
+  }
+  return /* @__PURE__ */ e(H.Provider, { value: { isTxnSuccessful: c, handleTxnSuccess: k }, children: /* @__PURE__ */ e(P.Provider, { value: { isErrorMessage: u, handleErrorMessage: F }, children: /* @__PURE__ */ e("div", { className: "bw-w-full  bw-relative bw-min-h-[610px] ", children: a.isSuccess ? /* @__PURE__ */ r(g, { children: [
+    /* @__PURE__ */ e(z, { handleBack: y }),
+    /* @__PURE__ */ e("div", { className: "bw-mt-[-20px]", children: /* @__PURE__ */ e(K, { details: n }) }),
+    /* @__PURE__ */ e("div", { className: "bw-flex  bw-justify-between bw-items-center" }),
+    /* @__PURE__ */ r("div", { className: "bw-flex bw-mt-4  bw-w-full bw-justify-between bw-items-center", children: [
+      /* @__PURE__ */ r("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(v, { amount: n.inputAmountDisplay, coinData: n.from, chainData: h[n?.from?.chainId] || {}, field: "from" })
+      ] }),
+      u ? /* @__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: /* @__PURE__ */ e("img", { src: q, width: 33, height: 30, alt: "img" }) }) : /* @__PURE__ */ e(A, { isTimerStarted: C?.isTimerStarted || I, startTimer: S, error: u }),
+      /* @__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__ */ r("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(v, { amount: n.outputAmountDisplay, coinData: n.to, chainData: h[n?.to?.chainId] || {}, field: "to" })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "bw-h-[320px] bw-pr-1 bw-flex bw-flex-col bw-mt-8 bw-overflow-y-auto", children: [
+      a.isLoading ? /* @__PURE__ */ e(g, {}) : /* @__PURE__ */ e(R, {}),
+      /* @__PURE__ */ e(U, { amount: a?.inputAmountDisplay, startTimer: S, handleBack: y, isHistory: !0 })
+    ] })
+  ] }) : /* @__PURE__ */ e(B, {}) }) }) });
+};
+function X() {
+  return /* @__PURE__ */ e(W, {});
+}
+export {
+  X as default
+};