@campfire-interactive/shell-header 0.5.1 → 0.5.6

package/dist/index.d.ts

@@ -10,6 +10,12 @@ interface AppDefinition {
     color: string;
     /** Local dev port (e.g., 3000). Omit if the app doesn't run locally. */
     localPort?: number;
+    /**
+     * If set, the app tile is only visible when the host passes a
+     * `currentTenantRole` that matches one of these values. Used to gate
+     * admin-style apps (e.g. User Management → ['admin', 'owner']).
+     */
+    requiresRole?: string[];
 }
 interface ShellUser {
     name: string;
@@ -53,6 +59,13 @@ interface ShellHeaderProps {
     user: ShellUser;
     /** App IDs the user is authorized to access in the current tenant */
     authorizedApps: string[];
+    /**
+     * The user's role in their currently-active tenant (e.g. "admin", "owner",
+     * "member"). Apps in the catalog with `requiresRole` are shown only when
+     * this matches one of the allowed roles. Hosts typically derive this from
+     * `user.tenants.find(t => t.id === user.tenant.id)?.role`.
+     */
+    currentTenantRole?: string;
     /** Unread count for the bell badge. */
     notificationCount?: number;
     /**
@@ -116,7 +129,7 @@ interface ShellHeaderProps {
     children?: React.ReactNode;
 }
 
-declare function ShellHeader({ appId, user, authorizedApps, notificationCount, onNotificationClick, notifications, onMarkRead, onMarkAllRead, onNotificationItemClick, onLogout, locale, supportedLocales, onLocaleChange, tenant, tenants, onTenantSwitch, brandWidth, children, }: ShellHeaderProps): react_jsx_runtime.JSX.Element;
+declare function ShellHeader({ appId, user, authorizedApps, currentTenantRole, notificationCount, onNotificationClick, notifications, onMarkRead, onMarkAllRead, onNotificationItemClick, onLogout, locale, supportedLocales, onLocaleChange, tenant, tenants, onTenantSwitch, brandWidth, children, }: ShellHeaderProps): react_jsx_runtime.JSX.Element;
 
 interface LocaleSwitcherProps {
     currentLocale: string;

package/dist/index.js

@@ -34,7 +34,7 @@ var appCatalog = [
   { id: "pim", name: "Price Index", icon: "BarChart3", letter: "P", color: "#f97316", localPort: 3300 },
   { id: "cpq", name: "CPQ", icon: "Calculator", letter: "C", color: "#4f46e5", localPort: 3400 },
   { id: "omsf", name: "OMSF", icon: "FileText", letter: "O", color: "#0ea5e9", localPort: 3500 },
-  { id: "identity", name: "Identity", icon: "Shield", letter: "I", color: "#8b5cf6", localPort: 3600 },
+  { id: "identity", name: "User Management", icon: "Shield", letter: "U", color: "#8b5cf6", localPort: 3600, requiresRole: ["admin", "owner"] },
   { id: "bom", name: "BOM", icon: "Network", letter: "B", color: "#0d9488", localPort: 3700 }
 ];
 function getAppUrl(app) {
@@ -97,10 +97,12 @@ function GridIcon({ size = 20 }) {
 
 // src/AppSwitcher.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function AppSwitcher({ currentAppId, authorizedApps }) {
+function AppSwitcher({ currentAppId, authorizedApps, currentTenantRole }) {
   const [open, setOpen] = useState(false);
   const ref = useRef(null);
-  const visibleApps = appCatalog.filter((a) => authorizedApps.includes(a.id));
+  const visibleApps = appCatalog.filter(
+    (a) => authorizedApps.includes(a.id) && (!a.requiresRole || currentTenantRole !== void 0 && a.requiresRole.includes(currentTenantRole))
+  );
   useEffect(() => {
     function handleClickOutside(e) {
       if (ref.current && !ref.current.contains(e.target)) {
@@ -310,15 +312,6 @@ function UserMenu({
       setTenantExpanded(false);
       return;
     }
-    const target = tenants?.find((t) => t.id === tenantId);
-    const targetName = target?.name ?? "this tenant";
-    const confirmed = window.confirm(
-      `Switch to ${targetName}? Other open suite tabs will reload.`
-    );
-    if (!confirmed) {
-      setTenantExpanded(false);
-      return;
-    }
     setUpdating(true);
     try {
       await onTenantSwitch(tenantId);
@@ -356,8 +349,7 @@ function UserMenu({
             disabled: updating,
             children: [
               /* @__PURE__ */ jsx4(Building2, { size: 14 }),
-              /* @__PURE__ */ jsx4("span", { className: "cfi-sh-locale-row-label", children: "Tenant" }),
-              /* @__PURE__ */ jsx4("span", { className: "cfi-sh-locale-row-current", children: tenant.name }),
+              /* @__PURE__ */ jsx4("span", { className: "cfi-sh-locale-row-label", children: tenant.name }),
               /* @__PURE__ */ jsx4(
                 ChevronDown,
                 {
@@ -369,8 +361,7 @@ function UserMenu({
           }
         ) : /* @__PURE__ */ jsxs4("div", { className: "cfi-sh-menu-item cfi-sh-tenant-static", children: [
           /* @__PURE__ */ jsx4(Building2, { size: 14 }),
-          /* @__PURE__ */ jsx4("span", { className: "cfi-sh-locale-row-label", children: "Tenant" }),
-          /* @__PURE__ */ jsx4("span", { className: "cfi-sh-locale-row-current", children: tenant.name })
+          /* @__PURE__ */ jsx4("span", { className: "cfi-sh-locale-row-label", children: tenant.name })
         ] }),
         canSwitchTenant && tenantExpanded && /* @__PURE__ */ jsx4("div", { className: "cfi-sh-locale-sublist", children: tenants.map((t) => {
           const active = t.id === tenant.id;
@@ -451,6 +442,7 @@ function ShellHeader({
   appId,
   user,
   authorizedApps,
+  currentTenantRole,
   notificationCount,
   onNotificationClick,
   notifications,
@@ -489,7 +481,7 @@ function ShellHeader({
           onItemClick: onNotificationItemClick
         }
       ),
-      /* @__PURE__ */ jsx5(AppSwitcher, { currentAppId: appId, authorizedApps }),
+      /* @__PURE__ */ jsx5(AppSwitcher, { currentAppId: appId, authorizedApps, currentTenantRole }),
       /* @__PURE__ */ jsx5(
         UserMenu,
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campfire-interactive/shell-header",
-  "version": "0.5.1",
+  "version": "0.5.6",
   "description": "Shared shell header with app switcher for Campfire Suite",
   "type": "module",
   "main": "dist/index.js",