@redneckz/wildless-cms-uni-blocks 0.14.845 → 0.14.850

package/bundle/bundle.umd.js

@@ -1057,9 +1057,12 @@
             : { secondaryPhoneNumber: formatPhone(secondaryPhone) };
     };
 
-    const handleAspects = ({ aspectsAttributes, aspects, ev }) => {
+    const handleAspects = async ({ aspectsAttributes, aspects, ev }) => {
         for (const { aspectName, params } of aspectsAttributes ?? []) {
-            aspects[aspectName ?? '']?.(ev, params);
+            const aspectFn = aspects[aspectName ?? ''];
+            if (aspectFn) {
+                await aspectFn(ev, params);
+            }
         }
     };
 
@@ -1102,7 +1105,7 @@
         return url.toString();
     };
 
-    const forwardQuery = (ev) => {
+    const forwardQuery = async (ev) => {
         const anchor = ev.target?.closest('a');
         const navigator = locationNavigator();
         if (isURL(anchor?.href) && !anchor?.href?.startsWith(navigator.origin)) {
@@ -2463,6 +2466,7 @@
         return false;
     })('Укажите дату выдачи паспорта');
     const deliveryDateValidator = (errorMsg) => validator((_) => _?.getTime() >= new Date().getTime())(errorMsg);
+    const notLaterDateValidator = (errorMsg) => validator((_) => _?.getTime() <= new Date().getTime())(errorMsg);
     const numberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
     const serieValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
     const snilsValidate = (snils) => {
@@ -2529,7 +2533,7 @@
         lastJobExperience: jobNumberValidator('Укажите стаж на последнем месте работы'),
         experience5Years: jobNumberValidator('Укажите общий стаж за последние 5 лет'),
         jobsNumber: jobNumberValidator('Укажите количество мест работы за последние 5 лет'),
-        beginDate: defaultValidator('Укажите дату заключения трудового договора'),
+        beginDate: notLaterDateValidator('Укажите дату заключения трудового договора'),
         addressFact: addressDaDataValidator(),
         addressRegistration: addressDaDataValidator(),
         addressRetail: defaultSelectValidator('Выберите адрес банка'),
@@ -2556,7 +2560,7 @@
         dulNumber: numberValidator('Укажите номер паспорта'),
         dulSubdivisionCode: numberValidator('Укажите код подразделения'),
         dulIssuedBy: defaultValidator('Укажите организацию, выдавшую паспорт'),
-        participantDateRegistration: defaultValidator('Укажите дату регистрации'),
+        participantDateRegistration: notLaterDateValidator('Укажите дату регистрации'),
         retirementIncome: defaultValidator(),
         otherIncome: defaultValidator(),
         wages: defaultValidator(),
@@ -3509,16 +3513,6 @@
             });
         }
     };
-    const initializeExternalStylesheet = (url = '') => {
-        const link = globalThis.document.getElementById(url);
-        if (!link) {
-            const newLink = globalThis.document.createElement('link');
-            newLink.href = url;
-            newLink.id = url;
-            newLink.rel = 'stylesheet';
-            globalThis.document.head.appendChild(newLink);
-        }
-    };
     function useExternalNS(namespaceName, url, unmountNS = true) {
         const [externalNS, setExternalNS] = useState(undefined);
         useEffect(() => {
@@ -3852,7 +3846,7 @@
 
     const BankruptcyFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u0412 \u043E\u0442\u043D\u043E\u0448\u0435\u043D\u0438\u0438 \u043C\u0435\u043D\u044F \u0432\u0435\u0434\u0451\u0442\u0441\u044F \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u043E \u043F\u043E \u0434\u0435\u043B\u0443 \u043E \u0431\u0430\u043D\u043A\u0440\u043E\u0442\u0441\u0442\u0432\u0435", ...field(input?.name ?? '') })));
 
-    const BeginDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u043D\u0430\u0447\u0430\u043B\u0430 \u0440\u0430\u0431\u043E\u0442\u044B \u043D\u0430 \u0442\u0435\u043A\u0443\u0449\u0435\u043C \u043C\u0435\u0441\u0442\u0435", ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
+    const BeginDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u043D\u0430\u0447\u0430\u043B\u0430 \u0440\u0430\u0431\u043E\u0442\u044B \u043D\u0430 \u0442\u0435\u043A\u0443\u0449\u0435\u043C \u043C\u0435\u0441\u0442\u0435", ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input), maxDate: new Date() })));
 
     const BirthPlaceField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041C\u0435\u0441\u0442\u043E \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
 
@@ -4746,7 +4740,7 @@
 
     const OtherIncomeField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u0418\u043D\u044B\u0435 \u0434\u043E\u0445\u043E\u0434\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...field(input?.name ?? ''), ...input })));
 
-    const ParticipantDateRegistrationField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043F\u043E \u043C\u0435\u0441\u0442\u0443 \u0436\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430", ...field(input?.name ?? '') })));
+    const ParticipantDateRegistrationField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043F\u043E \u043C\u0435\u0441\u0442\u0443 \u0436\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430", ...field(input?.name ?? ''), maxDate: new Date() })));
 
     const MAX_PART = 100;
     const MIN_PART = 0;
@@ -7806,7 +7800,9 @@
         const cleanElements = [
             !checkCondition({ condition }, getValue(field)) ? renderTitle(title) : null,
             ...renderInputs({ field, inputs, params }),
-        ].filter(Boolean);
+        ]
+            .filter(Boolean)
+            .map((_, j) => ({ ..._, key: _.key ?? `elem-${j}` }));
         return cleanElements.length ? (jsx("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: cleanElements }, `section-${i}`)) : null;
     });
     const getValue = (field) => (name) => field(name)?.value;
