@djangocfg/layouts 2.1.103 → 2.1.105

package/dist/components.mjs

@@ -1,879 +0,0 @@
-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