@burdenoff/microfe-devportal 2026.1101.1 → 2026.1107.1

package/dist/devportal/pages/PublisherProfilePage.js

@@ -1,259 +1,269 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { cn as t } from "../utils/cn.js";
-import { useGetMyDeveloperProfileQuery as n, useUpdateDeveloperProfileMutation as r } from "../../generated/global-operations.js";
+import { useCreateDeveloperProfileMutation as n, useGetMyDeveloperProfileQuery as r, useUpdateDeveloperProfileMutation as i } from "../../generated/global-operations.js";
 import "../hooks/useGraphQL.js";
-import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
-import { InputField as o } from "../components/FormField.js";
-import { PermissionGuard as s } from "../components/PermissionGuard.js";
+import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
+import { InputField as s } from "../components/FormField.js";
+import { PermissionGuard as c } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { useDevportalPermission as c } from "../hooks/usePermission.js";
-import { DEVPORTAL_PERMISSIONS as l } from "../constants/permissions.js";
-import { useEffect as u, useState as d } from "react";
-import { AlertCircle as f, CheckCircle2 as p, Info as m, Loader2 as h, Save as g, Store as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useDevportalPermission as l } from "../hooks/usePermission.js";
+import { DEVPORTAL_PERMISSIONS as u } from "../constants/permissions.js";
+import { useEffect as d, useState as f } from "react";
+import { AlertCircle as p, CheckCircle2 as m, Info as h, Loader2 as g, Save as _, Store as v } from "lucide-react";
+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/PublisherProfilePage.tsx
-var x = () => {
-	let { t: x } = b(), S = (e, t) => {
-		let n = x(e);
+var S = () => {
+	let { t: S } = x(), C = (e, t) => {
+		let n = S(e);
 		return n === e ? t : n;
-	}, { currentUser: C } = e(), { allowed: w } = c(l.PROFILE_UPDATE), { data: T, loading: E, error: D, refetch: O } = n({ fetchPolicy: "cache-and-network" }), [k, { loading: A }] = r(), j = T?.myDeveloperProfile, [M, N] = d(""), [P, F] = d(""), [I, L] = d(""), [R, z] = d(""), [B, V] = d(""), [H, U] = d(""), [W, G] = d("idle");
-	return u(() => {
-		if (j) N(j.companyName ?? ""), F(j.website ?? ""), L(j.bio ?? ""), z(j.githubUsername ?? ""), V(j.twitterUsername ?? ""), U(j.linkedinUrl ?? "");
-		else if (!E && C) {
-			let e = [C.firstName, C.lastName].filter(Boolean).join(" ");
-			e && N(e);
+	}, { currentUser: w } = e(), { allowed: T } = l(u.PROFILE_UPDATE), { data: E, loading: D, error: O, refetch: k } = r({ fetchPolicy: "cache-and-network" }), [A, { loading: j }] = i(), [M, { loading: N }] = n(), P = j || N, F = E?.myDeveloperProfile, [I, L] = f(""), [R, z] = f(""), [B, V] = f(""), [H, U] = f(""), [W, G] = f(""), [K, q] = f(""), [J, Y] = f("idle");
+	return d(() => {
+		if (F) L(F.companyName ?? ""), z(F.website ?? ""), V(F.bio ?? ""), U(F.githubUsername ?? ""), G(F.twitterUsername ?? ""), q(F.linkedinUrl ?? "");
+		else if (!D && w) {
+			let e = [w.firstName, w.lastName].filter(Boolean).join(" ");
+			e && L(e);
 		}
 	}, [
-		j,
-		E,
-		C
-	]), E && !j ? /* @__PURE__ */ v(i, {
-		title: S("devportal.publisherProfileTitle", "Publisher Profile"),
-		description: S("devportal.loadingPublisherProfile", "Loading your publisher profile..."),
-		children: /* @__PURE__ */ v("div", {
+		F,
+		D,
+		w
+	]), D && !F ? /* @__PURE__ */ y(a, {
+		title: C("devportal.publisherProfileTitle", "Publisher Profile"),
+		description: C("devportal.loadingPublisherProfile", "Loading your publisher profile..."),
+		children: /* @__PURE__ */ y("div", {
 			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ v(h, { className: "h-8 w-8 animate-spin text-text-secondary" })
+			children: /* @__PURE__ */ y(g, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
-	}) : D && !j ? /* @__PURE__ */ v(i, {
-		title: S("devportal.publisherProfileTitle", "Publisher Profile"),
-		description: S("devportal.manageStorePublisherPresence", "Manage your store publisher presence"),
-		children: /* @__PURE__ */ y("div", {
+	}) : O && !F ? /* @__PURE__ */ y(a, {
+		title: C("devportal.publisherProfileTitle", "Publisher Profile"),
+		description: C("devportal.manageStorePublisherPresence", "Manage your store publisher presence"),
+		children: /* @__PURE__ */ b("div", {
 			className: "flex flex-col items-center justify-center gap-4 py-20",
 			children: [
-				/* @__PURE__ */ v(f, { className: "h-12 w-12 text-status-error-text" }),
-				/* @__PURE__ */ v("p", {
+				/* @__PURE__ */ y(p, { className: "h-12 w-12 text-status-error-text" }),
+				/* @__PURE__ */ y("p", {
 					className: "text-text-secondary",
-					children: S("devportal.failedToLoadProfile", "Failed to load profile")
+					children: C("devportal.failedToLoadProfile", "Failed to load profile")
 				}),
-				/* @__PURE__ */ v("button", {
-					onClick: () => O(),
+				/* @__PURE__ */ y("button", {
+					onClick: () => k(),
 					className: "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: S("devportal.retryButton", "Retry")
+					children: C("devportal.retryButton", "Retry")
 				})
 			]
 		})
-	}) : /* @__PURE__ */ v(s, {
+	}) : /* @__PURE__ */ y(c, {
 		authOnly: !0,
-		children: /* @__PURE__ */ v(i, {
-			title: S("devportal.publisherProfileTitle", "Publisher Profile"),
-			description: S("devportal.manageMarketplaceAppearance", "Manage how you appear to users in the marketplace"),
-			purpose: S("devportal.publisherProfilePurpose", "This is your public face in the marketplace — the name, logo, bio, and links users see before installing your apps. A complete, trustworthy profile makes shoppers more likely to install and is required before some apps can be published."),
-			actions: /* @__PURE__ */ y("button", {
+		children: /* @__PURE__ */ y(a, {
+			title: C("devportal.publisherProfileTitle", "Publisher Profile"),
+			description: C("devportal.manageMarketplaceAppearance", "Manage how you appear to users in the marketplace"),
+			purpose: C("devportal.publisherProfilePurpose", "This is your public face in the marketplace — the name, logo, bio, and links users see before installing your apps. A complete, trustworthy profile makes shoppers more likely to install and is required before some apps can be published."),
+			actions: /* @__PURE__ */ b("button", {
 				onClick: async () => {
-					let e = j?.userId ?? C?.id;
-					if (e) {
-						G("saving");
-						try {
-							let t = await k({ variables: {
-								userId: e,
-								input: {
-									companyName: M || null,
-									website: P || null,
-									bio: I || null,
-									githubUsername: R || null,
-									twitterUsername: B || null,
-									linkedinUrl: H || null,
-									emailNotifications: j?.emailNotifications,
-									marketingEmails: j?.marketingEmails
-								}
-							} });
-							if (t.error) throw t.error;
-							G("saved"), await O(), setTimeout(() => G("idle"), 3e3);
-						} catch {
-							G("error"), setTimeout(() => G("idle"), 5e3);
+					Y("saving");
+					try {
+						if (!F) {
+							let e = await M({ variables: { input: {
+								companyName: I || void 0,
+								website: R || void 0,
+								bio: B || void 0,
+								githubUsername: H || void 0,
+								twitterUsername: W || void 0,
+								linkedinUrl: K || void 0
+							} } });
+							if (e.error) throw e.error;
+							Y("saved"), await k(), setTimeout(() => Y("idle"), 3e3);
+							return;
 						}
+						let e = await A({ variables: {
+							userId: F.userId,
+							input: {
+								companyName: I || null,
+								website: R || null,
+								bio: B || null,
+								githubUsername: H || null,
+								twitterUsername: W || null,
+								linkedinUrl: K || null,
+								emailNotifications: F.emailNotifications,
+								marketingEmails: F.marketingEmails
+							}
+						} });
+						if (e.error) throw e.error;
+						Y("saved"), await k(), setTimeout(() => Y("idle"), 3e3);
+					} catch {
+						Y("error"), setTimeout(() => Y("idle"), 5e3);
 					}
 				},
-				disabled: A || !w,
-				"aria-disabled": !w,
-				className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", W === "saved" ? "bg-status-success-bg text-white" : W === "error" ? "bg-status-error-bg text-status-error-text" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90", A && "opacity-50 cursor-not-allowed"),
-				children: [A ? /* @__PURE__ */ v(h, {
+				disabled: P || !T,
+				"aria-disabled": !T,
+				className: t("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", J === "saved" ? "bg-status-success-bg text-white" : J === "error" ? "bg-status-error-bg text-status-error-text" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90", P && "opacity-50 cursor-not-allowed"),
+				children: [P ? /* @__PURE__ */ y(g, {
 					size: 16,
 					className: "animate-spin"
-				}) : v(W === "saved" ? p : W === "error" ? f : g, { size: 16 }), A ? S("devportal.savingButton", "Saving...") : W === "saved" ? S("devportal.savedButton", "Saved!") : W === "error" ? S("devportal.errorButton", "Error") : S("devportal.saveChangesButton", "Save Changes")]
+				}) : y(J === "saved" ? m : J === "error" ? p : _, { size: 16 }), P ? C("devportal.savingButton", "Saving...") : J === "saved" ? C("devportal.savedButton", "Saved!") : J === "error" ? C("devportal.errorButton", "Error") : C("devportal.saveChangesButton", "Save Changes")]
 			}),
-			children: /* @__PURE__ */ y("div", {
+			children: /* @__PURE__ */ b("div", {
 				className: "flex flex-col gap-6",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "flex gap-3 rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 text-sm text-status-info-text",
-					children: [/* @__PURE__ */ v(m, {
+					children: [/* @__PURE__ */ y(h, {
 						size: 16,
 						className: "flex-shrink-0 mt-0.5"
-					}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+					}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 						className: "font-medium",
-						children: S("devportal.publisherProfilesWorkTitle", "How publisher profiles work")
-					}), /* @__PURE__ */ v("p", {
+						children: C("devportal.publisherProfilesWorkTitle", "How publisher profiles work")
+					}), /* @__PURE__ */ y("p", {
 						className: "mt-1 text-status-info-text",
-						children: S("devportal.publisherProfilesWorkDesc", "When you publish your first app, a publisher profile is automatically created in the marketplace using your developer details. Keep this information up to date so users can trust and find your apps. Changes here are reflected when your next app is published.")
+						children: C("devportal.publisherProfilesWorkDesc", "When you publish your first app, a publisher profile is automatically created in the marketplace using your developer details. Keep this information up to date so users can trust and find your apps. Changes here are reflected when your next app is published.")
 					})] })]
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ b("div", {
 						className: "lg:col-span-2 space-y-6",
-						children: [/* @__PURE__ */ v(a, {
-							title: S("devportal.publisherIdentityTitle", "Publisher Identity"),
-							description: S("devportal.publisherIdentityDesc", "Displayed on your marketplace listings"),
-							children: /* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ y(o, {
+							title: C("devportal.publisherIdentityTitle", "Publisher Identity"),
+							description: C("devportal.publisherIdentityDesc", "Displayed on your marketplace listings"),
+							children: /* @__PURE__ */ b("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ v(o, {
-										label: S("devportal.displayNameLabel", "Display Name / Company"),
-										value: M,
-										onChange: (e) => N(e.target.value),
-										placeholder: S("devportal.displayNamePlaceholder", "Your name or company (shown on all your apps)")
-									}),
-									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
-										className: "text-sm font-medium text-text-primary",
-										children: S("devportal.bioLabel", "Bio")
-									}), /* @__PURE__ */ v("textarea", {
+									/* @__PURE__ */ y(s, {
+										label: C("devportal.displayNameLabel", "Display Name / Company"),
 										value: I,
 										onChange: (e) => L(e.target.value),
-										placeholder: S("devportal.bioPlaceholder", "A short description of you or your company shown on the marketplace..."),
+										placeholder: C("devportal.displayNamePlaceholder", "Your name or company (shown on all your apps)")
+									}),
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+										className: "text-sm font-medium text-text-primary",
+										children: C("devportal.bioLabel", "Bio")
+									}), /* @__PURE__ */ y("textarea", {
+										value: B,
+										onChange: (e) => V(e.target.value),
+										placeholder: C("devportal.bioPlaceholder", "A short description of you or your company shown on the marketplace..."),
 										rows: 3,
 										className: "mt-1 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] resize-none"
 									})] }),
-									/* @__PURE__ */ v(o, {
-										label: S("devportal.websiteLabel", "Website"),
-										value: P,
-										onChange: (e) => F(e.target.value),
-										placeholder: S("devportal.websitePlaceholder", "https://your-website.com")
+									/* @__PURE__ */ y(s, {
+										label: C("devportal.websiteLabel", "Website"),
+										value: R,
+										onChange: (e) => z(e.target.value),
+										placeholder: C("devportal.websitePlaceholder", "https://your-website.com")
 									})
 								]
 							})
-						}), /* @__PURE__ */ v(a, {
-							title: S("devportal.socialLinksTitle", "Social Links"),
-							description: S("devportal.socialLinksDesc", "Build trust with your developer community"),
-							children: /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ y(o, {
+							title: C("devportal.socialLinksTitle", "Social Links"),
+							description: C("devportal.socialLinksDesc", "Build trust with your developer community"),
+							children: /* @__PURE__ */ b("div", {
 								className: "space-y-4",
 								children: [
-									/* @__PURE__ */ v(o, {
-										label: S("devportal.githubUsernameLabel", "GitHub Username"),
-										value: R,
-										onChange: (e) => z(e.target.value),
-										placeholder: S("devportal.githubUsernamePlaceholder", "your-github-username")
-									}),
-									/* @__PURE__ */ v(o, {
-										label: S("devportal.twitterUsernameLabel", "Twitter / X Username"),
-										value: B,
-										onChange: (e) => V(e.target.value),
-										placeholder: S("devportal.twitterUsernamePlaceholder", "your_twitter")
-									}),
-									/* @__PURE__ */ v(o, {
-										label: S("devportal.linkedinUrlLabel", "LinkedIn URL"),
+									/* @__PURE__ */ y(s, {
+										label: C("devportal.githubUsernameLabel", "GitHub Username"),
 										value: H,
 										onChange: (e) => U(e.target.value),
-										placeholder: S("devportal.linkedinUrlPlaceholder", "https://linkedin.com/in/you")
+										placeholder: C("devportal.githubUsernamePlaceholder", "your-github-username")
+									}),
+									/* @__PURE__ */ y(s, {
+										label: C("devportal.twitterUsernameLabel", "Twitter / X Username"),
+										value: W,
+										onChange: (e) => G(e.target.value),
+										placeholder: C("devportal.twitterUsernamePlaceholder", "your_twitter")
+									}),
+									/* @__PURE__ */ y(s, {
+										label: C("devportal.linkedinUrlLabel", "LinkedIn URL"),
+										value: K,
+										onChange: (e) => q(e.target.value),
+										placeholder: C("devportal.linkedinUrlPlaceholder", "https://linkedin.com/in/you")
 									})
 								]
 							})
 						})]
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ b("div", {
 						className: "space-y-6",
 						children: [
-							/* @__PURE__ */ v(a, {
-								title: S("devportal.publisherStatusTitle", "Publisher Status"),
-								children: /* @__PURE__ */ y("div", {
+							/* @__PURE__ */ y(o, {
+								title: C("devportal.publisherStatusTitle", "Publisher Status"),
+								children: /* @__PURE__ */ b("div", {
 									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ v(_, { className: "h-8 w-8 text-primary" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									children: [/* @__PURE__ */ y(v, { className: "h-8 w-8 text-primary" }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "font-medium",
-										children: j?.isVerified ? S("devportal.verifiedPublisher", "Verified Publisher") : S("devportal.publisher", "Publisher")
-									}), /* @__PURE__ */ v("p", {
+										children: F?.isVerified ? C("devportal.verifiedPublisher", "Verified Publisher") : C("devportal.publisher", "Publisher")
+									}), /* @__PURE__ */ y("p", {
 										className: "text-xs text-text-secondary",
-										children: j?.isVerified ? S("devportal.publisherIdentityVerified", "Your publisher identity is verified") : S("devportal.publishFirstAppMessage", "Publish your first app to appear in the marketplace")
+										children: F?.isVerified ? C("devportal.publisherIdentityVerified", "Your publisher identity is verified") : C("devportal.publishFirstAppMessage", "Publish your first app to appear in the marketplace")
 									})] })]
 								})
 							}),
-							/* @__PURE__ */ v(a, {
-								title: S("devportal.profileCompletenessTitle", "Profile Completeness"),
-								children: /* @__PURE__ */ v("div", {
+							/* @__PURE__ */ y(o, {
+								title: C("devportal.profileCompletenessTitle", "Profile Completeness"),
+								children: /* @__PURE__ */ y("div", {
 									className: "space-y-2",
 									children: [
 										{
-											label: S("devportal.completenessDisplayName", "Display name"),
-											ok: !!M
-										},
-										{
-											label: S("devportal.completenessBio", "Bio"),
+											label: C("devportal.completenessDisplayName", "Display name"),
 											ok: !!I
 										},
 										{
-											label: S("devportal.completenessWebsite", "Website"),
-											ok: !!P
+											label: C("devportal.completenessBio", "Bio"),
+											ok: !!B
 										},
 										{
-											label: S("devportal.completenessGithub", "GitHub"),
+											label: C("devportal.completenessWebsite", "Website"),
 											ok: !!R
 										},
 										{
-											label: S("devportal.completenessSocialLinks", "Social links"),
-											ok: !!B || !!H
+											label: C("devportal.completenessGithub", "GitHub"),
+											ok: !!H
+										},
+										{
+											label: C("devportal.completenessSocialLinks", "Social links"),
+											ok: !!W || !!K
 										}
-									].map(({ label: e, ok: t }) => /* @__PURE__ */ y("div", {
+									].map(({ label: e, ok: t }) => /* @__PURE__ */ b("div", {
 										className: "flex items-center gap-2 text-sm",
-										children: [t ? /* @__PURE__ */ v(p, {
+										children: [t ? /* @__PURE__ */ y(m, {
 											size: 14,
 											className: "text-status-success-text"
-										}) : /* @__PURE__ */ v("div", { className: "h-3.5 w-3.5 rounded-full border-2 border-muted-foreground" }), /* @__PURE__ */ v("span", {
+										}) : /* @__PURE__ */ y("div", { className: "h-3.5 w-3.5 rounded-full border-2 border-muted-foreground" }), /* @__PURE__ */ y("span", {
 											className: t ? "text-text-primary" : "text-text-secondary",
 											children: e
 										})]
 									}, e))
 								})
 							}),
-							/* @__PURE__ */ v(a, {
-								title: S("devportal.marketplaceStatsTitle", "Marketplace Stats"),
-								children: /* @__PURE__ */ y("div", {
+							/* @__PURE__ */ y(o, {
+								title: C("devportal.marketplaceStatsTitle", "Marketplace Stats"),
+								children: /* @__PURE__ */ b("div", {
 									className: "space-y-3 text-sm",
 									children: [
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ v("span", {
+											children: [/* @__PURE__ */ y("span", {
 												className: "text-text-secondary",
-												children: S("devportal.publishedAppsLabel", "Published apps")
-											}), /* @__PURE__ */ v("span", {
+												children: C("devportal.publishedAppsLabel", "Published apps")
+											}), /* @__PURE__ */ y("span", {
 												className: "font-semibold",
-												children: j?.applicationCount ?? 0
+												children: F?.applicationCount ?? 0
 											})]
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ v("span", {
+											children: [/* @__PURE__ */ y("span", {
 												className: "text-text-secondary",
-												children: S("devportal.totalInstallsLabel", "Total installs")
-											}), /* @__PURE__ */ v("span", {
+												children: C("devportal.totalInstallsLabel", "Total installs")
+											}), /* @__PURE__ */ y("span", {
 												className: "font-semibold",
-												children: j?.totalInstalls ?? 0
+												children: F?.totalInstalls ?? 0
 											})]
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: "flex justify-between",
-											children: [/* @__PURE__ */ v("span", {
+											children: [/* @__PURE__ */ y("span", {
 												className: "text-text-secondary",
-												children: S("devportal.avgRatingLabel", "Avg rating")
-											}), /* @__PURE__ */ v("span", {
+												children: C("devportal.avgRatingLabel", "Avg rating")
+											}), /* @__PURE__ */ y("span", {
 												className: "font-semibold",
-												children: j?.averageRating ? j.averageRating.toFixed(1) : "—"
+												children: F?.averageRating ? F.averageRating.toFixed(1) : "—"
 											})]
 										})
 									]
@@ -267,6 +277,6 @@ var x = () => {
 	});
 };
 //#endregion
-export { x as PublisherProfilePage };
+export { S as PublisherProfilePage };
 
 //# sourceMappingURL=PublisherProfilePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PublisherProfilePage.js","names":[],"sources":["../../../src/devportal/pages/PublisherProfilePage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState, useEffect } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Store,\n  Save,\n  CheckCircle2,\n  AlertCircle,\n  Loader2,\n  Info,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { InputField } from \"../components/FormField\";\nimport { cn } from \"../utils/cn\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalPermission } from \"../hooks/usePermission\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n  useGetMyDeveloperProfileQuery,\n  useUpdateDeveloperProfileMutation,\n} from \"../hooks/useGraphQL\";\n\n/**\n * Publisher Profile Page\n *\n * Lets developers enrich their store publisher presence.\n * The publisher profile in global-store-svc is auto-created when an app is\n * first published. This page surfaces the underlying developer profile fields\n * that feed into that publisher identity so developers can keep them current.\n */\nexport const PublisherProfilePage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const { currentUser } = useDevportal();\n  const { allowed: canSave } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.PROFILE_UPDATE,\n  );\n  const { data, loading, error, refetch } = useGetMyDeveloperProfileQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const [updateProfile, { loading: saving }] =\n    useUpdateDeveloperProfileMutation();\n\n  const profile = data?.myDeveloperProfile;\n\n  // Form state — publisher-relevant fields\n  const [companyName, setCompanyName] = useState(\"\");\n  const [website, setWebsite] = useState(\"\");\n  const [bio, setBio] = useState(\"\");\n  const [githubUsername, setGithubUsername] = useState(\"\");\n  const [twitterUsername, setTwitterUsername] = useState(\"\");\n  const [linkedinUrl, setLinkedinUrl] = useState(\"\");\n\n  const [saveStatus, setSaveStatus] = useState<\n    \"idle\" | \"saving\" | \"saved\" | \"error\"\n  >(\"idle\");\n\n  useEffect(() => {\n    if (profile) {\n      setCompanyName(profile.companyName ?? \"\");\n      setWebsite(profile.website ?? \"\");\n      setBio(profile.bio ?? \"\");\n      setGithubUsername(profile.githubUsername ?? \"\");\n      setTwitterUsername(profile.twitterUsername ?? \"\");\n      setLinkedinUrl(profile.linkedinUrl ?? \"\");\n    } else if (!loading && currentUser) {\n      // No profile yet — pre-fill display name from account\n      const fullName = [currentUser.firstName, currentUser.lastName]\n        .filter(Boolean)\n        .join(\" \");\n      if (fullName) setCompanyName(fullName);\n    }\n  }, [profile, loading, currentUser]);\n\n  const handleSave = async () => {\n    const userId = profile?.userId ?? currentUser?.id;\n    if (!userId) return;\n    setSaveStatus(\"saving\");\n    try {\n      const result = await updateProfile({\n        variables: {\n          userId,\n          input: {\n            companyName: companyName || null,\n            website: website || null,\n            bio: bio || null,\n            githubUsername: githubUsername || null,\n            twitterUsername: twitterUsername || null,\n            linkedinUrl: linkedinUrl || null,\n            // preserve existing notification prefs\n            emailNotifications: profile?.emailNotifications,\n            marketingEmails: profile?.marketingEmails,\n          },\n        },\n      });\n      if (result.error) {\n        throw result.error;\n      }\n      setSaveStatus(\"saved\");\n      await refetch();\n      setTimeout(() => setSaveStatus(\"idle\"), 3000);\n    } catch {\n      setSaveStatus(\"error\");\n      setTimeout(() => setSaveStatus(\"idle\"), 5000);\n    }\n  };\n\n  if (loading && !profile) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.publisherProfileTitle\", \"Publisher Profile\")}\n        description={tr(\n          \"devportal.loadingPublisherProfile\",\n          \"Loading your publisher profile...\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-20\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error && !profile) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.publisherProfileTitle\", \"Publisher Profile\")}\n        description={tr(\n          \"devportal.manageStorePublisherPresence\",\n          \"Manage your store publisher presence\",\n        )}\n      >\n        <div className=\"flex flex-col items-center justify-center gap-4 py-20\">\n          <AlertCircle className=\"h-12 w-12 text-status-error-text\" />\n          <p className=\"text-text-secondary\">\n            {tr(\"devportal.failedToLoadProfile\", \"Failed to load profile\")}\n          </p>\n          <button\n            onClick={() => refetch()}\n            className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n          >\n            {tr(\"devportal.retryButton\", \"Retry\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={tr(\"devportal.publisherProfileTitle\", \"Publisher Profile\")}\n        description={tr(\n          \"devportal.manageMarketplaceAppearance\",\n          \"Manage how you appear to users in the marketplace\",\n        )}\n        purpose={tr(\n          \"devportal.publisherProfilePurpose\",\n          \"This is your public face in the marketplace — the name, logo, bio, and links users see before installing your apps. A complete, trustworthy profile makes shoppers more likely to install and is required before some apps can be published.\",\n        )}\n        actions={\n          <button\n            onClick={handleSave}\n            disabled={saving || !canSave}\n            aria-disabled={!canSave}\n            className={cn(\n              \"inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors\",\n              saveStatus === \"saved\"\n                ? \"bg-status-success-bg text-white\"\n                : saveStatus === \"error\"\n                  ? \"bg-status-error-bg text-status-error-text\"\n                  : \"bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90\",\n              saving && \"opacity-50 cursor-not-allowed\",\n            )}\n          >\n            {saving ? (\n              <Loader2 size={16} className=\"animate-spin\" />\n            ) : saveStatus === \"saved\" ? (\n              <CheckCircle2 size={16} />\n            ) : saveStatus === \"error\" ? (\n              <AlertCircle size={16} />\n            ) : (\n              <Save size={16} />\n            )}\n            {saving\n              ? tr(\"devportal.savingButton\", \"Saving...\")\n              : saveStatus === \"saved\"\n                ? tr(\"devportal.savedButton\", \"Saved!\")\n                : saveStatus === \"error\"\n                  ? tr(\"devportal.errorButton\", \"Error\")\n                  : tr(\"devportal.saveChangesButton\", \"Save Changes\")}\n          </button>\n        }\n      >\n        <div className=\"flex flex-col gap-6\">\n          <div className=\"flex gap-3 rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 text-sm text-status-info-text\">\n            <Info size={16} className=\"flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium\">\n                {tr(\n                  \"devportal.publisherProfilesWorkTitle\",\n                  \"How publisher profiles work\",\n                )}\n              </p>\n              <p className=\"mt-1 text-status-info-text\">\n                {tr(\n                  \"devportal.publisherProfilesWorkDesc\",\n                  \"When you publish your first app, a publisher profile is automatically created in the marketplace using your developer details. Keep this information up to date so users can trust and find your apps. Changes here are reflected when your next app is published.\",\n                )}\n              </p>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n            {/* Main form */}\n            <div className=\"lg:col-span-2 space-y-6\">\n              {/* Publisher identity */}\n              <PageSection\n                title={tr(\n                  \"devportal.publisherIdentityTitle\",\n                  \"Publisher Identity\",\n                )}\n                description={tr(\n                  \"devportal.publisherIdentityDesc\",\n                  \"Displayed on your marketplace listings\",\n                )}\n              >\n                <div className=\"space-y-4\">\n                  <InputField\n                    label={tr(\n                      \"devportal.displayNameLabel\",\n                      \"Display Name / Company\",\n                    )}\n                    value={companyName}\n                    onChange={(e) => setCompanyName(e.target.value)}\n                    placeholder={tr(\n                      \"devportal.displayNamePlaceholder\",\n                      \"Your name or company (shown on all your apps)\",\n                    )}\n                  />\n                  <div>\n                    <label className=\"text-sm font-medium text-text-primary\">\n                      {tr(\"devportal.bioLabel\", \"Bio\")}\n                    </label>\n                    <textarea\n                      value={bio}\n                      onChange={(e) => setBio(e.target.value)}\n                      placeholder={tr(\n                        \"devportal.bioPlaceholder\",\n                        \"A short description of you or your company shown on the marketplace...\",\n                      )}\n                      rows={3}\n                      className=\"mt-1 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] resize-none\"\n                    />\n                  </div>\n                  <InputField\n                    label={tr(\"devportal.websiteLabel\", \"Website\")}\n                    value={website}\n                    onChange={(e) => setWebsite(e.target.value)}\n                    placeholder={tr(\n                      \"devportal.websitePlaceholder\",\n                      \"https://your-website.com\",\n                    )}\n                  />\n                </div>\n              </PageSection>\n\n              {/* Social links */}\n              <PageSection\n                title={tr(\"devportal.socialLinksTitle\", \"Social Links\")}\n                description={tr(\n                  \"devportal.socialLinksDesc\",\n                  \"Build trust with your developer community\",\n                )}\n              >\n                <div className=\"space-y-4\">\n                  <InputField\n                    label={tr(\n                      \"devportal.githubUsernameLabel\",\n                      \"GitHub Username\",\n                    )}\n                    value={githubUsername}\n                    onChange={(e) => setGithubUsername(e.target.value)}\n                    placeholder={tr(\n                      \"devportal.githubUsernamePlaceholder\",\n                      \"your-github-username\",\n                    )}\n                  />\n                  <InputField\n                    label={tr(\n                      \"devportal.twitterUsernameLabel\",\n                      \"Twitter / X Username\",\n                    )}\n                    value={twitterUsername}\n                    onChange={(e) => setTwitterUsername(e.target.value)}\n                    placeholder={tr(\n                      \"devportal.twitterUsernamePlaceholder\",\n                      \"your_twitter\",\n                    )}\n                  />\n                  <InputField\n                    label={tr(\"devportal.linkedinUrlLabel\", \"LinkedIn URL\")}\n                    value={linkedinUrl}\n                    onChange={(e) => setLinkedinUrl(e.target.value)}\n                    placeholder={tr(\n                      \"devportal.linkedinUrlPlaceholder\",\n                      \"https://linkedin.com/in/you\",\n                    )}\n                  />\n                </div>\n              </PageSection>\n            </div>\n\n            {/* Sidebar */}\n            <div className=\"space-y-6\">\n              {/* Publisher status */}\n              <PageSection\n                title={tr(\"devportal.publisherStatusTitle\", \"Publisher Status\")}\n              >\n                <div className=\"flex items-center gap-3\">\n                  <Store className=\"h-8 w-8 text-primary\" />\n                  <div>\n                    <p className=\"font-medium\">\n                      {profile?.isVerified\n                        ? tr(\n                            \"devportal.verifiedPublisher\",\n                            \"Verified Publisher\",\n                          )\n                        : tr(\"devportal.publisher\", \"Publisher\")}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {profile?.isVerified\n                        ? tr(\n                            \"devportal.publisherIdentityVerified\",\n                            \"Your publisher identity is verified\",\n                          )\n                        : tr(\n                            \"devportal.publishFirstAppMessage\",\n                            \"Publish your first app to appear in the marketplace\",\n                          )}\n                    </p>\n                  </div>\n                </div>\n              </PageSection>\n\n              {/* Profile completeness */}\n              <PageSection\n                title={tr(\n                  \"devportal.profileCompletenessTitle\",\n                  \"Profile Completeness\",\n                )}\n              >\n                <div className=\"space-y-2\">\n                  {[\n                    {\n                      label: tr(\n                        \"devportal.completenessDisplayName\",\n                        \"Display name\",\n                      ),\n                      ok: !!companyName,\n                    },\n                    {\n                      label: tr(\"devportal.completenessBio\", \"Bio\"),\n                      ok: !!bio,\n                    },\n                    {\n                      label: tr(\"devportal.completenessWebsite\", \"Website\"),\n                      ok: !!website,\n                    },\n                    {\n                      label: tr(\"devportal.completenessGithub\", \"GitHub\"),\n                      ok: !!githubUsername,\n                    },\n                    {\n                      label: tr(\n                        \"devportal.completenessSocialLinks\",\n                        \"Social links\",\n                      ),\n                      ok: !!twitterUsername || !!linkedinUrl,\n                    },\n                  ].map(({ label, ok }) => (\n                    <div\n                      key={label}\n                      className=\"flex items-center gap-2 text-sm\"\n                    >\n                      {ok ? (\n                        <CheckCircle2\n                          size={14}\n                          className=\"text-status-success-text\"\n                        />\n                      ) : (\n                        <div className=\"h-3.5 w-3.5 rounded-full border-2 border-muted-foreground\" />\n                      )}\n                      <span\n                        className={\n                          ok ? \"text-text-primary\" : \"text-text-secondary\"\n                        }\n                      >\n                        {label}\n                      </span>\n                    </div>\n                  ))}\n                </div>\n              </PageSection>\n\n              {/* Stats */}\n              <PageSection\n                title={tr(\n                  \"devportal.marketplaceStatsTitle\",\n                  \"Marketplace Stats\",\n                )}\n              >\n                <div className=\"space-y-3 text-sm\">\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-text-secondary\">\n                      {tr(\"devportal.publishedAppsLabel\", \"Published apps\")}\n                    </span>\n                    <span className=\"font-semibold\">\n                      {profile?.applicationCount ?? 0}\n                    </span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-text-secondary\">\n                      {tr(\"devportal.totalInstallsLabel\", \"Total installs\")}\n                    </span>\n                    <span className=\"font-semibold\">\n                      {profile?.totalInstalls ?? 0}\n                    </span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-text-secondary\">\n                      {tr(\"devportal.avgRatingLabel\", \"Avg rating\")}\n                    </span>\n                    <span className=\"font-semibold\">\n                      {profile?.averageRating\n                        ? profile.averageRating.toFixed(1)\n                        : \"—\"}\n                    </span>\n                  </div>\n                </div>\n              </PageSection>\n            </div>\n          </div>\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PublisherProfilePage.js","names":[],"sources":["../../../src/devportal/pages/PublisherProfilePage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useState, useEffect } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Store,\n  Save,\n  CheckCircle2,\n  AlertCircle,\n  Loader2,\n  Info,\n} from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { InputField } from \"../components/FormField\";\nimport { cn } from \"../utils/cn\";\nimport { PermissionGuard } from \"../components\";\nimport { DEVPORTAL_PERMISSIONS } from \"../constants/permissions\";\nimport { useDevportalPermission } from \"../hooks/usePermission\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n  useCreateDeveloperProfileMutation,\n  useGetMyDeveloperProfileQuery,\n  useUpdateDeveloperProfileMutation,\n} from \"../hooks/useGraphQL\";\n\n/**\n * Publisher Profile Page\n *\n * Lets developers enrich their store publisher presence.\n * The publisher profile in global-store-svc is auto-created when an app is\n * first published. This page surfaces the underlying developer profile fields\n * that feed into that publisher identity so developers can keep them current.\n */\nexport const PublisherProfilePage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const { currentUser } = useDevportal();\n  const { allowed: canSave } = useDevportalPermission(\n    DEVPORTAL_PERMISSIONS.PROFILE_UPDATE,\n  );\n  const { data, loading, error, refetch } = useGetMyDeveloperProfileQuery({\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const [updateProfile, { loading: updating }] =\n    useUpdateDeveloperProfileMutation();\n  // A developer who arrives from the public registration journey has no\n  // profile yet; updateDeveloperProfile refuses that case, so the first save\n  // creates the profile instead (BOFF-10636).\n  const [createProfile, { loading: creating }] =\n    useCreateDeveloperProfileMutation();\n  const saving = updating || creating;\n\n  const profile = data?.myDeveloperProfile;\n\n  // Form state — publisher-relevant fields\n  const [companyName, setCompanyName] = useState(\"\");\n  const [website, setWebsite] = useState(\"\");\n  const [bio, setBio] = useState(\"\");\n  const [githubUsername, setGithubUsername] = useState(\"\");\n  const [twitterUsername, setTwitterUsername] = useState(\"\");\n  const [linkedinUrl, setLinkedinUrl] = useState(\"\");\n\n  const [saveStatus, setSaveStatus] = useState<\n    \"idle\" | \"saving\" | \"saved\" | \"error\"\n  >(\"idle\");\n\n  useEffect(() => {\n    if (profile) {\n      setCompanyName(profile.companyName ?? \"\");\n      setWebsite(profile.website ?? \"\");\n      setBio(profile.bio ?? \"\");\n      setGithubUsername(profile.githubUsername ?? \"\");\n      setTwitterUsername(profile.twitterUsername ?? \"\");\n      setLinkedinUrl(profile.linkedinUrl ?? \"\");\n    } else if (!loading && currentUser) {\n      // No profile yet — pre-fill display name from account\n      const fullName = [currentUser.firstName, currentUser.lastName]\n        .filter(Boolean)\n        .join(\" \");\n      if (fullName) setCompanyName(fullName);\n    }\n  }, [profile, loading, currentUser]);\n\n  const handleSave = async () => {\n    setSaveStatus(\"saving\");\n    try {\n      if (!profile) {\n        const created = await createProfile({\n          variables: {\n            input: {\n              companyName: companyName || undefined,\n              website: website || undefined,\n              bio: bio || undefined,\n              githubUsername: githubUsername || undefined,\n              twitterUsername: twitterUsername || undefined,\n              linkedinUrl: linkedinUrl || undefined,\n            },\n          },\n        });\n        if (created.error) {\n          throw created.error;\n        }\n        setSaveStatus(\"saved\");\n        await refetch();\n        setTimeout(() => setSaveStatus(\"idle\"), 3000);\n        return;\n      }\n      const result = await updateProfile({\n        variables: {\n          userId: profile.userId,\n          input: {\n            companyName: companyName || null,\n            website: website || null,\n            bio: bio || null,\n            githubUsername: githubUsername || null,\n            twitterUsername: twitterUsername || null,\n            linkedinUrl: linkedinUrl || null,\n            // preserve existing notification prefs\n            emailNotifications: profile.emailNotifications,\n            marketingEmails: profile.marketingEmails,\n          },\n        },\n      });\n      if (result.error) {\n        throw result.error;\n      }\n      setSaveStatus(\"saved\");\n      await refetch();\n      setTimeout(() => setSaveStatus(\"idle\"), 3000);\n    } catch {\n      setSaveStatus(\"error\");\n      setTimeout(() => setSaveStatus(\"idle\"), 5000);\n    }\n  };\n\n  if (loading && !profile) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.publisherProfileTitle\", \"Publisher Profile\")}\n        description={tr(\n          \"devportal.loadingPublisherProfile\",\n          \"Loading your publisher profile...\",\n        )}\n      >\n        <div className=\"flex items-center justify-center py-20\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error && !profile) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.publisherProfileTitle\", \"Publisher Profile\")}\n        description={tr(\n          \"devportal.manageStorePublisherPresence\",\n          \"Manage your store publisher presence\",\n        )}\n      >\n        <div className=\"flex flex-col items-center justify-center gap-4 py-20\">\n          <AlertCircle className=\"h-12 w-12 text-status-error-text\" />\n          <p className=\"text-text-secondary\">\n            {tr(\"devportal.failedToLoadProfile\", \"Failed to load profile\")}\n          </p>\n          <button\n            onClick={() => refetch()}\n            className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n          >\n            {tr(\"devportal.retryButton\", \"Retry\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard authOnly>\n      <PageLayout\n        title={tr(\"devportal.publisherProfileTitle\", \"Publisher Profile\")}\n        description={tr(\n          \"devportal.manageMarketplaceAppearance\",\n          \"Manage how you appear to users in the marketplace\",\n        )}\n        purpose={tr(\n          \"devportal.publisherProfilePurpose\",\n          \"This is your public face in the marketplace — the name, logo, bio, and links users see before installing your apps. A complete, trustworthy profile makes shoppers more likely to install and is required before some apps can be published.\",\n        )}\n        actions={\n          <button\n            onClick={handleSave}\n            disabled={saving || !canSave}\n            aria-disabled={!canSave}\n            className={cn(\n              \"inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors\",\n              saveStatus === \"saved\"\n                ? \"bg-status-success-bg text-white\"\n                : saveStatus === \"error\"\n                  ? \"bg-status-error-bg text-status-error-text\"\n                  : \"bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90\",\n              saving && \"opacity-50 cursor-not-allowed\",\n            )}\n          >\n            {saving ? (\n              <Loader2 size={16} className=\"animate-spin\" />\n            ) : saveStatus === \"saved\" ? (\n              <CheckCircle2 size={16} />\n            ) : saveStatus === \"error\" ? (\n              <AlertCircle size={16} />\n            ) : (\n              <Save size={16} />\n            )}\n            {saving\n              ? tr(\"devportal.savingButton\", \"Saving...\")\n              : saveStatus === \"saved\"\n                ? tr(\"devportal.savedButton\", \"Saved!\")\n                : saveStatus === \"error\"\n                  ? tr(\"devportal.errorButton\", \"Error\")\n                  : tr(\"devportal.saveChangesButton\", \"Save Changes\")}\n          </button>\n        }\n      >\n        <div className=\"flex flex-col gap-6\">\n          <div className=\"flex gap-3 rounded-lg border border-border-subtle bg-status-info-bg-subtle p-4 text-sm text-status-info-text\">\n            <Info size={16} className=\"flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium\">\n                {tr(\n                  \"devportal.publisherProfilesWorkTitle\",\n                  \"How publisher profiles work\",\n                )}\n              </p>\n              <p className=\"mt-1 text-status-info-text\">\n                {tr(\n                  \"devportal.publisherProfilesWorkDesc\",\n                  \"When you publish your first app, a publisher profile is automatically created in the marketplace using your developer details. Keep this information up to date so users can trust and find your apps. Changes here are reflected when your next app is published.\",\n                )}\n              </p>\n            </div>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n            {/* Main form */}\n            <div className=\"lg:col-span-2 space-y-6\">\n              {/* Publisher identity */}\n              <PageSection\n                title={tr(\n                  \"devportal.publisherIdentityTitle\",\n                  \"Publisher Identity\",\n                )}\n                description={tr(\n                  \"devportal.publisherIdentityDesc\",\n                  \"Displayed on your marketplace listings\",\n                )}\n              >\n                <div className=\"space-y-4\">\n                  <InputField\n                    label={tr(\n                      \"devportal.displayNameLabel\",\n                      \"Display Name / Company\",\n                    )}\n                    value={companyName}\n                    onChange={(e) => setCompanyName(e.target.value)}\n                    placeholder={tr(\n                      \"devportal.displayNamePlaceholder\",\n                      \"Your name or company (shown on all your apps)\",\n                    )}\n                  />\n                  <div>\n                    <label className=\"text-sm font-medium text-text-primary\">\n                      {tr(\"devportal.bioLabel\", \"Bio\")}\n                    </label>\n                    <textarea\n                      value={bio}\n                      onChange={(e) => setBio(e.target.value)}\n                      placeholder={tr(\n                        \"devportal.bioPlaceholder\",\n                        \"A short description of you or your company shown on the marketplace...\",\n                      )}\n                      rows={3}\n                      className=\"mt-1 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm ring-offset-background placeholder:text-text-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] resize-none\"\n                    />\n                  </div>\n                  <InputField\n                    label={tr(\"devportal.websiteLabel\", \"Website\")}\n                    value={website}\n                    onChange={(e) => setWebsite(e.target.value)}\n                    placeholder={tr(\n                      \"devportal.websitePlaceholder\",\n                      \"https://your-website.com\",\n                    )}\n                  />\n                </div>\n              </PageSection>\n\n              {/* Social links */}\n              <PageSection\n                title={tr(\"devportal.socialLinksTitle\", \"Social Links\")}\n                description={tr(\n                  \"devportal.socialLinksDesc\",\n                  \"Build trust with your developer community\",\n                )}\n              >\n                <div className=\"space-y-4\">\n                  <InputField\n                    label={tr(\n                      \"devportal.githubUsernameLabel\",\n                      \"GitHub Username\",\n                    )}\n                    value={githubUsername}\n                    onChange={(e) => setGithubUsername(e.target.value)}\n                    placeholder={tr(\n                      \"devportal.githubUsernamePlaceholder\",\n                      \"your-github-username\",\n                    )}\n                  />\n                  <InputField\n                    label={tr(\n                      \"devportal.twitterUsernameLabel\",\n                      \"Twitter / X Username\",\n                    )}\n                    value={twitterUsername}\n                    onChange={(e) => setTwitterUsername(e.target.value)}\n                    placeholder={tr(\n                      \"devportal.twitterUsernamePlaceholder\",\n                      \"your_twitter\",\n                    )}\n                  />\n                  <InputField\n                    label={tr(\"devportal.linkedinUrlLabel\", \"LinkedIn URL\")}\n                    value={linkedinUrl}\n                    onChange={(e) => setLinkedinUrl(e.target.value)}\n                    placeholder={tr(\n                      \"devportal.linkedinUrlPlaceholder\",\n                      \"https://linkedin.com/in/you\",\n                    )}\n                  />\n                </div>\n              </PageSection>\n            </div>\n\n            {/* Sidebar */}\n            <div className=\"space-y-6\">\n              {/* Publisher status */}\n              <PageSection\n                title={tr(\"devportal.publisherStatusTitle\", \"Publisher Status\")}\n              >\n                <div className=\"flex items-center gap-3\">\n                  <Store className=\"h-8 w-8 text-primary\" />\n                  <div>\n                    <p className=\"font-medium\">\n                      {profile?.isVerified\n                        ? tr(\n                            \"devportal.verifiedPublisher\",\n                            \"Verified Publisher\",\n                          )\n                        : tr(\"devportal.publisher\", \"Publisher\")}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {profile?.isVerified\n                        ? tr(\n                            \"devportal.publisherIdentityVerified\",\n                            \"Your publisher identity is verified\",\n                          )\n                        : tr(\n                            \"devportal.publishFirstAppMessage\",\n                            \"Publish your first app to appear in the marketplace\",\n                          )}\n                    </p>\n                  </div>\n                </div>\n              </PageSection>\n\n              {/* Profile completeness */}\n              <PageSection\n                title={tr(\n                  \"devportal.profileCompletenessTitle\",\n                  \"Profile Completeness\",\n                )}\n              >\n                <div className=\"space-y-2\">\n                  {[\n                    {\n                      label: tr(\n                        \"devportal.completenessDisplayName\",\n                        \"Display name\",\n                      ),\n                      ok: !!companyName,\n                    },\n                    {\n                      label: tr(\"devportal.completenessBio\", \"Bio\"),\n                      ok: !!bio,\n                    },\n                    {\n                      label: tr(\"devportal.completenessWebsite\", \"Website\"),\n                      ok: !!website,\n                    },\n                    {\n                      label: tr(\"devportal.completenessGithub\", \"GitHub\"),\n                      ok: !!githubUsername,\n                    },\n                    {\n                      label: tr(\n                        \"devportal.completenessSocialLinks\",\n                        \"Social links\",\n                      ),\n                      ok: !!twitterUsername || !!linkedinUrl,\n                    },\n                  ].map(({ label, ok }) => (\n                    <div\n                      key={label}\n                      className=\"flex items-center gap-2 text-sm\"\n                    >\n                      {ok ? (\n                        <CheckCircle2\n                          size={14}\n                          className=\"text-status-success-text\"\n                        />\n                      ) : (\n                        <div className=\"h-3.5 w-3.5 rounded-full border-2 border-muted-foreground\" />\n                      )}\n                      <span\n                        className={\n                          ok ? \"text-text-primary\" : \"text-text-secondary\"\n                        }\n                      >\n                        {label}\n                      </span>\n                    </div>\n                  ))}\n                </div>\n              </PageSection>\n\n              {/* Stats */}\n              <PageSection\n                title={tr(\n                  \"devportal.marketplaceStatsTitle\",\n                  \"Marketplace Stats\",\n                )}\n              >\n                <div className=\"space-y-3 text-sm\">\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-text-secondary\">\n                      {tr(\"devportal.publishedAppsLabel\", \"Published apps\")}\n                    </span>\n                    <span className=\"font-semibold\">\n                      {profile?.applicationCount ?? 0}\n                    </span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-text-secondary\">\n                      {tr(\"devportal.totalInstallsLabel\", \"Total installs\")}\n                    </span>\n                    <span className=\"font-semibold\">\n                      {profile?.totalInstalls ?? 0}\n                    </span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-text-secondary\">\n                      {tr(\"devportal.avgRatingLabel\", \"Avg rating\")}\n                    </span>\n                    <span className=\"font-semibold\">\n                      {profile?.averageRating\n                        ? profile.averageRating.toFixed(1)\n                        : \"—\"}\n                    </span>\n                  </div>\n                </div>\n              </PageSection>\n            </div>\n          </div>\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/ResourcesPage.js

@@ -13,8 +13,8 @@ var E = "https://docs.burdenoff.com/developers", D = {
 	name: "SDKs",
 	description: "Official client libraries for building on the Burdenoff platform. See the SDKs documentation for supported languages and installation.",
 	icon: /* @__PURE__ */ S(d, { size: 24 }),
-	url: `${E}/build/sdks`,
-	installCommand: "npm install @burdenoff/sdk-node"
+	url: `${E}/node-sdk`,
+	installCommand: "npm install @burdenoff/workspaces-sdk"
 }, O = [
 	{
 		id: "graphql-api",