@djangocfg/layouts 2.1.101 → 2.1.102

package/dist/components.mjs

@@ -0,0 +1,879 @@
+import { createContext, useState, useEffect, Suspense as Suspense$1, Component, useCallback, useContext } from 'react';
+import { Button, Preloader } from '@djangocfg/ui-nextjs/components';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import * as LucideIcons from 'lucide-react';
+import { Copy, Terminal } from 'lucide-react';
+import { cn } from '@djangocfg/ui-core/lib';
+import { useAuth } from '@djangocfg/api/auth';
+import { useCfgRouter } from '@djangocfg/ui-nextjs/hooks';
+import { useCopy, toast } from '@djangocfg/ui-core/hooks';
+import { Button as Button$1 } from '@djangocfg/ui-nextjs';
+import consola from 'consola';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var defaultFallback = /* @__PURE__ */ jsx(
+  Preloader,
+  {
+    variant: "fullscreen",
+    text: "Loading...",
+    size: "lg",
+    backdrop: true,
+    backdropOpacity: 80
+  }
+);
+function ClientOnly({
+  children,
+  fallback = defaultFallback
+}) {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+__name(ClientOnly, "ClientOnly");
+function JsonLd({ data }) {
+  return /* @__PURE__ */ jsx(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: {
+        __html: JSON.stringify(data, null, 0)
+      }
+    }
+  );
+}
+__name(JsonLd, "JsonLd");
+function getLucideIcon(icon, fallback = LucideIcons.CloudLightning) {
+  if (!icon) {
+    return fallback;
+  }
+  if (typeof icon === "string") {
+    const IconComponent = LucideIcons[icon];
+    return IconComponent || fallback;
+  }
+  return icon;
+}
+__name(getLucideIcon, "getLucideIcon");
+function LucideIcon({
+  icon,
+  fallback = LucideIcons.CloudLightning,
+  className,
+  ...props
+}) {
+  const IconComponent = getLucideIcon(icon, fallback);
+  return /* @__PURE__ */ jsx(IconComponent, { className: cn(className), ...props });
+}
+__name(LucideIcon, "LucideIcon");
+var defaultFallback2 = /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+  /* @__PURE__ */ jsx("div", { className: "inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]" }),
+  /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm text-muted-foreground", children: "Loading..." })
+] }) });
+function Suspense({ children, fallback = defaultFallback2 }) {
+  return /* @__PURE__ */ jsx(Suspense$1, { fallback, children });
+}
+__name(Suspense, "Suspense");
+var _ErrorBoundary = class _ErrorBoundary extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    if (this.props.onError) {
+      this.props.onError(error, errorInfo);
+    }
+    {
+      console.error("ErrorBoundary caught an error:", error, errorInfo);
+    }
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen items-center justify-center bg-background p-4", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md w-full space-y-4 text-center", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-foreground", children: "Something went wrong" }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "We're sorry, but something unexpected happened. Please try refreshing the page." }),
+        this.props.supportEmail && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+          "If the problem persists, please contact",
+          " ",
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: `mailto:${this.props.supportEmail}`,
+              className: "text-primary hover:underline",
+              children: this.props.supportEmail
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => window.location.reload(),
+            className: "px-4 py-2 bg-primary text-primary-foreground rounded-md hover:bg-primary/90",
+            children: "Refresh Page"
+          }
+        )
+      ] }) });
+    }
+    return this.props.children;
+  }
+};
+__name(_ErrorBoundary, "ErrorBoundary");
+var ErrorBoundary = _ErrorBoundary;
+
+// src/components/errors/errorConfig.ts
+function getErrorContent(statusCode) {
+  const code = typeof statusCode === "string" ? parseInt(statusCode, 10) : statusCode;
+  switch (code) {
+    // 400 Bad Request
+    case 400:
+      return {
+        title: "Bad Request",
+        description: "The request could not be understood. Please check your input and try again."
+      };
+    // 401 Unauthorized
+    case 401:
+      return {
+        title: "Authentication Required",
+        description: "You need to sign in to access this page."
+      };
+    // 403 Forbidden
+    case 403:
+      return {
+        title: "Access Denied",
+        description: "You don't have permission to access this resource."
+      };
+    // 404 Not Found
+    case 404:
+      return {
+        title: "Page Not Found",
+        description: "The page you're looking for doesn't exist or has been moved."
+      };
+    // 408 Request Timeout
+    case 408:
+      return {
+        title: "Request Timeout",
+        description: "The request took too long to process. Please try again."
+      };
+    // 500 Internal Server Error
+    case 500:
+      return {
+        title: "Server Error",
+        description: "Something went wrong on our end. We're working to fix it."
+      };
+    // 502 Bad Gateway
+    case 502:
+      return {
+        title: "Bad Gateway",
+        description: "The server received an invalid response. Please try again later."
+      };
+    // 503 Service Unavailable
+    case 503:
+      return {
+        title: "Service Unavailable",
+        description: "The service is temporarily unavailable. Please try again later."
+      };
+    // 504 Gateway Timeout
+    case 504:
+      return {
+        title: "Gateway Timeout",
+        description: "The server took too long to respond. Please try again."
+      };
+    // Default / Unknown Error
+    default:
+      return {
+        title: "Something Went Wrong",
+        description: "An unexpected error occurred. Please try again or contact support."
+      };
+  }
+}
+__name(getErrorContent, "getErrorContent");
+var ERROR_CODES = {
+  BAD_REQUEST: 400,
+  UNAUTHORIZED: 401,
+  FORBIDDEN: 403,
+  NOT_FOUND: 404,
+  TIMEOUT: 408,
+  SERVER_ERROR: 500,
+  BAD_GATEWAY: 502,
+  SERVICE_UNAVAILABLE: 503,
+  GATEWAY_TIMEOUT: 504
+};
+function getErrorIcon(code) {
+  const c = code ? String(code) : "";
+  switch (c) {
+    case "404":
+      return /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "w-32 h-32 mx-auto text-foreground/80",
+          viewBox: "0 0 32 32",
+          fill: "currentColor",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsxs("g", { children: [
+            /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M19.889 21.734v-.947l-.631.947z" }),
+            /* @__PURE__ */ jsx("path", { d: "M15.484 19.636h1.032a.017.017 0 0 1 .017.017v3.1a.016.016 0 0 1-.016.016h-1.034a.016.016 0 0 1-.016-.016v-3.1a.017.017 0 0 1 .017-.017z" }),
+            /* @__PURE__ */ jsxs("g", { fillRule: "evenodd", children: [
+              /* @__PURE__ */ jsx("path", { d: "M12.402 21.734v-.947l-.631.947z" }),
+              /* @__PURE__ */ jsx("path", { d: "M16 1.5A14.5 14.5 0 1 0 30.5 16 14.507 14.507 0 0 0 16 1.5zm-2.324 21.234H13.4v.532a.5.5 0 0 1-1 0v-.532h-1.563a.5.5 0 0 1-.416-.778l2.067-3.1a.5.5 0 0 1 .914.28v2.6h.274a.5.5 0 0 1 0 1zm-2.137-9.9A4.14 4.14 0 0 1 15.545 9.8a.5.5 0 0 1 0 1 3.138 3.138 0 0 0-3.04 2.3.5.5 0 0 1-.966-.259zm5.994 9.911a1.017 1.017 0 0 1-1.017 1.016h-1.032a1.017 1.017 0 0 1-1.017-1.016v-3.1a1.017 1.017 0 0 1 1.017-1.016h1.032a1.017 1.017 0 0 1 1.017 1.016zm3.63-.016h-.274v.532a.5.5 0 0 1-1 0v-.532h-1.565a.5.5 0 0 1-.416-.778l2.067-3.1a.5.5 0 0 1 .914.28v2.6h.274a.5.5 0 0 1 0 1zm1.036-1.52a.5.5 0 1 1-.4-.917 3.263 3.263 0 0 0-1.337-6.266.5.5 0 0 1-.5-.5 4.6 4.6 0 0 0-9.2 0 4.45 4.45 0 0 0 .153 1.161.5.5 0 0 1-.411.625 2.633 2.633 0 0 0-.364 5.148.5.5 0 0 1-.278.961 3.63 3.63 0 0 1-.024-6.984 5.467 5.467 0 0 1-.076-.911 5.6 5.6 0 0 1 11.182-.474 4.258 4.258 0 0 1 1.256 8.162z" })
+            ] })
+          ] })
+        }
+      );
+    case "500":
+      return /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "w-32 h-32 mx-auto text-foreground/80",
+          viewBox: "0 0 512 512",
+          fill: "currentColor",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsxs("g", { children: [
+            /* @__PURE__ */ jsx("path", { d: "M256 118c-76.1 0-138 61.88-138 138s61.9 138.05 138 138.05 138-61.93 138-138S332.1 118 256 118zm0 237.93a30.12 30.12 0 1 1 30.11-30.12A30.15 30.15 0 0 1 256 355.88zm30.11-80.31a8.48 8.48 0 0 1-8.47 8.48h-43.28a8.48 8.48 0 0 1-8.47-8.48v-111a8.47 8.47 0 0 1 8.47-8.47h43.28a8.47 8.47 0 0 1 8.47 8.47z" }),
+            /* @__PURE__ */ jsx("path", { d: "M256 312.6a13.17 13.17 0 1 0 13.16 13.16A13.17 13.17 0 0 0 256 312.6zM242.84 173.07h26.32v94.02h-26.32z" }),
+            /* @__PURE__ */ jsx("path", { d: "M256 0C114.62 0 0 114.62 0 256s114.62 256 256 256 256-114.62 256-256S397.38 0 256 0zm109.57 365.6A155 155 0 1 1 411 256a153.91 153.91 0 0 1-45.43 109.6z" })
+          ] })
+        }
+      );
+    case "403":
+      return /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "w-32 h-32 mx-auto text-foreground/80",
+          viewBox: "0 0 24 24",
+          fill: "currentColor",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx("path", { d: "M12 1a11 11 0 1 0 11 11A11.013 11.013 0 0 0 12 1zm4.242 13.829a1 1 0 1 1-1.414 1.414L12 13.414l-2.828 2.829a1 1 0 0 1-1.414-1.414L10.586 12 7.758 9.171a1 1 0 1 1 1.414-1.414L12 10.586l2.828-2.829a1 1 0 1 1 1.414 1.414L13.414 12z" })
+        }
+      );
+    default:
+      return null;
+  }
+}
+__name(getErrorIcon, "getErrorIcon");
+function ErrorLayout({
+  code,
+  title,
+  description,
+  actions,
+  showDefaultActions = true,
+  illustration,
+  supportEmail = "support@example.com"
+}) {
+  const autoContent = code && (!title || !description) ? getErrorContent(code) : null;
+  const finalTitle = title || autoContent?.title || "Error";
+  const finalDescription = description || autoContent?.description;
+  const finalIllustration = illustration ?? getErrorIcon(code);
+  const handleGoBack = /* @__PURE__ */ __name(() => {
+    if (document.referrer && document.referrer !== window.location.href) {
+      window.location.href = document.referrer;
+    } else if (window.history.length > 1) {
+      window.history.back();
+    } else {
+      window.location.href = "/";
+    }
+  }, "handleGoBack");
+  const handleGoHome = /* @__PURE__ */ __name(() => {
+    window.location.href = "/";
+  }, "handleGoHome");
+  return /* @__PURE__ */ jsx("div", { className: "min-h-screen flex items-center justify-center px-4 bg-background", children: /* @__PURE__ */ jsxs("div", { className: "max-w-2xl w-full text-center space-y-8", children: [
+    finalIllustration && /* @__PURE__ */ jsx("div", { className: "flex justify-center py-8", children: finalIllustration }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-4xl font-bold text-foreground", children: finalTitle }),
+      finalDescription && /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground max-w-md mx-auto", children: finalDescription })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-center gap-4 pt-4", children: [
+      actions,
+      showDefaultActions && !actions && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "lg",
+            onClick: handleGoBack,
+            style: { minWidth: "140px", padding: "12px 32px" },
+            children: "Go Back"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "default",
+            size: "lg",
+            onClick: handleGoHome,
+            style: { minWidth: "140px", padding: "12px 32px" },
+            children: "Go Home"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "pt-8 text-sm text-muted-foreground", children: /* @__PURE__ */ jsxs("p", { children: [
+      "Need help? Contact",
+      " ",
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: `mailto:${supportEmail}`,
+          className: "text-primary hover:underline",
+          children: "support"
+        }
+      )
+    ] }) })
+  ] }) });
+}
+__name(ErrorLayout, "ErrorLayout");
+function RedirectPage({
+  authenticatedPath = "/private",
+  unauthenticatedPath = "/auth",
+  loadingText = "Loading..."
+}) {
+  const { isAuthenticated } = useAuth();
+  const router = useCfgRouter();
+  useEffect(() => {
+    if (!isAuthenticated) {
+      router.hardPush(unauthenticatedPath);
+    } else {
+      router.hardPush(authenticatedPath);
+    }
+  }, [isAuthenticated, router, authenticatedPath, unauthenticatedPath]);
+  return /* @__PURE__ */ jsx(
+    Preloader,
+    {
+      variant: "fullscreen",
+      text: loadingText,
+      size: "lg"
+    }
+  );
+}
+__name(RedirectPage, "RedirectPage");
+
+// src/components/errors/ErrorsTracker/utils/formatters.ts
+function formatZodIssues(error, maxIssues = 3) {
+  const issues = error.issues.slice(0, maxIssues);
+  const formatted = issues.map((issue) => {
+    const path = issue.path.join(".") || "root";
+    return `${path}: ${issue.message}`;
+  });
+  if (error.issues.length > maxIssues) {
+    formatted.push(`... and ${error.issues.length - maxIssues} more`);
+  }
+  return formatted.join(", ");
+}
+__name(formatZodIssues, "formatZodIssues");
+function formatValidationErrorForClipboard(detail) {
+  const errorData = {
+    type: "validation",
+    timestamp: detail.timestamp.toISOString(),
+    operation: detail.operation,
+    endpoint: {
+      method: detail.method,
+      path: detail.path
+    },
+    validation_errors: detail.error.issues.map((issue) => ({
+      path: issue.path.join(".") || "root",
+      message: issue.message,
+      code: issue.code,
+      ..."expected" in issue && { expected: issue.expected },
+      ..."received" in issue && { received: issue.received },
+      ..."minimum" in issue && { minimum: issue.minimum },
+      ..."maximum" in issue && { maximum: issue.maximum }
+    })),
+    response: detail.response,
+    total_errors: detail.error.issues.length
+  };
+  return JSON.stringify(errorData, null, 2);
+}
+__name(formatValidationErrorForClipboard, "formatValidationErrorForClipboard");
+function formatCORSErrorForClipboard(detail) {
+  const errorData = {
+    type: "cors",
+    timestamp: detail.timestamp.toISOString(),
+    url: detail.url,
+    method: detail.method,
+    error: detail.error
+  };
+  return JSON.stringify(errorData, null, 2);
+}
+__name(formatCORSErrorForClipboard, "formatCORSErrorForClipboard");
+function formatNetworkErrorForClipboard(detail) {
+  const errorData = {
+    type: "network",
+    timestamp: detail.timestamp.toISOString(),
+    url: detail.url,
+    method: detail.method,
+    error: detail.error,
+    ...detail.statusCode && { statusCode: detail.statusCode }
+  };
+  return JSON.stringify(errorData, null, 2);
+}
+__name(formatNetworkErrorForClipboard, "formatNetworkErrorForClipboard");
+function formatCentrifugoErrorForClipboard(detail) {
+  const errorData = {
+    type: "centrifugo",
+    timestamp: detail.timestamp.toISOString(),
+    method: detail.method,
+    error: detail.error,
+    ...detail.code !== void 0 && { code: detail.code },
+    ...detail.data && { data: detail.data }
+  };
+  return JSON.stringify(errorData, null, 2);
+}
+__name(formatCentrifugoErrorForClipboard, "formatCentrifugoErrorForClipboard");
+function extractDomain(url) {
+  try {
+    const urlObj = new URL(url);
+    return urlObj.origin;
+  } catch {
+    return url;
+  }
+}
+__name(extractDomain, "extractDomain");
+function formatErrorTitle(detail) {
+  switch (detail.type) {
+    case "validation":
+      return `\u274C Validation Error in ${detail.operation}`;
+    case "cors":
+      return "\u{1F6AB} CORS Error";
+    case "network":
+      return detail.statusCode ? `\u26A0\uFE0F Network Error (${detail.statusCode})` : "\u26A0\uFE0F Network Error";
+    case "centrifugo":
+      return detail.code !== void 0 ? `\u{1F50C} Centrifugo Error (${detail.code})` : "\u{1F50C} Centrifugo Error";
+    default:
+      return "\u274C Error";
+  }
+}
+__name(formatErrorTitle, "formatErrorTitle");
+function getAuthToken() {
+  if (typeof window === "undefined") return null;
+  try {
+    const token = localStorage.getItem("access_token") || localStorage.getItem("token") || localStorage.getItem("auth_token");
+    return token;
+  } catch (error) {
+    consola.error("Failed to get auth token:", error);
+    return null;
+  }
+}
+__name(getAuthToken, "getAuthToken");
+function formatHeaders(headers) {
+  return Object.entries(headers).map(
+    ([key, value]) => `-H '${key}: ${value}'`
+  );
+}
+__name(formatHeaders, "formatHeaders");
+function escapeShell(str) {
+  return str.replace(/'/g, "'\\''");
+}
+__name(escapeShell, "escapeShell");
+function generateCurl(options) {
+  const {
+    method,
+    path,
+    token = getAuthToken() || void 0,
+    // Auto-fetch if not provided
+    body,
+    headers = {},
+    baseUrl = process.env.NEXT_PUBLIC_API_URL || "http://localhost:8000"
+  } = options;
+  const curlParts = ["curl"];
+  const url = `${baseUrl}${path}`;
+  curlParts.push(`'${url}'`);
+  if (method.toUpperCase() !== "GET") {
+    curlParts.push(`-X ${method.toUpperCase()}`);
+  }
+  const allHeaders = {
+    "Accept": "*/*",
+    "Content-Type": "application/json",
+    ...headers
+  };
+  if (token) {
+    allHeaders["Authorization"] = `Bearer ${token}`;
+  }
+  const headerStrings = formatHeaders(allHeaders);
+  curlParts.push(...headerStrings);
+  if (body && method.toUpperCase() !== "GET") {
+    const bodyJson = typeof body === "string" ? body : JSON.stringify(body, null, 2);
+    curlParts.push(`-d '${escapeShell(bodyJson)}'`);
+  }
+  return curlParts.join(" \\\n  ");
+}
+__name(generateCurl, "generateCurl");
+function generateCurlFromError(detail) {
+  return generateCurl({
+    method: detail.method,
+    path: detail.path
+    // token is auto-fetched in generateCurl
+  });
+}
+__name(generateCurlFromError, "generateCurlFromError");
+function formatErrorForClipboard(detail) {
+  switch (detail.type) {
+    case "validation":
+      return formatValidationErrorForClipboard(detail);
+    case "cors":
+      return formatCORSErrorForClipboard(detail);
+    case "network":
+      return formatNetworkErrorForClipboard(detail);
+    case "centrifugo":
+      return formatCentrifugoErrorForClipboard(detail);
+    default:
+      return JSON.stringify(detail, null, 2);
+  }
+}
+__name(formatErrorForClipboard, "formatErrorForClipboard");
+function supportsCurl(detail) {
+  return detail.type === "validation";
+}
+__name(supportsCurl, "supportsCurl");
+function ErrorButtons({ detail }) {
+  const { copyToClipboard } = useCopy();
+  const handleCopyError = /* @__PURE__ */ __name(async (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const formattedError = formatErrorForClipboard(detail);
+    await copyToClipboard(formattedError, "\u2705 Error details copied");
+  }, "handleCopyError");
+  const handleCopyCurl = /* @__PURE__ */ __name(async (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (detail.type === "validation") {
+      const curl = generateCurlFromError({
+        method: detail.method,
+        path: detail.path,
+        response: detail.response
+      });
+      await copyToClipboard(curl, "\u2705 cURL command copied");
+    }
+  }, "handleCopyCurl");
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-2", children: [
+    /* @__PURE__ */ jsxs(
+      Button$1,
+      {
+        size: "sm",
+        variant: "secondary",
+        onClick: handleCopyError,
+        className: "h-8 text-xs bg-background hover:bg-background/80 text-foreground border border-border gap-1.5",
+        children: [
+          /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" }),
+          "Copy Error"
+        ]
+      }
+    ),
+    supportsCurl(detail) && /* @__PURE__ */ jsxs(
+      Button$1,
+      {
+        size: "sm",
+        variant: "secondary",
+        onClick: handleCopyCurl,
+        className: "h-8 text-xs bg-background hover:bg-background/80 text-foreground border border-border gap-1.5",
+        children: [
+          /* @__PURE__ */ jsx(Terminal, { className: "h-3.5 w-3.5" }),
+          "Copy cURL"
+        ]
+      }
+    )
+  ] });
+}
+__name(ErrorButtons, "ErrorButtons");
+function buildValidationDescription(detail, config) {
+  const descriptionParts = [];
+  if (config.showPath) {
+    descriptionParts.push(`${detail.method} ${detail.path}`);
+  }
+  if (config.showErrorCount) {
+    const count = detail.error.issues.length;
+    const plural = count === 1 ? "error" : "errors";
+    descriptionParts.push(`${count} ${plural}`);
+  }
+  const issuesText = formatZodIssues(detail.error, config.maxIssuesInToast);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-sm", children: [
+    descriptionParts.length > 0 && /* @__PURE__ */ jsx("div", { className: "font-mono text-xs opacity-90", children: descriptionParts.join(" \u2022 ") }),
+    /* @__PURE__ */ jsx("div", { className: "opacity-90", children: issuesText }),
+    /* @__PURE__ */ jsx(ErrorButtons, { detail })
+  ] });
+}
+__name(buildValidationDescription, "buildValidationDescription");
+function buildCORSDescription(detail, config) {
+  const domain = extractDomain(detail.url);
+  const parts = [];
+  if (config.showMethod && config.showUrl) {
+    parts.push(`${detail.method} ${detail.url}`);
+  } else if (config.showUrl) {
+    parts.push(detail.url);
+  } else if (config.showMethod) {
+    parts.push(`${detail.method} request blocked`);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-sm", children: [
+    parts.length > 0 && /* @__PURE__ */ jsx("div", { className: "font-mono text-xs opacity-90", children: parts.join(" \u2022 ") }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Request blocked by CORS policy" }),
+      /* @__PURE__ */ jsxs("div", { className: "text-xs opacity-75", children: [
+        "Check CORS configuration on ",
+        domain
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(ErrorButtons, { detail })
+  ] });
+}
+__name(buildCORSDescription, "buildCORSDescription");
+function buildNetworkDescription(detail, config) {
+  const parts = [];
+  if (config.showMethod && config.showUrl) {
+    parts.push(`${detail.method} ${detail.url}`);
+  } else if (config.showUrl) {
+    parts.push(detail.url);
+  } else if (config.showMethod) {
+    parts.push(`${detail.method} request failed`);
+  }
+  if (config.showStatusCode && detail.statusCode) {
+    parts.push(`Status: ${detail.statusCode}`);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-sm", children: [
+    parts.length > 0 && /* @__PURE__ */ jsx("div", { className: "font-mono text-xs opacity-90", children: parts.join(" \u2022 ") }),
+    /* @__PURE__ */ jsx("div", { className: "opacity-90", children: detail.error }),
+    /* @__PURE__ */ jsx(ErrorButtons, { detail })
+  ] });
+}
+__name(buildNetworkDescription, "buildNetworkDescription");
+function buildCentrifugoDescription(detail, config) {
+  const parts = [];
+  if (config.showMethod) {
+    parts.push(`RPC: ${detail.method}`);
+  }
+  if (config.showCode && detail.code !== void 0) {
+    parts.push(`Code: ${detail.code}`);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-sm", children: [
+    parts.length > 0 && /* @__PURE__ */ jsx("div", { className: "font-mono text-xs opacity-90", children: parts.join(" \u2022 ") }),
+    /* @__PURE__ */ jsx("div", { className: "opacity-90", children: detail.error }),
+    /* @__PURE__ */ jsx(ErrorButtons, { detail })
+  ] });
+}
+__name(buildCentrifugoDescription, "buildCentrifugoDescription");
+function createErrorToast(detail, config) {
+  let description;
+  if (detail.type === "validation") {
+    description = buildValidationDescription(detail, config);
+  } else if (detail.type === "cors") {
+    description = buildCORSDescription(detail, config);
+  } else if (detail.type === "centrifugo") {
+    description = buildCentrifugoDescription(detail, config);
+  } else {
+    description = buildNetworkDescription(detail, config);
+  }
+  return {
+    title: formatErrorTitle(detail),
+    description,
+    variant: "destructive",
+    duration: config.duration
+  };
+}
+__name(createErrorToast, "createErrorToast");
+
+// src/components/errors/ErrorsTracker/types.ts
+var ERROR_EVENTS = {
+  VALIDATION: "zod-validation-error",
+  CORS: "cors-error",
+  NETWORK: "network-error",
+  /** Unified Centrifugo event - filter by detail.type === 'error' */
+  CENTRIFUGO: "centrifugo"
+};
+var DEFAULT_ERROR_CONFIG = {
+  enabled: true,
+  showToast: true,
+  maxErrors: 50,
+  duration: 8e3
+};
+var DEFAULT_VALIDATION_CONFIG = {
+  ...DEFAULT_ERROR_CONFIG,
+  showOperation: true,
+  showPath: true,
+  showErrorCount: true,
+  maxIssuesInToast: 3
+};
+var DEFAULT_CORS_CONFIG = {
+  ...DEFAULT_ERROR_CONFIG,
+  duration: 0,
+  // Don't auto-dismiss CORS errors
+  showUrl: true,
+  showMethod: true
+};
+var DEFAULT_NETWORK_CONFIG = {
+  ...DEFAULT_ERROR_CONFIG,
+  duration: 0,
+  // Don't auto-dismiss network errors
+  showUrl: true,
+  showMethod: true,
+  showStatusCode: true
+};
+var DEFAULT_CENTRIFUGO_CONFIG = {
+  ...DEFAULT_ERROR_CONFIG,
+  duration: 0,
+  // Don't auto-dismiss centrifugo errors
+  showMethod: true,
+  showCode: true
+};
+var ErrorTrackingContext = createContext(void 0);
+var errorIdCounter = 0;
+function generateErrorId(type) {
+  return `${type}-error-${Date.now()}-${++errorIdCounter}`;
+}
+__name(generateErrorId, "generateErrorId");
+function ErrorTrackingProvider({
+  children,
+  validation: userValidationConfig,
+  cors: userCorsConfig,
+  network: userNetworkConfig,
+  centrifugo: userCentrifugoConfig,
+  onError
+}) {
+  const [errors, setErrors] = useState([]);
+  const validationConfig = {
+    ...DEFAULT_VALIDATION_CONFIG,
+    ...userValidationConfig
+  };
+  const corsConfig = {
+    ...DEFAULT_CORS_CONFIG,
+    ...userCorsConfig
+  };
+  const networkConfig = {
+    ...DEFAULT_NETWORK_CONFIG,
+    ...userNetworkConfig
+  };
+  const centrifugoConfig = {
+    ...DEFAULT_CENTRIFUGO_CONFIG,
+    ...userCentrifugoConfig
+  };
+  const clearErrors = useCallback(() => {
+    setErrors([]);
+  }, []);
+  const clearErrorsByType = useCallback((type) => {
+    setErrors((prev) => prev.filter((error) => error.type !== type));
+  }, []);
+  const clearError = useCallback((id) => {
+    setErrors((prev) => prev.filter((error) => error.id !== id));
+  }, []);
+  const handleError = useCallback(
+    (detail, config) => {
+      const storedError = {
+        ...detail,
+        id: generateErrorId(detail.type)
+      };
+      setErrors((prev) => {
+        const updated = [storedError, ...prev];
+        return updated.slice(0, config.maxErrors);
+      });
+      const shouldShowToast = onError?.(detail) !== false;
+      if (config.showToast && shouldShowToast) {
+        const toastOptions = createErrorToast(detail, config);
+        toast.error(toastOptions.title, {
+          description: toastOptions.description,
+          duration: toastOptions.duration
+        });
+      }
+    },
+    [onError]
+  );
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const handlers = [];
+    if (validationConfig.enabled) {
+      const handler = /* @__PURE__ */ __name((event) => {
+        if (!(event instanceof CustomEvent)) return;
+        const detail = {
+          ...event.detail,
+          type: "validation"
+        };
+        handleError(detail, validationConfig);
+      }, "handler");
+      window.addEventListener(ERROR_EVENTS.VALIDATION, handler);
+      handlers.push({ event: ERROR_EVENTS.VALIDATION, handler });
+    }
+    if (corsConfig.enabled) {
+      const handler = /* @__PURE__ */ __name((event) => {
+        if (!(event instanceof CustomEvent)) return;
+        const detail = {
+          ...event.detail,
+          type: "cors"
+        };
+        handleError(detail, corsConfig);
+      }, "handler");
+      window.addEventListener(ERROR_EVENTS.CORS, handler);
+      handlers.push({ event: ERROR_EVENTS.CORS, handler });
+    }
+    if (networkConfig.enabled) {
+      const handler = /* @__PURE__ */ __name((event) => {
+        if (!(event instanceof CustomEvent)) return;
+        const detail = {
+          ...event.detail,
+          type: "network"
+        };
+        handleError(detail, networkConfig);
+      }, "handler");
+      window.addEventListener(ERROR_EVENTS.NETWORK, handler);
+      handlers.push({ event: ERROR_EVENTS.NETWORK, handler });
+    }
+    if (centrifugoConfig.enabled) {
+      const handler = /* @__PURE__ */ __name((event) => {
+        if (!(event instanceof CustomEvent)) return;
+        if (event.detail?.type !== "error") return;
+        const detail = {
+          type: "centrifugo",
+          method: event.detail.data?.method || "unknown",
+          error: event.detail.data?.error || "Unknown error",
+          code: event.detail.data?.code,
+          data: event.detail.data?.data,
+          timestamp: event.detail.timestamp || /* @__PURE__ */ new Date()
+        };
+        handleError(detail, centrifugoConfig);
+      }, "handler");
+      window.addEventListener(ERROR_EVENTS.CENTRIFUGO, handler);
+      handlers.push({ event: ERROR_EVENTS.CENTRIFUGO, handler });
+    }
+    return () => {
+      handlers.forEach(({ event, handler }) => {
+        window.removeEventListener(event, handler);
+      });
+    };
+  }, [handleError, validationConfig, corsConfig, networkConfig, centrifugoConfig]);
+  const validationErrors = errors.filter((e) => e.type === "validation");
+  const corsErrors = errors.filter((e) => e.type === "cors");
+  const networkErrors = errors.filter((e) => e.type === "network");
+  const centrifugoErrors = errors.filter((e) => e.type === "centrifugo");
+  const value = {
+    errors,
+    validationErrors,
+    corsErrors,
+    networkErrors,
+    centrifugoErrors,
+    clearErrors,
+    clearErrorsByType,
+    clearError,
+    errorCount: errors.length,
+    latestError: errors[0] || null,
+    config: {
+      validation: validationConfig,
+      cors: corsConfig,
+      network: networkConfig,
+      centrifugo: centrifugoConfig
+    }
+  };
+  return /* @__PURE__ */ jsx(ErrorTrackingContext.Provider, { value, children });
+}
+__name(ErrorTrackingProvider, "ErrorTrackingProvider");
+function useErrors() {
+  const context = useContext(ErrorTrackingContext);
+  if (context === void 0) {
+    throw new Error("useErrors must be used within ErrorTrackingProvider");
+  }
+  return context;
+}
+__name(useErrors, "useErrors");
+
+export { ClientOnly, ERROR_CODES, ErrorBoundary, ErrorButtons, ErrorLayout, ErrorTrackingProvider, JsonLd, LucideIcon, RedirectPage, Suspense, createErrorToast, extractDomain, formatCORSErrorForClipboard, formatCentrifugoErrorForClipboard, formatErrorTitle, formatNetworkErrorForClipboard, formatValidationErrorForClipboard, formatZodIssues, generateCurl, generateCurlFromError, getAuthToken, getErrorContent, useErrors };
+//# sourceMappingURL=components.mjs.map
+//# sourceMappingURL=components.mjs.map