@aaravpos/appointment-barber-booking 2.0.5 → 2.0.6

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";
@@ -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((Qe) => Qe.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, Qe = 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"}
                       ${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;
             }
@@ -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,
@@ -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"
@@ -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,7 +18279,7 @@ 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: Qe, trigger: Zt, setValue: St, formState: { errors: ot, isSubmitted: Ua } } = ha({
     defaultValues: {
       firstName: m?.firstName || "",
       lastName: m?.lastName || "",
@@ -18288,16 +18288,16 @@ function lv() {
     },
     mode: "onSubmit"
   }), 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 +18305,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 {
@@ -18343,30 +18343,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,14 +18380,14 @@ 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({
@@ -18402,22 +18402,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 +18429,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 +18453,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 +18490,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 +18499,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 +18513,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 +18546,7 @@ function lv() {
         customerId: I,
         serviceId: ge,
         formId: Te,
-        staffId: F,
+        staffId: R,
         signatureType: Jt,
         typedName: Le.typedName,
         imageUrl: Le.signatureDataUrl
@@ -18567,13 +18567,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 +18586,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 +18631,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 +18652,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 +18681,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 +18698,7 @@ function lv() {
         consentRequired: xe?.length > 0,
         consentCompleted: Ja,
         totalConsents: Xa,
-        checkingConsent: j,
+        checkingConsent: L,
         loading: b,
         isBookingDisabled: $l()
       })
@@ -18803,8 +18803,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",
@@ -18855,10 +18855,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 && !/^\S+@\S+\.\S+$/.test(w) ? "Invalid email" : !0;
                             },
                             onChange: (w) => {
                               Za(w.target.value, null, "email");
@@ -18891,11 +18901,21 @@ 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",
@@ -18916,8 +18936,23 @@ function lv() {
                         children: "Last Name"
                       }), /* @__PURE__ */ u("input", {
                         id: "last_name",
+                        minLength: 2,
+                        maxLength: 20,
                         autoComplete: "family-name",
-                        ...U("lastName"),
+                        ...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"
                       })]