@replicated/portal-components 0.0.21 → 0.0.22

package/dist/esm/index.js

@@ -3,6 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Buffer } from 'buffer';
 import { cookies } from 'next/headers';
 import Link from 'next/link';
+import { User } from 'lucide-react';
 
 /**
  * Enterprise Portal Components
@@ -120,7 +121,7 @@ var init_tracer = __esm({
 
 // package.json
 var package_default = {
-  version: "0.0.21"};
+  version: "0.0.22"};
 
 // src/tokens/index.ts
 var baseTokens = {
@@ -1450,6 +1451,45 @@ var updateNotifications = defineServerAction({
     };
   }
 });
+var fetchDocumentationImpl = async () => {
+  const { cookies: cookies2 } = await import('next/headers');
+  const sessionStore = await cookies2();
+  const session = sessionStore.get("portal_session");
+  const token = session?.value;
+  if (!token) {
+    throw new Error("Authentication required");
+  }
+  const url = `${getApiOrigin()}/enterprise-portal/documentation`;
+  if (process.env.NODE_ENV !== "production") {
+    console.debug(
+      "[portal-components] fetching documentation via %s (Enterprise Portal API)",
+      url
+    );
+  }
+  const response = await authenticatedFetch(url, {
+    method: "GET",
+    token,
+    headers: {
+      accept: "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(
+      `Documentation request failed (${response.status} ${response.statusText})`
+    );
+  }
+  const data = await response.json();
+  return {
+    helmPreInstall: data.helmPreInstall || "",
+    helmPostInstall: data.helmPostInstall || "",
+    embeddedClusterPreInstall: data.embeddedClusterPreInstall || "",
+    embeddedClusterPostInstall: data.embeddedClusterPostInstall || "",
+    helmInstallUrl: data.helmInstallUrl || "",
+    embeddedClusterInstallUrl: data.embeddedClusterInstallUrl || "",
+    valuesOverrideUrl: data.valuesOverrideUrl || ""
+  };
+};
+cache(fetchDocumentationImpl);
 var ShieldIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -1707,6 +1747,45 @@ var LicenseDetails = async ({
     ] })
   ] });
 };
+function UserMenuDropdown({
+  displayLabel,
+  children,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs("details", { className: `group relative ${className}`, children: [
+    /* @__PURE__ */ 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__ */ jsx(User, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { children: displayLabel }),
+      /* @__PURE__ */ jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "h-4 w-4 text-gray-500 transition-transform group-open:rotate-180",
+          children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "absolute right-0 mt-2 w-52 rounded-lg border border-gray-200 bg-white py-1.5 shadow-xl z-50", children })
+  ] });
+}
+function UserMenuItem({ href, children }) {
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      href,
+      className: "block w-full px-4 py-2.5 text-sm text-gray-700 hover:bg-gray-50 transition-colors",
+      children
+    }
+  );
+}
 var defaultTopNavLinks = [
   {
     label: "Dashboard",
@@ -2003,65 +2082,11 @@ var TopNav = async ({
             ),
             /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-gray-900", children: brandTitle || "Enterprise Portal" })
           ] }),
-          /* @__PURE__ */ jsxs("details", { className: "group relative", children: [
-            /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer items-center gap-2 text-sm font-medium text-gray-600 hover:text-gray-900 list-none", children: [
-              /* @__PURE__ */ jsxs(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  className: "text-gray-500",
-                  children: [
-                    /* @__PURE__ */ jsx("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-                    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { children: displayLabel }),
-              /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  className: "text-gray-500",
-                  children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "absolute right-0 mt-2 w-48 rounded-md border border-gray-200 bg-white py-2 text-sm text-gray-700 shadow-lg z-50", children: [
-              /* @__PURE__ */ jsx(
-                Link,
-                {
-                  href: "/user-settings",
-                  className: "block w-full px-4 py-2 text-left hover:bg-gray-100",
-                  children: "User settings"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Link,
-                {
-                  href: "/team-settings",
-                  className: "block w-full px-4 py-2 text-left hover:bg-gray-100",
-                  children: "Team settings"
-                }
-              ),
-              userMenuChildren,
-              logoutButton
-            ] })
+          /* @__PURE__ */ jsxs(UserMenuDropdown, { displayLabel, children: [
+            /* @__PURE__ */ jsx(UserMenuItem, { href: "/user-settings", children: "User settings" }),
+            /* @__PURE__ */ jsx(UserMenuItem, { href: "/team-settings", children: "Team settings" }),
+            userMenuChildren,
+            logoutButton
           ] })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-3 pb-2 text-sm font-medium text-gray-500", children: resolvedLinks.map(({ label, icon, href }) => {
@@ -2328,7 +2353,7 @@ var TeamsSection = ({
                   "svg",
                   {
                     className: "h-4 w-4",
-                    style: { color: primaryColor || DEFAULT_SECONDARY_COLOR },
+                    style: { color: primaryColor || DEFAULT_PRIMARY_COLOR },
                     fill: "none",
                     viewBox: "0 0 24 24",
                     stroke: "currentColor",
@@ -2352,7 +2377,7 @@ var TeamsSection = ({
                 "svg",
                 {
                   className: "h-4 w-4",
-                  style: { color: primaryColor || DEFAULT_SECONDARY_COLOR },
+                  style: { color: primaryColor || DEFAULT_PRIMARY_COLOR },
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
@@ -2418,8 +2443,8 @@ var ProfileSection = ({
     setIsEditing(true);
   };
   const buttonStyle = {
-    backgroundColor: primaryColor || DEFAULT_SECONDARY_COLOR,
-    borderColor: primaryColor || DEFAULT_SECONDARY_COLOR
+    backgroundColor: primaryColor || DEFAULT_PRIMARY_COLOR,
+    borderColor: primaryColor || DEFAULT_PRIMARY_COLOR
   };
   return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-gray-200 bg-white p-6 shadow-sm", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [