@redneckz/wildless-cms-uni-blocks 0.14.964 → 0.14.966

package/bundle/bundle.umd.js

@@ -1906,11 +1906,28 @@
             }
         }
     };
-    const handleDefault = async ({ formatData, data, aspects = {}, ev, router, responseTypeDialog, endpoint, }) => {
-        const ok = Boolean(await API$2.send(formatData, router, endpoint === 'lead'));
+    const handleDefault = async ({ formatData, data, aspects = {}, ev, router, responseTypeDialog, endpoint, withSnowplow, }) => {
+        const response = await API$2.send(formatData, router, endpoint === 'lead');
+        const ok = Boolean(response);
         responseTypeDialog.open({ ok });
         if (ok) {
-            handleAspects({ aspectsAttributes: data, aspects, ev });
+            const { requestId } = response;
+            const { phone } = formatData;
+            const utms = router.pathname.split('?')[1];
+            const eventJSON = JSON.stringify({
+                id: requestId,
+                phone: String(phone),
+                utm: utms,
+            });
+            const snowplowAspect = {
+                aspectName: 'snowplowEvent',
+                params: {
+                    eventAction: 'clickdepapl',
+                    eventJSON,
+                },
+            };
+            const aspectsData = withSnowplow ? [...(data ?? []), snowplowAspect] : data;
+            handleAspects({ aspectsAttributes: aspectsData, aspects, ev });
         }
     };
 
@@ -2187,7 +2204,7 @@
 
     const DAY_COUNT = 6;
     const WEEK_COUNT = 7;
-    const renderCalendarCells = ({ today, firstDayOfWeek, totalDays, currentMonth, currentYear, min, max, onDateClick, }) => {
+    const renderCalendarCells = ({ today, firstDayOfWeek, totalDays, currentMonth, currentYear, min, max, weekends, onDateClick, }) => {
         const calendarCells = [];
         let dayCounter = 1;
         for (let i = 0; i < DAY_COUNT; i++) {
@@ -2203,7 +2220,9 @@
                     const currentDate = new Date(currentYear, currentMonth, dayCounter);
                     const isToday = checkIsToday(currentDate, today);
                     const isDisabled = checkIsDisabled(currentDate, min, max);
-                    rowCells.push(jsx("td", { children: jsx("div", { className: getDayStyles(isToday, isDisabled), onClick: () => !isDisabled && onDateClick(currentDate), children: dayCounter }) }, `day-${dayCounter}`));
+                    const isWeekend = checkIsWeekend(currentDate, weekends);
+                    const isBlocked = isDisabled || isWeekend;
+                    rowCells.push(jsx("td", { children: jsx("div", { className: getDayStyles(isToday, isBlocked), onClick: () => !isBlocked && onDateClick(currentDate), children: dayCounter }) }, `day-${dayCounter}`));
                     dayCounter++;
                 }
             }
@@ -2213,12 +2232,19 @@
     };
     const checkIsToday = (currentDate, today) => today && currentDate.toDateString() === today.toDateString();
     const checkIsDisabled = (currentDate, min, max) => (min && currentDate.getTime() < min.getTime()) || (max && currentDate.getTime() > max.getTime());
-    const getDayStyles = (isToday = false, isDisabled = false) => style('p-s text-center rounded-md border', {
+    const checkIsWeekend = (currentDate, weekends) => {
+        if (!weekends || weekends.length === 0) {
+            return false;
+        }
+        const dayOfWeek = currentDate.getDay() === 0 ? 7 : currentDate.getDay();
+        return weekends.includes(dayOfWeek);
+    };
+    const getDayStyles = (isToday = false, isBlocked = false) => style('p-s text-center rounded-md border', {
         'border-transparent hover:bg-gray': !isToday,
-    }, isDisabled ? 'text-gray hover:bg-transparent' : 'cursor-pointer');
+    }, isBlocked ? 'text-gray hover:bg-transparent' : 'cursor-pointer');
 
     const WEEK_DAYS = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
-    const Calendar = JSX(({ today, currentMonth, currentYear, min, max, onDateSelect = noop }) => {
+    const Calendar = JSX(({ today, currentMonth, currentYear, min, max, weekends, onDateSelect = noop }) => {
         const { firstDayOfWeek, totalDays } = useMemo(() => ({
             firstDayOfWeek: new Date(currentYear, currentMonth, 1).getDay() - 1,
             totalDays: new Date(currentYear, currentMonth + 1, 0).getDate(),
@@ -2231,6 +2257,7 @@
                         currentMonth,
                         min,
                         max,
+                        weekends,
                         onDateClick: onDateSelect,
                     }) })] }));
     });
@@ -2425,7 +2452,7 @@
     };
     const DatePicker = JSX(
     // eslint-disable-next-line max-lines-per-function
-    ({ className = '', label = '', value, valid = true, minDate, maxDate, disabled, onChange }) => {
+    ({ className = '', label = '', value, valid = true, minDate, maxDate, disabled, weekends, onChange, }) => {
         const [isCalendarVisible, { setValue, setFalse: hideCalendar }] = useBool(false);
         const [selectedMonth, setSelectedMonth] = useState(value?.getMonth() || new Date().getMonth());
         const [selectedYear, setSelectedYear] = useState(value?.getFullYear() ?? new Date().getFullYear());
@@ -2454,7 +2481,7 @@
                             setSelectedYear,
                         }), isCalendarVisible && !disabled ? (jsxs("div", { className: style('absolute bg-white z-20 select-none', {
                                 'bottom-full': spaceAbove,
-                            }), children: [jsxs("div", { className: "flex gap-s", children: [jsx("div", { className: "my-auto", onClick: handlePrevMonth, children: jsx(Icon, { ...ICON_PROPS, className: "-rotate-90 cursor-pointer" }) }), jsx(Select, { onChange: handleSelectMonth, value: { key: months[selectedMonth] }, options: monthsOptions, ...SELECT_PROPS }), jsx(Select, { onChange: handleSelectYear, value: { key: String(selectedYear) }, options: yearsOptions, ...SELECT_PROPS }), jsx("div", { className: "my-auto", onClick: handleNextMonth, children: jsx(Icon, { ...ICON_PROPS, className: "rotate-90 cursor-pointer" }) })] }), jsx(Calendar, { today: value, currentMonth: selectedMonth, currentYear: selectedYear, min: minDate, max: maxDate, onDateSelect: handleDateSelect })] })) : null] })] }));
+                            }), children: [jsxs("div", { className: "flex gap-s", children: [jsx("div", { className: "my-auto", onClick: handlePrevMonth, children: jsx(Icon, { ...ICON_PROPS, className: "-rotate-90 cursor-pointer" }) }), jsx(Select, { onChange: handleSelectMonth, value: { key: months[selectedMonth] }, options: monthsOptions, ...SELECT_PROPS }), jsx(Select, { onChange: handleSelectYear, value: { key: String(selectedYear) }, options: yearsOptions, ...SELECT_PROPS }), jsx("div", { className: "my-auto", onClick: handleNextMonth, children: jsx(Icon, { ...ICON_PROPS, className: "rotate-90 cursor-pointer" }) })] }), jsx(Calendar, { today: value, currentMonth: selectedMonth, currentYear: selectedYear, min: minDate, max: maxDate, weekends: weekends, onDateSelect: handleDateSelect })] })) : null] })] }));
     });
 
     const DatePickerControl = JSX(({ className, label, error, required, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(DatePicker, { label: getRequiredLabel({ label, required }), valid: Boolean(!error), ...rest }), renderErrorText(error)] })));
