@burdenoff/microfe-devportal 2026.830.1 → 2026.830.2

package/dist/devportal/pages/ListingPreviewPage.js

@@ -6,10 +6,10 @@ import { PermissionGuard as a } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { useEffect as o } from "react";
 import { Markdown as s } from "@burdenoff/fe-libs/shared/components";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { CheckCircle as l, Download as u, ExternalLink as d, Eye as f, FileText as p, Globe as m, Loader2 as h, Shield as g, Star as _, Tag as v } from "lucide-react";
-import { useParams as y } from "react-router";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { CheckCircle as c, Download as l, ExternalLink as u, Eye as d, FileText as f, Globe as p, Loader2 as m, Shield as h, Star as g, Tag as _ } from "lucide-react";
+import { useParams as v } from "react-router";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/devportal/pages/ListingPreviewPage.tsx
 var S = {
 	FREE: "Free",
@@ -35,7 +35,7 @@ var S = {
 	CLI_TOOL: "CLI Tool",
 	SERVICE: "Service"
 }, w = () => {
-	let { appId: w } = y(), { navigate: T, basePath: E } = e(), { t: D } = c(), O = (e, t) => {
+	let { appId: w } = v(), { navigate: T, basePath: E } = e(), { t: D } = x(), O = (e, t) => {
 		let n = D(e);
 		return n === e ? t : n;
 	}, { data: k, loading: A, error: j } = t({
@@ -48,116 +48,116 @@ var S = {
 		if (!w || !e) return;
 		let t = window.__breadcrumbRegistry;
 		return t?.register(w, e), () => t?.unregister(w);
-	}, [w, M?.name]), A) return /* @__PURE__ */ b(n, {
+	}, [w, M?.name]), A) return /* @__PURE__ */ y(n, {
 		title: O("devportal.marketplacePreview", "Marketplace Preview"),
 		description: O("devportal.loading", "Loading..."),
 		backLink: `/apps/${w}`,
 		backLabel: O("devportal.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "flex items-center justify-center py-12",
-			children: /* @__PURE__ */ b(h, { className: "h-8 w-8 animate-spin text-text-secondary" })
+			children: /* @__PURE__ */ y(m, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
 	});
-	if (j || !M) return /* @__PURE__ */ b(n, {
+	if (j || !M) return /* @__PURE__ */ y(n, {
 		title: O("devportal.marketplacePreview", "Marketplace Preview"),
 		description: O("devportal.couldNotLoadApplication", "Could not load application"),
 		backLink: `/apps/${w}`,
 		backLabel: O("devportal.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ b(i, {
+		children: /* @__PURE__ */ y(i, {
 			variant: "error",
 			title: O("devportal.failedToLoadApplication", "Failed to load application"),
 			children: j?.message ?? O("devportal.applicationNotFound", "Application not found")
 		})
 	});
 	let N = Array.isArray(M.screenshots) ? M.screenshots : [], P = M.status === "PUBLISHED";
-	return /* @__PURE__ */ b(a, {
+	return /* @__PURE__ */ y(a, {
 		authOnly: !0,
-		children: /* @__PURE__ */ x(n, {
+		children: /* @__PURE__ */ b(n, {
 			title: O("devportal.marketplacePreview", "Marketplace Preview"),
 			description: O("devportal.marketplacePreviewDescription", "Preview how your app will appear in the marketplace"),
 			purpose: O("devportal.marketplacePreviewPurpose", "See exactly how shoppers will experience your store listing — icon, screenshots, description, and pricing — before it goes live. Use it to catch missing assets or typos, then submit for review when the listing looks right."),
 			backLink: `/apps/${w}`,
 			backLabel: O("devportal.backToApplication", "Back to Application"),
-			actions: P ? void 0 : /* @__PURE__ */ x("button", {
+			actions: P ? void 0 : /* @__PURE__ */ b("button", {
 				onClick: () => T?.(`${E}/apps/${w}/publish`),
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-				children: [/* @__PURE__ */ b(f, { size: 16 }), O("devportal.submitForReview", "Submit for Review")]
+				children: [/* @__PURE__ */ y(d, { size: 16 }), O("devportal.submitForReview", "Submit for Review")]
 			}),
 			children: [
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex items-center gap-2 rounded-lg border border-border-subtle bg-status-warning-bg-subtle px-4 py-3 text-sm text-status-warning-text",
-					children: [/* @__PURE__ */ b(f, {
+					children: [/* @__PURE__ */ y(d, {
 						size: 16,
 						className: "flex-shrink-0"
-					}), /* @__PURE__ */ b("span", { children: O("devportal.previewBannerText", "This is a preview of your marketplace listing. It shows how your app will appear to users after publication.") })]
+					}), /* @__PURE__ */ y("span", { children: O("devportal.previewBannerText", "This is a preview of your marketplace listing. It shows how your app will appear to users after publication.") })]
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ b("div", {
 					className: "rounded-xl border bg-bg-surface overflow-hidden",
 					children: [
-						M.bannerUrl ? /* @__PURE__ */ b("div", {
+						M.bannerUrl ? /* @__PURE__ */ y("div", {
 							className: "h-48 w-full overflow-hidden",
-							children: /* @__PURE__ */ b("img", {
+							children: /* @__PURE__ */ y("img", {
 								src: M.bannerUrl,
 								alt: O("devportal.appBannerAlt", "App banner"),
 								className: "h-full w-full object-cover"
 							})
-						}) : /* @__PURE__ */ b("div", { className: "h-32 w-full bg-gradient-to-r from-primary/20 to-primary/5" }),
-						/* @__PURE__ */ b("div", {
+						}) : /* @__PURE__ */ y("div", { className: "h-32 w-full bg-gradient-to-r from-primary/20 to-primary/5" }),
+						/* @__PURE__ */ y("div", {
 							className: "p-6",
-							children: /* @__PURE__ */ x("div", {
+							children: /* @__PURE__ */ b("div", {
 								className: "flex items-start gap-5",
 								children: [
-									M.iconUrl ? /* @__PURE__ */ b("img", {
+									M.iconUrl ? /* @__PURE__ */ y("img", {
 										src: M.iconUrl,
 										alt: M.name,
 										className: "h-20 w-20 rounded-2xl border object-cover flex-shrink-0 shadow-sm"
-									}) : /* @__PURE__ */ b("div", {
+									}) : /* @__PURE__ */ y("div", {
 										className: "h-20 w-20 rounded-2xl border bg-bg-sunken flex items-center justify-center flex-shrink-0",
-										children: /* @__PURE__ */ b("span", {
+										children: /* @__PURE__ */ y("span", {
 											className: "text-3xl font-bold text-text-secondary",
 											"aria-label": O("devportal.appIconFallbackAriaLabel", "App icon"),
 											children: M.name.charAt(0).toUpperCase()
 										})
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ b("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ x("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex flex-wrap items-center gap-2",
 												children: [
-													/* @__PURE__ */ b("h1", {
+													/* @__PURE__ */ y("h1", {
 														className: "text-2xl font-bold",
 														children: M.name
 													}),
-													M.isVerified && /* @__PURE__ */ b(l, {
+													M.isVerified && /* @__PURE__ */ y(c, {
 														size: 20,
 														className: "text-primary"
 													}),
-													M.isFeatured && /* @__PURE__ */ b("span", {
+													M.isFeatured && /* @__PURE__ */ y("span", {
 														className: "rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text",
 														children: O("devportal.featured", "Featured")
 													})
 												]
 											}),
-											/* @__PURE__ */ b("p", {
+											/* @__PURE__ */ y("p", {
 												className: "mt-1 text-text-secondary",
 												children: M.shortDescription ?? M.description ?? O("devportal.noDescription", "No description")
 											}),
-											/* @__PURE__ */ x("div", {
+											/* @__PURE__ */ b("div", {
 												className: "mt-3 flex flex-wrap items-center gap-4 text-sm text-text-secondary",
 												children: [
-													M.averageRating != null && /* @__PURE__ */ x("div", {
+													M.averageRating != null && /* @__PURE__ */ b("div", {
 														className: "flex items-center gap-1",
 														children: [
-															/* @__PURE__ */ b(_, {
+															/* @__PURE__ */ y(g, {
 																size: 14,
 																className: "text-status-warning-text fill-status-warning-text"
 															}),
-															/* @__PURE__ */ b("span", {
+															/* @__PURE__ */ y("span", {
 																className: "font-medium text-text-primary",
 																children: M.averageRating.toFixed(1)
 															}),
-															/* @__PURE__ */ x("span", { children: [
+															/* @__PURE__ */ b("span", { children: [
 																"(",
 																M.reviewCount ?? 0,
 																" ",
@@ -166,19 +166,19 @@ var S = {
 															] })
 														]
 													}),
-													/* @__PURE__ */ x("div", {
+													/* @__PURE__ */ b("div", {
 														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ b(u, { size: 14 }), /* @__PURE__ */ x("span", { children: [
+														children: [/* @__PURE__ */ y(l, { size: 14 }), /* @__PURE__ */ b("span", { children: [
 															(M.installCount ?? 0).toLocaleString(),
 															" ",
 															O("devportal.installs", "installs")
 														] })]
 													}),
-													M.category && /* @__PURE__ */ b("span", {
+													M.category && /* @__PURE__ */ y("span", {
 														className: "rounded-full border px-2 py-0.5 text-xs",
 														children: M.category
 													}),
-													/* @__PURE__ */ b("span", {
+													/* @__PURE__ */ y("span", {
 														className: "rounded-full border px-2 py-0.5 text-xs",
 														children: C[M.appType] ?? M.appType
 													})
@@ -186,20 +186,20 @@ var S = {
 											})
 										]
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ b("div", {
 										className: "flex-shrink-0 text-right space-y-2",
 										children: [
-											/* @__PURE__ */ b("div", {
+											/* @__PURE__ */ y("div", {
 												className: "text-lg font-semibold",
 												children: S[M.pricingType ?? "FREE"] ?? "Free"
 											}),
-											/* @__PURE__ */ b("button", {
+											/* @__PURE__ */ y("button", {
 												disabled: !0,
 												className: "w-full rounded-lg bg-action-primary-bg px-6 py-2 text-sm font-semibold text-action-primary-text opacity-60 cursor-not-allowed",
 												title: O("devportal.previewOnly", "Preview only"),
 												children: O("devportal.install", "Install")
 											}),
-											/* @__PURE__ */ b("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-xs text-text-secondary",
 												children: O("devportal.previewOnly", "Preview only")
 											})
@@ -208,97 +208,97 @@ var S = {
 								]
 							})
 						}),
-						N.length > 0 && /* @__PURE__ */ x("div", {
+						N.length > 0 && /* @__PURE__ */ b("div", {
 							className: "border-t px-6 py-5",
-							children: [/* @__PURE__ */ b("h2", {
+							children: [/* @__PURE__ */ y("h2", {
 								className: "text-base font-semibold mb-3",
 								children: O("devportal.screenshots", "Screenshots")
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ y("div", {
 								className: "flex gap-3 overflow-x-auto pb-2",
-								children: N.map((e, t) => /* @__PURE__ */ b("img", {
+								children: N.map((e, t) => /* @__PURE__ */ y("img", {
 									src: e,
 									alt: `${O("devportal.screenshotAlt", "Screenshot")} ${t + 1}`,
 									className: "h-44 w-auto rounded-lg border object-cover flex-shrink-0"
 								}, t))
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ b("div", {
 							className: "border-t px-6 py-5",
-							children: [/* @__PURE__ */ b("h2", {
+							children: [/* @__PURE__ */ y("h2", {
 								className: "text-base font-semibold mb-2",
 								children: O("devportal.about", "About")
-							}), M.description || M.shortDescription ? /* @__PURE__ */ b(s, {
+							}), M.description || M.shortDescription ? /* @__PURE__ */ y(s, {
 								className: "text-sm text-text-secondary",
 								children: M.description ?? M.shortDescription ?? ""
-							}) : /* @__PURE__ */ b("p", {
+							}) : /* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
 								children: O("devportal.noDetailedDescription", "No detailed description provided.")
 							})]
 						}),
-						Array.isArray(M.tags) && M.tags.length > 0 && /* @__PURE__ */ b("div", {
+						Array.isArray(M.tags) && M.tags.length > 0 && /* @__PURE__ */ y("div", {
 							className: "border-t px-6 py-4",
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ y("div", {
 								className: "flex flex-wrap gap-2",
-								children: M.tags.map((e) => /* @__PURE__ */ x("span", {
+								children: M.tags.map((e) => /* @__PURE__ */ b("span", {
 									className: "inline-flex items-center gap-1 rounded-full border px-3 py-1 text-xs text-text-secondary",
-									children: [/* @__PURE__ */ b(v, { size: 10 }), e]
+									children: [/* @__PURE__ */ y(_, { size: 10 }), e]
 								}, e))
 							})
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ b("div", {
 							className: "border-t px-6 py-5 grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
 							children: [
-								M.websiteUrl && /* @__PURE__ */ x("a", {
+								M.websiteUrl && /* @__PURE__ */ b("a", {
 									href: M.websiteUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-2 text-primary hover:underline",
 									children: [
-										/* @__PURE__ */ b(m, { size: 14 }),
+										/* @__PURE__ */ y(p, { size: 14 }),
 										O("devportal.website", "Website"),
-										/* @__PURE__ */ b(d, { size: 12 })
+										/* @__PURE__ */ y(u, { size: 12 })
 									]
 								}),
-								M.documentationUrl && /* @__PURE__ */ x("a", {
+								M.documentationUrl && /* @__PURE__ */ b("a", {
 									href: M.documentationUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-2 text-primary hover:underline",
 									children: [
-										/* @__PURE__ */ b(p, { size: 14 }),
+										/* @__PURE__ */ y(f, { size: 14 }),
 										O("devportal.documentation", "Documentation"),
-										/* @__PURE__ */ b(d, { size: 12 })
+										/* @__PURE__ */ y(u, { size: 12 })
 									]
 								}),
-								M.privacyPolicyUrl && /* @__PURE__ */ x("a", {
+								M.privacyPolicyUrl && /* @__PURE__ */ b("a", {
 									href: M.privacyPolicyUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-2 text-primary hover:underline",
 									children: [
-										/* @__PURE__ */ b(g, { size: 14 }),
+										/* @__PURE__ */ y(h, { size: 14 }),
 										O("devportal.privacyPolicy", "Privacy Policy"),
-										/* @__PURE__ */ b(d, { size: 12 })
+										/* @__PURE__ */ y(u, { size: 12 })
 									]
 								}),
-								M.termsOfServiceUrl && /* @__PURE__ */ x("a", {
+								M.termsOfServiceUrl && /* @__PURE__ */ b("a", {
 									href: M.termsOfServiceUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-2 text-primary hover:underline",
 									children: [
-										/* @__PURE__ */ b(p, { size: 14 }),
+										/* @__PURE__ */ y(f, { size: 14 }),
 										O("devportal.termsOfService", "Terms of Service"),
-										/* @__PURE__ */ b(d, { size: 12 })
+										/* @__PURE__ */ y(u, { size: 12 })
 									]
 								})
 							]
 						})
 					]
 				}),
-				/* @__PURE__ */ x(r, {
+				/* @__PURE__ */ b(r, {
 					title: O("devportal.listingCompleteness", "Listing Completeness"),
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "space-y-2",
 						children: [
 							{
@@ -337,17 +337,17 @@ var S = {
 								label: O("devportal.completenessTermsOfService", "Terms of service URL"),
 								ok: !!M.termsOfServiceUrl
 							}
-						].map(({ label: e, ok: t }) => /* @__PURE__ */ x("div", {
+						].map(({ label: e, ok: t }) => /* @__PURE__ */ b("div", {
 							className: "flex items-center gap-3 text-sm",
-							children: [t ? /* @__PURE__ */ b(l, {
+							children: [t ? /* @__PURE__ */ y(c, {
 								size: 16,
 								className: "text-status-success-text flex-shrink-0"
-							}) : /* @__PURE__ */ b("div", { className: "h-4 w-4 rounded-full border-2 border-muted-foreground flex-shrink-0" }), /* @__PURE__ */ b("span", {
+							}) : /* @__PURE__ */ y("div", { className: "h-4 w-4 rounded-full border-2 border-muted-foreground flex-shrink-0" }), /* @__PURE__ */ y("span", {
 								className: t ? "text-text-primary" : "text-text-secondary",
 								children: e
 							})]
 						}, e))
-					}), !P && /* @__PURE__ */ b("button", {
+					}), !P && /* @__PURE__ */ y("button", {
 						onClick: () => T?.(`${E}/apps/${w}/edit`),
 						className: "mt-4 rounded-md border px-3 py-1.5 text-sm hover:bg-bg-sunken",
 						children: O("devportal.editToImproveListing", "Edit to improve listing →")