@aaravpos/appointment-booking-plugin 2.0.1 → 2.0.2

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { BookingPlugin } from './components/BookingPlugin';
-export type { BookingPluginProps } from './types';
+export { AppointmentBookingPlugin } from './components/AppointmentBookingPlugin';
+export type { AppointmentBookingPluginProps } from './types';

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as yi from "react";
-import H, { Children as Em, Component as su, Fragment as lu, PureComponent as Tm, createContext as Ft, createElement as Rn, forwardRef as Do, isValidElement as xm, useCallback as Ye, useContext as Te, useEffect as me, useId as Ro, useInsertionEffect as ko, useLayoutEffect as Om, useMemo as se, useRef as ve, useState as X } from "react";
+import H, { Children as Em, Component as su, Fragment as lu, PureComponent as Tm, createContext as Ft, createElement as Rn, forwardRef as Do, isValidElement as xm, useCallback as Ye, useContext as Te, useEffect as me, useId as Ro, useInsertionEffect as ko, useLayoutEffect as Om, useMemo as se, useRef as ve, useState as Y } from "react";
 import { Provider as _m, useDispatch as tt, useSelector as re } from "react-redux";
 import { applyMiddleware as Am, combineReducers as cu, compose as kn, createStore as Im, isAction as gi, isPlainObject as du } from "redux";
 import { FLUSH as Mm, PAUSE as Dm, PERSIST as Rm, PURGE as km, REGISTER as Lm, REHYDRATE as Fm, persistReducer as jm, persistStore as Vm } from "redux-persist";
