@orbs-network/spot-react 0.0.20 → 0.0.21

package/dist/{ccip-BsP3sOmP.js → ccip-DCn7SCg6.js}

@@ -1,4 +1,4 @@
-import { B as p, g as m, s as w, d as k, i as b, l as L, a as O, c as E, b as x, e as R, H as y, f as M } from "./index-JG9komnp.js";
+import { B as p, g as m, s as w, d as k, i as b, l as L, a as O, c as E, b as x, e as R, H as y, f as M } from "./index-CTa7tQT1.js";
 class S extends p {
   constructor({ callbackSelector: r, cause: a, data: n, extraData: i, sender: f, urls: t }) {
     var o;

package/dist/{index-JG9komnp.js → index-CTa7tQT1.js}

@@ -2864,7 +2864,7 @@ const ch = (e) => {
       }
     });
   }
-})), g3 = "0.0.20", x3 = {
+})), g3 = "0.0.21", x3 = {
   version: g3
 };
 var Po = class {
@@ -28367,7 +28367,7 @@ async function Mu(e, t) {
     });
     return W === "0x" ? { data: void 0 } : { data: W };
   } catch (S) {
-    const A = n_(S), { offchainLookup: D, offchainLookupSignature: z } = await import("./ccip-BsP3sOmP.js");
+    const A = n_(S), { offchainLookup: D, offchainLookupSignature: z } = await import("./ccip-DCn7SCg6.js");
     if (e.ccipRead !== !1 && (A == null ? void 0 : A.slice(0, 10)) === z && O)
       return { data: await D(e, { data: A, to: O }) };
     throw E && (A == null ? void 0 : A.slice(0, 10)) === "0x101bb98d" ? new xS({ factory: h }) : f0(S, {
@@ -40264,17 +40264,50 @@ const Cm = () => {
     ),
     /* @__PURE__ */ M(Se.Container, { children: /* @__PURE__ */ xe("div", { className: "twap-orders__selected-order-bottom", children: [
       /* @__PURE__ */ xe("div", { className: "twap-orders__selected-order-accordions", children: [
-        /* @__PURE__ */ M(Z1, { title: n("excecutionSummary"), onClick: () => i("panel1"), expanded: r === "panel1", children: /* @__PURE__ */ M(RW, {}) }),
-        /* @__PURE__ */ M(Z1, { title: n("orderInfo"), expanded: r === "panel2", onClick: () => i("panel2"), children: /* @__PURE__ */ M(BW, {}) })
+        /* @__PURE__ */ M(
+          Z1,
+          {
+            title: n("excecutionSummary"),
+            onClick: () => i("panel1"),
+            expanded: r === "panel1",
+            children: /* @__PURE__ */ M(RW, {})
+          }
+        ),
+        /* @__PURE__ */ M(
+          Z1,
+          {
+            title: n("orderInfo"),
+            expanded: r === "panel2",
+            onClick: () => i("panel2"),
+            children: /* @__PURE__ */ M(BW, {})
+          }
+        )
       ] }),
       /* @__PURE__ */ M(LW, {})
     ] }) })
   ] }) }) : null;
