@oneclick.dev/cms-core-modules 0.0.58 → 0.0.60

package/dist/regular-_05oq5Tx.mjs

@@ -0,0 +1,1101 @@
+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
+};