@burdenoff/microfe-devportal 2026.510.110

package/dist/devportal/pages/StoreSubmissionPage.js

@@ -0,0 +1,333 @@
+import { useDevportalEventBus as e } from "../events/index.js";
+import { DEVPORTAL_PERMISSIONS as t } from "../constants/permissions.js";
+import { useDevportalPermission as n } from "../hooks/usePermission.js";
+import "../hooks/index.js";
+import { useTr as r } from "../utils/i18n.js";
+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";
+//#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) {
+	if (!e) return null;
+	let t = e.metadata ?? {}, n = typeof t.storeProductId == "string" ? t.storeProductId : "", r = typeof t.storeSubmissionStatus == "string" ? t.storeSubmissionStatus : null;
+	return {
+		productId: n,
+		status: r === "PENDING_REVIEW" || r === "PUBLISHED" || r === "REJECTED" || r === "DRAFT" ? r : "UNKNOWN",
+		submittedAt: typeof t.storeSubmissionAt == "string" ? t.storeSubmissionAt : null,
+		reviewedAt: null,
+		publishedAt: null,
+		reviewNotes: null,
+		rejectedReason: null
+	};
+}
+var x = {
+	DRAFT: {
+		i18nKey: "devportal.storeSubmission.status.draft",
+		fallback: "Draft",
+		icon: l,
+		tone: "text-text-secondary"
+	},
+	PENDING_REVIEW: {
+		i18nKey: "devportal.storeSubmission.status.pending",
+		fallback: "Pending review",
+		icon: l,
+		tone: "text-status-warning-text"
+	},
+	PUBLISHED: {
+		i18nKey: "devportal.storeSubmission.status.published",
+		fallback: "Published",
+		icon: c,
+		tone: "text-status-success-text"
+	},
+	REJECTED: {
+		i18nKey: "devportal.storeSubmission.status.rejected",
+		fallback: "Rejected",
+		icon: f,
+		tone: "text-status-danger-text"
+	},
+	UNKNOWN: {
+		i18nKey: "devportal.storeSubmission.status.unknown",
+		fallback: "Not yet submitted",
+		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 () => {
+		if (o) {
+			O(!0), A(null);
+			try {
+				let e = await _({
+					gateway: "global",
+					query: v,
+					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);
+			} catch (e) {
+				A(e instanceof Error ? e.message : C("devportal.storeSubmission.errors.loadFailed", "Failed to load application"));
+			} finally {
+				O(!1);
+			}
+		}
+	};
+	i(() => {
+		F();
+		let e = () => {
+			F();
+		};
+		return window.addEventListener("focus", e), () => window.removeEventListener("focus", e);
+	}, [o]);
+	let I = async () => {
+		if (o) {
+			M(!0), A(null);
+			try {
+				let e = await _({
+					gateway: "global",
+					query: y,
+					variables: {
+						id: o,
+						notes: N || 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();
+			} catch (e) {
+				A(e instanceof Error ? e.message : C("devportal.storeSubmission.errors.submitFailed", "Submission failed"));
+			} finally {
+				M(!1);
+			}
+		}
+	}, L = b(T), R = L ? x[L.status] : x.UNKNOWN, z = R.icon;
+	return /* @__PURE__ */ g("main", {
+		className: "min-h-screen bg-surface-default",
+		"aria-labelledby": "store-submission-heading",
+		children: [/* @__PURE__ */ h("div", {
+			className: "border-b border-border-default bg-surface-raised",
+			children: /* @__PURE__ */ h("div", {
+				className: "mx-auto max-w-3xl px-6 py-4",
+				children: /* @__PURE__ */ g("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ g("button", {
+						type: "button",
+						onClick: () => f(-1),
+						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",
+						children: [/* @__PURE__ */ h(s, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						}), C("devportal.common.back", "Back")]
+					}), /* @__PURE__ */ g("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ h(d, {
+							className: "h-5 w-5 text-text-primary",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ h("h1", {
+							id: "store-submission-heading",
+							className: "text-xl font-semibold text-text-primary",
+							children: C("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: [
+								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__ */ g("div", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ h("h2", {
+										className: "text-lg font-semibold text-text-primary",
+										children: T.name
+									}), /* @__PURE__ */ h("p", {
+										className: "font-mono text-xs text-text-tertiary",
+										children: T.slug
+									})]
+								}),
+								/* @__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)
+									})]
+								})
+							]
+						})
+					}),
+					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()
+											})
+										]
+									})
+								]
+							}),
+							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: 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.")
+			})]
+		})]
+	});
+};
+//#endregion
+export { S as StoreSubmissionPage };
+
+//# sourceMappingURL=StoreSubmissionPage.js.map

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

@@ -0,0 +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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"}

package/dist/devportal/pages/WebhookDetailPage.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const WebhookDetailPage: FC;
+//# sourceMappingURL=WebhookDetailPage.d.ts.map

package/dist/devportal/pages/WebhookDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookDetailPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/WebhookDetailPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA8ChC,eAAO,MAAM,iBAAiB,EAAE,EA+X/B,CAAC"}