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

package/dist/booking-data-Bysf6e5x.mjs

@@ -0,0 +1,724 @@
+import { t as e } from "./EditLayout-J_DGXb8v.mjs";
+import { useConfirmation as t, useFirebaseIntegration as n, useModule as r, useModuleRoute as i } from "@oneclick.dev/cms-kit";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, openBlock as m, reactive as h, ref as g, renderList as _, resolveComponent as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
+import { Eye as S, EyeOff as C, Lock as w, LockOpen as T, Pencil as E, PlusCircle as D, Trash2 as O } from "@lucide/vue";
+//#region src/appointments/components/edit/CustomerInformationFieldEditorDialog.vue?vue&type=script&setup=true&lang.ts
+var k = { class: "space-y-6 py-4" }, A = { class: "grid grid-cols-2 gap-6" }, j = { class: "relative" }, M = {
+	key: 0,
+	class: "text-xs text-red-600 mt-1"
+}, N = { key: 0 }, P = { key: 1 }, F = { class: "flex items-center gap-3" }, I = {
+	key: 2,
+	class: "grid gap-2"
+}, L = { class: "w-full flex justify-between items-center" }, R = { class: "flex items-center gap-2 ml-auto" }, z = /* @__PURE__ */ p({
+	__name: "CustomerInformationFieldEditorDialog",
+	props: { keysInUse: {
+		type: Array,
+		default: () => []
+	} },
+	emits: [
+		"add-field",
+		"update-field",
+		"remove-field"
+	],
+	setup(e, { expose: n, emit: r }) {
+		let i = r, p = e, { confirm: S } = t(), C = g(!1), E = g("add"), D = g(null), O = h({
+			id: "",
+			fieldName: "",
+			fieldDescription: "",
+			fieldType: "text",
+			required: !1,
+			isNativeField: !1,
+			visible: !0,
+			options: []
+		}), z = o(() => {
+			let e = new Set(p.keysInUse);
+			return E.value === "edit" && D.value && e.delete(D.value), e;
+		}), B = [
+			{
+				value: "text",
+				label: "Text Box"
+			},
+			{
+				value: "checkbox",
+				label: "Checkbox"
+			},
+			{
+				value: "radio",
+				label: "Radio Button"
+			},
+			{
+				value: "select",
+				label: "Select"
+			},
+			{
+				value: "date",
+				label: "Date Picker"
+			}
+		], V = (e) => {
+			E.value = e ? "edit" : "add", K.value = [], O.id = e?.id || "", D.value = e?.id || null, O.fieldName = e?.fieldName || "", O.fieldDescription = e?.fieldDescription || "", O.fieldType = e?.fieldType || "text", O.required = e?.required || !1, O.isNativeField = e?.isNativeField || !1, O.options = e?.options || [], O.visible = e?.visible === void 0 ? !0 : e.visible, J.value = E.value === "edit", C.value = !0;
+		}, H = () => {
+			C.value = !1, K.value = [];
+		}, U = () => {
+			q() && (i("add-field", { ...O }), C.value = !1);
+		}, W = () => {
+			q() && (i("update-field", D.value, { ...O }), C.value = !1);
+		}, G = () => {
+			i("remove-field", D.value), C.value = !1;
+		}, K = g([]), q = () => (K.value = [], O.fieldName = O.fieldName.trim(), O.fieldName ? !0 : (K.value.push("Field name is required."), !1)), J = g(!1), Y = async () => {
+			await S("Previous orders using this field won't update to reflect changes. Are you sure you want to change the key?") && (J.value = !1);
+		};
+		return n({ openDialog: V }), (e, t) => {
+			let n = v("DialogTitle"), r = v("DialogHeader"), i = v("Label"), o = v("Input"), p = v("Button"), h = v("SelectValue"), g = v("SelectTrigger"), S = v("SelectItem"), D = v("SelectContent"), V = v("Select"), q = v("TagsInputItemText"), X = v("TagsInputItemDelete"), Z = v("TagsInputItem"), Q = v("TagsInputInput"), ee = v("TagsInput"), te = v("Checkbox"), ne = v("DialogFooter"), re = v("DialogScrollContent"), ie = v("Dialog");
+			return m(), s(ie, {
+				open: C.value,
+				"onUpdate:open": t[6] ||= (e) => C.value = e
+			}, {
+				default: x(() => [f(re, { class: "sm:max-w-2xl" }, {
+					default: x(() => [
+						f(r, null, {
+							default: x(() => [f(n, null, {
+								default: x(() => [...t[7] ||= [d("Customer Information", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						u("div", k, [
+							u("div", A, [u("div", null, [f(i, {
+								class: "text-bsmase font-normal mb-1.5",
+								for: "customer-info-field-dialog-fieldname"
+							}, {
+								default: x(() => [...t[8] ||= [d("Field Name", -1)]]),
+								_: 1
+							}), f(o, {
+								modelValue: O.fieldName,
+								"onUpdate:modelValue": t[0] ||= (e) => O.fieldName = e,
+								id: "customer-info-field-dialog-fieldname"
+							}, null, 8, ["modelValue"])]), u("div", null, [
+								f(i, {
+									class: "text-bsmase font-normal mb-1.5",
+									for: "customer-info-field-dialog-fieldname"
+								}, {
+									default: x(() => [...t[9] ||= [d("Key", -1)]]),
+									_: 1
+								}),
+								u("div", j, [f(o, {
+									modelValue: O.id,
+									"onUpdate:modelValue": t[1] ||= (e) => O.id = e,
+									id: "customer-info-field-dialog-fieldname",
+									disabled: J.value
+								}, null, 8, ["modelValue", "disabled"]), J.value ? (m(), s(p, {
+									key: 0,
+									variant: "ghost",
+									size: "icon",
+									class: "absolute group top-0 right-0",
+									onClick: Y
+								}, {
+									default: x(() => [f(b(w), { class: "size-4 block group-hover:hidden" }), f(b(T), { class: "size-4 hidden group-hover:block" })]),
+									_: 1
+								})) : c("", !0)]),
+								b(z).has(O.id) ? (m(), l("p", M, " Key already in use. ")) : c("", !0)
+							])]),
+							u("div", null, [f(i, {
+								class: "text-sm font-normal mb-1.5",
+								for: "customer-info-field-dialog-field-description"
+							}, {
+								default: x(() => [...t[10] ||= [d("Description", -1)]]),
+								_: 1
+							}), f(o, {
+								modelValue: O.fieldDescription,
+								"onUpdate:modelValue": t[2] ||= (e) => O.fieldDescription = e,
+								id: "customer-info-field-dialog-field-description"
+							}, null, 8, ["modelValue"])]),
+							O.isNativeField ? c("", !0) : (m(), l("div", N, [f(i, { class: "text-sm font-normal mb-1.5" }, {
+								default: x(() => [...t[11] ||= [d("Field Type", -1)]]),
+								_: 1
+							}), f(V, {
+								modelValue: O.fieldType,
+								"onUpdate:modelValue": t[3] ||= (e) => O.fieldType = e
+							}, {
+								default: x(() => [f(g, null, {
+									default: x(() => [f(h, { placeholder: "Select field type" })]),
+									_: 1
+								}), f(D, null, {
+									default: x(() => [(m(), l(a, null, _(B, (e) => f(S, {
+										key: e.value,
+										value: e.value
+									}, {
+										default: x(() => [d(y(e.label), 1)]),
+										_: 2
+									}, 1032, ["value"])), 64))]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["modelValue"])])),
+							O.fieldType === "select" || O.fieldType === "radio" ? (m(), l("div", P, [f(i, {
+								class: "text-sm font-normal mb-1.5",
+								for: "customer-info-field-dialog-field-new-option"
+							}, {
+								default: x(() => [...t[12] ||= [d("Options", -1)]]),
+								_: 1
+							}), f(ee, {
+								modelValue: O.options,
+								"onUpdate:modelValue": t[4] ||= (e) => O.options = e
+							}, {
+								default: x(() => [(m(!0), l(a, null, _(O.options, (e) => (m(), s(Z, {
+									key: e,
+									value: e
+								}, {
+									default: x(() => [f(q), f(X)]),
+									_: 1
+								}, 8, ["value"]))), 128)), f(Q, {
+									placeholder: "New option...",
+									id: "customer-info-field-dialog-field-new-option"
+								})]),
+								_: 1
+							}, 8, ["modelValue"])])) : c("", !0),
+							u("div", F, [f(te, {
+								id: "customer-info-field-dialog-field-required",
+								modelValue: O.required,
+								"onUpdate:modelValue": t[5] ||= (e) => O.required = e
+							}, null, 8, ["modelValue"]), f(i, {
+								for: "customer-info-field-dialog-field-required",
+								class: "text-base font-normal cursor-pointer"
+							}, {
+								default: x(() => [...t[13] ||= [d(" Is this field mandatory? ", -1)]]),
+								_: 1
+							})]),
+							K.value.length > 0 ? (m(), l("p", I, [(m(!0), l(a, null, _(K.value, (e, t) => (m(), l("span", {
+								key: t,
+								class: "text-sm text-red-600 block"
+							}, y(e), 1))), 128))])) : c("", !0)
+						]),
+						f(ne, { class: "gap-2" }, {
+							default: x(() => [u("div", L, [E.value === "edit" && !O.isNativeField ? (m(), s(p, {
+								key: 0,
+								variant: "destructive",
+								onClick: G
+							}, {
+								default: x(() => [...t[14] ||= [d(" Remove Field ", -1)]]),
+								_: 1
+							})) : c("", !0), u("div", R, [f(p, {
+								variant: "outline",
+								onClick: H
+							}, {
+								default: x(() => [...t[15] ||= [d(" Cancel ", -1)]]),
+								_: 1
+							}), E.value === "add" ? (m(), s(p, {
+								key: 0,
+								onClick: U
+							}, {
+								default: x(() => [...t[16] ||= [d(" Add Field ", -1)]]),
+								_: 1
+							})) : (m(), s(p, {
+								key: 1,
+								onClick: W
+							}, {
+								default: x(() => [...t[17] ||= [d(" Update Field ", -1)]]),
+								_: 1
+							}))])])]),
+							_: 1
+						})
+					]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+}), B = { class: "space-y-6 py-4" }, V = { class: "text-xs text-muted-foreground" }, H = { class: "grid grid-cols-2 gap-4" }, U = {
+	key: 0,
+	class: "grid gap-2"
+}, W = { class: "w-full flex justify-between items-center" }, G = { class: "flex items-center gap-2 ml-auto" }, K = /* @__PURE__ */ p({
+	__name: "MetadataSchemaEditorDialog",
+	emits: [
+		"add-field",
+		"update-field",
+		"remove-field"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = n, i = g(!1), o = g("add"), p = h({
+			id: "",
+			key: "",
+			label: "",
+			display: "field",
+			scope: "order",
+			icon: "",
+			color: "",
+			order: 0
+		}), b = [
+			{
+				value: "highlight",
+				label: "Highlight",
+				description: "Large prominent card — ideal for door codes, PINs"
+			},
+			{
+				value: "badge",
+				label: "Badge",
+				description: "Colored pill in the order header — ideal for membership, VIP status"
+			},
+			{
+				value: "field",
+				label: "Field",
+				description: "Standard label-value row in order details"
+			},
+			{
+				value: "hidden",
+				label: "Hidden",
+				description: "Not shown in the UI — internal system fields"
+			}
+		], S = [{
+			value: "order",
+			label: "Order",
+			description: "Attached to the whole order"
+		}, {
+			value: "reservation",
+			label: "Reservation",
+			description: "Attached to each individual reservation"
+		}], C = (e) => {
+			o.value = e ? "edit" : "add", O.value = [], p.id = e?.id || "", p.key = e?.key || "", p.label = e?.label || "", p.display = e?.display || "field", p.scope = e?.scope || "order", p.icon = e?.icon || "", p.color = e?.color || "", p.order = e?.order || 0, i.value = !0;
+		}, w = () => {
+			i.value = !1, O.value = [];
+		}, T = () => {
+			k() && (r("add-field", { ...p }), i.value = !1);
+		}, E = () => {
+			k() && (r("update-field", { ...p }), i.value = !1);
+		}, D = () => {
+			r("remove-field", p.id), i.value = !1;
+		}, O = g([]), k = () => (O.value = [], p.key = p.key.trim(), p.label = p.label.trim(), p.key || O.value.push("Metadata key is required."), p.label || O.value.push("Display label is required."), p.key && !/^[a-zA-Z_][a-zA-Z0-9_]*$/.test(p.key) && O.value.push("Key must be alphanumeric (letters, numbers, underscores)."), O.value.length === 0);
+		return t({ openDialog: C }), (e, t) => {
+			let n = v("DialogTitle"), r = v("DialogDescription"), h = v("DialogHeader"), g = v("Label"), C = v("Input"), k = v("RadioGroupItem"), A = v("RadioGroup"), j = v("SelectValue"), M = v("SelectTrigger"), N = v("SelectItem"), P = v("SelectContent"), F = v("Select"), I = v("LucideIconPicker"), L = v("Button"), R = v("DialogFooter"), z = v("DialogScrollContent"), K = v("Dialog");
+			return m(), s(K, {
+				open: i.value,
+				"onUpdate:open": t[7] ||= (e) => i.value = e
+			}, {
+				default: x(() => [f(z, { class: "sm:max-w-2xl" }, {
+					default: x(() => [
+						f(h, null, {
+							default: x(() => [f(n, null, {
+								default: x(() => [d(y(o.value === "add" ? "Add Metadata Field" : "Edit Metadata Field"), 1)]),
+								_: 1
+							}), f(r, null, {
+								default: x(() => [...t[8] ||= [d(" Configure how an external metadata field is displayed on orders. ", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						u("div", B, [
+							u("div", null, [
+								f(g, {
+									class: "text-sm font-normal mb-1.5",
+									for: "metadata-field-key"
+								}, {
+									default: x(() => [...t[9] ||= [d("Metadata Key", -1)]]),
+									_: 1
+								}),
+								f(C, {
+									modelValue: p.key,
+									"onUpdate:modelValue": t[0] ||= (e) => p.key = e,
+									id: "metadata-field-key",
+									placeholder: "e.g. doorCode, membershipTier",
+									disabled: o.value === "edit"
+								}, null, 8, ["modelValue", "disabled"]),
+								t[10] ||= u("p", { class: "text-xs text-muted-foreground mt-1" }, " The key in the metadata object. Must match what your external system writes. ", -1)
+							]),
+							u("div", null, [f(g, {
+								class: "text-sm font-normal mb-1.5",
+								for: "metadata-field-label"
+							}, {
+								default: x(() => [...t[11] ||= [d("Display Label", -1)]]),
+								_: 1
+							}), f(C, {
+								modelValue: p.label,
+								"onUpdate:modelValue": t[1] ||= (e) => p.label = e,
+								id: "metadata-field-label",
+								placeholder: "e.g. Door Code, Membership"
+							}, null, 8, ["modelValue"])]),
+							u("div", null, [f(g, { class: "text-sm font-normal mb-1.5" }, {
+								default: x(() => [...t[12] ||= [d("Display Mode", -1)]]),
+								_: 1
+							}), f(A, {
+								modelValue: p.display,
+								"onUpdate:modelValue": t[2] ||= (e) => p.display = e
+							}, {
+								default: x(() => [(m(), l(a, null, _(b, (e) => u("div", {
+									key: e.value,
+									class: "flex items-start space-x-3 space-y-0 rounded-md border p-3 mb-2"
+								}, [f(k, {
+									value: e.value,
+									id: `display-${e.value}`,
+									class: "mt-0.5"
+								}, null, 8, ["value", "id"]), u("div", null, [f(g, {
+									for: `display-${e.value}`,
+									class: "font-medium cursor-pointer"
+								}, {
+									default: x(() => [d(y(e.label), 1)]),
+									_: 2
+								}, 1032, ["for"]), u("p", V, y(e.description), 1)])])), 64))]),
+								_: 1
+							}, 8, ["modelValue"])]),
+							u("div", null, [f(g, { class: "text-sm font-normal mb-1.5" }, {
+								default: x(() => [...t[13] ||= [d("Scope", -1)]]),
+								_: 1
+							}), f(F, {
+								modelValue: p.scope,
+								"onUpdate:modelValue": t[3] ||= (e) => p.scope = e
+							}, {
+								default: x(() => [f(M, null, {
+									default: x(() => [f(j, { placeholder: "Select scope" })]),
+									_: 1
+								}), f(P, null, {
+									default: x(() => [(m(), l(a, null, _(S, (e) => f(N, {
+										key: e.value,
+										value: e.value
+									}, {
+										default: x(() => [d(y(e.label) + " — " + y(e.description), 1)]),
+										_: 2
+									}, 1032, ["value"])), 64))]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["modelValue"])]),
+							u("div", H, [u("div", null, [f(g, {
+								class: "text-sm font-normal mb-1.5",
+								for: "metadata-field-icon"
+							}, {
+								default: x(() => [...t[14] ||= [d("Icon (Optional)", -1)]]),
+								_: 1
+							}), f(I, {
+								id: "metadata-field-icon",
+								modelValue: p.icon,
+								"onUpdate:modelValue": t[4] ||= (e) => p.icon = e
+							}, null, 8, ["modelValue"])]), u("div", null, [f(g, {
+								class: "text-sm font-normal mb-1.5",
+								for: "metadata-field-color"
+							}, {
+								default: x(() => [...t[15] ||= [d("Color (Optional)", -1)]]),
+								_: 1
+							}), f(C, {
+								modelValue: p.color,
+								"onUpdate:modelValue": t[5] ||= (e) => p.color = e,
+								id: "metadata-field-color",
+								placeholder: "e.g. #FFD700"
+							}, null, 8, ["modelValue"])])]),
+							u("div", null, [
+								f(g, {
+									class: "text-sm font-normal mb-1.5",
+									for: "metadata-field-order"
+								}, {
+									default: x(() => [...t[16] ||= [d("Sort Order (Optional)", -1)]]),
+									_: 1
+								}),
+								f(C, {
+									modelValue: p.order,
+									"onUpdate:modelValue": t[6] ||= (e) => p.order = e,
+									modelModifiers: { number: !0 },
+									id: "metadata-field-order",
+									type: "number",
+									placeholder: "0",
+									class: "max-w-24"
+								}, null, 8, ["modelValue"]),
+								t[17] ||= u("p", { class: "text-xs text-muted-foreground mt-1" }, "Lower numbers appear first.", -1)
+							]),
+							O.value.length > 0 ? (m(), l("p", U, [(m(!0), l(a, null, _(O.value, (e, t) => (m(), l("span", {
+								key: t,
+								class: "text-sm text-red-600 block"
+							}, y(e), 1))), 128))])) : c("", !0)
+						]),
+						f(R, { class: "gap-2" }, {
+							default: x(() => [u("div", W, [o.value === "edit" ? (m(), s(L, {
+								key: 0,
+								variant: "destructive",
+								onClick: D
+							}, {
+								default: x(() => [...t[18] ||= [d(" Remove Field ", -1)]]),
+								_: 1
+							})) : c("", !0), u("div", G, [f(L, {
+								variant: "outline",
+								onClick: w
+							}, {
+								default: x(() => [...t[19] ||= [d("Cancel", -1)]]),
+								_: 1
+							}), o.value === "add" ? (m(), s(L, {
+								key: 0,
+								onClick: T
+							}, {
+								default: x(() => [...t[20] ||= [d("Add Field", -1)]]),
+								_: 1
+							})) : (m(), s(L, {
+								key: 1,
+								onClick: E
+							}, {
+								default: x(() => [...t[21] ||= [d("Update Field", -1)]]),
+								_: 1
+							}))])])]),
+							_: 1
+						})
+					]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+}), q = {
+	key: 0,
+	class: "max-w-2xl"
+}, J = { class: "border rounded-md p-4 mb-4" }, Y = { class: "font-medium text-sm" }, X = { class: "flex items-center justify-between gap-4 mt-4" }, Z = { class: "border rounded-md p-4 mb-4" }, Q = {
+	key: 0,
+	class: "text-sm text-muted-foreground py-4 text-center"
+}, ee = { class: "flex items-center gap-3 min-w-0" }, te = { class: "min-w-0" }, ne = { class: "font-medium text-sm" }, re = { class: "text-xs text-muted-foreground" }, ie = { class: "bg-muted px-1 py-0.5 rounded text-xs" }, ae = { class: "flex items-center shrink-0" }, oe = { class: "flex justify-start mt-8" }, $ = /* @__PURE__ */ p({
+	__name: "booking-data",
+	setup(p) {
+		let { params: w } = i(), { confirm: T } = t(), { config: k } = r(), A = n(k.project), j = [
+			{
+				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
+			},
+			{
+				id: "birthdate",
+				fieldName: "Birthdate",
+				fieldType: "date",
+				required: !0,
+				visible: !0,
+				isNativeField: !0
+			}
+		], M = h({
+			customerInformationFields: [...j],
+			metadataSchema: []
+		}), N = g(!1), P = g(!0), F = g(null), I = g(null), L = o(() => {
+			if (M.customerInformationFields.length !== j.length) return !0;
+			let e = (e) => JSON.stringify({ ...e }, Object.keys(e).sort()), t = new Set(M.customerInformationFields.map(e));
+			return j.some((n) => !t.has(e(n)));
+		}), R = () => {
+			M.customerInformationFields = [...j];
+		}, B = (e) => {
+			let { isNativeField: t, options: n, ...r } = e;
+			r.fieldType !== "radio" && r.fieldType !== "select" ? delete r.options : r.options = n;
+			let i = r.id;
+			if (!i || M.customerInformationFields.some((e) => e.id === i)) for (i = Math.random().toString(36).substr(2, 9); M.customerInformationFields.some((e) => e.id === i);) i = Math.random().toString(36).substr(2, 9);
+			M.customerInformationFields.push({
+				...r,
+				id: i
+			});
+		}, V = (e, t) => {
+			let { isNativeField: n, options: r, ...i } = t;
+			n && (i.isNativeField = !0), (i.fieldType === "radio" || i.fieldType === "select") && (i.options = r);
+			let a = M.customerInformationFields.findIndex((t) => t.id === e);
+			a !== -1 && (M.customerInformationFields[a] = { ...i });
+		}, H = async (e) => {
+			M.customerInformationFields = M.customerInformationFields.filter((t) => t.id !== e);
+		}, U = (e) => {
+			let t = Math.random().toString(36).substr(2, 9);
+			for (; M.metadataSchema.find((e) => e.id === t);) t = Math.random().toString(36).substr(2, 9);
+			M.metadataSchema.push({
+				...e,
+				id: t
+			});
+		}, W = (e) => {
+			let t = M.metadataSchema.findIndex((t) => t.id === e.id);
+			t !== -1 && (M.metadataSchema[t] = { ...e });
+		}, G = (e) => {
+			M.metadataSchema = M.metadataSchema.filter((t) => t.id !== e);
+		}, $ = o(() => [...M.metadataSchema].sort((e, t) => (e.order || 0) - (t.order || 0))), se = (e) => {
+			switch (e) {
+				case "highlight": return "Highlight";
+				case "badge": return "Badge";
+				case "field": return "Field";
+				case "hidden": return "Hidden";
+				default: return e;
+			}
+		}, ce = (e) => e === "order" ? "Order" : "Reservation", le = async () => {
+			N.value = !0;
+			try {
+				let e = w.value.id;
+				if (!e) throw Error("Missing agenda ID");
+				await A.update(k.agendaCollection, e, {
+					customerInformationFields: M.customerInformationFields ?? [],
+					metadataSchema: M.metadataSchema ?? []
+				});
+			} catch (e) {
+				console.error("Error saving changes:", e);
+			} finally {
+				N.value = !1;
+			}
+		};
+		return (async () => {
+			try {
+				let e = await A.get(k.agendaCollection, w.value.id);
+				e && (M.customerInformationFields = e.customerInformationFields || [...j], M.metadataSchema = e.metadataSchema || []);
+			} catch (e) {
+				console.error("Error loading agenda data:", e);
+			} finally {
+				P.value = !1;
+			}
+		})(), (t, n) => {
+			let r = v("Label"), i = v("Button");
+			return m(), s(e, null, {
+				default: x(() => [
+					n[12] ||= u("h1", { class: "text-lg font-medium mb-2" }, "Booking Data", -1),
+					n[13] ||= u("p", { class: "text-sm text-muted-foreground mb-8" }, "Customer form fields & order metadata", -1),
+					P.value ? c("", !0) : (m(), l("div", q, [
+						u("div", null, [
+							f(r, { class: "text-base font-medium" }, {
+								default: x(() => [...n[2] ||= [d(" Customer Information ", -1)]]),
+								_: 1
+							}),
+							n[5] ||= u("p", { class: "text-sm text-muted-foreground mb-2" }, " Fields the customer fills in when booking. ", -1),
+							u("div", J, [(m(!0), l(a, null, _(M.customerInformationFields, (e) => (m(), l("div", {
+								key: e.id,
+								class: "flex items-center justify-between hover:bg-input/50 px-2 rounded"
+							}, [u("div", null, [u("p", Y, y(e.fieldName), 1)]), u("div", null, [
+								f(i, {
+									variant: "ghost",
+									size: "icon",
+									onClick: (t) => F.value.openDialog(e),
+									class: "active:scale-90 transition-transform duration-150"
+								}, {
+									default: x(() => [f(b(E), { class: "size-4" })]),
+									_: 1
+								}, 8, ["onClick"]),
+								f(i, {
+									variant: "ghost",
+									size: "icon",
+									onClick: (t) => e.visible = !e.visible,
+									class: "active:scale-90 transition-transform duration-150"
+								}, {
+									default: x(() => [e.visible ? (m(), s(b(S), {
+										key: 0,
+										class: "size-4"
+									})) : (m(), s(b(C), {
+										key: 1,
+										class: "size-4"
+									}))]),
+									_: 2
+								}, 1032, ["onClick"]),
+								f(i, {
+									variant: "ghost",
+									size: "icon",
+									disabled: e.isNativeField,
+									onClick: (t) => M.customerInformationFields = M.customerInformationFields.filter((t) => t.id !== e.id),
+									class: "active:scale-90 transition-transform duration-150"
+								}, {
+									default: x(() => [f(b(O), { class: "size-4" })]),
+									_: 1
+								}, 8, ["disabled", "onClick"])
+							])]))), 128)), u("div", X, [f(i, {
+								size: "sm",
+								onClick: n[0] ||= (e) => F.value.openDialog()
+							}, {
+								default: x(() => [f(b(D), { class: "size-4" }), n[3] ||= d(" Add New Field ", -1)]),
+								_: 1
+							}), b(L) ? (m(), s(i, {
+								key: 0,
+								size: "sm",
+								variant: "outline",
+								onClick: R
+							}, {
+								default: x(() => [...n[4] ||= [d(" Reset to Default ", -1)]]),
+								_: 1
+							})) : c("", !0)])]),
+							f(z, {
+								ref_key: "customerInfoFieldDialog",
+								ref: F,
+								keysInUse: M.customerInformationFields.map((e) => e.id),
+								onAddField: B,
+								onUpdateField: V,
+								onRemoveField: H
+							}, null, 8, ["keysInUse"])
+						]),
+						n[11] ||= u("hr", { class: "my-8" }, null, -1),
+						u("div", null, [
+							f(r, { class: "text-base font-medium" }, {
+								default: x(() => [...n[6] ||= [d(" Order Metadata ", -1)]]),
+								_: 1
+							}),
+							n[10] ||= u("p", { class: "text-sm text-muted-foreground mb-2" }, " Configure how externally-attached data is displayed on orders. Your external systems (Cloud Functions, webhooks, API) write metadata to orders — this controls how it appears in the dashboard. ", -1),
+							u("div", Z, [
+								b($).length === 0 ? (m(), l("div", Q, " No metadata fields configured yet. ")) : c("", !0),
+								(m(!0), l(a, null, _(b($), (e) => (m(), l("div", {
+									key: e.id,
+									class: "flex items-center justify-between hover:bg-input/50 px-2 py-1 rounded"
+								}, [u("div", ee, [u("div", te, [u("p", ne, y(e.label), 1), u("p", re, [
+									u("code", ie, y(e.key), 1),
+									n[7] ||= u("span", { class: "mx-1" }, "·", -1),
+									u("span", null, y(se(e.display)), 1),
+									n[8] ||= u("span", { class: "mx-1" }, "·", -1),
+									u("span", null, y(ce(e.scope)), 1)
+								])])]), u("div", ae, [f(i, {
+									variant: "ghost",
+									size: "icon",
+									onClick: (t) => I.value.openDialog(e),
+									class: "active:scale-90 transition-transform duration-150"
+								}, {
+									default: x(() => [f(b(E), { class: "size-4" })]),
+									_: 1
+								}, 8, ["onClick"]), f(i, {
+									variant: "ghost",
+									size: "icon",
+									onClick: (t) => G(e.id),
+									class: "active:scale-90 transition-transform duration-150"
+								}, {
+									default: x(() => [f(b(O), { class: "size-4" })]),
+									_: 1
+								}, 8, ["onClick"])])]))), 128)),
+								f(i, {
+									size: "sm",
+									class: "mt-4",
+									onClick: n[1] ||= (e) => I.value.openDialog()
+								}, {
+									default: x(() => [f(b(D), { class: "size-4" }), n[9] ||= d(" Add Metadata Field ", -1)]),
+									_: 1
+								})
+							]),
+							f(K, {
+								ref_key: "metadataSchemaDialog",
+								ref: I,
+								onAddField: U,
+								onUpdateField: W,
+								onRemoveField: G
+							}, null, 512)
+						]),
+						u("div", oe, [f(i, {
+							onClick: le,
+							disabled: N.value
+						}, {
+							default: x(() => [d(y(N.value ? "Saving..." : "Save Changes"), 1)]),
+							_: 1
+						}, 8, ["disabled"])])
+					]))
+				]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { $ as default };