stone-kit 0.0.875 → 0.0.877

package/dist/components/FormModal/ui/ModalForm.js

@@ -1,30 +1,305 @@
-import "react/jsx-runtime";
-import { M as A } from "../../../FilterWithSave-Bp6rH8Pe.js";
-import "../../Modal/ui/Modal.js";
-import "../../Flex/ui/Flex.js";
-import "../../Input/ui/Input.js";
-import "../../Button/ui/Button.js";
-import "../../NewIcon/ui/NewIcon.js";
-import "../utils/reg.js";
-import "../../CheckBox/CheckBox.js";
-import "../../TextArea/TextArea.js";
-import "../../../index-rKuIKazb.js";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import t from "../../../src/components/FormModal/ui/ModalForm.module.scss.js";
+import { Modal as Y } from "../../Modal/ui/Modal.js";
+import { Flex as Z } from "../../Flex/ui/Flex.js";
+import { Input as f } from "../../Input/ui/Input.js";
+import { useForm as E, Controller as ee } from "../../../node_modules/react-hook-form/dist/index.esm.js";
+import { Button as b } from "../../Button/ui/Button.js";
+import { NewIcon as v } from "../../NewIcon/ui/NewIcon.js";
+import { nameReg as te, phoneReg as re, emailReg as oe } from "../utils/reg.js";
+import { CheckBox as T } from "../../CheckBox/CheckBox.js";
+import { TextArea as ae } from "../../TextArea/TextArea.js";
+import le from "../../../node_modules/classnames/index.js";
 import "../../mobileButton/ui/MobileButton.js";
 import "../../DestinationTab/ui/DestinationTab.js";
 import "../../RoundButton/ui/RoundButton.js";
 import "../../Tag/ui/Tag.js";
 import "../../Switcher/ui/Switcher.js";
 import "../../Text/ui/Text.js";
+import "../../TabSwitcher/ui/TabSwitcher.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../MetroTag/ui/MetroTag.js";
+import "../../LotCard/ui/LotCard.js";
 import "../../Select/ui/Select.js";
-import "../../../shared/useClientWidth.js";
+import { useClientWidth as ie } from "../../../shared/useClientWidth.js";
+import "../../SortSelect/ui/SortSelect.js";
 import "../../SliderNavigation/ui/SliderNavigation.js";
 import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
 import "../../TabSelect/ui/TabSelect.js";
+import "../../FilterWithSave/ui/FilterWithSave.js";
 import "../../CheckBoxNew/CheckBoxNew.js";
 import "../../CheckboxSelect/ui/CheckboxSelect.js";
