@replicated/portal-components 0.0.27 → 0.0.29

package/dist/{index-Bcp17Mf3.d.ts → index-7ibNULXY.d.ts}

@@ -592,8 +592,10 @@ interface ListReleasesResult {
  * Fetches custom branding for the portal.
  * This function is cached per-request to avoid duplicate API calls when called
  * from multiple components (e.g., TopNav and page components).
+ *
+ * @param version - Optional branch/version name for version-specific branding
  */
-declare const fetchCustomBranding: () => Promise<CustomBrandingResponse>;
+declare const fetchCustomBranding: (version?: string) => Promise<CustomBrandingResponse>;
 declare const decodeJwtPayload: (token: string) => Record<string, unknown>;
 /**
  * Extracts customer ID from JWT token. Throws if extraction fails.

package/dist/{index-DaH1bSuO.d.mts → index-CITwEYtK.d.mts}

@@ -592,8 +592,10 @@ interface ListReleasesResult {
  * Fetches custom branding for the portal.
  * This function is cached per-request to avoid duplicate API calls when called
  * from multiple components (e.g., TopNav and page components).
+ *
+ * @param version - Optional branch/version name for version-specific branding
  */
-declare const fetchCustomBranding: () => Promise<CustomBrandingResponse>;
+declare const fetchCustomBranding: (version?: string) => Promise<CustomBrandingResponse>;
 declare const decodeJwtPayload: (token: string) => Record<string, unknown>;
 /**
  * Extracts customer ID from JWT token. Throws if extraction fails.

package/dist/index.d.mts

@@ -2,7 +2,7 @@ export { PortalThemeOverrides, PortalThemeTokens, createPortalTheme, portalTheme
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 export { LicenseDetails, LicenseDetailsProps } from './license-details.mjs';
-export { C as Customer, c as TopNav, a as TopNavBranding, T as TopNavLink, b as TopNavProps, d as defaultTopNavLinks } from './top-nav-B2yA3PC7.mjs';
+export { C as Customer, c as TopNav, a as TopNavBranding, T as TopNavLink, b as TopNavProps, d as defaultTopNavLinks } from './top-nav-Cf8zMq1A.mjs';
 export { a as UpdatesCard, U as UpdatesCardProps } from './updates-card-BbubBrVR.mjs';
 export { SupportCard } from './support-card.mjs';
 export { UserSettings, UserSettingsCustomer, UserSettingsNotification, UserSettingsProps, UserSettingsTeam, UserSettingsUser } from './user-settings.mjs';
@@ -10,10 +10,10 @@ export { UserSettingsCard } from './user-settings-card.mjs';
 export { a as TeamSettingsCard, T as TeamSettingsCardProps } from './team-settings-card-Dq1d9b5c.mjs';
 export { UpdateLayout } from './update-layout.mjs';
 export { ConvertToReleaseEntryOptions, DEFAULT_FAVICON, DEFAULT_PRIMARY_COLOR, DEFAULT_SECONDARY_COLOR, ReleaseNotesMode, UnauthorizedError, authenticatedFetch, convertToReleaseEntry, formatBytes, formatDate, formatDateShort, formatDateTime, formatDateTimeLocal, isHttpApiOrigin, isRedirectError, validateSession } from './utils/index.mjs';
-export { a as BackgroundType, B as BrandingResult, d as decodeBranding, n as normalizeColor, s as sanitizeUrlForCss } from './branding-DmsrDTNE.mjs';
+export { a as BackgroundType, B as BrandingResult, d as decodeBranding, i as isDarkColor, n as normalizeColor, s as sanitizeUrlForCss } from './branding-C5H0L6Vi.mjs';
 export { U as UploadSupportBundleResult, u as uploadSupportBundleWithProgress } from './upload-with-progress-D760HthX.mjs';
 export { SetSamlSessionResult, handleSamlAcs, setSamlSessionImpl } from './api/saml.mjs';
-export { C as ChannelRelease, Z as CustomBrandingResponse, ad as DeleteSupportBundleInput, ae as DeleteSupportBundleResult, a1 as DownloadPortalRelease, ar as DownloadSBOMInput, ab as DownloadSupportBundleInput, ac as DownloadSupportBundleResult, F as FetchChannelReleasesResult, as as FetchCurrentUserInput, at as FetchCurrentUserResult, _ as FetchLicenseInput, $ as FetchLicenseResult, ay as FetchNotificationsInput, az as FetchNotificationsResult, an as GetSecurityInfoDiffInput, G as GetSecurityInfoDiffResult, ak as GetSecurityInfoInput, al as GetSecurityInfoResult, ap as GetSecurityInfoSBOMInput, aq as GetSecurityInfoSBOMResult, a3 as InitiateLoginInput, a4 as InitiateLoginResult, a2 as ListReleasesResult, a8 as ListSupportBundlesInput, a9 as ListSupportBundlesResult, ax as NotificationSetting, W as PortalActionContext, X as PortalActionVisibility, Y as PortalServerActionDefinition, a0 as ReleaseHelmChart, ao as SBOMMetadata, am as SecurityInfoDiff, ah as SecurityInstallType, S as SecurityReleaseImage, ai as SecurityScanSummary, aj as SecurityScanWrapper, aa as SupportBundleInsight, q as SupportBundleSummary, aA as UpdateNotificationsInput, aB as UpdateNotificationsResult, av as UpdateUserInput, aw as UpdateUserResult, af as UploadSupportBundleCompleteInput, ag as UploadSupportBundleCompleteResult, au as UserProfile, a7 as VerifyMagicLinkError, a5 as VerifyMagicLinkInput, a6 as VerifyMagicLinkResult, B as decodeJwtPayload, r as defineServerAction, y as deleteSupportBundle, O as downloadSecuritySBOM, x as downloadSupportBundle, Q as fetchCurrentUser, s as fetchCustomBranding, J as fetchDashboardComposite, T as fetchNotifications, E as getCustomerIdFromToken, K as getSecurityInfo, L as getSecurityInfoDiff, M as getSecurityInfoSBOM, A as getSupportBundleUploadUrl, v as initiateLogin, t as listReleases, w as listSupportBundles, V as updateNotifications, R as updateUser, z as uploadSupportBundle, H as verifyMagicLink } from './index-DaH1bSuO.mjs';
+export { C as ChannelRelease, Z as CustomBrandingResponse, ad as DeleteSupportBundleInput, ae as DeleteSupportBundleResult, a1 as DownloadPortalRelease, ar as DownloadSBOMInput, ab as DownloadSupportBundleInput, ac as DownloadSupportBundleResult, F as FetchChannelReleasesResult, as as FetchCurrentUserInput, at as FetchCurrentUserResult, _ as FetchLicenseInput, $ as FetchLicenseResult, ay as FetchNotificationsInput, az as FetchNotificationsResult, an as GetSecurityInfoDiffInput, G as GetSecurityInfoDiffResult, ak as GetSecurityInfoInput, al as GetSecurityInfoResult, ap as GetSecurityInfoSBOMInput, aq as GetSecurityInfoSBOMResult, a3 as InitiateLoginInput, a4 as InitiateLoginResult, a2 as ListReleasesResult, a8 as ListSupportBundlesInput, a9 as ListSupportBundlesResult, ax as NotificationSetting, W as PortalActionContext, X as PortalActionVisibility, Y as PortalServerActionDefinition, a0 as ReleaseHelmChart, ao as SBOMMetadata, am as SecurityInfoDiff, ah as SecurityInstallType, S as SecurityReleaseImage, ai as SecurityScanSummary, aj as SecurityScanWrapper, aa as SupportBundleInsight, q as SupportBundleSummary, aA as UpdateNotificationsInput, aB as UpdateNotificationsResult, av as UpdateUserInput, aw as UpdateUserResult, af as UploadSupportBundleCompleteInput, ag as UploadSupportBundleCompleteResult, au as UserProfile, a7 as VerifyMagicLinkError, a5 as VerifyMagicLinkInput, a6 as VerifyMagicLinkResult, B as decodeJwtPayload, r as defineServerAction, y as deleteSupportBundle, O as downloadSecuritySBOM, x as downloadSupportBundle, Q as fetchCurrentUser, s as fetchCustomBranding, J as fetchDashboardComposite, T as fetchNotifications, E as getCustomerIdFromToken, K as getSecurityInfo, L as getSecurityInfoDiff, M as getSecurityInfoSBOM, A as getSupportBundleUploadUrl, v as initiateLogin, t as listReleases, w as listSupportBundles, V as updateNotifications, R as updateUser, z as uploadSupportBundle, H as verifyMagicLink } from './index-CITwEYtK.mjs';
 export { InitialSecurityData } from './security-card.mjs';
 export { C as CustomHostnameOverrides, E as EntitlementField, b as EntitlementValue, L as License, a as LicenseChannel, P as PortalLicenseField, f as fetchLicense } from './fetch-license-iTyF7_GY.mjs';
 import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { PortalThemeOverrides, PortalThemeTokens, createPortalTheme, portalTheme
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 export { LicenseDetails, LicenseDetailsProps } from './license-details.js';
-export { C as Customer, c as TopNav, a as TopNavBranding, T as TopNavLink, b as TopNavProps, d as defaultTopNavLinks } from './top-nav-8f2U69MF.js';
+export { C as Customer, c as TopNav, a as TopNavBranding, T as TopNavLink, b as TopNavProps, d as defaultTopNavLinks } from './top-nav-B2FVC4rl.js';
 export { a as UpdatesCard, U as UpdatesCardProps } from './updates-card-BbubBrVR.js';
 export { SupportCard } from './support-card.js';
 export { UserSettings, UserSettingsCustomer, UserSettingsNotification, UserSettingsProps, UserSettingsTeam, UserSettingsUser } from './user-settings.js';
@@ -10,10 +10,10 @@ export { UserSettingsCard } from './user-settings-card.js';
 export { a as TeamSettingsCard, T as TeamSettingsCardProps } from './team-settings-card-Dq1d9b5c.js';
 export { UpdateLayout } from './update-layout.js';
 export { ConvertToReleaseEntryOptions, DEFAULT_FAVICON, DEFAULT_PRIMARY_COLOR, DEFAULT_SECONDARY_COLOR, ReleaseNotesMode, UnauthorizedError, authenticatedFetch, convertToReleaseEntry, formatBytes, formatDate, formatDateShort, formatDateTime, formatDateTimeLocal, isHttpApiOrigin, isRedirectError, validateSession } from './utils/index.js';
-export { a as BackgroundType, B as BrandingResult, d as decodeBranding, n as normalizeColor, s as sanitizeUrlForCss } from './branding-DmsrDTNE.js';
+export { a as BackgroundType, B as BrandingResult, d as decodeBranding, i as isDarkColor, n as normalizeColor, s as sanitizeUrlForCss } from './branding-C5H0L6Vi.js';
 export { U as UploadSupportBundleResult, u as uploadSupportBundleWithProgress } from './upload-with-progress-D760HthX.js';
 export { SetSamlSessionResult, handleSamlAcs, setSamlSessionImpl } from './api/saml.js';
-export { C as ChannelRelease, Z as CustomBrandingResponse, ad as DeleteSupportBundleInput, ae as DeleteSupportBundleResult, a1 as DownloadPortalRelease, ar as DownloadSBOMInput, ab as DownloadSupportBundleInput, ac as DownloadSupportBundleResult, F as FetchChannelReleasesResult, as as FetchCurrentUserInput, at as FetchCurrentUserResult, _ as FetchLicenseInput, $ as FetchLicenseResult, ay as FetchNotificationsInput, az as FetchNotificationsResult, an as GetSecurityInfoDiffInput, G as GetSecurityInfoDiffResult, ak as GetSecurityInfoInput, al as GetSecurityInfoResult, ap as GetSecurityInfoSBOMInput, aq as GetSecurityInfoSBOMResult, a3 as InitiateLoginInput, a4 as InitiateLoginResult, a2 as ListReleasesResult, a8 as ListSupportBundlesInput, a9 as ListSupportBundlesResult, ax as NotificationSetting, W as PortalActionContext, X as PortalActionVisibility, Y as PortalServerActionDefinition, a0 as ReleaseHelmChart, ao as SBOMMetadata, am as SecurityInfoDiff, ah as SecurityInstallType, S as SecurityReleaseImage, ai as SecurityScanSummary, aj as SecurityScanWrapper, aa as SupportBundleInsight, q as SupportBundleSummary, aA as UpdateNotificationsInput, aB as UpdateNotificationsResult, av as UpdateUserInput, aw as UpdateUserResult, af as UploadSupportBundleCompleteInput, ag as UploadSupportBundleCompleteResult, au as UserProfile, a7 as VerifyMagicLinkError, a5 as VerifyMagicLinkInput, a6 as VerifyMagicLinkResult, B as decodeJwtPayload, r as defineServerAction, y as deleteSupportBundle, O as downloadSecuritySBOM, x as downloadSupportBundle, Q as fetchCurrentUser, s as fetchCustomBranding, J as fetchDashboardComposite, T as fetchNotifications, E as getCustomerIdFromToken, K as getSecurityInfo, L as getSecurityInfoDiff, M as getSecurityInfoSBOM, A as getSupportBundleUploadUrl, v as initiateLogin, t as listReleases, w as listSupportBundles, V as updateNotifications, R as updateUser, z as uploadSupportBundle, H as verifyMagicLink } from './index-Bcp17Mf3.js';
+export { C as ChannelRelease, Z as CustomBrandingResponse, ad as DeleteSupportBundleInput, ae as DeleteSupportBundleResult, a1 as DownloadPortalRelease, ar as DownloadSBOMInput, ab as DownloadSupportBundleInput, ac as DownloadSupportBundleResult, F as FetchChannelReleasesResult, as as FetchCurrentUserInput, at as FetchCurrentUserResult, _ as FetchLicenseInput, $ as FetchLicenseResult, ay as FetchNotificationsInput, az as FetchNotificationsResult, an as GetSecurityInfoDiffInput, G as GetSecurityInfoDiffResult, ak as GetSecurityInfoInput, al as GetSecurityInfoResult, ap as GetSecurityInfoSBOMInput, aq as GetSecurityInfoSBOMResult, a3 as InitiateLoginInput, a4 as InitiateLoginResult, a2 as ListReleasesResult, a8 as ListSupportBundlesInput, a9 as ListSupportBundlesResult, ax as NotificationSetting, W as PortalActionContext, X as PortalActionVisibility, Y as PortalServerActionDefinition, a0 as ReleaseHelmChart, ao as SBOMMetadata, am as SecurityInfoDiff, ah as SecurityInstallType, S as SecurityReleaseImage, ai as SecurityScanSummary, aj as SecurityScanWrapper, aa as SupportBundleInsight, q as SupportBundleSummary, aA as UpdateNotificationsInput, aB as UpdateNotificationsResult, av as UpdateUserInput, aw as UpdateUserResult, af as UploadSupportBundleCompleteInput, ag as UploadSupportBundleCompleteResult, au as UserProfile, a7 as VerifyMagicLinkError, a5 as VerifyMagicLinkInput, a6 as VerifyMagicLinkResult, B as decodeJwtPayload, r as defineServerAction, y as deleteSupportBundle, O as downloadSecuritySBOM, x as downloadSupportBundle, Q as fetchCurrentUser, s as fetchCustomBranding, J as fetchDashboardComposite, T as fetchNotifications, E as getCustomerIdFromToken, K as getSecurityInfo, L as getSecurityInfoDiff, M as getSecurityInfoSBOM, A as getSupportBundleUploadUrl, v as initiateLogin, t as listReleases, w as listSupportBundles, V as updateNotifications, R as updateUser, z as uploadSupportBundle, H as verifyMagicLink } from './index-7ibNULXY.js';
 export { InitialSecurityData } from './security-card.js';
 export { C as CustomHostnameOverrides, E as EntitlementField, b as EntitlementValue, L as License, a as LicenseChannel, P as PortalLicenseField, f as fetchLicense } from './fetch-license-iTyF7_GY.js';
 import 'react/jsx-runtime';

package/dist/index.js

@@ -127,7 +127,7 @@ var init_tracer = __esm({
 
 // package.json
 var package_default = {
-  version: "0.0.27"};
+  version: "0.0.29"};
 
 // src/tokens/index.ts
 var baseTokens = {
@@ -562,14 +562,17 @@ var verifyMagicLink = defineServerAction({
     return { token, raw: payload };
   }
 });
-var fetchCustomBrandingImpl = async () => {
+var fetchCustomBrandingImpl = async (version) => {
   const appSlug = process.env.PORTAL_APP_SLUG;
   if (!appSlug) {
     throw new Error("PORTAL_APP_SLUG is not configured");
   }
-  const url = `${getApiOrigin()}/enterprise-portal/public/branding?app_slug=${encodeURIComponent(
+  let url = `${getApiOrigin()}/enterprise-portal/public/branding?app_slug=${encodeURIComponent(
     appSlug
   )}`;
+  if (version) {
+    url += `&version=${encodeURIComponent(version)}`;
+  }
   if (process.env.NODE_ENV !== "production") {
     console.debug(
       "[portal-components] fetching custom branding via %s (Enterprise Portal API)",
@@ -598,7 +601,14 @@ var fetchCustomBrandingImpl = async () => {
     background: payload.background,
     backgroundImage: payload.backgroundImage,
     customColor1: payload.customColor1,
-    customColor2: payload.customColor2
+    customColor2: payload.customColor2,
+    headerColor: payload.headerColor,
+    headerGradientEnd: payload.headerGradientEnd,
+    sidebarColor: payload.sidebarColor,
+    sidebarGradientEnd: payload.sidebarGradientEnd,
+    contentBackgroundColor: payload.contentBackgroundColor,
+    contentBackgroundGradientEnd: payload.contentBackgroundGradientEnd,
+    customCSS: payload.customCSS
   };
   const brandingData = buffer.Buffer.from(JSON.stringify(brandingObject)).toString("base64");
   return {
@@ -1574,6 +1584,21 @@ var sanitizeUrlForCss = (url) => {
   const escaped = trimmed.replace(/\\/g, "\\\\").replace(/\)/g, "\\)").replace(/"/g, '\\"').replace(/'/g, "\\'").replace(/[\x00-\x1F\x7F]/g, "");
   return escaped;
 };
+var isDarkColor = (hex) => {
+  if (!hex) return false;
+  const normalized = normalizeColor(hex);
+  if (!normalized) return false;
+  let h = normalized.replace("#", "");
+  if (h.length === 3) {
+    h = h.charAt(0) + h.charAt(0) + h.charAt(1) + h.charAt(1) + h.charAt(2) + h.charAt(2);
+  }
+  const r = parseInt(h.substring(0, 2), 16) / 255;
+  const g = parseInt(h.substring(2, 4), 16) / 255;
+  const b = parseInt(h.substring(4, 6), 16) / 255;
+  const toLinear = (c) => c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  const luminance = 0.2126 * toLinear(r) + 0.7152 * toLinear(g) + 0.0722 * toLinear(b);
+  return luminance < 0.5;
+};
 var decodeBranding = ({ brandingData }) => {
   if (!brandingData || typeof brandingData !== "string") {
     return {
@@ -1599,6 +1624,13 @@ var decodeBranding = ({ brandingData }) => {
     const backgroundImage = sanitizeUrlForCss(parsed.backgroundImage);
     const backgroundGradientStart = normalizeColor(parsed.customColor1);
     const backgroundGradientEnd = normalizeColor(parsed.customColor2);
+    const headerColor = normalizeColor(parsed.headerColor);
+    const headerGradientEnd = normalizeColor(parsed.headerGradientEnd);
+    const sidebarColor = normalizeColor(parsed.sidebarColor);
+    const sidebarGradientEnd = normalizeColor(parsed.sidebarGradientEnd);
+    const contentBackgroundColor = normalizeColor(parsed.contentBackgroundColor);
+    const contentBackgroundGradientEnd = normalizeColor(parsed.contentBackgroundGradientEnd);
+    const customCSS = typeof parsed.customCSS === "string" ? parsed.customCSS : void 0;
     return {
       logo,
       title,
@@ -1610,7 +1642,14 @@ var decodeBranding = ({ brandingData }) => {
       background,
       backgroundImage,
       backgroundGradientStart,
-      backgroundGradientEnd
+      backgroundGradientEnd,
+      headerColor,
+      headerGradientEnd,
+      sidebarColor,
+      sidebarGradientEnd,
+      contentBackgroundColor,
+      contentBackgroundGradientEnd,
+      customCSS
     };
   } catch (error) {
     console.debug("[portal-components] unable to parse branding JSON", error);
@@ -1623,10 +1662,13 @@ var decodeBranding = ({ brandingData }) => {
 function UserMenuDropdown({
   displayLabel,
   children,
-  className = ""
+  className = "",
+  dark = false
 }) {
+  const summaryClass = dark ? "flex cursor-pointer items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-white/90 hover:bg-white/10 transition-colors list-none border border-transparent hover:border-white/20" : "flex cursor-pointer items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors list-none border border-transparent hover:border-gray-200";
+  const chevronClass = dark ? "h-4 w-4 text-white/50 transition-transform group-open:rotate-180" : "h-4 w-4 text-gray-500 transition-transform group-open:rotate-180";
   return /* @__PURE__ */ jsxRuntime.jsxs("details", { className: `group relative ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "flex cursor-pointer items-center gap-2 rounded-lg px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors list-none border border-transparent hover:border-gray-200", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: summaryClass, children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.User, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayLabel }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -1641,7 +1683,7 @@ function UserMenuDropdown({
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          className: "h-4 w-4 text-gray-500 transition-transform group-open:rotate-180",
+          className: chevronClass,
           children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" })
         }
       )
@@ -2829,6 +2871,7 @@ exports.getSecurityInfoSBOM = getSecurityInfoSBOM;
 exports.getSupportBundleUploadUrl = getSupportBundleUploadUrl;
 exports.handleSamlAcs = handleSamlAcs;
 exports.initiateLogin = initiateLogin;
+exports.isDarkColor = isDarkColor;
 exports.isHttpApiOrigin = isHttpApiOrigin;
 exports.isRedirectError = isRedirectError;
 exports.listReleases = listReleases;