@@ -3033,7 +3060,7 @@
     };
     const ApplicationForm = UniBlock(
     // eslint-disable-next-line max-lines-per-function
-    ({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, isContacts, data, onSuccess, ...rest }) => {
+    ({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, withSnowplow, isContacts, data, onSuccess, ...rest }) => {
         const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
         const initialFormState = useMemo(() => getInitialFormState$2(inputs, typeForm), [inputs, typeForm]);
         const router = useRouter();
@@ -3054,6 +3081,7 @@
                 verifyPhoneDialog,
                 onSuccess,
                 endpoint,
+                withSnowplow,
             });
         }, [typeForm]);
         const [, { field, onSubmit }] = useForm(initialFormState, {
@@ -4578,12 +4606,12 @@
 
     const SelectField = UniBlock(({ field, source, fieldName, placeholder = 'Выберите из списка', 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    options, ...rest }) => {
+    options, onChange, ...rest }) => {
         const leadOptions = source?.map((_) => ({
             key: _.key || '',
             text: _.value,
         })) || [];
-        return (jsx(SelectControl, { placeholder: placeholder, options: leadOptions, ...field(fieldName), ...rest }));
+        return (jsx(SelectControl, { placeholder: placeholder, options: leadOptions, ...field(fieldName), ...rest, onChange: onChange ?? field(fieldName)?.onChange }));
     });
 
     const AmountWorkersField = JSX(({ field, input }) => {
@@ -4651,29 +4679,42 @@
     const CardCategoryField = JSX(({ field, input }) => {
         const [cardTypes, setCardTypes] = useState([]);
         const [programId] = useLocalStorage('programId');
+        const { productType } = useRetailFormStore();
+        const isSalaryCard = programId === '38';
+        const isDebit = productType === 'debitCard';
+        const isEsiaAuth = Boolean(field('esiaAccountTypeCd')?.value?.key);
         const { value: selectedCardCategory, onChange: cardCategoryChange } = field('cardCategory');
         const selectedPaymentSystem = field('paymentSystem')?.value?.key;
+        const handleChangeIsMomentDebitCard = field('isMomentDebitCard')?.onChange;
         const getCardCategoryValue = useCallback((fetchedCardTypes) => fetchedCardTypes.length === 1
             ? {
                 key: fetchedCardTypes[0].key,
                 text: fetchedCardTypes[0].value,
             }
             : null, []);
+        const onChange = useCallback((value) => {
+            cardCategoryChange?.(value);
+            handleChangeIsMomentDebitCard?.(value?.text?.toLowerCase()?.includes('неимен'));
+        }, []);
         useEffect(() => {
             if (selectedPaymentSystem && programId) {
                 (async () => {
                     const fetchedCardTypes = await getCardTypes(selectedPaymentSystem, programId);
-                    setCardTypes(fetchedCardTypes);
-                    if (!isValidCardCategory(fetchedCardTypes, selectedCardCategory)) {
-                        cardCategoryChange?.(getCardCategoryValue(fetchedCardTypes));
+                    const actualCardTypes = isDebit && !isEsiaAuth && !isSalaryCard
+                        ? excludeSomeСategoriesCards(fetchedCardTypes)
+                        : fetchedCardTypes;
+                    setCardTypes(actualCardTypes);
+                    if (!isValidCardCategory(actualCardTypes, selectedCardCategory)) {
+                        cardCategoryChange?.(getCardCategoryValue(actualCardTypes));
                     }
                 })();
             }
         }, [selectedPaymentSystem, getCardCategoryValue]);
         const description = useMemo(() => cardTypes?.find((_) => _.key === selectedCardCategory?.key)?.description, [cardTypes, selectedCardCategory]);
-        return (jsxs("div", { children: [jsx(SelectField, { field: field, source: cardTypes, label: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F \u043A\u0430\u0440\u0442\u044B", fieldName: "cardCategory", input: input }), description ? jsx(InfoCard, { __html: description }) : null] }));
+        return (jsxs("div", { children: [jsx(SelectField, { field: field, source: cardTypes, label: "\u041A\u0430\u0442\u0435\u0433\u043E\u0440\u0438\u044F \u043A\u0430\u0440\u0442\u044B", fieldName: "cardCategory", input: input, onChange: onChange }), description ? jsx(InfoCard, { __html: description }) : null] }));
     });
     const isValidCardCategory = (cardTypes, selectedCardCategory) => cardTypes.some((cardType) => cardType.key === selectedCardCategory?.key);
+    const excludeSomeСategoriesCards = (cardTypes) => cardTypes.filter((cardType) => cardType.value && cardType.value.toLowerCase().includes(' именная'));
 
     const ChildrenField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u0435\u0442\u0435\u0439 \u0434\u043E 18 \u043B\u0435\u0442", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, type: "number", ...field(input?.name ?? ''), ...input })));
 
@@ -5272,14 +5313,37 @@
         return [employerOrganization, organization, amountWorkers, employerActivities].every(Boolean);
     };
 
-    const DeliveryDateFiels = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438", ...field(input?.name ?? ''), minDate: new Date() })));
+    const MIN_DATE = new Date(Date.now() + 1 * 24 * 60 * 60 * 1000);
+    const DeliveryDateFiels = JSX(({ field, input }) => {
+        const { productType } = useRetailFormStore();
+        const isDebit = productType === 'debitCard';
+        const minDate = isDebit ? MIN_DATE : new Date();
+        const { data } = useLeadFormData('DAYS_DELIVERY_SETTINGS');
+        const weekends = useMemo(() => {
+            const weekendItem = data?.find((item) => item.key === 'WEEKEND');
+            if (weekendItem && weekendItem.value) {
+                return weekendItem.value.split(',').map(Number);
+            }
+            return [];
+        }, [data]);
+        return (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438", ...field(input?.name ?? ''), minDate: minDate, weekends: isDebit ? weekends : [] }));
+    });
 
     const DeliveryTimeField = JSX(({ field, input }) => {
+        const { productType } = useRetailFormStore();
+        const isDebit = productType === 'debitCard';
         const { data } = useLeadFormData('COURIER_DELIVERY_TIME');
-        const deliveryTime = useMemo(() => data?.map((_) => ({
-            id: _.key,
-            text: _.value,
-        })) ?? [], [data]);
+        const creditDeliveryTime = ['TIME_1', 'TIME_2', 'TIME_3'];
+        const debitDeliveryTime = ['TIME_4', 'TIME_5'];
+        const deliveryTime = useMemo(() => {
+            const allowedTimes = isDebit ? debitDeliveryTime : creditDeliveryTime;
+            return (data || [])
+                .filter((item) => item.key && allowedTimes.includes(item.key))
+                .map((item) => ({
+                id: item.key,
+                text: item.value,
+            }));
+        }, [data, isDebit]);
         return (jsx(RadioButtonGroupControl, { label: "\u0412\u0440\u0435\u043C\u044F \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438", className: "flex-row", items: deliveryTime, ...field(input?.name ?? '') }));
     });
 
@@ -5636,11 +5700,11 @@
     };
 
     const RegionRetailField = JSX(({ field, input }) => {
-        const { programId, productType } = useRetailFormStore();
+        const { productType } = useRetailFormStore();
         const { data: regions } = useLeadFormData('REGION_RF');
         const { data: regionsDelivery } = useAsyncData('regionsDelivery', getRegionsCardDelivery);
         const { data: productSettings } = useLeadFormData(getCurrentProductSettings(productType));
-        const isSalaryCard = programId === '38';
+        const isEsiaAuth = field('esiaAccountTypeCd')?.value?.key;
         const formatRegions = regions?.map(({ key, value }) => ({ key, text: value }));
         const isDeliveryActive = productSettings?.find((_) => _?.key === 'DELIVERY_ACTIVE')?.value === 'true';
         const handleChangeRegion = field('regionRetail')?.onChange;
@@ -5649,11 +5713,11 @@
         const onChange = useCallback((value) => {
             const regionHasDelivery = isDeliveryActive &&
                 regionsDelivery?.find((_) => _.regionCode === value.key)?.deliveryFlg &&
-                !isSalaryCard;
+                Boolean(isEsiaAuth);
             handleChangeRegionHasDelivery?.(regionHasDelivery);
             handleChangeMethodObtain?.(regionHasDelivery ? 'courier' : 'office');
             handleChangeRegion?.(value);
-        }, [regionsDelivery, isDeliveryActive]);
+        }, [regionsDelivery, isDeliveryActive, isEsiaAuth]);
         return (jsx(SelectControl, { label: "\u0420\u0435\u0433\u0438\u043E\u043D", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043E\u043D", isSearch: true, options: formatRegions, ...field(input?.name ?? ''), onChange: onChange }));
     });
     const getCurrentProductSettings = (productType) => productType === 'debitCard' ? 'DEBIT_CARD_LEAD_PROCESS_SETTINGS' : 'CREDIT_LEAD_PROCESS_SETTINGS';
@@ -8834,6 +8898,8 @@
         STATUS_TYPE["dboClient"] = "DBO_CLIENT";
         STATUS_TYPE["clientNotOk"] = "CLIENT_NOT_OK";
         STATUS_TYPE["notFound"] = "NOT_FOUND";
+        STATUS_TYPE["clientFound"] = "CLIENT_FOUND";
+        STATUS_TYPE["newClient"] = "NEW_CLIENT";
     })(STATUS_TYPE || (STATUS_TYPE = {}));
     const getTaskStatus = (body) => fetchRetailJSON('/user-data/getTaskStatus', 'POST', body);
 
@@ -10510,11 +10576,10 @@
                     signalType: 'FIND_PERSON_SIGNAL',
                     taskId,
                 });
-                isOffice &&
-                    (await sendSignalToProcess({
-                        signalType: 'SET_PERSON_SIGNAL',
-                        taskId,
-                    }));
+                await sendSignalToProcess({
+                    signalType: 'SET_PERSON_SIGNAL',
+                    taskId,
+                });
                 setStatus(statusCd || STATUS_TYPE.notFound);
             })();
         }, [taskId]);
@@ -10525,6 +10590,8 @@
             IN_PROCESS: jsx(PendingStatusContent, {}),
             NOT_FOUND: jsx(FailedStatusContent, {}),
             CLIENT_NOT_OK: jsx(FailedStatusContent, {}),
+            NEW_CLIENT: jsx(SuccessStatusContent, { isOffice: isOffice }),
+            CLIENT_FOUND: jsx(SuccessStatusContent, { isOffice: isOffice }),
             DBO_CLIENT: isSalaryCard ? jsx(SalaryDboClientStatusContent, {}) : jsx(DboClientStatusContent, {}),
             PRE_DECISION: jsx(SuccessStatusContent, { isOffice: isOffice }), //
         };
@@ -10577,6 +10644,7 @@
         },
         {
             paymentSystem: { key: '', text: '' },
+            isMomentDebitCard: true,
             currency: '810',
             codeWord: '',
             latinName: '',
@@ -10684,7 +10752,7 @@
                         formData: formData,
                     }));
                 }