-import "react";
+import { useEffect as M } from "react";
+const ne = le.bind(t), se = "Я принимаю условия Политики обработки и защиты персональных данных, даю согласия на обработку персональных данных", Ae = ({
+  isFormOpen: N,
+  setIsFormOpen: _,
+  isNews: a,
+  title: S,
+  isEmail: z,
+  isPhone: I,
+  isTextArea: q,
+  telegramLink: w = "https://t.me/stone_developer",
+  isRequiredPhone: g = !0,
+  isRequiredEmail: d = !1,
+  isRequiredPhoneOrEmail: B,
+  textAreaPlaceholder: W,
+  subTitle: $,
+  submitHandler: F,
+  modalWidth: L = "442px",
+  rowsTextArea: P = 2,
+  advCheckBox: l = { text: se, isRequired: !0 },
+  isAdvCheckBox: j,
+  addTitleClassName: H,
+  createPortalObj: R,
+  telegramClickHandler: A = () => null,
+  blurHandler: x,
+  block_name: m,
+  emitCheckBox: c,
+  emitAdvCheckBox: p
+}) => {
+  const {
+    register: n,
+    handleSubmit: V,
+    reset: D,
+    control: G,
+    watch: s,
+    formState: { errors: r }
+  } = E(), k = !!s("email"), C = s("personalCheckBox"), y = s("advCheckBox");
+  M(() => {
+    typeof C < "u" && c && c();
+  }, [c, C]), M(() => {
+    typeof y < "u" && p && p();
+  }, [p, y]);
+  const { isMobile: J, currentClientWidth: K } = ie(), O = s("personalCheckBox"), Q = s("advCheckBox"), U = (o) => {
+    F(o), D();
+  }, u = (o, { action_element_status: h, action_element: X }) => {
+    x && x({
+      e: o,
+      analyticParams: { action_element: X, action_element_status: h, block_name: m }
+    });
+  };
+  return K ? /* @__PURE__ */ e(
+    Y,
+    {
+      additionalClass: t.modal,
+      additionalClassModalBody: t.modalBody,
+      createPortalObj: R,
+      isOpen: N,
+      isTransparentBack: !0,
+      emitIsOpen: () => _(!1),
+      opacity: 0.7,
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          className: t.root,
+          style: { width: J ? "100%" : L },
+          "data-testid": "modal_window",
+          children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: ne(t.title, H),
+                dangerouslySetInnerHTML: { __html: S ?? "Оставить обращение" }
+              }
+            ),
+            a && /* @__PURE__ */ i("div", { className: t.telegramWrapper, children: [
+              /* @__PURE__ */ e(
+                "a",
+                {
+                  className: t.telegramLink,
+                  href: w,
+                  target: "_blank",
+                  "data-testid": "modal_telegram_link",
+                  children: /* @__PURE__ */ i(
+                    "div",
+                    {
+                      className: t.telegram,
+                      onClick: A,
+                      children: [
+                        /* @__PURE__ */ e("div", { children: "Подписаться в Telegram" }),
+                        /* @__PURE__ */ e(v, { name: "telegram" })
+                      ]
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: t.orText, children: "или" })
+            ] }),
+            !a && /* @__PURE__ */ e(
+              "div",
+              {
+                className: t.description,
+                dangerouslySetInnerHTML: {
+                  __html: $ && !a ? "Оставьте номер телефона для получения консультации" : `${/* @__PURE__ */ e("div", { children: "привет" })}`
+                }
+              }
+            ),
+            /* @__PURE__ */ i("form", { onSubmit: V(U), children: [
+              /* @__PURE__ */ i(Z, { className: t.inputWrapper, children: [
+                /* @__PURE__ */ e(
+                  f,
+                  {
+                    width: "full",
+                    size_s: "large",
+                    variant: "light",
+                    placeholder: "Введите имя",
+                    "data-testid": "modal_name",
+                    ...n("name", { required: !0, pattern: te }),
+                    onBlur: (o) => u(o, {
+                      action_element_status: r.name ? "error" : "success",
+                      action_element: `input_${m}_name`
+                    }),
+                    error: !!r.name
+                  }
+                ),
+                I && /* @__PURE__ */ e(
+                  ee,
+                  {
+                    name: "phone",
+                    control: G,
+                    rules: {
+                      required: d || g || B && !k,
+                      pattern: { value: re, message: "" }
+                    },
+                    defaultValue: "",
+                    render: ({ field: o }) => /* @__PURE__ */ e(
+                      f,
+                      {
+                        inputMode: "numeric",
+                        isPhoneIMask: !0,
+                        ...o,
+                        width: "full",
+                        "data-testid": "phone_modal",
+                        type: "tel",
+                        error: !!r.phone,
+                        size_s: "large",
+                        variant: "light",
+                        onBlur: (h) => u(h, {
+                          action_element_status: r.phone ? "error" : "success",
+                          action_element: `input_${m}_phone`
+                        })
+                      }
+                    )
+                  }
+                ),
+                z && /* @__PURE__ */ e(
+                  f,
+                  {
+                    width: "full",
+                    size_s: "large",
+                    variant: "light",
+                    placeholder: "Введите email",
+                    "data-testid": "modal_email",
+                    ...n("email", {
+                      required: d || B && !k,
+                      pattern: oe
+                    }),
+                    error: !!r.email,
+                    onBlur: (o) => u(o, {
+                      action_element_status: r.email ? "error" : "success",
+                      action_element: `input_${m}_email`
+                    })
+                  }
+                ),
+                q && /* @__PURE__ */ e(
+                  ae,
+                  {
+                    "data-testid": "modal_textarea",
+                    placeholder: W,
+                    rows: P,
+                    width: "full",
+                    ...n("textarea")
+                  }
+                ),
+                l && !a && j && /* @__PURE__ */ e(
+                  T,
+                  {
+                    "data-testid": "modal_advCheckBox",
+                    isChecked: Q,
+                    error: !!r.advCheckBox,
+                    text: l.text,
+                    ...n("advCheckBox", { required: l == null ? void 0 : l.isRequired })
+                  }
+                ),
+                /* @__PURE__ */ i(
+                  T,
+                  {
+                    "data-testid": "modal_personalCheckBox",
+                    isChecked: O,
+                    error: !!r.personalCheckBox,
+                    ...n("personalCheckBox", { required: !a }),
+                    children: [
+                      a && /* @__PURE__ */ i("div", { className: t.checkboxText, children: [
+                        "Согласен(-на)",
+                        " ",
+                        /* @__PURE__ */ e(
+                          "a",
+                          {
+                            className: t.linkPolicy,
+                            href: "/documents/soglasie-na-rassylki",
+                            children: "получать новости, информацию по сделке и рекламу"
+                          }
+                        ),
+                        " ",
+                        "от Stone"
+                      ] }),
+                      !a && /* @__PURE__ */ i("div", { className: t.checkboxText, children: [
+                        "Я принимаю условия",
+                        " ",
+                        /* @__PURE__ */ e(
+                          "a",
+                          {
+                            className: t.linkPolicy,
+                            href: "/documents/docs",
+                            children: "Политики обработки и защиты персональных данных"
+                          }
+                        ),
+                        ", даю согласия на обработку персональных данных"
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  b,
+                  {
+                    "data-testid": "modal_submit",
+                    variant: "blue",
+                    width: "full",
+                    type: "submit",
+                    size: "large",
+                    as: "button",
+                    additionalClass: t.modalBtn,
+                    disabled: !!r.name || !!r.phone && g || !!r.email && d || !!r.advCheckBox && (l == null ? void 0 : l.isRequired) || !!r.personalCheckBox && !a,
+                    children: "Отправить запрос"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e(
+                b,
+                {
+                  additionalClass: t.btn,
+                  onClick: () => _(!1),
+                  as: "button",
+                  variant: "gray",
+                  type: "button",
+                  size: "small",
+                  children: /* @__PURE__ */ e(
+                    v,
+                    {
+                      name: "close",
+                      size: "16",
+                      color: "#141416"
+                    }
+                  )
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) : null;
+};
 export {
-  A as ModalForm
+  Ae as ModalForm
 };

package/dist/components/GroupedInput/ui/GroupedInputs.js

@@ -1,8 +1,7 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c } from "../../../index-rKuIKazb.js";
-const m = "_root_1dq3m_1", o = {
-  root: m
-}, n = c.bind(o), p = ({ children: s, addClassName: t }) => /* @__PURE__ */ r("div", { className: n(o.root, t), children: s });
+import { jsx as t } from "react/jsx-runtime";
+import o from "../../../src/components/GroupedInput/ui/GroupedInputs.module.scss.js";
+import m from "../../../node_modules/classnames/index.js";
+const p = m.bind(o), n = ({ children: r, addClassName: s }) => /* @__PURE__ */ t("div", { className: p(o.root, s), children: r });
 export {
-  p as GroupedInputs
+  n as GroupedInputs
 };