@burdenoff/microfe-devportal 2026.510.110

package/dist/devportal/pages/SettingsPage.js

@@ -0,0 +1,365 @@
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { EmptyState as t } from "../components/EmptyState.js";
+import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
+import { VerifiedBadge as i } from "../components/StatusBadge.js";
+import { useGetDeveloperPortalSettingsOverviewQuery as a } from "../../generated/global-operations.js";
+import { getErrorMessage as o } from "../hooks/useGraphQL.js";
+import "../hooks/index.js";
+import { useTr as s } from "../utils/i18n.js";
+import { AlertCircle as c, Building2 as l, ExternalLink as u, KeyRound as d, Loader2 as f, Mail as p, Settings as m, Shield as h, UserCircle2 as g, Webhook as _, Workflow as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/devportal/pages/SettingsPage.tsx
+var x = (e, t) => {
+	if (!e) return t;
+	let n = new Date(e);
+	return Number.isNaN(n.getTime()) ? t : n.toLocaleDateString();
+}, S = () => {
+	let { navigate: S, basePath: C } = e(), w = s(), { data: T, loading: E, error: D } = a({ fetchPolicy: "cache-and-network" }), O = (e) => {
+		S?.(`${C}${e}`);
+	}, k = w("devportal.settings.never", "Never"), A = w("devportal.settings.title", "Settings"), j = w("devportal.settings.description", "Review your developer portal account, credentials, and support options");
+	if (E && !T) return /* @__PURE__ */ y(n, {
+		title: A,
+		description: j,
+		children: /* @__PURE__ */ y("div", {
+			className: "flex items-center justify-center py-16 text-muted-foreground",
+			role: "status",
+			"aria-live": "polite",
+			"aria-label": w("devportal.common.loading", "Loading"),
+			children: /* @__PURE__ */ y(f, { className: "h-8 w-8 animate-spin" })
+		})
+	});
+	if (D) return /* @__PURE__ */ y(n, {
+		title: A,
+		description: j,
+		children: /* @__PURE__ */ y(t, {
+			icon: /* @__PURE__ */ y(c, {
+				size: 32,
+				className: "text-status-error-text"
+			}),
+			title: w("devportal.settings.errorTitle", "Unable to load settings"),
+			description: o(D)
+		})
+	});
+	let M = T?.myDeveloperProfile, N = T?.myDeveloperOrganizations ?? [], P = T?.myApiKeys ?? [], F = P[0], I = N.reduce((e, t) => e + (t.totalRevenue ?? 0), 0);
+	return /* @__PURE__ */ y(n, {
+		title: A,
+		description: j,
+		children: /* @__PURE__ */ b("div", {
+			className: "grid gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(320px,1fr)]",
+			children: [/* @__PURE__ */ b("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ y(r, {
+						title: w("devportal.settings.profile", "Profile"),
+						children: /* @__PURE__ */ y("div", {
+							className: "rounded-lg border bg-card p-6",
+							children: /* @__PURE__ */ b("div", {
+								className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+								children: [/* @__PURE__ */ b("div", {
+									className: "space-y-2",
+									children: [
+										/* @__PURE__ */ b("div", {
+											className: "flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ y(g, {
+													className: "h-5 w-5 text-primary",
+													"aria-hidden": "true"
+												}),
+												/* @__PURE__ */ y("h2", {
+													className: "text-lg font-semibold",
+													children: w("devportal.settings.developerProfile", "Developer profile")
+												}),
+												M?.isVerified && /* @__PURE__ */ y(i, { verified: !0 })
+											]
+										}),
+										/* @__PURE__ */ y("p", {
+											className: "text-sm text-muted-foreground",
+											children: M?.companyName || w("devportal.settings.noCompanyName", "No company name set yet")
+										}),
+										M?.bio && /* @__PURE__ */ y("p", {
+											className: "max-w-2xl text-sm text-muted-foreground",
+											children: M.bio
+										}),
+										/* @__PURE__ */ b("div", {
+											className: "flex flex-wrap gap-2 pt-1 text-xs text-muted-foreground",
+											children: [
+												/* @__PURE__ */ b("span", {
+													className: "rounded-full bg-muted px-2.5 py-1",
+													children: [
+														M?.applicationCount ?? 0,
+														" ",
+														w("devportal.settings.publishedAssetsTracked", "published assets tracked")
+													]
+												}),
+												/* @__PURE__ */ b("span", {
+													className: "rounded-full bg-muted px-2.5 py-1",
+													children: [
+														M?.totalInstalls ?? 0,
+														" ",
+														w("devportal.settings.installs", "installs")
+													]
+												}),
+												/* @__PURE__ */ b("span", {
+													className: "rounded-full bg-muted px-2.5 py-1",
+													children: [
+														w("devportal.settings.emailUpdates", "Email updates"),
+														" ",
+														M?.emailNotifications ? w("devportal.common.enabled", "enabled") : w("devportal.common.disabled", "disabled")
+													]
+												})
+											]
+										})
+									]
+								}), /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => O("/publisher/profile"),
+									className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+									children: [/* @__PURE__ */ y(m, {
+										size: 16,
+										"aria-hidden": "true"
+									}), w("devportal.settings.manageProfile", "Manage profile")]
+								})]
+							})
+						})
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "grid gap-6 lg:grid-cols-2",
+						children: [/* @__PURE__ */ y(r, {
+							title: w("devportal.settings.credentials", "Credentials"),
+							children: /* @__PURE__ */ y("div", {
+								className: "rounded-lg border bg-card p-6",
+								children: /* @__PURE__ */ b("div", {
+									className: "grid gap-4 sm:grid-cols-2",
+									children: [/* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => O("/api-keys"),
+										className: "rounded-lg border bg-background p-4 text-left transition-colors hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+										children: [
+											/* @__PURE__ */ b("div", {
+												className: "flex items-center gap-2 text-primary",
+												children: [/* @__PURE__ */ y(d, {
+													size: 16,
+													"aria-hidden": "true"
+												}), /* @__PURE__ */ y("span", {
+													className: "font-medium",
+													children: w("devportal.apiKeys", "API Keys")
+												})]
+											}),
+											/* @__PURE__ */ y("p", {
+												className: "mt-2 text-2xl font-semibold",
+												children: P.length
+											}),
+											/* @__PURE__ */ y("p", {
+												className: "mt-1 text-sm text-muted-foreground",
+												children: F ? `${w("devportal.settings.lastUsed", "Last used")} ${x(F.lastUsedAt, k)}` : w("devportal.settings.noApiKeys", "No API keys created yet")
+											})
+										]
+									}), /* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => O("/oauth"),
+										className: "rounded-lg border bg-background p-4 text-left transition-colors hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+										children: [
+											/* @__PURE__ */ b("div", {
+												className: "flex items-center gap-2 text-primary",
+												children: [/* @__PURE__ */ y(v, {
+													size: 16,
+													"aria-hidden": "true"
+												}), /* @__PURE__ */ y("span", {
+													className: "font-medium",
+													children: w("devportal.settings.oauthApps", "OAuth Apps")
+												})]
+											}),
+											/* @__PURE__ */ y("p", {
+												className: "mt-2 text-2xl font-semibold",
+												children: w("devportal.common.open", "Open")
+											}),
+											/* @__PURE__ */ y("p", {
+												className: "mt-1 text-sm text-muted-foreground",
+												children: w("devportal.settings.oauthDescription", "Manage OAuth clients on the dedicated credentials page.")
+											})
+										]
+									})]
+								})
+							})
+						}), /* @__PURE__ */ y(r, {
+							title: w("devportal.settings.organizations", "Organizations"),
+							children: /* @__PURE__ */ b("div", {
+								className: "rounded-lg border bg-card p-6",
+								children: [
+									/* @__PURE__ */ b("div", {
+										className: "flex items-center gap-2 text-primary",
+										children: [/* @__PURE__ */ y(l, {
+											size: 16,
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ y("span", {
+											className: "font-medium",
+											children: w("devportal.settings.developerOrganizations", "Developer organizations")
+										})]
+									}),
+									/* @__PURE__ */ y("p", {
+										className: "mt-2 text-2xl font-semibold",
+										children: N.length
+									}),
+									/* @__PURE__ */ b("p", {
+										className: "mt-1 text-sm text-muted-foreground",
+										children: [
+											"$",
+											I.toLocaleString(),
+											" ",
+											w("devportal.settings.lifetimeRevenue", "lifetime revenue across all teams")
+										]
+									}),
+									/* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => O("/organizations"),
+										className: "mt-4 inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+										children: [w("devportal.settings.viewOrganizations", "View organizations"), /* @__PURE__ */ y(u, {
+											size: 14,
+											"aria-hidden": "true"
+										})]
+									})
+								]
+							})
+						})]
+					}),
+					/* @__PURE__ */ y(r, {
+						title: w("devportal.settings.deliveryAutomation", "Delivery & automation"),
+						children: /* @__PURE__ */ y("div", {
+							className: "rounded-lg border bg-card p-6",
+							children: /* @__PURE__ */ b("div", {
+								className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
+									className: "flex items-center gap-2 text-primary",
+									children: [/* @__PURE__ */ y(_, {
+										size: 16,
+										"aria-hidden": "true"
+									}), /* @__PURE__ */ y("span", {
+										className: "font-medium",
+										children: w("devportal.settings.webhookOperations", "Webhook operations")
+									})]
+								}), /* @__PURE__ */ y("p", {
+									className: "mt-2 text-sm text-muted-foreground",
+									children: w("devportal.settings.webhookOperationsDescription", "Configure application webhooks from each application detail page. Delivery history and retry status are available per app.")
+								})] }), /* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => O("/webhooks"),
+									className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+									children: [w("devportal.settings.openWebhooks", "Open webhooks"), /* @__PURE__ */ y(u, {
+										size: 14,
+										"aria-hidden": "true"
+									})]
+								})]
+							})
+						})
+					})
+				]
+			}), /* @__PURE__ */ b("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ y(r, {
+						title: w("devportal.settings.securitySupport", "Security & support"),
+						children: /* @__PURE__ */ b("div", {
+							className: "rounded-lg border bg-card p-6",
+							children: [/* @__PURE__ */ b("div", {
+								className: "flex items-center gap-2 text-primary",
+								children: [/* @__PURE__ */ y(h, {
+									size: 16,
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ y("span", {
+									className: "font-medium",
+									children: w("devportal.settings.securityPosture", "Security posture")
+								})]
+							}), /* @__PURE__ */ b("ul", {
+								className: "mt-4 space-y-3 text-sm text-muted-foreground",
+								children: [
+									/* @__PURE__ */ y("li", {
+										className: "rounded-md bg-muted px-3 py-2",
+										children: w("devportal.settings.securityNote1", "API keys and OAuth apps are managed through the public global gateway.")
+									}),
+									/* @__PURE__ */ y("li", {
+										className: "rounded-md bg-muted px-3 py-2",
+										children: w("devportal.settings.securityNote2", "Webhook testing and delivery history are available per application.")
+									}),
+									/* @__PURE__ */ y("li", {
+										className: "rounded-md bg-muted px-3 py-2",
+										children: w("devportal.settings.securityNote3", "Profile verification status is reflected directly from your developer profile.")
+									})
+								]
+							})]
+						})
+					}),
+					/* @__PURE__ */ y(r, {
+						title: w("devportal.settings.recentCredentialActivity", "Recent credential activity"),
+						children: /* @__PURE__ */ y("div", {
+							className: "rounded-lg border bg-card p-6",
+							children: F ? /* @__PURE__ */ b("div", {
+								className: "space-y-4 text-sm",
+								children: [/* @__PURE__ */ b("div", {
+									className: "flex items-center justify-between gap-3",
+									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										className: "font-medium",
+										children: F.name
+									}), /* @__PURE__ */ y("p", {
+										className: "text-muted-foreground",
+										children: F.prefix
+									})] }), /* @__PURE__ */ y("span", {
+										className: "inline-flex items-center rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text",
+										children: w("devportal.common.active", "Active")
+									})]
+								}), /* @__PURE__ */ b("dl", {
+									className: "grid gap-3 text-muted-foreground",
+									children: [
+										/* @__PURE__ */ b("div", {
+											className: "flex items-center justify-between gap-3",
+											children: [/* @__PURE__ */ y("dt", { children: w("devportal.common.created", "Created") }), /* @__PURE__ */ y("dd", { children: x(F.createdAt, k) })]
+										}),
+										/* @__PURE__ */ b("div", {
+											className: "flex items-center justify-between gap-3",
+											children: [/* @__PURE__ */ y("dt", { children: w("devportal.common.expires", "Expires") }), /* @__PURE__ */ y("dd", { children: x(F.expiresAt, k) })]
+										}),
+										/* @__PURE__ */ b("div", {
+											className: "flex items-center justify-between gap-3",
+											children: [/* @__PURE__ */ y("dt", { children: w("devportal.settings.lastUsed", "Last used") }), /* @__PURE__ */ y("dd", { children: x(F.lastUsedAt, k) })]
+										})
+									]
+								})]
+							}) : /* @__PURE__ */ y(t, {
+								icon: /* @__PURE__ */ y(d, { size: 24 }),
+								title: w("devportal.settings.noCredentialActivity", "No credential activity yet"),
+								description: w("devportal.settings.noCredentialActivityDescription", "Create an API key or OAuth app to manage credentials from here.")
+							})
+						})
+					}),
+					/* @__PURE__ */ y(r, {
+						title: w("devportal.settings.accountActions", "Account actions"),
+						children: /* @__PURE__ */ b("div", {
+							className: "rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-6",
+							children: [
+								/* @__PURE__ */ y("h2", {
+									className: "font-semibold text-status-warning-text",
+									children: w("devportal.settings.needHelpTitle", "Need help with account changes?")
+								}),
+								/* @__PURE__ */ y("p", {
+									className: "mt-2 text-sm text-status-warning-text",
+									children: w("devportal.settings.needHelpDescription", "Destructive account operations are handled through support so the team can verify ownership and preserve billing history, audit trails, and marketplace assets.")
+								}),
+								/* @__PURE__ */ b("a", {
+									href: "mailto:support@burdenoff.com?subject=Developer%20portal%20account%20support",
+									className: "mt-4 inline-flex items-center gap-2 rounded-md border border-status-warning-border bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+									children: [/* @__PURE__ */ y(p, {
+										size: 16,
+										"aria-hidden": "true"
+									}), w("devportal.settings.contactSupport", "Contact support")]
+								})
+							]
+						})
+					})
+				]
+			})]
+		})
+	});
+};
+//#endregion
+export { S as SettingsPage };
+
+//# sourceMappingURL=SettingsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.js","names":[],"sources":["../../../src/devportal/pages/SettingsPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport {\n  Building2,\n  ExternalLink,\n  KeyRound,\n  Mail,\n  Settings,\n  Shield,\n  UserCircle2,\n  Webhook,\n  Workflow,\n  Loader2,\n  AlertCircle,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { VerifiedBadge } from \"../components/StatusBadge\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n  getErrorMessage,\n  useGetDeveloperPortalSettingsOverviewQuery,\n} from \"../hooks\";\nimport { useTr } from \"../utils/i18n\";\n\nconst formatDate = (\n  value: string | null | undefined,\n  neverLabel: string,\n): string => {\n  if (!value) return neverLabel;\n\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) return neverLabel;\n\n  return parsed.toLocaleDateString();\n};\n\nexport const SettingsPage: FC = () => {\n  const { navigate, basePath } = useDevportal();\n  const tr = useTr();\n  const { data, loading, error } = useGetDeveloperPortalSettingsOverviewQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const handleNavigate = (path: string) => {\n    navigate?.(`${basePath}${path}`);\n  };\n\n  const neverLabel = tr(\"devportal.settings.never\", \"Never\");\n  const title = tr(\"devportal.settings.title\", \"Settings\");\n  const description = tr(\n    \"devportal.settings.description\",\n    \"Review your developer portal account, credentials, and support options\",\n  );\n\n  if (loading && !data) {\n    return (\n      <PageLayout title={title} description={description}>\n        <div\n          className=\"flex items-center justify-center py-16 text-muted-foreground\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={tr(\"devportal.common.loading\", \"Loading\")}\n        >\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout title={title} description={description}>\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\"devportal.settings.errorTitle\", \"Unable to load settings\")}\n          description={getErrorMessage(error)}\n        />\n      </PageLayout>\n    );\n  }\n\n  const profile = data?.myDeveloperProfile;\n  const organizations = data?.myDeveloperOrganizations ?? [];\n  const apiKeys = data?.myApiKeys ?? [];\n  const latestApiKey = apiKeys[0];\n  const totalRevenue = organizations.reduce(\n    (sum: number, organization: (typeof organizations)[number]) =>\n      sum + (organization.totalRevenue ?? 0),\n    0,\n  );\n\n  return (\n    <PageLayout title={title} description={description}>\n      <div className=\"grid gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(320px,1fr)]\">\n        <div className=\"space-y-6\">\n          <PageSection title={tr(\"devportal.settings.profile\", \"Profile\")}>\n            <div className=\"rounded-lg border bg-card p-6\">\n              <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n                <div className=\"space-y-2\">\n                  <div className=\"flex items-center gap-2\">\n                    <UserCircle2\n                      className=\"h-5 w-5 text-primary\"\n                      aria-hidden=\"true\"\n                    />\n                    <h2 className=\"text-lg font-semibold\">\n                      {tr(\n                        \"devportal.settings.developerProfile\",\n                        \"Developer profile\",\n                      )}\n                    </h2>\n                    {profile?.isVerified && <VerifiedBadge verified />}\n                  </div>\n                  <p className=\"text-sm text-muted-foreground\">\n                    {profile?.companyName ||\n                      tr(\n                        \"devportal.settings.noCompanyName\",\n                        \"No company name set yet\",\n                      )}\n                  </p>\n                  {profile?.bio && (\n                    <p className=\"max-w-2xl text-sm text-muted-foreground\">\n                      {profile.bio}\n                    </p>\n                  )}\n                  <div className=\"flex flex-wrap gap-2 pt-1 text-xs text-muted-foreground\">\n                    <span className=\"rounded-full bg-muted px-2.5 py-1\">\n                      {profile?.applicationCount ?? 0}{\" \"}\n                      {tr(\n                        \"devportal.settings.publishedAssetsTracked\",\n                        \"published assets tracked\",\n                      )}\n                    </span>\n                    <span className=\"rounded-full bg-muted px-2.5 py-1\">\n                      {profile?.totalInstalls ?? 0}{\" \"}\n                      {tr(\"devportal.settings.installs\", \"installs\")}\n                    </span>\n                    <span className=\"rounded-full bg-muted px-2.5 py-1\">\n                      {tr(\"devportal.settings.emailUpdates\", \"Email updates\")}{\" \"}\n                      {profile?.emailNotifications\n                        ? tr(\"devportal.common.enabled\", \"enabled\")\n                        : tr(\"devportal.common.disabled\", \"disabled\")}\n                    </span>\n                  </div>\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => handleNavigate(\"/publisher/profile\")}\n                  className=\"inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  <Settings size={16} aria-hidden=\"true\" />\n                  {tr(\"devportal.settings.manageProfile\", \"Manage profile\")}\n                </button>\n              </div>\n            </div>\n          </PageSection>\n\n          <div className=\"grid gap-6 lg:grid-cols-2\">\n            <PageSection\n              title={tr(\"devportal.settings.credentials\", \"Credentials\")}\n            >\n              <div className=\"rounded-lg border bg-card p-6\">\n                <div className=\"grid gap-4 sm:grid-cols-2\">\n                  <button\n                    type=\"button\"\n                    onClick={() => handleNavigate(\"/api-keys\")}\n                    className=\"rounded-lg border bg-background p-4 text-left transition-colors hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                  >\n                    <div className=\"flex items-center gap-2 text-primary\">\n                      <KeyRound size={16} aria-hidden=\"true\" />\n                      <span className=\"font-medium\">\n                        {tr(\"devportal.apiKeys\", \"API Keys\")}\n                      </span>\n                    </div>\n                    <p className=\"mt-2 text-2xl font-semibold\">\n                      {apiKeys.length}\n                    </p>\n                    <p className=\"mt-1 text-sm text-muted-foreground\">\n                      {latestApiKey\n                        ? `${tr(\"devportal.settings.lastUsed\", \"Last used\")} ${formatDate(latestApiKey.lastUsedAt, neverLabel)}`\n                        : tr(\n                            \"devportal.settings.noApiKeys\",\n                            \"No API keys created yet\",\n                          )}\n                    </p>\n                  </button>\n\n                  <button\n                    type=\"button\"\n                    onClick={() => handleNavigate(\"/oauth\")}\n                    className=\"rounded-lg border bg-background p-4 text-left transition-colors hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                  >\n                    <div className=\"flex items-center gap-2 text-primary\">\n                      <Workflow size={16} aria-hidden=\"true\" />\n                      <span className=\"font-medium\">\n                        {tr(\"devportal.settings.oauthApps\", \"OAuth Apps\")}\n                      </span>\n                    </div>\n                    <p className=\"mt-2 text-2xl font-semibold\">\n                      {tr(\"devportal.common.open\", \"Open\")}\n                    </p>\n                    <p className=\"mt-1 text-sm text-muted-foreground\">\n                      {tr(\n                        \"devportal.settings.oauthDescription\",\n                        \"Manage OAuth clients on the dedicated credentials page.\",\n                      )}\n                    </p>\n                  </button>\n                </div>\n              </div>\n            </PageSection>\n\n            <PageSection\n              title={tr(\"devportal.settings.organizations\", \"Organizations\")}\n            >\n              <div className=\"rounded-lg border bg-card p-6\">\n                <div className=\"flex items-center gap-2 text-primary\">\n                  <Building2 size={16} aria-hidden=\"true\" />\n                  <span className=\"font-medium\">\n                    {tr(\n                      \"devportal.settings.developerOrganizations\",\n                      \"Developer organizations\",\n                    )}\n                  </span>\n                </div>\n                <p className=\"mt-2 text-2xl font-semibold\">\n                  {organizations.length}\n                </p>\n                <p className=\"mt-1 text-sm text-muted-foreground\">\n                  ${totalRevenue.toLocaleString()}{\" \"}\n                  {tr(\n                    \"devportal.settings.lifetimeRevenue\",\n                    \"lifetime revenue across all teams\",\n                  )}\n                </p>\n                <button\n                  type=\"button\"\n                  onClick={() => handleNavigate(\"/organizations\")}\n                  className=\"mt-4 inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  {tr(\n                    \"devportal.settings.viewOrganizations\",\n                    \"View organizations\",\n                  )}\n                  <ExternalLink size={14} aria-hidden=\"true\" />\n                </button>\n              </div>\n            </PageSection>\n          </div>\n\n          <PageSection\n            title={tr(\n              \"devportal.settings.deliveryAutomation\",\n              \"Delivery & automation\",\n            )}\n          >\n            <div className=\"rounded-lg border bg-card p-6\">\n              <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n                <div>\n                  <div className=\"flex items-center gap-2 text-primary\">\n                    <Webhook size={16} aria-hidden=\"true\" />\n                    <span className=\"font-medium\">\n                      {tr(\n                        \"devportal.settings.webhookOperations\",\n                        \"Webhook operations\",\n                      )}\n                    </span>\n                  </div>\n                  <p className=\"mt-2 text-sm text-muted-foreground\">\n                    {tr(\n                      \"devportal.settings.webhookOperationsDescription\",\n                      \"Configure application webhooks from each application detail page. Delivery history and retry status are available per app.\",\n                    )}\n                  </p>\n                </div>\n                <button\n                  type=\"button\"\n                  onClick={() => handleNavigate(\"/webhooks\")}\n                  className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n                >\n                  {tr(\"devportal.settings.openWebhooks\", \"Open webhooks\")}\n                  <ExternalLink size={14} aria-hidden=\"true\" />\n                </button>\n              </div>\n            </div>\n          </PageSection>\n        </div>\n\n        <div className=\"space-y-6\">\n          <PageSection\n            title={tr(\n              \"devportal.settings.securitySupport\",\n              \"Security & support\",\n            )}\n          >\n            <div className=\"rounded-lg border bg-card p-6\">\n              <div className=\"flex items-center gap-2 text-primary\">\n                <Shield size={16} aria-hidden=\"true\" />\n                <span className=\"font-medium\">\n                  {tr(\"devportal.settings.securityPosture\", \"Security posture\")}\n                </span>\n              </div>\n              <ul className=\"mt-4 space-y-3 text-sm text-muted-foreground\">\n                <li className=\"rounded-md bg-muted px-3 py-2\">\n                  {tr(\n                    \"devportal.settings.securityNote1\",\n                    \"API keys and OAuth apps are managed through the public global gateway.\",\n                  )}\n                </li>\n                <li className=\"rounded-md bg-muted px-3 py-2\">\n                  {tr(\n                    \"devportal.settings.securityNote2\",\n                    \"Webhook testing and delivery history are available per application.\",\n                  )}\n                </li>\n                <li className=\"rounded-md bg-muted px-3 py-2\">\n                  {tr(\n                    \"devportal.settings.securityNote3\",\n                    \"Profile verification status is reflected directly from your developer profile.\",\n                  )}\n                </li>\n              </ul>\n            </div>\n          </PageSection>\n\n          <PageSection\n            title={tr(\n              \"devportal.settings.recentCredentialActivity\",\n              \"Recent credential activity\",\n            )}\n          >\n            <div className=\"rounded-lg border bg-card p-6\">\n              {latestApiKey ? (\n                <div className=\"space-y-4 text-sm\">\n                  <div className=\"flex items-center justify-between gap-3\">\n                    <div>\n                      <p className=\"font-medium\">{latestApiKey.name}</p>\n                      <p className=\"text-muted-foreground\">\n                        {latestApiKey.prefix}\n                      </p>\n                    </div>\n                    <span className=\"inline-flex items-center rounded-full bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text\">\n                      {tr(\"devportal.common.active\", \"Active\")}\n                    </span>\n                  </div>\n                  <dl className=\"grid gap-3 text-muted-foreground\">\n                    <div className=\"flex items-center justify-between gap-3\">\n                      <dt>{tr(\"devportal.common.created\", \"Created\")}</dt>\n                      <dd>{formatDate(latestApiKey.createdAt, neverLabel)}</dd>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-3\">\n                      <dt>{tr(\"devportal.common.expires\", \"Expires\")}</dt>\n                      <dd>{formatDate(latestApiKey.expiresAt, neverLabel)}</dd>\n                    </div>\n                    <div className=\"flex items-center justify-between gap-3\">\n                      <dt>{tr(\"devportal.settings.lastUsed\", \"Last used\")}</dt>\n                      <dd>{formatDate(latestApiKey.lastUsedAt, neverLabel)}</dd>\n                    </div>\n                  </dl>\n                </div>\n              ) : (\n                <EmptyState\n                  icon={<KeyRound size={24} />}\n                  title={tr(\n                    \"devportal.settings.noCredentialActivity\",\n                    \"No credential activity yet\",\n                  )}\n                  description={tr(\n                    \"devportal.settings.noCredentialActivityDescription\",\n                    \"Create an API key or OAuth app to manage credentials from here.\",\n                  )}\n                />\n              )}\n            </div>\n          </PageSection>\n\n          <PageSection\n            title={tr(\"devportal.settings.accountActions\", \"Account actions\")}\n          >\n            <div className=\"rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-6\">\n              <h2 className=\"font-semibold text-status-warning-text\">\n                {tr(\n                  \"devportal.settings.needHelpTitle\",\n                  \"Need help with account changes?\",\n                )}\n              </h2>\n              <p className=\"mt-2 text-sm text-status-warning-text\">\n                {tr(\n                  \"devportal.settings.needHelpDescription\",\n                  \"Destructive account operations are handled through support so the team can verify ownership and preserve billing history, audit trails, and marketplace assets.\",\n                )}\n              </p>\n              <a\n                href=\"mailto:support@burdenoff.com?subject=Developer%20portal%20account%20support\"\n                className=\"mt-4 inline-flex items-center gap-2 rounded-md border border-status-warning-border bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n              >\n                <Mail size={16} aria-hidden=\"true\" />\n                {tr(\"devportal.settings.contactSupport\", \"Contact support\")}\n              </a>\n            </div>\n          </PageSection>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StoreSubmissionPage.d.ts","sourceRoot":"","sources":["../../../src/devportal/pages/StoreSubmissionPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA4IhC,eAAO,MAAM,mBAAmB,EAAE,EAmXjC,CAAC"}