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

package/dist/regular-BCFrS6lK.mjs

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