@redneckz/wildless-cms-uni-blocks 0.14.821 → 0.14.822

package/bundle/bundle.umd.js

@@ -2429,25 +2429,27 @@
 
     const ERROR_MESSAGE = 'Некорректно заполненное поле';
     const ADDRESS_ERROR_MESSAGE = 'Укажите регион, город/населенный пункт, улицу, дом';
-    const MIN_AGE = 23;
-    const MAX_AGE = 75;
-    const AGE_ERROR_MESSAGE = 'Допустимый возраст заёмщика - от 23 до 75 лет';
     const addressDaDataValidate = (address) => Boolean(address.region && (address.city || address.locality) && address.house);
     const addressDaDataValidator = () => validator(addressDaDataValidate)(ADDRESS_ERROR_MESSAGE);
     const addressOrganizationValidator = () => validator((address) => Boolean(address.fiasCode && (address.city || address.locality) && address.house))(ADDRESS_ERROR_MESSAGE);
     const codeWordValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length >= 3 && _.length <= 21 && isCyrillic(_))(errorMsg ?? ERROR_MESSAGE);
     const jobNumberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && /^[0-9]{1,2}$/g.test(_))(errorMsg ?? ERROR_MESSAGE);
     const lengthStringValidator = (inputLength, errorMsg) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= inputLength)(errorMsg ?? ERROR_MESSAGE);
-    const limitedBirthdayValidate = (date) => {
+    const limitedBirthdayValidate = ({ minAge, maxAge }) => (date) => {
         const today = new Date();
-        const minDate = new Date(today.getFullYear() - MIN_AGE, today.getMonth(), today.getDate());
-        const maxDate = new Date(today.getFullYear() - MAX_AGE, today.getMonth(), today.getDate());
-        if (!date || date > minDate || date < maxDate) {
+        const minDate = new Date(today.getFullYear() - minAge, today.getMonth(), today.getDate());
+        const maxDate = maxAge
+            ? new Date(today.getFullYear() - maxAge, today.getMonth(), today.getDate())
+            : null;
+        if (!date || date > minDate) {
+            return false;
+        }
+        if (maxDate && date < maxDate) {
             return false;
         }
         return true;
     };
-    const limitedBirthdayValidator = () => validator(limitedBirthdayValidate)(AGE_ERROR_MESSAGE);
+    const limitedBirthdayValidator = (params) => validator(limitedBirthdayValidate(params))(params.errorMessage);
     const numberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
     const serieValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
     const snilsValidate = (snils) => {
@@ -2469,6 +2471,23 @@
     };
     const snilsValidator = (errorMsg) => validator(snilsValidate)(errorMsg);
 
+    const limitedBirthdayValidationData = {
+        credit: {
+            minAge: 23,
+            maxAge: 75,
+            errorMessage: 'Допустимый возраст заёмщика - от 23 до 75 лет',
+        },
+        creditCard: {
+            minAge: 21,
+            errorMessage: 'Допустимый возраст заёмщика - от 21 года',
+        },
+        debitCard: {
+            minAge: 18,
+            errorMessage: 'Допустимый возраст - от 18 лет',
+        },
+    };
+    const getLimitedBirthdayValidation = (productType) => limitedBirthdayValidator(limitedBirthdayValidationData[productType]);
+
     const validatorConsentsObj = {
         processPersonalDataFlg: agreementValidator,
         consentProviderFlg: agreementValidator,
@@ -2503,7 +2522,6 @@
         addressRetail: defaultSelectValidator('Выберите адрес банка'),
         addressMatch: defaultValidator(),
         sex: defaultValidator('Укажите свой пол'),
-        limitedBirthday: limitedBirthdayValidator(),
         birthPlace: defaultValidator('Укажите место рождения'),
         education: defaultSelectValidator('Выберите ваше образование'),
         housing: defaultSelectValidator('Выберите тип жилья'),
@@ -6088,8 +6106,9 @@
     const ApplicationLeadForm = JSX(({ className, title, programId = '', nextStepLink = '/credit-lead', button, productType = 'credit', data, ...rest }) => {
         const [esiaError, { setTrue: setEsiaError }] = useBool(false);
         const applicationFormData = useMemo(() => getApplicationFormData(productType), [productType]);
-        const inputs = useMemo(() => (applicationFormData?.flatMap((_) => _?.inputs) || []), [applicationFormData]);
-        const formValidator = useMemo(() => getFormValidator(inputs, validatorObj), [inputs]);
+        const inputs = useMemo(() => getInputs(applicationFormData), [applicationFormData]);
+        const extendedValidatorObj = useMemo(() => getExtendedValidatorObj(productType), [productType]);
+        const formValidator = useMemo(() => getFormValidator(inputs, extendedValidatorObj), [inputs, extendedValidatorObj]);
         const [initialFormState, { isLoading }] = useInitApplicationLead({
             inputs,
             nextStepLink,
@@ -6115,6 +6134,11 @@
         }, [ok]);
         return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, applicationFormData.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$1({ field, inputs: _?.inputs }, productType)] }, `section-${i}`))), renderSubmitButton(button, isSending), esiaError ? (jsx(Text, { size: "text-m", font: "font-medium", color: "text-error", children: "\u0418\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0413\u043E\u0441\u0443\u0441\u043B\u0443\u0433\u0438 \u0434\u043B\u044F \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u044F \u0437\u0430\u044F\u0432\u043A\u0438 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E, \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u0437\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u043F\u043E\u043B\u044F \u0432\u0440\u0443\u0447\u043D\u0443\u044E." })) : null] }) }));
     });
