@burdenoff/microfe-store 2026.720.2 → 2026.720.4

package/dist/pages/AdminStoresPage.js

@@ -1,12 +1,13 @@
 import { useStore as e } from "../providers/StoreProvider.js";
-import { useCallback as t, useEffect as n, useState as r } from "react";
-import { ArrowLeft as i, Pencil as a, Plus as o, RefreshCw as s, Store as c, Trash2 as l } from "lucide-react";
-import { graphqlFetch as u } from "@burdenoff/fe-libs/shared/graphql";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useNavigate as p } from "react-router-dom";
-import { AlertDialog as m, AlertDialogAction as h, AlertDialogCancel as g, AlertDialogContent as _, AlertDialogDescription as v, AlertDialogFooter as y, AlertDialogHeader as b, AlertDialogTitle as x, GlassCard as S, IllustratedEmptyState as C, NextSteps as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
+import { MarkdownEditor as t } from "../components/MarkdownEditor.js";
+import { useCallback as n, useEffect as r, useState as i } from "react";
+import { ArrowLeft as a, Pencil as o, Plus as s, RefreshCw as c, Store as l, Trash2 as u } from "lucide-react";
+import { graphqlFetch as d } from "@burdenoff/fe-libs/shared/graphql";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useNavigate as m } from "react-router-dom";
+import { AlertDialog as h, AlertDialogAction as g, AlertDialogCancel as _, AlertDialogContent as v, AlertDialogDescription as y, AlertDialogFooter as b, AlertDialogHeader as x, AlertDialogTitle as S, GlassCard as C, IllustratedEmptyState as w, NextSteps as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 //#region src/pages/AdminStoresPage.tsx
-var E = "\n  query AdminStores {\n    stores {\n      id\n      slug\n      name\n      type\n      tenantId\n      isPublic\n      requiresApproval\n      allowUnverifiedPublishers\n      currency\n      logoUrl\n      description\n      createdAt\n    }\n  }\n", D = "\n  mutation CreateStore($input: CreateStoreInput!) {\n    createStore(input: $input) {\n      id\n      slug\n      name\n      type\n    }\n  }\n", O = "\n  mutation UpdateStore($id: ID!, $input: UpdateStoreInput!) {\n    updateStore(id: $id, input: $input) {\n      id\n      name\n      isPublic\n      requiresApproval\n    }\n  }\n", k = "\n  mutation DeleteStore($id: ID!) {\n    deleteStore(id: $id)\n  }\n", A = {
+var D = "\n  query AdminStores {\n    stores {\n      id\n      slug\n      name\n      type\n      tenantId\n      isPublic\n      requiresApproval\n      allowUnverifiedPublishers\n      currency\n      logoUrl\n      description\n      createdAt\n    }\n  }\n", O = "\n  mutation CreateStore($input: CreateStoreInput!) {\n    createStore(input: $input) {\n      id\n      slug\n      name\n      type\n    }\n  }\n", k = "\n  mutation UpdateStore($id: ID!, $input: UpdateStoreInput!) {\n    updateStore(id: $id, input: $input) {\n      id\n      name\n      isPublic\n      requiresApproval\n    }\n  }\n", A = "\n  mutation DeleteStore($id: ID!) {\n    deleteStore(id: $id)\n  }\n", j = {
 	slug: "",
 	name: "",
 	type: "PRIVATE",
@@ -16,30 +17,30 @@ var E = "\n  query AdminStores {\n    stores {\n      id\n      slug\n      name
 	allowUnverifiedPublishers: !0,
 	currency: "USD",
 	description: ""
-}, j = () => {
-	let j = p(), { authToken: M, basePath: N } = e(), [P, F] = r([]), [I, L] = r(!1), [R, z] = r(null), [B, V] = r(!1), [H, U] = r(A), [W, G] = r(null), [K, q] = r(null), J = t(async () => {
-		L(!0), z(null);
+}, M = () => {
+	let M = m(), { authToken: N, basePath: P } = e(), [F, I] = i([]), [L, R] = i(!1), [z, B] = i(null), [V, H] = i(!1), [U, W] = i(j), [G, K] = i(null), [q, J] = i(null), Y = n(async () => {
+		R(!0), B(null);
 		try {
-			let e = await u({
+			let e = await d({
 				gateway: "global",
-				query: E,
-				authToken: M || void 0
+				query: D,
+				authToken: N || void 0
 			});
 			if (e.errors?.length) throw Error(e.errors[0]?.message ?? "Failed to load stores");
-			F(e.data?.stores ?? []);
+			I(e.data?.stores ?? []);
 		} catch (e) {
-			z(e instanceof Error ? e.message : "Failed to load stores");
+			B(e instanceof Error ? e.message : "Failed to load stores");
 		} finally {
-			L(!1);
+			R(!1);
 		}
-	}, [M]);
-	n(() => {
-		J();
-	}, [J]);
-	let Y = () => {
-		G(null), U(A), V(!0);
-	}, X = (e) => {
-		G(e.id), U({
+	}, [N]);
+	r(() => {
+		Y();
+	}, [Y]);
+	let X = () => {
+		K(null), W(j), H(!0);
+	}, Z = (e) => {
+		K(e.id), W({
 			slug: e.slug,
 			name: e.name,
 			type: e.type,
@@ -49,184 +50,184 @@ var E = "\n  query AdminStores {\n    stores {\n      id\n      slug\n      name
 			allowUnverifiedPublishers: e.allowUnverifiedPublishers,
 			currency: e.currency,
 			description: e.description ?? ""
-		}), V(!0);
-	}, Z = async () => {
-		if (!H.slug.trim() || !H.name.trim()) {
-			z("Slug and name are required");
+		}), H(!0);
+	}, Q = async () => {
+		if (!U.slug.trim() || !U.name.trim()) {
+			B("Slug and name are required");
 			return;
 		}
-		z(null);
+		B(null);
 		try {
-			W ? await u({
+			G ? await d({
 				gateway: "global",
-				query: O,
+				query: k,
 				variables: {
-					id: W,
+					id: G,
 					input: {
-						name: H.name,
-						isPublic: H.isPublic,
-						requiresApproval: H.requiresApproval,
-						allowUnverifiedPublishers: H.allowUnverifiedPublishers,
-						currency: H.currency,
-						description: H.description || null
+						name: U.name,
+						isPublic: U.isPublic,
+						requiresApproval: U.requiresApproval,
+						allowUnverifiedPublishers: U.allowUnverifiedPublishers,
+						currency: U.currency,
+						description: U.description || null
 					}
 				},
-				authToken: M || void 0
-			}) : await u({
+				authToken: N || void 0
+			}) : await d({
 				gateway: "global",
-				query: D,
+				query: O,
 				variables: { input: {
-					slug: H.slug,
-					name: H.name,
-					type: H.type,
-					tenantId: H.tenantId || null,
-					isPublic: H.isPublic,
-					requiresApproval: H.requiresApproval,
-					allowUnverifiedPublishers: H.allowUnverifiedPublishers,
-					currency: H.currency,
-					description: H.description || null
+					slug: U.slug,
+					name: U.name,
+					type: U.type,
+					tenantId: U.tenantId || null,
+					isPublic: U.isPublic,
+					requiresApproval: U.requiresApproval,
+					allowUnverifiedPublishers: U.allowUnverifiedPublishers,
+					currency: U.currency,
+					description: U.description || null
 				} },
-				authToken: M || void 0
-			}), V(!1), G(null), U(A), await J();
+				authToken: N || void 0
+			}), H(!1), K(null), W(j), await Y();
 		} catch (e) {
-			z(e instanceof Error ? e.message : "Save failed");
+			B(e instanceof Error ? e.message : "Save failed");
 		}
-	}, Q = async (e) => {
+	}, $ = async (e) => {
 		try {
-			await u({
+			await d({
 				gateway: "global",
-				query: k,
+				query: A,
 				variables: { id: e },
-				authToken: M || void 0
-			}), await J();
+				authToken: N || void 0
+			}), await Y();
 		} catch (e) {
-			z(e instanceof Error ? e.message : "Delete failed");
+			B(e instanceof Error ? e.message : "Delete failed");
 		}
 	};
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "min-h-screen bg-surface-default",
 		children: [
-			/* @__PURE__ */ d("header", {
+			/* @__PURE__ */ f("header", {
 				className: "border-b border-border-seam bg-surface-raised",
-				children: /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ f("div", {
 					className: "mx-auto max-w-7xl px-6 py-4",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ f("button", {
+							children: [/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: () => j(`${N}/dashboard`),
+								onClick: () => M(`${P}/dashboard`),
 								className: "inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-sm text-text-secondary hover:bg-surface-hover hover:text-text-primary",
-								children: [/* @__PURE__ */ d(i, { className: "size-4" }), "Back"]
-							}), /* @__PURE__ */ f("div", {
+								children: [/* @__PURE__ */ f(a, { className: "size-4" }), "Back"]
+							}), /* @__PURE__ */ p("div", {
 								className: "flex items-center gap-2",
 								children: [
-									/* @__PURE__ */ d(c, { className: "size-5 text-text-primary" }),
-									/* @__PURE__ */ d("h1", {
+									/* @__PURE__ */ f(l, { className: "size-5 text-text-primary" }),
+									/* @__PURE__ */ f("h1", {
 										className: "text-xl font-semibold text-text-primary",
 										children: "Store registry"
 									}),
-									/* @__PURE__ */ d("span", {
+									/* @__PURE__ */ f("span", {
 										className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
-										children: P.length
+										children: F.length
 									})
 								]
 							})]
-						}), /* @__PURE__ */ f("div", {
+						}), /* @__PURE__ */ p("div", {
 							className: "flex gap-2",
-							children: [/* @__PURE__ */ f("button", {
+							children: [/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: () => void J(),
+								onClick: () => void Y(),
 								className: "inline-flex items-center gap-2 rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover",
-								disabled: I,
-								children: [/* @__PURE__ */ d(s, { className: `size-4 ${I ? "animate-spin" : ""}` }), "Refresh"]
-							}), /* @__PURE__ */ f("button", {
+								disabled: L,
+								children: [/* @__PURE__ */ f(c, { className: `size-4 ${L ? "animate-spin" : ""}` }), "Refresh"]
+							}), /* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: Y,
+								onClick: X,
 								className: "inline-flex items-center gap-2 rounded-md bg-surface-accent px-3 py-1.5 text-sm font-medium text-text-on-accent hover:bg-surface-accent-hover",
-								children: [/* @__PURE__ */ d(o, { className: "size-4" }), "Create store"]
+								children: [/* @__PURE__ */ f(s, { className: "size-4" }), "Create store"]
 							})]
 						})]
 					})
 				})
 			}),
-			/* @__PURE__ */ f("main", {
+			/* @__PURE__ */ p("main", {
 				className: "mx-auto max-w-7xl p-6",
 				children: [
-					/* @__PURE__ */ d(T, {
+					/* @__PURE__ */ f(E, {
 						className: "mb-4",
 						children: "A store is a storefront that decides which products a given audience can see and buy. Use this registry to spin up a public marketplace, a tenant-scoped enterprise store, or a private opt-in catalog — and to control whether submissions auto-publish or wait for approval, and whether unverified publishers may submit. One store can power a whole product's app marketplace."
 					}),
-					/* @__PURE__ */ d(w, {
+					/* @__PURE__ */ f(T, {
 						storageKey: "store-admin-stores",
 						steps: [
 							{
 								id: "create-store",
 								label: "Create your first store",
 								description: "Choose a type (public, private, or enterprise) and a slug.",
-								onClick: Y
+								onClick: X
 							},
 							{
 								id: "approval-policy",
 								label: "Set the submission policy",
 								description: "Decide if new products require approval before going live.",
-								onClick: Y
+								onClick: X
 							},
 							{
 								id: "moderate",
 								label: "Review incoming submissions",
 								description: "Head to the submission queue to approve or reject products.",
-								onClick: () => j(`${N}/submissions`)
+								onClick: () => M(`${P}/submissions`)
 							}
 						]
 					}),
-					R && /* @__PURE__ */ d("div", {
+					z && /* @__PURE__ */ f("div", {
 						role: "alert",
 						className: "mb-4 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
-						children: R
+						children: z
 					}),
-					B && /* @__PURE__ */ f(S, {
+					V && /* @__PURE__ */ p(C, {
 						treatment: "plain",
 						className: "mb-6 p-4",
 						children: [
-							/* @__PURE__ */ d("h2", {
+							/* @__PURE__ */ f("h2", {
 								className: "mb-3 text-sm font-semibold text-text-primary",
-								children: W ? "Edit store" : "Create store"
+								children: G ? "Edit store" : "Create store"
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "grid grid-cols-1 gap-3 md:grid-cols-2",
 								children: [
-									/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ p("label", {
 										className: "block",
-										children: [/* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ f("span", {
 											className: "text-xs text-text-secondary",
 											children: "Slug"
-										}), /* @__PURE__ */ d("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "text",
 											"aria-label": "Slug",
-											value: H.slug,
-											onChange: (e) => U({
-												...H,
+											value: U.slug,
+											onChange: (e) => W({
+												...U,
 												slug: e.target.value
 											}),
-											disabled: !!W,
+											disabled: !!G,
 											required: !0,
 											"aria-required": "true",
 											className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary disabled:opacity-60"
 										})]
 									}),
-									/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ p("label", {
 										className: "block",
-										children: [/* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ f("span", {
 											className: "text-xs text-text-secondary",
 											children: "Name"
-										}), /* @__PURE__ */ d("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "text",
 											"aria-label": "Name",
-											value: H.name,
-											onChange: (e) => U({
-												...H,
+											value: U.name,
+											onChange: (e) => W({
+												...U,
 												name: e.target.value
 											}),
 											required: !0,
@@ -234,243 +235,238 @@ var E = "\n  query AdminStores {\n    stores {\n      id\n      slug\n      name
 											className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary"
 										})]
 									}),
-									/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ p("label", {
 										className: "block",
-										children: [/* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ f("span", {
 											className: "text-xs text-text-secondary",
 											children: "Type"
-										}), /* @__PURE__ */ f("select", {
+										}), /* @__PURE__ */ p("select", {
 											"aria-label": "Store type",
-											value: H.type,
-											onChange: (e) => U({
-												...H,
+											value: U.type,
+											onChange: (e) => W({
+												...U,
 												type: e.target.value
 											}),
-											disabled: !!W,
+											disabled: !!G,
 											className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary disabled:opacity-60",
 											children: [
-												/* @__PURE__ */ d("option", {
+												/* @__PURE__ */ f("option", {
 													value: "PUBLIC",
 													children: "Public"
 												}),
-												/* @__PURE__ */ d("option", {
+												/* @__PURE__ */ f("option", {
 													value: "PRIVATE",
 													children: "Private (opt-in)"
 												}),
-												/* @__PURE__ */ d("option", {
+												/* @__PURE__ */ f("option", {
 													value: "ENTERPRISE",
 													children: "Enterprise (tenant-scoped)"
 												})
 											]
 										})]
 									}),
-									/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ p("label", {
 										className: "block",
-										children: [/* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ f("span", {
 											className: "text-xs text-text-secondary",
 											children: "Currency"
-										}), /* @__PURE__ */ d("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "text",
 											"aria-label": "Currency",
-											value: H.currency,
-											onChange: (e) => U({
-												...H,
+											value: U.currency,
+											onChange: (e) => W({
+												...U,
 												currency: e.target.value
 											}),
 											className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary"
 										})]
 									}),
-									H.type !== "PUBLIC" && /* @__PURE__ */ f("label", {
+									U.type !== "PUBLIC" && /* @__PURE__ */ p("label", {
 										className: "block md:col-span-2",
-										children: [/* @__PURE__ */ d("span", {
+										children: [/* @__PURE__ */ f("span", {
 											className: "text-xs text-text-secondary",
 											children: "Tenant ID (optional)"
-										}), /* @__PURE__ */ d("input", {
+										}), /* @__PURE__ */ f("input", {
 											type: "text",
 											"aria-label": "Tenant ID",
-											value: H.tenantId,
-											onChange: (e) => U({
-												...H,
+											value: U.tenantId,
+											onChange: (e) => W({
+												...U,
 												tenantId: e.target.value
 											}),
-											disabled: !!W,
+											disabled: !!G,
 											className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary disabled:opacity-60"
 										})]
 									}),
-									/* @__PURE__ */ f("label", {
-										className: "block md:col-span-2",
-										children: [/* @__PURE__ */ d("span", {
-											className: "text-xs text-text-secondary",
-											children: "Description"
-										}), /* @__PURE__ */ d("textarea", {
-											"aria-label": "Description",
-											value: H.description,
-											onChange: (e) => U({
-												...H,
-												description: e.target.value
-											}),
-											rows: 2,
-											className: "mt-1 w-full rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary"
-										})]
+									/* @__PURE__ */ f(t, {
+										className: "md:col-span-2",
+										id: "store-description",
+										label: "Description",
+										value: U.description,
+										onChange: (e) => W({
+											...U,
+											description: e
+										}),
+										rows: 2
 									}),
-									/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ p("label", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ d("input", {
+										children: [/* @__PURE__ */ f("input", {
 											type: "checkbox",
 											"aria-label": "Publicly visible",
-											checked: H.isPublic,
-											onChange: (e) => U({
-												...H,
+											checked: U.isPublic,
+											onChange: (e) => W({
+												...U,
 												isPublic: e.target.checked
 											})
-										}), /* @__PURE__ */ d("span", {
+										}), /* @__PURE__ */ f("span", {
 											className: "text-sm text-text-primary",
 											children: "Publicly visible"
 										})]
 									}),
-									/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ p("label", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ d("input", {
+										children: [/* @__PURE__ */ f("input", {
 											type: "checkbox",
 											"aria-label": "Requires admin approval",
-											checked: H.requiresApproval,
-											onChange: (e) => U({
-												...H,
+											checked: U.requiresApproval,
+											onChange: (e) => W({
+												...U,
 												requiresApproval: e.target.checked
 											})
-										}), /* @__PURE__ */ d("span", {
+										}), /* @__PURE__ */ f("span", {
 											className: "text-sm text-text-primary",
 											children: "Requires admin approval"
 										})]
 									}),
-									/* @__PURE__ */ f("label", {
+									/* @__PURE__ */ p("label", {
 										className: "flex items-center gap-2 md:col-span-2",
-										children: [/* @__PURE__ */ d("input", {
+										children: [/* @__PURE__ */ f("input", {
 											type: "checkbox",
 											"aria-label": "Allow unverified publishers to submit",
-											checked: H.allowUnverifiedPublishers,
-											onChange: (e) => U({
-												...H,
+											checked: U.allowUnverifiedPublishers,
+											onChange: (e) => W({
+												...U,
 												allowUnverifiedPublishers: e.target.checked
 											})
-										}), /* @__PURE__ */ d("span", {
+										}), /* @__PURE__ */ f("span", {
 											className: "text-sm text-text-primary",
 											children: "Allow unverified publishers to submit"
 										})]
 									})
 								]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "mt-4 flex justify-end gap-2",
-								children: [/* @__PURE__ */ d("button", {
+								children: [/* @__PURE__ */ f("button", {
 									type: "button",
 									onClick: () => {
-										V(!1), G(null), U(A);
+										H(!1), K(null), W(j);
 									},
 									className: "rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-sm text-text-primary hover:bg-surface-hover",
 									children: "Cancel"
-								}), /* @__PURE__ */ d("button", {
+								}), /* @__PURE__ */ f("button", {
 									type: "button",
-									onClick: () => void Z(),
+									onClick: () => void Q(),
 									className: "rounded-md bg-surface-accent px-3 py-1.5 text-sm font-medium text-text-on-accent hover:bg-surface-accent-hover",
-									children: W ? "Save changes" : "Create"
+									children: G ? "Save changes" : "Create"
 								})]
 							})
 						]
 					}),
-					I && P.length === 0 ? /* @__PURE__ */ d("output", {
+					L && F.length === 0 ? /* @__PURE__ */ f("output", {
 						className: "block py-16 text-center text-text-secondary",
 						children: "Loading stores…"
-					}) : P.length === 0 ? /* @__PURE__ */ d(C, {
+					}) : F.length === 0 ? /* @__PURE__ */ f(w, {
 						illustration: "empty-generic",
 						title: "No stores yet",
 						description: "Create your first store to give an audience a place to discover and install products.",
-						action: /* @__PURE__ */ f("button", {
+						action: /* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: Y,
+							onClick: X,
 							className: "inline-flex items-center gap-2 rounded-md bg-surface-accent px-3 py-1.5 text-sm font-medium text-text-on-accent hover:bg-surface-accent-hover",
-							children: [/* @__PURE__ */ d(o, { className: "size-4" }), "Create store"]
+							children: [/* @__PURE__ */ f(s, { className: "size-4" }), "Create store"]
 						})
-					}) : /* @__PURE__ */ d("div", {
+					}) : /* @__PURE__ */ f("div", {
 						className: "overflow-hidden rounded-lg border border-border-seam",
-						children: /* @__PURE__ */ f("table", {
+						children: /* @__PURE__ */ p("table", {
 							className: "w-full text-sm",
-							children: [/* @__PURE__ */ d("thead", {
+							children: [/* @__PURE__ */ f("thead", {
 								className: "bg-surface-muted text-left text-xs uppercase tracking-wide text-text-secondary",
-								children: /* @__PURE__ */ f("tr", { children: [
-									/* @__PURE__ */ d("th", {
+								children: /* @__PURE__ */ p("tr", { children: [
+									/* @__PURE__ */ f("th", {
 										className: "px-4 py-2",
 										children: "Slug"
 									}),
-									/* @__PURE__ */ d("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-4 py-2",
 										children: "Name"
 									}),
-									/* @__PURE__ */ d("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-4 py-2",
 										children: "Type"
 									}),
-									/* @__PURE__ */ d("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-4 py-2",
 										children: "Public"
 									}),
-									/* @__PURE__ */ d("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-4 py-2",
 										children: "Approval"
 									}),
-									/* @__PURE__ */ d("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-4 py-2",
 										children: "Currency"
 									}),
-									/* @__PURE__ */ d("th", {
+									/* @__PURE__ */ f("th", {
 										className: "px-4 py-2 text-right",
 										children: "Actions"
 									})
 								] })
-							}), /* @__PURE__ */ d("tbody", {
+							}), /* @__PURE__ */ f("tbody", {
 								className: "divide-y divide-border-seam bg-surface-raised",
-								children: P.map((e) => /* @__PURE__ */ f("tr", {
+								children: F.map((e) => /* @__PURE__ */ p("tr", {
 									className: "text-text-primary",
 									children: [
-										/* @__PURE__ */ d("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-4 py-2 font-mono text-xs",
 											children: e.slug
 										}),
-										/* @__PURE__ */ d("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-4 py-2",
 											children: e.name
 										}),
-										/* @__PURE__ */ d("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-4 py-2",
-											children: /* @__PURE__ */ d("span", {
+											children: /* @__PURE__ */ f("span", {
 												className: "rounded-full bg-surface-accent-muted px-2 py-0.5 text-xs font-medium text-text-accent",
 												children: e.type
 											})
 										}),
-										/* @__PURE__ */ d("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-4 py-2 text-xs",
 											children: e.isPublic ? "Yes" : "No"
 										}),
-										/* @__PURE__ */ d("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-4 py-2 text-xs",
 											children: e.requiresApproval ? "Required" : "Auto-publish"
 										}),
-										/* @__PURE__ */ d("td", {
+										/* @__PURE__ */ f("td", {
 											className: "px-4 py-2 text-xs",
 											children: e.currency
 										}),
-										/* @__PURE__ */ f("td", {
+										/* @__PURE__ */ p("td", {
 											className: "px-4 py-2 text-right",
-											children: [/* @__PURE__ */ f("button", {
+											children: [/* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: () => X(e),
+												onClick: () => Z(e),
 												className: "inline-flex items-center gap-1 rounded-md border border-border-default px-2 py-1 text-xs text-text-primary hover:bg-surface-hover",
-												children: [/* @__PURE__ */ d(a, { className: "size-3" }), "Edit"]
-											}), e.id !== "store_public_default" && /* @__PURE__ */ f("button", {
+												children: [/* @__PURE__ */ f(o, { className: "size-3" }), "Edit"]
+											}), e.id !== "store_public_default" && /* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: () => q(e.id),
+												onClick: () => J(e.id),
 												className: "ml-2 inline-flex items-center gap-1 rounded-md border border-border-danger px-2 py-1 text-xs text-text-danger hover:bg-surface-danger-muted",
-												children: [/* @__PURE__ */ d(l, { className: "size-3" }), "Delete"]
+												children: [/* @__PURE__ */ f(u, { className: "size-3" }), "Delete"]
 											})]
 										})
 									]
@@ -480,16 +476,16 @@ var E = "\n  query AdminStores {\n    stores {\n      id\n      slug\n      name
 					})
 				]
 			}),
-			/* @__PURE__ */ d(m, {
-				open: K !== null,
-				onOpenChange: (e) => !e && q(null),
-				children: /* @__PURE__ */ f(_, { children: [/* @__PURE__ */ f(b, { children: [/* @__PURE__ */ d(x, { children: "Delete this store?" }), /* @__PURE__ */ d(v, { children: "This is a soft delete." })] }), /* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d(g, {
-					onClick: () => q(null),
+			/* @__PURE__ */ f(h, {
+				open: q !== null,
+				onOpenChange: (e) => !e && J(null),
+				children: /* @__PURE__ */ p(v, { children: [/* @__PURE__ */ p(x, { children: [/* @__PURE__ */ f(S, { children: "Delete this store?" }), /* @__PURE__ */ f(y, { children: "This is a soft delete." })] }), /* @__PURE__ */ p(b, { children: [/* @__PURE__ */ f(_, {
+					onClick: () => J(null),
 					children: "Cancel"
-				}), /* @__PURE__ */ d(h, {
+				}), /* @__PURE__ */ f(g, {
 					className: "bg-surface-danger text-text-on-danger hover:bg-surface-danger-hover",
 					onClick: () => {
-						K && Q(K), q(null);
+						q && $(q), J(null);
 					},
 					children: "Delete"
 				})] })] })
@@ -498,6 +494,6 @@ var E = "\n  query AdminStores {\n    stores {\n      id\n      slug\n      name
 	});
 };
 //#endregion
-export { j as AdminStoresPage };
+export { M as AdminStoresPage };
 
 //# sourceMappingURL=AdminStoresPage.js.map