@burdenoff/microfe-comradecircle 2026.819.1 → 2026.830.1

package/dist/comradecircle/pages/members/MemberProfilePage.js

@@ -1,20 +1,21 @@
 import { useComradeCircle as e } from "../../context/ComradeCircleContext.js";
 import "../../context/index.js";
-import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { useComFollow as r, useComListDigitalProducts as i, useComListMembershipTiers as a, useComListPaidEvents as o, useComMyFollows as s, useComProfile as c, useComUnfollow as l } from "../../hooks/useComradeCircleApi.js";
+import { useComFollow as t, useComListDigitalProducts as n, useComListMembershipTiers as r, useComListPaidEvents as i, useComMyFollows as a, useComProfile as o, useComUnfollow as s } from "../../hooks/useComradeCircleApi.js";
+import { useTr as c } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { Avatar as u } from "../../components/Avatar.js";
-import { describeError as d, notify as f } from "../../lib/toast.js";
-import { EmptyState as p } from "../../components/EmptyState.js";
-import { ErrorView as m } from "../../components/StateViews.js";
-import { StatusBadge as h } from "../../components/StatusBadge.js";
-import { ArrowLeft as g, Coins as _, Gift as v, Package as y, Pencil as b, Ticket as x, UserCheck as S, UserMinus as C, UserPlus as w, UserX as T } from "lucide-react";
-import { useParams as E } from "react-router";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { AuroraBackground as k, Button as A, GlassCard as j, GradientText as M, Skeleton as N } from "@burdenoff/fe-libs/ui";
+import { cn as l } from "../../utils/cn.js";
+import { PageLayout as u } from "../../components/PageLayout.js";
+import { Avatar as d } from "../../components/Avatar.js";
+import { describeError as f, notify as p } from "../../lib/toast.js";
+import { EmptyState as m } from "../../components/EmptyState.js";
+import { ErrorView as h } from "../../components/StateViews.js";
+import { StatusBadge as g } from "../../components/StatusBadge.js";
+import { ArrowLeft as _, Coins as v, Gift as y, Package as b, Pencil as x, Ticket as S, UserCheck as C, UserMinus as w, UserPlus as T, UserX as E } from "lucide-react";
+import { useParams as D } from "react-router";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { AuroraBackground as A, Button as j, GlassCard as M, GradientText as N, Skeleton as P } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/members/MemberProfilePage.tsx
-function P(e, t) {
+function F(e, t) {
 	try {
 		return new Intl.NumberFormat(void 0, {
 			style: "currency",
@@ -24,107 +25,107 @@ function P(e, t) {
 		return `${t} ${e.toFixed(2)}`;
 	}
 }
-function F({ creatorId: e }) {
-	let t = a(e), n = o(e), r = i(e), s = t.data?.items ?? [], c = n.data?.items ?? [], l = r.data?.items ?? [], u = t.isLoading || n.isLoading || r.isLoading, d = s.length > 0 || c.length > 0 || l.length > 0;
-	return u || !d ? null : /* @__PURE__ */ O(j, {
+function I({ creatorId: e }) {
+	let t = c(), a = r(e), o = i(e), s = n(e), l = a.data?.items ?? [], u = o.data?.items ?? [], d = s.data?.items ?? [], f = a.isLoading || o.isLoading || s.isLoading, p = l.length > 0 || u.length > 0 || d.length > 0;
+	return f || !p ? null : /* @__PURE__ */ k(M, {
 		treatment: "plain",
 		className: "flex flex-col gap-5 p-5 sm:p-6",
 		children: [
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ D(_, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ D("h3", {
+				children: [/* @__PURE__ */ O(v, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ O("h3", {
 					className: "text-base font-semibold text-text-primary",
-					children: "Support this creator"
+					children: t("comradecircle.pages.memberProfile.supportCreator", "Support this creator")
 				})]
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex items-start gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle px-3 py-2 text-xs text-status-warning-text",
-				children: [/* @__PURE__ */ D(v, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), "Payment integration pending — these are catalog listings, not a live checkout yet."]
+				children: [/* @__PURE__ */ O(y, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), t("comradecircle.pages.memberProfile.paymentPending", "Payment integration pending — these are catalog listings, not a live checkout yet.")]
 			}),
-			s.length > 0 && /* @__PURE__ */ O("div", {
+			l.length > 0 && /* @__PURE__ */ k("div", {
 				className: "grid gap-2",
-				children: [/* @__PURE__ */ D("p", {
+				children: [/* @__PURE__ */ O("p", {
 					className: "text-xs font-medium text-text-tertiary",
-					children: "Membership tiers"
-				}), s.map((e) => /* @__PURE__ */ O("div", {
+					children: t("comradecircle.pages.memberProfile.membershipTiers", "Membership tiers")
+				}), l.map((e) => /* @__PURE__ */ k("div", {
 					className: "flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3",
-					children: [/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ k("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ D("p", {
+						children: [/* @__PURE__ */ O("p", {
 							className: "truncate text-sm font-medium text-text-primary",
 							children: e.name
-						}), e.description && /* @__PURE__ */ D("p", {
+						}), e.description && /* @__PURE__ */ O("p", {
 							className: "truncate text-xs text-text-secondary",
 							children: e.description
 						})]
-					}), /* @__PURE__ */ O("div", {
+					}), /* @__PURE__ */ k("div", {
 						className: "flex shrink-0 items-center gap-2",
-						children: [/* @__PURE__ */ O("span", {
+						children: [/* @__PURE__ */ k("span", {
 							className: "text-sm font-semibold tabular-nums text-text-primary",
 							children: [
-								P(e.priceAmount, e.currency),
+								F(e.priceAmount, e.currency),
 								"/",
 								e.billingInterval === "YEARLY" ? "yr" : "mo"
 							]
-						}), /* @__PURE__ */ D(A, {
+						}), /* @__PURE__ */ O(j, {
 							size: "sm",
 							disabled: !0,
-							title: "Payment integration pending",
-							children: "Support"
+							title: t("comradecircle.pages.memberProfile.paymentPending", "Payment integration pending"),
+							children: t("comradecircle.pages.memberProfile.support", "Support")
 						})]
 					})]
 				}, e.id))]
 			}),
-			c.length > 0 && /* @__PURE__ */ O("div", {
+			u.length > 0 && /* @__PURE__ */ k("div", {
 				className: "grid gap-2",
-				children: [/* @__PURE__ */ D("p", {
+				children: [/* @__PURE__ */ O("p", {
 					className: "text-xs font-medium text-text-tertiary",
-					children: "Paid events"
-				}), c.map((e) => /* @__PURE__ */ O("div", {
+					children: t("comradecircle.pages.memberProfile.paidEvents", "Paid events")
+				}), u.map((e) => /* @__PURE__ */ k("div", {
 					className: "flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3",
-					children: [/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ k("div", {
 						className: "flex min-w-0 items-center gap-2",
-						children: [/* @__PURE__ */ D(x, { className: "h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ D("p", {
+						children: [/* @__PURE__ */ O(S, { className: "h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ O("p", {
 							className: "truncate text-sm font-medium text-text-primary",
 							children: e.title
 						})]
-					}), /* @__PURE__ */ O("div", {
+					}), /* @__PURE__ */ k("div", {
 						className: "flex shrink-0 items-center gap-2",
-						children: [/* @__PURE__ */ D("span", {
+						children: [/* @__PURE__ */ O("span", {
 							className: "text-sm font-semibold tabular-nums text-text-primary",
-							children: P(e.priceAmount, e.currency)
-						}), /* @__PURE__ */ D(A, {
+							children: F(e.priceAmount, e.currency)
+						}), /* @__PURE__ */ O(j, {
 							size: "sm",
 							disabled: !0,
-							title: "Payment integration pending",
-							children: "Get ticket"
+							title: t("comradecircle.pages.memberProfile.paymentPending", "Payment integration pending"),
+							children: t("comradecircle.pages.memberProfile.getTicket", "Get ticket")
 						})]
 					})]
 				}, e.id))]
 			}),
-			l.length > 0 && /* @__PURE__ */ O("div", {
+			d.length > 0 && /* @__PURE__ */ k("div", {
 				className: "grid gap-2",
-				children: [/* @__PURE__ */ D("p", {
+				children: [/* @__PURE__ */ O("p", {
 					className: "text-xs font-medium text-text-tertiary",
-					children: "Digital products"
-				}), l.map((e) => /* @__PURE__ */ O("div", {
+					children: t("comradecircle.pages.memberProfile.digitalProducts", "Digital products")
+				}), d.map((e) => /* @__PURE__ */ k("div", {
 					className: "flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3",
-					children: [/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ k("div", {
 						className: "flex min-w-0 items-center gap-2",
-						children: [/* @__PURE__ */ D(y, { className: "h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ D("p", {
+						children: [/* @__PURE__ */ O(b, { className: "h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ O("p", {
 							className: "truncate text-sm font-medium text-text-primary",
 							children: e.title
 						})]
-					}), /* @__PURE__ */ O("div", {
+					}), /* @__PURE__ */ k("div", {
 						className: "flex shrink-0 items-center gap-2",
-						children: [/* @__PURE__ */ D("span", {
+						children: [/* @__PURE__ */ O("span", {
 							className: "text-sm font-semibold tabular-nums text-text-primary",
-							children: P(e.priceAmount, e.currency)
-						}), /* @__PURE__ */ D(A, {
+							children: F(e.priceAmount, e.currency)
+						}), /* @__PURE__ */ O(j, {
 							size: "sm",
 							disabled: !0,
-							title: "Payment integration pending",
-							children: "Buy"
+							title: t("comradecircle.pages.memberProfile.paymentPending", "Payment integration pending"),
+							children: t("comradecircle.pages.memberProfile.buy", "Buy")
 						})]
 					})]
 				}, e.id))]
@@ -132,201 +133,213 @@ function F({ creatorId: e }) {
 		]
 	});
 }
-function I({ items: e, variant: n }) {
-	return /* @__PURE__ */ D("ul", {
+function L({ items: e, variant: t }) {
+	return /* @__PURE__ */ O("ul", {
 		className: "flex flex-wrap gap-2",
-		children: e.map((e) => /* @__PURE__ */ D("li", {
-			className: t("rounded-full px-3 py-1 text-xs font-medium motion-safe:transition-transform motion-safe:duration-150 motion-safe:hover:-translate-y-0.5", n === "interest" ? "bg-[var(--color-accent-soft)] text-accent" : "border border-border-seam text-text-primary hover:border-border-strong"),
+		children: e.map((e) => /* @__PURE__ */ O("li", {
+			className: l("rounded-full px-3 py-1 text-xs font-medium motion-safe:transition-transform motion-safe:duration-150 motion-safe:hover:-translate-y-0.5", t === "interest" ? "bg-[var(--color-accent-soft)] text-accent" : "border border-border-seam text-text-primary hover:border-border-strong"),
 			children: e
 		}, e))
 	});
 }
-function L() {
-	return /* @__PURE__ */ O("div", {
+function R() {
+	return /* @__PURE__ */ k("div", {
 		className: "mx-auto flex max-w-2xl flex-col gap-6",
-		children: [/* @__PURE__ */ O(j, {
+		children: [/* @__PURE__ */ k(M, {
 			treatment: "plain",
 			className: "overflow-hidden p-0",
-			children: [/* @__PURE__ */ D(N, { className: "h-24 w-full rounded-none sm:h-28" }), /* @__PURE__ */ O("div", {
+			children: [/* @__PURE__ */ O(P, { className: "h-24 w-full rounded-none sm:h-28" }), /* @__PURE__ */ k("div", {
 				className: "px-5 pb-5 sm:px-6 sm:pb-6",
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ k("div", {
 					className: "flex flex-col items-center gap-4 sm:flex-row sm:items-end",
-					children: [/* @__PURE__ */ D(N, { className: "-mt-16 h-28 w-28 rounded-full sm:-mt-20" }), /* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ O(P, { className: "-mt-16 h-28 w-28 rounded-full sm:-mt-20" }), /* @__PURE__ */ k("div", {
 						className: "w-full space-y-2 pb-1 text-center sm:text-left",
 						children: [
-							/* @__PURE__ */ D(N, { className: "mx-auto h-7 w-44 sm:mx-0" }),
-							/* @__PURE__ */ D(N, { className: "mx-auto h-4 w-56 sm:mx-0" }),
-							/* @__PURE__ */ D(N, { className: "mx-auto h-5 w-20 rounded-full sm:mx-0" })
+							/* @__PURE__ */ O(P, { className: "mx-auto h-7 w-44 sm:mx-0" }),
+							/* @__PURE__ */ O(P, { className: "mx-auto h-4 w-56 sm:mx-0" }),
+							/* @__PURE__ */ O(P, { className: "mx-auto h-5 w-20 rounded-full sm:mx-0" })
 						]
 					})]
-				}), /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "mt-5 space-y-2",
-					children: [/* @__PURE__ */ D(N, { className: "h-4 w-full" }), /* @__PURE__ */ D(N, { className: "h-4 w-3/4" })]
+					children: [/* @__PURE__ */ O(P, { className: "h-4 w-full" }), /* @__PURE__ */ O(P, { className: "h-4 w-3/4" })]
 				})]
 			})]
-		}), /* @__PURE__ */ D(j, {
+		}), /* @__PURE__ */ O(M, {
 			treatment: "plain",
 			className: "flex flex-col gap-6 p-5 sm:p-6",
-			children: [0, 1].map((e) => /* @__PURE__ */ O("div", {
+			children: [0, 1].map((e) => /* @__PURE__ */ k("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ D(N, { className: "h-4 w-24" }), /* @__PURE__ */ D("div", {
+				children: [/* @__PURE__ */ O(P, { className: "h-4 w-24" }), /* @__PURE__ */ O("div", {
 					className: "flex flex-wrap gap-2",
 					children: [
 						0,
 						1,
 						2,
 						3
-					].map((e) => /* @__PURE__ */ D(N, { className: "h-6 w-20 rounded-full" }, e))
+					].map((e) => /* @__PURE__ */ O(P, { className: "h-6 w-20 rounded-full" }, e))
 				})]
 			}, e))
 		})]
 	});
 }
-function R() {
-	let { memberId: t } = E(), { navigateTo: i, currentUser: a } = e(), { data: o, isLoading: _, isError: v, refetch: y } = c(t), x = s("MEMBER"), N = r(), P = l(), R = /* @__PURE__ */ O(A, {
+function z() {
+	let n = c(), { memberId: r } = D(), { navigateTo: i, currentUser: l } = e(), { data: v, isLoading: y, isError: b, refetch: S } = o(r), P = a("MEMBER"), F = t(), z = s(), B = /* @__PURE__ */ k(j, {
 		variant: "ghost",
 		size: "sm",
 		onClick: () => i("members"),
-		children: [/* @__PURE__ */ D(g, { className: "mr-1.5 h-4 w-4" }), " Back"]
+		children: [
+			/* @__PURE__ */ O(_, { className: "mr-1.5 h-4 w-4" }),
+			" ",
+			n("common.back", "Back")
+		]
 	});
-	if (_) return /* @__PURE__ */ D(n, {
-		title: "Profile",
-		actions: R,
-		children: /* @__PURE__ */ D(L, {})
+	if (y) return /* @__PURE__ */ O(u, {
+		title: n("comradecircle.pages.memberProfile.title", "Profile"),
+		actions: B,
+		children: /* @__PURE__ */ O(R, {})
 	});
-	if (v) return /* @__PURE__ */ D(n, {
-		title: "Profile",
-		actions: R,
-		children: /* @__PURE__ */ D(m, {
-			message: "We couldn't load this member's profile.",
-			onRetry: () => y()
+	if (b) return /* @__PURE__ */ O(u, {
+		title: n("comradecircle.pages.memberProfile.title", "Profile"),
+		actions: B,
+		children: /* @__PURE__ */ O(h, {
+			message: n("comradecircle.pages.memberProfile.errorMessage", "We couldn't load this member's profile."),
+			onRetry: () => S()
 		})
 	});
-	if (!o) return /* @__PURE__ */ D(n, {
-		title: "Profile",
-		actions: R,
-		children: /* @__PURE__ */ D(p, {
-			icon: /* @__PURE__ */ D(T, { className: "h-10 w-10" }),
-			title: "No profile",
-			description: "This member hasn't set up a ComradeCircle profile yet."
+	if (!v) return /* @__PURE__ */ O(u, {
+		title: n("comradecircle.pages.memberProfile.title", "Profile"),
+		actions: B,
+		children: /* @__PURE__ */ O(m, {
+			icon: /* @__PURE__ */ O(E, { className: "h-10 w-10" }),
+			title: n("comradecircle.pages.memberProfile.noProfileTitle", "No profile"),
+			description: n("comradecircle.pages.memberProfile.noProfileDescription", "This member hasn't set up a ComradeCircle profile yet.")
 		})
 	});
-	let z = !!(t && a?.id === t), B = (x.data ?? []).some((e) => e.targetId === t && e.targetType === "MEMBER"), V = N.isPending || P.isPending, H = async () => {
-		if (t) try {
-			B ? (await P.mutateAsync({
-				targetId: t,
+	let V = !!(r && l?.id === r), H = (P.data ?? []).some((e) => e.targetId === r && e.targetType === "MEMBER"), U = F.isPending || z.isPending, W = async () => {
+		if (r) try {
+			H ? (await z.mutateAsync({
+				targetId: r,
 				targetType: "MEMBER"
-			}), f.success("Unfollowed", o.displayName)) : (await N.mutateAsync({
-				targetId: t,
+			}), p.success(n("comradecircle.pages.memberProfile.unfollowed", "Unfollowed"), v.displayName)) : (await F.mutateAsync({
+				targetId: r,
 				targetType: "MEMBER"
-			}), f.success("Following", o.displayName));
+			}), p.success(n("comradecircle.pages.memberProfile.following", "Following"), v.displayName));
 		} catch (e) {
-			f.error("Could not update follow", d(e));
+			p.error(n("comradecircle.pages.memberProfile.followError", "Could not update follow"), f(e));
 		}
-	}, U = z ? /* @__PURE__ */ O(A, {
+	}, G = V ? /* @__PURE__ */ k(j, {
 		variant: "outline",
 		onClick: () => i("profile"),
-		children: [/* @__PURE__ */ D(b, { className: "mr-1.5 h-4 w-4" }), " Edit profile"]
-	}) : B ? /* @__PURE__ */ O(A, {
+		children: [
+			/* @__PURE__ */ O(x, { className: "mr-1.5 h-4 w-4" }),
+			" ",
+			n("comradecircle.pages.memberProfile.editProfile", "Edit profile")
+		]
+	}) : H ? /* @__PURE__ */ k(j, {
 		variant: "outline",
-		onClick: H,
-		disabled: V,
-		"aria-label": `Following ${o.displayName}. Activate to unfollow.`,
+		onClick: W,
+		disabled: U,
+		"aria-label": n("comradecircle.pages.memberProfile.followingAriaLabel", "Following {{name}}. Activate to unfollow.", { name: v.displayName }),
 		className: "group/follow min-w-[8rem] justify-center motion-safe:transition-colors hover:border-status-error-border hover:bg-status-error-subtle hover:text-status-error-text",
 		children: [
-			/* @__PURE__ */ D(S, { className: "mr-1.5 h-4 w-4 group-hover/follow:hidden" }),
-			/* @__PURE__ */ D(C, { className: "mr-1.5 hidden h-4 w-4 group-hover/follow:inline" }),
-			/* @__PURE__ */ D("span", {
+			/* @__PURE__ */ O(C, { className: "mr-1.5 h-4 w-4 group-hover/follow:hidden" }),
+			/* @__PURE__ */ O(w, { className: "mr-1.5 hidden h-4 w-4 group-hover/follow:inline" }),
+			/* @__PURE__ */ O("span", {
 				className: "group-hover/follow:hidden",
-				children: "Following"
+				children: n("comradecircle.pages.memberProfile.following", "Following")
 			}),
-			/* @__PURE__ */ D("span", {
+			/* @__PURE__ */ O("span", {
 				className: "hidden group-hover/follow:inline",
-				children: "Unfollow"
+				children: n("comradecircle.pages.memberProfile.unfollow", "Unfollow")
 			})
 		]
-	}) : /* @__PURE__ */ O(A, {
-		onClick: H,
-		disabled: V,
-		children: [/* @__PURE__ */ D(w, { className: "mr-1.5 h-4 w-4" }), " Follow"]
-	}), W = o.interests.length > 0 || o.skills.length > 0;
-	return /* @__PURE__ */ D(n, {
-		title: "Profile",
-		actions: R,
-		children: /* @__PURE__ */ O("div", {
+	}) : /* @__PURE__ */ k(j, {
+		onClick: W,
+		disabled: U,
+		children: [
+			/* @__PURE__ */ O(T, { className: "mr-1.5 h-4 w-4" }),
+			" ",
+			n("comradecircle.pages.memberProfile.follow", "Follow")
+		]
+	}), K = v.interests.length > 0 || v.skills.length > 0;
+	return /* @__PURE__ */ O(u, {
+		title: n("comradecircle.pages.memberProfile.title", "Profile"),
+		actions: B,
+		children: /* @__PURE__ */ k("div", {
 			className: "mx-auto flex max-w-2xl flex-col gap-6",
 			children: [
-				/* @__PURE__ */ O(j, {
+				/* @__PURE__ */ k(M, {
 					treatment: "plain",
 					className: "overflow-hidden p-0",
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ O("div", {
 						className: "relative h-24 overflow-hidden bg-gloss-card sm:h-28",
-						children: /* @__PURE__ */ D(k, { intensity: "subtle" })
-					}), /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ O(A, { intensity: "subtle" })
+					}), /* @__PURE__ */ k("div", {
 						className: "px-5 pb-5 sm:px-6 sm:pb-6",
-						children: [/* @__PURE__ */ O("div", {
+						children: [/* @__PURE__ */ k("div", {
 							className: "flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ k("div", {
 								className: "flex flex-col items-center gap-4 sm:flex-row sm:items-end",
-								children: [/* @__PURE__ */ D(u, {
-									name: o.displayName,
-									presence: o.presence,
+								children: [/* @__PURE__ */ O(d, {
+									name: v.displayName,
+									presence: v.presence,
 									size: "2xl",
-									seed: o.memberId,
-									fileId: o.avatar?.id,
+									seed: v.memberId,
+									fileId: v.avatar?.id,
 									ring: !0,
 									className: "-mt-16 sm:-mt-20"
-								}), /* @__PURE__ */ O("div", {
+								}), /* @__PURE__ */ k("div", {
 									className: "min-w-0 pb-1 text-center sm:text-left",
 									children: [
-										/* @__PURE__ */ D(M, {
+										/* @__PURE__ */ O(N, {
 											as: "h2",
 											className: "text-2xl font-semibold sm:text-[1.75rem]",
-											children: o.displayName
+											children: v.displayName
 										}),
-										o.headline && /* @__PURE__ */ D("p", {
+										v.headline && /* @__PURE__ */ O("p", {
 											className: "mt-1 text-sm text-text-secondary",
-											children: o.headline
+											children: v.headline
 										}),
-										/* @__PURE__ */ D("div", {
+										/* @__PURE__ */ O("div", {
 											className: "mt-3 flex justify-center sm:justify-start",
-											children: /* @__PURE__ */ D(h, { status: o.presence })
+											children: /* @__PURE__ */ O(g, { status: v.presence })
 										})
 									]
 								})]
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ O("div", {
 								className: "flex shrink-0 justify-center pb-1 sm:justify-end",
-								children: U
+								children: G
 							})]
-						}), o.bio && /* @__PURE__ */ D("p", {
+						}), v.bio && /* @__PURE__ */ O("p", {
 							className: "mt-5 whitespace-pre-wrap text-sm leading-relaxed text-text-secondary",
-							children: o.bio
+							children: v.bio
 						})]
 					})]
 				}),
-				W && /* @__PURE__ */ O(j, {
+				K && /* @__PURE__ */ k(M, {
 					treatment: "plain",
 					className: "flex flex-col gap-6 p-5 sm:p-6",
-					children: [o.interests.length > 0 && /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h3", {
+					children: [v.interests.length > 0 && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h3", {
 						className: "mb-3 text-base font-semibold text-text-primary",
-						children: "Interests"
-					}), /* @__PURE__ */ D(I, {
-						items: o.interests,
+						children: n("comradecircle.pages.memberProfile.interests", "Interests")
+					}), /* @__PURE__ */ O(L, {
+						items: v.interests,
 						variant: "interest"
-					})] }), o.skills.length > 0 && /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h3", {
+					})] }), v.skills.length > 0 && /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h3", {
 						className: "mb-3 text-base font-semibold text-text-primary",
-						children: "Skills"
-					}), /* @__PURE__ */ D(I, {
-						items: o.skills,
+						children: n("comradecircle.pages.memberProfile.skills", "Skills")
+					}), /* @__PURE__ */ O(L, {
+						items: v.skills,
 						variant: "skill"
 					})] })]
 				}),
-				t && /* @__PURE__ */ D(F, { creatorId: t })
+				r && /* @__PURE__ */ O(I, { creatorId: r })
 			]
 		})
 	});
 }
 //#endregion
-export { R as MemberProfilePage };
+export { z as MemberProfilePage };
 
 //# sourceMappingURL=MemberProfilePage.js.map