@mci-ui/mci-ui 0.0.83 → 0.0.85

package/dist/shared/ui/MciModal/MciModal.js

@@ -0,0 +1,97 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import k from "../../../assets/icons/close.svg.js";
+import { useRef as E, useEffect as b } from "react";
+import { useEscapeKey as j, useClickOutside as w, cn as n } from "../../lib/utils.js";
+function z({
+  show: t,
+  setShow: s,
+  title: i,
+  description: r,
+  Header: c,
+  Body: m,
+  footer: u,
+  handleClickOutside: a = !1,
+  showCloseIcon: p = !0,
+  showHeader: x = !0,
+  overlayClassName: v,
+  containerClassName: h,
+  bodyClassName: y,
+  footerClassName: N
+}) {
+  const f = E(null), { handleEscape: o } = j(() => s(!1));
+  b(() => (t ? (document.addEventListener("keydown", o), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => document.removeEventListener("keydown", o)), [t, o]);
+  const { handleClick: l } = w(f, () => {
+    a && s(!1);
+  });
+  b(() => (t && a && document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l)), [t, l, a]);
+  const g = x && !!(c || i || r);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: n(
+        "bg-black/40 fixed inset-0 z-50 flex justify-center transition-all duration-500 ease-in-out",
+        "items-end sm:items-center",
+        t ? "opacity-100" : "pointer-events-none opacity-0",
+        v
+      ),
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          ref: f,
+          className: n(
+            "relative bg-white w-full",
+            "sm:max-w-[720px]",
+            "rounded-t-2xl sm:rounded-2xl",
+            "transition-all duration-500 ease-out",
+            t ? "scale-100 opacity-100" : "scale-95 opacity-0",
+            h
+          ),
+          children: [
+            g && /* @__PURE__ */ d("div", { className: "border-b border-slate-200 flex items-start justify-between p-4 sm:p-6 mb-4", children: [
+              c || /* @__PURE__ */ d("div", { className: "block", children: [
+                /* @__PURE__ */ e("h2", { className: "text-h3 font-semibold text-black", children: i }),
+                r && /* @__PURE__ */ e("p", { className: "text-base text-slate-base font-normal mt-2", children: r })
+              ] }),
+              p && /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: () => s(!1),
+                  className: "bg-slate-100 rounded-xl w-12 h-12 hover:cursor-pointer text-black transition flex items-center justify-center group",
+                  "aria-label": "Close modal",
+                  type: "button",
+                  children: /* @__PURE__ */ e(k, { className: "h-6 w-6 transition-transform duration-300 group-hover:rotate-180" })
+                }
+              )
+            ] }),
+            m && /* @__PURE__ */ e(
+              "div",
+              {
+                className: n(
+                  "scrollbar-thin scrollbar-thumb-slate-200 overflow-y-auto",
+                  "max-h-[70dvh] sm:max-h-96",
+                  "px-4 sm:px-6 mb-2",
+                  y
+                ),
+                children: m
+              }
+            ),
+            u && /* @__PURE__ */ e(
+              "div",
+              {
+                className: n(
+                  "flex items-center justify-end gap-3 border-t border-slate-200",
+                  "p-4 sm:p-6",
+                  N
+                ),
+                children: u
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  z as default
+};

package/dist/shared/ui/mciAccordion/MciAccordion.js

@@ -0,0 +1,74 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { AltArrowDown as h } from "@solar-icons/react";
+import m, { useState as y, useRef as w, useId as x } from "react";
+import { cn as n } from "../../lib/utils.js";
+const A = (e) => e.type.displayName, f = (e, t, i) => m.Children.toArray(e).find(
+  (o) => m.isValidElement(o) && (A(o) === t || o.type === i)
+) ?? null;
+function d({
+  children: e,
+  className: t
+}) {
+  return /* @__PURE__ */ r("div", { className: n("text-base font-medium text-black", t), children: e });
+}
+d.displayName = "AccordionTitle";
+function c({
+  children: e,
+  className: t
+}) {
+  return /* @__PURE__ */ r("div", { className: n("p-5 text-base", t), children: e });
+}
+c.displayName = "AccordionContent";
+function u({ children: e, defaultValue: t = !1, icon: i, className: o }) {
+  const [a, p] = y(t), b = w(null), s = x(), N = () => p((g) => !g);
+  return /* @__PURE__ */ l("div", { className: n("overflow-hidden rounded-xl border border-slate-200", o), children: [
+    /* @__PURE__ */ l(
+      "button",
+      {
+        type: "button",
+        onClick: N,
+        "aria-expanded": a,
+        "aria-controls": s,
+        className: n(
+          "flex w-full items-center justify-between gap-2 p-5 transition-all duration-300 hover:cursor-pointer",
+          a ? "border-b border-slate-200" : "border-b border-transparent"
+        ),
+        children: [
+          /* @__PURE__ */ l("div", { className: "flex w-full items-center gap-2", children: [
+            i && /* @__PURE__ */ r("span", { className: "shrink-0", children: i }),
+            f(e, "AccordionTitle", d)
+          ] }),
+          /* @__PURE__ */ r(
+            h,
+            {
+              weight: "Linear",
+              size: 20,
+              className: n(
+                "shrink-0 text-slate-400 transition-transform duration-300",
+                a && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        id: s,
+        role: "region",
+        "aria-labelledby": s,
+        className: n(
+          "grid transition-[grid-template-rows] duration-300 ease-out",
+          a ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+        ),
+        children: /* @__PURE__ */ r("div", { ref: b, className: "min-h-0 overflow-hidden", children: f(e, "AccordionContent", c) })
+      }
+    )
+  ] });
+}
+u.Title = d;
+u.Content = c;
+export {
+  u as default
+};

package/dist/shared/ui/mciBreadcrumb/MciBreadcrumb.js

@@ -0,0 +1,39 @@
+import { jsx as l, jsxs as t } from "react/jsx-runtime";
+import { AltArrowRight as h } from "@solar-icons/react";
+import { cn as r } from "../../lib/utils.js";
+function b({
+  items: a,
+  variant: o = "blue",
+  className: i
+}) {
+  const n = o === "blue", m = n ? "hover:text-blue-600" : "hover:text-yellow-500", x = n ? "text-blue-600" : "text-yellow-500";
+  return /* @__PURE__ */ l("nav", { className: r("flex items-center", i), "aria-label": "Breadcrumb", children: a.map((e, s) => {
+    const c = s === a.length - 1;
+    return /* @__PURE__ */ t("div", { className: "flex items-center", children: [
+      c ? /* @__PURE__ */ t("span", { className: r("flex items-center gap-x-2 font-medium", x), children: [
+        e.icon,
+        /* @__PURE__ */ l("span", { children: e.label })
+      ] }) : /* @__PURE__ */ t(
+        "a",
+        {
+          href: e.href ?? "#",
+          onClick: (f) => {
+            e.onClick && (f.preventDefault(), e.onClick());
+          },
+          className: r(
+            "flex items-center gap-x-2 transition-all text-sm font-normal text-slate-500",
+            m
+          ),
+          children: [
+            e.icon,
+            /* @__PURE__ */ l("span", { children: e.label })
+          ]
+        }
+      ),
+      !c && /* @__PURE__ */ l("span", { className: "mx-2 flex items-center", children: /* @__PURE__ */ l(h, { weight: "Linear", size: 20, className: "text-slate-500" }) })
+    ] }, s);
+  }) });
+}
+export {
+  b as default
+};

package/dist/shared/ui/mciButton/MciButton.js

@@ -0,0 +1,63 @@
+import { jsxs as x, jsx as l } from "react/jsx-runtime";
+import { cn as y } from "../../lib/utils.js";
+import { Star2 as m } from "@solar-icons/react";
+const v = {
+  sm: "h-9 px-2 text-sm gap-1.5 rounded-lg leading-9 min-w-9",
+  md: "h-10 px-2 text-base gap-2 rounded-lg leading-10 min-w-10",
+  base: "h-12 px-4 text-base gap-2 rounded-xl leading-12 min-w-12"
+}, p = {
+  blue: {
+    primary: "bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 focus:ring-2 focus:ring-[rgba(21,93,252,0.25)]",
+    secondary: "bg-blue-100 text-blue-600 hover:bg-blue-200 active:bg-blue-200 active:border active:border-blue-600 focus:ring-2 focus:ring-[rgba(21,93,252,0.25)]",
+    outline: "border border-blue-600 text-blue-600 hover:border-blue-700 hover:text-blue-700 active:border-blue-800 active:text-blue-800 focus:ring-2 focus:ring-blue-200"
+  },
+  yellow: {
+    primary: "bg-yellow-500 text-white hover:bg-yellow-600 active:bg-yellow-700 focus:ring-2 focus:ring-yellow-300",
+    secondary: "bg-yellow-50 text-yellow-500 hover:bg-yellow-100 active:bg-yellow-100 active:border active:border-yellow-500 focus:ring-2 focus:ring-yellow-200",
+    outline: "border border-yellow-500 text-yellow-500 hover:border-yellow-600 hover:text-yellow-600 active:border-yellow-700 active:text-yellow-700 focus:ring-2 focus:ring-yellow-200"
+  }
+}, N = {
+  danger: "bg-red-600 text-white hover:bg-red-700 active:bg-red-800 focus:ring-2 focus:shadow-red",
+  tertiary: "bg-slate-100 text-black hover:bg-slate-200 active:bg-slate-300 focus:ring-2 focus:shadow-slate"
+};
+function _({
+  children: n,
+  text: b,
+  icon: t,
+  iconPosition: s = "left",
+  size: c = "base",
+  variant: e = "primary",
+  color: u = "yellow",
+  loading: r = !1,
+  disabled: g = !1,
+  onClick: d,
+  className: w,
+  type: f = "button"
+}) {
+  const a = n ?? b, i = e === "primary" || e === "secondary" || e === "outline" ? p[u][e] : N[e], o = g || r, h = o ? e === "outline" ? "border-slate-200 bg-white text-slate-400 cursor-not-allowed hover:bg-transparent hover:border-slate-200 hover:text-slate-400 active:border-slate-200 active:text-slate-400 active:bg-transparent focus:bg-transparent focus:ring-0" : "bg-slate-200 text-slate-400 cursor-not-allowed hover:bg-slate-200 active:bg-slate-200 focus:ring-0" : "";
+  return /* @__PURE__ */ x(
+    "button",
+    {
+      type: f,
+      onClick: d,
+      disabled: o,
+      className: y(
+        "inline-flex w-fit shrink-0 items-center justify-center whitespace-nowrap text-center font-medium transition-all duration-200 cursor-pointer",
+        v[c],
+        i,
+        !o && i,
+        h,
+        w
+      ),
+      children: [
+        t && s === "left" && !r && /* @__PURE__ */ l("span", { className: "flex items-center", children: t }),
+        a && /* @__PURE__ */ l("span", { className: "whitespace-nowrap", children: a }),
+        t && s === "right" && !r && /* @__PURE__ */ l("span", { className: "flex items-center", children: t }),
+        r && /* @__PURE__ */ l(m, { weight: "Linear", size: 20, className: "animate-spin" })
+      ]
+    }
+  );
+}
+export {
+  _ as default
+};

package/dist/shared/ui/mciCheck/MciCheck.js

@@ -0,0 +1,170 @@
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { memo as j, useState as S, useMemo as b, useCallback as L } from "react";
+import $ from "../../../assets/icons/check.svg.js";
+import { cn as r } from "../../lib/utils.js";
+const A = {
+  blue: {
+    border: "border-blue-600",
+    bg: "bg-blue-600",
+    hover: "hover:border-blue-600 hover:bg-blue-100",
+    focus: "focus:shadow-blue"
+  },
+  yellow: {
+    border: "border-yellow-500",
+    bg: "bg-yellow-500",
+    hover: "hover:border-yellow-500 hover:bg-yello-100",
+    focus: "focus:ring-2 focus:ring-yellow-300"
+  }
+}, E = j(function({
+  type: x = "checkbox",
+  label: c,
+  supportText: l,
+  checked: i,
+  onChange: g,
+  error: n,
+  disabled: a = !1,
+  required: h = !1,
+  className: v,
+  variant: p = "yellow",
+  name: f,
+  value: k
+}) {
+  const [y, w] = S(!1), s = x === "radio", e = b(
+    () => i ?? y,
+    [i, y]
+  ), N = L(
+    (t) => {
+      a || (i === void 0 && w(t.target.checked), g?.(t));
+    },
+    [i, g, a]
+  ), m = b(() => {
+    if (a) {
+      const d = "border-slate-200 bg-slate-100";
+      return s ? {
+        container: d,
+        dot: e ? "bg-slate-300" : "bg-transparent",
+        check: "text-slate-400"
+      } : {
+        container: d,
+        dot: "",
+        check: e ? "text-slate-400" : "text-transparent"
+      };
+    }
+    const t = A[p];
+    if (s) {
+      const d = r(
+        "border transition-all duration-200",
+        e ? t.border : "border-slate-400",
+        !e && t.hover,
+        t.focus,
+        e && ""
+      ), M = r(
+        "transition-all duration-200 rounded-full",
+        e ? t.bg : "bg-transparent"
+      );
+      return {
+        container: d,
+        dot: M,
+        check: ""
+      };
+    }
+    return {
+      container: r(
+        "border transition-all duration-200",
+        e ? r(t.bg, t.border) : "border-slate-400",
+        !e && t.hover,
+        t.focus
+      ),
+      dot: "",
+      check: e ? "text-white" : "text-transparent"
+    };
+  }, [s, e, a, p]), C = b(() => !c && !l ? null : /* @__PURE__ */ u("div", { className: "flex flex-col", children: [
+    c && /* @__PURE__ */ u(
+      "span",
+      {
+        className: r(
+          "text-base font-medium text-slate-700",
+          n && "text-red-600",
+          a && "text-slate-400"
+        ),
+        children: [
+          c,
+          h && /* @__PURE__ */ o("span", { className: "text-extra-small text-red-600 ml-1", children: "*" })
+        ]
+      }
+    ),
+    l && /* @__PURE__ */ o(
+      "span",
+      {
+        className: r(
+          "text-slate-500 text-base font-normal",
+          a && "text-slate-400"
+        ),
+        children: l
+      }
+    )
+  ] }), [c, l, n, a, h]);
+  return /* @__PURE__ */ u("div", { className: r("flex items-start", v), children: [
+    /* @__PURE__ */ u(
+      "label",
+      {
+        className: r(
+          "flex items-start gap-2 select-none",
+          a ? "cursor-not-allowed" : "cursor-pointer"
+        ),
+        children: [
+          /* @__PURE__ */ o(
+            "input",
+            {
+              type: x,
+              checked: e,
+              onChange: N,
+              disabled: a,
+              required: h,
+              className: "sr-only",
+              "aria-invalid": !!n,
+              "aria-describedby": n ? `${f}-error` : void 0,
+              name: f,
+              value: k
+            }
+          ),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: r(
+                "relative flex items-center justify-center",
+                s ? "w-5 h-5 rounded-full" : "w-5 h-5 rounded",
+                m.container
+              ),
+              children: s ? /* @__PURE__ */ o("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ o(
+                "span",
+                {
+                  className: r(
+                    "w-3 h-3 rounded-full transition-all duration-200",
+                    m.dot,
+                    e ? "opacity-100 scale-100" : "opacity-0 scale-50"
+                  )
+                }
+              ) }) : /* @__PURE__ */ o(
+                $,
+                {
+                  className: r(
+                    "w-4 h-4 stroke-[2.5px] transition-opacity duration-200",
+                    m.check,
+                    e ? "opacity-100" : "opacity-0"
+                  )
+                }
+              )
+            }
+          ),
+          C
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ o("p", { id: `${f}-error`, className: "mt-1 text-extra-small text-red-600", children: n })
+  ] });
+});
+E.displayName = "MciCheck";
+export {
+  E as default
+};

package/dist/shared/ui/mciCollapse/MciCollapse.js

@@ -0,0 +1,60 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { AltArrowDown as p } from "@solar-icons/react";
+import { useState as i, useRef as b, useEffect as x } from "react";
+import { cn as e } from "../../lib/utils.js";
+function k({
+  title: a,
+  children: l,
+  defaultOpen: c = !1,
+  icon: o,
+  className: d,
+  contentClassName: f
+}) {
+  const [t, m] = i(c), [u, h] = i(0), s = b(null);
+  return x(() => {
+    s.current && h(t ? s.current.scrollHeight : 0);
+  }, [t]), /* @__PURE__ */ n("div", { className: e("overflow-hidden rounded-xl border border-slate-200", d), children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        onClick: () => m(!t),
+        className: e(
+          "flex w-full items-center justify-between p-5 transition-all duration-300 hover:cursor-pointer",
+          t ? "border-b border-slate-200" : "border-b border-transparent"
+        ),
+        children: [
+          /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+            o && /* @__PURE__ */ r("span", { className: "shrink-0", children: o }),
+            /* @__PURE__ */ r("div", { className: e("text-base font-medium text-black"), children: a })
+          ] }),
+          /* @__PURE__ */ r(
+            p,
+            {
+              weight: "Linear",
+              size: 20,
+              className: e(
+                "shrink-0 transition-transform duration-300 text-slate-400",
+                t && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: e(
+          "overflow-hidden transition-all duration-300 ease-out"
+        ),
+        style: {
+          height: `${u}px`
+        },
+        children: /* @__PURE__ */ r("div", { ref: s, className: e("p-5", f), children: l })
+      }
+    )
+  ] });
+}
+export {
+  k as default
+};

package/dist/shared/ui/mciDrawer/MciDrawer.js

@@ -0,0 +1,108 @@
+import { jsxs as n, Fragment as j, jsx as t } from "react/jsx-runtime";
+import { useRef as f, useCallback as E, useEffect as h, useMemo as C } from "react";
+import { cn as l } from "../../lib/utils.js";
+import X from "../../../assets/icons/close.svg.js";
+function A({
+  isOpen: e,
+  onClose: i,
+  position: o = "right",
+  children: p,
+  footer: m,
+  title: r,
+  description: a,
+  showCloseButton: c = !0,
+  drawerClassName: x,
+  contentClassName: v,
+  closeOnOverlayClick: y = !0,
+  closeOnEscape: z = !0,
+  width: s = 572
+}) {
+  const d = f(null), u = f(null), b = E(() => i(), [i]);
+  h(() => {
+    e ? (u.current = document.activeElement, d.current?.focus()) : u.current?.focus();
+  }, [e]), h(() => (e && (document.body.style.overflow = "hidden"), () => {
+    document.body.style.overflow = "unset";
+  }), [e]);
+  const w = C(
+    () => ({
+      "--drawer-w": typeof s == "number" ? `${s}px` : s,
+      transform: e ? "translateX(0)" : o === "right" ? "translateX(calc(100% + 48px))" : "translateX(calc(-100% - 48px))"
+    }),
+    [e, s, o]
+  ), g = !!(r || a || c), k = o === "right" ? "top-0 bottom-0 right-0 left-3 rounded-l-3xl rounded-r-none" : "top-0 bottom-0 left-0 right-3 rounded-r-3xl rounded-l-none", N = o === "right" ? "sm:top-6 sm:bottom-6 sm:right-6 sm:left-auto" : "sm:top-6 sm:bottom-6 sm:left-6 sm:right-auto";
+  return /* @__PURE__ */ n(j, { children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: l(
+          "fixed inset-0 z-50 bg-black/40 transition-opacity duration-300",
+          e ? "opacity-100 visible cursor-pointer" : "opacity-0 invisible pointer-events-none"
+        ),
+        onClick: y ? b : void 0,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        ref: d,
+        tabIndex: -1,
+        style: w,
+        className: l(
+          "fixed z-50 flex flex-col bg-white outline-none min-h-0",
+          "transition-[transform,opacity,visibility] duration-300 ease-in-out",
+          e ? "opacity-100 visible pointer-events-auto shadow-2xl" : "opacity-0 invisible pointer-events-none shadow-none",
+          k,
+          "h-[100dvh]",
+          "pb-[env(safe-area-inset-bottom)]",
+          N,
+          "sm:h-auto sm:rounded-2xl sm:pb-0",
+          "sm:w-[var(--drawer-w)]",
+          x
+        ),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-hidden": !e,
+        "aria-labelledby": r ? "drawer-title" : void 0,
+        children: [
+          g && /* @__PURE__ */ n("div", { className: "flex items-start justify-between border-b border-slate-200 shrink-0 px-4 py-4 sm:p-6", children: [
+            (r || a) && /* @__PURE__ */ n("div", { className: "block pr-3", children: [
+              r && /* @__PURE__ */ t(
+                "h2",
+                {
+                  id: "drawer-title",
+                  className: "font-semibold text-black text-xl leading-tight sm:text-h3",
+                  children: r
+                }
+              ),
+              a && /* @__PURE__ */ t("p", { className: "text-sm sm:text-base text-slate-base font-normal mt-2", children: a })
+            ] }),
+            c && /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: b,
+                className: "bg-slate-100 rounded-xl w-11 h-11 sm:w-12 sm:h-12 hover:cursor-pointer text-black transition flex items-center justify-center group active:scale-95",
+                children: /* @__PURE__ */ t(X, { className: "h-5 w-5 sm:h-6 sm:w-6 transition-transform duration-300 group-hover:rotate-180" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: l(
+                "flex-1 min-h-0 overflow-y-auto scrollbar-thin scrollbar-thumb-slate-200 px-4 py-4 sm:p-6",
+                v
+              ),
+              children: p
+            }
+          ),
+          m && /* @__PURE__ */ t("div", { className: "shrink-0 flex items-center justify-end border-t border-slate-200 px-4 py-4 sm:p-6 gap-3 [&>*]:w-fit [&>*]:shrink-0 [&>*]:whitespace-nowrap", children: m })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  A as default
+};

package/dist/shared/ui/mciIdentityInput/MciIdentityInput.js

@@ -0,0 +1,30 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as m, useState as g, useCallback as h } from "react";
+import p from "../mciInput/MciInput.js";
+import { formatIdentityValue as I, getIdentityPlaceholder as y, getIdentityMaxLength as V } from "./mci-identity-input.utils.js";
+const x = m(
+  ({ mode: t, onChange: o, value: e, ...a }, i) => {
+    const [r, c] = g(""), u = e !== void 0 ? e : r, d = h(
+      (n) => {
+        const f = n.target.value, l = I(t, f);
+        e === void 0 && c(l), n.target.value = l, o?.(l, n);
+      },
+      [t, o, e]
+    );
+    return /* @__PURE__ */ s(
+      p,
+      {
+        ref: i,
+        ...a,
+        value: u,
+        onChange: d,
+        maxLength: V(t, a.maxLength),
+        placeholder: y(t, a.placeholder)
+      }
+    );
+  }
+);
+x.displayName = "MciIdentityInput";
+export {
+  x as default
+};

package/dist/shared/ui/mciIdentityInput/mci-identity-input.utils.js

@@ -0,0 +1,32 @@
+function f(t) {
+  const r = t.replace(/\s/g, "").toUpperCase();
+  let e = "";
+  for (let i = 0; i < r.length; i += 1) {
+    const n = r[i];
+    if (e.length < 2 ? /[A-Z]/.test(n) && (e += n) : /[0-9]/.test(n) && (e += n), e.length >= 9) break;
+  }
+  return e.length > 2 ? `${e.slice(0, 2)} ${e.slice(2)}` : e;
+}
+function s(t) {
+  return t.replace(/\D/g, "").slice(0, 14);
+}
+function u(t) {
+  return t.toUpperCase().replace(/[^A-Z0-9\-\s]/g, "").replace(/\s+/g, " ").slice(0, 15);
+}
+function p(t, r) {
+  return t === "passport" ? f(r) : t === "pinfl" ? s(r) : u(r);
+}
+function a(t, r) {
+  return r || (t === "passport" ? "AA 1234567" : t === "pinfl" ? "12345678901234" : t === "metirka" ? "I-TN 1234567" : "");
+}
+function l(t, r) {
+  return r || (t === "passport" ? 10 : t === "pinfl" ? 14 : t === "metirka" ? 15 : 255);
+}
+export {
+  p as formatIdentityValue,
+  u as formatMetirka,
+  f as formatPassport,
+  s as formatPinfl,
+  l as getIdentityMaxLength,
+  a as getIdentityPlaceholder
+};