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

package/dist/payment-Ced5_dpa.mjs

@@ -0,0 +1,718 @@
+import { t as e } from "./EditLayout-J_DGXb8v.mjs";
+import { t } from "./lib-BZgXUui5.mjs";
+import { useConfirmation as n, useFirebaseIntegration as r, useModule as i, useModuleRoute as a } from "@oneclick.dev/cms-kit";
+import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, nextTick as h, normalizeClass as g, normalizeStyle as _, openBlock as v, provide as y, reactive as b, ref as x, renderList as S, resolveComponent as C, toDisplayString as w, unref as T, useTemplateRef as E, withCtx as D, withModifiers as O } from "vue";
+import { ChevronDown as ee, DollarSign as k, Pencil as A, PlusCircle as j, Trash2 as M, Users as N } from "@lucide/vue";
+//#region src/appointments/components/edit/PaymentAddons/Addon.vue?vue&type=script&setup=true&lang.ts
+var P = { class: "flex gap-3 items-start p-4 border rounded-lg" }, F = { class: "flex-1 space-y-3" }, I = { class: "grid grid-cols-2 gap-3" }, L = { class: "flex items-center space-x-2 my-4" }, R = { class: "grid grid-cols-2 gap-2" }, z = { key: 0 }, B = { key: 1 }, V = { key: 2 }, H = { key: 3 }, U = { key: 4 }, W = { key: 0 }, G = /* @__PURE__ */ p({
+	__name: "Addon",
+	props: { addOn: {
+		type: Object,
+		required: !0
+	} },
+	setup(e) {
+		let t = m("form"), n = (e) => {
+			t.addOns = t.addOns.filter((t) => t.id !== e);
+		};
+		return (t, r) => {
+			let i = C("Label"), a = C("Input"), o = C("Checkbox"), s = C("SelectTrigger"), p = C("SelectItem"), m = C("SelectGroup"), h = C("SelectContent"), g = C("Select"), _ = C("Trash2"), y = C("Button");
+			return v(), l("div", P, [u("div", F, [
+				u("div", I, [u("div", null, [f(i, { class: "text-xs mb-1 block" }, {
+					default: D(() => [...r[7] ||= [d("Add-on Name", -1)]]),
+					_: 1
+				}), f(a, {
+					modelValue: e.addOn.name,
+					"onUpdate:modelValue": r[0] ||= (t) => e.addOn.name = t,
+					placeholder: "e.g., Swimsuit Rental, Towel Service"
+				}, null, 8, ["modelValue"])]), u("div", null, [f(i, { class: "text-xs mb-1 block" }, {
+					default: D(() => [...r[8] ||= [d("Price", -1)]]),
+					_: 1
+				}), f(a, {
+					modelValue: e.addOn.price,
+					"onUpdate:modelValue": r[1] ||= (t) => e.addOn.price = t,
+					modelModifiers: { number: !0 },
+					type: "number",
+					min: "0",
+					step: "0.01",
+					placeholder: "0.00",
+					class: "no-spinner"
+				}, null, 8, ["modelValue"])])]),
+				u("div", null, [f(i, { class: "text-xs mb-1 block" }, {
+					default: D(() => [...r[9] ||= [d("Description (Optional)", -1)]]),
+					_: 1
+				}), f(a, {
+					modelValue: e.addOn.description,
+					"onUpdate:modelValue": r[2] ||= (t) => e.addOn.description = t,
+					placeholder: "Brief description of this add-on"
+				}, null, 8, ["modelValue"])]),
+				u("div", L, [f(o, {
+					id: `required-${e.addOn.id}`,
+					modelValue: e.addOn.required,
+					"onUpdate:modelValue": r[3] ||= (t) => e.addOn.required = t
+				}, null, 8, ["id", "modelValue"]), f(i, {
+					for: `required-${e.addOn.id}`,
+					class: "text-xs font-normal cursor-pointer"
+				}, {
+					default: D(() => [...r[10] ||= [d(" Required (customer must select this add-on) ", -1)]]),
+					_: 1
+				}, 8, ["for"])]),
+				u("div", R, [u("div", null, [f(i, { class: "text-xs mb-1 block" }, {
+					default: D(() => [...r[11] ||= [d("Quantity limit", -1)]]),
+					_: 1
+				}), f(g, {
+					modelValue: e.addOn.scope,
+					"onUpdate:modelValue": r[4] ||= (t) => e.addOn.scope = t
+				}, {
+					default: D(() => [f(s, { class: "w-full" }, {
+						default: D(() => [e.addOn.scope === "RESERVATION" ? (v(), l("span", z, "Once per reservation")) : e.addOn.scope === "TICKET" ? (v(), l("span", B, "Once per ticket / person")) : e.addOn.scope === "UNLIMITED" ? (v(), l("span", V, "Unlimited")) : e.addOn.scope === "CUSTOM_LIMIT" ? (v(), l("span", H, "Custom limit...")) : (v(), l("span", U, "Select a limit…"))]),
+						_: 1
+					}), f(h, null, {
+						default: D(() => [f(m, { class: "max-w-96" }, {
+							default: D(() => [
+								f(p, { value: "RESERVATION" }, {
+									default: D(() => [...r[12] ||= [u("div", { class: "flex flex-col" }, [u("p", { class: "text-sm font-bold mb-1" }, "Once per reservation"), u("p", { class: "text-xs" }, "Max 1 per reservation line (charged per reservation).")], -1)]]),
+									_: 1
+								}),
+								f(p, { value: "TICKET" }, {
+									default: D(() => [...r[13] ||= [u("div", { class: "flex flex-col" }, [u("p", { class: "text-sm font-bold mb-1" }, "Once per ticket / person"), u("p", { class: "text-xs" }, "Max 1 per ticket/person (charged per quantity).")], -1)]]),
+									_: 1
+								}),
+								f(p, { value: "UNLIMITED" }, {
+									default: D(() => [...r[14] ||= [u("div", { class: "flex flex-col" }, [u("p", { class: "text-sm font-bold mb-1" }, "Unlimited"), u("p", { class: "text-xs" }, "No limit (can be added multiple times).")], -1)]]),
+									_: 1
+								}),
+								f(p, { value: "CUSTOM_LIMIT" }, {
+									default: D(() => [...r[15] ||= [u("div", { class: "flex flex-col" }, [u("p", { class: "text-sm font-bold mb-1" }, "Custom limit..."), u("p", { class: "text-xs" }, "Set a fixed max amount (e.g. 2, 5, 10).")], -1)]]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue"])]), e.addOn.scope === "CUSTOM_LIMIT" ? (v(), l("div", W, [f(i, { class: "text-xs mb-1 block" }, {
+					default: D(() => [...r[16] ||= [d("Fixed limit", -1)]]),
+					_: 1
+				}), f(a, {
+					modelValue: e.addOn.limit,
+					"onUpdate:modelValue": r[5] ||= (t) => e.addOn.limit = t,
+					modelModifiers: { number: !0 },
+					type: "number",
+					min: "1",
+					step: "1",
+					placeholder: "1",
+					class: "no-spinner"
+				}, null, 8, ["modelValue"])])) : c("", !0)])
+			]), f(y, {
+				onClick: r[6] ||= (t) => n(e.addOn.id),
+				variant: "ghost",
+				size: "icon",
+				class: "mt-6"
+			}, {
+				default: D(() => [f(_, { class: "w-4 h-4 text-destructive" })]),
+				_: 1
+			})]);
+		};
+	}
+}), te = { class: "grid gap-2" }, K = ["id"], q = ["onClick"], J = { class: "flex items-center gap-2" }, Y = { class: "flex items-center gap-1" }, X = { class: "overflow-hidden" }, Z = /* @__PURE__ */ p({
+	__name: "AddonList",
+	setup(e, { expose: r }) {
+		let { confirm: i } = n(), a = m("form"), s = x([]), c = async (e) => {
+			if (!await i("Are you sure you want to remove this add-on?")) return;
+			a.addOns = a.addOns.filter((t) => t.id !== e);
+			let n = s.value.indexOf(e);
+			n !== -1 && s.value.splice(n, 1), t("Success!", { description: "Add-on removed successfully." });
+		};
+		return r({ openAddons: s }), (e, t) => {
+			let n = C("Button");
+			return v(), l("div", te, [(v(!0), l(o, null, S(T(a).addOns, (e) => (v(), l("div", {
+				key: e.id,
+				class: "border p-2 rounded",
+				id: `addon-${e.id}`
+			}, [u("div", {
+				onClick: (t) => s.value.includes(e.id) ? s.value.splice(s.value.indexOf(e.id), 1) : s.value.push(e.id),
+				class: "cursor-pointer font-bold text-muted-foreground flex items-center justify-between gap-2 select-none"
+			}, [u("span", J, [f(T(k), { class: "size-4" }), d(" " + w(e.name || "Untitled Add-on"), 1)]), u("div", Y, [f(n, {
+				variant: "ghost",
+				size: "icon"
+			}, {
+				default: D(() => [f(T(A), { class: "size-4" })]),
+				_: 1
+			}), f(n, {
+				variant: "ghost",
+				size: "icon",
+				onClick: O((t) => c(e.id), ["stop"])
+			}, {
+				default: D(() => [f(T(M), { class: "size-4 text-red-500" })]),
+				_: 1
+			}, 8, ["onClick"])])], 8, q), u("div", { class: g(["grid", `${s.value.includes(e.id) ? "grid-rows-[1fr]" : "grid-rows-[0fr]"} transition-all duration-300 ease-in-out overflow-hidden`]) }, [u("div", X, [f(G, { addOn: e }, null, 8, ["addOn"])])], 2)], 8, K))), 128))]);
+		};
+	}
+}), Q = { class: "flex items-center justify-between mb-4" }, ne = { class: "space-y-3" }, re = {
+	key: 0,
+	class: "text-center py-8 text-muted-foreground text-sm border rounded-lg"
+}, ie = /* @__PURE__ */ p({
+	__name: "index",
+	setup(e) {
+		let t = m("form"), n = E("addonList"), r = async () => {
+			let e = Math.random().toString(36).substr(2, 9);
+			t.addOns.push({
+				id: e,
+				name: "",
+				description: "",
+				price: 0,
+				required: !1
+			}), n.value?.openAddons.push(e), await h(), document.getElementById(`addon-${e}`)?.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
+		};
+		return (e, i) => {
+			let a = C("Label"), o = C("Button");
+			return v(), l("div", null, [u("div", Q, [u("div", null, [f(a, { class: "text-base font-medium" }, {
+				default: D(() => [...i[0] ||= [d(" Optional Add-ons & Upcharges ", -1)]]),
+				_: 1
+			}), i[1] ||= u("p", { class: "text-sm text-muted-foreground mt-1" }, " Offer optional extras that customers can add to their booking (e.g., swimsuit rental). ", -1)]), f(o, {
+				onClick: r,
+				variant: "outline",
+				size: "sm"
+			}, {
+				default: D(() => [f(T(j), { class: "w-4 h-4 mr-2" }), i[2] ||= d(" Add Add-on ", -1)]),
+				_: 1
+			})]), u("div", ne, [f(Z, {
+				ref_key: "addonList",
+				ref: n
+			}, null, 512), T(t).addOns.length === 0 ? (v(), l("div", re, " No add-ons configured. Click \"Add Add-on\" to create optional extras. ")) : c("", !0)])]);
+		};
+	}
+}), ae = {
+	key: 0,
+	class: "max-w-2xl space-y-12"
+}, oe = { class: "flex gap-4 items-end" }, se = { class: "w-32" }, ce = { class: "flex items-center justify-between mb-4 gap-4" }, le = { class: "space-y-3" }, ue = { class: "flex-1 space-y-3" }, de = { class: "flex gap-3" }, fe = { class: "flex-1" }, pe = { class: "flex-1" }, me = { class: "flex items-end" }, he = { class: "flex items-center justify-between mb-4" }, ge = { class: "space-y-3" }, _e = { class: "flex-1 space-y-3" }, ve = { class: "grid grid-cols-2 gap-3" }, ye = { class: "grid grid-cols-2 gap-3" }, be = { key: 0 }, xe = { class: "flex items-center gap-2" }, Se = { key: 0 }, Ce = { key: 1 }, we = { key: 2 }, Te = { class: "space-y-1" }, Ee = ["onClick"], De = { class: "size-5 rounded-full bg-muted flex items-center justify-center" }, $ = {
+	key: 0,
+	class: "w-full h-full rounded-full bg-white scale-50"
+}, Oe = ["onClick"], ke = { class: "text-sm flex-1 truncate" }, Ae = {
+	key: 0,
+	class: "w-3 h-3 text-white",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor"
+}, je = {
+	key: 0,
+	class: "text-center py-8 text-muted-foreground text-sm border rounded-lg"
+}, Me = {
+	key: 0,
+	class: "mt-6 p-4 border rounded-lg bg-muted/30"
+}, Ne = { class: "space-y-4" }, Pe = { class: "flex items-center gap-3" }, Fe = { class: "flex-1" }, Ie = { class: "text-sm text-muted-foreground" }, Le = { class: "text-xs text-muted-foreground" }, Re = { class: "flex justify-start pt-4 border-t" }, ze = /* @__PURE__ */ p({
+	__name: "payment",
+	setup(t) {
+		let { params: n } = a(), { config: p } = i(), m = r(p.project), h = b({
+			paymentType: "full",
+			currency: "USD",
+			partialPayment: {
+				type: "percentage",
+				amount: 50
+			},
+			pricingOptions: [{
+				id: "1",
+				name: "Standard Service",
+				price: 0,
+				duration: 30,
+				isDefault: !0
+			}],
+			pricingRules: [],
+			addOns: []
+		}), E = x(!1), O = x(!0), k = x([]), A = (e, t) => {
+			if (!e.resourceIds) e.resourceIds = [t];
+			else {
+				let n = e.resourceIds.indexOf(t);
+				n === -1 ? e.resourceIds.push(t) : e.resourceIds.splice(n, 1);
+			}
+		}, P = (e, t) => {
+			e.resourceIds = t ? null : [];
+		}, F = async () => {
+			E.value = !0;
+			try {
+				let e = n.value.id;
+				if (!e) throw Error("Missing agenda ID");
+				await m.update(p.agendaCollection, e, {
+					paymentType: h.paymentType || "full",
+					currency: h.currency || "USD",
+					partialPayment: {
+						type: h.partialPayment.type || "percentage",
+						amount: Math.max(Number(h.partialPayment.amount) || 0, 0)
+					},
+					pricingOptions: h.pricingOptions ?? [],
+					pricingRules: h.pricingRules ?? [],
+					addOns: h.addOns ?? []
+				});
+			} catch (e) {
+				console.error("Error saving changes:", e);
+			} finally {
+				E.value = !1;
+			}
+		}, I = () => {
+			let e = Math.random().toString(36).substr(2, 9);
+			h.pricingOptions.push({
+				id: e,
+				name: "",
+				price: 0,
+				duration: 30,
+				isDefault: !1
+			});
+		}, L = (e) => {
+			h.pricingOptions = h.pricingOptions.filter((t) => t.id !== e);
+		}, R = (e) => {
+			h.pricingOptions.forEach((t) => {
+				t.isDefault = t.id === e;
+			});
+		}, z = () => {
+			let e = Math.random().toString(36).substr(2, 9);
+			h.pricingRules.push({
+				id: e,
+				name: "",
+				condition: "time_after",
+				conditionValue: "17:00",
+				modifier: "fixed",
+				amount: 10,
+				resourceIds: null
+			});
+		}, B = (e) => {
+			h.pricingRules = h.pricingRules.filter((t) => t.id !== e);
+		};
+		return (async () => {
+			try {
+				let e = await m.get(p.agendaCollection, n.value.id);
+				e && (h.paymentType = e.paymentType || "full", h.currency = e.currency || "USD", h.partialPayment = {
+					type: e.partialPayment?.type || "percentage",
+					amount: Number(e.partialPayment?.amount) && e.partialPayment.amount > 0 ? parseFloat(e.partialPayment.amount) : 50
+				}, h.pricingOptions = e.pricingOptions || [{
+					id: "1",
+					name: "Standard Service",
+					price: 0,
+					duration: 30,
+					isDefault: !0
+				}], h.pricingRules = e.pricingRules || [], h.addOns = e.addOns || [], k.value = (e.resources || []).filter((e) => e.isActive));
+			} catch (e) {
+				console.error("Error loading agenda data:", e);
+			} finally {
+				O.value = !1;
+			}
+		})(), y("form", h), (t, n) => {
+			let r = C("Label"), i = C("SelectValue"), a = C("SelectTrigger"), p = C("SelectItem"), m = C("SelectContent"), y = C("Select"), b = C("Button"), x = C("Input"), V = C("PopoverTrigger"), H = C("PopoverContent"), U = C("Popover"), W = C("RadioGroupItem"), G = C("RadioGroup");
+			return v(), s(e, null, {
+				default: D(() => [n[53] ||= u("h1", { class: "text-lg font-medium mb-8" }, "Payment Settings", -1), O.value ? c("", !0) : (v(), l("div", ae, [
+					u("div", null, [u("div", oe, [u("div", se, [f(r, { class: "text-base font-medium mb-2" }, {
+						default: D(() => [...n[4] ||= [d(" Currency ", -1)]]),
+						_: 1
+					}), f(y, {
+						modelValue: h.currency,
+						"onUpdate:modelValue": n[0] ||= (e) => h.currency = e
+					}, {
+						default: D(() => [f(a, { id: "currency" }, {
+							default: D(() => [f(i, { placeholder: "Currency" })]),
+							_: 1
+						}), f(m, null, {
+							default: D(() => [
+								f(p, { value: "USD" }, {
+									default: D(() => [...n[5] ||= [d("USD ($)", -1)]]),
+									_: 1
+								}),
+								f(p, { value: "EUR" }, {
+									default: D(() => [...n[6] ||= [d("EUR (€)", -1)]]),
+									_: 1
+								}),
+								f(p, { value: "GBP" }, {
+									default: D(() => [...n[7] ||= [d("GBP (£)", -1)]]),
+									_: 1
+								}),
+								f(p, { value: "CAD" }, {
+									default: D(() => [...n[8] ||= [d("CAD ($)", -1)]]),
+									_: 1
+								})
+							]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["modelValue"])])])]),
+					u("div", null, [u("div", ce, [u("div", null, [f(r, { class: "text-base font-medium" }, {
+						default: D(() => [...n[9] ||= [d(" Service Pricing Options ", -1)]]),
+						_: 1
+					}), n[10] ||= u("p", { class: "text-sm text-muted-foreground mt-1" }, " Offer multiple service variations with different prices (e.g., haircut styles, massage types). ", -1)]), f(b, {
+						onClick: I,
+						variant: "outline",
+						size: "sm"
+					}, {
+						default: D(() => [f(T(j), { class: "w-4 h-4 mr-2" }), n[11] ||= d(" Add Option ", -1)]),
+						_: 1
+					})]), u("div", le, [(v(!0), l(o, null, S(h.pricingOptions, (e) => (v(), l("div", {
+						key: e.id,
+						class: "flex gap-3 items-start p-4 border rounded-lg"
+					}, [u("div", ue, [u("div", null, [f(r, { class: "text-xs mb-1 block" }, {
+						default: D(() => [...n[12] ||= [d("Service Name", -1)]]),
+						_: 1
+					}), f(x, {
+						modelValue: e.name,
+						"onUpdate:modelValue": (t) => e.name = t,
+						placeholder: "e.g., Men's Haircut, Women's Haircut"
+					}, null, 8, ["modelValue", "onUpdate:modelValue"])]), u("div", de, [
+						u("div", fe, [f(r, { class: "text-xs mb-1 block" }, {
+							default: D(() => [...n[13] ||= [d("Price", -1)]]),
+							_: 1
+						}), f(x, {
+							modelValue: e.price,
+							"onUpdate:modelValue": (t) => e.price = t,
+							modelModifiers: { number: !0 },
+							type: "number",
+							min: "0",
+							step: "0.01",
+							placeholder: "0.00",
+							class: "no-spinner"
+						}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+						u("div", pe, [f(r, { class: "text-xs mb-1 block" }, {
+							default: D(() => [...n[14] ||= [d("Duration", -1)]]),
+							_: 1
+						}), f(y, {
+							modelValue: e.duration,
+							"onUpdate:modelValue": (t) => e.duration = t,
+							modelModifiers: { number: !0 }
+						}, {
+							default: D(() => [f(a, null, {
+								default: D(() => [f(i, { placeholder: "Duration" })]),
+								_: 1
+							}), f(m, null, {
+								default: D(() => [
+									f(p, { value: 15 }, {
+										default: D(() => [...n[15] ||= [d("15 min", -1)]]),
+										_: 1
+									}),
+									f(p, { value: 30 }, {
+										default: D(() => [...n[16] ||= [d("30 min", -1)]]),
+										_: 1
+									}),
+									f(p, { value: 45 }, {
+										default: D(() => [...n[17] ||= [d("45 min", -1)]]),
+										_: 1
+									}),
+									f(p, { value: 60 }, {
+										default: D(() => [...n[18] ||= [d("1 hour", -1)]]),
+										_: 1
+									}),
+									f(p, { value: 90 }, {
+										default: D(() => [...n[19] ||= [d("1.5 hours", -1)]]),
+										_: 1
+									}),
+									f(p, { value: 120 }, {
+										default: D(() => [...n[20] ||= [d("2 hours", -1)]]),
+										_: 1
+									}),
+									f(p, { value: 180 }, {
+										default: D(() => [...n[21] ||= [d("3 hours", -1)]]),
+										_: 1
+									}),
+									f(p, { value: 240 }, {
+										default: D(() => [...n[22] ||= [d("4 hours", -1)]]),
+										_: 1
+									}),
+									f(p, { value: 300 }, {
+										default: D(() => [...n[23] ||= [d("5 hours", -1)]]),
+										_: 1
+									}),
+									f(p, { value: 360 }, {
+										default: D(() => [...n[24] ||= [d("6 hours", -1)]]),
+										_: 1
+									}),
+									f(p, { value: 480 }, {
+										default: D(() => [...n[25] ||= [d("8 hours", -1)]]),
+										_: 1
+									})
+								]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["modelValue", "onUpdate:modelValue"])]),
+						u("div", me, [f(b, {
+							onClick: (t) => R(e.id),
+							variant: e.isDefault ? "default" : "outline",
+							size: "sm"
+						}, {
+							default: D(() => [d(w(e.isDefault ? "Default" : "Set Default"), 1)]),
+							_: 2
+						}, 1032, ["onClick", "variant"])])
+					])]), h.pricingOptions.length > 1 ? (v(), s(b, {
+						key: 0,
+						onClick: (t) => L(e.id),
+						variant: "ghost",
+						size: "icon",
+						class: "mt-6"
+					}, {
+						default: D(() => [f(T(M), { class: "w-4 h-4 text-destructive" })]),
+						_: 1
+					}, 8, ["onClick"])) : c("", !0)]))), 128))])]),
+					u("div", null, [u("div", he, [u("div", null, [f(r, { class: "text-base font-medium" }, {
+						default: D(() => [...n[26] ||= [d(" Conditional Pricing Rules ", -1)]]),
+						_: 1
+					}), n[27] ||= u("p", { class: "text-sm text-muted-foreground mt-1" }, " Add extra fees based on time, day, or other conditions (e.g., +€10 after 5pm). ", -1)]), f(b, {
+						onClick: z,
+						variant: "outline",
+						size: "sm"
+					}, {
+						default: D(() => [f(T(j), { class: "w-4 h-4 mr-2" }), n[28] ||= d(" Add Rule ", -1)]),
+						_: 1
+					})]), u("div", ge, [(v(!0), l(o, null, S(h.pricingRules, (e) => (v(), l("div", {
+						key: e.id,
+						class: "flex gap-3 items-start p-4 border rounded-lg"
+					}, [u("div", _e, [
+						u("div", null, [f(r, { class: "text-xs mb-1 block" }, {
+							default: D(() => [...n[29] ||= [d("Rule Name", -1)]]),
+							_: 1
+						}), f(x, {
+							modelValue: e.name,
+							"onUpdate:modelValue": (t) => e.name = t,
+							placeholder: "e.g., After Hours Fee, Weekend Surcharge"
+						}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+						u("div", ve, [u("div", null, [f(r, { class: "text-xs mb-1 block" }, {
+							default: D(() => [...n[30] ||= [d("Condition", -1)]]),
+							_: 1
+						}), f(y, {
+							modelValue: e.condition,
+							"onUpdate:modelValue": (t) => e.condition = t
+						}, {
+							default: D(() => [f(a, null, {
+								default: D(() => [f(i, { placeholder: "Select condition" })]),
+								_: 1
+							}), f(m, null, {
+								default: D(() => [
+									f(p, { value: "time_after" }, {
+										default: D(() => [...n[31] ||= [d("Time After", -1)]]),
+										_: 1
+									}),
+									f(p, { value: "time_before" }, {
+										default: D(() => [...n[32] ||= [d("Time Before", -1)]]),
+										_: 1
+									}),
+									f(p, { value: "time_between" }, {
+										default: D(() => [...n[33] ||= [d("Time Between", -1)]]),
+										_: 1
+									}),
+									f(p, { value: "day_of_week" }, {
+										default: D(() => [...n[34] ||= [d("Day of Week", -1)]]),
+										_: 1
+									}),
+									f(p, { value: "date_range" }, {
+										default: D(() => [...n[35] ||= [d("Date Range", -1)]]),
+										_: 1
+									})
+								]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["modelValue", "onUpdate:modelValue"])]), u("div", null, [f(r, { class: "text-xs mb-1 block" }, {
+							default: D(() => [...n[36] ||= [d("Value", -1)]]),
+							_: 1
+						}), f(x, {
+							modelValue: e.conditionValue,
+							"onUpdate:modelValue": (t) => e.conditionValue = t,
+							type: e.condition.includes("time") ? "time" : "text",
+							placeholder: "e.g., 17:00"
+						}, null, 8, [
+							"modelValue",
+							"onUpdate:modelValue",
+							"type"
+						])])]),
+						u("div", ye, [u("div", null, [f(r, { class: "text-xs mb-1 block" }, {
+							default: D(() => [...n[37] ||= [d("Fee Type", -1)]]),
+							_: 1
+						}), f(y, {
+							modelValue: e.modifier,
+							"onUpdate:modelValue": (t) => e.modifier = t
+						}, {
+							default: D(() => [f(a, null, {
+								default: D(() => [f(i, { placeholder: "Select type" })]),
+								_: 1
+							}), f(m, null, {
+								default: D(() => [f(p, { value: "fixed" }, {
+									default: D(() => [...n[38] ||= [d("Fixed Amount", -1)]]),
+									_: 1
+								}), f(p, { value: "percentage" }, {
+									default: D(() => [...n[39] ||= [d("Percentage", -1)]]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["modelValue", "onUpdate:modelValue"])]), u("div", null, [f(r, { class: "text-xs mb-1 block" }, {
+							default: D(() => [...n[40] ||= [d("Amount", -1)]]),
+							_: 1
+						}), f(x, {
+							modelValue: e.amount,
+							"onUpdate:modelValue": (t) => e.amount = t,
+							modelModifiers: { number: !0 },
+							type: "number",
+							min: "0",
+							step: "0.01",
+							class: "no-spinner",
+							placeholder: e.modifier === "percentage" ? "10 (%)" : "10.00"
+						}, null, 8, [
+							"modelValue",
+							"onUpdate:modelValue",
+							"placeholder"
+						])])]),
+						k.value.length > 0 ? (v(), l("div", be, [f(r, { class: "text-xs mb-1 block" }, {
+							default: D(() => [...n[41] ||= [d("Apply To Resources", -1)]]),
+							_: 1
+						}), f(U, null, {
+							default: D(() => [f(V, { "as-child": "" }, {
+								default: D(() => [f(b, {
+									variant: "outline",
+									class: "w-full justify-between font-normal"
+								}, {
+									default: D(() => [u("div", xe, [f(T(N), { class: "w-4 h-4 text-muted-foreground" }), !e.resourceIds || e.resourceIds.length === 0 ? (v(), l("span", Se, "All Resources")) : e.resourceIds.length === 1 ? (v(), l("span", Ce, w(k.value.find((t) => t.id === e.resourceIds[0])?.name || "1 resource"), 1)) : (v(), l("span", we, w(e.resourceIds.length) + " resources", 1))]), f(T(ee), { class: "w-4 h-4 opacity-50" })]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1024), f(H, {
+								class: "w-64 p-2",
+								align: "start"
+							}, {
+								default: D(() => [u("div", Te, [
+									u("div", {
+										class: g(["flex items-center gap-2 p-2 rounded-md hover:bg-muted cursor-pointer transition-colors", { "bg-muted": !e.resourceIds || e.resourceIds.length === 0 }]),
+										onClick: (t) => P(e, !0)
+									}, [
+										u("div", De, [f(T(N), { class: "w-3 h-3 text-muted-foreground" })]),
+										n[42] ||= u("span", { class: "text-sm flex-1" }, "All Resources", -1),
+										u("div", { class: g(["size-4 rounded-full border-2", !e.resourceIds || e.resourceIds.length === 0 ? "border-primary bg-primary" : "border-muted-foreground"]) }, [!e.resourceIds || e.resourceIds.length === 0 ? (v(), l("div", $)) : c("", !0)], 2)
+									], 10, Ee),
+									n[44] ||= u("div", { class: "border-t my-2" }, null, -1),
+									(v(!0), l(o, null, S(k.value, (t) => (v(), l("div", {
+										key: t.id,
+										class: "flex items-center gap-2 p-2 rounded-md hover:bg-muted cursor-pointer transition-colors",
+										onClick: (n) => {
+											P(e, !1), A(e, t.id);
+										}
+									}, [
+										u("div", {
+											class: "size-5 rounded-full flex items-center justify-center text-white text-[10px] font-medium",
+											style: _({ backgroundColor: t.color || "#6b7280" })
+										}, w(t.avatarLabel || t.name.charAt(0).toUpperCase()), 5),
+										u("span", ke, w(t.name), 1),
+										u("div", { class: g(["size-4 rounded border-2 flex items-center justify-center", e.resourceIds?.includes(t.id) ? "border-primary bg-primary" : "border-muted-foreground"]) }, [e.resourceIds?.includes(t.id) ? (v(), l("svg", Ae, [...n[43] ||= [u("path", {
+											"stroke-linecap": "round",
+											"stroke-linejoin": "round",
+											"stroke-width": "3",
+											d: "M5 13l4 4L19 7"
+										}, null, -1)]])) : c("", !0)], 2)
+									], 8, Oe))), 128))
+								])]),
+								_: 2
+							}, 1024)]),
+							_: 2
+						}, 1024)])) : c("", !0)
+					]), f(b, {
+						onClick: (t) => B(e.id),
+						variant: "ghost",
+						size: "icon",
+						class: "mt-6"
+					}, {
+						default: D(() => [f(T(M), { class: "w-4 h-4 text-destructive" })]),
+						_: 1
+					}, 8, ["onClick"])]))), 128)), h.pricingRules.length === 0 ? (v(), l("div", je, " No pricing rules configured. Click \"Add Rule\" to create conditional fees. ")) : c("", !0)])]),
+					f(ie),
+					u("div", null, [
+						f(r, { class: "text-base font-medium" }, {
+							default: D(() => [...n[45] ||= [d(" Payment Preferences ", -1)]]),
+							_: 1
+						}),
+						n[52] ||= u("p", { class: "text-sm text-muted-foreground mb-6" }, " Let customers pay full or in part when booking a slot, or pay later. ", -1),
+						f(G, {
+							modelValue: h.paymentType,
+							"onUpdate:modelValue": n[1] ||= (e) => h.paymentType = e,
+							class: "flex flex-col gap-4"
+						}, {
+							default: D(() => [
+								f(r, {
+									for: "r1",
+									class: "flex items-start space-x-2 cursor-pointer"
+								}, {
+									default: D(() => [f(W, {
+										id: "r1",
+										value: "full"
+									}), n[46] ||= u("div", null, [u("p", null, "Pay Full Amount when Booking"), u("p", { class: "text-sm text-muted-foreground mt-1" }, " Your customers are required to complete the payment to confirm their booking. ")], -1)]),
+									_: 1
+								}),
+								f(r, {
+									for: "r2",
+									class: "flex items-start space-x-2 cursor-pointer"
+								}, {
+									default: D(() => [f(W, {
+										id: "r2",
+										value: "partial"
+									}), n[47] ||= u("div", null, [u("p", null, "Pay Part Amount when Booking"), u("p", { class: "text-sm text-muted-foreground mt-1" }, " Your customers are required to pay a deposit to confirm their booking. ")], -1)]),
+									_: 1
+								}),
+								f(r, {
+									for: "r3",
+									class: "flex items-start space-x-2 cursor-pointer"
+								}, {
+									default: D(() => [f(W, {
+										id: "r3",
+										value: "later"
+									}), n[48] ||= u("div", null, [u("p", null, "Pay Later at Appointment"), u("p", { class: "text-sm text-muted-foreground mt-1" }, " Your customers can book now and pay in person at the time of their appointment. ")], -1)]),
+									_: 1
+								})
+							]),
+							_: 1
+						}, 8, ["modelValue"]),
+						h.paymentType === "partial" ? (v(), l("div", Me, [f(r, { class: "text-sm font-medium mb-4 block" }, {
+							default: D(() => [...n[49] ||= [d(" Deposit Amount Configuration ", -1)]]),
+							_: 1
+						}), u("div", Ne, [
+							f(G, {
+								modelValue: h.partialPayment.type,
+								"onUpdate:modelValue": n[2] ||= (e) => h.partialPayment.type = e,
+								class: "flex gap-4"
+							}, {
+								default: D(() => [f(r, { class: "flex items-center space-x-2 cursor-pointer" }, {
+									default: D(() => [f(W, { value: "percentage" }), n[50] ||= u("span", null, "Percentage", -1)]),
+									_: 1
+								}), f(r, { class: "flex items-center space-x-2 cursor-pointer" }, {
+									default: D(() => [f(W, { value: "fixed" }), n[51] ||= u("span", null, "Fixed Amount", -1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["modelValue"]),
+							u("div", Pe, [u("div", Fe, [f(x, {
+								modelValue: h.partialPayment.amount,
+								"onUpdate:modelValue": n[3] ||= (e) => h.partialPayment.amount = e,
+								modelModifiers: { number: !0 },
+								type: "number",
+								min: "0",
+								max: h.partialPayment.type === "percentage" ? 100 : void 0,
+								step: "0.01",
+								placeholder: h.partialPayment.type === "percentage" ? "50" : "10.00",
+								class: "no-spinner"
+							}, null, 8, [
+								"modelValue",
+								"max",
+								"placeholder"
+							])]), u("span", Ie, w(h.partialPayment.type === "percentage" ? "%" : h.currency), 1)]),
+							u("p", Le, [h.partialPayment.type === "percentage" ? (v(), l(o, { key: 0 }, [d(" Customers will pay " + w(h.partialPayment.amount) + "% of the total price upfront. ", 1)], 64)) : (v(), l(o, { key: 1 }, [d(" Customers will pay " + w(h.currency) + " " + w(h.partialPayment.amount) + " upfront. ", 1)], 64))])
+						])])) : c("", !0)
+					]),
+					u("div", Re, [f(b, {
+						onClick: F,
+						disabled: E.value
+					}, {
+						default: D(() => [d(w(E.value ? "Saving..." : "Save Changes"), 1)]),
+						_: 1
+					}, 8, ["disabled"])])
+				]))]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ze as default };