@@ -9859,65 +9855,18 @@
     });
     const getDataTestIdAttribute = (dataTestId) => dataTestId ? { 'data-test-id': dataTestId } : null;
 
-    const CHAT_NAMESPACE = 'chatbot';
-    const CHAT_BUTTON_EXTERNAL_NAME = 'text-page__btn-chat';
-    const CHAT_FRAME_ID = 'webchat-js-container:webchat_rshb';
-    const CHAT_STORAGE_NAME = 'webchat-keep-open';
-    const BUSINESS_CHAT_PREFIX = '/webchat-api';
-    const BUSINESS_CHAT_CLASSNAME = '@container fixed right-0 bottom-0 top-0 h-full w-full z-[100] @3xl:w-auto h-fit';
-    const CHATBOT_URL = {
-        personal: '//chat.mes.rshb.ru/assets/js/webchat_rshb',
-        business: '/webchat',
-    };
-    const useChatBot = (chat) => {
-        const [isLoading, setIsLoading] = useState(false);
-        useEffect(() => globalThis.localStorage?.setItem(CHAT_STORAGE_NAME, String(Date.now())), []);
-        const chatUrl = CHATBOT_URL[chat ?? ''];
-        const load = useCallback((ev) => {
-            if (!chatUrl) {
-                return;
-            }
-            setIsLoading(true);
-            if (chat === 'business') {
-                renderBusinessChatBot(chatUrl).finally(() => setIsLoading(false));
-            }
-            else {
-                renderPersonalChatBot(ev, chatUrl).finally(() => setIsLoading(false));
+    const CHAT_BOT_ASPECT_NAME = 'openChatBot';
+    const HeaderChatBotButton = JSX(({ iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large' }) => {
+        const [isLoading, { setTrue: startLoad, setFalse: endLoad }] = useBool(false);
+        const aspects = useAspects();
+        const handleClick = useCallback((ev) => {
+            const openChatBot = aspects[CHAT_BOT_ASPECT_NAME];
+            if (openChatBot) {
+                startLoad();
+                openChatBot(ev).finally(endLoad);
             }
-        }, [chatUrl, chat]);
-        return { load, isLoading };
-    };
-    const renderPersonalChatBot = async (ev, chatUrl) => {
-        const target = ev.target;
-        if (!target?.classList.contains(CHAT_BUTTON_EXTERNAL_NAME)) {
-            target?.classList.add(CHAT_BUTTON_EXTERNAL_NAME);
-        }
-        const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
-        if (!chatFrame) {
-            await initializeExternalNS(CHAT_NAMESPACE, chatUrl);
-        }
-    };
-    const renderBusinessChatBot = async (chatUrl) => {
-        const businessChat = (await initializeExternalNS(CHAT_NAMESPACE, `${chatUrl}/bundle.js`, true));
-        initializeExternalStylesheet(`${chatUrl}/bundle.css`);
-        const chatFrame = globalThis.document.getElementById(CHAT_FRAME_ID);
-        if (chatFrame) {
-            businessChat?.chatOpen?.();
-        }
-        else {
-            createChatFrame();
-            businessChat?.render?.(CHAT_FRAME_ID, true, BUSINESS_CHAT_PREFIX, BUSINESS_CHAT_CLASSNAME);
-        }
-    };
-    const createChatFrame = () => {
-        const chatFrame = globalThis.document.createElement('div');
-        chatFrame.id = CHAT_FRAME_ID;
-        globalThis.document.body.appendChild(chatFrame);
-    };
-
-    const HeaderChatBotButton = JSX(({ chat = 'personal', iconVersion, className, ariaLabel = 'Чат', version, buttonSize = 'large', }) => {
-        const { load, isLoading } = useChatBot(chat);
-        return (jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'ChatBotIcon', iconVersion }, ariaLabel: ariaLabel, onClick: load, buttonSize: buttonSize, isGrayBg: true, version: version, isLoading: isLoading, dataTestId: "chat icon" }));
+        }, []);
+        return (jsx(HeaderSecondaryMenuButton, { className: className, image: { icon: 'ChatBotIcon', iconVersion }, ariaLabel: ariaLabel, onClick: handleClick, buttonSize: buttonSize, isGrayBg: true, version: version, isLoading: isLoading, disabled: isLoading, dataTestId: "chat icon" }));
     });
 
     const HeaderItem = JSX(({ className = '', active, dataItemName, children, data, ...rest }) => {
@@ -9962,7 +9911,7 @@
                 ? handleIntersectionActivation$1(index)
                 : handleIntersectionDeactivation$1(index));
         }), [subItems]);
-        return (jsxs("nav", { className: "mt-s flex gap-s items-center justify-between", children: [jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-lg", role: "menu", children: subItems.map((_, i) => (jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { items: dropDownMenuItems, activeItem: activeSubItem, ariaLabel: dropdownMenuAriaLabel })) : null, projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { version: version, iconVersion: iconVersion, chat: projectSettings.CHAT_BOT, ariaLabel: chatBotAriaLabel })) : null, jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
+        return (jsxs("nav", { className: "mt-s flex gap-s items-center justify-between", children: [jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-lg", role: "menu", children: subItems.map((_, i) => (jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { items: dropDownMenuItems, activeItem: activeSubItem, ariaLabel: dropdownMenuAriaLabel })) : null, projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { version: version, iconVersion: iconVersion, ariaLabel: chatBotAriaLabel })) : null, jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
     });
     const handleIntersectionActivation$1 = (index) => (prev) => Math.max(prev, index + 1);
     const handleIntersectionDeactivation$1 = (index) => (prev) => Math.min(prev, index);
@@ -11036,7 +10985,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.844";
+    const packageVersion = "0.14.849";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;