md-components-mdigial-azamat 0.0.62 → 0.0.63

package/dist/Forms/FormDefault/index.js

@@ -1,52 +1,38 @@
-import { jsxs as t, jsx as e, Fragment as h } from "react/jsx-runtime";
-import { forwardRef as b, useState as y } from "react";
+import { jsxs as a, jsx as e, Fragment as _ } from "react/jsx-runtime";
+import { forwardRef as S, useState as k } from "react";
 import { u as I } from "../../index.esm-67811428.js";
-import { B as N } from "../../index-875e92ce.js";
-import { a as M, b as P } from "../../const-53dff524.js";
-import { c as m } from "../../cn-6a4bf187.js";
-const _ = b(
-  ({ className: c, label: s, error: r, ...o }, n) => /* @__PURE__ */ t("div", { className: "w-full", children: [
-    /* @__PURE__ */ t("label", { className: "flex items-start gap-3 cursor-pointer group", children: [
-      /* @__PURE__ */ t("div", { className: "relative flex items-center justify-center mt-0.5", children: [
+import { B as L } from "../../index-875e92ce.js";
+import { a as P, b as R } from "../../const-53dff524.js";
+import { c as x } from "../../cn-6a4bf187.js";
+const B = S(
+  ({ className: n, label: s, error: o, ...l }, i) => /* @__PURE__ */ a("div", { className: "w-full", children: [
+    /* @__PURE__ */ a("label", { className: "flex items-start gap-3 cursor-pointer group", children: [
+      /* @__PURE__ */ a("div", { className: "relative flex items-center justify-center mt-0.5", children: [
         /* @__PURE__ */ e(
           "input",
           {
             type: "checkbox",
             className: "peer sr-only",
-            ref: n,
-            ...o
+            ref: i,
+            ...l
           }
         ),
         /* @__PURE__ */ e(
           "div",
           {
-            className: m(
-              "flex items-center justify-center w-5 h-5 rounded-md border-2 transition-all duration-200",
+            className: x(
+              "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",
-              "peer-focus:ring-2 peer-focus:ring-greenLight peer-focus:ring-offset-2",
+              "peer-focus:outline-none peer-focus:border-greenLight",
               "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
               "group-hover:border-greenLight",
-              r && "border-red-500",
-              c
-            ),
-            children: /* @__PURE__ */ e(
-              "svg",
-              {
-                className: "w-3.5 h-3.5 text-white opacity-0 peer-checked:opacity-100 transition-opacity duration-200",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ e(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 3,
-                    d: "M5 13l4 4L19 7"
-                  }
-                )
-              }
+              'after:content-[""] after:absolute after:opacity-0 after:transition-opacity after:duration-200',
+              "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",
+              n
             )
           }
         )
@@ -54,106 +40,58 @@ const _ = b(
       s && /* @__PURE__ */ e(
         "span",
         {
-          className: m(
+          className: x(
             "text-sm leading-5 text-graySoft select-none",
             "group-hover:text-blackBG transition-colors duration-200",
-            r && "text-red-500"
+            o && "text-red-500"
           ),
           children: s
         }
       )
     ] }),
-    r && /* @__PURE__ */ e("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 })
   ] })
 );
-_.displayName = "Checkbox";
-const x = b(
-  ({ className: c, type: s, error: r, label: o, ...n }, d) => /* @__PURE__ */ t("div", { className: "w-full", children: [
-    o && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-blackBG mb-2", children: o }),
+B.displayName = "Checkbox";
+const p = S(
+  ({ className: n, type: s, error: o, label: l, ...i }, m) => /* @__PURE__ */ a("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: s,
-        className: m(
-          "flex h-14 w-full rounded-2xl border-2 border-grayBlue5 bg-white px-5 py-3 text-base",
+        className: x(
+          "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",
-          r && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
-          c
+          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: d,
-        ...n
+        ref: m,
+        ...i
       }
     ),
-    r && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: r })
-  ] })
-);
-x.displayName = "Input";
-const k = b(
-  ({ className: c, error: s, label: r, options: o = [], children: n, ...d }, u) => /* @__PURE__ */ t("div", { className: "w-full", children: [
-    r && /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-blackBG mb-2", children: r }),
-    /* @__PURE__ */ t("div", { className: "relative", children: [
-      /* @__PURE__ */ e(
-        "select",
-        {
-          className: m(
-            "flex h-14 w-full rounded-2xl border-2 border-grayBlue5 bg-white px-5 py-3 pr-10 text-base",
-            "appearance-none cursor-pointer",
-            "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",
-            s && "border-red-500 hover:border-red-500 focus:border-red-500 focus:shadow-[0_0_0_4px_rgba(239,68,68,0.15)]",
-            c
-          ),
-          ref: u,
-          ...d,
-          children: o.length > 0 ? /* @__PURE__ */ t(h, { children: [
-            /* @__PURE__ */ e("option", { value: "", children: "Выберите категорию" }),
-            o.map((i) => /* @__PURE__ */ e("option", { value: i.value, children: i.label }, i.value))
-          ] }) : n
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ e(
-        "svg",
-        {
-          className: "w-5 h-5 text-grayBlue5",
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ e(
-            "path",
-            {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: 2,
-              d: "M19 9l-7 7-7-7"
-            }
-          )
-        }
-      ) })
-    ] }),
-    s && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: s })
+    o && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-red-500", children: o })
   ] })
 );
-k.displayName = "Select";
-const W = [
-  { value: "retail", label: "Розничная торговля" },
-  { value: "restaurant", label: "Рестораны и кафе" },
-  { value: "services", label: "Услуги" },
-  { value: "online", label: "Интернет-магазин" },
-  { value: "other", label: "Другое" }
-], D = ["title", "subtitle", "color"], E = ({ title: c, subtitle: s, color: r }) => {
-  var g, f, v, w;
-  const [o, n] = y(!1), [d, u] = y(!1), {
-    register: i,
-    handleSubmit: L,
-    watch: B,
-    reset: S,
-    formState: { errors: p }
+p.displayName = "Input";
+const D = ["title", "subtitle", "color"], E = ({
+  title: n,
+  subtitle: s,
+  color: o,
+  gridCols: l = 2,
+  gridRow: i = 2
+}) => {
+  var b, w, y, v, N;
+  const [m, u] = k(!1), [h, f] = k(!1), {
+    register: d,
+    handleSubmit: j,
+    watch: C,
+    reset: F,
+    formState: { errors: c }
   } = I({
     defaultValues: {
       fio: "",
@@ -161,43 +99,43 @@ const W = [
       business_category: "",
       agreement: !1
     }
-  }), j = B("agreement"), C = async (a) => {
+  }), G = C("agreement"), T = async (t) => {
     try {
-      u(!0), console.log("Form submitted:", a), await new Promise((l) => setTimeout(l, 1e3)), n(!0);
-    } catch (l) {
-      console.error("Error submitting form:", l);
+      f(!0), console.log("Form submitted:", t), await new Promise((r) => setTimeout(r, 1e3)), u(!0);
+    } catch (r) {
+      console.error("Error submitting form:", r);
     } finally {
-      u(!1);
+      f(!1);
     }
-  }, G = (a) => {
-    const l = /^[а-яА-ЯёЁa-zA-Z\s-]+$/;
-    return a.trim() ? l.test(a) ? a.trim().split(/\s+/).length < 2 ? "Введите полное ФИО" : !0 : "ФИО должно содержать только буквы" : "Поле обязательно для заполнения";
-  }, F = (a) => {
-    const l = /^0\d{9}$/;
-    return a ? l.test(a) ? !0 : "Некорректный номер телефона" : "Поле обязательно для заполнения";
-  }, z = (a) => {
-    let l = a.target.value.replace(/\D/g, "");
-    l.length > 0 && !l.startsWith("0") && (l = "0" + l), a.target.value = l.slice(0, 10);
+  }, g = (t) => {
+    const r = /^[а-яА-ЯёЁa-zA-Z\s-]+$/;
+    return t.trim() ? r.test(t) ? t.trim().split(/\s+/).length < 2 ? "Введите полное ФИО" : !0 : "ФИО должно содержать только буквы" : "Поле обязательно для заполнения";
+  }, $ = (t) => {
+    const r = /^0\d{9}$/;
+    return t ? r.test(t) ? !0 : "Некорректный номер телефона" : "Поле обязательно для заполнения";
+  }, z = (t) => {
+    let r = t.target.value.replace(/\D/g, "");
+    r.length > 0 && !r.startsWith("0") && (r = "0" + r), t.target.value = r.slice(0, 10);
   };
   return /* @__PURE__ */ e(
     "form",
     {
-      onSubmit: L(C),
+      onSubmit: j(T),
       id: "application_form",
       className: "w-full",
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ a(
         "div",
         {
           style: {
-            boxShadow: `0px 8px 24px rgba(0,0,0,0.08),0px -8px 0px ${r}`
+            boxShadow: `0px 8px 24px rgba(0,0,0,0.08),0px -8px 0px ${o}`
           },
-          className: "bg-white rounded-[24px] shadow-[0px_8px_24px_rgba(0,0,0,0.08),0px_-8px_0px_#45464b] 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 hover:shadow-[0px_12px_32px_rgba(0,0,0,0.12),0px_-8px_0px_#45464b]",
+          className: "bg-white rounded-[24px] shadow-[0px_8px_24px_rgba(0,0,0,0.08),0px_-8px_0px_#45464b] 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 hover:shadow-[0px_12px_32px_rgba(0,0,0,0.12),0px_-8px_0px_#45464b] mt-[8px]",
           children: [
-            /* @__PURE__ */ t("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: c }),
+            /* @__PURE__ */ a("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: n }),
               /* @__PURE__ */ e("span", { className: "text-[18px] leading-[26px] text-graySoft max-tablet:text-[16px] max-tablet:leading-[24px]", children: s })
             ] }),
-            o ? /* @__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__ */ t("div", { className: "text-center", children: [
+            m ? /* @__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__ */ a("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",
                 {
@@ -216,90 +154,108 @@ const W = [
                   )
                 }
               ) }),
-              /* @__PURE__ */ t("div", { className: "text-center", children: [
+              /* @__PURE__ */ a("div", { className: "text-center", children: [
                 /* @__PURE__ */ e("div", { className: "font-semibold text-[24px] leading-[32px] text-blackBG mb-3", children: "Заявка успешно отправлена" }),
                 /* @__PURE__ */ e("div", { className: "text-[18px] leading-[26px] text-graySoft", children: "С Вами свяжется наш специалист и поможет с подключением сервиса" }),
                 /* @__PURE__ */ e(
-                  N,
+                  L,
                   {
                     className: "justify-center m-auto mt-6",
                     title: "Закрыть",
                     onClick: () => {
-                      n(!1), S();
+                      u(!1), F();
                     }
                   }
                 )
               ] })
-            ] }) }) : /* @__PURE__ */ t(h, { children: [
-              /* @__PURE__ */ t("div", { className: "w-[640px] mb-8 max-tablet:w-full space-y-6", children: [
-                /* @__PURE__ */ e(
-                  x,
-                  {
-                    placeholder: "ФИО контактного лица",
-                    ...i("fio", {
-                      validate: G
-                    }),
-                    error: (g = p.fio) == null ? void 0 : g.message
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  x,
-                  {
-                    placeholder: "Телефон",
-                    type: "tel",
-                    inputMode: "numeric",
-                    ...i("phone", {
-                      validate: F,
-                      onChange: z
-                    }),
-                    error: (f = p.phone) == null ? void 0 : f.message,
-                    maxLength: 10
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  k,
-                  {
-                    ...i("business_category", {
-                      required: "Поле обязательно для заполнения"
-                    }),
-                    error: (v = p.business_category) == null ? void 0 : v.message,
-                    options: W
-                  }
-                ),
-                /* @__PURE__ */ e("div", { className: "pt-2", children: /* @__PURE__ */ e(
-                  _,
-                  {
-                    ...i("agreement", {
-                      required: "Необходимо согласие на обработку персональных данных"
-                    }),
-                    error: (w = p.agreement) == null ? void 0 : w.message,
-                    label: /* @__PURE__ */ t(h, { children: [
-                      "Я соглашаюсь с",
-                      " ",
-                      /* @__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: (a) => {
-                            a.preventDefault();
-                          },
-                          children: "условиями обработки персональных данных"
-                        }
-                      )
-                    ] })
-                  }
-                ) })
-              ] }),
+            ] }) }) : /* @__PURE__ */ a(_, { children: [
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: "w-[640px] mb-8 max-tablet:w-full grid gap-6",
+                  style: {
+                    gridTemplateColumns: `repeat(${l}, 1fr)`,
+                    gridTemplateRows: `repeat(${i}, auto)`
+                  },
+                  children: [
+                    /* @__PURE__ */ e(
+                      p,
+                      {
+                        placeholder: "ФИО контактного лица",
+                        ...d("fio", {
+                          validate: g
+                        }),
+                        error: (b = c.fio) == null ? void 0 : b.message
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      p,
+                      {
+                        placeholder: "Номер телефона",
+                        type: "tel",
+                        inputMode: "numeric",
+                        ...d("phone", {
+                          validate: $,
+                          onChange: z
+                        }),
+                        error: (w = c.phone) == null ? void 0 : w.message,
+                        maxLength: 10
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      p,
+                      {
+                        placeholder: "ИНН",
+                        ...d("tin"),
+                        error: (y = c.tin) == null ? void 0 : y.message
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      p,
+                      {
+                        placeholder: "Адрес",
+                        ...d("adress", {
+                          validate: g
+                        }),
+                        error: (v = c.adress) == null ? void 0 : v.message
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "pt-2", children: /* @__PURE__ */ e(
+                B,
+                {
+                  ...d("agreement", {
+                    required: "Необходимо согласие на обработку персональных данных"
+                  }),
+                  error: (N = c.agreement) == null ? void 0 : N.message,
+                  label: /* @__PURE__ */ a(_, { children: [
+                    "Я соглашаюсь с",
+                    " ",
+                    /* @__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: (t) => {
+                          t.preventDefault();
+                        },
+                        children: "условиями обработки персональных данных"
+                      }
+                    )
+                  ] })
+                }
+              ) }),
               /* @__PURE__ */ e("div", { className: "mt-6 w-[640px] max-tablet:w-full", children: /* @__PURE__ */ e(
-                N,
+                L,
                 {
-                  loading: d,
+                  loading: h,
                   className: "w-full whitespace-nowrap transition-all duration-200 hover:scale-[1.02] active:scale-[0.98]",
                   type: "submit",
-                  size: M.XL,
-                  variant: P.Primary,
-                  disabled: !j || d,
+                  size: P.XL,
+                  variant: R.Primary,
+                  disabled: !G || h,
                   children: "Отправить заявку"
                 }
               ) })