@escapenavigator/hooks 2.1.23 → 2.1.25

package/dist/lead-form/lead-field.js

@@ -1,5 +1,38 @@
 "use strict";
 /* eslint-disable import/no-extraneous-dependencies */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -10,7 +43,7 @@ const PlusM_1 = __importDefault(require("@alphakits/icons/dist/PlusM"));
 const ui_1 = require("@alphakits/ui");
 const lead_field_type_enum_1 = require("@escapenavigator/types/dist/lead/enums/lead-field-type.enum");
 const lead_time_constants_1 = require("@escapenavigator/types/dist/lead/lead-time.constants");
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const input_tel_1 = require("../input-tel");
 const index_module_css_1 = __importDefault(require("./index.module.css"));
 const lib_1 = require("./lib");
@@ -43,6 +76,11 @@ const ChoiceGroup = ({ label, options, isSelected, onToggle, hint, error, }) =>
 const LeadField = ({ field, value, error, language, profileCountry, questrooms, locations, onChange, onPhoneValidChange, }) => {
     var _a, _b;
     const t = (0, use_lead_t_1.useLeadT)();
+    const [textareaExpanded, setTextareaExpanded] = (0, react_1.useState)(Boolean(value || error));
+    (0, react_1.useEffect)(() => {
+        if (value || error)
+            setTextareaExpanded(true);
+    }, [error, value]);
     const title = (0, lib_1.fieldTitle)(field, language);
     const label = field.required ? `${title} *` : title;
     const placeholder = (0, lib_1.fieldText)(field, language, 'placeholder');
@@ -68,7 +106,14 @@ const LeadField = ({ field, value, error, language, profileCountry, questrooms,
                     onPhoneValidChange(payload.isValid);
                 } }));
         case lead_field_type_enum_1.LeadFieldTypeEnum.TEXTAREA:
-            return withHint(react_1.default.createElement(ui_1.Textarea, { block: true, maxLength: 1000, label: label, placeholder: placeholder, value: String(value || ''), error: error, onChange: (_e, payload) => onChange(payload.value) }));
+            if (!textareaExpanded) {
+                return (react_1.default.createElement("button", { type: 'button', className: index_module_css_1.default.commentToggle, onClick: () => setTextareaExpanded(true) },
+                    react_1.default.createElement("span", { "aria-hidden": 'true' }, "+"),
+                    title));
+            }
+            return withHint(react_1.default.createElement("div", { className: index_module_css_1.default.commentEditor },
+                react_1.default.createElement(ui_1.Textarea, { block: true, maxLength: 1000, label: label, placeholder: placeholder, value: String(value || ''), error: error, onChange: (_e, payload) => onChange(payload.value) }),
+                !value && !error && (react_1.default.createElement("button", { type: 'button', className: index_module_css_1.default.commentCollapse, onClick: () => setTextareaExpanded(false) }, t('lead.collapse')))));
         case lead_field_type_enum_1.LeadFieldTypeEnum.DATE:
             return withHint(react_1.default.createElement(ui_1.CalendarInput, { block: true, label: label, lang: language, value: String(value || ''), error: error, onChange: (_e, payload) => onChange(payload.value) }));
         case lead_field_type_enum_1.LeadFieldTypeEnum.TIME:
@@ -93,14 +138,14 @@ const LeadField = ({ field, value, error, language, profileCountry, questrooms,
         case lead_field_type_enum_1.LeadFieldTypeEnum.GUESTS: {
             const min = (_a = field.min) !== null && _a !== void 0 ? _a : 1;
             const max = (_b = field.max) !== null && _b !== void 0 ? _b : 30;
-            const current = typeof value === 'number' ? value : min;
+            const current = typeof value === 'number' ? value : undefined;
             return (react_1.default.createElement(ui_1.FlexColumns, { columns: 1, gr: 8 },
                 react_1.default.createElement(ui_1.Typography.Text, { view: 'primary-small', weight: 'medium', color: 'primary' }, label),
                 react_1.default.createElement("div", { className: index_module_css_1.default.stepper },
-                    react_1.default.createElement("button", { type: 'button', className: index_module_css_1.default.stepperButton, "aria-label": t('lead.guestsMinus'), disabled: current <= min, onClick: () => onChange(Math.max(min, current - 1)) },
+                    react_1.default.createElement("button", { type: 'button', className: index_module_css_1.default.stepperButton, "aria-label": t('lead.guestsMinus'), disabled: current === undefined || current <= min, onClick: () => onChange(Math.max(min, (current !== null && current !== void 0 ? current : min + 1) - 1)) },
                         react_1.default.createElement(MinusM_1.default, null)),
-                    react_1.default.createElement("span", { className: index_module_css_1.default.stepperValue }, current),
-                    react_1.default.createElement("button", { type: 'button', className: index_module_css_1.default.stepperButton, "aria-label": t('lead.guestsPlus'), disabled: current >= max, onClick: () => onChange(Math.min(max, current + 1)) },
+                    react_1.default.createElement("button", { type: 'button', className: index_module_css_1.default.stepperValue, onClick: () => onChange(undefined) }, current !== null && current !== void 0 ? current : t('lead.guestsUnknown')),
+                    react_1.default.createElement("button", { type: 'button', className: index_module_css_1.default.stepperButton, "aria-label": t('lead.guestsPlus'), disabled: current !== undefined && current >= max, onClick: () => onChange(Math.min(max, (current !== null && current !== void 0 ? current : min - 1) + 1)) },
                         react_1.default.createElement(PlusM_1.default, null))),
                 hint));
         }

package/dist/lead-form/lead-form.d.ts

@@ -46,6 +46,10 @@ type Props = {
     policyUrl?: string;
     /** Документ согласия на обработку ПДн (галочка есть только в РФ). */
     pdConsentUrl?: string;
+    /** Модалка управляет шагом, чтобы использовать свою кнопку «Назад». */
+    currentStep?: 1 | 2;
+    onStepChange?: (step: 1 | 2) => void;
+    showBackButton?: boolean;
 };
 export declare const LeadForm: React.FC<Props>;
 export {};

package/dist/lead-form/lead-form.js

@@ -48,6 +48,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LeadForm = void 0;
 const ui_1 = require("@alphakits/ui");
+const lead_field_type_enum_1 = require("@escapenavigator/types/dist/lead/enums/lead-field-type.enum");
 const react_1 = __importStar(require("react"));
 const personal_data_consent_1 = require("../personal-data-consent");
 const index_module_css_1 = __importDefault(require("./index.module.css"));
@@ -56,11 +57,37 @@ const lib_1 = require("./lib");
 const use_lead_t_1 = require("./use-lead-t");
 const ArrowRight = () => (react_1.default.createElement("svg", { width: '18', height: '18', viewBox: '0 0 24 24', fill: 'none', "aria-hidden": 'true' },
     react_1.default.createElement("path", { d: 'M5 12h14m-6-6 6 6-6 6', stroke: 'currentColor', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round' })));
-const LeadForm = ({ form, source, language, profileCountry, submit, prefill, contextNote, withHeader = true, onDone, doneLabel, onSuccess, policyUrl, pdConsentUrl, }) => {
+const ArrowLeft = () => (react_1.default.createElement("svg", { width: '16', height: '16', viewBox: '0 0 24 24', fill: 'none', "aria-hidden": 'true' },
+    react_1.default.createElement("path", { d: 'M19 12H5m6 6-6-6 6-6', stroke: 'currentColor', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round' })));
+const PLANNING_FIELD_TYPES = new Set([
+    lead_field_type_enum_1.LeadFieldTypeEnum.SELECT,
+    lead_field_type_enum_1.LeadFieldTypeEnum.RADIO,
+    lead_field_type_enum_1.LeadFieldTypeEnum.CHECKBOX,
+    lead_field_type_enum_1.LeadFieldTypeEnum.QUESTROOM,
+    lead_field_type_enum_1.LeadFieldTypeEnum.LOCATION,
+]);
+const PLANNING_FIELD_IDS = new Set(['f_children_age']);
+const CONTACT_FIELD_ORDER = {
+    [lead_field_type_enum_1.LeadFieldTypeEnum.PHONE]: 0,
+    [lead_field_type_enum_1.LeadFieldTypeEnum.NAME]: 1,
+    [lead_field_type_enum_1.LeadFieldTypeEnum.DATE]: 2,
+    [lead_field_type_enum_1.LeadFieldTypeEnum.TIME]: 3,
+    [lead_field_type_enum_1.LeadFieldTypeEnum.GUESTS]: 4,
+    [lead_field_type_enum_1.LeadFieldTypeEnum.TEXTAREA]: 5,
+    [lead_field_type_enum_1.LeadFieldTypeEnum.EMAIL]: 6,
+    [lead_field_type_enum_1.LeadFieldTypeEnum.CONSENT]: 7,
+};
+const LeadForm = ({ form, source, language, profileCountry, submit, prefill, contextNote, withHeader = true, onDone, doneLabel, onSuccess, policyUrl, pdConsentUrl, currentStep, onStepChange, showBackButton = true, }) => {
     const t = (0, use_lead_t_1.useLeadT)();
     const consentRequired = (0, personal_data_consent_1.requiresPersonalDataConsent)(profileCountry);
     const [consent, setConsent] = (0, react_1.useState)(false);
     const [showConsentError, setShowConsentError] = (0, react_1.useState)(false);
+    const [internalStep, setInternalStep] = (0, react_1.useState)(1);
+    const step = currentStep !== null && currentStep !== void 0 ? currentStep : internalStep;
+    const setStep = (nextStep) => {
+        setInternalStep(nextStep);
+        onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(nextStep);
+    };
     const [values, setValues] = (0, react_1.useState)(() => (0, lib_1.buildInitialValues)(form, prefill));
     const [errors, setErrors] = (0, react_1.useState)({});
     const [formError, setFormError] = (0, react_1.useState)();
@@ -74,6 +101,67 @@ const LeadForm = ({ form, source, language, profileCountry, submit, prefill, con
         setErrors((prev) => (prev[fieldId] ? Object.assign(Object.assign({}, prev), { [fieldId]: '' }) : prev));
         setFormError(undefined);
     };
+    const visibleFields = form.fields.filter((field) => (0, lib_1.isVisible)(field, values));
+    const planningFields = visibleFields.filter((field) => PLANNING_FIELD_IDS.has(field.id) || PLANNING_FIELD_TYPES.has(field.type));
+    const contactFields = visibleFields
+        .filter((field) => !PLANNING_FIELD_IDS.has(field.id) && !PLANNING_FIELD_TYPES.has(field.type))
+        .sort((left, right) => {
+        var _a, _b;
+        return ((_a = CONTACT_FIELD_ORDER[left.type]) !== null && _a !== void 0 ? _a : 10) - ((_b = CONTACT_FIELD_ORDER[right.type]) !== null && _b !== void 0 ? _b : 10) ||
+            left.order - right.order;
+    });
+    const hasTwoSteps = planningFields.length > 0 && contactFields.length > 0;
+    const activeFields = !hasTwoSteps ? visibleFields : step === 1 ? planningFields : contactFields;
+    const planningFieldIds = new Set(planningFields.map((field) => field.id));
+    const planningSummary = planningFields
+        .map((field) => {
+        var _a, _b, _c;
+        const value = values[field.id];
+        if (value === undefined || value === '' || value === false)
+            return '';
+        if (Array.isArray(value)) {
+            return value
+                .map((id) => {
+                var _a;
+                const selected = (_a = field.options) === null || _a === void 0 ? void 0 : _a.find((item) => item.id === id);
+                return selected ? (0, lib_1.optionLabel)(selected, language, id) : id;
+            })
+                .join(', ');
+        }
+        if (typeof value === 'string' && ((_a = field.options) === null || _a === void 0 ? void 0 : _a.length)) {
+            const selected = field.options.find((item) => item.id === value);
+            return selected ? (0, lib_1.optionLabel)(selected, language, value) : value;
+        }
+        if (field.type === lead_field_type_enum_1.LeadFieldTypeEnum.QUESTROOM) {
+            return (((_b = form.questrooms.find((item) => String(item.id) === String(value))) === null || _b === void 0 ? void 0 : _b.title) || '');
+        }
+        if (field.type === lead_field_type_enum_1.LeadFieldTypeEnum.LOCATION) {
+            return (((_c = form.locations.find((item) => String(item.id) === String(value))) === null || _c === void 0 ? void 0 : _c.title) || '');
+        }
+        if (field.type === lead_field_type_enum_1.LeadFieldTypeEnum.GUESTS ||
+            field.type === lead_field_type_enum_1.LeadFieldTypeEnum.NUMBER) {
+            return `${(0, lib_1.fieldTitle)(field, language)}: ${String(value)}`;
+        }
+        return String(value);
+    })
+        .filter(Boolean);
+    const handleNext = () => {
+        const result = (0, lib_1.validate)({
+            form,
+            values,
+            phoneValid,
+            t,
+            fieldIds: planningFieldIds,
+            requireContact: false,
+        });
+        if (Object.keys(result.errors).length) {
+            setErrors(result.errors);
+            return;
+        }
+        setErrors({});
+        setFormError(undefined);
+        setStep(2);
+    };
     const handleSubmit = () => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
         if (sending)
@@ -84,6 +172,9 @@ const LeadForm = ({ form, source, language, profileCountry, submit, prefill, con
         if (Object.keys(result.errors).length || result.formError || consentMissing) {
             setErrors(result.errors);
             setFormError(result.formError);
+            if (Object.keys(result.errors).some((fieldId) => planningFieldIds.has(fieldId))) {
+                setStep(1);
+            }
             return;
         }
         setSending(true);
@@ -118,18 +209,34 @@ const LeadForm = ({ form, source, language, profileCountry, submit, prefill, con
     }
     const title = (0, lib_1.localized)(form.clientTitle, language) || t('lead.title');
     const description = (0, lib_1.localized)(form.description, language);
+    const stepLabel = step === 1 ? t('lead.stepPlanning') : t('lead.stepContacts');
+    const headerTitle = hasTwoSteps && step === 2 ? t('lead.stepQuestMatchTitle') : title;
+    const headerDescription = hasTwoSteps && step === 2 ? t('lead.stepContactsHint') : description;
     return (react_1.default.createElement("div", { className: index_module_css_1.default.form },
         withHeader && (react_1.default.createElement("div", { className: index_module_css_1.default.header },
-            react_1.default.createElement("span", { className: index_module_css_1.default.headerAccent, "aria-hidden": 'true' }),
-            react_1.default.createElement(ui_1.Typography.Title, { tag: 'h1', view: 'small', weight: 'bold' }, title),
-            !!description && (react_1.default.createElement(ui_1.Typography.Text, { view: 'primary-small', color: 'secondary' }, description)))),
+            hasTwoSteps ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { className: index_module_css_1.default.stepMeta },
+                    step === 2 && showBackButton ? (react_1.default.createElement("button", { type: 'button', className: index_module_css_1.default.backButton, onClick: () => setStep(1) },
+                        react_1.default.createElement(ArrowLeft, null),
+                        t('lead.back'))) : (react_1.default.createElement("span", null)),
+                    react_1.default.createElement("span", null, t('lead.stepCounter', {
+                        current: step,
+                        label: stepLabel,
+                    }))),
+                react_1.default.createElement("div", { className: index_module_css_1.default.progress, "aria-hidden": 'true' },
+                    react_1.default.createElement("span", { "data-step": step })))) : (react_1.default.createElement("span", { className: index_module_css_1.default.headerAccent, "aria-hidden": 'true' })),
+            react_1.default.createElement(ui_1.Typography.Title, { tag: 'h1', view: 'small', weight: 'bold' }, headerTitle),
+            !!headerDescription && (react_1.default.createElement(ui_1.Typography.Text, { view: 'primary-small', color: 'secondary' }, headerDescription)))),
         !!formError && react_1.default.createElement(ui_1.ToastPlate, { view: 'negative' }, formError),
-        react_1.default.createElement("div", { className: index_module_css_1.default.fields }, form.fields
-            .filter((field) => (0, lib_1.isVisible)(field, values))
-            .map((field) => (react_1.default.createElement("div", { key: field.id, className: index_module_css_1.default.fieldCard, "data-field-type": field.type },
+        hasTwoSteps && step === 2 && !!planningSummary.length && (react_1.default.createElement("div", { className: index_module_css_1.default.selectionSummary },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("span", null, t('lead.selection')),
+                react_1.default.createElement("strong", null, planningSummary.join(' · '))),
+            react_1.default.createElement("button", { type: 'button', onClick: () => setStep(1) }, t('lead.edit')))),
+        react_1.default.createElement("div", { key: hasTwoSteps ? step : 'single', className: index_module_css_1.default.fields, "data-step": hasTwoSteps ? step : 1 }, activeFields.map((field) => (react_1.default.createElement("div", { key: field.id, className: index_module_css_1.default.fieldCard, "data-field-type": field.type },
             react_1.default.createElement(lead_field_1.LeadField, { field: field, value: values[field.id], error: errors[field.id], language: language, profileCountry: profileCountry, questrooms: form.questrooms, locations: form.locations, onChange: (value) => setValue(field.id, value), onPhoneValidChange: setPhoneValid }))))),
         react_1.default.createElement("input", { className: index_module_css_1.default.trap, tabIndex: -1, autoComplete: 'off', "aria-hidden": 'true', value: trap, onChange: (event) => setTrap(event.target.value) }),
-        react_1.default.createElement("div", { className: index_module_css_1.default.footer },
+        react_1.default.createElement("div", { className: index_module_css_1.default.footer }, hasTwoSteps && step === 1 ? (react_1.default.createElement(ui_1.Button, { view: 'primary', size: 's', block: true, rightAddons: react_1.default.createElement(ArrowRight, null), onClick: handleNext }, t('lead.next'))) : (react_1.default.createElement(react_1.default.Fragment, null,
             (consentRequired || !!policyUrl) && (react_1.default.createElement(personal_data_consent_1.PersonalDataConsent, { required: consentRequired, consentUrl: pdConsentUrl || '', policyUrl: policyUrl || '', checked: consent, showError: showConsentError, onChange: (checked) => {
                     setConsent(checked);
                     if (checked)
@@ -138,6 +245,6 @@ const LeadForm = ({ form, source, language, profileCountry, submit, prefill, con
             react_1.default.createElement(ui_1.Button, { view: 'primary', size: 's', block: true, loading: sending, rightAddons: sending ? undefined : react_1.default.createElement(ArrowRight, null), onClick: handleSubmit }, sending
                 ? t('lead.sending')
                 : (0, lib_1.localized)(form.submitLabel, language) || t('lead.submit')),
-            react_1.default.createElement(ui_1.Typography.Text, { view: 'caps', color: 'secondary', className: index_module_css_1.default.footnote, tag: 'div' }, t('lead.footnote')))));
+            react_1.default.createElement(ui_1.Typography.Text, { view: 'caps', color: 'secondary', className: index_module_css_1.default.footnote, tag: 'div' }, t('lead.footnote')))))));
 };
 exports.LeadForm = LeadForm;

package/dist/lead-form/lib.d.ts

@@ -37,13 +37,17 @@ type ValidateContext = {
     /** `InputTel` сам знает, валиден ли номер для выбранной страны. */
     phoneValid: boolean;
     t: (key: string) => string;
+    /** Для перехода между шагами проверяем только поля текущего шага. */
+    fieldIds?: Set<string>;
+    /** На первом шаге контакт ещё не спрашивали — общая проверка не нужна. */
+    requireContact?: boolean;
 };
 /**
  * Валидация на клиенте — это про удобство: сервер всё равно перепроверит
  * обязательность и наличие канала связи. Возвращаем ошибки по id поля плюс
  * общую ошибку формы.
  */
-export declare const validate: ({ form, values, phoneValid, t, }: ValidateContext) => {
+export declare const validate: ({ form, values, phoneValid, t, fieldIds, requireContact, }: ValidateContext) => {
     errors: Record<string, string>;
     formError?: string;
 };

package/dist/lead-form/lib.js

@@ -46,20 +46,26 @@ exports.isMultiple = isMultiple;
  * «уточните какой квест» блокировала бы отправку у всех остальных.
  */
 const isVisible = (field, values) => {
+    var _a;
     const condition = field.conditional;
     if (!(condition === null || condition === void 0 ? void 0 : condition.fieldId))
         return true;
     const parentValue = values[condition.fieldId];
-    if (!condition.optionId) {
+    const optionIds = ((_a = condition.optionIds) === null || _a === void 0 ? void 0 : _a.length)
+        ? condition.optionIds
+        : condition.optionId
+            ? [condition.optionId]
+            : [];
+    if (!optionIds.length) {
         return Array.isArray(parentValue) ? parentValue.length > 0 : !!parentValue;
     }
-    if (Array.isArray(parentValue))
-        return parentValue.includes(condition.optionId);
-    return parentValue === condition.optionId;
+    if (Array.isArray(parentValue)) {
+        return parentValue.some((value) => optionIds.includes(value));
+    }
+    return typeof parentValue === 'string' && optionIds.includes(parentValue);
 };
 exports.isVisible = isVisible;
 const buildInitialValues = (form, prefill) => {
-    var _a;
     const values = {};
     for (const field of form.fields) {
         const prefilled = field.mapsTo ? prefill === null || prefill === void 0 ? void 0 : prefill[field.mapsTo] : undefined;
@@ -75,10 +81,10 @@ const buildInitialValues = (form, prefill) => {
             values[field.id] = [];
             continue;
         }
-        // У степпера гостей всегда есть значение: пустое поле «сколько вас»
-        // клиент чаще пропускает, чем заполняет.
+        // Пустое значение у степпера означает «пока не знаю». Первый клик
+        // по плюсу начнёт счёт с минимального значения.
         if (field.type === lead_field_type_enum_1.LeadFieldTypeEnum.GUESTS) {
-            values[field.id] = (_a = field.min) !== null && _a !== void 0 ? _a : 2;
+            values[field.id] = '';
             continue;
         }
         values[field.id] = '';
@@ -101,11 +107,13 @@ const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
  * обязательность и наличие канала связи. Возвращаем ошибки по id поля плюс
  * общую ошибку формы.
  */
-const validate = ({ form, values, phoneValid, t, }) => {
+const validate = ({ form, values, phoneValid, t, fieldIds, requireContact = true, }) => {
     const errors = {};
     let hasPhone = false;
     let hasEmail = false;
     for (const field of form.fields) {
+        if (fieldIds && !fieldIds.has(field.id))
+            continue;
         if (!(0, exports.isVisible)(field, values))
             continue;
         const value = values[field.id];
@@ -133,7 +141,9 @@ const validate = ({ form, values, phoneValid, t, }) => {
     }
     // Заявку без телефона и почты обработать нельзя — бэкенд её отклонит,
     // так что честнее сказать это до отправки.
-    const formError = !hasPhone && !hasEmail && !Object.keys(errors).length ? t('lead.needContact') : undefined;
+    const formError = requireContact && !hasPhone && !hasEmail && !Object.keys(errors).length
+        ? t('lead.needContact')
+        : undefined;
     return { errors, formError };
 };
 exports.validate = validate;

package/dist/lead-form/lib.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lead-form/lib.spec.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const lead_field_type_enum_1 = require("@escapenavigator/types/dist/lead/enums/lead-field-type.enum");
+const lib_1 = require("./lib");
+const form = {
+    fields: [
+        {
+            id: 'occasion',
+            type: lead_field_type_enum_1.LeadFieldTypeEnum.RADIO,
+            required: true,
+            enabled: true,
+            order: 0,
+            options: [],
+            i18n: {},
+        },
+        {
+            id: 'phone',
+            type: lead_field_type_enum_1.LeadFieldTypeEnum.PHONE,
+            required: true,
+            enabled: true,
+            order: 1,
+            i18n: {},
+        },
+    ],
+};
+describe('lead form step validation', () => {
+    it('validates only planning fields before opening the contacts step', () => {
+        const result = (0, lib_1.validate)({
+            form,
+            values: { occasion: '', phone: '' },
+            phoneValid: false,
+            t: (key) => key,
+            fieldIds: new Set(['occasion']),
+            requireContact: false,
+        });
+        expect(result).toEqual({
+            errors: { occasion: 'lead.required' },
+            formError: undefined,
+        });
+    });
+    it('shows children age for children and mixed groups', () => {
+        const ageField = {
+            id: 'age',
+            conditional: {
+                fieldId: 'audience',
+                optionIds: ['children', 'mixed'],
+            },
+        };
+        expect((0, lib_1.isVisible)(ageField, { audience: 'children' })).toBe(true);
+        expect((0, lib_1.isVisible)(ageField, { audience: 'mixed' })).toBe(true);
+        expect((0, lib_1.isVisible)(ageField, { audience: 'adults' })).toBe(false);
+    });
+    it('starts an optional guest stepper in the unknown state', () => {
+        const guestsForm = {
+            fields: [
+                {
+                    id: 'guests',
+                    type: lead_field_type_enum_1.LeadFieldTypeEnum.GUESTS,
+                    required: false,
+                    enabled: true,
+                    order: 0,
+                    min: 1,
+                    i18n: {},
+                },
+            ],
+        };
+        expect((0, lib_1.buildInitialValues)(guestsForm)).toEqual({ guests: '' });
+    });
+});

package/dist/lead-form/use-lead-t.js

@@ -25,7 +25,19 @@ const DEFAULTS = {
     'lead.unavailable': 'The request form is not available right now',
     'lead.guestsMinus': 'One guest less',
     'lead.guestsPlus': 'One guest more',
+    'lead.guestsUnknown': 'Not sure yet',
     'lead.timeUndecided': 'Not sure about the time yet',
+    'lead.stepPlanning': 'Your preferences',
+    'lead.stepContacts': 'Contacts',
+    'lead.stepCounter': 'Step {{current}} of 2 · {{label}}',
+    'lead.stepContactsTitle': 'We will help you choose a quest',
+    'lead.stepQuestMatchTitle': 'We will help you choose a quest',
+    'lead.stepContactsHint': 'Leave your contacts and preferred date — we will confirm the details.',
+    'lead.next': 'Next — contacts',
+    'lead.back': 'Back',
+    'lead.selection': 'Your choices',
+    'lead.edit': 'Edit',
+    'lead.collapse': 'Collapse',
     'lead.close': 'Close',
     'lead.another': 'Send another request',
     'lead.footnote': 'We will contact you and suggest options. A request is not a booking yet.',
@@ -41,6 +53,18 @@ const DEFAULTS = {
 const RU_DEFAULTS = {
     'lead.footnote': 'Менеджер свяжется с вами и предложит варианты. Заявка пока не бронирует игру.',
     'lead.timeUndecided': 'Пока не определился со временем',
+    'lead.guestsUnknown': 'Не знаю',
+    'lead.stepPlanning': 'Ваши пожелания',
+    'lead.stepContacts': 'Контакты',
+    'lead.stepCounter': 'Шаг {{current}} из 2 · {{label}}',
+    'lead.stepContactsTitle': 'Поможем выбрать ваш квест',
+    'lead.stepQuestMatchTitle': 'Поможем выбрать ваш квест',
+    'lead.stepContactsHint': 'Оставьте контакты, желаемую дату и время — мы уточним детали.',
+    'lead.next': 'Далее — контакты',
+    'lead.back': 'Назад',
+    'lead.selection': 'Вы выбрали',
+    'lead.edit': 'Изменить',
+    'lead.collapse': 'Свернуть',
 };
 const useLeadT = () => {
     var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@escapenavigator/hooks",
-  "version": "2.1.23",
+  "version": "2.1.25",
   "publishConfig": {
     "access": "public"
   },
@@ -14,9 +14,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@escapenavigator/services": "^2.1.23",
-    "@escapenavigator/types": "^2.1.23",
-    "@escapenavigator/utils": "^2.1.23",
+    "@escapenavigator/services": "^2.1.25",
+    "@escapenavigator/types": "^2.1.25",
+    "@escapenavigator/utils": "^2.1.25",
     "libphonenumber-js": "^1.12.24",
     "react": "19.2.6",
     "react-phone-input-2": "^2.15.1"
@@ -32,5 +32,5 @@
     "ts-jest": "^29.1.1",
     "typescript": "^5.6"
   },
-  "gitHead": "533e344e432372b89b80d81c0ce35bc27463b677"
+  "gitHead": "561bdff886f82b428de45a54fc63ce6f71500015"
 }