@burdenoff/microfe-devportal 2026.609.4 → 2026.611.2

package/dist/devportal/pages/ListingPreviewPage.js

@@ -5,12 +5,13 @@ import { useGetApplicationQuery as i } from "../../generated/global-operations.j
 import { PermissionGuard as a } from "../components/PermissionGuard.js";
 import "../components/index.js";
 import { DEVPORTAL_PERMISSIONS as o } from "../constants/permissions.js";
-import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-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-dom";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useEffect as s } from "react";
+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-dom";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/devportal/pages/ListingPreviewPage.tsx
-var x = {
+var S = {
 	FREE: "Free",
 	FREEMIUM: "Free with in-app purchases",
 	PAID: "Paid",
@@ -18,7 +19,7 @@ var x = {
 	SUBSCRIPTION: "Subscription",
 	USAGE_BASED: "Usage-based pricing",
 	ENTERPRISE: "Enterprise pricing"
-}, S = {
+}, C = {
 	WORKFLOW: "Workflow",
 	WIDGET: "Widget",
 	BOT: "Bot / Chatbot",
@@ -33,314 +34,319 @@ var x = {
 	DESKTOP_APP: "Desktop App",
 	CLI_TOOL: "CLI Tool",
 	SERVICE: "Service"
-}, C = () => {
-	let { appId: C } = v(), { navigate: w, basePath: T } = e(), { t: E } = s(), D = (e, t) => {
-		let n = E(e);
+}, w = () => {
+	let { appId: w } = y(), { navigate: T, basePath: E } = e(), { t: D } = c(), O = (e, t) => {
+		let n = D(e);
 		return n === e ? t : n;
-	}, { data: O, loading: k, error: A } = i({
-		variables: { id: C },
-		skip: !C,
+	}, { data: k, loading: A, error: j } = i({
+		variables: { id: w },
+		skip: !w,
 		fetchPolicy: "cache-and-network"
-	}), j = O?.application;
-	if (k) return /* @__PURE__ */ y(t, {
-		title: D("devportal.marketplacePreview", "Marketplace Preview"),
-		description: D("devportal.loading", "Loading..."),
-		backLink: `/apps/${C}`,
-		backLabel: D("devportal.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ y("div", {
+	}), M = k?.application;
+	if (s(() => {
+		let e = M?.name;
+		if (!w || !e) return;
+		let t = window.__breadcrumbRegistry;
+		return t?.register(w, e), () => t?.unregister(w);
+	}, [w, M?.name]), A) return /* @__PURE__ */ b(t, {
+		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", {
 			className: "flex items-center justify-center py-12",
-			children: /* @__PURE__ */ y(m, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+			children: /* @__PURE__ */ b(h, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 		})
 	});
-	if (A || !j) return /* @__PURE__ */ y(t, {
-		title: D("devportal.marketplacePreview", "Marketplace Preview"),
-		description: D("devportal.couldNotLoadApplication", "Could not load application"),
-		backLink: `/apps/${C}`,
-		backLabel: D("devportal.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ y(r, {
+	if (j || !M) return /* @__PURE__ */ b(t, {
+		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(r, {
 			variant: "error",
-			title: D("devportal.failedToLoadApplication", "Failed to load application"),
-			children: A?.message ?? D("devportal.applicationNotFound", "Application not found")
+			title: O("devportal.failedToLoadApplication", "Failed to load application"),
+			children: j?.message ?? O("devportal.applicationNotFound", "Application not found")
 		})
 	});
-	let M = Array.isArray(j.screenshots) ? j.screenshots : [], N = j.status === "PUBLISHED";
-	return /* @__PURE__ */ y(a, {
+	let N = Array.isArray(M.screenshots) ? M.screenshots : [], P = M.status === "PUBLISHED";
+	return /* @__PURE__ */ b(a, {
 		permission: o.APP_READ,
-		children: /* @__PURE__ */ b(t, {
-			title: D("devportal.marketplacePreview", "Marketplace Preview"),
-			description: D("devportal.marketplacePreviewDescription", "Preview how your app will appear in the marketplace"),
-			backLink: `/apps/${C}`,
-			backLabel: D("devportal.backToApplication", "Back to Application"),
-			actions: N ? void 0 : /* @__PURE__ */ b("button", {
-				onClick: () => w?.(`${T}/apps/${C}/publish`),
+		children: /* @__PURE__ */ x(t, {
+			title: O("devportal.marketplacePreview", "Marketplace Preview"),
+			description: O("devportal.marketplacePreviewDescription", "Preview how your app will appear in the marketplace"),
+			backLink: `/apps/${w}`,
+			backLabel: O("devportal.backToApplication", "Back to Application"),
+			actions: P ? void 0 : /* @__PURE__ */ x("button", {
+				onClick: () => T?.(`${E}/apps/${w}/publish`),
 				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",
-				children: [/* @__PURE__ */ y(d, { size: 16 }), D("devportal.submitForReview", "Submit for Review")]
+				children: [/* @__PURE__ */ b(f, { size: 16 }), O("devportal.submitForReview", "Submit for Review")]
 			}),
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ x("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__ */ y(d, {
+					children: [/* @__PURE__ */ b(f, {
 						size: 16,
 						className: "flex-shrink-0"
-					}), /* @__PURE__ */ y("span", { children: D("devportal.previewBannerText", "This is a preview of your marketplace listing. It shows how your app will appear to users after publication.") })]
+					}), /* @__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__ */ b("div", {
+				/* @__PURE__ */ x("div", {
 					className: "rounded-xl border bg-card overflow-hidden",
 					children: [
-						j.bannerUrl ? /* @__PURE__ */ y("div", {
+						M.bannerUrl ? /* @__PURE__ */ b("div", {
 							className: "h-48 w-full overflow-hidden",
-							children: /* @__PURE__ */ y("img", {
-								src: j.bannerUrl,
-								alt: D("devportal.appBannerAlt", "App banner"),
+							children: /* @__PURE__ */ b("img", {
+								src: M.bannerUrl,
+								alt: O("devportal.appBannerAlt", "App banner"),
 								className: "h-full w-full object-cover"
 							})
-						}) : /* @__PURE__ */ y("div", { className: "h-32 w-full bg-gradient-to-r from-primary/20 to-primary/5" }),
-						/* @__PURE__ */ y("div", {
+						}) : /* @__PURE__ */ b("div", { className: "h-32 w-full bg-gradient-to-r from-primary/20 to-primary/5" }),
+						/* @__PURE__ */ b("div", {
 							className: "p-6",
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ x("div", {
 								className: "flex items-start gap-5",
 								children: [
-									j.iconUrl ? /* @__PURE__ */ y("img", {
-										src: j.iconUrl,
-										alt: j.name,
+									M.iconUrl ? /* @__PURE__ */ b("img", {
+										src: M.iconUrl,
+										alt: M.name,
 										className: "h-20 w-20 rounded-2xl border object-cover flex-shrink-0 shadow-sm"
-									}) : /* @__PURE__ */ y("div", {
+									}) : /* @__PURE__ */ b("div", {
 										className: "h-20 w-20 rounded-2xl border bg-muted flex items-center justify-center flex-shrink-0",
-										children: /* @__PURE__ */ y("span", {
+										children: /* @__PURE__ */ b("span", {
 											className: "text-3xl font-bold text-muted-foreground",
-											"aria-label": D("devportal.appIconFallbackAriaLabel", "App icon"),
-											children: j.name.charAt(0).toUpperCase()
+											"aria-label": O("devportal.appIconFallbackAriaLabel", "App icon"),
+											children: M.name.charAt(0).toUpperCase()
 										})
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ x("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ b("div", {
+											/* @__PURE__ */ x("div", {
 												className: "flex flex-wrap items-center gap-2",
 												children: [
-													/* @__PURE__ */ y("h1", {
+													/* @__PURE__ */ b("h1", {
 														className: "text-2xl font-bold",
-														children: j.name
+														children: M.name
 													}),
-													j.isVerified && /* @__PURE__ */ y(c, {
+													M.isVerified && /* @__PURE__ */ b(l, {
 														size: 20,
 														className: "text-primary"
 													}),
-													j.isFeatured && /* @__PURE__ */ y("span", {
+													M.isFeatured && /* @__PURE__ */ b("span", {
 														className: "rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text",
-														children: D("devportal.featured", "Featured")
+														children: O("devportal.featured", "Featured")
 													})
 												]
 											}),
-											/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ b("p", {
 												className: "mt-1 text-muted-foreground",
-												children: j.shortDescription ?? j.description ?? D("devportal.noDescription", "No description")
+												children: M.shortDescription ?? M.description ?? O("devportal.noDescription", "No description")
 											}),
-											/* @__PURE__ */ b("div", {
+											/* @__PURE__ */ x("div", {
 												className: "mt-3 flex flex-wrap items-center gap-4 text-sm text-muted-foreground",
 												children: [
-													j.averageRating != null && /* @__PURE__ */ b("div", {
+													M.averageRating != null && /* @__PURE__ */ x("div", {
 														className: "flex items-center gap-1",
 														children: [
-															/* @__PURE__ */ y(g, {
+															/* @__PURE__ */ b(_, {
 																size: 14,
 																className: "text-status-warning-text fill-status-warning-text"
 															}),
-															/* @__PURE__ */ y("span", {
+															/* @__PURE__ */ b("span", {
 																className: "font-medium text-foreground",
-																children: j.averageRating.toFixed(1)
+																children: M.averageRating.toFixed(1)
 															}),
-															/* @__PURE__ */ b("span", { children: [
+															/* @__PURE__ */ x("span", { children: [
 																"(",
-																j.reviewCount ?? 0,
+																M.reviewCount ?? 0,
 																" ",
-																D("devportal.reviews", "reviews"),
+																O("devportal.reviews", "reviews"),
 																")"
 															] })
 														]
 													}),
-													/* @__PURE__ */ b("div", {
+													/* @__PURE__ */ x("div", {
 														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ y(l, { size: 14 }), /* @__PURE__ */ b("span", { children: [
-															(j.installCount ?? 0).toLocaleString(),
+														children: [/* @__PURE__ */ b(u, { size: 14 }), /* @__PURE__ */ x("span", { children: [
+															(M.installCount ?? 0).toLocaleString(),
 															" ",
-															D("devportal.installs", "installs")
+															O("devportal.installs", "installs")
 														] })]
 													}),
-													j.category && /* @__PURE__ */ y("span", {
+													M.category && /* @__PURE__ */ b("span", {
 														className: "rounded-full border px-2 py-0.5 text-xs",
-														children: j.category
+														children: M.category
 													}),
-													/* @__PURE__ */ y("span", {
+													/* @__PURE__ */ b("span", {
 														className: "rounded-full border px-2 py-0.5 text-xs",
-														children: S[j.appType] ?? j.appType
+														children: C[M.appType] ?? M.appType
 													})
 												]
 											})
 										]
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ x("div", {
 										className: "flex-shrink-0 text-right space-y-2",
 										children: [
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ b("div", {
 												className: "text-lg font-semibold",
-												children: x[j.pricingType ?? "FREE"] ?? "Free"
+												children: S[M.pricingType ?? "FREE"] ?? "Free"
 											}),
-											/* @__PURE__ */ y("button", {
+											/* @__PURE__ */ b("button", {
 												disabled: !0,
 												className: "w-full rounded-lg bg-primary px-6 py-2 text-sm font-semibold text-primary-foreground opacity-60 cursor-not-allowed",
-												title: D("devportal.previewOnly", "Preview only"),
-												children: D("devportal.install", "Install")
+												title: O("devportal.previewOnly", "Preview only"),
+												children: O("devportal.install", "Install")
 											}),
-											/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ b("p", {
 												className: "text-xs text-muted-foreground",
-												children: D("devportal.previewOnly", "Preview only")
+												children: O("devportal.previewOnly", "Preview only")
 											})
 										]
 									})
 								]
 							})
 						}),
-						M.length > 0 && /* @__PURE__ */ b("div", {
+						N.length > 0 && /* @__PURE__ */ x("div", {
 							className: "border-t px-6 py-5",
-							children: [/* @__PURE__ */ y("h2", {
+							children: [/* @__PURE__ */ b("h2", {
 								className: "text-base font-semibold mb-3",
-								children: D("devportal.screenshots", "Screenshots")
-							}), /* @__PURE__ */ y("div", {
+								children: O("devportal.screenshots", "Screenshots")
+							}), /* @__PURE__ */ b("div", {
 								className: "flex gap-3 overflow-x-auto pb-2",
-								children: M.map((e, t) => /* @__PURE__ */ y("img", {
+								children: N.map((e, t) => /* @__PURE__ */ b("img", {
 									src: e,
-									alt: `${D("devportal.screenshotAlt", "Screenshot")} ${t + 1}`,
+									alt: `${O("devportal.screenshotAlt", "Screenshot")} ${t + 1}`,
 									className: "h-44 w-auto rounded-lg border object-cover flex-shrink-0"
 								}, t))
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "border-t px-6 py-5",
-							children: [/* @__PURE__ */ y("h2", {
+							children: [/* @__PURE__ */ b("h2", {
 								className: "text-base font-semibold mb-2",
-								children: D("devportal.about", "About")
-							}), /* @__PURE__ */ y("p", {
+								children: O("devportal.about", "About")
+							}), /* @__PURE__ */ b("p", {
 								className: "text-sm text-muted-foreground whitespace-pre-wrap",
-								children: j.description ?? j.shortDescription ?? D("devportal.noDetailedDescription", "No detailed description provided.")
+								children: M.description ?? M.shortDescription ?? O("devportal.noDetailedDescription", "No detailed description provided.")
 							})]
 						}),
-						Array.isArray(j.tags) && j.tags.length > 0 && /* @__PURE__ */ y("div", {
+						Array.isArray(M.tags) && M.tags.length > 0 && /* @__PURE__ */ b("div", {
 							className: "border-t px-6 py-4",
-							children: /* @__PURE__ */ y("div", {
+							children: /* @__PURE__ */ b("div", {
 								className: "flex flex-wrap gap-2",
-								children: j.tags.map((e) => /* @__PURE__ */ b("span", {
+								children: M.tags.map((e) => /* @__PURE__ */ x("span", {
 									className: "inline-flex items-center gap-1 rounded-full border px-3 py-1 text-xs text-muted-foreground",
-									children: [/* @__PURE__ */ y(_, { size: 10 }), e]
+									children: [/* @__PURE__ */ b(v, { size: 10 }), e]
 								}, e))
 							})
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "border-t px-6 py-5 grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
 							children: [
-								j.websiteUrl && /* @__PURE__ */ b("a", {
-									href: j.websiteUrl,
+								M.websiteUrl && /* @__PURE__ */ x("a", {
+									href: M.websiteUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-2 text-primary hover:underline",
 									children: [
-										/* @__PURE__ */ y(p, { size: 14 }),
-										D("devportal.website", "Website"),
-										/* @__PURE__ */ y(u, { size: 12 })
+										/* @__PURE__ */ b(m, { size: 14 }),
+										O("devportal.website", "Website"),
+										/* @__PURE__ */ b(d, { size: 12 })
 									]
 								}),
-								j.documentationUrl && /* @__PURE__ */ b("a", {
-									href: j.documentationUrl,
+								M.documentationUrl && /* @__PURE__ */ x("a", {
+									href: M.documentationUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-2 text-primary hover:underline",
 									children: [
-										/* @__PURE__ */ y(f, { size: 14 }),
-										D("devportal.documentation", "Documentation"),
-										/* @__PURE__ */ y(u, { size: 12 })
+										/* @__PURE__ */ b(p, { size: 14 }),
+										O("devportal.documentation", "Documentation"),
+										/* @__PURE__ */ b(d, { size: 12 })
 									]
 								}),
-								j.privacyPolicyUrl && /* @__PURE__ */ b("a", {
-									href: j.privacyPolicyUrl,
+								M.privacyPolicyUrl && /* @__PURE__ */ x("a", {
+									href: M.privacyPolicyUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-2 text-primary hover:underline",
 									children: [
-										/* @__PURE__ */ y(h, { size: 14 }),
-										D("devportal.privacyPolicy", "Privacy Policy"),
-										/* @__PURE__ */ y(u, { size: 12 })
+										/* @__PURE__ */ b(g, { size: 14 }),
+										O("devportal.privacyPolicy", "Privacy Policy"),
+										/* @__PURE__ */ b(d, { size: 12 })
 									]
 								}),
-								j.termsOfServiceUrl && /* @__PURE__ */ b("a", {
-									href: j.termsOfServiceUrl,
+								M.termsOfServiceUrl && /* @__PURE__ */ x("a", {
+									href: M.termsOfServiceUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-2 text-primary hover:underline",
 									children: [
-										/* @__PURE__ */ y(f, { size: 14 }),
-										D("devportal.termsOfService", "Terms of Service"),
-										/* @__PURE__ */ y(u, { size: 12 })
+										/* @__PURE__ */ b(p, { size: 14 }),
+										O("devportal.termsOfService", "Terms of Service"),
+										/* @__PURE__ */ b(d, { size: 12 })
 									]
 								})
 							]
 						})
 					]
 				}),
-				/* @__PURE__ */ b(n, {
-					title: D("devportal.listingCompleteness", "Listing Completeness"),
-					children: [/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ x(n, {
+					title: O("devportal.listingCompleteness", "Listing Completeness"),
+					children: [/* @__PURE__ */ b("div", {
 						className: "space-y-2",
 						children: [
 							{
-								label: D("devportal.completenessAppIcon", "App icon"),
-								ok: !!j.iconUrl
+								label: O("devportal.completenessAppIcon", "App icon"),
+								ok: !!M.iconUrl
 							},
 							{
-								label: D("devportal.completenessBannerImage", "Banner image"),
-								ok: !!j.bannerUrl
+								label: O("devportal.completenessBannerImage", "Banner image"),
+								ok: !!M.bannerUrl
 							},
 							{
-								label: D("devportal.completenessShortDescription", "Short description"),
-								ok: !!j.shortDescription
+								label: O("devportal.completenessShortDescription", "Short description"),
+								ok: !!M.shortDescription
 							},
 							{
-								label: D("devportal.completenessFullDescription", "Full description"),
-								ok: !!j.description
+								label: O("devportal.completenessFullDescription", "Full description"),
+								ok: !!M.description
 							},
 							{
-								label: D("devportal.completenessScreenshots", "Screenshots (3+)"),
-								ok: M.length >= 3
+								label: O("devportal.completenessScreenshots", "Screenshots (3+)"),
+								ok: N.length >= 3
 							},
 							{
-								label: D("devportal.completenessCategory", "Category"),
-								ok: !!j.category
+								label: O("devportal.completenessCategory", "Category"),
+								ok: !!M.category
 							},
 							{
-								label: D("devportal.completenessTags", "Tags"),
-								ok: Array.isArray(j.tags) && j.tags.length > 0
+								label: O("devportal.completenessTags", "Tags"),
+								ok: Array.isArray(M.tags) && M.tags.length > 0
 							},
 							{
-								label: D("devportal.completenessPrivacyPolicy", "Privacy policy URL"),
-								ok: !!j.privacyPolicyUrl
+								label: O("devportal.completenessPrivacyPolicy", "Privacy policy URL"),
+								ok: !!M.privacyPolicyUrl
 							},
 							{
-								label: D("devportal.completenessTermsOfService", "Terms of service URL"),
-								ok: !!j.termsOfServiceUrl
+								label: O("devportal.completenessTermsOfService", "Terms of service URL"),
+								ok: !!M.termsOfServiceUrl
 							}
-						].map(({ label: e, ok: t }) => /* @__PURE__ */ b("div", {
+						].map(({ label: e, ok: t }) => /* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3 text-sm",
-							children: [t ? /* @__PURE__ */ y(c, {
+							children: [t ? /* @__PURE__ */ b(l, {
 								size: 16,
 								className: "text-status-success-text flex-shrink-0"
-							}) : /* @__PURE__ */ y("div", { className: "h-4 w-4 rounded-full border-2 border-muted-foreground flex-shrink-0" }), /* @__PURE__ */ y("span", {
+							}) : /* @__PURE__ */ b("div", { className: "h-4 w-4 rounded-full border-2 border-muted-foreground flex-shrink-0" }), /* @__PURE__ */ b("span", {
 								className: t ? "text-foreground" : "text-muted-foreground",
 								children: e
 							})]
 						}, e))
-					}), !N && /* @__PURE__ */ y("button", {
-						onClick: () => w?.(`${T}/apps/${C}/edit`),
+					}), !P && /* @__PURE__ */ b("button", {
+						onClick: () => T?.(`${E}/apps/${w}/edit`),
 						className: "mt-4 rounded-md border px-3 py-1.5 text-sm hover:bg-muted",
-						children: D("devportal.editToImproveListing", "Edit to improve listing →")
+						children: O("devportal.editToImproveListing", "Edit to improve listing →")
 					})]
 				})
 			]
@@ -348,6 +354,6 @@ var x = {
 	});
 };
 //#endregion
-export { C as ListingPreviewPage };
+export { w as ListingPreviewPage };
 
 //# sourceMappingURL=ListingPreviewPage.js.map