md-components-mdigial-azamat 0.0.98 → 0.0.99

package/dist/{info-e9389d85.js → info-14d8693d.js}

@@ -1,11 +1,11 @@
 import { C as ee } from "./index-0a5f313c.js";
-import { jsx as t, jsxs as i, Fragment as U } from "react/jsx-runtime";
-import { warningCardVariant as ge, WarningCardVariant as j, WarningCardVariantKey as be } from "./Cards/WarningCard/model.js";
+import { jsx as e, jsxs as c, Fragment as Q } from "react/jsx-runtime";
+import { warningCardVariant as ge, WarningCardVariant as A, WarningCardVariantKey as be } from "./Cards/WarningCard/model.js";
 import "./ConfigProvider/index.js";
 import { Banner as xe } from "./Banner/Banner.js";
 import "./BannerAndText/index.js";
-import { forwardRef as P, useState as I, useMemo as A, useEffect as ye, useRef as we, useImperativeHandle as te, useCallback as ke } from "react";
-import { c as b } from "./cn-6a4bf187.js";
+import { forwardRef as P, useState as T, useMemo as $, useEffect as ye, useRef as we, useImperativeHandle as te, useCallback as ke } from "react";
+import { c as y } from "./cn-6a4bf187.js";
 import "./Faq/components/Collapse/Collapse.js";
 import "./Header/components/HeaderTabsMobile/HeaderTabsMobile.js";
 import { HtmlContent as Ce } from "./HtmlContent/HtmlContent.js";
@@ -15,16 +15,16 @@ import { B as ve, a as De, b as Ne } from "./const-53dff524.js";
 import { Stepper as Le } from "./Stepper/Stepper.js";
 import { Segments as _e } from "./Segments/Segments.js";
 import { VideoFull as Be } from "./Video/VideoFull/VideoFull.js";
-import { VideoList as Me } from "./Video/VideoList/VideoList.js";
-import { VideoListMini as Se } from "./Video/VideoListMini/VideoListMini.js";
+import { VideoList as Se } from "./Video/VideoList/VideoList.js";
+import { VideoListMini as Me } from "./Video/VideoListMini/VideoListMini.js";
 import { ContentCardList as Fe } from "./ContentCardList/ContentCardList.js";
 import { CardIconList as Ve } from "./CardIconList/CardIconList.js";
 import { MultiCards as Ie } from "./MultiCards/index.js";
 import { Partners as Te } from "./Partners/Partners.js";
 import { CardImageList as He } from "./CardImageList/CardImageList.js";
 import { MainBanner as Pe } from "./MainBanner/MainBanner.js";
-import { Faq as We } from "./Faq/Faq.js";
-import { InstructionList as Ge } from "./InstructionList/InstructionList.js";
+import { Faq as Ee } from "./Faq/Faq.js";
+import { InstructionList as We } from "./InstructionList/InstructionList.js";
 import "./HeroPossibilityBanner/index.js";
 import { PartnersColors as Oe } from "./PartnersColors/PartnersColors.js";
 import { PreviewList as je } from "./PreviewList/PreviewList.js";
@@ -32,7 +32,7 @@ import "./Cards/CardImage/CardImage.js";
 import "./Cards/ContentCard/ContentCard.js";
 import "./Cards/ColoredCard/index.js";
 import "./Cards/FeaturesCard/index.js";
-import { DownloadFileBanner as Ee } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";
+import { DownloadFileBanner as Ge } from "./DownloadFile/components/DownloadFileBanner/DownloadFileBanner.js";
 import { DownloadFileFull as Ae } from "./DownloadFile/components/DownloadFileFull/DownloadFileFull.js";
 import { DownloadFileHalf as Ze } from "./DownloadFile/components/DownloadFileHalf/DownloadFileHalf.js";
 import { DownloadFileMini as $e } from "./DownloadFile/components/DownloadFileMini/DownloadFileMini.js";
@@ -41,15 +41,15 @@ import "./PreviewList/components/PreviewCard/PreviewCard.js";
 import Re from "./AnimatedSwiper/index.js";
 import "./CardImageSecondary/CardImageSecondary.js";
 import { CardImageSecondaryList as Xe } from "./CardImageSecondaryList/CardImageSecondaryList.js";
-import { CardInfoTable as qe } from "./CardInfoTable/index.js";
-import { DownloadFileBright as ze } from "./DownloadFile/components/DownloadFileBright/index.js";
+import { CardInfoTable as ze } from "./CardInfoTable/index.js";
+import { DownloadFileBright as qe } from "./DownloadFile/components/DownloadFileBright/index.js";
 import "./DownloadFile/components/FileBannerSecondary/FileBannerSecondary.js";
 import { C as Ye, u as Ke } from "./index-a0ed2e4a.js";
 import { C as re } from "./ComponentContainer-dca711c6.js";
-import { u as Qe } from "./useScreenSize-c1b64c02.js";
-import Ue from "./FileLoader/index.js";
-import { u as q } from "./useClickOutside-197b0df2.js";
-import { TitleBlock as oe } from "./TitleBlock/TitleBlock.js";
+import { u as Ue } from "./useScreenSize-c1b64c02.js";
+import { u as oe, F as Qe } from "./index-6686852d.js";
+import { u as z } from "./useClickOutside-197b0df2.js";
+import { TitleBlock as ae } from "./TitleBlock/TitleBlock.js";
 import "./InfoBanner/index.js";
 import { InfoBannerList as Je } from "./InfoBannerList/InfoBannerList.js";
 import { IntroBanner as et } from "./IntroBanner/IntroBanner.js";
@@ -60,7 +60,7 @@ import { SwiperList as at } from "./SwiperList/SwiperList.js";
 import "./TasksBanner/TasksBanner.js";
 import { TasksBannerList as nt } from "./TasksBannerList/TasksBannerList.js";
 import { VideoMainBanner as st } from "./VideoMainBanner/VideoMainBanner.js";
-import { M as lt, B as it, C as ct, S as dt, b as pt, V as mt, c as ut, d as ft, e as ht, f as gt, g as bt, P as xt, h as yt, W as wt, F as kt, k as Ct, D as vt, l as Dt, m as Nt, I as Lt, o as _t, p as Bt, A as Mt, q as St, T as Ft, r as Vt, E as It, s as Tt, t as Ht, u as Pt, v as Wt, w as Gt, x as Ot, y as jt } from "./data.mock-f00bb32c.js";
+import { M as lt, B as it, C as ct, S as dt, b as pt, V as mt, c as ut, d as ft, e as ht, f as gt, g as bt, P as xt, h as yt, W as wt, F as kt, k as Ct, D as vt, l as Dt, m as Nt, I as Lt, o as _t, p as Bt, A as St, q as Mt, T as Ft, r as Vt, E as It, s as Tt, t as Ht, u as Pt, v as Et, w as Wt, x as Ot, y as jt } from "./data.mock-f00bb32c.js";
 import { DataTypesEnum as X, FieldTypes as G } from "./Types/FiledTypes.js";
 import "react-dom";
 import "./AnimatedSwiper/info.js";
@@ -107,12 +107,13 @@ import "./Video/VideoList/info.js";
 import "./Video/VideoListMini/info.js";
 import "./VideoMainBanner/info.js";
 import "./Actions/types.js";
