@odynn/awayz-core 0.5.2 → 0.5.4

package/dist/assets/_styles.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{font-family:Inter,sans-serif!important;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.currency-conversion svg{fill:var(--primary, #1495f2);transform:scaleX(.75)}.tooltip-content{border-radius:.5rem;border:1px solid var(--border, #e7eef3);padding:1rem;line-height:1;background-color:var(--foreground, #fff);animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both;will-change:transform,opacity;z-index:500;position:absolute}.currency-conversion-container{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:1rem}.currency-conversion-container>p{font-weight:600}.currency-conversion-container .currency-conversion-amounts{position:relative;display:flex;align-items:center;width:100vw;max-width:300px;border:1px solid var(--border, #e7eef3);border-radius:.5rem}.currency-conversion-container .currency-conversion-amounts div{flex:1;width:50%;padding:1rem;font-weight:600}.currency-conversion-container .currency-conversion-amounts div:first-of-type{border-right:1px solid var(--border, #e7eef3)}.currency-conversion-container .currency-conversion-amounts .conversion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:var(--foreground, #fff);color:var(--primary, #1495f2);height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border, #e7eef3)}.currency-conversion-container .currency-conversion-amounts .conversion-icon svg{fill:var(--primary, #1495f2);width:1rem;height:1rem;transform:scaleX(.75)}.currency-conversion-container .currency-conversion-rate{padding:.5rem 1rem;border-radius:.5rem;background-color:var(--border, #e7eef3);font-size:.8rem}.tooltip-arrow{fill:var(--foreground, #fff)}.tooltip-content[data-state=delayed-open][data-side=top]{animation-name:tooltip-down}.tooltip-content[data-state=delayed-open][data-side=right]{animation-name:tooltip-right}.tooltip-content[data-state=delayed-open][data-side=bottom]{animation-name:tooltip-up}.tooltip-content[data-state=delayed-open][data-side=left]{animation-name:tooltip-left}@keyframes tooltip-up{0%{opacity:0;transform:translateY(4px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}@keyframes tooltip-down{0%{opacity:0;transform:translateY(calc(-100% - 4px)) translate(-50%)}to{opacity:1;transform:translateY(-100%) translate(-50%)}}@keyframes tooltip-left{0%{opacity:0;transform:translate(calc(-100% - 4px)) translateY(-50%)}to{opacity:1;transform:translate(-100%) translateY(-50%)}}@keyframes tooltip-right{0%{opacity:0;transform:translate(-4px) translateY(-50%)}to{opacity:1;transform:translate(0) translateY(-50%)}}
+@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{font-family:Inter,sans-serif!important;margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.currency-conversion svg{fill:var(--primary, #1495f2);transform:scaleX(.75)}.currency-conversion.loading{background-color:var(--border, #e7eef3);background-size:300%;background-position:100% 0;animation:shimmer 2s infinite;color:transparent;padding:0 .5rem;border-radius:.5rem}.tooltip-content{border-radius:.5rem;border:1px solid var(--border, #e7eef3);padding:1rem;line-height:1;background-color:var(--foreground, #fff);animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both;will-change:transform,opacity;z-index:500;position:absolute}.currency-conversion-container{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:1rem}.currency-conversion-container>p{font-weight:600}.currency-conversion-container .currency-conversion-amounts{position:relative;display:flex;align-items:center;width:100vw;max-width:300px;border:1px solid var(--border, #e7eef3);border-radius:.5rem}.currency-conversion-container .currency-conversion-amounts div{flex:1;width:50%;padding:1rem;font-weight:600}.currency-conversion-container .currency-conversion-amounts div:first-of-type{border-right:1px solid var(--border, #e7eef3)}.currency-conversion-container .currency-conversion-amounts .conversion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:var(--foreground, #fff);color:var(--primary, #1495f2);height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border, #e7eef3)}.currency-conversion-container .currency-conversion-amounts .conversion-icon svg{fill:var(--primary, #1495f2);width:1rem;height:1rem;transform:scaleX(.75)}.currency-conversion-container .currency-conversion-rate{padding:.5rem 1rem;border-radius:.5rem;background-color:var(--border, #e7eef3);font-size:.8rem}.tooltip-arrow{fill:var(--foreground, #fff)}.tooltip-content[data-state=delayed-open][data-side=top]{animation-name:tooltip-down}.tooltip-content[data-state=delayed-open][data-side=right]{animation-name:tooltip-right}.tooltip-content[data-state=delayed-open][data-side=bottom]{animation-name:tooltip-up}.tooltip-content[data-state=delayed-open][data-side=left]{animation-name:tooltip-left}@keyframes tooltip-up{0%{opacity:0;transform:translateY(4px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}@keyframes tooltip-down{0%{opacity:0;transform:translateY(calc(-100% - 4px)) translate(-50%)}to{opacity:1;transform:translateY(-100%) translate(-50%)}}@keyframes tooltip-left{0%{opacity:0;transform:translate(calc(-100% - 4px)) translateY(-50%)}to{opacity:1;transform:translate(-100%) translateY(-50%)}}@keyframes tooltip-right{0%{opacity:0;transform:translate(-4px) translateY(-50%)}to{opacity:1;transform:translate(0) translateY(-50%)}}

package/dist/components/CashValue/CashValue.js

@@ -1,4 +1,4 @@
-import { jsx as d, Fragment as tt, jsxs as R } from "react/jsx-runtime";
+import { jsx as u, Fragment as tt, jsxs as R } from "react/jsx-runtime";
 import * as s from "react";
 import { useMemo as rt } from "react";
 import { u as D, a as nt, c as A, b as q, d as he, e as ot, f as st, g as G, o as it, s as at, h as ct, i as lt, j as ut, k as dt, l as pt, m as ft, n as ht, p as vt, P as ve } from "../../index-BC-KTkxU.js";
@@ -12,7 +12,7 @@ import "../../configs/awayzClient.js";
 import { useAwayzContext as wt } from "../../hooks/useAwayzContext.js";
 import "../../services/noRetryInstance.js";
 import { CurrencyService as Et } from "../../services/currency/CurrencyService.js";
-import { EInvalidAmountDisplayOption as N, EToolTipPosition as Pt } from "./CashValueTypes.js";
+import { EInvalidAmountDisplayOption as O, EToolTipPosition as Pt } from "./CashValueTypes.js";
 import '../../assets/_styles.css';import '../../assets/_styles5.css';import '../../assets/_styles4.css';import '../../assets/_styles3.css';import '../../assets/_styles2.css';/* empty css                          */
 import "react-i18next";
 /* empty css                          */
@@ -47,19 +47,19 @@ function Tt(e) {
   const t = /* @__PURE__ */ At(e), r = s.forwardRef((n, o) => {
     const { children: i, ...a } = n, l = s.Children.toArray(i), c = l.find(St);
     if (c) {
-      const u = c.props.children, p = l.map((f) => f === c ? s.Children.count(u) > 1 ? s.Children.only(null) : s.isValidElement(u) ? u.props.children : null : f);
-      return /* @__PURE__ */ d(t, { ...a, ref: o, children: s.isValidElement(u) ? s.cloneElement(u, void 0, p) : null });
+      const d = c.props.children, p = l.map((f) => f === c ? s.Children.count(d) > 1 ? s.Children.only(null) : s.isValidElement(d) ? d.props.children : null : f);
+      return /* @__PURE__ */ u(t, { ...a, ref: o, children: s.isValidElement(d) ? s.cloneElement(d, void 0, p) : null });
     }
-    return /* @__PURE__ */ d(t, { ...a, ref: o, children: i });
+    return /* @__PURE__ */ u(t, { ...a, ref: o, children: i });
   });
   return r.displayName = `${e}.Slot`, r;
 }
 // @__NO_SIDE_EFFECTS__
 function At(e) {
   const t = s.forwardRef((r, n) => {
-    const { children: o, ...i } = r, a = s.isValidElement(o) ? Nt(o) : void 0, l = D(a, n);
+    const { children: o, ...i } = r, a = s.isValidElement(o) ? Ot(o) : void 0, l = D(a, n);
     if (s.isValidElement(o)) {
-      const c = Ot(i, o.props);
+      const c = Nt(i, o.props);
       return o.type !== s.Fragment && (c.ref = l), s.cloneElement(o, c);
     }
     return s.Children.count(o) > 1 ? s.Children.only(null) : null;
@@ -69,13 +69,13 @@ function At(e) {
 var me = Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function Rt(e) {
-  const t = ({ children: r }) => /* @__PURE__ */ d(tt, { children: r });
+  const t = ({ children: r }) => /* @__PURE__ */ u(tt, { children: r });
   return t.displayName = `${e}.Slottable`, t.__radixId = me, t;
 }
 function St(e) {
   return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === me;
 }
-function Ot(e, t) {
+function Nt(e, t) {
   const r = { ...t };
   for (const n in t) {
     const o = e[n], i = t[n];
@@ -86,7 +86,7 @@ function Ot(e, t) {
   }
   return { ...e, ...r };
 }
-function Nt(e) {
+function Ot(e) {
   var n, o;
   let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
@@ -112,7 +112,7 @@ var Dt = [
 ], S = Dt.reduce((e, t) => {
   const r = /* @__PURE__ */ Tt(`Primitive.${t}`), n = s.forwardRef((o, i) => {
     const { asChild: a, ...l } = o, c = a ? r : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(c, { ...l, ref: i });
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u(c, { ...l, ref: i });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
 }, {});
@@ -133,26 +133,26 @@ var Lt = "DismissableLayer", z = "dismissableLayer.update", It = "dismissableLay
       onInteractOutside: a,
       onDismiss: l,
       ...c
-    } = e, u = s.useContext(ye), [p, f] = s.useState(null), h = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, v] = s.useState({}), m = D(t, (g) => f(g)), y = Array.from(u.layers), [C] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), E = y.indexOf(C), w = p ? y.indexOf(p) : -1, x = u.layersWithOutsidePointerEventsDisabled.size > 0, P = w >= E, T = kt((g) => {
-      const O = g.target, k = [...u.branches].some((I) => I.contains(O));
+    } = e, d = s.useContext(ye), [p, f] = s.useState(null), h = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, v] = s.useState({}), m = D(t, (g) => f(g)), y = Array.from(d.layers), [C] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), E = y.indexOf(C), w = p ? y.indexOf(p) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, P = w >= E, T = kt((g) => {
+      const N = g.target, k = [...d.branches].some((I) => I.contains(N));
       !P || k || (o == null || o(g), a == null || a(g), g.defaultPrevented || l == null || l());
     }, h), b = $t((g) => {
-      const O = g.target;
-      [...u.branches].some((I) => I.contains(O)) || (i == null || i(g), a == null || a(g), g.defaultPrevented || l == null || l());
+      const N = g.target;
+      [...d.branches].some((I) => I.contains(N)) || (i == null || i(g), a == null || a(g), g.defaultPrevented || l == null || l());
     }, h);
     return nt((g) => {
-      w === u.layers.size - 1 && (n == null || n(g), !g.defaultPrevented && l && (g.preventDefault(), l()));
+      w === d.layers.size - 1 && (n == null || n(g), !g.defaultPrevented && l && (g.preventDefault(), l()));
     }, h), s.useEffect(() => {
       if (p)
-        return r && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (pe = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(p)), u.layers.add(p), fe(), () => {
-          r && u.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = pe);
+        return r && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (pe = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(p)), d.layers.add(p), fe(), () => {
+          r && d.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = pe);
         };
-    }, [p, h, r, u]), s.useEffect(() => () => {
-      p && (u.layers.delete(p), u.layersWithOutsidePointerEventsDisabled.delete(p), fe());
-    }, [p, u]), s.useEffect(() => {
+    }, [p, h, r, d]), s.useEffect(() => () => {
+      p && (d.layers.delete(p), d.layersWithOutsidePointerEventsDisabled.delete(p), fe());
+    }, [p, d]), s.useEffect(() => {
       const g = () => v({});
       return document.addEventListener(z, g), () => document.removeEventListener(z, g);
-    }, []), /* @__PURE__ */ d(
+    }, []), /* @__PURE__ */ u(
       S.div,
       {
         ...c,
@@ -180,7 +180,7 @@ var Ht = "DismissableLayerBranch", Ft = s.forwardRef((e, t) => {
       return r.branches.add(i), () => {
         r.branches.delete(i);
       };
-  }, [r.branches]), /* @__PURE__ */ d(S.div, { ...e, ref: o });
+  }, [r.branches]), /* @__PURE__ */ u(S.div, { ...e, ref: o });
 });
 Ft.displayName = Ht;
 function kt(e, t = globalThis == null ? void 0 : globalThis.document) {
@@ -193,11 +193,11 @@ function kt(e, t = globalThis == null ? void 0 : globalThis.document) {
           Ce(
             It,
             r,
-            u,
+            d,
             { discrete: !0 }
           );
         };
-        const u = { originalEvent: l };
+        const d = { originalEvent: l };
         l.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = c, t.addEventListener("click", o.current, { once: !0 })) : c();
       } else
         t.removeEventListener("click", o.current);
@@ -237,7 +237,7 @@ function Ce(e, t, r, { discrete: n }) {
 }
 var Wt = "Arrow", we = s.forwardRef((e, t) => {
   const { children: r, width: n = 10, height: o = 5, ...i } = e;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ u(
     S.svg,
     {
       ...i,
@@ -246,14 +246,14 @@ var Wt = "Arrow", we = s.forwardRef((e, t) => {
       height: o,
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
-      children: e.asChild ? r : /* @__PURE__ */ d("polygon", { points: "0,0 30,0 15,10" })
+      children: e.asChild ? r : /* @__PURE__ */ u("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 });
 we.displayName = Wt;
 var Bt = we, K = "Popper", [Ee, Pe] = he(K), [Ut, be] = Ee(K), xe = (e) => {
   const { __scopePopper: t, children: r } = e, [n, o] = s.useState(null);
-  return /* @__PURE__ */ d(Ut, { scope: t, anchor: n, onAnchorChange: o, children: r });
+  return /* @__PURE__ */ u(Ut, { scope: t, anchor: n, onAnchorChange: o, children: r });
 };
 xe.displayName = K;
 var Te = "PopperAnchor", Ae = s.forwardRef(
@@ -261,7 +261,7 @@ var Te = "PopperAnchor", Ae = s.forwardRef(
     const { __scopePopper: r, virtualRef: n, ...o } = e, i = be(Te, r), a = s.useRef(null), l = D(t, a);
     return s.useEffect(() => {
       i.onAnchorChange((n == null ? void 0 : n.current) || a.current);
-    }), n ? null : /* @__PURE__ */ d(S.div, { ...o, ref: l });
+    }), n ? null : /* @__PURE__ */ u(S.div, { ...o, ref: l });
   }
 );
 Ae.displayName = Te;
@@ -276,14 +276,14 @@ var Q = "PopperContent", [Yt, Vt] = Ee(Q), Re = s.forwardRef(
       alignOffset: a = 0,
       arrowPadding: l = 0,
       avoidCollisions: c = !0,
-      collisionBoundary: u = [],
+      collisionBoundary: d = [],
       collisionPadding: p = 0,
       sticky: f = "partial",
       hideWhenDetached: h = !1,
       updatePositionStrategy: v = "optimized",
       onPlaced: m,
       ...y
-    } = e, C = be(Q, r), [E, w] = s.useState(null), x = D(t, (M) => w(M)), [P, T] = s.useState(null), b = ot(P), g = (b == null ? void 0 : b.width) ?? 0, O = (b == null ? void 0 : b.height) ?? 0, k = n + (i !== "center" ? "-" + i : ""), I = typeof p == "number" ? p : { top: 0, right: 0, bottom: 0, left: 0, ...p }, te = Array.isArray(u) ? u : [u], Ue = te.length > 0, $ = {
+    } = e, C = be(Q, r), [E, w] = s.useState(null), x = D(t, (M) => w(M)), [P, T] = s.useState(null), b = ot(P), g = (b == null ? void 0 : b.width) ?? 0, N = (b == null ? void 0 : b.height) ?? 0, k = n + (i !== "center" ? "-" + i : ""), I = typeof p == "number" ? p : { top: 0, right: 0, bottom: 0, left: 0, ...p }, te = Array.isArray(d) ? d : [d], Ue = te.length > 0, $ = {
       padding: I,
       boundary: te.filter(Gt),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -299,7 +299,7 @@ var Q = "PopperContent", [Yt, Vt] = Ee(Q), Re = s.forwardRef(
         reference: C.anchor
       },
       middleware: [
-        it({ mainAxis: o + O, alignmentAxis: a }),
+        it({ mainAxis: o + N, alignmentAxis: a }),
         c && at({
           mainAxis: !0,
           crossAxis: !1,
@@ -315,17 +315,17 @@ var Q = "PopperContent", [Yt, Vt] = Ee(Q), Re = s.forwardRef(
           }
         }),
         P && ut({ element: P, padding: l }),
-        zt({ arrowWidth: g, arrowHeight: O }),
+        zt({ arrowWidth: g, arrowHeight: N }),
         h && dt({ strategy: "referenceHidden", ...$ })
       ]
-    }), [ne, je] = Ne(Ve), B = q(m);
+    }), [ne, je] = Oe(Ve), B = q(m);
     G(() => {
       W && (B == null || B());
     }, [W, B]);
     const Ge = (oe = _.arrow) == null ? void 0 : oe.x, ze = (se = _.arrow) == null ? void 0 : se.y, Xe = ((ie = _.arrow) == null ? void 0 : ie.centerOffset) !== 0, [Ze, qe] = s.useState();
     return G(() => {
       E && qe(window.getComputedStyle(E).zIndex);
-    }, [E]), /* @__PURE__ */ d(
+    }, [E]), /* @__PURE__ */ u(
       "div",
       {
         ref: Ye.setFloating,
@@ -349,7 +349,7 @@ var Q = "PopperContent", [Yt, Vt] = Ee(Q), Re = s.forwardRef(
           }
         },
         dir: e.dir,
-        children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ u(
           Yt,
           {
             scope: r,
@@ -358,7 +358,7 @@ var Q = "PopperContent", [Yt, Vt] = Ee(Q), Re = s.forwardRef(
             arrowX: Ge,
             arrowY: ze,
             shouldHideArrow: Xe,
-            children: /* @__PURE__ */ d(
+            children: /* @__PURE__ */ u(
               S.div,
               {
                 "data-side": ne,
@@ -385,13 +385,13 @@ var Se = "PopperArrow", jt = {
   right: "left",
   bottom: "top",
   left: "right"
-}, Oe = s.forwardRef(function(t, r) {
+}, Ne = s.forwardRef(function(t, r) {
   const { __scopePopper: n, ...o } = t, i = Vt(Se, n), a = jt[i.placedSide];
   return (
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
     // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ u(
       "span",
       {
         ref: i.onArrowChange,
@@ -414,7 +414,7 @@ var Se = "PopperArrow", jt = {
           }[i.placedSide],
           visibility: i.shouldHideArrow ? "hidden" : void 0
         },
-        children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ u(
           Bt,
           {
             ...o,
@@ -430,7 +430,7 @@ var Se = "PopperArrow", jt = {
     )
   );
 });
-Oe.displayName = Se;
+Ne.displayName = Se;
 function Gt(e) {
   return e !== null;
 }
@@ -439,21 +439,21 @@ var zt = (e) => ({
   options: e,
   fn(t) {
     var C, E, w;
-    const { placement: r, rects: n, middlewareData: o } = t, a = ((C = o.arrow) == null ? void 0 : C.centerOffset) !== 0, l = a ? 0 : e.arrowWidth, c = a ? 0 : e.arrowHeight, [u, p] = Ne(r), f = { start: "0%", center: "50%", end: "100%" }[p], h = (((E = o.arrow) == null ? void 0 : E.x) ?? 0) + l / 2, v = (((w = o.arrow) == null ? void 0 : w.y) ?? 0) + c / 2;
+    const { placement: r, rects: n, middlewareData: o } = t, a = ((C = o.arrow) == null ? void 0 : C.centerOffset) !== 0, l = a ? 0 : e.arrowWidth, c = a ? 0 : e.arrowHeight, [d, p] = Oe(r), f = { start: "0%", center: "50%", end: "100%" }[p], h = (((E = o.arrow) == null ? void 0 : E.x) ?? 0) + l / 2, v = (((w = o.arrow) == null ? void 0 : w.y) ?? 0) + c / 2;
     let m = "", y = "";
-    return u === "bottom" ? (m = a ? f : `${h}px`, y = `${-c}px`) : u === "top" ? (m = a ? f : `${h}px`, y = `${n.floating.height + c}px`) : u === "right" ? (m = `${-c}px`, y = a ? f : `${v}px`) : u === "left" && (m = `${n.floating.width + c}px`, y = a ? f : `${v}px`), { data: { x: m, y } };
+    return d === "bottom" ? (m = a ? f : `${h}px`, y = `${-c}px`) : d === "top" ? (m = a ? f : `${h}px`, y = `${n.floating.height + c}px`) : d === "right" ? (m = `${-c}px`, y = a ? f : `${v}px`) : d === "left" && (m = `${n.floating.width + c}px`, y = a ? f : `${v}px`), { data: { x: m, y } };
   }
 });
-function Ne(e) {
+function Oe(e) {
   const [t, r = "center"] = e.split("-");
   return [t, r];
 }
-var Xt = xe, Zt = Ae, qt = Re, Kt = Oe, Qt = "Portal", De = s.forwardRef((e, t) => {
+var Xt = xe, Zt = Ae, qt = Re, Kt = Ne, Qt = "Portal", De = s.forwardRef((e, t) => {
   var l;
   const { container: r, ...n } = e, [o, i] = s.useState(!1);
   G(() => i(!0), []);
   const a = r || o && ((l = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : l.body);
-  return a ? yt.createPortal(/* @__PURE__ */ d(S.div, { ...n, ref: t }), a) : null;
+  return a ? yt.createPortal(/* @__PURE__ */ u(S.div, { ...n, ref: t }), a) : null;
 });
 De.displayName = Qt;
 var Jt = Object.freeze({
@@ -469,7 +469,7 @@ var Jt = Object.freeze({
   whiteSpace: "nowrap",
   wordWrap: "normal"
 }), er = "VisuallyHidden", _e = s.forwardRef(
-  (e, t) => /* @__PURE__ */ d(
+  (e, t) => /* @__PURE__ */ u(
     S.span,
     {
       ...e,
@@ -490,9 +490,9 @@ var tr = _e, [V, jr] = he("Tooltip", [
     children: i
   } = e, a = s.useRef(!0), l = s.useRef(!1), c = s.useRef(0);
   return s.useEffect(() => {
-    const u = c.current;
-    return () => window.clearTimeout(u);
-  }, []), /* @__PURE__ */ d(
+    const d = c.current;
+    return () => window.clearTimeout(d);
+  }, []), /* @__PURE__ */ u(
     nr,
     {
       scope: t,
@@ -508,8 +508,8 @@ var tr = _e, [V, jr] = he("Tooltip", [
         );
       }, [n]),
       isPointerInTransitRef: l,
-      onPointerInTransitChange: s.useCallback((u) => {
-        l.current = u;
+      onPointerInTransitChange: s.useCallback((d) => {
+        l.current = d;
       }, []),
       disableHoverableContent: o,
       children: i
@@ -526,7 +526,7 @@ var H = "Tooltip", [or, F] = V(H), Me = (e) => {
     onOpenChange: i,
     disableHoverableContent: a,
     delayDuration: l
-  } = e, c = J(H, e.__scopeTooltip), u = j(t), [p, f] = s.useState(null), h = ht(), v = s.useRef(0), m = a ?? c.disableHoverableContent, y = l ?? c.delayDuration, C = s.useRef(!1), [E, w] = vt({
+  } = e, c = J(H, e.__scopeTooltip), d = j(t), [p, f] = s.useState(null), h = ht(), v = s.useRef(0), m = a ?? c.disableHoverableContent, y = l ?? c.delayDuration, C = s.useRef(!1), [E, w] = vt({
     prop: n,
     defaultProp: o ?? !1,
     onChange: (g) => {
@@ -544,7 +544,7 @@ var H = "Tooltip", [or, F] = V(H), Me = (e) => {
   }, [y, w]);
   return s.useEffect(() => () => {
     v.current && (window.clearTimeout(v.current), v.current = 0);
-  }, []), /* @__PURE__ */ d(Xt, { ...u, children: /* @__PURE__ */ d(
+  }, []), /* @__PURE__ */ u(Xt, { ...d, children: /* @__PURE__ */ u(
     or,
     {
       scope: t,
@@ -569,8 +569,8 @@ var H = "Tooltip", [or, F] = V(H), Me = (e) => {
 Me.displayName = H;
 var Z = "TooltipTrigger", He = s.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: r, ...n } = e, o = F(Z, r), i = J(Z, r), a = j(r), l = s.useRef(null), c = D(t, l, o.onTriggerChange), u = s.useRef(!1), p = s.useRef(!1), f = s.useCallback(() => u.current = !1, []);
-    return s.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ d(Zt, { asChild: !0, ...a, children: /* @__PURE__ */ d(
+    const { __scopeTooltip: r, ...n } = e, o = F(Z, r), i = J(Z, r), a = j(r), l = s.useRef(null), c = D(t, l, o.onTriggerChange), d = s.useRef(!1), p = s.useRef(!1), f = s.useCallback(() => d.current = !1, []);
+    return s.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ u(Zt, { asChild: !0, ...a, children: /* @__PURE__ */ u(
       S.button,
       {
         "aria-describedby": o.open ? o.contentId : void 0,
@@ -584,10 +584,10 @@ var Z = "TooltipTrigger", He = s.forwardRef(
           o.onTriggerLeave(), p.current = !1;
         }),
         onPointerDown: A(e.onPointerDown, () => {
-          o.open && o.onClose(), u.current = !0, document.addEventListener("pointerup", f, { once: !0 });
+          o.open && o.onClose(), d.current = !0, document.addEventListener("pointerup", f, { once: !0 });
         }),
         onFocus: A(e.onFocus, () => {
-          u.current || o.onOpen();
+          d.current || o.onOpen();
         }),
         onBlur: A(e.onBlur, o.onClose),
         onClick: A(e.onClick, o.onClose)
@@ -600,16 +600,16 @@ var ee = "TooltipPortal", [sr, ir] = V(ee, {
   forceMount: void 0
 }), Fe = (e) => {
   const { __scopeTooltip: t, forceMount: r, children: n, container: o } = e, i = F(ee, t);
-  return /* @__PURE__ */ d(sr, { scope: t, forceMount: r, children: /* @__PURE__ */ d(ve, { present: r || i.open, children: /* @__PURE__ */ d(De, { asChild: !0, container: o, children: n }) }) });
+  return /* @__PURE__ */ u(sr, { scope: t, forceMount: r, children: /* @__PURE__ */ u(ve, { present: r || i.open, children: /* @__PURE__ */ u(De, { asChild: !0, container: o, children: n }) }) });
 };
 Fe.displayName = ee;
 var L = "TooltipContent", ke = s.forwardRef(
   (e, t) => {
     const r = ir(L, e.__scopeTooltip), { forceMount: n = r.forceMount, side: o = "top", ...i } = e, a = F(L, e.__scopeTooltip);
-    return /* @__PURE__ */ d(ve, { present: n || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ d($e, { side: o, ...i, ref: t }) : /* @__PURE__ */ d(ar, { side: o, ...i, ref: t }) });
+    return /* @__PURE__ */ u(ve, { present: n || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ u($e, { side: o, ...i, ref: t }) : /* @__PURE__ */ u(ar, { side: o, ...i, ref: t }) });
   }
 ), ar = s.forwardRef((e, t) => {
-  const r = F(L, e.__scopeTooltip), n = J(L, e.__scopeTooltip), o = s.useRef(null), i = D(t, o), [a, l] = s.useState(null), { trigger: c, onClose: u } = r, p = o.current, { onPointerInTransitChange: f } = n, h = s.useCallback(() => {
+  const r = F(L, e.__scopeTooltip), n = J(L, e.__scopeTooltip), o = s.useRef(null), i = D(t, o), [a, l] = s.useState(null), { trigger: c, onClose: d } = r, p = o.current, { onPointerInTransitChange: f } = n, h = s.useCallback(() => {
     l(null), f(!1);
   }, [f]), v = s.useCallback(
     (m, y) => {
@@ -629,11 +629,11 @@ var L = "TooltipContent", ke = s.forwardRef(
     if (a) {
       const m = (y) => {
         const C = y.target, E = { x: y.clientX, y: y.clientY }, w = (c == null ? void 0 : c.contains(C)) || (p == null ? void 0 : p.contains(C)), x = !hr(E, a);
-        w ? h() : x && (h(), u());
+        w ? h() : x && (h(), d());
       };
       return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
     }
-  }, [c, p, a, u, h]), /* @__PURE__ */ d($e, { ...e, ref: i });
+  }, [c, p, a, d, h]), /* @__PURE__ */ u($e, { ...e, ref: i });
 }), [cr, lr] = V(H, { isInside: !1 }), ur = /* @__PURE__ */ Rt("TooltipContent"), $e = s.forwardRef(
   (e, t) => {
     const {
@@ -643,7 +643,7 @@ var L = "TooltipContent", ke = s.forwardRef(
       onEscapeKeyDown: i,
       onPointerDownOutside: a,
       ...l
-    } = e, c = F(L, r), u = j(r), { onClose: p } = c;
+    } = e, c = F(L, r), d = j(r), { onClose: p } = c;
     return s.useEffect(() => (document.addEventListener(X, p), () => document.removeEventListener(X, p)), [p]), s.useEffect(() => {
       if (c.trigger) {
         const f = (h) => {
@@ -652,7 +652,7 @@ var L = "TooltipContent", ke = s.forwardRef(
         };
         return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
       }
-    }, [c.trigger, p]), /* @__PURE__ */ d(
+    }, [c.trigger, p]), /* @__PURE__ */ u(
       ge,
       {
         asChild: !0,
@@ -665,7 +665,7 @@ var L = "TooltipContent", ke = s.forwardRef(
           qt,
           {
             "data-state": c.stateAttribute,
-            ...u,
+            ...d,
             ...l,
             ref: t,
             style: {
@@ -677,8 +677,8 @@ var L = "TooltipContent", ke = s.forwardRef(
               "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
             },
             children: [
-              /* @__PURE__ */ d(ur, { children: n }),
-              /* @__PURE__ */ d(cr, { scope: r, isInside: !0, children: /* @__PURE__ */ d(tr, { id: c.contentId, role: "tooltip", children: o || n }) })
+              /* @__PURE__ */ u(ur, { children: n }),
+              /* @__PURE__ */ u(cr, { scope: r, isInside: !0, children: /* @__PURE__ */ u(tr, { id: c.contentId, role: "tooltip", children: o || n }) })
             ]
           }
         )
@@ -693,7 +693,7 @@ var We = "TooltipArrow", Be = s.forwardRef(
     return lr(
       We,
       r
-    ).isInside ? null : /* @__PURE__ */ d(Kt, { ...o, ...n, ref: t });
+    ).isInside ? null : /* @__PURE__ */ u(Kt, { ...o, ...n, ref: t });
   }
 );
 Be.displayName = We;
@@ -755,8 +755,8 @@ function hr(e, t) {
   const { x: r, y: n } = e;
   let o = !1;
   for (let i = 0, a = t.length - 1; i < t.length; a = i++) {
-    const l = t[i], c = t[a], u = l.x, p = l.y, f = c.x, h = c.y;
-    p > n != h > n && r < (f - u) * (n - p) / (h - p) + u && (o = !o);
+    const l = t[i], c = t[a], d = l.x, p = l.y, f = c.x, h = c.y;
+    p > n != h > n && r < (f - d) * (n - p) / (h - p) + d && (o = !o);
   }
   return o;
 }
@@ -794,12 +794,12 @@ const br = 1e3 * 60 * 60, Gr = ({
   amount: e,
   currency: t,
   position: r = Pt.RIGHT,
-  zeroDisplayOption: n = N.NA,
+  zeroDisplayOption: n = O.NA,
   customDisplay: o,
   decimalPlaces: i = 0
 }) => {
   var h, v;
-  const { user: a } = wt(), l = ((h = a == null ? void 0 : a.preferences) == null ? void 0 : h.currency) ?? ((v = a == null ? void 0 : a.userRegion) == null ? void 0 : v.currency), c = l !== t, { data: u, isPending: p } = gt({
+  const { user: a } = wt(), l = ((h = a == null ? void 0 : a.preferences) == null ? void 0 : h.currency) ?? ((v = a == null ? void 0 : a.userRegion) == null ? void 0 : v.currency), c = l !== t, { data: d, isPending: p } = gt({
     queryKey: [Ct.CONVERT_CURRENCY, t, l],
     queryFn: () => Et.convertCurrency({
       baseCurrency: t,
@@ -812,27 +812,29 @@ const br = 1e3 * 60 * 60, Gr = ({
       return null;
     let m = typeof e == "string" ? parseFloat(e) : e;
     if (c) {
-      if (p || !u) return null;
-      m = m * u;
+      if (p || !d) return null;
+      m = m * d;
     }
     return m;
-  }, [e, a, p, c, u]);
+  }, [e, a, p, c, d]);
+  if (p)
+    return /* @__PURE__ */ u("span", { className: "currency-conversion loading", children: e });
   if (!l || !f || f < 0)
     switch (n) {
-      case N.NA:
-        return /* @__PURE__ */ d("span", { children: "N/A" });
-      case N.HIDDEN:
-        return /* @__PURE__ */ d("span", { className: "hidden", children: "N/A" });
-      case N.DISPLAY_AS_ZERO:
-        return /* @__PURE__ */ d("span", { children: "0" });
-      case N.DISPLAY_AS_ZERO_WITH_CURRENCY:
-        return /* @__PURE__ */ d("span", { children: Y(0, l ?? t) });
-      case N.DISPLAY_AS_ZERO_WITH_CURRENCY_NO_DECIMAL:
-        return /* @__PURE__ */ d("span", { children: bt(0, l ?? t) });
-      case N.CUSTOM:
-        return /* @__PURE__ */ d("span", { children: f == 0 ? o : "N/A" });
+      case O.NA:
+        return /* @__PURE__ */ u("span", { children: "N/A" });
+      case O.HIDDEN:
+        return /* @__PURE__ */ u("span", { className: "hidden", children: "N/A" });
+      case O.DISPLAY_AS_ZERO:
+        return /* @__PURE__ */ u("span", { children: "0" });
+      case O.DISPLAY_AS_ZERO_WITH_CURRENCY:
+        return /* @__PURE__ */ u("span", { children: Y(0, l ?? t) });
+      case O.DISPLAY_AS_ZERO_WITH_CURRENCY_NO_DECIMAL:
+        return /* @__PURE__ */ u("span", { children: bt(0, l ?? t) });
+      case O.CUSTOM:
+        return /* @__PURE__ */ u("span", { children: f == 0 ? o : "N/A" });
       default:
-        return /* @__PURE__ */ d("span", { children: "N/A" });
+        return /* @__PURE__ */ u("span", { children: "N/A" });
     }
   return /* @__PURE__ */ R("span", { className: "currency-conversion", children: [
     xt(
@@ -840,10 +842,10 @@ const br = 1e3 * 60 * 60, Gr = ({
       l,
       i
     ),
-    c && /* @__PURE__ */ d(
+    c && /* @__PURE__ */ u(
       xr,
       {
-        trigger: /* @__PURE__ */ d("sup", { children: /* @__PURE__ */ d(de, {}) }),
+        trigger: /* @__PURE__ */ u("sup", { children: /* @__PURE__ */ u(de, {}) }),
         position: r,
         children: /* @__PURE__ */ R("div", { className: "currency-conversion-container", children: [
           /* @__PURE__ */ R("p", { children: [
@@ -853,18 +855,18 @@ const br = 1e3 * 60 * 60, Gr = ({
             l
           ] }),
           /* @__PURE__ */ R("div", { className: "currency-conversion-amounts", children: [
-            /* @__PURE__ */ d("div", { children: /* @__PURE__ */ d("p", { children: Y(e, t) }) }),
-            /* @__PURE__ */ d("div", { children: /* @__PURE__ */ d("p", { children: Y(f, l) }) }),
-            /* @__PURE__ */ d("span", { className: "conversion-icon", children: /* @__PURE__ */ d(de, {}) })
+            /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u("p", { children: Y(e, t) }) }),
+            /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u("p", { children: Y(f, l) }) }),
+            /* @__PURE__ */ u("span", { className: "conversion-icon", children: /* @__PURE__ */ u(de, {}) })
           ] }),
-          /* @__PURE__ */ d("div", { className: "currency-conversion-rate", children: /* @__PURE__ */ R("p", { children: [
+          /* @__PURE__ */ u("div", { className: "currency-conversion-rate", children: /* @__PURE__ */ R("p", { children: [
             "Current Rate:",
             " ",
-            u ? (
+            d ? (
               // only leaving 2 decimal places for the conversion rate is
               // not enough, can lead to confusion
               // use Number constructor to strip unnecessary trailing zeros
-              `${Number((1 / u).toFixed(5))} ${t}`
+              `${Number((1 / d).toFixed(5))} ${t}`
             ) : "N/A",
             " ",
             "≈ ",
@@ -874,9 +876,9 @@ const br = 1e3 * 60 * 60, Gr = ({
       }
     )
   ] });
-}, xr = ({ children: e, trigger: t, position: r }) => /* @__PURE__ */ d(yr, { delayDuration: 100, children: /* @__PURE__ */ R(gr, { children: [
-  /* @__PURE__ */ d(Cr, { asChild: !0, children: t }),
-  /* @__PURE__ */ d(wr, { children: /* @__PURE__ */ R(
+}, xr = ({ children: e, trigger: t, position: r }) => /* @__PURE__ */ u(yr, { delayDuration: 100, children: /* @__PURE__ */ R(gr, { children: [
+  /* @__PURE__ */ u(Cr, { asChild: !0, children: t }),
+  /* @__PURE__ */ u(wr, { children: /* @__PURE__ */ R(
     Er,
     {
       className: `tooltip-content ${r}`,
@@ -884,7 +886,7 @@ const br = 1e3 * 60 * 60, Gr = ({
       align: "center",
       children: [
         e,
-        /* @__PURE__ */ d(Pr, { className: "tooltip-arrow" })
+        /* @__PURE__ */ u(Pr, { className: "tooltip-arrow" })
       ]
     }
   ) })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odynn/awayz-core",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "type": "module",
   "files": [
     "dist"
@@ -18,10 +18,10 @@
     "@tanstack/react-query": "^5.66.9",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-i18next": "^15.6.0"
+    "react-i18next": ">= 14.0.0"
   },
   "optionalDependencies": {
-    "react-i18next": "^15.6.0"
+    "react-i18next": ">= 14.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",