@burdenoff/microfe-export 2026.626.2 → 2026.715.1

package/dist/export/pages/CreateExportPage.js

@@ -3,20 +3,21 @@ import { useAvailableEntities as t, useCreateExportJob as n, useExportTemplates
 import { cn as i } from "../utils/cn.js";
 import { getFormatDisplayName as a } from "../constants/enums.js";
 import { tWithFallback as ee } from "../utils/i18n.js";
-import { PageLayout as te } from "../components/PageLayout.js";
-import { isExportEntityDisabled as o } from "../utils/disabledModules.js";
-import { useEffect as s, useRef as ne, useState as c } from "react";
-import { ArrowLeft as l, ArrowRight as u, Building2 as d, CalendarRange as re, CheckCircle2 as f, Download as p, FileJson as m, FileSpreadsheet as h, Loader2 as g, Lock as ie, Package as ae, User as _, Users as v } from "lucide-react";
+import { PageLayout as o } from "../components/PageLayout.js";
+import { isExportEntityDisabled as s } from "../utils/disabledModules.js";
+import { useEffect as te, useRef as ne, useState as c } from "react";
+import { ArrowLeft as re, ArrowRight as l, Building2 as u, CalendarRange as ie, CheckCircle2 as d, Download as f, FileJson as p, FileSpreadsheet as m, Loader2 as ae, Lock as h, Package as g, User as _, Users as v } from "lucide-react";
 import { usePermission as y } from "@burdenoff/fe-libs/shared/providers/shell";
 import { useSearchParams as oe } from "react-router-dom";
+import { isQuotaExhaustedError as se } from "@burdenoff/fe-libs/shared/utils";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { EmphasisPanel as se, IllustratedEmptyState as ce, PagePurpose as le, ShowMore as C } from "@burdenoff/fe-libs/ui";
+import { useI18n as ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertDialog as le, AlertDialogAction as ue, AlertDialogCancel as de, AlertDialogContent as fe, AlertDialogDescription as pe, AlertDialogFooter as me, AlertDialogHeader as he, AlertDialogTitle as ge, EmphasisPanel as _e, IllustratedEmptyState as ve, PagePurpose as ye, ShowMore as be } from "@burdenoff/fe-libs/ui";
 //#region src/export/pages/CreateExportPage.tsx
-var w = ["CSV", "JSON"], T = {
-	CSV: h,
-	JSON: m
-}, E = [
+var S = ["CSV", "JSON"], xe = {
+	CSV: m,
+	JSON: p
+}, Se = [
 	{
 		value: "INDIVIDUAL",
 		label: "My Data Only",
@@ -33,53 +34,57 @@ var w = ["CSV", "JSON"], T = {
 		value: "ORG_ADMIN",
 		label: "All Organization Data",
 		description: "Export data from every workspace in your organization. Requires org-admin access.",
-		Icon: d
+		Icon: u
 	}
 ];
-function D() {
-	let { basePath: d = "/", navigate: m, organizationId: h } = e(), { t: _ } = S(), v = (e, t, n) => ee(_, e, t, n), { createJob: D, isPending: O } = n(), { data: ue } = t(), { data: k } = r(), [A] = oe(), de = y("export:workspace:admin"), fe = y("export:org:admin"), [j, M] = c("entities"), [N, P] = c([]), [F, I] = c(""), [L, R] = c("CSV"), [z, B] = c("INDIVIDUAL"), [V, H] = c(A.get("templateId") ?? void 0), [U, pe] = c(""), [W, me] = c(""), [G, K] = c(null), q = ne(null);
-	s(() => {
-		let e = A.get("templateId");
-		if (!e || !k?.length || q.current === e) return;
-		let t = k.find((t) => t.id === e);
+function C() {
+	let { basePath: u = "/", navigate: p, organizationId: m } = e(), { t: _ } = ce(), v = (e, t, n) => ee(_, e, t, n), { createJob: C, isPending: w } = n(), { data: T } = t(), { data: E } = r(), [D] = oe(), O = y("export:workspace:admin"), k = y("export:org:admin"), [A, j] = c("entities"), [M, N] = c([]), [P, F] = c(""), [I, L] = c("CSV"), [R, Ce] = c("INDIVIDUAL"), [z, B] = c(D.get("templateId") ?? void 0), [V, we] = c(""), [H, Te] = c(""), [U, W] = c(null), [Ee, G] = c(!1), K = ne(null);
+	te(() => {
+		let e = D.get("templateId");
+		if (!e || !E?.length || K.current === e) return;
+		let t = E.find((t) => t.id === e);
 		if (!t) return;
-		q.current = e, H(t.id), P((t.entityTypes ?? []).filter((e) => !o(e)));
+		K.current = e, B(t.id), N((t.entityTypes ?? []).filter((e) => !s(e)));
 		let n = t.format?.toUpperCase();
-		n && w.includes(n) && R(n), t.name && I(t.name);
-	}, [A, k]);
-	let he = () => {
-		j === "options" ? M("entities") : j === "review" ? M("options") : m?.(d);
-	}, ge = () => {
-		if (j === "entities") {
-			if (N.length === 0) {
-				K(v("export.create.errors.selectEntity", "Please select at least one entity type to export"));
+		n && S.includes(n) && L(n), t.name && F(t.name);
+	}, [D, E]);
+	let De = () => {
+		A === "options" ? j("entities") : A === "review" ? j("options") : p?.(u);
+	}, Oe = () => {
+		if (A === "entities") {
+			if (M.length === 0) {
+				W(v("export.create.errors.selectEntity", "Please select at least one entity type to export"));
 				return;
 			}
-			K(null), M("options");
-		} else if (j === "options") {
-			if (!F.trim()) {
-				K(v("export.create.errors.exportNameRequired", "Please provide a name for this export"));
+			W(null), j("options");
+		} else if (A === "options") {
+			if (!P.trim()) {
+				W(v("export.create.errors.exportNameRequired", "Please provide a name for this export"));
 				return;
 			}
-			K(null), M("review");
+			W(null), j("review");
 		}
-	}, _e = async () => {
+	}, ke = async () => {
 		try {
-			K(null), await D({
-				name: F,
-				entityTypes: N,
-				format: L,
-				exportScope: z,
-				organizationId: z === "ORG_ADMIN" ? h : void 0,
-				templateId: V,
-				dateRangeStart: U ? new Date(U).toISOString() : null,
-				dateRangeEnd: W ? new Date(W).toISOString() : null
-			}), m?.(d);
+			W(null), await C({
+				name: P,
+				entityTypes: M,
+				format: I,
+				exportScope: R,
+				organizationId: R === "ORG_ADMIN" ? m : void 0,
+				templateId: z,
+				dateRangeStart: V ? new Date(V).toISOString() : null,
+				dateRangeEnd: H ? new Date(H).toISOString() : null
+			}), p?.(u);
 		} catch (e) {
-			K(e instanceof Error ? e.message : v("export.create.errors.createFailed", "Failed to create export"));
+			if (se(e)) {
+				G(!0), W(v("export.create.errors.quotaReached", "You have reached your export limit for this month."));
+				return;
+			}
+			W(e instanceof Error ? e.message : v("export.create.errors.createFailed", "Failed to create export"));
 		}
-	}, ve = (e) => {
-		o(e) || P((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, q = (e) => {
+		s(e) || N((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 	}, J = (e) => {
 		switch (e) {
 			case "INDIVIDUAL": return v("export.create.scope.individual.label", "My Data Only");
@@ -87,7 +92,7 @@ function D() {
 			case "ORG_ADMIN": return v("export.create.scope.orgAdmin.label", "All Organization Data");
 			default: return e;
 		}
-	}, ye = (e) => {
+	}, Ae = (e) => {
 		switch (e) {
 			case "INDIVIDUAL": return v("export.create.scope.individual.description", "Export data you personally created across selected modules.");
 			case "WORKSPACE_ADMIN": return v("export.create.scope.workspaceAdmin.description", "Export all data in this workspace regardless of who created it. Requires workspace admin access.");
@@ -127,11 +132,11 @@ function D() {
 			label: v("export.create.entities.calendar.label", "Calendar Events"),
 			description: v("export.create.entities.calendar.description", "Events and bookings")
 		}
-	}, X = ue.filter((e) => e.enabled !== !1), Z = X.filter((e) => !o(e.entityType)), Q = X.filter((e) => o(e.entityType)), $ = (e, t) => {
-		let n = !t && N.includes(e.entityType);
+	}, X = T.filter((e) => e.enabled !== !1), Z = X.filter((e) => !s(e.entityType)), Q = X.filter((e) => s(e.entityType)), $ = (e, t) => {
+		let n = !t && M.includes(e.entityType);
 		return /* @__PURE__ */ x("button", {
 			type: "button",
-			onClick: () => ve(e.entityType),
+			onClick: () => q(e.entityType),
 			disabled: t,
 			"aria-disabled": t,
 			title: t ? v("export.create.select.unavailableHint", "Export for this product isn't available yet") : void 0,
@@ -145,7 +150,7 @@ function D() {
 					}), t ? /* @__PURE__ */ b("span", {
 						className: "shrink-0 text-xs font-medium px-2 py-0.5 rounded-full bg-bg-sunken text-text-secondary",
 						children: v("export.create.select.unavailable", "Unavailable")
-					}) : n && /* @__PURE__ */ b(f, {
+					}) : n && /* @__PURE__ */ b(d, {
 						size: 18,
 						className: "text-primary"
 					})]
@@ -161,7 +166,7 @@ function D() {
 			]
 		}, e.entityType);
 	};
-	return /* @__PURE__ */ x(te, {
+	return /* @__PURE__ */ x(o, {
 		showHeader: !1,
 		children: [
 			/* @__PURE__ */ b("div", {
@@ -170,15 +175,15 @@ function D() {
 					className: "relative z-10 flex items-center gap-4",
 					children: [/* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: () => m?.(d),
+						onClick: () => p?.(u),
 						className: "p-2.5 hover:bg-accent rounded-lg transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
 						"aria-label": v("export.create.actions.backToDashboard", "Back to export dashboard"),
-						children: /* @__PURE__ */ b(l, { size: 20 })
+						children: /* @__PURE__ */ b(re, { size: 20 })
 					}), /* @__PURE__ */ x("div", {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ b("div", {
 							className: "p-2.5 rounded-lg bg-action-primary-bg/10 backdrop-blur-sm",
-							children: /* @__PURE__ */ b(p, {
+							children: /* @__PURE__ */ b(f, {
 								size: 24,
 								className: "text-primary"
 							})
@@ -189,8 +194,8 @@ function D() {
 					})]
 				})
 			}),
-			/* @__PURE__ */ b(le, {
-				icon: /* @__PURE__ */ b(p, { size: 16 }),
+			/* @__PURE__ */ b(ye, {
+				icon: /* @__PURE__ */ b(f, { size: 16 }),
 				children: v("export.create.purpose", "Build a one-off export in three steps: pick which data to include, choose a format and scope, then review and start it. The export runs in the background and produces a downloadable ZIP you can grab from History when it finishes.")
 			}),
 			/* @__PURE__ */ b("div", {
@@ -201,11 +206,11 @@ function D() {
 					"review"
 				].map((e, t) => /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-2",
-					children: [t > 0 && /* @__PURE__ */ b(u, {
+					children: [t > 0 && /* @__PURE__ */ b(l, {
 						size: 18,
 						className: "text-text-secondary"
 					}), /* @__PURE__ */ x("div", {
-						className: i("flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium border-2 transition-all duration-200", j === e ? "bg-action-primary-bg text-action-primary-text border-primary shadow-[var(--shadow-pop)]" : "bg-bg-sunken/50 text-text-secondary border-border-seam"),
+						className: i("flex items-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium border-2 transition-all duration-200", A === e ? "bg-action-primary-bg text-action-primary-text border-primary shadow-[var(--shadow-pop)]" : "bg-bg-sunken/50 text-text-secondary border-border-seam"),
 						children: [/* @__PURE__ */ b("div", {
 							className: "flex items-center justify-center size-6 rounded-full bg-bg-surface/20 font-bold",
 							children: t + 1
@@ -216,11 +221,11 @@ function D() {
 					})]
 				}, e))
 			}),
-			G && /* @__PURE__ */ b("div", {
+			U && /* @__PURE__ */ b("div", {
 				className: "border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-4 text-status-error-text text-sm",
-				children: G
+				children: U
 			}),
-			j === "entities" && /* @__PURE__ */ x("div", {
+			A === "entities" && /* @__PURE__ */ x("div", {
 				className: "space-y-4",
 				children: [
 					/* @__PURE__ */ b("h2", {
@@ -231,7 +236,7 @@ function D() {
 						className: "text-sm text-text-secondary",
 						children: v("export.create.select.description", "Choose which entity types to include in your export.")
 					}),
-					X.length === 0 ? /* @__PURE__ */ b(ce, {
+					X.length === 0 ? /* @__PURE__ */ b(ve, {
 						illustration: "empty-data",
 						title: v("export.create.select.emptyTitle", "Nothing to export yet"),
 						description: v("export.create.select.empty", "No exportable entity types are configured for this workspace yet. Once your workspace has data in supported modules, they'll show up here to select.")
@@ -260,7 +265,7 @@ function D() {
 					})
 				]
 			}),
-			j === "options" && /* @__PURE__ */ b("div", {
+			A === "options" && /* @__PURE__ */ b("div", {
 				className: "space-y-6",
 				children: /* @__PURE__ */ x("div", {
 					className: "border border-border-seam rounded-xl p-6 space-y-5 bg-bg-surface",
@@ -274,13 +279,13 @@ function D() {
 							children: v("export.create.options.scope", "Export Scope")
 						}), /* @__PURE__ */ b("div", {
 							className: "grid grid-cols-1 sm:grid-cols-3 gap-3",
-							children: E.map(({ value: e, Icon: t }) => {
-								let n = e === "WORKSPACE_ADMIN" && !de || e === "ORG_ADMIN" && !fe;
+							children: Se.map(({ value: e, Icon: t }) => {
+								let n = e === "WORKSPACE_ADMIN" && !O || e === "ORG_ADMIN" && !k;
 								return /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => !n && B(e),
+									onClick: () => !n && Ce(e),
 									disabled: n,
-									className: i("text-left border-2 rounded-xl p-4 transition-all duration-200", z === e ? "border-primary bg-action-primary-bg/5 shadow-md" : n ? "border-border-subtle/30 opacity-50 cursor-not-allowed" : "border-border-subtle/50 hover:border-primary/30 hover:shadow-sm"),
+									className: i("text-left border-2 rounded-xl p-4 transition-all duration-200", R === e ? "border-primary bg-action-primary-bg/5 shadow-md" : n ? "border-border-subtle/30 opacity-50 cursor-not-allowed" : "border-border-subtle/50 hover:border-primary/30 hover:shadow-sm"),
 									title: n ? e === "WORKSPACE_ADMIN" ? "Workspace admin access required" : "Organization admin access required" : void 0,
 									children: [
 										/* @__PURE__ */ x("div", {
@@ -288,13 +293,13 @@ function D() {
 											children: [
 												/* @__PURE__ */ b(t, {
 													size: 18,
-													className: z === e ? "text-primary" : n ? "text-text-secondary/50" : "text-text-secondary"
+													className: R === e ? "text-primary" : n ? "text-text-secondary/50" : "text-text-secondary"
 												}),
-												z === e && /* @__PURE__ */ b(f, {
+												R === e && /* @__PURE__ */ b(d, {
 													size: 16,
 													className: "text-primary"
 												}),
-												n && /* @__PURE__ */ b(ie, {
+												n && /* @__PURE__ */ b(h, {
 													size: 14,
 													className: "text-text-secondary/50"
 												})
@@ -306,7 +311,7 @@ function D() {
 										}),
 										/* @__PURE__ */ b("p", {
 											className: "text-xs text-text-secondary mt-1",
-											children: ye(e)
+											children: Ae(e)
 										})
 									]
 								}, e);
@@ -327,8 +332,8 @@ function D() {
 							type: "text",
 							id: "exportName",
 							"aria-label": v("export.create.options.name", "Export Name"),
-							value: F,
-							onChange: (e) => I(e.target.value),
+							value: P,
+							onChange: (e) => F(e.target.value),
 							className: "w-full px-4 py-2.5 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all duration-200",
 							placeholder: v("export.create.options.namePlaceholder", "e.g., Monthly User Export")
 						})] }),
@@ -337,15 +342,15 @@ function D() {
 							children: v("export.create.options.outputFormat", "Output Format")
 						}), /* @__PURE__ */ b("div", {
 							className: "grid grid-cols-2 gap-3",
-							children: w.map((e) => {
-								let t = T[e];
+							children: S.map((e) => {
+								let t = xe[e];
 								return /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => R(e),
-									className: i("flex items-center gap-3 border-2 rounded-lg p-3 transition-all duration-200", L === e ? "border-primary bg-action-primary-bg/5" : "border-border-subtle/50 hover:border-primary/30"),
+									onClick: () => L(e),
+									className: i("flex items-center gap-3 border-2 rounded-lg p-3 transition-all duration-200", I === e ? "border-primary bg-action-primary-bg/5" : "border-border-subtle/50 hover:border-primary/30"),
 									children: [/* @__PURE__ */ b(t, {
 										size: 18,
-										className: L === e ? "text-primary" : "text-text-secondary"
+										className: I === e ? "text-primary" : "text-text-secondary"
 									}), /* @__PURE__ */ b("span", {
 										className: "font-medium text-sm",
 										children: a(e)
@@ -362,7 +367,7 @@ function D() {
 								className: "flex gap-3",
 								children: /* @__PURE__ */ x("div", {
 									className: i("flex items-center gap-2 border-2 rounded-lg px-4 py-2 border-primary bg-action-primary-bg/5"),
-									children: [/* @__PURE__ */ b(ae, {
+									children: [/* @__PURE__ */ b(g, {
 										size: 16,
 										className: "text-primary"
 									}), /* @__PURE__ */ b("span", {
@@ -376,7 +381,7 @@ function D() {
 								children: v("export.create.options.archiveDescription", "Exports are packaged as ZIP archives.")
 							})
 						] }),
-						/* @__PURE__ */ b(C, {
+						/* @__PURE__ */ b(be, {
 							collapsedHeight: 0,
 							label: v("export.create.options.advancedToggle", "Date range & template"),
 							children: /* @__PURE__ */ x("div", {
@@ -387,7 +392,7 @@ function D() {
 										children: /* @__PURE__ */ x("span", {
 											className: "inline-flex items-center gap-1.5",
 											children: [
-												/* @__PURE__ */ b(re, { size: 15 }),
+												/* @__PURE__ */ b(ie, { size: 15 }),
 												v("export.create.options.dateRange", "Date Range"),
 												" ",
 												/* @__PURE__ */ b("span", {
@@ -407,8 +412,8 @@ function D() {
 											type: "date",
 											id: "dateFrom",
 											"aria-label": v("export.create.options.dateFrom", "From"),
-											value: U,
-											onChange: (e) => pe(e.target.value),
+											value: V,
+											onChange: (e) => we(e.target.value),
 											className: "w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary text-sm"
 										})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 											htmlFor: "dateTo",
@@ -418,9 +423,9 @@ function D() {
 											type: "date",
 											id: "dateTo",
 											"aria-label": v("export.create.options.dateTo", "To"),
-											value: W,
-											min: U,
-											onChange: (e) => me(e.target.value),
+											value: H,
+											min: V,
+											onChange: (e) => Te(e.target.value),
 											className: "w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary text-sm"
 										})] })]
 									}),
@@ -438,14 +443,14 @@ function D() {
 											children: v("export.create.shared.optional", "(optional)")
 										})
 									]
-								}), k.length > 0 ? /* @__PURE__ */ x("select", {
-									value: V ?? "",
-									onChange: (e) => H(e.target.value || void 0),
+								}), E.length > 0 ? /* @__PURE__ */ x("select", {
+									value: z ?? "",
+									onChange: (e) => B(e.target.value || void 0),
 									className: "w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary",
 									children: [/* @__PURE__ */ b("option", {
 										value: "",
 										children: v("export.create.options.noTemplate", "No template")
-									}), k.map((e) => /* @__PURE__ */ b("option", {
+									}), E.map((e) => /* @__PURE__ */ b("option", {
 										value: e.id,
 										children: e.name
 									}, e.id))]
@@ -456,7 +461,7 @@ function D() {
 										" ",
 										/* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: () => m?.(d + "/templates"),
+											onClick: () => p?.(u + "/templates"),
 											className: "text-primary underline-offset-2 hover:underline",
 											children: v("export.create.options.createTemplateLink", "Create one")
 										}),
@@ -469,13 +474,13 @@ function D() {
 					]
 				})
 			}),
-			j === "review" && /* @__PURE__ */ b("div", {
+			A === "review" && /* @__PURE__ */ b("div", {
 				className: "space-y-6",
-				children: /* @__PURE__ */ x(se, {
+				children: /* @__PURE__ */ x(_e, {
 					className: "p-6 space-y-4",
 					children: [/* @__PURE__ */ x("h2", {
 						className: "text-lg font-bold flex items-center gap-2",
-						children: [/* @__PURE__ */ b(f, {
+						children: [/* @__PURE__ */ b(d, {
 							size: 20,
 							className: "text-primary"
 						}), v("export.create.review.title", "Review Export")]
@@ -484,31 +489,31 @@ function D() {
 						children: [
 							{
 								label: v("export.create.review.fields.name", "Name"),
-								value: F
+								value: P
 							},
 							{
 								label: v("export.create.review.fields.scope", "Scope"),
-								value: J(z)
+								value: J(R)
 							},
 							{
 								label: v("export.create.review.fields.entityTypes", "Entity Types"),
-								value: N.join(", ")
+								value: M.join(", ")
 							},
 							{
 								label: v("export.create.review.fields.format", "Format"),
-								value: a(L)
+								value: a(I)
 							},
 							{
 								label: v("export.create.review.fields.archive", "Archive"),
 								value: "ZIP"
 							},
-							...U || W ? [{
+							...V || H ? [{
 								label: v("export.create.review.fields.dateRange", "Date Range"),
-								value: [U || "—", W || "—"].join(" → ")
+								value: [V || "—", H || "—"].join(" → ")
 							}] : [],
-							...V ? [{
+							...z ? [{
 								label: v("export.create.review.fields.template", "Template"),
-								value: k.find((e) => e.id === V)?.name ?? V
+								value: E.find((e) => e.id === z)?.name ?? z
 							}] : []
 						].map(({ label: e, value: t }) => /* @__PURE__ */ x("div", {
 							className: "flex flex-col sm:flex-row sm:justify-between gap-1",
@@ -527,29 +532,37 @@ function D() {
 				className: "flex flex-col sm:flex-row gap-3 pt-2",
 				children: [/* @__PURE__ */ b("button", {
 					type: "button",
-					onClick: he,
+					onClick: De,
 					className: "px-6 py-3 border-2 border-border-subtle/50 rounded-lg hover:bg-accent hover:border-primary/30 transition-all duration-200 font-medium",
-					children: j === "entities" ? v("export.create.actions.cancel", "Cancel") : v("export.create.actions.back", "Back")
-				}), j === "review" ? /* @__PURE__ */ x("button", {
+					children: A === "entities" ? v("export.create.actions.cancel", "Cancel") : v("export.create.actions.back", "Back")
+				}), A === "review" ? /* @__PURE__ */ x("button", {
 					type: "button",
-					onClick: _e,
-					disabled: O,
+					onClick: ke,
+					disabled: w,
 					className: "flex-1 inline-flex items-center justify-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-all duration-200 font-bold shadow-lg disabled:opacity-50 disabled:cursor-not-allowed",
-					children: [O ? /* @__PURE__ */ b(g, {
+					children: [w ? /* @__PURE__ */ b(ae, {
 						size: 18,
 						className: "animate-spin"
-					}) : /* @__PURE__ */ b(p, { size: 18 }), v("export.create.actions.startExport", "Start Export")]
+					}) : /* @__PURE__ */ b(f, { size: 18 }), v("export.create.actions.startExport", "Start Export")]
 				}) : /* @__PURE__ */ x("button", {
 					type: "button",
-					onClick: ge,
+					onClick: Oe,
 					className: "flex-1 inline-flex items-center justify-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-all duration-200 font-bold shadow-lg",
-					children: [v("export.create.actions.next", "Next"), /* @__PURE__ */ b(u, { size: 18 })]
+					children: [v("export.create.actions.next", "Next"), /* @__PURE__ */ b(l, { size: 18 })]
 				})]
+			}),
+			/* @__PURE__ */ b(le, {
+				open: Ee,
+				onOpenChange: G,
+				children: /* @__PURE__ */ x(fe, { children: [/* @__PURE__ */ x(he, { children: [/* @__PURE__ */ b(ge, { children: v("export.create.quotaDialog.title", "Export Limit Reached") }), /* @__PURE__ */ b(pe, { children: v("export.create.quotaDialog.description", "You have reached your export limit for this month.") })] }), /* @__PURE__ */ x(me, { children: [/* @__PURE__ */ b(de, { children: v("export.create.quotaDialog.dismiss", "Dismiss") }), /* @__PURE__ */ b(ue, {
+					onClick: () => window.location.assign("/billing"),
+					children: v("export.create.quotaDialog.viewBilling", "View Billing")
+				})] })] })
 			})
 		]
 	});
 }
 //#endregion
-export { D as CreateExportPage };
+export { C as CreateExportPage };
 
 //# sourceMappingURL=CreateExportPage.js.map