@burdenoff/microfe-billing 2026.526.1 → 2026.528.1

package/dist/billing/shared/components/PageHeader.js

@@ -1,23 +1,11 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
+import { PageHeader as t } from "@burdenoff/fe-libs/chrome";
 //#region src/billing/shared/components/PageHeader.tsx
-var n = ({ title: n, description: r, actions: i, icon: a }) => /* @__PURE__ */ t("div", {
-	className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-	children: [/* @__PURE__ */ t("div", {
-		className: "flex items-start gap-3",
-		children: [a && /* @__PURE__ */ e("div", {
-			className: "mt-1 text-muted-foreground",
-			children: a
-		}), /* @__PURE__ */ t("div", { children: [/* @__PURE__ */ e("h1", {
-			className: "text-2xl font-bold text-foreground",
-			children: n
-		}), r && /* @__PURE__ */ e("p", {
-			className: "text-sm text-muted-foreground mt-1",
-			children: r
-		})] })]
-	}), i && /* @__PURE__ */ e("div", {
-		className: "flex items-center gap-2",
-		children: i
-	})]
+var n = ({ title: n, description: r, actions: i, icon: a }) => /* @__PURE__ */ e(t, {
+	title: n,
+	description: r,
+	actions: i,
+	icon: a
 });
 //#endregion
 export { n as PageHeader };

package/dist/billing/shared/components/PageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.js","names":[],"sources":["../../../../src/billing/shared/components/PageHeader.tsx"],"sourcesContent":["/**\n * Shared Page Header Component\n * Consistent header for all billing pages\n */\n\nimport type { FC, ReactNode } from 'react';\n\ninterface PageHeaderProps {\n  title: string;\n  description?: string;\n  actions?: ReactNode;\n  icon?: ReactNode;\n}\n\nexport const PageHeader: FC<PageHeaderProps> = ({ title, description, actions, icon }) => {\n  return (\n    <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n      <div className=\"flex items-start gap-3\">\n        {icon && <div className=\"mt-1 text-muted-foreground\">{icon}</div>}\n        <div>\n          <h1 className=\"text-2xl font-bold text-foreground\">{title}</h1>\n          {description && <p className=\"text-sm text-muted-foreground mt-1\">{description}</p>}\n        </div>\n      </div>\n      {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n    </div>\n  );\n};\n"],"mappings":";;AAcA,IAAa,KAAmC,EAAE,UAAO,gBAAa,YAAS,cAE3E,kBAAC,OAAD;CAAK,WAAU;WAAf,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,KAAQ,kBAAC,OAAD;GAAK,WAAU;aAA8B;GAAW,CAAA,EACjE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAAsC;GAAW,CAAA,EAC9D,KAAe,kBAAC,KAAD;GAAG,WAAU;aAAsC;GAAgB,CAAA,CAC/E,EAAA,CAAA,CACF;KACL,KAAW,kBAAC,OAAD;EAAK,WAAU;YAA2B;EAAc,CAAA,CAChE"}
+{"version":3,"file":"PageHeader.js","names":[],"sources":["../../../../src/billing/shared/components/PageHeader.tsx"],"sourcesContent":["/**\n * Shared Page Header Component\n *\n * Local wrapper around `PageHeader` from `@burdenoff/fe-libs/chrome`.\n * Routes all billing page headers through the canonical primitive so they\n * inherit responsive layout, breadcrumb support, and one-primary-action\n * styling from the design system.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { PageHeader as CanonicalPageHeader } from '@burdenoff/fe-libs/chrome';\n\ninterface PageHeaderProps {\n  title: string;\n  description?: string;\n  actions?: ReactNode;\n  icon?: ReactNode;\n}\n\nexport const PageHeader: FC<PageHeaderProps> = ({ title, description, actions, icon }) => {\n  return (\n    <CanonicalPageHeader title={title} description={description} actions={actions} icon={icon} />\n  );\n};\n"],"mappings":";;;AAmBA,IAAa,KAAmC,EAAE,UAAO,gBAAa,YAAS,cAE3E,kBAAC,GAAD;CAA4B;CAAoB;CAAsB;CAAe;CAAQ,CAAA"}

package/dist/billing/shared/components/ServerError.js

@@ -13,9 +13,9 @@ var i = ({ title: i, message: a, onRetry: o, showRetry: s = !0 }) => {
 			className: "text-center space-y-4 max-w-md",
 			children: [
 				/* @__PURE__ */ t("div", {
-					className: `w-16 h-16 mx-auto rounded-full ${f.bg} flex items-center justify-center`,
+					className: `size-16 mx-auto rounded-full ${f.bg} flex items-center justify-center`,
 					children: /* @__PURE__ */ t("svg", {
-						className: `w-8 h-8 ${f.icon}`,
+						className: `size-8 ${f.icon}`,
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
@@ -37,7 +37,7 @@ var i = ({ title: i, message: a, onRetry: o, showRetry: s = !0 }) => {
 				}),
 				/* @__PURE__ */ n("div", {
 					className: `inline-flex items-center gap-2 px-3 py-1.5 ${f.bg} rounded-full`,
-					children: [/* @__PURE__ */ t("span", { className: `w-2 h-2 rounded-full ${f.dot} animate-pulse` }), /* @__PURE__ */ t("span", {
+					children: [/* @__PURE__ */ t("span", { className: `size-2 rounded-full ${f.dot} animate-pulse` }), /* @__PURE__ */ t("span", {
 						className: `text-xs font-medium ${f.text}`,
 						children: l("billing.serverError.statusOffline", "Server Status: Offline")
 					})]
@@ -45,10 +45,11 @@ var i = ({ title: i, message: a, onRetry: o, showRetry: s = !0 }) => {
 				s && o && /* @__PURE__ */ t("div", {
 					className: "pt-2",
 					children: /* @__PURE__ */ n("button", {
+						type: "button",
 						onClick: o,
 						className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-primary-foreground bg-primary hover:bg-primary/90 rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
 						children: [/* @__PURE__ */ t("svg", {
-							className: "w-4 h-4",
+							className: "size-4",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",

package/dist/billing/shared/components/ServerError.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServerError.js","names":[],"sources":["../../../../src/billing/shared/components/ServerError.tsx"],"sourcesContent":["/**\n * Shared Server Error Component\n * Displays when backend server is unavailable or returns 500 errors\n */\n\nimport type { FC } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { statusTokens } from '../utils/tokens';\n\ninterface ServerErrorProps {\n  title?: string;\n  message?: string;\n  onRetry?: () => void;\n  showRetry?: boolean;\n}\n\nexport const ServerError: FC<ServerErrorProps> = ({\n  title,\n  message,\n  onRetry,\n  showRetry = true,\n}) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n\n  const displayTitle = title ?? tr('billing.serverError.title', 'Server Unavailable');\n  const displayMessage =\n    message ??\n    tr(\n      'billing.serverError.message',\n      \"We're having trouble connecting to the server. Please try again later.\"\n    );\n  const errorTokens = statusTokens.error;\n\n  return (\n    <div className=\"flex items-center justify-center h-full min-h-[400px]\">\n      <div className=\"text-center space-y-4 max-w-md\">\n        {/* Server Icon */}\n        <div\n          className={`w-16 h-16 mx-auto rounded-full ${errorTokens.bg} flex items-center justify-center`}\n        >\n          <svg\n            className={`w-8 h-8 ${errorTokens.icon}`}\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n            strokeWidth={1.5}\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              d=\"M5.25 14.25h13.5m-13.5 0a3 3 0 01-3-3m3 3a3 3 0 100 6h13.5a3 3 0 100-6m-16.5-3a3 3 0 013-3h13.5a3 3 0 013 3m-19.5 0a4.5 4.5 0 01.9-2.7L5.737 5.1a3.375 3.375 0 012.7-1.35h7.126c1.062 0 2.062.5 2.7 1.35l2.587 3.45a4.5 4.5 0 01.9 2.7m0 0a3 3 0 01-3 3m0 3h.008v.008h-.008v-.008zm0-6h.008v.008h-.008v-.008zm-3 6h.008v.008h-.008v-.008zm0-6h.008v.008h-.008v-.008z\"\n            />\n          </svg>\n        </div>\n\n        {/* Error Title */}\n        <h2 className=\"text-xl font-semibold text-foreground\">{displayTitle}</h2>\n\n        {/* Error Message */}\n        <p className=\"text-sm text-muted-foreground\">{displayMessage}</p>\n\n        {/* Status Indicator */}\n        <div\n          className={`inline-flex items-center gap-2 px-3 py-1.5 ${errorTokens.bg} rounded-full`}\n        >\n          <span className={`w-2 h-2 rounded-full ${errorTokens.dot} animate-pulse`} />\n          <span className={`text-xs font-medium ${errorTokens.text}`}>\n            {tr('billing.serverError.statusOffline', 'Server Status: Offline')}\n          </span>\n        </div>\n\n        {/* Retry Button */}\n        {showRetry && onRetry && (\n          <div className=\"pt-2\">\n            <button\n              onClick={onRetry}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-primary-foreground bg-primary hover:bg-primary/90 rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2\"\n            >\n              <svg\n                className=\"w-4 h-4\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                strokeWidth={2}\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  d=\"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99\"\n                />\n              </svg>\n              {tr('billing.serverError.tryAgain', 'Try Again')}\n            </button>\n          </div>\n        )}\n\n        {/* Additional Help */}\n        <p className=\"text-xs text-muted-foreground pt-4\">\n          {tr(\n            'billing.serverError.persistHelp',\n            'If this issue persists, please contact support or check the system status page.'\n          )}\n        </p>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAgBA,IAAa,KAAqC,EAChD,UACA,YACA,YACA,eAAY,SACR;CACJ,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAa,EAAE,EAAI;AACzB,SAAO,MAAe,IAAM,IAAW;IAGnC,IAAe,KAAS,EAAG,6BAA6B,qBAAqB,EAC7E,IACJ,KACA,EACE,+BACA,yEACD,EACG,IAAc,EAAa;AAEjC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KACE,WAAW,kCAAkC,EAAY,GAAG;eAE5D,kBAAC,OAAD;MACE,WAAW,WAAW,EAAY;MAClC,MAAK;MACL,SAAQ;MACR,QAAO;MACP,aAAa;gBAEb,kBAAC,QAAD;OACE,eAAc;OACd,gBAAe;OACf,GAAE;OACF,CAAA;MACE,CAAA;KACF,CAAA;IAGN,kBAAC,MAAD;KAAI,WAAU;eAAyC;KAAkB,CAAA;IAGzE,kBAAC,KAAD;KAAG,WAAU;eAAiC;KAAmB,CAAA;IAGjE,kBAAC,OAAD;KACE,WAAW,8CAA8C,EAAY,GAAG;eAD1E,CAGE,kBAAC,QAAD,EAAM,WAAW,wBAAwB,EAAY,IAAI,iBAAmB,CAAA,EAC5E,kBAAC,QAAD;MAAM,WAAW,uBAAuB,EAAY;gBACjD,EAAG,qCAAqC,yBAAyB;MAC7D,CAAA,CACH;;IAGL,KAAa,KACZ,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,UAAD;MACE,SAAS;MACT,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OACE,WAAU;OACV,MAAK;OACL,SAAQ;OACR,QAAO;OACP,aAAa;iBAEb,kBAAC,QAAD;QACE,eAAc;QACd,gBAAe;QACf,GAAE;QACF,CAAA;OACE,CAAA,EACL,EAAG,gCAAgC,YAAY,CACzC;;KACL,CAAA;IAIR,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,mCACA,kFACD;KACC,CAAA;IACA;;EACF,CAAA"}
+{"version":3,"file":"ServerError.js","names":[],"sources":["../../../../src/billing/shared/components/ServerError.tsx"],"sourcesContent":["/**\n * Shared Server Error Component\n * Displays when backend server is unavailable or returns 500 errors\n */\n\nimport type { FC } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { statusTokens } from '../utils/tokens';\n\ninterface ServerErrorProps {\n  title?: string;\n  message?: string;\n  onRetry?: () => void;\n  showRetry?: boolean;\n}\n\nexport const ServerError: FC<ServerErrorProps> = ({\n  title,\n  message,\n  onRetry,\n  showRetry = true,\n}) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n\n  const displayTitle = title ?? tr('billing.serverError.title', 'Server Unavailable');\n  const displayMessage =\n    message ??\n    tr(\n      'billing.serverError.message',\n      \"We're having trouble connecting to the server. Please try again later.\"\n    );\n  const errorTokens = statusTokens.error;\n\n  return (\n    <div className=\"flex items-center justify-center h-full min-h-[400px]\">\n      <div className=\"text-center space-y-4 max-w-md\">\n        {/* Server Icon */}\n        <div\n          className={`size-16 mx-auto rounded-full ${errorTokens.bg} flex items-center justify-center`}\n        >\n          <svg\n            className={`size-8 ${errorTokens.icon}`}\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n            strokeWidth={1.5}\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              d=\"M5.25 14.25h13.5m-13.5 0a3 3 0 01-3-3m3 3a3 3 0 100 6h13.5a3 3 0 100-6m-16.5-3a3 3 0 013-3h13.5a3 3 0 013 3m-19.5 0a4.5 4.5 0 01.9-2.7L5.737 5.1a3.375 3.375 0 012.7-1.35h7.126c1.062 0 2.062.5 2.7 1.35l2.587 3.45a4.5 4.5 0 01.9 2.7m0 0a3 3 0 01-3 3m0 3h.008v.008h-.008v-.008zm0-6h.008v.008h-.008v-.008zm-3 6h.008v.008h-.008v-.008zm0-6h.008v.008h-.008v-.008z\"\n            />\n          </svg>\n        </div>\n\n        {/* Error Title */}\n        <h2 className=\"text-xl font-semibold text-foreground\">{displayTitle}</h2>\n\n        {/* Error Message */}\n        <p className=\"text-sm text-muted-foreground\">{displayMessage}</p>\n\n        {/* Status Indicator */}\n        <div\n          className={`inline-flex items-center gap-2 px-3 py-1.5 ${errorTokens.bg} rounded-full`}\n        >\n          <span className={`size-2 rounded-full ${errorTokens.dot} animate-pulse`} />\n          <span className={`text-xs font-medium ${errorTokens.text}`}>\n            {tr('billing.serverError.statusOffline', 'Server Status: Offline')}\n          </span>\n        </div>\n\n        {/* Retry Button */}\n        {showRetry && onRetry && (\n          <div className=\"pt-2\">\n            <button\n              type=\"button\"\n              onClick={onRetry}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-primary-foreground bg-primary hover:bg-primary/90 rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2\"\n            >\n              <svg\n                className=\"size-4\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                strokeWidth={2}\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  d=\"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99\"\n                />\n              </svg>\n              {tr('billing.serverError.tryAgain', 'Try Again')}\n            </button>\n          </div>\n        )}\n\n        {/* Additional Help */}\n        <p className=\"text-xs text-muted-foreground pt-4\">\n          {tr(\n            'billing.serverError.persistHelp',\n            'If this issue persists, please contact support or check the system status page.'\n          )}\n        </p>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAgBA,IAAa,KAAqC,EAChD,UACA,YACA,YACA,eAAY,SACR;CACJ,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAa,EAAE,EAAI;AACzB,SAAO,MAAe,IAAM,IAAW;IAGnC,IAAe,KAAS,EAAG,6BAA6B,qBAAqB,EAC7E,IACJ,KACA,EACE,+BACA,yEACD,EACG,IAAc,EAAa;AAEjC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KACE,WAAW,gCAAgC,EAAY,GAAG;eAE1D,kBAAC,OAAD;MACE,WAAW,UAAU,EAAY;MACjC,MAAK;MACL,SAAQ;MACR,QAAO;MACP,aAAa;gBAEb,kBAAC,QAAD;OACE,eAAc;OACd,gBAAe;OACf,GAAE;OACF,CAAA;MACE,CAAA;KACF,CAAA;IAGN,kBAAC,MAAD;KAAI,WAAU;eAAyC;KAAkB,CAAA;IAGzE,kBAAC,KAAD;KAAG,WAAU;eAAiC;KAAmB,CAAA;IAGjE,kBAAC,OAAD;KACE,WAAW,8CAA8C,EAAY,GAAG;eAD1E,CAGE,kBAAC,QAAD,EAAM,WAAW,uBAAuB,EAAY,IAAI,iBAAmB,CAAA,EAC3E,kBAAC,QAAD;MAAM,WAAW,uBAAuB,EAAY;gBACjD,EAAG,qCAAqC,yBAAyB;MAC7D,CAAA,CACH;;IAGL,KAAa,KACZ,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;gBAHZ,CAKE,kBAAC,OAAD;OACE,WAAU;OACV,MAAK;OACL,SAAQ;OACR,QAAO;OACP,aAAa;iBAEb,kBAAC,QAAD;QACE,eAAc;QACd,gBAAe;QACf,GAAE;QACF,CAAA;OACE,CAAA,EACL,EAAG,gCAAgC,YAAY,CACzC;;KACL,CAAA;IAIR,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,mCACA,kFACD;KACC,CAAA;IACA;;EACF,CAAA"}

package/dist/billing/shared/components/index.js

@@ -5,3 +5,4 @@ import "./EmptyState.js";
 import "./ServerError.js";
 import "./GeoPricingOverridesEditor.js";
 import "./CurrencyPriceOverridesEditor.js";
+import "./ActorIdentity.js";

package/dist/billing/shared/hooks/index.js

@@ -0,0 +1 @@
+import "./useActorProfiles.js";

package/dist/billing/shared/hooks/useActorProfiles.js

@@ -0,0 +1,113 @@
+import { useBilling as e } from "../../providers/BillingProvider.js";
+import { directBillingGraphqlRequest as t } from "../utils/directBillingGraphql.js";
+import "../utils/index.js";
+import { useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+//#region src/billing/shared/hooks/useActorProfiles.ts
+var o = "\n  query ActorProfileUser($id: ID!) {\n    user(id: $id) {\n      id\n      email\n      firstName\n      lastName\n      name\n      username\n      avatar\n    }\n  }\n";
+function s(e) {
+	return e.length <= 12 ? e : `${e.slice(0, 8)}…${e.slice(-4)}`;
+}
+function c(e) {
+	switch (e.toLowerCase()) {
+		case "user": return "User";
+		case "app": return "App";
+		case "service": return "Service";
+		case "super_admin": return "Super Admin";
+		default: return e.split("_").map((e) => e.charAt(0) + e.slice(1).toLowerCase()).join(" ");
+	}
+}
+function l(e) {
+	return {
+		actorId: e.actorId,
+		actorType: e.actorType,
+		displayName: e.actorType.toLowerCase() === "user" ? `User ${s(e.actorId)}` : c(e.actorType),
+		secondaryLabel: s(e.actorId),
+		resolved: !1
+	};
+}
+var u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), f = 300 * 1e3, p = /* @__PURE__ */ new Map();
+function m(e) {
+	let t = p.get(e);
+	if (!t || t < Date.now()) {
+		u.delete(e), p.delete(e);
+		return;
+	}
+	return u.get(e);
+}
+function h(e) {
+	u.set(e.actorId, e), p.set(e.actorId, Date.now() + f);
+}
+function g(c) {
+	let { authToken: u, apiGatewayUrl: f, orgId: p } = e(), [g, _] = a(() => {
+		let e = {};
+		for (let t of c) {
+			let n = m(t.actorId);
+			e[t.actorId] = n ?? l(t);
+		}
+		return e;
+	}), v = r(() => c.map((e) => `${e.actorId}|${e.actorType}`).sort().join(","), [c]), y = i(void 0);
+	return n(() => {
+		let e = !1;
+		y.current = u;
+		async function n(e) {
+			let n = m(e.actorId);
+			if (n?.resolved) return n;
+			if (e.actorType.toLowerCase() !== "user") {
+				let t = l(e);
+				return h(t), t;
+			}
+			let r = e.actorId, i = d.get(r);
+			if (i) return i;
+			let a = (async () => {
+				try {
+					let n = await t({
+						apiGatewayUrl: f,
+						authToken: u,
+						orgId: p,
+						query: o,
+						variables: { id: e.actorId }
+					});
+					if (!n.user) {
+						let t = l(e);
+						return h(t), t;
+					}
+					let r = n.user, i = r.name?.trim() || [r.firstName, r.lastName].filter(Boolean).join(" ").trim() || r.username?.trim() || r.email?.trim() || `User ${s(e.actorId)}`, a = {
+						actorId: e.actorId,
+						actorType: e.actorType,
+						displayName: i,
+						secondaryLabel: r.email ?? s(e.actorId),
+						email: r.email ?? void 0,
+						avatarUrl: r.avatar ?? void 0,
+						resolved: !0
+					};
+					return h(a), a;
+				} catch {
+					return l(e);
+				} finally {
+					d.delete(r);
+				}
+			})();
+			return d.set(r, a), a;
+		}
+		async function r() {
+			let t = await Promise.all(c.map(n));
+			e || _((e) => {
+				let n = { ...e };
+				for (let e of t) n[e.actorId] = e;
+				return n;
+			});
+		}
+		return r(), () => {
+			e = !0;
+		};
+	}, [
+		v,
+		u,
+		f,
+		p
+	]), g;
+}
+//#endregion
+export { g as useActorProfiles };
+
+//# sourceMappingURL=useActorProfiles.js.map

package/dist/billing/shared/hooks/useActorProfiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActorProfiles.js","names":[],"sources":["../../../../src/billing/shared/hooks/useActorProfiles.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { useBilling } from '../../providers/BillingProvider';\nimport { directBillingGraphqlRequest } from '../utils';\n\nexport interface ActorProfile {\n  actorId: string;\n  actorType: string;\n  displayName: string;\n  secondaryLabel: string;\n  email?: string;\n  avatarUrl?: string;\n  resolved: boolean;\n}\n\nexport type ActorProfileMap = Record<string, ActorProfile>;\n\ninterface ActorInput {\n  actorId: string;\n  actorType: string;\n}\n\nconst USER_QUERY = `\n  query ActorProfileUser($id: ID!) {\n    user(id: $id) {\n      id\n      email\n      firstName\n      lastName\n      name\n      username\n      avatar\n    }\n  }\n`;\n\ninterface UserResponse {\n  user: {\n    id: string;\n    email?: string | null;\n    firstName?: string | null;\n    lastName?: string | null;\n    name?: string | null;\n    username?: string | null;\n    avatar?: string | null;\n  } | null;\n}\n\nfunction shortId(actorId: string): string {\n  if (actorId.length <= 12) return actorId;\n  return `${actorId.slice(0, 8)}…${actorId.slice(-4)}`;\n}\n\nfunction humanizeType(actorType: string): string {\n  switch (actorType.toLowerCase()) {\n    case 'user':\n      return 'User';\n    case 'app':\n      return 'App';\n    case 'service':\n      return 'Service';\n    case 'super_admin':\n      return 'Super Admin';\n    default:\n      return actorType\n        .split('_')\n        .map((segment) => segment.charAt(0) + segment.slice(1).toLowerCase())\n        .join(' ');\n  }\n}\n\nfunction buildFallback(actor: ActorInput): ActorProfile {\n  return {\n    actorId: actor.actorId,\n    actorType: actor.actorType,\n    displayName:\n      actor.actorType.toLowerCase() === 'user'\n        ? `User ${shortId(actor.actorId)}`\n        : humanizeType(actor.actorType),\n    secondaryLabel: shortId(actor.actorId),\n    resolved: false,\n  };\n}\n\nconst cache = new Map<string, ActorProfile>();\nconst inflight = new Map<string, Promise<ActorProfile>>();\nconst CACHE_TTL_MS = 5 * 60 * 1000;\nconst cacheExpiresAt = new Map<string, number>();\n\nfunction cacheGet(actorId: string): ActorProfile | undefined {\n  const expiresAt = cacheExpiresAt.get(actorId);\n  if (!expiresAt || expiresAt < Date.now()) {\n    cache.delete(actorId);\n    cacheExpiresAt.delete(actorId);\n    return undefined;\n  }\n  return cache.get(actorId);\n}\n\nfunction cacheSet(profile: ActorProfile): void {\n  cache.set(profile.actorId, profile);\n  cacheExpiresAt.set(profile.actorId, Date.now() + CACHE_TTL_MS);\n}\n\nexport function useActorProfiles(actors: ActorInput[]): ActorProfileMap {\n  const { authToken, apiGatewayUrl, orgId } = useBilling();\n  const [profileMap, setProfileMap] = useState<ActorProfileMap>(() => {\n    const initial: ActorProfileMap = {};\n    for (const actor of actors) {\n      const cached = cacheGet(actor.actorId);\n      initial[actor.actorId] = cached ?? buildFallback(actor);\n    }\n    return initial;\n  });\n\n  const actorsKey = useMemo(\n    () =>\n      actors\n        .map((a) => `${a.actorId}|${a.actorType}`)\n        .sort()\n        .join(','),\n    [actors]\n  );\n  const lastTokenRef = useRef<string | undefined>(undefined);\n\n  useEffect(() => {\n    let cancelled = false;\n    lastTokenRef.current = authToken;\n\n    async function loadOne(actor: ActorInput): Promise<ActorProfile> {\n      const cached = cacheGet(actor.actorId);\n      if (cached?.resolved) return cached;\n\n      if (actor.actorType.toLowerCase() !== 'user') {\n        const profile = buildFallback(actor);\n        cacheSet(profile);\n        return profile;\n      }\n\n      const key = actor.actorId;\n      const existing = inflight.get(key);\n      if (existing) return existing;\n\n      const promise = (async () => {\n        try {\n          const data = await directBillingGraphqlRequest<UserResponse>({\n            apiGatewayUrl,\n            authToken,\n            orgId,\n            query: USER_QUERY,\n            variables: { id: actor.actorId },\n          });\n          if (!data.user) {\n            const profile = buildFallback(actor);\n            cacheSet(profile);\n            return profile;\n          }\n          const u = data.user;\n          const displayName =\n            u.name?.trim() ||\n            [u.firstName, u.lastName].filter(Boolean).join(' ').trim() ||\n            u.username?.trim() ||\n            u.email?.trim() ||\n            `User ${shortId(actor.actorId)}`;\n          const profile: ActorProfile = {\n            actorId: actor.actorId,\n            actorType: actor.actorType,\n            displayName,\n            secondaryLabel: u.email ?? shortId(actor.actorId),\n            email: u.email ?? undefined,\n            avatarUrl: u.avatar ?? undefined,\n            resolved: true,\n          };\n          cacheSet(profile);\n          return profile;\n        } catch {\n          const profile = buildFallback(actor);\n          return profile;\n        } finally {\n          inflight.delete(key);\n        }\n      })();\n      inflight.set(key, promise);\n      return promise;\n    }\n\n    async function run() {\n      const results = await Promise.all(actors.map(loadOne));\n      if (cancelled) return;\n      setProfileMap((prev) => {\n        const next: ActorProfileMap = { ...prev };\n        for (const profile of results) {\n          next[profile.actorId] = profile;\n        }\n        return next;\n      });\n    }\n\n    void run();\n    return () => {\n      cancelled = true;\n    };\n  }, [actorsKey, authToken, apiGatewayUrl, orgId]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return profileMap;\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-billing",
-  "version": "2026.526.1",
+  "version": "2026.528.1",
   "description": "Billing microfrontend for Burdenoff products",
   "type": "module",
   "files": [
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.1.4",
-    "@burdenoff/fe-libs": "2026.518.7",
+    "@burdenoff/fe-libs": "2026.528.2",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
     "graphql": "^16.10.0",