@replicated/portal-components 0.0.1 → 0.0.3

package/dist/upload-support-bundle-modal.js

@@ -0,0 +1,145 @@
+"use client";
+'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.
+ */
+var formatBytes = (bytes, decimals = 2) => {
+  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]}`;
+};
+var UploadSupportBundleModal = ({
+  isOpen,
+  onClose,
+  onUpload,
+  appId,
+  primaryColor = "#6366f1"
+}) => {
+  const [selectedFile, setSelectedFile] = react.useState(null);
+  const [isUploading, setIsUploading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const fileInputRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!isOpen) {
+      setSelectedFile(null);
+      setIsUploading(false);
+      setError(null);
+    }
+  }, [isOpen]);
+  const handleFileChange = react.useCallback((event) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    if (!file.name.endsWith(".tgz") && !file.name.endsWith(".tar.gz")) {
+      setError("Invalid file type. Please select a .tgz or .tar.gz file.");
+      return;
+    }
+    setError(null);
+    setSelectedFile(file);
+  }, []);
+  const handleUpload = react.useCallback(async () => {
+    if (!selectedFile || !appId) return;
+    setError(null);
+    setIsUploading(true);
+    try {
+      const formData = new FormData();
+      formData.append("file", selectedFile);
+      formData.append("appId", appId);
+      const result = await onUpload(formData);
+      if (result.success) {
+        onClose();
+      } else {
+        setError(result.error ?? "Upload failed");
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Upload failed");
+    } finally {
+      setIsUploading(false);
+    }
+  }, [selectedFile, appId, onUpload, onClose]);
+  const handleCancel = react.useCallback(() => {
+    if (!isUploading) {
+      onClose();
+    }
+  }, [isUploading, onClose]);
+  const handleBackdropClick = react.useCallback((e) => {
+    if (e.target === e.currentTarget && !isUploading) {
+      onClose();
+    }
+  }, [isUploading, onClose]);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
+      onClick: handleBackdropClick,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": "upload-modal-title",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-md rounded-2xl bg-white p-6 shadow-xl", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "upload-modal-title", className: "text-lg font-semibold text-gray-900", children: "Upload Support Bundle" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Select Support Bundle" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              accept: ".tgz,.tar.gz,application/gzip,application/x-gzip",
+              onChange: handleFileChange,
+              disabled: isUploading,
+              className: "mt-2 block w-full text-sm text-gray-500 file:mr-4 file:rounded-lg file:border-0 file:bg-gray-100 file:px-4 file:py-2 file:text-sm file:font-medium file:text-gray-700 hover:file:bg-gray-200 disabled:opacity-50"
+            }
+          ),
+          selectedFile && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-center justify-between rounded-lg bg-gray-50 px-3 py-2 text-sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-gray-700", children: selectedFile.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 shrink-0 text-gray-500", children: formatBytes(selectedFile.size) })
+          ] })
+        ] }),
+        error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 rounded-lg bg-red-50 px-3 py-2 text-sm text-red-700", children: error }),
+        isUploading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 text-sm text-gray-600", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Uploading support bundle..." })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex justify-end gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleCancel,
+              disabled: isUploading,
+              className: "rounded-lg px-4 py-2 text-sm font-medium text-gray-600 transition hover:bg-gray-100 disabled:opacity-50",
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleUpload,
+              disabled: !selectedFile || isUploading,
+              className: "rounded-lg px-4 py-2 text-sm font-medium text-white transition hover:opacity-90 disabled:opacity-50",
+              style: { backgroundColor: primaryColor },
+              children: isUploading ? "Uploading..." : "Upload"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+UploadSupportBundleModal.displayName = "UploadSupportBundleModal";
+
+exports.UploadSupportBundleModal = UploadSupportBundleModal;
+//# sourceMappingURL=upload-support-bundle-modal.js.map
+//# sourceMappingURL=upload-support-bundle-modal.js.map

package/dist/upload-support-bundle-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/upload-support-bundle-modal.tsx"],"names":["useState","useRef","useEffect","useCallback","jsx","jsxs"],"mappings":"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","file":"upload-support-bundle-modal.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\ninterface UploadSupportBundleModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  /** Server action to handle the upload. Receives FormData with 'file' and 'appId' fields. */\n  onUpload: (formData: FormData) => Promise<{ success: boolean; error?: string }>;\n  appId: string;\n  primaryColor?: string;\n}\n\nconst formatBytes = (bytes: number, decimals = 2): string => {\n  if (bytes === 0) return \"0 Bytes\";\n\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\"];\n\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n};\n\nexport const UploadSupportBundleModal = ({\n  isOpen,\n  onClose,\n  onUpload,\n  appId,\n  primaryColor = \"#6366f1\"\n}: UploadSupportBundleModalProps) => {\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\n  const [isUploading, setIsUploading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  // Reset state when modal opens/closes\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectedFile(null);\n      setIsUploading(false);\n      setError(null);\n    }\n  }, [isOpen]);\n\n  const handleFileChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    if (!file) return;\n\n    if (!file.name.endsWith(\".tgz\") && !file.name.endsWith(\".tar.gz\")) {\n      setError(\"Invalid file type. Please select a .tgz or .tar.gz file.\");\n      return;\n    }\n\n    setError(null);\n    setSelectedFile(file);\n  }, []);\n\n  const handleUpload = useCallback(async () => {\n    if (!selectedFile || !appId) return;\n\n    setError(null);\n    setIsUploading(true);\n\n    try {\n      const formData = new FormData();\n      formData.append(\"file\", selectedFile);\n      formData.append(\"appId\", appId);\n\n      const result = await onUpload(formData);\n\n      if (result.success) {\n        onClose();\n      } else {\n        setError(result.error ?? \"Upload failed\");\n      }\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"Upload failed\");\n    } finally {\n      setIsUploading(false);\n    }\n  }, [selectedFile, appId, onUpload, onClose]);\n\n  const handleCancel = useCallback(() => {\n    if (!isUploading) {\n      onClose();\n    }\n  }, [isUploading, onClose]);\n\n  const handleBackdropClick = useCallback((e: React.MouseEvent) => {\n    if (e.target === e.currentTarget && !isUploading) {\n      onClose();\n    }\n  }, [isUploading, onClose]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n      onClick={handleBackdropClick}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"upload-modal-title\"\n    >\n      <div className=\"w-full max-w-md rounded-2xl bg-white p-6 shadow-xl\">\n        <h2 id=\"upload-modal-title\" className=\"text-lg font-semibold text-gray-900\">\n          Upload Support Bundle\n        </h2>\n\n        <div className=\"mt-4\">\n          <label className=\"block text-sm font-medium text-gray-700\">\n            Select Support Bundle\n          </label>\n          <input\n            ref={fileInputRef}\n            type=\"file\"\n            accept=\".tgz,.tar.gz,application/gzip,application/x-gzip\"\n            onChange={handleFileChange}\n            disabled={isUploading}\n            className=\"mt-2 block w-full text-sm text-gray-500 file:mr-4 file:rounded-lg file:border-0 file:bg-gray-100 file:px-4 file:py-2 file:text-sm file:font-medium file:text-gray-700 hover:file:bg-gray-200 disabled:opacity-50\"\n          />\n          {selectedFile && (\n            <div className=\"mt-3 flex items-center justify-between rounded-lg bg-gray-50 px-3 py-2 text-sm\">\n              <span className=\"truncate text-gray-700\">{selectedFile.name}</span>\n              <span className=\"ml-2 shrink-0 text-gray-500\">{formatBytes(selectedFile.size)}</span>\n            </div>\n          )}\n        </div>\n\n        {error && (\n          <div className=\"mt-4 rounded-lg bg-red-50 px-3 py-2 text-sm text-red-700\">\n            {error}\n          </div>\n        )}\n\n        {isUploading && (\n          <div className=\"mt-4\">\n            <div className=\"flex items-center justify-center gap-2 text-sm text-gray-600\">\n              <svg className=\"h-4 w-4 animate-spin\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n                <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\" />\n              </svg>\n              <span>Uploading support bundle...</span>\n            </div>\n          </div>\n        )}\n\n        <div className=\"mt-6 flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={handleCancel}\n            disabled={isUploading}\n            className=\"rounded-lg px-4 py-2 text-sm font-medium text-gray-600 transition hover:bg-gray-100 disabled:opacity-50\"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleUpload}\n            disabled={!selectedFile || isUploading}\n            className=\"rounded-lg px-4 py-2 text-sm font-medium text-white transition hover:opacity-90 disabled:opacity-50\"\n            style={{ backgroundColor: primaryColor }}\n          >\n            {isUploading ? \"Uploading...\" : \"Upload\"}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nUploadSupportBundleModal.displayName = \"UploadSupportBundleModal\";\n"]}

package/dist/user-settings-card.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const UserSettingsCard: {
+    (): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { UserSettingsCard };

package/dist/user-settings-card.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const UserSettingsCard: {
+    (): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { UserSettingsCard };

package/dist/user-settings-card.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Enterprise Portal Components
+ * This file is generated by tsup. Do not edit manually.
+ */
+
+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 bodySpacerClass = "mt-4 flex-1";
+var footerClass = "mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80";
+var UserSettingsCard = () => /* @__PURE__ */ jsxRuntime.jsxs("section", { className: baseCardClass, "aria-labelledby": "user-settings-card-heading", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "user-settings-card-heading", className: headingClass, children: "User Settings" }) }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: bodySpacerClass }),
+  /* @__PURE__ */ jsxRuntime.jsx("footer", { className: footerClass, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/user-settings", children: "View user settings \u2192" }) })
+] });
+UserSettingsCard.displayName = "UserSettingsCard";
+
+exports.UserSettingsCard = UserSettingsCard;
+//# sourceMappingURL=user-settings-card.js.map
+//# sourceMappingURL=user-settings-card.js.map

package/dist/user-settings-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/user-settings-card.tsx"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;AAAA,IAAM,aAAA,GACJ,8GAAA;AACF,IAAM,YAAA,GAAe,qCAAA;AACrB,IAAM,eAAA,GAAkB,aAAA;AACxB,IAAM,WAAA,GACJ,gFAAA;AAEK,IAAM,mBAAmB,sBAC9BA,eAAA,CAAC,aAAQ,SAAA,EAAW,aAAA,EAAe,mBAAgB,4BAAA,EACjD,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,QAAA,EAAA,EACC,yCAAC,IAAA,EAAA,EAAG,EAAA,EAAG,8BAA6B,SAAA,EAAW,YAAA,EAAc,2BAE7D,CAAA,EACF,CAAA;AAAA,kBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,eAAA,EAAiB,CAAA;AAAA,kBACjCA,cAAA,CAAC,YAAO,SAAA,EAAW,WAAA,EACjB,yCAAC,GAAA,EAAA,EAAE,IAAA,EAAK,gBAAA,EAAiB,QAAA,EAAA,2BAAA,EAAoB,CAAA,EAC/C;AAAA,CAAA,EACF;AAGF,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"user-settings-card.js","sourcesContent":["const 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 bodySpacerClass = \"mt-4 flex-1\";\nconst footerClass =\n  \"mt-6 flex justify-end text-sm font-semibold text-primary hover:text-primary/80\";\n\nexport const UserSettingsCard = () => (\n  <section className={baseCardClass} aria-labelledby=\"user-settings-card-heading\">\n    <header>\n      <h2 id=\"user-settings-card-heading\" className={headingClass}>\n        User Settings\n      </h2>\n    </header>\n    <div className={bodySpacerClass} />\n    <footer className={footerClass}>\n      <a href=\"/user-settings\">View user settings →</a>\n    </footer>\n  </section>\n);\n\nUserSettingsCard.displayName = \"UserSettingsCard\";\n"]}

package/dist/user-settings.d.mts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface UserSettingsUser {
+    emailAddress: string;
+    firstName?: string;
+    lastName?: string;
+}
+interface UserSettingsTeam {
+    id: string;
+    name: string;
+    appId: string;
+    appName: string;
+    appSlug: string;
+}
+interface UserSettingsCustomer {
+    id: string;
+    name: string;
+}
+interface UserSettingsNotification {
+    type: string;
+    enabled: boolean;
+}
+interface UserSettingsProps {
+    user?: UserSettingsUser;
+    isUserLoading?: boolean;
+    userError?: Error | null;
+    isUpdating?: boolean;
+    updateError?: Error | null;
+    onUpdateUser?: (data: {
+        firstName?: string;
+        lastName?: string;
+    }) => Promise<void>;
+    teams?: UserSettingsTeam[];
+    currentCustomer?: UserSettingsCustomer;
+    isTeamsLoading?: boolean;
+    onTeamSwitch?: (team: UserSettingsTeam) => Promise<void>;
+    notifications?: UserSettingsNotification[];
+    isNotificationsLoading?: boolean;
+    onToggleNotification?: (notificationType: string, enabled: boolean) => Promise<void>;
+    primaryColor?: string;
+}
+declare const UserSettings: {
+    ({ user, isUserLoading, userError, isUpdating, updateError, onUpdateUser, teams, currentCustomer, isTeamsLoading, onTeamSwitch, notifications, isNotificationsLoading, onToggleNotification, primaryColor, }: UserSettingsProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { UserSettings, type UserSettingsCustomer, type UserSettingsNotification, type UserSettingsProps, type UserSettingsTeam, type UserSettingsUser };

package/dist/user-settings.d.ts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface UserSettingsUser {
+    emailAddress: string;
+    firstName?: string;
+    lastName?: string;
+}
+interface UserSettingsTeam {
+    id: string;
+    name: string;
+    appId: string;
+    appName: string;
+    appSlug: string;
+}
+interface UserSettingsCustomer {
+    id: string;
+    name: string;
+}
+interface UserSettingsNotification {
+    type: string;
+    enabled: boolean;
+}
+interface UserSettingsProps {
+    user?: UserSettingsUser;
+    isUserLoading?: boolean;
+    userError?: Error | null;
+    isUpdating?: boolean;
+    updateError?: Error | null;
+    onUpdateUser?: (data: {
+        firstName?: string;
+        lastName?: string;
+    }) => Promise<void>;
+    teams?: UserSettingsTeam[];
+    currentCustomer?: UserSettingsCustomer;
+    isTeamsLoading?: boolean;
+    onTeamSwitch?: (team: UserSettingsTeam) => Promise<void>;
+    notifications?: UserSettingsNotification[];
+    isNotificationsLoading?: boolean;
+    onToggleNotification?: (notificationType: string, enabled: boolean) => Promise<void>;
+    primaryColor?: string;
+}
+declare const UserSettings: {
+    ({ user, isUserLoading, userError, isUpdating, updateError, onUpdateUser, teams, currentCustomer, isTeamsLoading, onTeamSwitch, notifications, isNotificationsLoading, onToggleNotification, primaryColor, }: UserSettingsProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { UserSettings, type UserSettingsCustomer, type UserSettingsNotification, type UserSettingsProps, type UserSettingsTeam, type UserSettingsUser };