@the-portland-company/shell 0.3.2 → 0.3.5

package/dist/index.d.cts

@@ -154,8 +154,15 @@ interface ShellModeValue {
     modes: ShellModeConfig[];
     /** Switch to a different mode. App owns side effects. */
     switchMode: (modeId: string) => void;
-    /** Returns the config for the current mode (convenience). */
-    getModeConfig: () => ShellModeConfig;
+    /**
+     * Optional convenience accessor for the current mode's config. If
+     * omitted, shell auto-derives it via `modes.find(m => m.id === currentMode)`.
+     * Avoid object-method syntax (`getModeConfig() { return this.modes[0] }`) —
+     * the function is destructured by shell internals and `this` will not be
+     * bound. Use a closure (`getModeConfig: () => modes[0]`) or just leave it
+     * unset and let shell resolve.
+     */
+    getModeConfig?: () => ShellModeConfig;
 }
 /** ---------------- Nav items ---------------- */
 /**

package/dist/index.d.ts

@@ -154,8 +154,15 @@ interface ShellModeValue {
     modes: ShellModeConfig[];
     /** Switch to a different mode. App owns side effects. */
     switchMode: (modeId: string) => void;
-    /** Returns the config for the current mode (convenience). */
-    getModeConfig: () => ShellModeConfig;
+    /**
+     * Optional convenience accessor for the current mode's config. If
+     * omitted, shell auto-derives it via `modes.find(m => m.id === currentMode)`.
+     * Avoid object-method syntax (`getModeConfig() { return this.modes[0] }`) —
+     * the function is destructured by shell internals and `this` will not be
+     * bound. Use a closure (`getModeConfig: () => modes[0]`) or just leave it
+     * unset and let shell resolve.
+     */
+    getModeConfig?: () => ShellModeConfig;
 }
 /** ---------------- Nav items ---------------- */
 /**

package/dist/index.js

@@ -1269,6 +1269,20 @@ function getUserDisplayName(user) {
   if (!user) return "User";
   return user.profile?.full_name || user.profile?.name || user.user_metadata?.full_name || user.user_metadata?.name || (typeof user.email === "string" ? user.email.split("@")[0] : "") || user.email || "User";
 }
+
+// src/lib/resolveModeConfig.ts
+function resolveModeConfig(mode) {
+  if (!mode) return null;
+  const modes = mode.modes ?? [];
+  if (typeof mode.getModeConfig === "function") {
+    try {
+      const result = mode.getModeConfig();
+      if (result) return result;
+    } catch {
+    }
+  }
+  return modes.find((m) => m.id === mode.currentMode) ?? modes[0] ?? null;
+}
 function avatarUrlFromUser(user) {
   if (!user) return void 0;
   const meta = user.raw.user_metadata;
@@ -1293,7 +1307,7 @@ function UserMenu() {
   if (status !== "authenticated" || !user) return null;
   const displayName = getUserDisplayName(user.raw);
   const avatarUrl = userAvatarUrl ?? avatarUrlFromUser(user);
-  const modeConfig = mode?.getModeConfig() ?? null;
+  const modeConfig = resolveModeConfig(mode);
   const currentOrg = org?.currentOrg ?? null;
   const linkedAccounts = linked?.linkedAccounts ?? [];
   const activeRoleConfig = role?.activeRoleConfig ?? null;
@@ -1581,7 +1595,7 @@ function NavItem({
   const navigate = useNavigate();
   const mode = useShellMode();
   const currentMode = mode?.currentMode ?? null;
-  const modeConfig = mode?.getModeConfig() ?? null;
+  const modeConfig = resolveModeConfig(mode);
   const navPref = useShellNavigationPreference();
   const showSubMenu = navPref?.showSubMenu ?? true;
   const navHoverGradient = currentMode === MODE_CAMPAIGN ? "linear-gradient(90deg, #F2C94C 0%, #E63946 100%)" : currentMode === MODE_PETITION ? "linear-gradient(90deg, #F2C94C 0%, #007BFF 100%)" : "linear-gradient(90deg, #007BFF 0%, #E63946 100%)";
@@ -2128,8 +2142,8 @@ var OrgPill_default = OrgPill;
 function ModePill() {
   const mode = useShellMode();
   if (!mode) return null;
-  const { currentMode, modes, switchMode, getModeConfig } = mode;
-  const modeConfig = getModeConfig();
+  const { currentMode, modes, switchMode } = mode;
+  const modeConfig = resolveModeConfig(mode);
   if (!modeConfig) return null;
   const hasMultipleModes = modes.length > 1;
   const isDisabled = !hasMultipleModes;