@aaravpos/appointment-barber-booking 2.0.9 → 3.0.2

package/dist/index.js

@@ -1,8 +1,8 @@
 import j, { Component as gl, PureComponent as Nl, createContext as Cl, createElement as Dn, forwardRef as qo, useCallback as Ue, useContext as Sl, useEffect as de, useMemo as ge, useRef as De, useState as Z } from "react";
-import { Provider as Pl, useDispatch as ze, useSelector as X } from "react-redux";
+import { Provider as Pl, useDispatch as ze, useSelector as J } from "react-redux";
 import { applyMiddleware as wl, combineReducers as Ko, compose as fr, createStore as _l, isAction as jr, isPlainObject as Yo } from "redux";
 import { FLUSH as Ol, PAUSE as El, PERSIST as Il, PURGE as Tl, REGISTER as Al, REHYDRATE as xl, persistReducer as Ml, persistStore as kl } from "redux-persist";
-import { Fragment as $e, jsx as u, jsxs as N } from "react/jsx-runtime";
+import { Fragment as $e, jsx as u, jsxs as g } from "react/jsx-runtime";
 import { DateTime as ve } from "luxon";
 import { ToastContainer as Dl, toast as re } from "react-toastify";
 import { Controller as dt, useForm as ha } from "react-hook-form";
