@replicated/portal-components 0.0.2 → 0.0.4

package/dist/error-page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/error.tsx","../src/components/error-page.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"error-page.js","sourcesContent":["\"use client\";\n\nimport type { SVGProps } from \"react\";\n\nconst AlertTriangleIcon = (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=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\" />\n    <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n    <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n  </svg>\n);\n\nconst ServerIcon = (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    <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\" />\n    <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\" />\n    <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\" />\n    <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\" />\n  </svg>\n);\n\nexport interface ErrorProps {\n  code?: number;\n  message?: string;\n  homeUrl?: string;\n  sourceUrl?: string;\n  onRetry?: () => void;\n}\n\nconst getErrorContent = (code?: number) => {\n  switch (code) {\n    case 502:\n      return {\n        title: \"Service Unavailable\",\n        description: \"The service is temporarily unavailable. Please try again in a few moments.\",\n        icon: ServerIcon,\n      };\n    case 503:\n      return {\n        title: \"Service Unavailable\",\n        description: \"The service is currently undergoing maintenance. Please try again later.\",\n        icon: ServerIcon,\n      };\n    case 504:\n      return {\n        title: \"Gateway Timeout\",\n        description: \"The request took too long to process. Please try again.\",\n        icon: ServerIcon,\n      };\n    case 500:\n      return {\n        title: \"Internal Server Error\",\n        description: \"Something went wrong on our end. Please try again later.\",\n        icon: AlertTriangleIcon,\n      };\n    case 404:\n      return {\n        title: \"Page Not Found\",\n        description: \"The page you're looking for doesn't exist or has been moved.\",\n        icon: AlertTriangleIcon,\n      };\n    case 403:\n      return {\n        title: \"Access Denied\",\n        description: \"You don't have permission to access this resource.\",\n        icon: AlertTriangleIcon,\n      };\n    default:\n      return {\n        title: \"Something Went Wrong\",\n        description: \"An unexpected error occurred. Please try again later.\",\n        icon: AlertTriangleIcon,\n      };\n  }\n};\n\nexport const Error = ({ \n  code, \n  message,\n  homeUrl = \"/\",\n  sourceUrl,\n  onRetry\n}: ErrorProps) => {\n  const errorContent = getErrorContent(code);\n  const Icon = errorContent.icon;\n\n  const handleRetry = () => {\n    if (onRetry) {\n      onRetry();\n    } else if (sourceUrl) {\n      window.location.href = sourceUrl;\n    } else {\n      window.location.reload();\n    }\n  };\n\n  return (\n    <div className=\"w-full max-w-md\">\n      <div className=\"rounded-3xl border border-gray-200 bg-white p-8 shadow-[0_12px_30px_rgba(17,24,39,0.12)] text-center\">\n        <div className=\"mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-red-100\">\n          <Icon className=\"h-8 w-8 text-red-600\" />\n        </div>\n        \n        {code && (\n          <div className=\"mt-6 text-sm font-semibold text-gray-500\">\n            Error {code}\n          </div>\n        )}\n        \n        <h1 className=\"mt-2 text-2xl font-bold text-gray-900\">\n          {errorContent.title}\n        </h1>\n        \n        <p className=\"mt-4 text-sm text-gray-600\">\n          {message || errorContent.description}\n        </p>\n        \n        <div className=\"mt-8 flex flex-col gap-3 sm:flex-row sm:justify-center\">\n          <a\n            href={homeUrl}\n            className=\"inline-flex items-center justify-center rounded-lg bg-indigo-600 px-6 py-3 text-sm font-semibold text-white shadow-sm transition hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600\"\n          >\n            Go to Home\n          </a>\n          <button\n            type=\"button\"\n            onClick={handleRetry}\n            className=\"inline-flex items-center justify-center rounded-lg border border-gray-300 bg-white px-6 py-3 text-sm font-semibold text-gray-700 shadow-sm transition hover:bg-gray-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600\"\n          >\n            Try Again\n          </button>\n        </div>\n        \n        {code && code >= 500 && (\n          <p className=\"mt-6 text-xs text-gray-500\">\n            If this problem persists, please contact support.\n          </p>\n        )}\n      </div>\n    </div>\n  );\n};\n\nError.displayName = \"Error\";\n","\"use client\";\n\nimport { Error } from \"./error\";\n\ninterface ErrorPageProps {\n  statusCode?: number;\n  message?: string;\n  homeUrl?: string;\n  sourceUrl?: string;\n}\n\nexport const ErrorPage = ({ \n  statusCode, \n  message,\n  homeUrl = \"/\",\n  sourceUrl\n}: ErrorPageProps) => {\n  return (\n    <div className=\"flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12\">\n      <Error code={statusCode} message={message} homeUrl={homeUrl} sourceUrl={sourceUrl} />\n    </div>\n  );\n};\n\nErrorPage.displayName = \"ErrorPage\";\n"]}

