@oneclick.dev/cms-core-modules 0.0.105 → 0.0.107

package/dist/regular-_05oq5Tx.mjs

@@ -1,1101 +0,0 @@
-import { defineComponent as H, computed as W, resolveComponent as o, openBlock as c, createBlock as V, withCtx as s, createVNode as n, createElementBlock as k, Fragment as I, renderList as M, createCommentVNode as F, normalizeClass as J, unref as u, createElementVNode as t, createTextVNode as a, toDisplayString as g, inject as A, ref as O, normalizeStyle as q, reactive as ae, provide as E } from "vue";
-import { useModuleRoute as K, useModule as ie, useFirebaseIntegration as ue, useModuleBreadcrumbs as re } from "@oneclick.dev/cms-kit";
-import { Circle as de, Check as me, Dot as pe, Pencil as ce, Trash2 as Y, Users as fe, Plus as ve, Clock as ge, ArrowLeft as xe } from "lucide-vue-next";
-const _e = { class: "flex flex-col gap-1" }, be = /* @__PURE__ */ H({
-  __name: "StepNavigation",
-  props: {
-    modelValue: {
-      type: Number,
-      required: !0
-    },
-    steps: {
-      type: Array,
-      required: !0
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(R, { emit: r }) {
-    const N = R, $ = r, f = W({
-      get: () => N.modelValue,
-      set: (e) => {
-        $("update:modelValue", e);
-      }
-    }), _ = W(() => N.steps.filter((e) => e.completed).length);
-    return (e, i) => {
-      const y = o("StepperSeparator"), x = o("Button"), d = o("StepperTrigger"), C = o("StepperTitle"), b = o("StepperItem"), w = o("Stepper"), D = o("CardContent"), S = o("Card");
-      return c(), V(S, null, {
-        default: s(() => [
-          n(D, null, {
-            default: s(() => [
-              n(w, {
-                orientation: "vertical",
-                class: "mx-auto flex w-full max-w-md flex-col justify-start gap-10",
-                modelValue: f.value,
-                "onUpdate:modelValue": i[0] || (i[0] = (m) => f.value = m),
-                linear: !1
-              }, {
-                default: s(() => [
-                  (c(!0), k(I, null, M(R.steps, (m, l) => (c(), V(b, {
-                    key: m.step,
-                    class: "relative flex w-full items-start gap-6",
-                    step: m.step,
-                    completed: m.completed,
-                    disabled: m.step > _.value + 1,
-                    onClick: (v) => f.value = m.step
-                  }, {
-                    default: s(({ state: v }) => [
-                      m.step !== R.steps[R.steps.length - 1].step ? (c(), V(y, {
-                        key: 0,
-                        class: "absolute left-[18px] top-[38px] block h-[105%] w-0.5 shrink-0 rounded-full bg-muted group-data-[state=completed]:bg-primary"
-                      })) : F("", !0),
-                      n(d, { "as-child": "" }, {
-                        default: s(() => [
-                          n(x, {
-                            variant: v === "completed" || v === "active" ? "default" : "outline",
-                            size: "icon",
-                            class: J(["z-10 rounded-full shrink-0", [f.value === m.step && "ring-2 ring-ring ring-offset-2 ring-offset-background"]])
-                          }, {
-                            default: s(() => [
-                              f.value === m.step ? (c(), V(u(de), { key: 0 })) : v === "completed" ? (c(), V(u(me), {
-                                key: 1,
-                                class: "size-5"
-                              })) : v === "inactive" ? (c(), V(u(pe), { key: 2 })) : F("", !0)
-                            ]),
-                            _: 2
-                          }, 1032, ["variant", "class"])
-                        ]),
-                        _: 2
-                      }, 1024),
-                      t("div", _e, [
-                        n(C, {
-                          class: J([[f.value === m.step && "text-primary", m.step > _.value + 1 && "text-muted-foreground"], "text-sm font-semibold transition lg:text-base mt-1.5"])
-                        }, {
-                          default: s(() => [
-                            a(g(m.title), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["class"])
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["step", "completed", "disabled", "onClick"]))), 128))
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Se = { class: "space-y-6" }, ye = { class: "flex justify-end mt-8" }, ke = /* @__PURE__ */ H({
-  __name: "Step1",
-  setup(R) {
-    const r = A("form"), N = A("steps"), $ = A("activeStep", O(1)), f = () => {
-      if (r.serviceName = r.serviceName.trim(), r.pricingOptions[0].name = r.pricingOptions[0].name.trim() || "Standard Service", !r.serviceName) {
-        alert("Please enter a service name.");
-        return;
-      }
-      if (!r.pricingOptions[0].duration || r.pricingOptions[0].duration <= 0) {
-        alert("Please set a valid service duration.");
-        return;
-      }
-      N.value[0].completed = !0, $.value = 2;
-    };
-    return (_, e) => {
-      const i = o("Label"), y = o("Input"), x = o("Separator"), d = o("SelectValue"), C = o("SelectTrigger"), b = o("SelectItem"), w = o("SelectContent"), D = o("Select"), S = o("Button"), m = o("Card");
-      return c(), V(m, { class: "p-8" }, {
-        default: s(() => [
-          t("div", Se, [
-            t("div", null, [
-              n(i, {
-                for: "service-name",
-                class: "text-base font-medium mb-2"
-              }, {
-                default: s(() => [...e[5] || (e[5] = [
-                  a(" Service Name ", -1),
-                  t("span", { class: "text-destructive" }, "*", -1)
-                ])]),
-                _: 1
-              }),
-              n(y, {
-                id: "service-name",
-                modelValue: u(r).serviceName,
-                "onUpdate:modelValue": e[0] || (e[0] = (l) => u(r).serviceName = l),
-                placeholder: "e.g., Haircut, Massage, Consultation",
-                class: "mt-2"
-              }, null, 8, ["modelValue"]),
-              e[6] || (e[6] = t("p", { class: "text-sm text-muted-foreground mt-2" }, " The name of your bookable service ", -1))
-            ]),
-            n(x),
-            t("div", null, [
-              n(i, {
-                for: "pricing-name",
-                class: "text-base font-medium mb-2"
-              }, {
-                default: s(() => [...e[7] || (e[7] = [
-                  a(" Service Variation Name ", -1)
-                ])]),
-                _: 1
-              }),
-              n(y, {
-                id: "pricing-name",
-                modelValue: u(r).pricingOptions[0].name,
-                "onUpdate:modelValue": e[1] || (e[1] = (l) => u(r).pricingOptions[0].name = l),
-                placeholder: "e.g., Standard, Premium, Basic",
-                class: "mt-2"
-              }, null, 8, ["modelValue"]),
-              e[8] || (e[8] = t("p", { class: "text-sm text-muted-foreground mt-2" }, " Optional: Name for this service variation (you can add more later) ", -1))
-            ]),
-            t("div", null, [
-              n(i, {
-                for: "duration",
-                class: "text-base font-medium mb-2"
-              }, {
-                default: s(() => [...e[9] || (e[9] = [
-                  a(" Service Duration ", -1),
-                  t("span", { class: "text-destructive" }, "*", -1)
-                ])]),
-                _: 1
-              }),
-              n(D, {
-                modelValue: u(r).pricingOptions[0].duration,
-                "onUpdate:modelValue": e[2] || (e[2] = (l) => u(r).pricingOptions[0].duration = l),
-                modelModifiers: { number: !0 },
-                id: "duration"
-              }, {
-                default: s(() => [
-                  n(C, { class: "mt-2" }, {
-                    default: s(() => [
-                      n(d, { placeholder: "Select duration" })
-                    ]),
-                    _: 1
-                  }),
-                  n(w, null, {
-                    default: s(() => [
-                      n(b, { value: 15 }, {
-                        default: s(() => [...e[10] || (e[10] = [
-                          a("15 minutes", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      n(b, { value: 30 }, {
-                        default: s(() => [...e[11] || (e[11] = [
-                          a("30 minutes", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      n(b, { value: 45 }, {
-                        default: s(() => [...e[12] || (e[12] = [
-                          a("45 minutes", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      n(b, { value: 60 }, {
-                        default: s(() => [...e[13] || (e[13] = [
-                          a("1 hour", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      n(b, { value: 90 }, {
-                        default: s(() => [...e[14] || (e[14] = [
-                          a("1.5 hours", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      n(b, { value: 120 }, {
-                        default: s(() => [...e[15] || (e[15] = [
-                          a("2 hours", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      n(b, { value: 180 }, {
-                        default: s(() => [...e[16] || (e[16] = [
-                          a("3 hours", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      n(b, { value: 240 }, {
-                        default: s(() => [...e[17] || (e[17] = [
-                          a("4 hours", -1)
-                        ])]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["modelValue"]),
-              e[18] || (e[18] = t("p", { class: "text-sm text-muted-foreground mt-2" }, " How long does this service take? ", -1))
-            ]),
-            t("div", null, [
-              n(i, {
-                for: "price",
-                class: "text-base font-medium mb-2"
-              }, {
-                default: s(() => [...e[19] || (e[19] = [
-                  a(" Price ", -1)
-                ])]),
-                _: 1
-              }),
-              n(y, {
-                id: "price",
-                modelValue: u(r).pricingOptions[0].price,
-                "onUpdate:modelValue": e[3] || (e[3] = (l) => u(r).pricingOptions[0].price = l),
-                modelModifiers: { number: !0 },
-                type: "number",
-                min: "0",
-                step: "0.01",
-                placeholder: "0.00",
-                class: "mt-2"
-              }, null, 8, ["modelValue"]),
-              e[20] || (e[20] = t("p", { class: "text-sm text-muted-foreground mt-2" }, " Base price for this service (you can configure payment settings later) ", -1))
-            ])
-          ]),
-          t("div", ye, [
-            n(S, {
-              onClick: e[4] || (e[4] = (l) => f())
-            }, {
-              default: s(() => [...e[21] || (e[21] = [
-                a(" Continue ", -1)
-              ])]),
-              _: 1
-            })
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Ce = {
-  key: 0,
-  class: "space-y-3 mb-6"
-}, Ve = { class: "flex items-start gap-4" }, Ne = { class: "flex-1 min-w-0" }, $e = { class: "font-medium" }, we = { class: "mt-2 grid grid-cols-3 gap-3 text-sm text-muted-foreground" }, Te = { class: "ml-1 font-medium text-foreground" }, Ae = { class: "ml-1 font-medium text-foreground" }, Oe = { class: "ml-1 font-medium text-foreground" }, Re = { class: "flex items-center gap-2" }, De = { class: "flex flex-col items-center gap-3" }, Be = { class: "size-12 rounded-full bg-muted flex items-center justify-center" }, Ie = { class: "flex justify-end gap-4" }, Ue = { class: "space-y-5 py-4" }, Me = { class: "flex flex-wrap gap-2 mt-2" }, He = ["onClick"], Le = { class: "grid grid-cols-2 gap-4" }, Pe = { class: "space-y-2 rounded-lg border p-3 max-h-64 overflow-y-auto" }, ze = { class: "flex items-center justify-between" }, Fe = { class: "text-sm font-medium w-24" }, je = { class: "flex-1 flex flex-col gap-1" }, Ee = {
-  key: 0,
-  class: "text-sm text-muted-foreground italic"
-}, Je = /* @__PURE__ */ H({
-  __name: "Step2",
-  setup(R) {
-    const r = A("form"), N = A("steps"), $ = A("activeStep", O(1)), f = ["#ef4444", "#f97316", "#f59e0b", "#eab308", "#84cc16", "#22c55e", "#10b981", "#14b8a6", "#06b6d4", "#0ea5e9", "#3b82f6", "#6366f1", "#8b5cf6", "#a855f7", "#d946ef", "#ec4899", "#f43f5e"], _ = O(!1), e = O(null), i = O({
-      id: "",
-      name: "",
-      publicLabel: "",
-      avatarLabel: "",
-      description: "",
-      capacity: 1,
-      interval: 30,
-      openingHours: {
-        0: [],
-        1: [{ start: "09:00", end: "17:00" }],
-        2: [{ start: "09:00", end: "17:00" }],
-        3: [{ start: "09:00", end: "17:00" }],
-        4: [{ start: "09:00", end: "17:00" }],
-        5: [{ start: "09:00", end: "17:00" }],
-        6: []
-      },
-      color: "#3b82f6",
-      isActive: !0
-    }), y = (m) => {
-      m ? (e.value = m, i.value = JSON.parse(JSON.stringify(m))) : (e.value = null, i.value = {
-        id: Math.random().toString(36).substr(2, 9),
-        name: "",
-        publicLabel: "",
-        avatarLabel: "",
-        description: "",
-        capacity: 1,
-        interval: 30,
-        openingHours: {
-          0: [],
-          1: [{ start: "09:00", end: "17:00" }],
-          2: [{ start: "09:00", end: "17:00" }],
-          3: [{ start: "09:00", end: "17:00" }],
-          4: [{ start: "09:00", end: "17:00" }],
-          5: [{ start: "09:00", end: "17:00" }],
-          6: []
-        },
-        color: f[Math.floor(Math.random() * f.length)],
-        isActive: !0
-      }), _.value = !0;
-    }, x = () => {
-      if (!i.value.name.trim()) {
-        alert("Please enter a resource name");
-        return;
-      }
-      if (e.value) {
-        const m = r.resources.findIndex((l) => l.id === e.value.id);
-        m !== -1 && (r.resources[m] = JSON.parse(JSON.stringify(i.value)));
-      } else
-        r.resources.push(JSON.parse(JSON.stringify(i.value)));
-      _.value = !1;
-    }, d = (m) => {
-      r.resources = r.resources.filter((l) => l.id !== m);
-    }, C = (m) => {
-      const v = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].filter((U, T) => m.openingHours?.[T]?.length > 0);
-      return v.length === 0 ? "No hours set" : v.length === 7 ? "Open all week" : v.join(", ");
-    }, b = (m) => {
-      i.value.openingHours[m] || (i.value.openingHours[m] = []), i.value.openingHours[m].push({ start: "09:00", end: "17:00" });
-    }, w = (m, l) => {
-      i.value.openingHours[m].splice(l, 1);
-    }, D = [
-      { value: 1, label: "Monday" },
-      { value: 2, label: "Tuesday" },
-      { value: 3, label: "Wednesday" },
-      { value: 4, label: "Thursday" },
-      { value: 5, label: "Friday" },
-      { value: 6, label: "Saturday" },
-      { value: 0, label: "Sunday" }
-    ], S = () => {
-      if (r.resources.length === 0) {
-        alert("Please add at least one resource");
-        return;
-      }
-      N.value[1].completed = !0, $.value = 3;
-    };
-    return (m, l) => {
-      const v = o("Button"), U = o("Card"), T = o("Separator"), Q = o("DialogTitle"), X = o("DialogDescription"), Z = o("DialogHeader"), L = o("Label"), P = o("Input"), h = o("SelectValue"), ee = o("SelectTrigger"), j = o("SelectItem"), te = o("SelectContent"), ne = o("Select"), le = o("DialogFooter"), se = o("DialogScrollContent"), oe = o("Dialog");
-      return c(), k(I, null, [
-        n(U, { class: "p-8" }, {
-          default: s(() => [
-            l[15] || (l[15] = t("div", { class: "mb-6" }, [
-              t("h3", { class: "font-medium text-lg mb-2" }, " Configure Resources "),
-              t("p", { class: "text-sm text-muted-foreground" }, " Resources are the bookable entities (staff, rooms, equipment). Each resource has its own schedule, capacity, and booking interval. ")
-            ], -1)),
-            u(r).resources.length > 0 ? (c(), k("div", Ce, [
-              (c(!0), k(I, null, M(u(r).resources, (p) => (c(), V(U, {
-                key: p.id,
-                class: "p-4 hover:shadow-sm transition-shadow"
-              }, {
-                default: s(() => [
-                  t("div", Ve, [
-                    t("div", {
-                      class: "size-10 rounded-full flex items-center justify-center text-white text-sm font-medium flex-shrink-0",
-                      style: q({ backgroundColor: p.color })
-                    }, g(p.avatarLabel || p.name.charAt(0).toUpperCase()), 5),
-                    t("div", Ne, [
-                      t("h4", $e, g(p.name), 1),
-                      t("div", we, [
-                        t("div", null, [
-                          l[8] || (l[8] = t("span", { class: "text-xs" }, "Capacity:", -1)),
-                          t("span", Te, g(p.capacity), 1)
-                        ]),
-                        t("div", null, [
-                          l[9] || (l[9] = t("span", { class: "text-xs" }, "Interval:", -1)),
-                          t("span", Ae, g(p.interval) + " min", 1)
-                        ]),
-                        t("div", null, [
-                          l[10] || (l[10] = t("span", { class: "text-xs" }, "Schedule:", -1)),
-                          t("span", Oe, g(C(p)), 1)
-                        ])
-                      ])
-                    ]),
-                    t("div", Re, [
-                      n(v, {
-                        size: "sm",
-                        variant: "ghost",
-                        onClick: (B) => y(p)
-                      }, {
-                        default: s(() => [
-                          n(u(ce), { class: "w-4 h-4" })
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"]),
-                      n(v, {
-                        size: "sm",
-                        variant: "ghost",
-                        onClick: (B) => d(p.id)
-                      }, {
-                        default: s(() => [
-                          n(u(Y), { class: "w-4 h-4 text-destructive" })
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"])
-                    ])
-                  ])
-                ]),
-                _: 2
-              }, 1024))), 128))
-            ])) : (c(), V(U, {
-              key: 1,
-              class: "p-8 text-center mb-6 bg-muted/30"
-            }, {
-              default: s(() => [
-                t("div", De, [
-                  t("div", Be, [
-                    n(u(fe), { class: "w-6 h-6 text-muted-foreground" })
-                  ]),
-                  l[11] || (l[11] = t("div", null, [
-                    t("p", { class: "font-medium" }, "No resources yet"),
-                    t("p", { class: "text-sm text-muted-foreground" }, "Add your first resource to get started")
-                  ], -1))
-                ])
-              ]),
-              _: 1
-            })),
-            n(v, {
-              onClick: l[0] || (l[0] = (p) => y()),
-              variant: "outline",
-              class: "w-full mb-6"
-            }, {
-              default: s(() => [
-                n(u(ve), { class: "w-4 h-4 mr-2" }),
-                l[12] || (l[12] = a(" Add Resource ", -1))
-              ]),
-              _: 1
-            }),
-            n(T, { class: "my-6" }),
-            t("div", Ie, [
-              n(v, {
-                variant: "outline",
-                onClick: l[1] || (l[1] = (p) => $.value = 1)
-              }, {
-                default: s(() => [...l[13] || (l[13] = [
-                  a(" Back ", -1)
-                ])]),
-                _: 1
-              }),
-              n(v, {
-                onClick: l[2] || (l[2] = (p) => S())
-              }, {
-                default: s(() => [...l[14] || (l[14] = [
-                  a(" Continue ", -1)
-                ])]),
-                _: 1
-              })
-            ])
-          ]),
-          _: 1
-        }),
-        n(oe, {
-          open: _.value,
-          "onUpdate:open": l[7] || (l[7] = (p) => _.value = p)
-        }, {
-          default: s(() => [
-            n(se, { class: "sm:max-w-2xl max-h-[90vh]" }, {
-              default: s(() => [
-                n(Z, null, {
-                  default: s(() => [
-                    n(Q, null, {
-                      default: s(() => [
-                        a(g(e.value ? "Edit Resource" : "Add Resource"), 1)
-                      ]),
-                      _: 1
-                    }),
-                    n(X, null, {
-                      default: s(() => [...l[16] || (l[16] = [
-                        a(" Define a bookable resource with its operating hours and capacity. ", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                t("div", Ue, [
-                  t("div", null, [
-                    n(L, { class: "text-sm font-normal mb-1.5" }, {
-                      default: s(() => [...l[17] || (l[17] = [
-                        a("Resource Name ", -1),
-                        t("span", { class: "text-destructive" }, "*", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    n(P, {
-                      modelValue: i.value.name,
-                      "onUpdate:modelValue": l[3] || (l[3] = (p) => i.value.name = p),
-                      placeholder: "e.g., James, Room 1, Equipment A"
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  t("div", null, [
-                    n(L, { class: "text-sm font-normal mb-1.5" }, {
-                      default: s(() => [...l[18] || (l[18] = [
-                        a("Color", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    t("div", Me, [
-                      (c(), k(I, null, M(f, (p) => t("button", {
-                        key: p,
-                        type: "button",
-                        class: J(["size-7 rounded-full transition-all", i.value.color === p ? "ring-2 ring-ring ring-offset-2" : "hover:scale-110"]),
-                        style: q({ background: p }),
-                        onClick: (B) => i.value.color = p
-                      }, null, 14, He)), 64))
-                    ])
-                  ]),
-                  t("div", Le, [
-                    t("div", null, [
-                      n(L, { class: "text-sm font-normal mb-1.5" }, {
-                        default: s(() => [...l[19] || (l[19] = [
-                          a("Capacity", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      n(P, {
-                        modelValue: i.value.capacity,
-                        "onUpdate:modelValue": l[4] || (l[4] = (p) => i.value.capacity = p),
-                        modelModifiers: { number: !0 },
-                        type: "number",
-                        min: "1"
-                      }, null, 8, ["modelValue"]),
-                      l[20] || (l[20] = t("p", { class: "text-xs text-muted-foreground mt-1" }, "Max simultaneous bookings", -1))
-                    ]),
-                    t("div", null, [
-                      n(L, { class: "text-sm font-normal mb-1.5" }, {
-                        default: s(() => [...l[21] || (l[21] = [
-                          a("Booking Interval", -1)
-                        ])]),
-                        _: 1
-                      }),
-                      n(ne, {
-                        modelValue: i.value.interval,
-                        "onUpdate:modelValue": l[5] || (l[5] = (p) => i.value.interval = p),
-                        modelModifiers: { number: !0 }
-                      }, {
-                        default: s(() => [
-                          n(ee, null, {
-                            default: s(() => [
-                              n(h)
-                            ]),
-                            _: 1
-                          }),
-                          n(te, null, {
-                            default: s(() => [
-                              n(j, { value: 15 }, {
-                                default: s(() => [...l[22] || (l[22] = [
-                                  a("15 min", -1)
-                                ])]),
-                                _: 1
-                              }),
-                              n(j, { value: 30 }, {
-                                default: s(() => [...l[23] || (l[23] = [
-                                  a("30 min", -1)
-                                ])]),
-                                _: 1
-                              }),
-                              n(j, { value: 60 }, {
-                                default: s(() => [...l[24] || (l[24] = [
-                                  a("1 hour", -1)
-                                ])]),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue"])
-                    ])
-                  ]),
-                  t("div", null, [
-                    n(L, { class: "text-sm font-normal mb-2 flex items-center gap-2" }, {
-                      default: s(() => [
-                        n(u(ge), { class: "w-4 h-4" }),
-                        l[25] || (l[25] = a(" Operating Hours ", -1))
-                      ]),
-                      _: 1
-                    }),
-                    t("div", Pe, [
-                      (c(), k(I, null, M(D, (p) => t("div", {
-                        key: p.value,
-                        class: "space-y-1"
-                      }, [
-                        t("div", ze, [
-                          t("span", Fe, g(p.label), 1),
-                          t("div", je, [
-                            i.value.openingHours[p.value]?.length === 0 ? (c(), k("div", Ee, " Closed ")) : F("", !0),
-                            (c(!0), k(I, null, M(i.value.openingHours[p.value], (B, G) => (c(), k("div", {
-                              key: G,
-                              class: "flex items-center gap-2"
-                            }, [
-                              n(P, {
-                                modelValue: B.start,
-                                "onUpdate:modelValue": (z) => B.start = z,
-                                type: "time",
-                                class: "flex-1"
-                              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                              l[26] || (l[26] = t("span", { class: "text-xs text-muted-foreground" }, "to", -1)),
-                              n(P, {
-                                modelValue: B.end,
-                                "onUpdate:modelValue": (z) => B.end = z,
-                                type: "time",
-                                class: "flex-1"
-                              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                              n(v, {
-                                variant: "ghost",
-                                size: "icon",
-                                class: "size-8",
-                                onClick: (z) => w(p.value, G)
-                              }, {
-                                default: s(() => [
-                                  n(u(Y), { class: "w-3 h-3" })
-                                ]),
-                                _: 1
-                              }, 8, ["onClick"])
-                            ]))), 128))
-                          ]),
-                          n(v, {
-                            variant: "outline",
-                            size: "sm",
-                            class: "h-7 px-2 text-xs ml-2",
-                            onClick: (B) => b(p.value)
-                          }, {
-                            default: s(() => [...l[27] || (l[27] = [
-                              a(" Add ", -1)
-                            ])]),
-                            _: 1
-                          }, 8, ["onClick"])
-                        ])
-                      ])), 64))
-                    ])
-                  ])
-                ]),
-                n(le, null, {
-                  default: s(() => [
-                    n(v, {
-                      variant: "outline",
-                      onClick: l[6] || (l[6] = (p) => _.value = !1)
-                    }, {
-                      default: s(() => [...l[28] || (l[28] = [
-                        a("Cancel", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    n(v, { onClick: x }, {
-                      default: s(() => [
-                        a(g(e.value ? "Save Changes" : "Add Resource"), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["open"])
-      ], 64);
-    };
-  }
-}), qe = { class: "mb-8" }, Ge = { class: "flex justify-end gap-4 mt-8" }, We = /* @__PURE__ */ H({
-  __name: "Step3",
-  setup(R) {
-    const r = A("form"), N = A("steps"), $ = A("activeStep", O(1)), f = () => {
-      N.value[2].completed = !0, $.value = 4;
-    };
-    return (_, e) => {
-      const i = o("Label"), y = o("InputGroupInput"), x = o("Search"), d = o("InputGroupAddon"), C = o("SelectValue"), b = o("SelectTrigger"), w = o("SelectItem"), D = o("SelectGroup"), S = o("SelectContent"), m = o("Select"), l = o("InputGroup"), v = o("Button"), U = o("Card");
-      return c(), V(U, { class: "p-8" }, {
-        default: s(() => [
-          t("div", qe, [
-            n(i, {
-              for: "lead-time",
-              class: "text-base font-medium mb-2"
-            }, {
-              default: s(() => [...e[6] || (e[6] = [
-                a(" Minimum Advance Notice - Lead Time ", -1)
-              ])]),
-              _: 1
-            }),
-            n(l, { class: "max-w-md" }, {
-              default: s(() => [
-                n(y, {
-                  placeholder: "0",
-                  id: "lead-time",
-                  modelValue: u(r).minimumAdvanceNotice.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (T) => u(r).minimumAdvanceNotice.value = T)
-                }, null, 8, ["modelValue"]),
-                n(d, null, {
-                  default: s(() => [
-                    n(x)
-                  ]),
-                  _: 1
-                }),
-                n(d, { align: "inline-end" }, {
-                  default: s(() => [
-                    n(m, {
-                      modelValue: u(r).minimumAdvanceNotice.unit,
-                      "onUpdate:modelValue": e[1] || (e[1] = (T) => u(r).minimumAdvanceNotice.unit = T)
-                    }, {
-                      default: s(() => [
-                        n(b, { class: "w-[180px] border-0 bg-transparent -mr-1.5" }, {
-                          default: s(() => [
-                            n(C)
-                          ]),
-                          _: 1
-                        }),
-                        n(S, null, {
-                          default: s(() => [
-                            n(D, null, {
-                              default: s(() => [
-                                n(w, { value: "minutes" }, {
-                                  default: s(() => [...e[7] || (e[7] = [
-                                    a(" Minutes ", -1)
-                                  ])]),
-                                  _: 1
-                                }),
-                                n(w, { value: "hours" }, {
-                                  default: s(() => [...e[8] || (e[8] = [
-                                    a(" Hours ", -1)
-                                  ])]),
-                                  _: 1
-                                }),
-                                n(w, { value: "days" }, {
-                                  default: s(() => [...e[9] || (e[9] = [
-                                    a(" Days ", -1)
-                                  ])]),
-                                  _: 1
-                                })
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            e[10] || (e[10] = t("p", { class: "text-sm text-muted-foreground mt-2" }, " Set how far in advance a customer must book your slot. ", -1))
-          ]),
-          e[19] || (e[19] = t("hr", null, null, -1)),
-          t("div", null, [
-            n(i, {
-              for: "capacity",
-              class: "text-base font-medium mb-2"
-            }, {
-              default: s(() => [...e[11] || (e[11] = [
-                a(" Service Visibility ", -1)
-              ])]),
-              _: 1
-            }),
-            n(l, { class: "max-w-md" }, {
-              default: s(() => [
-                n(y, {
-                  placeholder: "1",
-                  id: "capacity",
-                  modelValue: u(r).serviceVisibility,
-                  "onUpdate:modelValue": e[2] || (e[2] = (T) => u(r).serviceVisibility = T)
-                }, null, 8, ["modelValue"]),
-                n(d, null, {
-                  default: s(() => [
-                    n(x)
-                  ]),
-                  _: 1
-                }),
-                n(d, { align: "inline-end" }, {
-                  default: s(() => [...e[12] || (e[12] = [
-                    a(" days ", -1)
-                  ])]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            e[13] || (e[13] = t("p", { class: "text-sm text-muted-foreground mt-2" }, " Set how many days in advance the service is visible to customers. ", -1))
-          ]),
-          e[20] || (e[20] = t("hr", null, null, -1)),
-          t("div", null, [
-            n(i, {
-              for: "max-tickets",
-              class: "text-base font-medium mb-2"
-            }, {
-              default: s(() => [...e[14] || (e[14] = [
-                a(" Max Tickets Per Reservation ", -1)
-              ])]),
-              _: 1
-            }),
-            n(l, { class: "max-w-md" }, {
-              default: s(() => [
-                n(y, {
-                  placeholder: "10",
-                  type: "number",
-                  id: "max-tickets",
-                  class: "no-spinner",
-                  min: "1",
-                  modelValue: u(r).maxTicketsPerReservation,
-                  "onUpdate:modelValue": e[3] || (e[3] = (T) => u(r).maxTicketsPerReservation = T)
-                }, null, 8, ["modelValue"]),
-                n(d, { align: "inline-end" }, {
-                  default: s(() => [...e[15] || (e[15] = [
-                    a(" tickets ", -1)
-                  ])]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            e[16] || (e[16] = t("p", { class: "text-sm text-muted-foreground mt-2" }, " Maximum number of spots one customer can book at once. ", -1))
-          ]),
-          t("div", Ge, [
-            n(v, {
-              variant: "outline",
-              onClick: e[4] || (e[4] = (T) => $.value = 2)
-            }, {
-              default: s(() => [...e[17] || (e[17] = [
-                a(" Back ", -1)
-              ])]),
-              _: 1
-            }),
-            n(v, {
-              onClick: e[5] || (e[5] = (T) => f())
-            }, {
-              default: s(() => [...e[18] || (e[18] = [
-                a(" Continue ", -1)
-              ])]),
-              _: 1
-            })
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Ye = { class: "space-y-6" }, Ke = { class: "text-lg font-medium" }, Qe = { class: "flex gap-6" }, Xe = { class: "ml-2 font-medium" }, Ze = { class: "ml-2 font-medium" }, he = { class: "text-xs text-muted-foreground mb-2" }, et = { class: "space-y-2" }, tt = { class: "flex-1" }, nt = { class: "font-medium text-sm" }, lt = { class: "flex gap-4 mt-1 text-xs text-muted-foreground" }, st = { class: "space-y-2 text-sm" }, ot = {
-  key: 0,
-  class: "ml-2 font-medium"
-}, at = {
-  key: 1,
-  class: "ml-2 font-medium"
-}, it = { class: "ml-2 font-medium" }, ut = { class: "ml-2 font-medium" }, rt = { class: "flex gap-4 justify-end mt-8" }, dt = {
-  key: 0,
-  class: "flex gap-2"
-}, mt = { key: 1 }, pt = /* @__PURE__ */ H({
-  __name: "Step4",
-  setup(R) {
-    const { navigateTo: r } = K(), { config: N } = ie(), $ = ue(N.project), f = A("form"), _ = A("activeStep", O(1)), e = O(!1), i = (x) => {
-      const C = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].filter((b, w) => x.openingHours?.[w]?.length > 0);
-      return C.length === 0 ? "No hours set" : C.length === 7 ? "Open all week" : C.join(", ");
-    }, y = async () => {
-      try {
-        e.value = !0;
-        let x = JSON.parse(JSON.stringify(f));
-        x.type = "regular", x.currency = "USD", x.paymentType = "full", await $.add(N.agendaCollection, x), r("/");
-      } catch (x) {
-        console.error("Error creating agenda:", x), alert("Error creating agenda");
-      } finally {
-        e.value = !1;
-      }
-    };
-    return (x, d) => {
-      const C = o("Separator"), b = o("Button"), w = o("Spinner"), D = o("Card");
-      return c(), V(D, { class: "p-8" }, {
-        default: s(() => [
-          t("div", Ye, [
-            t("div", null, [
-              d[2] || (d[2] = t("p", { class: "text-xs text-muted-foreground mb-1" }, "Service name", -1)),
-              t("p", Ke, g(u(f).serviceName), 1)
-            ]),
-            n(C),
-            t("div", null, [
-              d[5] || (d[5] = t("p", { class: "text-xs text-muted-foreground mb-2" }, "Service details", -1)),
-              t("div", Qe, [
-                t("div", null, [
-                  d[3] || (d[3] = t("span", { class: "text-sm text-muted-foreground" }, "Duration:", -1)),
-                  t("span", Xe, g(u(f).pricingOptions[0].duration) + " min", 1)
-                ]),
-                t("div", null, [
-                  d[4] || (d[4] = t("span", { class: "text-sm text-muted-foreground" }, "Price:", -1)),
-                  t("span", Ze, "$" + g(u(f).pricingOptions[0].price), 1)
-                ])
-              ])
-            ]),
-            n(C),
-            t("div", null, [
-              t("p", he, "Resources (" + g(u(f).resources.length) + ")", 1),
-              t("div", et, [
-                (c(!0), k(I, null, M(u(f).resources, (S) => (c(), k("div", {
-                  key: S.id,
-                  class: "p-3 border rounded-lg flex items-start gap-3"
-                }, [
-                  t("div", {
-                    class: "size-8 rounded-full flex items-center justify-center text-white text-xs font-medium flex-shrink-0",
-                    style: q({ backgroundColor: S.color })
-                  }, g(S.avatarLabel || S.name.charAt(0).toUpperCase()), 5),
-                  t("div", tt, [
-                    t("p", nt, g(S.name), 1),
-                    t("div", lt, [
-                      t("span", null, "Capacity: " + g(S.capacity), 1),
-                      t("span", null, "Interval: " + g(S.interval) + "min", 1),
-                      t("span", null, g(i(S)), 1)
-                    ])
-                  ])
-                ]))), 128))
-              ])
-            ]),
-            n(C),
-            t("div", null, [
-              d[9] || (d[9] = t("p", { class: "text-xs text-muted-foreground mb-2" }, "Availability settings", -1)),
-              t("div", st, [
-                t("div", null, [
-                  d[6] || (d[6] = t("span", { class: "text-muted-foreground" }, "Minimum Advance Notice:", -1)),
-                  u(f).minimumAdvanceNotice.value !== 0 ? (c(), k("span", ot, g(u(f).minimumAdvanceNotice.value) + " " + g(u(f).minimumAdvanceNotice.unit), 1)) : (c(), k("span", at, "None"))
-                ]),
-                t("div", null, [
-                  d[7] || (d[7] = t("span", { class: "text-muted-foreground" }, "Booking Window:", -1)),
-                  t("span", it, g(u(f).serviceVisibility) + " days", 1)
-                ]),
-                t("div", null, [
-                  d[8] || (d[8] = t("span", { class: "text-muted-foreground" }, "Max Tickets Per Reservation:", -1)),
-                  t("span", ut, g(u(f).maxTicketsPerReservation), 1)
-                ])
-              ])
-            ])
-          ]),
-          t("div", rt, [
-            n(b, {
-              variant: "outline",
-              onClick: d[0] || (d[0] = (S) => _.value = 3)
-            }, {
-              default: s(() => [...d[10] || (d[10] = [
-                a(" Back ", -1)
-              ])]),
-              _: 1
-            }),
-            n(b, {
-              onClick: d[1] || (d[1] = (S) => y()),
-              disabled: e.value
-            }, {
-              default: s(() => [
-                e.value ? (c(), k("span", dt, [
-                  n(w),
-                  d[11] || (d[11] = a(" Creating... ", -1))
-                ])) : (c(), k("span", mt, "Create Agenda"))
-              ]),
-              _: 1
-            }, 8, ["disabled"])
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), ct = { class: "container mx-auto p-8" }, ft = { class: "max-w-7xl mx-auto" }, vt = { class: "flex items-center gap-3 mb-8" }, gt = { class: "flex gap-6" }, xt = { class: "w-80" }, _t = { class: "flex-1" }, kt = /* @__PURE__ */ H({
-  __name: "regular",
-  emits: ["back"],
-  setup(R, { emit: r }) {
-    const { navigateTo: N } = K();
-    re(() => [
-      { text: "Create", href: "/create" },
-      { text: "Regular Booking" }
-    ]);
-    const $ = ae({
-      serviceName: "",
-      resources: [],
-      pricingOptions: [
-        {
-          id: "1",
-          name: "Standard Service",
-          price: 0,
-          duration: 30,
-          isDefault: !0
-        }
-      ],
-      minimumAdvanceNotice: {
-        value: 0,
-        unit: "minutes"
-      },
-      serviceVisibility: 60,
-      maxTicketsPerReservation: 10,
-      customerInformationFields: [
-        {
-          id: "firstName",
-          fieldName: "First Name",
-          fieldType: "text",
-          required: !0,
-          visible: !0,
-          isNativeField: !0
-        },
-        {
-          id: "lastName",
-          fieldName: "Last Name",
-          fieldType: "text",
-          required: !0,
-          visible: !0,
-          isNativeField: !0
-        },
-        {
-          id: "phone",
-          fieldName: "Phone No",
-          fieldType: "tel",
-          required: !0,
-          visible: !0,
-          isNativeField: !0
-        },
-        {
-          id: "email",
-          fieldName: "Email",
-          fieldType: "email",
-          required: !0,
-          visible: !0,
-          isNativeField: !0
-        }
-      ]
-    }), f = O([
-      {
-        step: 1,
-        title: "Service Details",
-        completed: !1
-      },
-      {
-        step: 2,
-        title: "Resource Setup",
-        completed: !1
-      },
-      {
-        step: 3,
-        title: "Availability Settings",
-        completed: !1
-      },
-      {
-        step: 4,
-        title: "Review & Publish",
-        completed: !1
-      }
-    ]), _ = O(1);
-    return E("form", $), E("steps", f), E("activeStep", _), (e, i) => {
-      const y = o("Button");
-      return c(), k("div", ct, [
-        t("div", ft, [
-          t("div", vt, [
-            n(y, {
-              variant: "ghost",
-              size: "icon",
-              class: "rounded-lg",
-              onClick: i[0] || (i[0] = (x) => u(N)("/create"))
-            }, {
-              default: s(() => [
-                n(u(xe), { class: "w-5 h-5" })
-              ]),
-              _: 1
-            }),
-            i[2] || (i[2] = t("h2", { class: "text-2xl font-semibold" }, "Agenda Selection", -1))
-          ]),
-          t("div", gt, [
-            t("div", xt, [
-              n(be, {
-                steps: f.value,
-                modelValue: _.value,
-                "onUpdate:modelValue": i[1] || (i[1] = (x) => _.value = x)
-              }, null, 8, ["steps", "modelValue"])
-            ]),
-            t("div", _t, [
-              _.value === 1 ? (c(), V(ke, { key: 0 })) : _.value === 2 ? (c(), V(Je, { key: 1 })) : _.value === 3 ? (c(), V(We, { key: 2 })) : _.value === 4 ? (c(), V(pt, { key: 3 })) : F("", !0)
-            ])
-          ])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  kt as default
-};