+    const getInputs = (applicationFormData) => (applicationFormData?.flatMap((_) => _?.inputs) || []);
+    const getExtendedValidatorObj = (productType) => ({
+        ...validatorObj,
+        limitedBirthday: getLimitedBirthdayValidation(productType),
+    });
 
     const NotFound = JSX(({ title, description }) => {
         const isMobileMode = useMobileMode();
@@ -8059,11 +8083,16 @@
         return [initialState, handleSubmit, isSending];
     };
 
+    const PRODUCT_TYPE$2 = 'creditCard';
+    const extendedValidatorObj$2 = {
+        ...validatorObj,
+        limitedBirthday: getLimitedBirthdayValidation(PRODUCT_TYPE$2),
+    };
     const CreditCardFormStep = JSX(({ step, sections, onPrevStep, onNextStep, onFinish }) => {
         const inputs = useMemo(() => sections?.flatMap((_) => _?.inputs || []), [sections]);
         const formValidator = useCallback((formState) => 
         // TODO Слишком сложно
-        getFormValidator(calculateInputs((_) => formState[_])(inputs, step), validatorObj)(formState), [inputs]);
+        getFormValidator(calculateInputs((_) => formState[_])(inputs, step), extendedValidatorObj$2)(formState), [inputs]);
         const [initialState, onSubmit, isSending] = useCreditCardFormAPI({
             step,
             onNextStep,
@@ -8877,13 +8906,18 @@
         return [initialState, handleSubmit, isSending];
     };
 
+    const PRODUCT_TYPE$1 = 'credit';
+    const extendedValidatorObj$1 = {
+        ...validatorObj,
+        limitedBirthday: getLimitedBirthdayValidation(PRODUCT_TYPE$1),
+    };
     const CreditFormStep = JSX(({ step, sections, programsSource, onPrevStep, onNextStep, onFinish }) => {
         const { programId } = useRetailFormStore();
         const calcData = programsSource?.[programId ?? '']; // Need normalizator useForm, to be save defaultParams
         const inputs = useMemo(() => sections?.flatMap((_) => _?.inputs ?? []), [sections]);
         const formValidator = useCallback((formState) => 
         // TODO Слишком сложно
-        getFormValidator(calculateInputs((_) => formState[_])(inputs, step), validatorObj)(formState), [inputs]);
+        getFormValidator(calculateInputs((_) => formState[_])(inputs, step), extendedValidatorObj$1)(formState), [inputs]);
         const [initialState, onSubmit, isSending] = useCreditFormAPI({
             step,
             onNextStep,
@@ -9193,11 +9227,16 @@
         return [initialState, handleSubmit, isSending];
     };
 
+    const PRODUCT_TYPE = 'debitCard';
+    const extendedValidatorObj = {
+        ...validatorObj,
+        limitedBirthday: getLimitedBirthdayValidation(PRODUCT_TYPE),
+    };
     const DebitFormStep = JSX(({ step, sections, onPrevStep, onNextStep, onFinish }) => {
         const inputs = useMemo(() => sections?.flatMap((_) => _?.inputs ?? []), [sections]);
         const formValidator = useCallback((formState) => 
         // TODO Слишком сложно
-        getFormValidator(calculateInputs((_) => formState[_])(inputs, step), validatorObj)(formState), [inputs]);
+        getFormValidator(calculateInputs((_) => formState[_])(inputs, step), extendedValidatorObj)(formState), [inputs]);
         const [initialState, onSubmit, isSending] = useDebitFormAPI({
             step,
             onNextStep,
@@ -11554,7 +11593,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.820";
+    const packageVersion = "0.14.821";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;