md-components-mdigial-azamat 0.0.100 → 0.0.101

package/dist/ActionCardList/ActionCardList.js

@@ -29,7 +29,7 @@ import "../PartnersColors/PartnersColors.js";
 import "../PreviewList/PreviewList.js";
 import "../Cards/CardImage/CardImage.js";
 import "../Cards/ContentCard/ContentCard.js";
-import { a as Yo, d as Zo, e as _o } from "../info-b0e73398.js";
+import { a as Yo, d as Zo, e as _o } from "../info-da40b55d.js";
 import "../Cards/ColoredCard/index.js";
 import "../Cards/FeaturesCard/index.js";
 import "../DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";

package/dist/ActionCardList/index.js

@@ -1,4 +1,4 @@
-import { a as r } from "../info-b0e73398.js";
+import { a as r } from "../info-da40b55d.js";
 export {
   r as ActionCardList
 };

package/dist/ActionCardList/info.js

@@ -1,5 +1,5 @@
 import "../index-0a5f313c.js";
-import { c as a } from "../info-b0e73398.js";
+import { c as a } from "../info-da40b55d.js";
 export {
   a as actionCardListInfo
 };

package/dist/ActionIconList/ActionIconList.js

@@ -31,7 +31,7 @@ import "../PartnersColors/PartnersColors.js";
 import "../PreviewList/PreviewList.js";
 import "../Cards/CardImage/CardImage.js";
 import "../Cards/ContentCard/ContentCard.js";
-import "../info-b0e73398.js";
+import "../info-da40b55d.js";
 import "../Cards/ColoredCard/index.js";
 import "../Cards/FeaturesCard/index.js";
 import "../DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";

package/dist/AllComponents.js

@@ -8,7 +8,7 @@ import "./CardInfoTable/index.js";
 import "./ContentCardList/ContentCardList.js";
 import "./DownloadFile/components/DownloadFileBright/index.js";
 import "./Faq/Faq.js";
-import { b as Xo, A as Yo } from "./info-b0e73398.js";
+import { b as Xo, A as Yo } from "./info-da40b55d.js";
 import "./InfoBannerList/InfoBannerList.js";
 import "./IntroBanner/IntroBanner.js";
 import "./MainBanner/MainBanner.js";

package/dist/AllComponentsInfo.js

@@ -1,4 +1,4 @@
-import { w as o, f as r, c as n } from "./info-b0e73398.js";
+import { w as o, f as r, c as n } from "./info-da40b55d.js";
 import { animatedSwiperInfo as i } from "./AnimatedSwiper/info.js";
 import { bannerInfo as t } from "./Banner/info.js";
 import { bannerAndTextInfo as a } from "./BannerAndText/info.js";

package/dist/Cards/WarningCard/WarningCard.js

@@ -29,7 +29,7 @@ import "../../PartnersColors/PartnersColors.js";
 import "../../PreviewList/PreviewList.js";
 import "../CardImage/CardImage.js";
 import "../ContentCard/ContentCard.js";
-import { W as Zr, p as _r } from "../../info-b0e73398.js";
+import { W as Zr, p as _r } from "../../info-da40b55d.js";
 import "../ColoredCard/index.js";
 import "../FeaturesCard/index.js";
 import "../../DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";

package/dist/Cards/WarningCard/index.js

@@ -1,4 +1,4 @@
-import { W as n } from "../../info-b0e73398.js";
+import { W as n } from "../../info-da40b55d.js";
 export {
   n as WarningCard
 };

package/dist/Cards/WarningCard/info.js

@@ -1,5 +1,5 @@
 import "../../index-0a5f313c.js";
-import { w as n } from "../../info-b0e73398.js";
+import { w as n } from "../../info-da40b55d.js";
 export {
   n as warningCardInfo
 };

package/dist/Forms/FormDefault/index.js

@@ -3,7 +3,7 @@ import "react";
 import "../../index-a0ed2e4a.js";
 import "../../index-875e92ce.js";
 import "../../const-53dff524.js";
-import { F, l as d } from "../../info-b0e73398.js";
+import { F, l as d } from "../../info-da40b55d.js";
 import "../../ComponentContainer-dca711c6.js";
 import "../../useScreenSize-c1b64c02.js";
 import "../../requestForm-23442a57.js";

package/dist/Forms/FormDefault/info.js

@@ -28,7 +28,7 @@ import "../../PartnersColors/PartnersColors.js";
 import "../../PreviewList/PreviewList.js";
 import "../../Cards/CardImage/CardImage.js";
 import "../../Cards/ContentCard/ContentCard.js";
-import { k as $o, f as or, j as rr, i as mr } from "../../info-b0e73398.js";
+import { k as $o, f as or, j as rr, i as mr } from "../../info-da40b55d.js";
 import "../../Cards/ColoredCard/index.js";
 import "../../Cards/FeaturesCard/index.js";
 import "../../DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";

package/dist/Forms/helpers/renderFormFields.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../index-a0ed2e4a.js";
 import "../../index-6686852d.js";
-import { r as p } from "../../info-b0e73398.js";
+import { r as p } from "../../info-da40b55d.js";
 export {
   p as renderFormFields
 };

package/dist/Forms/model/components.js

@@ -28,7 +28,7 @@ import "../../PartnersColors/PartnersColors.js";
 import "../../PreviewList/PreviewList.js";
 import "../../Cards/CardImage/CardImage.js";
 import "../../Cards/ContentCard/ContentCard.js";
-import { h as Wo, g as Xo } from "../../info-b0e73398.js";
+import { h as Wo, g as Xo } from "../../info-da40b55d.js";
 import "../../Cards/ColoredCard/index.js";
 import "../../Cards/FeaturesCard/index.js";
 import "../../DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";