-import { componentTypes as Et } from "./Forms/FormDefault/componentTypes.js";
-import { fieldTypesList as At } from "./Forms/FormDefault/fieldTypesList.js";
-import { Header as Zt } from "./Header/Header.js";
-import { Footer as $t } from "./Footer/Footer.js";
-import { I as Rt } from "./Icon-70ea6cb8.js";
-const ae = [
+import { c as Gt, R as At } from "./requestForm-23442a57.js";
+import { componentTypes as Zt } from "./Forms/FormDefault/componentTypes.js";
+import { fieldTypesList as $t } from "./Forms/FormDefault/fieldTypesList.js";
+import { Header as Rt } from "./Header/Header.js";
+import { Footer as Xt } from "./Footer/Footer.js";
+import { I as zt } from "./Icon-70ea6cb8.js";
+const ne = [
   "title",
   "title_color",
   "description",
@@ -120,126 +121,126 @@ const ae = [
   "html_content",
   ve,
   ge
-], z = ({
-  title: a,
-  description: r,
-  button: o,
-  html_content: s,
-  variant: e = be.Orange
+], q = ({
+  title: n,
+  description: o,
+  button: a,
+  html_content: l,
+  variant: r = be.Orange
 }) => {
-  var l, m, k, y;
-  return /* @__PURE__ */ t(re, { children: /* @__PURE__ */ t(
+  var t, f, p, N;
+  return /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(
     "div",
     {
       className: "rounded-[24px] p-6",
-      style: { background: (l = j[e]) == null ? void 0 : l.background },
-      children: /* @__PURE__ */ i("div", { className: "flex gap-4 items-center justify-between", children: [
-        /* @__PURE__ */ i(
+      style: { background: (t = A[r]) == null ? void 0 : t.background },
+      children: /* @__PURE__ */ c("div", { className: "flex gap-4 items-center justify-between", children: [
+        /* @__PURE__ */ c(
           "div",
           {
             className: "flex gap-[16px] items-center max-tablet:flex-col max-tablet:items-start max-tablet:gap-[12px]",
             children: [
-              /* @__PURE__ */ t(
-                Rt,
+              /* @__PURE__ */ e(
+                zt,
                 {
-                  name: (m = j[e]) == null ? void 0 : m.icon,
+                  name: (f = A[r]) == null ? void 0 : f.icon,
                   size: 40
                 }
               ),
-              /* @__PURE__ */ i("div", { className: "flex flex-col gap-[4px] max-tablet:gap-0", children: [
-                /* @__PURE__ */ t(
+              /* @__PURE__ */ c("div", { className: "flex flex-col gap-[4px] max-tablet:gap-0", children: [
+                /* @__PURE__ */ e(
                   "p",
                   {
-                    className: b("text-[24px] leading-8 font-bold"),
-                    style: { color: (k = j[e]) == null ? void 0 : k.textColor },
-                    children: a
+                    className: y("text-[24px] leading-8 font-bold"),
+                    style: { color: (p = A[r]) == null ? void 0 : p.textColor },
+                    children: n
                   }
                 ),
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ e(
                   "p",
                   {
                     className: "text-[16px] leading-6",
-                    style: { color: (y = j[e]) == null ? void 0 : y.textColor },
-                    children: r
+                    style: { color: (N = A[r]) == null ? void 0 : N.textColor },
+                    children: o
                   }
                 ),
-                s && /* @__PURE__ */ t(Ce, { data: s })
+                l && /* @__PURE__ */ e(Ce, { data: l })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ t(R, { ...o })
+        /* @__PURE__ */ e(R, { ...a })
       ] })
     }
   ) });
 };
-z.propsToEdit = ae;
-const ne = P(
+q.propsToEdit = ne;
+const se = P(
   ({
-    label: a,
-    options: r = [],
-    value: o = [],
-    onChange: s,
-    error: e,
-    className: l,
-    direction: m = "column"
-  }, k) => {
-    const y = (n) => {
-      if (!s)
+    label: n,
+    options: o = [],
+    value: a = [],
+    onChange: l,
+    error: r,
+    className: t,
+    direction: f = "column"
+  }, p) => {
+    const N = (s) => {
+      if (!l)
         return;
-      const N = o.includes(n) ? o.filter((C) => C !== n) : [...o, n];
-      s(N);
+      const D = a.includes(s) ? a.filter((w) => w !== s) : [...a, s];
+      l(D);
     };
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ c(
       "div",
       {
-        ref: k,
-        className: b("flex flex-col gap-2", l),
+        ref: p,
+        className: y("flex flex-col gap-2", t),
         children: [
-          a && /* @__PURE__ */ t("label", { className: "text-sm font-medium text-blackBG mb-1", children: a }),
-          /* @__PURE__ */ t(
+          n && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-blackBG mb-1", children: n }),
+          /* @__PURE__ */ e(
             "div",
             {
-              className: b(
+              className: y(
                 "flex gap-4",
-                m === "column" ? "flex-col" : "flex-row flex-wrap"
+                f === "column" ? "flex-col" : "flex-row flex-wrap"
               ),
-              children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ t(
+              children: o == null ? void 0 : o.map((s) => /* @__PURE__ */ e(
                 Y,
                 {
-                  label: n == null ? void 0 : n.label,
-                  checked: o.includes(n == null ? void 0 : n.value),
-                  onChange: () => y(n == null ? void 0 : n.value),
-                  error: e && (o == null ? void 0 : o.length) === 0 ? e : void 0
+                  label: s == null ? void 0 : s.label,
+                  checked: a.includes(s == null ? void 0 : s.value),
+                  onChange: () => N(s == null ? void 0 : s.value),
+                  error: r && (a == null ? void 0 : a.length) === 0 ? r : void 0
                 },
-                n == null ? void 0 : n.value
+                s == null ? void 0 : s.value
               ))
             }
           ),
-          e && /* @__PURE__ */ t("p", { className: "mt-1 text-sm text-red-500", children: e })
+          r && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-red-500", children: r })
         ]
       }
     );
   }
 );
-ne.displayName = "CheckboxGroup";
+se.displayName = "CheckboxGroup";
 const Y = P(
-  ({ className: a, label: r, error: o, ...s }, e) => /* @__PURE__ */ i("div", { className: "w-full", children: [
-    /* @__PURE__ */ i("label", { className: "flex items-start gap-3 cursor-pointer group", children: [
-      /* @__PURE__ */ i("div", { className: "relative flex items-center justify-center mt-0.5", children: [
-        /* @__PURE__ */ t(
+  ({ className: n, label: o, error: a, ...l }, r) => /* @__PURE__ */ c("div", { className: "w-full", children: [
+    /* @__PURE__ */ c("label", { className: "flex items-start gap-3 cursor-pointer group", children: [
+      /* @__PURE__ */ c("div", { className: "relative flex items-center justify-center mt-0.5", children: [
+        /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
             className: "peer sr-only",
-            ref: e,
-            ...s
+            ref: r,
+            ...l
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "div",
           {
-            className: b(
+            className: y(
               "relative flex items-center justify-center w-5 h-5 rounded-md border-2 transition-all duration-200",
               "border-grayBlue5 bg-white",
               "peer-checked:bg-greenLight peer-checked:border-greenLight",
@@ -250,54 +251,54 @@ const Y = P(
               "after:w-[6px] after:h-[10px] after:border-r-2 after:border-b-2 after:border-white",
               "after:rotate-45 after:-translate-x-[2px] after:translate-y-[-2px] after:top-1/2 after:left-1/2",
               "after:translate-y-[-50%] after:translate-x-[-50%] peer-checked:after:opacity-100",
-              o && "border-red-500",
-              a
+              a && "border-red-500",
+              n
             )
           }
         )
       ] }),
-      r && /* @__PURE__ */ t(
+      o && /* @__PURE__ */ e(
         "span",
         {
-          className: b(
+          className: y(
             "text-sm leading-5 text-graySoft select-none",
             "group-hover:text-blackBG transition-colors duration-200",
-            o && "text-red-500"
+            a && "text-red-500"
           ),
-          children: r
+          children: o
         }
       )
     ] }),
-    o && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: o })
+    a && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: a })
   ] })
 );
 Y.displayName = "Checkbox";
-const se = P(
-  ({ className: a, type: r, error: o, label: s, ...e }, l) => /* @__PURE__ */ i("div", { className: "w-full", children: [
-    s && /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-blackBG mb-2", children: s }),
-    /* @__PURE__ */ t(
+const le = P(
+  ({ className: n, type: o, error: a, label: l, ...r }, t) => /* @__PURE__ */ c("div", { className: "w-full", children: [
+    l && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-blackBG mb-2", children: l }),
+    /* @__PURE__ */ e(
       "input",
       {
-        type: r,
-        className: b(
+        type: o,
+        className: y(
           "flex h-14 w-full rounded-2xl border-[1px] border-grayBlue bg-white px-[16px] py-[16px] text-base",
           "placeholder:text-gray2 placeholder:opacity-60",
           "transition-all duration-300 ease-in-out",
           "hover:border-greenLight hover:shadow-[0_0_0_4px_rgba(22,163,74,0.1)]",
           "focus:border-greenLight focus:outline-none focus:shadow-[0_0_0_4px_rgba(22,163,74,0.15)] focus:ring-0",
           "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-lightGray",
-          o && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
-          a
+          a && "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: l,
-        ...e
+        ref: t,
+        ...r
       }
     ),
-    o && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: o })
+    a && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: a })
   ] })
 );
-se.displayName = "Input";
-const Xt = () => /* @__PURE__ */ t(
+le.displayName = "Input";
+const qt = () => /* @__PURE__ */ e(
   "svg",
   {
     width: "20",
@@ -305,7 +306,7 @@ const Xt = () => /* @__PURE__ */ t(
     viewBox: "0 0 20 20",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ t(
+    children: /* @__PURE__ */ e(
       "path",
       {
         d: "M18.3327 9.16669V10.1667H19.3327V9.16669H18.3327ZM1.66602 9.16669H0.666016V10.1667H1.66602V9.16669ZM4.99935 4.16669V5.16669H14.9993V4.16669V3.16669H4.99935V4.16669ZM18.3327 7.50002H17.3327V14.1667H18.3327H19.3327V7.50002H18.3327ZM14.9993 17.5V16.5H4.99935V17.5V18.5H14.9993V17.5ZM1.66602 14.1667H2.66602V7.50002H1.66602H0.666016V14.1667H1.66602ZM4.99935 17.5V16.5C4.1854 16.5 3.67555 16.4979 3.30381 16.4479C2.96084 16.4018 2.88859 16.3321 2.86128 16.3048L2.15417 17.0119L1.44706 17.719C1.90791 18.1798 2.47257 18.3542 3.03731 18.4301C3.57329 18.5021 4.24194 18.5 4.99935 18.5V17.5ZM1.66602 14.1667H0.666016C0.666016 14.9241 0.663892 15.5927 0.735952 16.1287C0.81188 16.6935 0.986218 17.2581 1.44706 17.719L2.15417 17.0119L2.86128 16.3048C2.83397 16.2774 2.76423 16.2052 2.71812 15.8622C2.66814 15.4905 2.66602 14.9806 2.66602 14.1667H1.66602ZM18.3327 14.1667H17.3327C17.3327 14.9806 17.3306 15.4905 17.2806 15.8622C17.2345 16.2052 17.1647 16.2774 17.1374 16.3048L17.8445 17.0119L18.5516 17.719C19.0125 17.2581 19.1868 16.6935 19.2627 16.1287C19.3348 15.5927 19.3327 14.9241 19.3327 14.1667H18.3327ZM14.9993 17.5V18.5C15.7568 18.5 16.4254 18.5021 16.9614 18.4301C17.5261 18.3542 18.0908 18.1798 18.5516 17.719L17.8445 17.0119L17.1374 16.3048C17.1101 16.3321 17.0379 16.4018 16.6949 16.4479C16.3232 16.4979 15.8133 16.5 14.9993 16.5V17.5ZM14.9993 4.16669V5.16669C15.8133 5.16669 16.3232 5.16881 16.6949 5.21879C17.0379 5.2649 17.1101 5.33464 17.1374 5.36195L17.8445 4.65484L18.5516 3.94774C18.0908 3.48689 17.5261 3.31255 16.9614 3.23662C16.4254 3.16456 15.7568 3.16669 14.9993 3.16669V4.16669ZM18.3327 7.50002H19.3327C19.3327 6.74262 19.3348 6.07396 19.2627 5.53799C19.1868 4.97324 19.0125 4.40858 18.5516 3.94774L17.8445 4.65484L17.1374 5.36195C17.1647 5.38926 17.2345 5.46151 17.2806 5.80448C17.3306 6.17622 17.3327 6.68608 17.3327 7.50002H18.3327ZM4.99935 4.16669V3.16669C4.24194 3.16669 3.57329 3.16456 3.03732 3.23662C2.47257 3.31255 1.90791 3.48689 1.44706 3.94774L2.15417 4.65484L2.86128 5.36195C2.88859 5.33464 2.96084 5.2649 3.30381 5.21879C3.67555 5.16881 4.1854 5.16669 4.99935 5.16669V4.16669ZM1.66602 7.50002H2.66602C2.66602 6.68608 2.66814 6.17622 2.71812 5.80448C2.76423 5.46151 2.83397 5.38926 2.86128 5.36195L2.15417 4.65484L1.44706 3.94774C0.986218 4.40858 0.81188 4.97324 0.735952 5.53799C0.663892 6.07396 0.666016 6.74262 0.666016 7.50002H1.66602ZM18.3327 7.50002H17.3327V9.16669H18.3327H19.3327V7.50002H18.3327ZM18.3327 9.16669V8.16669H1.66602V9.16669V10.1667H18.3327V9.16669ZM1.66602 9.16669H2.66602V7.50002H1.66602H0.666016V9.16669H1.66602ZM5.83268 1.66669H4.83268V4.16669H5.83268H6.83268V1.66669H5.83268ZM14.166 1.66669H13.166V4.16669H14.166H15.166V1.66669H14.166ZM14.166 14.1667V15.1667H15.8327V14.1667V13.1667H14.166V14.1667Z",
@@ -313,132 +314,132 @@ const Xt = () => /* @__PURE__ */ t(
       }
     )
   }
-), qt = (a) => {
-  if (!a)
+), Yt = (n) => {
+  if (!n)
     return "";
-  const r = String(a.getDate()).padStart(2, "0"), o = String(a.getMonth() + 1).padStart(2, "0"), s = a.getFullYear();
-  return `${r}.${o}.${s}`;
-}, zt = (a) => {
-  if (!a)
+  const o = String(n.getDate()).padStart(2, "0"), a = String(n.getMonth() + 1).padStart(2, "0"), l = n.getFullYear();
+  return `${o}.${a}.${l}`;
+}, Kt = (n) => {
+  if (!n)
     return null;
-  const r = a.split(".");
-  if (r.length === 3) {
-    const o = parseInt(r[0], 10), s = parseInt(r[1], 10) - 1, e = parseInt(r[2], 10);
-    if (!isNaN(o) && !isNaN(s) && !isNaN(e)) {
-      const l = new Date(e, s, o);
-      if (l.getDate() === o && l.getMonth() === s && l.getFullYear() === e)
-        return l;
+  const o = n.split(".");
+  if (o.length === 3) {
+    const a = parseInt(o[0], 10), l = parseInt(o[1], 10) - 1, r = parseInt(o[2], 10);
+    if (!isNaN(a) && !isNaN(l) && !isNaN(r)) {
+      const t = new Date(r, l, a);
+      if (t.getDate() === a && t.getMonth() === l && t.getFullYear() === r)
+        return t;
     }
   }
   return null;
-}, Yt = (a, r) => new Date(r, a, 1).toLocaleDateString("ru-RU", { month: "long", year: "numeric" }), Kt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], le = P(
+}, Ut = (n, o) => new Date(o, n, 1).toLocaleDateString("ru-RU", { month: "long", year: "numeric" }), Qt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], ie = P(
   ({
-    className: a,
-    error: r,
-    label: o,
-    value: s,
-    onChange: e,
-    placeholder: l = "Дата обращения в Контакт-центр",
-    ...m
-  }, k) => {
-    const [y, n] = I(""), [N, C] = I(!1), [c, v] = I((/* @__PURE__ */ new Date()).getMonth()), [h, x] = I((/* @__PURE__ */ new Date()).getFullYear()), [u, S] = I(null), F = s !== void 0, w = F ? s : y, { ref: L } = q(N, () => {
-      C(!1);
-    }), B = A(() => zt(w), [w]);
+    className: n,
+    error: o,
+    label: a,
+    value: l,
+    onChange: r,
+    placeholder: t = "Дата обращения в Контакт-центр",
+    ...f
+  }, p) => {
+    const [N, s] = T(""), [D, w] = T(!1), [d, k] = T((/* @__PURE__ */ new Date()).getMonth()), [h, b] = T((/* @__PURE__ */ new Date()).getFullYear()), [x, M] = T(null), S = l !== void 0, C = S ? l : N, { ref: B } = z(D, () => {
+      w(!1);
+    }), V = $(() => Kt(C), [C]);
     ye(() => {
-      B && (S(B), v(B.getMonth()), x(B.getFullYear()));
-    }, [B]);
-    const T = A(() => {
-      const f = new Date(h, c, 1), V = new Date(h, c + 1, 0).getDate(), p = f.getDay(), D = [], W = new Date(h, c, 0).getDate();
-      for (let M = p - 1; M >= 0; M--)
-        D.push(W - M);
-      for (let M = 1; M <= V; M++)
-        D.push(M);
-      const H = 42 - D.length;
-      for (let M = 1; M <= H; M++)
-        D.push(M);
-      return D;
-    }, [c, h]), O = (f) => {
-      const d = f.target.value;
-      F || n(d), e == null || e(d);
-    }, Z = (f, d, V) => {
-      if (f === null)
+      V && (M(V), k(V.getMonth()), b(V.getFullYear()));
+    }, [V]);
+    const I = $(() => {
+      const g = new Date(h, d, 1), _ = new Date(h, d + 1, 0).getDate(), u = g.getDay(), L = [], W = new Date(h, d, 0).getDate();
+      for (let F = u - 1; F >= 0; F--)
+        L.push(W - F);
+      for (let F = 1; F <= _; F++)
+        L.push(F);
+      const H = 42 - L.length;
+      for (let F = 1; F <= H; F++)
+        L.push(F);
+      return L;
+    }, [d, h]), E = (g) => {
+      const i = g.target.value;
+      S || s(i), r == null || r(i);
+    }, j = (g, i, _) => {
+      if (g === null)
         return;
-      let p = c, D = h;
-      d ? (p = p - 1, p < 0 && (p = 11, D = D - 1)) : V && (p = p + 1, p > 11 && (p = 0, D = D + 1));
-      const W = new Date(D, p, f), H = qt(W);
-      S(W), v(p), x(D), F || n(H), e == null || e(H), C(!1);
-    }, $ = () => {
-      c === 0 ? (v(11), x(h - 1)) : v(c - 1);
-    }, g = () => {
-      c === 11 ? (v(0), x(h + 1)) : v(c + 1);
-    }, _ = (f, d, V) => {
-      if (!u || f === null)
+      let u = d, L = h;
+      i ? (u = u - 1, u < 0 && (u = 11, L = L - 1)) : _ && (u = u + 1, u > 11 && (u = 0, L = L + 1));
+      const W = new Date(L, u, g), H = Yt(W);
+      M(W), k(u), b(L), S || s(H), r == null || r(H), w(!1);
+    }, O = () => {
+      d === 0 ? (k(11), b(h - 1)) : k(d - 1);
+    }, m = () => {
+      d === 11 ? (k(0), b(h + 1)) : k(d + 1);
+    }, v = (g, i, _) => {
+      if (!x || g === null)
         return !1;
-      let p = c, D = h;
-      return d ? (p = p - 1, p < 0 && (p = 11, D = D - 1)) : V && (p = p + 1, p > 11 && (p = 0, D = D + 1)), u.getDate() === f && u.getMonth() === p && u.getFullYear() === D;
+      let u = d, L = h;
+      return i ? (u = u - 1, u < 0 && (u = 11, L = L - 1)) : _ && (u = u + 1, u > 11 && (u = 0, L = L + 1)), x.getDate() === g && x.getMonth() === u && x.getFullYear() === L;
     };
-    return /* @__PURE__ */ i("div", { className: "w-full", children: [
-      o && /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-blackBG mb-2", children: o }),
-      /* @__PURE__ */ i("div", { className: "relative", children: [
-        /* @__PURE__ */ i(
+    return /* @__PURE__ */ c("div", { className: "w-full", children: [
+      a && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-blackBG mb-2", children: a }),
+      /* @__PURE__ */ c("div", { className: "relative", children: [
+        /* @__PURE__ */ c(
           "div",
           {
-            className: b(
+            className: y(
               "relative flex items-center h-14 w-full rounded-2xl border-[1px] border-grayBlue bg-white",
               "transition-all duration-300 ease-in-out",
               "hover:border-greenLight hover:shadow-[0_0_0_4px_rgba(22,163,74,0.1)]",
               "focus-within:border-greenLight focus-within:shadow-[0_0_0_4px_rgba(22,163,74,0.15)]",
-              r && "border-red-500 hover:border-red-500 focus-within:border-red-500 focus-within:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
-              a
+              o && "border-red-500 hover:border-red-500 focus-within:border-red-500 focus-within:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
+              n
             ),
             children: [
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  onClick: () => C(!N),
+                  onClick: () => w(!D),
                   className: "absolute left-4 flex items-center justify-center cursor-pointer",
                   tabIndex: -1,
-                  children: /* @__PURE__ */ t(Xt, {})
+                  children: /* @__PURE__ */ e(qt, {})
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ e(
                 "input",
                 {
                   type: "text",
                   inputMode: "none",
-                  className: b(
+                  className: y(
                     "flex h-full w-full rounded-2xl px-[16px] pl-[48px] py-[16px] text-base",
                     "placeholder:text-gray2 placeholder:opacity-60",
                     "bg-transparent border-none outline-none",
                     "disabled:cursor-not-allowed disabled:opacity-50"
                   ),
-                  ref: k,
-                  value: w,
-                  onChange: O,
-                  placeholder: l,
-                  onClick: () => C(!0),
+                  ref: p,
+                  value: C,
+                  onChange: E,
+                  placeholder: t,
+                  onClick: () => w(!0),
                   readOnly: !0,
-                  ...m
+                  ...f
                 }
               )
             ]
           }
         ),
-        N && /* @__PURE__ */ i(
+        D && /* @__PURE__ */ c(
           "div",
           {
-            ref: L,
+            ref: B,
             className: "absolute top-[calc(100%+8px)] left-0 z-50 bg-white rounded-2xl border border-grayBlue shadow-lg p-4 min-w-[320px]",
             children: [
-              /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-4", children: [
-                /* @__PURE__ */ t(
+              /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-4", children: [
+                /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: $,
+                    onClick: O,
                     className: "p-2 hover:bg-grayBlue rounded-lg transition-colors",
-                    children: /* @__PURE__ */ t(
+                    children: /* @__PURE__ */ e(
                       "svg",
                       {
                         width: "16",
@@ -446,7 +447,7 @@ const Xt = () => /* @__PURE__ */ t(
                         viewBox: "0 0 16 16",
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
-                        children: /* @__PURE__ */ t(
+                        children: /* @__PURE__ */ e(
                           "path",
                           {
                             d: "M10 12L6 8L10 4",
@@ -460,14 +461,14 @@ const Xt = () => /* @__PURE__ */ t(
                     )
                   }
                 ),
-                /* @__PURE__ */ t("h3", { className: "text-base font-semibold text-blackBG", children: Yt(c, h) }),
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-blackBG", children: Ut(d, h) }),
+                /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: g,
+                    onClick: m,
                     className: "p-2 hover:bg-grayBlue rounded-lg transition-colors",
-                    children: /* @__PURE__ */ t(
+                    children: /* @__PURE__ */ e(
                       "svg",
                       {
                         width: "16",
@@ -475,7 +476,7 @@ const Xt = () => /* @__PURE__ */ t(
                         viewBox: "0 0 16 16",
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
-                        children: /* @__PURE__ */ t(
+                        children: /* @__PURE__ */ e(
                           "path",
                           {
                             d: "M6 4L10 8L6 12",
@@ -490,90 +491,90 @@ const Xt = () => /* @__PURE__ */ t(
                   }
                 )
               ] }),
-              /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1 mb-2", children: Kt.map((f) => /* @__PURE__ */ t(
+              /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: Qt.map((g) => /* @__PURE__ */ e(
                 "div",
                 {
                   className: "text-center text-xs font-medium text-grayBlue5 py-2",
-                  children: f
+                  children: g
                 },
-                f
+                g
               )) }),
-              /* @__PURE__ */ t("div", { className: "grid grid-cols-7 gap-1", children: T.map((f, d) => {
-                const p = new Date(h, c, 1).getDay(), D = new Date(
+              /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: I.map((g, i) => {
+                const u = new Date(h, d, 1).getDay(), L = new Date(
                   h,
-                  c + 1,
+                  d + 1,
                   0
-                ).getDate(), W = d < p, H = d >= p + D, M = !W && !H, he = _(
-                  f,
+                ).getDate(), W = i < u, H = i >= u + L, F = !W && !H, he = v(
+                  g,
                   W,
                   H
                 );
-                return /* @__PURE__ */ t(
+                return /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: () => Z(f, W, H),
-                    disabled: f === null,
-                    className: b(
+                    onClick: () => j(g, W, H),
+                    disabled: g === 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",
+                      F ? "text-blackBG" : "text-grayBlue5 opacity-50",
                       he && "bg-[#16A34A] text-white hover:bg-[#16A34A] focus:bg-[#16A34A]"
                     ),
-                    children: f
+                    children: g
                   },
-                  d
+                  i
                 );
               }) })
             ]
           }
         )
       ] }),
-      r && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: r })
+      o && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: o })
     ] });
   }
 );
-le.displayName = "DateInput";
-const ie = P(
+ie.displayName = "DateInput";
+const ce = P(
   ({
-    className: a,
-    isFormatted: r,
-    isReadable: o,
-    error: s,
-    label: e,
-    onChange: l,
-    value: m,
-    defaultValue: k,
-    ...y
-  }, n) => {
-    const N = we(null);
-    te(n, () => N.current);
-    const C = !!o || !!r, c = ke(
-      (x) => {
-        if (x == null || x === "")
+    className: n,
+    isFormatted: o,
+    isReadable: a,
+    error: l,
+    label: r,
+    onChange: t,
+    value: f,
+    defaultValue: p,
+    ...N
+  }, s) => {
+    const D = we(null);
+    te(s, () => D.current);
+    const w = !!a || !!o, d = ke(
+      (b) => {
+        if (b == null || b === "")
           return "";
-        const u = Array.isArray(x) ? x.join("").replace(/\D/g, "") : x.toString().replace(/\D/g, "");
-        return C ? u.replace(/\B(?=(\d{3})+(?!\d))/g, " ") : u;
+        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;
       },
-      [C]
+      [w]
     ), h = {
-      ...y,
+      ...N,
       type: "text",
       inputMode: "numeric",
-      onChange: (x) => {
-        const u = x.target, S = u.value, F = S.replace(/\D/g, ""), w = u.selectionStart || 0, L = S.slice(0, w).replace(/\D/g, "").length, B = c(F);
-        if (u.value = B, l) {
-          const T = u.value;
-          u.value = F, l(x), u.value = T;
+      onChange: (b) => {
+        const x = b.target, M = x.value, S = M.replace(/\D/g, ""), C = x.selectionStart || 0, B = M.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;
         }
-        if (C) {
-          let T = 0, O = 0;
-          for (; O < L && T < u.value.length; )
-            /\d/.test(u.value[T]) && O++, T++;
-          u.setSelectionRange(T, T);
+        if (w) {
+          let I = 0, E = 0;
+          for (; E < B && I < x.value.length; )
+            /\d/.test(x.value[I]) && E++, I++;
+          x.setSelectionRange(I, I);
         }
       },
-      className: b(
+      className: y(
         "flex h-14 w-full rounded-2xl border-[1px] border-grayBlue bg-white px-[16px] py-[16px] text-base text-blackBG",
         "placeholder:text-gray2 placeholder:opacity-60",
         "transition-all duration-300 ease-in-out",
@@ -581,153 +582,153 @@ const ie = P(
         "focus:border-greenLight focus:outline-none focus:ring-0 focus:shadow-[0_0_0_4px_rgba(22,163,74,0.15)]",
         "disabled:cursor-not-allowed disabled:bg-lightGray disabled:opacity-50",
         "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
-        s && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
-        a
+        l && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
+        n
       )
     };
-    return m !== void 0 ? h.value = c(m) : k !== void 0 && (h.defaultValue = c(k)), /* @__PURE__ */ i("div", { className: "w-full", children: [
-      e && /* @__PURE__ */ t("label", { className: "mb-2 block text-sm font-medium text-blackBG", children: e }),
-      /* @__PURE__ */ t("div", { className: "group relative", children: /* @__PURE__ */ t(
+    return f !== void 0 ? h.value = d(f) : p !== void 0 && (h.defaultValue = d(p)), /* @__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: N
+          ref: D
         }
       ) }),
-      s && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: s })
+      l && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: l })
     ] });
   }
 );
-ie.displayName = "NumberField";
-const Qt = {
+ce.displayName = "NumberField";
+const Jt = {
   96: { name: "Кыргызстан", short: "KG", mask: "+996", length: 9 }
-}, Ut = (a) => {
-  const r = a.toUpperCase().split("").map((o) => 127397 + o.charCodeAt(0));
-  return String.fromCodePoint(...r);
-}, K = () => Object.entries(Qt).map(([a, r]) => ({
-  id: a,
-  name: r.name,
-  short: r.short,
-  mask: r.mask,
-  dialCode: r.mask.replace("+", ""),
-  length: r.length,
-  flag: Ut(r.short)
-})), E = (a) => K().find((o) => o.id === a), J = (a, r) => {
-  const o = r.dialCode, s = r.length;
-  let e = a;
-  a.startsWith(o) && (e = a.slice(o.length));
-  const l = e.slice(0, s);
-  if (l.length === 0)
-    return r.mask;
-  let m = l;
-  return l.length > 6 ? m = `${l.slice(0, 3)} ${l.slice(3, 6)} ${l.slice(6)}` : l.length > 3 && (m = `${l.slice(0, 3)} ${l.slice(3)}`), `${r.mask} ${m}`;
-}, Jt = (a, r) => {
-  if (!a)
+}, er = (n) => {
+  const o = n.toUpperCase().split("").map((a) => 127397 + a.charCodeAt(0));
+  return String.fromCodePoint(...o);
+}, K = () => Object.entries(Jt).map(([n, o]) => ({
+  id: n,
+  name: o.name,
+  short: o.short,
+  mask: o.mask,
+  dialCode: o.mask.replace("+", ""),
+  length: o.length,
+  flag: er(o.short)
+})), Z = (n) => K().find((a) => a.id === n), J = (n, o) => {
+  const a = o.dialCode, l = o.length;
+  let r = n;
+  n.startsWith(a) && (r = n.slice(a.length));
+  const t = r.slice(0, l);
+  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}`;
+}, tr = (n, o) => {
+  if (!n)
     return null;
-  const o = a.replace(/\D/g, ""), s = K();
-  if (a.startsWith("+")) {
-    for (const e of s)
-      if (a.startsWith(e.mask))
-        return e;
+  const a = n.replace(/\D/g, ""), l = K();
+  if (n.startsWith("+")) {
+    for (const r of l)
+      if (n.startsWith(r.mask))
+        return r;
   }
-  for (const e of s)
-    if (o.startsWith(e.dialCode))
-      return e;
-  return o.startsWith("0") && E("96") || null;
-}, ce = P(
+  for (const r of l)
+    if (a.startsWith(r.dialCode))
+      return r;
+  return a.startsWith("0") && Z("96") || null;
+}, de = P(
   ({
-    className: a,
-    error: r,
-    label: o,
-    value: s,
-    onChange: e,
-    defaultCountry: l = "996",
-    ...m
-  }, k) => {
-    const [y, n] = I(""), [N, C] = I(l), [c, v] = I(!1), [h, x] = I(""), u = s !== void 0, S = u ? s : y, { ref: F } = q(c, () => {
-      v(!1), x("");
-    }), w = A(() => K(), []), L = E(N) || w[0], B = A(() => {
+    className: n,
+    error: o,
+    label: a,
+    value: l,
+    onChange: r,
+    defaultCountry: t = "996",
+    ...f
+  }, p) => {
+    const [N, s] = T(""), [D, w] = T(t), [d, k] = T(!1), [h, b] = T(""), x = l !== void 0, M = x ? l : N, { ref: S } = z(d, () => {
+      k(!1), b("");
+    }), C = $(() => K(), []), B = Z(D) || C[0], V = $(() => {
       if (!h)
-        return w;
-      const g = h.toLowerCase();
-      return w.filter(
-        (_) => _.name.toLowerCase().includes(g) || _.mask.toLowerCase().includes(g) || _.short.toLowerCase().includes(g)
+        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)
       );
-    }, [w, h]), O = ((g) => {
-      if (!g)
+    }, [C, h]), E = ((m) => {
+      if (!m)
         return "";
-      const _ = g.replace(/\D/g, "");
-      let f = _;
-      (_.startsWith(L.dialCode) || g.startsWith(L.mask)) && (f = _.slice(L.dialCode.length));
-      const d = f.slice(0, L.length);
-      return d.length === 0 ? "" : d.length <= 3 ? d : d.length <= 6 ? `${d.slice(0, 3)} ${d.slice(3)}` : `${d.slice(0, 3)} ${d.slice(3, 6)} ${d.slice(6)}`;
-    })(S), Z = (g) => {
-      C(g), v(!1), x("");
-      const _ = S.replace(/\D/g, ""), f = E(g);
-      if (!f)
+      const v = m.replace(/\D/g, "");
+      let g = v;
+      (v.startsWith(B.dialCode) || m.startsWith(B.mask)) && (g = v.slice(B.dialCode.length));
+      const i = g.slice(0, B.length);
+      return i.length === 0 ? "" : i.length <= 3 ? i : i.length <= 6 ? `${i.slice(0, 3)} ${i.slice(3)}` : `${i.slice(0, 3)} ${i.slice(3, 6)} ${i.slice(6)}`;
+    })(M), j = (m) => {
+      w(m), k(!1), b("");
+      const v = M.replace(/\D/g, ""), g = Z(m);
+      if (!g)
         return;
-      let d = _;
-      _.startsWith(L.dialCode) && (d = _.slice(L.dialCode.length));
-      const V = J(d, f);
-      u || n(V), e == null || e(V);
-    }, $ = (g) => {
-      const _ = g.target.value, f = _.replace(/\D/g, ""), d = Jt(
-        _
+      let i = v;
+      v.startsWith(B.dialCode) && (i = v.slice(B.dialCode.length));
+      const _ = J(i, g);
+      x || s(_), r == null || r(_);
+    }, O = (m) => {
+      const v = m.target.value, g = v.replace(/\D/g, ""), i = tr(
+        v
       );
-      d && d.id !== N && C(d.id);
-      const V = d || E(N) || L, p = J(f, V);
-      u || n(p), e == null || e(p);
+      i && i.id !== D && w(i.id);
+      const _ = i || Z(D) || B, u = J(g, _);
+      x || s(u), r == null || r(u);
     };
-    return /* @__PURE__ */ i("div", { className: "w-full", children: [
-      o && /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-blackBG mb-2", children: o }),
-      /* @__PURE__ */ i(
+    return /* @__PURE__ */ c("div", { className: "w-full", children: [
+      a && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-blackBG mb-2", children: a }),
+      /* @__PURE__ */ c(
         "div",
         {
-          className: b(
+          className: y(
             "relative flex gap-2 h-14 flex-1 rounded-2xl border-[1px] border-grayBlue bg-white text-base",
             "placeholder:text-gray2 placeholder:opacity-60",
             "transition-all duration-300 ease-in-out",
             "hover:border-greenLight hover:shadow-[0_0_0_4px_rgba(22,163,74,0.1)]",
             "focus:border-greenLight focus:outline-none focus:shadow-[0_0_0_4px_rgba(22,163,74,0.15)] focus:ring-0",
             "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-lightGray",
-            r && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
-            a
+            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
           ),
           children: [
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ c(
               "div",
               {
-                ref: F,
+                ref: S,
                 className: "relative",
                 children: [
-                  /* @__PURE__ */ i(
+                  /* @__PURE__ */ c(
                     "button",
                     {
                       type: "button",
-                      onClick: () => v(!c),
-                      className: b(
+                      onClick: () => k(!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",
-                        r && "border-red-500 hover:border-red-500 focus:border-red-500",
-                        c && "border-greenLight"
+                        o && "border-red-500 hover:border-red-500 focus:border-red-500",
+                        d && "border-greenLight"
                       ),
                       children: [
-                        /* @__PURE__ */ i("span", { className: "text-base font-medium whitespace-nowrap", children: [
-                          L.flag,
+                        /* @__PURE__ */ c("span", { className: "text-base font-medium whitespace-nowrap", children: [
+                          B.flag,
                           " ",
-                          L.mask
+                          B.mask
                         ] }),
-                        /* @__PURE__ */ t(
+                        /* @__PURE__ */ e(
                           "svg",
                           {
-                            className: b(
+                            className: y(
                               "w-4 h-4 ml-1 text-grayBlue5 transition-transform duration-200 shrink-0",
-                              c && "rotate-180"
+                              d && "rotate-180"
                             ),
                             fill: "none",
                             stroke: "currentColor",
                             viewBox: "0 0 24 24",
-                            children: /* @__PURE__ */ t(
+                            children: /* @__PURE__ */ e(
                               "path",
                               {
                                 strokeLinecap: "round",
@@ -741,135 +742,135 @@ const Qt = {
                       ]
                     }
                   ),
-                  c && /* @__PURE__ */ i("div", { className: "absolute top-[calc(100%+4px)] left-0 z-50 bg-white rounded-2xl border border-grayBlue shadow-lg max-h-[400px] overflow-hidden flex flex-col min-w-[280px]", children: [
-                    /* @__PURE__ */ t("div", { className: "p-3 border-b border-grayBlue", children: /* @__PURE__ */ t(
+                  d && /* @__PURE__ */ c("div", { className: "absolute top-[calc(100%+4px)] left-0 z-50 bg-white rounded-2xl border border-grayBlue shadow-lg max-h-[400px] overflow-hidden flex flex-col min-w-[280px]", children: [
+                    /* @__PURE__ */ e("div", { className: "p-3 border-b border-grayBlue", children: /* @__PURE__ */ e(
                       "input",
                       {
                         type: "text",
                         value: h,
-                        onChange: (g) => x(g.target.value),
+                        onChange: (m) => b(m.target.value),
                         placeholder: "Поиск страны...",
-                        className: b(
+                        className: y(
                           "w-full px-3 py-2 rounded-xl border-[1px] border-grayBlue text-sm",
                           "focus:outline-none focus:border-greenLight"
                         ),
-                        onClick: (g) => g.stopPropagation()
+                        onClick: (m) => m.stopPropagation()
                       }
                     ) }),
-                    /* @__PURE__ */ t("div", { className: "overflow-y-auto max-h-[340px]", children: B.length > 0 ? B.map((g) => /* @__PURE__ */ t(
+                    /* @__PURE__ */ e("div", { className: "overflow-y-auto max-h-[340px]", children: V.length > 0 ? V.map((m) => /* @__PURE__ */ e(
                       "button",
                       {
                         type: "button",
-                        onClick: () => Z(g.id),
-                        className: b(
+                        onClick: () => j(m.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",
-                          N === g.id && "bg-[#E8F4FD]",
+                          D === m.id && "bg-[#E8F4FD]",
                           "first:rounded-t-2xl"
                         ),
-                        children: /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
-                          /* @__PURE__ */ t("span", { className: "text-lg", children: g.flag }),
-                          /* @__PURE__ */ t("span", { className: "font-medium", children: g.mask }),
-                          /* @__PURE__ */ t("span", { className: "text-sm text-grayBlue5", children: g.name })
+                        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 })
                         ] })
                       },
-                      g.id
-                    )) : /* @__PURE__ */ t("div", { className: "px-4 py-3 text-center text-grayBlue5", children: "Страны не найдены" }) })
+                      m.id
+                    )) : /* @__PURE__ */ e("div", { className: "px-4 py-3 text-center text-grayBlue5", children: "Страны не найдены" }) })
                   ] })
                 ]
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ e(
               "input",
               {
                 type: "tel",
                 inputMode: "tel",
-                className: b(
+                className: y(
                   "flex h-full flex-1 rounded-2xl px-[16px] py-[16px] text-base",
                   "placeholder:text-gray2 placeholder:opacity-60",
                   "transition-all duration-300 ease-in-out",
                   "hover:border-none hover:shadow-none",
                   "focus:border-none focus:outline-none focus:shadow-none focus:ring-0",
                   "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-lightGray",
-                  r && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
-                  a
+                  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: k,
-                value: O,
-                onChange: $,
+                ref: p,
+                value: E,
+                onChange: O,
                 placeholder: "XXX XXX XXX",
-                ...m
+                ...f
               }
             )
           ]
         }
       ),
-      r && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: r })
+      o && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: o })
     ] });
   }
 );
-ce.displayName = "PhoneInput";
-const de = P(
+de.displayName = "PhoneInput";
+const pe = P(
   ({
-    label: a,
-    options: r = [],
-    value: o = [],
-    name: s,
-    onChange: e,
-    error: l,
-    className: m,
-    direction: k = "column"
-  }, y) => /* @__PURE__ */ i(
+    label: n,
+    options: o = [],
+    value: a = [],
+    name: l,
+    onChange: r,
+    error: t,
+    className: f,
+    direction: p = "column"
+  }, N) => /* @__PURE__ */ c(
     "div",
     {
-      ref: y,
-      className: b("flex flex-col gap-2", m),
+      ref: N,
+      className: y("flex flex-col gap-2", f),
       children: [
-        a && /* @__PURE__ */ t("label", { className: "text-sm font-medium text-blackBG mb-1", children: a }),
-        /* @__PURE__ */ t(
+        n && /* @__PURE__ */ e("label", { className: "text-sm font-medium text-blackBG mb-1", children: n }),
+        /* @__PURE__ */ e(
           "div",
           {
-            className: b(
+            className: y(
               "flex gap-4",
-              k === "column" ? "flex-col" : "flex-row flex-wrap"
+              p === "column" ? "flex-col" : "flex-row flex-wrap"
             ),
-            children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ t(
-              pe,
+            children: o == null ? void 0 : o.map((s) => /* @__PURE__ */ e(
+              me,
               {
-                name: s,
-                label: n == null ? void 0 : n.label,
-                value: n == null ? void 0 : n.value,
-                checked: o === (n == null ? void 0 : n.value),
-                onChange: () => e == null ? void 0 : e(n == null ? void 0 : n.value),
-                error: l && !o ? l : void 0
+                name: l,
+                label: s == null ? void 0 : s.label,
+                value: s == null ? void 0 : s.value,
+                checked: a === (s == null ? void 0 : s.value),
+                onChange: () => r == null ? void 0 : r(s == null ? void 0 : s.value),
+                error: t && !a ? t : void 0
               },
-              n == null ? void 0 : n.value
+              s == null ? void 0 : s.value
             ))
           }
         ),
-        l && /* @__PURE__ */ t("p", { className: "mt-1 text-sm text-red-500", children: l })
+        t && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-red-500", children: t })
       ]
     }
   )
 );
-de.displayName = "RadioGroup";
-const pe = P(
-  ({ className: a, label: r, error: o, ...s }, e) => /* @__PURE__ */ i("div", { className: "w-full", children: [
-    /* @__PURE__ */ i("label", { className: "flex items-start gap-3 cursor-pointer group", children: [
-      /* @__PURE__ */ i("div", { className: "relative flex items-center justify-center mt-0.5", children: [
-        /* @__PURE__ */ t(
+pe.displayName = "RadioGroup";
+const me = P(
+  ({ className: n, label: o, error: a, ...l }, r) => /* @__PURE__ */ c("div", { className: "w-full", children: [
+    /* @__PURE__ */ c("label", { className: "flex items-start gap-3 cursor-pointer group", children: [
+      /* @__PURE__ */ c("div", { className: "relative flex items-center justify-center mt-0.5", children: [
+        /* @__PURE__ */ e(
           "input",
           {
             type: "radio",
             className: "peer sr-only",
-            ref: e,
-            ...s
+            ref: r,
+            ...l
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "div",
           {
-            className: b(
+            className: y(
               "relative flex items-center justify-center w-5 h-5 rounded-full border-2 transition-all duration-200",
               "border-grayBlue5 bg-white",
               "peer-checked:bg-white peer-checked:border-greenLight",
@@ -880,103 +881,103 @@ const pe = P(
               "after:w-2.5 after:h-2.5 after:rounded-full after:bg-greenLight",
               "after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2",
               "peer-checked:after:opacity-100",
-              o && "border-red-500",
-              a
+              a && "border-red-500",
+              n
             )
           }
         )
       ] }),
-      r && /* @__PURE__ */ t(
+      o && /* @__PURE__ */ e(
         "span",
         {
-          className: b(
+          className: y(
             "text-sm leading-5 text-graySoft select-none",
             "group-hover:text-blackBG transition-colors duration-200",
-            o && "text-red-500"
+            a && "text-red-500"
           ),
-          children: r
+          children: o
         }
       )
     ] }),
-    o && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: o })
+    a && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: a })
   ] })
 );
-pe.displayName = "Radio";
-const me = P(
+me.displayName = "Radio";
+const ue = P(
   ({
-    className: a,
-    error: r,
-    label: o,
-    options: s = [],
-    placeholder: e = "Выберите категорию",
-    value: l,
-    onChange: m,
-    onBlur: k,
-    name: y,
-    disabled: n,
-    ...N
-  }, C) => {
+    className: n,
+    error: o,
+    label: a,
+    options: l = [],
+    placeholder: r = "Выберите категорию",
+    value: t,
+    onChange: f,
+    onBlur: p,
+    name: N,
+    disabled: s,
+    ...D
+  }, w) => {
     const {
-      ref: c,
-      isShow: v,
+      ref: d,
+      isShow: k,
       setIsShow: h
-    } = q(!1);
-    te(C, () => c.current);
-    const x = s.find((w) => w.value === l), u = () => {
-      n || h(!v);
-    }, S = (w) => {
-      m && m({
+    } = z(!1);
+    te(w, () => d.current);
+    const b = l.find((C) => C.value === t), x = () => {
+      s || h(!k);
+    }, M = (C) => {
+      f && f({
         target: {
-          name: y,
-          value: w.value
+          name: N,
+          value: C.value
         }
       }), h(!1);
-    }, F = (w) => {
-      k && k({
+    }, S = (C) => {
+      p && p({
         target: {
-          name: y,
-          value: l
+          name: N,
+          value: t
         }
       });
     };
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ c(
       "div",
       {
-        className: b("w-full", a),
-        ref: c,
-        onBlur: F,
-        ...N,
+        className: y("w-full", n),
+        ref: d,
+        onBlur: S,
+        ...D,
         children: [
-          o && /* @__PURE__ */ t("label", { className: "mb-2 block text-sm font-medium text-blackBG", children: o }),
-          /* @__PURE__ */ i("div", { className: "relative", children: [
-            /* @__PURE__ */ i(
+          a && /* @__PURE__ */ e("label", { className: "mb-2 block text-sm font-medium text-blackBG", children: a }),
+          /* @__PURE__ */ c("div", { className: "relative", children: [
+            /* @__PURE__ */ c(
               "button",
               {
                 type: "button",
-                onClick: u,
-                disabled: n,
-                className: b(
+                onClick: x,
+                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)]",
-                  v && "border-greenLight shadow-[0_0_0_4px_rgba(22,163,74,0.15)] ring-0 outline-none",
-                  n && "cursor-not-allowed bg-lightGray opacity-50",
-                  r && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
-                  !x && "text-gray2 opacity-60"
+                  k && "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"
                 ),
                 children: [
-                  /* @__PURE__ */ t("span", { className: "truncate", children: x ? x.label : e }),
-                  /* @__PURE__ */ t(
+                  /* @__PURE__ */ e("span", { className: "truncate", children: b ? b.label : r }),
+                  /* @__PURE__ */ e(
                     "svg",
                     {
-                      className: b(
+                      className: y(
                         "ml-2 h-5 w-5 text-gray2 transition-transform duration-300",
-                        v && "rotate-180"
+                        k && "rotate-180"
                       ),
                       fill: "none",
                       stroke: "currentColor",
                       viewBox: "0 0 24 24",
-                      children: /* @__PURE__ */ t(
+                      children: /* @__PURE__ */ e(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -990,43 +991,43 @@ const me = P(
                 ]
               }
             ),
-            v && /* @__PURE__ */ t(
+            k && /* @__PURE__ */ e(
               "div",
               {
-                className: b(
+                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__ */ t("div", { className: "max-h-[280px] overflow-y-auto py-2", children: s.length > 0 ? s.map((w) => /* @__PURE__ */ t(
+                children: /* @__PURE__ */ e("div", { className: "max-h-[280px] overflow-y-auto py-2", children: l.length > 0 ? l.map((C) => /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: () => S(w),
-                    className: b(
+                    onClick: () => M(C),
+                    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",
-                      w.value === l && "bg-green-50 font-medium text-greenLight",
+                      C.value === t && "bg-green-50 font-medium text-greenLight",
                       // Мобильные отступы чуть больше для удобства тапа
                       "max-tablet:py-4"
                     ),
-                    children: w.label
+                    children: C.label
                   },
-                  w.value
-                )) : /* @__PURE__ */ t("div", { className: "px-5 py-3 text-sm text-gray2", children: "Нет данных" }) })
+                  C.value
+                )) : /* @__PURE__ */ e("div", { className: "px-5 py-3 text-sm text-gray2", children: "Нет данных" }) })
               }
             )
           ] }),
-          r && /* @__PURE__ */ t("p", { className: "mt-2 text-sm text-red-500", children: r })
+          o && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: o })
         ]
       }
     );
   }
 );
-me.displayName = "Select";
-const er = {
-  TitleBlock: oe,
-  WarningCard: z
-}, tr = [
+ue.displayName = "Select";
+const rr = {
+  TitleBlock: ae,
+  WarningCard: q
+}, or = [
   {
     label: "TitleBlock",
     value: "TitleBlock"
@@ -1035,118 +1036,128 @@ const er = {
     label: "WarningCard",
     value: "WarningCard"
   }
-], rr = {
-  text: se,
-  number: ie,
-  phone: ce,
-  select: me,
-  date: le,
-  radio: de,
-  checkbox: ne,
-  file: Ue
-}, or = (a, {
-  register: r,
-  errors: o,
-  control: s
-}) => a.map((e, l) => {
-  var k;
-  if ((e == null ? void 0 : e.componentType) === "component") {
-    const y = er[e == null ? void 0 : e.key];
-    if (y)
-      return /* @__PURE__ */ t(
-        y,
+], ar = {
+  text: le,
+  number: ce,
+  phone: de,
+  select: ue,
+  date: ie,
+  radio: pe,
+  checkbox: se,
+  file: Qe
+}, nr = (n, {
+  register: o,
+  errors: a,
+  control: l
+}) => {
+  const { t: r } = oe();
+  return n.map((t, f) => {
+    var N, s, D;
+    if ((t == null ? void 0 : t.componentType) === "component") {
+      const w = rr[t == null ? void 0 : t.key];
+      if (w)
+        return /* @__PURE__ */ e(
+          w,
+          {
+            ...t == null ? void 0 : t.props
+          },
+          f
+        );
+    }
+    const p = ar[t == null ? void 0 : t.type];
+    if (p) {
+      const w = ["select", "radio", "checkbox", "file"].includes(
+        t.type
+      ), d = t != null && t.name ? (N = a[t == null ? void 0 : t.name]) == null ? void 0 : N.message : void 0, k = d ? r(d, d) : void 0, h = {
+        ...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
+      };
+      return w && l && (t != null && t.name) ? /* @__PURE__ */ e(
+        Ye,
+        {
+          name: t.name,
+          control: l,
+          rules: { validate: t.validate },
+          render: ({ field: { onChange: b, value: x, name: M, ref: S } }) => /* @__PURE__ */ e(
+            p,
+            {
+              ...h,
+              onChange: b,
+              value: x,
+              name: M,
+              ref: S,
+              error: k
+            }
+          )
+        },
+        f
+      ) : t.name ? /* @__PURE__ */ e(
+        p,
+        {
+          ...h,
+          ...o(t == null ? void 0 : t.name, {
+            validate: t == null ? void 0 : t.validate
+          }),
+          error: k
+        },
+        f
+      ) : /* @__PURE__ */ e(
+        p,
         {
-          ...e == null ? void 0 : e.props
+          ...h,
+          error: k
         },
-        l
+        f
       );
-  }
-  const m = rr[e == null ? void 0 : e.type];
-  if (m) {
-    const y = ["select", "radio", "checkbox", "file"].includes(
-      e.type
-    ), n = e != null && e.name ? (k = o[e == null ? void 0 : e.name]) == null ? void 0 : k.message : void 0;
-    return y && s && (e != null && e.name) ? /* @__PURE__ */ t(
-      Ye,
-      {
-        name: e.name,
-        control: s,
-        rules: { validate: e.validate },
-        render: ({ field: { onChange: N, value: C, name: c, ref: v } }) => /* @__PURE__ */ t(
-          m,
-          {
-            ...e.field_props,
-            onChange: N,
-            value: C,
-            name: c,
-            ref: v,
-            error: n
-          }
-        )
-      },
-      l
-    ) : e.name ? /* @__PURE__ */ t(
-      m,
-      {
-        ...e == null ? void 0 : e.field_props,
-        ...r(e == null ? void 0 : e.name, {
-          validate: e == null ? void 0 : e.validate
-        }),
-        error: n
-      },
-      l
-    ) : /* @__PURE__ */ t(
-      m,
-      {
-        ...e == null ? void 0 : e.field_props,
-        error: n
-      },
-      l
-    );
-  }
-  return null;
-}), Q = ({
-  label: a,
-  type: r,
-  options: o
+    }
+    return null;
+  });
+}, U = ({
+  label: n,
+  type: o,
+  options: a
 }) => ({
   dataType: X.select,
-  label: a,
-  type: r,
-  options: o
-}), ga = {
+  label: n,
+  type: o,
+  options: a
+}), ka = {
   title: "Оставьте заявку, чтобы подключить MKassa",
   subtitle: "с Вами свяжется наш специалист и поможет с подключением сервиса"
-}, ba = {
+}, Ca = {
   title: "Форма заявки",
   description: "Форма заявки ",
-  types: [ee.form],
-  propsToEdit: ue
-}, ar = {
+  types: [ee.form]
+  // propsToEdit: propsToEdit,
+}, sr = {
   title: "Оставьте заявку, чтобы подключить MKassa",
   description: "с Вами свяжется наш специалист и поможет с подключением сервиса",
   color: "#45464b"
-}, nr = Q({
+}, lr = U({
   label: "Тип поля",
   type: "componentType",
-  options: Et
-}), sr = Q({
+  options: Zt
+}), ir = U({
   label: "Компонент",
   type: "componentType",
-  options: tr
-}), lr = Q({
+  options: or
+}), cr = U({
   label: "Тип поля",
   type: "fieldType",
-  options: At
-}), ir = {
+  options: $t
+}), dr = Gt({
+  label: "Имя поля",
+  type: "name"
+}), pr = {
   type: "fields",
   dataType: "array",
   label: "Поля для формы",
   data: {
-    componentType: nr,
-    type: lr,
-    key: sr,
-    name: G.STRING,
+    componentType: lr,
+    type: cr,
+    key: ir,
+    name: dr,
     props: {
       label: "Свойства компонента",
       dataType: X.object,
@@ -1156,36 +1167,43 @@ const er = {
           description: G.DESCRIPTION,
           html_content: G.HTML_CONTENT
         }
-      },
-      field_props: {
-        label: "Свойства поля",
-        dataType: X.object,
-        data: {
-          keys: {
-            label: G.TITLE,
-            placeholder: G.DESCRIPTION,
-            is_required: G.BOOLEAN
-          }
+      }
+    },
+    field_props: {
+      label: "Свойства поля",
+      dataType: X.object,
+      data: {
+        keys: {
+          label: G.TITLE,
+          placeholder: G.DESCRIPTION,
+          is_required: G.BOOLEAN
         }
       }
     }
   }
-}, ue = ["title", "subtitle", "color", ir], fe = ({
-  title: a,
-  subtitle: r,
-  color: o,
-  gridCols: s = 1,
-  gridRow: e = 2,
-  fields: l = []
+}, mr = [
+  "title",
+  "subtitle",
+  "color",
+  pr,
+  At
+], fe = ({
+  title: n,
+  subtitle: o,
+  color: a,
+  gridCols: l = 1,
+  gridRow: r = 2,
+  fields: t = [],
+  requestForm: f
 }) => {
-  var L;
-  const [m, k] = I(!1), [y, n] = I(!1), N = Qe(960), {
-    register: C,
-    handleSubmit: c,
-    watch: v,
-    reset: h,
-    control: x,
-    formState: { errors: u }
+  var j;
+  const { t: p } = oe(), [N, s] = T(!1), [D, w] = T(!1), [d, k] = T(null), h = Ue(960), {
+    register: b,
+    handleSubmit: x,
+    watch: M,
+    reset: S,
+    control: C,
+    formState: { errors: B }
   } = Ke({
     defaultValues: {
       fio: "",
@@ -1193,40 +1211,75 @@ const er = {
       business_category: "",
       agreement: !1
     }
-  }), S = v("agreement"), F = async (B) => {
-    console.log("Form submitted:", B);
-  }, w = or(l || [], {
-    register: C,
-    errors: u,
-    control: x
+  }), V = M("agreement"), I = async (O) => {
+    if (!(f != null && f.api_url)) {
+      console.warn("API URL is not defined in requestForm props");
+      return;
+    }
+    w(!0), k(null);
+    try {
+      const m = new FormData();
+      Object.entries(O).forEach(([i, _]) => {
+        _ != null && (Array.isArray(_) ? _.forEach((u) => {
+          m.append(i, u);
+        }) : m.append(i, _));
+      });
+      const v = await fetch(f.api_url, {
+        method: "POST",
+        // При отправке FormData заголовок Content-Type устанавливать НЕ НУЖНО,
+        // браузер установит его автоматически вместе с boundary
+        body: m
+      });
+      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 i = await v.json();
+        console.log("Success:", i);
+      }
+      s(!0), S();
+    } catch (m) {
+      console.error("Error submitting form:", m), k(
+        p(
+          "form.submit_error",
+          "Произошла ошибка при отправке. Пожалуйста, попробуйте позже."
+        )
+      );
+    } finally {
+      w(!1);
+    }
+  }, E = nr(t || [], {
+    register: b,
+    errors: B,
+    control: C
   });
-  return /* @__PURE__ */ t(re, { children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(
     "form",
     {
-      onSubmit: c(F),
+      onSubmit: x(I),
       id: "application_form",
       className: "w-full",
-      children: /* @__PURE__ */ i(
+      children: /* @__PURE__ */ c(
         "div",
         {
           style: {
-            boxShadow: `0px 8px 24px rgba(0,0,0,0.08),0px -8px 0px ${o}`
+            boxShadow: `0px 8px 24px rgba(0,0,0,0.08),0px -8px 0px ${a}`
           },
           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__ */ i("div", { className: "text-center mb-10 max-tablet:mb-8", children: [
-              /* @__PURE__ */ t("h2", { className: "text-[36px] leading-[44px] font-semibold m-0 mb-3 text-blackBG max-tablet:text-[28px] max-tablet:leading-[36px]", children: a }),
-              /* @__PURE__ */ t("span", { className: "text-[18px] leading-[26px] text-graySoft max-tablet:text-[16px] max-tablet:leading-[24px]", children: r })
+            /* @__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) })
             ] }),
-            m ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center w-[640px] gap-8 max-tablet:w-full animate-in fade-in duration-500", children: /* @__PURE__ */ i("div", { className: "text-center", children: [
-              /* @__PURE__ */ t("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__ */ t(
+            N ? /* @__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",
                 {
                   className: "w-10 h-10 text-white",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ t(
+                  children: /* @__PURE__ */ e(
                     "path",
                     {
                       strokeLinecap: "round",
@@ -1237,66 +1290,76 @@ const er = {
                   )
                 }
               ) }),
-              /* @__PURE__ */ i("div", { className: "text-center", children: [
-                /* @__PURE__ */ t("div", { className: "font-semibold text-[24px] leading-[32px] text-blackBG mb-3", children: "Заявка успешно отправлена" }),
-                /* @__PURE__ */ t("div", { className: "text-[18px] leading-[26px] text-graySoft", children: "С Вами свяжется наш специалист и поможет с подключением сервиса" }),
-                /* @__PURE__ */ t(
+              /* @__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(
+                  "form.success_description",
+                  "С Вами свяжется наш специалист и поможет с подключением сервиса"
+                ) }),
+                /* @__PURE__ */ e(
                   R,
                   {
                     className: "justify-center m-auto mt-6",
-                    title: "Закрыть",
+                    title: p("form.close", "Закрыть"),
                     onClick: () => {
-                      k(!1), h();
+                      s(!1), S();
                     }
                   }
                 )
               ] })
-            ] }) }) : /* @__PURE__ */ i(U, { children: [
-              /* @__PURE__ */ t(
+            ] }) }) : /* @__PURE__ */ c(Q, { children: [
+              /* @__PURE__ */ e(
                 "div",
                 {
                   className: "w-[640px] mb-8 max-tablet:w-full grid gap-6",
                   style: {
-                    gridTemplateColumns: `repeat(${N ? 1 : s}, 1fr)`,
-                    gridTemplateRows: `repeat(${e}, auto)`
+                    gridTemplateColumns: `repeat(${h ? 1 : l}, 1fr)`,
+                    gridTemplateRows: `repeat(${r}, auto)`
                   },
-                  children: w
+                  children: E
                 }
               ),
-              /* @__PURE__ */ t("div", { className: "pt-2", children: /* @__PURE__ */ t(
+              /* @__PURE__ */ e("div", { className: "pt-2", children: /* @__PURE__ */ e(
                 Y,
                 {
-                  ...C("agreement", {
-                    required: "Необходимо согласие на обработку персональных данных"
+                  ...b("agreement", {
+                    required: p(
+                      "form.agreement_required",
+                      "Необходимо согласие на обработку персональных данных"
+                    )
                   }),
-                  error: (L = u.agreement) == null ? void 0 : L.message,
-                  label: /* @__PURE__ */ i(U, { children: [
-                    "Я соглашаюсь с",
+                  error: (j = B.agreement) == null ? void 0 : j.message,
+                  label: /* @__PURE__ */ c(Q, { children: [
+                    p("form.i_agree", "Я соглашаюсь с"),
                     " ",
-                    /* @__PURE__ */ t(
+                    /* @__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: (B) => {
-                          B.preventDefault();
+                        onClick: (O) => {
+                          O.preventDefault();
                         },
-                        children: "условиями обработки персональных данных"
+                        children: p(
+                          "form.agreement_link",
+                          "условиями обработки персональных данных"
+                        )
                       }
                     )
                   ] })
                 }
               ) }),
-              /* @__PURE__ */ t("div", { className: "mt-6 w-[640px] max-tablet:w-full", children: /* @__PURE__ */ t(
+              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 }),
+              /* @__PURE__ */ e("div", { className: "mt-6 w-[640px] max-tablet:w-full", children: /* @__PURE__ */ e(
                 R,
                 {
-                  loading: y,
+                  loading: D,
                   className: "w-full whitespace-nowrap transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
                   type: "submit",
                   size: De.XL,
                   variant: Ne.Primary,
-                  disabled: !S || y,
-                  children: "Отправить заявку"
+                  disabled: !V || D,
+                  children: p("form.submit", "Отправить заявку")
                 }
               ) })
             ] })
@@ -1306,31 +1369,31 @@ const er = {
     }
   ) });
 };
-fe.propsToEdit = ue;
-const xa = {
+fe.propsToEdit = mr;
+const va = {
   MainBanner: { key: "MainBanner", component: Pe },
   Banner: { key: "Banner", component: xe },
   CardImageList: { key: "CardImageList", component: He },
   Stepper: { key: "Stepper", component: Le },
   Segments: { key: "Segments", component: _e },
   VideoFull: { key: "VideoFull", component: Be },
-  VideoList: { key: "VideoList", component: Me },
-  VideoListMini: { key: "VideoListMini", component: Se },
+  VideoList: { key: "VideoList", component: Se },
+  VideoListMini: { key: "VideoListMini", component: Me },
   ContentCardList: { key: "ContentCardList", component: Fe },
   CardIconList: { key: "CardIconList", component: Ve },
   MultiCards: { key: "MultiCards", component: Ie },
   Partners: { key: "Partners", component: Te },
   PartnersColors: { key: "PartnersColors", component: Oe },
-  WarningCard: { key: "WarningCard", component: z },
-  Faq: { key: "Faq", component: We },
+  WarningCard: { key: "WarningCard", component: q },
+  Faq: { key: "Faq", component: Ee },
   DownloadFileBanner: {
     key: "DownloadFileBanner",
-    component: Ee
+    component: Ge
   },
   DownloadFileHalf: { key: "DownloadFileHalf", component: Ze },
   DownloadFileFull: { key: "DownloadFileFull", component: Ae },
   DownloadFileMini: { key: "DownloadFileMini", component: $e },
-  InstructionList: { key: "InstructionList", component: Ge },
+  InstructionList: { key: "InstructionList", component: We },
   PreviewList: { key: "PreviewList", component: je },
   SwiperList: { key: "SwiperList", component: at },
   AnimatedSwiper: { key: "AnimatedSwiper", component: Re },
@@ -1343,21 +1406,21 @@ const xa = {
     key: "CardImageSecondaryList",
     component: Xe
   },
-  CardInfoTable: { key: "CardInfoTable", component: qe },
+  CardInfoTable: { key: "CardInfoTable", component: ze },
   StandartTable: { key: "StandartTable", component: ot },
   IntroBanner: { key: "IntroBanner", component: et },
   DownloadFileBright: {
     key: "DownloadFileBright",
-    component: ze
+    component: qe
   },
   FormDefault: {
     key: "FormDefault",
     component: fe
   },
-  Header: { key: "Header", component: Zt },
-  Footer: { key: "Footer", component: $t },
-  TitleBlock: { key: "TitleBlock", component: oe }
-}, ya = {
+  Header: { key: "Header", component: Rt },
+  Footer: { key: "Footer", component: Xt },
+  TitleBlock: { key: "TitleBlock", component: ae }
+}, Da = {
   MainBanner: lt.component_props,
   Banner: it.component_props,
   CardImageList: ct.component_props,
@@ -1380,38 +1443,38 @@ const xa = {
   InstructionList: Lt.component_props,
   PreviewList: _t.component_props,
   SwiperList: Bt.component_props,
-  AnimatedSwiper: Mt.component_props,
-  InfoBannerList: St.component_props,
+  AnimatedSwiper: St.component_props,
+  InfoBannerList: Mt.component_props,
   TasksBannerList: Ft.component_props,
   VideoMainBanner: Vt.component_props,
   EmptyBox: It.component_props,
   PromoPoster: Tt.component_props,
   CardImageSecondaryList: Ht.component_props,
   CardInfoTable: Pt.component_props,
-  StandartTable: Wt.component_props,
-  IntroBanner: Gt.component_props,
+  StandartTable: Et.component_props,
+  IntroBanner: Wt.component_props,
   DownloadFileBright: Ot.component_props,
-  FormDefault: ar,
+  FormDefault: sr,
   TitleBlock: jt.component_props
-}, wa = {
+}, Na = {
   title: "Предупреждающая карточка",
   description: "Компонент для отображения предупреждающей информации в виде карточки с иконкой, заголовком и описанием. Используется для привлечения внимания к важной информации или предупреждениям.",
   types: [ee.cards],
-  propsToEdit: ae
+  propsToEdit: ne
 };
 export {
-  ya as A,
+  Da as A,
   fe as F,
-  z as W,
-  xa as a,
-  tr as b,
-  er as c,
-  ar as d,
-  ir as e,
-  ba as f,
-  ue as g,
-  ga as i,
-  ae as p,
-  or as r,
-  wa as w
+  q as W,
+  va as a,
+  or as b,
+  rr as c,
+  sr as d,
+  pr as e,
+  Ca as f,
+  mr as g,
+  ka as i,
+  ne as p,
+  nr as r,
+  Na as w
 };