@blockend/widget 1.0.48 → 1.0.49-beta.2

package/dist/{index-CztKubZB.js → index-DvR1iioL.js}

@@ -1,4 +1,4 @@
-import { B as N, D as V, i as b, r as $, a as S, x as m, n as q, F as I, o as H, e as Y } from "./core-CxJ55_hm.js";
+import { B as N, D as V, i as b, r as $, a as S, x as m, n as q, F as I, o as H, e as Y } from "./core-DgJB3Qno.js";
 const w = {
   getSpacingStyles(e, t) {
     if (Array.isArray(e))
@@ -379,83 +379,83 @@ var R = function(e, t, i, a) {
   return r > 3 && o && Object.defineProperty(t, i, o), o;
 };
 const E = {
-  add: async () => (await import("./add-CsVPUZji.js")).addSvg,
-  allWallets: async () => (await import("./all-wallets-CFmAxEw7.js")).allWalletsSvg,
-  arrowBottomCircle: async () => (await import("./arrow-bottom-circle-DN9qZO8D.js")).arrowBottomCircleSvg,
-  appStore: async () => (await import("./app-store-B4mtp1mU.js")).appStoreSvg,
-  apple: async () => (await import("./apple-C-vXA_-Q.js")).appleSvg,
-  arrowBottom: async () => (await import("./arrow-bottom-6CDjU1eE.js")).arrowBottomSvg,
-  arrowLeft: async () => (await import("./arrow-left-CjJLmw6Y.js")).arrowLeftSvg,
-  arrowRight: async () => (await import("./arrow-right-BpTLDTMX.js")).arrowRightSvg,
-  arrowTop: async () => (await import("./arrow-top-DU1aEYkh.js")).arrowTopSvg,
-  bank: async () => (await import("./bank-CtT_v4OA.js")).bankSvg,
-  browser: async () => (await import("./browser-BzC416Ga.js")).browserSvg,
-  card: async () => (await import("./card-D9RpFcx0.js")).cardSvg,
-  checkmark: async () => (await import("./checkmark-CtUAX8EG.js")).checkmarkSvg,
-  checkmarkBold: async () => (await import("./checkmark-bold-VZL2SuxB.js")).checkmarkBoldSvg,
-  chevronBottom: async () => (await import("./chevron-bottom-CV_Ifosh.js")).chevronBottomSvg,
-  chevronLeft: async () => (await import("./chevron-left-vauViuBF.js")).chevronLeftSvg,
-  chevronRight: async () => (await import("./chevron-right-Ch0-iP-t.js")).chevronRightSvg,
-  chevronTop: async () => (await import("./chevron-top-fvIkVky4.js")).chevronTopSvg,
-  chromeStore: async () => (await import("./chrome-store-CgMxFYMx.js")).chromeStoreSvg,
-  clock: async () => (await import("./clock-CD_Be9u1.js")).clockSvg,
-  close: async () => (await import("./close-CuvWjYvJ.js")).closeSvg,
-  compass: async () => (await import("./compass-DORfxdqQ.js")).compassSvg,
-  coinPlaceholder: async () => (await import("./coinPlaceholder-UVXPM539.js")).coinPlaceholderSvg,
-  copy: async () => (await import("./copy-BWAfHXcr.js")).copySvg,
-  cursor: async () => (await import("./cursor-hvQCvuY0.js")).cursorSvg,
-  cursorTransparent: async () => (await import("./cursor-transparent-BdJs-4PE.js")).cursorTransparentSvg,
-  desktop: async () => (await import("./desktop-C16HW3Xx.js")).desktopSvg,
-  disconnect: async () => (await import("./disconnect-DRUAX0I2.js")).disconnectSvg,
-  discord: async () => (await import("./discord-I752GmaU.js")).discordSvg,
-  etherscan: async () => (await import("./etherscan--xkrRjIS.js")).etherscanSvg,
-  extension: async () => (await import("./extension-DBPkceL0.js")).extensionSvg,
-  externalLink: async () => (await import("./external-link-CbPqDFzI.js")).externalLinkSvg,
-  facebook: async () => (await import("./facebook-CFI3uzSu.js")).facebookSvg,
-  farcaster: async () => (await import("./farcaster-DN93zQp8.js")).farcasterSvg,
-  filters: async () => (await import("./filters-C6BY9h_R.js")).filtersSvg,
-  github: async () => (await import("./github-DD1Wyw9Y.js")).githubSvg,
-  google: async () => (await import("./google-D1E_G9Jw.js")).googleSvg,
-  helpCircle: async () => (await import("./help-circle-MjewM8fh.js")).helpCircleSvg,
-  image: async () => (await import("./image-B1OlMZ_D.js")).imageSvg,
-  id: async () => (await import("./id-DWrEAL0Y.js")).idSvg,
-  infoCircle: async () => (await import("./info-circle-ygUHgPMr.js")).infoCircleSvg,
-  lightbulb: async () => (await import("./lightbulb-n3p60wb2.js")).lightbulbSvg,
-  mail: async () => (await import("./mail-CvJFMwVR.js")).mailSvg,
-  mobile: async () => (await import("./mobile-2Q4FMkp7.js")).mobileSvg,
-  more: async () => (await import("./more-Dl6UNVYf.js")).moreSvg,
-  networkPlaceholder: async () => (await import("./network-placeholder-BHa-8IYu.js")).networkPlaceholderSvg,
-  nftPlaceholder: async () => (await import("./nftPlaceholder-C-kNqpt7.js")).nftPlaceholderSvg,
-  off: async () => (await import("./off-vA0xiDBU.js")).offSvg,
-  playStore: async () => (await import("./play-store-BdESAvn7.js")).playStoreSvg,
-  plus: async () => (await import("./plus-CI5D39lI.js")).plusSvg,
-  qrCode: async () => (await import("./qr-code-DLg6lOTi.js")).qrCodeIcon,
-  recycleHorizontal: async () => (await import("./recycle-horizontal-3J42KsWq.js")).recycleHorizontalSvg,
-  refresh: async () => (await import("./refresh-BEgbmmM1.js")).refreshSvg,
-  search: async () => (await import("./search-Dz34DwRb.js")).searchSvg,
-  send: async () => (await import("./send-B57ao-nU.js")).sendSvg,
-  swapHorizontal: async () => (await import("./swapHorizontal-po0eESEE.js")).swapHorizontalSvg,
-  swapHorizontalMedium: async () => (await import("./swapHorizontalMedium-DFkcNnL0.js")).swapHorizontalMediumSvg,
-  swapHorizontalBold: async () => (await import("./swapHorizontalBold-jdwjn6I2.js")).swapHorizontalBoldSvg,
-  swapHorizontalRoundedBold: async () => (await import("./swapHorizontalRoundedBold-BDIZiNDG.js")).swapHorizontalRoundedBoldSvg,
-  swapVertical: async () => (await import("./swapVertical-CCv4s5uT.js")).swapVerticalSvg,
-  telegram: async () => (await import("./telegram-GAjmXYBs.js")).telegramSvg,
-  threeDots: async () => (await import("./three-dots-DcqTLEOU.js")).threeDotsSvg,
-  twitch: async () => (await import("./twitch-BGYB_svY.js")).twitchSvg,
-  twitter: async () => (await import("./x-Dfc3V8pm.js")).xSvg,
-  twitterIcon: async () => (await import("./twitterIcon-BmqcVfVS.js")).twitterIconSvg,
-  verify: async () => (await import("./verify-C6RCoVYC.js")).verifySvg,
-  verifyFilled: async () => (await import("./verify-filled-BqhB0MZC.js")).verifyFilledSvg,
-  wallet: async () => (await import("./wallet-XsxVSYSp.js")).walletSvg,
-  walletConnect: async () => (await import("./walletconnect-BwzMMj6O.js")).walletConnectSvg,
-  walletConnectLightBrown: async () => (await import("./walletconnect-BwzMMj6O.js")).walletConnectLightBrownSvg,
-  walletConnectBrown: async () => (await import("./walletconnect-BwzMMj6O.js")).walletConnectBrownSvg,
-  walletPlaceholder: async () => (await import("./wallet-placeholder-CTkFMX8-.js")).walletPlaceholderSvg,
-  warningCircle: async () => (await import("./warning-circle-Ri_DXk1y.js")).warningCircleSvg,
-  x: async () => (await import("./x-Dfc3V8pm.js")).xSvg,
-  info: async () => (await import("./info-BIglQyok.js")).infoSvg,
-  exclamationTriangle: async () => (await import("./exclamation-triangle-DXj7lIwe.js")).exclamationTriangleSvg,
-  reown: async () => (await import("./reown-logo-ATUFBzuh.js")).reownSvg
+  add: async () => (await import("./add-DgNWpTbE.js")).addSvg,
+  allWallets: async () => (await import("./all-wallets-DbLggbFH.js")).allWalletsSvg,
+  arrowBottomCircle: async () => (await import("./arrow-bottom-circle-BxnEnxCv.js")).arrowBottomCircleSvg,
+  appStore: async () => (await import("./app-store-BM-3bzwt.js")).appStoreSvg,
+  apple: async () => (await import("./apple-DGgkQglq.js")).appleSvg,
+  arrowBottom: async () => (await import("./arrow-bottom-BCcsiVDf.js")).arrowBottomSvg,
+  arrowLeft: async () => (await import("./arrow-left-BajNw8Bo.js")).arrowLeftSvg,
+  arrowRight: async () => (await import("./arrow-right-Kqyf83Ue.js")).arrowRightSvg,
+  arrowTop: async () => (await import("./arrow-top-P0YZuCsS.js")).arrowTopSvg,
+  bank: async () => (await import("./bank-BdBlTjok.js")).bankSvg,
+  browser: async () => (await import("./browser-CiQFAZ4t.js")).browserSvg,
+  card: async () => (await import("./card-D94MFuQu.js")).cardSvg,
+  checkmark: async () => (await import("./checkmark-Cucqq4L6.js")).checkmarkSvg,
+  checkmarkBold: async () => (await import("./checkmark-bold-C5WgesjY.js")).checkmarkBoldSvg,
+  chevronBottom: async () => (await import("./chevron-bottom-CyfhotQQ.js")).chevronBottomSvg,
+  chevronLeft: async () => (await import("./chevron-left-CXJ7R3iS.js")).chevronLeftSvg,
+  chevronRight: async () => (await import("./chevron-right-4ex-g3or.js")).chevronRightSvg,
+  chevronTop: async () => (await import("./chevron-top-BDfgSTbr.js")).chevronTopSvg,
+  chromeStore: async () => (await import("./chrome-store-CX9plHu3.js")).chromeStoreSvg,
+  clock: async () => (await import("./clock-CtQPqpVc.js")).clockSvg,
+  close: async () => (await import("./close-CYlyCBrT.js")).closeSvg,
+  compass: async () => (await import("./compass-DVktgTZ-.js")).compassSvg,
+  coinPlaceholder: async () => (await import("./coinPlaceholder-DS0YfqOM.js")).coinPlaceholderSvg,
+  copy: async () => (await import("./copy-Bk0qGavv.js")).copySvg,
+  cursor: async () => (await import("./cursor-CCqfxECm.js")).cursorSvg,
+  cursorTransparent: async () => (await import("./cursor-transparent-CPbYJ9jd.js")).cursorTransparentSvg,
+  desktop: async () => (await import("./desktop-DAykpsO7.js")).desktopSvg,
+  disconnect: async () => (await import("./disconnect-DL8vRZg2.js")).disconnectSvg,
+  discord: async () => (await import("./discord-BS8TPANA.js")).discordSvg,
+  etherscan: async () => (await import("./etherscan-YSjUjqH5.js")).etherscanSvg,
+  extension: async () => (await import("./extension-BfYpl1LK.js")).extensionSvg,
+  externalLink: async () => (await import("./external-link-uF5MV_9t.js")).externalLinkSvg,
+  facebook: async () => (await import("./facebook-DO648yaX.js")).facebookSvg,
+  farcaster: async () => (await import("./farcaster-DZF64pQM.js")).farcasterSvg,
+  filters: async () => (await import("./filters-DMTGJi0Y.js")).filtersSvg,
+  github: async () => (await import("./github-DQDrN0RZ.js")).githubSvg,
+  google: async () => (await import("./google-DRrIdyFk.js")).googleSvg,
+  helpCircle: async () => (await import("./help-circle-n5Ls2-2F.js")).helpCircleSvg,
+  image: async () => (await import("./image-B5YOEd-c.js")).imageSvg,
+  id: async () => (await import("./id-DbShnIoD.js")).idSvg,
+  infoCircle: async () => (await import("./info-circle-DnNqx9Fu.js")).infoCircleSvg,
+  lightbulb: async () => (await import("./lightbulb-DEa_QXWk.js")).lightbulbSvg,
+  mail: async () => (await import("./mail-DNWPpemE.js")).mailSvg,
+  mobile: async () => (await import("./mobile-CsmBvAG0.js")).mobileSvg,
+  more: async () => (await import("./more-Bjd7dOWF.js")).moreSvg,
+  networkPlaceholder: async () => (await import("./network-placeholder-DsQ_HMHG.js")).networkPlaceholderSvg,
+  nftPlaceholder: async () => (await import("./nftPlaceholder-KsQSrTt2.js")).nftPlaceholderSvg,
+  off: async () => (await import("./off-B0hqloiu.js")).offSvg,
+  playStore: async () => (await import("./play-store-DseAgFmo.js")).playStoreSvg,
+  plus: async () => (await import("./plus-BJCNDRM3.js")).plusSvg,
+  qrCode: async () => (await import("./qr-code-lEBAtsO4.js")).qrCodeIcon,
+  recycleHorizontal: async () => (await import("./recycle-horizontal-K4rUQslN.js")).recycleHorizontalSvg,
+  refresh: async () => (await import("./refresh-DEZrriLV.js")).refreshSvg,
+  search: async () => (await import("./search-CIK9XN0-.js")).searchSvg,
+  send: async () => (await import("./send-Bxpdb3Vf.js")).sendSvg,
+  swapHorizontal: async () => (await import("./swapHorizontal-BBHEuYx1.js")).swapHorizontalSvg,
+  swapHorizontalMedium: async () => (await import("./swapHorizontalMedium-PzUH_Th4.js")).swapHorizontalMediumSvg,
+  swapHorizontalBold: async () => (await import("./swapHorizontalBold-t0VsiN4I.js")).swapHorizontalBoldSvg,
+  swapHorizontalRoundedBold: async () => (await import("./swapHorizontalRoundedBold-EyDyL2Bj.js")).swapHorizontalRoundedBoldSvg,
+  swapVertical: async () => (await import("./swapVertical-CusOd1Kd.js")).swapVerticalSvg,
+  telegram: async () => (await import("./telegram-DfP_Unfg.js")).telegramSvg,
+  threeDots: async () => (await import("./three-dots-BcnJZFUd.js")).threeDotsSvg,
+  twitch: async () => (await import("./twitch-CN0F2VUn.js")).twitchSvg,
+  twitter: async () => (await import("./x-BpuzG7VO.js")).xSvg,
+  twitterIcon: async () => (await import("./twitterIcon-DDA3Skm-.js")).twitterIconSvg,
+  verify: async () => (await import("./verify-BVsIUy32.js")).verifySvg,
+  verifyFilled: async () => (await import("./verify-filled-bQ1f0Y-d.js")).verifyFilledSvg,
+  wallet: async () => (await import("./wallet-OISOAGe9.js")).walletSvg,
+  walletConnect: async () => (await import("./walletconnect-CCANKmqY.js")).walletConnectSvg,
+  walletConnectLightBrown: async () => (await import("./walletconnect-CCANKmqY.js")).walletConnectLightBrownSvg,
+  walletConnectBrown: async () => (await import("./walletconnect-CCANKmqY.js")).walletConnectBrownSvg,
+  walletPlaceholder: async () => (await import("./wallet-placeholder-DZD3tMxc.js")).walletPlaceholderSvg,
+  warningCircle: async () => (await import("./warning-circle-C_uh-wB2.js")).warningCircleSvg,
+  x: async () => (await import("./x-BpuzG7VO.js")).xSvg,
+  info: async () => (await import("./info-5rQx4FCT.js")).infoSvg,
+  exclamationTriangle: async () => (await import("./exclamation-triangle-Cd8s_lsN.js")).exclamationTriangleSvg,
+  reown: async () => (await import("./reown-logo-BHbe-CUO.js")).reownSvg
 };
 async function pt(e) {
   if (P.has(e))

package/dist/index-VUJh-JIq.js

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