@replicated/portal-components 0.0.19 → 0.0.21

package/dist/utils/index.d.ts

@@ -1,3 +1,11 @@
+export { d as decodeBranding, n as normalizeColor, s as sanitizeUrlForCss } from '../branding-BsMSywts.js';
+import { a1 as DownloadPortalRelease } from '../index-sMbq94M7.js';
+import { ReleaseEntry } from '../release-history-panel.js';
+import '../fetch-license-iTyF7_GY.js';
+import '../actions/change-team.js';
+import '../actions/trial-signup.js';
+import 'react/jsx-runtime';
+
 /**
  * Centralized API client utility for handling authenticated requests
  * with automatic 401 detection, cookie deletion, and redirect.
@@ -25,21 +33,6 @@ declare function isRedirectError(error: unknown): boolean;
  */
 declare function authenticatedFetch(url: string, options?: ApiFetchOptions): Promise<Response>;
 
-interface RawBranding {
-    brandingData?: string;
-}
-declare const decodeBranding: ({ brandingData }: RawBranding) => {
-    logo?: undefined;
-    title?: undefined;
-    customColor1?: undefined;
-    customColor2?: undefined;
-} | {
-    logo: string | undefined;
-    title: string | undefined;
-    customColor1: string | undefined;
-    customColor2: string | undefined;
-};
-
 /**
  * Session validation utilities for handling authentication tokens.
  */
@@ -67,4 +60,69 @@ declare function validateSession(token: string): Promise<boolean>;
  */
 declare function deleteSessionCookie(): Promise<void>;
 
-export { UnauthorizedError, authenticatedFetch, decodeBranding, deleteSessionCookie, isRedirectError, validateSession };
+/**
+ * Format bytes to human-readable string
+ * @param bytes - Number of bytes
+ * @param decimals - Number of decimal places (default: 1)
+ * @returns Formatted string (e.g., "1.5 MB")
+ */
+declare function formatBytes(bytes: number, decimals?: number): string;
+/**
+ * Format date string to short numeric date (no time)
+ * @param dateString - ISO date string or null/undefined
+ * @returns Formatted string (e.g., "01/27/2026") or "Never" if no date
+ */
+declare function formatDateShort(dateString?: string | null): string;
+/**
+ * Format date string to human-readable local timestamp
+ * @param dateString - ISO date string or null/undefined
+ * @returns Formatted string (e.g., "Jan 27, 2026, 10:32 PM") or "Never" if no date
+ */
+declare function formatDate(dateString?: string | null): string;
+/**
+ * Format date string to human-readable UTC timestamp
+ * @param dateString - ISO date string
+ * @returns Formatted string (e.g., "01/27/2026, 22:32:39 UTC")
+ */
+declare function formatDateTime(dateString: string): string;
+/**
+ * Format date string to user-friendly local timestamp with 12-hour time
+ * @param dateString - ISO date string or null/undefined
+ * @returns Formatted string (e.g., "1/27/2026, 10:32 PM") or "N/A" if not provided
+ */
+declare function formatDateTimeLocal(dateString?: string | null): string;
+
+type ReleaseNotesMode = "markdown" | "items";
+interface ConvertToReleaseEntryOptions {
+    releaseNotesMode: ReleaseNotesMode;
+}
+/**
+ * Converts a DownloadPortalRelease to a ReleaseEntry for display
+ * @param release - The release data from the API
+ * @param channelName - The channel name for display
+ * @param options - Options for how to format the release entry
+ * @returns A ReleaseEntry ready for display
+ */
+declare function convertToReleaseEntry(release: DownloadPortalRelease, channelName: string, options: ConvertToReleaseEntryOptions): ReleaseEntry;
+
+/**
+ * Default globe favicon matching the CiGlobe icon (Circum Icons)
+ * Used as fallback when custom branding doesn't provide a favicon
+ */
+declare const 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";
+/**
+ * Default primary brand color
+ */
+declare const DEFAULT_PRIMARY_COLOR = "#4f46e5";
+/**
+ * Default secondary brand color
+ */
+declare const DEFAULT_SECONDARY_COLOR = "#6366f1";
+/**
+ * Check if the API origin is HTTP (used for repldev environments)
+ * This determines cookie security settings for cross-origin iframes
+ * @returns true if the API origin starts with http:// (not https://)
+ */
+declare const isHttpApiOrigin: () => boolean;
+
+export { type ConvertToReleaseEntryOptions, DEFAULT_FAVICON, DEFAULT_PRIMARY_COLOR, DEFAULT_SECONDARY_COLOR, type ReleaseNotesMode, UnauthorizedError, authenticatedFetch, convertToReleaseEntry, deleteSessionCookie, formatBytes, formatDate, formatDateShort, formatDateTime, formatDateTimeLocal, isHttpApiOrigin, isRedirectError, validateSession };

package/dist/utils/index.js

