@oneclick.dev/cms-core-modules 0.0.109 → 0.0.111

package/dist/regular-BCFrS6lK.mjs

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