@replicated/portal-components 0.0.2 → 0.0.3

package/dist/license-details.js

@@ -0,0 +1,669 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Enterprise Portal Components
+ * This file is generated by tsup. Do not edit manually.
+ */
+
+
+// src/utils/api-client.ts
+async function authenticatedFetch(url, options = {}) {
+  const { token, ...fetchOptions } = options;
+  const headers = new Headers(fetchOptions.headers);
+  if (token) {
+    headers.set("authorization", `Bearer ${token}`);
+  }
+  const response = await fetch(url, {
+    ...fetchOptions,
+    headers
+  });
+  if (response.status === 401) {
+    await handle401();
+  }
+  if (response.status === 502 || response.status === 503 || response.status === 504) {
+    await handleServerError(response.status);
+  }
+  return response;
+}
+async function handle401() {
+  const { redirect } = await import('next/navigation');
+  return redirect("/?expired=1");
+}
+async function handleServerError(statusCode) {
+  const { redirect } = await import('next/navigation');
+  let sourceUrl;
+  try {
+    const { headers } = await import('next/headers');
+    const headersList = await headers();
+    const referer = headersList.get("referer");
+    const host = headersList.get("host");
+    const pathname = headersList.get("x-invoke-path") || headersList.get("x-forwarded-path");
+    if (referer) {
+      sourceUrl = referer;
+    } else if (host && pathname) {
+      const protocol = headersList.get("x-forwarded-proto") || "https";
+      sourceUrl = `${protocol}://${host}${pathname}`;
+    }
+  } catch (error) {
+    console.debug("[portal-components] Could not determine source URL", error);
+  }
+  const params = new URLSearchParams({ code: String(statusCode) });
+  if (sourceUrl) {
+    params.set("source", sourceUrl);
+  }
+  return redirect(`/error?${params.toString()}`);
+}
+
+// src/actions/index.ts
+var getApiOrigin = () => {
+  return (process.env.REPLICATED_APP_ORIGIN || "https://replicated.app").replace(/\/+$/, "");
+};
+var defineServerAction = (definition) => definition;
+var fetchCustomBrandingImpl = async () => {
+  const appSlug = process.env.PORTAL_APP_SLUG;
+  if (!appSlug) {
+    throw new Error("PORTAL_APP_SLUG is not configured");
+  }
+  const url = `${getApiOrigin()}/v3/custom-branding?app_slug=${encodeURIComponent(
+    appSlug
+  )}`;
+  if (process.env.NODE_ENV !== "production") {
+    console.debug(
+      "[portal-components] fetching custom branding via %s",
+      url
+    );
+  }
+  const response = await fetch(url, {
+    headers: {
+      accept: "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(
+      `Custom branding request failed (${response.status} ${response.statusText})`
+    );
+  }
+  const payload = await response.json();
+  const brandingData = payload?.branding_data;
+  if (typeof brandingData !== "string") {
+    throw new Error("Custom branding response missing branding_data string");
+  }
+  return {
+    brandingData,
+    documentation: payload?.documentation ?? null
+  };
+};
+react.cache(fetchCustomBrandingImpl);
+var asRecord = (value) => {
+  if (value && typeof value === "object") {
+    return value;
+  }
+  return void 0;
+};
+var getValue = (record, key) => record ? record[key] : void 0;
+var getString = (record, key) => {
+  const value = getValue(record, key);
+  return typeof value === "string" ? value : void 0;
+};
+var getBoolean = (record, key) => {
+  const value = getValue(record, key);
+  if (typeof value === "boolean") {
+    return value;
+  }
+  if (typeof value === "number") {
+    return value === 1;
+  }
+  if (typeof value === "string") {
+    const normalized = value.trim().toLowerCase();
+    if (["true", "1", "yes"].includes(normalized)) {
+      return true;
+    }
+    if (["false", "0", "no"].includes(normalized)) {
+      return false;
+    }
+  }
+  return void 0;
+};
+var toDisplayValue = (value) => {
+  if (value === null || value === void 0) {
+    return null;
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  try {
+    return JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+};
+var normalizeStringArray = (value) => {
+  if (Array.isArray(value)) {
+    const normalized = value.map(
+      (item) => typeof item === "string" ? item.trim() : ""
+    ).filter((item) => item.length > 0);
+    return normalized.length ? normalized : void 0;
+  }
+  if (typeof value === "string") {
+    const normalized = value.split(",").map((item) => item.trim()).filter((item) => item.length > 0);
+    return normalized.length ? normalized : void 0;
+  }
+  return void 0;
+};
+var normalizeLicenseFields = (input) => {
+  if (!input) {
+    return [];
+  }
+  if (Array.isArray(input)) {
+    return input.map((field, index) => {
+      if (!field || typeof field !== "object") {
+        return null;
+      }
+      const candidate = field;
+      const key = typeof candidate.key === "string" && candidate.key.trim().length ? candidate.key.trim() : typeof candidate.name === "string" && candidate.name.trim().length ? candidate.name.trim() : typeof candidate.label === "string" && candidate.label.trim().length ? candidate.label.trim() : `field-${index}`;
+      const label = typeof candidate.label === "string" && candidate.label.trim().length ? candidate.label.trim() : typeof candidate.name === "string" && candidate.name.trim().length ? candidate.name.trim() : key;
+      let value = candidate.value ?? candidate.data ?? candidate.content;
+      if ((value === void 0 || value === null) && typeof candidate.text === "string") {
+        value = candidate.text;
+      }
+      if ((value === void 0 || value === null) && typeof candidate.defaultValue === "string") {
+        value = candidate.defaultValue;
+      }
+      const isSecret = Boolean(
+        candidate.isSecret ?? candidate.secret ?? candidate.masked
+      );
+      const resolved = toDisplayValue(value);
+      return {
+        key,
+        label,
+        value: resolved,
+        isSecret
+      };
+    }).filter((field) => Boolean(field));
+  }
+  if (typeof input === "object") {
+    return Object.entries(input).map(
+      ([key, value]) => {
+        let resolvedValue = value;
+        let isSecret = false;
+        if (value && typeof value === "object") {
+          const obj = value;
+          if ("value" in obj) {
+            resolvedValue = obj.value;
+          }
+          isSecret = Boolean(obj.isSecret ?? obj.secret ?? obj.masked);
+        }
+        const normalized = toDisplayValue(resolvedValue);
+        return {
+          key,
+          label: key,
+          value: normalized,
+          isSecret
+        };
+      }
+    );
+  }
+  return [];
+};
+var extractChannelNames = (input) => {
+  if (!Array.isArray(input)) {
+    return void 0;
+  }
+  const names = input.map((item) => {
+    if (typeof item === "string") {
+      return item.trim();
+    }
+    const record = asRecord(item);
+    if (!record) {
+      return null;
+    }
+    return getString(record, "name") ?? getString(record, "channelName") ?? getString(record, "channel") ?? getString(record, "channelSlug") ?? getString(record, "slug") ?? void 0;
+  }).filter((name) => Boolean(name && name.length));
+  return names.length ? names : void 0;
+};
+var normalizeEntitlementFields = (fieldsInput, valuesInput) => {
+  const valuesMap = /* @__PURE__ */ new Map();
+  const assignValue = (key, value) => {
+    if (!key) {
+      return;
+    }
+    valuesMap.set(key, toDisplayValue(value));
+  };
+  if (Array.isArray(valuesInput)) {
+    valuesInput.forEach((item) => {
+      const record = asRecord(item);
+      if (!record) {
+        if (typeof item === "string") {
+          assignValue(item, item);
+        }
+        return;
+      }
+      const key = getString(record, "name") ?? getString(record, "field") ?? getString(record, "title") ?? getString(record, "label") ?? getString(record, "slug") ?? (() => {
+        const idValue = getValue(record, "id");
+        if (typeof idValue === "string" || typeof idValue === "number") {
+          return String(idValue);
+        }
+        return void 0;
+      })();
+      const value = getValue(record, "value") ?? getValue(record, "currentValue") ?? getValue(record, "entitlementValue") ?? getValue(record, "content") ?? getValue(record, "data") ?? getValue(record, "defaultVal") ?? getValue(record, "defaultValue");
+      assignValue(key, value);
+    });
+  } else if (valuesInput && typeof valuesInput === "object") {
+    Object.entries(valuesInput).forEach(
+      ([key, value]) => assignValue(key, value)
+    );
+  }
+  const normalized = [];
+  if (Array.isArray(fieldsInput)) {
+    fieldsInput.forEach((item, index) => {
+      const record = asRecord(item);
+      if (!record) {
+        return;
+      }
+      const baseKey = getString(record, "name") ?? getString(record, "field") ?? getString(record, "slug") ?? `entitlement-${index}`;
+      const key = `entitlement-${baseKey}`;
+      const label = getString(record, "title") ?? getString(record, "label") ?? baseKey;
+      const defaultValue = getString(record, "defaultVal") ?? getString(record, "default") ?? getString(record, "defaultValue");
+      const value = valuesMap.get(baseKey) ?? valuesMap.get(label) ?? defaultValue ?? null;
+      const isSecret = Boolean(
+        getBoolean(record, "secret") ?? getBoolean(record, "isSecret") ?? getBoolean(record, "masked")
+      );
+      normalized.push({
+        key,
+        label,
+        value,
+        isSecret
+      });
+    });
+  }
+  valuesMap.forEach((value, key) => {
+    const normalizedKey = `entitlement-${key}`;
+    if (!normalized.some((field) => field.key === normalizedKey)) {
+      normalized.push({
+        key: normalizedKey,
+        label: key,
+        value
+      });
+    }
+  });
+  return normalized;
+};
+var normalizeLicensePayload = (payload) => {
+  const payloadRecord = asRecord(payload);
+  const rootRecord = asRecord(getValue(payloadRecord, "license")) ?? asRecord(getValue(payloadRecord, "data")) ?? payloadRecord ?? {};
+  const sourceRecord = asRecord(getValue(rootRecord, "metadata")) ?? rootRecord;
+  const customer = asRecord(getValue(rootRecord, "customer")) ?? asRecord(getValue(sourceRecord, "customer")) ?? asRecord(getValue(payloadRecord, "customer")) ?? {};
+  let releaseChannels = normalizeStringArray(
+    getValue(rootRecord, "releaseChannels") ?? getValue(sourceRecord, "releaseChannels") ?? getValue(sourceRecord, "channels") ?? getValue(rootRecord, "channels") ?? getValue(sourceRecord, "channel") ?? getValue(rootRecord, "channel")
+  ) ?? void 0;
+  if (!releaseChannels) {
+    releaseChannels = extractChannelNames(getValue(rootRecord, "channels")) ?? extractChannelNames(getValue(sourceRecord, "channels")) ?? void 0;
+  }
+  let installMethods = normalizeStringArray(
+    getValue(rootRecord, "installMethods") ?? getValue(sourceRecord, "installMethods") ?? getValue(sourceRecord, "install_options") ?? getValue(rootRecord, "install_options") ?? getValue(sourceRecord, "installOptions")
+  ) ?? void 0;
+  if (!installMethods || installMethods.length === 0) {
+    const resolved = [];
+    const flag = (key) => getBoolean(rootRecord, key) ?? getBoolean(sourceRecord, key) ?? false;
+    if (flag("isKotsInstallEnabled")) {
+      resolved.push("Replicated KOTS");
+    }
+    if (flag("isHelmInstallEnabled")) {
+      resolved.push("Helm");
+    }
+    if (flag("isHelmAirgapEnabled")) {
+      resolved.push("Helm Airgap");
+    }
+    if (flag("isEmbeddedClusterDownloadEnabled") || flag("isEmbeddedClusterMultiNodeEnabled")) {
+      resolved.push("Embedded Cluster");
+    }
+    if (flag("isKurlInstallEnabled")) {
+      resolved.push("kURL");
+    }
+    if (flag("isGitopsSupported")) {
+      resolved.push("GitOps");
+    }
+    if (resolved.length) {
+      installMethods = Array.from(new Set(resolved));
+    }
+  }
+  const expiresAtSource = getValue(sourceRecord, "expiresAt") ?? getValue(sourceRecord, "expireAt") ?? getValue(sourceRecord, "expire_at") ?? getValue(sourceRecord, "expiration") ?? getValue(sourceRecord, "expirationDate") ?? getValue(sourceRecord, "expires_on") ?? getValue(rootRecord, "expiresAt") ?? getValue(rootRecord, "expireAt") ?? getValue(rootRecord, "expire_at") ?? getValue(rootRecord, "expiration");
+  const expiresAt = typeof expiresAtSource === "string" && expiresAtSource.trim().length ? expiresAtSource : expiresAtSource === null ? null : void 0;
+  const baseFields = normalizeLicenseFields(
+    getValue(rootRecord, "additionalFields") ?? getValue(sourceRecord, "additionalFields") ?? getValue(sourceRecord, "fields") ?? getValue(rootRecord, "fields") ?? getValue(payloadRecord, "fields") ?? getValue(payloadRecord, "additional_fields")
+  );
+  const entitlementFields = normalizeEntitlementFields(
+    getValue(rootRecord, "entitlementFields") ?? getValue(sourceRecord, "entitlementFields"),
+    getValue(rootRecord, "entitlementValues") ?? getValue(sourceRecord, "entitlementValues")
+  );
+  const fields = [
+    ...baseFields,
+    ...entitlementFields.filter(
+      (field) => !baseFields.some((existing) => existing.key === field.key)
+    )
+  ];
+  const statusFromSource = getString(sourceRecord, "status") ?? getString(sourceRecord, "state");
+  const statusLabelFromSource = getString(sourceRecord, "statusLabel") ?? getString(sourceRecord, "stateLabel");
+  const expiredFlag = getBoolean(sourceRecord, "isExpired") ?? getBoolean(rootRecord, "isExpired");
+  const derivedStatus = statusFromSource ?? (typeof expiredFlag === "boolean" ? expiredFlag ? "expired" : "active" : void 0);
+  const statusLabel = statusLabelFromSource ?? (derivedStatus ? derivedStatus.charAt(0).toUpperCase() + derivedStatus.slice(1) : void 0);
+  const licenseType = getString(sourceRecord, "licenseType") ?? getString(rootRecord, "licenseType");
+  const status = derivedStatus;
+  const license = {
+    id: getString(rootRecord, "id") ?? getString(sourceRecord, "id") ?? getString(sourceRecord, "licenseId") ?? getString(customer, "licenseId") ?? void 0,
+    status,
+    statusLabel,
+    environment: getString(sourceRecord, "environment") ?? getString(sourceRecord, "tier") ?? licenseType ?? void 0,
+    expiresAt: expiresAt ?? null,
+    releaseChannels: releaseChannels ?? [
+      getString(rootRecord, "channelName") ?? getString(rootRecord, "channel") ?? void 0
+    ].filter((value) => Boolean(value)),
+    installMethods,
+    installNotes: getString(sourceRecord, "installNotes"),
+    customerName: getString(sourceRecord, "customerName") ?? getString(customer, "name") ?? void 0,
+    customerId: getString(sourceRecord, "customerId") ?? getString(customer, "id") ?? getString(rootRecord, "customerId") ?? void 0,
+    customerOrganization: getString(customer, "organization") ?? getString(sourceRecord, "customerOrganization") ?? getString(rootRecord, "customerOrganization") ?? void 0,
+    fields
+  };
+  return license;
+};
+var fetchLicenseDetails = defineServerAction({
+  id: "license/fetch-details",
+  description: "Fetches the authenticated user's enterprise license details.",
+  visibility: "customer",
+  tags: ["license", "entitlements"],
+  async run({ token }, context) {
+    if (typeof token !== "string" || token.trim().length === 0) {
+      throw new Error("fetchLicenseDetails requires a non-empty token");
+    }
+    const endpoint = `${getApiOrigin()}/v3/license`;
+    const response = await authenticatedFetch(endpoint, {
+      method: "GET",
+      token,
+      headers: {
+        accept: "application/json"
+      },
+      signal: context?.signal
+    });
+    if (!response.ok) {
+      throw new Error(
+        `License request failed (${response.status} ${response.statusText})`
+      );
+    }
+    const payload = await response.json();
+    const license = normalizeLicensePayload(payload);
+    return {
+      license,
+      raw: payload ?? null
+    };
+  }
+});
+var ShieldIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" })
+  }
+);
+var CalendarIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 2v4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 2v4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 18, height: 18, x: 3, y: 4, rx: 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 10h18" })
+    ]
+  }
+);
+var DownloadIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17V3" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 11 6 6 6-6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 21H5" })
+    ]
+  }
+);
+var BuildingIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 16, height: 20, x: 4, y: 2, rx: 2, ry: 2 }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 22v-4h6v4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 6h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 6h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 10h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 14h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 10h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 14h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 10h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 14h.01" })
+    ]
+  }
+);
+var CheckIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21.8 10A10 10 0 1 1 17 3.33" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 11 3 3L22 4" })
+    ]
+  }
+);
+var formatExpiration = (value) => {
+  if (!value || value === "never") {
+    return "Does not expire";
+  }
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return value;
+  }
+  return date.toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+};
+var maskValue = (value, isSecret) => {
+  if (isSecret) {
+    return "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
+  }
+  if (typeof value === "string" && value.trim().length > 0) {
+    return value;
+  }
+  return "No value set";
+};
+var getFieldTextClass = (value) => {
+  if (value === "does-not-expire") {
+    return "text-gray-500";
+  }
+  return value && value.trim().length > 0 ? "text-gray-500" : "text-gray-300";
+};
+var InfoRow = ({
+  icon,
+  title,
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start space-x-3", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-gray-900", children: icon }),
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-medium text-gray-900", children: title }),
+    children
+  ] })
+] });
+var renderInstallOrChannel = (values) => {
+  if (!values || values.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Not specified" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: values.join(", ") });
+};
+var buildPrimaryRows = (license) => {
+  const rows = [];
+  rows.push({
+    key: "status",
+    node: /* @__PURE__ */ jsxRuntime.jsxs(
+      InfoRow,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(ShieldIcon, { className: "h-5 w-5" }),
+        title: "License Status",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex items-center text-sm text-gray-600", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "mr-1.5 h-4 w-4 text-green-500" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: license.statusLabel ?? (license.status ? license.status.charAt(0).toUpperCase() + license.status.slice(1) : "Unknown") })
+          ] }),
+          license.environment ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: license.environment }) : null
+        ]
+      }
+    )
+  });
+  rows.push({
+    key: "expiration",
+    node: /* @__PURE__ */ jsxRuntime.jsx(
+      InfoRow,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { className: "h-5 w-5" }),
+        title: "Expiration Date",
+        children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: formatExpiration(license.expiresAt) })
+      }
+    )
+  });
+  rows.push({
+    key: "channels",
+    node: /* @__PURE__ */ jsxRuntime.jsx(
+      InfoRow,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(ShieldIcon, { className: "h-5 w-5" }),
+        title: "Release Channel(s)",
+        children: renderInstallOrChannel(license.releaseChannels)
+      }
+    )
+  });
+  rows.push({
+    key: "installs",
+    node: /* @__PURE__ */ jsxRuntime.jsx(
+      InfoRow,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, { className: "h-5 w-5" }),
+        title: "Install Options",
+        children: renderInstallOrChannel(license.installMethods)
+      }
+    )
+  });
+  rows.push({
+    key: "customer",
+    node: /* @__PURE__ */ jsxRuntime.jsxs(
+      InfoRow,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(BuildingIcon, { className: "h-5 w-5" }),
+        title: "Customer Name",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: license.customerName ?? "Unknown customer" }),
+          license.customerId ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-400", children: [
+            "Customer ID: ",
+            license.customerId
+          ] }) : null
+        ]
+      }
+    )
+  });
+  return rows;
+};
+var renderFields = (fields) => {
+  if (!fields.length) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "No additional fields available." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900", children: field.label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        className: `mt-1 break-words text-sm ${getFieldTextClass(
+          field.value
+        )}`,
+        children: maskValue(field.value, field.isSecret)
+      }
+    )
+  ] }, field.key)) });
+};
+var LicenseDetails = async ({
+  token,
+  title = "License Details",
+  description = "View your enterprise license details"
+}) => {
+  if (typeof token !== "string" || token.trim().length === 0) {
+    throw new Error("LicenseDetails component requires a non-empty token");
+  }
+  const response = await fetchLicenseDetails.run({ token });
+  console.debug("[portal-components] license response", response.raw);
+  const { license } = response;
+  const rows = buildPrimaryRows(license);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-3xl border border-gray-100 bg-white p-8 shadow-[0_18px_45px_rgba(17,24,39,0.08)]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-col border-b border-gray-100 pb-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-gray-900", children: title }),
+      description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-gray-600", children: description }) : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-gray-100 bg-white p-6 sm:p-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: row.node }, row.key)) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-gray-100 bg-white p-6 sm:p-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-4 text-lg font-medium text-gray-900", children: "Additional License Fields" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: renderFields(license.fields ?? []) })
+      ] })
+    ] })
+  ] });
+};
+
+exports.LicenseDetails = LicenseDetails;
+//# sourceMappingURL=license-details.js.map
+//# sourceMappingURL=license-details.js.map