@burdenoff/microfe-devportal 2026.1108.2 → 2026.1109.2

package/dist/devportal/pages/TimeCampusAppletsPage.js

@@ -0,0 +1,490 @@
+import { PageLayout as e, PageSection as t } from "../components/PageLayout.js";
+import { EmptyState as n } from "../components/EmptyState.js";
+import { LoadingState as r } from "../components/LoadingState.js";
+import { StatusBadge as i } from "../components/StatusBadge.js";
+import { useDevportal as a } from "../providers/DevportalProvider.js";
+import { useTr as o } from "../utils/i18n.js";
+import { TIMECAMPUS_APPLETS_DOCS_URL as s, TIMECAMPUS_MANIFEST_DOCS_URL as c, TIMECAMPUS_SAMPLE_WIDGET_URL as l, canAddVersion as u, canEditVersion as d, canWithdrawFromMarketplace as f, errorText as p, formatDate as m, manifestForNextVersion as h, manifestText as g, marketplaceOffer as _, parseManifestText as v, starterManifest as y, versionAction as b } from "../utils/timecampusApplets.js";
+import { useDevportalAddTimeCampusAppletVersionMutation as x, useDevportalCreateTimeCampusAppletMutation as S, useDevportalSubmitTimeCampusAppletToMarketplaceMutation as C, useDevportalSubmitTimeCampusAppletVersionMutation as w, useDevportalTimeCampusAppletsQuery as T, useDevportalUpdateTimeCampusAppletVersionMutation as E, useDevportalValidateTimeCampusAppletManifestLazyQuery as D, useDevportalWithdrawTimeCampusAppletFromMarketplaceMutation as O, useDevportalWithdrawTimeCampusAppletVersionMutation as k, useMyWorkspacesQuery as A } from "../../generated/wspace-operations.js";
+import { useState as j } from "react";
+import { BookOpen as M, CheckCircle2 as N, ExternalLink as P, FilePlus2 as F, Globe as I, Pencil as L, Puzzle as R, Send as z, Undo2 as B, Upload as V } from "lucide-react";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { GlassCard as G } from "@burdenoff/fe-libs/ui";
+import { useSafeGatewayClient as K } from "@burdenoff/fe-libs/shared/graphql";
+// src/devportal/pages/TimeCampusAppletsPage.tsx
+var q = ["DevportalTimeCampusApplets"], J = "inline-flex items-center justify-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50", Y = "inline-flex items-center justify-center gap-1.5 rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-surface-hover disabled:opacity-50";
+function X(e) {
+	return e.kind === "new" ? "new" : e.kind === "version" ? `version-${e.appletId}` : `edit-${e.versionId}`;
+}
+var ee = ({ target: e, initialText: t, onClose: n, onSaved: r }) => {
+	let i = o(), a = K("workspace") ?? void 0, [s, l] = j(t), [u, d] = j([]), [f, m] = j(!1), [h, { loading: g }] = D({
+		client: a,
+		fetchPolicy: "no-cache"
+	}), [_, { loading: y }] = S({
+		client: a,
+		refetchQueries: q,
+		awaitRefetchQueries: !0
+	}), [b, { loading: C }] = x({
+		client: a,
+		refetchQueries: q,
+		awaitRefetchQueries: !0
+	}), [w, { loading: T }] = E({
+		client: a,
+		refetchQueries: q,
+		awaitRefetchQueries: !0
+	}), O = y || C || T, k = () => {
+		let e = v(s);
+		return e.ok ? e.manifest : (d([e.error]), m(!1), null);
+	}, A = async () => {
+		let e = k();
+		if (e) try {
+			let { data: t } = await h({ variables: { manifest: e } }), n = t?.validateTimeCampusAppletManifest;
+			d(n?.errors ?? []), m(n?.valid === !0);
+		} catch (e) {
+			d([p(e)]), m(!1);
+		}
+	}, M = async () => {
+		let t = k();
+		if (t) try {
+			e.kind === "new" ? (await _({ variables: { manifest: t } }), r(i("devportal.timecampusApplets.registered", "Applet registered as a draft. Submit it for review when it is ready."))) : e.kind === "edit" ? (await w({ variables: {
+				versionId: e.versionId,
+				manifest: t
+			} }), r(i("devportal.timecampusApplets.versionUpdated", "Manifest saved. The version is a draft."))) : (await b({ variables: {
+				appletId: e.appletId,
+				manifest: t
+			} }), r(i("devportal.timecampusApplets.versionAdded", "New version saved as a draft.")));
+		} catch (e) {
+			d([p(e)]), m(!1);
+		}
+	}, F = e.kind === "new" ? i("devportal.timecampusApplets.registerTitle", "Register an applet") : e.kind === "edit" ? i("devportal.timecampusApplets.editVersionTitle", "Edit v{{version}} of {{name}}", {
+		name: e.appletName,
+		version: e.version
+	}) : i("devportal.timecampusApplets.newVersionTitle", "Upload a new version of {{name}}", { name: e.appletName });
+	return /* @__PURE__ */ W(G, {
+		className: "flex flex-col gap-3 p-4",
+		"data-testid": "tc-manifest-editor",
+		children: [
+			/* @__PURE__ */ W("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [/* @__PURE__ */ U("h2", {
+					className: "text-base font-semibold text-text-primary",
+					children: F
+				}), /* @__PURE__ */ W("a", {
+					href: c,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					className: "inline-flex items-center gap-1 text-sm text-primary hover:underline",
+					children: [i("devportal.timecampusApplets.manifestReference", "Manifest reference"), /* @__PURE__ */ U(P, {
+						className: "h-3.5 w-3.5",
+						"aria-hidden": "true"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ W("label", {
+				className: "flex flex-col gap-1 text-sm text-text-secondary",
+				children: [i("devportal.timecampusApplets.manifestLabel", "Manifest (JSON)"), /* @__PURE__ */ U("textarea", {
+					value: s,
+					onChange: (e) => {
+						l(e.target.value), m(!1);
+					},
+					spellCheck: !1,
+					rows: 18,
+					className: "w-full rounded-md border border-border-subtle bg-bg-sunken p-3 font-mono text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
+					"data-testid": "tc-manifest-text"
+				})]
+			}),
+			u.length > 0 && /* @__PURE__ */ U("ul", {
+				className: "list-disc space-y-1 rounded-md bg-status-error-bg-subtle py-2 pl-6 pr-3 text-xs text-status-error-text",
+				role: "alert",
+				"data-testid": "tc-manifest-problems",
+				children: u.map((e, t) => /* @__PURE__ */ U("li", { children: e }, `${t}-${e}`))
+			}),
+			f && u.length === 0 && /* @__PURE__ */ W("p", {
+				className: "flex items-center gap-1.5 text-xs text-status-success-text",
+				"data-testid": "tc-manifest-valid",
+				children: [/* @__PURE__ */ U(N, {
+					className: "h-4 w-4",
+					"aria-hidden": "true"
+				}), i("devportal.timecampusApplets.manifestValid", "The manifest is valid.")]
+			}),
+			/* @__PURE__ */ W("div", {
+				className: "flex flex-wrap justify-end gap-2",
+				children: [
+					/* @__PURE__ */ U("button", {
+						type: "button",
+						className: Y,
+						onClick: n,
+						children: i("devportal.cancel", "Cancel")
+					}),
+					/* @__PURE__ */ W("button", {
+						type: "button",
+						className: Y,
+						onClick: () => void A(),
+						disabled: g || O,
+						children: [/* @__PURE__ */ U(N, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						}), i("devportal.timecampusApplets.validate", "Validate")]
+					}),
+					/* @__PURE__ */ W("button", {
+						type: "button",
+						className: J,
+						onClick: () => void M(),
+						disabled: O,
+						"data-testid": "tc-manifest-save",
+						children: [/* @__PURE__ */ U(V, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						}), e.kind === "new" ? i("devportal.timecampusApplets.register", "Register applet") : i("devportal.timecampusApplets.uploadVersion", "Upload version")]
+					})
+				]
+			})
+		]
+	});
+}, te = ({ applet: e, busy: t, onNewVersion: n, onEditVersion: r, onSubmitVersion: a, onWithdrawVersion: s, onOffer: c, onWithdrawOffer: l }) => {
+	let p = o(), h = e.latestVersion, g = b(e), v = _(e), y = e.marketplace, x = y?.latestSubmission;
+	return /* @__PURE__ */ W(G, {
+		className: "flex flex-col gap-4 p-4",
+		"data-testid": `tc-applet-${e.key}`,
+		children: [/* @__PURE__ */ W("div", {
+			className: "flex flex-wrap items-start justify-between gap-3",
+			children: [/* @__PURE__ */ W("div", {
+				className: "min-w-0",
+				children: [
+					/* @__PURE__ */ W("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [/* @__PURE__ */ U("h3", {
+							className: "text-base font-semibold text-text-primary",
+							children: e.name
+						}), /* @__PURE__ */ U(i, { status: e.status })]
+					}),
+					/* @__PURE__ */ U("p", {
+						className: "mt-0.5 font-mono text-xs text-text-tertiary",
+						children: e.key
+					}),
+					/* @__PURE__ */ U("p", {
+						className: "mt-1 text-sm text-text-secondary",
+						children: e.description
+					})
+				]
+			}), /* @__PURE__ */ W("button", {
+				type: "button",
+				className: Y,
+				onClick: n,
+				disabled: t || !u(e),
+				title: u(e) ? void 0 : p("devportal.timecampusApplets.openVersionHint", "Finish or withdraw the open version first."),
+				children: [/* @__PURE__ */ U(F, {
+					className: "h-4 w-4",
+					"aria-hidden": "true"
+				}), p("devportal.timecampusApplets.newVersion", "New version")]
+			})]
+		}), /* @__PURE__ */ W("div", {
+			className: "grid gap-3 md:grid-cols-2",
+			children: [/* @__PURE__ */ W("div", {
+				className: "flex flex-col gap-2 rounded-md border border-border-subtle bg-bg-sunken/40 p-3",
+				"data-testid": `tc-applet-version-${e.key}`,
+				children: [
+					/* @__PURE__ */ W("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [/* @__PURE__ */ W("p", {
+							className: "text-sm font-medium text-text-primary",
+							children: [
+								p("devportal.timecampusApplets.latestVersion", "Latest version"),
+								" ",
+								"v",
+								h.version
+							]
+						}), /* @__PURE__ */ U(i, { status: h.status })]
+					}),
+					e.liveVersion && e.liveVersion.id !== h.id && /* @__PURE__ */ U("p", {
+						className: "text-xs text-text-secondary",
+						children: p("devportal.timecampusApplets.liveInWorkspace", "v{{version}} is live in your workspace.", { version: e.liveVersion.version })
+					}),
+					h.submittedAt && /* @__PURE__ */ W("p", {
+						className: "text-xs text-text-secondary",
+						children: [
+							p("devportal.timecampusApplets.submitted", "Submitted"),
+							" ",
+							m(h.submittedAt)
+						]
+					}),
+					h.reviewNotes && /* @__PURE__ */ W("p", {
+						className: "text-xs text-text-secondary",
+						children: [
+							/* @__PURE__ */ W("span", {
+								className: "font-medium text-text-primary",
+								children: [p("devportal.timecampusApplets.reviewNotes", "Review notes"), ":"]
+							}),
+							" ",
+							h.reviewNotes
+						]
+					}),
+					h.suspendedReason && /* @__PURE__ */ U("p", {
+						className: "text-xs text-status-warning-text",
+						children: h.suspendedReason
+					}),
+					d(e) && /* @__PURE__ */ W("button", {
+						type: "button",
+						className: Y,
+						onClick: r,
+						disabled: t,
+						"data-testid": `tc-edit-version-${e.key}`,
+						children: [/* @__PURE__ */ U(L, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						}), p("devportal.timecampusApplets.editManifest", "Edit manifest")]
+					}),
+					g.kind === "submit" && /* @__PURE__ */ W("button", {
+						type: "button",
+						className: J,
+						onClick: () => a(g.versionId),
+						disabled: t,
+						children: [/* @__PURE__ */ U(z, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						}), p("devportal.timecampusApplets.submitForReview", "Submit for review")]
+					}),
+					g.kind === "withdraw" && /* @__PURE__ */ W("button", {
+						type: "button",
+						className: Y,
+						onClick: () => s(g.versionId),
+						disabled: t,
+						children: [/* @__PURE__ */ U(B, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						}), p("devportal.timecampusApplets.withdrawReview", "Withdraw from review")]
+					})
+				]
+			}), /* @__PURE__ */ W("div", {
+				className: "flex flex-col gap-2 rounded-md border border-border-subtle bg-bg-sunken/40 p-3",
+				"data-testid": `tc-applet-marketplace-${e.key}`,
+				children: [
+					/* @__PURE__ */ W("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ U(I, {
+								className: "h-4 w-4 text-text-tertiary",
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ U("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: p("devportal.timecampusApplets.marketplace", "Public marketplace")
+							}),
+							y ? /* @__PURE__ */ U(i, { status: y.status }) : /* @__PURE__ */ U(i, { status: "NOT_LISTED" })
+						]
+					}),
+					y?.liveSubmission && /* @__PURE__ */ U("p", {
+						className: "text-xs text-text-secondary",
+						children: p("devportal.timecampusApplets.certifiedLive", "v{{version}} is certified and live in the marketplace.", { version: y.liveSubmission.version })
+					}),
+					x && /* @__PURE__ */ W("p", {
+						className: "flex flex-wrap items-center gap-2 text-xs text-text-secondary",
+						children: [p("devportal.timecampusApplets.latestSubmission", "Latest submission v{{version}}", { version: x.version }), /* @__PURE__ */ U(i, { status: x.status })]
+					}),
+					x?.reviewNotes && /* @__PURE__ */ W("p", {
+						className: "text-xs text-text-secondary",
+						children: [
+							/* @__PURE__ */ W("span", {
+								className: "font-medium text-text-primary",
+								children: [p("devportal.timecampusApplets.certificationNotes", "Certification notes"), ":"]
+							}),
+							" ",
+							x.reviewNotes
+						]
+					}),
+					y?.suspendedReason && /* @__PURE__ */ U("p", {
+						className: "text-xs text-status-warning-text",
+						children: y.suspendedReason
+					}),
+					f(e) ? /* @__PURE__ */ W("button", {
+						type: "button",
+						className: Y,
+						onClick: l,
+						disabled: t,
+						children: [/* @__PURE__ */ U(B, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						}), p("devportal.timecampusApplets.withdrawSubmission", "Withdraw submission")]
+					}) : v.canOffer ? /* @__PURE__ */ W("button", {
+						type: "button",
+						className: J,
+						onClick: c,
+						disabled: t,
+						children: [/* @__PURE__ */ U(I, {
+							className: "h-4 w-4",
+							"aria-hidden": "true"
+						}), p("devportal.timecampusApplets.offer", "Offer v{{version}} to the marketplace", { version: v.version })]
+					}) : /* @__PURE__ */ U("p", {
+						className: "text-xs text-text-tertiary",
+						children: v.reason
+					})
+				]
+			})]
+		})]
+	});
+}, ne = () => {
+	let e = o(), t = [
+		{
+			href: c,
+			label: e("devportal.timecampusApplets.docsManifest", "Applet manifest reference"),
+			icon: M
+		},
+		{
+			href: l,
+			label: e("devportal.timecampusApplets.docsSample", "Sample widget (view source)"),
+			icon: R
+		},
+		{
+			href: s,
+			label: e("devportal.timecampusApplets.docsApplets", "How applets work in TimeCampus"),
+			icon: I
+		}
+	];
+	return /* @__PURE__ */ U("ul", {
+		className: "flex flex-wrap gap-2",
+		"data-testid": "tc-applet-resources",
+		children: t.map(({ href: e, label: t, icon: n }) => /* @__PURE__ */ U("li", { children: /* @__PURE__ */ W("a", {
+			href: e,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: Y,
+			children: [
+				/* @__PURE__ */ U(n, {
+					className: "h-4 w-4",
+					"aria-hidden": "true"
+				}),
+				t,
+				/* @__PURE__ */ U(P, {
+					className: "h-3.5 w-3.5",
+					"aria-hidden": "true"
+				})
+			]
+		}) }, e))
+	});
+}, Z = () => {
+	let i = o(), { workspaceId: s } = a(), l = K("workspace"), u = l ?? void 0, d = !!s && !!l, [f, m] = j(null), _ = f && f.workspaceId === s ? f : null, v = (e, t) => {
+		s && (x(null), m({
+			target: e,
+			text: t,
+			workspaceId: s
+		}));
+	}, [b, x] = j(null), { data: S, loading: E, error: D } = T({
+		client: u,
+		skip: !d,
+		fetchPolicy: "cache-and-network"
+	}), { data: M } = A({
+		client: u,
+		skip: !d,
+		variables: { pagination: {
+			limit: 100,
+			offset: 0
+		} }
+	}), N = (M?.myWorkspaces?.items ?? []).find((e) => e.id === s)?.name ?? null, P = {
+		client: u,
+		refetchQueries: q,
+		awaitRefetchQueries: !0
+	}, [I, L] = w(P), [z, B] = k(P), [V, G] = C(P), [Y, Z] = O(P), re = L.loading || B.loading || G.loading || Z.loading, Q = async (e, t) => {
+		x(null);
+		try {
+			await e(), x({
+				tone: "success",
+				text: t
+			});
+		} catch (e) {
+			x({
+				tone: "error",
+				text: p(e)
+			});
+		}
+	}, $ = S?.timeCampusMyThirdPartyApplets ?? [];
+	return /* @__PURE__ */ W(e, {
+		title: i("devportal.timecampusApplets.title", "TimeCampus applets"),
+		description: i("devportal.timecampusApplets.description", "Build widgets for TimeCampus, publish them in your workspace and offer them to every TimeCampus workspace."),
+		purpose: i("devportal.timecampusApplets.purpose", "Register an applet from a JSON manifest, upload new versions, send each version to your workspace's reviewers, and once it is live offer it to the public marketplace. The TimeCampus platform team certifies every marketplace version before other workspaces can install it."),
+		purposeLearnMoreHref: c,
+		actions: d ? /* @__PURE__ */ W("button", {
+			type: "button",
+			className: J,
+			onClick: () => v({ kind: "new" }, y()),
+			"data-testid": "tc-register-applet",
+			children: [/* @__PURE__ */ U(F, {
+				className: "h-4 w-4",
+				"aria-hidden": "true"
+			}), i("devportal.timecampusApplets.register", "Register applet")]
+		}) : void 0,
+		children: [/* @__PURE__ */ U(t, {
+			title: i("devportal.timecampusApplets.resources", "Build an applet"),
+			children: /* @__PURE__ */ U(ne, {})
+		}), d ? /* @__PURE__ */ W(H, { children: [
+			/* @__PURE__ */ U("p", {
+				className: "text-sm text-text-secondary",
+				"data-testid": "tc-workspace",
+				children: N ? i("devportal.timecampusApplets.inWorkspace", "Your applets in {{workspace}}. Switch workspace with the context switcher.", { workspace: N }) : i("devportal.timecampusApplets.inActiveWorkspace", "Your applets in the active workspace. Switch workspace with the context switcher.")
+			}),
+			b && /* @__PURE__ */ U("p", {
+				role: b.tone === "error" ? "alert" : "status",
+				className: b.tone === "error" ? "rounded-md bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text" : "rounded-md bg-status-success-bg-subtle px-3 py-2 text-sm text-status-success-text",
+				"data-testid": "tc-feedback",
+				children: b.text
+			}),
+			_ && /* @__PURE__ */ U(ee, {
+				target: _.target,
+				initialText: _.text,
+				onClose: () => m(null),
+				onSaved: (e) => {
+					m(null), x({
+						tone: "success",
+						text: e
+					});
+				}
+			}, `${_.workspaceId}-${X(_.target)}`),
+			/* @__PURE__ */ U(t, {
+				title: i("devportal.timecampusApplets.yourApplets", "Your applets"),
+				"data-testid": "tc-applet-list",
+				children: E && $.length === 0 ? /* @__PURE__ */ U(r, { message: i("devportal.timecampusApplets.loading", "Loading your applets...") }) : D && $.length === 0 ? /* @__PURE__ */ U("p", {
+					role: "alert",
+					className: "rounded-md bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+					children: p(D)
+				}) : $.length === 0 ? /* @__PURE__ */ U(n, {
+					icon: /* @__PURE__ */ U(R, {
+						className: "h-8 w-8",
+						"aria-hidden": "true"
+					}),
+					title: i("devportal.timecampusApplets.emptyTitle", "No applets yet"),
+					description: i("devportal.timecampusApplets.empty", "Register your first applet. The starter manifest points at the sample widget, so it validates as is.")
+				}) : /* @__PURE__ */ U("div", {
+					className: "flex flex-col gap-4",
+					children: $.map((e) => /* @__PURE__ */ U(te, {
+						applet: e,
+						busy: re,
+						onNewVersion: () => v({
+							kind: "version",
+							appletId: e.id,
+							appletName: e.name
+						}, h(e.latestVersion.manifest)),
+						onEditVersion: () => v({
+							kind: "edit",
+							versionId: e.latestVersion.id,
+							appletName: e.name,
+							version: e.latestVersion.version
+						}, g(e.latestVersion.manifest)),
+						onSubmitVersion: (e) => void Q(() => I({ variables: { versionId: e } }), i("devportal.timecampusApplets.submittedForReview", "Sent to your workspace's reviewers.")),
+						onWithdrawVersion: (e) => void Q(() => z({ variables: { versionId: e } }), i("devportal.timecampusApplets.withdrawnFromReview", "Withdrawn from review. The version is a draft again.")),
+						onOffer: () => void Q(() => V({ variables: { appletId: e.id } }), i("devportal.timecampusApplets.offered", "Sent to the TimeCampus platform team for certification.")),
+						onWithdrawOffer: () => void Q(() => Y({ variables: { appletId: e.id } }), i("devportal.timecampusApplets.offerWithdrawn", "Marketplace submission withdrawn."))
+					}, e.id))
+				})
+			})
+		] }) : /* @__PURE__ */ U(n, {
+			icon: /* @__PURE__ */ U(R, {
+				className: "h-8 w-8",
+				"aria-hidden": "true"
+			}),
+			title: i("devportal.timecampusApplets.noWorkspaceTitle", "Choose a workspace"),
+			description: i("devportal.timecampusApplets.noWorkspace", "TimeCampus applets belong to a workspace. Pick the workspace you develop in with the context switcher at the top of the page.")
+		})]
+	});
+};
+export { Z as TimeCampusAppletsPage };
+
+//# sourceMappingURL=TimeCampusAppletsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeCampusAppletsPage.js","names":["EmptyState","_Fragment","EmptyState$1","REFRESH_QUERIES","primaryButton","outlineButton","editorKey","target","ManifestEditor","tr","useTr","client","useSafeGatewayClient","text","setText","useState","initialText","problems","setProblems","validated","setValidated","validate","validating","useDevportalValidateTimeCampusAppletManifestLazyQuery","createApplet","creating","useDevportalCreateTimeCampusAppletMutation","addVersion","adding","useDevportalAddTimeCampusAppletVersionMutation","updateVersion","updating","useDevportalUpdateTimeCampusAppletVersionMutation","saving","parsed","result","parseManifestText","handleValidate","manifest","data","err","errorText","handleSave","onSaved","title","GlassCard","TIMECAMPUS_MANIFEST_DOCS_URL","ExternalLink","event","problem","index","CheckCircle2","onClose","Upload","AppletCard","latest","applet","action","versionAction","offer","marketplaceOffer","listing","submission","StatusBadge","onNewVersion","busy","canAddVersion","FilePlus2","formatDate","canEditVersion","onEditVersion","Pencil","onSubmitVersion","Send","onWithdrawVersion","Undo2","Globe","canWithdrawFromMarketplace","onWithdrawOffer","onOffer","ResourceLinks","links","BookOpen","TIMECAMPUS_SAMPLE_WIDGET_URL","Puzzle","TIMECAMPUS_APPLETS_DOCS_URL","Icon","label","href","TimeCampusAppletsPage","useDevportal","workspaceClient","hasWorkspace","workspaceId","editorState","setEditorState","editor","openEditor","setFeedback","feedback","useDevportalTimeCampusAppletsQuery","workspacesData","useMyWorkspacesQuery","workspaceName","item","mutationOptions","submitVersion","submitState","useDevportalSubmitTimeCampusAppletVersionMutation","withdrawVersion","withdrawState","useDevportalWithdrawTimeCampusAppletVersionMutation","offerToMarketplace","offerState","useDevportalSubmitTimeCampusAppletToMarketplaceMutation","withdrawOffer","withdrawOfferState","useDevportalWithdrawTimeCampusAppletFromMarketplaceMutation","run","success","applets","PageLayout","starterManifest","PageSection","Fragment","message","loading","LoadingState","error","manifestForNextVersion","manifestText"],"sources":["../../../src/devportal/pages/TimeCampusAppletsPage.tsx"],"sourcesContent":["/**\n * TimeCampus applets (BOFF-11005)\n *\n * The developer portal's home for third-party TimeCampus applet developers.\n * It lists the applets the developer registered in their active workspace\n * with each one's workspace review state, public marketplace listing,\n * latest submission and review notes, and it covers the developer flow end\n * to end: register an applet from a JSON manifest, upload new manifest\n * versions, submit a version for workspace review, and offer the live\n * version to the public TimeCampus marketplace for platform certification.\n *\n * Every call goes to the TimeCampus subgraph through the workspace gateway\n * with the developer's own session and active workspace (the shell's context\n * switcher picks the workspace), so the gateway's @rbac checks on the\n * timecampus-applet-developer resource apply exactly as they do in the\n * TimeCampus app. Certification itself stays with the TimeCampus platform\n * team.\n */\nimport type { FC } from \"react\";\nimport { useState } from \"react\";\nimport {\n  BookOpen,\n  CheckCircle2,\n  ExternalLink,\n  FilePlus2,\n  Globe,\n  Pencil,\n  Puzzle,\n  Send,\n  Undo2,\n  Upload,\n} from \"lucide-react\";\nimport { useSafeGatewayClient } from \"@burdenoff/fe-libs/shared/graphql\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { LoadingState } from \"../components/LoadingState\";\nimport { StatusBadge } from \"../components/StatusBadge\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { useTr } from \"../utils/i18n\";\nimport {\n  TIMECAMPUS_APPLETS_DOCS_URL,\n  TIMECAMPUS_MANIFEST_DOCS_URL,\n  TIMECAMPUS_SAMPLE_WIDGET_URL,\n  canAddVersion,\n  canEditVersion,\n  canWithdrawFromMarketplace,\n  errorText,\n  formatDate,\n  manifestForNextVersion,\n  manifestText,\n  marketplaceOffer,\n  parseManifestText,\n  starterManifest,\n  versionAction,\n} from \"../utils/timecampusApplets\";\nimport {\n  useDevportalAddTimeCampusAppletVersionMutation,\n  useDevportalCreateTimeCampusAppletMutation,\n  useDevportalSubmitTimeCampusAppletToMarketplaceMutation,\n  useDevportalSubmitTimeCampusAppletVersionMutation,\n  useDevportalTimeCampusAppletsQuery,\n  useDevportalUpdateTimeCampusAppletVersionMutation,\n  useDevportalValidateTimeCampusAppletManifestLazyQuery,\n  useDevportalWithdrawTimeCampusAppletFromMarketplaceMutation,\n  useDevportalWithdrawTimeCampusAppletVersionMutation,\n  useMyWorkspacesQuery,\n  type DevportalTimeCampusAppletFragment,\n  type DevportalTimeCampusAppletsQuery,\n  type DevportalValidateTimeCampusAppletManifestQuery,\n  type MyWorkspacesQuery,\n} from \"../../generated/wspace-operations\";\n\nconst REFRESH_QUERIES = [\"DevportalTimeCampusApplets\"];\n\nconst primaryButton =\n  \"inline-flex items-center justify-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\";\nconst outlineButton =\n  \"inline-flex items-center justify-center gap-1.5 rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-surface-hover disabled:opacity-50\";\n\n/** What the manifest editor saves to. */\ntype EditorTarget =\n  | { kind: \"new\" }\n  | { kind: \"version\"; appletId: string; appletName: string }\n  | { kind: \"edit\"; versionId: string; appletName: string; version: string };\n\n/**\n * An open manifest editor, tied to the workspace it was opened in. The page\n * only renders it while that workspace is still active, so switching\n * workspace can never save a manifest into a different workspace.\n */\ntype EditorState = { target: EditorTarget; text: string; workspaceId: string };\n\nfunction editorKey(target: EditorTarget): string {\n  if (target.kind === \"new\") return \"new\";\n  if (target.kind === \"version\") return `version-${target.appletId}`;\n  return `edit-${target.versionId}`;\n}\n\ntype Feedback = { tone: \"success\" | \"error\"; text: string } | null;\n\n// =============================================================================\n// Manifest editor\n// =============================================================================\n\nconst ManifestEditor: FC<{\n  target: EditorTarget;\n  initialText: string;\n  onClose: () => void;\n  onSaved: (message: string) => void;\n}> = ({ target, initialText, onClose, onSaved }) => {\n  const tr = useTr();\n  const workspaceClient = useSafeGatewayClient(\"workspace\");\n  const client = workspaceClient ?? undefined;\n  const [text, setText] = useState(initialText);\n  const [problems, setProblems] = useState<string[]>([]);\n  const [validated, setValidated] = useState(false);\n  const [validate, { loading: validating }] =\n    useDevportalValidateTimeCampusAppletManifestLazyQuery({\n      client,\n      fetchPolicy: \"no-cache\",\n    });\n  const [createApplet, { loading: creating }] =\n    useDevportalCreateTimeCampusAppletMutation({\n      client,\n      refetchQueries: REFRESH_QUERIES,\n      awaitRefetchQueries: true,\n    });\n  const [addVersion, { loading: adding }] =\n    useDevportalAddTimeCampusAppletVersionMutation({\n      client,\n      refetchQueries: REFRESH_QUERIES,\n      awaitRefetchQueries: true,\n    });\n  const [updateVersion, { loading: updating }] =\n    useDevportalUpdateTimeCampusAppletVersionMutation({\n      client,\n      refetchQueries: REFRESH_QUERIES,\n      awaitRefetchQueries: true,\n    });\n  const saving = creating || adding || updating;\n\n  const parsed = () => {\n    const result = parseManifestText(text);\n    if (!result.ok) {\n      setProblems([result.error]);\n      setValidated(false);\n      return null;\n    }\n    return result.manifest;\n  };\n\n  const handleValidate = async () => {\n    const manifest = parsed();\n    if (!manifest) return;\n    try {\n      const { data } = await validate({ variables: { manifest } });\n      const result:\n        | DevportalValidateTimeCampusAppletManifestQuery[\"validateTimeCampusAppletManifest\"]\n        | undefined = data?.validateTimeCampusAppletManifest;\n      setProblems(result?.errors ?? []);\n      setValidated(result?.valid === true);\n    } catch (err) {\n      setProblems([errorText(err)]);\n      setValidated(false);\n    }\n  };\n\n  const handleSave = async () => {\n    const manifest = parsed();\n    if (!manifest) return;\n    try {\n      if (target.kind === \"new\") {\n        await createApplet({ variables: { manifest } });\n        onSaved(\n          tr(\n            \"devportal.timecampusApplets.registered\",\n            \"Applet registered as a draft. Submit it for review when it is ready.\",\n          ),\n        );\n      } else if (target.kind === \"edit\") {\n        await updateVersion({\n          variables: { versionId: target.versionId, manifest },\n        });\n        onSaved(\n          tr(\n            \"devportal.timecampusApplets.versionUpdated\",\n            \"Manifest saved. The version is a draft.\",\n          ),\n        );\n      } else {\n        await addVersion({\n          variables: { appletId: target.appletId, manifest },\n        });\n        onSaved(\n          tr(\n            \"devportal.timecampusApplets.versionAdded\",\n            \"New version saved as a draft.\",\n          ),\n        );\n      }\n    } catch (err) {\n      setProblems([errorText(err)]);\n      setValidated(false);\n    }\n  };\n\n  const title =\n    target.kind === \"new\"\n      ? tr(\"devportal.timecampusApplets.registerTitle\", \"Register an applet\")\n      : target.kind === \"edit\"\n        ? tr(\n            \"devportal.timecampusApplets.editVersionTitle\",\n            \"Edit v{{version}} of {{name}}\",\n            { name: target.appletName, version: target.version },\n          )\n        : tr(\n            \"devportal.timecampusApplets.newVersionTitle\",\n            \"Upload a new version of {{name}}\",\n            { name: target.appletName },\n          );\n\n  return (\n    <GlassCard\n      className=\"flex flex-col gap-3 p-4\"\n      data-testid=\"tc-manifest-editor\"\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <h2 className=\"text-base font-semibold text-text-primary\">{title}</h2>\n        <a\n          href={TIMECAMPUS_MANIFEST_DOCS_URL}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"inline-flex items-center gap-1 text-sm text-primary hover:underline\"\n        >\n          {tr(\n            \"devportal.timecampusApplets.manifestReference\",\n            \"Manifest reference\",\n          )}\n          <ExternalLink className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n        </a>\n      </div>\n      <label className=\"flex flex-col gap-1 text-sm text-text-secondary\">\n        {tr(\"devportal.timecampusApplets.manifestLabel\", \"Manifest (JSON)\")}\n        <textarea\n          value={text}\n          onChange={(event) => {\n            setText(event.target.value);\n            setValidated(false);\n          }}\n          spellCheck={false}\n          rows={18}\n          className=\"w-full rounded-md border border-border-subtle bg-bg-sunken p-3 font-mono text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n          data-testid=\"tc-manifest-text\"\n        />\n      </label>\n      {problems.length > 0 && (\n        <ul\n          className=\"list-disc space-y-1 rounded-md bg-status-error-bg-subtle py-2 pl-6 pr-3 text-xs text-status-error-text\"\n          role=\"alert\"\n          data-testid=\"tc-manifest-problems\"\n        >\n          {problems.map((problem, index) => (\n            // Validation errors can repeat (two widgets failing the same\n            // check), so the message alone is not a unique key.\n            <li key={`${index}-${problem}`}>{problem}</li>\n          ))}\n        </ul>\n      )}\n      {validated && problems.length === 0 && (\n        <p\n          className=\"flex items-center gap-1.5 text-xs text-status-success-text\"\n          data-testid=\"tc-manifest-valid\"\n        >\n          <CheckCircle2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n          {tr(\n            \"devportal.timecampusApplets.manifestValid\",\n            \"The manifest is valid.\",\n          )}\n        </p>\n      )}\n      <div className=\"flex flex-wrap justify-end gap-2\">\n        <button type=\"button\" className={outlineButton} onClick={onClose}>\n          {tr(\"devportal.cancel\", \"Cancel\")}\n        </button>\n        <button\n          type=\"button\"\n          className={outlineButton}\n          onClick={() => void handleValidate()}\n          disabled={validating || saving}\n        >\n          <CheckCircle2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n          {tr(\"devportal.timecampusApplets.validate\", \"Validate\")}\n        </button>\n        <button\n          type=\"button\"\n          className={primaryButton}\n          onClick={() => void handleSave()}\n          disabled={saving}\n          data-testid=\"tc-manifest-save\"\n        >\n          <Upload className=\"h-4 w-4\" aria-hidden=\"true\" />\n          {target.kind === \"new\"\n            ? tr(\"devportal.timecampusApplets.register\", \"Register applet\")\n            : tr(\"devportal.timecampusApplets.uploadVersion\", \"Upload version\")}\n        </button>\n      </div>\n    </GlassCard>\n  );\n};\n\n// =============================================================================\n// Applet card\n// =============================================================================\n\nconst AppletCard: FC<{\n  applet: DevportalTimeCampusAppletFragment;\n  busy: boolean;\n  onNewVersion: () => void;\n  onEditVersion: () => void;\n  onSubmitVersion: (versionId: string) => void;\n  onWithdrawVersion: (versionId: string) => void;\n  onOffer: () => void;\n  onWithdrawOffer: () => void;\n}> = ({\n  applet,\n  busy,\n  onNewVersion,\n  onEditVersion,\n  onSubmitVersion,\n  onWithdrawVersion,\n  onOffer,\n  onWithdrawOffer,\n}) => {\n  const tr = useTr();\n  const latest = applet.latestVersion;\n  const action = versionAction(applet);\n  const offer = marketplaceOffer(applet);\n  const listing = applet.marketplace;\n  const submission = listing?.latestSubmission;\n\n  return (\n    <GlassCard\n      className=\"flex flex-col gap-4 p-4\"\n      data-testid={`tc-applet-${applet.key}`}\n    >\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <h3 className=\"text-base font-semibold text-text-primary\">\n              {applet.name}\n            </h3>\n            <StatusBadge status={applet.status} />\n          </div>\n          <p className=\"mt-0.5 font-mono text-xs text-text-tertiary\">\n            {applet.key}\n          </p>\n          <p className=\"mt-1 text-sm text-text-secondary\">\n            {applet.description}\n          </p>\n        </div>\n        <button\n          type=\"button\"\n          className={outlineButton}\n          onClick={onNewVersion}\n          disabled={busy || !canAddVersion(applet)}\n          title={\n            canAddVersion(applet)\n              ? undefined\n              : tr(\n                  \"devportal.timecampusApplets.openVersionHint\",\n                  \"Finish or withdraw the open version first.\",\n                )\n          }\n        >\n          <FilePlus2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n          {tr(\"devportal.timecampusApplets.newVersion\", \"New version\")}\n        </button>\n      </div>\n\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        {/* Workspace review of the latest version */}\n        <div\n          className=\"flex flex-col gap-2 rounded-md border border-border-subtle bg-bg-sunken/40 p-3\"\n          data-testid={`tc-applet-version-${applet.key}`}\n        >\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <p className=\"text-sm font-medium text-text-primary\">\n              {tr(\n                \"devportal.timecampusApplets.latestVersion\",\n                \"Latest version\",\n              )}{\" \"}\n              v{latest.version}\n            </p>\n            <StatusBadge status={latest.status} />\n          </div>\n          {applet.liveVersion && applet.liveVersion.id !== latest.id && (\n            <p className=\"text-xs text-text-secondary\">\n              {tr(\n                \"devportal.timecampusApplets.liveInWorkspace\",\n                \"v{{version}} is live in your workspace.\",\n                { version: applet.liveVersion.version },\n              )}\n            </p>\n          )}\n          {latest.submittedAt && (\n            <p className=\"text-xs text-text-secondary\">\n              {tr(\"devportal.timecampusApplets.submitted\", \"Submitted\")}{\" \"}\n              {formatDate(latest.submittedAt)}\n            </p>\n          )}\n          {latest.reviewNotes && (\n            <p className=\"text-xs text-text-secondary\">\n              <span className=\"font-medium text-text-primary\">\n                {tr(\"devportal.timecampusApplets.reviewNotes\", \"Review notes\")}:\n              </span>{\" \"}\n              {latest.reviewNotes}\n            </p>\n          )}\n          {latest.suspendedReason && (\n            <p className=\"text-xs text-status-warning-text\">\n              {latest.suspendedReason}\n            </p>\n          )}\n          {canEditVersion(applet) && (\n            <button\n              type=\"button\"\n              className={outlineButton}\n              onClick={onEditVersion}\n              disabled={busy}\n              data-testid={`tc-edit-version-${applet.key}`}\n            >\n              <Pencil className=\"h-4 w-4\" aria-hidden=\"true\" />\n              {tr(\"devportal.timecampusApplets.editManifest\", \"Edit manifest\")}\n            </button>\n          )}\n          {action.kind === \"submit\" && (\n            <button\n              type=\"button\"\n              className={primaryButton}\n              onClick={() => onSubmitVersion(action.versionId)}\n              disabled={busy}\n            >\n              <Send className=\"h-4 w-4\" aria-hidden=\"true\" />\n              {tr(\n                \"devportal.timecampusApplets.submitForReview\",\n                \"Submit for review\",\n              )}\n            </button>\n          )}\n          {action.kind === \"withdraw\" && (\n            <button\n              type=\"button\"\n              className={outlineButton}\n              onClick={() => onWithdrawVersion(action.versionId)}\n              disabled={busy}\n            >\n              <Undo2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n              {tr(\n                \"devportal.timecampusApplets.withdrawReview\",\n                \"Withdraw from review\",\n              )}\n            </button>\n          )}\n        </div>\n\n        {/* Public marketplace listing */}\n        <div\n          className=\"flex flex-col gap-2 rounded-md border border-border-subtle bg-bg-sunken/40 p-3\"\n          data-testid={`tc-applet-marketplace-${applet.key}`}\n        >\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <Globe className=\"h-4 w-4 text-text-tertiary\" aria-hidden=\"true\" />\n            <p className=\"text-sm font-medium text-text-primary\">\n              {tr(\n                \"devportal.timecampusApplets.marketplace\",\n                \"Public marketplace\",\n              )}\n            </p>\n            {listing ? (\n              <StatusBadge status={listing.status} />\n            ) : (\n              <StatusBadge status=\"NOT_LISTED\" />\n            )}\n          </div>\n          {listing?.liveSubmission && (\n            <p className=\"text-xs text-text-secondary\">\n              {tr(\n                \"devportal.timecampusApplets.certifiedLive\",\n                \"v{{version}} is certified and live in the marketplace.\",\n                { version: listing.liveSubmission.version },\n              )}\n            </p>\n          )}\n          {submission && (\n            <p className=\"flex flex-wrap items-center gap-2 text-xs text-text-secondary\">\n              {tr(\n                \"devportal.timecampusApplets.latestSubmission\",\n                \"Latest submission v{{version}}\",\n                { version: submission.version },\n              )}\n              <StatusBadge status={submission.status} />\n            </p>\n          )}\n          {submission?.reviewNotes && (\n            <p className=\"text-xs text-text-secondary\">\n              <span className=\"font-medium text-text-primary\">\n                {tr(\n                  \"devportal.timecampusApplets.certificationNotes\",\n                  \"Certification notes\",\n                )}\n                :\n              </span>{\" \"}\n              {submission.reviewNotes}\n            </p>\n          )}\n          {listing?.suspendedReason && (\n            <p className=\"text-xs text-status-warning-text\">\n              {listing.suspendedReason}\n            </p>\n          )}\n          {canWithdrawFromMarketplace(applet) ? (\n            <button\n              type=\"button\"\n              className={outlineButton}\n              onClick={onWithdrawOffer}\n              disabled={busy}\n            >\n              <Undo2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n              {tr(\n                \"devportal.timecampusApplets.withdrawSubmission\",\n                \"Withdraw submission\",\n              )}\n            </button>\n          ) : offer.canOffer ? (\n            <button\n              type=\"button\"\n              className={primaryButton}\n              onClick={onOffer}\n              disabled={busy}\n            >\n              <Globe className=\"h-4 w-4\" aria-hidden=\"true\" />\n              {tr(\n                \"devportal.timecampusApplets.offer\",\n                \"Offer v{{version}} to the marketplace\",\n                { version: offer.version },\n              )}\n            </button>\n          ) : (\n            <p className=\"text-xs text-text-tertiary\">{offer.reason}</p>\n          )}\n        </div>\n      </div>\n    </GlassCard>\n  );\n};\n\n// =============================================================================\n// Page\n// =============================================================================\n\nconst ResourceLinks: FC = () => {\n  const tr = useTr();\n  const links = [\n    {\n      href: TIMECAMPUS_MANIFEST_DOCS_URL,\n      label: tr(\n        \"devportal.timecampusApplets.docsManifest\",\n        \"Applet manifest reference\",\n      ),\n      icon: BookOpen,\n    },\n    {\n      href: TIMECAMPUS_SAMPLE_WIDGET_URL,\n      label: tr(\n        \"devportal.timecampusApplets.docsSample\",\n        \"Sample widget (view source)\",\n      ),\n      icon: Puzzle,\n    },\n    {\n      href: TIMECAMPUS_APPLETS_DOCS_URL,\n      label: tr(\n        \"devportal.timecampusApplets.docsApplets\",\n        \"How applets work in TimeCampus\",\n      ),\n      icon: Globe,\n    },\n  ];\n  return (\n    <ul className=\"flex flex-wrap gap-2\" data-testid=\"tc-applet-resources\">\n      {links.map(({ href, label, icon: Icon }) => (\n        <li key={href}>\n          <a\n            href={href}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className={outlineButton}\n          >\n            <Icon className=\"h-4 w-4\" aria-hidden=\"true\" />\n            {label}\n            <ExternalLink className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n          </a>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport const TimeCampusAppletsPage: FC = () => {\n  const tr = useTr();\n  const { workspaceId } = useDevportal();\n  const workspaceClient = useSafeGatewayClient(\"workspace\");\n  const client = workspaceClient ?? undefined;\n  const hasWorkspace = Boolean(workspaceId) && Boolean(workspaceClient);\n\n  const [editorState, setEditorState] = useState<EditorState | null>(null);\n  // An editor opened in another workspace is dropped, not carried over.\n  const editor =\n    editorState && editorState.workspaceId === workspaceId ? editorState : null;\n  const openEditor = (target: EditorTarget, text: string) => {\n    if (!workspaceId) return;\n    setFeedback(null);\n    setEditorState({ target, text, workspaceId });\n  };\n  const [feedback, setFeedback] = useState<Feedback>(null);\n\n  const { data, loading, error } = useDevportalTimeCampusAppletsQuery({\n    client,\n    skip: !hasWorkspace,\n    fetchPolicy: \"cache-and-network\",\n  });\n  const { data: workspacesData } = useMyWorkspacesQuery({\n    client,\n    skip: !hasWorkspace,\n    variables: { pagination: { limit: 100, offset: 0 } },\n  });\n  // The generated hooks resolve their result types loosely (the codegen\n  // preset types them against wspace-types), so pin the shapes here.\n  const workspaceItems: MyWorkspacesQuery[\"myWorkspaces\"][\"items\"] =\n    workspacesData?.myWorkspaces?.items ?? [];\n  const workspaceName =\n    workspaceItems.find((item) => item.id === workspaceId)?.name ?? null;\n\n  const mutationOptions = {\n    client,\n    refetchQueries: REFRESH_QUERIES,\n    awaitRefetchQueries: true,\n  };\n  const [submitVersion, submitState] =\n    useDevportalSubmitTimeCampusAppletVersionMutation(mutationOptions);\n  const [withdrawVersion, withdrawState] =\n    useDevportalWithdrawTimeCampusAppletVersionMutation(mutationOptions);\n  const [offerToMarketplace, offerState] =\n    useDevportalSubmitTimeCampusAppletToMarketplaceMutation(mutationOptions);\n  const [withdrawOffer, withdrawOfferState] =\n    useDevportalWithdrawTimeCampusAppletFromMarketplaceMutation(\n      mutationOptions,\n    );\n  const busy =\n    submitState.loading ||\n    withdrawState.loading ||\n    offerState.loading ||\n    withdrawOfferState.loading;\n\n  const run = async (action: () => Promise<unknown>, success: string) => {\n    setFeedback(null);\n    try {\n      await action();\n      setFeedback({ tone: \"success\", text: success });\n    } catch (err) {\n      setFeedback({ tone: \"error\", text: errorText(err) });\n    }\n  };\n\n  const applets: DevportalTimeCampusAppletsQuery[\"timeCampusMyThirdPartyApplets\"] =\n    data?.timeCampusMyThirdPartyApplets ?? [];\n\n  return (\n    <PageLayout\n      title={tr(\"devportal.timecampusApplets.title\", \"TimeCampus applets\")}\n      description={tr(\n        \"devportal.timecampusApplets.description\",\n        \"Build widgets for TimeCampus, publish them in your workspace and offer them to every TimeCampus workspace.\",\n      )}\n      purpose={tr(\n        \"devportal.timecampusApplets.purpose\",\n        \"Register an applet from a JSON manifest, upload new versions, send each version to your workspace's reviewers, and once it is live offer it to the public marketplace. The TimeCampus platform team certifies every marketplace version before other workspaces can install it.\",\n      )}\n      purposeLearnMoreHref={TIMECAMPUS_MANIFEST_DOCS_URL}\n      actions={\n        hasWorkspace ? (\n          <button\n            type=\"button\"\n            className={primaryButton}\n            onClick={() => openEditor({ kind: \"new\" }, starterManifest())}\n            data-testid=\"tc-register-applet\"\n          >\n            <FilePlus2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n            {tr(\"devportal.timecampusApplets.register\", \"Register applet\")}\n          </button>\n        ) : undefined\n      }\n    >\n      <PageSection\n        title={tr(\"devportal.timecampusApplets.resources\", \"Build an applet\")}\n      >\n        <ResourceLinks />\n      </PageSection>\n\n      {!hasWorkspace ? (\n        <EmptyState\n          icon={<Puzzle className=\"h-8 w-8\" aria-hidden=\"true\" />}\n          title={tr(\n            \"devportal.timecampusApplets.noWorkspaceTitle\",\n            \"Choose a workspace\",\n          )}\n          description={tr(\n            \"devportal.timecampusApplets.noWorkspace\",\n            \"TimeCampus applets belong to a workspace. Pick the workspace you develop in with the context switcher at the top of the page.\",\n          )}\n        />\n      ) : (\n        <>\n          <p className=\"text-sm text-text-secondary\" data-testid=\"tc-workspace\">\n            {workspaceName\n              ? tr(\n                  \"devportal.timecampusApplets.inWorkspace\",\n                  \"Your applets in {{workspace}}. Switch workspace with the context switcher.\",\n                  { workspace: workspaceName },\n                )\n              : tr(\n                  \"devportal.timecampusApplets.inActiveWorkspace\",\n                  \"Your applets in the active workspace. Switch workspace with the context switcher.\",\n                )}\n          </p>\n\n          {feedback && (\n            <p\n              role={feedback.tone === \"error\" ? \"alert\" : \"status\"}\n              className={\n                feedback.tone === \"error\"\n                  ? \"rounded-md bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\"\n                  : \"rounded-md bg-status-success-bg-subtle px-3 py-2 text-sm text-status-success-text\"\n              }\n              data-testid=\"tc-feedback\"\n            >\n              {feedback.text}\n            </p>\n          )}\n\n          {editor && (\n            <ManifestEditor\n              key={`${editor.workspaceId}-${editorKey(editor.target)}`}\n              target={editor.target}\n              initialText={editor.text}\n              onClose={() => setEditorState(null)}\n              onSaved={(message) => {\n                setEditorState(null);\n                setFeedback({ tone: \"success\", text: message });\n              }}\n            />\n          )}\n\n          <PageSection\n            title={tr(\n              \"devportal.timecampusApplets.yourApplets\",\n              \"Your applets\",\n            )}\n            data-testid=\"tc-applet-list\"\n          >\n            {loading && applets.length === 0 ? (\n              <LoadingState\n                message={tr(\n                  \"devportal.timecampusApplets.loading\",\n                  \"Loading your applets...\",\n                )}\n              />\n            ) : error && applets.length === 0 ? (\n              <p\n                role=\"alert\"\n                className=\"rounded-md bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\"\n              >\n                {errorText(error)}\n              </p>\n            ) : applets.length === 0 ? (\n              <EmptyState\n                icon={<Puzzle className=\"h-8 w-8\" aria-hidden=\"true\" />}\n                title={tr(\n                  \"devportal.timecampusApplets.emptyTitle\",\n                  \"No applets yet\",\n                )}\n                description={tr(\n                  \"devportal.timecampusApplets.empty\",\n                  \"Register your first applet. The starter manifest points at the sample widget, so it validates as is.\",\n                )}\n              />\n            ) : (\n              <div className=\"flex flex-col gap-4\">\n                {applets.map((applet) => (\n                  <AppletCard\n                    key={applet.id}\n                    applet={applet}\n                    busy={busy}\n                    onNewVersion={() =>\n                      openEditor(\n                        {\n                          kind: \"version\",\n                          appletId: applet.id,\n                          appletName: applet.name,\n                        },\n                        manifestForNextVersion(applet.latestVersion.manifest),\n                      )\n                    }\n                    onEditVersion={() =>\n                      openEditor(\n                        {\n                          kind: \"edit\",\n                          versionId: applet.latestVersion.id,\n                          appletName: applet.name,\n                          version: applet.latestVersion.version,\n                        },\n                        manifestText(applet.latestVersion.manifest),\n                      )\n                    }\n                    onSubmitVersion={(versionId) =>\n                      void run(\n                        () => submitVersion({ variables: { versionId } }),\n                        tr(\n                          \"devportal.timecampusApplets.submittedForReview\",\n                          \"Sent to your workspace's reviewers.\",\n                        ),\n                      )\n                    }\n                    onWithdrawVersion={(versionId) =>\n                      void run(\n                        () => withdrawVersion({ variables: { versionId } }),\n                        tr(\n                          \"devportal.timecampusApplets.withdrawnFromReview\",\n                          \"Withdrawn from review. The version is a draft again.\",\n                        ),\n                      )\n                    }\n                    onOffer={() =>\n                      void run(\n                        () =>\n                          offerToMarketplace({\n                            variables: { appletId: applet.id },\n                          }),\n                        tr(\n                          \"devportal.timecampusApplets.offered\",\n                          \"Sent to the TimeCampus platform team for certification.\",\n                        ),\n                      )\n                    }\n                    onWithdrawOffer={() =>\n                      void run(\n                        () =>\n                          withdrawOffer({ variables: { appletId: applet.id } }),\n                        tr(\n                          \"devportal.timecampusApplets.offerWithdrawn\",\n                          \"Marketplace submission withdrawn.\",\n                        ),\n                      )\n                    }\n                  />\n                ))}\n              </div>\n            )}\n          </PageSection>\n        </>\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAyEA,IAAMG,IAAkB,CAAC,4BAA4B,GAE/CC,IACJ,8LACIC,IACJ;AAeF,SAASC,EAAU,GAA8B;CAG/C,OAFIC,EAAO,SAAS,QAAc,QAC9BA,EAAO,SAAS,YAAkB,WAAWA,EAAO,aACjD,QAAQA,EAAO;AACxB;AAQA,IAAMC,MAKA,EAAE,WAAQ,gBAAa,YAAS,iBAAc;CAClD,IAAMC,IAAKC,EAAM,GAEXC,IADkBC,EAAqB,WAC9B,KAAmB,KAAA,GAC5B,CAACC,GAAMC,KAAWC,EAASC,CAAW,GACtC,CAACC,GAAUC,KAAeH,EAAmB,CAAC,CAAC,GAC/C,CAACI,GAAWC,KAAgBL,EAAS,EAAK,GAC1C,CAACM,GAAU,EAAE,SAASC,OAC1BC,EAAsD;EACpD;EACA,aAAa;CACf,CAAC,GACG,CAACC,GAAc,EAAE,SAASC,OAC9BC,EAA2C;EACzC;EACA,gBAAgBvB;EAChB,qBAAqB;CACvB,CAAC,GACG,CAACwB,GAAY,EAAE,SAASC,OAC5BC,EAA+C;EAC7C;EACA,gBAAgB1B;EAChB,qBAAqB;CACvB,CAAC,GACG,CAAC2B,GAAe,EAAE,SAASC,OAC/BC,EAAkD;EAChD;EACA,gBAAgB7B;EAChB,qBAAqB;CACvB,CAAC,GACG8B,IAASR,KAAYG,KAAUG,GAE/BG,UAAe;EACnB,IAAMC,IAASC,EAAkBvB,CAAI;EAMrC,OALKsB,EAAO,KAKLA,EAAO,YAJZjB,EAAY,CAACiB,EAAO,KAAK,CAAC,GAC1Bf,EAAa,EAAK,GACX;CAGX,GAEMiB,IAAiB,YAAY;EACjC,IAAMC,IAAWJ,EAAO;EACxB,IAAKI,GACL,IAAI;GACF,IAAM,EAAE,YAAS,MAAMjB,EAAS,EAAE,WAAW,EAAE,YAAS,EAAE,CAAC,GACrDc,IAEUI,GAAM;GAEtB,AADArB,EAAYiB,GAAQ,UAAU,CAAC,CAAC,GAChCf,EAAae,GAAQ,UAAU,EAAI;EACrC,SAASK,GAAK;GAEZ,AADAtB,EAAY,CAACuB,EAAUD,CAAG,CAAC,CAAC,GAC5BpB,EAAa,EAAK;EACpB;CACF,GAEMsB,IAAa,YAAY;EAC7B,IAAMJ,IAAWJ,EAAO;EACxB,IAAKI,GACL,IAAI;GACF,AAAI/B,EAAO,SAAS,SAClB,MAAMiB,EAAa,EAAE,WAAW,EAAE,YAAS,EAAE,CAAC,GAC9CmB,EACElC,EACE,0CACA,sEACF,CACF,KACSF,EAAO,SAAS,UACzB,MAAMuB,EAAc,EAClB,WAAW;IAAE,WAAWvB,EAAO;IAAW;GAAS,EACrD,CAAC,GACDoC,EACElC,EACE,8CACA,yCACF,CACF,MAEA,MAAMkB,EAAW,EACf,WAAW;IAAE,UAAUpB,EAAO;IAAU;GAAS,EACnD,CAAC,GACDoC,EACElC,EACE,4CACA,+BACF,CACF;EAEJ,SAAS+B,GAAK;GAEZ,AADAtB,EAAY,CAACuB,EAAUD,CAAG,CAAC,CAAC,GAC5BpB,EAAa,EAAK;EACpB;CACF,GAEMwB,IACJrC,EAAO,SAAS,QACZE,EAAG,6CAA6C,oBAAoB,IACpEF,EAAO,SAAS,SACdE,EACE,gDACA,iCACA;EAAE,MAAMF,EAAO;EAAY,SAASA,EAAO;CAAQ,CACrD,IACAE,EACE,+CACA,oCACA,EAAE,MAAMF,EAAO,WAAW,CAC5B;CAER,OACE,kBAACsC,GAAD;EACE,WAAU;EACV,eAAY;EAFd,UAAA;GAIE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;KAA6C,UAAAD;IAAU,CAAA,GACrE,kBAAC,KAAD;KACE,MAAME;KACN,QAAO;KACP,KAAI;KACJ,WAAU;KAJZ,UAAA,CAMGrC,EACC,iDACA,oBACF,GACA,kBAACsC,GAAD;MAAc,WAAU;MAAc,eAAY;KAAQ,CAAA,CACzD;IACA,CAAA,CAAA;;GACL,kBAAC,SAAD;IAAO,WAAU;IAAjB,UAAA,CACGtC,EAAG,6CAA6C,iBAAiB,GAClE,kBAAC,YAAD;KACE,OAAOI;KACP,WAAW,MAAU;MAEnB,AADAC,EAAQkC,EAAM,OAAO,KAAK,GAC1B5B,EAAa,EAAK;KACpB;KACA,YAAY;KACZ,MAAM;KACN,WAAU;KACV,eAAY;IACb,CAAA,CACI;;GACNH,EAAS,SAAS,KACjB,kBAAC,MAAD;IACE,WAAU;IACV,MAAK;IACL,eAAY;IAEX,UAAAA,EAAS,KAAK,GAAS,MAGtB,kBAAC,MAAD,EAAA,UAAiCgC,EAAY,GAApC,GAAGC,EAAM,GAAGD,GAAwB,CAC9C;GACC,CAAA;GAEL9B,KAAaF,EAAS,WAAW,KAChC,kBAAC,KAAD;IACE,WAAU;IACV,eAAY;IAFd,UAAA,CAIE,kBAACkC,GAAD;KAAc,WAAU;KAAU,eAAY;IAAQ,CAAA,GACrD1C,EACC,6CACA,wBACF,CACC;;GAEL,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,kBAAC,UAAD;MAAQ,MAAK;MAAS,WAAWJ;MAAe,SAAS+C;MACtD,UAAA3C,EAAG,oBAAoB,QAAQ;KAC1B,CAAA;KACR,kBAAC,UAAD;MACE,MAAK;MACL,WAAWJ;MACX,eAAe,KAAKgC,EAAe;MACnC,UAAUf,KAAcW;MAJ1B,UAAA,CAME,kBAACkB,GAAD;OAAc,WAAU;OAAU,eAAY;MAAQ,CAAA,GACrD1C,EAAG,wCAAwC,UAAU,CAChD;;KACR,kBAAC,UAAD;MACE,MAAK;MACL,WAAWL;MACX,eAAe,KAAKsC,EAAW;MAC/B,UAAUT;MACV,eAAY;MALd,UAAA,CAOE,kBAACoB,GAAD;OAAQ,WAAU;OAAU,eAAY;MAAQ,CAAA,GAC/C9C,EAAO,SAAS,QACbE,EAAG,wCAAwC,iBAAiB,IAC5DA,EAAG,6CAA6C,gBAAgB,CAC9D;;IACL;;EACI;;AAEf,GAMM6C,MASA,EACJ,WACA,SACA,iBACA,kBACA,oBACA,sBACA,YACA,yBACI;CACJ,IAAM7C,IAAKC,EAAM,GACX6C,IAASC,EAAO,eAChBC,IAASC,EAAcF,CAAM,GAC7BG,IAAQC,EAAiBJ,CAAM,GAC/BK,IAAUL,EAAO,aACjBM,IAAaD,GAAS;CAE5B,OACE,kBAAChB,GAAD;EACE,WAAU;EACV,eAAa,aAAaW,EAAO;EAFnC,UAAA,CAIE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;OACX,UAAAA,EAAO;MACN,CAAA,GACJ,kBAACO,GAAD,EAAa,QAAQP,EAAO,OAAS,CAAA,CAClC;;KACL,kBAAC,KAAD;MAAG,WAAU;MACV,UAAAA,EAAO;KACP,CAAA;KACH,kBAAC,KAAD;MAAG,WAAU;MACV,UAAAA,EAAO;KACP,CAAA;IACA;GACL,CAAA,GAAA,kBAAC,UAAD;IACE,MAAK;IACL,WAAWnD;IACX,SAAS2D;IACT,UAAUC,KAAQ,CAACC,EAAcV,CAAM;IACvC,OACEU,EAAcV,CAAM,IAChB,KAAA,IACA/C,EACE,+CACA,4CACF;IAXR,UAAA,CAcE,kBAAC0D,GAAD;KAAW,WAAU;KAAU,eAAY;IAAQ,CAAA,GAClD1D,EAAG,0CAA0C,aAAa,CACrD;GACL,CAAA,CAAA;EAEL,CAAA,GAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CAEE,kBAAC,OAAD;IACE,WAAU;IACV,eAAa,qBAAqB+C,EAAO;IAF3C,UAAA;KAIE,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;OAAb,UAAA;QACG/C,EACC,6CACA,gBACF;QAAG;QAAI;QACL8C,EAAO;OACR;MACH,CAAA,GAAA,kBAACQ,GAAD,EAAa,QAAQR,EAAO,OAAS,CAAA,CAClC;;KACJC,EAAO,eAAeA,EAAO,YAAY,OAAOD,EAAO,MACtD,kBAAC,KAAD;MAAG,WAAU;MACV,UAAA9C,EACC,+CACA,2CACA,EAAE,SAAS+C,EAAO,YAAY,QAAQ,CACxC;KACC,CAAA;KAEJD,EAAO,eACN,kBAAC,KAAD;MAAG,WAAU;MAAb,UAAA;OACG9C,EAAG,yCAAyC,WAAW;OAAG;OAC1D2D,EAAWb,EAAO,WAAW;MAC7B;;KAEJA,EAAO,eACN,kBAAC,KAAD;MAAG,WAAU;MAAb,UAAA;OACE,kBAAC,QAAD;QAAM,WAAU;QAAhB,UAAA,CACG9C,EAAG,2CAA2C,cAAc,GAAE,GAC3D;;OAAE;OACP8C,EAAO;MACP;;KAEJA,EAAO,mBACN,kBAAC,KAAD;MAAG,WAAU;MACV,UAAAA,EAAO;KACP,CAAA;KAEJc,EAAeb,CAAM,KACpB,kBAAC,UAAD;MACE,MAAK;MACL,WAAWnD;MACX,SAASiE;MACT,UAAUL;MACV,eAAa,mBAAmBT,EAAO;MALzC,UAAA,CAOE,kBAACe,GAAD;OAAQ,WAAU;OAAU,eAAY;MAAQ,CAAA,GAC/C9D,EAAG,4CAA4C,eAAe,CACzD;;KAETgD,EAAO,SAAS,YACf,kBAAC,UAAD;MACE,MAAK;MACL,WAAWrD;MACX,eAAeoE,EAAgBf,EAAO,SAAS;MAC/C,UAAUQ;MAJZ,UAAA,CAME,kBAACQ,GAAD;OAAM,WAAU;OAAU,eAAY;MAAQ,CAAA,GAC7ChE,EACC,+CACA,mBACF,CACM;;KAETgD,EAAO,SAAS,cACf,kBAAC,UAAD;MACE,MAAK;MACL,WAAWpD;MACX,eAAeqE,EAAkBjB,EAAO,SAAS;MACjD,UAAUQ;MAJZ,UAAA,CAME,kBAACU,GAAD;OAAO,WAAU;OAAU,eAAY;MAAQ,CAAA,GAC9ClE,EACC,8CACA,sBACF,CACM;;IAEP;GAGL,CAAA,GAAA,kBAAC,OAAD;IACE,WAAU;IACV,eAAa,yBAAyB+C,EAAO;IAF/C,UAAA;KAIE,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACE,kBAACoB,GAAD;QAAO,WAAU;QAA6B,eAAY;OAAQ,CAAA;OAClE,kBAAC,KAAD;QAAG,WAAU;QACV,UAAAnE,EACC,2CACA,oBACF;OACC,CAAA;OACFoD,IACC,kBAACE,GAAD,EAAa,QAAQF,EAAQ,OAAS,CAAA,IAEtC,kBAACE,GAAD,EAAa,QAAO,aAAc,CAAA;MAEjC;;KACJF,GAAS,kBACR,kBAAC,KAAD;MAAG,WAAU;MACV,UAAApD,EACC,6CACA,0DACA,EAAE,SAASoD,EAAQ,eAAe,QAAQ,CAC5C;KACC,CAAA;KAEJC,KACC,kBAAC,KAAD;MAAG,WAAU;MAAb,UAAA,CACGrD,EACC,gDACA,kCACA,EAAE,SAASqD,EAAW,QAAQ,CAChC,GACA,kBAACC,GAAD,EAAa,QAAQD,EAAW,OAAS,CAAA,CACxC;;KAEJA,GAAY,eACX,kBAAC,KAAD;MAAG,WAAU;MAAb,UAAA;OACE,kBAAC,QAAD;QAAM,WAAU;QAAhB,UAAA,CACGrD,EACC,kDACA,qBACF,GAAE,GAEE;;OAAE;OACPqD,EAAW;MACX;;KAEJD,GAAS,mBACR,kBAAC,KAAD;MAAG,WAAU;MACV,UAAAA,EAAQ;KACR,CAAA;KAEJgB,EAA2BrB,CAAM,IAChC,kBAAC,UAAD;MACE,MAAK;MACL,WAAWnD;MACX,SAASyE;MACT,UAAUb;MAJZ,UAAA,CAME,kBAACU,GAAD;OAAO,WAAU;OAAU,eAAY;MAAQ,CAAA,GAC9ClE,EACC,kDACA,qBACF,CACM;KACN,CAAA,IAAAkD,EAAM,WACR,kBAAC,UAAD;MACE,MAAK;MACL,WAAWvD;MACX,SAAS2E;MACT,UAAUd;MAJZ,UAAA,CAME,kBAACW,GAAD;OAAO,WAAU;OAAU,eAAY;MAAQ,CAAA,GAC9CnE,EACC,qCACA,yCACA,EAAE,SAASkD,EAAM,QAAQ,CAC3B,CACM;KAER,CAAA,IAAA,kBAAC,KAAD;MAAG,WAAU;MAA8B,UAAAA,EAAM;KAAU,CAAA;IAE1D;GACF,CAAA,CAAA;EACI,CAAA,CAAA;;AAEf,GAMMqB,WAA0B;CAC9B,IAAMvE,IAAKC,EAAM,GACXuE,IAAQ;EACZ;GACE,MAAMnC;GACN,OAAOrC,EACL,4CACA,2BACF;GACA,MAAMyE;EACR;EACA;GACE,MAAMC;GACN,OAAO1E,EACL,0CACA,6BACF;GACA,MAAM2E;EACR;EACA;GACE,MAAMC;GACN,OAAO5E,EACL,2CACA,gCACF;GACA,MAAMmE;EACR;CACF;CACA,OACE,kBAAC,MAAD;EAAI,WAAU;EAAuB,eAAY;EAC9C,UAAAK,EAAM,KAAK,EAAE,SAAM,UAAO,MAAMK,QAC/B,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;GACQ;GACN,QAAO;GACP,KAAI;GACJ,WAAWjF;GAJb,UAAA;IAME,kBAACiF,GAAD;KAAM,WAAU;KAAU,eAAY;IAAQ,CAAA;IAC7CC;IACD,kBAACxC,GAAD;KAAc,WAAU;KAAc,eAAY;IAAQ,CAAA;GACzD;EACD,CAAA,EAAA,GAXKyC,CAWL,CACL;CACC,CAAA;AAER,GAEaC,UAAkC;CAC7C,IAAMhF,IAAKC,EAAM,GACX,EAAE,mBAAgBgF,EAAa,GAC/BC,IAAkB/E,EAAqB,WAAW,GAClDD,IAASgF,KAAmB,KAAA,GAC5BC,IAAe,EAAQC,KAAgB,EAAQF,GAE/C,CAACG,GAAaC,KAAkBhF,EAA6B,IAAI,GAEjEiF,IACJF,KAAeA,EAAY,gBAAgBD,IAAcC,IAAc,MACnEG,KAAc,GAAsB,MAAiB;EACzD,AAAKJ,MACLK,EAAY,IAAI,GAChBH,EAAe;GAAE;GAAQ;GAAM;EAAY,CAAC;CAC9C,GACM,CAACI,GAAUD,KAAenF,EAAmB,IAAI,GAEjD,EAAE,SAAM,YAAS,aAAUqF,EAAmC;EAClE;EACA,MAAM,CAACR;EACP,aAAa;CACf,CAAC,GACK,EAAE,MAAMS,MAAmBC,EAAqB;EACpD;EACA,MAAM,CAACV;EACP,WAAW,EAAE,YAAY;GAAE,OAAO;GAAK,QAAQ;EAAE,EAAE;CACrD,CAAC,GAKKW,KADJF,GAAgB,cAAc,SAAS,CAAC,EAAA,CAEzB,MAAM,MAASG,EAAK,OAAOX,CAAW,CAAC,EAAE,QAAQ,MAE5DY,IAAkB;EACtB;EACA,gBAAgBtG;EAChB,qBAAqB;CACvB,GACM,CAACuG,GAAeC,KACpBC,EAAkDH,CAAe,GAC7D,CAACI,GAAiBC,KACtBC,EAAoDN,CAAe,GAC/D,CAACO,GAAoBC,KACzBC,EAAwDT,CAAe,GACnE,CAACU,GAAeC,KACpBC,EACEZ,CACF,GACIxC,KACJ0C,EAAY,WACZG,EAAc,WACdG,EAAW,WACXG,EAAmB,SAEfE,IAAM,OAAO,GAAgC,MAAoB;EACrE,EAAY,IAAI;EAChB,IAAI;GAEF,AADA,MAAM7D,EAAO,GACbyC,EAAY;IAAE,MAAM;IAAW,MAAMqB;GAAQ,CAAC;EAChD,SAAS/E,GAAK;GACZ,EAAY;IAAE,MAAM;IAAS,MAAMC,EAAUD,CAAG;GAAE,CAAC;EACrD;CACF,GAEMgF,IACJjF,GAAM,iCAAiC,CAAC;CAE1C,OACE,kBAACkF,GAAD;EACE,OAAOhH,EAAG,qCAAqC,oBAAoB;EACnE,aAAaA,EACX,2CACA,4GACF;EACA,SAASA,EACP,uCACA,iRACF;EACA,sBAAsBqC;EACtB,SACE8C,IACE,kBAAC,UAAD;GACE,MAAK;GACL,WAAWxF;GACX,eAAe6F,EAAW,EAAE,MAAM,MAAM,GAAGyB,EAAgB,CAAC;GAC5D,eAAY;GAJd,UAAA,CAME,kBAACvD,GAAD;IAAW,WAAU;IAAU,eAAY;GAAQ,CAAA,GAClD1D,EAAG,wCAAwC,iBAAiB,CACvD;EACN,CAAA,IAAA,KAAA;EAtBR,UAAA,CAyBE,kBAACkH,GAAD;GACE,OAAOlH,EAAG,yCAAyC,iBAAiB;GAEpE,UAAA,kBAACuE,IAAD,CAAgB,CAAA;EACL,CAAA,GAEXY,IAaA,kBAAA3F,GAAA,EAAA,UAAA;GACE,kBAAC,KAAD;IAAG,WAAU;IAA8B,eAAY;IACpD,UAAAsG,IACG9F,EACE,2CACA,8EACA,EAAE,WAAW8F,EAAc,CAC7B,IACA9F,EACE,iDACA,mFACF;GACH,CAAA;GAEF0F,KACC,kBAAC,KAAD;IACE,MAAMA,EAAS,SAAS,UAAU,UAAU;IAC5C,WACEA,EAAS,SAAS,UACd,kFACA;IAEN,eAAY;IAEX,UAAAA,EAAS;GACT,CAAA;GAGJH,KACC,kBAACxF,IAAD;IAEE,QAAQwF,EAAO;IACf,aAAaA,EAAO;IACpB,eAAeD,EAAe,IAAI;IAClC,UAAU,MAAY;KAEpB,AADAA,EAAe,IAAI,GACnBG,EAAY;MAAE,MAAM;MAAW,MAAM2B;KAAQ,CAAC;IAChD;GACD,GARM,GAAG7B,EAAO,YAAY,GAAG1F,EAAU0F,EAAO,MAAM,GAQtD;GAGH,kBAAC2B,GAAD;IACE,OAAOlH,EACL,2CACA,cACF;IACA,eAAY;IAEX,UAAAqH,KAAWN,EAAQ,WAAW,IAC7B,kBAACO,GAAD,EACE,SAAStH,EACP,uCACA,yBACF,EACD,CAAA,IACCuH,KAASR,EAAQ,WAAW,IAC9B,kBAAC,KAAD;KACE,MAAK;KACL,WAAU;KAET,UAAA/E,EAAUuF,CAAK;IACf,CAAA,IACDR,EAAQ,WAAW,IACrB,kBAACxH,GAAD;KACE,MAAM,kBAACoF,GAAD;MAAQ,WAAU;MAAU,eAAY;KAAQ,CAAA;KACtD,OAAO3E,EACL,0CACA,gBACF;KACA,aAAaA,EACX,qCACA,sGACF;IACD,CAAA,IAED,kBAAC,OAAD;KAAK,WAAU;KACZ,UAAA+G,EAAQ,KAAK,MACZ,kBAAClE,IAAD;MAEU;MACF;MACN,oBACE2C,EACE;OACE,MAAM;OACN,UAAUzC,EAAO;OACjB,YAAYA,EAAO;MACrB,GACAyE,EAAuBzE,EAAO,cAAc,QAAQ,CACtD;MAEF,qBACEyC,EACE;OACE,MAAM;OACN,WAAWzC,EAAO,cAAc;OAChC,YAAYA,EAAO;OACnB,SAASA,EAAO,cAAc;MAChC,GACA0E,EAAa1E,EAAO,cAAc,QAAQ,CAC5C;MAEF,kBAAkB,MAChB,KAAK8D,QACGZ,EAAc,EAAE,WAAW,EAAE,aAAU,EAAE,CAAC,GAChDjG,EACE,kDACA,qCACF,CACF;MAEF,oBAAoB,MAClB,KAAK6G,QACGT,EAAgB,EAAE,WAAW,EAAE,aAAU,EAAE,CAAC,GAClDpG,EACE,mDACA,sDACF,CACF;MAEF,eACE,KAAK6G,QAEDN,EAAmB,EACjB,WAAW,EAAE,UAAUxD,EAAO,GAAG,EACnC,CAAC,GACH/C,EACE,uCACA,yDACF,CACF;MAEF,uBACE,KAAK6G,QAEDH,EAAc,EAAE,WAAW,EAAE,UAAU3D,EAAO,GAAG,EAAE,CAAC,GACtD/C,EACE,8CACA,mCACF,CACF;KAEH,GAhEM+C,EAAO,EAgEb,CACF;IACE,CAAA;GAEI,CAAA;EACb,EAAA,CAAA,IA/JF,kBAACxD,GAAD;GACE,MAAM,kBAACoF,GAAD;IAAQ,WAAU;IAAU,eAAY;GAAQ,CAAA;GACtD,OAAO3E,EACL,gDACA,oBACF;GACA,aAAaA,EACX,2CACA,+HACF;EACD,CAAA,CAuJO;;AAEhB"}

package/dist/devportal/utils/constants.js

@@ -10,7 +10,11 @@ var e = {
 	DEPRECATED: "bg-bg-sunken text-text-secondary",
 	ACTIVE: "bg-status-success-bg-subtle text-status-success-text",
 	INACTIVE: "bg-bg-sunken text-text-secondary",
-	REVOKED: "bg-status-error-bg-subtle text-status-error-text"
+	REVOKED: "bg-status-error-bg-subtle text-status-error-text",
+	CERTIFIED: "bg-status-success-bg-subtle text-status-success-text",
+	WITHDRAWN: "bg-bg-sunken text-text-secondary",
+	SUPERSEDED: "bg-bg-sunken text-text-secondary",
+	NOT_LISTED: "bg-bg-sunken text-text-secondary"
 }, t = {
 	ACTIVE: "bg-status-success-bg-subtle text-status-success-text",
 	PAUSED: "bg-status-warning-bg-subtle text-status-warning-text",