package/dist/PageViewer/renderComponents.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as f } from "../componentsMap-85b79665.js";
+import { c as f } from "../componentsMap-115a0a7c.js";
 const a = (p) => p.map((r) => {
   const s = f[r.key];
   if (!s)

package/dist/RenderAllComponents/RenderAllComponents.js

@@ -1,5 +1,5 @@
 import { jsx as n, Fragment as t } from "react/jsx-runtime";
-import { c as i } from "../componentsMap-85b79665.js";
+import { c as i } from "../componentsMap-115a0a7c.js";
 const d = ({ components: o, device: p }) => /* @__PURE__ */ n(t, { children: o.map((r) => {
   const e = i[r.key];
   return e ? /* @__PURE__ */ n(

package/dist/{componentsMap-85b79665.js → componentsMap-115a0a7c.js}

@@ -1,4 +1,4 @@
-import { W as r, F as o, a as m } from "./info-b0e73398.js";
+import { W as r, F as o, a as m } from "./info-da40b55d.js";
 import t from "./AnimatedSwiper/index.js";
 import { Banner as i } from "./Banner/Banner.js";
 import { BannerAndText as a } from "./BannerAndText/index.js";

package/dist/{info-b0e73398.js → info-da40b55d.js}

@@ -129,7 +129,7 @@ const ne = [
   html_content: i,
   variant: r = ye.Orange
 }) => {
-  var t, f, p, L;
+  var t, u, w, h;
   return /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(
     "div",
     {
@@ -144,7 +144,7 @@ const ne = [
               /* @__PURE__ */ e(
                 Kt,
                 {
-                  name: (f = G[r]) == null ? void 0 : f.icon,
+                  name: (u = G[r]) == null ? void 0 : u.icon,
                   size: 40
                 }
               ),
@@ -153,7 +153,7 @@ const ne = [
                   "p",
                   {
                     className: y("text-[24px] leading-8 font-bold"),
-                    style: { color: (p = G[r]) == null ? void 0 : p.textColor },
+                    style: { color: (w = G[r]) == null ? void 0 : w.textColor },
                     children: n
                   }
                 ),
@@ -161,7 +161,7 @@ const ne = [
                   "p",
                   {
                     className: "text-[16px] leading-6",
-                    style: { color: (L = G[r]) == null ? void 0 : L.textColor },
+                    style: { color: (h = G[r]) == null ? void 0 : h.textColor },
                     children: o
                   }
                 ),
@@ -218,18 +218,18 @@ const le = E(
     onChange: i,
     error: r,
     className: t,
-    direction: f = "column"
-  }, p) => {
-    const L = (s) => {
+    direction: u = "column"
+  }, w) => {
+    const h = (s) => {
       if (!i)
         return;
-      const D = a.includes(s) ? a.filter((w) => w !== s) : [...a, s];
-      i(D);
+      const N = a.includes(s) ? a.filter((k) => k !== s) : [...a, s];
+      i(N);
     };
     return /* @__PURE__ */ c(
       "div",
       {
-        ref: p,
+        ref: w,
         className: y("flex flex-col gap-2", t),
         children: [
           n && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-blackBG mb-1", children: n }),
@@ -238,14 +238,14 @@ const le = E(
             {
               className: y(
                 "flex gap-4",
-                f === "column" ? "flex-col" : "flex-row flex-wrap"
+                u === "column" ? "flex-col" : "flex-row flex-wrap"
               ),
               children: o == null ? void 0 : o.map((s) => /* @__PURE__ */ e(
                 Q,
                 {
                   label: s == null ? void 0 : s.label,
                   checked: a.includes(s == null ? void 0 : s.value),
-                  onChange: () => L(s == null ? void 0 : s.value),
+                  onChange: () => h(s == null ? void 0 : s.value),
                   error: r && (a == null ? void 0 : a.length) === 0 ? r : void 0
                 },
                 s == null ? void 0 : s.value
@@ -375,43 +375,43 @@ const Qt = () => /* @__PURE__ */ e(
     value: i,
     onChange: r,
     placeholder: t = "Дата обращения в Контакт-центр",
-    ...f
-  }, p) => {
-    const [L, s] = T(""), [D, w] = T(!1), [d, k] = T((/* @__PURE__ */ new Date()).getMonth()), [h, b] = T((/* @__PURE__ */ new Date()).getFullYear()), [x, F] = T(null), S = i !== void 0, C = S ? i : L, { ref: B } = K(D, () => {
-      w(!1);
-    }), V = Z(() => er(C), [C]);
+    ...u
+  }, w) => {
+    const [h, s] = T(""), [N, k] = T(!1), [d, C] = T((/* @__PURE__ */ new Date()).getMonth()), [f, x] = T((/* @__PURE__ */ new Date()).getFullYear()), [b, S] = T(null), F = i !== void 0, v = F ? i : h, { ref: B } = K(N, () => {
+      k(!1);
+    }), M = Z(() => er(v), [v]);
     ke(() => {
-      V && (F(V), k(V.getMonth()), b(V.getFullYear()));
-    }, [V]);
+      M && (S(M), C(M.getMonth()), x(M.getFullYear()));
+    }, [M]);
     const I = Z(() => {
-      const g = new Date(h, d, 1), _ = new Date(h, d + 1, 0).getDate(), u = g.getDay(), N = [], A = new Date(h, d, 0).getDate();
-      for (let M = u - 1; M >= 0; M--)
-        N.push(A - M);
-      for (let M = 1; M <= _; M++)
-        N.push(M);
-      const H = 42 - N.length;
-      for (let M = 1; M <= H; M++)
-        N.push(M);
-      return N;
-    }, [d, h]), W = (g) => {
-      const l = g.target.value;
-      S || s(l), r == null || r(l);
-    }, O = (g, l, _) => {
-      if (g === null)
+      const m = new Date(f, d, 1), _ = new Date(f, d + 1, 0).getDate(), l = m.getDay(), L = [], A = new Date(f, d, 0).getDate();
+      for (let V = l - 1; V >= 0; V--)
+        L.push(A - V);
+      for (let V = 1; V <= _; V++)
+        L.push(V);
+      const H = 42 - L.length;
+      for (let V = 1; V <= H; V++)
+        L.push(V);
+      return L;
+    }, [d, f]), W = (m) => {
+      const p = m.target.value;
+      F || s(p), r == null || r(p);
+    }, O = (m, p, _) => {
+      if (m === null)
         return;
-      let u = d, N = h;
-      l ? (u = u - 1, u < 0 && (u = 11, N = N - 1)) : _ && (u = u + 1, u > 11 && (u = 0, N = N + 1));
-      const A = new Date(N, u, g), H = Jt(A);
-      F(A), k(u), b(N), S || s(H), r == null || r(H), w(!1);
+      let l = d, L = f;
+      p ? (l = l - 1, l < 0 && (l = 11, L = L - 1)) : _ && (l = l + 1, l > 11 && (l = 0, L = L + 1));
+      const A = new Date(L, l, m), H = Jt(A);
+      S(A), C(l), x(L), F || s(H), r == null || r(H), k(!1);
     }, j = () => {
-      d === 0 ? (k(11), b(h - 1)) : k(d - 1);
-    }, m = () => {
-      d === 11 ? (k(0), b(h + 1)) : k(d + 1);
-    }, v = (g, l, _) => {
-      if (!x || g === null)
+      d === 0 ? (C(11), x(f - 1)) : C(d - 1);
+    }, g = () => {
+      d === 11 ? (C(0), x(f + 1)) : C(d + 1);
+    }, D = (m, p, _) => {
+      if (!b || m === null)
         return !1;
-      let u = d, N = h;
-      return l ? (u = u - 1, u < 0 && (u = 11, N = N - 1)) : _ && (u = u + 1, u > 11 && (u = 0, N = N + 1)), x.getDate() === g && x.getMonth() === u && x.getFullYear() === N;
+      let l = d, L = f;
+      return p ? (l = l - 1, l < 0 && (l = 11, L = L - 1)) : _ && (l = l + 1, l > 11 && (l = 0, L = L + 1)), b.getDate() === m && b.getMonth() === l && b.getFullYear() === L;
     };
     return /* @__PURE__ */ c("div", { className: "w-full", children: [
       a && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-blackBG mb-2", children: a }),
@@ -432,7 +432,7 @@ const Qt = () => /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  onClick: () => w(!D),
+                  onClick: () => k(!N),
                   className: "absolute left-4 flex items-center justify-center cursor-pointer",
                   tabIndex: -1,
                   children: /* @__PURE__ */ e(Qt, {})
@@ -449,19 +449,19 @@ const Qt = () => /* @__PURE__ */ e(
                     "bg-transparent border-none outline-none",
                     "disabled:cursor-not-allowed disabled:opacity-50"
                   ),
-                  ref: p,
-                  value: C,
+                  ref: w,
+                  value: v,
                   onChange: W,
                   placeholder: t,
-                  onClick: () => w(!0),
+                  onClick: () => k(!0),
                   readOnly: !0,
-                  ...f
+                  ...u
                 }
               )
             ]
           }
         ),
-        D && /* @__PURE__ */ c(
+        N && /* @__PURE__ */ c(
           "div",
           {
             ref: B,
@@ -496,12 +496,12 @@ const Qt = () => /* @__PURE__ */ e(
                     )
                   }
                 ),
-                /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-blackBG", children: tr(d, h) }),
+                /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-blackBG", children: tr(d, f) }),
                 /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: m,
+                    onClick: g,
                     className: "p-2 hover:bg-grayBlue rounded-lg transition-colors",
                     children: /* @__PURE__ */ e(
                       "svg",
@@ -526,21 +526,21 @@ const Qt = () => /* @__PURE__ */ e(
                   }
                 )
               ] }),
-              /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: rr.map((g) => /* @__PURE__ */ e(
+              /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: rr.map((m) => /* @__PURE__ */ e(
                 "div",
                 {
                   className: "text-center text-xs font-medium text-grayBlue5 py-2",
-                  children: g
+                  children: m
                 },
-                g
+                m
               )) }),
-              /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: I.map((g, l) => {
-                const u = new Date(h, d, 1).getDay(), N = new Date(
-                  h,
+              /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: I.map((m, p) => {
+                const l = new Date(f, d, 1).getDay(), L = new Date(
+                  f,
                   d + 1,
                   0
-                ).getDate(), A = l < u, H = l >= u + N, M = !A && !H, be = v(
-                  g,
+                ).getDate(), A = p < l, H = p >= l + L, V = !A && !H, be = D(
+                  m,
                   A,
                   H
                 );
@@ -548,17 +548,17 @@ const Qt = () => /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: () => O(g, A, H),
-                    disabled: g === null,
+                    onClick: () => O(m, A, H),
+                    disabled: m === null,
                     className: y(
                       "w-10 h-10 rounded-lg text-sm font-medium transition-colors",
                       "hover:bg-[#E8F4FD] focus:outline-none focus:bg-[#E8F4FD]",
-                      M ? "text-blackBG" : "text-grayBlue5 opacity-50",
+                      V ? "text-blackBG" : "text-grayBlue5 opacity-50",
                       be && "bg-[#16A34A] text-white hover:bg-[#16A34A] focus:bg-[#16A34A]"
                     ),
-                    children: g
+                    children: m
                   },
-                  l
+                  p
                 );
               }) })
             ]
@@ -578,35 +578,35 @@ const pe = E(
     error: i,
     label: r,
     onChange: t,
-    value: f,
-    defaultValue: p,
-    ...L
+    value: u,
+    defaultValue: w,
+    ...h
   }, s) => {
-    const D = Ce(null);
-    re(s, () => D.current);
-    const w = !!a || !!o, d = ve(
-      (b) => {
-        if (b == null || b === "")
+    const N = Ce(null);
+    re(s, () => N.current);
+    const k = !!a || !!o, d = ve(
+      (x) => {
+        if (x == null || x === "")
           return "";
-        const x = Array.isArray(b) ? b.join("").replace(/\D/g, "") : b.toString().replace(/\D/g, "");
-        return w ? x.replace(/\B(?=(\d{3})+(?!\d))/g, " ") : x;
+        const b = Array.isArray(x) ? x.join("").replace(/\D/g, "") : x.toString().replace(/\D/g, "");
+        return k ? b.replace(/\B(?=(\d{3})+(?!\d))/g, " ") : b;
       },
-      [w]
-    ), h = {
-      ...L,
+      [k]
+    ), f = {
+      ...h,
       type: "text",
       inputMode: "numeric",
-      onChange: (b) => {
-        const x = b.target, F = x.value, S = F.replace(/\D/g, ""), C = x.selectionStart || 0, B = F.slice(0, C).replace(/\D/g, "").length, V = d(S);
-        if (x.value = V, t) {
-          const I = x.value;
-          x.value = S, t(b), x.value = I;
+      onChange: (x) => {
+        const b = x.target, S = b.value, F = S.replace(/\D/g, ""), v = b.selectionStart || 0, B = S.slice(0, v).replace(/\D/g, "").length, M = d(F);
+        if (b.value = M, t) {
+          const I = b.value;
+          b.value = F, t(x), b.value = I;
         }
-        if (w) {
+        if (k) {
           let I = 0, W = 0;
-          for (; W < B && I < x.value.length; )
-            /\d/.test(x.value[I]) && W++, I++;
-          x.setSelectionRange(I, I);
+          for (; W < B && I < b.value.length; )
+            /\d/.test(b.value[I]) && W++, I++;
+          b.setSelectionRange(I, I);
         }
       },
       className: y(
@@ -621,13 +621,13 @@ const pe = E(
         n
       )
     };
-    return f !== void 0 ? h.value = d(f) : p !== void 0 && (h.defaultValue = d(p)), /* @__PURE__ */ c("div", { className: "w-full", children: [
+    return u !== void 0 ? f.value = d(u) : w !== void 0 && (f.defaultValue = d(w)), /* @__PURE__ */ c("div", { className: "w-full", children: [
       r && /* @__PURE__ */ e("label", { className: "mb-2 block text-sm font-medium text-blackBG", children: r }),
       /* @__PURE__ */ e("div", { className: "group relative", children: /* @__PURE__ */ e(
         "input",
         {
-          ...h,
-          ref: D
+          ...f,
+          ref: N
         }
       ) }),
       i && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: i })
@@ -655,8 +655,8 @@ const or = {
   const t = r.slice(0, i);
   if (t.length === 0)
     return o.mask;
-  let f = t;
-  return t.length > 6 ? f = `${t.slice(0, 3)} ${t.slice(3, 6)} ${t.slice(6)}` : t.length > 3 && (f = `${t.slice(0, 3)} ${t.slice(3)}`), `${o.mask} ${f}`;
+  let u = t;
+  return t.length > 6 ? u = `${t.slice(0, 3)} ${t.slice(3, 6)} ${t.slice(6)}` : t.length > 3 && (u = `${t.slice(0, 3)} ${t.slice(3)}`), `${o.mask} ${u}`;
 }, nr = (n, o) => {
   if (!n)
     return null;
@@ -678,41 +678,41 @@ const or = {
     value: i,
     onChange: r,
     defaultCountry: t = "996",
-    ...f
-  }, p) => {
-    const [L, s] = T(""), [D, w] = T(t), [d, k] = T(!1), [h, b] = T(""), x = i !== void 0, F = x ? i : L, { ref: S } = K(d, () => {
-      k(!1), b("");
-    }), C = Z(() => J(), []), B = $(D) || C[0], V = Z(() => {
-      if (!h)
-        return C;
-      const m = h.toLowerCase();
-      return C.filter(
-        (v) => v.name.toLowerCase().includes(m) || v.mask.toLowerCase().includes(m) || v.short.toLowerCase().includes(m)
+    ...u
+  }, w) => {
+    const [h, s] = T(""), [N, k] = T(t), [d, C] = T(!1), [f, x] = T(""), b = i !== void 0, S = b ? i : h, { ref: F } = K(d, () => {
+      C(!1), x("");
+    }), v = Z(() => J(), []), B = $(N) || v[0], M = Z(() => {
+      if (!f)
+        return v;
+      const g = f.toLowerCase();
+      return v.filter(
+        (D) => D.name.toLowerCase().includes(g) || D.mask.toLowerCase().includes(g) || D.short.toLowerCase().includes(g)
       );
-    }, [C, h]), W = ((m) => {
-      if (!m)
-        return "";
-      const v = m.replace(/\D/g, "");
-      let g = v;
-      (v.startsWith(B.dialCode) || m.startsWith(B.mask)) && (g = v.slice(B.dialCode.length));
-      const l = g.slice(0, B.length);
-      return l.length === 0 ? "" : l.length <= 3 ? l : l.length <= 6 ? `${l.slice(0, 3)} ${l.slice(3)}` : `${l.slice(0, 3)} ${l.slice(3, 6)} ${l.slice(6)}`;
-    })(F), O = (m) => {
-      w(m), k(!1), b("");
-      const v = F.replace(/\D/g, ""), g = $(m);
+    }, [v, f]), W = ((g) => {
       if (!g)
+        return "";
+      const D = g.replace(/\D/g, "");
+      let m = D;
+      (D.startsWith(B.dialCode) || g.startsWith(B.mask)) && (m = D.slice(B.dialCode.length));
+      const p = m.slice(0, B.length);
+      return p.length === 0 ? "" : p.length <= 3 ? p : p.length <= 6 ? `${p.slice(0, 3)} ${p.slice(3)}` : `${p.slice(0, 3)} ${p.slice(3, 6)} ${p.slice(6)}`;
+    })(S), O = (g) => {
+      k(g), C(!1), x("");
+      const D = S.replace(/\D/g, ""), m = $(g);
+      if (!m)
         return;
-      let l = v;
-      v.startsWith(B.dialCode) && (l = v.slice(B.dialCode.length));
-      const _ = te(l, g);
-      x || s(_), r == null || r(_);
-    }, j = (m) => {
-      const v = m.target.value, g = v.replace(/\D/g, ""), l = nr(
-        v
+      let p = D;
+      D.startsWith(B.dialCode) && (p = D.slice(B.dialCode.length));
+      const _ = te(p, m);
+      b || s(_), r == null || r(_);
+    }, j = (g) => {
+      const D = g.target.value, m = D.replace(/\D/g, ""), p = nr(
+        D
       );
-      l && l.id !== D && w(l.id);
-      const _ = l || $(D) || B, u = te(g, _);
-      x || s(u), r == null || r(u);
+      p && p.id !== N && k(p.id);
+      const _ = p || $(N) || B, l = te(m, _);
+      b || s(l), r == null || r(l);
     };
     return /* @__PURE__ */ c("div", { className: "w-full", children: [
       a && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-blackBG mb-2", children: a }),
@@ -733,14 +733,14 @@ const or = {
             /* @__PURE__ */ c(
               "div",
               {
-                ref: S,
+                ref: F,
                 className: "relative",
                 children: [
                   /* @__PURE__ */ c(
                     "button",
                     {
                       type: "button",
-                      onClick: () => k(!d),
+                      onClick: () => C(!d),
                       className: y(
                         "flex h-14 w-[120px] rounded-2xl px-3 py-2 items-center justify-center cursor-pointer shrink-0",
                         "transition-all duration-300 ease-in-out",
@@ -782,34 +782,34 @@ const or = {
                       "input",
                       {
                         type: "text",
-                        value: h,
-                        onChange: (m) => b(m.target.value),
+                        value: f,
+                        onChange: (g) => x(g.target.value),
                         placeholder: "Поиск страны...",
                         className: y(
                           "w-full px-3 py-2 rounded-xl border-[1px] border-grayBlue text-sm",
                           "focus:outline-none focus:border-greenLight"
                         ),
-                        onClick: (m) => m.stopPropagation()
+                        onClick: (g) => g.stopPropagation()
                       }
                     ) }),
-                    /* @__PURE__ */ e("div", { className: "overflow-y-auto max-h-[340px]", children: V.length > 0 ? V.map((m) => /* @__PURE__ */ e(
+                    /* @__PURE__ */ e("div", { className: "overflow-y-auto max-h-[340px]", children: M.length > 0 ? M.map((g) => /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
-                        onClick: () => O(m.id),
+                        onClick: () => O(g.id),
                         className: y(
                           "w-full px-4 py-3 text-left cursor-pointer text-base text-blackBG transition-colors",
                           "hover:bg-[#E8F4FD] focus:bg-[#E8F4FD] focus:outline-none",
-                          D === m.id && "bg-[#E8F4FD]",
+                          N === g.id && "bg-[#E8F4FD]",
                           "first:rounded-t-2xl"
                         ),
                         children: /* @__PURE__ */ c("span", { className: "flex items-center gap-2", children: [
-                          /* @__PURE__ */ e("span", { className: "text-lg", children: m.flag }),
-                          /* @__PURE__ */ e("span", { className: "font-medium", children: m.mask }),
-                          /* @__PURE__ */ e("span", { className: "text-sm text-grayBlue5", children: m.name })
+                          /* @__PURE__ */ e("span", { className: "text-lg", children: g.flag }),
+                          /* @__PURE__ */ e("span", { className: "font-medium", children: g.mask }),
+                          /* @__PURE__ */ e("span", { className: "text-sm text-grayBlue5", children: g.name })
                         ] })
                       },
-                      m.id
+                      g.id
                     )) : /* @__PURE__ */ e("div", { className: "px-4 py-3 text-center text-grayBlue5", children: "Страны не найдены" }) })
                   ] })
                 ]
@@ -830,11 +830,11 @@ const or = {
                   o && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
                   n
                 ),
-                ref: p,
+                ref: w,
                 value: W,
                 onChange: j,
                 placeholder: "XXX XXX XXX",
-                ...f
+                ...u
               }
             )
           ]
@@ -853,13 +853,13 @@ const ue = E(
     name: i,
     onChange: r,
     error: t,
-    className: f,
-    direction: p = "column"
-  }, L) => /* @__PURE__ */ c(
+    className: u,
+    direction: w = "column"
+  }, h) => /* @__PURE__ */ c(
     "div",
     {
-      ref: L,
-      className: y("flex flex-col gap-2", f),
+      ref: h,
+      className: y("flex flex-col gap-2", u),
       children: [
         n && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-blackBG mb-1", children: n }),
         /* @__PURE__ */ e(
@@ -867,7 +867,7 @@ const ue = E(
           {
             className: y(
               "flex gap-4",
-              p === "column" ? "flex-col" : "flex-row flex-wrap"
+              w === "column" ? "flex-col" : "flex-row flex-wrap"
             ),
             children: o == null ? void 0 : o.map((s) => /* @__PURE__ */ e(
               fe,
@@ -946,31 +946,31 @@ const he = E(
     options: i = [],
     placeholder: r = "Выберите категорию",
     value: t,
-    onChange: f,
-    onBlur: p,
-    name: L,
+    onChange: u,
+    onBlur: w,
+    name: h,
     disabled: s,
-    ...D
-  }, w) => {
+    ...N
+  }, k) => {
     const {
       ref: d,
-      isShow: k,
-      setIsShow: h
+      isShow: C,
+      setIsShow: f
     } = K(!1);
-    re(w, () => d.current);
-    const b = i.find((C) => C.value === t), x = () => {
-      s || h(!k);
-    }, F = (C) => {
-      f && f({
+    re(k, () => d.current);
+    const x = i.find((v) => v.value === t), b = () => {
+      s || f(!C);
+    }, S = (v) => {
+      u && u({
         target: {
-          name: L,
-          value: C.value
+          name: h,
+          value: v.value
         }
-      }), h(!1);
-    }, S = (C) => {
-      p && p({
+      }), f(!1);
+    }, F = (v) => {
+      w && w({
         target: {
-          name: L,
+          name: h,
           value: t
         }
       });
@@ -980,8 +980,8 @@ const he = E(
       {
         className: y("w-full", n),
         ref: d,
-        onBlur: S,
-        ...D,
+        onBlur: F,
+        ...N,
         children: [
           a && /* @__PURE__ */ e("label", { className: "mb-2 block text-sm font-medium text-blackBG", children: a }),
           /* @__PURE__ */ c("div", { className: "relative", children: [
@@ -989,25 +989,25 @@ const he = E(
               "button",
               {
                 type: "button",
-                onClick: x,
+                onClick: b,
                 disabled: s,
                 className: y(
                   "flex h-14 w-full items-center justify-between rounded-2xl border-[1px] border-grayBlue bg-white px-[20px] text-base text-blackBG",
                   "transition-all duration-300 ease-in-out",
                   "hover:border-greenLight hover:shadow-[0_0_0_4px_rgba(22,163,74,0.1)]",
-                  k && "border-greenLight shadow-[0_0_0_4px_rgba(22,163,74,0.15)] ring-0 outline-none",
+                  C && "border-greenLight shadow-[0_0_0_4px_rgba(22,163,74,0.15)] ring-0 outline-none",
                   s && "cursor-not-allowed bg-lightGray opacity-50",
                   o && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
-                  !b && "text-gray2 opacity-60"
+                  !x && "text-gray2 opacity-60"
                 ),
                 children: [
-                  /* @__PURE__ */ e("span", { className: "truncate", children: b ? b.label : r }),
+                  /* @__PURE__ */ e("span", { className: "truncate", children: x ? x.label : r }),
                   /* @__PURE__ */ e(
                     "svg",
                     {
                       className: y(
                         "ml-2 h-5 w-5 text-gray2 transition-transform duration-300",
-                        k && "rotate-180"
+                        C && "rotate-180"
                       ),
                       fill: "none",
                       stroke: "currentColor",
@@ -1026,28 +1026,28 @@ const he = E(
                 ]
               }
             ),
-            k && /* @__PURE__ */ e(
+            C && /* @__PURE__ */ e(
               "div",
               {
                 className: y(
                   "absolute left-0 z-[100] mt-2 w-full overflow-hidden rounded-2xl border-[1px] border-grayBlue bg-white shadow-xl",
                   "transition-all duration-200 ease-in-out"
                 ),
-                children: /* @__PURE__ */ e("div", { className: "max-h-[280px] overflow-y-auto py-2", children: i.length > 0 ? i.map((C) => /* @__PURE__ */ e(
+                children: /* @__PURE__ */ e("div", { className: "max-h-[280px] overflow-y-auto py-2", children: i.length > 0 ? i.map((v) => /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: () => F(C),
+                    onClick: () => S(v),
                     className: y(
                       "flex w-full items-center px-5 py-3 text-left text-base transition-colors",
                       "hover:bg-green-50 active:bg-green-100",
-                      C.value === t && "bg-green-50 font-medium text-greenLight",
+                      v.value === t && "bg-green-50 font-medium text-greenLight",
                       // Мобильные отступы чуть больше для удобства тапа
                       "max-tablet:py-4"
                     ),
-                    children: C.label
+                    children: v.label
                   },
-                  C.value
+                  v.value
                 )) : /* @__PURE__ */ e("div", { className: "px-5 py-3 text-sm text-gray2", children: "Нет данных" }) })
               }
             )
@@ -1086,64 +1086,64 @@ const sr = {
   control: i
 }) => {
   const { t: r } = ae();
-  return n.map((t, f) => {
-    var L, s, D;
+  return n.map((t, u) => {
+    var h, s, N;
     if ((t == null ? void 0 : t.componentType) === "component") {
-      const w = sr[t == null ? void 0 : t.key];
-      if (w)
+      const k = sr[t == null ? void 0 : t.key];
+      if (k)
         return /* @__PURE__ */ e(
-          w,
+          k,
           {
             ...t == null ? void 0 : t.props
           },
-          f
+          u
         );
     }
-    const p = lr[t == null ? void 0 : t.type];
-    if (p) {
-      const w = ["select", "radio", "checkbox", "file"].includes(
+    const w = lr[t == null ? void 0 : t.type];
+    if (w) {
+      const k = ["select", "radio", "checkbox", "file"].includes(
         t.type
-      ), d = t != null && t.name ? (L = a[t == null ? void 0 : t.name]) == null ? void 0 : L.message : void 0, k = d ? r(d, d) : void 0, h = {
+      ), d = t != null && t.name ? (h = a[t == null ? void 0 : t.name]) == null ? void 0 : h.message : void 0, C = d ? r(d, d) : void 0, f = {
         ...t.field_props,
         label: (s = t.field_props) != null && s.label ? r(t.field_props.label, t.field_props.label) : void 0,
-        placeholder: (D = t.field_props) != null && D.placeholder ? r(t.field_props.placeholder, t.field_props.placeholder) : void 0
+        placeholder: (N = t.field_props) != null && N.placeholder ? r(t.field_props.placeholder, t.field_props.placeholder) : void 0
       };
-      return w && i && (t != null && t.name) ? /* @__PURE__ */ e(
+      return k && i && (t != null && t.name) ? /* @__PURE__ */ e(
         Qe,
         {
           name: t.name,
           control: i,
           rules: { validate: t.validate },
-          render: ({ field: { onChange: b, value: x, name: F, ref: S } }) => /* @__PURE__ */ e(
-            p,
+          render: ({ field: { onChange: x, value: b, name: S, ref: F } }) => /* @__PURE__ */ e(
+            w,
             {
-              ...h,
-              onChange: b,
-              value: x,
-              name: F,
-              ref: S,
-              error: k
+              ...f,
+              onChange: x,
+              value: b,
+              name: S,
+              ref: F,
+              error: C
             }
           )
         },
-        f
+        u
       ) : t.name ? /* @__PURE__ */ e(
-        p,
+        w,
         {
-          ...h,
+          ...f,
           ...o(t == null ? void 0 : t.name, {
             validate: t == null ? void 0 : t.validate
           }),
-          error: k
+          error: C
         },
-        f
+        u
       ) : /* @__PURE__ */ e(
-        p,
+        w,
         {
-          ...h,
-          error: k
+          ...f,
+          error: C
         },
-        f
+        u
       );
     }
     return null;
@@ -1221,7 +1221,8 @@ const sr = {
   "subtitle",
   "color",
   hr,
-  Rt
+  Rt,
+  "file"
 ], ge = ({
   title: n,
   subtitle: o,
@@ -1229,69 +1230,67 @@ const sr = {
   gridCols: i = 1,
   gridRow: r = 2,
   fields: t = [],
-  requestForm: f
+  requestForm: u,
+  file: w
 }) => {
-  var O;
-  const { t: p } = ae(), [L, s] = T(!1), [D, w] = T(!1), [d, k] = T(null), h = et(960), {
+  var j;
+  const { t: h } = ae(), [s, N] = T(!1), [k, d] = T(!1), [C, f] = T(null), x = et(960), {
     register: b,
-    handleSubmit: x,
+    handleSubmit: S,
     watch: F,
-    reset: S,
-    control: C,
-    formState: { errors: B }
+    reset: v,
+    control: B,
+    formState: { errors: M }
   } = Je({
     defaultValues: {
-      fio: "",
-      phone: "",
-      business_category: "",
       agreement: !1
     }
-  }), V = F("agreement"), I = async (j) => {
-    if (!(f != null && f.api_url)) {
+  }), I = F("agreement"), W = async (g) => {
+    if (!(u != null && u.api_url)) {
       console.warn("API URL is not defined in requestForm props");
       return;
     }
-    w(!0), k(null);
+    d(!0), f(null);
     try {
-      const m = new FormData();
-      Object.entries(j).forEach(([l, _]) => {
-        _ != null && (Array.isArray(_) ? _.forEach((u) => {
-          m.append(l, u);
-        }) : m.append(l, _));
+      const D = new FormData();
+      Object.entries(g).forEach(([_, l]) => {
+        l != null && (Array.isArray(l) ? l.forEach((L) => {
+          D.append(_, L);
+        }) : D.append(_, l));
       });
-      const v = await fetch(f.api_url, {
+      const m = await fetch(u.api_url, {
         method: "POST",
         // При отправке FormData заголовок Content-Type устанавливать НЕ НУЖНО,
         // браузер установит его автоматически вместе с boundary
-        body: m
+        body: D
       });
-      if (!v.ok)
-        throw new Error(`HTTP error! status: ${v.status}`);
-      const g = v.headers.get("content-type");
-      if (g && g.includes("application/json")) {
-        const l = await v.json();
-        console.log("Success:", l);
+      if (!m.ok)
+        throw new Error(`HTTP error! status: ${m.status}`);
+      const p = m.headers.get("content-type");
+      if (p && p.includes("application/json")) {
+        const _ = await m.json();
+        console.log("Success:", _);
       }
-      s(!0), S();
-    } catch (m) {
-      console.error("Error submitting form:", m), k(
-        p(
+      N(!0), v();
+    } catch (D) {
+      console.error("Error submitting form:", D), f(
+        h(
           "form.submit_error",
           "Произошла ошибка при отправке. Пожалуйста, попробуйте позже."
         )
       );
     } finally {
-      w(!1);
+      d(!1);
     }
-  }, W = cr(t || [], {
+  }, O = cr(t || [], {
     register: b,
-    errors: B,
-    control: C
+    errors: M,
+    control: B
   });
   return /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(
     "form",
     {
-      onSubmit: x(I),
+      onSubmit: S(W),
       id: "application_form",
       className: "w-full",
       children: /* @__PURE__ */ c(
@@ -1303,10 +1302,10 @@ const sr = {
           className: "bg-white rounded-[24px] w-full flex flex-col items-center justify-center py-[72px] px-[96px] max-tablet:py-[40px] max-tablet:px-[32px] transition-all duration-300 mt-[8px]",
           children: [
             /* @__PURE__ */ c("div", { className: "text-center mb-10 max-tablet:mb-8", children: [
-              /* @__PURE__ */ e("h2", { className: "text-[36px] leading-[44px] font-semibold m-0 mb-3 text-blackBG max-tablet:text-[28px] max-tablet:leading-[36px]", children: p(n || "", n) }),
-              /* @__PURE__ */ e("span", { className: "text-[18px] leading-[26px] text-graySoft max-tablet:text-[16px] max-tablet:leading-[24px]", children: p(o || "", o) })
+              /* @__PURE__ */ e("h2", { className: "text-[36px] leading-[44px] font-semibold m-0 mb-3 text-blackBG max-tablet:text-[28px] max-tablet:leading-[36px]", children: h(n || "", n) }),
+              /* @__PURE__ */ e("span", { className: "text-[18px] leading-[26px] text-graySoft max-tablet:text-[16px] max-tablet:leading-[24px]", children: h(o || "", o) })
             ] }),
-            L ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-[640px] gap-8 max-tablet:w-full animate-in fade-in duration-500", children: /* @__PURE__ */ c("div", { className: "text-center", children: [
+            s ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center w-[640px] gap-8 max-tablet:w-full animate-in fade-in duration-500", children: /* @__PURE__ */ c("div", { className: "text-center", children: [
               /* @__PURE__ */ e("div", { className: "w-20 h-20 rounded-full bg-gradient-to-br from-greenLight to-green flex items-center justify-center mx-auto mb-6 shadow-lg animate-in zoom-in duration-500", children: /* @__PURE__ */ e(
                 "svg",
                 {
@@ -1326,8 +1325,8 @@ const sr = {
                 }
               ) }),
               /* @__PURE__ */ c("div", { className: "text-center", children: [
-                /* @__PURE__ */ e("div", { className: "font-semibold text-[24px] leading-[32px] text-blackBG mb-3", children: p("form.success_title", "Заявка успешно отправлена") }),
-                /* @__PURE__ */ e("div", { className: "text-[18px] leading-[26px] text-graySoft", children: p(
+                /* @__PURE__ */ e("div", { className: "font-semibold text-[24px] leading-[32px] text-blackBG mb-3", children: h("form.success_title", "Заявка успешно отправлена") }),
+                /* @__PURE__ */ e("div", { className: "text-[18px] leading-[26px] text-graySoft", children: h(
                   "form.success_description",
                   "С Вами свяжется наш специалист и поможет с подключением сервиса"
                 ) }),
@@ -1335,9 +1334,9 @@ const sr = {
                   X,
                   {
                     className: "justify-center m-auto mt-6",
-                    title: p("form.close", "Закрыть"),
+                    title: h("form.close", "Закрыть"),
                     onClick: () => {
-                      s(!1), S();
+                      N(!1), v();
                     }
                   }
                 )
@@ -1348,34 +1347,34 @@ const sr = {
                 {
                   className: "w-[640px] mb-8 max-tablet:w-full grid gap-6",
                   style: {
-                    gridTemplateColumns: `repeat(${h ? 1 : i}, 1fr)`,
+                    gridTemplateColumns: `repeat(${x ? 1 : i}, 1fr)`,
                     gridTemplateRows: `repeat(${r}, auto)`
                   },
-                  children: W
+                  children: O
                 }
               ),
               /* @__PURE__ */ e("div", { className: "pt-2", children: /* @__PURE__ */ e(
                 Q,
                 {
                   ...b("agreement", {
-                    required: p(
+                    required: h(
                       "form.agreement_required",
                       "Необходимо согласие на обработку персональных данных"
                     )
                   }),
-                  error: (O = B.agreement) == null ? void 0 : O.message,
+                  error: (j = M.agreement) == null ? void 0 : j.message,
                   label: /* @__PURE__ */ c(R, { children: [
-                    p("form.i_agree", "Я соглашаюсь с"),
+                    h("form.i_agree", "Я соглашаюсь с"),
                     " ",
                     /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
                         className: "text-greenLight hover:text-green underline transition-colors duration-200 bg-transparent border-0 p-0 cursor-pointer",
-                        onClick: (j) => {
-                          j.preventDefault();
+                        onClick: (g) => {
+                          g.preventDefault(), window.open(w || "", "_blank");
                         },
-                        children: p(
+                        children: h(
                           "form.agreement_link",
                           "условиями обработки персональных данных"
                         )
@@ -1384,17 +1383,17 @@ const sr = {
                   ] })
                 }
               ) }),
-              d && /* @__PURE__ */ e("div", { className: "mt-4 p-4 bg-red-50 border border-red-200 text-red-600 rounded-xl text-sm w-[640px] max-tablet:w-full animate-in fade-in slide-in-from-top-1", children: d }),
+              C && /* @__PURE__ */ e("div", { className: "mt-4 p-4 bg-red-50 border border-red-200 text-red-600 rounded-xl text-sm w-[640px] max-tablet:w-full animate-in fade-in slide-in-from-top-1", children: C }),
               /* @__PURE__ */ e("div", { className: "mt-6 w-[640px] max-tablet:w-full", children: /* @__PURE__ */ e(
                 X,
                 {
-                  loading: D,
+                  loading: k,
                   className: "w-full whitespace-nowrap transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
                   type: "submit",
                   size: Ne.XL,
                   variant: _e.Primary,
-                  disabled: !V || D,
-                  children: p("form.submit", "Отправить заявку")
+                  disabled: !I || k,
+                  children: h("form.submit", "Отправить заявку")
                 }
               ) })
             ] })

package/dist/main.js

@@ -22,7 +22,7 @@ import { PartnersColors as $ } from "./PartnersColors/PartnersColors.js";
 import { PreviewList as ro } from "./PreviewList/PreviewList.js";
 import { CardImage as to } from "./Cards/CardImage/CardImage.js";
 import { ContentCard as po } from "./Cards/ContentCard/ContentCard.js";
-import { a as mo, b as fo, A as so, F as xo, W as lo } from "./info-b0e73398.js";
+import { a as mo, b as fo, A as so, F as xo, W as lo } from "./info-da40b55d.js";
 import { ColoredCard as Co } from "./Cards/ColoredCard/index.js";
 import { FeaturesCard as uo } from "./Cards/FeaturesCard/index.js";
 import { DownloadFileBanner as Po } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "md-components-mdigial-azamat",
   "author": "Azamat Raimbekov",
   "private": false,
-  "version": "0.0.100",
+  "version": "0.0.101",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",