@alfadocs/ui-kit 1.90.2 → 1.91.0

package/dist/_chunks/error-page-B0fGNTRB.js

@@ -0,0 +1,419 @@
+import { jsx as t, jsxs as L } from "react/jsx-runtime";
+import { forwardRef as ue, useMemo as ge, useState as W, useEffect as I, useRef as Y, useId as he } from "react";
+import { useTranslation as fe } from "react-i18next";
+import { c as pe } from "./index-D2ZczOXr.js";
+import { B as S } from "./button-DohK_Ak_.js";
+import { L as ye } from "./logo-hIsyVE96.js";
+import { i as be } from "./is-development-CLUAnsU7.js";
+import { i as ve } from "./safe-href-5dbsfbQn.js";
+import { a as ke } from "./error-page-illustration-BdJLuMdV.js";
+import { loadLocale as we, LOCALES_WITH_BUNDLES as Pe } from "../i18n/config.js";
+import { R as xe } from "./rotate-ccw-BBQnIVTr.js";
+import { L as Ee } from "./log-in-OQUEoGhX.js";
+import { c as V } from "./createLucideIcon-DhHxpK9K.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Le = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+], Se = V("circle-question-mark", Le);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ne = [
+  ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
+  [
+    "path",
+    {
+      d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
+      key: "r6nss1"
+    }
+  ]
+], Re = V("house", Ne), Te = [
+  400,
+  401,
+  403,
+  404,
+  405,
+  410,
+  419,
+  429,
+  500,
+  502,
+  503,
+  504,
+  "offline",
+  "maintenance"
+], j = {
+  400: { key: "badRequest", mood: "jumbled", primary: "home" },
+  401: { key: "unauthorised", mood: "locked", primary: "login" },
+  403: { key: "forbidden", mood: "roped", primary: "home" },
+  404: { key: "notFound", mood: "lost", primary: "home" },
+  405: { key: "methodNotAllowed", mood: "wrong-way", primary: "home" },
+  410: { key: "gone", mood: "vanished", primary: "home" },
+  419: { key: "expired", mood: "asleep", primary: "login" },
+  429: { key: "tooManyRequests", mood: "melt", primary: "retry" },
+  500: { key: "serverError", mood: "patched", primary: "retry" },
+  502: { key: "badGateway", mood: "unplugged", primary: "retry" },
+  503: { key: "maintenance", mood: "rebuild", primary: "retry" },
+  504: { key: "timeout", mood: "snail", primary: "retry" },
+  offline: { key: "offline", mood: "adrift", primary: "retry" },
+  maintenance: { key: "maintenance", mood: "rebuild", primary: "retry" },
+  generic: { key: "generic", mood: "puzzled", primary: "home" }
+};
+function Ce(e) {
+  return Te.includes(e) ? j[e] : j.generic;
+}
+const Ie = {
+  statusLabel: "Error {{status}}",
+  reference: "Reference: {{id}}",
+  referenceHint: "If you contact support, quote this reference.",
+  backAt: "We expect to be back by {{time}}.",
+  actions: {
+    home: "Go to the home page",
+    retry: "Try again",
+    login: "Log in",
+    support: "Contact support"
+  },
+  status: {
+    badRequest: {
+      title: "We couldn't handle that request",
+      message: "Something in the request was not right. Please try again."
+    },
+    unauthorised: {
+      title: "Please log in",
+      message: "You need to log in to see this page."
+    },
+    forbidden: {
+      title: "You don't have access to this page",
+      message: "If you think you should, contact support."
+    },
+    notFound: {
+      title: "We can't find this page",
+      message: "The link may be wrong, or the page may have moved."
+    },
+    methodNotAllowed: {
+      title: "This page can't be opened this way",
+      message: "Go to the home page and try again from there."
+    },
+    gone: {
+      title: "This page is no longer available",
+      message: "It has been removed."
+    },
+    expired: {
+      title: "This page has expired",
+      message: "For your security, please start again."
+    },
+    tooManyRequests: {
+      title: "Too many attempts",
+      message: "Please wait a minute, then try again."
+    },
+    serverError: {
+      title: "Something went wrong on our side",
+      message: "It's not your fault. Please try again in a few minutes."
+    },
+    badGateway: {
+      title: "We can't reach the service right now",
+      message: "Please try again in a few minutes."
+    },
+    maintenance: {
+      title: "We're doing some maintenance",
+      message: "We'll be back soon. Thanks for your patience."
+    },
+    timeout: {
+      title: "This is taking too long",
+      message: "The service didn't answer in time. Please try again."
+    },
+    offline: {
+      title: "You're offline",
+      message: "Check your internet connection, then try again."
+    },
+    generic: {
+      title: "Something went wrong",
+      message: "Please try again, or go to the home page."
+    }
+  }
+}, _e = "alfadocs-ui.locale", ze = "it", $e = (e) => {
+  if (!e) return;
+  const a = e.toLowerCase().replaceAll("_", "-").split("-")[0], n = a === "cn" ? "zh" : a;
+  return Pe.includes(n) ? n : void 0;
+}, Be = () => {
+  try {
+    return window.localStorage.getItem(_e);
+  } catch {
+    return null;
+  }
+};
+function De(e = {}) {
+  var f;
+  const a = typeof window < "u", n = e.saved !== void 0 ? e.saved : a ? Be() : null, m = e.browser ?? (a && typeof navigator < "u" ? (f = navigator.languages) != null && f.length ? navigator.languages : [navigator.language] : []), h = e.document ?? (typeof document < "u" ? document.documentElement.lang : ""), b = [
+    e.locale,
+    n,
+    ...m,
+    e.hostLocaleIsDefault ? void 0 : h
+  ];
+  for (const v of b) {
+    const p = $e(v);
+    if (p) return p;
+  }
+  return ze;
+}
+const H = (e, a) => we(e, a), Fe = pe(
+  "ds:flex ds:flex-col ds:items-center ds:justify-center ds:bg-[var(--background)] ds:text-[var(--foreground)] ds:px-[var(--spacing-md)] ds:py-[var(--spacing-2xl)]",
+  {
+    variants: {
+      layout: {
+        /** Fills the viewport: the whole page is the error. */
+        page: "ds:min-h-screen",
+        /** Fills its container, under the host's own header. */
+        embedded: "ds:[min-block-size:100%]"
+      },
+      surface: {
+        /** The page background. */
+        background: "",
+        /** A card's surface, for a page set inside a `Card`. The mark
+         *  cuts its holes with `--background`, so that is re-pointed too. */
+        card: "ds:[--background:var(--card)] ds:[--foreground:var(--card-foreground)]"
+      }
+    },
+    defaultVariants: { layout: "page", surface: "background" }
+  }
+), Ge = /* @__PURE__ */ new Set(["ar"]), Ae = 1500;
+function Me(e, a) {
+  const n = e instanceof Date ? e : new Date(e);
+  if (Number.isNaN(n.getTime())) return;
+  const m = /* @__PURE__ */ new Date(), h = m.toDateString() === n.toDateString() ? {} : {
+    day: "numeric",
+    month: "short",
+    ...m.getFullYear() === n.getFullYear() ? {} : { year: "numeric" }
+  };
+  return new Intl.DateTimeFormat(a === "en" ? "en-GB" : a, {
+    ...h,
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(n);
+}
+const _ = (e, a) => !!e.getResource(a, "ui", "errorPage"), O = (e) => ve(e) ? e : "#", qe = ue(
+  ({
+    status: e,
+    homeHref: a = "/",
+    loginHref: n,
+    supportHref: m,
+    onRetry: h,
+    requestId: b,
+    backAt: f,
+    locale: v,
+    hostLocaleIsDefault: p = !1,
+    title: U,
+    message: K,
+    primaryAction: s,
+    showHomeLink: Q = !0,
+    mood: J,
+    showStatusLabel: X = !0,
+    showLogo: Z = !0,
+    as: ee,
+    focusHeading: z = !0,
+    focusKey: te,
+    scrollOnFocus: $ = !1,
+    headingLevel: re = 1,
+    layout: ae,
+    surface: B,
+    className: oe,
+    ...ne
+  }, se) => {
+    const { i18n: d } = fe("ui", { useSuspense: !1 }), o = ge(
+      () => De({ locale: v, hostLocaleIsDefault: p }),
+      [v, p]
+    ), [k, D] = W(() => ({
+      for: o,
+      shown: _(d, o) ? o : null
+    })), i = k.shown, [, ie] = W(0);
+    I(() => {
+      let r = !0;
+      const P = _(d, o), x = (l) => D(
+        (C) => C.for === o && C.shown === l ? C : { for: o, shown: l }
+      ), E = () => D(
+        (l) => l.for === o && l.shown ? l : { for: o, shown: "en" }
+      );
+      x(P ? o : null), _(d, "en") || d.addResourceBundle(
+        "en",
+        "ui",
+        { errorPage: Ie },
+        !0,
+        !1
+      );
+      const q = () => r && ie((l) => l + 1);
+      H("en", d).then(q).catch(() => {
+      });
+      const me = P ? void 0 : setTimeout(() => r && E(), Ae);
+      return H(o, d).then(() => {
+        r && (x(o), q());
+      }).catch(() => r && E()), () => {
+        r = !1, clearTimeout(me);
+      };
+    }, [d, o]);
+    const c = d.getFixedT(
+      i && i !== "en" ? [i, "en"] : "en",
+      "ui"
+    ), u = Ce(e), N = u.key === "maintenance" && f ? Me(f, i ?? "en") : void 0, F = Y(null), y = he(), R = `${String(e)}:${te ?? ""}`, G = Y(null);
+    I(() => {
+      if (!z || !k.shown || k.for !== o || G.current === R) return;
+      G.current = R;
+      const r = F.current;
+      r == null || r.focus({ preventScroll: !0 }), $ && (r == null || r.scrollIntoView({ block: "nearest" }));
+    }, [k, o, z, R, $]);
+    const de = ["h1", "h2", "h3"][re - 1], A = s !== void 0 && (typeof s.label != "string" || s.label.trim() === "");
+    I(() => {
+      A && be() && console.warn(
+        "ErrorPage: `primaryAction.label` is empty, so its button has no accessible name. Pass the label, already translated."
+      );
+    }, [A]);
+    const M = B === "card", ce = ee ?? (M ? "div" : "main"), le = h ?? (() => window.location.reload()), w = u.primary === "login" && !n ? "retry" : u.primary, T = (r, P, x, E) => /* @__PURE__ */ t(
+      S,
+      {
+        intent: E,
+        size: "lg",
+        flipIconInRtl: r === "login",
+        asChild: !0,
+        startIcon: x,
+        "data-action": r,
+        children: /* @__PURE__ */ t("a", { href: O(P), children: c(`errorPage.actions.${r}`) })
+      },
+      r
+    ), g = [];
+    return s ? g.push(
+      typeof s.href == "string" ? /* @__PURE__ */ t(
+        S,
+        {
+          intent: "primary",
+          size: "lg",
+          asChild: !0,
+          startIcon: s.icon,
+          "data-action": "custom",
+          children: /* @__PURE__ */ t(
+            "a",
+            {
+              href: O(s.href),
+              onClick: s.onClick,
+              children: s.label
+            }
+          )
+        },
+        "custom"
+      ) : /* @__PURE__ */ t(
+        S,
+        {
+          intent: "primary",
+          size: "lg",
+          startIcon: s.icon,
+          onClick: s.onClick,
+          "data-action": "custom",
+          children: s.label
+        },
+        "custom"
+      )
+    ) : w === "retry" ? g.push(
+      /* @__PURE__ */ t(
+        S,
+        {
+          intent: "primary",
+          size: "lg",
+          startIcon: /* @__PURE__ */ t(xe, { "aria-hidden": "true" }),
+          onClick: le,
+          "data-action": "retry",
+          children: c("errorPage.actions.retry")
+        },
+        "retry"
+      )
+    ) : w === "login" && n && g.push(
+      T("login", n, /* @__PURE__ */ t(Ee, { "aria-hidden": "true" }), "primary")
+    ), Q && e !== "offline" && u.key !== "maintenance" && !(s && w === "home") && g.push(
+      T(
+        "home",
+        a,
+        /* @__PURE__ */ t(Re, { "aria-hidden": "true" }),
+        w === "home" ? "primary" : "secondary"
+      )
+    ), m && g.push(
+      T(
+        "support",
+        m,
+        /* @__PURE__ */ t(Se, { "aria-hidden": "true" }),
+        "ghost"
+      )
+    ), /* @__PURE__ */ t(
+      ce,
+      {
+        ref: se,
+        "data-component": "error-page",
+        "data-status": String(e),
+        lang: i ?? void 0,
+        "aria-busy": i ? void 0 : !0,
+        dir: i && Ge.has(i) ? "rtl" : "ltr",
+        className: Fe({
+          layout: ae ?? (M ? "embedded" : void 0),
+          surface: B,
+          className: oe
+        }),
+        ...ne,
+        children: /* @__PURE__ */ L(
+          "div",
+          {
+            className: i ? "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center ds:[max-inline-size:32rem]" : "ds:invisible",
+            children: [
+              /* @__PURE__ */ t(ke, { mood: J ?? u.mood }),
+              /* @__PURE__ */ L("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ L(
+                  de,
+                  {
+                    ref: F,
+                    tabIndex: -1,
+                    "aria-describedby": N ? `${y}-message ${y}-back` : `${y}-message`,
+                    className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:outline-none",
+                    children: [
+                      X && typeof e == "number" && /* @__PURE__ */ t("span", { className: "type-label ds:text-[var(--muted-foreground)]", children: c("errorPage.statusLabel", { status: e }) }),
+                      /* @__PURE__ */ t("span", { className: "type-title-page", children: U ?? c(`errorPage.status.${u.key}.title`) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "p",
+                  {
+                    id: `${y}-message`,
+                    className: "type-body ds:text-[var(--muted-foreground)]",
+                    children: K ?? c(`errorPage.status.${u.key}.message`)
+                  }
+                ),
+                N && /* @__PURE__ */ t("p", { id: `${y}-back`, className: "type-body ds:font-semibold", children: c("errorPage.backAt", { time: N }) })
+              ] }),
+              g.length > 0 && /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-center ds:gap-[var(--spacing-sm)]", children: g }),
+              b && /* @__PURE__ */ L("p", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: [
+                c("errorPage.reference", { id: b }),
+                /* @__PURE__ */ t("br", {}),
+                c("errorPage.referenceHint")
+              ] }),
+              Z && /* @__PURE__ */ t(ye, { decorative: !0, size: "sm", className: "ds:opacity-70" })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+qe.displayName = "ErrorPage";
+export {
+  ze as E,
+  Te as a,
+  qe as b,
+  Ce as e,
+  De as r
+};
+//# sourceMappingURL=error-page-B0fGNTRB.js.map

package/dist/_chunks/{languages-CZqBaPwI.js → languages-CGLX6Qpe.js}

@@ -1,15 +1,4 @@
 import { c as e } from "./createLucideIcon-DhHxpK9K.js";
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const t = [
-  ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }],
-  ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }],
-  ["path", { d: "M6 12h.01M18 12h.01", key: "113zkx" }]
-], h = e("banknote", t);
 /**
  * @license lucide-react v1.22.0 - ISC
  *
@@ -23,9 +12,8 @@ const a = [
   ["path", { d: "M7 2h1", key: "1t2jsx" }],
   ["path", { d: "m22 22-5-10-5 10", key: "don7ne" }],
   ["path", { d: "M14 18h6", key: "1m8k6r" }]
-], o = e("languages", a);
+], d = e("languages", a);
 export {
-  h as B,
-  o as L
+  d as L
 };
-//# sourceMappingURL=languages-CZqBaPwI.js.map
+//# sourceMappingURL=languages-CGLX6Qpe.js.map