@replicated/portal-components 0.0.25 → 0.0.26

package/dist/esm/index.js

@@ -121,7 +121,7 @@ var init_tracer = __esm({
 
 // package.json
 var package_default = {
-  version: "0.0.25"};
+  version: "0.0.26"};
 
 // src/tokens/index.ts
 var baseTokens = {
@@ -444,218 +444,6 @@ async function fetchLicenseCore() {
 var fetchLicenseImpl = cache(fetchLicenseCore);
 var fetchLicense = fetchLicenseImpl;
 
-// src/utils/constants.ts
-var DEFAULT_FAVICON = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E";
-var DEFAULT_PRIMARY_COLOR = "#4f46e5";
-var DEFAULT_SECONDARY_COLOR = "#6366f1";
-var isHttpApiOrigin = () => {
-  return process.env.REPLICATED_APP_ORIGIN?.startsWith("http://") || false;
-};
-
-// src/utils/branding.ts
-var normalizeColor = (color) => {
-  if (!color || typeof color !== "string") {
-    return void 0;
-  }
-  const trimmed = color.trim();
-  if (/^#?[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(trimmed)) {
-    return trimmed.startsWith("#") ? trimmed : `#${trimmed}`;
-  }
-  console.debug("[portal-components] Invalid color format rejected (only hex supported):", trimmed);
-  return void 0;
-};
-var sanitizeUrlForCss = (url) => {
-  if (!url || typeof url !== "string") {
-    return void 0;
-  }
-  const trimmed = url.trim();
-  try {
-    const urlObj = new URL(trimmed);
-    if (!["http:", "https:", "data:"].includes(urlObj.protocol)) {
-      console.debug("[portal-components] Invalid URL protocol for background image:", urlObj.protocol);
-      return void 0;
-    }
-  } catch {
-    console.debug("[portal-components] Invalid URL format for background image:", trimmed);
-    return void 0;
-  }
-  const escaped = trimmed.replace(/\\/g, "\\\\").replace(/\)/g, "\\)").replace(/"/g, '\\"').replace(/'/g, "\\'").replace(/[\x00-\x1F\x7F]/g, "");
-  return escaped;
-};
-var decodeBranding = ({ brandingData }) => {
-  if (!brandingData || typeof brandingData !== "string") {
-    return {
-      primaryColor: DEFAULT_PRIMARY_COLOR,
-      secondaryColor: DEFAULT_SECONDARY_COLOR
-    };
-  }
-  try {
-    const decoded = Buffer.from(brandingData, "base64").toString("utf-8");
-    const parsed = JSON.parse(decoded);
-    const logo = typeof parsed.logo === "string" ? parsed.logo : void 0;
-    const titleRaw = typeof parsed.title === "string" ? parsed.title.trim() : "";
-    const title = titleRaw ? titleRaw : void 0;
-    const favicon = typeof parsed.favicon === "string" ? parsed.favicon : void 0;
-    const primaryColorRaw = parsed.primaryColor ?? parsed.primary_color;
-    const secondaryColorRaw = parsed.secondaryColor ?? parsed.secondary_color;
-    const primaryColor = normalizeColor(primaryColorRaw);
-    const secondaryColor = normalizeColor(secondaryColorRaw);
-    const supportPortalLink = typeof parsed.supportPortalLink === "string" ? parsed.supportPortalLink : void 0;
-    const backgroundRaw = parsed.background;
-    const background = backgroundRaw === "minimal" || backgroundRaw === "custom" || backgroundRaw === "image" ? backgroundRaw : void 0;
-    const backgroundImage = sanitizeUrlForCss(parsed.backgroundImage);
-    const backgroundGradientStart = normalizeColor(parsed.customColor1);
-    const backgroundGradientEnd = normalizeColor(parsed.customColor2);
-    return {
-      logo,
-      title,
-      favicon,
-      primaryColor: primaryColor || DEFAULT_PRIMARY_COLOR,
-      secondaryColor: secondaryColor || DEFAULT_SECONDARY_COLOR,
-      supportPortalLink,
-      background,
-      backgroundImage,
-      backgroundGradientStart,
-      backgroundGradientEnd
-    };
-  } catch (error) {
-    console.debug("[portal-components] unable to parse branding JSON", error);
-    return {
-      primaryColor: DEFAULT_PRIMARY_COLOR,
-      secondaryColor: DEFAULT_SECONDARY_COLOR
-    };
-  }
-};
-
-// src/utils/session.ts
-async function validateSession(token) {
-  if (!token || typeof token !== "string" || !token.trim()) {
-    return false;
-  }
-  const endpoint = `${getApiOrigin()}/enterprise-portal/user`;
-  const response = await fetch(endpoint, {
-    method: "GET",
-    headers: {
-      authorization: `Bearer ${token}`
-    },
-    // Short timeout for validation
-    signal: AbortSignal.timeout(5e3)
-  });
-  if (response.status === 401) {
-    return false;
-  }
-  if (!response.ok) {
-    throw new Error(`Session validation failed with status ${response.status}`);
-  }
-  return true;
-}
-
-// src/utils/format.ts
-function formatBytes(bytes, decimals = 1) {
-  if (bytes === 0) return "0 Bytes";
-  const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
-  const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
-}
-function formatDateShort(dateString) {
-  if (!dateString) return "Never";
-  const date = new Date(dateString);
-  if (isNaN(date.getTime())) {
-    return dateString;
-  }
-  return date.toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit"
-  });
-}
-function formatDate(dateString) {
-  if (!dateString) return "Never";
-  const date = new Date(dateString);
-  if (isNaN(date.getTime())) {
-    return dateString;
-  }
-  return date.toLocaleDateString("en-US", {
-    month: "short",
-    day: "numeric",
-    year: "numeric",
-    hour: "numeric",
-    minute: "2-digit",
-    hour12: true
-  });
-}
-function formatDateTime(dateString) {
-  const date = new Date(dateString);
-  if (isNaN(date.getTime())) {
-    return dateString;
-  }
-  return date.toLocaleString("en-US", {
-    timeZone: "UTC",
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit",
-    hour12: false
-  }) + " UTC";
-}
-function formatDateTimeLocal(dateString) {
-  if (!dateString) return "N/A";
-  try {
-    const date = new Date(dateString);
-    if (isNaN(date.getTime())) {
-      return dateString;
-    }
-    return date.toLocaleDateString("en-US", {
-      month: "numeric",
-      day: "numeric",
-      year: "numeric",
-      hour: "numeric",
-      minute: "2-digit",
-      hour12: true
-    });
-  } catch {
-    return "N/A";
-  }
-}
-
-// src/utils/release-helpers.ts
-function convertToReleaseEntry(release, channelName, options) {
-  const sections = [];
-  if (release.release_notes && release.release_notes.trim().length > 0) {
-    if (options.releaseNotesMode === "markdown") {
-      sections.push({
-        title: "Release Notes",
-        description: release.release_notes
-      });
-    } else {
-      const releaseNotesItems = release.release_notes.split(/\r?\n/).map((line) => line.trim()).filter((line) => line.length > 0);
-      sections.push({
-        title: "Release Notes",
-        description: releaseNotesItems.length === 0 ? release.release_notes : void 0,
-        items: releaseNotesItems.length > 0 ? releaseNotesItems : void 0
-      });
-    }
-  }
-  const charts = release.helm_charts ? release.helm_charts.filter((chart) => !chart.is_kots_installer_only).map((chart) => `${chart.name} v${chart.version}`) : [];
-  if (charts.length > 0) {
-    sections.push({
-      title: "Helm Charts",
-      items: charts,
-      description: "Latest chart versions included in this release."
-    });
-  }
-  return {
-    version: release.label || `Release ${release.release_sequence}`,
-    channel: channelName || `Channel ${release.channel_sequence}`,
-    releasedAt: release.release_date,
-    sections
-  };
-}
-
 // src/actions/index.ts
 var getApiOrigin = () => {
   return (process.env.REPLICATED_APP_ORIGIN || "https://replicated.app").replace(/\/+$/, "");
@@ -798,6 +586,7 @@ var fetchCustomBrandingImpl = async () => {
     title: payload.title,
     primaryColor: payload.primaryColor,
     secondaryColor: payload.secondaryColor,
+    contact: payload.contact,
     favicon: payload.faviconUrl,
     supportPortalLink: payload.supportPortalLink || "",
     background: payload.background,
@@ -1740,6 +1529,91 @@ var LicenseDetails = async ({
     ] })
   ] });
 };