-                if (isFinalStep || formData.methodObtain === 'courier') {
+                if (isFinalStep) {
                     onFinish?.();
                     resetForm();
                 }
@@ -10789,6 +10857,30 @@
                 },
             ],
         },
+        {
+            inputs: [
+                {
+                    name: 'deliveryDate',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
+                    },
+                    required: true,
+                },
+            ],
+        },
+        {
+            inputs: [
+                {
+                    name: 'deliveryTime',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
+                    },
+                    required: true,
+                },
+            ],
+        },
         {
             inputs: [
                 {
@@ -10864,6 +10956,20 @@
                 },
             ],
         },
+        {
+            inputs: [
+                {
+                    name: 'infoCard',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
+                    },
+                    label: 
+                    // eslint-disable-next-line max-len
+                    'Проверьте полученные данные с портала Государственных услуг. При наличии ошибки, закройте заявку и оформите заявку заново без авторизации через портал Государственных услуг.',
+                },
+            ],
+        },
     ];
     const DEBIT_CARD_CONTENT = [
         {
@@ -10880,16 +10986,40 @@
         {
             title: 'Отображение на карте',
             inputs: [],
+            condition: {
+                name: 'isMomentDebitCard',
+                values: [false],
+            },
         },
         {
             columns: 2,
-            inputs: [{ name: 'latinName' }, { name: 'latinSurname', required: true }],
+            inputs: [
+                {
+                    name: 'latinName',
+                    condition: {
+                        name: 'isMomentDebitCard',
+                        values: [false],
+                    },
+                },
+                {
+                    name: 'latinSurname',
+                    required: true,
+                    condition: {
+                        name: 'isMomentDebitCard',
+                        values: [false],
+                    },
+                },
+            ],
         },
         {
             inputs: [
                 {
                     name: 'infoCard',
                     label: 'Проверьте корректность заполненных полей, при необходимости внесите изменения.',
+                    condition: {
+                        name: 'isMomentDebitCard',
+                        values: [false],
+                    },
                 },
             ],
         },
@@ -10903,6 +11033,10 @@
                     label: 
                     // eslint-disable-next-line max-len
                     'Количество символов ограничивается 20. При этом, если фамилия и имя на карте содержит более 21 символа, то необходимо сократить имя и указывать на карте только первую букву имени и фамилию, если при таком сокращении фамилия и имя не умещается в количество символов – 20, то указывать только фамилию.',
+                    condition: {
+                        name: 'isMomentDebitCard',
+                        values: [false],
+                    },
                 },
             ],
         },
@@ -12900,7 +13034,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.963";
+    const packageVersion = "0.14.965";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;