@burdenoff/microfe-devportal 2026.510.110

package/dist/devportal/pages/PublisherProfilePage.js

@@ -0,0 +1,258 @@
+import { cn as e } from "../utils/cn.js";
+import { PageLayout as t, PageSection as n } from "../components/PageLayout.js";
+import { InputField as r } from "../components/FormField.js";
+import { useGetMyDeveloperProfileQuery as i, useUpdateDeveloperProfileMutation as a } from "../../generated/global-operations.js";
+import { PermissionGuard as o } from "../components/PermissionGuard.js";
+import "../components/index.js";
+import { DEVPORTAL_PERMISSIONS as s } from "../constants/permissions.js";
+import "../hooks/useGraphQL.js";
+import { useDevportalPermission as c } from "../hooks/usePermission.js";
+import { useEffect as l, useState as u } from "react";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+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";
+//#region src/devportal/pages/PublisherProfilePage.tsx
+var b = () => {
+	let { t: b } = d(), x = (e, t) => {
+		let n = b(e);
+		return n === e ? t : n;
+	}, { allowed: S } = c(s.PROFILE_UPDATE), { data: C, loading: w, error: T, refetch: E } = i({ fetchPolicy: "cache-and-network" }), [D, { loading: O }] = a(), k = C?.myDeveloperProfile, [A, j] = u(""), [M, N] = u(""), [P, F] = u(""), [I, L] = u(""), [R, z] = u(""), [B, V] = u(""), [H, U] = u("idle");
+	return l(() => {
+		k && (j(k.companyName ?? ""), N(k.website ?? ""), F(k.bio ?? ""), L(k.githubUsername ?? ""), z(k.twitterUsername ?? ""), V(k.linkedinUrl ?? ""));
+	}, [k]), w && !k ? /* @__PURE__ */ v(t, {
+		title: x("devportal.publisherProfileTitle", "Publisher Profile"),
+		description: x("devportal.loadingPublisherProfile", "Loading your publisher profile..."),
+		children: /* @__PURE__ */ v("div", {
+			className: "flex items-center justify-center py-20",
+			children: /* @__PURE__ */ v(h, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		})
+	}) : T && !k ? /* @__PURE__ */ v(t, {
+		title: x("devportal.publisherProfileTitle", "Publisher Profile"),
+		description: x("devportal.manageStorePublisherPresence", "Manage your store publisher presence"),
+		children: /* @__PURE__ */ y("div", {
+			className: "flex flex-col items-center justify-center gap-4 py-20",
+			children: [
+				/* @__PURE__ */ v(f, { className: "h-12 w-12 text-destructive" }),
+				/* @__PURE__ */ v("p", {
+					className: "text-muted-foreground",
+					children: x("devportal.failedToLoadProfile", "Failed to load profile")
+				}),
+				/* @__PURE__ */ v("button", {
+					onClick: () => E(),
+					className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+					children: x("devportal.retryButton", "Retry")
+				})
+			]
+		})
+	}) : /* @__PURE__ */ v(o, {
+		permission: s.PROFILE_READ,
+		children: /* @__PURE__ */ y(t, {
+			title: x("devportal.publisherProfileTitle", "Publisher Profile"),
+			description: x("devportal.manageMarketplaceAppearance", "Manage how you appear to users in the marketplace"),
+			actions: /* @__PURE__ */ y("button", {
+				onClick: async () => {
+					if (k) {
+						U("saving");
+						try {
+							let e = await D({ variables: {
+								userId: k.userId,
+								input: {
+									companyName: A || null,
+									website: M || null,
+									bio: P || null,
+									githubUsername: I || null,
+									twitterUsername: R || null,
+									linkedinUrl: B || null,
+									emailNotifications: k.emailNotifications,
+									marketingEmails: k.marketingEmails
+								}
+							} });
+							if (e.error) throw e.error;
+							U("saved"), await E(), setTimeout(() => U("idle"), 3e3);
+						} catch {
+							U("error"), setTimeout(() => U("idle"), 5e3);
+						}
+					}
+				},
+				disabled: O || !k || !S,
+				"aria-disabled": !S,
+				className: e("inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors", H === "saved" ? "bg-status-success-bg text-white" : H === "error" ? "bg-destructive text-destructive-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90", (O || !k) && "opacity-50 cursor-not-allowed"),
+				children: [O ? /* @__PURE__ */ v(h, {
+					size: 16,
+					className: "animate-spin"
+				}) : v(H === "saved" ? p : H === "error" ? f : g, { size: 16 }), O ? x("devportal.savingButton", "Saving...") : H === "saved" ? x("devportal.savedButton", "Saved!") : H === "error" ? x("devportal.errorButton", "Error") : x("devportal.saveChangesButton", "Save Changes")]
+			}),
+			children: [/* @__PURE__ */ y("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, {
+					size: 16,
+					className: "flex-shrink-0 mt-0.5"
+				}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+					className: "font-medium",
+					children: x("devportal.publisherProfilesWorkTitle", "How publisher profiles work")
+				}), /* @__PURE__ */ v("p", {
+					className: "mt-1 text-status-info-text",
+					children: x("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", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ y("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [/* @__PURE__ */ v(n, {
+						title: x("devportal.publisherIdentityTitle", "Publisher Identity"),
+						description: x("devportal.publisherIdentityDesc", "Displayed on your marketplace listings"),
+						children: /* @__PURE__ */ y("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ v(r, {
+									label: x("devportal.displayNameLabel", "Display Name / Company"),
+									value: A,
+									onChange: (e) => j(e.target.value),
+									placeholder: x("devportal.displayNamePlaceholder", "Your name or company (shown on all your apps)")
+								}),
+								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+									className: "text-sm font-medium text-foreground",
+									children: x("devportal.bioLabel", "Bio")
+								}), /* @__PURE__ */ v("textarea", {
+									value: P,
+									onChange: (e) => F(e.target.value),
+									placeholder: x("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-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring resize-none"
+								})] }),
+								/* @__PURE__ */ v(r, {
+									label: x("devportal.websiteLabel", "Website"),
+									value: M,
+									onChange: (e) => N(e.target.value),
+									placeholder: x("devportal.websitePlaceholder", "https://your-website.com")
+								})
+							]
+						})
+					}), /* @__PURE__ */ v(n, {
+						title: x("devportal.socialLinksTitle", "Social Links"),
+						description: x("devportal.socialLinksDesc", "Build trust with your developer community"),
+						children: /* @__PURE__ */ y("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ v(r, {
+									label: x("devportal.githubUsernameLabel", "GitHub Username"),
+									value: I,
+									onChange: (e) => L(e.target.value),
+									placeholder: x("devportal.githubUsernamePlaceholder", "your-github-username")
+								}),
+								/* @__PURE__ */ v(r, {
+									label: x("devportal.twitterUsernameLabel", "Twitter / X Username"),
+									value: R,
+									onChange: (e) => z(e.target.value),
+									placeholder: x("devportal.twitterUsernamePlaceholder", "your_twitter")
+								}),
+								/* @__PURE__ */ v(r, {
+									label: x("devportal.linkedinUrlLabel", "LinkedIn URL"),
+									value: B,
+									onChange: (e) => V(e.target.value),
+									placeholder: x("devportal.linkedinUrlPlaceholder", "https://linkedin.com/in/you")
+								})
+							]
+						})
+					})]
+				}), /* @__PURE__ */ y("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ v(n, {
+							title: x("devportal.publisherStatusTitle", "Publisher Status"),
+							children: /* @__PURE__ */ y("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ v(_, { className: "h-8 w-8 text-primary" }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									className: "font-medium",
+									children: k?.isVerified ? x("devportal.verifiedPublisher", "Verified Publisher") : x("devportal.publisher", "Publisher")
+								}), /* @__PURE__ */ v("p", {
+									className: "text-xs text-muted-foreground",
+									children: k?.isVerified ? x("devportal.publisherIdentityVerified", "Your publisher identity is verified") : x("devportal.publishFirstAppMessage", "Publish your first app to appear in the marketplace")
+								})] })]
+							})
+						}),
+						/* @__PURE__ */ v(n, {
+							title: x("devportal.profileCompletenessTitle", "Profile Completeness"),
+							children: /* @__PURE__ */ v("div", {
+								className: "space-y-2",
+								children: [
+									{
+										label: x("devportal.completenessDisplayName", "Display name"),
+										ok: !!A
+									},
+									{
+										label: x("devportal.completenessBio", "Bio"),
+										ok: !!P
+									},
+									{
+										label: x("devportal.completenessWebsite", "Website"),
+										ok: !!M
+									},
+									{
+										label: x("devportal.completenessGithub", "GitHub"),
+										ok: !!I
+									},
+									{
+										label: x("devportal.completenessSocialLinks", "Social links"),
+										ok: !!R || !!B
+									}
+								].map(({ label: e, ok: t }) => /* @__PURE__ */ y("div", {
+									className: "flex items-center gap-2 text-sm",
+									children: [t ? /* @__PURE__ */ v(p, {
+										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", {
+										className: t ? "text-foreground" : "text-muted-foreground",
+										children: e
+									})]
+								}, e))
+							})
+						}),
+						/* @__PURE__ */ v(n, {
+							title: x("devportal.marketplaceStatsTitle", "Marketplace Stats"),
+							children: /* @__PURE__ */ y("div", {
+								className: "space-y-3 text-sm",
+								children: [
+									/* @__PURE__ */ y("div", {
+										className: "flex justify-between",
+										children: [/* @__PURE__ */ v("span", {
+											className: "text-muted-foreground",
+											children: x("devportal.publishedAppsLabel", "Published apps")
+										}), /* @__PURE__ */ v("span", {
+											className: "font-semibold",
+											children: k?.applicationCount ?? 0
+										})]
+									}),
+									/* @__PURE__ */ y("div", {
+										className: "flex justify-between",
+										children: [/* @__PURE__ */ v("span", {
+											className: "text-muted-foreground",
+											children: x("devportal.totalInstallsLabel", "Total installs")
+										}), /* @__PURE__ */ v("span", {
+											className: "font-semibold",
+											children: k?.totalInstalls ?? 0
+										})]
+									}),
+									/* @__PURE__ */ y("div", {
+										className: "flex justify-between",
+										children: [/* @__PURE__ */ v("span", {
+											className: "text-muted-foreground",
+											children: x("devportal.avgRatingLabel", "Avg rating")
+										}), /* @__PURE__ */ v("span", {
+											className: "font-semibold",
+											children: k?.averageRating ? k.averageRating.toFixed(1) : "—"
+										})]
+									})
+								]
+							})
+						})
+					]
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { b as PublisherProfilePage };
+
+//# sourceMappingURL=PublisherProfilePage.js.map

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