-}, Z1 = ({ expanded: e, onClick: t, children: n, title: r }) => /* @__PURE__ */ xe("div", { className: "twap-orders__selected-order-accordion", children: [
-  /* @__PURE__ */ xe("div", { onClick: t, className: "twap-orders__selected-order-accordion-trigger", children: [
-    /* @__PURE__ */ M("p", { children: r }),
-    /* @__PURE__ */ M(rL.IoIosArrowDown, { style: { transform: e ? "rotate(180deg)" : "rotate(0deg)" } })
-  ] }),
+}, Z1 = ({
+  expanded: e,
+  onClick: t,
+  children: n,
+  title: r
+}) => /* @__PURE__ */ xe("div", { className: "twap-orders__selected-order-accordion", children: [
+  /* @__PURE__ */ xe(
+    "div",
+    {
+      onClick: t,
+      className: "twap-orders__selected-order-accordion-trigger",
+      children: [
+        /* @__PURE__ */ M("p", { children: r }),
+        /* @__PURE__ */ M(
+          rL.IoIosArrowDown,
+          {
+            style: { transform: e ? "rotate(180deg)" : "rotate(0deg)" }
+          }
+        )
+      ]
+    }
+  ),
   e && /* @__PURE__ */ M("div", { className: "twap-orders__selected-order-accordion-details", children: n })
 ] }), BW = () => /* @__PURE__ */ xe(Se, { children: [
   /* @__PURE__ */ M(NW, {}),
@@ -40302,7 +40335,14 @@ const Cm = () => {
   );
 }, FW = () => {
   const { order: e } = Vt();
-  return /* @__PURE__ */ M(Se.TradesAmount, { trades: e.display.totalTrades.value, label: e.display.totalTrades.label, tooltip: e.display.totalTrades.tooltip });
+  return /* @__PURE__ */ M(
+    Se.TradesAmount,
+    {
+      trades: e.display.totalTrades.value,
+      label: e.display.totalTrades.label,
+      tooltip: e.display.totalTrades.tooltip
+    }
+  );
 }, UW = () => {
   const { order: e } = Vt();
   return /* @__PURE__ */ M(
@@ -40316,7 +40356,14 @@ const Cm = () => {
   );
 }, DW = () => {
   const { order: e } = Vt();
-  return /* @__PURE__ */ M(Se.Deadline, { deadline: e.display.deadline.value, label: e.display.deadline.label, tooltip: e.display.deadline.tooltip });
+  return /* @__PURE__ */ M(
+    Se.Deadline,
+    {
+      deadline: e.display.deadline.value,
+      label: e.display.deadline.label,
+      tooltip: e.display.deadline.tooltip
+    }
+  );
 }, _W = () => {
   const { order: e } = Vt();
   return /* @__PURE__ */ M(
@@ -40350,22 +40397,36 @@ const Cm = () => {
   /* @__PURE__ */ M(YW, {})
 ] }), zW = () => {
   var n;
-  const { order: e } = Vt(), t = Ye({ value: e.amountOutFilled.value, decimalScale: 3 });
+  const { order: e } = Vt(), t = Ye({
+    value: e.amountOutFilled.value,
+    decimalScale: 3
+  });
   return e.amountOutFilled.value ? /* @__PURE__ */ M(Se.DetailRow, { title: e.amountOutFilled.label, children: /* @__PURE__ */ xe("p", { children: [
     t || "-",
     " ",
     (n = e.data.dstToken) == null ? void 0 : n.symbol
   ] }) }) : null;
 }, LW = () => {
-  const { order: e } = Vt(), { mutateAsync: t, isPending: n } = Sm(), { components: r } = de(), a = r.Button, s = Be(async () => {
-  }, [t, e]);
-  return !e || e.original.status !== ut.Open || !a ? null : /* @__PURE__ */ M(a, { loading: n, onClick: s, disabled: n, className: "twap-cancel-order", children: "Cancel" });
+  const { order: e } = Vt(), { mutateAsync: t, isPending: n } = Sm(), { components: r } = de(), a = r.Button, s = Be(async () => t({ orders: [e.original] }), [t, e]);
+  return !e || e.original.status !== ut.Open || !a ? null : /* @__PURE__ */ M(
+    a,
+    {
+      loading: n,
+      onClick: s,
+      disabled: n,
+      className: "twap-cancel-order",
+      children: "Cancel"
+    }
+  );
 }, $W = () => {
   const { order: e } = Vt(), t = $e(), n = Tm(e.createdAt.value);
   return /* @__PURE__ */ M(Se.DetailRow, { title: t("createdAt") || "", children: /* @__PURE__ */ M("p", { children: n }) });
 }, HW = () => {
   var r;
-  const { order: e } = Vt(), t = $e(), n = Ye({ value: e.display.srcAmount.value, decimalScale: 3 });
+  const { order: e } = Vt(), t = $e(), n = Ye({
+    value: e.display.srcAmount.value,
+    decimalScale: 3
+  });
   return /* @__PURE__ */ M(Se.DetailRow, { title: t("amountOut") || "", children: /* @__PURE__ */ xe("p", { children: [
     n || 0,
     " ",
@@ -40373,7 +40434,10 @@ const Cm = () => {
   ] }) });
 }, GW = () => {
   var n;
-  const { order: e } = Vt(), t = Ye({ value: e.amountInFilled.value, decimalScale: 3 });
+  const { order: e } = Vt(), t = Ye({
+    value: e.amountInFilled.value,
+    decimalScale: 3
+  });
   return /* @__PURE__ */ M(Se.DetailRow, { title: e.amountInFilled.label, children: /* @__PURE__ */ xe("p", { children: [
     t || "-",
     " ",
@@ -40397,18 +40461,42 @@ const Cm = () => {
   const e = $e(), t = jW();
   return /* @__PURE__ */ M(Se.DetailRow, { title: e("status") || "", children: /* @__PURE__ */ M("p", { children: t }) });
 }, WW = () => {
-  const { order: e } = Vt(), t = Ye({ value: e.progress.value, decimalScale: 2 });
+  const { order: e } = Vt(), t = Ye({
+    value: e.progress.value,
+    decimalScale: 2
+  });
   return /* @__PURE__ */ M(Se.DetailRow, { title: e.progress.label, children: /* @__PURE__ */ xe("p", { children: [
     t || 0,
     "%"
   ] }) });
 }, qW = () => {
   const { order: e } = Vt(), t = $e();
-  return e.display.limitPrice.value ? /* @__PURE__ */ M(vx, { title: t("limitPrice") || "", price: e.display.limitPrice.value, srcToken: e.data.srcToken, dstToken: e.data.dstToken }) : null;
+  return e.display.limitPrice.value ? /* @__PURE__ */ M(
+    vx,
+    {
+      title: t("limitPrice") || "",
+      price: e.display.limitPrice.value,
+      srcToken: e.data.srcToken,
+      dstToken: e.data.dstToken
+    }
+  ) : null;
 }, YW = () => {
   const { order: e } = Vt();
-  return e.excecutionPrice.value ? /* @__PURE__ */ M(vx, { title: e.excecutionPrice.label, price: e.excecutionPrice.value, srcToken: e.data.srcToken, dstToken: e.data.dstToken }) : null;
-}, vx = ({ price: e, srcToken: t, dstToken: n, title: r }) => {
+  return e.excecutionPrice.value ? /* @__PURE__ */ M(
+    vx,
+    {
+      title: e.excecutionPrice.label,
+      price: e.excecutionPrice.value,
+      srcToken: e.data.srcToken,
+      dstToken: e.data.dstToken
+    }
+  ) : null;
+}, vx = ({
+  price: e,
+  srcToken: t,
+  dstToken: n,
+  title: r
+}) => {
   const a = Ye({ value: e, decimalScale: 3 });
   return /* @__PURE__ */ M(Se.DetailRow, { title: r, children: he(e || 0).isZero() ? /* @__PURE__ */ M("p", { children: "-" }) : /* @__PURE__ */ xe("p", { children: [
     "1 ",
@@ -43914,7 +44002,7 @@ const OY = () => {
   const { srcToken: e, dstToken: t, marketPriceLoading: n } = de(), r = X((l) => l.updateState), a = X((l) => l.state.isInvertedTrade), s = X((l) => l.state.typedTriggerPrice), o = X((l) => l.state.typedLimitPrice), i = X((l) => l.state.isMarketOrder);
   return {
     onInvert: Be(() => {
-      n || (s !== void 0 && r({ typedTriggerPrice: he(1).div(s).toFixed() }), o !== void 0 && r({ typedLimitPrice: he(1).div(o).toFixed() }), r({ isInvertedTrade: !a }));
+      s !== void 0 && r({ typedTriggerPrice: he(1).div(s).toFixed() }), o !== void 0 && r({ typedLimitPrice: he(1).div(o).toFixed() }), r({ isInvertedTrade: !a });
     }, [r, a, s, o, n]),
     isInverted: a,
     fromToken: a ? t : e,

package/dist/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@orbs-network/spot-react",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "description": "Spot React Components - React components for Spot SDK",
   "type": "module",
   "main": "./dist/spot-react.umd.cjs",

package/dist/spot-react.js

@@ -1,5 +1,5 @@
 import "react";
-import { C as r, $ as t, D as i, a9 as n, aa as E, ab as o, ac as _, ad as T, n as P, ae as l, af as A, ag as u, ah as I, ai as R, aj as L, I as S, ak as O, al as g, am as d, an as D, ao as m, ap as M, aq as C, O as U, J as p, ar as c, as as N, at as k, t as b, M as F, N as B, P as y, L as G, au as h, av as x, aw as Y, ax as f, ay as v, S as w, G as H, K as W, az as K, aA as Q, aB as V, aC as X, aD as z, aE as j, aF as q, R as J, a0 as Z, a6 as $, T as aa, W as sa, aG as ea, aH as ra, aI as ta, aJ as ia, aK as na, aL as Ea, aM as oa, aN as _a, aO as Ta, a8 as Pa, aP as la, aQ as Aa, aR as ua, aS as Ia, aT as Ra, Y as La, aU as Sa, aV as Oa, aW as ga, aX as da, Z as Da, aY as ma, _ as Ma, a3 as Ca, aZ as Ua, a_ as pa, a$ as ca, b0 as Na, b1 as ka, b2 as ba, b3 as Fa, b4 as Ba, b5 as ya, b6 as Ga, a7 as ha, X as xa, U as Ya, b7 as fa, a1 as va, a2 as wa, b8 as Ha, b9 as Wa, V as Ka, Q as Qa, ba as Va, bb as Xa, a5 as za, a4 as ja, bc as qa, A as Ja, w as Za, p as $a, h as as, j as ss, F as es, y as rs, x as ts, k as is, m as ns, r as Es, o as os, v as _s, z as Ts, u as Ps, q as ls, E as As, bd as us } from "./index-JG9komnp.js";
+import { C as r, $ as t, D as i, a9 as n, aa as E, ab as o, ac as _, ad as T, n as P, ae as l, af as A, ag as u, ah as I, ai as R, aj as L, I as S, ak as O, al as g, am as d, an as D, ao as m, ap as M, aq as C, O as U, J as p, ar as c, as as N, at as k, t as b, M as F, N as B, P as y, L as G, au as h, av as x, aw as Y, ax as f, ay as v, S as w, G as H, K as W, az as K, aA as Q, aB as V, aC as X, aD as z, aE as j, aF as q, R as J, a0 as Z, a6 as $, T as aa, W as sa, aG as ea, aH as ra, aI as ta, aJ as ia, aK as na, aL as Ea, aM as oa, aN as _a, aO as Ta, a8 as Pa, aP as la, aQ as Aa, aR as ua, aS as Ia, aT as Ra, Y as La, aU as Sa, aV as Oa, aW as ga, aX as da, Z as Da, aY as ma, _ as Ma, a3 as Ca, aZ as Ua, a_ as pa, a$ as ca, b0 as Na, b1 as ka, b2 as ba, b3 as Fa, b4 as Ba, b5 as ya, b6 as Ga, a7 as ha, X as xa, U as Ya, b7 as fa, a1 as va, a2 as wa, b8 as Ha, b9 as Wa, V as Ka, Q as Qa, ba as Va, bb as Xa, a5 as za, a4 as ja, bc as qa, A as Ja, w as Za, p as $a, h as as, j as ss, F as es, y as rs, x as ts, k as is, m as ns, r as Es, o as os, v as _s, z as Ts, u as Ps, q as ls, E as As, bd as us } from "./index-CTa7tQT1.js";
 export {
   r as Components,
   t as Configs,