@burdenoff/microfe-devportal 2026.625.9 → 2026.626.1

package/dist/devportal/pages/StoreSubmissionPage.js

@@ -7,10 +7,11 @@ import { useEffect as i, useState as a } from "react";
 import { AlertTriangle as o, ArrowLeft as s, CheckCircle2 as c, Clock as l, RefreshCw as u, Store as d, XCircle as f } from "lucide-react";
 import { useNavigate as p, useParams as m } from "react-router-dom";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { graphqlFetch as _ } from "@burdenoff/fe-libs/shared/graphql";
+import { IllustratedEmptyState as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
+import { graphqlFetch as y } from "@burdenoff/fe-libs/shared/graphql";
 //#region src/devportal/pages/StoreSubmissionPage.tsx
-var v = "\n  query DevportalAppForSubmission($id: ID!) {\n    application(id: $id) {\n      id\n      name\n      slug\n      status\n      reviewStatus\n      iconUrl\n      metadata\n    }\n  }\n", y = "\n  mutation DevportalSubmitForReview($id: ID!, $notes: String) {\n    submitApplicationForReview(id: $id, notes: $notes) {\n      id\n      status\n      submittedAt\n      metadata\n    }\n  }\n";
-function b(e) {
+var b = "\n  query DevportalAppForSubmission($id: ID!) {\n    application(id: $id) {\n      id\n      name\n      slug\n      status\n      reviewStatus\n      iconUrl\n      metadata\n    }\n  }\n", x = "\n  mutation DevportalSubmitForReview($id: ID!, $notes: String) {\n    submitApplicationForReview(id: $id, notes: $notes) {\n      id\n      status\n      submittedAt\n      metadata\n    }\n  }\n";
+function S(e) {
 	if (!e) return null;
 	let t = e.metadata ?? {}, n = typeof t.storeProductId == "string" ? t.storeProductId : "", r = typeof t.storeSubmissionStatus == "string" ? t.storeSubmissionStatus : null;
 	return {
@@ -23,7 +24,7 @@ function b(e) {
 		rejectedReason: null
 	};
 }
-var x = {
+var C = {
 	DRAFT: {
 		i18nKey: "devportal.storeSubmission.status.draft",
 		fallback: "Draft",
@@ -54,54 +55,54 @@ var x = {
 		icon: o,
 		tone: "text-text-tertiary"
 	}
-}, S = () => {
-	let { appId: o } = m(), f = p(), S = e(), C = r(), w = n(t.APP_SUBMIT), [T, E] = a(null), [D, O] = a(!0), [k, A] = a(null), [j, M] = a(!1), [N, P] = a(""), F = async () => {
+}, w = () => {
+	let { appId: o } = m(), f = p(), w = e(), T = r(), E = n(t.APP_SUBMIT), [D, O] = a(null), [k, A] = a(!0), [j, M] = a(null), [N, P] = a(!1), [F, I] = a(""), L = async () => {
 		if (o) {
-			O(!0), A(null);
+			A(!0), M(null);
 			try {
-				let e = await _({
+				let e = await y({
 					gateway: "global",
-					query: v,
+					query: b,
 					variables: { id: o }
 				});
-				if (e.errors?.length) throw Error(e.errors[0]?.message ?? C("devportal.storeSubmission.errors.loadFailed", "Failed to load application"));
-				E(e.data?.application ?? null);
+				if (e.errors?.length) throw Error(e.errors[0]?.message ?? T("devportal.storeSubmission.errors.loadFailed", "Failed to load application"));
+				O(e.data?.application ?? null);
 			} catch (e) {
-				A(e instanceof Error ? e.message : C("devportal.storeSubmission.errors.loadFailed", "Failed to load application"));
+				M(e instanceof Error ? e.message : T("devportal.storeSubmission.errors.loadFailed", "Failed to load application"));
 			} finally {
-				O(!1);
+				A(!1);
 			}
 		}
 	};
 	i(() => {
-		F();
+		L();
 	}, [o]), i(() => {
-		let e = T?.name;
+		let e = D?.name;
 		if (!o || !e) return;
 		let t = window.__breadcrumbRegistry;
 		return t?.register(o, e), () => t?.unregister(o);
-	}, [o, T?.name]);
-	let I = async () => {
+	}, [o, D?.name]);
+	let R = async () => {
 		if (o) {
-			M(!0), A(null);
+			P(!0), M(null);
 			try {
-				let e = await _({
+				let e = await y({
 					gateway: "global",
-					query: y,
+					query: x,
 					variables: {
 						id: o,
-						notes: N || null
+						notes: F || null
 					}
 				});
-				if (e.errors?.length) throw Error(e.errors[0]?.message ?? C("devportal.storeSubmission.errors.submitFailed", "Submission failed"));
-				S.emit("devportal.app.submitted", { appId: o }), await F();
+				if (e.errors?.length) throw Error(e.errors[0]?.message ?? T("devportal.storeSubmission.errors.submitFailed", "Submission failed"));
+				w.emit("devportal.app.submitted", { appId: o }), await L();
 			} catch (e) {
-				A(e instanceof Error ? e.message : C("devportal.storeSubmission.errors.submitFailed", "Submission failed"));
+				M(e instanceof Error ? e.message : T("devportal.storeSubmission.errors.submitFailed", "Submission failed"));
 			} finally {
-				M(!1);
+				P(!1);
 			}
 		}
-	}, L = b(T), R = L ? x[L.status] : x.UNKNOWN, z = R.icon;
+	}, z = S(D), B = z ? C[z.status] : C.UNKNOWN, V = B.icon;
 	return /* @__PURE__ */ g("main", {
 		className: "min-h-screen bg-surface-default",
 		"aria-labelledby": "store-submission-heading",
@@ -118,7 +119,7 @@ var x = {
 						children: [/* @__PURE__ */ h(s, {
 							className: "h-4 w-4",
 							"aria-hidden": "true"
-						}), C("devportal.common.back", "Back")]
+						}), T("devportal.common.back", "Back")]
 					}), /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ h(d, {
@@ -127,208 +128,216 @@ var x = {
 						}), /* @__PURE__ */ h("h1", {
 							id: "store-submission-heading",
 							className: "text-xl font-semibold text-text-primary",
-							children: C("devportal.storeSubmission.title", "Store submission")
+							children: T("devportal.storeSubmission.title", "Store submission")
 						})]
 					})]
 				})
 			})
 		}), /* @__PURE__ */ g("div", {
 			className: "mx-auto max-w-3xl px-6 py-6",
-			children: [k && /* @__PURE__ */ h("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: k
-			}), D && !T ? /* @__PURE__ */ h("div", {
-				className: "py-16 text-center text-text-secondary",
-				role: "status",
-				"aria-live": "polite",
-				children: C("devportal.storeSubmission.loading", "Loading application…")
-			}) : T ? /* @__PURE__ */ g("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ h("div", {
-						className: "rounded-lg border border-border-default bg-surface-raised p-4",
-						children: /* @__PURE__ */ g("div", {
-							className: "flex items-center gap-3",
+			children: [
+				/* @__PURE__ */ h(v, {
+					className: "mb-5",
+					children: T("devportal.storeSubmission.purpose", "Finalize the details the marketplace needs before your app can be reviewed — pricing, categories, and required assets. Completing this is what makes the app eligible to submit for publication.")
+				}),
+				j && /* @__PURE__ */ h("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: j
+				}),
+				k && !D ? /* @__PURE__ */ h("div", {
+					className: "py-16 text-center text-text-secondary",
+					role: "status",
+					"aria-live": "polite",
+					children: T("devportal.storeSubmission.loading", "Loading application…")
+				}) : D ? /* @__PURE__ */ g("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ h("div", {
+							className: "rounded-lg border border-border-default bg-surface-raised p-4",
+							children: /* @__PURE__ */ g("div", {
+								className: "flex items-center gap-3",
+								children: [
+									D.iconUrl ? /* @__PURE__ */ h("img", {
+										src: D.iconUrl,
+										alt: "",
+										className: "h-14 w-14 flex-shrink-0 rounded-md object-cover"
+									}) : /* @__PURE__ */ h("div", {
+										className: "flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-text-secondary",
+										children: D.name.slice(0, 2).toUpperCase()
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "min-w-0 flex-1",
+										children: [/* @__PURE__ */ h("h2", {
+											className: "text-lg font-semibold text-text-primary",
+											children: D.name
+										}), /* @__PURE__ */ h("p", {
+											className: "font-mono text-xs text-text-tertiary",
+											children: D.slug
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: `flex items-center gap-1.5 ${B.tone}`,
+										role: "status",
+										children: [/* @__PURE__ */ h(V, {
+											className: "h-5 w-5",
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ h("span", {
+											className: "text-sm font-medium",
+											children: T(B.i18nKey, B.fallback)
+										})]
+									})
+								]
+							})
+						}),
+						z && z.status !== "UNKNOWN" && /* @__PURE__ */ g("div", {
+							className: "rounded-lg border border-border-default bg-surface-raised p-4",
 							children: [
-								T.iconUrl ? /* @__PURE__ */ h("img", {
-									src: T.iconUrl,
-									alt: "",
-									className: "h-14 w-14 flex-shrink-0 rounded-md object-cover"
-								}) : /* @__PURE__ */ h("div", {
-									className: "flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-text-secondary",
-									children: T.name.slice(0, 2).toUpperCase()
+								/* @__PURE__ */ h("h3", {
+									className: "mb-3 text-sm font-semibold text-text-primary",
+									children: T("devportal.storeSubmission.timeline", "Submission timeline")
+								}),
+								/* @__PURE__ */ g("ul", {
+									className: "space-y-2 text-sm",
+									children: [
+										z.submittedAt && /* @__PURE__ */ g("li", {
+											className: "flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ h(l, {
+													className: "h-4 w-4 text-text-tertiary",
+													"aria-hidden": "true"
+												}),
+												/* @__PURE__ */ h("span", {
+													className: "text-text-secondary",
+													children: T("devportal.storeSubmission.submitted", "Submitted:")
+												}),
+												/* @__PURE__ */ h("span", {
+													className: "text-text-primary",
+													children: new Date(z.submittedAt).toLocaleString()
+												})
+											]
+										}),
+										z.reviewedAt && /* @__PURE__ */ g("li", {
+											className: "flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ h(c, {
+													className: "h-4 w-4 text-text-tertiary",
+													"aria-hidden": "true"
+												}),
+												/* @__PURE__ */ h("span", {
+													className: "text-text-secondary",
+													children: T("devportal.storeSubmission.reviewed", "Reviewed:")
+												}),
+												/* @__PURE__ */ h("span", {
+													className: "text-text-primary",
+													children: new Date(z.reviewedAt).toLocaleString()
+												})
+											]
+										}),
+										z.publishedAt && /* @__PURE__ */ g("li", {
+											className: "flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ h(c, {
+													className: "h-4 w-4 text-status-success-text",
+													"aria-hidden": "true"
+												}),
+												/* @__PURE__ */ h("span", {
+													className: "text-text-secondary",
+													children: T("devportal.storeSubmission.published", "Published:")
+												}),
+												/* @__PURE__ */ h("span", {
+													className: "text-text-primary",
+													children: new Date(z.publishedAt).toLocaleString()
+												})
+											]
+										})
+									]
 								}),
-								/* @__PURE__ */ g("div", {
-									className: "min-w-0 flex-1",
-									children: [/* @__PURE__ */ h("h2", {
-										className: "text-lg font-semibold text-text-primary",
-										children: T.name
+								z.reviewNotes && /* @__PURE__ */ g("div", {
+									className: "mt-3 rounded-md bg-surface-muted p-3",
+									children: [/* @__PURE__ */ h("p", {
+										className: "text-xs font-medium text-text-secondary",
+										children: T("devportal.storeSubmission.reviewerNotes", "Reviewer notes")
 									}), /* @__PURE__ */ h("p", {
-										className: "font-mono text-xs text-text-tertiary",
-										children: T.slug
+										className: "mt-1 text-sm text-text-primary",
+										children: z.reviewNotes
 									})]
 								}),
-								/* @__PURE__ */ g("div", {
-									className: `flex items-center gap-1.5 ${R.tone}`,
-									role: "status",
-									children: [/* @__PURE__ */ h(z, {
-										className: "h-5 w-5",
-										"aria-hidden": "true"
-									}), /* @__PURE__ */ h("span", {
-										className: "text-sm font-medium",
-										children: C(R.i18nKey, R.fallback)
+								z.rejectedReason && /* @__PURE__ */ g("div", {
+									className: "mt-3 rounded-md border border-border-danger bg-surface-danger-muted p-3",
+									role: "alert",
+									children: [/* @__PURE__ */ h("p", {
+										className: "text-xs font-medium text-text-danger",
+										children: T("devportal.storeSubmission.rejectionReason", "Rejection reason")
+									}), /* @__PURE__ */ h("p", {
+										className: "mt-1 text-sm text-text-primary",
+										children: z.rejectedReason
 									})]
 								})
 							]
-						})
-					}),
-					L && L.status !== "UNKNOWN" && /* @__PURE__ */ g("div", {
-						className: "rounded-lg border border-border-default bg-surface-raised p-4",
-						children: [
-							/* @__PURE__ */ h("h3", {
-								className: "mb-3 text-sm font-semibold text-text-primary",
-								children: C("devportal.storeSubmission.timeline", "Submission timeline")
-							}),
-							/* @__PURE__ */ g("ul", {
-								className: "space-y-2 text-sm",
-								children: [
-									L.submittedAt && /* @__PURE__ */ g("li", {
-										className: "flex items-center gap-2",
-										children: [
-											/* @__PURE__ */ h(l, {
-												className: "h-4 w-4 text-text-tertiary",
-												"aria-hidden": "true"
-											}),
-											/* @__PURE__ */ h("span", {
-												className: "text-text-secondary",
-												children: C("devportal.storeSubmission.submitted", "Submitted:")
-											}),
-											/* @__PURE__ */ h("span", {
-												className: "text-text-primary",
-												children: new Date(L.submittedAt).toLocaleString()
-											})
-										]
-									}),
-									L.reviewedAt && /* @__PURE__ */ g("li", {
-										className: "flex items-center gap-2",
-										children: [
-											/* @__PURE__ */ h(c, {
-												className: "h-4 w-4 text-text-tertiary",
-												"aria-hidden": "true"
-											}),
-											/* @__PURE__ */ h("span", {
-												className: "text-text-secondary",
-												children: C("devportal.storeSubmission.reviewed", "Reviewed:")
-											}),
-											/* @__PURE__ */ h("span", {
-												className: "text-text-primary",
-												children: new Date(L.reviewedAt).toLocaleString()
-											})
-										]
-									}),
-									L.publishedAt && /* @__PURE__ */ g("li", {
-										className: "flex items-center gap-2",
-										children: [
-											/* @__PURE__ */ h(c, {
-												className: "h-4 w-4 text-status-success-text",
-												"aria-hidden": "true"
-											}),
-											/* @__PURE__ */ h("span", {
-												className: "text-text-secondary",
-												children: C("devportal.storeSubmission.published", "Published:")
-											}),
-											/* @__PURE__ */ h("span", {
-												className: "text-text-primary",
-												children: new Date(L.publishedAt).toLocaleString()
-											})
-										]
+						}),
+						(!z || z.status === "UNKNOWN" || z.status === "DRAFT" || z.status === "REJECTED") && /* @__PURE__ */ g("div", {
+							className: "rounded-lg border border-border-default bg-surface-raised p-4",
+							children: [
+								/* @__PURE__ */ h("h3", {
+									className: "mb-2 text-sm font-semibold text-text-primary",
+									children: z?.status === "REJECTED" ? T("devportal.storeSubmission.resubmitForReview", "Resubmit for review") : T("devportal.storeSubmission.submitForReview", "Submit for review")
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "mb-3 text-sm text-text-secondary",
+									children: T("devportal.storeSubmission.help", "Your application will be sent to the store's review queue. Whether it's auto-published or requires admin approval depends on the target store's configuration.")
+								}),
+								/* @__PURE__ */ h("label", {
+									className: "block",
+									htmlFor: "store-submission-notes",
+									children: /* @__PURE__ */ h("span", {
+										className: "sr-only",
+										children: T("devportal.storeSubmission.notesLabel", "Notes for the reviewer (optional)")
 									})
-								]
-							}),
-							L.reviewNotes && /* @__PURE__ */ g("div", {
-								className: "mt-3 rounded-md bg-surface-muted p-3",
-								children: [/* @__PURE__ */ h("p", {
-									className: "text-xs font-medium text-text-secondary",
-									children: C("devportal.storeSubmission.reviewerNotes", "Reviewer notes")
-								}), /* @__PURE__ */ h("p", {
-									className: "mt-1 text-sm text-text-primary",
-									children: L.reviewNotes
-								})]
-							}),
-							L.rejectedReason && /* @__PURE__ */ g("div", {
-								className: "mt-3 rounded-md border border-border-danger bg-surface-danger-muted p-3",
-								role: "alert",
-								children: [/* @__PURE__ */ h("p", {
-									className: "text-xs font-medium text-text-danger",
-									children: C("devportal.storeSubmission.rejectionReason", "Rejection reason")
-								}), /* @__PURE__ */ h("p", {
-									className: "mt-1 text-sm text-text-primary",
-									children: L.rejectedReason
-								})]
-							})
-						]
-					}),
-					(!L || L.status === "UNKNOWN" || L.status === "DRAFT" || L.status === "REJECTED") && /* @__PURE__ */ g("div", {
-						className: "rounded-lg border border-border-default bg-surface-raised p-4",
-						children: [
-							/* @__PURE__ */ h("h3", {
-								className: "mb-2 text-sm font-semibold text-text-primary",
-								children: L?.status === "REJECTED" ? C("devportal.storeSubmission.resubmitForReview", "Resubmit for review") : C("devportal.storeSubmission.submitForReview", "Submit for review")
-							}),
-							/* @__PURE__ */ h("p", {
-								className: "mb-3 text-sm text-text-secondary",
-								children: C("devportal.storeSubmission.help", "Your application will be sent to the store's review queue. Whether it's auto-published or requires admin approval depends on the target store's configuration.")
-							}),
-							/* @__PURE__ */ h("label", {
-								className: "block",
-								htmlFor: "store-submission-notes",
-								children: /* @__PURE__ */ h("span", {
-									className: "sr-only",
-									children: C("devportal.storeSubmission.notesLabel", "Notes for the reviewer (optional)")
+								}),
+								/* @__PURE__ */ h("textarea", {
+									id: "store-submission-notes",
+									value: F,
+									onChange: (e) => I(e.target.value),
+									rows: 3,
+									placeholder: T("devportal.storeSubmission.notesLabel", "Notes for the reviewer (optional)"),
+									className: "mb-3 w-full rounded-md border border-border-default bg-surface-default px-3 py-2 text-sm text-text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"
+								}),
+								/* @__PURE__ */ g("button", {
+									type: "button",
+									onClick: () => void R(),
+									disabled: N || !E.allowed,
+									"aria-disabled": N || !E.allowed,
+									title: E.allowed ? void 0 : T("devportal.common.noPermission", "You do not have permission to perform this action"),
+									className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text hover:opacity-90 disabled:opacity-60 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+									children: [N && /* @__PURE__ */ h(u, {
+										className: "h-4 w-4 animate-spin",
+										"aria-hidden": "true"
+									}), z?.status === "REJECTED" ? T("devportal.storeSubmission.resubmit", "Resubmit") : T("devportal.storeSubmission.submitForReview", "Submit for review")]
 								})
-							}),
-							/* @__PURE__ */ h("textarea", {
-								id: "store-submission-notes",
-								value: N,
-								onChange: (e) => P(e.target.value),
-								rows: 3,
-								placeholder: C("devportal.storeSubmission.notesLabel", "Notes for the reviewer (optional)"),
-								className: "mb-3 w-full rounded-md border border-border-default bg-surface-default px-3 py-2 text-sm text-text-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"
-							}),
-							/* @__PURE__ */ g("button", {
-								type: "button",
-								onClick: () => void I(),
-								disabled: j || !w.allowed,
-								"aria-disabled": j || !w.allowed,
-								title: w.allowed ? void 0 : C("devportal.common.noPermission", "You do not have permission to perform this action"),
-								className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text hover:opacity-90 disabled:opacity-60 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-								children: [j && /* @__PURE__ */ h(u, {
-									className: "h-4 w-4 animate-spin",
-									"aria-hidden": "true"
-								}), L?.status === "REJECTED" ? C("devportal.storeSubmission.resubmit", "Resubmit") : C("devportal.storeSubmission.submitForReview", "Submit for review")]
-							})
-						]
-					}),
-					L?.productId && /* @__PURE__ */ g("div", {
-						className: "rounded-lg border border-border-default bg-surface-raised p-4",
-						children: [/* @__PURE__ */ h("p", {
-							className: "text-xs font-medium text-text-secondary",
-							children: C("devportal.storeSubmission.storeProductId", "Store product ID")
-						}), /* @__PURE__ */ h("code", {
-							className: "mt-1 block break-all font-mono text-xs text-text-primary",
-							children: L.productId
-						})]
-					})
-				]
-			}) : /* @__PURE__ */ h("div", {
-				className: "py-16 text-center text-text-secondary",
-				children: C("devportal.storeSubmission.notFound", "Application not found.")
-			})]
+							]
+						}),
+						z?.productId && /* @__PURE__ */ g("div", {
+							className: "rounded-lg border border-border-default bg-surface-raised p-4",
+							children: [/* @__PURE__ */ h("p", {
+								className: "text-xs font-medium text-text-secondary",
+								children: T("devportal.storeSubmission.storeProductId", "Store product ID")
+							}), /* @__PURE__ */ h("code", {
+								className: "mt-1 block break-all font-mono text-xs text-text-primary",
+								children: z.productId
+							})]
+						})
+					]
+				}) : /* @__PURE__ */ h(_, {
+					illustration: "empty-generic",
+					title: T("devportal.storeSubmission.notFoundTitle", "Application not found"),
+					description: T("devportal.storeSubmission.notFound", "Application not found.")
+				})
+			]
 		})]
 	});
 };
 //#endregion
-export { S as StoreSubmissionPage };
+export { w as StoreSubmissionPage };
 
 //# sourceMappingURL=StoreSubmissionPage.js.map