package/dist/error.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ErrorProps {
+    code?: number;
+    message?: string;
+    homeUrl?: string;
+    sourceUrl?: string;
+    onRetry?: () => void;
+}
+declare const Error: {
+    ({ code, message, homeUrl, sourceUrl, onRetry }: ErrorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Error, type ErrorProps };

package/dist/error.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ErrorProps {
+    code?: number;
+    message?: string;
+    homeUrl?: string;
+    sourceUrl?: string;
+    onRetry?: () => void;
+}
+declare const Error: {
+    ({ code, message, homeUrl, sourceUrl, onRetry }: ErrorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Error, type ErrorProps };

package/dist/error.js

@@ -0,0 +1,144 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Enterprise Portal Components
+ * This file is generated by tsup. Do not edit manually.
+ */
+
+var AlertTriangleIcon = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+    ]
+  }
+);
+var ServerIcon = (props) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", ry: "2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", ry: "2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "6.01", y2: "6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "18", x2: "6.01", y2: "18" })
+    ]
+  }
+);
+var getErrorContent = (code) => {
+  switch (code) {
+    case 502:
+      return {
+        title: "Service Unavailable",
+        description: "The service is temporarily unavailable. Please try again in a few moments.",
+        icon: ServerIcon
+      };
+    case 503:
+      return {
+        title: "Service Unavailable",
+        description: "The service is currently undergoing maintenance. Please try again later.",
+        icon: ServerIcon
+      };
+    case 504:
+      return {
+        title: "Gateway Timeout",
+        description: "The request took too long to process. Please try again.",
+        icon: ServerIcon
+      };
+    case 500:
+      return {
+        title: "Internal Server Error",
+        description: "Something went wrong on our end. Please try again later.",
+        icon: AlertTriangleIcon
+      };
+    case 404:
+      return {
+        title: "Page Not Found",
+        description: "The page you're looking for doesn't exist or has been moved.",
+        icon: AlertTriangleIcon
+      };
+    case 403:
+      return {
+        title: "Access Denied",
+        description: "You don't have permission to access this resource.",
+        icon: AlertTriangleIcon
+      };
+    default:
+      return {
+        title: "Something Went Wrong",
+        description: "An unexpected error occurred. Please try again later.",
+        icon: AlertTriangleIcon
+      };
+  }
+};
+var Error = ({
+  code,
+  message,
+  homeUrl = "/",
+  sourceUrl,
+  onRetry
+}) => {
+  const errorContent = getErrorContent(code);
+  const Icon = errorContent.icon;
+  const handleRetry = () => {
+    if (onRetry) {
+      onRetry();
+    } else if (sourceUrl) {
+      window.location.href = sourceUrl;
+    } else {
+      window.location.reload();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-3xl border border-gray-200 bg-white p-8 shadow-[0_12px_30px_rgba(17,24,39,0.12)] text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-red-100", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-8 w-8 text-red-600" }) }),
+    code && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 text-sm font-semibold text-gray-500", children: [
+      "Error ",
+      code
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mt-2 text-2xl font-bold text-gray-900", children: errorContent.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-sm text-gray-600", children: message || errorContent.description }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 flex flex-col gap-3 sm:flex-row sm:justify-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: homeUrl,
+          className: "inline-flex items-center justify-center rounded-lg bg-indigo-600 px-6 py-3 text-sm font-semibold text-white shadow-sm transition hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600",
+          children: "Go to Home"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleRetry,
+          className: "inline-flex items-center justify-center rounded-lg border border-gray-300 bg-white px-6 py-3 text-sm font-semibold text-gray-700 shadow-sm transition hover:bg-gray-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600",
+          children: "Try Again"
+        }
+      )
+    ] }),
+    code && code >= 500 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-6 text-xs text-gray-500", children: "If this problem persists, please contact support." })
+  ] }) });
+};
+Error.displayName = "Error";
+
+exports.Error = Error;
+//# sourceMappingURL=error.js.map
+//# sourceMappingURL=error.js.map

