@odynn/awayz-core 0.3.20 → 0.3.22

package/dist/components/CashValue/CashValue.js

@@ -1,24 +1,24 @@
-import { jsx as d, Fragment as tt, jsxs as R } from "react/jsx-runtime";
+import { jsx as c, Fragment as rt, jsxs as R } from "react/jsx-runtime";
 import * as i from "react";
-import { useMemo as rt } from "react";
-import { u as N, a as nt, c as A, b as Z, d as he, e as ot, f as st, g as G, o as it, s as at, h as lt, i as ct, j as dt, k as ut, l as pt, m as ft, n as ht, p as vt, P as ve } from "../../index-BC-KTkxU.js";
-import { r as mt, R as yt } from "../../index-Cv-wvFlM.js";
+import { useMemo as nt } from "react";
+import { u as D, a as ot, c as A, b as q, d as ve, e as st, f as it, g as G, o as at, s as lt, h as ct, i as dt, j as ut, k as pt, l as ft, m as ht, n as vt, p as mt, P as me } from "../../index-BC-KTkxU.js";
+import { r as yt, R as gt } from "../../index-Cv-wvFlM.js";
 import { b as ue } from "../../index-CDh8vAM_.js";
 import "../../arrayExtensions-DlcBOj5a.js";
-import { E as gt } from "../../AccountService-D_6U8vP6.js";
-import { useQuery as wt } from "@tanstack/react-query";
-import { CurrencyService as Ct } from "../../services/currency/CurrencyService.js";
+import { E as Ct } from "../../AccountService-D_6U8vP6.js";
+import { useQuery as Et } from "@tanstack/react-query";
+import { CurrencyService as wt } from "../../services/currency/CurrencyService.js";
 import '../../assets/_styles5.css';import '../../assets/_styles4.css';import '../../assets/_styles3.css';import '../../assets/_styles2.css';import '../../assets/_styles.css';/* empty css                                         */
 import "../../context/AwayzContext.js";
 import "../../configs/awayzClient.js";
-import { useAwayzContext as Et } from "../../hooks/useAwayzContext.js";
+import { useAwayzContext as Pt } from "../../hooks/useAwayzContext.js";
 import "../../services/noRetryInstance.js";
-import { EInvalidAmountDisplayOption as M, EToolTipPosition as Pt } from "./CashValueTypes.js";
+import { EInvalidAmountDisplayOption as N, EToolTipPosition as bt } from "./CashValueTypes.js";
 /* empty css                          */
 /* empty css                                    */
 /* empty css                          */
 /* empty css                                   */
