@replicated/portal-components 0.0.2 → 0.0.3

package/dist/esm/license-card.js

@@ -0,0 +1,131 @@
+"use client";
+import { useState, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+/**
+ * Enterprise Portal Components
+ * This file is generated by tsup. Do not edit manually.
+ */
+
+var FileIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M8 2h5l5 5v13a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Z" }),
+      /* @__PURE__ */ jsx("path", { d: "M13 2v6h6" })
+    ]
+  }
+);
+var CalendarIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.5,
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M8 2v2" }),
+      /* @__PURE__ */ jsx("path", { d: "M16 2v2" }),
+      /* @__PURE__ */ jsx("rect", { width: 16, height: 16, x: 4, y: 4, rx: 2 }),
+      /* @__PURE__ */ jsx("path", { d: "M4 10h16" })
+    ]
+  }
+);
+var baseCardClass = "flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]";
+var headingClass = "text-lg font-semibold text-gray-900";
+var contentClass = "mt-4 flex-1 space-y-3";
+var itemClass = "flex items-center gap-3 text-sm text-gray-600";
+var iconClass = "h-5 w-5 text-gray-500";
+var footerClass = "mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80";
+var formatDate = (dateString) => {
+  if (!dateString) {
+    return "Never";
+  }
+  try {
+    const date = new Date(dateString);
+    return date.toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit"
+    });
+  } catch {
+    return dateString;
+  }
+};
+var formatLicenseType = (type) => {
+  if (!type || type === "Unknown") {
+    return "Unknown";
+  }
+  const capitalized = type.charAt(0).toUpperCase() + type.slice(1).toLowerCase();
+  return `${capitalized} license`;
+};
+var LicenseCard = ({
+  fetchLicenseSummaryAction,
+  initialType = "Unknown",
+  initialExpiresAt = null,
+  pollIntervalMs = 2e3
+}) => {
+  const [type, setType] = useState(initialType);
+  const [expiresAt, setExpiresAt] = useState(initialExpiresAt);
+  useEffect(() => {
+    const fetchSummary = async () => {
+      if (document.hidden) {
+        return;
+      }
+      try {
+        const result = await fetchLicenseSummaryAction();
+        setType(result.type);
+        setExpiresAt(result.expiresAt);
+      } catch (error) {
+        console.error("[license-card] Failed to fetch license summary", error);
+      }
+    };
+    fetchSummary();
+    const intervalId = setInterval(fetchSummary, pollIntervalMs);
+    const handleVisibilityChange = () => {
+      if (!document.hidden) {
+        fetchSummary();
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      clearInterval(intervalId);
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, [fetchLicenseSummaryAction, pollIntervalMs]);
+  return /* @__PURE__ */ jsxs("section", { className: baseCardClass, "aria-labelledby": "license-card-heading", children: [
+    /* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx("h2", { id: "license-card-heading", className: headingClass, children: "License" }) }),
+    /* @__PURE__ */ jsxs("div", { className: contentClass, children: [
+      /* @__PURE__ */ jsxs("div", { className: itemClass, children: [
+        /* @__PURE__ */ jsx(FileIcon, { className: iconClass }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Type: ",
+          formatLicenseType(type)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: itemClass, children: [
+        /* @__PURE__ */ jsx(CalendarIcon, { className: iconClass }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Expiration: ",
+          formatDate(expiresAt)
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsx("a", { href: "/license", children: "View license \u2192" }) })
+  ] });
+};
+LicenseCard.displayName = "LicenseCard";
+
+export { LicenseCard };
+//# sourceMappingURL=license-card.js.map
+//# sourceMappingURL=license-card.js.map

package/dist/esm/license-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/license-card.tsx"],"names":[],"mappings":"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","file":"license-card.js","sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { SVGProps } from \"react\";\nimport type { FetchLicenseSummaryResult } from \"../actions\";\n\nconst FileIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={1.5}\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M8 2h5l5 5v13a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Z\" />\n    <path d=\"M13 2v6h6\" />\n  </svg>\n);\n\nconst CalendarIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={1.5}\n    aria-hidden=\"true\"\n    {...props}\n  >\n    <path d=\"M8 2v2\" />\n    <path d=\"M16 2v2\" />\n    <rect width={16} height={16} x={4} y={4} rx={2} />\n    <path d=\"M4 10h16\" />\n  </svg>\n);\n\nconst baseCardClass =\n  \"flex h-full flex-col rounded-xl border border-gray-200 bg-white p-6 shadow-[0_16px_32px_rgba(15,23,42,0.05)]\";\nconst headingClass = \"text-lg font-semibold text-gray-900\";\nconst contentClass = \"mt-4 flex-1 space-y-3\";\nconst itemClass = \"flex items-center gap-3 text-sm text-gray-600\";\nconst iconClass = \"h-5 w-5 text-gray-500\";\nconst footerClass =\n  \"mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80\";\n\nexport interface LicenseCardProps {\n  fetchLicenseSummaryAction: () => Promise<FetchLicenseSummaryResult>;\n  initialType?: string;\n  initialExpiresAt?: string | null;\n  pollIntervalMs?: number;\n}\n\nconst formatDate = (dateString: string | null): string => {\n  if (!dateString) {\n    return \"Never\";\n  }\n  \n  try {\n    const date = new Date(dateString);\n    return date.toLocaleDateString(\"en-US\", {\n      year: \"numeric\",\n      month: \"2-digit\",\n      day: \"2-digit\"\n    });\n  } catch {\n    return dateString;\n  }\n};\n\nconst formatLicenseType = (type: string): string => {\n  if (!type || type === \"Unknown\") {\n    return \"Unknown\";\n  }\n  \n  // Capitalize first letter and add \" license\"\n  const capitalized = type.charAt(0).toUpperCase() + type.slice(1).toLowerCase();\n  return `${capitalized} license`;\n};\n\nexport const LicenseCard = ({\n  fetchLicenseSummaryAction,\n  initialType = \"Unknown\",\n  initialExpiresAt = null,\n  pollIntervalMs = 2000\n}: LicenseCardProps) => {\n  const [type, setType] = useState(initialType);\n  const [expiresAt, setExpiresAt] = useState(initialExpiresAt);\n\n  useEffect(() => {\n    const fetchSummary = async () => {\n      // Skip if tab is not visible\n      if (document.hidden) {\n        return;\n      }\n      \n      try {\n        const result = await fetchLicenseSummaryAction();\n        setType(result.type);\n        setExpiresAt(result.expiresAt);\n      } catch (error) {\n        console.error(\"[license-card] Failed to fetch license summary\", error);\n      }\n    };\n\n    // Fetch immediately\n    fetchSummary();\n\n    // Set up polling interval\n    const intervalId = setInterval(fetchSummary, pollIntervalMs);\n\n    // Also fetch when tab becomes visible again\n    const handleVisibilityChange = () => {\n      if (!document.hidden) {\n        fetchSummary();\n      }\n    };\n    document.addEventListener('visibilitychange', handleVisibilityChange);\n\n    // Cleanup on unmount\n    return () => {\n      clearInterval(intervalId);\n      document.removeEventListener('visibilitychange', handleVisibilityChange);\n    };\n  }, [fetchLicenseSummaryAction, pollIntervalMs]);\n\n  return (\n    <section className={baseCardClass} aria-labelledby=\"license-card-heading\">\n      <header>\n        <h2 id=\"license-card-heading\" className={headingClass}>\n          License\n        </h2>\n      </header>\n      <div className={contentClass}>\n        <div className={itemClass}>\n          <FileIcon className={iconClass} />\n          <span>Type: {formatLicenseType(type)}</span>\n        </div>\n        <div className={itemClass}>\n          <CalendarIcon className={iconClass} />\n          <span>Expiration: {formatDate(expiresAt)}</span>\n        </div>\n      </div>\n      <footer className={footerClass}>\n        <a href=\"/license\">View license →</a>\n      </footer>\n    </section>\n  );\n};\n\nLicenseCard.displayName = \"LicenseCard\";\n"]}