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

package/dist/Create-DbYi0FAI.mjs

@@ -0,0 +1,907 @@
+import { a as e, o as t, t as n } from "./DateFormatter-DLrDYkby.mjs";
+import { t as r } from "./lib-BZgXUui5.mjs";
+import { t as i } from "./utils-h3owcMtS.mjs";
+import { useConfirmation as a, useFirebaseIntegration as o, useLogs as s, useModuleBreadcrumbs as c, useModulePermissions as l, useModuleRoute as u, useModuleStorage as d, useProjectSettings as f } from "@oneclick.dev/cms-kit";
+import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, inject as S, normalizeClass as C, openBlock as w, provide as T, ref as E, renderList as D, resolveComponent as O, toDisplayString as k, unref as A, useTemplateRef as j, withAsyncContext as M, withCtx as N } from "vue";
+import { CalendarIcon as P, DollarSign as F, Import as I, Info as L, List as R, Loader2 as z, Pencil as ee, Percent as B, Plus as V, Trash2 as te, Truck as H, UserCog as U } from "@lucide/vue";
+//#endregion
+//#region src/promoCodes/components/create/SingleCode.vue
+var W = /* @__PURE__ */ x({
+	__name: "SingleCode",
+	setup(e) {
+		let t = S("newCoupon");
+		return (e, n) => {
+			let r = O("Label"), i = O("Input");
+			return w(), _(p, null, [b(r, {
+				class: "text-muted-foreground mb-2",
+				for: "code"
+			}, {
+				default: N(() => [...n[1] ||= [y("Enter the coupon code", -1)]]),
+				_: 1
+			}), b(i, {
+				modelValue: A(t).code,
+				"onUpdate:modelValue": n[0] ||= (e) => A(t).code = e,
+				id: "code"
+			}, null, 8, ["modelValue"])], 64);
+		};
+	}
+}), G = { class: "flex items-center space-x-2" }, K = { class: "flex items-center space-x-2" }, q = {
+	key: 0,
+	class: "flex items-end w-full gap-4"
+}, J = { class: "relative w-full" }, Y = { key: 1 }, X = /* @__PURE__ */ x({
+	__name: "MultiCodes",
+	setup(e) {
+		let t = S("newCoupon");
+		return (e, n) => {
+			let r = O("RadioGroupItem"), i = O("Label"), a = O("RadioGroup"), o = O("NumberFieldDecrement"), s = O("NumberFieldInput"), c = O("NumberFieldIncrement"), l = O("NumberFieldContent"), u = O("NumberField"), d = O("Input"), f = O("Textarea");
+			return w(), _(p, null, [
+				n[8] ||= v("p", { class: "text-sm text-muted-foreground mb-2" }, "How do you want to create the codes?", -1),
+				b(a, {
+					modelValue: A(t).generationMode,
+					"onUpdate:modelValue": n[0] ||= (e) => A(t).generationMode = e,
+					orientation: "vertical",
+					class: "mb-6"
+				}, {
+					default: N(() => [v("div", G, [b(r, {
+						id: "generation_mode_generate",
+						value: "generate"
+					}), b(i, { for: "generation_mode_generate" }, {
+						default: N(() => [...n[3] ||= [y("Generate random codes", -1)]]),
+						_: 1
+					})]), v("div", K, [b(r, {
+						id: "generation_mode_input",
+						value: "input"
+					}), b(i, { for: "generation_mode_input" }, {
+						default: N(() => [...n[4] ||= [y("Provide specific codes", -1)]]),
+						_: 1
+					})])]),
+					_: 1
+				}, 8, ["modelValue"]),
+				A(t).generationMode == "generate" ? (w(), _("div", q, [b(u, {
+					id: "age",
+					"default-value": 1,
+					min: 1,
+					class: "w-full"
+				}, {
+					default: N(() => [b(i, {
+						for: "age",
+						class: "text-muted-foreground mb-2"
+					}, {
+						default: N(() => [...n[5] ||= [y("Number of codes to generate", -1)]]),
+						_: 1
+					}), b(l, null, {
+						default: N(() => [
+							b(o),
+							b(s),
+							b(c)
+						]),
+						_: 1
+					})]),
+					_: 1
+				}), v("div", J, [b(d, {
+					modelValue: A(t).prefix,
+					"onUpdate:modelValue": n[1] ||= (e) => A(t).prefix = e,
+					placeholder: "Prefix",
+					class: "pr-42"
+				}, null, 8, ["modelValue"]), n[6] ||= v("span", { class: "absolute right-2 top-1/2 transform -translate-y-1/2 text-muted-foreground/80 pointer-events-none" }, "- GENERATED CODE", -1)])])) : (w(), _("div", Y, [b(i, {
+					class: "text-muted-foreground mb-2",
+					for: "codes"
+				}, {
+					default: N(() => [...n[7] ||= [y("Enter the codes you want to create (one per line)", -1)]]),
+					_: 1
+				}), b(f, {
+					modelValue: A(t).codes,
+					"onUpdate:modelValue": n[2] ||= (e) => A(t).codes = e,
+					id: "codes",
+					class: "max-h-48"
+				}, null, 8, ["modelValue"])]))
+			], 64);
+		};
+	}
+}), Z = { class: "grid gap-6 py-4" }, Q = { class: "flex items-center" }, ne = { class: "flex items-center gap-2" }, re = { class: "flex items-center gap-2" }, ie = { class: "flex items-center gap-2" }, ae = { class: "flex items-center gap-2" }, oe = { class: "flex items-center space-x-2 mb-2" }, se = {
+	key: 0,
+	class: "text-xs text-blue-600 bg-blue-500/10 p-2 rounded border border-blue-500 mt-1 flex items-start gap-1"
+}, ce = { class: "flex items-center space-x-2 mb-2" }, le = /* @__PURE__ */ x({
+	__name: "TypeDetailDialog",
+	setup(e, { expose: t }) {
+		let { isAdmin: n } = l(), { getModuleData: r, setModuleData: i } = d(), a = S("promoTypes", E([])), o = E({
+			id: "",
+			label: "",
+			key: "",
+			allowUnlimitedUses: !1,
+			hasValueField: !1,
+			valueLabel: "",
+			valuePrefix: "",
+			valueSuffix: ""
+		}), s = E(!1), c = E("add"), u = E(!1), f = (e) => {
+			s.value = !0, u.value = !1, e ? (c.value = "edit", o.value = JSON.parse(JSON.stringify(e))) : (c.value = "add", o.value = {
+				id: crypto.randomUUID(),
+				label: "",
+				key: "",
+				allowUnlimitedUses: !1,
+				hasValueField: !1,
+				valueLabel: "",
+				valuePrefix: "",
+				valueSuffix: ""
+			});
+		}, p = (e) => {
+			s.value = !0, u.value = !1, c.value = "add", C(e);
+		}, m = async () => {
+			u.value = !0;
+			let e = await r("promo-types") || [];
+			e.push(JSON.parse(JSON.stringify(o.value))), i("promo-types", e), a.value = JSON.parse(JSON.stringify(e)), s.value = !1;
+		}, x = async () => {
+			u.value = !0;
+			let e = await r("promo-types") || [];
+			e = e.map((e) => e.id === o.value.id ? o.value : e), i("promo-types", e), a.value = JSON.parse(JSON.stringify(e)), s.value = !1;
+		}, C = (e) => {
+			switch (e) {
+				case "fixed":
+					o.value = {
+						id: crypto.randomUUID(),
+						label: "Fixed Amount",
+						key: "fixed",
+						allowUnlimitedUses: !1,
+						hasValueField: !0,
+						valueLabel: "Amount",
+						valuePrefix: "$",
+						valueSuffix: ""
+					};
+					break;
+				case "percentage":
+					o.value = {
+						id: crypto.randomUUID(),
+						label: "Percentage",
+						key: "percentage",
+						allowUnlimitedUses: !1,
+						hasValueField: !0,
+						valueLabel: "Percentage",
+						valuePrefix: "",
+						valueSuffix: "%"
+					};
+					break;
+				case "free_shipping":
+					o.value = {
+						id: crypto.randomUUID(),
+						label: "Free Shipping",
+						key: "free_shipping",
+						allowUnlimitedUses: !1,
+						hasValueField: !1,
+						valueLabel: "",
+						valuePrefix: "",
+						valueSuffix: ""
+					};
+					break;
+				default: break;
+			}
+		};
+		return t({
+			open: f,
+			openFromTemplate: p
+		}), (e, t) => {
+			let r = O("DialogTitle"), i = O("DialogHeader"), a = O("Button"), l = O("DropdownMenuTrigger"), d = O("DropdownMenuItem"), f = O("DropdownMenuContent"), p = O("DropdownMenu"), S = O("Label"), T = O("Input"), E = O("Switch"), D = O("DialogFooter"), j = O("DialogScrollContent"), M = O("Dialog");
+			return w(), h(M, {
+				open: s.value,
+				"onUpdate:open": t[11] ||= (e) => s.value = e
+			}, {
+				default: N(() => [A(n)() ? (w(), h(j, {
+					key: 0,
+					class: "sm:max-w-[475px]"
+				}, {
+					default: N(() => [
+						b(i, null, {
+							default: N(() => [b(r, null, {
+								default: N(() => [y(k(c.value === "add" ? "Add Promo Type" : "Edit Promo Type"), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						v("div", Z, [
+							v("div", Q, [c.value === "add" ? (w(), h(p, { key: 0 }, {
+								default: N(() => [b(l, null, {
+									default: N(() => [b(a, { variant: "outline" }, {
+										default: N(() => [v("div", ne, [b(A(I), { class: "size-4" }), t[12] ||= y(" Load pre-defined type ", -1)])]),
+										_: 1
+									})]),
+									_: 1
+								}), b(f, null, {
+									default: N(() => [
+										b(d, { onClick: t[0] ||= (e) => C("fixed") }, {
+											default: N(() => [v("div", re, [b(A(F), { class: "size-4" }), t[13] ||= y(" Fixed Amount ", -1)])]),
+											_: 1
+										}),
+										b(d, { onClick: t[1] ||= (e) => C("percentage") }, {
+											default: N(() => [v("div", ie, [b(A(B), { class: "size-4" }), t[14] ||= y(" Percentage ", -1)])]),
+											_: 1
+										}),
+										b(d, { onClick: t[2] ||= (e) => C("free_shipping") }, {
+											default: N(() => [v("div", ae, [b(A(H), { class: "size-4" }), t[15] ||= y(" Free Shipping ", -1)])]),
+											_: 1
+										})
+									]),
+									_: 1
+								})]),
+								_: 1
+							})) : g("", !0)]),
+							v("div", null, [
+								b(S, {
+									for: "label",
+									class: "mb-2"
+								}, {
+									default: N(() => [...t[16] ||= [y("Display Name", -1)]]),
+									_: 1
+								}),
+								b(T, {
+									modelValue: o.value.label,
+									"onUpdate:modelValue": t[3] ||= (e) => o.value.label = e,
+									id: "label"
+								}, null, 8, ["modelValue"]),
+								t[17] ||= v("p", { class: "text-xs text-muted-foreground mt-1" }, "Shown in the Studio UI. e.g. \"VIP Shipping\"", -1)
+							]),
+							v("div", null, [
+								b(S, {
+									for: "key",
+									class: "mb-2"
+								}, {
+									default: N(() => [...t[18] ||= [y("Internal Key", -1)]]),
+									_: 1
+								}),
+								b(T, {
+									modelValue: o.value.key,
+									"onUpdate:modelValue": t[4] ||= (e) => o.value.key = e,
+									id: "key"
+								}, null, 8, ["modelValue"]),
+								t[19] ||= v("p", { class: "text-xs text-muted-foreground mt-1" }, [y("Used in logic. Must be unique, lowercase, no spaces. e.g. "), v("span", { class: "font-mono bg-muted-foreground/20 px-1 py-0.5 rounded" }, "vip_shipping")], -1)
+							]),
+							v("div", null, [
+								b(S, {
+									for: "allowUnlimitedUses",
+									class: "mb-4"
+								}, {
+									default: N(() => [...t[20] ||= [y("Allow Unlimited Uses", -1)]]),
+									_: 1
+								}),
+								v("div", oe, [b(E, {
+									id: "allowUnlimitedUses",
+									modelValue: o.value.allowUnlimitedUses,
+									"onUpdate:modelValue": t[5] ||= (e) => o.value.allowUnlimitedUses = e
+								}, null, 8, ["modelValue"]), b(S, { for: "allowUnlimitedUses" }, {
+									default: N(() => [y(k(o.value.allowUnlimitedUses ? "Yes" : "No"), 1)]),
+									_: 1
+								})]),
+								t[22] ||= v("p", { class: "text-xs text-muted-foreground mt-1" }, "Show the \"Unlimited uses\" toggle when creating a promo code.", -1),
+								o.value.allowUnlimitedUses ? (w(), _("p", se, [b(A(L), { class: "size-4" }), t[21] ||= y(" This option is always hidden when generating multiple codes. ", -1)])) : g("", !0)
+							]),
+							v("div", null, [
+								b(S, {
+									for: "hasValueField",
+									class: "mb-4"
+								}, {
+									default: N(() => [...t[23] ||= [y("Has Value Field", -1)]]),
+									_: 1
+								}),
+								v("div", ce, [b(E, {
+									id: "hasValueField",
+									modelValue: o.value.hasValueField,
+									"onUpdate:modelValue": t[6] ||= (e) => o.value.hasValueField = e
+								}, null, 8, ["modelValue"]), b(S, { for: "hasValueField" }, {
+									default: N(() => [y(k(o.value.hasValueField ? "Yes" : "No"), 1)]),
+									_: 1
+								})]),
+								t[24] ||= v("p", { class: "text-xs text-muted-foreground mt-1" }, "Show a numeric value input when using this type.", -1)
+							]),
+							v("div", null, [
+								b(S, {
+									for: "valueLabel",
+									class: "mb-2"
+								}, {
+									default: N(() => [...t[25] ||= [y("Value Field Label", -1)]]),
+									_: 1
+								}),
+								b(T, {
+									modelValue: o.value.valueLabel,
+									"onUpdate:modelValue": t[7] ||= (e) => o.value.valueLabel = e,
+									id: "valueLabel"
+								}, null, 8, ["modelValue"]),
+								t[26] ||= v("p", { class: "text-xs text-muted-foreground mt-1" }, "e.g. \"Gift amount\", \"Shipping cost\"", -1)
+							]),
+							v("div", null, [
+								b(S, {
+									for: "valuePrefix",
+									class: "mb-2"
+								}, {
+									default: N(() => [...t[27] ||= [y("Value Field Prefix", -1)]]),
+									_: 1
+								}),
+								b(T, {
+									modelValue: o.value.valuePrefix,
+									"onUpdate:modelValue": t[8] ||= (e) => o.value.valuePrefix = e,
+									id: "valuePrefix"
+								}, null, 8, ["modelValue"]),
+								t[28] ||= v("p", { class: "text-xs text-muted-foreground mt-1" }, "e.g. € or $", -1)
+							]),
+							v("div", null, [
+								b(S, {
+									for: "valueSuffix",
+									class: "mb-2"
+								}, {
+									default: N(() => [...t[29] ||= [y("Value Field Suffix", -1)]]),
+									_: 1
+								}),
+								b(T, {
+									modelValue: o.value.valueSuffix,
+									"onUpdate:modelValue": t[9] ||= (e) => o.value.valueSuffix = e,
+									id: "valueSuffix"
+								}, null, 8, ["modelValue"]),
+								t[30] ||= v("p", { class: "text-xs text-muted-foreground mt-1" }, "e.g. %, credits", -1)
+							])
+						]),
+						b(D, null, {
+							default: N(() => [b(a, {
+								variant: "outline",
+								onClick: t[10] ||= (e) => s.value = !1
+							}, {
+								default: N(() => [...t[31] ||= [y("Cancel", -1)]]),
+								_: 1
+							}), c.value === "add" ? (w(), h(a, {
+								key: 0,
+								disabled: u.value,
+								onClick: m
+							}, {
+								default: N(() => [u.value ? (w(), h(A(z), {
+									key: 0,
+									class: "size-4 animate-spin"
+								})) : g("", !0), t[32] ||= y(" Add Type ", -1)]),
+								_: 1
+							}, 8, ["disabled"])) : (w(), h(a, {
+								key: 1,
+								disabled: u.value,
+								onClick: x
+							}, {
+								default: N(() => [u.value ? (w(), h(A(z), {
+									key: 0,
+									class: "size-4 animate-spin"
+								})) : g("", !0), t[33] ||= y(" Save Changes ", -1)]),
+								_: 1
+							}, 8, ["disabled"]))]),
+							_: 1
+						})
+					]),
+					_: 1
+				})) : g("", !0)]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+}), ue = { class: "grid gap-4 py-4" }, de = {
+	key: 0,
+	class: "flex flex-col gap-2 items-center text-muted-foreground border rounded p-4"
+}, fe = { class: "flex gap-2 items-center" }, pe = { key: 1 }, me = { class: "flex justify-end w-full mb-2" }, he = { class: "flex items-center gap-2" }, ge = { class: "flex items-center gap-2" }, _e = { class: "flex items-center gap-2" }, ve = { class: "flex items-center gap-2" }, ye = { class: "flex items-center gap-2" }, be = { class: "font-mono bg-muted-foreground/20 px-1 py-0.5 rounded" }, xe = /* @__PURE__ */ x({
+	__name: "TypeManageDialog",
+	setup(e) {
+		let { isAdmin: t } = l(), { getModuleData: n, setModuleData: r } = d(), { confirm: i } = a(), o = S("promoTypes", E([])), s = j("typeDetailDialog"), c = async (e) => {
+			if (!await i(`Are you sure you want to delete the type "${e.label}"?`)) return;
+			let t = await n("promo-types") || [];
+			t = t.filter((t) => t.id !== e.id), r("promo-types", t), o.value = JSON.parse(JSON.stringify(t));
+		}, u = async () => {
+			let e = [
+				{
+					id: crypto.randomUUID(),
+					label: "Fixed Amount",
+					key: "fixed",
+					allowUnlimitedUses: !1,
+					hasValueField: !0,
+					valueLabel: "Amount",
+					valuePrefix: "$",
+					valueSuffix: ""
+				},
+				{
+					id: crypto.randomUUID(),
+					label: "Percentage",
+					key: "percentage",
+					allowUnlimitedUses: !1,
+					hasValueField: !0,
+					valueLabel: "Percentage",
+					valuePrefix: "",
+					valueSuffix: "%"
+				},
+				{
+					id: crypto.randomUUID(),
+					label: "Free Shipping",
+					key: "free_shipping",
+					allowUnlimitedUses: !1,
+					hasValueField: !1,
+					valueLabel: "",
+					valuePrefix: "",
+					valueSuffix: ""
+				}
+			];
+			r("promo-types", e), o.value = JSON.parse(JSON.stringify(e));
+		};
+		return (e, n) => {
+			let r = O("Button"), i = O("DialogTrigger"), a = O("DialogTitle"), l = O("DialogDescription"), d = O("DialogHeader"), f = O("DropdownMenuTrigger"), m = O("DropdownMenuItem"), x = O("DropdownMenuSeparator"), S = O("DropdownMenuContent"), C = O("DropdownMenu"), T = O("TableHead"), E = O("TableRow"), j = O("TableHeader"), M = O("TableCell"), P = O("TableBody"), I = O("Table"), L = O("DialogFooter"), R = O("DialogScrollContent"), z = O("Dialog");
+			return w(), _(p, null, [b(z, null, {
+				default: N(() => [b(i, { "as-child": "" }, {
+					default: N(() => [b(r, null, {
+						default: N(() => [b(A(U), { class: "size-4" }), n[6] ||= y(" Edit Promo Types ", -1)]),
+						_: 1
+					})]),
+					_: 1
+				}), A(t)() ? (w(), h(R, {
+					key: 0,
+					class: "sm:max-w-2xl"
+				}, {
+					default: N(() => [
+						b(d, null, {
+							default: N(() => [b(a, null, {
+								default: N(() => [...n[7] ||= [y("Edit Promo Types", -1)]]),
+								_: 1
+							}), b(l, null, {
+								default: N(() => [...n[8] ||= [y(" Define reusable custom promo types to use in discount codes. You can configure how they behave and what fields are shown. ", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						v("div", ue, [A(o).length === 0 ? (w(), _("div", de, [n[12] ||= v("p", null, "You haven't created any custom types yet.", -1), v("p", fe, [
+							b(r, {
+								variant: "link",
+								onClick: n[0] ||= (e) => s.value?.open()
+							}, {
+								default: N(() => [...n[9] ||= [y("Create a custom type", -1)]]),
+								_: 1
+							}),
+							n[11] ||= y(" or ", -1),
+							b(r, {
+								variant: "link",
+								onClick: n[1] ||= (e) => u()
+							}, {
+								default: N(() => [...n[10] ||= [y("Import Default Types", -1)]]),
+								_: 1
+							})
+						])])) : (w(), _("div", pe, [v("div", me, [b(C, null, {
+							default: N(() => [b(f, null, {
+								default: N(() => [b(r, { variant: "outline" }, {
+									default: N(() => [v("div", he, [b(A(V), { class: "size-4" }), n[13] ||= y(" Create new Promo Type ", -1)])]),
+									_: 1
+								})]),
+								_: 1
+							}), b(S, null, {
+								default: N(() => [
+									b(m, { onClick: n[2] ||= (e) => s.value?.open() }, {
+										default: N(() => [v("div", ge, [b(A(V), { class: "size-4" }), n[14] ||= y(" New Type ", -1)])]),
+										_: 1
+									}),
+									b(x),
+									b(m, { onClick: n[3] ||= (e) => s.value?.openFromTemplate("fixed") }, {
+										default: N(() => [v("div", _e, [b(A(F), { class: "size-4" }), n[15] ||= y(" Fixed Amount ", -1)])]),
+										_: 1
+									}),
+									b(m, { onClick: n[4] ||= (e) => s.value?.openFromTemplate("percentage") }, {
+										default: N(() => [v("div", ve, [b(A(B), { class: "size-4" }), n[16] ||= y(" Percentage ", -1)])]),
+										_: 1
+									}),
+									b(m, { onClick: n[5] ||= (e) => s.value?.openFromTemplate("free_shipping") }, {
+										default: N(() => [v("div", ye, [b(A(H), { class: "size-4" }), n[17] ||= y(" Free Shipping ", -1)])]),
+										_: 1
+									})
+								]),
+								_: 1
+							})]),
+							_: 1
+						})]), b(I, null, {
+							default: N(() => [b(j, null, {
+								default: N(() => [b(E, null, {
+									default: N(() => [
+										b(T, null, {
+											default: N(() => [...n[18] ||= [y("Name (label)", -1)]]),
+											_: 1
+										}),
+										b(T, null, {
+											default: N(() => [...n[19] ||= [y("Key", -1)]]),
+											_: 1
+										}),
+										b(T, null, {
+											default: N(() => [...n[20] ||= [y("Value Field", -1)]]),
+											_: 1
+										}),
+										b(T, null, {
+											default: N(() => [...n[21] ||= [y("Unlimited Uses", -1)]]),
+											_: 1
+										}),
+										b(T, { class: "text-right" }, {
+											default: N(() => [...n[22] ||= [y("Actions", -1)]]),
+											_: 1
+										})
+									]),
+									_: 1
+								})]),
+								_: 1
+							}), b(P, null, {
+								default: N(() => [(w(!0), _(p, null, D(A(o), (e) => (w(), h(E, { key: e.key }, {
+									default: N(() => [
+										b(M, null, {
+											default: N(() => [y(k(e.label), 1)]),
+											_: 2
+										}, 1024),
+										b(M, null, {
+											default: N(() => [v("span", be, k(e.key), 1)]),
+											_: 2
+										}, 1024),
+										b(M, null, {
+											default: N(() => [y(k(e.hasValueField ? "Yes" : "No"), 1)]),
+											_: 2
+										}, 1024),
+										b(M, null, {
+											default: N(() => [y(k(e.allowUnlimitedUses ? "Yes" : "No"), 1)]),
+											_: 2
+										}, 1024),
+										b(M, { class: "text-right" }, {
+											default: N(() => [b(r, {
+												variant: "ghost",
+												size: "icon",
+												onClick: (t) => s.value?.open(e)
+											}, {
+												default: N(() => [b(A(ee), { class: "size-4" })]),
+												_: 1
+											}, 8, ["onClick"]), b(r, {
+												variant: "ghost",
+												size: "icon",
+												onClick: (t) => c(e)
+											}, {
+												default: N(() => [b(A(te), { class: "size-4 text-red-500" })]),
+												_: 1
+											}, 8, ["onClick"])]),
+											_: 2
+										}, 1024)
+									]),
+									_: 2
+								}, 1024))), 128))]),
+								_: 1
+							})]),
+							_: 1
+						})]))]),
+						b(L, null, {
+							default: N(() => [b(r, {
+								variant: "outline",
+								disabled: ""
+							}, {
+								default: N(() => [...n[23] ||= [y(" Auto-saved ", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						})
+					]),
+					_: 1
+				})) : g("", !0)]),
+				_: 1
+			}), b(le, {
+				ref_key: "typeDetailDialog",
+				ref: s
+			}, null, 512)], 64);
+		};
+	}
+}), Se = { class: "flex justify-between items-center" }, Ce = { class: "grid gap-2" }, we = { class: "flex flex-wrap gap-12" }, Te = {
+	key: 0,
+	class: "grid gap-2"
+}, Ee = { class: "flex items-center gap-2" }, De = {
+	key: 1,
+	class: "grid gap-2"
+}, Oe = { class: "flex items-center space-x-2" }, ke = /* @__PURE__ */ x({
+	__name: "index",
+	setup(e) {
+		let t = S("newCoupon"), n = S("promoTypes", E([])), r = m(() => n.value.find((e) => e.key === t.value?.type) || null), { isAdmin: i } = l();
+		return (e, a) => {
+			let o = O("Label"), s = O("SelectValue"), c = O("SelectTrigger"), l = O("SelectItem"), u = O("SelectGroup"), d = O("SelectContent"), f = O("Select"), m = O("Input"), x = O("Switch"), S = O("Card");
+			return w(), h(S, { class: "p-4" }, {
+				default: N(() => [
+					v("div", Se, [a[3] ||= v("h2", { class: "font-medium" }, "Value", -1), A(i)() ? (w(), h(xe, { key: 0 })) : g("", !0)]),
+					v("div", Ce, [b(o, { class: "text-muted-foreground" }, {
+						default: N(() => [...a[4] ||= [y("Promo Type", -1)]]),
+						_: 1
+					}), b(f, {
+						modelValue: A(t).type,
+						"onUpdate:modelValue": a[0] ||= (e) => A(t).type = e
+					}, {
+						default: N(() => [b(c, { class: "w-[200px]" }, {
+							default: N(() => [b(s, { placeholder: "Select a promo type" })]),
+							_: 1
+						}), b(d, null, {
+							default: N(() => [b(u, null, {
+								default: N(() => [(w(!0), _(p, null, D(A(n), (e) => (w(), h(l, {
+									key: e.key,
+									value: e.key
+								}, {
+									default: N(() => [y(k(e.label), 1)]),
+									_: 2
+								}, 1032, ["value"]))), 128))]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					v("div", we, [r.value?.hasValueField ? (w(), _("div", Te, [b(o, {
+						for: "discountValue",
+						class: "text-muted-foreground"
+					}, {
+						default: N(() => [y(k(r.value?.valueLabel || "Value"), 1)]),
+						_: 1
+					}), v("div", Ee, [
+						r.value?.valuePrefix ? (w(), h(o, {
+							key: 0,
+							for: "discountValue",
+							class: "text-lg"
+						}, {
+							default: N(() => [y(k(r.value?.valuePrefix), 1)]),
+							_: 1
+						})) : g("", !0),
+						b(m, {
+							modelValue: A(t).value,
+							"onUpdate:modelValue": a[1] ||= (e) => A(t).value = e,
+							modelModifiers: { number: !0 },
+							id: "discountValue",
+							type: "number",
+							class: "no-spinner",
+							min: "0"
+						}, null, 8, ["modelValue"]),
+						r.value?.valueSuffix ? (w(), h(o, {
+							key: 1,
+							for: "discountValue",
+							class: "text-lg"
+						}, {
+							default: N(() => [y(k(r.value?.valueSuffix), 1)]),
+							_: 1
+						})) : g("", !0)
+					])])) : g("", !0), r.value?.allowUnlimitedUses && A(t).creationMode !== "multi" ? (w(), _("div", De, [b(o, {
+						for: "unlimitedUses",
+						class: "text-muted-foreground"
+					}, {
+						default: N(() => [...a[5] ||= [y("Unlimited Uses", -1)]]),
+						_: 1
+					}), v("div", Oe, [b(x, {
+						id: "unlimitedUses",
+						modelValue: A(t).unlimitedUses,
+						"onUpdate:modelValue": a[2] ||= (e) => A(t).unlimitedUses = e
+					}, null, 8, ["modelValue"]), b(o, { for: "unlimitedUses" }, {
+						default: N(() => [y(k(A(t).unlimitedUses ? "Yes" : "No"), 1)]),
+						_: 1
+					})])])) : g("", !0)])
+				]),
+				_: 1
+			});
+		};
+	}
+}), Ae = { class: "flex gap-4" }, je = { class: "flex flex-col" }, Me = {
+	key: 0,
+	class: "-ml-2"
+}, Ne = {
+	key: 1,
+	class: "text-xs text-muted-foreground mt-2"
+}, Pe = { class: "flex flex-col" }, $ = {
+	key: 0,
+	class: "-ml-2"
+}, Fe = {
+	key: 1,
+	class: "text-xs text-muted-foreground mt-2"
+}, Ie = /* @__PURE__ */ x({
+	__name: "DateRange",
+	setup(r) {
+		let a = S("newCoupon"), o = new n("en-US", { dateStyle: "long" });
+		return (n, r) => {
+			let s = O("Label"), c = O("Button"), l = O("PopoverTrigger"), u = O("Calendar"), d = O("PopoverContent"), f = O("Popover"), p = O("Card");
+			return w(), h(p, { class: "p-4" }, {
+				default: N(() => [r[8] ||= v("div", null, [v("h2", { class: "font-medium mb-2" }, "Availability"), v("p", { class: "text-muted-foreground" }, "When will this code be available?")], -1), v("div", Ae, [v("div", je, [
+					b(s, { class: "text-muted-foreground mb-2" }, {
+						default: N(() => [...r[4] ||= [y("Available from", -1)]]),
+						_: 1
+					}),
+					b(f, null, {
+						default: N(() => [b(l, { "as-child": "" }, {
+							default: N(() => [b(c, {
+								variant: "outline",
+								class: C(A(i)("w-[280px] justify-start text-left font-normal", !A(a).startsAt && "text-muted-foreground"))
+							}, {
+								default: N(() => [b(A(P), { class: "mr-2 h-4 w-4" }), y(" " + k(A(a).startsAt ? A(o).format(A(a).startsAt.toDate(A(e)())) : "Pick a date"), 1)]),
+								_: 1
+							}, 8, ["class"])]),
+							_: 1
+						}), b(d, { class: "w-auto p-0" }, {
+							default: N(() => [b(u, {
+								modelValue: A(a).startsAt,
+								"onUpdate:modelValue": r[0] ||= (e) => A(a).startsAt = e,
+								"initial-focus": "",
+								minValue: A(t)()
+							}, null, 8, ["modelValue", "minValue"])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					A(a).startsAt ? (w(), _("div", Me, [b(c, {
+						onClick: r[1] ||= (e) => A(a).startsAt = void 0,
+						variant: "link"
+					}, {
+						default: N(() => [...r[5] ||= [y("Clear", -1)]]),
+						_: 1
+					})])) : (w(), _("p", Ne, "Not set - codes will be available immediately"))
+				]), v("div", Pe, [
+					b(s, { class: "text-muted-foreground mb-2" }, {
+						default: N(() => [...r[6] ||= [y("Until", -1)]]),
+						_: 1
+					}),
+					b(f, null, {
+						default: N(() => [b(l, { "as-child": "" }, {
+							default: N(() => [b(c, {
+								variant: "outline",
+								class: C(A(i)("w-[280px] justify-start text-left font-normal", !A(a).expiresAt && "text-muted-foreground"))
+							}, {
+								default: N(() => [b(A(P), { class: "mr-2 h-4 w-4" }), y(" " + k(A(a).expiresAt ? A(o).format(A(a).expiresAt.toDate(A(e)())) : "Pick a date"), 1)]),
+								_: 1
+							}, 8, ["class"])]),
+							_: 1
+						}), b(d, { class: "w-auto p-0" }, {
+							default: N(() => [b(u, {
+								modelValue: A(a).expiresAt,
+								"onUpdate:modelValue": r[2] ||= (e) => A(a).expiresAt = e,
+								"initial-focus": "",
+								minValue: A(a).startsAt
+							}, null, 8, ["modelValue", "minValue"])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					A(a).expiresAt ? (w(), _("div", $, [b(c, {
+						onClick: r[3] ||= (e) => A(a).expiresAt = void 0,
+						variant: "link"
+					}, {
+						default: N(() => [...r[7] ||= [y("Clear", -1)]]),
+						_: 1
+					})])) : (w(), _("p", Fe, "Not set - codes will never expire"))
+				])])]),
+				_: 1
+			});
+		};
+	}
+}), Le = /* @__PURE__ */ x({
+	__name: "Note",
+	setup(e) {
+		let t = S("newCoupon");
+		return (e, n) => {
+			let r = O("Textarea"), i = O("Card");
+			return w(), h(i, { class: "p-4" }, {
+				default: N(() => [v("div", null, [
+					n[1] ||= v("h2", { class: "font-medium mb-2" }, "Note", -1),
+					n[2] ||= v("p", { class: "text-sm text-muted-foreground mb-2" }, "Used internally. It's a good idea to write down why you're creating this promo code.", -1),
+					b(r, {
+						modelValue: A(t).note,
+						"onUpdate:modelValue": n[0] ||= (e) => A(t).note = e
+					}, null, 8, ["modelValue"])
+				])]),
+				_: 1
+			});
+		};
+	}
+}), Re = { class: "relative" }, ze = {
+	ref: "container",
+	class: "flex flex-col gap-4 w-full max-w-5xl mx-auto"
+}, Be = { class: "flex justify-between items-center mb-4" }, Ve = { class: "w-full max-w-2xl" }, He = { class: "flex items-center space-x-2" }, Ue = { class: "flex items-center space-x-2" }, We = { class: "flex justify-end w-full" }, Ge = /* @__PURE__ */ x({
+	__name: "Create",
+	props: { config: {
+		type: Object,
+		required: !0
+	} },
+	async setup(e) {
+		let t, n, i = e, { hasPermission: a } = l(), { navigateTo: p } = u(), { getTimezone: m } = f(), { log: x, logError: S } = s(), { getModuleData: C, setModuleData: D } = d();
+		c(() => []);
+		let k = o(i.config.project), j = E(!1), P = E({
+			creationMode: "single",
+			generationMode: "generate",
+			quantity: 1,
+			prefix: "",
+			codes: "",
+			code: "",
+			type: void 0,
+			value: void 0,
+			unlimitedUses: !1,
+			startsAt: void 0,
+			expiresAt: void 0,
+			minOrderAmount: 0,
+			note: ""
+		}), F = E([]);
+		F.value = ([t, n] = M(() => C("promo-types")), t = await t, n(), t) || [], T("newCoupon", P), T("promoTypes", F);
+		let I = () => {
+			if (P.value.creationMode == "single") {
+				if (P.value.code = P.value.code?.trim().toUpperCase(), !P.value.code) return r.error("Please enter a code"), !1;
+			} else if (P.value.generationMode == "generate") {
+				if (P.value.prefix = P.value.prefix?.trim().toUpperCase(), !P.value.prefix) return r.error("Please enter a prefix"), !1;
+				if (!P.value.quantity || P.value.quantity < 1) return r.error("Generate at least 1 code"), !1;
+			} else if (P.value.generationMode == "input" && (P.value.codes = P.value.codes?.trim().toUpperCase(), !P.value.codes || P.value.codes.length < 1)) return r.error("Please enter some codes"), !1;
+			return P.value.type ? F.value.find((e) => e.key === P.value.type)?.hasValueField && !P.value.value ? (r.error("Please enter a value"), !1) : (P.value.creationMode === "multi" && (P.value.unlimitedUses = !1), !0) : (r.error("Please select a type"), !1);
+		}, L = async () => {
+			try {
+				if (!I()) return;
+				if (j.value = !0, P.value.creationMode == "single") {
+					let e = {
+						code: P.value.code,
+						type: P.value.type,
+						value: P.value.value,
+						minOrderAmount: P.value.minOrderAmount,
+						usageLimit: +!P.value.unlimitedUses,
+						usageCount: 0,
+						lastUsedAt: null,
+						startsAt: P.value.startsAt ? P.value.startsAt.toDate(m()) : null,
+						expiresAt: P.value.expiresAt ? P.value.expiresAt.toDate(m()) : null,
+						disabled: !1,
+						note: P.value.note,
+						createdAt: /* @__PURE__ */ new Date(),
+						updatedAt: /* @__PURE__ */ new Date()
+					}, t = await k.add(i.config.promoCodeCollection, e);
+					x("Promo code created", {
+						id: t.id,
+						code: t.code,
+						note: t.note
+					}), r.success("Promo code created");
+				}
+			} catch {
+				S("Failed to create promo code"), r.error("Failed to create promo code");
+			} finally {
+				j.value = !1;
+			}
+		};
+		return (e, t) => {
+			let n = O("Button"), r = O("RadioGroupItem"), i = O("Label"), a = O("RadioGroup"), o = O("Card");
+			return w(), _("div", Re, [v("div", ze, [
+				v("div", Be, [t[3] ||= v("h1", { class: "text-2xl font-bold" }, "New Promo Code", -1), b(n, {
+					onClick: t[0] ||= (e) => A(p)("promo-codes"),
+					variant: "outline",
+					disabled: j.value
+				}, {
+					default: N(() => [b(A(R), { class: "size-4" }), t[2] ||= y(" View Promo Codes ", -1)]),
+					_: 1
+				}, 8, ["disabled"])]),
+				b(o, { class: "p-4" }, {
+					default: N(() => [v("div", Ve, [
+						t[6] ||= v("h2", { class: "font-medium mb-4" }, "Codes", -1),
+						b(a, {
+							modelValue: P.value.creationMode,
+							"onUpdate:modelValue": t[1] ||= (e) => P.value.creationMode = e,
+							orientation: "horizontal",
+							class: "mb-6"
+						}, {
+							default: N(() => [v("div", He, [b(r, {
+								id: "creation_mode_single",
+								value: "single"
+							}), b(i, { for: "creation_mode_single" }, {
+								default: N(() => [...t[4] ||= [y("Create 1 code", -1)]]),
+								_: 1
+							})]), v("div", Ue, [b(r, {
+								id: "creation_mode_multi",
+								value: "multi"
+							}), b(i, { for: "creation_mode_multi" }, {
+								default: N(() => [...t[5] ||= [y("Create multiple codes", -1)]]),
+								_: 1
+							})])]),
+							_: 1
+						}, 8, ["modelValue"]),
+						P.value.creationMode == "single" ? (w(), h(W, { key: 0 })) : (w(), h(X, { key: 1 }))
+					])]),
+					_: 1
+				}),
+				b(ke),
+				b(Ie),
+				b(Le),
+				v("div", We, [b(n, {
+					disabled: j.value,
+					onClick: L
+				}, {
+					default: N(() => [j.value ? (w(), h(A(z), {
+						key: 0,
+						class: "size-4 animate-spin"
+					})) : g("", !0), t[7] ||= y(" Create Promo Code ", -1)]),
+					_: 1
+				}, 8, ["disabled"])])
+			], 512)]);
+		};
+	}
+});
+//#endregion
+export { Ge as default };