package/dist/error.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/error.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"error.js","sourcesContent":["\"use client\";\n\nimport type { SVGProps } from \"react\";\n\nconst AlertTriangleIcon = (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=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\" />\n    <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\" />\n    <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\" />\n  </svg>\n);\n\nconst ServerIcon = (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    <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\" />\n    <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\" />\n    <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\" />\n    <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\" />\n  </svg>\n);\n\nexport interface ErrorProps {\n  code?: number;\n  message?: string;\n  homeUrl?: string;\n  sourceUrl?: string;\n  onRetry?: () => void;\n}\n\nconst getErrorContent = (code?: number) => {\n  switch (code) {\n    case 502:\n      return {\n        title: \"Service Unavailable\",\n        description: \"The service is temporarily unavailable. Please try again in a few moments.\",\n        icon: ServerIcon,\n      };\n    case 503:\n      return {\n        title: \"Service Unavailable\",\n        description: \"The service is currently undergoing maintenance. Please try again later.\",\n        icon: ServerIcon,\n      };\n    case 504:\n      return {\n        title: \"Gateway Timeout\",\n        description: \"The request took too long to process. Please try again.\",\n        icon: ServerIcon,\n      };\n    case 500:\n      return {\n        title: \"Internal Server Error\",\n        description: \"Something went wrong on our end. Please try again later.\",\n        icon: AlertTriangleIcon,\n      };\n    case 404:\n      return {\n        title: \"Page Not Found\",\n        description: \"The page you're looking for doesn't exist or has been moved.\",\n        icon: AlertTriangleIcon,\n      };\n    case 403:\n      return {\n        title: \"Access Denied\",\n        description: \"You don't have permission to access this resource.\",\n        icon: AlertTriangleIcon,\n      };\n    default:\n      return {\n        title: \"Something Went Wrong\",\n        description: \"An unexpected error occurred. Please try again later.\",\n        icon: AlertTriangleIcon,\n      };\n  }\n};\n\nexport const Error = ({ \n  code, \n  message,\n  homeUrl = \"/\",\n  sourceUrl,\n  onRetry\n}: ErrorProps) => {\n  const errorContent = getErrorContent(code);\n  const Icon = errorContent.icon;\n\n  const handleRetry = () => {\n    if (onRetry) {\n      onRetry();\n    } else if (sourceUrl) {\n      window.location.href = sourceUrl;\n    } else {\n      window.location.reload();\n    }\n  };\n\n  return (\n    <div className=\"w-full max-w-md\">\n      <div className=\"rounded-3xl border border-gray-200 bg-white p-8 shadow-[0_12px_30px_rgba(17,24,39,0.12)] text-center\">\n        <div className=\"mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-red-100\">\n          <Icon className=\"h-8 w-8 text-red-600\" />\n        </div>\n        \n        {code && (\n          <div className=\"mt-6 text-sm font-semibold text-gray-500\">\n            Error {code}\n          </div>\n        )}\n        \n        <h1 className=\"mt-2 text-2xl font-bold text-gray-900\">\n          {errorContent.title}\n        </h1>\n        \n        <p className=\"mt-4 text-sm text-gray-600\">\n          {message || errorContent.description}\n        </p>\n        \n        <div className=\"mt-8 flex flex-col gap-3 sm:flex-row sm:justify-center\">\n          <a\n            href={homeUrl}\n            className=\"inline-flex items-center justify-center rounded-lg bg-indigo-600 px-6 py-3 text-sm font-semibold text-white shadow-sm transition hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600\"\n          >\n            Go to Home\n          </a>\n          <button\n            type=\"button\"\n            onClick={handleRetry}\n            className=\"inline-flex items-center justify-center rounded-lg border border-gray-300 bg-white px-6 py-3 text-sm font-semibold text-gray-700 shadow-sm transition hover:bg-gray-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-600\"\n          >\n            Try Again\n          </button>\n        </div>\n        \n        {code && code >= 500 && (\n          <p className=\"mt-6 text-xs text-gray-500\">\n            If this problem persists, please contact support.\n          </p>\n        )}\n      </div>\n    </div>\n  );\n};\n\nError.displayName = \"Error\";\n"]}