@blockend/widget 1.0.30 → 1.0.32

package/dist/index-DDk00SOL.js

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