@@ -7,6 +7,18 @@ var react = require('react');
  * Enterprise Portal Components
  * This file is generated by tsup. Do not edit manually.
  */
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// datadog/tracer.ts
+var tracer_exports = {};
+__export(tracer_exports, {
+  default: () => tracer_default
+});
+var tracer_default;
 
 // src/utils/api-client.ts
 var UnauthorizedError = class extends Error {
@@ -40,8 +52,17 @@ async function handle401() {
   const { redirect } = await import('next/navigation');
   return redirect("/?expired=1");
 }
+function isErrorPage(url) {
+  try {
+    const urlObj = new URL(url);
+    return urlObj.pathname === "/error";
+  } catch {
+    return url === "/error" || url.startsWith("/error?");
+  }
+}
 async function handleServerError(statusCode) {
   const { redirect } = await import('next/navigation');
+  const { cookies } = await import('next/headers');
   let sourceUrl;
   try {
     const { headers } = await import('next/headers');
@@ -49,12 +70,20 @@ async function handleServerError(statusCode) {
     const referer = headersList.get("referer");
     const host = headersList.get("host");
     const pathname = headersList.get("x-invoke-path") || headersList.get("x-forwarded-path");
-    if (referer) {
+    if (referer && !isErrorPage(referer)) {
       sourceUrl = referer;
     } else if (host && pathname) {
       const protocol = headersList.get("x-forwarded-proto") || "https";
       sourceUrl = `${protocol}://${host}${pathname}`;
     }
+    if (!sourceUrl || isErrorPage(sourceUrl)) {
+      const cookieStore = await cookies();
+      const preservedSource = cookieStore.get("portal_error_source");
+      if (preservedSource?.value) {
+        sourceUrl = decodeURIComponent(preservedSource.value);
+        cookieStore.delete("portal_error_source");
+      }
+    }
   } catch (error) {
     console.debug("[portal-components] Could not determine source URL", error);
   }
@@ -64,6 +93,16 @@ async function handleServerError(statusCode) {
   }
   return redirect(`/error?${params.toString()}`);
 }
+
+// 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;
@@ -72,11 +111,33 @@ var normalizeColor = (color) => {
   if (/^#?[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/.test(trimmed)) {
     return trimmed.startsWith("#") ? trimmed : `#${trimmed}`;
   }
-  return 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 {};
+    return {
+      primaryColor: DEFAULT_PRIMARY_COLOR,
+      secondaryColor: DEFAULT_SECONDARY_COLOR
+    };
   }
   try {
     const decoded = buffer.Buffer.from(brandingData, "base64").toString("utf-8");
@@ -84,19 +145,39 @@ var decodeBranding = ({ brandingData }) => {
     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 customColor1 = normalizeColor(parsed.customColor1);
-    const customColor2 = normalizeColor(parsed.customColor2);
+    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,
-      customColor1,
-      customColor2
+      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 {};
+    return {
+      primaryColor: DEFAULT_PRIMARY_COLOR,
+      secondaryColor: DEFAULT_SECONDARY_COLOR
+    };
   }
 };
+
+// src/actions/index.ts
 var getApiOrigin = () => {
   return (process.env.REPLICATED_APP_ORIGIN || "https://replicated.app").replace(/\/+$/, "");
 };
@@ -127,11 +208,15 @@ var fetchCustomBrandingImpl = async () => {
   const payload = await response.json();
   const brandingObject = {
     logo: payload.logoUrl,
-    title: payload.appName,
-    customColor1: payload.primaryColor,
-    customColor2: payload.secondaryColor,
+    title: payload.title,
+    primaryColor: payload.primaryColor,
+    secondaryColor: payload.secondaryColor,
     favicon: payload.faviconUrl,
-    supportPortalLink: payload.supportPortalLink || ""
+    supportPortalLink: payload.supportPortalLink || "",
+    background: payload.background,
+    backgroundImage: payload.backgroundImage,
+    customColor1: payload.customColor1,
+    customColor2: payload.customColor2
   };
   const brandingData = buffer.Buffer.from(JSON.stringify(brandingObject)).toString("base64");
   return {
@@ -172,11 +257,129 @@ async function deleteSessionCookie() {
   cookieStore.delete("portal_session");
 }
 
+// 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
+  };
+}
+
+exports.DEFAULT_FAVICON = DEFAULT_FAVICON;
+exports.DEFAULT_PRIMARY_COLOR = DEFAULT_PRIMARY_COLOR;
+exports.DEFAULT_SECONDARY_COLOR = DEFAULT_SECONDARY_COLOR;
 exports.UnauthorizedError = UnauthorizedError;
 exports.authenticatedFetch = authenticatedFetch;
+exports.convertToReleaseEntry = convertToReleaseEntry;
 exports.decodeBranding = decodeBranding;
 exports.deleteSessionCookie = deleteSessionCookie;
+exports.formatBytes = formatBytes;
+exports.formatDate = formatDate;
+exports.formatDateShort = formatDateShort;
+exports.formatDateTime = formatDateTime;
+exports.formatDateTimeLocal = formatDateTimeLocal;
+exports.isHttpApiOrigin = isHttpApiOrigin;
 exports.isRedirectError = isRedirectError;
+exports.normalizeColor = normalizeColor;
+exports.sanitizeUrlForCss = sanitizeUrlForCss;
 exports.validateSession = validateSession;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map