+
+// src/utils/constants.ts
+var DEFAULT_FAVICON = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E";
+var DEFAULT_PRIMARY_COLOR = "#4f46e5";
+var DEFAULT_SECONDARY_COLOR = "#6366f1";
+var isHttpApiOrigin = () => {
+  return process.env.REPLICATED_APP_ORIGIN?.startsWith("http://") || false;
+};
+
+// src/utils/branding.ts
+var normalizeColor = (color) => {
+  if (!color || typeof color !== "string") {
+    return void 0;
+  }
+  const trimmed = color.trim();
+  if (/^#?[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(trimmed)) {
+    return trimmed.startsWith("#") ? trimmed : `#${trimmed}`;
+  }
+  console.debug("[portal-components] Invalid color format rejected (only hex supported):", trimmed);
+  return void 0;
+};
+var sanitizeUrlForCss = (url) => {
+  if (!url || typeof url !== "string") {
+    return void 0;
+  }
+  const trimmed = url.trim();
+  try {
+    const urlObj = new URL(trimmed);
+    if (!["http:", "https:", "data:"].includes(urlObj.protocol)) {
+      console.debug("[portal-components] Invalid URL protocol for background image:", urlObj.protocol);
+      return void 0;
+    }
+  } catch {
+    console.debug("[portal-components] Invalid URL format for background image:", trimmed);
+    return void 0;
+  }
+  const escaped = trimmed.replace(/\\/g, "\\\\").replace(/\)/g, "\\)").replace(/"/g, '\\"').replace(/'/g, "\\'").replace(/[\x00-\x1F\x7F]/g, "");
+  return escaped;
+};
+var decodeBranding = ({ brandingData }) => {
+  if (!brandingData || typeof brandingData !== "string") {
+    return {
+      primaryColor: DEFAULT_PRIMARY_COLOR,
+      secondaryColor: DEFAULT_SECONDARY_COLOR
+    };
+  }
+  try {
+    const decoded = Buffer.from(brandingData, "base64").toString("utf-8");
+    const parsed = JSON.parse(decoded);
+    const logo = typeof parsed.logo === "string" ? parsed.logo : void 0;
+    const titleRaw = typeof parsed.title === "string" ? parsed.title.trim() : "";
+    const title = titleRaw ? titleRaw : void 0;
+    const favicon = typeof parsed.favicon === "string" ? parsed.favicon : void 0;
+    const primaryColorRaw = parsed.primaryColor ?? parsed.primary_color;
+    const secondaryColorRaw = parsed.secondaryColor ?? parsed.secondary_color;
+    const primaryColor = normalizeColor(primaryColorRaw);
+    const secondaryColor = normalizeColor(secondaryColorRaw);
+    const contact = typeof parsed.contact === "string" ? parsed.contact : void 0;
+    const supportPortalLink = typeof parsed.supportPortalLink === "string" ? parsed.supportPortalLink : void 0;
+    const backgroundRaw = parsed.background;
+    const background = backgroundRaw === "minimal" || backgroundRaw === "custom" || backgroundRaw === "image" ? backgroundRaw : void 0;
+    const backgroundImage = sanitizeUrlForCss(parsed.backgroundImage);
+    const backgroundGradientStart = normalizeColor(parsed.customColor1);
+    const backgroundGradientEnd = normalizeColor(parsed.customColor2);
+    return {
+      logo,
+      title,
+      favicon,
+      primaryColor: primaryColor || DEFAULT_PRIMARY_COLOR,
+      secondaryColor: secondaryColor || DEFAULT_SECONDARY_COLOR,
+      contact,
+      supportPortalLink,
+      background,
+      backgroundImage,
+      backgroundGradientStart,
+      backgroundGradientEnd
+    };
+  } catch (error) {
+    console.debug("[portal-components] unable to parse branding JSON", error);
+    return {
+      primaryColor: DEFAULT_PRIMARY_COLOR,
+      secondaryColor: DEFAULT_SECONDARY_COLOR
+    };
+  }
+};
 function UserMenuDropdown({
   displayLabel,
   children,
@@ -2668,7 +2542,180 @@ var UpdateLayout = ({ children }) => {
 };
 UpdateLayout.displayName = "UpdateLayout";
 
-// src/saml-handlers.ts
+// src/utils/session.ts
+async function validateSession(token) {
+  if (!token || typeof token !== "string" || !token.trim()) {
+    return false;
+  }
+  const endpoint = `${getApiOrigin()}/enterprise-portal/user`;
+  const response = await fetch(endpoint, {
+    method: "GET",
+    headers: {
+      authorization: `Bearer ${token}`
+    },
+    // Short timeout for validation
+    signal: AbortSignal.timeout(5e3)
+  });
+  if (response.status === 401) {
+    return false;
+  }
+  if (!response.ok) {
+    throw new Error(`Session validation failed with status ${response.status}`);
+  }
+  return true;
+}
+
+// src/utils/format.ts
+function formatBytes(bytes, decimals = 1) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+}
+function formatDateShort(dateString) {
+  if (!dateString) return "Never";
+  const date = new Date(dateString);
+  if (isNaN(date.getTime())) {
+    return dateString;
+  }
+  return date.toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit"
+  });
+}
+function formatDate(dateString) {
+  if (!dateString) return "Never";
+  const date = new Date(dateString);
+  if (isNaN(date.getTime())) {
+    return dateString;
+  }
+  return date.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  });
+}
+function formatDateTime(dateString) {
+  const date = new Date(dateString);
+  if (isNaN(date.getTime())) {
+    return dateString;
+  }
+  return date.toLocaleString("en-US", {
+    timeZone: "UTC",
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hour12: false
+  }) + " UTC";
+}
+function formatDateTimeLocal(dateString) {
+  if (!dateString) return "N/A";
+  try {
+    const date = new Date(dateString);
+    if (isNaN(date.getTime())) {
+      return dateString;
+    }
+    return date.toLocaleDateString("en-US", {
+      month: "numeric",
+      day: "numeric",
+      year: "numeric",
+      hour: "numeric",
+      minute: "2-digit",
+      hour12: true
+    });
+  } catch {
+    return "N/A";
+  }
+}
+
+// src/utils/release-helpers.ts
+function convertToReleaseEntry(release, channelName, options) {
+  const sections = [];
+  if (release.release_notes && release.release_notes.trim().length > 0) {
+    if (options.releaseNotesMode === "markdown") {
+      sections.push({
+        title: "Release Notes",
+        description: release.release_notes
+      });
+    } else {
+      const releaseNotesItems = release.release_notes.split(/\r?\n/).map((line) => line.trim()).filter((line) => line.length > 0);
+      sections.push({
+        title: "Release Notes",
+        description: releaseNotesItems.length === 0 ? release.release_notes : void 0,
+        items: releaseNotesItems.length > 0 ? releaseNotesItems : void 0
+      });
+    }
+  }
+  const charts = release.helm_charts ? release.helm_charts.filter((chart) => !chart.is_kots_installer_only).map((chart) => `${chart.name} v${chart.version}`) : [];
+  if (charts.length > 0) {
+    sections.push({
+      title: "Helm Charts",
+      items: charts,
+      description: "Latest chart versions included in this release."
+    });
+  }
+  return {
+    version: release.label || `Release ${release.release_sequence}`,
+    channel: channelName || `Channel ${release.channel_sequence}`,
+    releasedAt: release.release_date,
+    sections
+  };
+}
+
+// src/utils/upload-with-progress.ts
+async function uploadSupportBundleWithProgress(file, appId, onProgress, signal) {
+  return new Promise((resolve, reject) => {
+    const xhr = new XMLHttpRequest();
+    xhr.upload.addEventListener("progress", (e) => {
+      if (e.lengthComputable) {
+        const percent = Math.round(e.loaded / e.total * 100);
+        onProgress(percent);
+      }
+    });
+    xhr.addEventListener("load", () => {
+      if (xhr.status === 200) {
+        try {
+          const response = JSON.parse(xhr.responseText);
+          resolve(response);
+        } catch (err) {
+          reject(new Error("Failed to parse server response"));
+        }
+      } else {
+        try {
+          const response = JSON.parse(xhr.responseText);
+          reject(new Error(response.error || `Upload failed: ${xhr.status}`));
+        } catch {
+          reject(new Error(`Upload failed: ${xhr.status} ${xhr.statusText}`));
+        }
+      }
+    });
+    xhr.addEventListener("error", () => {
+      reject(new Error("Network error. Please check your connection."));
+    });
+    xhr.addEventListener("abort", () => {
+      reject(new Error("Upload cancelled"));
+    });
+    signal.addEventListener("abort", () => {
+      xhr.abort();
+    });
+    const basePath = process.env.NEXT_PUBLIC_BASE_PATH || "";
+    const uploadUrl = `${basePath}/api/support-bundles/upload?appId=${encodeURIComponent(appId)}`;
+    xhr.open("POST", uploadUrl, true);
+    xhr.setRequestHeader("Content-Type", "application/gzip");
+    xhr.send(file);
+  });
+}
+
+// src/api/saml.ts
 async function setSamlSessionImpl(token) {
   try {
     if (!token) {
@@ -2736,6 +2783,6 @@ async function handleSamlAcs(request) {
 // src/index.ts
 var portalComponentsVersion = package_default.version;
 
-export { Button, DEFAULT_FAVICON, DEFAULT_PRIMARY_COLOR, DEFAULT_SECONDARY_COLOR, LicenseDetails, SupportCard, TeamSettingsCard, TopNav, UnauthorizedError, UpdateLayout, UpdatesCard, UserSettings, UserSettingsCard, authenticatedFetch, convertToReleaseEntry, createPortalTheme, decodeBranding, decodeJwtPayload, defaultTopNavLinks, defineServerAction, deleteSupportBundle, downloadSecuritySBOM, downloadSupportBundle, fetchCurrentUser, fetchCustomBranding, fetchDashboardComposite, fetchLicense, fetchNotifications, formatBytes, formatDate, formatDateShort, formatDateTime, formatDateTimeLocal, getCustomerIdFromToken, getSecurityInfo, getSecurityInfoDiff, getSecurityInfoSBOM, getSupportBundleUploadUrl, handleSamlAcs, initiateLogin, isHttpApiOrigin, isRedirectError, listReleases, listSupportBundles, normalizeColor, portalComponentsVersion, portalThemeTokens, sanitizeUrlForCss, setSamlSessionImpl, updateNotifications, updateUser, uploadSupportBundle, validateSession, verifyMagicLink };
+export { Button, DEFAULT_FAVICON, DEFAULT_PRIMARY_COLOR, DEFAULT_SECONDARY_COLOR, LicenseDetails, SupportCard, TeamSettingsCard, TopNav, UnauthorizedError, UpdateLayout, UpdatesCard, UserSettings, UserSettingsCard, authenticatedFetch, convertToReleaseEntry, createPortalTheme, decodeBranding, decodeJwtPayload, defaultTopNavLinks, defineServerAction, deleteSupportBundle, downloadSecuritySBOM, downloadSupportBundle, fetchCurrentUser, fetchCustomBranding, fetchDashboardComposite, fetchLicense, fetchNotifications, formatBytes, formatDate, formatDateShort, formatDateTime, formatDateTimeLocal, getCustomerIdFromToken, getSecurityInfo, getSecurityInfoDiff, getSecurityInfoSBOM, getSupportBundleUploadUrl, handleSamlAcs, initiateLogin, isHttpApiOrigin, isRedirectError, listReleases, listSupportBundles, normalizeColor, portalComponentsVersion, portalThemeTokens, sanitizeUrlForCss, setSamlSessionImpl, updateNotifications, updateUser, uploadSupportBundle, uploadSupportBundleWithProgress, validateSession, verifyMagicLink };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map