@@ -793,32 +793,32 @@ function $a(e, ...t) {
     const c = {
       ...r,
       ...d
-    }, { memoize: f, memoizeOptions: h = [], argsMemoize: m = Yr, argsMemoizeOptions: p = [] } = c, v = pi(h), y = pi(p), $ = hc(a), S = f(function() {
+    }, { memoize: f, memoizeOptions: h = [], argsMemoize: m = Yr, argsMemoizeOptions: p = [] } = c, v = pi(h), b = pi(p), $ = hc(a), y = f(function() {
       return i++, l.apply(null, arguments);
     }, ...v);
-    let b = !0;
+    let S = !0;
     const P = m(function() {
       o++;
-      const g = mi($, arguments);
-      if (s = S.apply(null, g), process.env.NODE_ENV !== "production") {
-        const { devModeChecks: T = {} } = c, { identityFunctionCheck: D, inputStabilityCheck: H } = vc(b, T);
-        if (D.shouldRun && D.run(l, g, s), H.shouldRun) {
-          const J = mi($, arguments);
+      const N = mi($, arguments);
+      if (s = y.apply(null, N), process.env.NODE_ENV !== "production") {
+        const { devModeChecks: T = {} } = c, { identityFunctionCheck: D, inputStabilityCheck: H } = vc(S, T);
+        if (D.shouldRun && D.run(l, N, s), H.shouldRun) {
+          const X = mi($, arguments);
           H.run({
-            inputSelectorResults: g,
-            inputSelectorResultsCopy: J
+            inputSelectorResults: N,
+            inputSelectorResultsCopy: X
           }, {
             memoize: f,
             memoizeOptions: v
           }, arguments);
         }
-        b && (b = !1);
+        S && (S = !1);
       }
       return s;
-    }, ...y);
+    }, ...b);
     return Object.assign(P, {
       resultFunc: l,
-      memoizedResultFunc: S,
+      memoizedResultFunc: y,
       dependencies: $,
       dependencyRecomputations: () => o,
       resetDependencyRecomputations: () => {
@@ -1100,19 +1100,19 @@ function gs(e = {}) {
       if (!jr(m)) return h(m);
       const p = h(m), v = ms(o, "SerializableStateInvariantMiddleware");
       return !d && !(n.length && n.indexOf(m.type) !== -1) && v.measureTime(() => {
-        const y = Nr(m, "", t, r, a, c);
-        if (y) {
-          const { keyPath: $, value: S } = y;
-          console.error(`A non-serializable value was detected in an action, in the path: \`${$}\`. Value:`, S, `
+        const b = Nr(m, "", t, r, a, c);
+        if (b) {
+          const { keyPath: $, value: y } = b;
+          console.error(`A non-serializable value was detected in an action, in the path: \`${$}\`. Value:`, y, `
 Take a look at the logic that dispatched this action: `, m, `
 (See https://redux.js.org/faq/actions#why-should-type-be-a-string-or-at-least-serializable-why-should-my-action-types-be-constants)`, `
 (To allow non-serializable values see: https://redux-toolkit.js.org/usage/usage-guide#working-with-non-serializable-data)`);
         }
       }), s || (v.measureTime(() => {
-        const y = Nr(f.getState(), "", t, r, i, c);
-        if (y) {
-          const { keyPath: $, value: S } = y;
-          console.error(`A non-serializable value was detected in the state, in the path: \`${$}\`. Value:`, S, `
+        const b = Nr(f.getState(), "", t, r, i, c);
+        if (b) {
+          const { keyPath: $, value: y } = b;
+          console.error(`A non-serializable value was detected in the state, in the path: \`${$}\`. Value:`, y, `
 Take a look at the reducer(s) handling this action type: ${m.type}.
 (See https://redux.js.org/faq/organizing-state#can-i-put-functions-promises-or-other-non-serializable-items-in-my-store-state)`);
         }
@@ -1186,9 +1186,9 @@ function Cs(e) {
   if (process.env.NODE_ENV !== "production" && l.some((v) => typeof v != "function")) throw new Error(process.env.NODE_ENV === "production" ? Y(4) : "each middleware provided to configureStore must be a function");
   if (process.env.NODE_ENV !== "production" && i) {
     let v = /* @__PURE__ */ new Set();
-    l.forEach((y) => {
-      if (v.has(y)) throw new Error(process.env.NODE_ENV === "production" ? Y(42) : "Duplicate middleware references found when creating the store. Ensure that each middleware is only included once.");
-      v.add(y);
+    l.forEach((b) => {
+      if (v.has(b)) throw new Error(process.env.NODE_ENV === "production" ? Y(42) : "Duplicate middleware references found when creating the store. Ensure that each middleware is only included once.");
+      v.add(b);
     });
   }
   let c = fr;
@@ -1381,13 +1381,13 @@ var jc = "ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW", Gt
     function s(d, { signal: l } = {}) {
       return (c, f, h) => {
         const m = n?.idGenerator ? n.idGenerator(d) : Gt(), p = new AbortController();
-        let v, y;
-        function $(b) {
-          y = b, p.abort();
+        let v, b;
+        function $(S) {
+          b = S, p.abort();
         }
         l && (l.aborted ? $($i) : l.addEventListener("abort", () => $($i), { once: !0 }));
-        const S = (async function() {
-          let b;
+        const y = (async function() {
+          let S;
           try {
             let P = n?.condition?.(d, {
               getState: f,
@@ -1397,11 +1397,11 @@ var jc = "ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW", Gt
               name: "ConditionError",
               message: "Aborted due to condition callback returning false."
             };
-            const _ = new Promise((g, T) => {
+            const O = new Promise((N, T) => {
               v = () => {
                 T({
                   name: "AbortError",
-                  message: y || "Aborted"
+                  message: b || "Aborted"
                 });
               }, p.signal.addEventListener("abort", v, { once: !0 });
             });
@@ -1411,32 +1411,32 @@ var jc = "ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW", Gt
             }, {
               getState: f,
               extra: h
-            }))), b = await Promise.race([_, Promise.resolve(r(d, {
+            }))), S = await Promise.race([O, Promise.resolve(r(d, {
               dispatch: c,
               getState: f,
               extra: h,
               requestId: m,
               signal: p.signal,
               abort: $,
-              rejectWithValue: (g, T) => new Cn(g, T),
-              fulfillWithValue: (g, T) => new bi(g, T)
-            })).then((g) => {
-              if (g instanceof Cn) throw g;
-              return g instanceof bi ? a(g.payload, m, d, g.meta) : a(g, m, d);
+              rejectWithValue: (N, T) => new Cn(N, T),
+              fulfillWithValue: (N, T) => new bi(N, T)
+            })).then((N) => {
+              if (N instanceof Cn) throw N;
+              return N instanceof bi ? a(N.payload, m, d, N.meta) : a(N, m, d);
             })]);
           } catch (P) {
-            b = P instanceof Cn ? o(null, m, d, P.payload, P.meta) : o(P, m, d);
+            S = P instanceof Cn ? o(null, m, d, P.payload, P.meta) : o(P, m, d);
           } finally {
             v && p.signal.removeEventListener("abort", v);
           }
-          return n && !n.dispatchConditionRejection && o.match(b) && b.meta.condition || c(b), b;
+          return n && !n.dispatchConditionRejection && o.match(S) && S.meta.condition || c(S), S;
         })();
-        return Object.assign(S, {
+        return Object.assign(y, {
           abort: $,
           requestId: m,
           arg: d,
           unwrap() {
-            return S.then(As);
+            return y.then(As);
           }
         });
       };
@@ -1475,99 +1475,99 @@ function ks({ creators: e } = {}) {
       actionCreators: {},
       sliceMatchers: []
     }, l = {
-      addCase(b, P) {
-        const _ = typeof b == "string" ? b : b.type;
-        if (!_) throw new Error(process.env.NODE_ENV === "production" ? Y(12) : "`context.addCase` cannot be called with an empty action type");
-        if (_ in d.sliceCaseReducersByType) throw new Error(process.env.NODE_ENV === "production" ? Y(13) : "`context.addCase` cannot be called with two reducers for the same action type: " + _);
-        return d.sliceCaseReducersByType[_] = P, l;
+      addCase(S, P) {
+        const O = typeof S == "string" ? S : S.type;
+        if (!O) throw new Error(process.env.NODE_ENV === "production" ? Y(12) : "`context.addCase` cannot be called with an empty action type");
+        if (O in d.sliceCaseReducersByType) throw new Error(process.env.NODE_ENV === "production" ? Y(13) : "`context.addCase` cannot be called with two reducers for the same action type: " + O);
+        return d.sliceCaseReducersByType[O] = P, l;
       },
-      addMatcher(b, P) {
+      addMatcher(S, P) {
         return d.sliceMatchers.push({
-          matcher: b,
+          matcher: S,
           reducer: P
         }), l;
       },
-      exposeAction(b, P) {
-        return d.actionCreators[b] = P, l;
+      exposeAction(S, P) {
+        return d.actionCreators[S] = P, l;
       },
-      exposeCaseReducer(b, P) {
-        return d.sliceCaseReducersByName[b] = P, l;
+      exposeCaseReducer(S, P) {
+        return d.sliceCaseReducersByName[S] = P, l;
       }
     };
-    s.forEach((b) => {
-      const P = o[b], _ = {
-        reducerName: b,
-        type: Vc(a, b),
+    s.forEach((S) => {
+      const P = o[S], O = {
+        reducerName: S,
+        type: Vc(a, S),
         createNotation: typeof n.reducers == "function"
       };
-      Hc(P) ? Kc(_, P, l, t) : Wc(_, P, l);
+      Hc(P) ? Kc(O, P, l, t) : Wc(O, P, l);
     });
     function c() {
       if (process.env.NODE_ENV !== "production" && typeof n.extraReducers == "object")
         throw new Error(process.env.NODE_ENV === "production" ? Y(14) : "The object notation for `createSlice.extraReducers` has been removed. Please use the 'builder callback' notation instead: https://redux-toolkit.js.org/api/createSlice");
-      const [b = {}, P = [], _ = void 0] = typeof n.extraReducers == "function" ? Ss(n.extraReducers) : [n.extraReducers], g = {
-        ...b,
+      const [S = {}, P = [], O = void 0] = typeof n.extraReducers == "function" ? Ss(n.extraReducers) : [n.extraReducers], N = {
+        ...S,
         ...d.sliceCaseReducersByType
       };
       return Ps(n.initialState, (T) => {
-        for (let D in g) T.addCase(D, g[D]);
+        for (let D in N) T.addCase(D, N[D]);
         for (let D of d.sliceMatchers) T.addMatcher(D.matcher, D.reducer);
         for (let D of P) T.addMatcher(D.matcher, D.reducer);
-        _ && T.addDefaultCase(_);
+        O && T.addDefaultCase(O);
       });
     }
-    const f = (b) => b, h = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new WeakMap();
+    const f = (S) => S, h = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new WeakMap();
     let p;
-    function v(b, P) {
-      return p || (p = c()), p(b, P);
+    function v(S, P) {
+      return p || (p = c()), p(S, P);
     }
-    function y() {
+    function b() {
       return p || (p = c()), p.getInitialState();
     }
-    function $(b, P = !1) {
-      function _(T) {
-        let D = T[b];
+    function $(S, P = !1) {
+      function O(T) {
+        let D = T[S];
         if (typeof D > "u") {
-          if (P) D = Qe(m, _, y);
+          if (P) D = Qe(m, O, b);
           else if (process.env.NODE_ENV !== "production") throw new Error(process.env.NODE_ENV === "production" ? Y(15) : "selectSlice returned undefined for an uninjected slice reducer");
         }
         return D;
       }
-      function g(T = f) {
+      function N(T = f) {
         return Qe(Qe(h, P, () => /* @__PURE__ */ new WeakMap()), T, () => {
           const D = {};
-          for (const [H, J] of Object.entries(n.selectors ?? {})) D[H] = Gc(J, T, () => Qe(m, T, y), P);
+          for (const [H, X] of Object.entries(n.selectors ?? {})) D[H] = Gc(X, T, () => Qe(m, T, b), P);
           return D;
         });
       }
       return {
-        reducerPath: b,
-        getSelectors: g,
+        reducerPath: S,
+        getSelectors: N,
         get selectors() {
-          return g(_);
+          return N(O);
         },
-        selectSlice: _
+        selectSlice: O
       };
     }
-    const S = {
+    const y = {
       name: a,
       reducer: v,
       actions: d.actionCreators,
       caseReducers: d.sliceCaseReducersByName,
-      getInitialState: y,
+      getInitialState: b,
       ...$(i),
-      injectInto(b, { reducerPath: P, ..._ } = {}) {
-        const g = P ?? i;
-        return b.inject({
-          reducerPath: g,
+      injectInto(S, { reducerPath: P, ...O } = {}) {
+        const N = P ?? i;
+        return S.inject({
+          reducerPath: N,
           reducer: v
-        }, _), {
-          ...S,
-          ...$(g, !0)
+        }, O), {
+          ...y,
+          ...$(N, !0)
         };
       }
     };
-    return S;
+    return y;
   };
 }
 function Gc(e, t, r, n) {
@@ -1712,20 +1712,20 @@ function Ds(e, t, r) {
 }
 function Rs(e) {
   function t(p, v) {
-    const y = lt(p, e);
-    y in v.entities || (v.ids.push(y), v.entities[y] = p);
+    const b = lt(p, e);
+    b in v.entities || (v.ids.push(b), v.entities[b] = p);
   }
   function r(p, v) {
     p = Ke(p);
-    for (const y of p) t(y, v);
+    for (const b of p) t(b, v);
   }
   function n(p, v) {
-    const y = lt(p, e);
-    y in v.entities || v.ids.push(y), v.entities[y] = p;
+    const b = lt(p, e);
+    b in v.entities || v.ids.push(b), v.entities[b] = p;
   }
   function a(p, v) {
     p = Ke(p);
-    for (const y of p) n(y, v);
+    for (const b of p) n(b, v);
   }
   function i(p, v) {
     p = Ke(p), v.ids = [], v.entities = {}, r(p, v);
@@ -1734,10 +1734,10 @@ function Rs(e) {
     return s([p], v);
   }
   function s(p, v) {
-    let y = !1;
+    let b = !1;
     p.forEach(($) => {
-      $ in v.entities && (delete v.entities[$], y = !0);
-    }), y && (v.ids = v.ids.filter(($) => $ in v.entities));
+      $ in v.entities && (delete v.entities[$], b = !0);
+    }), b && (v.ids = v.ids.filter(($) => $ in v.entities));
   }
   function d(p) {
     Object.assign(p, {
@@ -1745,33 +1745,33 @@ function Rs(e) {
       entities: {}
     });
   }
-  function l(p, v, y) {
-    const $ = y.entities[v.id];
+  function l(p, v, b) {
+    const $ = b.entities[v.id];
     if ($ === void 0) return !1;
-    const S = Object.assign({}, $, v.changes), b = lt(S, e), P = b !== v.id;
-    return P && (p[v.id] = b, delete y.entities[v.id]), y.entities[b] = S, P;
+    const y = Object.assign({}, $, v.changes), S = lt(y, e), P = S !== v.id;
+    return P && (p[v.id] = S, delete b.entities[v.id]), b.entities[S] = y, P;
   }
   function c(p, v) {
     return f([p], v);
   }
   function f(p, v) {
-    const y = {}, $ = {};
-    p.forEach((S) => {
-      S.id in v.entities && ($[S.id] = {
-        id: S.id,
+    const b = {}, $ = {};
+    p.forEach((y) => {
+      y.id in v.entities && ($[y.id] = {
+        id: y.id,
         changes: {
-          ...$[S.id]?.changes,
-          ...S.changes
+          ...$[y.id]?.changes,
+          ...y.changes
         }
       });
-    }), p = Object.values($), p.length > 0 && p.filter((S) => l(y, S, v)).length > 0 && (v.ids = Object.values(v.entities).map((S) => lt(S, e)));
+    }), p = Object.values($), p.length > 0 && p.filter((y) => l(b, y, v)).length > 0 && (v.ids = Object.values(v.entities).map((y) => lt(y, e)));
   }
   function h(p, v) {
     return m([p], v);
   }
   function m(p, v) {
-    const [y, $] = Ds(p, e, v);
-    r(y, v), f($, v);
+    const [b, $] = Ds(p, e, v);
+    r(b, v), f($, v);
   }
   return {
     removeAll: Qc(d),
@@ -1803,69 +1803,69 @@ function tu(e, t, r) {
 }
 function ru(e, t) {
   const { removeOne: r, removeMany: n, removeAll: a } = Rs(e);
-  function i(y, $) {
-    return o([y], $);
-  }
-  function o(y, $, S) {
-    y = Ke(y);
-    const b = new Set(S ?? sr($.ids)), P = /* @__PURE__ */ new Set(), _ = y.filter((g) => {
-      const T = lt(g, e), D = !P.has(T);
-      return D && P.add(T), !b.has(T) && D;
+  function i(b, $) {
+    return o([b], $);
+  }
+  function o(b, $, y) {
+    b = Ke(b);
+    const S = new Set(y ?? sr($.ids)), P = /* @__PURE__ */ new Set(), O = b.filter((N) => {
+      const T = lt(N, e), D = !P.has(T);
+      return D && P.add(T), !S.has(T) && D;
     });
-    _.length !== 0 && v($, _);
+    O.length !== 0 && v($, O);
   }
-  function s(y, $) {
-    return d([y], $);
+  function s(b, $) {
+    return d([b], $);
   }
-  function d(y, $) {
-    let S = {};
-    if (y = Ke(y), y.length !== 0) {
-      for (const b of y) {
-        const P = e(b);
-        S[P] = b, delete $.entities[P];
+  function d(b, $) {
+    let y = {};
+    if (b = Ke(b), b.length !== 0) {
+      for (const S of b) {
+        const P = e(S);
+        y[P] = S, delete $.entities[P];
       }
-      y = Ke(S), v($, y);
+      b = Ke(y), v($, b);
     }
   }
-  function l(y, $) {
-    y = Ke(y), $.entities = {}, $.ids = [], o(y, $, []);
-  }
-  function c(y, $) {
-    return f([y], $);
-  }
-  function f(y, $) {
-    let S = !1, b = !1;
-    for (let P of y) {
-      const _ = $.entities[P.id];
-      if (!_) continue;
-      S = !0, Object.assign(_, P.changes);
-      const g = e(_);
-      if (P.id !== g) {
-        b = !0, delete $.entities[P.id];
+  function l(b, $) {
+    b = Ke(b), $.entities = {}, $.ids = [], o(b, $, []);
+  }
+  function c(b, $) {
+    return f([b], $);
+  }
+  function f(b, $) {
+    let y = !1, S = !1;
+    for (let P of b) {
+      const O = $.entities[P.id];
+      if (!O) continue;
+      y = !0, Object.assign(O, P.changes);
+      const N = e(O);
+      if (P.id !== N) {
+        S = !0, delete $.entities[P.id];
         const T = $.ids.indexOf(P.id);
-        $.ids[T] = g, $.entities[g] = _;
+        $.ids[T] = N, $.entities[N] = O;
       }
     }
-    S && v($, [], S, b);
+    y && v($, [], y, S);
   }
-  function h(y, $) {
-    return m([y], $);
+  function h(b, $) {
+    return m([b], $);
   }
-  function m(y, $) {
-    const [S, b, P] = Ds(y, e, $);
-    S.length && o(S, $, P), b.length && f(b, $);
+  function m(b, $) {
+    const [y, S, P] = Ds(b, e, $);
+    y.length && o(y, $, P), S.length && f(S, $);
   }
-  function p(y, $) {
-    if (y.length !== $.length) return !1;
-    for (let S = 0; S < y.length; S++)
-      if (y[S] !== $[S])
+  function p(b, $) {
+    if (b.length !== $.length) return !1;
+    for (let y = 0; y < b.length; y++)
+      if (b[y] !== $[y])
         return !1;
     return !0;
   }
-  const v = (y, $, S, b) => {
-    const P = sr(y.entities), _ = sr(y.ids), g = y.entities;
-    let T = _;
-    b && (T = new Set(_));
+  const v = (b, $, y, S) => {
+    const P = sr(b.entities), O = sr(b.ids), N = b.entities;
+    let T = O;
+    S && (T = new Set(O));
     let D = [];
     for (const ae of T) {
       const ce = P[ae];
@@ -1873,10 +1873,10 @@ function ru(e, t) {
     }
     const H = D.length === 0;
     for (const ae of $)
-      g[e(ae)] = ae, H || tu(D, ae, t);
-    H ? D = $.slice().sort(t) : S && D.sort(t);
-    const J = D.map(e);
-    p(_, J) || (y.ids = J);
+      N[e(ae)] = ae, H || tu(D, ae, t);
+    H ? D = $.slice().sort(t) : y && D.sort(t);
+    const X = D.map(e);
+    p(O, X) || (b.ids = X);
   };
   return {
     removeOne: r,
@@ -2063,25 +2063,25 @@ var du = async (e, t) => {
     return p && (p.unsubscribe(), m.cancelActive && Yn(p)), !!p;
   };
   ut(l, { withTypes: () => l });
-  const c = async (m, p, v, y) => {
-    const $ = new AbortController(), S = cu(d, $.signal), b = [];
+  const c = async (m, p, v, b) => {
+    const $ = new AbortController(), y = cu(d, $.signal), S = [];
     try {
       m.pending.add($), n(m), await Promise.resolve(m.effect(p, ut({}, v, {
-        getOriginalState: y,
-        condition: (P, _) => S(P, _).then(Boolean),
-        take: S,
+        getOriginalState: b,
+        condition: (P, O) => y(P, O).then(Boolean),
+        take: y,
         delay: Vs($.signal),
         pause: wr($.signal),
         extra: i,
         signal: $.signal,
-        fork: lu($.signal, b),
+        fork: lu($.signal, S),
         unsubscribe: m.unsubscribe,
         subscribe: () => {
           t.set(m.id, m);
         },
         cancelActiveListeners: () => {
-          m.pending.forEach((P, _, g) => {
-            P !== $ && (P.abort(Kn), g.delete(P));
+          m.pending.forEach((P, O, N) => {
+            P !== $ && (P.abort(Kn), N.delete(P));
           });
         },
         cancel: () => {
@@ -2094,7 +2094,7 @@ var du = async (e, t) => {
     } catch (P) {
       P instanceof zt || Ci(o, P, { raisedBy: "effect" });
     } finally {
-      await Promise.all(b), $.abort(su), a(m), m.pending.delete($);
+      await Promise.all(S), $.abort(su), a(m), m.pending.delete($);
     }
   }, f = uu(t, r);
   return {
@@ -2106,29 +2106,29 @@ var du = async (e, t) => {
         return;
       }
       if (_a.match(v)) return l(v.payload);
-      let y = m.getState();
+      let b = m.getState();
       const $ = () => {
-        if (y === gi) throw new Error(process.env.NODE_ENV === "production" ? Y(23) : `${Wt}: getOriginalState can only be called synchronously`);
-        return y;
+        if (b === gi) throw new Error(process.env.NODE_ENV === "production" ? Y(23) : `${Wt}: getOriginalState can only be called synchronously`);
+        return b;
       };
-      let S;
+      let y;
       try {
-        if (S = p(v), t.size > 0) {
-          const b = m.getState(), P = Array.from(t.values());
-          for (const _ of P) {
-            let g = !1;
+        if (y = p(v), t.size > 0) {
+          const S = m.getState(), P = Array.from(t.values());
+          for (const O of P) {
+            let N = !1;
             try {
-              g = _.predicate(v, b, y);
+              N = O.predicate(v, S, b);
             } catch (T) {
-              g = !1, Ci(o, T, { raisedBy: "predicate" });
+              N = !1, Ci(o, T, { raisedBy: "predicate" });
             }
-            g && c(_, v, m, $);
+            N && c(O, v, m, $);
           }
         }
       } finally {
-        y = gi;
+        b = gi;
       }
-      return S;
+      return y;
     },
     startListening: d,
     stopListening: l,
@@ -2655,7 +2655,7 @@ var cf = (e) => {
     className: td("lucide", m, a),
     ...!i && !pf(s) && { "aria-hidden": "true" },
     ...s
-  }, [...o.map(([v, y]) => Dn(v, y)), ...Array.isArray(i) ? i : [i]]);
+  }, [...o.map(([v, b]) => Dn(v, b)), ...Array.isArray(i) ? i : [i]]);
 }), te = (e, t) => {
   const r = qo(({ className: n, ...a }, i) => Dn(vf, {
     ref: i,
@@ -3012,7 +3012,7 @@ var cf = (e) => {
   EUR: Tf,
   GBP: zf
 }, Se = ({ size: e = 20 }) => {
-  const t = X((r) => r.barber.outletDetails?.currency);
+  const t = J((r) => r.barber.outletDetails?.currency);
   return /* @__PURE__ */ u(t ? o1[t] : ad, { size: e });
 }, tn = (e = "") => {
   const t = e.trim().split(" ").filter(Boolean);
@@ -3022,7 +3022,7 @@ var cf = (e) => {
   return !e.taxRows || !e.taxRows.length ? 0 : e.taxRows.reduce((a, i) => i.isActive ? i.taxType === "FIXED" ? a + (i.taxRate || 0) * n : i.taxType === "PERCENTAGE" ? a + r * n * (i.taxRate || 0) / 100 : a : a, 0);
 };
 function d1() {
-  const e = ze(), { staff: t, selectedProfessional: r } = X((o) => o.barber.service), n = !t || t.length === 0, a = (o) => {
+  const e = ze(), { staff: t, selectedProfessional: r } = J((o) => o.barber.service), n = !t || t.length === 0, a = (o) => {
     if (!o?.futureLeaveDates?.length) return {
       isOnLeave: !1,
       availableFrom: null
@@ -3046,7 +3046,7 @@ function d1() {
   }, i = (o) => {
     e(Ru(o)), e(_r(null)), e(Be());
   };
-  return /* @__PURE__ */ N("div", {
+  return /* @__PURE__ */ g("div", {
     className: "aaravpos-barber-main-content",
     children: [n && /* @__PURE__ */ u("p", {
       className: "aaravpos-barber-no-staff",
@@ -3057,11 +3057,11 @@ function d1() {
         className: "aaravpos-barber-professional-grid",
         children: t?.map((o, s) => {
           const { isOnLeave: d, availableFrom: l } = a(o);
-          return /* @__PURE__ */ N("div", {
+          return /* @__PURE__ */ g("div", {
             className: `aaravpos-barber-professional-card ${r?.id === o.id ? "active" : ""}`,
             onClick: () => i(o),
             children: [
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-professional-image-wrapper",
                 children: [
                   o.imageUrl ? /* @__PURE__ */ u("img", {
@@ -3077,7 +3077,7 @@ function d1() {
                     className: "aaravpos-barber-professional-rating",
                     children: "★ 4.9"
                   }),
-                  /* @__PURE__ */ N("div", {
+                  /* @__PURE__ */ g("div", {
                     className: "aaravpos-barber-professional-overlay",
                     children: [/* @__PURE__ */ u("h3", {
                       className: "aaravpos-barber-professional-name",
@@ -3089,9 +3089,9 @@ function d1() {
                   })
                 ]
               }),
-              d && l && /* @__PURE__ */ N("div", {
+              d && l && /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-available-badge",
-                children: [/* @__PURE__ */ u("span", { className: "aaravpos-barber-available-dot" }), /* @__PURE__ */ N("p", {
+                children: [/* @__PURE__ */ u("span", { className: "aaravpos-barber-available-dot" }), /* @__PURE__ */ g("p", {
                   className: "aaravpos-barber-available-text",
                   children: ["Available from ", l]
                 })]
@@ -3146,10 +3146,10 @@ var it = [
   confirm: 2
 };
 function Ta() {
-  const e = ze(), { width: t } = l1(), { currentStep: r, completedSteps: n } = X((m) => m.barber.breadcrumbs), a = it.findIndex((m) => m.page === r), { selectedServices: i } = X((m) => m.barber.service), { isOpenSidebar: o } = X((m) => m.barber.theme), s = () => {
+  const e = ze(), { width: t } = l1(), { currentStep: r, completedSteps: n } = J((m) => m.barber.breadcrumbs), a = it.findIndex((m) => m.page === r), { selectedServices: i } = J((m) => m.barber.service), { isOpenSidebar: o } = J((m) => m.barber.theme), s = () => {
     Ea.purge(), e({ type: "RESET_ALL" });
   }, d = (m) => {
-    const p = it.findIndex((y) => y.page === r), v = it.findIndex((y) => y.page === m);
+    const p = it.findIndex((b) => b.page === r), v = it.findIndex((b) => b.page === m);
     v < p && (e(Eu(m)), v <= ki.time && e(Hu()), v <= ki.confirm && e(Js())), e(Ou(m));
   }, l = () => {
     if (a === 0) {
@@ -3159,7 +3159,7 @@ function Ta() {
     const m = it[a - 1];
     m && d(m.page);
   }, c = it[a], f = t < 991, h = i?.reduce((m, p) => m + p.qty, 0);
-  return /* @__PURE__ */ u($e, { children: f ? /* @__PURE__ */ N("div", {
+  return /* @__PURE__ */ u($e, { children: f ? /* @__PURE__ */ g("div", {
     className: "aaravpos-barber-mobile-stepper",
     children: [/* @__PURE__ */ u("button", {
       onClick: l,
@@ -3169,7 +3169,7 @@ function Ta() {
       className: "aaravpos-barber-mobile-step-label",
       children: c?.label
     })]
-  }) : /* @__PURE__ */ N("div", {
+  }) : /* @__PURE__ */ g("div", {
     className: "aaravpos-barber-desktop-stepper",
     children: [
       /* @__PURE__ */ u("button", {
@@ -3181,7 +3181,7 @@ function Ta() {
         className: "aaravpos-barber-step-nav",
         children: it.map((m) => {
           const p = r === m.page, v = n?.includes(m.page) || r === m.page;
-          return /* @__PURE__ */ N("button", {
+          return /* @__PURE__ */ g("button", {
             onClick: () => {
               v && d(m.page);
             },
@@ -3196,7 +3196,7 @@ function Ta() {
           }, m.page);
         })
       }),
-      !o && /* @__PURE__ */ N("button", {
+      !o && /* @__PURE__ */ g("button", {
         className: "aaravpos-barber-cart-btn",
         onClick: () => e(tt(!0)),
         children: [/* @__PURE__ */ u("span", {
@@ -3208,12 +3208,12 @@ function Ta() {
   }) });
 }
 function Aa({ children: e, sidebar: t, renderButton: r }) {
-  const { isOpenSidebar: n } = X((a) => a.barber.theme);
-  return /* @__PURE__ */ N("div", {
+  const { isOpenSidebar: n } = J((a) => a.barber.theme);
+  return /* @__PURE__ */ g("div", {
     className: "aaravpos-barber-main-layout",
-    children: [/* @__PURE__ */ N("div", {
+    children: [/* @__PURE__ */ g("div", {
       className: n ? "aaravpos-barber-layout-wrapper" : "",
-      children: [/* @__PURE__ */ N("main", {
+      children: [/* @__PURE__ */ g("main", {
         className: "aaravpos-barber-main-content",
         children: [e, r]
       }), /* @__PURE__ */ u("aside", {
@@ -3259,24 +3259,24 @@ var u1 = (e) => Number(e.price || e.min_price || 0), Qt = (e, { perUnit: t = !1
   "Dec"
 ];
 function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime: n = !1, showTip: a = !1, tipPct: i = 0, onTipChange: o, consentRequired: s = !1, consentCompleted: d = 0, totalConsents: l = 0, checkingConsent: c = !1, loading: f = !1, showFooterButton: h = !1, showBookingSection: m = !0 }) {
-  const p = ze(), { outletName: v, timeZone: y } = X((M) => M.barber.outletDetails), { selectedSlotIndexes: $, slots: S, selectedDate: b } = X((M) => M.barber.slots), { staff: P, selectedServices: _, selectedProfessional: g } = X((M) => M.barber.service), T = ve.now().setZone(y ?? "UTC"), [D, H] = Z(""), [J, ae] = Z(!1), ce = De(null), ue = De(null), [ye, Ce] = Z(0), me = [
+  const p = ze(), { outletName: v, timeZone: b } = J((M) => M.barber.outletDetails), { selectedSlotIndexes: $, slots: y, selectedDate: S } = J((M) => M.barber.slots), { staff: P, selectedServices: O, selectedProfessional: N } = J((M) => M.barber.service), T = ve.now().setZone(b ?? "UTC"), [D, H] = Z(""), [X, ae] = Z(!1), ce = De(null), ue = De(null), [ye, Ce] = Z(0), me = [
     0,
     5,
     10,
     15,
     20
   ], fe = ge(() => [
-    ...S?.morning || [],
-    ...S?.afternoon || [],
-    ...S?.evening || []
-  ], [S]), se = 15, Q = ge(() => {
-    if (!g?.id) return _.map((F) => ({
+    ...y?.morning || [],
+    ...y?.afternoon || [],
+    ...y?.evening || []
+  ], [y]), se = 15, Q = ge(() => {
+    if (!N?.id) return O.map((F) => ({
       ...F,
       tax: Qt(F),
       unitTax: Qt(F, { perUnit: !0 })
     }));
-    const M = P?.find((F) => F.id === g.id);
-    return M ? _.map((F) => {
+    const M = P?.find((F) => F.id === N.id);
+    return M ? O.map((F) => {
       const pe = M.assignments?.find((Nt) => Nt.id === F.id), He = {
         ...F,
         price: pe?.price || F.price || F.min_price || 0,
@@ -3289,14 +3289,14 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
       };
     }) : [];
   }, [
-    g,
+    N,
     P,
-    _
+    O
   ]), he = Q.reduce((M, F) => M + Number(F.price || F.min_price || 0) * (F.qty || 1), 0), x = Q.reduce((M, F) => M + Number(F.duration || F.min_time || F.estimated_time || 0) * (F.qty || 1), 0), C = Math.ceil(x / se), E = (M) => {
     if (!fe.length) return "";
     const F = fe[M]?.start_time, pe = fe[M + C - 1];
     return !F || !pe ? "" : `${F} - ${pe.end_time || pe.start_time}`;
-  }, k = b || {
+  }, k = S || {
     day: T.day,
     month: T.month,
     year: T.year
@@ -3308,7 +3308,7 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
     i,
     o
   ]);
-  const A = ge(() => f ? "Processing..." : c ? "Checking consents..." : s && d < l ? `Sign Consents (${d}/${l})` : /* @__PURE__ */ N($e, { children: [t || "Book Appointment", /* @__PURE__ */ u(Lf, {})] }), [
+  const A = ge(() => f ? "Processing..." : c ? "Checking consents..." : s && d < l ? `Sign Consents (${d}/${l})` : /* @__PURE__ */ g($e, { children: [t || "Book Appointment", /* @__PURE__ */ u(Lf, {})] }), [
     f,
     c,
     s,
@@ -3333,48 +3333,48 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
     a,
     d,
     l,
-    J
-  ]), /* @__PURE__ */ N("div", {
+    X
+  ]), /* @__PURE__ */ g("div", {
     className: "aaravpos-barber-order-sidebar",
     children: [
-      /* @__PURE__ */ N("div", {
+      /* @__PURE__ */ g("div", {
         ref: ce,
-        children: [/* @__PURE__ */ N("div", {
+        children: [/* @__PURE__ */ g("div", {
           className: "aaravpos-barber-order-header",
-          children: [/* @__PURE__ */ N("p", {
+          children: [/* @__PURE__ */ g("p", {
             className: "aaravpos-barber-order-title",
             children: ["Your Order", /* @__PURE__ */ u("button", {
               className: "aaravpos-barber-sidebar-close-btn",
               onClick: () => p(tt(!1)),
               children: /* @__PURE__ */ u(en, { size: 18 })
             })]
-          }), /* @__PURE__ */ N("p", {
+          }), /* @__PURE__ */ g("p", {
             className: "aaravpos-barber-order-subtitle",
             children: [v || "-", " Outlet"]
           })]
-        }), /* @__PURE__ */ N("div", {
+        }), /* @__PURE__ */ g("div", {
           className: "aaravpos-barber-order-header",
-          children: [g?.id && /* @__PURE__ */ N("div", {
+          children: [N?.id && /* @__PURE__ */ g("div", {
             className: "aaravpos-barber-pro-card aaravpos-barber-display-flex aaravpos-barber-tp-10",
-            children: [g.imageUrl ? /* @__PURE__ */ u("img", {
-              src: g.imageUrl,
-              alt: g.name,
+            children: [N.imageUrl ? /* @__PURE__ */ u("img", {
+              src: N.imageUrl,
+              alt: N.name,
               className: "aaravpos-barber-pro-image"
             }) : /* @__PURE__ */ u("div", {
               className: "aaravpos-barber-pro-avatar",
-              style: { background: g.color || "#111" },
-              children: tn(g.name)
-            }), /* @__PURE__ */ N("div", {
+              style: { background: N.color || "#111" },
+              children: tn(N.name)
+            }), /* @__PURE__ */ g("div", {
               className: "aaravpos-barber-pro-info",
               children: [/* @__PURE__ */ u("p", {
                 className: "aaravpos-barber-pro-name",
-                children: g.name
+                children: N.name
               }), /* @__PURE__ */ u("p", {
                 className: "aaravpos-barber-pro-type",
-                children: g.staff_type
+                children: N.staff_type
               })]
             })]
-          }), m && /* @__PURE__ */ N("div", {
+          }), m && /* @__PURE__ */ g("div", {
             className: "aaravpos-barber-date-time aaravpos-barber-tp-10",
             children: [/* @__PURE__ */ u("span", {
               className: "aaravpos-barber-date-time-label",
@@ -3392,7 +3392,7 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
       /* @__PURE__ */ u("ul", {
         className: "aaravpos-barber-order-list",
         style: { height: `${ye}px` },
-        children: Q?.length > 0 && Q.map((M) => /* @__PURE__ */ N("li", {
+        children: Q?.length > 0 && Q.map((M) => /* @__PURE__ */ g("li", {
           className: "aaravpos-barber-order-item",
           children: [/* @__PURE__ */ u("div", {
             className: "aaravpos-barber-main-text",
@@ -3400,18 +3400,18 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
               className: "aaravpos-barber-order-service-name",
               children: M.name
             })
-          }), /* @__PURE__ */ N("div", {
+          }), /* @__PURE__ */ g("div", {
             className: "aaravpos-barber-order-details",
             children: [
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-order-detail",
                 children: [/* @__PURE__ */ u(Uf, { size: 13 }), /* @__PURE__ */ u("span", { children: M.qty })]
               }),
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-order-detail center",
-                children: [/* @__PURE__ */ u(nd, { size: 13 }), /* @__PURE__ */ N("span", { children: [M.min_time || M.estimated_time, " min"] })]
+                children: [/* @__PURE__ */ u(nd, { size: 13 }), /* @__PURE__ */ g("span", { children: [M.min_time || M.estimated_time, " min"] })]
               }),
-              /* @__PURE__ */ N("p", {
+              /* @__PURE__ */ g("p", {
                 className: "aaravpos-barber-order-detail right",
                 children: [/* @__PURE__ */ u(Se, { size: 12 }), M.price || M.min_price]
               })
@@ -3419,32 +3419,32 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
           })]
         }, M.id))
       }),
-      /* @__PURE__ */ N("div", {
+      /* @__PURE__ */ g("div", {
         className: "third",
         ref: ue,
         children: [
-          h && e && /* @__PURE__ */ N($e, { children: [/* @__PURE__ */ u("div", { className: "aaravpos-barber-divider" }), /* @__PURE__ */ N("div", {
+          h && e && /* @__PURE__ */ g($e, { children: [/* @__PURE__ */ u("div", { className: "aaravpos-barber-divider" }), /* @__PURE__ */ g("div", {
             className: "aaravpos-barber-order-footer",
-            children: [/* @__PURE__ */ N("div", {
+            children: [/* @__PURE__ */ g("div", {
               className: "aaravpos-barber-order-subtotal",
               children: [/* @__PURE__ */ u("span", {
                 className: "aaravpos-barber-order-subtotal-label",
                 children: "Subtotal"
-              }), /* @__PURE__ */ N("span", {
+              }), /* @__PURE__ */ g("span", {
                 className: "aaravpos-barber-order-subtotal-price",
                 children: [/* @__PURE__ */ u(Se, { size: 16 }), he.toFixed(2)]
               })]
             }), /* @__PURE__ */ u("button", {
               onClick: () => e("professionals"),
-              disabled: !_.length,
+              disabled: !O.length,
               className: "aaravpos-barber-common-btn",
-              children: /* @__PURE__ */ N("span", {
+              children: /* @__PURE__ */ g("span", {
                 className: "aaravpos-barber-common-btn-content",
                 children: ["Choose Time", /* @__PURE__ */ u(Qr, { size: 16 })]
               })
             })]
           })] }),
-          a && /* @__PURE__ */ N($e, { children: [
+          a && /* @__PURE__ */ g($e, { children: [
             /* @__PURE__ */ u("p", {
               className: "aaravpos-barber-tip-title",
               children: "Add Tip"
@@ -3452,7 +3452,7 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
             /* @__PURE__ */ u("div", {
               className: "aaravpos-barber-tip-options",
               children: [...me, "custom"].map((M, F) => {
-                const pe = M === "custom", He = pe ? J : z === M, Nt = F === 0, Ht = F === [...me, "custom"].length - 1;
+                const pe = M === "custom", He = pe ? X : z === M, Nt = F === 0, Ht = F === [...me, "custom"].length - 1;
                 return /* @__PURE__ */ u("button", {
                   onClick: () => {
                     pe ? (ae(!0), o?.(Number(D) || 0)) : (ae(!1), H(""), o?.(Number(M)));
@@ -3464,7 +3464,7 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
                 }, M);
               })
             }),
-            J && /* @__PURE__ */ u("div", {
+            X && /* @__PURE__ */ u("div", {
               className: "aaravpos-barber-tip-input-wrapper",
               children: /* @__PURE__ */ u("input", {
                 id: "number",
@@ -3480,9 +3480,9 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
               })
             })
           ] }),
-          s && d < l && /* @__PURE__ */ N("div", {
+          s && d < l && /* @__PURE__ */ g("div", {
             className: "aaravpos-barber-consent-box",
-            children: [/* @__PURE__ */ N("p", {
+            children: [/* @__PURE__ */ g("p", {
               className: "aaravpos-barber-consent-text",
               children: [
                 "Consent Required: ",
@@ -3499,28 +3499,28 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
               })
             })]
           }),
-          m && /* @__PURE__ */ N("div", {
+          m && /* @__PURE__ */ g("div", {
             className: "aaravpos-barber-mt-auto",
             children: [
               /* @__PURE__ */ u(En, {
                 label: "Service",
-                value: /* @__PURE__ */ N($e, { children: [/* @__PURE__ */ u(Se, { size: 14 }), he.toFixed(2)] })
+                value: /* @__PURE__ */ g($e, { children: [/* @__PURE__ */ u(Se, { size: 14 }), he.toFixed(2)] })
               }),
               a && /* @__PURE__ */ u(En, {
                 label: `Tip (${z}%)`,
-                value: /* @__PURE__ */ N($e, { children: [/* @__PURE__ */ u(Se, { size: 14 }), W.toFixed(2)] })
+                value: /* @__PURE__ */ g($e, { children: [/* @__PURE__ */ u(Se, { size: 14 }), W.toFixed(2)] })
               }),
               (!n || R) && /* @__PURE__ */ u(En, {
                 label: "Taxes",
-                value: /* @__PURE__ */ N($e, { children: [/* @__PURE__ */ u(Se, { size: 14 }), G.toFixed(2)] })
+                value: /* @__PURE__ */ g($e, { children: [/* @__PURE__ */ u(Se, { size: 14 }), G.toFixed(2)] })
               }),
               /* @__PURE__ */ u("div", { className: "aaravpos-barber-divider" }),
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-order-subtotal",
                 children: [/* @__PURE__ */ u("span", {
                   className: "aaravpos-barber-order-subtotal-label",
                   children: "Total"
-                }), /* @__PURE__ */ N("span", {
+                }), /* @__PURE__ */ g("span", {
                   className: "aaravpos-barber-order-subtotal-price",
                   children: [/* @__PURE__ */ u(Se, { size: 16 }), K.toFixed(2)]
                 })]
@@ -3542,7 +3542,7 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
   });
 }
 function En({ label: e, value: t }) {
-  return /* @__PURE__ */ N("div", {
+  return /* @__PURE__ */ g("div", {
     className: "aaravpos-barber-summary-row",
     children: [/* @__PURE__ */ u("span", {
       className: "aaravpos-barber-summary-label",
@@ -3554,49 +3554,49 @@ function En({ label: e, value: t }) {
   });
 }
 function p1() {
-  const e = ze(), { isOpenSidebar: t } = X((b) => b.barber.theme), r = De(null), n = De(null), { superCategories: a, selectedServices: i, selectedProfessional: o, loading: s } = X((b) => b.barber.service), [d, l] = Z(null), [c, f] = Z(null), [h, m] = Z(""), p = a || [], v = ge(() => d ? c ? c?.services || [] : d?.categories?.flatMap((b) => b.services || []) || [] : [], [d, c]), y = ge(() => p?.flatMap((b) => b.categories?.flatMap((P) => P.services || [])) || [], [p]), $ = ge(() => {
-    const b = h.trim().toLowerCase();
-    return b ? y.filter((P) => P.name?.toLowerCase().includes(b) || P.description?.toLowerCase().includes(b)) : v;
+  const e = ze(), t = De(null), r = De(null), { superCategories: n, selectedServices: a, selectedProfessional: i, loading: o } = J((y) => y.barber.service), [s, d] = Z(null), [l, c] = Z(null), [f, h] = Z(""), m = n || [], p = ge(() => s ? l ? l?.services || [] : s?.categories?.flatMap((y) => y.services || []) || [] : [], [s, l]), v = ge(() => m?.flatMap((y) => y.categories?.flatMap((S) => S.services || [])) || [], [m]), b = ge(() => {
+    const y = f.trim().toLowerCase();
+    return y ? v.filter((S) => S.name?.toLowerCase().includes(y) || S.description?.toLowerCase().includes(y)) : p;
   }, [
-    h,
-    y,
-    v
-  ]), S = (b) => b.taxRows?.some((P) => P.isActive) || !1;
+    f,
+    v,
+    p
+  ]), $ = (y) => y.taxRows?.some((S) => S.isActive) || !1;
   return de(() => {
-    if (!p?.length) return;
-    const b = p.find((P) => P?.categories?.some((_) => _?.services?.length > 0));
-    b && !d && (l(b), f(null));
-  }, [p, d]), /* @__PURE__ */ N(Aa, {
+    if (!m?.length) return;
+    const y = m.find((S) => S?.categories?.some((P) => P?.services?.length > 0));
+    y && !s && (d(y), c(null));
+  }, [m, s]), /* @__PURE__ */ g(Aa, {
     sidebar: /* @__PURE__ */ u(xa, {
       goToStep: () => e(Be()),
       showFooterButton: !0,
       showBookingSection: !1
     }),
-    renderButton: i.length > 0 ? /* @__PURE__ */ u("button", {
+    renderButton: a.length > 0 ? /* @__PURE__ */ u("button", {
       onClick: () => e(Be()),
-      disabled: !i.length,
+      disabled: !a.length,
       className: "aaravpos-barber-btn",
-      children: /* @__PURE__ */ N("span", {
+      children: /* @__PURE__ */ g("span", {
         className: "aaravpos-barber-btn-content",
         children: ["Choose Time ", /* @__PURE__ */ u(Qr, { size: 16 })]
       })
     }) : null,
-    children: [/* @__PURE__ */ u(Ta, {}), /* @__PURE__ */ N("div", {
+    children: [/* @__PURE__ */ u(Ta, {}), /* @__PURE__ */ g("div", {
       className: "aaravpos-barber-margin-top-20",
       children: [
-        /* @__PURE__ */ N("div", {
+        /* @__PURE__ */ g("div", {
           className: "aaravpos-barber-navbar-form",
-          children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ u("h1", {
+          children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ u("h1", {
             className: "aaravpos-barber-page-title",
             children: "Choose a Service"
-          }), /* @__PURE__ */ N("p", {
+          }), /* @__PURE__ */ g("p", {
             className: "aaravpos-barber-sub-title",
             children: [
               "Select from ",
-              o?.name,
+              i?.name,
               "'s available services"
             ]
-          })] }), /* @__PURE__ */ N("div", {
+          })] }), /* @__PURE__ */ g("div", {
             className: "aaravpos-barber-search-wrapper",
             children: [
               /* @__PURE__ */ u("span", {
@@ -3608,14 +3608,14 @@ function p1() {
                 name: "search",
                 type: "text",
                 placeholder: "Search services...",
-                value: h,
-                onChange: (b) => m(b.target.value),
+                value: f,
+                onChange: (y) => h(y.target.value),
                 className: "aaravpos-barber-search-input"
               }),
               /* @__PURE__ */ u("div", {
                 className: "aaravpos-barber-search-actions",
-                children: h && /* @__PURE__ */ u("button", {
-                  onClick: () => m(""),
+                children: f && /* @__PURE__ */ u("button", {
+                  onClick: () => h(""),
                   className: "aaravpos-barber-search-clear",
                   children: /* @__PURE__ */ u(en, { size: 16 })
                 })
@@ -3624,117 +3624,117 @@ function p1() {
           })]
         }),
         /* @__PURE__ */ u("div", {
-          ref: r,
-          onWheel: (b) => {
-            r.current && (r.current.scrollLeft += b.deltaY);
+          ref: t,
+          onWheel: (y) => {
+            t.current && (t.current.scrollLeft += y.deltaY);
           },
           className: "aaravpos-barber-supercategory-wrapper",
-          children: p?.map((b) => /* @__PURE__ */ u("button", {
+          children: m?.map((y) => /* @__PURE__ */ u("button", {
             onClick: () => {
-              l(b), f(null);
+              d(y), c(null);
             },
-            className: `aaravpos-barber-supercategory-btn ${d?.id === b.id ? "active" : ""}`,
+            className: `aaravpos-barber-supercategory-btn ${s?.id === y.id ? "active" : ""}`,
             children: /* @__PURE__ */ u("h3", {
               className: "aaravpos-barber-supercategory-title",
-              children: b?.isStandAloneCategory ? "Standalone" : b.name
+              children: y?.isStandAloneCategory ? "Standalone" : y.name
             })
-          }, b.id))
+          }, y.id))
         }),
-        d?.categories?.some((b) => b?.services?.length > 0) && /* @__PURE__ */ N("div", {
-          ref: n,
-          onWheel: (b) => {
-            n.current && (n.current.scrollLeft += b.deltaY);
+        s?.categories?.some((y) => y?.services?.length > 0) && /* @__PURE__ */ g("div", {
+          ref: r,
+          onWheel: (y) => {
+            r.current && (r.current.scrollLeft += y.deltaY);
           },
           className: "aaravpos-barber-supercategory-wrapper",
-          children: [/* @__PURE__ */ N("button", {
-            onClick: () => f(null),
-            className: `aaravpos-barber-subcategory-btn ${c ? "" : "active"}`,
+          children: [/* @__PURE__ */ g("button", {
+            onClick: () => c(null),
+            className: `aaravpos-barber-subcategory-btn ${l ? "" : "active"}`,
             children: [
               "All Services (",
-              d?.categories?.reduce((b, P) => b + (P?.services?.length || 0), 0),
+              s?.categories?.reduce((y, S) => y + (S?.services?.length || 0), 0),
               ")"
             ]
-          }), d?.categories?.map((b) => /* @__PURE__ */ N("button", {
-            onClick: () => f(b),
-            className: `aaravpos-barber-subcategory-btn ${c?.id === b.id ? "active" : ""}`,
+          }), s?.categories?.map((y) => /* @__PURE__ */ g("button", {
+            onClick: () => c(y),
+            className: `aaravpos-barber-subcategory-btn ${l?.id === y.id ? "active" : ""}`,
             children: [
-              b.name,
+              y.name,
               " (",
-              b.services.length,
+              y.services.length,
               ")"
             ]
-          }, b.id))]
+          }, y.id))]
         }),
         /* @__PURE__ */ u("div", {
           className: "aaravpos-barber-services-wrapper",
           children: /* @__PURE__ */ u("div", {
             className: "aaravpos-barber-services-grid",
-            children: s ? Array.from({ length: 10 }).map((b, P) => /* @__PURE__ */ u(c1, {}, P)) : /* @__PURE__ */ u($e, { children: $?.length ? $?.map((b, P) => /* @__PURE__ */ N("div", {
+            children: o ? Array.from({ length: 10 }).map((y, S) => /* @__PURE__ */ u(c1, {}, S)) : /* @__PURE__ */ u($e, { children: b?.length ? b?.map((y, S) => /* @__PURE__ */ g("div", {
               onClick: () => {
-                const _ = i.find((g) => g.id === b.id);
-                _ && _.qty === 1 ? e(_i(String(b.id))) : e(wi({
-                  ...b,
-                  price: b.price ? Number(b.price) : void 0
-                })), !t && window.innerWidth > 991 && e(tt(!0));
+                const P = a.find((O) => O.id === y.id);
+                P && P.qty === 1 ? e(_i(String(y.id))) : e(wi({
+                  ...y,
+                  price: y.price ? Number(y.price) : void 0
+                })), window.innerWidth > 991 && e(tt(!0));
               },
-              className: `aaravpos-barber-service-card ${i.some((_) => _.id === b.id) ? "active" : ""}`,
+              className: `aaravpos-barber-service-card ${a.some((P) => P.id === y.id) ? "active" : ""}`,
               children: [
-                S(b) && /* @__PURE__ */ u("span", {
+                $(y) && /* @__PURE__ */ u("span", {
                   className: "aaravpos-barber-tax-badge",
                   children: "TAX"
                 }),
-                Ys(b) && /* @__PURE__ */ u("span", {
+                Ys(y) && /* @__PURE__ */ u("span", {
                   className: "aaravpos-barber-consent-badge",
                   children: "CONSENT"
                 }),
                 /* @__PURE__ */ u("p", {
                   className: "aaravpos-barber-service-title",
-                  children: b.name
+                  children: y.name
                 }),
-                /* @__PURE__ */ N("div", {
+                /* @__PURE__ */ g("div", {
                   className: "aaravpos-barber-service-description-wrapper",
                   children: [/* @__PURE__ */ u("p", {
                     className: "aaravpos-barber-service-description",
-                    children: b.description
-                  }), b.description && b.description.length > 30 && /* @__PURE__ */ u("div", {
+                    children: y.description
+                  }), y.description && y.description.length > 30 && /* @__PURE__ */ u("div", {
                     className: "aaravpos-barber-service-tooltip",
-                    children: b.description
+                    children: y.description
                   })]
                 }),
-                /* @__PURE__ */ N("p", {
+                /* @__PURE__ */ g("p", {
                   className: "aaravpos-barber-service-price",
-                  children: [/* @__PURE__ */ u("span", { children: b.estimated_time ? `${b.estimated_time} min` : `${b.min_time}-${b.max_time} min` }), /* @__PURE__ */ u("span", {
+                  children: [/* @__PURE__ */ u("span", { children: y.estimated_time ? `${y.estimated_time} min` : `${y.min_time}-${y.max_time} min` }), /* @__PURE__ */ u("span", {
                     className: "aaravpos-barber-service-price-right",
-                    children: b.price ? /* @__PURE__ */ N($e, { children: [/* @__PURE__ */ u(Se, { size: 14 }), b.price] }) : /* @__PURE__ */ N($e, { children: [
+                    children: y.price ? /* @__PURE__ */ g($e, { children: [/* @__PURE__ */ u(Se, { size: 14 }), y.price] }) : /* @__PURE__ */ g($e, { children: [
                       /* @__PURE__ */ u(Se, { size: 14 }),
-                      b.min_price,
+                      y.min_price,
                       " - ",
                       /* @__PURE__ */ u(Se, { size: 14 }),
-                      b.max_price
+                      y.max_price
                     ] })
                   })]
                 }),
-                /* @__PURE__ */ N("div", {
+                /* @__PURE__ */ g("div", {
                   className: "aaravpos-barber-service-actions",
                   children: [
                     /* @__PURE__ */ u("button", {
-                      onClick: (_) => {
-                        _.stopPropagation(), e(_i(String(b.id))), !t && window.innerWidth > 991 && e(tt(!0));
+                      onClick: (P) => {
+                        P.stopPropagation(), e(_i(String(y.id))), window.innerWidth > 991 && e(tt(!0));
                       },
-                      disabled: (i.find((_) => _.id === b.id)?.qty || 0) <= 0,
+                      disabled: (a.find((P) => P.id === y.id)?.qty || 0) <= 0,
                       className: "aaravpos-barber-service-action-btn",
                       children: /* @__PURE__ */ u(kf, { size: 14 })
                     }),
                     /* @__PURE__ */ u("span", {
                       className: "aaravpos-barber-service-qty",
-                      children: i.find((_) => _.id === b.id)?.qty || 0
+                      children: a.find((P) => P.id === y.id)?.qty || 0
                     }),
                     /* @__PURE__ */ u("button", {
-                      onClick: (_) => {
-                        _.stopPropagation(), i.find((g) => g.id === b.id) ? e(Du(String(b.id))) : e(wi({
-                          ...b,
-                          price: b.price ? Number(b.price) : void 0
-                        })), !t && window.innerWidth > 991 && e(tt(!0));
+                      onClick: (P) => {
+                        P.stopPropagation(), a.find((O) => O.id === y.id) ? e(Du(String(y.id))) : e(wi({
+                          ...y,
+                          price: y.price ? Number(y.price) : void 0
+                        })), window.innerWidth > 991 && e(tt(!0));
                       },
                       className: "aaravpos-barber-service-action-btn plus",
                       children: /* @__PURE__ */ u(id, { size: 14 })
@@ -3742,14 +3742,14 @@ function p1() {
                   ]
                 })
               ]
-            }, P)) : /* @__PURE__ */ N("div", {
+            }, S)) : /* @__PURE__ */ g("div", {
               className: "aaravpos-barber-empty-services",
               children: [/* @__PURE__ */ u("h3", {
                 className: "aaravpos-barber-empty-services-title",
                 children: "No Services Found"
               }), /* @__PURE__ */ u("p", {
                 className: "aaravpos-barber-empty-services-text",
-                children: h ? "No services found for your search." : "No services are available for this professional."
+                children: f ? "No services found for your search." : "No services are available for this professional."
               })]
             }) })
           })
@@ -3807,7 +3807,7 @@ var Er = ({ dateObj: e, selectedProfessional: t, outletTimeZone: r }) => {
   "S"
 ];
 function v1({ isOpen: e, onClose: t }) {
-  const r = ze(), { selectedDate: n } = X((p) => p.barber.slots), { selectedProfessional: a } = X((p) => p.barber.service), { timeZone: i } = X((p) => p.barber.outletDetails), [o] = Z(m1(i || "")), s = () => {
+  const r = ze(), { selectedDate: n } = J((p) => p.barber.slots), { selectedProfessional: a } = J((p) => p.barber.service), { timeZone: i } = J((p) => p.barber.outletDetails), [o] = Z(m1(i || "")), s = () => {
     if (!n) return 0;
     const p = o.findIndex((v) => v.monthIdx === n.month && v.year === n.year);
     return p >= 0 ? p : 0;
@@ -3824,7 +3824,7 @@ function v1({ isOpen: e, onClose: t }) {
   const c = o[d];
   if (!e) return null;
   const f = ve.now().setZone(i ?? "UTC").startOf("day"), h = f.plus({ months: 3 }).minus({ days: 1 }), m = (p, v) => {
-    const y = ve.fromObject({
+    const b = ve.fromObject({
       year: c.year,
       month: p,
       day: v
@@ -3832,9 +3832,9 @@ function v1({ isOpen: e, onClose: t }) {
       day: v,
       month: p,
       year: c.year,
-      fullDate: y.toISODate() || ""
-    }, S = y.startOf("day");
-    S < f || S > h || Er({
+      fullDate: b.toISODate() || ""
+    }, y = b.startOf("day");
+    y < f || y > h || Er({
       dateObj: $,
       selectedProfessional: a,
       outletTimeZone: i || "UTC"
@@ -3847,9 +3847,9 @@ function v1({ isOpen: e, onClose: t }) {
   return /* @__PURE__ */ u("div", {
     className: "aaravpos-barber-date-modal-overlay",
     onClick: (p) => p.target === p.currentTarget && t(),
-    children: /* @__PURE__ */ N("div", {
+    children: /* @__PURE__ */ g("div", {
       className: "aaravpos-barber-date-modal",
-      children: [/* @__PURE__ */ N("div", {
+      children: [/* @__PURE__ */ g("div", {
         className: "aaravpos-barber-date-modal-header",
         children: [/* @__PURE__ */ u("h2", {
           className: "aaravpos-barber-date-modal-title",
@@ -3859,9 +3859,9 @@ function v1({ isOpen: e, onClose: t }) {
           className: "aaravpos-barber-date-close-btn",
           children: /* @__PURE__ */ u(en, {})
         })]
-      }), /* @__PURE__ */ N("div", {
+      }), /* @__PURE__ */ g("div", {
         className: "aaravpos-barber-date-modal-body",
-        children: [/* @__PURE__ */ N("div", {
+        children: [/* @__PURE__ */ g("div", {
           className: "aaravpos-barber-date-nav",
           children: [
             /* @__PURE__ */ u("button", {
@@ -3881,7 +3881,7 @@ function v1({ isOpen: e, onClose: t }) {
               children: /* @__PURE__ */ u(Qr, {})
             })
           ]
-        }), /* @__PURE__ */ N("div", {
+        }), /* @__PURE__ */ g("div", {
           className: "aaravpos-barber-calendar-grid",
           children: [
             h1.map((p, v) => /* @__PURE__ */ u("div", {
@@ -3890,33 +3890,33 @@ function v1({ isOpen: e, onClose: t }) {
             }, v)),
             Array.from({ length: c?.startDow || 0 }).map((p, v) => /* @__PURE__ */ u("div", {}, `e${v}`)),
             Array.from({ length: c?.days || 0 }, (p, v) => v + 1).map((p) => {
-              const v = n?.month === c?.monthIdx && n?.day === p, y = c?.monthIdx === f.month && p === f.day, $ = ve.fromObject({
+              const v = n?.month === c?.monthIdx && n?.day === p, b = c?.monthIdx === f.month && p === f.day, $ = ve.fromObject({
                 year: c.year,
                 month: c.monthIdx,
                 day: p
-              }, { zone: i || "UTC" }), S = {
+              }, { zone: i || "UTC" }), y = {
                 day: p,
                 month: c.monthIdx,
                 year: c.year,
                 fullDate: $.toISODate() || ""
-              }, b = $.startOf("day"), P = b < f, _ = b > h, g = Er({
-                dateObj: S,
+              }, S = $.startOf("day"), P = S < f, O = S > h, N = Er({
+                dateObj: y,
                 selectedProfessional: a,
                 outletTimeZone: i || "UTC"
               });
-              return /* @__PURE__ */ N("div", {
+              return /* @__PURE__ */ g("div", {
                 onClick: () => {
-                  g || m(c.monthIdx, p);
+                  N || m(c.monthIdx, p);
                 },
                 className: [
                   "aaravpos-barber-calendar-day",
-                  !v && !g && "aaravpos-barber-calendar-day-active",
-                  y && !v && "aaravpos-barber-calendar-day-today",
+                  !v && !N && "aaravpos-barber-calendar-day-active",
+                  b && !v && "aaravpos-barber-calendar-day-today",
                   v && "aaravpos-barber-calendar-day-selected",
-                  g && "aaravpos-barber-calendar-day-disabled",
-                  (P || _) && "aaravpos-barber-calendar-day-disabled"
+                  N && "aaravpos-barber-calendar-day-disabled",
+                  (P || O) && "aaravpos-barber-calendar-day-disabled"
                 ].filter(Boolean).join(" "),
-                children: [g && /* @__PURE__ */ u("div", { className: "aaravpos-barber-calendar-day-slash" }), /* @__PURE__ */ u("span", {
+                children: [N && /* @__PURE__ */ u("div", { className: "aaravpos-barber-calendar-day-slash" }), /* @__PURE__ */ u("span", {
                   className: "aaravpos-barber-calendar-day-text",
                   children: p
                 })]
@@ -3933,7 +3933,7 @@ function y1() {
     className: "aaravpos-barber-scroll-area",
     children: Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ u("div", {
       className: "aaravpos-barber-slot-section",
-      children: /* @__PURE__ */ N("div", {
+      children: /* @__PURE__ */ g("div", {
         className: "aaravpos-barber-slot-section-header",
         children: [/* @__PURE__ */ u("div", { className: "aaravpos-barber-slot-skeleton-title shimmer" }), /* @__PURE__ */ u("div", { className: "aaravpos-barber-slot-skeleton-arrow shimmer" })]
       })
@@ -3963,11 +3963,11 @@ var Di = [
   "Sat"
 ];
 function $1() {
-  const e = ze(), [t, r] = Z(11), { staff: n, selectedServices: a, selectedProfessional: i } = X((x) => x.barber.service), { tenantId: o, timeZone: s } = X((x) => x?.barber?.outletDetails), { selectedSlotIndexes: d, selectedDate: l, selectedTime: c, slots: f, loading: h } = X((x) => x.barber.slots), [m, p] = Z(!1), [v, y] = Z(0), $ = 15, S = ge(() => [
+  const e = ze(), [t, r] = Z(11), { staff: n, selectedServices: a, selectedProfessional: i } = J((x) => x.barber.service), { tenantId: o, timeZone: s } = J((x) => x?.barber?.outletDetails), { selectedSlotIndexes: d, selectedDate: l, selectedTime: c, slots: f, loading: h } = J((x) => x.barber.slots), [m, p] = Z(!1), [v, b] = Z(0), $ = 15, y = ge(() => [
     f.morning,
     f.afternoon,
     f.evening
-  ].flat(), [f]), b = ge(() => ve.now().setZone(s).startOf("day"), [s]), P = ge(() => b.plus({ months: 3 }).minus({ days: 1 }), [b]), _ = (x, C) => {
+  ].flat(), [f]), S = ge(() => ve.now().setZone(s).startOf("day"), [s]), P = ge(() => S.plus({ months: 3 }).minus({ days: 1 }), [S]), O = (x, C) => {
     try {
       if (!x.isValid || !C.isValid) throw new Error("Invalid timezone or date range");
       const E = Math.floor(C.diff(x, "days").days) + 1;
@@ -3983,7 +3983,7 @@ function $1() {
     } catch (E) {
       return console.error("generateDates error:", E), [];
     }
-  }, g = ge(() => _(b, P), [b, P]), T = ge(() => {
+  }, N = ge(() => O(S, P), [S, P]), T = ge(() => {
     if (!i?.id) return [];
     const x = n?.find((C) => C.id === i.id);
     return x ? a.map((C) => {
@@ -3999,44 +3999,44 @@ function $1() {
     i,
     n,
     a
-  ]), D = T.reduce((x, C) => x + Number(C.duration) * (C.qty || 1), 0), H = Math.ceil(D / $), J = l ? ve.fromObject(l).toFormat("yyyy-MM-dd") : null;
+  ]), D = T.reduce((x, C) => x + Number(C.duration) * (C.qty || 1), 0), H = Math.ceil(D / $), X = l ? ve.fromObject(l).toFormat("yyyy-MM-dd") : null;
   de(() => {
-    !i?.id || !J || e(dr({
+    !i?.id || !X || e(dr({
       tenantId: o,
       staffId: i.id,
-      date: J
+      date: X
     }));
   }, [
     i?.id,
-    J,
+    X,
     e,
     o
   ]);
   const ae = (x) => {
-    y((C) => Math.max(0, Math.min(g.length - t, C + x * 4)));
+    b((C) => Math.max(0, Math.min(N.length - t, C + x * 4)));
   };
   de(() => {
     l || e(_r({
-      day: b.day,
-      month: b.month,
-      year: b.year
+      day: S.day,
+      month: S.month,
+      year: S.year
     }));
   }, [
     l,
-    b,
+    S,
     e
   ]), de(() => {
-    if (!l || !g.length) return;
-    const x = g.findIndex((C) => C.day === l.day && C.month === l.month && C.year === l.year);
-    x !== -1 && y(Math.max(0, Math.min(g.length - t, x - Math.floor(t / 2))));
+    if (!l || !N.length) return;
+    const x = N.findIndex((C) => C.day === l.day && C.month === l.month && C.year === l.year);
+    x !== -1 && b(Math.max(0, Math.min(N.length - t, x - Math.floor(t / 2))));
   }, [
     l,
-    g,
+    N,
     t
   ]);
   const ce = (x) => {
     const C = ve.fromISO(x.fullDate || "").setZone(s || "UTC").startOf("day");
-    if (C < b || C > P || Er({
+    if (C < S || C > P || Er({
       dateObj: x,
       selectedProfessional: i,
       outletTimeZone: s || "UTC"
@@ -4050,8 +4050,8 @@ function $1() {
       year: x.year
     })), e(Pn(null));
   }, ue = (x) => {
-    if (!S.length) return;
-    const C = S.slice(x, x + H);
+    if (!y.length) return;
+    const C = y.slice(x, x + H);
     if (C.length < H) {
       re.warning("You don't have sufficient time for selected service");
       return;
@@ -4060,27 +4060,27 @@ function $1() {
       re.warning("Selected time range is not fully available");
       return;
     }
-    e(Pn(S[x].start_time));
+    e(Pn(y[x].start_time));
     const E = Array.from({ length: H }, (k, U) => x + U);
     e(Sn({
       indexes: E,
-      ids: E.map((k) => S[k]?.id)
+      ids: E.map((k) => y[k]?.id)
     })), setTimeout(() => {
       e(Be());
     }, 200);
   };
   de(() => {
-    if (!c || !S.length) return;
-    const x = S.findIndex((E) => E.start_time === c);
+    if (!c || !y.length) return;
+    const x = y.findIndex((E) => E.start_time === c);
     if (x === -1) return;
     const C = Array.from({ length: H }, (E, k) => x + k);
     C.length === d.length && C.every((E, k) => E === d[k]) || e(Sn({
       indexes: C,
-      ids: C.map((E) => S[E]?.id)
+      ids: C.map((E) => y[E]?.id)
     }));
   }, [
     c,
-    S,
+    y,
     H,
     d
   ]), de(() => {
@@ -4092,11 +4092,11 @@ function $1() {
   }, []);
   const ye = f?.morning || [], Ce = f?.afternoon || [], me = f?.evening || [], fe = (x) => x.some((C) => !C.isBooked && C.status === "AVAILABLE"), se = () => fe(ye) ? "morning" : fe(Ce) ? "afternoon" : fe(me) ? "evening" : null, [Q, he] = Z(se());
   return de(() => {
-    const x = S[d[0]];
+    const x = y[d[0]];
     x && (ye.some((C) => C.id === x.id) ? he("morning") : Ce.some((C) => C.id === x.id) ? he("afternoon") : me.some((C) => C.id === x.id) && he("evening"));
   }, [
     d,
-    S,
+    y,
     ye,
     Ce,
     me
@@ -4109,7 +4109,7 @@ function $1() {
     h,
     l,
     e
-  ]), /* @__PURE__ */ N(Aa, {
+  ]), /* @__PURE__ */ g(Aa, {
     sidebar: /* @__PURE__ */ u("div", {
       className: "aaravpos-barber-aside",
       children: /* @__PURE__ */ u(xa, {
@@ -4134,22 +4134,22 @@ function $1() {
           children: "Choose a Time"
         })
       }),
-      /* @__PURE__ */ N("div", {
+      /* @__PURE__ */ g("div", {
         className: "aaravpos-barber-date-wrapper",
-        children: [/* @__PURE__ */ N("div", {
+        children: [/* @__PURE__ */ g("div", {
           className: "aaravpos-barber-date-strip",
           children: [
             /* @__PURE__ */ u(Ri, {
               onClick: () => ae(-1),
               children: /* @__PURE__ */ u(Or, { size: 20 })
             }),
-            g.slice(v, v + t).map((x) => {
-              const C = ve.fromISO(x.fullDate || ""), E = C.weekday % 7, k = ve.now().setZone(s).startOf("day"), U = C.hasSame(k, "day"), R = l?.day === x.day && l?.month === x.month && l?.year === x.year, q = C.startOf("day"), V = q < b, G = q > P, z = V || G || Er({
+            N.slice(v, v + t).map((x) => {
+              const C = ve.fromISO(x.fullDate || ""), E = C.weekday % 7, k = ve.now().setZone(s).startOf("day"), U = C.hasSame(k, "day"), R = l?.day === x.day && l?.month === x.month && l?.year === x.year, q = C.startOf("day"), V = q < S, G = q > P, z = V || G || Er({
                 dateObj: x,
                 selectedProfessional: i,
                 outletTimeZone: s || "UTC"
               });
-              return /* @__PURE__ */ N("div", {
+              return /* @__PURE__ */ g("div", {
                 onClick: () => {
                   z || ce(x);
                 },
@@ -4180,13 +4180,13 @@ function $1() {
               children: /* @__PURE__ */ u(Qr, { size: 20 })
             })
           ]
-        }), /* @__PURE__ */ N("button", {
+        }), /* @__PURE__ */ g("button", {
           onClick: () => p(!0),
           className: "aaravpos-barber-calendar-btn",
-          children: [/* @__PURE__ */ u(bf, { size: 16 }), l?.month != null ? `${Di[l.month - 1]} ${l.year}` : `${Di[b.month - 1]} ${b.year}`]
+          children: [/* @__PURE__ */ u(bf, { size: 16 }), l?.month != null ? `${Di[l.month - 1]} ${l.year}` : `${Di[S.month - 1]} ${S.year}`]
         })]
       }),
-      /* @__PURE__ */ N("div", {
+      /* @__PURE__ */ g("div", {
         className: "aaravpos-barber-selected-professional",
         children: [i?.imageUrl ? /* @__PURE__ */ u("img", {
           src: i.imageUrl,
@@ -4196,12 +4196,12 @@ function $1() {
           className: "aaravpos-barber-selected-professional-avatar",
           style: { background: i?.color || "#111" },
           children: tn(i?.name)
-        }), /* @__PURE__ */ N("div", {
+        }), /* @__PURE__ */ g("div", {
           className: "aaravpos-barber-selected-professional-content",
           children: [/* @__PURE__ */ u("p", {
             className: "aaravpos-barber-selected-professional-name",
             children: i?.name
-          }), /* @__PURE__ */ N("p", {
+          }), /* @__PURE__ */ g("p", {
             className: "aaravpos-barber-selected-professional-services",
             children: [
               T.map((x) => x.name).join(", "),
@@ -4213,10 +4213,10 @@ function $1() {
           })]
         })]
       }),
-      /* @__PURE__ */ N("div", {
+      /* @__PURE__ */ g("div", {
         className: "aaravpos-barber-scroll-area",
         style: h ? { height: 300 } : {},
-        children: [h ? /* @__PURE__ */ u(y1, {}) : /* @__PURE__ */ u($e, { children: S?.length ? /* @__PURE__ */ N($e, { children: [
+        children: [h ? /* @__PURE__ */ u(y1, {}) : /* @__PURE__ */ u($e, { children: y?.length ? /* @__PURE__ */ g($e, { children: [
           /* @__PURE__ */ u(In, {
             label: "Morning",
             icon: /* @__PURE__ */ u(a1, {
@@ -4224,7 +4224,7 @@ function $1() {
               className: "aaravpos-barber-slot-icon"
             }),
             slots: ye,
-            allSlots: S,
+            allSlots: y,
             selectedSlotIndexes: d,
             handleSlotSelect: ue,
             isOpen: Q === "morning",
@@ -4237,7 +4237,7 @@ function $1() {
               className: "aaravpos-barber-slot-icon"
             }),
             slots: Ce,
-            allSlots: S,
+            allSlots: y,
             selectedSlotIndexes: d,
             handleSlotSelect: ue,
             isOpen: Q === "afternoon",
@@ -4250,14 +4250,14 @@ function $1() {
               className: "aaravpos-barber-slot-icon"
             }),
             slots: me,
-            allSlots: S,
+            allSlots: y,
             selectedSlotIndexes: d,
             handleSlotSelect: ue,
             isOpen: Q === "evening",
             onToggle: () => he(Q === "evening" ? null : "evening")
           }),
           " "
-        ] }) : /* @__PURE__ */ N($e, { children: [/* @__PURE__ */ u("div", { className: "aaravpos-barber-supercategory-wrapper" }), /* @__PURE__ */ N("div", {
+        ] }) : /* @__PURE__ */ g($e, { children: [/* @__PURE__ */ u("div", { className: "aaravpos-barber-supercategory-wrapper" }), /* @__PURE__ */ g("div", {
           className: "aaravpos-barber-empty-services",
           children: [/* @__PURE__ */ u("h3", {
             className: "aaravpos-barber-empty-services-title",
@@ -4282,12 +4282,12 @@ function Ri({ onClick: e, children: t }) {
   });
 }
 function In({ icon: e, label: t, slots: r, allSlots: n, selectedSlotIndexes: a, handleSlotSelect: i, isOpen: o, onToggle: s }) {
-  return !r || r?.length === 0 ? null : /* @__PURE__ */ N("div", {
+  return !r || r?.length === 0 ? null : /* @__PURE__ */ g("div", {
     className: "aaravpos-barber-slot-section",
-    children: [/* @__PURE__ */ N("div", {
+    children: [/* @__PURE__ */ g("div", {
       onClick: s,
       className: "aaravpos-barber-slot-section-header",
-      children: [/* @__PURE__ */ N("div", {
+      children: [/* @__PURE__ */ g("div", {
         className: "aaravpos-barber-slot-section-title",
         children: [/* @__PURE__ */ u("span", { children: e }), t]
       }), /* @__PURE__ */ u("span", {
@@ -4300,7 +4300,7 @@ function In({ icon: e, label: t, slots: r, allSlots: n, selectedSlotIndexes: a,
         className: "aaravpos-barber-slot-grid",
         children: r.map((d) => {
           const l = n.findIndex((h) => h.id === d.id), c = a.includes(l), f = d.isBooked || d.status !== "AVAILABLE";
-          return /* @__PURE__ */ N("div", {
+          return /* @__PURE__ */ g("div", {
             onClick: () => {
               f || i(l);
             },
@@ -4323,7 +4323,7 @@ var g1 = (e) => e.replace(/\D/g, "").slice(0, 16).replace(/(.{4})/g, "$1 ").trim
   return t.length >= 3 ? `${t.slice(0, 2)}/${t.slice(2)}` : t;
 }, C1 = (e) => e.replace(/\D/g, "").slice(0, 3);
 function S1({ onClose: e, onPay: t, amount: r }) {
-  const { timeZone: n } = X((c) => c?.barber?.outletDetails), { control: a, handleSubmit: i, reset: o, formState: { errors: s, isSubmitting: d } } = ha({ defaultValues: {
+  const { timeZone: n } = J((c) => c?.barber?.outletDetails), { control: a, handleSubmit: i, reset: o, formState: { errors: s, isSubmitting: d } } = ha({ defaultValues: {
     name: "",
     number: "",
     expiry: "",
@@ -4341,26 +4341,26 @@ function S1({ onClose: e, onPay: t, amount: r }) {
         }) && e();
       }),
       className: "aaravpos-barber-payment-form",
-      children: /* @__PURE__ */ N("div", {
+      children: /* @__PURE__ */ g("div", {
         className: "aaravpos-barber-modal",
         children: [
-          /* @__PURE__ */ N("div", {
+          /* @__PURE__ */ g("div", {
             className: "aaravpos-barber-payment-header",
             children: [/* @__PURE__ */ u("h2", {
               className: "aaravpos-barber-payment-title",
               children: "Make a payment"
-            }), /* @__PURE__ */ N("span", {
+            }), /* @__PURE__ */ g("span", {
               className: "aaravpos-barber-payment-amount",
               children: [/* @__PURE__ */ u(Se, { size: 14 }), r?.toFixed(2)]
             })]
           }),
-          /* @__PURE__ */ N("div", {
+          /* @__PURE__ */ g("div", {
             className: "aaravpos-barber-payment-fields",
             children: [
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-form-control",
                 children: [
-                  /* @__PURE__ */ N("label", {
+                  /* @__PURE__ */ g("label", {
                     htmlFor: "name",
                     className: "aaravpos-barber-payment-label",
                     children: ["Card Holder Name ", /* @__PURE__ */ u("span", {
@@ -4396,10 +4396,10 @@ function S1({ onClose: e, onPay: t, amount: r }) {
                   })
                 ]
               }),
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-form-control",
                 children: [
-                  /* @__PURE__ */ N("label", {
+                  /* @__PURE__ */ g("label", {
                     htmlFor: "number",
                     className: "aaravpos-barber-payment-label",
                     children: ["Card Number ", /* @__PURE__ */ u("span", {
@@ -4430,12 +4430,12 @@ function S1({ onClose: e, onPay: t, amount: r }) {
                   })
                 ]
               }),
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-payment-grid",
-                children: [/* @__PURE__ */ N("div", {
+                children: [/* @__PURE__ */ g("div", {
                   className: "aaravpos-barber-form-control",
                   children: [
-                    /* @__PURE__ */ N("label", {
+                    /* @__PURE__ */ g("label", {
                       htmlFor: "expiry",
                       className: "aaravpos-barber-payment-label",
                       children: ["Expiry Date ", /* @__PURE__ */ u("span", {
@@ -4471,10 +4471,10 @@ function S1({ onClose: e, onPay: t, amount: r }) {
                       children: s.expiry.message
                     })
                   ]
-                }), /* @__PURE__ */ N("div", {
+                }), /* @__PURE__ */ g("div", {
                   className: "aaravpos-barber-form-control",
                   children: [
-                    /* @__PURE__ */ N("label", {
+                    /* @__PURE__ */ g("label", {
                       htmlFor: "cvv",
                       className: "aaravpos-barber-payment-label",
                       children: ["CVV ", /* @__PURE__ */ u("span", {
@@ -4511,7 +4511,7 @@ function S1({ onClose: e, onPay: t, amount: r }) {
               })
             ]
           }),
-          /* @__PURE__ */ N("div", {
+          /* @__PURE__ */ g("div", {
             className: "aaravpos-barber-payment-btn-grid",
             children: [/* @__PURE__ */ u("button", {
               type: "button",
@@ -4642,28 +4642,28 @@ function M1(e) {
   };
 }
 var k1 = /* @__PURE__ */ Te(((e) => {
-  var t = typeof Symbol == "function" && Symbol.for, r = t ? /* @__PURE__ */ Symbol.for("react.element") : 60103, n = t ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, a = t ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = t ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = t ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = t ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = t ? /* @__PURE__ */ Symbol.for("react.context") : 60110, l = t ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, c = t ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, f = t ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, h = t ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = t ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = t ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, v = t ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, y = t ? /* @__PURE__ */ Symbol.for("react.block") : 60121, $ = t ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, S = t ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, b = t ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function P(g) {
-    if (typeof g == "object" && g !== null) {
-      var T = g.$$typeof;
+  var t = typeof Symbol == "function" && Symbol.for, r = t ? /* @__PURE__ */ Symbol.for("react.element") : 60103, n = t ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, a = t ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = t ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = t ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = t ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = t ? /* @__PURE__ */ Symbol.for("react.context") : 60110, l = t ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, c = t ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, f = t ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, h = t ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = t ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = t ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, v = t ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = t ? /* @__PURE__ */ Symbol.for("react.block") : 60121, $ = t ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, y = t ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, S = t ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function P(N) {
+    if (typeof N == "object" && N !== null) {
+      var T = N.$$typeof;
       switch (T) {
         case r:
-          switch (g = g.type, g) {
+          switch (N = N.type, N) {
             case l:
             case c:
             case a:
             case o:
             case i:
             case h:
-              return g;
+              return N;
             default:
-              switch (g = g && g.$$typeof, g) {
+              switch (N = N && N.$$typeof, N) {
                 case d:
                 case f:
                 case v:
                 case p:
                 case s:
-                  return g;
+                  return N;
                 default:
                   return T;
               }
@@ -4673,44 +4673,44 @@ var k1 = /* @__PURE__ */ Te(((e) => {
       }
     }
   }
-  function _(g) {
-    return P(g) === c;
-  }
-  e.AsyncMode = l, e.ConcurrentMode = c, e.ContextConsumer = d, e.ContextProvider = s, e.Element = r, e.ForwardRef = f, e.Fragment = a, e.Lazy = v, e.Memo = p, e.Portal = n, e.Profiler = o, e.StrictMode = i, e.Suspense = h, e.isAsyncMode = function(g) {
-    return _(g) || P(g) === l;
-  }, e.isConcurrentMode = _, e.isContextConsumer = function(g) {
-    return P(g) === d;
-  }, e.isContextProvider = function(g) {
-    return P(g) === s;
-  }, e.isElement = function(g) {
-    return typeof g == "object" && g !== null && g.$$typeof === r;
-  }, e.isForwardRef = function(g) {
-    return P(g) === f;
-  }, e.isFragment = function(g) {
-    return P(g) === a;
-  }, e.isLazy = function(g) {
-    return P(g) === v;
-  }, e.isMemo = function(g) {
-    return P(g) === p;
-  }, e.isPortal = function(g) {
-    return P(g) === n;
-  }, e.isProfiler = function(g) {
-    return P(g) === o;
-  }, e.isStrictMode = function(g) {
-    return P(g) === i;
-  }, e.isSuspense = function(g) {
-    return P(g) === h;
-  }, e.isValidElementType = function(g) {
-    return typeof g == "string" || typeof g == "function" || g === a || g === c || g === o || g === i || g === h || g === m || typeof g == "object" && g !== null && (g.$$typeof === v || g.$$typeof === p || g.$$typeof === s || g.$$typeof === d || g.$$typeof === f || g.$$typeof === $ || g.$$typeof === S || g.$$typeof === b || g.$$typeof === y);
+  function O(N) {
+    return P(N) === c;
+  }
+  e.AsyncMode = l, e.ConcurrentMode = c, e.ContextConsumer = d, e.ContextProvider = s, e.Element = r, e.ForwardRef = f, e.Fragment = a, e.Lazy = v, e.Memo = p, e.Portal = n, e.Profiler = o, e.StrictMode = i, e.Suspense = h, e.isAsyncMode = function(N) {
+    return O(N) || P(N) === l;
+  }, e.isConcurrentMode = O, e.isContextConsumer = function(N) {
+    return P(N) === d;
+  }, e.isContextProvider = function(N) {
+    return P(N) === s;
+  }, e.isElement = function(N) {
+    return typeof N == "object" && N !== null && N.$$typeof === r;
+  }, e.isForwardRef = function(N) {
+    return P(N) === f;
+  }, e.isFragment = function(N) {
+    return P(N) === a;
+  }, e.isLazy = function(N) {
+    return P(N) === v;
+  }, e.isMemo = function(N) {
+    return P(N) === p;
+  }, e.isPortal = function(N) {
+    return P(N) === n;
+  }, e.isProfiler = function(N) {
+    return P(N) === o;
+  }, e.isStrictMode = function(N) {
+    return P(N) === i;
+  }, e.isSuspense = function(N) {
+    return P(N) === h;
+  }, e.isValidElementType = function(N) {
+    return typeof N == "string" || typeof N == "function" || N === a || N === c || N === o || N === i || N === h || N === m || typeof N == "object" && N !== null && (N.$$typeof === v || N.$$typeof === p || N.$$typeof === s || N.$$typeof === d || N.$$typeof === f || N.$$typeof === $ || N.$$typeof === y || N.$$typeof === S || N.$$typeof === b);
   }, e.typeOf = P;
 })), D1 = /* @__PURE__ */ Te(((e) => {
   process.env.NODE_ENV !== "production" && (function() {
     "use strict";
-    var t = typeof Symbol == "function" && Symbol.for, r = t ? /* @__PURE__ */ Symbol.for("react.element") : 60103, n = t ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, a = t ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = t ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = t ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = t ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = t ? /* @__PURE__ */ Symbol.for("react.context") : 60110, l = t ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, c = t ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, f = t ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, h = t ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = t ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = t ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, v = t ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, y = t ? /* @__PURE__ */ Symbol.for("react.block") : 60121, $ = t ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, S = t ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, b = t ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    var t = typeof Symbol == "function" && Symbol.for, r = t ? /* @__PURE__ */ Symbol.for("react.element") : 60103, n = t ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, a = t ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = t ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = t ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = t ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = t ? /* @__PURE__ */ Symbol.for("react.context") : 60110, l = t ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, c = t ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, f = t ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, h = t ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = t ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = t ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, v = t ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = t ? /* @__PURE__ */ Symbol.for("react.block") : 60121, $ = t ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, y = t ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, S = t ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function P(A) {
-      return typeof A == "string" || typeof A == "function" || A === a || A === c || A === o || A === i || A === h || A === m || typeof A == "object" && A !== null && (A.$$typeof === v || A.$$typeof === p || A.$$typeof === s || A.$$typeof === d || A.$$typeof === f || A.$$typeof === $ || A.$$typeof === S || A.$$typeof === b || A.$$typeof === y);
+      return typeof A == "string" || typeof A == "function" || A === a || A === c || A === o || A === i || A === h || A === m || typeof A == "object" && A !== null && (A.$$typeof === v || A.$$typeof === p || A.$$typeof === s || A.$$typeof === d || A.$$typeof === f || A.$$typeof === $ || A.$$typeof === y || A.$$typeof === S || A.$$typeof === b);
     }
-    function _(A) {
+    function O(A) {
       if (typeof A == "object" && A !== null) {
         var M = A.$$typeof;
         switch (M) {
@@ -4742,47 +4742,47 @@ var k1 = /* @__PURE__ */ Te(((e) => {
         }
       }
     }
-    var g = l, T = c, D = d, H = s, J = r, ae = f, ce = a, ue = v, ye = p, Ce = n, me = o, fe = i, se = h, Q = !1;
+    var N = l, T = c, D = d, H = s, X = r, ae = f, ce = a, ue = v, ye = p, Ce = n, me = o, fe = i, se = h, Q = !1;
     function he(A) {
-      return Q || (Q = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(A) || _(A) === l;
+      return Q || (Q = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(A) || O(A) === l;
     }
     function x(A) {
-      return _(A) === c;
+      return O(A) === c;
     }
     function C(A) {
-      return _(A) === d;
+      return O(A) === d;
     }
     function E(A) {
-      return _(A) === s;
+      return O(A) === s;
     }
     function k(A) {
       return typeof A == "object" && A !== null && A.$$typeof === r;
     }
     function U(A) {
-      return _(A) === f;
+      return O(A) === f;
     }
     function R(A) {
-      return _(A) === a;
+      return O(A) === a;
     }
     function q(A) {
-      return _(A) === v;
+      return O(A) === v;
     }
     function V(A) {
-      return _(A) === p;
+      return O(A) === p;
     }
     function G(A) {
-      return _(A) === n;
+      return O(A) === n;
     }
     function z(A) {
-      return _(A) === o;
+      return O(A) === o;
     }
     function W(A) {
-      return _(A) === i;
+      return O(A) === i;
     }
     function K(A) {
-      return _(A) === h;
+      return O(A) === h;
     }
-    e.AsyncMode = g, e.ConcurrentMode = T, e.ContextConsumer = D, e.ContextProvider = H, e.Element = J, e.ForwardRef = ae, e.Fragment = ce, e.Lazy = ue, e.Memo = ye, e.Portal = Ce, e.Profiler = me, e.StrictMode = fe, e.Suspense = se, e.isAsyncMode = he, e.isConcurrentMode = x, e.isContextConsumer = C, e.isContextProvider = E, e.isElement = k, e.isForwardRef = U, e.isFragment = R, e.isLazy = q, e.isMemo = V, e.isPortal = G, e.isProfiler = z, e.isStrictMode = W, e.isSuspense = K, e.isValidElementType = P, e.typeOf = _;
+    e.AsyncMode = N, e.ConcurrentMode = T, e.ContextConsumer = D, e.ContextProvider = H, e.Element = X, e.ForwardRef = ae, e.Fragment = ce, e.Lazy = ue, e.Memo = ye, e.Portal = Ce, e.Profiler = me, e.StrictMode = fe, e.Suspense = se, e.isAsyncMode = he, e.isConcurrentMode = x, e.isContextConsumer = C, e.isContextProvider = E, e.isElement = k, e.isForwardRef = U, e.isFragment = R, e.isLazy = q, e.isMemo = V, e.isPortal = G, e.isProfiler = z, e.isStrictMode = W, e.isSuspense = K, e.isValidElementType = P, e.typeOf = O;
   })();
 })), sd = /* @__PURE__ */ Te(((e, t) => {
   process.env.NODE_ENV === "production" ? t.exports = k1() : t.exports = D1();
@@ -4849,8 +4849,8 @@ var k1 = /* @__PURE__ */ Te(((e) => {
             throw p.name = "Invariant Violation", p;
           }
           m = s[h](d, h, c, l, null, n);
-        } catch (y) {
-          m = y;
+        } catch (b) {
+          m = b;
         }
         if (m && !(m instanceof Error) && r((c || "React class") + ": type specification of " + l + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."), m instanceof Error && !(m.message in a)) {
           a[m.message] = !0;
@@ -4884,34 +4884,34 @@ var k1 = /* @__PURE__ */ Te(((e) => {
       if (typeof E == "function") return E;
     }
     var p = "<<anonymous>>", v = {
-      array: b("array"),
-      bigint: b("bigint"),
-      bool: b("boolean"),
-      func: b("function"),
-      number: b("number"),
-      object: b("object"),
-      string: b("string"),
-      symbol: b("symbol"),
+      array: S("array"),
+      bigint: S("bigint"),
+      bool: S("boolean"),
+      func: S("function"),
+      number: S("number"),
+      object: S("object"),
+      string: S("string"),
+      symbol: S("symbol"),
       any: P(),
-      arrayOf: _,
-      element: g(),
+      arrayOf: O,
+      element: N(),
       elementType: T(),
       instanceOf: D,
       node: ce(),
-      objectOf: J,
+      objectOf: X,
       oneOf: H,
       oneOfType: ae,
       shape: ye,
       exact: Ce
     };
-    function y(C, E) {
+    function b(C, E) {
       return C === E ? C !== 0 || 1 / C === 1 / E : C !== C && E !== E;
     }
     function $(C, E) {
       this.message = C, this.data = E && typeof E == "object" ? E : {}, this.stack = "";
     }
     $.prototype = Error.prototype;
-    function S(C) {
+    function y(C) {
       if (process.env.NODE_ENV !== "production")
         var E = {}, k = 0;
       function U(q, V, G, z, W, K, A) {
@@ -4929,7 +4929,7 @@ var k1 = /* @__PURE__ */ Te(((e) => {
       var R = U.bind(null, !1);
       return R.isRequired = U.bind(null, !0), R;
     }
-    function b(C) {
+    function S(C) {
       function E(k, U, R, q, V, G) {
         var z = k[U];
         if (se(z) !== C) {
@@ -4938,12 +4938,12 @@ var k1 = /* @__PURE__ */ Te(((e) => {
         }
         return null;
       }
-      return S(E);
+      return y(E);
     }
     function P() {
-      return S(d);
+      return y(d);
     }
-    function _(C) {
+    function O(C) {
       function E(k, U, R, q, V) {
         if (typeof C != "function") return new $("Property `" + V + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
         var G = k[U];
@@ -4957,9 +4957,9 @@ var k1 = /* @__PURE__ */ Te(((e) => {
         }
         return null;
       }
-      return S(E);
+      return y(E);
     }
-    function g() {
+    function N() {
       function C(E, k, U, R, q) {
         var V = E[k];
         if (!l(V)) {
@@ -4968,7 +4968,7 @@ var k1 = /* @__PURE__ */ Te(((e) => {
         }
         return null;
       }
-      return S(C);
+      return y(C);
     }
     function T() {
       function C(E, k, U, R, q) {
@@ -4979,7 +4979,7 @@ var k1 = /* @__PURE__ */ Te(((e) => {
         }
         return null;
       }
-      return S(C);
+      return y(C);
     }
     function D(C) {
       function E(k, U, R, q, V) {
@@ -4989,21 +4989,21 @@ var k1 = /* @__PURE__ */ Te(((e) => {
         }
         return null;
       }
-      return S(E);
+      return y(E);
     }
     function H(C) {
       if (!Array.isArray(C))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s("Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).") : s("Invalid argument supplied to oneOf, expected an array.")), d;
       function E(k, U, R, q, V) {
-        for (var G = k[U], z = 0; z < C.length; z++) if (y(G, C[z])) return null;
+        for (var G = k[U], z = 0; z < C.length; z++) if (b(G, C[z])) return null;
         var W = JSON.stringify(C, function(A, M) {
           return Q(M) === "symbol" ? String(M) : M;
         });
         return new $("Invalid " + q + " `" + V + "` of value `" + String(G) + "` " + ("supplied to `" + R + "`, expected one of " + W + "."));
       }
-      return S(E);
+      return y(E);
     }
-    function J(C) {
+    function X(C) {
       function E(k, U, R, q, V) {
         if (typeof C != "function") return new $("Property `" + V + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
         var G = k[U], z = se(G);
@@ -5014,7 +5014,7 @@ var k1 = /* @__PURE__ */ Te(((e) => {
         }
         return null;
       }
-      return S(E);
+      return y(E);
     }
     function ae(C) {
       if (!Array.isArray(C))
@@ -5033,13 +5033,13 @@ var k1 = /* @__PURE__ */ Te(((e) => {
         var F = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
         return new $("Invalid " + G + " `" + z + "` supplied to " + ("`" + V + "`" + F + "."));
       }
-      return S(U);
+      return y(U);
     }
     function ce() {
       function C(E, k, U, R, q) {
         return me(E[k]) ? null : new $("Invalid " + R + " `" + q + "` supplied to " + ("`" + U + "`, expected a ReactNode."));
       }
-      return S(C);
+      return y(C);
     }
     function ue(C, E, k, U, R) {
       return new $((C || "React class") + ": " + E + " type `" + k + "." + U + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`.");
@@ -5056,7 +5056,7 @@ var k1 = /* @__PURE__ */ Te(((e) => {
         }
         return null;
       }
-      return S(E);
+      return y(E);
     }
     function Ce(C) {
       function E(k, U, R, q, V) {
@@ -5072,7 +5072,7 @@ Valid keys: ` + JSON.stringify(Object.keys(C), null, "  "));
         }
         return null;
       }
-      return S(E);
+      return y(E);
     }
     function me(C) {
       switch (typeof C) {
@@ -5183,7 +5183,7 @@ Valid keys: ` + JSON.stringify(Object.keys(C), null, "  "));
     var r = sd(), n = !0;
     t.exports = j1()(r.isElement, n);
   } else t.exports = L1()();
-})), O = /* @__PURE__ */ va(B1(), 1);
+})), _ = /* @__PURE__ */ va(B1(), 1);
 function at(e, t, r) {
   this.x = e, this.y = t, this.time = r || (/* @__PURE__ */ new Date()).getTime();
 }
@@ -5343,10 +5343,10 @@ ee.prototype._calculateCurveControlPoints = function(e, t, r) {
   }, l = Math.sqrt(n * n + a * a), c = Math.sqrt(i * i + o * o), f = s.x - d.x, h = s.y - d.y, m = c / (l + c), p = {
     x: d.x + f * m,
     y: d.y + h * m
-  }, v = t.x - p.x, y = t.y - p.y;
+  }, v = t.x - p.x, b = t.y - p.y;
   return {
-    c1: new at(s.x + v, s.y + y),
-    c2: new at(d.x + v, d.y + y)
+    c1: new at(s.x + v, s.y + b),
+    c2: new at(d.x + v, d.y + b)
   };
 };
 ee.prototype._calculateCurveWidths = function(e) {
@@ -5401,15 +5401,15 @@ ee.prototype._fromData = function(e, t, r) {
 };
 ee.prototype._toSVG = function() {
   var e = this, t = this._data, r = this._canvas, n = Math.max(window.devicePixelRatio || 1, 1), a = 0, i = 0, o = r.width / n, s = r.height / n, d = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  d.setAttributeNS(null, "width", r.width), d.setAttributeNS(null, "height", r.height), this._fromData(t, function(y, $, S) {
-    var b = document.createElement("path");
-    if (!isNaN(y.control1.x) && !isNaN(y.control1.y) && !isNaN(y.control2.x) && !isNaN(y.control2.y)) {
-      var P = "M " + y.startPoint.x.toFixed(3) + "," + y.startPoint.y.toFixed(3) + " " + ("C " + y.control1.x.toFixed(3) + "," + y.control1.y.toFixed(3) + " ") + (y.control2.x.toFixed(3) + "," + y.control2.y.toFixed(3) + " ") + (y.endPoint.x.toFixed(3) + "," + y.endPoint.y.toFixed(3));
-      b.setAttribute("d", P), b.setAttribute("stroke-width", ($.end * 2.25).toFixed(3)), b.setAttribute("stroke", S), b.setAttribute("fill", "none"), b.setAttribute("stroke-linecap", "round"), d.appendChild(b);
+  d.setAttributeNS(null, "width", r.width), d.setAttributeNS(null, "height", r.height), this._fromData(t, function(b, $, y) {
+    var S = document.createElement("path");
+    if (!isNaN(b.control1.x) && !isNaN(b.control1.y) && !isNaN(b.control2.x) && !isNaN(b.control2.y)) {
+      var P = "M " + b.startPoint.x.toFixed(3) + "," + b.startPoint.y.toFixed(3) + " " + ("C " + b.control1.x.toFixed(3) + "," + b.control1.y.toFixed(3) + " ") + (b.control2.x.toFixed(3) + "," + b.control2.y.toFixed(3) + " ") + (b.endPoint.x.toFixed(3) + "," + b.endPoint.y.toFixed(3));
+      S.setAttribute("d", P), S.setAttribute("stroke-width", ($.end * 2.25).toFixed(3)), S.setAttribute("stroke", y), S.setAttribute("fill", "none"), S.setAttribute("stroke-linecap", "round"), d.appendChild(S);
     }
-  }, function(y) {
-    var $ = document.createElement("circle"), S = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
-    $.setAttribute("r", S), $.setAttribute("cx", y.x), $.setAttribute("cy", y.y), $.setAttribute("fill", y.color), d.appendChild($);
+  }, function(b) {
+    var $ = document.createElement("circle"), y = typeof e.dotSize == "function" ? e.dotSize() : e.dotSize;
+    $.setAttribute("r", y), $.setAttribute("cx", b.x), $.setAttribute("cy", b.y), $.setAttribute("fill", b.color), d.appendChild($);
   });
   var l = "data:image/svg+xml;base64,", c = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"' + (' viewBox="' + a + " " + i + " " + o + " " + s + '"') + (' width="' + o + '"') + (' height="' + s + '"') + ">", f = d.innerHTML;
   if (f === void 0) {
@@ -5451,8 +5451,8 @@ var V1 = /* @__PURE__ */ Te(((e, t) => {
     })([function(r, n) {
       "use strict";
       function a(l) {
-        var c = l.getContext("2d"), f = l.width, h = l.height, m = c.getImageData(0, 0, f, h).data, p = s(!0, f, h, m), v = s(!1, f, h, m), y = d(!0, f, h, m), $ = d(!1, f, h, m) - y + 1, S = v - p + 1, b = c.getImageData(y, p, $, S);
-        return l.width = $, l.height = S, c.clearRect(0, 0, $, S), c.putImageData(b, 0, 0), l;
+        var c = l.getContext("2d"), f = l.width, h = l.height, m = c.getImageData(0, 0, f, h).data, p = s(!0, f, h, m), v = s(!1, f, h, m), b = d(!0, f, h, m), $ = d(!1, f, h, m) - b + 1, y = v - p + 1, S = c.getImageData(b, p, $, y);
+        return l.width = $, l.height = y, c.clearRect(0, 0, $, y), c.putImageData(S, 0, 0), l;
       }
       function i(l, c, f, h) {
         return {
@@ -5536,17 +5536,17 @@ var V1 = /* @__PURE__ */ Te(((e, t) => {
   return E1(r);
 })(gl);
 rn.propTypes = {
-  velocityFilterWeight: O.default.number,
-  minWidth: O.default.number,
-  maxWidth: O.default.number,
-  minDistance: O.default.number,
-  dotSize: O.default.oneOfType([O.default.number, O.default.func]),
-  penColor: O.default.string,
-  throttle: O.default.number,
-  onEnd: O.default.func,
-  onBegin: O.default.func,
-  canvasProps: O.default.object,
-  clearOnResize: O.default.bool
+  velocityFilterWeight: _.default.number,
+  minWidth: _.default.number,
+  maxWidth: _.default.number,
+  minDistance: _.default.number,
+  dotSize: _.default.oneOfType([_.default.number, _.default.func]),
+  penColor: _.default.string,
+  throttle: _.default.number,
+  onEnd: _.default.func,
+  onBegin: _.default.func,
+  canvasProps: _.default.object,
+  clearOnResize: _.default.bool
 };
 rn.defaultProps = { clearOnResize: !0 };
 rn.refNullError = /* @__PURE__ */ new Error("react-signature-canvas is currently mounting or unmounting: React refs are null during this phase.");
@@ -5559,13 +5559,13 @@ var W1 = ({ onClose: e, onConfirm: t, enforcement: r, heading: n, consent: a })
       emailMe: !1
     },
     mode: "onChange"
-  }), p = c("accepted"), v = c("typedName"), y = c("signatureDataUrl"), $ = () => {
+  }), p = c("accepted"), v = c("typedName"), b = c("signatureDataUrl"), $ = () => {
     l(), r === "DRAW_SIGNATURE" && i.current?.clear();
-  }, S = () => {
+  }, y = () => {
     $(), e();
-  }, b = () => {
+  }, S = () => {
     i.current?.clear(), f("signatureDataUrl", "");
-  }, P = (g) => {
+  }, P = (N) => {
     let T = "";
     if (r === "DRAW_SIGNATURE") {
       const D = i.current;
@@ -5573,24 +5573,24 @@ var W1 = ({ onClose: e, onConfirm: t, enforcement: r, heading: n, consent: a })
       else return;
     }
     t({
-      accepted: r === "CHECKBOX_ONLY" ? g.accepted : !1,
-      typedName: r === "TYPED_NAME" ? g.typedName.trim() : "",
+      accepted: r === "CHECKBOX_ONLY" ? N.accepted : !1,
+      typedName: r === "TYPED_NAME" ? N.typedName.trim() : "",
       signatureDataUrl: T,
-      emailMe: g.emailMe
+      emailMe: N.emailMe
     }), $(), e();
-  }, _ = !m && (r === "CHECKBOX_ONLY" ? p : r === "TYPED_NAME" ? v?.trim().length > 2 : r === "DRAW_SIGNATURE" ? !!y : !1);
-  return /* @__PURE__ */ N("div", {
+  }, O = !m && (r === "CHECKBOX_ONLY" ? p : r === "TYPED_NAME" ? v?.trim().length > 2 : r === "DRAW_SIGNATURE" ? !!b : !1);
+  return /* @__PURE__ */ g("div", {
     className: "aaravpos-barber-consent-overlay",
-    children: [/* @__PURE__ */ u("div", { className: "aaravpos-barber-consent-backdrop" }), /* @__PURE__ */ N("div", {
+    children: [/* @__PURE__ */ u("div", { className: "aaravpos-barber-consent-backdrop" }), /* @__PURE__ */ g("div", {
       className: "aaravpos-barber-consent-modal",
       children: [
-        /* @__PURE__ */ N("div", {
+        /* @__PURE__ */ g("div", {
           className: "aaravpos-barber-consent-header",
           children: [/* @__PURE__ */ u("h3", {
             className: "aaravpos-barber-consent-title",
             children: n || "Consent Form"
           }), /* @__PURE__ */ u("button", {
-            onClick: S,
+            onClick: y,
             className: "aaravpos-barber-consent-close-btn",
             children: /* @__PURE__ */ u(en, {})
           })]
@@ -5605,10 +5605,10 @@ var W1 = ({ onClose: e, onConfirm: t, enforcement: r, heading: n, consent: a })
             })
           })
         }),
-        /* @__PURE__ */ N("form", {
+        /* @__PURE__ */ g("form", {
           onSubmit: s(P),
           children: [
-            r === "CHECKBOX_ONLY" && /* @__PURE__ */ N("label", {
+            r === "CHECKBOX_ONLY" && /* @__PURE__ */ g("label", {
               className: "aaravpos-barber-consent-checkbox-label",
               htmlFor: "accepted",
               children: [/* @__PURE__ */ u("input", {
@@ -5621,10 +5621,10 @@ var W1 = ({ onClose: e, onConfirm: t, enforcement: r, heading: n, consent: a })
                 children: "I have read and agree to the terms above"
               })]
             }),
-            r === "TYPED_NAME" && /* @__PURE__ */ N("div", {
+            r === "TYPED_NAME" && /* @__PURE__ */ g("div", {
               className: "aaravpos-barber-consent-typed-wrapper",
               children: [
-                /* @__PURE__ */ N("label", {
+                /* @__PURE__ */ g("label", {
                   className: "aaravpos-barber-consent-input-label",
                   htmlFor: "typedName",
                   children: ["Full Name", /* @__PURE__ */ u("span", {
@@ -5635,7 +5635,7 @@ var W1 = ({ onClose: e, onConfirm: t, enforcement: r, heading: n, consent: a })
                 /* @__PURE__ */ u("input", {
                   ...o("typedName", {
                     required: "Name is required",
-                    validate: (g) => g.trim().length > 2 || "Enter full name"
+                    validate: (N) => N.trim().length > 2 || "Enter full name"
                   }),
                   id: "typedName",
                   placeholder: "Type your full name",
@@ -5655,7 +5655,7 @@ var W1 = ({ onClose: e, onConfirm: t, enforcement: r, heading: n, consent: a })
               control: d,
               name: "signatureDataUrl",
               rules: { validate: () => i.current && !i.current.isEmpty() ? !0 : "Signature required" },
-              render: ({ field: g }) => /* @__PURE__ */ N("div", {
+              render: ({ field: N }) => /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-consent-signature-wrapper",
                 children: [
                   /* @__PURE__ */ u(rn, {
@@ -5665,21 +5665,21 @@ var W1 = ({ onClose: e, onConfirm: t, enforcement: r, heading: n, consent: a })
                       const T = i.current;
                       if (!T) return;
                       const D = T.getCanvas().toDataURL("image/png");
-                      g.onChange(D);
+                      N.onChange(D);
                     }
                   }),
                   h.signatureDataUrl && /* @__PURE__ */ u("p", {
                     className: "aaravpos-barber-consent-error aaravpos-barber-consent-error-signature",
                     children: h.signatureDataUrl.message
                   }),
-                  /* @__PURE__ */ N("div", {
+                  /* @__PURE__ */ g("div", {
                     className: "aaravpos-barber-consent-signature-actions",
-                    children: [/* @__PURE__ */ N("button", {
+                    children: [/* @__PURE__ */ g("button", {
                       type: "button",
-                      onClick: b,
+                      onClick: S,
                       className: "aaravpos-barber-consent-clear-btn",
                       children: [/* @__PURE__ */ u(Hf, { size: 14 }), "Clear"]
-                    }), /* @__PURE__ */ N("label", {
+                    }), /* @__PURE__ */ g("label", {
                       className: "aaravpos-barber-consent-email-label",
                       htmlFor: "emailme",
                       children: [/* @__PURE__ */ u("input", {
@@ -5696,17 +5696,17 @@ var W1 = ({ onClose: e, onConfirm: t, enforcement: r, heading: n, consent: a })
                 ]
               })
             }),
-            /* @__PURE__ */ N("div", {
+            /* @__PURE__ */ g("div", {
               className: "aaravpos-barber-consent-footer",
               children: [/* @__PURE__ */ u("button", {
                 type: "button",
-                onClick: S,
+                onClick: y,
                 className: "aaravpos-barber-consent-cancel-btn",
                 children: "Cancel"
-              }), /* @__PURE__ */ N("button", {
+              }), /* @__PURE__ */ g("button", {
                 type: "submit",
-                disabled: !_,
-                className: `aaravpos-barber-consent-submit-btn ${_ ? "aaravpos-barber-consent-submit-active" : "aaravpos-barber-consent-submit-disabled"}`,
+                disabled: !O,
+                className: `aaravpos-barber-consent-submit-btn ${O ? "aaravpos-barber-consent-submit-active" : "aaravpos-barber-consent-submit-disabled"}`,
                 children: [/* @__PURE__ */ u(Ia, {}), r === "DRAW_SIGNATURE" || r === "TYPED_NAME" ? "Sign & Continue" : "I Agree"]
               })]
             })
@@ -13448,18 +13448,18 @@ function m0(e, t) {
   return r;
 }
 function h0(e) {
-  var t = e.ref, r = e.parse, n = e.format, a = e.value, i = e.defaultValue, o = e.controlled, s = o === void 0 ? !0 : o, d = e.onChange, l = e.onKeyDown, c = p0(e, u0), f = De(), h = Ue(function(y) {
-    f.current = y, t && (typeof t == "function" ? t(y) : t.current = y);
-  }, [t]), m = Ue(function(y) {
-    return d0(y, f.current, r, n, d);
+  var t = e.ref, r = e.parse, n = e.format, a = e.value, i = e.defaultValue, o = e.controlled, s = o === void 0 ? !0 : o, d = e.onChange, l = e.onKeyDown, c = p0(e, u0), f = De(), h = Ue(function(b) {
+    f.current = b, t && (typeof t == "function" ? t(b) : t.current = b);
+  }, [t]), m = Ue(function(b) {
+    return d0(b, f.current, r, n, d);
   }, [
     f,
     r,
     n,
     d
-  ]), p = Ue(function(y) {
-    if (l && l(y), !y.defaultPrevented)
-      return l0(y, f.current, r, n, d);
+  ]), p = Ue(function(b) {
+    if (l && l(b), !b.defaultPrevented)
+      return l0(b, f.current, r, n, d);
   }, [
     f,
     r,
@@ -13549,17 +13549,17 @@ function Tr(e, t) {
 }
 Tr = /* @__PURE__ */ j.forwardRef(Tr);
 Tr.propTypes = {
-  parse: O.default.func.isRequired,
-  format: O.default.func.isRequired,
-  inputComponent: O.default.elementType,
-  type: O.default.string,
-  value: O.default.string,
-  defaultValue: O.default.string,
-  onChange: O.default.func,
-  controlled: O.default.bool,
-  onKeyDown: O.default.func,
-  onCut: O.default.func,
-  onPaste: O.default.func
+  parse: _.default.func.isRequired,
+  format: _.default.func.isRequired,
+  inputComponent: _.default.elementType,
+  type: _.default.string,
+  value: _.default.string,
+  defaultValue: _.default.string,
+  onChange: _.default.func,
+  controlled: _.default.bool,
+  onKeyDown: _.default.func,
+  onCut: _.default.func,
+  onPaste: _.default.func
 };
 var N0 = Tr;
 function zi(e, t) {
@@ -14381,8 +14381,8 @@ var rp = ";ext=", st = function(t) {
   return "([".concat(Pe, "]{1,").concat(t, "})");
 };
 function Cd(e) {
-  var t = "20", r = "15", n = "9", a = "6", i = "[  \\t,]*", o = "[:\\.．]?[  \\t,-]*", s = "#?", d = "(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)", l = "(?:[xｘ#＃~～]|int|ｉｎｔ)", c = "[- ]+", f = "[  \\t]*", h = "(?:,{2}|;)", m = rp + st(t), p = i + d + o + st(t) + s, v = i + l + o + st(n) + s, y = c + st(a) + "#", $ = f + h + o + st(r) + s, S = f + "(?:,)+" + o + st(n) + s;
-  return m + "|" + p + "|" + v + "|" + y + "|" + $ + "|" + S;
+  var t = "20", r = "15", n = "9", a = "6", i = "[  \\t,]*", o = "[:\\.．]?[  \\t,-]*", s = "#?", d = "(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)", l = "(?:[xｘ#＃~～]|int|ｉｎｔ)", c = "[- ]+", f = "[  \\t]*", h = "(?:,{2}|;)", m = rp + st(t), p = i + d + o + st(t) + s, v = i + l + o + st(n) + s, b = c + st(a) + "#", $ = f + h + o + st(r) + s, y = f + "(?:,)+" + o + st(n) + s;
+  return m + "|" + p + "|" + v + "|" + b + "|" + $ + "|" + y;
 }
 var np = "[" + Pe + "]{2}", ap = "[" + sn + "]{0,1}(?:[" + Me + "]*[" + Pe + "]){3,}[" + Me + Pe + "]*", ip = new RegExp("^[" + sn + "]{0,1}(?:[" + Me + "]*[" + Pe + "]){1,2}$", "i"), op = ap + "(?:" + Cd() + ")?", sp = new RegExp("^" + np + "$|^" + op + "$", "i");
 function dp(e) {
@@ -15999,8 +15999,8 @@ var sa = "9", am = ur(sa, 15), im = /[- ]/, Mr = !0, om = Mr && function() {
               for (var v = o.length; v > 0; )
                 h = h.replace(/\d/, "x"), v--;
           }
-          var y = l.replace(new RegExp(d), h).replace(new RegExp(sa, "g"), "x");
-          return m || (s ? y = ur("x", s.length) + " " + y : o && (y = ur("x", o.length) + this.getSeparatorAfterNationalPrefix(r) + y)), i && (y = $d(y)), y;
+          var b = l.replace(new RegExp(d), h).replace(new RegExp(sa, "g"), "x");
+          return m || (s ? b = ur("x", s.length) + " " + b : o && (b = ur("x", o.length) + this.getSeparatorAfterNationalPrefix(r) + b)), i && (b = $d(b)), b;
         }
       }
     },
@@ -16636,10 +16636,10 @@ function zm(e) {
         inputFormat: o,
         country: i,
         metadata: d
-      }), v = m.input(p + h), y = m.getTemplate();
-      return p && (v = da(v, p), y && (y = da(y, p))), {
+      }), v = m.input(p + h), b = m.getTemplate();
+      return p && (v = da(v, p), b && (b = da(b, p))), {
         text: v,
-        template: y
+        template: b
       };
     }, [i, d]), f = Ad({
       onKeyDown: a,
@@ -16653,17 +16653,17 @@ function zm(e) {
     }));
   }
   return t = /* @__PURE__ */ j.forwardRef(t), t.propTypes = {
-    value: O.default.string.isRequired,
-    onChange: O.default.func.isRequired,
-    onKeyDown: O.default.func,
-    country: O.default.string,
-    inputFormat: O.default.oneOf([
+    value: _.default.string.isRequired,
+    onChange: _.default.func.isRequired,
+    onKeyDown: _.default.func,
+    country: _.default.string,
+    inputFormat: _.default.oneOf([
       "INTERNATIONAL",
       "NATIONAL_PART_OF_INTERNATIONAL",
       "NATIONAL",
       "INTERNATIONAL_OR_NATIONAL"
     ]).isRequired,
-    metadata: O.default.object
+    metadata: _.default.object
   }, t;
 }
 var Wm = zm(), Hm = [
@@ -16712,15 +16712,15 @@ function Ym(e) {
       country: s,
       metadata: c
     }), v = Ue(function($) {
-      var S = na($.target.value);
-      S === a && Do(p, S, s, c).indexOf($.target.value) === 0 && (S = S.slice(0, -1)), i(S);
+      var y = na($.target.value);
+      y === a && Do(p, y, s, c).indexOf($.target.value) === 0 && (y = y.slice(0, -1)), i(y);
     }, [
       p,
       a,
       i,
       s,
       c
-    ]), y = Ad({
+    ]), b = Ad({
       onKeyDown: o,
       inputFormat: d
     });
@@ -16728,22 +16728,22 @@ function Ym(e) {
       ref: n,
       value: Do(p, a, s, c),
       onChange: v,
-      onKeyDown: y
+      onKeyDown: b
     }));
   }
   return t = /* @__PURE__ */ j.forwardRef(t), t.propTypes = {
-    value: O.default.string.isRequired,
-    onChange: O.default.func.isRequired,
-    onKeyDown: O.default.func,
-    country: O.default.string,
-    inputFormat: O.default.oneOf([
+    value: _.default.string.isRequired,
+    onChange: _.default.func.isRequired,
+    onKeyDown: _.default.func,
+    country: _.default.string,
+    inputFormat: _.default.oneOf([
       "INTERNATIONAL",
       "NATIONAL_PART_OF_INTERNATIONAL",
       "NATIONAL",
       "INTERNATIONAL_OR_NATIONAL"
     ]).isRequired,
-    metadata: O.default.object,
-    inputComponent: O.default.elementType
+    metadata: _.default.object,
+    inputComponent: _.default.elementType
   }, t;
 }
 var Zm = Ym();
@@ -16849,15 +16849,15 @@ function Md(e) {
   }));
 }
 Md.propTypes = {
-  value: O.default.string,
-  onChange: O.default.func.isRequired,
-  options: O.default.arrayOf(O.default.shape({
-    value: O.default.string,
-    label: O.default.string,
-    divider: O.default.bool
+  value: _.default.string,
+  onChange: _.default.func.isRequired,
+  options: _.default.arrayOf(_.default.shape({
+    value: _.default.string,
+    label: _.default.string,
+    divider: _.default.bool
   })).isRequired,
-  disabled: O.default.bool,
-  readOnly: O.default.bool
+  disabled: _.default.bool,
+  readOnly: _.default.bool
 };
 var nh = {
   fontSize: "1px",
@@ -16882,9 +16882,9 @@ function kd(e) {
   })), /* @__PURE__ */ j.createElement(o, null));
 }
 kd.propTypes = {
-  iconComponent: O.default.elementType,
-  arrowComponent: O.default.elementType,
-  unicodeFlags: O.default.bool
+  iconComponent: _.default.elementType,
+  arrowComponent: _.default.elementType,
+  unicodeFlags: _.default.bool
 };
 function ah() {
   return /* @__PURE__ */ j.createElement("div", { className: "PhoneInputCountrySelectArrow" });
@@ -16940,10 +16940,10 @@ function La(e) {
   }));
 }
 La.propTypes = {
-  country: O.default.string.isRequired,
-  countryName: O.default.string.isRequired,
-  flags: O.default.objectOf(O.default.elementType),
-  flagUrl: O.default.string.isRequired
+  country: _.default.string.isRequired,
+  countryName: _.default.string.isRequired,
+  flags: _.default.objectOf(_.default.elementType),
+  flagUrl: _.default.string.isRequired
 };
 var lh = ["aspectRatio"], ch = ["title"], uh = ["title"];
 function Rr() {
@@ -16977,8 +16977,8 @@ function dn(e) {
   return t === 1 ? /* @__PURE__ */ j.createElement(Fd, r) : /* @__PURE__ */ j.createElement(Rd, r);
 }
 dn.propTypes = {
-  title: O.default.string.isRequired,
-  aspectRatio: O.default.number
+  title: _.default.string.isRequired,
+  aspectRatio: _.default.number
 };
 function Rd(e) {
   var t = e.title, r = Ba(e, ch);
@@ -17017,7 +17017,7 @@ function Rd(e) {
     d: "M12.4,17.9c2.9-2.9,5.4-4.8,0.3-11.2S4.1,5.2,1.3,8.1C-2,11.4,1.1,23.5,13.1,35.6s24.3,15.2,27.5,11.9c2.8-2.8,7.8-6.3,1.4-11.5s-8.3-2.6-11.2,0.3c-2,2-7.2-2.2-11.7-6.7S10.4,19.9,12.4,17.9z"
   }));
 }
-Rd.propTypes = { title: O.default.string.isRequired };
+Rd.propTypes = { title: _.default.string.isRequired };
 function Fd(e) {
   var t = e.title, r = Ba(e, uh);
   return /* @__PURE__ */ j.createElement("svg", Rr({}, r, {
@@ -17046,7 +17046,7 @@ function Fd(e) {
     d: "M9.42,26.64c2.22-2.22,4.15-3.59.22-8.49S3.08,17,.93,19.17c-2.49,2.48-.13,11.74,9,20.89s18.41,11.5,20.89,9c2.15-2.15,5.91-4.77,1-8.71s-6.27-2-8.49.22c-1.55,1.55-5.48-1.69-8.86-5.08S7.87,28.19,9.42,26.64Z"
   }));
 }
-Fd.propTypes = { title: O.default.string.isRequired };
+Fd.propTypes = { title: _.default.string.isRequired };
 function ph(e) {
   if (e.length < 2 || e[0] !== "+") return !1;
   for (var t = 1; t < e.length; ) {
@@ -17179,9 +17179,9 @@ function Bd(e) {
     }));
   }
   return i.propTypes = {
-    country: O.default.string,
-    label: O.default.string.isRequired,
-    aspectRatio: O.default.number
+    country: _.default.string,
+    label: _.default.string.isRequired,
+    aspectRatio: _.default.number
   }, i;
 }
 var Rv = Bd({
@@ -17227,10 +17227,10 @@ function Sh(e, t) {
 function Ph(e, t) {
   typeof e == "function" ? e(t) : e.current = t;
 }
-var Ud = O.default.shape({
-  country_calling_codes: O.default.object.isRequired,
-  countries: O.default.object.isRequired
-}), Vd = O.default.objectOf(O.default.string);
+var Ud = _.default.shape({
+  country_calling_codes: _.default.object.isRequired,
+  countries: _.default.object.isRequired
+}), Vd = _.default.objectOf(_.default.string);
 function Ve(e, t) {
   return "+" + Xe(e, t);
 }
@@ -17442,7 +17442,7 @@ function Fh(e, t) {
 function jh(e, t, r) {
   var n = e.metadata, a = e.countries, i = e.defaultCountry, o = e.value, s = e.reset, d = e.international, l = e.displayInitialValueAsLocalNumber, c = e.initialValueFormat, f = t.defaultCountry, h = t.value, m = t.reset;
   r.country;
-  var p = r.value, v = r.hasUserSelectedACountry, y = r.latestCountrySelectedByUser, $ = function(H) {
+  var p = r.value, v = r.hasUserSelectedACountry, b = r.latestCountrySelectedByUser, $ = function(H) {
     return Hd(er(er({}, H), {}, {
       international: d,
       useNationalFormat: l || c === "national",
@@ -17460,11 +17460,11 @@ function jh(e, t, r) {
     hasUserSelectedACountry: void 0
   };
   if (i !== f) {
-    var S = !i || ln(i, n), b = !p || d && p === $({
+    var y = !i || ln(i, n), S = !p || d && p === $({
       value: void 0,
       defaultCountry: f
     });
-    if (!v && S && !o && b) return {
+    if (!v && y && !o && S) return {
       country: i,
       phoneDigits: $({
         value: void 0,
@@ -17474,18 +17474,18 @@ function jh(e, t, r) {
     };
   }
   if (!Vo(o, h) && !Vo(o, p)) {
-    var P, _;
+    var P, O;
     if (o) {
       o && jd(o), P = Gd(o, n);
-      var g = Ld(a, n);
-      P && P.country ? (!g || g.indexOf(P.country) >= 0) && (_ = P.country) : (_ = zd(o, {
+      var N = Ld(a, n);
+      P && P.country ? (!N || N.indexOf(P.country) >= 0) && (O = P.country) : (O = zd(o, {
         country: void 0,
-        countries: g,
+        countries: N,
         metadata: n
-      }), _ || i && o.indexOf(Ve(i, n)) === 0 && (_ = i));
+      }), O || i && o.indexOf(Ve(i, n)) === 0 && (O = i));
     }
     var T;
-    return o ? y && ((_ ? y === _ : ft(o, y, n)) ? _ || (_ = y) : T = { latestCountrySelectedByUser: void 0 }) : T = {
+    return o ? b && ((O ? b === O : ft(o, b, n)) ? O || (O = b) : T = { latestCountrySelectedByUser: void 0 }) : T = {
       latestCountrySelectedByUser: void 0,
       hasUserSelectedACountry: void 0
     }, er(er({}, T), {}, {
@@ -17495,7 +17495,7 @@ function jh(e, t, r) {
         defaultCountry: i
       }),
       value: o,
-      country: o ? _ : i
+      country: o ? O : i
     });
   }
 }
@@ -17669,40 +17669,40 @@ function Kh(e, t) {
 var Yh = /* @__PURE__ */ (function(e) {
   function t(r) {
     var n;
-    Vh(this, t), n = zh(this, t, [r]), Ae(n, "setInputRef", function(y) {
-      Sh([n.props.inputRef, n.inputRef], y);
-    }), Ae(n, "isCountrySupportedWithError", function(y) {
+    Vh(this, t), n = zh(this, t, [r]), Ae(n, "setInputRef", function(b) {
+      Sh([n.props.inputRef, n.inputRef], b);
+    }), Ae(n, "isCountrySupportedWithError", function(b) {
       var $ = n.props.metadata;
-      return ln(y, $);
-    }), Ae(n, "onCountryChange", function(y) {
-      var $ = n.props, S = $.international, b = $.metadata, P = $.onChange, _ = $.focusInputOnCountrySelection, g = n.state, T = g.phoneDigits, D = g.country, H = Eh(T, {
+      return ln(b, $);
+    }), Ae(n, "onCountryChange", function(b) {
+      var $ = n.props, y = $.international, S = $.metadata, P = $.onChange, O = $.focusInputOnCountrySelection, N = n.state, T = N.phoneDigits, D = N.country, H = Eh(T, {
         prevCountry: D,
-        newCountry: y,
-        metadata: b,
-        useNationalFormat: !S
-      }), J = ct(H, y, b);
-      _ && n.inputRef.current.focus(), n.setState({
-        country: y,
-        latestCountrySelectedByUser: y,
+        newCountry: b,
+        metadata: S,
+        useNationalFormat: !y
+      }), X = ct(H, b, S);
+      O && n.inputRef.current.focus(), n.setState({
+        country: b,
+        latestCountrySelectedByUser: b,
         hasUserSelectedACountry: !0,
         phoneDigits: H,
-        value: J
+        value: X
       }, function() {
-        P(J);
+        P(X);
       });
-    }), Ae(n, "onChange", function(y) {
-      var $ = n.props, S = $.defaultCountry, b = $.onChange, P = $.addInternationalOption, _ = $.international, g = $.limitMaxLength, T = $.countryCallingCodeEditable, D = $.metadata, H = n.state, J = H.countries, ae = H.phoneDigits, ce = H.country, ue = H.latestCountrySelectedByUser, ye = Ah(y, {
+    }), Ae(n, "onChange", function(b) {
+      var $ = n.props, y = $.defaultCountry, S = $.onChange, P = $.addInternationalOption, O = $.international, N = $.limitMaxLength, T = $.countryCallingCodeEditable, D = $.metadata, H = n.state, X = H.countries, ae = H.phoneDigits, ce = H.country, ue = H.latestCountrySelectedByUser, ye = Ah(b, {
         prevPhoneDigits: ae,
         country: ce,
         countryRequired: !P,
-        defaultCountry: S,
+        defaultCountry: y,
         latestCountrySelectedByUser: ue,
         getAnyCountry: function() {
-          return n.getFirstSupportedCountry({ countries: J });
+          return n.getFirstSupportedCountry({ countries: X });
         },
-        countries: J,
-        international: _,
-        limitMaxLength: g,
+        countries: X,
+        international: O,
+        limitMaxLength: N,
         countryCallingCodeEditable: T,
         metadata: D
       }), Ce = ye.phoneDigits, me = ye.country, fe = ye.value, se = {
@@ -17711,32 +17711,32 @@ var Yh = /* @__PURE__ */ (function(e) {
         country: me
       };
       ue && fe && !ft(fe, ue, D) && (se.latestCountrySelectedByUser = void 0), T === !1 && !fe && Ce === n.state.phoneDigits && (se.forceRerender = {}), n.setState(se, function() {
-        return b(fe);
+        return S(fe);
       });
     }), Ae(n, "_onFocus", function() {
       return n.setState({ isFocused: !0 });
     }), Ae(n, "_onBlur", function() {
       return n.setState({ isFocused: !1 });
-    }), Ae(n, "onFocus", function(y) {
+    }), Ae(n, "onFocus", function(b) {
       n._onFocus();
       var $ = n.props.onFocus;
-      $ && $(y);
-    }), Ae(n, "onBlur", function(y) {
+      $ && $(b);
+    }), Ae(n, "onBlur", function(b) {
       var $ = n.props.onBlur;
-      n._onBlur(), $ && $(y);
-    }), Ae(n, "onCountryFocus", function(y) {
+      n._onBlur(), $ && $(b);
+    }), Ae(n, "onCountryFocus", function(b) {
       n._onFocus();
       var $ = n.props.countrySelectProps;
       if ($) {
-        var S = $.onFocus;
-        S && S(y);
+        var y = $.onFocus;
+        y && y(b);
       }
-    }), Ae(n, "onCountryBlur", function(y) {
+    }), Ae(n, "onCountryBlur", function(b) {
       n._onBlur();
       var $ = n.props.countrySelectProps;
       if ($) {
-        var S = $.onBlur;
-        S && S(y);
+        var y = $.onBlur;
+        y && y(b);
       }
     }), n.inputRef = /* @__PURE__ */ j.createRef();
     var a = n.props, i = a.value;
@@ -17824,13 +17824,13 @@ var Yh = /* @__PURE__ */ (function(e) {
       value: function() {
         var n = this.props, a = n.name, i = n.disabled, o = n.readOnly, s = n.autoComplete, d = n.style, l = n.className;
         n.inputRef;
-        var c = n.inputComponent, f = n.numberInputProps, h = n.smartCaret, m = n.countrySelectComponent, p = n.countrySelectProps, v = n.containerComponent, y = n.containerComponentProps;
+        var c = n.inputComponent, f = n.numberInputProps, h = n.smartCaret, m = n.countrySelectComponent, p = n.countrySelectProps, v = n.containerComponent, b = n.containerComponentProps;
         n.defaultCountry, n.countries, n.countryOptionsOrder;
         var $ = n.labels;
         n.flags, n.flagComponent, n.flagUrl, n.addInternationalOption, n.internationalIcon, n.displayInitialValueAsLocalNumber, n.initialValueFormat, n.onCountryChange, n.limitMaxLength, n.countryCallingCodeEditable, n.focusInputOnCountrySelection, n.reset;
-        var S = n.metadata, b = n.international;
+        var y = n.metadata, S = n.international;
         n.locales;
-        var P = Bh(n, Lh), _ = this.state, g = _.country, T = _.countries, D = _.phoneDigits, H = _.isFocused, J = h ? Wm : Zm, ae = this.getCountrySelectOptions({ countries: T });
+        var P = Bh(n, Lh), O = this.state, N = O.country, T = O.countries, D = O.phoneDigits, H = O.isFocused, X = h ? Wm : Zm, ae = this.getCountrySelectOptions({ countries: T });
         return /* @__PURE__ */ j.createElement(v, pt({
           style: d,
           className: (0, kr.default)(l, "PhoneInput", {
@@ -17838,11 +17838,11 @@ var Yh = /* @__PURE__ */ (function(e) {
             "PhoneInput--disabled": i,
             "PhoneInput--readOnly": o
           })
-        }, y), /* @__PURE__ */ j.createElement(m, pt({
+        }, b), /* @__PURE__ */ j.createElement(m, pt({
           name: a ? "".concat(a, "Country") : void 0,
           "aria-label": $.country
         }, p, {
-          value: g,
+          value: N,
           options: ae,
           onChange: this.onCountryChange,
           onFocus: this.onCountryFocus,
@@ -17850,17 +17850,17 @@ var Yh = /* @__PURE__ */ (function(e) {
           disabled: i || p && p.disabled,
           readOnly: o || p && p.readOnly,
           iconComponent: this.CountryIcon
-        })), /* @__PURE__ */ j.createElement(J, pt({
+        })), /* @__PURE__ */ j.createElement(X, pt({
           ref: this.setInputRef,
           type: "tel",
           autoComplete: s
         }, f, P, {
-          inputFormat: b === !0 ? "INTERNATIONAL" : b === !1 ? "NATIONAL" : "INTERNATIONAL_OR_NATIONAL",
-          international: b ? !0 : void 0,
-          withCountryCallingCode: b ? !0 : void 0,
+          inputFormat: S === !0 ? "INTERNATIONAL" : S === !1 ? "NATIONAL" : "INTERNATIONAL_OR_NATIONAL",
+          international: S ? !0 : void 0,
+          withCountryCallingCode: S ? !0 : void 0,
           name: a,
-          metadata: S,
-          country: g,
+          metadata: y,
+          country: N,
           value: D || "",
           onChange: this.onChange,
           onFocus: this.onFocus,
@@ -17882,40 +17882,40 @@ var Yh = /* @__PURE__ */ (function(e) {
   return /* @__PURE__ */ j.createElement(Yh, pt({}, Zh(e), { inputRef: t }));
 });
 Zd.propTypes = {
-  value: O.default.string,
-  onChange: O.default.func.isRequired,
-  onFocus: O.default.func,
-  onBlur: O.default.func,
-  disabled: O.default.bool,
-  readOnly: O.default.bool,
-  autoComplete: O.default.string,
-  initialValueFormat: O.default.oneOf(["national"]),
-  displayInitialValueAsLocalNumber: O.default.bool,
-  defaultCountry: O.default.string,
-  countries: O.default.arrayOf(O.default.string),
+  value: _.default.string,
+  onChange: _.default.func.isRequired,
+  onFocus: _.default.func,
+  onBlur: _.default.func,
+  disabled: _.default.bool,
+  readOnly: _.default.bool,
+  autoComplete: _.default.string,
+  initialValueFormat: _.default.oneOf(["national"]),
+  displayInitialValueAsLocalNumber: _.default.bool,
+  defaultCountry: _.default.string,
+  countries: _.default.arrayOf(_.default.string),
   labels: Vd,
-  locales: O.default.oneOfType([O.default.string, O.default.arrayOf(O.default.string)]),
-  flagUrl: O.default.string,
-  flags: O.default.objectOf(O.default.elementType),
-  flagComponent: O.default.elementType,
-  addInternationalOption: O.default.bool,
-  internationalIcon: O.default.elementType,
-  countryOptionsOrder: O.default.arrayOf(O.default.string),
-  style: O.default.object,
-  className: O.default.string,
-  countrySelectComponent: O.default.elementType,
-  countrySelectProps: O.default.object,
-  inputComponent: O.default.elementType,
-  numberInputProps: O.default.object,
-  containerComponent: O.default.elementType,
-  containerComponentProps: O.default.object,
-  smartCaret: O.default.bool,
-  international: O.default.bool,
-  limitMaxLength: O.default.bool,
-  countryCallingCodeEditable: O.default.bool,
+  locales: _.default.oneOfType([_.default.string, _.default.arrayOf(_.default.string)]),
+  flagUrl: _.default.string,
+  flags: _.default.objectOf(_.default.elementType),
+  flagComponent: _.default.elementType,
+  addInternationalOption: _.default.bool,
+  internationalIcon: _.default.elementType,
+  countryOptionsOrder: _.default.arrayOf(_.default.string),
+  style: _.default.object,
+  className: _.default.string,
+  countrySelectComponent: _.default.elementType,
+  countrySelectProps: _.default.object,
+  inputComponent: _.default.elementType,
+  numberInputProps: _.default.object,
+  containerComponent: _.default.elementType,
+  containerComponentProps: _.default.object,
+  smartCaret: _.default.bool,
+  international: _.default.bool,
+  limitMaxLength: _.default.bool,
+  countryCallingCodeEditable: _.default.bool,
   metadata: Ud,
-  onCountryChange: O.default.func,
-  focusInputOnCountrySelection: O.default.bool
+  onCountryChange: _.default.func,
+  focusInputOnCountrySelection: _.default.bool
 };
 var Wo = {
   autoComplete: "tel",
@@ -17925,7 +17925,7 @@ var Wo = {
   internationalIcon: dn,
   inputComponent: "input",
   containerComponent: "div",
-  reset: O.default.any,
+  reset: _.default.any,
   smartCaret: !0,
   addInternationalOption: !0,
   countryCallingCodeEditable: !0,
@@ -18279,7 +18279,7 @@ var av = [
   return +`${t}${r}`;
 };
 function dv() {
-  const e = ze(), { tenantId: t, id: r } = X((w) => w.barber.outletDetails), { timeZone: n, image: a, outletName: i, address: o } = X((w) => w.barber.outletDetails), { staff: s, selectedServices: d, selectedProfessional: l } = X((w) => w.barber.service), { selectedSlotIds: c, selectedDate: f, selectedTime: h } = X((w) => w.barber.slots), { userDetails: m, bookingMode: p, tipPct: v } = X((w) => w.barber.appointment), y = Array.isArray(d) ? d : [d], { selectedSlotIndexes: $, slots: S } = X((w) => w.barber.slots), [b, P] = Z(!1), [_, g] = Z(!1), [T, D] = Z(null), [H, J] = Z("person"), [ae, ce] = Z(!1), [ue, ye] = Z(""), [Ce, me] = Z(""), [fe, se] = Z(null), [Q, he] = Z(null), [x, C] = Z({}), [E, k] = Z({}), [U, R] = Z(!1), q = De(!1), V = De(""), G = ve.now().setZone(n ?? "UTC"), [z, W] = Z(null), [K, A] = Z(!1), M = De(""), F = De(null), { register: pe, handleSubmit: He, control: Nt, watch: Ht, reset: cn, trigger: Ua, setValue: Ct, formState: { errors: qe, isSubmitted: Va, isSubmitting: Jd } } = ha({
+  const e = ze(), { tenantId: t, id: r } = J((w) => w.barber.outletDetails), { timeZone: n, image: a, outletName: i, address: o } = J((w) => w.barber.outletDetails), { staff: s, selectedServices: d, selectedProfessional: l } = J((w) => w.barber.service), { selectedSlotIds: c, selectedDate: f, selectedTime: h } = J((w) => w.barber.slots), { userDetails: m, bookingMode: p, tipPct: v } = J((w) => w.barber.appointment), b = Array.isArray(d) ? d : [d], { selectedSlotIndexes: $, slots: y } = J((w) => w.barber.slots), [S, P] = Z(!1), [O, N] = Z(!1), [T, D] = Z(null), [H, X] = Z("person"), [ae, ce] = Z(!1), [ue, ye] = Z(""), [Ce, me] = Z(""), [fe, se] = Z(null), [Q, he] = Z(null), [x, C] = Z({}), [E, k] = Z({}), [U, R] = Z(!1), q = De(!1), V = De(""), G = ve.now().setZone(n ?? "UTC"), [z, W] = Z(null), [K, A] = Z(!1), M = De(""), F = De(null), { register: pe, handleSubmit: He, control: Nt, watch: Ht, reset: cn, trigger: Ua, setValue: Ct, formState: { errors: qe, isSubmitted: Va, isSubmitting: Jd } } = ha({
     defaultValues: {
       firstName: m?.firstName || "",
       lastName: m?.lastName || "",
@@ -18288,7 +18288,7 @@ function dv() {
     },
     mode: "onChange",
     reValidateMode: "onChange"
-  }), un = Ht("phone"), fn = Ht("email"), pn = (w) => w?.replace(/\s+/g, "") || "", Qd = (w) => /^\S+@\S+\.\S+$/.test(w), mn = y.map((w) => {
+  }), un = Ht("phone"), fn = Ht("email"), pn = (w) => w?.replace(/\s+/g, "") || "", Qd = (w) => /^\S+@\S+\.\S+$/.test(w), mn = b.map((w) => {
     const I = s?.find((B) => B.id === l?.id)?.assignments?.find((B) => B.id === w.id), L = {
       ...w,
       price: I?.price ?? w.price ?? w.min_price ?? 0,
@@ -18301,9 +18301,9 @@ function dv() {
       unitTax: Mi(L, { perUnit: !0 })
     };
   }), hn = [
-    ...S?.morning ?? [],
-    ...S?.afternoon ?? [],
-    ...S?.evening ?? []
+    ...y?.morning ?? [],
+    ...y?.afternoon ?? [],
+    ...y?.evening ?? []
   ], el = mn.reduce((w, I) => w + Number(I.duration ?? 0), 0), tl = Math.ceil(el / iv), rl = (w) => {
     if (!hn.length) return "";
     const I = hn[w]?.start_time, L = hn[w + tl - 1];
@@ -18312,7 +18312,7 @@ function dv() {
     day: Number(f?.day ?? G.day),
     month: Number(f?.month ?? G.month),
     year: Number(f?.year ?? G.year)
-  }, za = $?.[0], Wa = za !== void 0 ? rl(za) : null, nl = Wa ? `${av[Ga.month - 1]} ${Ga.day} at ${Wa}` : null, vn = mn.reduce((w, I) => w + Number(I.price) * (I.qty ?? 1), 0), Ha = mn.reduce((w, I) => w + I.tax, 0), al = Math.round(Ha * 100), qa = vn * v / 100, il = Math.round(qa * 100), Ka = vn + qa + Ha, Ie = ge(() => y.filter((w) => !(!Ys(w) || (w?.consent_rule?.enforcementMode ?? w?.enforcementMode) === "FIXED")), [y]), ol = ge(() => Ie.map((w) => String(w.id)).filter(Boolean), [Ie]), sl = (w) => {
+  }, za = $?.[0], Wa = za !== void 0 ? rl(za) : null, nl = Wa ? `${av[Ga.month - 1]} ${Ga.day} at ${Wa}` : null, vn = mn.reduce((w, I) => w + Number(I.price) * (I.qty ?? 1), 0), Ha = mn.reduce((w, I) => w + I.tax, 0), al = Math.round(Ha * 100), qa = vn * v / 100, il = Math.round(qa * 100), Ka = vn + qa + Ha, Ie = ge(() => b.filter((w) => !(!Ys(w) || (w?.consent_rule?.enforcementMode ?? w?.enforcementMode) === "FIXED")), [b]), ol = ge(() => Ie.map((w) => String(w.id)).filter(Boolean), [Ie]), sl = (w) => {
     const I = w?.consent_template ?? w?.consentTemplate ?? null;
     return {
       heading: String(I?.heading ?? "").trim(),
@@ -18565,7 +18565,7 @@ function dv() {
       staffId: l?.id,
       date: ti,
       startTime: h,
-      serviceIds: y.map((B) => B.id),
+      serviceIds: b.map((B) => B.id),
       slotIds: c,
       isWalkIn: !1,
       requiresConsent: Ie.length > 0,
@@ -18586,7 +18586,7 @@ function dv() {
       p === "booking" && Ja > 0 && await ml(ne, be, Oe), H === "card" ? (D({
         appointmentId: ne,
         customerId: be
-      }), g(!0)) : (e(Jt(String(ne))), e(Be()));
+      }), N(!0)) : (e(Jt(String(ne))), e(Be()));
     } catch (B) {
       const ie = B?.payload?.message || B?.data?.message || B?.message || "Staff not working on this day";
       re.error(ie);
@@ -18668,16 +18668,16 @@ function dv() {
           re.warning(Oe instanceof Error ? Oe.message : String(Oe ?? "Payment done, but finalize failed"));
         }
       } else re.warning("Payment pending");
-      return g(!1), e(Jt(String(T?.appointmentId))), e(Be()), !0;
+      return N(!1), e(Jt(String(T?.appointmentId))), e(Be()), !0;
     } catch (I) {
-      return re.warning(I instanceof Error ? I.message : "Payment failed, but appointment is booked"), g(!1), e(Jt(String(T?.appointmentId))), e(Be()), !0;
+      return re.warning(I instanceof Error ? I.message : "Payment failed, but appointment is booked"), N(!1), e(Jt(String(T?.appointmentId))), e(Be()), !0;
     } finally {
       P(!1);
     }
   }, $l = () => {
-    g(!1), re.warning("Appointment booked. Payment was cancelled."), e(Jt(String(T?.appointmentId))), e(Be());
+    N(!1), re.warning("Appointment booked. Payment was cancelled."), e(Jt(String(T?.appointmentId))), e(Be());
   };
-  return /* @__PURE__ */ N(Aa, {
+  return /* @__PURE__ */ g(Aa, {
     sidebar: /* @__PURE__ */ u("div", {
       className: "aaravpos-barber-aside",
       children: /* @__PURE__ */ u(xa, {
@@ -18690,11 +18690,11 @@ function dv() {
         consentCompleted: Ja,
         totalConsents: Xa,
         checkingConsent: U,
-        loading: b
+        loading: S
       })
     }),
     children: [
-      /* @__PURE__ */ N($e, { children: [/* @__PURE__ */ u(Ta, {}), /* @__PURE__ */ N("div", {
+      /* @__PURE__ */ g($e, { children: [/* @__PURE__ */ u(Ta, {}), /* @__PURE__ */ g("div", {
         className: "aaravpos-barber-margin-top-20",
         children: [
           /* @__PURE__ */ u("h1", {
@@ -18705,9 +18705,9 @@ function dv() {
             className: "aaravpos-barber-sub-title",
             children: "Review your appointment details before booking"
           }),
-          /* @__PURE__ */ N("div", {
+          /* @__PURE__ */ g("div", {
             className: "aaravpos-barber-booking-wrapper aaravpos-barber-margin-top-20",
-            children: [/* @__PURE__ */ N("div", {
+            children: [/* @__PURE__ */ g("div", {
               className: "aaravpos-barber-outlet-info",
               children: [a && /* @__PURE__ */ u("div", {
                 className: "aaravpos-barber-outlet-logo",
@@ -18716,70 +18716,70 @@ function dv() {
                   alt: "Logo",
                   className: "aaravpos-barber-outlet-logo-img"
                 })
-              }), /* @__PURE__ */ N("div", {
+              }), /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-outlet-content",
                 children: [/* @__PURE__ */ u("p", {
                   className: "aaravpos-barber-outlet-name",
                   children: i ?? "-"
-                }), /* @__PURE__ */ N("p", {
+                }), /* @__PURE__ */ g("p", {
                   className: "aaravpos-barber-outlet-address",
                   children: [o ?? "-", /* @__PURE__ */ u("br", {})]
                 })]
               })]
-            }), /* @__PURE__ */ N("div", {
+            }), /* @__PURE__ */ g("div", {
               className: "aaravpos-barber-booking-scroll",
-              children: [/* @__PURE__ */ N("div", {
+              children: [/* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-booking-grid",
-                children: [/* @__PURE__ */ N("div", {
+                children: [/* @__PURE__ */ g("div", {
                   className: "aaravpos-barber-booking-column",
-                  children: [/* @__PURE__ */ u(Ho, { children: "Appointment" }), /* @__PURE__ */ N(lv, { children: [/* @__PURE__ */ N("div", {
+                  children: [/* @__PURE__ */ u(Ho, { children: "Appointment" }), /* @__PURE__ */ g(lv, { children: [/* @__PURE__ */ g("div", {
                     className: "aaravpos-barber-appointment-header",
                     children: [
                       /* @__PURE__ */ u(cv, { pro: l }),
-                      /* @__PURE__ */ N("div", {
+                      /* @__PURE__ */ g("div", {
                         className: "aaravpos-barber-appointment-content",
                         children: [/* @__PURE__ */ u("p", {
                           className: "aaravpos-barber-appointment-name",
                           children: l?.name
                         }), /* @__PURE__ */ u("p", {
                           className: "aaravpos-barber-appointment-services",
-                          children: y.map((w) => w.name).join(", ")
+                          children: b.map((w) => w.name).join(", ")
                         })]
                       }),
-                      /* @__PURE__ */ N("span", {
+                      /* @__PURE__ */ g("span", {
                         className: "aaravpos-barber-appointment-price",
                         children: [/* @__PURE__ */ u(Se, { size: 14 }), vn]
                       })
                     ]
-                  }), /* @__PURE__ */ N("div", {
+                  }), /* @__PURE__ */ g("div", {
                     className: "aaravpos-barber-appointment-date",
                     children: [/* @__PURE__ */ u(gf, { size: 18 }), /* @__PURE__ */ u("span", {
                       className: "aaravpos-barber-appointment-date-text",
                       children: nl ?? "No time selected"
                     })]
                   })] })]
-                }), /* @__PURE__ */ N("div", {
+                }), /* @__PURE__ */ g("div", {
                   className: "aaravpos-barber-booking-column",
                   children: [/* @__PURE__ */ u(Ho, { children: "Payment Method" }), /* @__PURE__ */ u(uv, {
                     icon: /* @__PURE__ */ u(e1, { size: 18 }),
                     label: "Pay in person",
                     selected: H === "person",
                     onClick: () => {
-                      J("person");
+                      X("person");
                     }
                   })]
                 })]
               }), H && /* @__PURE__ */ u("form", {
                 onSubmit: He(vl),
-                children: /* @__PURE__ */ N("div", {
+                children: /* @__PURE__ */ g("div", {
                   className: "aaravpos-barber-details-section aaravpos-barber-margin-top-20",
-                  children: [/* @__PURE__ */ N("div", {
+                  children: [/* @__PURE__ */ g("div", {
                     className: "aaravpos-barber-details-grid",
                     children: [
-                      /* @__PURE__ */ N("div", {
+                      /* @__PURE__ */ g("div", {
                         className: "aaravpos-barber-form-group",
                         children: [
-                          /* @__PURE__ */ N("label", {
+                          /* @__PURE__ */ g("label", {
                             className: "aaravpos-barber-form-label",
                             htmlFor: "phone",
                             children: [
@@ -18798,7 +18798,7 @@ function dv() {
                               const I = pn(w), L = !!I, B = !!fn?.trim();
                               return !L && !B ? "Enter phone or email" : L && I.length < 8 ? "Phone number must be minimum 8 digits" : L && I.length > 16 ? "Phone number must be maximum 16 digits" : L && !kn(w) ? "Enter valid phone number" : !0;
                             } },
-                            render: ({ field: w }) => /* @__PURE__ */ N("div", {
+                            render: ({ field: w }) => /* @__PURE__ */ g("div", {
                               className: "aaravpos-barber-input-wrapper",
                               children: [/* @__PURE__ */ u(nv, {
                                 ...w,
@@ -18810,7 +18810,7 @@ function dv() {
                                 onChange: (I) => Za(I ?? "", w.onChange, "phone"),
                                 countryCallingCodeEditable: !1,
                                 className: "aaravpos-barber-custom-input"
-                              }), b && z === "phone" && /* @__PURE__ */ u("div", {
+                              }), S && z === "phone" && /* @__PURE__ */ u("div", {
                                 className: "aaravpos-barber-loader-wrapper",
                                 children: /* @__PURE__ */ u("div", { className: "aaravpos-barber-loader" })
                               })]
@@ -18820,7 +18820,7 @@ function dv() {
                             className: "aaravpos-barber-error-text",
                             children: qe.phone.message
                           }),
-                          K && /* @__PURE__ */ N("div", {
+                          K && /* @__PURE__ */ g("div", {
                             className: "aaravpos-barber-autofill-text",
                             children: ["Using existing customer", /* @__PURE__ */ u("span", {
                               onClick: dl,
@@ -18830,10 +18830,10 @@ function dv() {
                           })
                         ]
                       }),
-                      /* @__PURE__ */ N("div", {
+                      /* @__PURE__ */ g("div", {
                         className: "aaravpos-barber-form-group",
                         children: [
-                          /* @__PURE__ */ N("label", {
+                          /* @__PURE__ */ g("label", {
                             htmlFor: "email",
                             className: "aaravpos-barber-form-label",
                             children: [
@@ -18876,10 +18876,10 @@ function dv() {
                           })
                         ]
                       }),
-                      /* @__PURE__ */ N("div", {
+                      /* @__PURE__ */ g("div", {
                         className: "aaravpos-barber-form-group",
                         children: [
-                          /* @__PURE__ */ N("label", {
+                          /* @__PURE__ */ g("label", {
                             htmlFor: "first_name",
                             className: "aaravpos-barber-form-label",
                             children: [
@@ -18920,7 +18920,7 @@ function dv() {
                           })
                         ]
                       }),
-                      /* @__PURE__ */ N("div", {
+                      /* @__PURE__ */ g("div", {
                         className: "aaravpos-barber-form-group",
                         children: [
                           /* @__PURE__ */ u("label", {
@@ -18972,7 +18972,7 @@ function dv() {
           })
         ]
       })] }),
-      _ && /* @__PURE__ */ u(S1, {
+      O && /* @__PURE__ */ u(S1, {
         onClose: $l,
         onPay: bl,
         amount: Ka
@@ -19018,16 +19018,16 @@ function uv({ icon: e, label: t, selected: r, onClick: n }) {
       className: "aaravpos-barber-paymentcard-container",
       children: /* @__PURE__ */ u("div", {
         className: `${r ? "aaravpos-barber-paymentcard-card active" : "aaravpos-barber-paymentcard-card"}`,
-        children: /* @__PURE__ */ N("div", {
+        children: /* @__PURE__ */ g("div", {
           className: "aaravpos-barber-paymentcard-content",
           children: [/* @__PURE__ */ u("div", {
             className: "aaravpos-barber-paymentcard-icon",
             children: e
           }), /* @__PURE__ */ u("div", {
             className: "aaravpos-barber-paymentcard-info",
-            children: /* @__PURE__ */ N("div", {
+            children: /* @__PURE__ */ g("div", {
               className: "aaravpos-barber-paymentcard-header",
-              children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ u("h3", {
+              children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ u("h3", {
                 className: "aaravpos-barber-paymentcard-title",
                 children: t
               }), /* @__PURE__ */ u("p", {
@@ -19045,7 +19045,7 @@ function uv({ icon: e, label: t, selected: r, onClick: n }) {
   });
 }
 function fv() {
-  const e = ze(), t = X((g) => g.barber.appointment.appointmentId), { tenantId: r } = X((g) => g.barber.outletDetails), [n, a] = Z(null), [i, o] = Z(!0), [s, d] = Z(null), [l, c] = Z(!1);
+  const e = ze(), t = J((N) => N.barber.appointment.appointmentId), { tenantId: r } = J((N) => N.barber.outletDetails), [n, a] = Z(null), [i, o] = Z(!0), [s, d] = Z(null), [l, c] = Z(!1);
   de(() => {
     if (!t) {
       d("No appointment ID provided"), o(!1);
@@ -19072,21 +19072,21 @@ function fv() {
       children: "Loading appointment details..."
     })
   });
-  if (s || !n) return /* @__PURE__ */ N("div", {
+  if (s || !n) return /* @__PURE__ */ g("div", {
     className: "aaravpos-barber-error-container",
     children: [/* @__PURE__ */ u("p", {
       className: "aaravpos-barber-error-text",
       children: s || "Appointment not found"
-    }), /* @__PURE__ */ N("button", {
+    }), /* @__PURE__ */ g("button", {
       onClick: f,
       className: "aaravpos-barber-book-btn",
       children: [/* @__PURE__ */ u(xi, {}), "Book Another Appointment"]
     })]
   });
-  const { staff: h, outlet: m, services: p } = n, v = p?.reduce((g, T) => g + Number(T.price || 0), 0), y = (n.tipsCents || 0) / 100, $ = (n.taxCents || 0) / 100, S = (n.totalCents || 0) / 100, b = S > 0 ? S.toFixed(2) : (v + y + $).toFixed(2), P = l ? p : p.slice(0, 5), _ = p.length - 5;
+  const { staff: h, outlet: m, services: p } = n, v = p?.reduce((N, T) => N + Number(T.price || 0), 0), b = (n.tipsCents || 0) / 100, $ = (n.taxCents || 0) / 100, y = (n.totalCents || 0) / 100, S = y > 0 ? y.toFixed(2) : (v + b + $).toFixed(2), P = l ? p : p.slice(0, 5), O = p.length - 5;
   return /* @__PURE__ */ u("div", {
     className: "aaravpos-barber-success-wrapper",
-    children: /* @__PURE__ */ N("div", {
+    children: /* @__PURE__ */ g("div", {
       className: "aaravpos-barber-success-motion",
       children: [
         /* @__PURE__ */ u("div", {
@@ -19097,7 +19097,7 @@ function fv() {
           className: "aaravpos-barber-success-title",
           children: "You're Booked!"
         }),
-        /* @__PURE__ */ N("p", {
+        /* @__PURE__ */ g("p", {
           className: "aaravpos-barber-success-description",
           children: [
             "Your appointment has been confirmed.",
@@ -19105,12 +19105,12 @@ function fv() {
             "A confirmation has been sent to your email."
           ]
         }),
-        /* @__PURE__ */ N("div", {
+        /* @__PURE__ */ g("div", {
           className: "aaravpos-barber-success-content",
-          children: [/* @__PURE__ */ N("div", {
+          children: [/* @__PURE__ */ g("div", {
             className: "aaravpos-barber-success-card",
             children: [
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-success-row aaravpos-barber-success-row-first",
                 children: [/* @__PURE__ */ u("span", {
                   className: "aaravpos-barber-label",
@@ -19120,7 +19120,7 @@ function fv() {
                   children: m?.outletName || "-"
                 })]
               }),
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-success-row",
                 children: [/* @__PURE__ */ u("span", {
                   className: "aaravpos-barber-label",
@@ -19130,9 +19130,9 @@ function fv() {
                   children: h ? `${h?.firstName} ${h?.lastName}` : "-"
                 })]
               }),
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-success-row aaravpos-barber-services-header",
-                children: [/* @__PURE__ */ N("span", {
+                children: [/* @__PURE__ */ g("span", {
                   className: "aaravpos-barber-services-label",
                   children: [
                     "Services (",
@@ -19140,40 +19140,40 @@ function fv() {
                     ")"
                   ]
                 }), p.length > 5 && /* @__PURE__ */ u("button", {
-                  onClick: () => c((g) => !g),
+                  onClick: () => c((N) => !N),
                   className: "aaravpos-barber-show-btn",
-                  children: l ? "Hide" : /* @__PURE__ */ N("span", {
+                  children: l ? "Hide" : /* @__PURE__ */ g("span", {
                     className: "aaravpos-barber-show-btn-inner",
                     children: ["Show", /* @__PURE__ */ u(rd, { size: 16 })]
                   })
                 })]
               }),
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-services-list",
-                children: [P?.map((g) => /* @__PURE__ */ N("div", {
+                children: [P?.map((N) => /* @__PURE__ */ g("div", {
                   className: "aaravpos-barber-service-row",
                   children: [/* @__PURE__ */ u("span", {
                     className: "aaravpos-barber-service-name",
-                    children: g.serviceName
-                  }), /* @__PURE__ */ N("span", {
+                    children: N.serviceName
+                  }), /* @__PURE__ */ g("span", {
                     className: "aaravpos-barber-service-price",
-                    children: [/* @__PURE__ */ u(Se, { size: 14 }), Number(g.price).toFixed(2)]
+                    children: [/* @__PURE__ */ u(Se, { size: 14 }), Number(N.price).toFixed(2)]
                   })]
-                }, g.id)), !l && _ > 0 && /* @__PURE__ */ N("div", {
+                }, N.id)), !l && O > 0 && /* @__PURE__ */ g("div", {
                   className: "aaravpos-barber-more-services",
                   children: [
                     /* @__PURE__ */ u(id, { size: 14 }),
-                    _,
+                    O,
                     " more services"
                   ]
                 })]
               }),
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-success-row",
                 children: [/* @__PURE__ */ u("span", {
                   className: "aaravpos-barber-label",
                   children: "Date & Time"
-                }), /* @__PURE__ */ N("span", {
+                }), /* @__PURE__ */ g("span", {
                   className: "aaravpos-barber-value",
                   children: [
                     n.appointmentDate,
@@ -19183,38 +19183,38 @@ function fv() {
                   ]
                 })]
               }),
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-success-row",
                 children: [/* @__PURE__ */ u("span", {
                   className: "aaravpos-barber-label",
                   children: "Tip"
-                }), /* @__PURE__ */ N("span", {
+                }), /* @__PURE__ */ g("span", {
                   className: "aaravpos-barber-price",
-                  children: [/* @__PURE__ */ u(Se, { size: 14 }), y.toFixed(2)]
+                  children: [/* @__PURE__ */ u(Se, { size: 14 }), b.toFixed(2)]
                 })]
               }),
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-success-row",
                 children: [/* @__PURE__ */ u("span", {
                   className: "aaravpos-barber-label",
                   children: "Tax"
-                }), /* @__PURE__ */ N("span", {
+                }), /* @__PURE__ */ g("span", {
                   className: "aaravpos-barber-price",
                   children: [/* @__PURE__ */ u(Se, { size: 14 }), $.toFixed(2)]
                 })]
               }),
-              /* @__PURE__ */ N("div", {
+              /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-total-row",
                 children: [/* @__PURE__ */ u("span", {
                   className: "aaravpos-barber-label",
                   children: "Total Amount"
-                }), /* @__PURE__ */ N("span", {
+                }), /* @__PURE__ */ g("span", {
                   className: "aaravpos-barber-total-price",
-                  children: [/* @__PURE__ */ u(Se, { size: 14 }), b]
+                  children: [/* @__PURE__ */ u(Se, { size: 14 }), S]
                 })]
               })
             ]
-          }), /* @__PURE__ */ N("button", {
+          }), /* @__PURE__ */ g("button", {
             onClick: f,
             className: "aaravpos-barber-book-btn",
             children: [/* @__PURE__ */ u(xi, {}), "Book Another Appointment"]
@@ -19225,7 +19225,7 @@ function fv() {
   });
 }
 function pv() {
-  const { currentStep: e } = X((r) => r.barber.breadcrumbs), t = {
+  const { currentStep: e } = J((r) => r.barber.breadcrumbs), t = {
     professionals: d1,
     services: p1,
     time: $1,
@@ -19244,20 +19244,20 @@ function pv() {
   });
 }
 function mv() {
-  return /* @__PURE__ */ N($e, { children: [/* @__PURE__ */ u(pv, {}), /* @__PURE__ */ u(Dl, {
+  return /* @__PURE__ */ g($e, { children: [/* @__PURE__ */ u(pv, {}), /* @__PURE__ */ u(Dl, {
     position: "top-right",
     autoClose: 3e3
   })] });
 }
 function hv() {
-  return /* @__PURE__ */ N("div", {
+  return /* @__PURE__ */ g("div", {
     className: "aaravpos-barber-professional-card skeleton-card",
     children: [
       /* @__PURE__ */ u("div", {
         className: "",
         children: /* @__PURE__ */ u("div", { className: "aaravpos-barber-skeleton-image shimmer" })
       }),
-      /* @__PURE__ */ N("div", {
+      /* @__PURE__ */ g("div", {
         className: "aaravpos-barber-skeleton-content",
         children: [/* @__PURE__ */ u("div", { className: "aaravpos-barber-skeleton-name shimmer" }), /* @__PURE__ */ u("div", { className: "aaravpos-barber-skeleton-role shimmer" })]
       }),
@@ -19278,7 +19278,7 @@ function vv() {
   });
 }
 var yv = ({ bookingCode: e }) => {
-  const t = ze(), r = X((l) => l.barber.service.staff), n = X((l) => l.barber.theme), [a, i] = Z(!1), [o, s] = Z(null), d = Ue(async () => {
+  const t = ze(), r = J((l) => l.barber.service.staff), n = J((l) => l.barber.theme), [a, i] = Z(!1), [o, s] = Z(null), d = Ue(async () => {
     try {
       i(!0), s(null);
       const l = await ju(e);