npm - @burdenoff/microfe-devportal - Versions diffs - 2026.608.1 → 2026.609.2 - Mend

@burdenoff/microfe-devportal 2026.608.1 → 2026.609.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (93) hide show

package/dist/devportal/pages/StoreSubmissionPage.js CHANGED Viewed

@@ -8,9 +8,11 @@ import { AlertTriangle as o, ArrowLeft as s, CheckCircle2 as c, Clock as l, Refr
 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 { useApolloClient as v } from "@apollo/client/react";
+import { gql as y } from "@apollo/client/core";
 //#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 +25,7 @@ function b(e) {
 		rejectedReason: null
 	};
 }
-var x = {
+var C = {
 	DRAFT: {
 		i18nKey: "devportal.storeSubmission.status.draft",
 		fallback: "Draft",
@@ -54,53 +56,73 @@ 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 = v(), R = async () => {
 		if (o) {
-			O(!0), A(null);
+			A(!0), M(null);
 			try {
 				let e = await _({
 					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();
-		let e = () => {
-			F();
-		};
-		return window.addEventListener("focus", e), () => window.removeEventListener("focus", e);
-	}, [o]);
-	let I = async () => {
+		R();
+	}, [o]), i(() => {
+		if (!o) return;
+		let e = L.subscribe({
+			query: y`
+        subscription ApplicationStoreStatusChanged($applicationId: ID!) {
+          applicationStoreStatusChanged(applicationId: $applicationId) {
+            applicationId
+            status
+            reviewNotes
+            rejectedReason
+            updatedAt
+          }
+        }
+      `,
+			variables: { applicationId: o }
+		}).subscribe({
+			next: () => {
+				R();
+			},
+			error: (e) => {
+				console.warn("[StoreSubmissionPage] subscription error:", e);
+			}
+		});
+		return () => e.unsubscribe();
+	}, [o, L]);
+	let z = async () => {
 		if (o) {
-			M(!0), A(null);
+			P(!0), M(null);
 			try {
 				let e = await _({
 					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 R();
 			} 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;
+	}, B = S(D), V = B ? C[B.status] : C.UNKNOWN, H = V.icon;
 	return /* @__PURE__ */ g("main", {
 		className: "min-h-screen bg-surface-default",
 		"aria-labelledby": "store-submission-heading",
@@ -117,7 +139,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, {
@@ -126,23 +148,23 @@ 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", {
+			children: [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: k
-			}), D && !T ? /* @__PURE__ */ h("div", {
+				children: j
+			}), k && !D ? /* @__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", {
+				children: T("devportal.storeSubmission.loading", "Loading application…")
+			}) : D ? /* @__PURE__ */ g("div", {
 				className: "space-y-4",
 				children: [
 					/* @__PURE__ */ h("div", {
@@ -150,49 +172,49 @@ var x = {
 						children: /* @__PURE__ */ g("div", {
 							className: "flex items-center gap-3",
 							children: [
-								T.iconUrl ? /* @__PURE__ */ h("img", {
-									src: T.iconUrl,
+								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: T.name.slice(0, 2).toUpperCase()
+									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: T.name
+										children: D.name
 									}), /* @__PURE__ */ h("p", {
 										className: "font-mono text-xs text-text-tertiary",
-										children: T.slug
+										children: D.slug
 									})]
 								}),
 								/* @__PURE__ */ g("div", {
-									className: `flex items-center gap-1.5 ${R.tone}`,
+									className: `flex items-center gap-1.5 ${V.tone}`,
 									role: "status",
-									children: [/* @__PURE__ */ h(z, {
+									children: [/* @__PURE__ */ h(H, {
 										className: "h-5 w-5",
 										"aria-hidden": "true"
 									}), /* @__PURE__ */ h("span", {
 										className: "text-sm font-medium",
-										children: C(R.i18nKey, R.fallback)
+										children: T(V.i18nKey, V.fallback)
 									})]
 								})
 							]
 						})
 					}),
-					L && L.status !== "UNKNOWN" && /* @__PURE__ */ g("div", {
+					B && B.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")
+								children: T("devportal.storeSubmission.timeline", "Submission timeline")
 							}),
 							/* @__PURE__ */ g("ul", {
 								className: "space-y-2 text-sm",
 								children: [
-									L.submittedAt && /* @__PURE__ */ g("li", {
+									B.submittedAt && /* @__PURE__ */ g("li", {
 										className: "flex items-center gap-2",
 										children: [
 											/* @__PURE__ */ h(l, {
@@ -201,15 +223,15 @@ var x = {
 											}),
 											/* @__PURE__ */ h("span", {
 												className: "text-text-secondary",
-												children: C("devportal.storeSubmission.submitted", "Submitted:")
+												children: T("devportal.storeSubmission.submitted", "Submitted:")
 											}),
 											/* @__PURE__ */ h("span", {
 												className: "text-text-primary",
-												children: new Date(L.submittedAt).toLocaleString()
+												children: new Date(B.submittedAt).toLocaleString()
 											})
 										]
 									}),
-									L.reviewedAt && /* @__PURE__ */ g("li", {
+									B.reviewedAt && /* @__PURE__ */ g("li", {
 										className: "flex items-center gap-2",
 										children: [
 											/* @__PURE__ */ h(c, {
@@ -218,15 +240,15 @@ var x = {
 											}),
 											/* @__PURE__ */ h("span", {
 												className: "text-text-secondary",
-												children: C("devportal.storeSubmission.reviewed", "Reviewed:")
+												children: T("devportal.storeSubmission.reviewed", "Reviewed:")
 											}),
 											/* @__PURE__ */ h("span", {
 												className: "text-text-primary",
-												children: new Date(L.reviewedAt).toLocaleString()
+												children: new Date(B.reviewedAt).toLocaleString()
 											})
 										]
 									}),
-									L.publishedAt && /* @__PURE__ */ g("li", {
+									B.publishedAt && /* @__PURE__ */ g("li", {
 										className: "flex items-center gap-2",
 										children: [
 											/* @__PURE__ */ h(c, {
@@ -235,99 +257,99 @@ var x = {
 											}),
 											/* @__PURE__ */ h("span", {
 												className: "text-text-secondary",
-												children: C("devportal.storeSubmission.published", "Published:")
+												children: T("devportal.storeSubmission.published", "Published:")
 											}),
 											/* @__PURE__ */ h("span", {
 												className: "text-text-primary",
-												children: new Date(L.publishedAt).toLocaleString()
+												children: new Date(B.publishedAt).toLocaleString()
 											})
 										]
 									})
 								]
 							}),
-							L.reviewNotes && /* @__PURE__ */ g("div", {
+							B.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")
+									children: T("devportal.storeSubmission.reviewerNotes", "Reviewer notes")
 								}), /* @__PURE__ */ h("p", {
 									className: "mt-1 text-sm text-text-primary",
-									children: L.reviewNotes
+									children: B.reviewNotes
 								})]
 							}),
-							L.rejectedReason && /* @__PURE__ */ g("div", {
+							B.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")
+									children: T("devportal.storeSubmission.rejectionReason", "Rejection reason")
 								}), /* @__PURE__ */ h("p", {
 									className: "mt-1 text-sm text-text-primary",
-									children: L.rejectedReason
+									children: B.rejectedReason
 								})]
 							})
 						]
 					}),
-					(!L || L.status === "UNKNOWN" || L.status === "DRAFT" || L.status === "REJECTED") && /* @__PURE__ */ g("div", {
+					(!B || B.status === "UNKNOWN" || B.status === "DRAFT" || B.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")
+								children: B?.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: 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.")
+								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: C("devportal.storeSubmission.notesLabel", "Notes for the reviewer (optional)")
+									children: T("devportal.storeSubmission.notesLabel", "Notes for the reviewer (optional)")
 								})
 							}),
 							/* @__PURE__ */ h("textarea", {
 								id: "store-submission-notes",
-								value: N,
-								onChange: (e) => P(e.target.value),
+								value: F,
+								onChange: (e) => I(e.target.value),
 								rows: 3,
-								placeholder: C("devportal.storeSubmission.notesLabel", "Notes for the reviewer (optional)"),
+								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 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"),
+								onClick: () => void z(),
+								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: [j && /* @__PURE__ */ h(u, {
+								children: [N && /* @__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")]
+								}), B?.status === "REJECTED" ? T("devportal.storeSubmission.resubmit", "Resubmit") : T("devportal.storeSubmission.submitForReview", "Submit for review")]
 							})
 						]
 					}),
-					L?.productId && /* @__PURE__ */ g("div", {
+					B?.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")
+							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: L.productId
+							children: B.productId
 						})]
 					})
 				]
 			}) : /* @__PURE__ */ h("div", {
 				className: "py-16 text-center text-text-secondary",
-				children: C("devportal.storeSubmission.notFound", "Application not found.")
+				children: T("devportal.storeSubmission.notFound", "Application not found.")
 			})]
 		})]
 	});
 };
 //#endregion
-export { S as StoreSubmissionPage };
+export { w as StoreSubmissionPage };
 //# sourceMappingURL=StoreSubmissionPage.js.map

package/dist/devportal/pages/StoreSubmissionPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StoreSubmissionPage.js","names":[],"sources":["../../../src/devportal/pages/StoreSubmissionPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { useNavigate, useParams } from \"react-router-dom\";\nimport {\n ArrowLeft,\n CheckCircle2,\n Clock,\n RefreshCw,\n XCircle,\n AlertTriangle,\n Store as StoreIcon,\n} from \"lucide-react\";\nimport { graphqlFetch } from \"@burdenoff/fe-libs/shared/graphql\";\nimport { useDevportalEventBus } from \"../events\";\nimport { useTr } from \"../utils/i18n\";\nimport { useDevportalPermission } from \"../hooks\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\n\ntype SubmissionStatus =\n \| \"DRAFT\"\n \| \"PENDING_REVIEW\"\n \| \"PUBLISHED\"\n \| \"REJECTED\"\n \| \"UNKNOWN\";\n\ntype StoreSubmission = {\n productId: string;\n status: SubmissionStatus;\n submittedAt: string \| null;\n reviewedAt: string \| null;\n publishedAt: string \| null;\n reviewNotes: string \| null;\n rejectedReason: string \| null;\n};\n\ntype Application = {\n id: string;\n name: string;\n slug: string;\n status: string;\n reviewStatus: string;\n iconUrl: string \| null;\n metadata: Record<string, unknown> \| null;\n};\n\nconst APP_QUERY = /* GraphQL / `\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`;\n\nconst SUBMIT_MUTATION = / GraphQL / `\n mutation DevportalSubmitForReview($id: ID!, $notes: String) {\n submitApplicationForReview(id: $id, notes: $notes) {\n id\n status\n submittedAt\n metadata\n }\n }\n`;\n\nfunction inferSubmission(app: Application \| null): StoreSubmission \| null {\n if (!app) return null;\n const metadata = (app.metadata ?? {}) as Record<string, unknown>;\n const productId =\n typeof metadata.storeProductId === \"string\" ? metadata.storeProductId : \"\";\n const rawStatus =\n typeof metadata.storeSubmissionStatus === \"string\"\n ? metadata.storeSubmissionStatus\n : null;\n const status: SubmissionStatus =\n rawStatus === \"PENDING_REVIEW\" \|\|\n rawStatus === \"PUBLISHED\" \|\|\n rawStatus === \"REJECTED\" \|\|\n rawStatus === \"DRAFT\"\n ? rawStatus\n : \"UNKNOWN\";\n return {\n productId,\n status,\n submittedAt:\n typeof metadata.storeSubmissionAt === \"string\"\n ? metadata.storeSubmissionAt\n : null,\n reviewedAt: null,\n publishedAt: null,\n reviewNotes: null,\n rejectedReason: null,\n };\n}\n\ntype StatusMeta = {\n i18nKey: string;\n fallback: string;\n icon: typeof CheckCircle2;\n tone: string;\n};\n\nconst statusLabels: Record<SubmissionStatus, StatusMeta> = {\n DRAFT: {\n i18nKey: \"devportal.storeSubmission.status.draft\",\n fallback: \"Draft\",\n icon: Clock,\n tone: \"text-text-secondary\",\n },\n PENDING_REVIEW: {\n i18nKey: \"devportal.storeSubmission.status.pending\",\n fallback: \"Pending review\",\n icon: Clock,\n tone: \"text-status-warning-text\",\n },\n PUBLISHED: {\n i18nKey: \"devportal.storeSubmission.status.published\",\n fallback: \"Published\",\n icon: CheckCircle2,\n tone: \"text-status-success-text\",\n },\n REJECTED: {\n i18nKey: \"devportal.storeSubmission.status.rejected\",\n fallback: \"Rejected\",\n icon: XCircle,\n tone: \"text-status-danger-text\",\n },\n UNKNOWN: {\n i18nKey: \"devportal.storeSubmission.status.unknown\",\n fallback: \"Not yet submitted\",\n icon: AlertTriangle,\n tone: \"text-text-tertiary\",\n },\n};\n\nexport const StoreSubmissionPage: FC = () => {\n const { appId } = useParams<{ appId: string }>();\n const navigate = useNavigate();\n const bus = useDevportalEventBus();\n const tr = useTr();\n const submitPerm = useDevportalPermission(DEVPORTAL_PERMISSIONS.APP_SUBMIT);\n const [app, setApp] = useState<Application \| null>(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<string \| null>(null);\n const [submitting, setSubmitting] = useState(false);\n const [notes, setNotes] = useState(\"\");\n\n const load = async () => {\n if (!appId) return;\n setLoading(true);\n setError(null);\n try {\n const result = await graphqlFetch<{ application: Application \| null }>({\n gateway: \"global\",\n query: APP_QUERY,\n variables: { id: appId },\n });\n if (result.errors?.length) {\n throw new Error(\n result.errors[0]?.message ??\n tr(\n \"devportal.storeSubmission.errors.loadFailed\",\n \"Failed to load application\",\n ),\n );\n }\n setApp(result.data?.application ?? null);\n } catch (err) {\n setError(\n err instanceof Error\n ? err.message\n : tr(\n \"devportal.storeSubmission.errors.loadFailed\",\n \"Failed to load application\",\n ),\n );\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n void load();\n // TODO(phase1-backend): wire `appReviewStatusChanged` GraphQL subscription\n // here once `global-devportal-svc` ships it. Until then the page refreshes\n // on tab focus to avoid wasteful polling (was: 15s setInterval).\n const onFocus = (): void => {\n void load();\n };\n window.addEventListener(\"focus\", onFocus);\n return () => window.removeEventListener(\"focus\", onFocus);\n }, [appId]); // eslint-disable-line react-hooks/exhaustive-deps\n\n const submit = async () => {\n if (!appId) return;\n setSubmitting(true);\n setError(null);\n try {\n const result = await graphqlFetch({\n gateway: \"global\",\n query: SUBMIT_MUTATION,\n variables: { id: appId, notes: notes \|\| null },\n });\n if (result.errors?.length) {\n throw new Error(\n result.errors[0]?.message ??\n tr(\n \"devportal.storeSubmission.errors.submitFailed\",\n \"Submission failed\",\n ),\n );\n }\n bus.emit(\"devportal.app.submitted\", { appId });\n await load();\n } catch (err) {\n setError(\n err instanceof Error\n ? err.message\n : tr(\n \"devportal.storeSubmission.errors.submitFailed\",\n \"Submission failed\",\n ),\n );\n } finally {\n setSubmitting(false);\n }\n };\n\n const submission = inferSubmission(app);\n const statusMeta = submission\n ? statusLabels[submission.status]\n : statusLabels.UNKNOWN;\n const StatusIcon = statusMeta.icon;\n\n return (\n <main\n className=\"min-h-screen bg-surface-default\"\n aria-labelledby=\"store-submission-heading\"\n >\n <div className=\"border-b border-border-default bg-surface-raised\">\n <div className=\"mx-auto max-w-3xl px-6 py-4\">\n <div className=\"flex items-center gap-3\">\n <button\n type=\"button\"\n onClick={() => navigate(-1)}\n 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 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n >\n <ArrowLeft className=\"h-4 w-4\" aria-hidden=\"true\" />\n {tr(\"devportal.common.back\", \"Back\")}\n </button>\n <div className=\"flex items-center gap-2\">\n <StoreIcon\n className=\"h-5 w-5 text-text-primary\"\n aria-hidden=\"true\"\n />\n <h1\n id=\"store-submission-heading\"\n className=\"text-xl font-semibold text-text-primary\"\n >\n {tr(\"devportal.storeSubmission.title\", \"Store submission\")}\n </h1>\n </div>\n </div>\n </div>\n </div>\n\n <div className=\"mx-auto max-w-3xl px-6 py-6\">\n {error && (\n <div\n role=\"alert\"\n className=\"mb-4 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger\"\n >\n {error}\n </div>\n )}\n\n {loading && !app ? (\n <div\n className=\"py-16 text-center text-text-secondary\"\n role=\"status\"\n aria-live=\"polite\"\n >\n {tr(\"devportal.storeSubmission.loading\", \"Loading application…\")}\n </div>\n ) : !app ? (\n <div className=\"py-16 text-center text-text-secondary\">\n {tr(\"devportal.storeSubmission.notFound\", \"Application not found.\")}\n </div>\n ) : (\n <div className=\"space-y-4\">\n {/ App header /}\n <div className=\"rounded-lg border border-border-default bg-surface-raised p-4\">\n <div className=\"flex items-center gap-3\">\n {app.iconUrl ? (\n <img\n src={app.iconUrl}\n alt=\"\"\n className=\"h-14 w-14 flex-shrink-0 rounded-md object-cover\"\n />\n ) : (\n <div className=\"flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-text-secondary\">\n {app.name.slice(0, 2).toUpperCase()}\n </div>\n )}\n <div className=\"min-w-0 flex-1\">\n <h2 className=\"text-lg font-semibold text-text-primary\">\n {app.name}\n </h2>\n <p className=\"font-mono text-xs text-text-tertiary\">\n {app.slug}\n </p>\n </div>\n <div\n className={`flex items-center gap-1.5 ${statusMeta.tone}`}\n role=\"status\"\n >\n <StatusIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n <span className=\"text-sm font-medium\">\n {tr(statusMeta.i18nKey, statusMeta.fallback)}\n </span>\n </div>\n </div>\n </div>\n\n {/ Timeline /}\n {submission && submission.status !== \"UNKNOWN\" && (\n <div className=\"rounded-lg border border-border-default bg-surface-raised p-4\">\n <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n {tr(\n \"devportal.storeSubmission.timeline\",\n \"Submission timeline\",\n )}\n </h3>\n <ul className=\"space-y-2 text-sm\">\n {submission.submittedAt && (\n <li className=\"flex items-center gap-2\">\n <Clock\n className=\"h-4 w-4 text-text-tertiary\"\n aria-hidden=\"true\"\n />\n <span className=\"text-text-secondary\">\n {tr(\n \"devportal.storeSubmission.submitted\",\n \"Submitted:\",\n )}\n </span>\n <span className=\"text-text-primary\">\n {new Date(submission.submittedAt).toLocaleString()}\n </span>\n </li>\n )}\n {submission.reviewedAt && (\n <li className=\"flex items-center gap-2\">\n <CheckCircle2\n className=\"h-4 w-4 text-text-tertiary\"\n aria-hidden=\"true\"\n />\n <span className=\"text-text-secondary\">\n {tr(\"devportal.storeSubmission.reviewed\", \"Reviewed:\")}\n </span>\n <span className=\"text-text-primary\">\n {new Date(submission.reviewedAt).toLocaleString()}\n </span>\n </li>\n )}\n {submission.publishedAt && (\n <li className=\"flex items-center gap-2\">\n <CheckCircle2\n className=\"h-4 w-4 text-status-success-text\"\n aria-hidden=\"true\"\n />\n <span className=\"text-text-secondary\">\n {tr(\n \"devportal.storeSubmission.published\",\n \"Published:\",\n )}\n </span>\n <span className=\"text-text-primary\">\n {new Date(submission.publishedAt).toLocaleString()}\n </span>\n </li>\n )}\n </ul>\n {submission.reviewNotes && (\n <div className=\"mt-3 rounded-md bg-surface-muted p-3\">\n <p className=\"text-xs font-medium text-text-secondary\">\n {tr(\n \"devportal.storeSubmission.reviewerNotes\",\n \"Reviewer notes\",\n )}\n </p>\n <p className=\"mt-1 text-sm text-text-primary\">\n {submission.reviewNotes}\n </p>\n </div>\n )}\n {submission.rejectedReason && (\n <div\n className=\"mt-3 rounded-md border border-border-danger bg-surface-danger-muted p-3\"\n role=\"alert\"\n >\n <p className=\"text-xs font-medium text-text-danger\">\n {tr(\n \"devportal.storeSubmission.rejectionReason\",\n \"Rejection reason\",\n )}\n </p>\n <p className=\"mt-1 text-sm text-text-primary\">\n {submission.rejectedReason}\n </p>\n </div>\n )}\n </div>\n )}\n\n {/ Submit / resubmit */}\n {(!submission \|\|\n submission.status === \"UNKNOWN\" \|\|\n submission.status === \"DRAFT\" \|\|\n submission.status === \"REJECTED\") && (\n <div className=\"rounded-lg border border-border-default bg-surface-raised p-4\">\n <h3 className=\"mb-2 text-sm font-semibold text-text-primary\">\n {submission?.status === \"REJECTED\"\n ? tr(\n \"devportal.storeSubmission.resubmitForReview\",\n \"Resubmit for review\",\n )\n : tr(\n \"devportal.storeSubmission.submitForReview\",\n \"Submit for review\",\n )}\n </h3>\n <p className=\"mb-3 text-sm text-text-secondary\">\n {tr(\n \"devportal.storeSubmission.help\",\n \"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.\",\n )}\n </p>\n <label className=\"block\" htmlFor=\"store-submission-notes\">\n <span className=\"sr-only\">\n {tr(\n \"devportal.storeSubmission.notesLabel\",\n \"Notes for the reviewer (optional)\",\n )}\n </span>\n </label>\n <textarea\n id=\"store-submission-notes\"\n value={notes}\n onChange={(e) => setNotes(e.target.value)}\n rows={3}\n placeholder={tr(\n \"devportal.storeSubmission.notesLabel\",\n \"Notes for the reviewer (optional)\",\n )}\n 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\"\n />\n <button\n type=\"button\"\n onClick={() => void submit()}\n disabled={submitting \|\| !submitPerm.allowed}\n aria-disabled={submitting \|\| !submitPerm.allowed}\n title={\n !submitPerm.allowed\n ? tr(\n \"devportal.common.noPermission\",\n \"You do not have permission to perform this action\",\n )\n : undefined\n }\n 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\"\n >\n {submitting && (\n <RefreshCw\n className=\"h-4 w-4 animate-spin\"\n aria-hidden=\"true\"\n />\n )}\n {submission?.status === \"REJECTED\"\n ? tr(\"devportal.storeSubmission.resubmit\", \"Resubmit\")\n : tr(\n \"devportal.storeSubmission.submitForReview\",\n \"Submit for review\",\n )}\n </button>\n </div>\n )}\n\n {submission?.productId && (\n <div className=\"rounded-lg border border-border-default bg-surface-raised p-4\">\n <p className=\"text-xs font-medium text-text-secondary\">\n {tr(\n \"devportal.storeSubmission.storeProductId\",\n \"Store product ID\",\n )}\n </p>\n <code className=\"mt-1 block break-all font-mono text-xs text-text-primary\">\n {submission.productId}\n </code>\n </div>\n )}\n </div>\n )}\n </div>\n </main>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"StoreSubmissionPage.js","names":[],"sources":["../../../src/devportal/pages/StoreSubmissionPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { useNavigate, useParams } from \"react-router-dom\";\nimport {\n ArrowLeft,\n CheckCircle2,\n Clock,\n RefreshCw,\n XCircle,\n AlertTriangle,\n Store as StoreIcon,\n} from \"lucide-react\";\nimport { useApolloClient } from \"@apollo/client/react\";\nimport { gql } from \"@apollo/client/core\";\nimport { graphqlFetch } from \"@burdenoff/fe-libs/shared/graphql\";\nimport { useDevportalEventBus } from \"../events\";\nimport { useTr } from \"../utils/i18n\";\nimport { useDevportalPermission } from \"../hooks\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\n\ntype SubmissionStatus =\n \| \"DRAFT\"\n \| \"PENDING_REVIEW\"\n \| \"PUBLISHED\"\n \| \"REJECTED\"\n \| \"UNKNOWN\";\n\ntype StoreSubmission = {\n productId: string;\n status: SubmissionStatus;\n submittedAt: string \| null;\n reviewedAt: string \| null;\n publishedAt: string \| null;\n reviewNotes: string \| null;\n rejectedReason: string \| null;\n};\n\ntype Application = {\n id: string;\n name: string;\n slug: string;\n status: string;\n reviewStatus: string;\n iconUrl: string \| null;\n metadata: Record<string, unknown> \| null;\n};\n\nconst APP_QUERY = /* GraphQL / `\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`;\n\nconst SUBMIT_MUTATION = / GraphQL / `\n mutation DevportalSubmitForReview($id: ID!, $notes: String) {\n submitApplicationForReview(id: $id, notes: $notes) {\n id\n status\n submittedAt\n metadata\n }\n }\n`;\n\nfunction inferSubmission(app: Application \| null): StoreSubmission \| null {\n if (!app) return null;\n const metadata = (app.metadata ?? {}) as Record<string, unknown>;\n const productId =\n typeof metadata.storeProductId === \"string\" ? metadata.storeProductId : \"\";\n const rawStatus =\n typeof metadata.storeSubmissionStatus === \"string\"\n ? metadata.storeSubmissionStatus\n : null;\n const status: SubmissionStatus =\n rawStatus === \"PENDING_REVIEW\" \|\|\n rawStatus === \"PUBLISHED\" \|\|\n rawStatus === \"REJECTED\" \|\|\n rawStatus === \"DRAFT\"\n ? rawStatus\n : \"UNKNOWN\";\n return {\n productId,\n status,\n submittedAt:\n typeof metadata.storeSubmissionAt === \"string\"\n ? metadata.storeSubmissionAt\n : null,\n reviewedAt: null,\n publishedAt: null,\n reviewNotes: null,\n rejectedReason: null,\n };\n}\n\ntype StatusMeta = {\n i18nKey: string;\n fallback: string;\n icon: typeof CheckCircle2;\n tone: string;\n};\n\nconst statusLabels: Record<SubmissionStatus, StatusMeta> = {\n DRAFT: {\n i18nKey: \"devportal.storeSubmission.status.draft\",\n fallback: \"Draft\",\n icon: Clock,\n tone: \"text-text-secondary\",\n },\n PENDING_REVIEW: {\n i18nKey: \"devportal.storeSubmission.status.pending\",\n fallback: \"Pending review\",\n icon: Clock,\n tone: \"text-status-warning-text\",\n },\n PUBLISHED: {\n i18nKey: \"devportal.storeSubmission.status.published\",\n fallback: \"Published\",\n icon: CheckCircle2,\n tone: \"text-status-success-text\",\n },\n REJECTED: {\n i18nKey: \"devportal.storeSubmission.status.rejected\",\n fallback: \"Rejected\",\n icon: XCircle,\n tone: \"text-status-danger-text\",\n },\n UNKNOWN: {\n i18nKey: \"devportal.storeSubmission.status.unknown\",\n fallback: \"Not yet submitted\",\n icon: AlertTriangle,\n tone: \"text-text-tertiary\",\n },\n};\n\nexport const StoreSubmissionPage: FC = () => {\n const { appId } = useParams<{ appId: string }>();\n const navigate = useNavigate();\n const bus = useDevportalEventBus();\n const tr = useTr();\n const submitPerm = useDevportalPermission(DEVPORTAL_PERMISSIONS.APP_SUBMIT);\n const [app, setApp] = useState<Application \| null>(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState<string \| null>(null);\n const [submitting, setSubmitting] = useState(false);\n const [notes, setNotes] = useState(\"\");\n const storeClient = useApolloClient();\n\n const load = async () => {\n if (!appId) return;\n setLoading(true);\n setError(null);\n try {\n const result = await graphqlFetch<{ application: Application \| null }>({\n gateway: \"global\",\n query: APP_QUERY,\n variables: { id: appId },\n });\n if (result.errors?.length) {\n throw new Error(\n result.errors[0]?.message ??\n tr(\n \"devportal.storeSubmission.errors.loadFailed\",\n \"Failed to load application\",\n ),\n );\n }\n setApp(result.data?.application ?? null);\n } catch (err) {\n setError(\n err instanceof Error\n ? err.message\n : tr(\n \"devportal.storeSubmission.errors.loadFailed\",\n \"Failed to load application\",\n ),\n );\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n void load();\n }, [appId]); // eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n if (!appId) return;\n const sub = storeClient.subscribe({\n query: gql`\n subscription ApplicationStoreStatusChanged($applicationId: ID!) {\n applicationStoreStatusChanged(applicationId: $applicationId) {\n applicationId\n status\n reviewNotes\n rejectedReason\n updatedAt\n }\n }\n `,\n variables: { applicationId: appId },\n });\n const subscription = sub.subscribe({\n next: () => {\n void load();\n },\n error: (err: unknown) => {\n console.warn(\"[StoreSubmissionPage] subscription error:\", err);\n },\n });\n return () => subscription.unsubscribe();\n }, [appId, storeClient]); // eslint-disable-line react-hooks/exhaustive-deps\n\n const submit = async () => {\n if (!appId) return;\n setSubmitting(true);\n setError(null);\n try {\n const result = await graphqlFetch({\n gateway: \"global\",\n query: SUBMIT_MUTATION,\n variables: { id: appId, notes: notes \|\| null },\n });\n if (result.errors?.length) {\n throw new Error(\n result.errors[0]?.message ??\n tr(\n \"devportal.storeSubmission.errors.submitFailed\",\n \"Submission failed\",\n ),\n );\n }\n bus.emit(\"devportal.app.submitted\", { appId });\n await load();\n } catch (err) {\n setError(\n err instanceof Error\n ? err.message\n : tr(\n \"devportal.storeSubmission.errors.submitFailed\",\n \"Submission failed\",\n ),\n );\n } finally {\n setSubmitting(false);\n }\n };\n\n const submission = inferSubmission(app);\n const statusMeta = submission\n ? statusLabels[submission.status]\n : statusLabels.UNKNOWN;\n const StatusIcon = statusMeta.icon;\n\n return (\n <main\n className=\"min-h-screen bg-surface-default\"\n aria-labelledby=\"store-submission-heading\"\n >\n <div className=\"border-b border-border-default bg-surface-raised\">\n <div className=\"mx-auto max-w-3xl px-6 py-4\">\n <div className=\"flex items-center gap-3\">\n <button\n type=\"button\"\n onClick={() => navigate(-1)}\n 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 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n >\n <ArrowLeft className=\"h-4 w-4\" aria-hidden=\"true\" />\n {tr(\"devportal.common.back\", \"Back\")}\n </button>\n <div className=\"flex items-center gap-2\">\n <StoreIcon\n className=\"h-5 w-5 text-text-primary\"\n aria-hidden=\"true\"\n />\n <h1\n id=\"store-submission-heading\"\n className=\"text-xl font-semibold text-text-primary\"\n >\n {tr(\"devportal.storeSubmission.title\", \"Store submission\")}\n </h1>\n </div>\n </div>\n </div>\n </div>\n\n <div className=\"mx-auto max-w-3xl px-6 py-6\">\n {error && (\n <div\n role=\"alert\"\n className=\"mb-4 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger\"\n >\n {error}\n </div>\n )}\n\n {loading && !app ? (\n <div\n className=\"py-16 text-center text-text-secondary\"\n role=\"status\"\n aria-live=\"polite\"\n >\n {tr(\"devportal.storeSubmission.loading\", \"Loading application…\")}\n </div>\n ) : !app ? (\n <div className=\"py-16 text-center text-text-secondary\">\n {tr(\"devportal.storeSubmission.notFound\", \"Application not found.\")}\n </div>\n ) : (\n <div className=\"space-y-4\">\n {/ App header /}\n <div className=\"rounded-lg border border-border-default bg-surface-raised p-4\">\n <div className=\"flex items-center gap-3\">\n {app.iconUrl ? (\n <img\n src={app.iconUrl}\n alt=\"\"\n className=\"h-14 w-14 flex-shrink-0 rounded-md object-cover\"\n />\n ) : (\n <div className=\"flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-text-secondary\">\n {app.name.slice(0, 2).toUpperCase()}\n </div>\n )}\n <div className=\"min-w-0 flex-1\">\n <h2 className=\"text-lg font-semibold text-text-primary\">\n {app.name}\n </h2>\n <p className=\"font-mono text-xs text-text-tertiary\">\n {app.slug}\n </p>\n </div>\n <div\n className={`flex items-center gap-1.5 ${statusMeta.tone}`}\n role=\"status\"\n >\n <StatusIcon className=\"h-5 w-5\" aria-hidden=\"true\" />\n <span className=\"text-sm font-medium\">\n {tr(statusMeta.i18nKey, statusMeta.fallback)}\n </span>\n </div>\n </div>\n </div>\n\n {/ Timeline /}\n {submission && submission.status !== \"UNKNOWN\" && (\n <div className=\"rounded-lg border border-border-default bg-surface-raised p-4\">\n <h3 className=\"mb-3 text-sm font-semibold text-text-primary\">\n {tr(\n \"devportal.storeSubmission.timeline\",\n \"Submission timeline\",\n )}\n </h3>\n <ul className=\"space-y-2 text-sm\">\n {submission.submittedAt && (\n <li className=\"flex items-center gap-2\">\n <Clock\n className=\"h-4 w-4 text-text-tertiary\"\n aria-hidden=\"true\"\n />\n <span className=\"text-text-secondary\">\n {tr(\n \"devportal.storeSubmission.submitted\",\n \"Submitted:\",\n )}\n </span>\n <span className=\"text-text-primary\">\n {new Date(submission.submittedAt).toLocaleString()}\n </span>\n </li>\n )}\n {submission.reviewedAt && (\n <li className=\"flex items-center gap-2\">\n <CheckCircle2\n className=\"h-4 w-4 text-text-tertiary\"\n aria-hidden=\"true\"\n />\n <span className=\"text-text-secondary\">\n {tr(\"devportal.storeSubmission.reviewed\", \"Reviewed:\")}\n </span>\n <span className=\"text-text-primary\">\n {new Date(submission.reviewedAt).toLocaleString()}\n </span>\n </li>\n )}\n {submission.publishedAt && (\n <li className=\"flex items-center gap-2\">\n <CheckCircle2\n className=\"h-4 w-4 text-status-success-text\"\n aria-hidden=\"true\"\n />\n <span className=\"text-text-secondary\">\n {tr(\n \"devportal.storeSubmission.published\",\n \"Published:\",\n )}\n </span>\n <span className=\"text-text-primary\">\n {new Date(submission.publishedAt).toLocaleString()}\n </span>\n </li>\n )}\n </ul>\n {submission.reviewNotes && (\n <div className=\"mt-3 rounded-md bg-surface-muted p-3\">\n <p className=\"text-xs font-medium text-text-secondary\">\n {tr(\n \"devportal.storeSubmission.reviewerNotes\",\n \"Reviewer notes\",\n )}\n </p>\n <p className=\"mt-1 text-sm text-text-primary\">\n {submission.reviewNotes}\n </p>\n </div>\n )}\n {submission.rejectedReason && (\n <div\n className=\"mt-3 rounded-md border border-border-danger bg-surface-danger-muted p-3\"\n role=\"alert\"\n >\n <p className=\"text-xs font-medium text-text-danger\">\n {tr(\n \"devportal.storeSubmission.rejectionReason\",\n \"Rejection reason\",\n )}\n </p>\n <p className=\"mt-1 text-sm text-text-primary\">\n {submission.rejectedReason}\n </p>\n </div>\n )}\n </div>\n )}\n\n {/ Submit / resubmit */}\n {(!submission \|\|\n submission.status === \"UNKNOWN\" \|\|\n submission.status === \"DRAFT\" \|\|\n submission.status === \"REJECTED\") && (\n <div className=\"rounded-lg border border-border-default bg-surface-raised p-4\">\n <h3 className=\"mb-2 text-sm font-semibold text-text-primary\">\n {submission?.status === \"REJECTED\"\n ? tr(\n \"devportal.storeSubmission.resubmitForReview\",\n \"Resubmit for review\",\n )\n : tr(\n \"devportal.storeSubmission.submitForReview\",\n \"Submit for review\",\n )}\n </h3>\n <p className=\"mb-3 text-sm text-text-secondary\">\n {tr(\n \"devportal.storeSubmission.help\",\n \"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.\",\n )}\n </p>\n <label className=\"block\" htmlFor=\"store-submission-notes\">\n <span className=\"sr-only\">\n {tr(\n \"devportal.storeSubmission.notesLabel\",\n \"Notes for the reviewer (optional)\",\n )}\n </span>\n </label>\n <textarea\n id=\"store-submission-notes\"\n value={notes}\n onChange={(e) => setNotes(e.target.value)}\n rows={3}\n placeholder={tr(\n \"devportal.storeSubmission.notesLabel\",\n \"Notes for the reviewer (optional)\",\n )}\n 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\"\n />\n <button\n type=\"button\"\n onClick={() => void submit()}\n disabled={submitting \|\| !submitPerm.allowed}\n aria-disabled={submitting \|\| !submitPerm.allowed}\n title={\n !submitPerm.allowed\n ? tr(\n \"devportal.common.noPermission\",\n \"You do not have permission to perform this action\",\n )\n : undefined\n }\n 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\"\n >\n {submitting && (\n <RefreshCw\n className=\"h-4 w-4 animate-spin\"\n aria-hidden=\"true\"\n />\n )}\n {submission?.status === \"REJECTED\"\n ? tr(\"devportal.storeSubmission.resubmit\", \"Resubmit\")\n : tr(\n \"devportal.storeSubmission.submitForReview\",\n \"Submit for review\",\n )}\n </button>\n </div>\n )}\n\n {submission?.productId && (\n <div className=\"rounded-lg border border-border-default bg-surface-raised p-4\">\n <p className=\"text-xs font-medium text-text-secondary\">\n {tr(\n \"devportal.storeSubmission.storeProductId\",\n \"Store product ID\",\n )}\n </p>\n <code className=\"mt-1 block break-all font-mono text-xs text-text-primary\">\n {submission.productId}\n </code>\n </div>\n )}\n </div>\n )}\n </div>\n </main>\n );\n};\n"],"mappings":"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"}

package/dist/node_modules/@apollo/client/link/core/ApolloLink.js ADDED Viewed

@@ -0,0 +1,52 @@
+import { EMPTY as e } from "../../../../rxjs/dist/esm5/internal/observable/empty.js";
+import { newInvariantError as t } from "../../utilities/invariant/index.js";
+import { createOperation as n } from "../utils/createOperation.js";
+//#region node_modules/@apollo/client/link/core/ApolloLink.js
+var r = class r {
+	static empty() {
+		return new r(() => e);
+	}
+	static from(e) {
+		if (e.length === 0) return r.empty();
+		let [t, ...n] = e;
+		return t.concat(...n);
+	}
+	static split(e, t, n = new r((e, t) => t(e))) {
+		let i = new r((r, i) => e(r) ? t.request(r, i) : n.request(r, i));
+		return Object.assign(i, {
+			left: t,
+			right: n
+		});
+	}
+	static execute(t, r, i) {
+		return t.request(n(r, i), () => e);
+	}
+	static concat(...e) {
+		return r.from(e);
+	}
+	constructor(e) {
+		e && (this.request = e);
+	}
+	split(e, t, n) {
+		return this.concat(r.split(e, t, n));
+	}
+	concat(...e) {
+		return e.length === 0 ? this : e.reduce(this.combine.bind(this), this);
+	}
+	combine(e, t) {
+		let n = new r((n, r) => e.request(n, (e) => t.request(e, r)));
+		return Object.assign(n, {
+			left: e,
+			right: t
+		});
+	}
+	request(e, n) {
+		throw t(65);
+	}
+	left;
+	right;
+};
+//#endregion
+export { r as ApolloLink };
+//# sourceMappingURL=ApolloLink.js.map

package/dist/node_modules/@apollo/client/link/core/ApolloLink.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ApolloLink.js","names":[],"sources":["../../../../../../node_modules/@apollo/client/link/core/ApolloLink.js"],"sourcesContent":["import { EMPTY } from \"rxjs\";\nimport { createOperation } from \"@apollo/client/link/utils\";\nimport { __DEV__ } from \"@apollo/client/utilities/environment\";\nimport { invariant, newInvariantError, } from \"@apollo/client/utilities/invariant\";\n/**\n * The base class for all links in Apollo Client. A link represents either a\n * self-contained modification to a GraphQL operation or a side effect (such as\n * logging).\n *\n * @remarks\n *\n * Links enable you to customize Apollo Client's request flow by composing\n * together different pieces of functionality into a chain of links. Each\n * link represents a specific capability, such as adding authentication headers,\n * retrying failed requests, batching operations, or sending requests to a\n * GraphQL server.\n *\n * Every link must define a request handler via its constructor or by extending\n * this class and implementing the `request` method.\n *\n * @example\n *\n * ```ts\n * import { ApolloLink } from \"@apollo/client\";\n *\n * const link = new ApolloLink((operation, forward) => {\n * console.log(\"Operation:\", operation.operationName);\n * return forward(operation);\n * });\n * ```\n */\nexport class ApolloLink {\n /**\n * Creates a link that completes immediately and does not emit a result.\n *\n * @example\n *\n * ```ts\n * const link = ApolloLink.empty();\n * ```\n */\n static empty() {\n return new ApolloLink(() => EMPTY);\n }\n /**\n * Composes multiple links into a single composed link that executes each\n * provided link in serial order.\n *\n * @example\n *\n * ```ts\n * import { from, HttpLink, ApolloLink } from \"@apollo/client\";\n * import { RetryLink } from \"@apollo/client/link/retry\";\n * import MyAuthLink from \"../auth\";\n *\n * const link = ApolloLink.from([\n * new RetryLink(),\n * new MyAuthLink(),\n * new HttpLink({ uri: \"http://localhost:4000/graphql\" }),\n * ]);\n * ```\n *\n * @param links - An array of `ApolloLink` instances or request handlers that\n * are executed in serial order.\n */\n static from(links) {\n if (links.length === 0)\n return ApolloLink.empty();\n const [first, ...rest] = links;\n return first.concat(...rest);\n }\n /**\n * Creates a link that conditionally routes a request to different links.\n *\n * @example\n *\n * ```ts\n * import { ApolloLink, HttpLink } from \"@apollo/client\";\n *\n * const link = ApolloLink.split(\n * (operation) => operation.getContext().version === 1,\n * new HttpLink({ uri: \"http://localhost:4000/v1/graphql\" }),\n * new HttpLink({ uri: \"http://localhost:4000/v2/graphql\" })\n * );\n * ```\n *\n * @param test - A predicate function that receives the current `operation`\n * and returns a boolean indicating which link to execute. Returning `true`\n * executes the `left` link. Returning `false` executes the `right` link.\n *\n * @param left - The link that executes when the `test` function returns\n * `true`.\n *\n * @param right - The link that executes when the `test` function returns\n * `false`. If the `right` link is not provided, the request is forwarded to\n * the next link in the chain.\n */\n static split(test, left, right = new ApolloLink((op, forward) => forward(op))) {\n const link = new ApolloLink((operation, forward) => {\n const result = test(operation);\n if (__DEV__) {\n if (typeof result !== \"boolean\") {\n __DEV__ && invariant.warn(63, result);\n }\n }\n return result ?\n left.request(operation, forward)\n : right.request(operation, forward);\n });\n return Object.assign(link, { left, right });\n }\n /**\n * Executes a GraphQL request against a link. The `execute` function begins\n * the request by calling the request handler of the link.\n *\n * @example\n *\n * ```ts\n * const observable = ApolloLink.execute(link, { query, variables }, { client });\n *\n * observable.subscribe({\n * next(value) {\n * console.log(\"Received\", value);\n * },\n * error(error) {\n * console.error(\"Oops got error\", error);\n * },\n * complete() {\n * console.log(\"Request complete\");\n * },\n * });\n * ```\n *\n * @param link - The `ApolloLink` instance to execute the request.\n *\n * @param request - The GraphQL request details, such as the `query` and\n * `variables`.\n *\n * @param context - The execution context for the request, such as the\n * `client` making the request.\n */\n static execute(link, request, context) {\n return link.request(createOperation(request, context), () => {\n if (__DEV__) {\n __DEV__ && invariant.warn(64);\n }\n return EMPTY;\n });\n }\n /**\n * Combines multiple links into a single composed link.\n *\n * @example\n *\n * ```ts\n * const link = ApolloLink.concat(firstLink, secondLink, thirdLink);\n * ```\n *\n * @param links - The links to concatenate into a single link. Each link will\n * execute in serial order.\n *\n * @deprecated Use `ApolloLink.from` instead. `ApolloLink.concat` will be\n * removed in a future major version.\n */\n static concat(...links) {\n return ApolloLink.from(links);\n }\n constructor(request) {\n if (request)\n this.request = request;\n }\n /**\n * Concatenates a link that conditionally routes a request to different links.\n *\n * @example\n *\n * ```ts\n * import { ApolloLink, HttpLink } from \"@apollo/client\";\n *\n * const previousLink = new ApolloLink((operation, forward) => {\n * // Handle the request\n *\n * return forward(operation);\n * });\n *\n * const link = previousLink.split(\n * (operation) => operation.getContext().version === 1,\n * new HttpLink({ uri: \"http://localhost:4000/v1/graphql\" }),\n * new HttpLink({ uri: \"http://localhost:4000/v2/graphql\" })\n * );\n * ```\n *\n * @param test - A predicate function that receives the current `operation`\n * and returns a boolean indicating which link to execute. Returning `true`\n * executes the `left` link. Returning `false` executes the `right` link.\n *\n * @param left - The link that executes when the `test` function returns\n * `true`.\n *\n * @param right - The link that executes when the `test` function returns\n * `false`. If the `right` link is not provided, the request is forwarded to\n * the next link in the chain.\n */\n split(test, left, right) {\n return this.concat(ApolloLink.split(test, left, right));\n }\n /**\n * Combines the link with other links into a single composed link.\n *\n * @example\n *\n * ```ts\n * import { ApolloLink, HttpLink } from \"@apollo/client\";\n *\n * const previousLink = new ApolloLink((operation, forward) => {\n * // Handle the request\n *\n * return forward(operation);\n * });\n *\n * const link = previousLink.concat(\n * link1,\n * link2,\n * new HttpLink({ uri: \"http://localhost:4000/graphql\" })\n * );\n * ```\n */\n concat(...links) {\n if (links.length === 0) {\n return this;\n }\n return links.reduce(this.combine.bind(this), this);\n }\n combine(left, right) {\n const link = new ApolloLink((operation, forward) => {\n return left.request(operation, (op) => right.request(op, forward));\n });\n return Object.assign(link, { left, right });\n }\n /**\n * Runs the request handler for the provided operation.\n *\n * > [!NOTE]\n * > This is called by the `ApolloLink.execute` function for you and should\n * > not be called directly. Prefer using `ApolloLink.execute` to make the\n * > request instead.\n */\n request(operation, forward) {\n throw newInvariantError(65);\n }\n /**\n * @internal\n * Used to iterate through all links that are concatenations or `split` links.\n * \n * @deprecated This is an internal API and should not be used directly. This can be removed or changed at any time.\n */\n left;\n /**\n * @internal\n * Used to iterate through all links that are concatenations or `split` links.\n * \n * @deprecated This is an internal API and should not be used directly. This can be removed or changed at any time.\n */\n right;\n}\n//# sourceMappingURL=ApolloLink.js.map\n"],"x_google_ignoreList":[0],"mappings":";;;;AA+BA,IAAa,IAAb,MAAa,EAAW;CAUpB,OAAO,QAAQ;AACX,SAAO,IAAI,QAAiB,EAAM;;CAuBtC,OAAO,KAAK,GAAO;AACf,MAAI,EAAM,WAAW,EACjB,QAAO,EAAW,OAAO;EAC7B,IAAM,CAAC,GAAO,GAAG,KAAQ;AACzB,SAAO,EAAM,OAAO,GAAG,EAAK;;CA4BhC,OAAO,MAAM,GAAM,GAAM,IAAQ,IAAI,GAAY,GAAI,MAAY,EAAQ,EAAG,CAAC,EAAE;EAC3E,IAAM,IAAO,IAAI,GAAY,GAAW,MACrB,EAAK,EAAU,GAO1B,EAAK,QAAQ,GAAW,EAAQ,GAC9B,EAAM,QAAQ,GAAW,EAAQ,CACzC;AACF,SAAO,OAAO,OAAO,GAAM;GAAE;GAAM;GAAO,CAAC;;CAgC/C,OAAO,QAAQ,GAAM,GAAS,GAAS;AACnC,SAAO,EAAK,QAAQ,EAAgB,GAAS,EAAQ,QAI1C,EACT;;CAiBN,OAAO,OAAO,GAAG,GAAO;AACpB,SAAO,EAAW,KAAK,EAAM;;CAEjC,YAAY,GAAS;AACjB,EAAI,MACA,KAAK,UAAU;;CAkCvB,MAAM,GAAM,GAAM,GAAO;AACrB,SAAO,KAAK,OAAO,EAAW,MAAM,GAAM,GAAM,EAAM,CAAC;;CAuB3D,OAAO,GAAG,GAAO;AAIb,SAHI,EAAM,WAAW,IACV,OAEJ,EAAM,OAAO,KAAK,QAAQ,KAAK,KAAK,EAAE,KAAK;;CAEtD,QAAQ,GAAM,GAAO;EACjB,IAAM,IAAO,IAAI,GAAY,GAAW,MAC7B,EAAK,QAAQ,IAAY,MAAO,EAAM,QAAQ,GAAI,EAAQ,CAAC,CACpE;AACF,SAAO,OAAO,OAAO,GAAM;GAAE;GAAM;GAAO,CAAC;;CAU/C,QAAQ,GAAW,GAAS;AACxB,QAAM,EAAkB,GAAG;;CAQ/B;CAOA"}

package/dist/node_modules/@apollo/client/link/subscriptions/index.js ADDED Viewed

@@ -0,0 +1,41 @@
+import { CombinedGraphQLErrors as e } from "../../errors/CombinedGraphQLErrors.js";
+import { Observable as t } from "../../../../rxjs/dist/esm5/internal/Observable.js";
+import { isNonNullObject as n } from "../../utilities/internal/isNonNullObject.js";
+import { ApolloLink as r } from "../core/ApolloLink.js";
+import { print as i } from "../../utilities/graphql/print.js";
+//#region node_modules/@apollo/client/link/subscriptions/index.js
+function a(e) {
+	return n(e) && "code" in e && "reason" in e;
+}
+function o(e) {
+	return n(e) && e.target?.readyState === WebSocket.CLOSED;
+}
+var s = class extends r {
+	client;
+	constructor(e) {
+		super(), this.client = e;
+	}
+	request(n) {
+		return new t((t) => {
+			let { query: r, variables: s, operationName: c, extensions: l } = n;
+			return this.client.subscribe({
+				variables: s,
+				operationName: c,
+				extensions: l,
+				query: i(r)
+			}, {
+				next: t.next.bind(t),
+				complete: t.complete.bind(t),
+				error: (n) => {
+					if (n instanceof Error) return t.error(n);
+					let r = a(n);
+					return r || o(n) ? t.error(/* @__PURE__ */ Error(`Socket closed${r ? ` with event ${n.code}` : ""}${r ? ` ${n.reason}` : ""}`)) : t.error(new e({ errors: Array.isArray(n) ? n : [n] }));
+				}
+			});
+		});
+	}
+};
+//#endregion
+export { s as GraphQLWsLink };
+//# sourceMappingURL=index.js.map