@replicated/portal-components 0.0.24 → 0.0.26

package/dist/esm/update-layout.js

@@ -86,85 +86,6 @@ async function handleServerError(statusCode) {
   return redirect(`/error?${params.toString()}`);
 }
 
-// src/utils/constants.ts
-var DEFAULT_PRIMARY_COLOR = "#4f46e5";
-var DEFAULT_SECONDARY_COLOR = "#6366f1";
-
-// 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/actions/index.ts
 var getApiOrigin = () => {
   return (process.env.REPLICATED_APP_ORIGIN || "https://replicated.app").replace(/\/+$/, "");
@@ -199,6 +120,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,
@@ -253,6 +175,87 @@ var fetchDocumentationImpl = async () => {
   };
 };
 cache(fetchDocumentationImpl);
+
+// src/utils/constants.ts
+var DEFAULT_PRIMARY_COLOR = "#4f46e5";
+var DEFAULT_SECONDARY_COLOR = "#6366f1";
+
+// 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,