@burdenoff/microfe-eventfullymanaged 2026.625.2 → 2026.703.2

package/dist/eventfullymanaged/pages/venues/VenueFormPage.js

@@ -1,13 +1,15 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
-import { useCreateVenueMutation as t, useUpdateVenueMutation as n, useVenueQuery as r } from "../../api/eventApi.js";
-import { useEffect as i, useMemo as a, useState as o } from "react";
-import { useParams as s } from "react-router-dom";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { ArrowLeft as u, Save as d } from "lucide-react";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as p, EmphasisPanel as m, Input as h, PagePurpose as g, Textarea as _ } from "@burdenoff/fe-libs/ui";
+import { notify as t } from "../../lib/toast.js";
+import { useCreateVenueMutation as n, useUpdateVenueMutation as r, useVenueQuery as i } from "../../api/eventApi.js";
+import { describeError as a, mutationSucceeded as o } from "../../lib/mutationResult.js";
+import { useEffect as s, useMemo as c, useState as l } from "react";
+import { useParams as u } from "react-router-dom";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ArrowLeft as p, Save as m } from "lucide-react";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as g, EmphasisPanel as _, Input as v, PagePurpose as y, Textarea as b } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/venues/VenueFormPage.tsx
-var v = {
+var x = {
 	name: "",
 	description: "",
 	addressLine1: "",
@@ -19,220 +21,227 @@ var v = {
 	amenities: "",
 	status: "ACTIVE"
 };
-function y() {
-	let { t: y } = f(), b = (e, t) => {
-		let n = y(e);
+function S() {
+	let { t: S } = h(), C = (e, t) => {
+		let n = S(e);
 		return n === e ? t : n;
-	}, { id: x = "" } = s(), S = a(() => !!x, [x]), { navigate: C } = e(), { data: w } = r(x), [T, { loading: E }] = t(), [D, { loading: O }] = n(), [k, A] = o(v);
-	i(() => {
-		!S || !w?.venue || A({
-			name: w.venue.name ?? "",
-			description: w.venue.description ?? "",
-			addressLine1: w.venue.addressLine1 ?? "",
-			city: w.venue.city ?? "",
-			state: w.venue.state ?? "",
-			country: w.venue.country ?? "India",
-			postalCode: w.venue.postalCode ?? "",
-			capacity: w.venue.capacity ? String(w.venue.capacity) : "",
-			amenities: (w.venue.amenities ?? []).join(", "),
-			status: w.venue.status ?? "ACTIVE"
+	}, { id: w = "" } = u(), T = c(() => !!w, [w]), { navigate: E } = e(), { data: D } = i(w), [O, { loading: k }] = n(), [A, { loading: j }] = r(), [M, N] = l(x);
+	s(() => {
+		!T || !D?.venue || N({
+			name: D.venue.name ?? "",
+			description: D.venue.description ?? "",
+			addressLine1: D.venue.addressLine1 ?? "",
+			city: D.venue.city ?? "",
+			state: D.venue.state ?? "",
+			country: D.venue.country ?? "India",
+			postalCode: D.venue.postalCode ?? "",
+			capacity: D.venue.capacity ? String(D.venue.capacity) : "",
+			amenities: (D.venue.amenities ?? []).join(", "),
+			status: D.venue.status ?? "ACTIVE"
 		});
-	}, [w, S]);
-	let j = (e, t) => {
-		A((n) => ({
+	}, [D, T]);
+	let P = (e, t) => {
+		N((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, M = async (e) => {
+	}, F = async (e) => {
 		e.preventDefault();
-		let t = {
-			name: k.name,
-			description: k.description,
-			addressLine1: k.addressLine1,
-			city: k.city,
-			state: k.state,
-			country: k.country,
-			postalCode: k.postalCode,
-			capacity: k.capacity ? Number(k.capacity) : null,
-			amenities: k.amenities.split(",").map((e) => e.trim()).filter(Boolean),
-			status: k.status,
+		let n = {
+			name: M.name,
+			description: M.description,
+			addressLine1: M.addressLine1,
+			city: M.city,
+			state: M.state,
+			country: M.country,
+			postalCode: M.postalCode,
+			capacity: M.capacity ? Number(M.capacity) : null,
+			amenities: M.amenities.split(",").map((e) => e.trim()).filter(Boolean),
+			status: M.status,
 			pricing: {},
 			openingHours: {},
 			metadata: {}
 		};
-		if (S) {
-			await D({ variables: {
-				id: x,
-				input: t
-			} }), C(`/venues/${x}`);
-			return;
+		try {
+			if (T) {
+				let e = await A({ variables: {
+					id: w,
+					input: n
+				} });
+				if (!o(e, e.data?.updateVenue?.id, "Could not update venue")) return;
+				E(`/venues/${w}`);
+				return;
+			}
+			let e = await O({ variables: { input: n } }), t = e.data?.createVenue?.id;
+			if (!o(e, t, "Could not create venue")) return;
+			E(`/venues/${t}`);
+		} catch (e) {
+			t.error("Could not save venue", a(e));
 		}
-		let n = (await T({ variables: { input: t } })).data?.createVenue?.id;
-		C(n ? `/venues/${n}` : "/venues");
-	}, N = E || O;
-	return /* @__PURE__ */ l("div", {
+	}, I = k || j;
+	return /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ l("div", { children: [
-				/* @__PURE__ */ l(p, {
+			/* @__PURE__ */ f("div", { children: [
+				/* @__PURE__ */ f(g, {
 					type: "button",
 					variant: "ghost",
 					size: "sm",
-					onClick: () => C("/venues"),
-					children: [/* @__PURE__ */ c(u, { className: "h-4 w-4" }), b("eventfullymanaged.venues.form.backToVenues", "Back to Venues")]
+					onClick: () => E("/venues"),
+					children: [/* @__PURE__ */ d(p, { className: "h-4 w-4" }), C("eventfullymanaged.venues.form.backToVenues", "Back to Venues")]
 				}),
-				/* @__PURE__ */ c("h1", {
+				/* @__PURE__ */ d("h1", {
 					className: "mt-3 text-2xl font-bold text-text-primary",
-					children: S ? b("eventfullymanaged.venues.form.editTitle", "Edit Venue") : b("eventfullymanaged.venues.form.createTitle", "Create Venue")
+					children: T ? C("eventfullymanaged.venues.form.editTitle", "Edit Venue") : C("eventfullymanaged.venues.form.createTitle", "Create Venue")
 				}),
-				/* @__PURE__ */ c("p", {
+				/* @__PURE__ */ d("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: b("eventfullymanaged.venues.form.description", "Manage venue details with live backend persistence.")
+					children: C("eventfullymanaged.venues.form.description", "Manage venue details with live backend persistence.")
 				})
 			] }),
-			/* @__PURE__ */ c(g, { children: b("eventfullymanaged.venues.form.purpose", "Describe a space so you can reuse it across events. Capacity drives how many attendees you can register, the address helps people find it, and amenities tell organizers what is already provided. Fill this in once and every future event can simply point at this venue.") }),
-			/* @__PURE__ */ c(m, { children: /* @__PURE__ */ l("form", {
-				onSubmit: M,
+			/* @__PURE__ */ d(y, { children: C("eventfullymanaged.venues.form.purpose", "Describe a space so you can reuse it across events. Capacity drives how many attendees you can register, the address helps people find it, and amenities tell organizers what is already provided. Fill this in once and every future event can simply point at this venue.") }),
+			/* @__PURE__ */ d(_, { children: /* @__PURE__ */ f("form", {
+				onSubmit: F,
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ f("div", {
 						className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-						children: [/* @__PURE__ */ l("label", {
+						children: [/* @__PURE__ */ f("label", {
 							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ c("span", {
+							children: [/* @__PURE__ */ d("span", {
 								className: "font-medium text-text-primary",
-								children: b("eventfullymanaged.venues.form.fields.name", "Name")
-							}), /* @__PURE__ */ c(h, {
-								value: k.name,
-								onChange: (e) => j("name", e.target.value),
+								children: C("eventfullymanaged.venues.form.fields.name", "Name")
+							}), /* @__PURE__ */ d(v, {
+								value: M.name,
+								onChange: (e) => P("name", e.target.value),
 								required: !0
 							})]
-						}), /* @__PURE__ */ l("label", {
+						}), /* @__PURE__ */ f("label", {
 							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ c("span", {
+							children: [/* @__PURE__ */ d("span", {
 								className: "font-medium text-text-primary",
-								children: b("eventfullymanaged.venues.form.fields.capacity", "Capacity")
-							}), /* @__PURE__ */ c(h, {
-								value: k.capacity,
-								onChange: (e) => j("capacity", e.target.value),
+								children: C("eventfullymanaged.venues.form.fields.capacity", "Capacity")
+							}), /* @__PURE__ */ d(v, {
+								value: M.capacity,
+								onChange: (e) => P("capacity", e.target.value),
 								type: "number",
 								min: "0"
 							})]
 						})]
 					}),
-					/* @__PURE__ */ l("label", {
+					/* @__PURE__ */ f("label", {
 						className: "block space-y-1 text-sm",
-						children: [/* @__PURE__ */ c("span", {
+						children: [/* @__PURE__ */ d("span", {
 							className: "font-medium text-text-primary",
-							children: b("eventfullymanaged.venues.form.fields.description", "Description")
-						}), /* @__PURE__ */ c(_, {
-							value: k.description,
-							onChange: (e) => j("description", e.target.value),
+							children: C("eventfullymanaged.venues.form.fields.description", "Description")
+						}), /* @__PURE__ */ d(b, {
+							value: M.description,
+							onChange: (e) => P("description", e.target.value),
 							rows: 3
 						})]
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ f("div", {
 						className: "grid grid-cols-1 gap-4 md:grid-cols-4",
 						children: [
-							/* @__PURE__ */ l("label", {
+							/* @__PURE__ */ f("label", {
 								className: "space-y-1 text-sm md:col-span-2",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
-									children: b("eventfullymanaged.venues.form.fields.address", "Address")
-								}), /* @__PURE__ */ c(h, {
-									value: k.addressLine1,
-									onChange: (e) => j("addressLine1", e.target.value)
+									children: C("eventfullymanaged.venues.form.fields.address", "Address")
+								}), /* @__PURE__ */ d(v, {
+									value: M.addressLine1,
+									onChange: (e) => P("addressLine1", e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ l("label", {
+							/* @__PURE__ */ f("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
-									children: b("eventfullymanaged.venues.form.fields.city", "City")
-								}), /* @__PURE__ */ c(h, {
-									value: k.city,
-									onChange: (e) => j("city", e.target.value)
+									children: C("eventfullymanaged.venues.form.fields.city", "City")
+								}), /* @__PURE__ */ d(v, {
+									value: M.city,
+									onChange: (e) => P("city", e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ l("label", {
+							/* @__PURE__ */ f("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
-									children: b("eventfullymanaged.venues.form.fields.state", "State")
-								}), /* @__PURE__ */ c(h, {
-									value: k.state,
-									onChange: (e) => j("state", e.target.value)
+									children: C("eventfullymanaged.venues.form.fields.state", "State")
+								}), /* @__PURE__ */ d(v, {
+									value: M.state,
+									onChange: (e) => P("state", e.target.value)
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ f("div", {
 						className: "grid grid-cols-1 gap-4 md:grid-cols-3",
 						children: [
-							/* @__PURE__ */ l("label", {
+							/* @__PURE__ */ f("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
-									children: b("eventfullymanaged.venues.form.fields.country", "Country")
-								}), /* @__PURE__ */ c(h, {
-									value: k.country,
-									onChange: (e) => j("country", e.target.value)
+									children: C("eventfullymanaged.venues.form.fields.country", "Country")
+								}), /* @__PURE__ */ d(v, {
+									value: M.country,
+									onChange: (e) => P("country", e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ l("label", {
+							/* @__PURE__ */ f("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
-									children: b("eventfullymanaged.venues.form.fields.postalCode", "Postal Code")
-								}), /* @__PURE__ */ c(h, {
-									value: k.postalCode,
-									onChange: (e) => j("postalCode", e.target.value)
+									children: C("eventfullymanaged.venues.form.fields.postalCode", "Postal Code")
+								}), /* @__PURE__ */ d(v, {
+									value: M.postalCode,
+									onChange: (e) => P("postalCode", e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ l("label", {
+							/* @__PURE__ */ f("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "font-medium text-text-primary",
-									children: b("eventfullymanaged.venues.form.fields.status", "Status")
-								}), /* @__PURE__ */ l("select", {
-									value: k.status,
-									onChange: (e) => j("status", e.target.value),
+									children: C("eventfullymanaged.venues.form.fields.status", "Status")
+								}), /* @__PURE__ */ f("select", {
+									value: M.status,
+									onChange: (e) => P("status", e.target.value),
 									className: "w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors focus-visible:border-border-focus focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
 									children: [
-										/* @__PURE__ */ c("option", {
+										/* @__PURE__ */ d("option", {
 											value: "ACTIVE",
-											children: b("eventfullymanaged.venues.form.statusOptions.active", "Active")
+											children: C("eventfullymanaged.venues.form.statusOptions.active", "Active")
 										}),
-										/* @__PURE__ */ c("option", {
+										/* @__PURE__ */ d("option", {
 											value: "INACTIVE",
-											children: b("eventfullymanaged.venues.form.statusOptions.inactive", "Inactive")
+											children: C("eventfullymanaged.venues.form.statusOptions.inactive", "Inactive")
 										}),
-										/* @__PURE__ */ c("option", {
+										/* @__PURE__ */ d("option", {
 											value: "MAINTENANCE",
-											children: b("eventfullymanaged.venues.form.statusOptions.maintenance", "Maintenance")
+											children: C("eventfullymanaged.venues.form.statusOptions.maintenance", "Maintenance")
 										})
 									]
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ l("label", {
+					/* @__PURE__ */ f("label", {
 						className: "block space-y-1 text-sm",
-						children: [/* @__PURE__ */ c("span", {
+						children: [/* @__PURE__ */ d("span", {
 							className: "font-medium text-text-primary",
-							children: b("eventfullymanaged.venues.form.fields.amenities", "Amenities (comma separated)")
-						}), /* @__PURE__ */ c(h, {
-							value: k.amenities,
-							onChange: (e) => j("amenities", e.target.value),
-							placeholder: b("eventfullymanaged.venues.form.amenitiesPlaceholder", "wifi, parking, catering")
+							children: C("eventfullymanaged.venues.form.fields.amenities", "Amenities (comma separated)")
+						}), /* @__PURE__ */ d(v, {
+							value: M.amenities,
+							onChange: (e) => P("amenities", e.target.value),
+							placeholder: C("eventfullymanaged.venues.form.amenitiesPlaceholder", "wifi, parking, catering")
 						})]
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ d("div", {
 						className: "flex justify-end",
-						children: /* @__PURE__ */ l(p, {
+						children: /* @__PURE__ */ f(g, {
 							type: "submit",
-							disabled: N,
-							children: [/* @__PURE__ */ c(d, { className: "h-4 w-4" }), N ? b("eventfullymanaged.venues.form.actions.saving", "Saving...") : b("eventfullymanaged.venues.form.actions.save", "Save Venue")]
+							disabled: I,
+							children: [/* @__PURE__ */ d(m, { className: "h-4 w-4" }), I ? C("eventfullymanaged.venues.form.actions.saving", "Saving...") : C("eventfullymanaged.venues.form.actions.save", "Save Venue")]
 						})
 					})
 				]
@@ -241,6 +250,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as default };
+export { S as default };
 
 //# sourceMappingURL=VenueFormPage.js.map

package/dist/eventfullymanaged/pages/venues/VenueFormPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"VenueFormPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/venues/VenueFormPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowLeft, Save } from 'lucide-react';\nimport { Button, EmphasisPanel, Input, PagePurpose, Textarea } from '@burdenoff/fe-libs/ui';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useCreateVenueMutation, useUpdateVenueMutation, useVenueQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype VenueFormState = {\n  name: string;\n  description: string;\n  addressLine1: string;\n  city: string;\n  state: string;\n  country: string;\n  postalCode: string;\n  capacity: string;\n  amenities: string;\n  status: string;\n};\n\nconst initialState: VenueFormState = {\n  name: '',\n  description: '',\n  addressLine1: '',\n  city: '',\n  state: '',\n  country: 'India',\n  postalCode: '',\n  capacity: '',\n  amenities: '',\n  status: 'ACTIVE',\n};\n\nexport default function VenueFormPage() {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { id = '' } = useParams<{ id: string }>();\n  const isEdit = useMemo(() => Boolean(id), [id]);\n  const { navigate } = useEventfullyManaged();\n  const { data } = useVenueQuery(id);\n  const [createVenue, { loading: creating }] = useCreateVenueMutation();\n  const [updateVenue, { loading: updating }] = useUpdateVenueMutation();\n  const [form, setForm] = useState<VenueFormState>(initialState);\n\n  useEffect(() => {\n    if (!isEdit || !data?.venue) {\n      return;\n    }\n    setForm({\n      name: data.venue.name ?? '',\n      description: data.venue.description ?? '',\n      addressLine1: data.venue.addressLine1 ?? '',\n      city: data.venue.city ?? '',\n      state: data.venue.state ?? '',\n      country: data.venue.country ?? 'India',\n      postalCode: data.venue.postalCode ?? '',\n      capacity: data.venue.capacity ? String(data.venue.capacity) : '',\n      amenities: (data.venue.amenities ?? []).join(', '),\n      status: data.venue.status ?? 'ACTIVE',\n    });\n  }, [data, isEdit]);\n\n  const onChange = (field: keyof VenueFormState, value: string) => {\n    setForm((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const payload = {\n      name: form.name,\n      description: form.description,\n      addressLine1: form.addressLine1,\n      city: form.city,\n      state: form.state,\n      country: form.country,\n      postalCode: form.postalCode,\n      capacity: form.capacity ? Number(form.capacity) : null,\n      amenities: form.amenities\n        .split(',')\n        .map((item) => item.trim())\n        .filter(Boolean),\n      status: form.status,\n      pricing: {},\n      openingHours: {},\n      metadata: {},\n    };\n\n    if (isEdit) {\n      await updateVenue({ variables: { id, input: payload } });\n      navigate(`/venues/${id}`);\n      return;\n    }\n\n    const response = await createVenue({ variables: { input: payload } });\n    const createdId = response.data?.createVenue?.id;\n    navigate(createdId ? `/venues/${createdId}` : '/venues');\n  };\n\n  const isSaving = creating || updating;\n  const selectClass =\n    'w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors focus-visible:border-border-focus focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]';\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => navigate('/venues')}>\n          <ArrowLeft className=\"h-4 w-4\" />\n          {t('eventfullymanaged.venues.form.backToVenues', 'Back to Venues')}\n        </Button>\n        <h1 className=\"mt-3 text-2xl font-bold text-text-primary\">\n          {isEdit\n            ? t('eventfullymanaged.venues.form.editTitle', 'Edit Venue')\n            : t('eventfullymanaged.venues.form.createTitle', 'Create Venue')}\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {t('eventfullymanaged.venues.form.description', 'Manage venue details with live backend persistence.')}\n        </p>\n      </div>\n\n      <PagePurpose>\n        {t(\n          'eventfullymanaged.venues.form.purpose',\n          'Describe a space so you can reuse it across events. Capacity drives how many attendees you can register, the address helps people find it, and amenities tell organizers what is already provided. Fill this in once and every future event can simply point at this venue.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <form onSubmit={onSubmit} className=\"space-y-4\">\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\">\n                {t('eventfullymanaged.venues.form.fields.name', 'Name')}\n              </span>\n              <Input value={form.name} onChange={(e) => onChange('name', e.target.value)} required />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">\n                {t('eventfullymanaged.venues.form.fields.capacity', 'Capacity')}\n              </span>\n              <Input\n                value={form.capacity}\n                onChange={(e) => onChange('capacity', e.target.value)}\n                type=\"number\"\n                min=\"0\"\n              />\n            </label>\n          </div>\n\n          <label className=\"block space-y-1 text-sm\">\n            <span className=\"font-medium text-text-primary\">\n              {t('eventfullymanaged.venues.form.fields.description', 'Description')}\n            </span>\n            <Textarea value={form.description} onChange={(e) => onChange('description', e.target.value)} rows={3} />\n          </label>\n\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-4\">\n            <label className=\"space-y-1 text-sm md:col-span-2\">\n              <span className=\"font-medium text-text-primary\">\n                {t('eventfullymanaged.venues.form.fields.address', 'Address')}\n              </span>\n              <Input value={form.addressLine1} onChange={(e) => onChange('addressLine1', e.target.value)} />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">\n                {t('eventfullymanaged.venues.form.fields.city', 'City')}\n              </span>\n              <Input value={form.city} onChange={(e) => onChange('city', e.target.value)} />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">\n                {t('eventfullymanaged.venues.form.fields.state', 'State')}\n              </span>\n              <Input value={form.state} onChange={(e) => onChange('state', e.target.value)} />\n            </label>\n          </div>\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\">\n                {t('eventfullymanaged.venues.form.fields.country', 'Country')}\n              </span>\n              <Input value={form.country} onChange={(e) => onChange('country', e.target.value)} />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">\n                {t('eventfullymanaged.venues.form.fields.postalCode', 'Postal Code')}\n              </span>\n              <Input value={form.postalCode} onChange={(e) => onChange('postalCode', e.target.value)} />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">\n                {t('eventfullymanaged.venues.form.fields.status', 'Status')}\n              </span>\n              <select value={form.status} onChange={(e) => onChange('status', e.target.value)} className={selectClass}>\n                <option value=\"ACTIVE\">{t('eventfullymanaged.venues.form.statusOptions.active', 'Active')}</option>\n                <option value=\"INACTIVE\">\n                  {t('eventfullymanaged.venues.form.statusOptions.inactive', 'Inactive')}\n                </option>\n                <option value=\"MAINTENANCE\">\n                  {t('eventfullymanaged.venues.form.statusOptions.maintenance', 'Maintenance')}\n                </option>\n              </select>\n            </label>\n          </div>\n\n          <label className=\"block space-y-1 text-sm\">\n            <span className=\"font-medium text-text-primary\">\n              {t('eventfullymanaged.venues.form.fields.amenities', 'Amenities (comma separated)')}\n            </span>\n            <Input\n              value={form.amenities}\n              onChange={(e) => onChange('amenities', e.target.value)}\n              placeholder={t('eventfullymanaged.venues.form.amenitiesPlaceholder', 'wifi, parking, catering')}\n            />\n          </label>\n\n          <div className=\"flex justify-end\">\n            <Button type=\"submit\" disabled={isSaving}>\n              <Save className=\"h-4 w-4\" />\n              {isSaving\n                ? t('eventfullymanaged.venues.form.actions.saving', 'Saving...')\n                : t('eventfullymanaged.venues.form.actions.save', 'Save Venue')}\n            </Button>\n          </div>\n        </form>\n      </EmphasisPanel>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"VenueFormPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/venues/VenueFormPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowLeft, Save } from 'lucide-react';\nimport { Button, EmphasisPanel, Input, PagePurpose, Textarea } from '@burdenoff/fe-libs/ui';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useCreateVenueMutation, useUpdateVenueMutation, useVenueQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\ntype VenueFormState = {\n  name: string;\n  description: string;\n  addressLine1: string;\n  city: string;\n  state: string;\n  country: string;\n  postalCode: string;\n  capacity: string;\n  amenities: string;\n  status: string;\n};\n\nconst initialState: VenueFormState = {\n  name: '',\n  description: '',\n  addressLine1: '',\n  city: '',\n  state: '',\n  country: 'India',\n  postalCode: '',\n  capacity: '',\n  amenities: '',\n  status: 'ACTIVE',\n};\n\nexport default function VenueFormPage() {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { id = '' } = useParams<{ id: string }>();\n  const isEdit = useMemo(() => Boolean(id), [id]);\n  const { navigate } = useEventfullyManaged();\n  const { data } = useVenueQuery(id);\n  const [createVenue, { loading: creating }] = useCreateVenueMutation();\n  const [updateVenue, { loading: updating }] = useUpdateVenueMutation();\n  const [form, setForm] = useState<VenueFormState>(initialState);\n\n  useEffect(() => {\n    if (!isEdit || !data?.venue) {\n      return;\n    }\n    setForm({\n      name: data.venue.name ?? '',\n      description: data.venue.description ?? '',\n      addressLine1: data.venue.addressLine1 ?? '',\n      city: data.venue.city ?? '',\n      state: data.venue.state ?? '',\n      country: data.venue.country ?? 'India',\n      postalCode: data.venue.postalCode ?? '',\n      capacity: data.venue.capacity ? String(data.venue.capacity) : '',\n      amenities: (data.venue.amenities ?? []).join(', '),\n      status: data.venue.status ?? 'ACTIVE',\n    });\n  }, [data, isEdit]);\n\n  const onChange = (field: keyof VenueFormState, value: string) => {\n    setForm((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const payload = {\n      name: form.name,\n      description: form.description,\n      addressLine1: form.addressLine1,\n      city: form.city,\n      state: form.state,\n      country: form.country,\n      postalCode: form.postalCode,\n      capacity: form.capacity ? Number(form.capacity) : null,\n      amenities: form.amenities\n        .split(',')\n        .map((item) => item.trim())\n        .filter(Boolean),\n      status: form.status,\n      pricing: {},\n      openingHours: {},\n      metadata: {},\n    };\n\n    try {\n      if (isEdit) {\n        const response = await updateVenue({ variables: { id, input: payload } });\n        if (!mutationSucceeded(response, response.data?.updateVenue?.id, 'Could not update venue')) {\n          return;\n        }\n        navigate(`/venues/${id}`);\n        return;\n      }\n\n      const response = await createVenue({ variables: { input: payload } });\n      const createdId = response.data?.createVenue?.id;\n      if (!mutationSucceeded(response, createdId, 'Could not create venue')) {\n        return;\n      }\n      navigate(`/venues/${createdId}`);\n    } catch (error) {\n      notify.error('Could not save venue', describeError(error));\n    }\n  };\n\n  const isSaving = creating || updating;\n  const selectClass =\n    'w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors focus-visible:border-border-focus focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]';\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => navigate('/venues')}>\n          <ArrowLeft className=\"h-4 w-4\" />\n          {t('eventfullymanaged.venues.form.backToVenues', 'Back to Venues')}\n        </Button>\n        <h1 className=\"mt-3 text-2xl font-bold text-text-primary\">\n          {isEdit\n            ? t('eventfullymanaged.venues.form.editTitle', 'Edit Venue')\n            : t('eventfullymanaged.venues.form.createTitle', 'Create Venue')}\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {t('eventfullymanaged.venues.form.description', 'Manage venue details with live backend persistence.')}\n        </p>\n      </div>\n\n      <PagePurpose>\n        {t(\n          'eventfullymanaged.venues.form.purpose',\n          'Describe a space so you can reuse it across events. Capacity drives how many attendees you can register, the address helps people find it, and amenities tell organizers what is already provided. Fill this in once and every future event can simply point at this venue.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <form onSubmit={onSubmit} className=\"space-y-4\">\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\">\n                {t('eventfullymanaged.venues.form.fields.name', 'Name')}\n              </span>\n              <Input value={form.name} onChange={(e) => onChange('name', e.target.value)} required />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">\n                {t('eventfullymanaged.venues.form.fields.capacity', 'Capacity')}\n              </span>\n              <Input\n                value={form.capacity}\n                onChange={(e) => onChange('capacity', e.target.value)}\n                type=\"number\"\n                min=\"0\"\n              />\n            </label>\n          </div>\n\n          <label className=\"block space-y-1 text-sm\">\n            <span className=\"font-medium text-text-primary\">\n              {t('eventfullymanaged.venues.form.fields.description', 'Description')}\n            </span>\n            <Textarea value={form.description} onChange={(e) => onChange('description', e.target.value)} rows={3} />\n          </label>\n\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-4\">\n            <label className=\"space-y-1 text-sm md:col-span-2\">\n              <span className=\"font-medium text-text-primary\">\n                {t('eventfullymanaged.venues.form.fields.address', 'Address')}\n              </span>\n              <Input value={form.addressLine1} onChange={(e) => onChange('addressLine1', e.target.value)} />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">\n                {t('eventfullymanaged.venues.form.fields.city', 'City')}\n              </span>\n              <Input value={form.city} onChange={(e) => onChange('city', e.target.value)} />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">\n                {t('eventfullymanaged.venues.form.fields.state', 'State')}\n              </span>\n              <Input value={form.state} onChange={(e) => onChange('state', e.target.value)} />\n            </label>\n          </div>\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\">\n                {t('eventfullymanaged.venues.form.fields.country', 'Country')}\n              </span>\n              <Input value={form.country} onChange={(e) => onChange('country', e.target.value)} />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">\n                {t('eventfullymanaged.venues.form.fields.postalCode', 'Postal Code')}\n              </span>\n              <Input value={form.postalCode} onChange={(e) => onChange('postalCode', e.target.value)} />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">\n                {t('eventfullymanaged.venues.form.fields.status', 'Status')}\n              </span>\n              <select value={form.status} onChange={(e) => onChange('status', e.target.value)} className={selectClass}>\n                <option value=\"ACTIVE\">{t('eventfullymanaged.venues.form.statusOptions.active', 'Active')}</option>\n                <option value=\"INACTIVE\">\n                  {t('eventfullymanaged.venues.form.statusOptions.inactive', 'Inactive')}\n                </option>\n                <option value=\"MAINTENANCE\">\n                  {t('eventfullymanaged.venues.form.statusOptions.maintenance', 'Maintenance')}\n                </option>\n              </select>\n            </label>\n          </div>\n\n          <label className=\"block space-y-1 text-sm\">\n            <span className=\"font-medium text-text-primary\">\n              {t('eventfullymanaged.venues.form.fields.amenities', 'Amenities (comma separated)')}\n            </span>\n            <Input\n              value={form.amenities}\n              onChange={(e) => onChange('amenities', e.target.value)}\n              placeholder={t('eventfullymanaged.venues.form.amenitiesPlaceholder', 'wifi, parking, catering')}\n            />\n          </label>\n\n          <div className=\"flex justify-end\">\n            <Button type=\"submit\" disabled={isSaving}>\n              <Save className=\"h-4 w-4\" />\n              {isSaving\n                ? t('eventfullymanaged.venues.form.actions.saving', 'Saving...')\n                : t('eventfullymanaged.venues.form.actions.save', 'Save Venue')}\n            </Button>\n          </div>\n        </form>\n      </EmphasisPanel>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/venues/VenueListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"VenueListPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/venues/VenueListPage.tsx"],"sourcesContent":["import { Building2, MapPin, Plus, Search, Users } from 'lucide-react';\nimport { Badge, Button, EmphasisPanel, GlassCard, IllustratedEmptyState, Input, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useVenuesQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype VenueItem = {\n  id: string;\n  name: string;\n  description?: string | null;\n  city?: string | null;\n  state?: string | null;\n  country?: string | null;\n  capacity?: number | null;\n  status: string;\n  amenities: string[];\n};\n\nexport default function VenueListPage() {\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  const { data, loading } = useVenuesQuery({ search, limit: 100, offset: 0 });\n\n  const venues = useMemo(() => (data?.venues?.items ?? []) as VenueItem[], [data]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Venues are the physical (or virtual) spaces where your events happen. Catalog them once — with capacity,\n        location, amenities and floor plans — and reuse them across events. Start here when you are scouting or\n        onboarding a new space to host an event.\n      </PagePurpose>\n\n      <EmphasisPanel className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold text-text-primary\">Venues</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">Browse and manage event venues using live backend data.</p>\n        </div>\n        <Button type=\"button\" onClick={() => navigate('/venues/create')}>\n          <Plus className=\"h-4 w-4\" />\n          Add Venue\n        </Button>\n      </EmphasisPanel>\n\n      <div className=\"relative\">\n        <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted\" />\n        <Input\n          type=\"text\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n          placeholder=\"Search venues by name or location\"\n          aria-label=\"Search venues by name or location\"\n          className=\"pl-10\"\n        />\n      </div>\n\n      {loading ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-8 text-center text-sm text-text-secondary\">\n          Loading venues...\n        </GlassCard>\n      ) : venues.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration={search ? 'empty-search' : 'empty-data'}\n            title={search ? 'No venues match your search.' : 'No venues yet.'}\n            description={\n              search ? 'Try a different name or location.' : 'Add your first venue to start mapping events to spaces.'\n            }\n            action={\n              !search ? (\n                <Button type=\"button\" onClick={() => navigate('/venues/create')}>\n                  <Plus className=\"h-4 w-4\" />\n                  Add Venue\n                </Button>\n              ) : undefined\n            }\n          />\n        </GlassCard>\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n          {venues.map((venue) => (\n            <GlassCard\n              key={venue.id}\n              treatment=\"plain\"\n              role=\"button\"\n              tabIndex={0}\n              aria-label={`Open ${venue.name}`}\n              onClick={() => navigate(`/venues/${venue.id}`)}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.preventDefault();\n                  navigate(`/venues/${venue.id}`);\n                }\n              }}\n              className=\"cursor-pointer border-border-seam p-5 text-left outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <div className=\"flex items-start justify-between gap-4\">\n                <div className=\"min-w-0\">\n                  <h2 className=\"text-lg font-semibold text-text-primary\">{venue.name}</h2>\n                  <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">\n                    {venue.description ?? 'No description available.'}\n                  </p>\n                </div>\n                <Badge variant=\"secondary\" className=\"shrink-0 uppercase\">\n                  {venue.status}\n                </Badge>\n              </div>\n\n              <div className=\"mt-4 grid grid-cols-1 gap-2 text-sm text-text-secondary sm:grid-cols-3\">\n                <div className=\"flex items-center gap-2\">\n                  <MapPin className=\"h-4 w-4\" />\n                  <span>\n                    {[venue.city, venue.state, venue.country].filter(Boolean).join(', ') || 'Location not set'}\n                  </span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Users className=\"h-4 w-4\" />\n                  <span className=\"tabular-nums\">{venue.capacity ?? 0} capacity</span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Building2 className=\"h-4 w-4\" />\n                  <span className=\"tabular-nums\">{venue.amenities.length} amenities</span>\n                </div>\n              </div>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"VenueListPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/venues/VenueListPage.tsx"],"sourcesContent":["import { Building2, MapPin, Plus, Search, Users } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  EmphasisPanel,\n  GlassCard,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport { useVenuesQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype VenueItem = {\n  id: string;\n  name: string;\n  description?: string | null;\n  city?: string | null;\n  state?: string | null;\n  country?: string | null;\n  capacity?: number | null;\n  status: string;\n  amenities: string[];\n};\n\nexport default function VenueListPage() {\n  const { navigate } = useEventfullyManaged();\n  const [search, setSearch] = useState('');\n  const { data, loading } = useVenuesQuery({ search, limit: 100, offset: 0 });\n\n  const venues = useMemo(() => (data?.venues?.items ?? []) as VenueItem[], [data]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Venues are the physical (or virtual) spaces where your events happen. Catalog them once — with capacity,\n        location, amenities and floor plans — and reuse them across events. Start here when you are scouting or\n        onboarding a new space to host an event.\n      </PagePurpose>\n\n      <EmphasisPanel className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-bold text-text-primary\">Venues</h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">Browse and manage event venues using live backend data.</p>\n        </div>\n        <Button type=\"button\" onClick={() => navigate('/venues/create')}>\n          <Plus className=\"h-4 w-4\" />\n          Add Venue\n        </Button>\n      </EmphasisPanel>\n\n      <div className=\"relative\">\n        <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted\" />\n        <Input\n          type=\"text\"\n          value={search}\n          onChange={(event) => setSearch(event.target.value)}\n          placeholder=\"Search venues by name or location\"\n          aria-label=\"Search venues by name or location\"\n          className=\"pl-10\"\n        />\n      </div>\n\n      {loading ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-8 text-center text-sm text-text-secondary\">\n          Loading venues...\n        </GlassCard>\n      ) : venues.length === 0 ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <IllustratedEmptyState\n            illustration={search ? 'empty-search' : 'empty-data'}\n            title={search ? 'No venues match your search.' : 'No venues yet.'}\n            description={\n              search ? 'Try a different name or location.' : 'Add your first venue to start mapping events to spaces.'\n            }\n            action={\n              !search ? (\n                <Button type=\"button\" onClick={() => navigate('/venues/create')}>\n                  <Plus className=\"h-4 w-4\" />\n                  Add Venue\n                </Button>\n              ) : undefined\n            }\n          />\n        </GlassCard>\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n          {venues.map((venue) => (\n            <GlassCard\n              key={venue.id}\n              treatment=\"plain\"\n              role=\"button\"\n              tabIndex={0}\n              aria-label={`Open ${venue.name}`}\n              onClick={() => navigate(`/venues/${venue.id}`)}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.preventDefault();\n                  navigate(`/venues/${venue.id}`);\n                }\n              }}\n              className=\"cursor-pointer border-border-seam p-5 text-left outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <div className=\"flex items-start justify-between gap-4\">\n                <div className=\"min-w-0\">\n                  <h2 className=\"text-lg font-semibold text-text-primary\">{venue.name}</h2>\n                  <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">\n                    {venue.description ?? 'No description available.'}\n                  </p>\n                </div>\n                <Badge variant=\"secondary\" className=\"shrink-0 uppercase\">\n                  {venue.status}\n                </Badge>\n              </div>\n\n              <div className=\"mt-4 grid grid-cols-1 gap-2 text-sm text-text-secondary sm:grid-cols-3\">\n                <div className=\"flex items-center gap-2\">\n                  <MapPin className=\"h-4 w-4\" />\n                  <span>\n                    {[venue.city, venue.state, venue.country].filter(Boolean).join(', ') || 'Location not set'}\n                  </span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Users className=\"h-4 w-4\" />\n                  <span className=\"tabular-nums\">{venue.capacity ?? 0} capacity</span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Building2 className=\"h-4 w-4\" />\n                  <span className=\"tabular-nums\">{venue.amenities.length} amenities</span>\n                </div>\n              </div>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/node_modules/@apollo/client/react/context/ApolloContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApolloContext.js","names":[],"sources":["../../../../../../node_modules/@apollo/client/react/context/ApolloContext.js"],"sourcesContent":["import * as React from \"react\";\nimport { invariant } from \"@apollo/client/utilities/invariant\";\n// To make sure Apollo Client doesn't create more than one React context\n// (which can lead to problems like having an Apollo Client instance added\n// in one context, then attempting to retrieve it from another different\n// context), a single Apollo context is created and tracked in global state.\nconst contextKey = Symbol.for(\"__APOLLO_CONTEXT__\");\nexport function getApolloContext() {\n    invariant(\"createContext\" in React, 37);\n    let context = React.createContext[contextKey];\n    if (!context) {\n        Object.defineProperty(React.createContext, contextKey, {\n            value: (context = React.createContext({})),\n            enumerable: false,\n            writable: false,\n            configurable: true,\n        });\n        context.displayName = \"ApolloContext\";\n    }\n    return context;\n}\n//# sourceMappingURL=ApolloContext.js.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAMA,IAAM,IAAa,OAAO,IAAI,qBAAqB;AACnD,SAAgB,IAAmB;AAC/B,GAAU,mBAAmB,GAAO,GAAG;CACvC,IAAI,IAAU,EAAM,cAAc;AAUlC,QATK,MACD,OAAO,eAAe,EAAM,eAAe,GAAY;EACnD,OAAQ,IAAU,EAAM,cAAc,EAAE,CAAC;EACzC,YAAY;EACZ,UAAU;EACV,cAAc;EACjB,CAAC,EACF,EAAQ,cAAc,kBAEnB"}
+{"version":3,"file":"ApolloContext.js","names":["React"],"sources":["../../../../../../node_modules/@apollo/client/react/context/ApolloContext.js"],"sourcesContent":["import * as React from \"react\";\nimport { invariant } from \"@apollo/client/utilities/invariant\";\n// To make sure Apollo Client doesn't create more than one React context\n// (which can lead to problems like having an Apollo Client instance added\n// in one context, then attempting to retrieve it from another different\n// context), a single Apollo context is created and tracked in global state.\nconst contextKey = Symbol.for(\"__APOLLO_CONTEXT__\");\nexport function getApolloContext() {\n    invariant(\"createContext\" in React, 37);\n    let context = React.createContext[contextKey];\n    if (!context) {\n        Object.defineProperty(React.createContext, contextKey, {\n            value: (context = React.createContext({})),\n            enumerable: false,\n            writable: false,\n            configurable: true,\n        });\n        context.displayName = \"ApolloContext\";\n    }\n    return context;\n}\n//# sourceMappingURL=ApolloContext.js.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAMA,IAAM,IAAa,OAAO,IAAI,qBAAqB;AACnD,SAAgB,IAAmB;AAC/B,GAAU,mBAAmBA,GAAO,GAAG;CACvC,IAAI,IAAUA,EAAM,cAAc;AAUlC,QATK,MACD,OAAO,eAAeA,EAAM,eAAe,GAAY;EACnD,OAAQ,IAAUA,EAAM,cAAc,EAAE,CAAC;EACzC,YAAY;EACZ,UAAU;EACV,cAAc;EACjB,CAAC,EACF,EAAQ,cAAc,kBAEnB"}

package/dist/node_modules/@apollo/client/react/hooks/internal/useDeepMemo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeepMemo.js","names":[],"sources":["../../../../../../../node_modules/@apollo/client/react/hooks/internal/useDeepMemo.js"],"sourcesContent":["import { equal } from \"@wry/equality\";\nimport * as React from \"react\";\nexport function useDeepMemo(memoFn, deps) {\n    const ref = React.useRef(void 0);\n    // eslint-disable-next-line react-hooks/refs\n    if (!ref.current || !equal(ref.current.deps, deps)) {\n        ref.current = { value: memoFn(), deps };\n    }\n    // eslint-disable-next-line react-hooks/refs\n    return ref.current.value;\n}\n//# sourceMappingURL=useDeepMemo.js.map"],"x_google_ignoreList":[0],"mappings":";;;AAEA,SAAgB,EAAY,GAAQ,GAAM;CACtC,IAAM,IAAM,EAAM,OAAO,KAAK,EAAE;AAMhC,SAJI,CAAC,EAAI,WAAW,CAAC,EAAM,EAAI,QAAQ,MAAM,EAAK,MAC9C,EAAI,UAAU;EAAE,OAAO,GAAQ;EAAE;EAAM,GAGpC,EAAI,QAAQ"}
+{"version":3,"file":"useDeepMemo.js","names":["React"],"sources":["../../../../../../../node_modules/@apollo/client/react/hooks/internal/useDeepMemo.js"],"sourcesContent":["import { equal } from \"@wry/equality\";\nimport * as React from \"react\";\nexport function useDeepMemo(memoFn, deps) {\n    const ref = React.useRef(void 0);\n    // eslint-disable-next-line react-hooks/refs\n    if (!ref.current || !equal(ref.current.deps, deps)) {\n        ref.current = { value: memoFn(), deps };\n    }\n    // eslint-disable-next-line react-hooks/refs\n    return ref.current.value;\n}\n//# sourceMappingURL=useDeepMemo.js.map"],"x_google_ignoreList":[0],"mappings":";;;AAEA,SAAgB,EAAY,GAAQ,GAAM;CACtC,IAAM,IAAMA,EAAM,OAAO,KAAK,EAAE;AAMhC,SAJI,CAAC,EAAI,WAAW,CAAC,EAAM,EAAI,QAAQ,MAAM,EAAK,MAC9C,EAAI,UAAU;EAAE,OAAO,GAAQ;EAAE;EAAM,GAGpC,EAAI,QAAQ"}

package/dist/node_modules/@apollo/client/react/hooks/internal/useIsomorphicLayoutEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsomorphicLayoutEffect.js","names":[],"sources":["../../../../../../../node_modules/@apollo/client/react/hooks/internal/useIsomorphicLayoutEffect.js"],"sourcesContent":["import * as React from \"react\";\nimport { canUseDOM } from \"@apollo/client/utilities/internal\";\n// use canUseDOM here instead of canUseLayoutEffect because we want to be able\n// to use useLayoutEffect in our jest tests. useLayoutEffect seems to work fine\n// in useSuspenseQuery tests, but to honor the original comment about the\n// warnings for useSyncExternalStore implementation, canUseLayoutEffect is left\n// alone.\nexport const useIsomorphicLayoutEffect = canUseDOM ? React.useLayoutEffect : React.useEffect;\n//# sourceMappingURL=useIsomorphicLayoutEffect.js.map"],"x_google_ignoreList":[0],"mappings":";;;AAOA,IAAa,IAA4B,IAAY,EAAM,kBAAkB,EAAM"}
+{"version":3,"file":"useIsomorphicLayoutEffect.js","names":["React"],"sources":["../../../../../../../node_modules/@apollo/client/react/hooks/internal/useIsomorphicLayoutEffect.js"],"sourcesContent":["import * as React from \"react\";\nimport { canUseDOM } from \"@apollo/client/utilities/internal\";\n// use canUseDOM here instead of canUseLayoutEffect because we want to be able\n// to use useLayoutEffect in our jest tests. useLayoutEffect seems to work fine\n// in useSuspenseQuery tests, but to honor the original comment about the\n// warnings for useSyncExternalStore implementation, canUseLayoutEffect is left\n// alone.\nexport const useIsomorphicLayoutEffect = canUseDOM ? React.useLayoutEffect : React.useEffect;\n//# sourceMappingURL=useIsomorphicLayoutEffect.js.map"],"x_google_ignoreList":[0],"mappings":";;;AAOA,IAAa,IAA4B,IAAYA,EAAM,kBAAkBA,EAAM"}

package/dist/node_modules/@apollo/client/react/hooks/internal/wrapHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapHook.js","names":[],"sources":["../../../../../../../node_modules/@apollo/client/react/hooks/internal/wrapHook.js"],"sourcesContent":["import * as React from \"react\";\nimport { wrapperSymbol } from \"@apollo/client/react/internal\";\n// direct import to avoid circular dependency\nimport { getApolloContext } from \"../../context/ApolloContext.js\";\n/**\n* @internal\n*\n* Makes an Apollo Client hook \"wrappable\".\n* That means that the Apollo Client instance can expose a \"wrapper\" that will be\n* used to wrap the original hook implementation with additional logic.\n* @example\n*\n* ```tsx\n* // this is already done in `@apollo/client` for all wrappable hooks (see `WrappableHooks`)\n* // following this pattern\n* function useQuery() {\n*   return wrapHook('useQuery', _useQuery, options.client)(query, options);\n* }\n* function _useQuery(query, options) {\n*   // original implementation\n* }\n*\n* // this is what a library like `@apollo/client-react-streaming` would do\n* class ApolloClientWithStreaming extends ApolloClient {\n*   constructor(options) {\n*     super(options);\n*     this.queryManager[Symbol.for(\"apollo.hook.wrappers\")] = {\n*       useQuery: (original) => (query, options) => {\n*         console.log(\"useQuery was called with options\", options);\n*         return original(query, options);\n*       }\n*     }\n*   }\n* }\n*\n* // this will now log the options and then call the original `useQuery`\n* const client = new ApolloClientWithStreaming({ ... });\n* useQuery(query, { client });\n* ```\n* \n* @deprecated This is an internal API and should not be used directly. This can be removed or changed at any time.\n*/\nexport function wrapHook(hookName, useHook, clientOrObsQuery) {\n    // Priority-wise, the later entries in this array wrap\n    // previous entries and could prevent them (and in the end,\n    // even the original hook) from running\n    const wrapperSources = [\n        clientOrObsQuery[\"queryManager\"],\n        // if we are a hook (not `preloadQuery`), we are guaranteed to be inside of\n        // a React render and can use context\n        hookName.startsWith(\"use\") ?\n            // eslint-disable-next-line react-hooks/rules-of-hooks\n            React.useContext(getApolloContext())\n            : undefined,\n    ];\n    let wrapped = useHook;\n    for (const source of wrapperSources) {\n        const wrapper = source?.[wrapperSymbol]?.[hookName];\n        if (wrapper) {\n            wrapped = wrapper(wrapped);\n        }\n    }\n    return wrapped;\n}\n//# sourceMappingURL=wrapHook.js.map\n"],"x_google_ignoreList":[0],"mappings":";;;;AA0CA,SAAgB,EAAS,GAAU,GAAS,GAAkB;CAI1D,IAAM,IAAiB,CACnB,EAAiB,cAGjB,EAAS,WAAW,MAAM,GAEtB,EAAM,WAAW,GAAkB,CAAC,GAClC,KAAA,EACT,EACG,IAAU;AACd,MAAK,IAAM,KAAU,GAAgB;EACjC,IAAM,IAAU,IAAS,KAAiB;AAC1C,EAAI,MACA,IAAU,EAAQ,EAAQ;;AAGlC,QAAO"}
+{"version":3,"file":"wrapHook.js","names":["React"],"sources":["../../../../../../../node_modules/@apollo/client/react/hooks/internal/wrapHook.js"],"sourcesContent":["import * as React from \"react\";\nimport { wrapperSymbol } from \"@apollo/client/react/internal\";\n// direct import to avoid circular dependency\nimport { getApolloContext } from \"../../context/ApolloContext.js\";\n/**\n* @internal\n*\n* Makes an Apollo Client hook \"wrappable\".\n* That means that the Apollo Client instance can expose a \"wrapper\" that will be\n* used to wrap the original hook implementation with additional logic.\n* @example\n*\n* ```tsx\n* // this is already done in `@apollo/client` for all wrappable hooks (see `WrappableHooks`)\n* // following this pattern\n* function useQuery() {\n*   return wrapHook('useQuery', _useQuery, options.client)(query, options);\n* }\n* function _useQuery(query, options) {\n*   // original implementation\n* }\n*\n* // this is what a library like `@apollo/client-react-streaming` would do\n* class ApolloClientWithStreaming extends ApolloClient {\n*   constructor(options) {\n*     super(options);\n*     this.queryManager[Symbol.for(\"apollo.hook.wrappers\")] = {\n*       useQuery: (original) => (query, options) => {\n*         console.log(\"useQuery was called with options\", options);\n*         return original(query, options);\n*       }\n*     }\n*   }\n* }\n*\n* // this will now log the options and then call the original `useQuery`\n* const client = new ApolloClientWithStreaming({ ... });\n* useQuery(query, { client });\n* ```\n* \n* @deprecated This is an internal API and should not be used directly. This can be removed or changed at any time.\n*/\nexport function wrapHook(hookName, useHook, clientOrObsQuery) {\n    // Priority-wise, the later entries in this array wrap\n    // previous entries and could prevent them (and in the end,\n    // even the original hook) from running\n    const wrapperSources = [\n        clientOrObsQuery[\"queryManager\"],\n        // if we are a hook (not `preloadQuery`), we are guaranteed to be inside of\n        // a React render and can use context\n        hookName.startsWith(\"use\") ?\n            // eslint-disable-next-line react-hooks/rules-of-hooks\n            React.useContext(getApolloContext())\n            : undefined,\n    ];\n    let wrapped = useHook;\n    for (const source of wrapperSources) {\n        const wrapper = source?.[wrapperSymbol]?.[hookName];\n        if (wrapper) {\n            wrapped = wrapper(wrapped);\n        }\n    }\n    return wrapped;\n}\n//# sourceMappingURL=wrapHook.js.map\n"],"x_google_ignoreList":[0],"mappings":";;;;AA0CA,SAAgB,EAAS,GAAU,GAAS,GAAkB;CAI1D,IAAM,IAAiB,CACnB,EAAiB,cAGjB,EAAS,WAAW,MAAM,GAEtBA,EAAM,WAAW,GAAkB,CAAC,GAClC,KAAA,EACT,EACG,IAAU;AACd,MAAK,IAAM,KAAU,GAAgB;EACjC,IAAM,IAAU,IAAS,KAAiB;AAC1C,EAAI,MACA,IAAU,EAAQ,EAAQ;;AAGlC,QAAO"}

package/dist/node_modules/@apollo/client/react/hooks/useApolloClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"useApolloClient.js","names":[],"sources":["../../../../../../node_modules/@apollo/client/react/hooks/useApolloClient.js"],"sourcesContent":["import * as React from \"react\";\nimport { invariant } from \"@apollo/client/utilities/invariant\";\nimport { getApolloContext } from \"../context/ApolloContext.js\";\n/**\n * @example\n *\n * ```jsx\n * import { useApolloClient } from \"@apollo/client/react\";\n *\n * function SomeComponent() {\n *   const client = useApolloClient();\n *   // `client` is now set to the `ApolloClient` instance being used by the\n *   // application (that was configured using something like `ApolloProvider`)\n * }\n * ```\n *\n * @returns The `ApolloClient` instance being used by the application.\n */\nexport function useApolloClient(override) {\n    const context = React.useContext(getApolloContext());\n    const client = override || context.client;\n    invariant(!!client, 28);\n    return client;\n}\n//# sourceMappingURL=useApolloClient.js.map\n"],"x_google_ignoreList":[0],"mappings":";;;;AAkBA,SAAgB,EAAgB,GAAU;CACtC,IAAM,IAAU,EAAM,WAAW,GAAkB,CAAC,EAC9C,IAAS,KAAY,EAAQ;AAEnC,QADA,EAAU,CAAC,CAAC,GAAQ,GAAG,EAChB"}
+{"version":3,"file":"useApolloClient.js","names":["React"],"sources":["../../../../../../node_modules/@apollo/client/react/hooks/useApolloClient.js"],"sourcesContent":["import * as React from \"react\";\nimport { invariant } from \"@apollo/client/utilities/invariant\";\nimport { getApolloContext } from \"../context/ApolloContext.js\";\n/**\n * @example\n *\n * ```jsx\n * import { useApolloClient } from \"@apollo/client/react\";\n *\n * function SomeComponent() {\n *   const client = useApolloClient();\n *   // `client` is now set to the `ApolloClient` instance being used by the\n *   // application (that was configured using something like `ApolloProvider`)\n * }\n * ```\n *\n * @returns The `ApolloClient` instance being used by the application.\n */\nexport function useApolloClient(override) {\n    const context = React.useContext(getApolloContext());\n    const client = override || context.client;\n    invariant(!!client, 28);\n    return client;\n}\n//# sourceMappingURL=useApolloClient.js.map\n"],"x_google_ignoreList":[0],"mappings":";;;;AAkBA,SAAgB,EAAgB,GAAU;CACtC,IAAM,IAAUA,EAAM,WAAW,GAAkB,CAAC,EAC9C,IAAS,KAAY,EAAQ;AAEnC,QADA,EAAU,CAAC,CAAC,GAAQ,GAAG,EAChB"}

package/dist/node_modules/@apollo/client/react/hooks/useMutation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMutation.js","names":[],"sources":["../../../../../../node_modules/@apollo/client/react/hooks/useMutation.js"],"sourcesContent":["import { equal } from \"@wry/equality\";\nimport * as React from \"react\";\nimport { mergeOptions, preventUnhandledRejection, } from \"@apollo/client/utilities/internal\";\nimport { useIsomorphicLayoutEffect } from \"./internal/useIsomorphicLayoutEffect.js\";\nimport { useApolloClient } from \"./useApolloClient.js\";\n/**\n * > Refer to the [Mutations](https://www.apollographql.com/docs/react/data/mutations/) section for a more in-depth overview of `useMutation`.\n *\n * @example\n *\n * ```jsx\n * import { gql, useMutation } from \"@apollo/client\";\n *\n * const ADD_TODO = gql`\n *   mutation AddTodo($type: String!) {\n *     addTodo(type: $type) {\n *       id\n *       type\n *     }\n *   }\n * `;\n *\n * function AddTodo() {\n *   let input;\n *   const [addTodo, { data }] = useMutation(ADD_TODO);\n *\n *   return (\n *     <div>\n *       <form\n *         onSubmit={(e) => {\n *           e.preventDefault();\n *           addTodo({ variables: { type: input.value } });\n *           input.value = \"\";\n *         }}\n *       >\n *         <input\n *           ref={(node) => {\n *             input = node;\n *           }}\n *         />\n *         <button type=\"submit\">Add Todo</button>\n *       </form>\n *     </div>\n *   );\n * }\n * ```\n *\n * @param mutation - A GraphQL mutation document parsed into an AST by `gql`.\n * @param options - Options to control how the mutation is executed.\n * @returns A tuple in the form of `[mutate, result]`\n */\nexport function useMutation(mutation, options) {\n    const client = useApolloClient(options?.client);\n    const [result, setResult] = React.useState(() => createInitialResult(client));\n    const ref = React.useRef({\n        result,\n        mutationId: 0,\n        isMounted: true,\n        client,\n        mutation,\n        options,\n    });\n    useIsomorphicLayoutEffect(() => {\n        Object.assign(ref.current, { client, options, mutation });\n    });\n    const execute = React.useCallback((executeOptions = {}) => {\n        const { options, mutation } = ref.current;\n        const baseOptions = { ...options, mutation };\n        const client = executeOptions.client || ref.current.client;\n        const context = typeof executeOptions.context === \"function\" ?\n            executeOptions.context(options?.context)\n            : executeOptions.context;\n        if (!ref.current.result.loading && ref.current.isMounted) {\n            setResult((ref.current.result = {\n                loading: true,\n                error: undefined,\n                data: undefined,\n                called: true,\n                client,\n            }));\n        }\n        const mutationId = ++ref.current.mutationId;\n        const clientOptions = mergeOptions(baseOptions, {\n            ...executeOptions,\n            context,\n        });\n        return preventUnhandledRejection(client\n            .mutate(clientOptions)\n            .then((response) => {\n            const { data, error } = response;\n            const onError = executeOptions.onError || ref.current.options?.onError;\n            if (error && onError) {\n                onError(error, clientOptions);\n            }\n            if (mutationId === ref.current.mutationId) {\n                const result = {\n                    called: true,\n                    loading: false,\n                    data,\n                    error,\n                    client,\n                };\n                if (ref.current.isMounted &&\n                    !equal(ref.current.result, result)) {\n                    setResult((ref.current.result = result));\n                }\n            }\n            const onCompleted = executeOptions.onCompleted || ref.current.options?.onCompleted;\n            if (!error) {\n                onCompleted?.(response.data, clientOptions);\n            }\n            return response;\n        }, (error) => {\n            if (mutationId === ref.current.mutationId &&\n                ref.current.isMounted) {\n                const result = {\n                    loading: false,\n                    error,\n                    data: void 0,\n                    called: true,\n                    client,\n                };\n                if (!equal(ref.current.result, result)) {\n                    setResult((ref.current.result = result));\n                }\n            }\n            const onError = executeOptions.onError || ref.current.options?.onError;\n            if (onError) {\n                onError(error, clientOptions);\n            }\n            throw error;\n        }));\n    }, []);\n    const reset = React.useCallback(() => {\n        if (ref.current.isMounted) {\n            const result = createInitialResult(ref.current.client);\n            Object.assign(ref.current, { mutationId: 0, result });\n            setResult(result);\n        }\n    }, []);\n    React.useEffect(() => {\n        const current = ref.current;\n        current.isMounted = true;\n        return () => {\n            current.isMounted = false;\n        };\n    }, []);\n    return [execute, { reset, ...result }];\n}\nfunction createInitialResult(client) {\n    return {\n        data: undefined,\n        error: undefined,\n        called: false,\n        loading: false,\n        client,\n    };\n}\n//# sourceMappingURL=useMutation.js.map"],"x_google_ignoreList":[0],"mappings":";;;;;;;AAmDA,SAAgB,EAAY,GAAU,GAAS;CAC3C,IAAM,IAAS,EAAgB,GAAS,OAAO,EACzC,CAAC,GAAQ,KAAa,EAAM,eAAe,EAAoB,EAAO,CAAC,EACvE,IAAM,EAAM,OAAO;EACrB;EACA,YAAY;EACZ,WAAW;EACX;EACA;EACA;EACH,CAAC;AACF,SAAgC;AAC5B,SAAO,OAAO,EAAI,SAAS;GAAE;GAAQ;GAAS;GAAU,CAAC;GAC3D;CACF,IAAM,IAAU,EAAM,aAAa,IAAiB,EAAE,KAAK;EACvD,IAAM,EAAE,YAAS,gBAAa,EAAI,SAC5B,IAAc;GAAE,GAAG;GAAS;GAAU,EACtC,IAAS,EAAe,UAAU,EAAI,QAAQ,QAC9C,IAAU,OAAO,EAAe,WAAY,aAC9C,EAAe,QAAQ,GAAS,QAAQ,GACtC,EAAe;AACrB,EAAI,CAAC,EAAI,QAAQ,OAAO,WAAW,EAAI,QAAQ,aAC3C,EAAW,EAAI,QAAQ,SAAS;GAC5B,SAAS;GACT,OAAO,KAAA;GACP,MAAM,KAAA;GACN,QAAQ;GACR;GACH,CAAE;EAEP,IAAM,IAAa,EAAE,EAAI,QAAQ,YAC3B,IAAgB,EAAa,GAAa;GAC5C,GAAG;GACH;GACH,CAAC;AACF,SAAO,EAA0B,EAC5B,OAAO,EAAc,CACrB,MAAM,MAAa;GACpB,IAAM,EAAE,SAAM,aAAU,GAClB,IAAU,EAAe,WAAW,EAAI,QAAQ,SAAS;AAI/D,OAHI,KAAS,KACT,EAAQ,GAAO,EAAc,EAE7B,MAAe,EAAI,QAAQ,YAAY;IACvC,IAAM,IAAS;KACX,QAAQ;KACR,SAAS;KACT;KACA;KACA;KACH;AACD,IAAI,EAAI,QAAQ,aACZ,CAAC,EAAM,EAAI,QAAQ,QAAQ,EAAO,IAClC,EAAW,EAAI,QAAQ,SAAS,EAAQ;;GAGhD,IAAM,IAAc,EAAe,eAAe,EAAI,QAAQ,SAAS;AAIvE,UAHK,KACD,IAAc,EAAS,MAAM,EAAc,EAExC;MACP,MAAU;AACV,OAAI,MAAe,EAAI,QAAQ,cAC3B,EAAI,QAAQ,WAAW;IACvB,IAAM,IAAS;KACX,SAAS;KACT;KACA,MAAM,KAAK;KACX,QAAQ;KACR;KACH;AACD,IAAK,EAAM,EAAI,QAAQ,QAAQ,EAAO,IAClC,EAAW,EAAI,QAAQ,SAAS,EAAQ;;GAGhD,IAAM,IAAU,EAAe,WAAW,EAAI,QAAQ,SAAS;AAI/D,SAHI,KACA,EAAQ,GAAO,EAAc,EAE3B;IACR,CAAC;IACJ,EAAE,CAAC,EACA,IAAQ,EAAM,kBAAkB;AAClC,MAAI,EAAI,QAAQ,WAAW;GACvB,IAAM,IAAS,EAAoB,EAAI,QAAQ,OAAO;AAEtD,GADA,OAAO,OAAO,EAAI,SAAS;IAAE,YAAY;IAAG;IAAQ,CAAC,EACrD,EAAU,EAAO;;IAEtB,EAAE,CAAC;AAQN,QAPA,EAAM,gBAAgB;EAClB,IAAM,IAAU,EAAI;AAEpB,SADA,EAAQ,YAAY,UACP;AACT,KAAQ,YAAY;;IAEzB,EAAE,CAAC,EACC,CAAC,GAAS;EAAE;EAAO,GAAG;EAAQ,CAAC;;AAE1C,SAAS,EAAoB,GAAQ;AACjC,QAAO;EACH,MAAM,KAAA;EACN,OAAO,KAAA;EACP,QAAQ;EACR,SAAS;EACT;EACH"}
+{"version":3,"file":"useMutation.js","names":["React"],"sources":["../../../../../../node_modules/@apollo/client/react/hooks/useMutation.js"],"sourcesContent":["import { equal } from \"@wry/equality\";\nimport * as React from \"react\";\nimport { mergeOptions, preventUnhandledRejection, } from \"@apollo/client/utilities/internal\";\nimport { useIsomorphicLayoutEffect } from \"./internal/useIsomorphicLayoutEffect.js\";\nimport { useApolloClient } from \"./useApolloClient.js\";\n/**\n * > Refer to the [Mutations](https://www.apollographql.com/docs/react/data/mutations/) section for a more in-depth overview of `useMutation`.\n *\n * @example\n *\n * ```jsx\n * import { gql, useMutation } from \"@apollo/client\";\n *\n * const ADD_TODO = gql`\n *   mutation AddTodo($type: String!) {\n *     addTodo(type: $type) {\n *       id\n *       type\n *     }\n *   }\n * `;\n *\n * function AddTodo() {\n *   let input;\n *   const [addTodo, { data }] = useMutation(ADD_TODO);\n *\n *   return (\n *     <div>\n *       <form\n *         onSubmit={(e) => {\n *           e.preventDefault();\n *           addTodo({ variables: { type: input.value } });\n *           input.value = \"\";\n *         }}\n *       >\n *         <input\n *           ref={(node) => {\n *             input = node;\n *           }}\n *         />\n *         <button type=\"submit\">Add Todo</button>\n *       </form>\n *     </div>\n *   );\n * }\n * ```\n *\n * @param mutation - A GraphQL mutation document parsed into an AST by `gql`.\n * @param options - Options to control how the mutation is executed.\n * @returns A tuple in the form of `[mutate, result]`\n */\nexport function useMutation(mutation, options) {\n    const client = useApolloClient(options?.client);\n    const [result, setResult] = React.useState(() => createInitialResult(client));\n    const ref = React.useRef({\n        result,\n        mutationId: 0,\n        isMounted: true,\n        client,\n        mutation,\n        options,\n    });\n    useIsomorphicLayoutEffect(() => {\n        Object.assign(ref.current, { client, options, mutation });\n    });\n    const execute = React.useCallback((executeOptions = {}) => {\n        const { options, mutation } = ref.current;\n        const baseOptions = { ...options, mutation };\n        const client = executeOptions.client || ref.current.client;\n        const context = typeof executeOptions.context === \"function\" ?\n            executeOptions.context(options?.context)\n            : executeOptions.context;\n        if (!ref.current.result.loading && ref.current.isMounted) {\n            setResult((ref.current.result = {\n                loading: true,\n                error: undefined,\n                data: undefined,\n                called: true,\n                client,\n            }));\n        }\n        const mutationId = ++ref.current.mutationId;\n        const clientOptions = mergeOptions(baseOptions, {\n            ...executeOptions,\n            context,\n        });\n        return preventUnhandledRejection(client\n            .mutate(clientOptions)\n            .then((response) => {\n            const { data, error } = response;\n            const onError = executeOptions.onError || ref.current.options?.onError;\n            if (error && onError) {\n                onError(error, clientOptions);\n            }\n            if (mutationId === ref.current.mutationId) {\n                const result = {\n                    called: true,\n                    loading: false,\n                    data,\n                    error,\n                    client,\n                };\n                if (ref.current.isMounted &&\n                    !equal(ref.current.result, result)) {\n                    setResult((ref.current.result = result));\n                }\n            }\n            const onCompleted = executeOptions.onCompleted || ref.current.options?.onCompleted;\n            if (!error) {\n                onCompleted?.(response.data, clientOptions);\n            }\n            return response;\n        }, (error) => {\n            if (mutationId === ref.current.mutationId &&\n                ref.current.isMounted) {\n                const result = {\n                    loading: false,\n                    error,\n                    data: void 0,\n                    called: true,\n                    client,\n                };\n                if (!equal(ref.current.result, result)) {\n                    setResult((ref.current.result = result));\n                }\n            }\n            const onError = executeOptions.onError || ref.current.options?.onError;\n            if (onError) {\n                onError(error, clientOptions);\n            }\n            throw error;\n        }));\n    }, []);\n    const reset = React.useCallback(() => {\n        if (ref.current.isMounted) {\n            const result = createInitialResult(ref.current.client);\n            Object.assign(ref.current, { mutationId: 0, result });\n            setResult(result);\n        }\n    }, []);\n    React.useEffect(() => {\n        const current = ref.current;\n        current.isMounted = true;\n        return () => {\n            current.isMounted = false;\n        };\n    }, []);\n    return [execute, { reset, ...result }];\n}\nfunction createInitialResult(client) {\n    return {\n        data: undefined,\n        error: undefined,\n        called: false,\n        loading: false,\n        client,\n    };\n}\n//# sourceMappingURL=useMutation.js.map"],"x_google_ignoreList":[0],"mappings":";;;;;;;AAmDA,SAAgB,EAAY,GAAU,GAAS;CAC3C,IAAM,IAAS,EAAgB,GAAS,OAAO,EACzC,CAAC,GAAQ,KAAaA,EAAM,eAAe,EAAoB,EAAO,CAAC,EACvE,IAAMA,EAAM,OAAO;EACrB;EACA,YAAY;EACZ,WAAW;EACX;EACA;EACA;EACH,CAAC;AACF,SAAgC;AAC5B,SAAO,OAAO,EAAI,SAAS;GAAE;GAAQ;GAAS;GAAU,CAAC;GAC3D;CACF,IAAM,IAAUA,EAAM,aAAa,IAAiB,EAAE,KAAK;EACvD,IAAM,EAAE,YAAS,gBAAa,EAAI,SAC5B,IAAc;GAAE,GAAG;GAAS;GAAU,EACtC,IAAS,EAAe,UAAU,EAAI,QAAQ,QAC9C,IAAU,OAAO,EAAe,WAAY,aAC9C,EAAe,QAAQ,GAAS,QAAQ,GACtC,EAAe;AACrB,EAAI,CAAC,EAAI,QAAQ,OAAO,WAAW,EAAI,QAAQ,aAC3C,EAAW,EAAI,QAAQ,SAAS;GAC5B,SAAS;GACT,OAAO,KAAA;GACP,MAAM,KAAA;GACN,QAAQ;GACR;GACH,CAAE;EAEP,IAAM,IAAa,EAAE,EAAI,QAAQ,YAC3B,IAAgB,EAAa,GAAa;GAC5C,GAAG;GACH;GACH,CAAC;AACF,SAAO,EAA0B,EAC5B,OAAO,EAAc,CACrB,MAAM,MAAa;GACpB,IAAM,EAAE,SAAM,aAAU,GAClB,IAAU,EAAe,WAAW,EAAI,QAAQ,SAAS;AAI/D,OAHI,KAAS,KACT,EAAQ,GAAO,EAAc,EAE7B,MAAe,EAAI,QAAQ,YAAY;IACvC,IAAM,IAAS;KACX,QAAQ;KACR,SAAS;KACT;KACA;KACA;KACH;AACD,IAAI,EAAI,QAAQ,aACZ,CAAC,EAAM,EAAI,QAAQ,QAAQ,EAAO,IAClC,EAAW,EAAI,QAAQ,SAAS,EAAQ;;GAGhD,IAAM,IAAc,EAAe,eAAe,EAAI,QAAQ,SAAS;AAIvE,UAHK,KACD,IAAc,EAAS,MAAM,EAAc,EAExC;MACP,MAAU;AACV,OAAI,MAAe,EAAI,QAAQ,cAC3B,EAAI,QAAQ,WAAW;IACvB,IAAM,IAAS;KACX,SAAS;KACT;KACA,MAAM,KAAK;KACX,QAAQ;KACR;KACH;AACD,IAAK,EAAM,EAAI,QAAQ,QAAQ,EAAO,IAClC,EAAW,EAAI,QAAQ,SAAS,EAAQ;;GAGhD,IAAM,IAAU,EAAe,WAAW,EAAI,QAAQ,SAAS;AAI/D,SAHI,KACA,EAAQ,GAAO,EAAc,EAE3B;IACR,CAAC;IACJ,EAAE,CAAC,EACA,IAAQA,EAAM,kBAAkB;AAClC,MAAI,EAAI,QAAQ,WAAW;GACvB,IAAM,IAAS,EAAoB,EAAI,QAAQ,OAAO;AAEtD,GADA,OAAO,OAAO,EAAI,SAAS;IAAE,YAAY;IAAG;IAAQ,CAAC,EACrD,EAAU,EAAO;;IAEtB,EAAE,CAAC;AAQN,QAPA,EAAM,gBAAgB;EAClB,IAAM,IAAU,EAAI;AAEpB,SADA,EAAQ,YAAY,UACP;AACT,KAAQ,YAAY;;IAEzB,EAAE,CAAC,EACC,CAAC,GAAS;EAAE;EAAO,GAAG;EAAQ,CAAC;;AAE1C,SAAS,EAAoB,GAAQ;AACjC,QAAO;EACH,MAAM,KAAA;EACN,OAAO,KAAA;EACP,QAAQ;EACR,SAAS;EACT;EACH"}