@@ -6318,7 +6318,7 @@ function Ic(e) {
   }), t;
 }
 var bt = ({ children: e, custom: t, initial: r = !0, onExitComplete: n, presenceAffectsLayout: i = !0, mode: a = "sync", propagate: o = !1, anchorX: s = "left", anchorY: l = "top", root: c }) => {
-  const [d, u] = Kh(o), f = se(() => Ic(e), [e]), p = o && !d ? [] : f.map(un), m = ve(!0), y = ve(f), v = Qo(() => /* @__PURE__ */ new Map()), g = ve(/* @__PURE__ */ new Set()), [b, S] = X(f), [C, T] = X(f);
+  const [d, u] = Kh(o), f = se(() => Ic(e), [e]), p = o && !d ? [] : f.map(un), m = ve(!0), y = ve(f), v = Qo(() => /* @__PURE__ */ new Map()), g = ve(/* @__PURE__ */ new Set()), [b, S] = Y(f), [C, T] = Y(f);
   $f(() => {
     m.current = !1, y.current = f;
     for (let x = 0; x < C.length; x++) {
@@ -7914,7 +7914,7 @@ var o$ = {
   })]
 });
 function ib({ outlets: e, onSelectOutlet: t }) {
-  const [r, n] = X(null), [i, a] = X(""), o = (l) => {
+  const [r, n] = Y(null), [i, a] = Y(""), o = (l) => {
     n(l);
     const c = e.find((d) => d.id == l);
     c && setTimeout(() => {
@@ -8009,7 +8009,7 @@ var ab = {
   return !e.taxRows || !e.taxRows.length ? 0 : e.taxRows.reduce((i, a) => a.isActive ? a.taxType === "FIXED" ? i + (a.taxRate || 0) * n : a.taxType === "PERCENTAGE" ? i + r * n * (a.taxRate || 0) / 100 : i : i, 0);
 };
 function As() {
-  const [e, t] = X({
+  const [e, t] = Y({
     width: 0,
     height: 0
   });
@@ -8415,7 +8415,7 @@ var ub = (e) => Number(e.price || e.min_price || 0), po = (e, { perUnit: t = !1
   }
 };
 function hb() {
-  const e = tt(), { width: t } = As(), { staff: r, selectedServices: n, selectedProfessional: i } = re((y) => y.service), [a, o] = X(!1), s = n.map((y) => y.id), l = se(() => {
+  const e = tt(), { width: t } = As(), { staff: r, selectedServices: n, selectedProfessional: i } = re((y) => y.service), [a, o] = Y(!1), s = n.map((y) => y.id), l = se(() => {
     if (!i?.id) return [];
     const y = r.find((v) => v.id === i.id);
     return y ? n.map((v) => {
@@ -8681,7 +8681,7 @@ var pb = {
   }
 };
 function mb() {
-  const e = tt(), t = ve(null), { superCategories: r, standaloneCategories: n, selectedCategory: i, selectedServices: a, selectedProfessional: o, loading: s } = re((P) => P.service), [l, c] = X("supercategory"), [d, u] = X(null), [f, p] = X(null), [m, y] = X(""), v = new Set(o ? o?.assignments?.map((P) => P.id) : []), g = new Set(o ? o?.assignments?.map((P) => P.categoryId) : []), b = n.map((P) => ({
+  const e = tt(), t = ve(null), { superCategories: r, standaloneCategories: n, selectedCategory: i, selectedServices: a, selectedProfessional: o, loading: s } = re((P) => P.service), [l, c] = Y("supercategory"), [d, u] = Y(null), [f, p] = Y(null), [m, y] = Y(""), v = new Set(o ? o?.assignments?.map((P) => P.id) : []), g = new Set(o ? o?.assignments?.map((P) => P.categoryId) : []), b = n.map((P) => ({
     ...P,
     services: P.services?.filter((j) => v.has(j.id)) || []
   })).filter((P) => g.has(P.id) && P.services.length > 0), S = r.map((P) => ({
@@ -9002,7 +9002,7 @@ var vb = {
   }
 };
 function yb() {
-  const e = tt(), t = ve(null), { superCategories: r, standaloneCategories: n, selectedCategory: i, selectedServices: a, loading: o } = re((w) => w.service), { outletName: s } = re((w) => w?.outletDetails), [l, c] = X("supercategory"), [d, u] = X(null), [f, p] = X(null), [m, y] = X(""), v = n?.flatMap((w) => w.services), g = i ? i.services : v, b = se(() => d ? f ? f.services || [] : d?.categories?.flatMap((w) => w.services || []) : [], [d, f]), S = l === "standalone" ? g : b, C = se(() => {
+  const e = tt(), t = ve(null), { superCategories: r, standaloneCategories: n, selectedCategory: i, selectedServices: a, loading: o } = re((w) => w.service), { outletName: s } = re((w) => w?.outletDetails), [l, c] = Y("supercategory"), [d, u] = Y(null), [f, p] = Y(null), [m, y] = Y(""), v = n?.flatMap((w) => w.services), g = i ? i.services : v, b = se(() => d ? f ? f.services || [] : d?.categories?.flatMap((w) => w.services || []) : [], [d, f]), S = l === "standalone" ? g : b, C = se(() => {
     const w = n?.flatMap((G) => G.services || []), F = r?.flatMap((G) => G?.categories?.flatMap((k) => k.services || []));
     return [...w, ...F];
   }, [n, r]), T = se(() => {
@@ -9295,7 +9295,7 @@ var gb = [
   "Dec"
 ];
 function Is({ buttonText: e, onButtonClick: t, showTaxesOnlyIfTime: r = !1, showTip: n = !1, tipPct: i = 0, onTipChange: a, consentRequired: o = !1, consentCompleted: s = 0, totalConsents: l = 0, checkingConsent: c = !1, loading: d = !1, isBookingDisabled: u = !1, handleSidebarOpen: f }) {
-  const { selectedSlotIndexes: p, slots: m, selectedDate: y } = re((L) => L.slots), { staff: v, selectedServices: g, selectedProfessional: b } = re((L) => L.service), { timeZone: S } = re((L) => L.outletDetails), C = _e.now().setZone(S ?? "UTC"), [T, N] = X(""), [_, x] = X(!1), D = ve(null), w = ve(null), [F, G] = X(0), k = [
+  const { selectedSlotIndexes: p, slots: m, selectedDate: y } = re((L) => L.slots), { staff: v, selectedServices: g, selectedProfessional: b } = re((L) => L.service), { timeZone: S } = re((L) => L.outletDetails), C = _e.now().setZone(S ?? "UTC"), [T, N] = Y(""), [_, x] = Y(!1), D = ve(null), w = ve(null), [F, G] = Y(0), k = [
     0,
     5,
     10,
@@ -9332,7 +9332,7 @@ function Is({ buttonText: e, onButtonClick: t, showTaxesOnlyIfTime: r = !1, show
     day: C.day,
     month: C.month,
     year: C.year
-  }, E = p?.[0], I = E !== void 0 ? we(E) : null, U = R.month ?? 0, z = I ? `${gb[U]} ${R.day} at ${I}` : null, K = W.reduce((L, A) => L + A.tax, 0), Y = Number(i) || 0, Z = n ? q * Y / 100 : 0, Q = q + K + Z;
+  }, E = p?.[0], I = E !== void 0 ? we(E) : null, U = R.month ?? 0, z = I ? `${gb[U]} ${R.day} at ${I}` : null, K = W.reduce((L, A) => L + A.tax, 0), X = Number(i) || 0, Z = n ? q * X / 100 : 0, Q = q + K + Z;
   me(() => {
     n && i == null && a?.(0);
   }, [
@@ -9431,7 +9431,7 @@ function Is({ buttonText: e, onButtonClick: t, showTaxesOnlyIfTime: r = !1, show
             /* @__PURE__ */ h("div", {
               className: "aaravpos-tip-options",
               children: [...k, "custom"].map((L, A) => {
-                const oe = L === "custom", Ce = oe ? _ : Y === L, rt = A === 0, rn = A === [...k, "custom"].length - 1;
+                const oe = L === "custom", Ce = oe ? _ : X === L, rt = A === 0, rn = A === [...k, "custom"].length - 1;
                 return /* @__PURE__ */ h("button", {
                   onClick: () => {
                     oe ? (x(!0), a?.(Number(T) || 0)) : (x(!1), N(""), a?.(Number(L)));
@@ -9505,7 +9505,7 @@ function Is({ buttonText: e, onButtonClick: t, showTaxesOnlyIfTime: r = !1, show
                 value: /* @__PURE__ */ $(xe, { children: [/* @__PURE__ */ h(ge, { size: 14 }), q.toFixed(2)] })
               }),
               n && /* @__PURE__ */ h(Sa, {
-                label: `Tip (${Y}%)`,
+                label: `Tip (${X}%)`,
                 value: /* @__PURE__ */ $(xe, { children: [/* @__PURE__ */ h(ge, { size: 14 }), Z.toFixed(2)] })
               }),
               (!r || I) && /* @__PURE__ */ h(Sa, {
@@ -9601,7 +9601,7 @@ var Nr = ({ dateObj: e, selectedProfessional: t, outletTimeZone: r }) => {
   "S"
 ];
 function Sb({ isOpen: e, onClose: t }) {
-  const r = tt(), { selectedDate: n } = re((f) => f.slots), { selectedProfessional: i } = re((f) => f.service), { timeZone: a } = re((f) => f.outletDetails), [o] = X($b(a || "")), [s, l] = X(0), c = o[s];
+  const r = tt(), { selectedDate: n } = re((f) => f.slots), { selectedProfessional: i } = re((f) => f.service), { timeZone: a } = re((f) => f.outletDetails), [o] = Y($b(a || "")), [s, l] = Y(0), c = o[s];
   if (!e) return null;
   const d = _e.now().setZone(a ?? "UTC"), u = (f, p) => {
     const m = _e.fromObject({
@@ -9731,7 +9731,7 @@ var Yc = [
   "Sat"
 ];
 function Nb() {
-  const e = tt(), [t, r] = X(11), { staff: n, selectedServices: i, selectedProfessional: a } = re((R) => R.service), { tenantId: o, timeZone: s } = re((R) => R?.outletDetails), { selectedSlotIndexes: l, selectedDate: c, selectedTime: d, slots: u, loading: f } = re((R) => R.slots), [p, m] = X(!1), [y, v] = X(0), g = 15, b = se(() => [
+  const e = tt(), [t, r] = Y(11), { staff: n, selectedServices: i, selectedProfessional: a } = re((R) => R.service), { tenantId: o, timeZone: s } = re((R) => R?.outletDetails), { selectedSlotIndexes: l, selectedDate: c, selectedTime: d, slots: u, loading: f } = re((R) => R.slots), [p, m] = Y(!1), [y, v] = Y(0), g = 15, b = se(() => [
     u.morning,
     u.afternoon,
     u.evening
@@ -9861,7 +9861,7 @@ function Nb() {
     };
     return R(), window.addEventListener("resize", R), () => window.removeEventListener("resize", R);
   }, []);
-  const k = u?.morning || [], P = u?.afternoon || [], j = u?.evening || [], W = (R) => R.some((E) => !E.isBooked && E.status === "AVAILABLE"), q = () => W(k) ? "morning" : W(P) ? "afternoon" : W(j) ? "evening" : null, [J, ae] = X(q()), we = () => {
+  const k = u?.morning || [], P = u?.afternoon || [], j = u?.evening || [], W = (R) => R.some((E) => !E.isBooked && E.status === "AVAILABLE"), q = () => W(k) ? "morning" : W(P) ? "afternoon" : W(j) ? "evening" : null, [J, ae] = Y(q()), we = () => {
     let R = null;
     for (let E = 1; E < T.length; E++) {
       const I = S.plus({ days: E });
@@ -9951,18 +9951,18 @@ function Nb() {
               children: /* @__PURE__ */ h(si, { size: 20 })
             }),
             T.slice(y, y + t).map((R) => {
-              const E = _e.fromISO(R.fullDate || ""), I = E.weekday % 7, U = _e.now().setZone(s).startOf("day"), z = E.hasSame(U, "day"), K = c?.day === R.day && c?.month === R.month && c?.year === R.year, Y = Nr({
+              const E = _e.fromISO(R.fullDate || ""), I = E.weekday % 7, U = _e.now().setZone(s).startOf("day"), z = E.hasSame(U, "day"), K = c?.day === R.day && c?.month === R.month && c?.year === R.year, X = Nr({
                 dateObj: R,
                 selectedProfessional: a,
                 outletTimeZone: s || "UTC"
               });
               return /* @__PURE__ */ $("div", {
                 onClick: () => {
-                  Y || F(R);
+                  X || F(R);
                 },
-                className: ["arravpos-date-card", Y ? "arravpos-date-card-disabled" : K ? "arravpos-date-card-active" : "arravpos-date-card-default"].filter(Boolean).join(" "),
+                className: ["arravpos-date-card", X ? "arravpos-date-card-disabled" : K ? "arravpos-date-card-active" : "arravpos-date-card-default"].filter(Boolean).join(" "),
                 children: [
-                  Y && /* @__PURE__ */ h("div", { className: "arravpos-date-disabled-slash" }),
+                  X && /* @__PURE__ */ h("div", { className: "arravpos-date-disabled-slash" }),
                   /* @__PURE__ */ h("span", {
                     className: "arravpos-date-week",
                     children: Cb[I]
@@ -9971,11 +9971,11 @@ function Nb() {
                     className: "arravpos-date-day",
                     children: R.day
                   }),
-                  z && !K && !Y && /* @__PURE__ */ h("span", {
+                  z && !K && !X && /* @__PURE__ */ h("span", {
                     className: "arravpos-date-today",
                     children: "TODAY"
                   }),
-                  Y && /* @__PURE__ */ h("span", {
+                  X && /* @__PURE__ */ h("span", {
                     className: "arravpos-date-unavailable",
                     children: "UNAVAILABLE"
                   })
@@ -10563,7 +10563,7 @@ var Fb = /* @__PURE__ */ ze(((e) => {
     function K(A) {
       return T(A) === i;
     }
-    function Y(A) {
+    function X(A) {
       return T(A) === y;
     }
     function Z(A) {
@@ -10581,7 +10581,7 @@ var Fb = /* @__PURE__ */ ze(((e) => {
     function L(A) {
       return T(A) === f;
     }
-    e.AsyncMode = N, e.ConcurrentMode = _, e.ContextConsumer = x, e.ContextProvider = D, e.Element = w, e.ForwardRef = F, e.Fragment = G, e.Lazy = k, e.Memo = P, e.Portal = j, e.Profiler = W, e.StrictMode = q, e.Suspense = J, e.isAsyncMode = we, e.isConcurrentMode = R, e.isContextConsumer = E, e.isContextProvider = I, e.isElement = U, e.isForwardRef = z, e.isFragment = K, e.isLazy = Y, e.isMemo = Z, e.isPortal = Q, e.isProfiler = te, e.isStrictMode = ee, e.isSuspense = L, e.isValidElementType = C, e.typeOf = T;
+    e.AsyncMode = N, e.ConcurrentMode = _, e.ContextConsumer = x, e.ContextProvider = D, e.Element = w, e.ForwardRef = F, e.Fragment = G, e.Lazy = k, e.Memo = P, e.Portal = j, e.Profiler = W, e.StrictMode = q, e.Suspense = J, e.isAsyncMode = we, e.isConcurrentMode = R, e.isContextConsumer = E, e.isContextProvider = I, e.isElement = U, e.isForwardRef = z, e.isFragment = K, e.isLazy = X, e.isMemo = Z, e.isPortal = Q, e.isProfiler = te, e.isStrictMode = ee, e.isSuspense = L, e.isValidElementType = C, e.typeOf = T;
   })();
 })), gp = /* @__PURE__ */ ze(((e, t) => {
   process.env.NODE_ENV === "production" ? t.exports = Fb() : t.exports = jb();
@@ -10713,7 +10713,7 @@ var Fb = /* @__PURE__ */ ze(((e) => {
     function b(E) {
       if (process.env.NODE_ENV !== "production")
         var I = {}, U = 0;
-      function z(Y, Z, Q, te, ee, L, A) {
+      function z(X, Z, Q, te, ee, L, A) {
         if (te = te || m, L = L || Q, A !== i) {
           if (d) {
             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");
@@ -10723,17 +10723,17 @@ var Fb = /* @__PURE__ */ ze(((e) => {
             !I[Ce] && U < 3 && (s("You are manually calling a React.PropTypes validation function for the `" + L + "` prop on `" + te + "`. 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."), I[Ce] = !0, U++);
           }
         }
-        return Z[Q] == null ? Y ? Z[Q] === null ? new g("The " + ee + " `" + L + "` is marked as required " + ("in `" + te + "`, but its value is `null`.")) : new g("The " + ee + " `" + L + "` is marked as required in " + ("`" + te + "`, but its value is `undefined`.")) : null : E(Z, Q, te, ee, L);
+        return Z[Q] == null ? X ? Z[Q] === null ? new g("The " + ee + " `" + L + "` is marked as required " + ("in `" + te + "`, but its value is `null`.")) : new g("The " + ee + " `" + L + "` is marked as required in " + ("`" + te + "`, but its value is `undefined`.")) : null : E(Z, Q, te, ee, L);
       }
       var K = z.bind(null, !1);
       return K.isRequired = z.bind(null, !0), K;
     }
     function S(E) {
-      function I(U, z, K, Y, Z, Q) {
+      function I(U, z, K, X, Z, Q) {
         var te = U[z];
         if (J(te) !== E) {
           var ee = ae(te);
-          return new g("Invalid " + Y + " `" + Z + "` of type " + ("`" + ee + "` supplied to `" + K + "`, expected ") + ("`" + E + "`."), { expectedType: E });
+          return new g("Invalid " + X + " `" + Z + "` of type " + ("`" + ee + "` supplied to `" + K + "`, expected ") + ("`" + E + "`."), { expectedType: E });
         }
         return null;
       }
@@ -10743,15 +10743,15 @@ var Fb = /* @__PURE__ */ ze(((e) => {
       return b(l);
     }
     function T(E) {
-      function I(U, z, K, Y, Z) {
+      function I(U, z, K, X, Z) {
         if (typeof E != "function") return new g("Property `" + Z + "` of component `" + K + "` has invalid PropType notation inside arrayOf.");
         var Q = U[z];
         if (!Array.isArray(Q)) {
           var te = J(Q);
-          return new g("Invalid " + Y + " `" + Z + "` of type " + ("`" + te + "` supplied to `" + K + "`, expected an array."));
+          return new g("Invalid " + X + " `" + Z + "` of type " + ("`" + te + "` supplied to `" + K + "`, expected an array."));
         }
         for (var ee = 0; ee < Q.length; ee++) {
-          var L = E(Q, ee, K, Y, Z + "[" + ee + "]", i);
+          var L = E(Q, ee, K, X, Z + "[" + ee + "]", i);
           if (L instanceof Error) return L;
         }
         return null;
@@ -10759,32 +10759,32 @@ var Fb = /* @__PURE__ */ ze(((e) => {
       return b(I);
     }
     function N() {
-      function E(I, U, z, K, Y) {
+      function E(I, U, z, K, X) {
         var Z = I[U];
         if (!c(Z)) {
           var Q = J(Z);
-          return new g("Invalid " + K + " `" + Y + "` of type " + ("`" + Q + "` supplied to `" + z + "`, expected a single ReactElement."));
+          return new g("Invalid " + K + " `" + X + "` of type " + ("`" + Q + "` supplied to `" + z + "`, expected a single ReactElement."));
         }
         return null;
       }
       return b(E);
     }
     function _() {
-      function E(I, U, z, K, Y) {
+      function E(I, U, z, K, X) {
         var Z = I[U];
         if (!r.isValidElementType(Z)) {
           var Q = J(Z);
-          return new g("Invalid " + K + " `" + Y + "` of type " + ("`" + Q + "` supplied to `" + z + "`, expected a single ReactElement type."));
+          return new g("Invalid " + K + " `" + X + "` of type " + ("`" + Q + "` supplied to `" + z + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return b(E);
     }
     function x(E) {
-      function I(U, z, K, Y, Z) {
+      function I(U, z, K, X, Z) {
         if (!(U[z] instanceof E)) {
           var Q = E.name || m, te = R(U[z]);
-          return new g("Invalid " + Y + " `" + Z + "` of type " + ("`" + te + "` supplied to `" + K + "`, expected ") + ("instance of `" + Q + "`."));
+          return new g("Invalid " + X + " `" + Z + "` of type " + ("`" + te + "` supplied to `" + K + "`, expected ") + ("instance of `" + Q + "`."));
         }
         return null;
       }
@@ -10793,22 +10793,22 @@ var Fb = /* @__PURE__ */ ze(((e) => {
     function D(E) {
       if (!Array.isArray(E))
         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.")), l;
-      function I(U, z, K, Y, Z) {
+      function I(U, z, K, X, Z) {
         for (var Q = U[z], te = 0; te < E.length; te++) if (v(Q, E[te])) return null;
         var ee = JSON.stringify(E, function(A, oe) {
           return ae(oe) === "symbol" ? String(oe) : oe;
         });
-        return new g("Invalid " + Y + " `" + Z + "` of value `" + String(Q) + "` " + ("supplied to `" + K + "`, expected one of " + ee + "."));
+        return new g("Invalid " + X + " `" + Z + "` of value `" + String(Q) + "` " + ("supplied to `" + K + "`, expected one of " + ee + "."));
       }
       return b(I);
     }
     function w(E) {
-      function I(U, z, K, Y, Z) {
+      function I(U, z, K, X, Z) {
         if (typeof E != "function") return new g("Property `" + Z + "` of component `" + K + "` has invalid PropType notation inside objectOf.");
         var Q = U[z], te = J(Q);
-        if (te !== "object") return new g("Invalid " + Y + " `" + Z + "` of type " + ("`" + te + "` supplied to `" + K + "`, expected an object."));
+        if (te !== "object") return new g("Invalid " + X + " `" + Z + "` of type " + ("`" + te + "` supplied to `" + K + "`, expected an object."));
         for (var ee in Q) if (a(Q, ee)) {
-          var L = E(Q, ee, K, Y, Z + "." + ee, i);
+          var L = E(Q, ee, K, X, Z + "." + ee, i);
           if (L instanceof Error) return L;
         }
         return null;
@@ -10823,9 +10823,9 @@ var Fb = /* @__PURE__ */ ze(((e) => {
         if (typeof U != "function")
           return s("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + we(U) + " at index " + I + "."), l;
       }
-      function z(K, Y, Z, Q, te) {
+      function z(K, X, Z, Q, te) {
         for (var ee = [], L = 0; L < E.length; L++) {
-          var A = E[L], oe = A(K, Y, Z, Q, te, i);
+          var A = E[L], oe = A(K, X, Z, Q, te, i);
           if (oe == null) return null;
           oe.data && a(oe.data, "expectedType") && ee.push(oe.data.expectedType);
         }
@@ -10835,8 +10835,8 @@ var Fb = /* @__PURE__ */ ze(((e) => {
       return b(z);
     }
     function G() {
-      function E(I, U, z, K, Y) {
-        return W(I[U]) ? null : new g("Invalid " + K + " `" + Y + "` supplied to " + ("`" + z + "`, expected a ReactNode."));
+      function E(I, U, z, K, X) {
+        return W(I[U]) ? null : new g("Invalid " + K + " `" + X + "` supplied to " + ("`" + z + "`, expected a ReactNode."));
       }
       return b(E);
     }
@@ -10844,13 +10844,13 @@ var Fb = /* @__PURE__ */ ze(((e) => {
       return new g((E || "React class") + ": " + I + " type `" + U + "." + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + K + "`.");
     }
     function P(E) {
-      function I(U, z, K, Y, Z) {
+      function I(U, z, K, X, Z) {
         var Q = U[z], te = J(Q);
-        if (te !== "object") return new g("Invalid " + Y + " `" + Z + "` of type `" + te + "` " + ("supplied to `" + K + "`, expected `object`."));
+        if (te !== "object") return new g("Invalid " + X + " `" + Z + "` of type `" + te + "` " + ("supplied to `" + K + "`, expected `object`."));
         for (var ee in E) {
           var L = E[ee];
-          if (typeof L != "function") return k(K, Y, Z, ee, ae(L));
-          var A = L(Q, ee, K, Y, Z + "." + ee, i);
+          if (typeof L != "function") return k(K, X, Z, ee, ae(L));
+          var A = L(Q, ee, K, X, Z + "." + ee, i);
           if (A) return A;
         }
         return null;
@@ -10858,15 +10858,15 @@ var Fb = /* @__PURE__ */ ze(((e) => {
       return b(I);
     }
     function j(E) {
-      function I(U, z, K, Y, Z) {
+      function I(U, z, K, X, Z) {
         var Q = U[z], te = J(Q);
-        if (te !== "object") return new g("Invalid " + Y + " `" + Z + "` of type `" + te + "` " + ("supplied to `" + K + "`, expected `object`."));
+        if (te !== "object") return new g("Invalid " + X + " `" + Z + "` of type `" + te + "` " + ("supplied to `" + K + "`, expected `object`."));
         for (var ee in n({}, U[z], E)) {
           var L = E[ee];
-          if (a(E, ee) && typeof L != "function") return k(K, Y, Z, ee, ae(L));
-          if (!L) return new g("Invalid " + Y + " `" + Z + "` key `" + ee + "` supplied to `" + K + "`.\nBad object: " + JSON.stringify(U[z], null, "  ") + `
+          if (a(E, ee) && typeof L != "function") return k(K, X, Z, ee, ae(L));
+          if (!L) return new g("Invalid " + X + " `" + Z + "` key `" + ee + "` supplied to `" + K + "`.\nBad object: " + JSON.stringify(U[z], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(E), null, "  "));
-          var A = L(Q, ee, K, Y, Z + "." + ee, i);
+          var A = L(Q, ee, K, X, Z + "." + ee, i);
           if (A) return A;
         }
         return null;
@@ -11532,7 +11532,7 @@ var Yb = ({ onClose: e, onConfirm: t, enforcement: r, heading: n, consent: i })
   return +`${t}${r}`;
 };
 function Qb() {
-  const e = tt(), { tenantId: t, id: r } = re((M) => M.outletDetails), { timeZone: n, image: i, outletName: a, address: o } = re((M) => M.outletDetails), { staff: s, selectedServices: l, selectedProfessional: c } = re((M) => M.service), { selectedSlotIds: d, selectedDate: u, selectedTime: f } = re((M) => M.slots), { userDetails: p, bookingMode: m, tipPct: y } = re((M) => M.appointment), v = Array.isArray(l) ? l : [l], { selectedSlotIndexes: g, slots: b } = re((M) => M.slots), [S, C] = X(!1), [T, N] = X(!1), [_, x] = X(null), [D, w] = X("person"), [F, G] = X(!1), [k, P] = X(""), [j, W] = X(""), [q, J] = X(null), [ae, we] = X(null), [R, E] = X({}), [I, U] = X({}), [z, K] = X(!1), [Y, Z] = X(!1), Q = ve(!1), te = ve(""), ee = _e.now().setZone(n ?? "UTC"), L = v.map((M) => {
+  const e = tt(), { tenantId: t, id: r } = re((M) => M.outletDetails), { timeZone: n, image: i, outletName: a, address: o } = re((M) => M.outletDetails), { staff: s, selectedServices: l, selectedProfessional: c } = re((M) => M.service), { selectedSlotIds: d, selectedDate: u, selectedTime: f } = re((M) => M.slots), { userDetails: p, bookingMode: m, tipPct: y } = re((M) => M.appointment), v = Array.isArray(l) ? l : [l], { selectedSlotIndexes: g, slots: b } = re((M) => M.slots), [S, C] = Y(!1), [T, N] = Y(!1), [_, x] = Y(null), [D, w] = Y("person"), [F, G] = Y(!1), [k, P] = Y(""), [j, W] = Y(""), [q, J] = Y(null), [ae, we] = Y(null), [R, E] = Y({}), [I, U] = Y({}), [z, K] = Y(!1), [X, Z] = Y(!1), Q = ve(!1), te = ve(""), ee = _e.now().setZone(n ?? "UTC"), L = v.map((M) => {
     const V = s?.find((ue) => ue.id === c?.id)?.assignments?.find((ue) => ue.id === M.id), ne = {
       ...M,
       price: V?.price ?? M.price ?? M.min_price ?? 0,
@@ -11826,7 +11826,7 @@ function Qb() {
     }
   }, wm = () => N(!1), Pm = () => !f || !p?.firstName || !p?.email && !p?.phone;
   return /* @__PURE__ */ $(Ut, {
-    isSidebarOpen: Y,
+    isSidebarOpen: X,
     handleSidebarOpen: () => Z((M) => !M),
     sidebar: /* @__PURE__ */ h("div", {
       className: "aaravpos-aside",
@@ -24534,7 +24534,7 @@ var p7 = [
   "CN"
 ];
 function m7() {
-  const e = tt(), { tenantId: t } = re((k) => k?.outletDetails), { userDetails: r } = re((k) => k.appointment), [n, i] = X(!1), [a, o] = X(null), [s, l] = X(!1), c = ve(""), d = ve(null), { register: u, handleSubmit: f, control: p, watch: m, reset: y, trigger: v, setValue: g, formState: { errors: b, isSubmitted: S, isSubmitting: C } } = Lo({
+  const e = tt(), { tenantId: t } = re((k) => k?.outletDetails), { userDetails: r } = re((k) => k.appointment), [n, i] = Y(!1), [a, o] = Y(null), [s, l] = Y(!1), c = ve(""), d = ve(null), { register: u, handleSubmit: f, control: p, watch: m, reset: y, trigger: v, setValue: g, formState: { errors: b, isSubmitted: S, isSubmitting: C } } = Lo({
     defaultValues: {
       firstName: "",
       lastName: "",
@@ -24793,7 +24793,7 @@ var v7 = {
   }
 };
 function y7() {
-  const e = tt(), t = re((N) => N.appointment.appointmentId), { tenantId: r } = re((N) => N.outletDetails), [n, i] = X(null), [a, o] = X(!0), [s, l] = X(null), [c, d] = X(!1);
+  const e = tt(), t = re((N) => N.appointment.appointmentId), { tenantId: r } = re((N) => N.outletDetails), [n, i] = Y(null), [a, o] = Y(!0), [s, l] = Y(null), [c, d] = Y(!1);
   me(() => {
     if (!t) {
       l("No appointment ID provided"), o(!1);
@@ -25002,49 +25002,54 @@ function $7() {
   })] });
 }
 var b7 = ({ bookingCode: e }) => {
-  const t = tt(), r = re((c) => c.outletList.outlets), [n, i] = X(null), { id: a } = re((c) => c.outletDetails), o = Ye(async () => {
+  const t = tt(), r = re((u) => u.outletList.outlets), [n, i] = Y(!1), [a, o] = Y(null), { id: s } = re((u) => u.outletDetails), l = Ye(async () => {
     try {
-      i(null);
-      const c = await bl(e);
-      if (c?.success) {
-        const d = c?.data?.data?.outlets || [];
-        t(J1(d)), lv(c?.data?.result), d.length === 1 && l(d[0]);
-      } else i(c?.message || "Failed to fetch data");
-    } catch (c) {
-      console.error(c), i(c?.message || "Something went wrong");
+      i(!0), o(null);
+      const u = await bl(e);
+      if (u?.success) {
+        const f = u?.data?.data?.outlets || [];
+        t(J1(f)), lv(u?.data?.result), f.length === 1 && d(f[0]);
+      } else o(u?.message || "Failed to fetch data");
+    } catch (u) {
+      console.error(u), o(u?.message || "Something went wrong");
+    } finally {
+      i(!1);
     }
-  }, [e, t]), s = async (c, d) => {
+  }, [e, t]), c = async (u, f) => {
     try {
-      const u = await bl(e, c, d);
-      u?.success || i(u?.message || "Failed to fetch outlet data"), t(L1(u?.data?.token)), t(M1(u?.data?.data?.outlets[0]?.isService)), t(j1({
-        standaloneCategories: u?.data?.data?.standaloneCategories,
-        superCategories: u?.data?.data?.superCategories,
-        staff: u?.data?.data?.staff
+      const p = await bl(e, u, f);
+      p?.success || o(p?.message || "Failed to fetch outlet data"), t(L1(p?.data?.token)), t(M1(p?.data?.data?.outlets[0]?.isService)), t(j1({
+        standaloneCategories: p?.data?.data?.standaloneCategories,
+        superCategories: p?.data?.data?.superCategories,
+        staff: p?.data?.data?.staff
       }));
-    } catch (u) {
-      console.error(u), i(u?.message || "Something went wrong");
-    }
-  }, l = async (c) => {
-    c && (await s(String(c?.tenantId), String(c?.id)), t(k1({
-      ...c,
-      tenantId: c.tenantId ?? "",
-      currency: c.currency ?? "",
-      outletTimeZoneDate: _e.now().setZone(c?.timeZone).toFormat("yyyy-MM-dd"),
-      outletTimeZoneYear: _e.fromISO(c?.createdAt, { zone: "utc" }).setZone(c?.timeZone).year
-    })), t(Va(c?.isService ? "services" : "professionals")));
+    } catch (p) {
+      console.error(p), o(p?.message || "Something went wrong");
+    }
+  }, d = async (u) => {
+    u && (await c(String(u?.tenantId), String(u?.id)), t(k1({
+      ...u,
+      tenantId: u.tenantId ?? "",
+      currency: u.currency ?? "",
+      outletTimeZoneDate: _e.now().setZone(u?.timeZone).toFormat("yyyy-MM-dd"),
+      outletTimeZoneYear: _e.fromISO(u?.createdAt, { zone: "utc" }).setZone(u?.timeZone).year
+    })), t(Va(u?.isService ? "services" : "professionals")));
   };
   return me(() => {
-    Array.isArray(r) && r.length === 0 && o();
-  }, [r?.length, o]), n ? /* @__PURE__ */ h("div", {
+    Array.isArray(r) && r.length === 0 && l();
+  }, [r?.length, l]), a ? /* @__PURE__ */ h("div", {
     className: "arravpos-error-box",
-    children: n
-  }) : /* @__PURE__ */ h("div", { children: r.length > 1 && !a ? /* @__PURE__ */ h(ib, {
+    children: a
+  }) : n ? /* @__PURE__ */ h("div", {
+    className: "aaravpos-loader-wrapper",
+    children: /* @__PURE__ */ h("div", { className: "aaravpos-loader" })
+  }) : /* @__PURE__ */ h("div", { children: r.length > 1 && !s ? /* @__PURE__ */ h(ib, {
     outlets: r,
-    onSelectOutlet: (c) => {
-      c?.id && l(c);
+    onSelectOutlet: (u) => {
+      u?.id && d(u);
     }
   }) : /* @__PURE__ */ h($7, {}) });
 }, W7 = ({ ...e }) => /* @__PURE__ */ h(sv, { children: /* @__PURE__ */ h(b7, { ...e }) });
 export {
-  W7 as BookingPlugin
+  W7 as AppointmentBookingPlugin
 };

package/dist/styles.css

@@ -3298,6 +3298,20 @@
   display: flex;
   flex-direction: column;
 }
+.aaravpos-loader-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 580px;
+}
+.aaravpos-loader {
+  width: 36px;
+  height: 36px;
+  border: 4px solid #e5e5e5;
+  border-top-color: var(--btn-bg);
+  border-radius: 50%;
+  animation: aaravpos-spin 0.8s linear infinite;
+}
 @media (min-width: 640px) {
   .custom-container {
     padding-left: 32px;
@@ -3682,3 +3696,8 @@
     transform: rotate(360deg);
   }
 }
+@keyframes aaravpos-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aaravpos/appointment-booking-plugin",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "A React component library built with Tailwind CSS v4 and TypeScript",
   "type": "module",
   "packageManager": "pnpm@10.33.0",

package/dist/components/BookingPlugin.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { BookingPluginProps } from '../types';
-export declare const BookingPlugin: React.FC<BookingPluginProps>;