@burdenoff/microfe-eventfullymanaged 2026.704.6 → 2026.704.7

package/dist/eventfullymanaged/pages/registration/PromoCodeFormPage.js

@@ -6,9 +6,18 @@ import { describeError as s, mutationSucceeded as c } from "../../lib/mutationRe
 import { useEffect as l, useMemo as u, useState as d } from "react";
 import { useParams as f } from "react-router-dom";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Input as h, Select as g, SelectContent as _, SelectItem as v, SelectTrigger as y, SelectValue as b, Switch as x, Textarea as S } from "@burdenoff/fe-libs/ui";
+import { BadgePercent as h, Ticket as g } from "lucide-react";
+import { Badge as _, Input as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C, Switch as w, Textarea as T } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/registration/PromoCodeFormPage.tsx
-var C = {
+function E(e, t) {
+	let n = (e) => new Date(e).toLocaleDateString(void 0, {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	});
+	return e && t ? `${n(e)} – ${n(t)}` : e ? `From ${n(e)}` : t ? `Until ${n(t)}` : "Ongoing";
+}
+var D = {
 	eventId: "",
 	code: "",
 	description: "",
@@ -19,19 +28,19 @@ var C = {
 	endsAt: "",
 	isActive: !0
 };
-function w(e) {
+function O(e) {
 	if (!e) return "";
 	let t = new Date(e);
 	if (Number.isNaN(t.getTime())) return "";
 	let n = t.getTimezoneOffset() * 6e4;
 	return new Date(t.getTime() - n).toISOString().slice(0, 16);
 }
-function T(e) {
+function k(e) {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t.toISOString();
 }
-function E(e) {
+function A(e) {
 	return {
 		eventId: e.eventId ?? "",
 		code: e.code ?? "",
@@ -39,79 +48,128 @@ function E(e) {
 		discountType: e.discountType ?? "PERCENT",
 		discountValue: e.discountValue ?? "",
 		maxUses: e.maxUses == null ? "" : String(e.maxUses),
-		startsAt: w(e.startsAt),
-		endsAt: w(e.endsAt),
+		startsAt: O(e.startsAt),
+		endsAt: O(e.endsAt),
 		isActive: e.isActive ?? !0
 	};
 }
-function D() {
-	let { id: w = "" } = f(), D = u(() => !!w, [w]), { navigate: O } = e(), { data: k } = r({
+function j() {
+	let { id: O = "" } = f(), j = u(() => !!O, [O]), { navigate: M } = e(), { data: N } = r({
 		limit: 100,
 		offset: 0
-	}), { data: A } = i({
+	}), { data: P } = i({
 		limit: 100,
 		offset: 0
-	}), j = u(() => (A?.promoCodes.items ?? []).find((e) => e.id === w), [A, w]), [M, { loading: N }] = n(), [P, { loading: F }] = a(), [I, L] = d(() => j ? E(j) : C);
+	}), F = u(() => (P?.promoCodes.items ?? []).find((e) => e.id === O), [P, O]), [I, { loading: L }] = n(), [R, { loading: z }] = a(), [B, V] = d(() => F ? A(F) : D);
 	l(() => {
-		j && L(E(j));
-	}, [j]);
-	let R = (e, t) => {
-		L((n) => ({
+		F && V(A(F));
+	}, [F]);
+	let H = (e, t) => {
+		V((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, z = k?.events.items ?? [], B = N || F, V = async (e) => {
-		if (e.preventDefault(), !I.eventId) {
+	}, U = N?.events.items ?? [], W = L || z, G = async (e) => {
+		if (e.preventDefault(), !B.eventId) {
 			t.error("Event required", "Choose the event this promo code applies to.");
 			return;
 		}
-		if (!I.code.trim()) {
+		if (!B.code.trim()) {
 			t.error("Code required", "Enter the code attendees will type at checkout.");
 			return;
 		}
-		if (!I.discountValue.trim()) {
+		if (!B.discountValue.trim()) {
 			t.error("Discount required", "Enter a discount value.");
 			return;
 		}
 		let n = {
-			eventId: I.eventId,
-			code: I.code.trim().toUpperCase(),
-			description: I.description.trim() || null,
-			discountType: I.discountType,
-			discountValue: I.discountValue.trim(),
-			maxUses: I.maxUses.trim() ? Number(I.maxUses) : null,
-			startsAt: T(I.startsAt),
-			endsAt: T(I.endsAt),
-			isActive: I.isActive,
+			eventId: B.eventId,
+			code: B.code.trim().toUpperCase(),
+			description: B.description.trim() || null,
+			discountType: B.discountType,
+			discountValue: B.discountValue.trim(),
+			maxUses: B.maxUses.trim() ? Number(B.maxUses) : null,
+			startsAt: k(B.startsAt),
+			endsAt: k(B.endsAt),
+			isActive: B.isActive,
 			metadata: {}
 		};
 		try {
-			if (D) {
-				let e = await P({ variables: {
-					id: w,
+			if (j) {
+				let e = await R({ variables: {
+					id: O,
 					input: n
 				} });
 				if (!c(e, e.data?.updatePromoCode?.id, "Could not update promo code")) return;
-				t.success("Promo code updated", n.code), O("/registration");
+				t.success("Promo code updated", n.code), M("/registration");
 				return;
 			}
-			let e = await M({ variables: { input: n } });
+			let e = await I({ variables: { input: n } });
 			if (!c(e, e.data?.createPromoCode?.id, "Could not create promo code")) return;
-			t.success("Promo code created", n.code), O("/registration");
+			t.success("Promo code created", n.code), M("/registration");
 		} catch (e) {
 			t.error("Could not save promo code", s(e));
 		}
-	}, H = I.discountType === "PERCENT" ? "Percentage off, e.g. 10 for 10%." : "Fixed amount off, e.g. 500.";
+	}, K = B.discountType === "PERCENT" ? "Percentage off, e.g. 10 for 10%." : "Fixed amount off, e.g. 500.";
 	return /* @__PURE__ */ m(o, {
-		title: D ? "Edit Promo Code" : "New Promo Code",
+		title: j ? "Edit Promo Code" : "New Promo Code",
 		description: "Promo codes let you offer discounts to drive registrations.",
 		purpose: "Create a discount attendees can apply at checkout. Choose whether it takes a percentage or a fixed amount off, cap how many times it can be used, and set an active window. Deactivate a code to stop it being redeemed without deleting its history.",
 		backLabel: "Back to Registration",
-		onBack: () => O("/registration"),
-		onSubmit: V,
-		submitLabel: D ? "Save Promo Code" : "Create Promo Code",
-		saving: B,
+		onBack: () => M("/registration"),
+		onSubmit: G,
+		submitLabel: j ? "Save Promo Code" : "Create Promo Code",
+		saving: W,
 		children: [
+			/* @__PURE__ */ m("div", {
+				className: "rounded-card border border-border-seam bg-bg-surface p-4",
+				children: [
+					/* @__PURE__ */ p("span", {
+						className: "text-xs font-medium uppercase tracking-wide text-text-muted",
+						children: "Preview"
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "mt-2 flex flex-wrap items-center gap-3",
+						children: [
+							/* @__PURE__ */ p("span", {
+								className: "flex h-9 w-9 items-center justify-center rounded-input bg-accent-wash text-action-primary",
+								children: /* @__PURE__ */ p(g, {
+									className: "h-4 w-4",
+									"aria-hidden": "true"
+								})
+							}),
+							/* @__PURE__ */ p("span", {
+								className: "font-mono text-base font-semibold text-text-primary",
+								children: B.code.trim() ? B.code.trim().toUpperCase() : "YOURCODE"
+							}),
+							/* @__PURE__ */ p(_, {
+								variant: "secondary",
+								children: B.discountType === "PERCENT" ? "PERCENT" : "FIXED"
+							}),
+							/* @__PURE__ */ m("span", {
+								className: "inline-flex items-center gap-1 text-sm text-text-secondary",
+								children: [/* @__PURE__ */ p(h, {
+									className: "h-3.5 w-3.5 text-text-muted",
+									"aria-hidden": "true"
+								}), B.discountValue.trim() ? B.discountType === "PERCENT" ? `${B.discountValue.trim()}% off` : `${B.discountValue.trim()} off` : "No discount set"]
+							}),
+							/* @__PURE__ */ m("span", {
+								className: "text-xs text-text-muted",
+								children: ["· ", E(B.startsAt, B.endsAt)]
+							}),
+							/* @__PURE__ */ p(_, {
+								variant: B.isActive ? "default" : "secondary",
+								className: "ml-auto",
+								children: B.isActive ? "Active" : "Inactive"
+							})
+						]
+					}),
+					/* @__PURE__ */ p("p", {
+						className: "mt-2 text-xs text-text-muted",
+						children: B.maxUses.trim() ? `Redeemable up to ${B.maxUses.trim()} times.` : "Unlimited redemptions."
+					})
+				]
+			}),
 			/* @__PURE__ */ m("div", {
 				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
 				children: [/* @__PURE__ */ m("label", {
@@ -119,13 +177,13 @@ function D() {
 					children: [/* @__PURE__ */ p("span", {
 						className: "font-medium text-text-primary",
 						children: "Event"
-					}), /* @__PURE__ */ m(g, {
-						value: I.eventId,
-						onValueChange: (e) => R("eventId", e),
-						children: [/* @__PURE__ */ p(y, {
+					}), /* @__PURE__ */ m(y, {
+						value: B.eventId,
+						onValueChange: (e) => H("eventId", e),
+						children: [/* @__PURE__ */ p(S, {
 							"aria-label": "Event",
-							children: /* @__PURE__ */ p(b, { placeholder: "Select Event" })
-						}), /* @__PURE__ */ p(_, { children: z.map((e) => /* @__PURE__ */ p(v, {
+							children: /* @__PURE__ */ p(C, { placeholder: "Select Event" })
+						}), /* @__PURE__ */ p(b, { children: U.map((e) => /* @__PURE__ */ p(x, {
 							value: e.id,
 							children: e.name
 						}, e.id)) })]
@@ -135,9 +193,9 @@ function D() {
 					children: [/* @__PURE__ */ p("span", {
 						className: "font-medium text-text-primary",
 						children: "Code"
-					}), /* @__PURE__ */ p(h, {
-						value: I.code,
-						onChange: (e) => R("code", e.target.value),
+					}), /* @__PURE__ */ p(v, {
+						value: B.code,
+						onChange: (e) => H("code", e.target.value),
 						placeholder: "EARLYBIRD",
 						required: !0
 					})]
@@ -148,9 +206,9 @@ function D() {
 				children: [/* @__PURE__ */ p("span", {
 					className: "font-medium text-text-primary",
 					children: "Description"
-				}), /* @__PURE__ */ p(S, {
-					value: I.description,
-					onChange: (e) => R("description", e.target.value),
+				}), /* @__PURE__ */ p(T, {
+					value: B.description,
+					onChange: (e) => H("description", e.target.value),
 					rows: 2
 				})]
 			}),
@@ -162,16 +220,16 @@ function D() {
 						children: [/* @__PURE__ */ p("span", {
 							className: "font-medium text-text-primary",
 							children: "Discount Type"
-						}), /* @__PURE__ */ m(g, {
-							value: I.discountType,
-							onValueChange: (e) => R("discountType", e),
-							children: [/* @__PURE__ */ p(y, {
+						}), /* @__PURE__ */ m(y, {
+							value: B.discountType,
+							onValueChange: (e) => H("discountType", e),
+							children: [/* @__PURE__ */ p(S, {
 								"aria-label": "Discount Type",
-								children: /* @__PURE__ */ p(b, {})
-							}), /* @__PURE__ */ m(_, { children: [/* @__PURE__ */ p(v, {
+								children: /* @__PURE__ */ p(C, {})
+							}), /* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, {
 								value: "PERCENT",
 								children: "Percentage (%)"
-							}), /* @__PURE__ */ p(v, {
+							}), /* @__PURE__ */ p(x, {
 								value: "FIXED",
 								children: "Fixed amount"
 							})] })]
@@ -184,17 +242,17 @@ function D() {
 								className: "font-medium text-text-primary",
 								children: "Discount Value"
 							}),
-							/* @__PURE__ */ p(h, {
+							/* @__PURE__ */ p(v, {
 								type: "number",
 								min: "0",
 								step: "any",
-								value: I.discountValue,
-								onChange: (e) => R("discountValue", e.target.value),
+								value: B.discountValue,
+								onChange: (e) => H("discountValue", e.target.value),
 								required: !0
 							}),
 							/* @__PURE__ */ p("span", {
 								className: "text-xs text-text-secondary",
-								children: H
+								children: K
 							})
 						]
 					}),
@@ -203,11 +261,11 @@ function D() {
 						children: [/* @__PURE__ */ p("span", {
 							className: "font-medium text-text-primary",
 							children: "Max Uses"
-						}), /* @__PURE__ */ p(h, {
+						}), /* @__PURE__ */ p(v, {
 							type: "number",
 							min: "0",
-							value: I.maxUses,
-							onChange: (e) => R("maxUses", e.target.value),
+							value: B.maxUses,
+							onChange: (e) => H("maxUses", e.target.value),
 							placeholder: "Unlimited"
 						})]
 					})
@@ -220,20 +278,20 @@ function D() {
 					children: [/* @__PURE__ */ p("span", {
 						className: "font-medium text-text-primary",
 						children: "Starts At"
-					}), /* @__PURE__ */ p(h, {
+					}), /* @__PURE__ */ p(v, {
 						type: "datetime-local",
-						value: I.startsAt,
-						onChange: (e) => R("startsAt", e.target.value)
+						value: B.startsAt,
+						onChange: (e) => H("startsAt", e.target.value)
 					})]
 				}), /* @__PURE__ */ m("label", {
 					className: "space-y-1 text-sm",
 					children: [/* @__PURE__ */ p("span", {
 						className: "font-medium text-text-primary",
 						children: "Ends At"
-					}), /* @__PURE__ */ p(h, {
+					}), /* @__PURE__ */ p(v, {
 						type: "datetime-local",
-						value: I.endsAt,
-						onChange: (e) => R("endsAt", e.target.value)
+						value: B.endsAt,
+						onChange: (e) => H("endsAt", e.target.value)
 					})]
 				})]
 			}),
@@ -248,15 +306,15 @@ function D() {
 						className: "text-xs text-text-secondary",
 						children: "Only active codes can be redeemed at checkout."
 					})]
-				}), /* @__PURE__ */ p(x, {
-					checked: I.isActive,
-					onCheckedChange: (e) => R("isActive", e)
+				}), /* @__PURE__ */ p(w, {
+					checked: B.isActive,
+					onCheckedChange: (e) => H("isActive", e)
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { D as default };
+export { j as default };
 
 //# sourceMappingURL=PromoCodeFormPage.js.map

package/dist/eventfullymanaged/pages/registration/PromoCodeFormPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromoCodeFormPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/registration/PromoCodeFormPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\nimport { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Switch,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  useCreatePromoCodeMutation,\n  useEventsQuery,\n  usePromoCodesQuery,\n  useUpdatePromoCodeMutation,\n  type PromoCodeGql,\n} from '../../api/eventApi';\nimport { EntityFormShell } from '../../components/EntityFormShell';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\ntype PromoCodeFormState = {\n  eventId: string;\n  code: string;\n  description: string;\n  discountType: string;\n  discountValue: string;\n  maxUses: string;\n  startsAt: string;\n  endsAt: string;\n  isActive: boolean;\n};\n\nconst emptyState: PromoCodeFormState = {\n  eventId: '',\n  code: '',\n  description: '',\n  discountType: 'PERCENT',\n  discountValue: '',\n  maxUses: '',\n  startsAt: '',\n  endsAt: '',\n  isActive: true,\n};\n\n/** ISO timestamp -> value for <input type=\"datetime-local\"> (local time, minute precision). */\nfunction isoToLocalInput(iso?: string | null): string {\n  if (!iso) {\n    return '';\n  }\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) {\n    return '';\n  }\n  const offsetMs = date.getTimezoneOffset() * 60_000;\n  return new Date(date.getTime() - offsetMs).toISOString().slice(0, 16);\n}\n\n/** datetime-local value -> ISO timestamp for the DateTime scalar. */\nfunction localInputToIso(value: string): string | null {\n  if (!value) {\n    return null;\n  }\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) {\n    return null;\n  }\n  return date.toISOString();\n}\n\nfunction toFormState(promo: PromoCodeGql): PromoCodeFormState {\n  return {\n    eventId: promo.eventId ?? '',\n    code: promo.code ?? '',\n    description: promo.description ?? '',\n    discountType: promo.discountType ?? 'PERCENT',\n    discountValue: promo.discountValue ?? '',\n    maxUses: promo.maxUses != null ? String(promo.maxUses) : '',\n    startsAt: isoToLocalInput(promo.startsAt),\n    endsAt: isoToLocalInput(promo.endsAt),\n    isActive: promo.isActive ?? true,\n  };\n}\n\nexport default function PromoCodeFormPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const isEdit = useMemo(() => Boolean(id), [id]);\n  const { navigate } = useEventfullyManaged();\n\n  const { data: eventsData } = useEventsQuery({ limit: 100, offset: 0 });\n  // No by-id promo resolver exists — derive edit initial-state from the list.\n  const { data: promoData } = usePromoCodesQuery({ limit: 100, offset: 0 });\n  const existing = useMemo(() => (promoData?.promoCodes.items ?? []).find((item) => item.id === id), [promoData, id]);\n\n  const [createPromoCode, { loading: creating }] = useCreatePromoCodeMutation();\n  const [updatePromoCode, { loading: updating }] = useUpdatePromoCodeMutation();\n  const [form, setForm] = useState<PromoCodeFormState>(() => (existing ? toFormState(existing) : emptyState));\n\n  useEffect(() => {\n    if (existing) {\n      setForm(toFormState(existing));\n    }\n  }, [existing]);\n\n  const onChange = <K extends keyof PromoCodeFormState>(field: K, value: PromoCodeFormState[K]) => {\n    setForm((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const events = eventsData?.events.items ?? [];\n  const saving = creating || updating;\n\n  const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    if (!form.eventId) {\n      notify.error('Event required', 'Choose the event this promo code applies to.');\n      return;\n    }\n    if (!form.code.trim()) {\n      notify.error('Code required', 'Enter the code attendees will type at checkout.');\n      return;\n    }\n    if (!form.discountValue.trim()) {\n      notify.error('Discount required', 'Enter a discount value.');\n      return;\n    }\n\n    const input = {\n      eventId: form.eventId,\n      code: form.code.trim().toUpperCase(),\n      description: form.description.trim() || null,\n      discountType: form.discountType,\n      discountValue: form.discountValue.trim(),\n      maxUses: form.maxUses.trim() ? Number(form.maxUses) : null,\n      startsAt: localInputToIso(form.startsAt),\n      endsAt: localInputToIso(form.endsAt),\n      isActive: form.isActive,\n      metadata: {},\n    };\n\n    try {\n      if (isEdit) {\n        const response = await updatePromoCode({ variables: { id, input } });\n        if (!mutationSucceeded(response, response.data?.updatePromoCode?.id, 'Could not update promo code')) {\n          return;\n        }\n        notify.success('Promo code updated', input.code);\n        navigate('/registration');\n        return;\n      }\n\n      const response = await createPromoCode({ variables: { input } });\n      if (!mutationSucceeded(response, response.data?.createPromoCode?.id, 'Could not create promo code')) {\n        return;\n      }\n      notify.success('Promo code created', input.code);\n      navigate('/registration');\n    } catch (error) {\n      notify.error('Could not save promo code', describeError(error));\n    }\n  };\n\n  const valueHint =\n    form.discountType === 'PERCENT' ? 'Percentage off, e.g. 10 for 10%.' : 'Fixed amount off, e.g. 500.';\n\n  return (\n    <EntityFormShell\n      title={isEdit ? 'Edit Promo Code' : 'New Promo Code'}\n      description=\"Promo codes let you offer discounts to drive registrations.\"\n      purpose=\"Create a discount attendees can apply at checkout. Choose whether it takes a percentage or a fixed amount off, cap how many times it can be used, and set an active window. Deactivate a code to stop it being redeemed without deleting its history.\"\n      backLabel=\"Back to Registration\"\n      onBack={() => navigate('/registration')}\n      onSubmit={onSubmit}\n      submitLabel={isEdit ? 'Save Promo Code' : 'Create Promo Code'}\n      saving={saving}\n    >\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Event</span>\n          <Select value={form.eventId} onValueChange={(value) => onChange('eventId', value)}>\n            <SelectTrigger aria-label=\"Event\">\n              <SelectValue placeholder=\"Select Event\" />\n            </SelectTrigger>\n            <SelectContent>\n              {events.map((eventItem) => (\n                <SelectItem key={eventItem.id} value={eventItem.id}>\n                  {eventItem.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Code</span>\n          <Input\n            value={form.code}\n            onChange={(e) => onChange('code', e.target.value)}\n            placeholder=\"EARLYBIRD\"\n            required\n          />\n        </label>\n      </div>\n\n      <label className=\"block space-y-1 text-sm\">\n        <span className=\"font-medium text-text-primary\">Description</span>\n        <Textarea value={form.description} onChange={(e) => onChange('description', e.target.value)} rows={2} />\n      </label>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-3\">\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Discount Type</span>\n          <Select value={form.discountType} onValueChange={(value) => onChange('discountType', value)}>\n            <SelectTrigger aria-label=\"Discount Type\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"PERCENT\">Percentage (%)</SelectItem>\n              <SelectItem value=\"FIXED\">Fixed amount</SelectItem>\n            </SelectContent>\n          </Select>\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Discount Value</span>\n          <Input\n            type=\"number\"\n            min=\"0\"\n            step=\"any\"\n            value={form.discountValue}\n            onChange={(e) => onChange('discountValue', e.target.value)}\n            required\n          />\n          <span className=\"text-xs text-text-secondary\">{valueHint}</span>\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Max Uses</span>\n          <Input\n            type=\"number\"\n            min=\"0\"\n            value={form.maxUses}\n            onChange={(e) => onChange('maxUses', e.target.value)}\n            placeholder=\"Unlimited\"\n          />\n        </label>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Starts At</span>\n          <Input type=\"datetime-local\" value={form.startsAt} onChange={(e) => onChange('startsAt', e.target.value)} />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Ends At</span>\n          <Input type=\"datetime-local\" value={form.endsAt} onChange={(e) => onChange('endsAt', e.target.value)} />\n        </label>\n      </div>\n\n      <div className=\"flex items-center justify-between rounded-input border border-border-default bg-bg-surface px-3 py-2\">\n        <div className=\"text-sm\">\n          <span className=\"font-medium text-text-primary\">Active</span>\n          <p className=\"text-xs text-text-secondary\">Only active codes can be redeemed at checkout.</p>\n        </div>\n        <Switch checked={form.isActive} onCheckedChange={(checked) => onChange('isActive', checked)} />\n      </div>\n    </EntityFormShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PromoCodeFormPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/registration/PromoCodeFormPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\nimport { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { BadgePercent, Ticket } from 'lucide-react';\nimport {\n  Badge,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Switch,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  useCreatePromoCodeMutation,\n  useEventsQuery,\n  usePromoCodesQuery,\n  useUpdatePromoCodeMutation,\n  type PromoCodeGql,\n} from '../../api/eventApi';\nimport { EntityFormShell } from '../../components/EntityFormShell';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\n/** Human validity window from the two datetime-local field values. */\nfunction describeValidity(startsAt: string, endsAt: string): string {\n  const fmt = (value: string) =>\n    new Date(value).toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' });\n  if (startsAt && endsAt) return `${fmt(startsAt)} – ${fmt(endsAt)}`;\n  if (startsAt) return `From ${fmt(startsAt)}`;\n  if (endsAt) return `Until ${fmt(endsAt)}`;\n  return 'Ongoing';\n}\n\ntype PromoCodeFormState = {\n  eventId: string;\n  code: string;\n  description: string;\n  discountType: string;\n  discountValue: string;\n  maxUses: string;\n  startsAt: string;\n  endsAt: string;\n  isActive: boolean;\n};\n\nconst emptyState: PromoCodeFormState = {\n  eventId: '',\n  code: '',\n  description: '',\n  discountType: 'PERCENT',\n  discountValue: '',\n  maxUses: '',\n  startsAt: '',\n  endsAt: '',\n  isActive: true,\n};\n\n/** ISO timestamp -> value for <input type=\"datetime-local\"> (local time, minute precision). */\nfunction isoToLocalInput(iso?: string | null): string {\n  if (!iso) {\n    return '';\n  }\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) {\n    return '';\n  }\n  const offsetMs = date.getTimezoneOffset() * 60_000;\n  return new Date(date.getTime() - offsetMs).toISOString().slice(0, 16);\n}\n\n/** datetime-local value -> ISO timestamp for the DateTime scalar. */\nfunction localInputToIso(value: string): string | null {\n  if (!value) {\n    return null;\n  }\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) {\n    return null;\n  }\n  return date.toISOString();\n}\n\nfunction toFormState(promo: PromoCodeGql): PromoCodeFormState {\n  return {\n    eventId: promo.eventId ?? '',\n    code: promo.code ?? '',\n    description: promo.description ?? '',\n    discountType: promo.discountType ?? 'PERCENT',\n    discountValue: promo.discountValue ?? '',\n    maxUses: promo.maxUses != null ? String(promo.maxUses) : '',\n    startsAt: isoToLocalInput(promo.startsAt),\n    endsAt: isoToLocalInput(promo.endsAt),\n    isActive: promo.isActive ?? true,\n  };\n}\n\nexport default function PromoCodeFormPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const isEdit = useMemo(() => Boolean(id), [id]);\n  const { navigate } = useEventfullyManaged();\n\n  const { data: eventsData } = useEventsQuery({ limit: 100, offset: 0 });\n  // No by-id promo resolver exists — derive edit initial-state from the list.\n  const { data: promoData } = usePromoCodesQuery({ limit: 100, offset: 0 });\n  const existing = useMemo(() => (promoData?.promoCodes.items ?? []).find((item) => item.id === id), [promoData, id]);\n\n  const [createPromoCode, { loading: creating }] = useCreatePromoCodeMutation();\n  const [updatePromoCode, { loading: updating }] = useUpdatePromoCodeMutation();\n  const [form, setForm] = useState<PromoCodeFormState>(() => (existing ? toFormState(existing) : emptyState));\n\n  useEffect(() => {\n    if (existing) {\n      setForm(toFormState(existing));\n    }\n  }, [existing]);\n\n  const onChange = <K extends keyof PromoCodeFormState>(field: K, value: PromoCodeFormState[K]) => {\n    setForm((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const events = eventsData?.events.items ?? [];\n  const saving = creating || updating;\n\n  const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    if (!form.eventId) {\n      notify.error('Event required', 'Choose the event this promo code applies to.');\n      return;\n    }\n    if (!form.code.trim()) {\n      notify.error('Code required', 'Enter the code attendees will type at checkout.');\n      return;\n    }\n    if (!form.discountValue.trim()) {\n      notify.error('Discount required', 'Enter a discount value.');\n      return;\n    }\n\n    const input = {\n      eventId: form.eventId,\n      code: form.code.trim().toUpperCase(),\n      description: form.description.trim() || null,\n      discountType: form.discountType,\n      discountValue: form.discountValue.trim(),\n      maxUses: form.maxUses.trim() ? Number(form.maxUses) : null,\n      startsAt: localInputToIso(form.startsAt),\n      endsAt: localInputToIso(form.endsAt),\n      isActive: form.isActive,\n      metadata: {},\n    };\n\n    try {\n      if (isEdit) {\n        const response = await updatePromoCode({ variables: { id, input } });\n        if (!mutationSucceeded(response, response.data?.updatePromoCode?.id, 'Could not update promo code')) {\n          return;\n        }\n        notify.success('Promo code updated', input.code);\n        navigate('/registration');\n        return;\n      }\n\n      const response = await createPromoCode({ variables: { input } });\n      if (!mutationSucceeded(response, response.data?.createPromoCode?.id, 'Could not create promo code')) {\n        return;\n      }\n      notify.success('Promo code created', input.code);\n      navigate('/registration');\n    } catch (error) {\n      notify.error('Could not save promo code', describeError(error));\n    }\n  };\n\n  const valueHint =\n    form.discountType === 'PERCENT' ? 'Percentage off, e.g. 10 for 10%.' : 'Fixed amount off, e.g. 500.';\n\n  return (\n    <EntityFormShell\n      title={isEdit ? 'Edit Promo Code' : 'New Promo Code'}\n      description=\"Promo codes let you offer discounts to drive registrations.\"\n      purpose=\"Create a discount attendees can apply at checkout. Choose whether it takes a percentage or a fixed amount off, cap how many times it can be used, and set an active window. Deactivate a code to stop it being redeemed without deleting its history.\"\n      backLabel=\"Back to Registration\"\n      onBack={() => navigate('/registration')}\n      onSubmit={onSubmit}\n      submitLabel={isEdit ? 'Save Promo Code' : 'Create Promo Code'}\n      saving={saving}\n    >\n      {/* Live preview — mirrors how the code appears on the promo list */}\n      <div className=\"rounded-card border border-border-seam bg-bg-surface p-4\">\n        <span className=\"text-xs font-medium uppercase tracking-wide text-text-muted\">Preview</span>\n        <div className=\"mt-2 flex flex-wrap items-center gap-3\">\n          <span className=\"flex h-9 w-9 items-center justify-center rounded-input bg-accent-wash text-action-primary\">\n            <Ticket className=\"h-4 w-4\" aria-hidden=\"true\" />\n          </span>\n          <span className=\"font-mono text-base font-semibold text-text-primary\">\n            {form.code.trim() ? form.code.trim().toUpperCase() : 'YOURCODE'}\n          </span>\n          <Badge variant=\"secondary\">{form.discountType === 'PERCENT' ? 'PERCENT' : 'FIXED'}</Badge>\n          <span className=\"inline-flex items-center gap-1 text-sm text-text-secondary\">\n            <BadgePercent className=\"h-3.5 w-3.5 text-text-muted\" aria-hidden=\"true\" />\n            {form.discountValue.trim()\n              ? form.discountType === 'PERCENT'\n                ? `${form.discountValue.trim()}% off`\n                : `${form.discountValue.trim()} off`\n              : 'No discount set'}\n          </span>\n          <span className=\"text-xs text-text-muted\">· {describeValidity(form.startsAt, form.endsAt)}</span>\n          <Badge variant={form.isActive ? 'default' : 'secondary'} className=\"ml-auto\">\n            {form.isActive ? 'Active' : 'Inactive'}\n          </Badge>\n        </div>\n        <p className=\"mt-2 text-xs text-text-muted\">\n          {form.maxUses.trim() ? `Redeemable up to ${form.maxUses.trim()} times.` : 'Unlimited redemptions.'}\n        </p>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Event</span>\n          <Select value={form.eventId} onValueChange={(value) => onChange('eventId', value)}>\n            <SelectTrigger aria-label=\"Event\">\n              <SelectValue placeholder=\"Select Event\" />\n            </SelectTrigger>\n            <SelectContent>\n              {events.map((eventItem) => (\n                <SelectItem key={eventItem.id} value={eventItem.id}>\n                  {eventItem.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Code</span>\n          <Input\n            value={form.code}\n            onChange={(e) => onChange('code', e.target.value)}\n            placeholder=\"EARLYBIRD\"\n            required\n          />\n        </label>\n      </div>\n\n      <label className=\"block space-y-1 text-sm\">\n        <span className=\"font-medium text-text-primary\">Description</span>\n        <Textarea value={form.description} onChange={(e) => onChange('description', e.target.value)} rows={2} />\n      </label>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-3\">\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Discount Type</span>\n          <Select value={form.discountType} onValueChange={(value) => onChange('discountType', value)}>\n            <SelectTrigger aria-label=\"Discount Type\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"PERCENT\">Percentage (%)</SelectItem>\n              <SelectItem value=\"FIXED\">Fixed amount</SelectItem>\n            </SelectContent>\n          </Select>\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Discount Value</span>\n          <Input\n            type=\"number\"\n            min=\"0\"\n            step=\"any\"\n            value={form.discountValue}\n            onChange={(e) => onChange('discountValue', e.target.value)}\n            required\n          />\n          <span className=\"text-xs text-text-secondary\">{valueHint}</span>\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Max Uses</span>\n          <Input\n            type=\"number\"\n            min=\"0\"\n            value={form.maxUses}\n            onChange={(e) => onChange('maxUses', e.target.value)}\n            placeholder=\"Unlimited\"\n          />\n        </label>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Starts At</span>\n          <Input type=\"datetime-local\" value={form.startsAt} onChange={(e) => onChange('startsAt', e.target.value)} />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Ends At</span>\n          <Input type=\"datetime-local\" value={form.endsAt} onChange={(e) => onChange('endsAt', e.target.value)} />\n        </label>\n      </div>\n\n      <div className=\"flex items-center justify-between rounded-input border border-border-default bg-bg-surface px-3 py-2\">\n        <div className=\"text-sm\">\n          <span className=\"font-medium text-text-primary\">Active</span>\n          <p className=\"text-xs text-text-secondary\">Only active codes can be redeemed at checkout.</p>\n        </div>\n        <Switch checked={form.isActive} onCheckedChange={(checked) => onChange('isActive', checked)} />\n      </div>\n    </EntityFormShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA6BA,SAAS,EAAiB,GAAkB,GAAwB;CAClE,IAAM,KAAO,MACX,IAAI,KAAK,EAAM,CAAC,mBAAmB,KAAA,GAAW;EAAE,OAAO;EAAS,KAAK;EAAW,MAAM;EAAW,CAAC;AAIpG,QAHI,KAAY,IAAe,GAAG,EAAI,EAAS,CAAC,KAAK,EAAI,EAAO,KAC5D,IAAiB,QAAQ,EAAI,EAAS,KACtC,IAAe,SAAS,EAAI,EAAO,KAChC;;AAeT,IAAM,IAAiC;CACrC,SAAS;CACT,MAAM;CACN,aAAa;CACb,cAAc;CACd,eAAe;CACf,SAAS;CACT,UAAU;CACV,QAAQ;CACR,UAAU;CACX;AAGD,SAAS,EAAgB,GAA6B;AACpD,KAAI,CAAC,EACH,QAAO;CAET,IAAM,IAAO,IAAI,KAAK,EAAI;AAC1B,KAAI,OAAO,MAAM,EAAK,SAAS,CAAC,CAC9B,QAAO;CAET,IAAM,IAAW,EAAK,mBAAmB,GAAG;AAC5C,QAAO,IAAI,KAAK,EAAK,SAAS,GAAG,EAAS,CAAC,aAAa,CAAC,MAAM,GAAG,GAAG;;AAIvE,SAAS,EAAgB,GAA8B;AACrD,KAAI,CAAC,EACH,QAAO;CAET,IAAM,IAAO,IAAI,KAAK,EAAM;AAI5B,QAHI,OAAO,MAAM,EAAK,SAAS,CAAC,GACvB,OAEF,EAAK,aAAa;;AAG3B,SAAS,EAAY,GAAyC;AAC5D,QAAO;EACL,SAAS,EAAM,WAAW;EAC1B,MAAM,EAAM,QAAQ;EACpB,aAAa,EAAM,eAAe;EAClC,cAAc,EAAM,gBAAgB;EACpC,eAAe,EAAM,iBAAiB;EACtC,SAAS,EAAM,WAAW,OAA+B,KAAxB,OAAO,EAAM,QAAQ;EACtD,UAAU,EAAgB,EAAM,SAAS;EACzC,QAAQ,EAAgB,EAAM,OAAO;EACrC,UAAU,EAAM,YAAY;EAC7B;;AAGH,SAAwB,IAAoB;CAC1C,IAAM,EAAE,QAAK,OAAO,GAA2B,EACzC,IAAS,QAAc,EAAQ,GAAK,CAAC,EAAG,CAAC,EACzC,EAAE,gBAAa,GAAsB,EAErC,EAAE,MAAM,MAAe,EAAe;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAEhE,EAAE,MAAM,MAAc,EAAmB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EACnE,IAAW,SAAe,GAAW,WAAW,SAAS,EAAE,EAAE,MAAM,MAAS,EAAK,OAAO,EAAG,EAAE,CAAC,GAAW,EAAG,CAAC,EAE7G,CAAC,GAAiB,EAAE,SAAS,OAAc,GAA4B,EACvE,CAAC,GAAiB,EAAE,SAAS,OAAc,GAA4B,EACvE,CAAC,GAAM,KAAW,QAAoC,IAAW,EAAY,EAAS,GAAG,EAAY;AAE3G,SAAgB;AACd,EAAI,KACF,EAAQ,EAAY,EAAS,CAAC;IAE/B,CAAC,EAAS,CAAC;CAEd,IAAM,KAAgD,GAAU,MAAiC;AAC/F,KAAS,OAAU;GAAE,GAAG;IAAO,IAAQ;GAAO,EAAE;IAG5C,IAAS,GAAY,OAAO,SAAS,EAAE,EACvC,IAAS,KAAY,GAErB,IAAW,OAAO,MAA4C;AAGlE,MAFA,EAAM,gBAAgB,EAElB,CAAC,EAAK,SAAS;AACjB,KAAO,MAAM,kBAAkB,+CAA+C;AAC9E;;AAEF,MAAI,CAAC,EAAK,KAAK,MAAM,EAAE;AACrB,KAAO,MAAM,iBAAiB,kDAAkD;AAChF;;AAEF,MAAI,CAAC,EAAK,cAAc,MAAM,EAAE;AAC9B,KAAO,MAAM,qBAAqB,0BAA0B;AAC5D;;EAGF,IAAM,IAAQ;GACZ,SAAS,EAAK;GACd,MAAM,EAAK,KAAK,MAAM,CAAC,aAAa;GACpC,aAAa,EAAK,YAAY,MAAM,IAAI;GACxC,cAAc,EAAK;GACnB,eAAe,EAAK,cAAc,MAAM;GACxC,SAAS,EAAK,QAAQ,MAAM,GAAG,OAAO,EAAK,QAAQ,GAAG;GACtD,UAAU,EAAgB,EAAK,SAAS;GACxC,QAAQ,EAAgB,EAAK,OAAO;GACpC,UAAU,EAAK;GACf,UAAU,EAAE;GACb;AAED,MAAI;AACF,OAAI,GAAQ;IACV,IAAM,IAAW,MAAM,EAAgB,EAAE,WAAW;KAAE;KAAI;KAAO,EAAE,CAAC;AACpE,QAAI,CAAC,EAAkB,GAAU,EAAS,MAAM,iBAAiB,IAAI,8BAA8B,CACjG;AAGF,IADA,EAAO,QAAQ,sBAAsB,EAAM,KAAK,EAChD,EAAS,gBAAgB;AACzB;;GAGF,IAAM,IAAW,MAAM,EAAgB,EAAE,WAAW,EAAE,UAAO,EAAE,CAAC;AAChE,OAAI,CAAC,EAAkB,GAAU,EAAS,MAAM,iBAAiB,IAAI,8BAA8B,CACjG;AAGF,GADA,EAAO,QAAQ,sBAAsB,EAAM,KAAK,EAChD,EAAS,gBAAgB;WAClB,GAAO;AACd,KAAO,MAAM,6BAA6B,EAAc,EAAM,CAAC;;IAI7D,IACJ,EAAK,iBAAiB,YAAY,qCAAqC;AAEzE,QACE,kBAAC,GAAD;EACE,OAAO,IAAS,oBAAoB;EACpC,aAAY;EACZ,SAAQ;EACR,WAAU;EACV,cAAc,EAAS,gBAAgB;EAC7B;EACV,aAAa,IAAS,oBAAoB;EAClC;YARV;GAWE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD;MAAM,WAAU;gBAA8D;MAAc,CAAA;KAC5F,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD;QAAM,WAAU;kBACd,kBAAC,GAAD;SAAQ,WAAU;SAAU,eAAY;SAAS,CAAA;QAC5C,CAAA;OACP,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAK,KAAK,MAAM,GAAG,EAAK,KAAK,MAAM,CAAC,aAAa,GAAG;QAChD,CAAA;OACP,kBAAC,GAAD;QAAO,SAAQ;kBAAa,EAAK,iBAAiB,YAAY,YAAY;QAAgB,CAAA;OAC1F,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,GAAD;SAAc,WAAU;SAA8B,eAAY;SAAS,CAAA,EAC1E,EAAK,cAAc,MAAM,GACtB,EAAK,iBAAiB,YACpB,GAAG,EAAK,cAAc,MAAM,CAAC,SAC7B,GAAG,EAAK,cAAc,MAAM,CAAC,QAC/B,kBACC;;OACP,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA0C,MAAG,EAAiB,EAAK,UAAU,EAAK,OAAO,CAAQ;;OACjG,kBAAC,GAAD;QAAO,SAAS,EAAK,WAAW,YAAY;QAAa,WAAU;kBAChE,EAAK,WAAW,WAAW;QACtB,CAAA;OACJ;;KACN,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAK,QAAQ,MAAM,GAAG,oBAAoB,EAAK,QAAQ,MAAM,CAAC,WAAW;MACxE,CAAA;KACA;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAgC;MAAY,CAAA,EAC5D,kBAAC,GAAD;MAAQ,OAAO,EAAK;MAAS,gBAAgB,MAAU,EAAS,WAAW,EAAM;gBAAjF,CACE,kBAAC,GAAD;OAAe,cAAW;iBACxB,kBAAC,GAAD,EAAa,aAAY,gBAAiB,CAAA;OAC5B,CAAA,EAChB,kBAAC,GAAD,EAAA,UACG,EAAO,KAAK,MACX,kBAAC,GAAD;OAA+B,OAAO,EAAU;iBAC7C,EAAU;OACA,EAFI,EAAU,GAEd,CACb,EACY,CAAA,CACT;QACH;QACR,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAgC;MAAW,CAAA,EAC3D,kBAAC,GAAD;MACE,OAAO,EAAK;MACZ,WAAW,MAAM,EAAS,QAAQ,EAAE,OAAO,MAAM;MACjD,aAAY;MACZ,UAAA;MACA,CAAA,CACI;OACJ;;GAEN,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,QAAD;KAAM,WAAU;eAAgC;KAAkB,CAAA,EAClE,kBAAC,GAAD;KAAU,OAAO,EAAK;KAAa,WAAW,MAAM,EAAS,eAAe,EAAE,OAAO,MAAM;KAAE,MAAM;KAAK,CAAA,CAClG;;GAER,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAgC;OAAoB,CAAA,EACpE,kBAAC,GAAD;OAAQ,OAAO,EAAK;OAAc,gBAAgB,MAAU,EAAS,gBAAgB,EAAM;iBAA3F,CACE,kBAAC,GAAD;QAAe,cAAW;kBACxB,kBAAC,GAAD,EAAe,CAAA;QACD,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;QAAY,OAAM;kBAAU;QAA2B,CAAA,EACvD,kBAAC,GAAD;QAAY,OAAM;kBAAQ;QAAyB,CAAA,CACrC,EAAA,CAAA,CACT;SACH;;KACR,kBAAC,SAAD;MAAO,WAAU;gBAAjB;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAgC;QAAqB,CAAA;OACrE,kBAAC,GAAD;QACE,MAAK;QACL,KAAI;QACJ,MAAK;QACL,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,iBAAiB,EAAE,OAAO,MAAM;QAC1D,UAAA;QACA,CAAA;OACF,kBAAC,QAAD;QAAM,WAAU;kBAA+B;QAAiB,CAAA;OAC1D;;KACR,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAgC;OAAe,CAAA,EAC/D,kBAAC,GAAD;OACE,MAAK;OACL,KAAI;OACJ,OAAO,EAAK;OACZ,WAAW,MAAM,EAAS,WAAW,EAAE,OAAO,MAAM;OACpD,aAAY;OACZ,CAAA,CACI;;KACJ;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAgC;MAAgB,CAAA,EAChE,kBAAC,GAAD;MAAO,MAAK;MAAiB,OAAO,EAAK;MAAU,WAAW,MAAM,EAAS,YAAY,EAAE,OAAO,MAAM;MAAI,CAAA,CACtG;QACR,kBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAgC;MAAc,CAAA,EAC9D,kBAAC,GAAD;MAAO,MAAK;MAAiB,OAAO,EAAK;MAAQ,WAAW,MAAM,EAAS,UAAU,EAAE,OAAO,MAAM;MAAI,CAAA,CAClG;OACJ;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAgC;MAAa,CAAA,EAC7D,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAkD,CAAA,CACzF;QACN,kBAAC,GAAD;KAAQ,SAAS,EAAK;KAAU,kBAAkB,MAAY,EAAS,YAAY,EAAQ;KAAI,CAAA,CAC3F;;GACU"}