@@ -0,0 +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 {\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 { 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    }\n  }, [profile]);\n\n  const handleSave = async () => {\n    if (!profile) return;\n    setSaveStatus(\"saving\");\n    try {\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-muted-foreground\" />\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-destructive\" />\n          <p className=\"text-muted-foreground\">\n            {tr(\"devportal.failedToLoadProfile\", \"Failed to load profile\")}\n          </p>\n          <button\n            onClick={() => refetch()}\n            className=\"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n          >\n            {tr(\"devportal.retryButton\", \"Retry\")}\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PermissionGuard permission={DEVPORTAL_PERMISSIONS.PROFILE_READ}>\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        actions={\n          <button\n            onClick={handleSave}\n            disabled={saving || !profile || !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-destructive text-destructive-foreground\"\n                  : \"bg-primary text-primary-foreground hover:bg-primary/90\",\n              (saving || !profile) && \"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        {/* Info banner */}\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-foreground\">\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-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-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(\"devportal.githubUsernameLabel\", \"GitHub Username\")}\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(\"devportal.verifiedPublisher\", \"Verified Publisher\")\n                      : tr(\"devportal.publisher\", \"Publisher\")}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">\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                  { label: tr(\"devportal.completenessBio\", \"Bio\"), ok: !!bio },\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 key={label} className=\"flex items-center gap-2 text-sm\">\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-foreground\" : \"text-muted-foreground\"\n                      }\n                    >\n                      {label}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            </PageSection>\n\n            {/* Stats */}\n            <PageSection\n              title={tr(\"devportal.marketplaceStatsTitle\", \"Marketplace Stats\")}\n            >\n              <div className=\"space-y-3 text-sm\">\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">\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-muted-foreground\">\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-muted-foreground\">\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      </PageLayout>\n    </PermissionGuard>\n  );\n};\n"],"mappings":"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"}

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

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

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

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