-const j = (e, t) => {
+const Y = (e, t) => {
   var r = new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: t ?? "USD"
@@ -26,30 +26,30 @@ const j = (e, t) => {
   if (!e) return r.format(0);
   const o = parseFloat(e.toString());
   return r.format(o);
-}, bt = (e, t) => {
-  if (e <= 0) return "N/A";
+}, pe = (e, t) => {
+  if (e < 0) return "N/A";
   var r = new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: t ?? "USD"
   });
-  return e ? r.format(Math.round(e)).toString().split(".")[0] : r.format(0);
+  return r.format(Math.round(e)).toString().split(".")[0];
 };
 // @__NO_SIDE_EFFECTS__
 function xt(e) {
   const t = /* @__PURE__ */ Tt(e), r = i.forwardRef((o, n) => {
     const { children: s, ...a } = o, u = i.Children.toArray(s), l = u.find(Rt);
     if (l) {
-      const p = l.props.children, c = u.map((f) => f === l ? i.Children.count(p) > 1 ? i.Children.only(null) : i.isValidElement(p) ? p.props.children : null : f);
-      return /* @__PURE__ */ d(t, { ...a, ref: n, children: i.isValidElement(p) ? i.cloneElement(p, void 0, c) : null });
+      const p = l.props.children, d = u.map((f) => f === l ? i.Children.count(p) > 1 ? i.Children.only(null) : i.isValidElement(p) ? p.props.children : null : f);
+      return /* @__PURE__ */ c(t, { ...a, ref: n, children: i.isValidElement(p) ? i.cloneElement(p, void 0, d) : null });
     }
-    return /* @__PURE__ */ d(t, { ...a, ref: n, children: s });
+    return /* @__PURE__ */ c(t, { ...a, ref: n, children: s });
   });
   return r.displayName = `${e}.Slot`, r;
 }
 // @__NO_SIDE_EFFECTS__
 function Tt(e) {
   const t = i.forwardRef((r, o) => {
-    const { children: n, ...s } = r, a = i.isValidElement(n) ? St(n) : void 0, u = N(a, o);
+    const { children: n, ...s } = r, a = i.isValidElement(n) ? St(n) : void 0, u = D(a, o);
     if (i.isValidElement(n)) {
       const l = Ot(s, n.props);
       return n.type !== i.Fragment && (l.ref = u), i.cloneElement(n, l);
@@ -58,14 +58,14 @@ function Tt(e) {
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var me = Symbol("radix.slottable");
+var ye = Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function At(e) {
-  const t = ({ children: r }) => /* @__PURE__ */ d(tt, { children: r });
-  return t.displayName = `${e}.Slottable`, t.__radixId = me, t;
+  const t = ({ children: r }) => /* @__PURE__ */ c(rt, { children: r });
+  return t.displayName = `${e}.Slottable`, t.__radixId = ye, t;
 }
 function Rt(e) {
-  return i.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === me;
+  return i.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ye;
 }
 function Ot(e, t) {
   const r = { ...t };
@@ -104,18 +104,18 @@ var Nt = [
 ], O = Nt.reduce((e, t) => {
   const r = /* @__PURE__ */ xt(`Primitive.${t}`), o = i.forwardRef((n, s) => {
     const { asChild: a, ...u } = n, l = a ? r : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(l, { ...u, ref: s });
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ c(l, { ...u, ref: s });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
 function Dt(e, t) {
-  e && mt.flushSync(() => e.dispatchEvent(t));
+  e && yt.flushSync(() => e.dispatchEvent(t));
 }
-var _t = "DismissableLayer", z = "dismissableLayer.update", Lt = "dismissableLayer.pointerDownOutside", It = "dismissableLayer.focusOutside", pe, ye = i.createContext({
+var _t = "DismissableLayer", z = "dismissableLayer.update", Lt = "dismissableLayer.pointerDownOutside", It = "dismissableLayer.focusOutside", fe, ge = i.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), ge = i.forwardRef(
+}), Ce = i.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: r = !1,
@@ -125,26 +125,26 @@ var _t = "DismissableLayer", z = "dismissableLayer.update", Lt = "dismissableLay
       onInteractOutside: a,
       onDismiss: u,
       ...l
-    } = e, p = i.useContext(ye), [c, f] = i.useState(null), h = (c == null ? void 0 : c.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, v] = i.useState({}), m = N(t, (g) => f(g)), y = Array.from(p.layers), [w] = [...p.layersWithOutsidePointerEventsDisabled].slice(-1), E = y.indexOf(w), C = c ? y.indexOf(c) : -1, x = p.layersWithOutsidePointerEventsDisabled.size > 0, P = C >= E, T = kt((g) => {
-      const S = g.target, F = [...p.branches].some((L) => L.contains(S));
+    } = e, p = i.useContext(ge), [d, f] = i.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, v] = i.useState({}), m = D(t, (g) => f(g)), y = Array.from(p.layers), [C] = [...p.layersWithOutsidePointerEventsDisabled].slice(-1), w = y.indexOf(C), E = d ? y.indexOf(d) : -1, x = p.layersWithOutsidePointerEventsDisabled.size > 0, P = E >= w, T = kt((g) => {
+      const S = g.target, F = [...p.branches].some((I) => I.contains(S));
       !P || F || (n == null || n(g), a == null || a(g), g.defaultPrevented || u == null || u());
     }, h), b = Ft((g) => {
       const S = g.target;
-      [...p.branches].some((L) => L.contains(S)) || (s == null || s(g), a == null || a(g), g.defaultPrevented || u == null || u());
+      [...p.branches].some((I) => I.contains(S)) || (s == null || s(g), a == null || a(g), g.defaultPrevented || u == null || u());
     }, h);
-    return nt((g) => {
-      C === p.layers.size - 1 && (o == null || o(g), !g.defaultPrevented && u && (g.preventDefault(), u()));
+    return ot((g) => {
+      E === p.layers.size - 1 && (o == null || o(g), !g.defaultPrevented && u && (g.preventDefault(), u()));
     }, h), i.useEffect(() => {
-      if (c)
-        return r && (p.layersWithOutsidePointerEventsDisabled.size === 0 && (pe = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), p.layersWithOutsidePointerEventsDisabled.add(c)), p.layers.add(c), fe(), () => {
-          r && p.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = pe);
+      if (d)
+        return r && (p.layersWithOutsidePointerEventsDisabled.size === 0 && (fe = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), p.layersWithOutsidePointerEventsDisabled.add(d)), p.layers.add(d), he(), () => {
+          r && p.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = fe);
         };
-    }, [c, h, r, p]), i.useEffect(() => () => {
-      c && (p.layers.delete(c), p.layersWithOutsidePointerEventsDisabled.delete(c), fe());
-    }, [c, p]), i.useEffect(() => {
+    }, [d, h, r, p]), i.useEffect(() => () => {
+      d && (p.layers.delete(d), p.layersWithOutsidePointerEventsDisabled.delete(d), he());
+    }, [d, p]), i.useEffect(() => {
       const g = () => v({});
       return document.addEventListener(z, g), () => document.removeEventListener(z, g);
-    }, []), /* @__PURE__ */ d(
+    }, []), /* @__PURE__ */ c(
       O.div,
       {
         ...l,
@@ -163,26 +163,26 @@ var _t = "DismissableLayer", z = "dismissableLayer.update", Lt = "dismissableLay
     );
   }
 );
-ge.displayName = _t;
+Ce.displayName = _t;
 var Mt = "DismissableLayerBranch", Ht = i.forwardRef((e, t) => {
-  const r = i.useContext(ye), o = i.useRef(null), n = N(t, o);
+  const r = i.useContext(ge), o = i.useRef(null), n = D(t, o);
   return i.useEffect(() => {
     const s = o.current;
     if (s)
       return r.branches.add(s), () => {
         r.branches.delete(s);
       };
-  }, [r.branches]), /* @__PURE__ */ d(O.div, { ...e, ref: n });
+  }, [r.branches]), /* @__PURE__ */ c(O.div, { ...e, ref: n });
 });
 Ht.displayName = Mt;
 function kt(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = Z(e), o = i.useRef(!1), n = i.useRef(() => {
+  const r = q(e), o = i.useRef(!1), n = i.useRef(() => {
   });
   return i.useEffect(() => {
     const s = (u) => {
       if (u.target && !o.current) {
         let l = function() {
-          we(
+          Ee(
             Lt,
             r,
             p,
@@ -206,10 +206,10 @@ function kt(e, t = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function Ft(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = Z(e), o = i.useRef(!1);
+  const r = q(e), o = i.useRef(!1);
   return i.useEffect(() => {
     const n = (s) => {
-      s.target && !o.current && we(It, r, { originalEvent: s }, {
+      s.target && !o.current && Ee(It, r, { originalEvent: s }, {
         discrete: !1
       });
     };
@@ -219,17 +219,17 @@ function Ft(e, t = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => o.current = !1
   };
 }
-function fe() {
+function he() {
   const e = new CustomEvent(z);
   document.dispatchEvent(e);
 }
-function we(e, t, r, { discrete: o }) {
+function Ee(e, t, r, { discrete: o }) {
   const n = r.originalEvent.target, s = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: r });
   t && n.addEventListener(e, t, { once: !0 }), o ? Dt(n, s) : n.dispatchEvent(s);
 }
-var $t = "Arrow", Ce = i.forwardRef((e, t) => {
+var $t = "Arrow", we = i.forwardRef((e, t) => {
   const { children: r, width: o = 10, height: n = 5, ...s } = e;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     O.svg,
     {
       ...s,
@@ -238,26 +238,26 @@ var $t = "Arrow", Ce = i.forwardRef((e, t) => {
       height: n,
       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__ */ c("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 });
-Ce.displayName = $t;
-var Wt = Ce, K = "Popper", [Ee, Pe] = he(K), [Bt, be] = Ee(K), xe = (e) => {
+we.displayName = $t;
+var Wt = we, K = "Popper", [Pe, be] = ve(K), [Bt, xe] = Pe(K), Te = (e) => {
   const { __scopePopper: t, children: r } = e, [o, n] = i.useState(null);
-  return /* @__PURE__ */ d(Bt, { scope: t, anchor: o, onAnchorChange: n, children: r });
+  return /* @__PURE__ */ c(Bt, { scope: t, anchor: o, onAnchorChange: n, children: r });
 };
-xe.displayName = K;
-var Te = "PopperAnchor", Ae = i.forwardRef(
+Te.displayName = K;
+var Ae = "PopperAnchor", Re = i.forwardRef(
   (e, t) => {
-    const { __scopePopper: r, virtualRef: o, ...n } = e, s = be(Te, r), a = i.useRef(null), u = N(t, a);
+    const { __scopePopper: r, virtualRef: o, ...n } = e, s = xe(Ae, r), a = i.useRef(null), u = D(t, a);
     return i.useEffect(() => {
       s.onAnchorChange((o == null ? void 0 : o.current) || a.current);
-    }), o ? null : /* @__PURE__ */ d(O.div, { ...n, ref: u });
+    }), o ? null : /* @__PURE__ */ c(O.div, { ...n, ref: u });
   }
 );
-Ae.displayName = Te;
-var Q = "PopperContent", [Ut, Vt] = Ee(Q), Re = i.forwardRef(
+Re.displayName = Ae;
+var Q = "PopperContent", [Ut, Yt] = Pe(Q), Oe = i.forwardRef(
   (e, t) => {
     var oe, se, ie, ae, le, ce;
     const {
@@ -269,55 +269,55 @@ var Q = "PopperContent", [Ut, Vt] = Ee(Q), Re = i.forwardRef(
       arrowPadding: u = 0,
       avoidCollisions: l = !0,
       collisionBoundary: p = [],
-      collisionPadding: c = 0,
+      collisionPadding: d = 0,
       sticky: f = "partial",
       hideWhenDetached: h = !1,
       updatePositionStrategy: v = "optimized",
       onPlaced: m,
       ...y
-    } = e, w = be(Q, r), [E, C] = i.useState(null), x = N(t, (I) => C(I)), [P, T] = i.useState(null), b = ot(P), g = (b == null ? void 0 : b.width) ?? 0, S = (b == null ? void 0 : b.height) ?? 0, F = o + (s !== "center" ? "-" + s : ""), L = typeof c == "number" ? c : { top: 0, right: 0, bottom: 0, left: 0, ...c }, te = Array.isArray(p) ? p : [p], Ue = te.length > 0, $ = {
-      padding: L,
+    } = e, C = xe(Q, r), [w, E] = i.useState(null), x = D(t, (M) => E(M)), [P, T] = i.useState(null), b = st(P), g = (b == null ? void 0 : b.width) ?? 0, S = (b == null ? void 0 : b.height) ?? 0, F = o + (s !== "center" ? "-" + s : ""), I = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, te = Array.isArray(p) ? p : [p], Ye = te.length > 0, $ = {
+      padding: I,
       boundary: te.filter(jt),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: Ue
-    }, { refs: Ve, floatingStyles: re, placement: Ye, isPositioned: W, middlewareData: D } = st({
+      altBoundary: Ye
+    }, { refs: Ve, floatingStyles: re, placement: je, isPositioned: W, middlewareData: _ } = it({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: F,
-      whileElementsMounted: (...I) => ft(...I, {
+      whileElementsMounted: (...M) => ht(...M, {
         animationFrame: v === "always"
       }),
       elements: {
-        reference: w.anchor
+        reference: C.anchor
       },
       middleware: [
-        it({ mainAxis: n + S, alignmentAxis: a }),
-        l && at({
+        at({ mainAxis: n + S, alignmentAxis: a }),
+        l && lt({
           mainAxis: !0,
           crossAxis: !1,
-          limiter: f === "partial" ? pt() : void 0,
+          limiter: f === "partial" ? ft() : void 0,
           ...$
         }),
-        l && lt({ ...$ }),
-        ct({
+        l && ct({ ...$ }),
+        dt({
           ...$,
-          apply: ({ elements: I, rects: de, availableWidth: Ke, availableHeight: Qe }) => {
-            const { width: Je, height: et } = de.reference, U = I.floating.style;
-            U.setProperty("--radix-popper-available-width", `${Ke}px`), U.setProperty("--radix-popper-available-height", `${Qe}px`), U.setProperty("--radix-popper-anchor-width", `${Je}px`), U.setProperty("--radix-popper-anchor-height", `${et}px`);
+          apply: ({ elements: M, rects: de, availableWidth: Qe, availableHeight: Je }) => {
+            const { width: et, height: tt } = de.reference, U = M.floating.style;
+            U.setProperty("--radix-popper-available-width", `${Qe}px`), U.setProperty("--radix-popper-available-height", `${Je}px`), U.setProperty("--radix-popper-anchor-width", `${et}px`), U.setProperty("--radix-popper-anchor-height", `${tt}px`);
           }
         }),
-        P && dt({ element: P, padding: u }),
+        P && ut({ element: P, padding: u }),
         Gt({ arrowWidth: g, arrowHeight: S }),
-        h && ut({ strategy: "referenceHidden", ...$ })
+        h && pt({ strategy: "referenceHidden", ...$ })
       ]
-    }), [ne, je] = Ne(Ye), B = Z(m);
+    }), [ne, Ge] = De(je), B = q(m);
     G(() => {
       W && (B == null || B());
     }, [W, B]);
-    const Ge = (oe = D.arrow) == null ? void 0 : oe.x, ze = (se = D.arrow) == null ? void 0 : se.y, Xe = ((ie = D.arrow) == null ? void 0 : ie.centerOffset) !== 0, [qe, Ze] = i.useState();
+    const ze = (oe = _.arrow) == null ? void 0 : oe.x, Xe = (se = _.arrow) == null ? void 0 : se.y, Ze = ((ie = _.arrow) == null ? void 0 : ie.centerOffset) !== 0, [qe, Ke] = i.useState();
     return G(() => {
-      E && Ze(window.getComputedStyle(E).zIndex);
-    }, [E]), /* @__PURE__ */ d(
+      w && Ke(window.getComputedStyle(w).zIndex);
+    }, [w]), /* @__PURE__ */ c(
       "div",
       {
         ref: Ve.setFloating,
@@ -329,32 +329,32 @@ var Q = "PopperContent", [Ut, Vt] = Ee(Q), Re = i.forwardRef(
           minWidth: "max-content",
           zIndex: qe,
           "--radix-popper-transform-origin": [
-            (ae = D.transformOrigin) == null ? void 0 : ae.x,
-            (le = D.transformOrigin) == null ? void 0 : le.y
+            (ae = _.transformOrigin) == null ? void 0 : ae.x,
+            (le = _.transformOrigin) == null ? void 0 : le.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...((ce = D.hide) == null ? void 0 : ce.referenceHidden) && {
+          ...((ce = _.hide) == null ? void 0 : ce.referenceHidden) && {
             visibility: "hidden",
             pointerEvents: "none"
           }
         },
         dir: e.dir,
-        children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ c(
           Ut,
           {
             scope: r,
             placedSide: ne,
             onArrowChange: T,
-            arrowX: Ge,
-            arrowY: ze,
-            shouldHideArrow: Xe,
-            children: /* @__PURE__ */ d(
+            arrowX: ze,
+            arrowY: Xe,
+            shouldHideArrow: Ze,
+            children: /* @__PURE__ */ c(
               O.div,
               {
                 "data-side": ne,
-                "data-align": je,
+                "data-align": Ge,
                 ...y,
                 ref: x,
                 style: {
@@ -371,19 +371,19 @@ var Q = "PopperContent", [Ut, Vt] = Ee(Q), Re = i.forwardRef(
     );
   }
 );
-Re.displayName = Q;
-var Oe = "PopperArrow", Yt = {
+Oe.displayName = Q;
+var Se = "PopperArrow", Vt = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
-}, Se = i.forwardRef(function(t, r) {
-  const { __scopePopper: o, ...n } = t, s = Vt(Oe, o), a = Yt[s.placedSide];
+}, Ne = i.forwardRef(function(t, r) {
+  const { __scopePopper: o, ...n } = t, s = Yt(Se, o), a = Vt[s.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__ */ c(
       "span",
       {
         ref: s.onArrowChange,
@@ -406,7 +406,7 @@ var Oe = "PopperArrow", Yt = {
           }[s.placedSide],
           visibility: s.shouldHideArrow ? "hidden" : void 0
         },
-        children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ c(
           Wt,
           {
             ...n,
@@ -422,7 +422,7 @@ var Oe = "PopperArrow", Yt = {
     )
   );
 });
-Se.displayName = Oe;
+Ne.displayName = Se;
 function jt(e) {
   return e !== null;
 }
@@ -430,24 +430,24 @@ var Gt = (e) => ({
   name: "transformOrigin",
   options: e,
   fn(t) {
-    var w, E, C;
-    const { placement: r, rects: o, middlewareData: n } = t, a = ((w = n.arrow) == null ? void 0 : w.centerOffset) !== 0, u = a ? 0 : e.arrowWidth, l = a ? 0 : e.arrowHeight, [p, c] = Ne(r), f = { start: "0%", center: "50%", end: "100%" }[c], h = (((E = n.arrow) == null ? void 0 : E.x) ?? 0) + u / 2, v = (((C = n.arrow) == null ? void 0 : C.y) ?? 0) + l / 2;
+    var C, w, E;
+    const { placement: r, rects: o, middlewareData: n } = t, a = ((C = n.arrow) == null ? void 0 : C.centerOffset) !== 0, u = a ? 0 : e.arrowWidth, l = a ? 0 : e.arrowHeight, [p, d] = De(r), f = { start: "0%", center: "50%", end: "100%" }[d], h = (((w = n.arrow) == null ? void 0 : w.x) ?? 0) + u / 2, v = (((E = n.arrow) == null ? void 0 : E.y) ?? 0) + l / 2;
     let m = "", y = "";
     return p === "bottom" ? (m = a ? f : `${h}px`, y = `${-l}px`) : p === "top" ? (m = a ? f : `${h}px`, y = `${o.floating.height + l}px`) : p === "right" ? (m = `${-l}px`, y = a ? f : `${v}px`) : p === "left" && (m = `${o.floating.width + l}px`, y = a ? f : `${v}px`), { data: { x: m, y } };
   }
 });
-function Ne(e) {
+function De(e) {
   const [t, r = "center"] = e.split("-");
   return [t, r];
 }
-var zt = xe, Xt = Ae, qt = Re, Zt = Se, Kt = "Portal", De = i.forwardRef((e, t) => {
+var zt = Te, Xt = Re, Zt = Oe, qt = Ne, Kt = "Portal", _e = i.forwardRef((e, t) => {
   var u;
   const { container: r, ...o } = e, [n, s] = i.useState(!1);
   G(() => s(!0), []);
   const a = r || n && ((u = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : u.body);
-  return a ? yt.createPortal(/* @__PURE__ */ d(O.div, { ...o, ref: t }), a) : null;
+  return a ? gt.createPortal(/* @__PURE__ */ c(O.div, { ...o, ref: t }), a) : null;
 });
-De.displayName = Kt;
+_e.displayName = Kt;
 var Qt = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
@@ -460,8 +460,8 @@ var Qt = Object.freeze({
   clip: "rect(0, 0, 0, 0)",
   whiteSpace: "nowrap",
   wordWrap: "normal"
-}), Jt = "VisuallyHidden", _e = i.forwardRef(
-  (e, t) => /* @__PURE__ */ d(
+}), Jt = "VisuallyHidden", Le = i.forwardRef(
+  (e, t) => /* @__PURE__ */ c(
     O.span,
     {
       ...e,
@@ -470,10 +470,10 @@ var Qt = Object.freeze({
     }
   )
 );
-_e.displayName = Jt;
-var er = _e, [V, Vr] = he("Tooltip", [
-  Pe
-]), Y = Pe(), Le = "TooltipProvider", tr = 700, X = "tooltip.open", [rr, J] = V(Le), Ie = (e) => {
+Le.displayName = Jt;
+var er = Le, [V, Yr] = ve("Tooltip", [
+  be
+]), j = be(), Ie = "TooltipProvider", tr = 700, X = "tooltip.open", [rr, J] = V(Ie), Me = (e) => {
   const {
     __scopeTooltip: t,
     delayDuration: r = tr,
@@ -484,7 +484,7 @@ var er = _e, [V, Vr] = he("Tooltip", [
   return i.useEffect(() => {
     const p = l.current;
     return () => window.clearTimeout(p);
-  }, []), /* @__PURE__ */ d(
+  }, []), /* @__PURE__ */ c(
     rr,
     {
       scope: t,
@@ -508,8 +508,8 @@ var er = _e, [V, Vr] = he("Tooltip", [
     }
   );
 };
-Ie.displayName = Le;
-var H = "Tooltip", [nr, k] = V(H), Me = (e) => {
+Me.displayName = Ie;
+var H = "Tooltip", [nr, k] = V(H), He = (e) => {
   const {
     __scopeTooltip: t,
     children: r,
@@ -518,32 +518,32 @@ var H = "Tooltip", [nr, k] = V(H), Me = (e) => {
     onOpenChange: s,
     disableHoverableContent: a,
     delayDuration: u
-  } = e, l = J(H, e.__scopeTooltip), p = Y(t), [c, f] = i.useState(null), h = ht(), v = i.useRef(0), m = a ?? l.disableHoverableContent, y = u ?? l.delayDuration, w = i.useRef(!1), [E, C] = vt({
+  } = e, l = J(H, e.__scopeTooltip), p = j(t), [d, f] = i.useState(null), h = vt(), v = i.useRef(0), m = a ?? l.disableHoverableContent, y = u ?? l.delayDuration, C = i.useRef(!1), [w, E] = mt({
     prop: o,
     defaultProp: n ?? !1,
     onChange: (g) => {
       g ? (l.onOpen(), document.dispatchEvent(new CustomEvent(X))) : l.onClose(), s == null || s(g);
     },
     caller: H
-  }), x = i.useMemo(() => E ? w.current ? "delayed-open" : "instant-open" : "closed", [E]), P = i.useCallback(() => {
-    window.clearTimeout(v.current), v.current = 0, w.current = !1, C(!0);
-  }, [C]), T = i.useCallback(() => {
-    window.clearTimeout(v.current), v.current = 0, C(!1);
-  }, [C]), b = i.useCallback(() => {
+  }), x = i.useMemo(() => w ? C.current ? "delayed-open" : "instant-open" : "closed", [w]), P = i.useCallback(() => {
+    window.clearTimeout(v.current), v.current = 0, C.current = !1, E(!0);
+  }, [E]), T = i.useCallback(() => {
+    window.clearTimeout(v.current), v.current = 0, E(!1);
+  }, [E]), b = i.useCallback(() => {
     window.clearTimeout(v.current), v.current = window.setTimeout(() => {
-      w.current = !0, C(!0), v.current = 0;
+      C.current = !0, E(!0), v.current = 0;
     }, y);
-  }, [y, C]);
+  }, [y, E]);
   return i.useEffect(() => () => {
     v.current && (window.clearTimeout(v.current), v.current = 0);
-  }, []), /* @__PURE__ */ d(zt, { ...p, children: /* @__PURE__ */ d(
+  }, []), /* @__PURE__ */ c(zt, { ...p, children: /* @__PURE__ */ c(
     nr,
     {
       scope: t,
       contentId: h,
-      open: E,
+      open: w,
       stateAttribute: x,
-      trigger: c,
+      trigger: d,
       onTriggerChange: f,
       onTriggerEnter: i.useCallback(() => {
         l.isOpenDelayedRef.current ? b() : P();
@@ -558,11 +558,11 @@ var H = "Tooltip", [nr, k] = V(H), Me = (e) => {
     }
   ) });
 };
-Me.displayName = H;
-var q = "TooltipTrigger", He = i.forwardRef(
+He.displayName = H;
+var Z = "TooltipTrigger", ke = i.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: r, ...o } = e, n = k(q, r), s = J(q, r), a = Y(r), u = i.useRef(null), l = N(t, u, n.onTriggerChange), p = i.useRef(!1), c = i.useRef(!1), f = i.useCallback(() => p.current = !1, []);
-    return i.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ d(Xt, { asChild: !0, ...a, children: /* @__PURE__ */ d(
+    const { __scopeTooltip: r, ...o } = e, n = k(Z, r), s = J(Z, r), a = j(r), u = i.useRef(null), l = D(t, u, n.onTriggerChange), p = i.useRef(!1), d = i.useRef(!1), f = i.useCallback(() => p.current = !1, []);
+    return i.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ c(Xt, { asChild: !0, ...a, children: /* @__PURE__ */ c(
       O.button,
       {
         "aria-describedby": n.open ? n.contentId : void 0,
@@ -570,10 +570,10 @@ var q = "TooltipTrigger", He = i.forwardRef(
         ...o,
         ref: l,
         onPointerMove: A(e.onPointerMove, (h) => {
-          h.pointerType !== "touch" && !c.current && !s.isPointerInTransitRef.current && (n.onTriggerEnter(), c.current = !0);
+          h.pointerType !== "touch" && !d.current && !s.isPointerInTransitRef.current && (n.onTriggerEnter(), d.current = !0);
         }),
         onPointerLeave: A(e.onPointerLeave, () => {
-          n.onTriggerLeave(), c.current = !1;
+          n.onTriggerLeave(), d.current = !1;
         }),
         onPointerDown: A(e.onPointerDown, () => {
           n.open && n.onClose(), p.current = !0, document.addEventListener("pointerup", f, { once: !0 });
@@ -587,46 +587,46 @@ var q = "TooltipTrigger", He = i.forwardRef(
     ) });
   }
 );
-He.displayName = q;
+ke.displayName = Z;
 var ee = "TooltipPortal", [or, sr] = V(ee, {
   forceMount: void 0
-}), ke = (e) => {
+}), Fe = (e) => {
   const { __scopeTooltip: t, forceMount: r, children: o, container: n } = e, s = k(ee, t);
-  return /* @__PURE__ */ d(or, { scope: t, forceMount: r, children: /* @__PURE__ */ d(ve, { present: r || s.open, children: /* @__PURE__ */ d(De, { asChild: !0, container: n, children: o }) }) });
+  return /* @__PURE__ */ c(or, { scope: t, forceMount: r, children: /* @__PURE__ */ c(me, { present: r || s.open, children: /* @__PURE__ */ c(_e, { asChild: !0, container: n, children: o }) }) });
 };
-ke.displayName = ee;
-var _ = "TooltipContent", Fe = i.forwardRef(
+Fe.displayName = ee;
+var L = "TooltipContent", $e = i.forwardRef(
   (e, t) => {
-    const r = sr(_, e.__scopeTooltip), { forceMount: o = r.forceMount, side: n = "top", ...s } = e, a = k(_, e.__scopeTooltip);
-    return /* @__PURE__ */ d(ve, { present: o || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ d($e, { side: n, ...s, ref: t }) : /* @__PURE__ */ d(ir, { side: n, ...s, ref: t }) });
+    const r = sr(L, e.__scopeTooltip), { forceMount: o = r.forceMount, side: n = "top", ...s } = e, a = k(L, e.__scopeTooltip);
+    return /* @__PURE__ */ c(me, { present: o || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ c(We, { side: n, ...s, ref: t }) : /* @__PURE__ */ c(ir, { side: n, ...s, ref: t }) });
   }
 ), ir = i.forwardRef((e, t) => {
-  const r = k(_, e.__scopeTooltip), o = J(_, e.__scopeTooltip), n = i.useRef(null), s = N(t, n), [a, u] = i.useState(null), { trigger: l, onClose: p } = r, c = n.current, { onPointerInTransitChange: f } = o, h = i.useCallback(() => {
+  const r = k(L, e.__scopeTooltip), o = J(L, e.__scopeTooltip), n = i.useRef(null), s = D(t, n), [a, u] = i.useState(null), { trigger: l, onClose: p } = r, d = n.current, { onPointerInTransitChange: f } = o, h = i.useCallback(() => {
     u(null), f(!1);
   }, [f]), v = i.useCallback(
     (m, y) => {
-      const w = m.currentTarget, E = { x: m.clientX, y: m.clientY }, C = dr(E, w.getBoundingClientRect()), x = ur(E, C), P = pr(y.getBoundingClientRect()), T = hr([...x, ...P]);
+      const C = m.currentTarget, w = { x: m.clientX, y: m.clientY }, E = dr(w, C.getBoundingClientRect()), x = ur(w, E), P = pr(y.getBoundingClientRect()), T = hr([...x, ...P]);
       u(T), f(!0);
     },
     [f]
   );
   return i.useEffect(() => () => h(), [h]), i.useEffect(() => {
-    if (l && c) {
-      const m = (w) => v(w, c), y = (w) => v(w, l);
-      return l.addEventListener("pointerleave", m), c.addEventListener("pointerleave", y), () => {
-        l.removeEventListener("pointerleave", m), c.removeEventListener("pointerleave", y);
+    if (l && d) {
+      const m = (C) => v(C, d), y = (C) => v(C, l);
+      return l.addEventListener("pointerleave", m), d.addEventListener("pointerleave", y), () => {
+        l.removeEventListener("pointerleave", m), d.removeEventListener("pointerleave", y);
       };
     }
-  }, [l, c, v, h]), i.useEffect(() => {
+  }, [l, d, v, h]), i.useEffect(() => {
     if (a) {
       const m = (y) => {
-        const w = y.target, E = { x: y.clientX, y: y.clientY }, C = (l == null ? void 0 : l.contains(w)) || (c == null ? void 0 : c.contains(w)), x = !fr(E, a);
-        C ? h() : x && (h(), p());
+        const C = y.target, w = { x: y.clientX, y: y.clientY }, E = (l == null ? void 0 : l.contains(C)) || (d == null ? void 0 : d.contains(C)), x = !fr(w, a);
+        E ? h() : x && (h(), p());
       };
       return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
     }
-  }, [l, c, a, p, h]), /* @__PURE__ */ d($e, { ...e, ref: s });
-}), [ar, lr] = V(H, { isInside: !1 }), cr = /* @__PURE__ */ At("TooltipContent"), $e = i.forwardRef(
+  }, [l, d, a, p, h]), /* @__PURE__ */ c(We, { ...e, ref: s });
+}), [ar, lr] = V(H, { isInside: !1 }), cr = /* @__PURE__ */ At("TooltipContent"), We = i.forwardRef(
   (e, t) => {
     const {
       __scopeTooltip: r,
@@ -635,26 +635,26 @@ var _ = "TooltipContent", Fe = i.forwardRef(
       onEscapeKeyDown: s,
       onPointerDownOutside: a,
       ...u
-    } = e, l = k(_, r), p = Y(r), { onClose: c } = l;
-    return i.useEffect(() => (document.addEventListener(X, c), () => document.removeEventListener(X, c)), [c]), i.useEffect(() => {
+    } = e, l = k(L, r), p = j(r), { onClose: d } = l;
+    return i.useEffect(() => (document.addEventListener(X, d), () => document.removeEventListener(X, d)), [d]), i.useEffect(() => {
       if (l.trigger) {
         const f = (h) => {
           const v = h.target;
-          v != null && v.contains(l.trigger) && c();
+          v != null && v.contains(l.trigger) && d();
         };
         return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
       }
-    }, [l.trigger, c]), /* @__PURE__ */ d(
-      ge,
+    }, [l.trigger, d]), /* @__PURE__ */ c(
+      Ce,
       {
         asChild: !0,
         disableOutsidePointerEvents: !1,
         onEscapeKeyDown: s,
         onPointerDownOutside: a,
         onFocusOutside: (f) => f.preventDefault(),
-        onDismiss: c,
+        onDismiss: d,
         children: /* @__PURE__ */ R(
-          qt,
+          Zt,
           {
             "data-state": l.stateAttribute,
             ...p,
@@ -669,8 +669,8 @@ var _ = "TooltipContent", Fe = i.forwardRef(
               "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
             },
             children: [
-              /* @__PURE__ */ d(cr, { children: o }),
-              /* @__PURE__ */ d(ar, { scope: r, isInside: !0, children: /* @__PURE__ */ d(er, { id: l.contentId, role: "tooltip", children: n || o }) })
+              /* @__PURE__ */ c(cr, { children: o }),
+              /* @__PURE__ */ c(ar, { scope: r, isInside: !0, children: /* @__PURE__ */ c(er, { id: l.contentId, role: "tooltip", children: n || o }) })
             ]
           }
         )
@@ -678,17 +678,17 @@ var _ = "TooltipContent", Fe = i.forwardRef(
     );
   }
 );
-Fe.displayName = _;
-var We = "TooltipArrow", Be = i.forwardRef(
+$e.displayName = L;
+var Be = "TooltipArrow", Ue = i.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: r, ...o } = e, n = Y(r);
+    const { __scopeTooltip: r, ...o } = e, n = j(r);
     return lr(
-      We,
+      Be,
       r
-    ).isInside ? null : /* @__PURE__ */ d(Zt, { ...n, ...o, ref: t });
+    ).isInside ? null : /* @__PURE__ */ c(qt, { ...n, ...o, ref: t });
   }
 );
-Be.displayName = We;
+Ue.displayName = Be;
 function dr(e, t) {
   const r = Math.abs(t.top - e.y), o = Math.abs(t.bottom - e.y), n = Math.abs(t.right - e.x), s = Math.abs(t.left - e.x);
   switch (Math.min(r, o, n, s)) {
@@ -747,8 +747,8 @@ function fr(e, t) {
   const { x: r, y: o } = e;
   let n = !1;
   for (let s = 0, a = t.length - 1; s < t.length; a = s++) {
-    const u = t[s], l = t[a], p = u.x, c = u.y, f = l.x, h = l.y;
-    c > o != h > o && r < (f - p) * (o - c) / (h - c) + p && (n = !n);
+    const u = t[s], l = t[a], p = u.x, d = u.y, f = l.x, h = l.y;
+    d > o != h > o && r < (f - p) * (o - d) / (h - d) + p && (n = !n);
   }
   return n;
 }
@@ -781,21 +781,21 @@ function vr(e) {
   }
   return r.pop(), t.length === 1 && r.length === 1 && t[0].x === r[0].x && t[0].y === r[0].y ? t : t.concat(r);
 }
-var mr = Ie, yr = Me, gr = He, wr = ke, Cr = Fe, Er = Be;
-const Pr = 1e3 * 60 * 60, Yr = ({
+var mr = Me, yr = He, gr = ke, Cr = Fe, Er = $e, wr = Ue;
+const Pr = 1e3 * 60 * 60, Vr = ({
   amount: e,
   currency: t,
-  position: r = Pt.RIGHT,
-  zeroDisplayOption: o = M.NA,
+  position: r = bt.RIGHT,
+  zeroDisplayOption: o = N.NA,
   customDisplay: n
 }) => {
   var f;
-  const { user: s } = Et(), a = (f = s == null ? void 0 : s.userRegion) == null ? void 0 : f.currency, u = a !== t, { data: l, isPending: p } = wt({
-    queryKey: [gt.CONVERT_CURRENCY, t],
-    queryFn: () => Ct.convertCurrency({ baseCurrency: t }),
+  const { user: s } = Pt(), a = (f = s == null ? void 0 : s.userRegion) == null ? void 0 : f.currency, u = a !== t, { data: l, isPending: p } = Et({
+    queryKey: [Ct.CONVERT_CURRENCY, t],
+    queryFn: () => wt.convertCurrency({ baseCurrency: t }),
     enabled: u,
     staleTime: Pr
-  }), c = rt(() => {
+  }), d = nt(() => {
     if (!s)
       return null;
     let h = typeof e == "string" ? parseFloat(e) : e;
@@ -805,25 +805,29 @@ const Pr = 1e3 * 60 * 60, Yr = ({
     }
     return h;
   }, [e, s, p, u, l]);
-  if (!a || !c || c < 0)
+  if (!a || !d || d < 0)
     switch (o) {
-      case M.NA:
-        return /* @__PURE__ */ d("span", { children: "N/A" });
-      case M.HIDDEN:
-        return /* @__PURE__ */ d("span", { className: "hidden", children: "N/A" });
-      case M.DISPLAY_AS_ZERO:
-        return /* @__PURE__ */ d("span", { children: c });
-      case M.CUSTOM:
-        return /* @__PURE__ */ d("span", { children: c == 0 ? n : "N/A" });
+      case N.NA:
+        return /* @__PURE__ */ c("span", { children: "N/A" });
+      case N.HIDDEN:
+        return /* @__PURE__ */ c("span", { className: "hidden", children: "N/A" });
+      case N.DISPLAY_AS_ZERO:
+        return /* @__PURE__ */ c("span", { children: "0" });
+      case N.DISPLAY_AS_ZERO_WITH_CURRENCY:
+        return /* @__PURE__ */ c("span", { children: Y(0, a ?? t) });
+      case N.DISPLAY_AS_ZERO_WITH_CURRENCY_NO_DECIMAL:
+        return /* @__PURE__ */ c("span", { children: pe(0, a ?? t) });
+      case N.CUSTOM:
+        return /* @__PURE__ */ c("span", { children: d == 0 ? n : "N/A" });
       default:
-        return /* @__PURE__ */ d("span", { children: "N/A" });
+        return /* @__PURE__ */ c("span", { children: "N/A" });
     }
   return /* @__PURE__ */ R("span", { className: "currency-conversion", children: [
-    bt(c, a),
-    u && /* @__PURE__ */ d(
+    pe(d, a),
+    u && /* @__PURE__ */ c(
       br,
       {
-        trigger: /* @__PURE__ */ d("sup", { children: /* @__PURE__ */ d(ue, {}) }),
+        trigger: /* @__PURE__ */ c("sup", { children: /* @__PURE__ */ c(ue, {}) }),
         position: r,
         children: /* @__PURE__ */ R("div", { className: "currency-conversion-container", children: [
           /* @__PURE__ */ R("p", { children: [
@@ -833,11 +837,11 @@ const Pr = 1e3 * 60 * 60, Yr = ({
             a
           ] }),
           /* @__PURE__ */ R("div", { className: "currency-conversion-amounts", children: [
-            /* @__PURE__ */ d("div", { children: /* @__PURE__ */ d("p", { children: j(e, t) }) }),
-            /* @__PURE__ */ d("div", { children: /* @__PURE__ */ d("p", { children: j(c, a) }) }),
-            /* @__PURE__ */ d("span", { className: "conversion-icon", children: /* @__PURE__ */ d(ue, {}) })
+            /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("p", { children: Y(e, t) }) }),
+            /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("p", { children: Y(d, a) }) }),
+            /* @__PURE__ */ c("span", { className: "conversion-icon", children: /* @__PURE__ */ c(ue, {}) })
           ] }),
-          /* @__PURE__ */ d("div", { className: "currency-conversion-rate", children: /* @__PURE__ */ R("p", { children: [
+          /* @__PURE__ */ c("div", { className: "currency-conversion-rate", children: /* @__PURE__ */ R("p", { children: [
             "Current Rate:",
             " ",
             l ? (
@@ -848,28 +852,28 @@ const Pr = 1e3 * 60 * 60, Yr = ({
             ) : "N/A",
             " ",
             "≈ ",
-            j(1, a)
+            Y(1, a)
           ] }) })
         ] })
       }
     )
   ] });
-}, br = ({ children: e, trigger: t, position: r }) => /* @__PURE__ */ d(mr, { delayDuration: 100, children: /* @__PURE__ */ R(yr, { children: [
-  /* @__PURE__ */ d(gr, { asChild: !0, children: t }),
-  /* @__PURE__ */ d(wr, { children: /* @__PURE__ */ R(
-    Cr,
+}, br = ({ children: e, trigger: t, position: r }) => /* @__PURE__ */ c(mr, { delayDuration: 100, children: /* @__PURE__ */ R(yr, { children: [
+  /* @__PURE__ */ c(gr, { asChild: !0, children: t }),
+  /* @__PURE__ */ c(Cr, { children: /* @__PURE__ */ R(
+    Er,
     {
       className: `tooltip-content ${r}`,
       side: r,
       align: "center",
       children: [
         e,
-        /* @__PURE__ */ d(Er, { className: "tooltip-arrow" })
+        /* @__PURE__ */ c(wr, { className: "tooltip-arrow" })
       ]
     }
   ) })
 ] }) });
 export {
-  Yr as CashValue,
+  Vr as CashValue,
   Pr as CurrencyCallStaleTimeMs
 };

package/dist/components/CashValue/CashValue.stories.js

@@ -14,7 +14,7 @@ import '../../assets/_styles5.css';import '../../assets/_styles4.css';import '..
 /* empty css                                    */
 /* empty css                          */
 /* empty css                                   */
-const h = {
+const f = {
   title: "Core/Cash Value",
   component: n,
   parameters: {
@@ -56,32 +56,46 @@ const h = {
       }
     )
   ]
-}, R = {
+}, h = {
   name: "Euro to Dollar Cash Value",
   args: {
     amount: 100,
     currency: "EUR"
   }
-}, j = {
+}, _ = {
   name: "Invalid Amount",
   args: {
     amount: "invalid",
     currency: "EUR"
   }
-}, C = {
+}, v = {
   name: "Zero Amount with Display as Zero",
   args: {
     amount: 0,
     zeroDisplayOption: o.DISPLAY_AS_ZERO,
     currency: "EUR"
   }
-}, T = {
+}, I = {
+  name: "Zero Amount with Display as Zero With Currency",
+  args: {
+    amount: 0,
+    zeroDisplayOption: o.DISPLAY_AS_ZERO_WITH_CURRENCY,
+    currency: "EUR"
+  }
+}, U = {
+  name: "Zero Amount with Display as Zero With Currency No Decimal",
+  args: {
+    amount: 0,
+    zeroDisplayOption: o.DISPLAY_AS_ZERO_WITH_CURRENCY_NO_DECIMAL,
+    currency: "EUR"
+  }
+}, b = {
   name: "Negative Amount",
   args: {
     amount: -100,
     currency: "EUR"
   }
-}, U = {
+}, N = {
   name: "Custom Zero Amount",
   args: {
     amount: 0,
@@ -91,10 +105,12 @@ const h = {
   }
 };
 export {
-  U as CustomZeroAmount,
-  R as Default,
-  j as InvalidAmount,
-  T as NegativeAmount,
-  C as ZeroAmount,
-  h as default
+  N as CustomZeroAmount,
+  h as Default,
+  _ as InvalidAmount,
+  b as NegativeAmount,
+  v as ZeroAmount,
+  I as ZeroCurrencyAmount,
+  U as ZeroCurrencyNoDecimalAmount,
+  f as default
 };

package/dist/components/CashValue/CashValueTypes.js

@@ -1,5 +1,5 @@
-var e = /* @__PURE__ */ ((r) => (r.TOP = "top", r.BOTTOM = "bottom", r.RIGHT = "right", r.LEFT = "left", r))(e || {}), H = /* @__PURE__ */ ((r) => (r.NA = "N/A", r.HIDDEN = "Hidden", r.DISPLAY_AS_ZERO = "Display as Zero", r.CUSTOM = "Custom", r))(H || {});
+var _ = /* @__PURE__ */ ((r) => (r.TOP = "top", r.BOTTOM = "bottom", r.RIGHT = "right", r.LEFT = "left", r))(_ || {}), e = /* @__PURE__ */ ((r) => (r.NA = "N/A", r.HIDDEN = "Hidden", r.DISPLAY_AS_ZERO = "Display as Zero", r.DISPLAY_AS_ZERO_WITH_CURRENCY = "Display as Zero with Currency", r.DISPLAY_AS_ZERO_WITH_CURRENCY_NO_DECIMAL = "Display as Zero with Currency (No Decimal)", r.CUSTOM = "Custom", r))(e || {});
 export {
-  H as EInvalidAmountDisplayOption,
-  e as EToolTipPosition
+  e as EInvalidAmountDisplayOption,
+  _ as EToolTipPosition
 };

package/dist/hooks/useBookingManagement/useBookingManagement.test.js

@@ -124,7 +124,6 @@ s("useBookingManagement", () => {
           taxAmount: e.any(Number),
           extrasAmount: e.any(Number),
           baseAmount: e.any(Number),
-          feeAmount: e.any(Number),
           totalAmount: e.any(Number),
           currency: e.any(String),
           status: e.any(String),

package/dist/lib/components/CashValue/CashValue.stories.d.ts

@@ -32,5 +32,7 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const InvalidAmount: Story;
 export declare const ZeroAmount: Story;
+export declare const ZeroCurrencyAmount: Story;
+export declare const ZeroCurrencyNoDecimalAmount: Story;
 export declare const NegativeAmount: Story;
 export declare const CustomZeroAmount: Story;

package/dist/lib/components/CashValue/CashValueTypes.d.ts

@@ -25,5 +25,7 @@ export declare enum EInvalidAmountDisplayOption {
     NA = "N/A",
     HIDDEN = "Hidden",
     DISPLAY_AS_ZERO = "Display as Zero",
+    DISPLAY_AS_ZERO_WITH_CURRENCY = "Display as Zero with Currency",
+    DISPLAY_AS_ZERO_WITH_CURRENCY_NO_DECIMAL = "Display as Zero with Currency (No Decimal)",
     CUSTOM = "Custom"
 }

package/dist/lib/services/bookings/BookingService.d.ts

@@ -1,6 +1,6 @@
 import { IFlightBookingDetails, IHotelBookingDetails } from './BookingService.types';
 declare class _BookingService {
-    getHotelBooking: (bookindId: string) => Promise<IHotelBookingDetails>;
+    getHotelBooking: (bookingId: string) => Promise<IHotelBookingDetails>;
     getFlightBooking: (bookingId: string) => Promise<IFlightBookingDetails>;
     initiateCancelFlightBooking: (bookingId: string) => Promise<any>;
     confirmCancelFlightBooking: (bookingId: string) => Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odynn/awayz-core",
-  "version": "0.3.20",
+  "version": "0.3.22",
   "type": "module",
   "files": [
     "dist"