@aaravpos/appointment-barber-booking 2.0.5 → 2.0.7

package/dist/index.js

@@ -1,4 +1,4 @@
-import R, { Component as Nl, PureComponent as Cl, createContext as Sl, createElement as Dn, forwardRef as Yo, useCallback as ze, useContext as Pl, useEffect as ce, useMemo as Ce, useRef as je, useState as Z } from "react";
+import F, { Component as Nl, PureComponent as Cl, createContext as Sl, createElement as Dn, forwardRef as Yo, useCallback as ze, useContext as Pl, useEffect as ce, useMemo as Ce, useRef as je, useState as Z } from "react";
 import { Provider as wl, useDispatch as qe, useSelector as X } from "react-redux";
 import { applyMiddleware as _l, combineReducers as Zo, compose as br, createStore as Ol, isAction as zr, isPlainObject as Xo } from "redux";
 import { FLUSH as El, PAUSE as Il, PERSIST as Tl, PURGE as Al, REGISTER as xl, REHYDRATE as Ml, persistReducer as kl, persistStore as Dl } from "redux-persist";
@@ -147,7 +147,7 @@ var Qo = /* @__PURE__ */ Symbol.for("immer-nothing"), ii = /* @__PURE__ */ Symbo
 ] : [];
 function Ee(e, ...t) {
   if (process.env.NODE_ENV !== "production") {
-    const r = Yl[e], n = et(r) ? r.apply(null, t) : r;
+    const r = Yl[e], n = tt(r) ? r.apply(null, t) : r;
     throw new Error(`[Immer] ${n}`);
   }
   throw new Error(`[Immer] minified error nr: ${e}. Full error at: https://bit.ly/3cXEKWf`);
@@ -163,7 +163,7 @@ function es(e) {
   if (t === null || t === Ae[Wr]) return !0;
   const r = Ae.hasOwnProperty.call(t, gr) && t[gr];
   if (r === Object) return !0;
-  if (!et(r)) return !1;
+  if (!tt(r)) return !1;
   let n = oi.get(r);
   return n === void 0 && (n = Function.toString.call(r), oi.set(r, n)), n === Zl;
 }
@@ -185,7 +185,7 @@ var si = (e, t, r = zt(e)) => r === 2 ? e.has(t) : Ae[Wr].hasOwnProperty.call(e,
 function Jl(e, t) {
   return e === t ? e !== 0 || 1 / e === 1 / t : e !== e && t !== t;
 }
-var qr = Array.isArray, Kr = (e) => e instanceof Map, Yr = (e) => e instanceof Set, ya = (e) => typeof e == "object", et = (e) => typeof e == "function", Cn = (e) => typeof e == "boolean";
+var qr = Array.isArray, Kr = (e) => e instanceof Map, Yr = (e) => e instanceof Set, ya = (e) => typeof e == "object", tt = (e) => typeof e == "function", Cn = (e) => typeof e == "boolean";
 function Ql(e) {
   const t = +e;
   return Number.isInteger(t) && String(t) === e;
@@ -235,7 +235,7 @@ function Xr(e) {
   return e === null || !ya(e) ? !0 : Ae.isFrozen(e);
 }
 var Sr = "MapSet", Vn = "Patches", di = "ArrayMethods", ts = {};
-function at(e) {
+function it(e) {
   const t = ts[e];
   return t || Ee(0, e), t;
 }
@@ -247,11 +247,11 @@ var li = (e) => !!ts[e], Et, rs = () => Et, tc = (e, t) => ({
   unfinalizedDrafts_: 0,
   handledSet_: /* @__PURE__ */ new Set(),
   processedForPatches_: /* @__PURE__ */ new Set(),
-  mapSetPlugin_: li(Sr) ? at(Sr) : void 0,
-  arrayMethodsPlugin_: li(di) ? at(di) : void 0
+  mapSetPlugin_: li(Sr) ? it(Sr) : void 0,
+  arrayMethodsPlugin_: li(di) ? it(di) : void 0
 });
 function ci(e, t) {
-  t && (e.patchPlugin_ = at(Vn), e.patches_ = [], e.inversePatches_ = [], e.patchListener_ = t);
+  t && (e.patchPlugin_ = it(Vn), e.patches_ = [], e.inversePatches_ = [], e.patchListener_ = t);
 }
 function Gn(e) {
   zn(e), e.drafts_.forEach(rc), e.drafts_ = null;
@@ -469,7 +469,7 @@ function fr(e) {
 var lc = class {
   constructor(e) {
     this.autoFreeze_ = !0, this.useStrictShallowCopy_ = !1, this.useStrictIteration_ = !1, this.produce = (t, r, n) => {
-      if (et(t) && !et(r)) {
+      if (tt(t) && !tt(r)) {
         const i = r;
         r = t;
         const o = this;
@@ -477,7 +477,7 @@ var lc = class {
           return o.produce(d, (c) => r.call(this, c, ...l));
         };
       }
-      et(r) || Ee(6), n !== void 0 && !et(n) && Ee(7);
+      tt(r) || Ee(6), n !== void 0 && !tt(n) && Ee(7);
       let a;
       if (Fe(t)) {
         const i = ui(this), o = Hn(i, t, void 0);
@@ -491,7 +491,7 @@ var lc = class {
       } else if (!t || !ya(t)) {
         if (a = r(t), a === void 0 && (a = t), a === Qo && (a = void 0), this.autoFreeze_ && Zr(a, !0), n) {
           const i = [], o = [];
-          at(Vn).generateReplacementPatches_(t, a, {
+          it(Vn).generateReplacementPatches_(t, a, {
             patches_: i,
             inversePatches_: o
           }), n(i, o);
@@ -499,7 +499,7 @@ var lc = class {
         return a;
       } else Ee(1, t);
     }, this.produceWithPatches = (t, r) => {
-      if (et(t)) return (i, ...o) => this.produceWithPatches(i, (s) => t(s, ...o));
+      if (tt(t)) return (i, ...o) => this.produceWithPatches(i, (s) => t(s, ...o));
       let n, a;
       return [
         this.produce(t, r, (i, o) => {
@@ -543,12 +543,12 @@ var lc = class {
       }
     }
     r > -1 && (t = t.slice(r + 1));
-    const n = at(Vn).applyPatches_;
+    const n = it(Vn).applyPatches_;
     return Ie(e) ? n(e, t) : this.produce(e, (a) => n(a, t));
   }
 };
 function Hn(e, t, r, n) {
-  const [a, i] = Kr(t) ? at(Sr).proxyMap_(t, r) : Yr(t) ? at(Sr).proxySet_(t, r) : sc(t, r);
+  const [a, i] = Kr(t) ? it(Sr).proxyMap_(t, r) : Yr(t) ? it(Sr).proxySet_(t, r) : sc(t, r);
   return (r?.scope_ ?? rs()).drafts_.push(a), i.callbacks_ = r?.callbacks_ ?? [], i.key_ = n, r && n !== void 0 ? ic(r, i, n) : i.callbacks_.push(function(s) {
     s.mapSetPlugin_?.fixSetContents(i);
     const { patchPlugin_: d } = s;
@@ -865,7 +865,7 @@ var Ec = ls(), Ic = ls, qn = /* @__PURE__ */ Gl({
   createSelector: () => Oc,
   createSelectorCreator: () => $a,
   createSerializableStateInvariantMiddleware: () => Cs,
-  createSlice: () => Ze,
+  createSlice: () => Xe,
   current: () => Qr,
   findNonSerializableValue: () => Or,
   formatProdErrorMessage: () => Y,
@@ -983,7 +983,7 @@ function yi(e) {
   return Fe(e) ? en(e, () => {
   }) : e;
 }
-function tt(e, t, r) {
+function rt(e, t, r) {
   return e.has(t) ? e.get(t) : e.set(t, r(t)).get(t);
 }
 function ys(e) {
@@ -1528,15 +1528,15 @@ function Rs({ creators: e } = {}) {
       function O(T) {
         let k = T[b];
         if (typeof k > "u") {
-          if (S) k = tt(m, O, y);
+          if (S) k = rt(m, O, y);
           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 k;
       }
       function N(T = f) {
-        return tt(tt(h, S, () => /* @__PURE__ */ new WeakMap()), T, () => {
+        return rt(rt(h, S, () => /* @__PURE__ */ new WeakMap()), T, () => {
           const k = {};
-          for (const [q, J] of Object.entries(n.selectors ?? {})) k[q] = zc(J, T, () => tt(m, T, y), S);
+          for (const [q, J] of Object.entries(n.selectors ?? {})) k[q] = zc(J, T, () => rt(m, T, y), S);
           return k;
         });
       }
@@ -1581,7 +1581,7 @@ function zc(e, t, r, n) {
   }
   return a.unwrapped = e, a;
 }
-var Ze = /* @__PURE__ */ Rs();
+var Xe = /* @__PURE__ */ Rs();
 function Wc() {
   function e(t, r) {
     return {
@@ -1688,14 +1688,14 @@ function ut(e, t) {
   const r = t(e);
   return process.env.NODE_ENV !== "production" && r === void 0 && console.warn("The entity passed to the `selectId` implementation returned undefined.", "You should probably provide your own `selectId` implementation.", "The entity that was passed:", e, "The `selectId` implementation:", t.toString()), r;
 }
-function Ye(e) {
+function Ze(e) {
   return Array.isArray(e) || (e = Object.values(e)), e;
 }
 function pr(e) {
   return Ie(e) ? Qr(e) : e;
 }
 function Fs(e, t, r) {
-  e = Ye(e);
+  e = Ze(e);
   const n = pr(r.ids), a = new Set(n), i = [], o = /* @__PURE__ */ new Set([]), s = [];
   for (const d of e) {
     const l = ut(d, t);
@@ -1716,7 +1716,7 @@ function js(e) {
     y in v.entities || (v.ids.push(y), v.entities[y] = p);
   }
   function r(p, v) {
-    p = Ye(p);
+    p = Ze(p);
     for (const y of p) t(y, v);
   }
   function n(p, v) {
@@ -1724,11 +1724,11 @@ function js(e) {
     y in v.entities || v.ids.push(y), v.entities[y] = p;
   }
   function a(p, v) {
-    p = Ye(p);
+    p = Ze(p);
     for (const y of p) n(y, v);
   }
   function i(p, v) {
-    p = Ye(p), v.ids = [], v.entities = {}, r(p, v);
+    p = Ze(p), v.ids = [], v.entities = {}, r(p, v);
   }
   function o(p, v) {
     return s([p], v);
@@ -1807,7 +1807,7 @@ function nu(e, t) {
     return o([y], $);
   }
   function o(y, $, P) {
-    y = Ye(y);
+    y = Ze(y);
     const b = new Set(P ?? pr($.ids)), S = /* @__PURE__ */ new Set(), O = y.filter((N) => {
       const T = ut(N, e), k = !S.has(T);
       return k && S.add(T), !b.has(T) && k;
@@ -1819,16 +1819,16 @@ function nu(e, t) {
   }
   function d(y, $) {
     let P = {};
-    if (y = Ye(y), y.length !== 0) {
+    if (y = Ze(y), y.length !== 0) {
       for (const b of y) {
         const S = e(b);
         P[S] = b, delete $.entities[S];
       }
-      y = Ye(P), v($, y);
+      y = Ze(P), v($, y);
     }
   }
   function l(y, $) {
-    y = Ye(y), $.entities = {}, $.ids = [], o(y, $, []);
+    y = Ze(y), $.entities = {}, $.ids = [], o(y, $, []);
   }
   function c(y, $) {
     return f([y], $);
@@ -1916,7 +1916,7 @@ var iu = "task", Ls = "listener", Bs = "completed", Sa = "cancelled", ou = `task
 }, Pa = (e, t) => {
   if (typeof e != "function") throw new TypeError(process.env.NODE_ENV === "production" ? Y(32) : `${t} is not a function`);
 }, Tr = () => {
-}, Us = (e, t = Tr) => (e.catch(t), e), Vs = (e, t) => (e.addEventListener("abort", t, { once: !0 }), () => e.removeEventListener("abort", t)), rt = (e) => {
+}, Us = (e, t = Tr) => (e.catch(t), e), Vs = (e, t) => (e.addEventListener("abort", t, { once: !0 }), () => e.removeEventListener("abort", t)), nt = (e) => {
   if (e.aborted) throw new qt(e.reason);
 };
 function Gs(e, t) {
@@ -1946,7 +1946,7 @@ var lu = async (e, t) => {
   } finally {
     t?.();
   }
-}, Ar = (e) => (t) => Us(Gs(e, t).then((r) => (rt(e), r))), zs = (e) => {
+}, Ar = (e) => (t) => Us(Gs(e, t).then((r) => (nt(e), r))), zs = (e) => {
   const t = Ar(e);
   return (r) => t(new Promise((n) => setTimeout(n, r)));
 }, { assign: pt } = Object, Ni = {}, Kt = "listenerMiddleware", cu = (e, t) => {
@@ -1956,13 +1956,13 @@ var lu = async (e, t) => {
     const i = new AbortController();
     r(i);
     const o = lu(async () => {
-      rt(e), rt(i.signal);
+      nt(e), nt(i.signal);
       const s = await n({
         pause: Ar(i.signal),
         delay: zs(i.signal),
         signal: i.signal
       });
-      return rt(i.signal), s;
+      return nt(i.signal), s;
     }, () => i.abort(su));
     return a?.autoJoin && t.push(o.catch(Tr)), {
       result: Ar(e)(o),
@@ -1973,7 +1973,7 @@ var lu = async (e, t) => {
   };
 }, uu = (e, t) => {
   const r = async (n, a) => {
-    rt(t);
+    nt(t);
     let i = () => {
     };
     const o = [new Promise((s, d) => {
@@ -1994,7 +1994,7 @@ var lu = async (e, t) => {
     a != null && o.push(new Promise((s) => setTimeout(s, a, null)));
     try {
       const s = await Gs(t, Promise.race(o));
-      return rt(t), s;
+      return nt(t), s;
     } finally {
       i();
     }
@@ -2088,7 +2088,7 @@ var lu = async (e, t) => {
           $.abort(Kn), m.pending.delete($);
         },
         throwIfCancelled: () => {
-          rt($.signal);
+          nt($.signal);
         }
       })));
     } catch (S) {
@@ -2143,16 +2143,16 @@ var lu = async (e, t) => {
     meta: { instanceId: e }
   })), { withTypes: () => r }), n = Object.assign(function(...d) {
     d.forEach((l) => {
-      tt(t, l, hu);
+      rt(t, l, hu);
     });
-  }, { withTypes: () => n }), a = (s) => br(...Array.from(t.values()).map((d) => tt(d.applied, s, d.middleware))), i = Er(r, vu(e));
+  }, { withTypes: () => n }), a = (s) => br(...Array.from(t.values()).map((d) => rt(d.applied, s, d.middleware))), i = Er(r, vu(e));
   return {
     middleware: (s) => (d) => (l) => i(l) ? (n(...l.payload), s.dispatch) : a(s)(d)(l),
     addMiddleware: n,
     withMiddleware: r,
     instanceId: e
   };
-}, bu = (e) => "reducerPath" in e && typeof e.reducerPath == "string", $u = (e) => e.flatMap((t) => bu(t) ? [[t.reducerPath, t.reducer]] : Object.entries(t)), Oa = /* @__PURE__ */ Symbol.for("rtk-state-proxy-original"), gu = (e) => !!e && !!e[Oa], Nu = /* @__PURE__ */ new WeakMap(), Cu = (e, t, r) => tt(Nu, e, () => new Proxy(e, { get: (n, a, i) => {
+}, bu = (e) => "reducerPath" in e && typeof e.reducerPath == "string", $u = (e) => e.flatMap((t) => bu(t) ? [[t.reducerPath, t.reducer]] : Object.entries(t)), Oa = /* @__PURE__ */ Symbol.for("rtk-state-proxy-original"), gu = (e) => !!e && !!e[Oa], Nu = /* @__PURE__ */ new WeakMap(), Cu = (e, t, r) => rt(Nu, e, () => new Proxy(e, { get: (n, a, i) => {
   if (a === Oa) return n;
   const o = Reflect.get(n, a, i);
   if (typeof o > "u") {
@@ -2202,7 +2202,7 @@ var Be = [
 ], Ou = {
   currentStep: "professionals",
   completedSteps: ["professionals"]
-}, Ks = Ze({
+}, Ks = Xe({
   name: "breadcrumbs",
   initialState: Ou,
   reducers: {
@@ -2249,7 +2249,7 @@ var Be = [
   isService: !0,
   currency: "",
   token: ""
-}, Ys = Ze({
+}, Ys = Xe({
   name: "outletDetails",
   initialState: Pi,
   reducers: {
@@ -2268,7 +2268,7 @@ var Be = [
   selectedCategory: null,
   selectedServices: [],
   selectedProfessional: null
-}, Zs = Ze({
+}, Zs = Xe({
   name: "service",
   initialState: wi,
   reducers: {
@@ -2298,7 +2298,7 @@ var Be = [
     },
     clearServices: () => wi
   }
-}), { setServicePayload: Du, setCategory: Av, toggleService: _i, clearServices: xv, incrementService: Ru, decrementService: Oi, toggleProfessional: Fu } = Zs.actions, ju = Zs.reducer, Ke = "https://prod.aaravpos.com/api/v1", Xe = () => ({
+}), { setServicePayload: Du, setCategory: Av, toggleService: _i, clearServices: xv, incrementService: Ru, decrementService: Oi, toggleProfessional: Fu } = Zs.actions, ju = Zs.reducer, Ke = "https://prod.aaravpos.com/api/v1", Je = () => ({
   "Content-Type": "application/json",
   Authorization: `Bearer ${an.getState()?.barber?.outletDetails?.token}`
 }), Lu = async (e, t, r) => {
@@ -2316,14 +2316,14 @@ var Be = [
 }, Bu = async (e, t, r) => {
   const n = await fetch(`${Ke}/integration/slot/tenant/${e}/staff/${t}/online?date=${r}`, {
     method: "GET",
-    headers: Xe()
+    headers: Je()
   });
   if (!n.ok) throw new Error("Failed to fetch services");
   return await n.json();
 }, Uu = async (e) => {
   const t = await fetch(`${Ke}/integration/appointment/create`, {
     method: "POST",
-    headers: Xe(),
+    headers: Je(),
     body: JSON.stringify(e)
   });
   if (!t.ok) throw new Error("Failed to fetch services");
@@ -2331,14 +2331,14 @@ var Be = [
 }, Vu = async (e, t) => {
   const r = await fetch(`${Ke}/integration/appointment/details?tenantId=${t}&appointmentId=${e}`, {
     method: "GET",
-    headers: Xe()
+    headers: Je()
   });
   if (!r.ok) throw new Error("Failed to fetch appointment details");
   return await r.json();
 }, Gu = async ({ search: e, tenantId: t }) => {
   const r = await fetch(`${Ke}/integration/customer/drop-down/list?tenantId=${t}&search=${encodeURIComponent(e || "")}`, {
     method: "GET",
-    headers: Xe()
+    headers: Je()
   });
   if (!r.ok) throw new Error("Failed to fetch customers");
   return await r.json();
@@ -2346,7 +2346,7 @@ var Be = [
   try {
     const t = await fetch(`${Ke}/payment/pay/customer/direct`, {
       method: "POST",
-      headers: Xe(),
+      headers: Je(),
       body: JSON.stringify(e)
     }), r = await t.json();
     if (!t.ok) throw r;
@@ -2358,7 +2358,7 @@ var Be = [
   try {
     const t = await fetch(`${Ke}/payment/orders/${e}/invoicing/finalize`, {
       method: "POST",
-      headers: Xe()
+      headers: Je()
     }), r = await t.json();
     if (!t.ok) throw r;
     return r;
@@ -2377,7 +2377,7 @@ var Be = [
 }, Ti = async (e, t, r) => {
   const n = await fetch(`${Ke}/concent/check/${e}/${t}?serviceId=${r}`, {
     method: "GET",
-    headers: Xe()
+    headers: Je()
   });
   if (!n.ok) throw new Error("Failed to check consent requirement");
   return n.json();
@@ -2396,12 +2396,12 @@ var Be = [
   d === "CHECKBOX_ONLY" && (h.isChecked = l ?? !0), c && (h.typedName = c), f && (h.imageUrl = f);
   const m = await fetch(`${Ke}/concent/customer-sign`, {
     method: "POST",
-    headers: Xe(),
+    headers: Je(),
     body: JSON.stringify(h)
   }), p = await m.json();
   if (!m.ok) throw p;
   return p;
-}, mr = nn("slots/getStaffSlots", async ({ tenantId: e, staffId: t, date: r }) => await Bu(e, t, r)), Js = Ze({
+}, mr = nn("slots/getStaffSlots", async ({ tenantId: e, staffId: t, date: r }) => await Bu(e, t, r)), Js = Xe({
   name: "slots",
   initialState: {
     selectedSlotIndexes: [],
@@ -2462,7 +2462,7 @@ var Be = [
   userDetails: null,
   tipPct: 0,
   bookingMode: "booking"
-}, Qs = Ze({
+}, Qs = Xe({
   name: "appointment",
   initialState: Ai,
   reducers: {
@@ -2494,7 +2494,7 @@ var Be = [
       t.loading = !1, t.error = r.payload || "Appointment failed";
     });
   }
-}), { resetAppointment: Mv, setBookingMode: kv, setUserDetails: xi, setTips: Yu, setAppointmentId: nr, clearUserDetails: ed } = Qs.actions, Zu = Qs.reducer, td = Ze({
+}), { resetAppointment: Mv, setBookingMode: kv, setUserDetails: xi, setTips: Yu, setAppointmentId: nr, clearUserDetails: ed } = Qs.actions, Zu = Qs.reducer, td = Xe({
   name: "outletList",
   initialState: { outlets: [] },
   reducers: {
@@ -2505,7 +2505,7 @@ var Be = [
       e.outlets = [];
     }
   }
-}), { setOutletList: Xu, clearOutletList: Dv } = td.actions, Ju = td.reducer, rd = Ze({
+}), { setOutletList: Xu, clearOutletList: Dv } = td.actions, Ju = td.reducer, rd = Xe({
   name: "theme",
   initialState: {
     button: {
@@ -3259,7 +3259,7 @@ var f1 = (e) => Number(e.price || e.min_price || 0), ar = (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, isBookingDisabled: h = !1, showFooterButton: m = !1, showBookingSection: p = !0 }) {
-  const v = qe(), { outletName: y, timeZone: $ } = X((U) => U.barber.outletDetails), { selectedSlotIndexes: P, slots: b, selectedDate: S } = X((U) => U.barber.slots), { staff: O, selectedServices: N, selectedProfessional: T } = X((U) => U.barber.service), k = be.now().setZone($ ?? "UTC"), [q, J] = Z(""), [ne, he] = Z(!1), fe = je(null), pe = je(null), [Pe, ve] = Z(0), me = [
+  const v = qe(), { outletName: y, timeZone: $ } = X((V) => V.barber.outletDetails), { selectedSlotIndexes: P, slots: b, selectedDate: S } = X((V) => V.barber.slots), { staff: O, selectedServices: N, selectedProfessional: T } = X((V) => V.barber.service), k = be.now().setZone($ ?? "UTC"), [q, J] = Z(""), [ne, he] = Z(!1), fe = je(null), pe = je(null), [Pe, ve] = Z(0), me = [
     0,
     5,
     10,
@@ -3275,9 +3275,9 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
       tax: ar(H),
       unitTax: ar(H, { perUnit: !0 })
     }));
-    const U = O?.find((H) => H.id === T.id);
-    return U ? N.map((H) => {
-      const Oe = U.assignments?.find((Qe) => Qe.id === H.id), ye = {
+    const V = O?.find((H) => H.id === T.id);
+    return V ? N.map((H) => {
+      const Oe = V.assignments?.find((et) => et.id === H.id), ye = {
         ...H,
         price: Oe?.price || H.price || H.min_price || 0,
         duration: Oe?.duration || H.estimated_time || H.min_time || 0
@@ -3292,15 +3292,15 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
     T,
     O,
     N
-  ]), x = le.reduce((U, H) => U + Number(H.price || H.min_price || 0) * (H.qty || 1), 0), C = le.reduce((U, H) => U + Number(H.duration || H.min_time || H.estimated_time || 0) * (H.qty || 1), 0), E = Math.ceil(C / ie), M = (U) => {
+  ]), x = le.reduce((V, H) => V + Number(H.price || H.min_price || 0) * (H.qty || 1), 0), C = le.reduce((V, H) => V + Number(H.duration || H.min_time || H.estimated_time || 0) * (H.qty || 1), 0), E = Math.ceil(C / ie), M = (V) => {
     if (!ae.length) return "";
-    const H = ae[U]?.start_time, Oe = ae[U + E - 1];
+    const H = ae[V]?.start_time, Oe = ae[V + E - 1];
     return !H || !Oe ? "" : `${H} - ${Oe.end_time || Oe.start_time}`;
-  }, j = S || {
+  }, L = S || {
     day: k.day,
     month: k.month,
     year: k.year
-  }, D = P?.[0], G = D !== void 0 ? M(D) : null, L = j.month ?? 0, B = G ? `${p1[L - 1]} ${j.day} at ${G}` : null, z = le.reduce((U, H) => U + H.tax, 0), W = Number(i) || 0, K = a ? x * W / 100 : 0, A = x + z + K;
+  }, D = P?.[0], G = D !== void 0 ? M(D) : null, B = L.month ?? 0, U = G ? `${p1[B - 1]} ${L.day} at ${G}` : null, z = le.reduce((V, H) => V + H.tax, 0), W = Number(i) || 0, K = a ? x * W / 100 : 0, A = x + z + K;
   ce(() => {
     a && i == null && o?.(0);
   }, [
@@ -3317,16 +3317,16 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
     t
   ]), $e = h || f || c || !G;
   return ce(() => {
-    const U = () => {
+    const V = () => {
       const Oe = (fe.current?.offsetHeight || 0) + (pe.current?.offsetHeight || 0) + (window.innerWidth <= 991 ? 195 : 70);
       ve(window.innerHeight - Oe);
     };
-    U();
+    V();
     const H = new ResizeObserver(() => {
-      U();
+      V();
     });
-    return pe.current && H.observe(pe.current), fe.current && H.observe(fe.current), window.addEventListener("resize", U), () => {
-      H.disconnect(), window.removeEventListener("resize", U);
+    return pe.current && H.observe(pe.current), fe.current && H.observe(fe.current), window.addEventListener("resize", V), () => {
+      H.disconnect(), window.removeEventListener("resize", V);
     };
   }, [
     le,
@@ -3379,9 +3379,9 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
             children: [/* @__PURE__ */ u("span", {
               className: "aaravpos-barber-date-time-label",
               children: "Date & Time:"
-            }), B ? /* @__PURE__ */ u("span", {
+            }), U ? /* @__PURE__ */ u("span", {
               className: "aaravpos-barber-date-time-value",
-              children: B
+              children: U
             }) : /* @__PURE__ */ u("span", {
               className: "aaravpos-barber-date-time-empty",
               children: "No time selected"
@@ -3392,32 +3392,32 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
       /* @__PURE__ */ u("ul", {
         className: "aaravpos-barber-order-list",
         style: { height: `${Pe}px` },
-        children: le?.length > 0 && le.map((U) => /* @__PURE__ */ g("li", {
+        children: le?.length > 0 && le.map((V) => /* @__PURE__ */ g("li", {
           className: "aaravpos-barber-order-item",
           children: [/* @__PURE__ */ u("div", {
             className: "aaravpos-barber-main-text",
             children: /* @__PURE__ */ u("p", {
               className: "aaravpos-barber-order-service-name",
-              children: U.name
+              children: V.name
             })
           }), /* @__PURE__ */ g("div", {
             className: "aaravpos-barber-order-details",
             children: [
               /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-order-detail",
-                children: [/* @__PURE__ */ u(Vf, { size: 13 }), /* @__PURE__ */ u("span", { children: U.qty })]
+                children: [/* @__PURE__ */ u(Vf, { size: 13 }), /* @__PURE__ */ u("span", { children: V.qty })]
               }),
               /* @__PURE__ */ g("div", {
                 className: "aaravpos-barber-order-detail center",
-                children: [/* @__PURE__ */ u(id, { size: 13 }), /* @__PURE__ */ g("span", { children: [U.min_time || U.estimated_time, " min"] })]
+                children: [/* @__PURE__ */ u(id, { size: 13 }), /* @__PURE__ */ g("span", { children: [V.min_time || V.estimated_time, " min"] })]
               }),
               /* @__PURE__ */ g("p", {
                 className: "aaravpos-barber-order-detail right",
-                children: [/* @__PURE__ */ u(we, { size: 12 }), U.price || U.min_price]
+                children: [/* @__PURE__ */ u(we, { size: 12 }), V.price || V.min_price]
               })
             ]
           })]
-        }, U.id))
+        }, V.id))
       }),
       /* @__PURE__ */ g("div", {
         className: "third",
@@ -3451,17 +3451,17 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
             }),
             /* @__PURE__ */ u("div", {
               className: "aaravpos-barber-tip-options",
-              children: [...me, "custom"].map((U, H) => {
-                const Oe = U === "custom", ye = Oe ? ne : W === U, Qe = H === 0, Zt = H === [...me, "custom"].length - 1;
+              children: [...me, "custom"].map((V, H) => {
+                const Oe = V === "custom", ye = Oe ? ne : W === V, et = H === 0, Zt = H === [...me, "custom"].length - 1;
                 return /* @__PURE__ */ u("button", {
                   onClick: () => {
-                    Oe ? (he(!0), o?.(Number(q) || 0)) : (he(!1), J(""), o?.(Number(U)));
+                    Oe ? (he(!0), o?.(Number(q) || 0)) : (he(!1), J(""), o?.(Number(V)));
                   },
                   className: `aaravpos-barber-tip-btn
-                      ${Qe || Zt ? "aaravpos-barber-tip-btn-fixed" : "aaravpos-barber-tip-btn-flex"}
+                      ${et || Zt ? "aaravpos-barber-tip-btn-fixed" : "aaravpos-barber-tip-btn-flex"}
                       ${ye ? "aaravpos-barber-tip-btn-active" : ""}`,
-                  children: Oe ? "Custom" : U === 0 ? "No tip" : `${U}%`
-                }, U);
+                  children: Oe ? "Custom" : V === 0 ? "No tip" : `${V}%`
+                }, V);
               })
             }),
             ne && /* @__PURE__ */ u("div", {
@@ -3472,8 +3472,8 @@ function xa({ goToStep: e, buttonText: t, onButtonClick: r, showTaxesOnlyIfTime:
                 type: "number",
                 placeholder: "Enter %",
                 value: q,
-                onChange: (U) => {
-                  const H = U.target.value;
+                onChange: (V) => {
+                  const H = V.target.value;
                   (H === "" || Number(H) >= 0 && Number(H) <= 100) && (J(H), o?.(Number(H) || 0));
                 },
                 className: "aaravpos-barber-tip-input"
@@ -3971,8 +3971,8 @@ function g1() {
     try {
       if (!x.isValid || !C.isValid) throw new Error("Invalid timezone or date range");
       const E = Math.floor(C.diff(x, "days").days) + 1;
-      return Array.from({ length: E }, (M, j) => {
-        const D = x.plus({ days: j });
+      return Array.from({ length: E }, (M, L) => {
+        const D = x.plus({ days: L });
         return {
           day: D.day,
           month: D.month,
@@ -4061,7 +4061,7 @@ function g1() {
       return;
     }
     e(_n(P[x].start_time));
-    const E = Array.from({ length: q }, (M, j) => x + j);
+    const E = Array.from({ length: q }, (M, L) => x + L);
     e(wn({
       indexes: E,
       ids: E.map((M) => P[M]?.id)
@@ -4144,7 +4144,7 @@ function g1() {
               children: /* @__PURE__ */ u(Mr, { size: 20 })
             }),
             N.slice(v, v + t).map((x) => {
-              const C = be.fromISO(x.fullDate || ""), E = C.weekday % 7, M = be.now().setZone(s).startOf("day"), j = C.hasSame(M, "day"), D = l?.day === x.day && l?.month === x.month && l?.year === x.year, G = C.startOf("day"), L = G < b, B = G > S, z = L || B || kr({
+              const C = be.fromISO(x.fullDate || ""), E = C.weekday % 7, M = be.now().setZone(s).startOf("day"), L = C.hasSame(M, "day"), D = l?.day === x.day && l?.month === x.month && l?.year === x.year, G = C.startOf("day"), B = G < b, U = G > S, z = B || U || kr({
                 dateObj: x,
                 selectedProfessional: i,
                 outletTimeZone: s || "UTC"
@@ -4153,7 +4153,7 @@ function g1() {
                 onClick: () => {
                   z || he(x);
                 },
-                className: ["aaravpos-barber-date-card", L || B || z ? "aaravpos-barber-date-card-disabled" : D ? "aaravpos-barber-date-card-active" : "aaravpos-barber-date-card-default"].filter(Boolean).join(" "),
+                className: ["aaravpos-barber-date-card", B || U || z ? "aaravpos-barber-date-card-disabled" : D ? "aaravpos-barber-date-card-active" : "aaravpos-barber-date-card-default"].filter(Boolean).join(" "),
                 children: [
                   z && /* @__PURE__ */ u("div", { className: "aaravpos-barber-date-disabled-slash" }),
                   /* @__PURE__ */ u("span", {
@@ -4164,7 +4164,7 @@ function g1() {
                     className: "aaravpos-barber-date-day",
                     children: x.day
                   }),
-                  j && !D && !z && /* @__PURE__ */ u("span", {
+                  L && !D && !z && /* @__PURE__ */ u("span", {
                     className: "aaravpos-barber-date-today",
                     children: "TODAY"
                   }),
@@ -4725,14 +4725,14 @@ var D1 = /* @__PURE__ */ Me(((e) => {
               case h:
                 return $e;
               default:
-                var U = $e && $e.$$typeof;
-                switch (U) {
+                var V = $e && $e.$$typeof;
+                switch (V) {
                   case d:
                   case f:
                   case v:
                   case p:
                   case s:
-                    return U;
+                    return V;
                   default:
                     return oe;
                 }
@@ -4758,7 +4758,7 @@ var D1 = /* @__PURE__ */ Me(((e) => {
     function M(A) {
       return typeof A == "object" && A !== null && A.$$typeof === r;
     }
-    function j(A) {
+    function L(A) {
       return O(A) === f;
     }
     function D(A) {
@@ -4767,10 +4767,10 @@ var D1 = /* @__PURE__ */ Me(((e) => {
     function G(A) {
       return O(A) === v;
     }
-    function L(A) {
+    function B(A) {
       return O(A) === p;
     }
-    function B(A) {
+    function U(A) {
       return O(A) === n;
     }
     function z(A) {
@@ -4782,7 +4782,7 @@ var D1 = /* @__PURE__ */ Me(((e) => {
     function K(A) {
       return O(A) === h;
     }
-    e.AsyncMode = N, e.ConcurrentMode = T, e.ContextConsumer = k, e.ContextProvider = q, e.Element = J, e.ForwardRef = ne, e.Fragment = he, e.Lazy = fe, e.Memo = pe, e.Portal = Pe, e.Profiler = ve, e.StrictMode = me, e.Suspense = ae, e.isAsyncMode = le, e.isConcurrentMode = x, e.isContextConsumer = C, e.isContextProvider = E, e.isElement = M, e.isForwardRef = j, e.isFragment = D, e.isLazy = G, e.isMemo = L, e.isPortal = B, e.isProfiler = z, e.isStrictMode = W, e.isSuspense = K, e.isValidElementType = S, e.typeOf = O;
+    e.AsyncMode = N, e.ConcurrentMode = T, e.ContextConsumer = k, e.ContextProvider = q, e.Element = J, e.ForwardRef = ne, e.Fragment = he, e.Lazy = fe, e.Memo = pe, e.Portal = Pe, e.Profiler = ve, e.StrictMode = me, e.Suspense = ae, e.isAsyncMode = le, e.isConcurrentMode = x, e.isContextConsumer = C, e.isContextProvider = E, e.isElement = M, e.isForwardRef = L, e.isFragment = D, e.isLazy = G, e.isMemo = B, e.isPortal = U, e.isProfiler = z, e.isStrictMode = W, e.isSuspense = K, e.isValidElementType = S, e.typeOf = O;
   })();
 })), ld = /* @__PURE__ */ Me(((e, t) => {
   process.env.NODE_ENV === "production" ? t.exports = D1() : t.exports = R1();
@@ -4914,27 +4914,27 @@ var D1 = /* @__PURE__ */ Me(((e) => {
     function P(C) {
       if (process.env.NODE_ENV !== "production")
         var E = {}, M = 0;
-      function j(G, L, B, z, W, K, A) {
-        if (z = z || p, K = K || B, A !== a) {
+      function L(G, B, U, z, W, K, A) {
+        if (z = z || p, K = K || U, A !== a) {
           if (c) {
             var oe = /* @__PURE__ */ new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");
             throw oe.name = "Invariant Violation", oe;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var $e = z + ":" + B;
+            var $e = z + ":" + U;
             !E[$e] && M < 3 && (s("You are manually calling a React.PropTypes validation function for the `" + K + "` prop on `" + z + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."), E[$e] = !0, M++);
           }
         }
-        return L[B] == null ? G ? L[B] === null ? new $("The " + W + " `" + K + "` is marked as required " + ("in `" + z + "`, but its value is `null`.")) : new $("The " + W + " `" + K + "` is marked as required in " + ("`" + z + "`, but its value is `undefined`.")) : null : C(L, B, z, W, K);
+        return B[U] == null ? G ? B[U] === null ? new $("The " + W + " `" + K + "` is marked as required " + ("in `" + z + "`, but its value is `null`.")) : new $("The " + W + " `" + K + "` is marked as required in " + ("`" + z + "`, but its value is `undefined`.")) : null : C(B, U, z, W, K);
       }
-      var D = j.bind(null, !1);
-      return D.isRequired = j.bind(null, !0), D;
+      var D = L.bind(null, !1);
+      return D.isRequired = L.bind(null, !0), D;
     }
     function b(C) {
-      function E(M, j, D, G, L, B) {
-        var z = M[j];
+      function E(M, L, D, G, B, U) {
+        var z = M[L];
         if (ae(z) !== C) {
           var W = ie(z);
-          return new $("Invalid " + G + " `" + L + "` of type " + ("`" + W + "` supplied to `" + D + "`, expected ") + ("`" + C + "`."), { expectedType: C });
+          return new $("Invalid " + G + " `" + B + "` of type " + ("`" + W + "` supplied to `" + D + "`, expected ") + ("`" + C + "`."), { expectedType: C });
         }
         return null;
       }
@@ -4944,15 +4944,15 @@ var D1 = /* @__PURE__ */ Me(((e) => {
       return P(d);
     }
     function O(C) {
-      function E(M, j, D, G, L) {
-        if (typeof C != "function") return new $("Property `" + L + "` of component `" + D + "` has invalid PropType notation inside arrayOf.");
-        var B = M[j];
-        if (!Array.isArray(B)) {
-          var z = ae(B);
-          return new $("Invalid " + G + " `" + L + "` of type " + ("`" + z + "` supplied to `" + D + "`, expected an array."));
+      function E(M, L, D, G, B) {
+        if (typeof C != "function") return new $("Property `" + B + "` of component `" + D + "` has invalid PropType notation inside arrayOf.");
+        var U = M[L];
+        if (!Array.isArray(U)) {
+          var z = ae(U);
+          return new $("Invalid " + G + " `" + B + "` of type " + ("`" + z + "` supplied to `" + D + "`, expected an array."));
         }
-        for (var W = 0; W < B.length; W++) {
-          var K = C(B, W, D, G, L + "[" + W + "]", a);
+        for (var W = 0; W < U.length; W++) {
+          var K = C(U, W, D, G, B + "[" + W + "]", a);
           if (K instanceof Error) return K;
         }
         return null;
@@ -4960,32 +4960,32 @@ var D1 = /* @__PURE__ */ Me(((e) => {
       return P(E);
     }
     function N() {
-      function C(E, M, j, D, G) {
-        var L = E[M];
-        if (!l(L)) {
-          var B = ae(L);
-          return new $("Invalid " + D + " `" + G + "` of type " + ("`" + B + "` supplied to `" + j + "`, expected a single ReactElement."));
+      function C(E, M, L, D, G) {
+        var B = E[M];
+        if (!l(B)) {
+          var U = ae(B);
+          return new $("Invalid " + D + " `" + G + "` of type " + ("`" + U + "` supplied to `" + L + "`, expected a single ReactElement."));
         }
         return null;
       }
       return P(C);
     }
     function T() {
-      function C(E, M, j, D, G) {
-        var L = E[M];
-        if (!r.isValidElementType(L)) {
-          var B = ae(L);
-          return new $("Invalid " + D + " `" + G + "` of type " + ("`" + B + "` supplied to `" + j + "`, expected a single ReactElement type."));
+      function C(E, M, L, D, G) {
+        var B = E[M];
+        if (!r.isValidElementType(B)) {
+          var U = ae(B);
+          return new $("Invalid " + D + " `" + G + "` of type " + ("`" + U + "` supplied to `" + L + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return P(C);
     }
     function k(C) {
-      function E(M, j, D, G, L) {
-        if (!(M[j] instanceof C)) {
-          var B = C.name || p, z = x(M[j]);
-          return new $("Invalid " + G + " `" + L + "` of type " + ("`" + z + "` supplied to `" + D + "`, expected ") + ("instance of `" + B + "`."));
+      function E(M, L, D, G, B) {
+        if (!(M[L] instanceof C)) {
+          var U = C.name || p, z = x(M[L]);
+          return new $("Invalid " + G + " `" + B + "` of type " + ("`" + z + "` supplied to `" + D + "`, expected ") + ("instance of `" + U + "`."));
         }
         return null;
       }
@@ -4994,22 +4994,22 @@ var D1 = /* @__PURE__ */ Me(((e) => {
     function q(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(M, j, D, G, L) {
-        for (var B = M[j], z = 0; z < C.length; z++) if (y(B, C[z])) return null;
+      function E(M, L, D, G, B) {
+        for (var U = M[L], z = 0; z < C.length; z++) if (y(U, C[z])) return null;
         var W = JSON.stringify(C, function(A, oe) {
           return ie(oe) === "symbol" ? String(oe) : oe;
         });
-        return new $("Invalid " + G + " `" + L + "` of value `" + String(B) + "` " + ("supplied to `" + D + "`, expected one of " + W + "."));
+        return new $("Invalid " + G + " `" + B + "` of value `" + String(U) + "` " + ("supplied to `" + D + "`, expected one of " + W + "."));
       }
       return P(E);
     }
     function J(C) {
-      function E(M, j, D, G, L) {
-        if (typeof C != "function") return new $("Property `" + L + "` of component `" + D + "` has invalid PropType notation inside objectOf.");
-        var B = M[j], z = ae(B);
-        if (z !== "object") return new $("Invalid " + G + " `" + L + "` of type " + ("`" + z + "` supplied to `" + D + "`, expected an object."));
-        for (var W in B) if (i(B, W)) {
-          var K = C(B, W, D, G, L + "." + W, a);
+      function E(M, L, D, G, B) {
+        if (typeof C != "function") return new $("Property `" + B + "` of component `" + D + "` has invalid PropType notation inside objectOf.");
+        var U = M[L], z = ae(U);
+        if (z !== "object") return new $("Invalid " + G + " `" + B + "` of type " + ("`" + z + "` supplied to `" + D + "`, expected an object."));
+        for (var W in U) if (i(U, W)) {
+          var K = C(U, W, D, G, B + "." + W, a);
           if (K instanceof Error) return K;
         }
         return null;
@@ -5024,34 +5024,34 @@ var D1 = /* @__PURE__ */ Me(((e) => {
         if (typeof M != "function")
           return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + le(M) + " at index " + E + "."), d;
       }
-      function j(D, G, L, B, z) {
+      function L(D, G, B, U, z) {
         for (var W = [], K = 0; K < C.length; K++) {
-          var A = C[K], oe = A(D, G, L, B, z, a);
+          var A = C[K], oe = A(D, G, B, U, z, a);
           if (oe == null) return null;
           oe.data && i(oe.data, "expectedType") && W.push(oe.data.expectedType);
         }
         var $e = W.length > 0 ? ", expected one of type [" + W.join(", ") + "]" : "";
-        return new $("Invalid " + B + " `" + z + "` supplied to " + ("`" + L + "`" + $e + "."));
+        return new $("Invalid " + U + " `" + z + "` supplied to " + ("`" + B + "`" + $e + "."));
       }
-      return P(j);
+      return P(L);
     }
     function he() {
-      function C(E, M, j, D, G) {
-        return ve(E[M]) ? null : new $("Invalid " + D + " `" + G + "` supplied to " + ("`" + j + "`, expected a ReactNode."));
+      function C(E, M, L, D, G) {
+        return ve(E[M]) ? null : new $("Invalid " + D + " `" + G + "` supplied to " + ("`" + L + "`, expected a ReactNode."));
       }
       return P(C);
     }
-    function fe(C, E, M, j, D) {
-      return new $((C || "React class") + ": " + E + " type `" + M + "." + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + D + "`.");
+    function fe(C, E, M, L, D) {
+      return new $((C || "React class") + ": " + E + " type `" + M + "." + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + D + "`.");
     }
     function pe(C) {
-      function E(M, j, D, G, L) {
-        var B = M[j], z = ae(B);
-        if (z !== "object") return new $("Invalid " + G + " `" + L + "` of type `" + z + "` " + ("supplied to `" + D + "`, expected `object`."));
+      function E(M, L, D, G, B) {
+        var U = M[L], z = ae(U);
+        if (z !== "object") return new $("Invalid " + G + " `" + B + "` of type `" + z + "` " + ("supplied to `" + D + "`, expected `object`."));
         for (var W in C) {
           var K = C[W];
-          if (typeof K != "function") return fe(D, G, L, W, ie(K));
-          var A = K(B, W, D, G, L + "." + W, a);
+          if (typeof K != "function") return fe(D, G, B, W, ie(K));
+          var A = K(U, W, D, G, B + "." + W, a);
           if (A) return A;
         }
         return null;
@@ -5059,15 +5059,15 @@ var D1 = /* @__PURE__ */ Me(((e) => {
       return P(E);
     }
     function Pe(C) {
-      function E(M, j, D, G, L) {
-        var B = M[j], z = ae(B);
-        if (z !== "object") return new $("Invalid " + G + " `" + L + "` of type `" + z + "` " + ("supplied to `" + D + "`, expected `object`."));
-        for (var W in n({}, M[j], C)) {
+      function E(M, L, D, G, B) {
+        var U = M[L], z = ae(U);
+        if (z !== "object") return new $("Invalid " + G + " `" + B + "` of type `" + z + "` " + ("supplied to `" + D + "`, expected `object`."));
+        for (var W in n({}, M[L], C)) {
           var K = C[W];
-          if (i(C, W) && typeof K != "function") return fe(D, G, L, W, ie(K));
-          if (!K) return new $("Invalid " + G + " `" + L + "` key `" + W + "` supplied to `" + D + "`.\nBad object: " + JSON.stringify(M[j], null, "  ") + `
+          if (i(C, W) && typeof K != "function") return fe(D, G, B, W, ie(K));
+          if (!K) return new $("Invalid " + G + " `" + B + "` key `" + W + "` supplied to `" + D + "`.\nBad object: " + JSON.stringify(M[L], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(C), null, "  "));
-          var A = K(B, W, D, G, L + "." + W, a);
+          var A = K(U, W, D, G, B + "." + W, a);
           if (A) return A;
         }
         return null;
@@ -5087,11 +5087,11 @@ Valid keys: ` + JSON.stringify(Object.keys(C), null, "  "));
           if (C === null || l(C)) return !0;
           var E = m(C);
           if (E) {
-            var M = E.call(C), j;
+            var M = E.call(C), L;
             if (E !== C.entries) {
-              for (; !(j = M.next()).done; ) if (!ve(j.value)) return !1;
-            } else for (; !(j = M.next()).done; ) {
-              var D = j.value;
+              for (; !(L = M.next()).done; ) if (!ve(L.value)) return !1;
+            } else for (; !(L = M.next()).done; ) {
+              var D = L.value;
               if (D && !ve(D[1]))
                 return !1;
             }
@@ -5184,16 +5184,16 @@ Valid keys: ` + JSON.stringify(Object.keys(C), null, "  "));
     t.exports = L1()(r.isElement, n);
   } else t.exports = B1()();
 })), _ = /* @__PURE__ */ va(U1(), 1);
-function it(e, t, r) {
+function ot(e, t, r) {
   this.x = e, this.y = t, this.time = r || (/* @__PURE__ */ new Date()).getTime();
 }
-it.prototype.velocityFrom = function(e) {
+ot.prototype.velocityFrom = function(e) {
   return this.time !== e.time ? this.distanceTo(e) / (this.time - e.time) : 1;
 };
-it.prototype.distanceTo = function(e) {
+ot.prototype.distanceTo = function(e) {
   return Math.sqrt(Math.pow(this.x - e.x, 2) + Math.pow(this.y - e.y, 2));
 };
-it.prototype.equals = function(e) {
+ot.prototype.equals = function(e) {
   return this.x === e.x && this.y === e.y && this.time === e.time;
 };
 function ka(e, t, r, n) {
@@ -5317,7 +5317,7 @@ Q.prototype._reset = function() {
 };
 Q.prototype._createPoint = function(e, t, r) {
   var n = this._canvas.getBoundingClientRect();
-  return new it(e - n.left, t - n.top, r || (/* @__PURE__ */ new Date()).getTime());
+  return new ot(e - n.left, t - n.top, r || (/* @__PURE__ */ new Date()).getTime());
 };
 Q.prototype._addPoint = function(e) {
   var t = this.points, r = void 0;
@@ -5345,8 +5345,8 @@ Q.prototype._calculateCurveControlPoints = function(e, t, r) {
     y: d.y + h * m
   }, v = t.x - p.x, y = t.y - p.y;
   return {
-    c1: new it(s.x + v, s.y + y),
-    c2: new it(d.x + v, d.y + y)
+    c1: new ot(s.x + v, s.y + y),
+    c2: new ot(d.x + v, d.y + y)
   };
 };
 Q.prototype._calculateCurveWidths = function(e) {
@@ -5384,7 +5384,7 @@ Q.prototype._fromData = function(e, t, r) {
   for (var n = 0; n < e.length; n += 1) {
     var a = e[n];
     if (a.length > 1) for (var i = 0; i < a.length; i += 1) {
-      var o = a[i], s = new it(o.x, o.y, o.time), d = o.color;
+      var o = a[i], s = new ot(o.x, o.y, o.time), d = o.color;
       if (i === 0)
         this.penColor = d, this._reset(), this._addPoint(s);
       else if (i !== a.length - 1) {
@@ -5514,7 +5514,7 @@ var G1 = /* @__PURE__ */ Me(((e, t) => {
       }
     }, n.render = function() {
       var s = n.props.canvasProps;
-      return /* @__PURE__ */ R.createElement("canvas", Zn({ ref: n.setRef }, s));
+      return /* @__PURE__ */ F.createElement("canvas", Zn({ ref: n.setRef }, s));
     }, n.on = function() {
       return window.addEventListener("resize", n._checkClearOnResize), n.getSignaturePad().on();
     }, n.off = function() {
@@ -13545,9 +13545,9 @@ function Rr(e, t) {
     onKeyDown: c,
     type: h
   }, m));
-  return /* @__PURE__ */ R.createElement(n, p);
+  return /* @__PURE__ */ F.createElement(n, p);
 }
-Rr = /* @__PURE__ */ R.forwardRef(Rr);
+Rr = /* @__PURE__ */ F.forwardRef(Rr);
 Rr.propTypes = {
   parse: _.default.func.isRequired,
   format: _.default.func.isRequired,
@@ -13574,7 +13574,7 @@ function Hi(e, t) {
   return e[1] && t[1] ? e[1] > t[1] ? 1 : e[1] < t[1] ? -1 : 0 : !e[1] && t[1] ? 1 : e[1] && !t[1] ? -1 : 0;
 }
 var S0 = {}.constructor;
-function nt(e) {
+function at(e) {
   return e != null && e.constructor === S0;
 }
 function bt(e) {
@@ -14035,12 +14035,12 @@ function Zi(e, t) {
 }
 function pd(e) {
   if (!e) throw new Error("[libphonenumber-js] `metadata` argument not passed. Check your arguments.");
-  if (!nt(e) || !nt(e.countries)) throw new Error("[libphonenumber-js] `metadata` argument was passed but it's not a valid metadata. Must be an object having `.countries` child object property. Got ".concat(nt(e) ? "an object of shape: { " + Object.keys(e).join(", ") + " }" : "a " + x0(e) + ": " + e, "."));
+  if (!at(e) || !at(e.countries)) throw new Error("[libphonenumber-js] `metadata` argument was passed but it's not a valid metadata. Must be an object having `.countries` child object property. Got ".concat(at(e) ? "an object of shape: { " + Object.keys(e).join(", ") + " }" : "a " + x0(e) + ": " + e, "."));
 }
 var x0 = function(t) {
   return bt(t);
 };
-function Je(e, t) {
+function Qe(e, t) {
   if (t = new ue(t), t.hasCountry(e)) return t.selectNumberingPlan(e).countryCallingCode();
   throw new Error("Unknown country: ".concat(e));
 }
@@ -14317,7 +14317,7 @@ function ep(e, t, r) {
   }
 }
 function gd(e, t, r, n, a) {
-  var i = t || r ? Je(t || r, a) : n;
+  var i = t || r ? Qe(t || r, a) : n;
   if (e.indexOf(i) === 0) {
     a = new ue(a), a.selectNumberingPlan(t || r, i);
     var o = e.slice(i.length), s = ta(o, t, a).nationalNumber, d = ta(e, t, a).nationalNumber;
@@ -14449,7 +14449,7 @@ function xn(e, t, r, n) {
   return t ? n(e, t, r) : e;
 }
 function mp(e, t, r, n, a) {
-  if (Je(n, a.metadata) === r) {
+  if (Qe(n, a.metadata) === r) {
     var i = Fr(e, t, "NATIONAL", a);
     return r === "1" ? r + " " + i : i;
   }
@@ -14538,7 +14538,7 @@ var Np = !1, _d = /* @__PURE__ */ (function() {
     if (bp(this, e), !t) throw new TypeError("First argument is required");
     if (typeof t != "string") throw new TypeError("First argument must be a string");
     if (t[0] === "+" && !r) throw new TypeError("`metadata` argument not passed");
-    if (nt(r) && nt(r.countries)) {
+    if (at(r) && at(r.countries)) {
       n = r;
       var a = t;
       if (!Pp.test(a)) throw new Error('Invalid `number` argument passed: must consist of a "+" followed by digits');
@@ -14981,7 +14981,7 @@ function i2(e, t, r, n) {
   var a = Fa(na(e), void 0, t, r, n.metadata), i = a.countryCallingCodeSource, o = a.countryCallingCode, s = a.number, d;
   if (o) n.selectNumberingPlan(o);
   else if (s && (t || r))
-    n.selectNumberingPlan(t, r), t ? d = t : e2 && n.isNonGeographicCallingCode(r) && (d = "001"), o = r || Je(t, n.metadata);
+    n.selectNumberingPlan(t, r), t ? d = t : e2 && n.isNonGeographicCallingCode(r) && (d = "001"), o = r || Qe(t, n.metadata);
   else return {};
   if (!s) return {
     countryCallingCodeSource: i,
@@ -15153,7 +15153,7 @@ function Id(e) {
   else throw new TypeError("A text for parsing must be a string.");
   if (!n || typeof n == "string")
     i ? (s = a, d = i) : (s = void 0, d = a), n && (s = c2({ defaultCountry: n }, s));
-  else if (nt(n)) a ? (s = n, d = a) : d = n;
+  else if (at(n)) a ? (s = n, d = a) : d = n;
   else throw new Error("Invalid second argument: ".concat(n));
   return {
     text: o,
@@ -16357,7 +16357,7 @@ var Do = !1, Ct = /* @__PURE__ */ (function() {
       key: "getCountryAndCallingCode",
       value: function(r) {
         var n, a;
-        return r && (nt(r) ? (n = r.defaultCountry, a = r.defaultCallingCode) : n = r), n && !this.metadata.hasCountry(n) && (n = void 0), a && Do && this.metadata.isNonGeographicCallingCode(a) && (n = "001"), [n, a];
+        return r && (at(r) ? (n = r.defaultCountry, a = r.defaultCallingCode) : n = r), n && !this.metadata.hasCountry(n) && (n = void 0), a && Do && this.metadata.isNonGeographicCallingCode(a) && (n = "001"), [n, a];
       }
     },
     {
@@ -16569,7 +16569,7 @@ function Fm(e, t, r) {
 var Br = /* @__PURE__ */ va(q1(), 1);
 function xd(e) {
   var t = e.inputFormat, r = e.country, n = e.metadata;
-  return t === "NATIONAL_PART_OF_INTERNATIONAL" ? "+".concat(Je(r, n)) : "";
+  return t === "NATIONAL_PART_OF_INTERNATIONAL" ? "+".concat(Qe(r, n)) : "";
 }
 function da(e, t) {
   return t && (e = e.slice(t.length), e[0] === " " && (e = e.slice(1))), e;
@@ -16645,14 +16645,14 @@ function Wm(e) {
       onKeyDown: a,
       inputFormat: o
     });
-    return /* @__PURE__ */ R.createElement(C0, la({}, l, {
+    return /* @__PURE__ */ F.createElement(C0, la({}, l, {
       ref: n,
       parse: jm,
       format: c,
       onKeyDown: f
     }));
   }
-  return t = /* @__PURE__ */ R.forwardRef(t), t.propTypes = {
+  return t = /* @__PURE__ */ F.forwardRef(t), t.propTypes = {
     value: _.default.string.isRequired,
     onChange: _.default.func.isRequired,
     onKeyDown: _.default.func,
@@ -16724,14 +16724,14 @@ function Zm(e) {
       onKeyDown: o,
       inputFormat: d
     });
-    return /* @__PURE__ */ R.createElement(h, ca({}, m, {
+    return /* @__PURE__ */ F.createElement(h, ca({}, m, {
       ref: n,
       value: Fo(p, a, s, c),
       onChange: v,
       onKeyDown: y
     }));
   }
-  return t = /* @__PURE__ */ R.forwardRef(t), t.propTypes = {
+  return t = /* @__PURE__ */ F.forwardRef(t), t.propTypes = {
     value: _.default.string.isRequired,
     onChange: _.default.func.isRequired,
     onKeyDown: _.default.func,
@@ -16833,14 +16833,14 @@ function Dd(e) {
   }, [r]);
   return Ce(function() {
     return Fd(n, t);
-  }, [n, t]), /* @__PURE__ */ R.createElement("select", Ur({}, o, {
+  }, [n, t]), /* @__PURE__ */ F.createElement("select", Ur({}, o, {
     disabled: a || i,
     readOnly: i,
     value: t || "ZZ",
     onChange: s
   }), n.map(function(d) {
     var l = d.value, c = d.label, f = d.divider;
-    return /* @__PURE__ */ R.createElement("option", {
+    return /* @__PURE__ */ F.createElement("option", {
       key: f ? "|" : l || "ZZ",
       value: f ? "|" : l || "ZZ",
       disabled: !!f,
@@ -16870,16 +16870,16 @@ function Rd(e) {
   var i = e.arrowComponent, o = i === void 0 ? ih : i, s = e.unicodeFlags, d = kd(e, eh), l = Ce(function() {
     return Fd(r, t);
   }, [r, t]);
-  return /* @__PURE__ */ R.createElement("div", { className: "PhoneInputCountry" }, /* @__PURE__ */ R.createElement(Dd, Ur({}, d, {
+  return /* @__PURE__ */ F.createElement("div", { className: "PhoneInputCountry" }, /* @__PURE__ */ F.createElement(Dd, Ur({}, d, {
     value: t,
     options: r,
     className: (0, Br.default)("PhoneInputCountrySelect", n)
-  })), l && (s && t ? /* @__PURE__ */ R.createElement("div", { className: "PhoneInputCountryIconUnicode" }, Jm(t)) : /* @__PURE__ */ R.createElement(a, {
+  })), l && (s && t ? /* @__PURE__ */ F.createElement("div", { className: "PhoneInputCountryIconUnicode" }, Jm(t)) : /* @__PURE__ */ F.createElement(a, {
     "aria-hidden": !0,
     country: t,
     label: l.label,
     aspectRatio: s ? 1 : void 0
-  })), /* @__PURE__ */ R.createElement(o, null));
+  })), /* @__PURE__ */ F.createElement(o, null));
 }
 Rd.propTypes = {
   iconComponent: _.default.elementType,
@@ -16887,7 +16887,7 @@ Rd.propTypes = {
   unicodeFlags: _.default.bool
 };
 function ih() {
-  return /* @__PURE__ */ R.createElement("div", { className: "PhoneInputCountrySelectArrow" });
+  return /* @__PURE__ */ F.createElement("div", { className: "PhoneInputCountrySelectArrow" });
 }
 function Fd(e, t) {
   for (var r = th(e), n; !(n = r()).done; ) {
@@ -16933,7 +16933,7 @@ function lh(e, t) {
 }
 function La(e) {
   var t = e.country, r = e.countryName, n = e.flags, a = e.flagUrl, i = dh(e, sh);
-  return n && n[t] ? n[t]({ title: r }) : /* @__PURE__ */ R.createElement("img", ua({}, i, {
+  return n && n[t] ? n[t]({ title: r }) : /* @__PURE__ */ F.createElement("img", ua({}, i, {
     alt: r,
     role: r ? void 0 : "presentation",
     src: a.replace("{XX}", t).replace("{xx}", t.toLowerCase())
@@ -16974,7 +16974,7 @@ function ph(e, t) {
 }
 function mn(e) {
   var t = e.aspectRatio, r = Ba(e, ch);
-  return t === 1 ? /* @__PURE__ */ R.createElement(Ld, r) : /* @__PURE__ */ R.createElement(jd, r);
+  return t === 1 ? /* @__PURE__ */ F.createElement(Ld, r) : /* @__PURE__ */ F.createElement(jd, r);
 }
 mn.propTypes = {
   title: _.default.string.isRequired,
@@ -16982,35 +16982,35 @@ mn.propTypes = {
 };
 function jd(e) {
   var t = e.title, r = Ba(e, uh);
-  return /* @__PURE__ */ R.createElement("svg", Vr({}, r, {
+  return /* @__PURE__ */ F.createElement("svg", Vr({}, r, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 75 50"
-  }), /* @__PURE__ */ R.createElement("title", null, t), /* @__PURE__ */ R.createElement("g", {
+  }), /* @__PURE__ */ F.createElement("title", null, t), /* @__PURE__ */ F.createElement("g", {
     className: "PhoneInputInternationalIconGlobe",
     stroke: "currentColor",
     fill: "none",
     strokeWidth: "2",
     strokeMiterlimit: "10"
-  }, /* @__PURE__ */ R.createElement("path", {
+  }, /* @__PURE__ */ F.createElement("path", {
     strokeLinecap: "round",
     d: "M47.2,36.1C48.1,36,49,36,50,36c7.4,0,14,1.7,18.5,4.3"
-  }), /* @__PURE__ */ R.createElement("path", { d: "M68.6,9.6C64.2,12.3,57.5,14,50,14c-7.4,0-14-1.7-18.5-4.3" }), /* @__PURE__ */ R.createElement("line", {
+  }), /* @__PURE__ */ F.createElement("path", { d: "M68.6,9.6C64.2,12.3,57.5,14,50,14c-7.4,0-14-1.7-18.5-4.3" }), /* @__PURE__ */ F.createElement("line", {
     x1: "26",
     y1: "25",
     x2: "74",
     y2: "25"
-  }), /* @__PURE__ */ R.createElement("line", {
+  }), /* @__PURE__ */ F.createElement("line", {
     x1: "50",
     y1: "1",
     x2: "50",
     y2: "49"
-  }), /* @__PURE__ */ R.createElement("path", {
+  }), /* @__PURE__ */ F.createElement("path", {
     strokeLinecap: "round",
     d: "M46.3,48.7c1.2,0.2,2.5,0.3,3.7,0.3c13.3,0,24-10.7,24-24S63.3,1,50,1S26,11.7,26,25c0,2,0.3,3.9,0.7,5.8"
-  }), /* @__PURE__ */ R.createElement("path", {
+  }), /* @__PURE__ */ F.createElement("path", {
     strokeLinecap: "round",
     d: "M46.8,48.2c1,0.6,2.1,0.8,3.2,0.8c6.6,0,12-10.7,12-24S56.6,1,50,1S38,11.7,38,25c0,1.4,0.1,2.7,0.2,4c0,0.1,0,0.2,0,0.2"
-  })), /* @__PURE__ */ R.createElement("path", {
+  })), /* @__PURE__ */ F.createElement("path", {
     className: "PhoneInputInternationalIconPhone",
     stroke: "none",
     fill: "currentColor",
@@ -17020,26 +17020,26 @@ function jd(e) {
 jd.propTypes = { title: _.default.string.isRequired };
 function Ld(e) {
   var t = e.title, r = Ba(e, fh);
-  return /* @__PURE__ */ R.createElement("svg", Vr({}, r, {
+  return /* @__PURE__ */ F.createElement("svg", Vr({}, r, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 50 50"
-  }), /* @__PURE__ */ R.createElement("title", null, t), /* @__PURE__ */ R.createElement("g", {
+  }), /* @__PURE__ */ F.createElement("title", null, t), /* @__PURE__ */ F.createElement("g", {
     className: "PhoneInputInternationalIconGlobe",
     stroke: "currentColor",
     fill: "none",
     strokeWidth: "2",
     strokeLinecap: "round"
-  }, /* @__PURE__ */ R.createElement("path", { d: "M8.45,13A21.44,21.44,0,1,1,37.08,41.56" }), /* @__PURE__ */ R.createElement("path", { d: "M19.36,35.47a36.9,36.9,0,0,1-2.28-13.24C17.08,10.39,21.88.85,27.8.85s10.72,9.54,10.72,21.38c0,6.48-1.44,12.28-3.71,16.21" }), /* @__PURE__ */ R.createElement("path", { d: "M17.41,33.4A39,39,0,0,1,27.8,32.06c6.62,0,12.55,1.5,16.48,3.86" }), /* @__PURE__ */ R.createElement("path", { d: "M44.29,8.53c-3.93,2.37-9.86,3.88-16.49,3.88S15.25,10.9,11.31,8.54" }), /* @__PURE__ */ R.createElement("line", {
+  }, /* @__PURE__ */ F.createElement("path", { d: "M8.45,13A21.44,21.44,0,1,1,37.08,41.56" }), /* @__PURE__ */ F.createElement("path", { d: "M19.36,35.47a36.9,36.9,0,0,1-2.28-13.24C17.08,10.39,21.88.85,27.8.85s10.72,9.54,10.72,21.38c0,6.48-1.44,12.28-3.71,16.21" }), /* @__PURE__ */ F.createElement("path", { d: "M17.41,33.4A39,39,0,0,1,27.8,32.06c6.62,0,12.55,1.5,16.48,3.86" }), /* @__PURE__ */ F.createElement("path", { d: "M44.29,8.53c-3.93,2.37-9.86,3.88-16.49,3.88S15.25,10.9,11.31,8.54" }), /* @__PURE__ */ F.createElement("line", {
     x1: "27.8",
     y1: "0.85",
     x2: "27.8",
     y2: "34.61"
-  }), /* @__PURE__ */ R.createElement("line", {
+  }), /* @__PURE__ */ F.createElement("line", {
     x1: "15.2",
     y1: "22.23",
     x2: "49.15",
     y2: "22.23"
-  })), /* @__PURE__ */ R.createElement("path", {
+  })), /* @__PURE__ */ F.createElement("path", {
     className: "PhoneInputInternationalIconPhone",
     stroke: "transparent",
     fill: "currentColor",
@@ -17163,16 +17163,16 @@ function Vd(e) {
   var t = e.flags, r = e.flagUrl, n = e.flagComponent, a = e.internationalIcon;
   function i(o) {
     var s = o.country, d = o.label, l = o.aspectRatio, c = gh(o, $h), f = a === mn ? l : void 0;
-    return /* @__PURE__ */ R.createElement("div", fa({}, c, { className: (0, Br.default)("PhoneInputCountryIcon", {
+    return /* @__PURE__ */ F.createElement("div", fa({}, c, { className: (0, Br.default)("PhoneInputCountryIcon", {
       "PhoneInputCountryIcon--square": f === 1,
       "PhoneInputCountryIcon--border": s
-    }) }), s ? /* @__PURE__ */ R.createElement(n, {
+    }) }), s ? /* @__PURE__ */ F.createElement(n, {
       country: s,
       countryName: d,
       flags: t,
       flagUrl: r,
       className: "PhoneInputCountryIconImg"
-    }) : /* @__PURE__ */ R.createElement(a, {
+    }) : /* @__PURE__ */ F.createElement(a, {
       title: d,
       aspectRatio: f,
       className: "PhoneInputCountryIconImg"
@@ -17232,7 +17232,7 @@ var Gd = _.default.shape({
   countries: _.default.object.isRequired
 }), zd = _.default.objectOf(_.default.string);
 function We(e, t) {
-  return "+" + Je(e, t);
+  return "+" + Qe(e, t);
 }
 function _h(e) {
   var t = e.value, r = e.phoneNumber, n = e.defaultCountry, a = e.getAnyCountry, i = e.countries, o = e.required, s = e.metadata, d;
@@ -17264,7 +17264,7 @@ function Ih(e, t) {
   if (n) {
     if (e[0] === "+") {
       if (i)
-        return e.indexOf("+" + Je(n, a)) === 0 ? Dh(e, n, a) : "";
+        return e.indexOf("+" + Qe(n, a)) === 0 ? Dh(e, n, a) : "";
       if (r) {
         var o = We(n, a);
         return e.indexOf(o) === 0 ? e : o;
@@ -17286,7 +17286,7 @@ function ft(e, t, r) {
     }
     if (t) {
       var a = qd(e, t, r);
-      return "+".concat(Je(t, r)).concat(a || "");
+      return "+".concat(Qe(t, r)).concat(a || "");
     }
   }
 }
@@ -17360,7 +17360,7 @@ function kh(e, t, r) {
 }
 function Dh(e, t, r) {
   if (t) {
-    var n = "+" + Je(t, r);
+    var n = "+" + Qe(t, r);
     if (e.length < n.length) {
       if (n.indexOf(e) === 0) return "";
     } else if (e.indexOf(n) === 0) return e.slice(n.length);
@@ -17738,7 +17738,7 @@ var Zh = /* @__PURE__ */ (function(e) {
         var P = $.onBlur;
         P && P(y);
       }
-    }), n.inputRef = /* @__PURE__ */ R.createRef();
+    }), n.inputRef = /* @__PURE__ */ F.createRef();
     var a = n.props, i = a.value;
     a.labels;
     var o = a.international, s = a.addInternationalOption, d = a.displayInitialValueAsLocalNumber, l = a.initialValueFormat, c = a.metadata, f = n.props, h = f.defaultCountry, m = f.countries;
@@ -17831,14 +17831,14 @@ var Zh = /* @__PURE__ */ (function(e) {
         var P = n.metadata, b = n.international;
         n.locales;
         var S = Uh(n, Bh), O = this.state, N = O.country, T = O.countries, k = O.phoneDigits, q = O.isFocused, J = h ? Hm : Xm, ne = this.getCountrySelectOptions({ countries: T });
-        return /* @__PURE__ */ R.createElement(v, ht({
+        return /* @__PURE__ */ F.createElement(v, ht({
           style: d,
           className: (0, Br.default)(l, "PhoneInput", {
             "PhoneInput--focus": q,
             "PhoneInput--disabled": i,
             "PhoneInput--readOnly": o
           })
-        }, y), /* @__PURE__ */ R.createElement(m, ht({
+        }, y), /* @__PURE__ */ F.createElement(m, ht({
           name: a ? "".concat(a, "Country") : void 0,
           "aria-label": $.country
         }, p, {
@@ -17850,7 +17850,7 @@ var Zh = /* @__PURE__ */ (function(e) {
           disabled: i || p && p.disabled,
           readOnly: o || p && p.readOnly,
           iconComponent: this.CountryIcon
-        })), /* @__PURE__ */ R.createElement(J, ht({
+        })), /* @__PURE__ */ F.createElement(J, ht({
           ref: this.setInputRef,
           type: "tel",
           autoComplete: s
@@ -17878,8 +17878,8 @@ var Zh = /* @__PURE__ */ (function(e) {
       return Yd({ props: n }, Lh(n, a.props, a));
     }
   }]);
-})(R.PureComponent), Jd = /* @__PURE__ */ R.forwardRef(function(e, t) {
-  return /* @__PURE__ */ R.createElement(Zh, ht({}, Xh(e), { inputRef: t }));
+})(F.PureComponent), Jd = /* @__PURE__ */ F.forwardRef(function(e, t) {
+  return /* @__PURE__ */ F.createElement(Zh, ht({}, Xh(e), { inputRef: t }));
 });
 Jd.propTypes = {
   value: _.default.string,
@@ -18231,9 +18231,9 @@ function rv(e, t) {
   return r;
 }
 function Qd(e) {
-  var t = /* @__PURE__ */ R.forwardRef(function(r, n) {
+  var t = /* @__PURE__ */ F.forwardRef(function(r, n) {
     var a = r.metadata, i = a === void 0 ? e : a, o = r.labels, s = o === void 0 ? Qh : o, d = tv(r, ev);
-    return /* @__PURE__ */ R.createElement(Jd, ma({}, d, {
+    return /* @__PURE__ */ F.createElement(Jd, ma({}, d, {
       ref: n,
       metadata: i,
       labels: s
@@ -18279,25 +18279,26 @@ var iv = [
   return +`${t}${r}`;
 };
 function lv() {
-  const e = qe(), { 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: P } = X((w) => w.barber.slots), [b, S] = Z(!1), [O, N] = Z(!1), [T, k] = Z(null), [q, J] = Z("person"), [ne, he] = Z(!1), [fe, pe] = Z(""), [Pe, ve] = Z(""), [me, ae] = Z(null), [ie, le] = Z(null), [x, C] = Z({}), [E, M] = Z({}), [j, D] = Z(!1), G = je(!1), L = je(""), B = be.now().setZone(n ?? "UTC"), [z, W] = Z(null), [K, A] = Z(!1), oe = je(""), $e = je(null), { register: U, handleSubmit: H, control: Oe, watch: ye, reset: Qe, trigger: Zt, setValue: St, formState: { errors: ot, isSubmitted: Ua } } = ha({
+  const e = qe(), { 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: P } = X((w) => w.barber.slots), [b, S] = Z(!1), [O, N] = Z(!1), [T, k] = Z(null), [q, J] = Z("person"), [ne, he] = Z(!1), [fe, pe] = Z(""), [Pe, ve] = Z(""), [me, ae] = Z(null), [ie, le] = Z(null), [x, C] = Z({}), [E, M] = Z({}), [L, D] = Z(!1), G = je(!1), B = je(""), U = be.now().setZone(n ?? "UTC"), [z, W] = Z(null), [K, A] = Z(!1), oe = je(""), $e = je(null), { register: V, handleSubmit: H, control: Oe, watch: ye, reset: et, trigger: Zt, setValue: St, formState: { errors: Ye, isSubmitted: Ua } } = ha({
     defaultValues: {
       firstName: m?.firstName || "",
       lastName: m?.lastName || "",
       phone: m?.phone || "",
       email: m?.email || ""
     },
-    mode: "onSubmit"
+    mode: "onChange",
+    reValidateMode: "onChange"
   }), Pt = ye("phone"), wt = ye("email"), Xt = (w) => w?.replace(/\s+/g, "") || "", Va = (w) => /^\S+@\S+\.\S+$/.test(w), vn = y.map((w) => {
-    const I = s?.find((V) => V.id === l?.id)?.assignments?.find((V) => V.id === w.id), F = {
+    const I = s?.find((j) => j.id === l?.id)?.assignments?.find((j) => j.id === w.id), R = {
       ...w,
       price: I?.price ?? w.price ?? w.min_price ?? 0,
       duration: I?.duration ?? w.estimated_time ?? w.min_time ?? 0
     };
     return {
-      ...F,
+      ...R,
       duration: I?.duration ?? w.estimated_time ?? w.min_time ?? 0,
-      tax: Di(F),
-      unitTax: Di(F, { perUnit: !0 })
+      tax: Di(R),
+      unitTax: Di(R, { perUnit: !0 })
     };
   }), yn = [
     ...P?.morning ?? [],
@@ -18305,12 +18306,12 @@ function lv() {
     ...P?.evening ?? []
   ], el = vn.reduce((w, I) => w + Number(I.duration ?? 0), 0), tl = Math.ceil(el / ov), rl = (w) => {
     if (!yn.length) return "";
-    const I = yn[w]?.start_time, F = yn[w + tl - 1];
-    return !I || !F ? "" : `${I} - ${F.end_time ?? F.start_time}`;
+    const I = yn[w]?.start_time, R = yn[w + tl - 1];
+    return !I || !R ? "" : `${I} - ${R.end_time ?? R.start_time}`;
   }, Ga = {
-    day: Number(f?.day ?? B.day),
-    month: Number(f?.month ?? B.month),
-    year: Number(f?.year ?? B.year)
+    day: Number(f?.day ?? U.day),
+    month: Number(f?.month ?? U.month),
+    year: Number(f?.year ?? U.year)
   }, za = $?.[0], Wa = za !== void 0 ? rl(za) : null, nl = Wa ? `${iv[Ga.month - 1]} ${Ga.day} at ${Wa}` : null, bn = vn.reduce((w, I) => w + Number(I.price) * (I.qty ?? 1), 0), Ha = vn.reduce((w, I) => w + I.tax, 0), al = Math.round(Ha * 100), qa = bn * v / 100, il = Math.round(qa * 100), Ka = bn + qa + Ha, xe = Ce(() => y.filter((w) => !(!Xs(w) || (w?.consent_rule?.enforcementMode ?? w?.enforcementMode) === "FIXED")), [y]), ol = Ce(() => xe.map((w) => String(w.id)).filter(Boolean), [xe]), sl = (w) => {
     const I = w?.consent_template ?? w?.consentTemplate ?? null;
     return {
@@ -18326,14 +18327,14 @@ function lv() {
   ce(() => {
     m && xe?.length > 0 && ll();
   }, [m, xe?.length]), ce(() => {
-    Qe({
+    et({
       ...m,
       phone: m?.phone || ""
     }, {
       keepErrors: !0,
       keepDirty: !1
     });
-  }, [m, Qe]), ce(() => {
+  }, [m, et]), ce(() => {
     Ua && Zt(["phone", "email"]);
   }, [
     Pt,
@@ -18343,30 +18344,30 @@ function lv() {
   ]);
   const Ya = ze(async ({ value: w, type: I }) => {
     if (!w) return;
-    let F = "";
+    let R = "";
     if (I === "phone") {
       if (!or(w)) return;
-      F = Xt(w);
+      R = Xt(w);
     }
     if (I === "email") {
       if (!Va(w)) return;
-      F = w.trim();
+      R = w.trim();
     }
-    if (F && !(oe.current === F && K)) {
-      oe.current = F, S(!0), W(I);
+    if (R && !(oe.current === R && K)) {
+      oe.current = R, S(!0), W(I);
       try {
-        const V = (await Gu({
-          search: F,
+        const j = (await Gu({
+          search: R,
           tenantId: t
         }))?.data?.[0];
-        V ? (St("firstName", V.first_name || "", { shouldValidate: !0 }), St("lastName", V.last_name || ""), V.phone && or(V.phone) && St("phone", V.phone), V.email && St("email", V.email), e(xi({
-          email: V.email,
-          firstName: V.first_name,
-          lastName: V.last_name,
-          phone: V.phone
+        j ? (St("firstName", j.first_name || "", { shouldValidate: !0 }), St("lastName", j.last_name || ""), j.phone && or(j.phone) && St("phone", j.phone), j.email && St("email", j.email), e(xi({
+          email: j.email,
+          firstName: j.first_name,
+          lastName: j.last_name,
+          phone: j.phone
         })), A(!0)) : A(!1);
-      } catch (V) {
-        console.error(V);
+      } catch (j) {
+        console.error(j);
       } finally {
         S(!1), W(null);
       }
@@ -18380,17 +18381,17 @@ function lv() {
   ce(() => ($e.current = Fl(Ya, 800), () => {
     $e.current?.cancel?.();
   }), [Ya]);
-  const Za = (w, I, F) => {
+  const Za = (w, I, R) => {
     if (I && I(w), !w) {
       $e.current?.cancel?.(), oe.current = "", A(!1), W(null);
       return;
     }
-    W(F), $e.current?.({
+    W(R), $e.current?.({
       value: w,
-      type: F
+      type: R
     });
   }, dl = () => {
-    Qe({
+    et({
       firstName: "",
       lastName: "",
       email: "",
@@ -18402,22 +18403,22 @@ function lv() {
       D(!0);
       try {
         const I = {};
-        for (const F of xe) {
-          const V = String(F.id), se = String(F.consent_form_id ?? "");
-          if (!V || !se) continue;
-          const te = Ei(F);
+        for (const R of xe) {
+          const j = String(R.id), se = String(R.consent_form_id ?? "");
+          if (!j || !se) continue;
+          const te = Ei(R);
           if (!(te === "EVERY_X_DAYS" || te === "ONCE_PER_CUSTOMER")) {
-            I[V] = { data: {
+            I[j] = { data: {
               checked: !0,
               needsSignature: !0
             } };
             continue;
           }
-          const Te = !!(await Ti(w, se, V))?.data?.needsSignature;
-          I[V] = { data: {
+          const Te = !!(await Ti(w, se, j))?.data?.needsSignature;
+          I[j] = { data: {
             checked: !0,
             needsSignature: Te
-          } }, Te || $n(V);
+          } }, Te || $n(j);
         }
         M(I);
       } catch (I) {
@@ -18429,8 +18430,8 @@ function lv() {
   }, gn = Ce(() => xe.filter((w) => {
     const I = String(w.id);
     if (x[I]) return !1;
-    const F = E[I];
-    return !(F?.data?.checked && F?.data?.needsSignature === !1);
+    const R = E[I];
+    return !(R?.data?.checked && R?.data?.needsSignature === !1);
   }), [
     xe,
     x,
@@ -18453,21 +18454,21 @@ function lv() {
           return;
         }
         const I = String(w.id);
-        if (L.current === I && ne) return;
-        L.current = I;
-        const F = String(w.consent_form_id ?? "");
-        if (!F) {
+        if (B.current === I && ne) return;
+        B.current = I;
+        const R = String(w.consent_form_id ?? "");
+        if (!R) {
           re.error("Consent form missing.");
           return;
         }
-        const V = Ii(w);
-        if (!V) {
+        const j = Ii(w);
+        if (!j) {
           re.error("Consent enforcement method not found.");
           return;
         }
         const se = m?.id;
         if (Ei(w) !== "EVERY_VISIT" && se) {
-          const Le = !!(await Ti(se, F, I))?.data?.needsSignature;
+          const Le = !!(await Ti(se, R, I))?.data?.needsSignature;
           if (M((Jt) => ({
             ...Jt,
             [I]: { data: {
@@ -18490,7 +18491,7 @@ function lv() {
           re.error("Consent template missing.");
           return;
         }
-        pe(te), ve(ge), ae(V), le(I), he(!0);
+        pe(te), ve(ge), ae(j), le(I), he(!0);
       } catch (w) {
         console.error(w), re.error(w?.message ?? "Consent check failed");
       } finally {
@@ -18499,10 +18500,10 @@ function lv() {
     }
   }, cl = (w, I) => {
     try {
-      const F = localStorage.getItem(sr), V = F ? JSON.parse(F) : {};
-      V[String(w)] = I, localStorage.setItem(sr, JSON.stringify(V));
-    } catch (F) {
-      console.error("Failed to save consent draft", F);
+      const R = localStorage.getItem(sr), j = R ? JSON.parse(R) : {};
+      j[String(w)] = I, localStorage.setItem(sr, JSON.stringify(j));
+    } catch (R) {
+      console.error("Failed to save consent draft", R);
     }
   }, ul = () => {
     try {
@@ -18513,27 +18514,27 @@ function lv() {
   }, fl = (w) => {
     const I = String(ie);
     if (!I) return;
-    const F = xe.find((ge) => String(ge.id) === I);
-    if (!F) return;
-    const V = String(F.consent_form_id ?? ""), se = Ii(F);
-    if (!V || !se) {
+    const R = xe.find((ge) => String(ge.id) === I);
+    if (!R) return;
+    const j = String(R.consent_form_id ?? ""), se = Ii(R);
+    if (!j || !se) {
       re.error("Consent form/method missing.");
       return;
     }
     let te = "CHECKBOX_ONLY";
     se === "TYPED_NAME" ? te = "TYPED_NAME" : se === "DRAW_SIGNATURE" && (te = "SIGNATURE_IMAGE"), cl(I, {
       serviceId: I,
-      concentFormId: V,
+      concentFormId: j,
       signatureType: te,
       typedName: w?.typedName,
       isChecked: w?.accepted,
       signatureDataUrl: w?.signatureDataUrl,
       emailMe: w?.emailMe
-    }), $n(I), he(!1), L.current = "", re.success("Consent captured.");
+    }), $n(I), he(!1), B.current = "", re.success("Consent captured.");
   }, pl = () => {
     he(!1), le(null);
-  }, ml = async (w, I, F) => {
-    const V = ul(), se = Object.entries(V).map(([te, ge]) => ({
+  }, ml = async (w, I, R) => {
+    const j = ul(), se = Object.entries(j).map(([te, ge]) => ({
       serviceId: te,
       concentFormId: ge.concentFormId,
       captured: ge
@@ -18546,7 +18547,7 @@ function lv() {
         customerId: I,
         serviceId: ge,
         formId: Te,
-        staffId: F,
+        staffId: R,
         signatureType: Jt,
         typedName: Le.typedName,
         imageUrl: Le.signatureDataUrl
@@ -18567,13 +18568,13 @@ function lv() {
       lastName: ye("lastName"),
       email: ye("email"),
       phone: ye("phone")
-    }, F = {
+    }, R = {
       tenantId: t,
       outletId: r,
       staffId: l?.id,
       date: ti,
       startTime: h,
-      serviceIds: y.map((V) => V.id),
+      serviceIds: y.map((j) => j.id),
       slotIds: c,
       isWalkIn: !1,
       requiresConsent: xe.length > 0,
@@ -18586,13 +18587,13 @@ function lv() {
     };
     try {
       S(!0);
-      const V = await e(hr(F)).unwrap(), se = V?.data ?? V, te = se.id || "", ge = se.customerId || se.customer?.id || "", Te = se.staffId || l?.id || "";
+      const j = await e(hr(R)).unwrap(), se = j?.data ?? j, te = se.id || "", ge = se.customerId || se.customer?.id || "", Te = se.staffId || l?.id || "";
       p === "booking" && Ja > 0 && await ml(te, ge, Te), q === "card" ? (k({
         appointmentId: te,
         customerId: ge
       }), N(!0)) : (e(nr(String(te))), e(Ge()));
-    } catch (V) {
-      const se = V?.payload?.message || V?.data?.message || V?.message || "Staff not working on this day";
+    } catch (j) {
+      const se = j?.payload?.message || j?.data?.message || j?.message || "Staff not working on this day";
       re.error(se);
     } finally {
       S(!1);
@@ -18631,12 +18632,12 @@ function lv() {
   }, yl = async (w) => {
     try {
       S(!0);
-      const I = T?.appointmentId, F = String(T?.customerId);
+      const I = T?.appointmentId, R = String(T?.customerId);
       if (!I || !r)
         return re.error("Something went wrong."), !1;
-      const V = vl(w.number), se = await zu({
+      const j = vl(w.number), se = await zu({
         appointmentId: I,
-        customerId: F,
+        customerId: R,
         outletId: r,
         referenceNo: I,
         currency: "USD",
@@ -18652,7 +18653,7 @@ function lv() {
           tenderInfo: {
             cardHolderName: w.name,
             cardNumber: w.number.replace(/\s/g, ""),
-            cardType: V,
+            cardType: j,
             cardExpiry: dv(w.expiry),
             cvData: w.cvv
           },
@@ -18681,8 +18682,8 @@ function lv() {
   }, bl = () => {
     N(!1), re.warning("Appointment booked. Payment was cancelled."), e(nr(String(T?.appointmentId))), e(Ge());
   }, $l = () => {
-    const w = !!Xt(Pt), I = !!wt?.trim(), F = !!ye("firstName")?.trim();
-    return !!(!h || !F || !w && !I || w && !or(Pt) || I && !Va(wt));
+    const w = !!Xt(Pt), I = !!wt?.trim(), R = !!ye("firstName")?.trim();
+    return !!(!h || !R || !w && !I || w && !or(Pt) || I && !Va(wt));
   }, gl = async (w) => {
     ri(w), e(Yt(!0));
   };
@@ -18698,7 +18699,7 @@ function lv() {
         consentRequired: xe?.length > 0,
         consentCompleted: Ja,
         totalConsents: Xa,
-        checkingConsent: j,
+        checkingConsent: L,
         loading: b,
         isBookingDisabled: $l()
       })
@@ -18803,8 +18804,8 @@ function lv() {
                           control: Oe,
                           name: "phone",
                           rules: { validate: (w) => {
-                            const I = !!Xt(w), F = !!wt?.trim();
-                            return !I && !F ? "Enter phone or email" : I && !or(w) ? "Enter valid phone number" : !0;
+                            const I = Xt(w), R = !!I, j = !!wt?.trim();
+                            return !R && !j ? "Enter phone or email" : R && I.length < 8 ? "Phone number must be minimum 8 digits" : R && I.length > 16 ? "Phone number must be maximum 16 digits" : R && !or(w) ? "Enter valid phone number" : !0;
                           } },
                           render: ({ field: w }) => /* @__PURE__ */ g("div", {
                             className: "aaravpos-barber-input-wrapper",
@@ -18824,9 +18825,9 @@ function lv() {
                             })]
                           })
                         }),
-                        ot.phone && /* @__PURE__ */ u("p", {
+                        Ye.phone && /* @__PURE__ */ u("p", {
                           className: "aaravpos-barber-error-text",
-                          children: ot.phone.message
+                          children: Ye.phone.message
                         }),
                         K && /* @__PURE__ */ g("div", {
                           className: "aaravpos-barber-autofill-text",
@@ -18855,10 +18856,20 @@ function lv() {
                         }),
                         /* @__PURE__ */ u("input", {
                           id: "email",
-                          ...U("email", {
+                          minLength: 10,
+                          maxLength: 50,
+                          ...V("email", {
+                            minLength: {
+                              value: 10,
+                              message: "Minimum 2 characters required"
+                            },
+                            maxLength: {
+                              value: 50,
+                              message: "Email must be maximum 50 characters"
+                            },
                             validate: (w) => {
-                              const I = !!w?.trim(), F = !!Xt(Pt);
-                              return !I && !F ? "Enter phone or email" : I && !/^\S+@\S+\.\S+$/.test(w) ? "Invalid email" : !0;
+                              const I = !!w?.trim(), R = !!Xt(Pt);
+                              return !I && !R ? "Enter phone or email" : I && !/^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/.test(w) ? "Invalid email" : !0;
                             },
                             onChange: (w) => {
                               Za(w.target.value, null, "email");
@@ -18868,9 +18879,9 @@ function lv() {
                           placeholder: "Email address",
                           className: "aaravpos-barber-custom-input"
                         }),
-                        ot.email && /* @__PURE__ */ u("p", {
+                        Ye.email && /* @__PURE__ */ u("p", {
                           className: "aaravpos-barber-error-text",
-                          children: ot.email.message
+                          children: Ye.email.message
                         })
                       ]
                     }),
@@ -18891,36 +18902,68 @@ function lv() {
                         }),
                         /* @__PURE__ */ u("input", {
                           id: "first_name",
-                          ...U("firstName", {
+                          minLength: 2,
+                          maxLength: 30,
+                          ...V("firstName", {
                             required: "First name required",
                             pattern: {
                               value: /^[A-Za-z\s]+$/,
                               message: "Only letters are allowed"
+                            },
+                            minLength: {
+                              value: 2,
+                              message: "Minimum 2 characters required"
+                            },
+                            maxLength: {
+                              value: 30,
+                              message: "Maximum 30 characters allowed"
                             }
                           }),
                           autoComplete: "given-name",
                           placeholder: "First Name",
                           className: "aaravpos-barber-custom-input"
                         }),
-                        ot.firstName && /* @__PURE__ */ u("p", {
+                        Ye.firstName && /* @__PURE__ */ u("p", {
                           className: "aaravpos-barber-error-text",
-                          children: ot.firstName.message
+                          children: Ye.firstName.message
                         })
                       ]
                     }),
                     /* @__PURE__ */ g("div", {
                       className: "aaravpos-barber-form-group",
-                      children: [/* @__PURE__ */ u("label", {
-                        htmlFor: "last_name",
-                        className: "aaravpos-barber-form-label",
-                        children: "Last Name"
-                      }), /* @__PURE__ */ u("input", {
-                        id: "last_name",
-                        autoComplete: "family-name",
-                        ...U("lastName"),
-                        placeholder: "Last Name",
-                        className: "aaravpos-barber-custom-input"
-                      })]
+                      children: [
+                        /* @__PURE__ */ u("label", {
+                          htmlFor: "last_name",
+                          className: "aaravpos-barber-form-label",
+                          children: "Last Name"
+                        }),
+                        /* @__PURE__ */ u("input", {
+                          id: "last_name",
+                          minLength: 2,
+                          maxLength: 20,
+                          autoComplete: "family-name",
+                          ...V("lastName", {
+                            minLength: {
+                              value: 2,
+                              message: "Last name must be at least 2 characters"
+                            },
+                            maxLength: {
+                              value: 30,
+                              message: "Last name cannot exceed 30 characters"
+                            },
+                            pattern: {
+                              value: /^[A-Za-z\s]+$/,
+                              message: "Only letters are allowed"
+                            }
+                          }),
+                          placeholder: "Last Name",
+                          className: "aaravpos-barber-custom-input"
+                        }),
+                        Ye.lastName && /* @__PURE__ */ u("p", {
+                          className: "text-red-500 text-sm mt-1",
+                          children: Ye.lastName.message
+                        })
+                      ]
                     })
                   ]
                 }), /* @__PURE__ */ u("button", {