@redneckz/wildless-cms-uni-blocks 0.14.607 → 0.14.609

package/bundle/api/RetailAPI/updateUserProfile.d.ts

@@ -15,6 +15,8 @@ export declare type UpdateUserProfileBody = {
         consentAssignmentClaimsFlg?: boolean;
         consentCollectionFlg?: boolean;
         consentInformFlg?: boolean;
+        consentBkiFlg?: boolean;
+        smsConsentBki?: string;
     };
 };
 export declare const updateUserProfile: (body: UpdateUserProfileBody) => Promise<CreateUserProfileResponse>;

package/bundle/bundle.umd.js

@@ -1991,17 +1991,6 @@
         },
     };
 
-    const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Icon, { name: "CloseIcon", width: "20", height: "20", iconVersion: "gray" }) })));
-
-    const Dialog = JSX(({ className, head, children, onClose, onClick }) => {
-        const { close } = useDialogManager();
-        const handleClose = useCallback(() => {
-            close();
-            onClose && onClose();
-        }, [onClose]);
-        return (jsxs("div", { onClick: onClick, className: style('relative min-h-full bg-white pt-0 p-lg', className), role: "dialog", children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0", onClose: handleClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-6xl", children: children })] }));
-    });
-
     async function doRequest(url, method, body) {
         const response = await fetch(`${API_BASE_URI}${url}`, {
             method,
@@ -2031,16 +2020,28 @@
         return URL.createObjectURL(response);
     };
 
-    const OPEN_DOC_BUTTON_TEXT = 'Ознакомиться';
-    const CheckboxWithDoc = JSX(({ className, error, docId, ...props }) => {
-        const { open } = useDialogManager();
-        return (jsxs("div", { className: className, children: [jsxs("div", { className: "flex flex-wrap gap-x-m", children: [jsx(Checkbox, { ...props }), docId ? (jsx(LinkButton, { className: "text-primary-main", onClick: () => handleOpenDocument(docId, open), children: jsx(Text, { children: OPEN_DOC_BUTTON_TEXT }) })) : null] }), renderErrorText(error)] }));
+    const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Icon, { name: "CloseIcon", width: "20", height: "20", iconVersion: "gray" }) })));
+
+    const Dialog = JSX(({ className, head, children, onClose, onClick }) => {
+        const { close } = useDialogManager();
+        const handleClose = useCallback(() => {
+            close();
+            onClose && onClose();
+        }, [onClose]);
+        return (jsxs("div", { onClick: onClick, className: style('relative min-h-full bg-white pt-0 p-lg', className), role: "dialog", children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0", onClose: handleClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-6xl", children: children })] }));
     });
-    const handleOpenDocument = async (id, open) => {
+
+    const openDocument = async (id, open) => {
         const document = await getDocument(id);
         open(jsx(Dialog, { className: "my-6xl max-w-4xl mx-auto px-0 min-h-0 pb-0", children: jsx("iframe", { src: `${document}#toolbar=0`, className: "w-full h-[80vh]", id: "iframe-dialog" }) }));
     };
 
+    const OPEN_DOC_BUTTON_TEXT = 'Ознакомиться';
+    const CheckboxWithDoc = JSX(({ className, error, docId, ...props }) => {
+        const { open } = useDialogManager();
+        return (jsxs("div", { className: className, children: [jsxs("div", { className: "flex flex-wrap gap-x-m", children: [jsx(Checkbox, { ...props }), docId ? (jsx(LinkButton, { className: "text-primary-main", onClick: () => openDocument(docId, open), children: jsx(Text, { children: OPEN_DOC_BUTTON_TEXT }) })) : null] }), renderErrorText(error)] }));
+    });
+
     const ConsentField = JSX(({ field, input }) => input && input.name ? (jsx(CheckboxWithDoc, { text: CONSENTS[input.name]?.text, docId: CONSENTS[input.name]?.docId, ...getValidation(field(input.name), validatorObj[input.name], input?.required) })) : null);
 
     const LABEL_TEXT = 
@@ -2715,7 +2716,7 @@
             ?.some((_) => Boolean(withValidator(field(_?.name), validatorObj[_?.name]).error)), [inputs]);
         return (jsx("div", { className: "w-fit", children: jsx(Foldable, { isFoldButtonOnTop: true, unfoldedByDefault: true, renderFoldableSection: ({ isUnfolded }) => (jsx(FoldableSection, { isUnfolded: isUnfolded, className: "flex flex-col pl-2xl", children: inputs.map(getField(field, typeForm)) })), renderFoldButton: renderGeneralCheckbox(jsxs("div", { children: [jsx(Checkbox, { value: isChecked, onChange: handleGeneralToggle, text: CONSENT_ALL_DOCS_TEXT }, key), renderErrorText(hasValidationErrors ? CONSENT_REQUIRED : '')] })) }) }));
     });
-    const renderGeneralCheckbox = (generalCheckBox) => (foldableData) => (jsxs("div", { className: "flex items-start", children: [generalCheckBox, jsx("button", { onClick: foldableData.onToggle, className: "px-m py-2xs", children: jsx(Icon, { className: "text-primary-text", name: foldableData.isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16" }) })] }));
+    const renderGeneralCheckbox = (generalCheckBox) => (foldableData) => (jsxs("div", { className: "flex items-start", children: [generalCheckBox, jsx("button", { onClick: foldableData.onToggle, className: "px-m py-2xs", type: "button", children: jsx(Icon, { className: "text-primary-text", name: foldableData.isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16" }) })] }));
 
     const renderInputs = ({ field, typeForm = '', inputs }) => {
         const { consentInputs, restInputs } = splitInputs(inputs || []);
@@ -2777,7 +2778,7 @@
 
     const createUserProfile = (body) => doRequest('/public-data/createUserProfile', 'POST', body);
 
-    const updateUserProfile = (body) => doRequest('/user-data/updateUserProfile', 'POST', body);
+    const updateUserProfile = (body) => doRequest('/user-data/updateUserProfile', 'PUT', body);
 
     const updateUserTask = (body) => doRequest('/user-data/updateUserTask', 'PUT', body);
 
@@ -3028,7 +3029,7 @@
                     smsCodesSetName: { key: 'AUTHENTICATION' },
                 });
                 resetError();
-                close && close();
+                close && close(values.join(''));
             }
             catch {
                 setIsLoading(false);
@@ -3079,19 +3080,92 @@
     const renderTextButton = (textButton, isDisabled, handleSubmit) => textButton ? (jsx(SubmitButton, { isDisabled: isDisabled, onClick: handleSubmit, text: textButton })) : null;
     const renderText$1 = (timeNextReq, setTimeNextReq, sendCode) => timeNextReq ? (jsxs("div", { className: "flex flex-row text-l font-light text-primary-main", children: ["\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434 \u043C\u043E\u0436\u043D\u043E \u0447\u0435\u0440\u0435\u0437", jsx(Timer, { className: "text-primary-main ml-1", time: timeNextReq, setTime: setTimeNextReq })] })) : (jsx(LinkButton, { onClick: sendCode, className: "text-primary-main", children: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043D\u043E\u0432\u044B\u0439 \u043A\u043E\u0434" }));
 
-    const useVerifyPhoneDialog = (props) => {
+    const useVerifyPhoneDialog = () => {
         const { open, close } = useDialogManager();
         return {
-            open: (options = {}) => open(jsx(VerifyPhoneDialog, { onClose: close, ...props }), options),
+            open: (handleClose, props) => open(jsx(VerifyPhoneDialog, { onClose: close, close: handleClose, ...props })),
             close,
         };
     };
 
+    const defaultConsentText = {
+        title: 'Подпишите согласие на запрос в БКИ',
+        description: 'Согласие на запрос в Бюро кредитных историй (БКИ) ускорит решение по кредиту',
+    };
+    const refuseConsentText = {
+        title: 'Вы уверены, что хотите отказаться от запроса в БКИ',
+        description: 'Согласие на запрос в Бюро кредитных историй (БКИ) повысит вероятность одобрения',
+    };
+    const ConsentBkiDialog = JSX(function ({ handleSubmit = noop, onClose = noop, }) {
+        const [confirmStatus, setConfirmStatus] = useState('');
+        const [showRefuceContent, setShowRefuceContent] = useState(false);
+        const { open, close } = useDialogManager();
+        const handleClose = useCallback(() => {
+            close();
+            handleSubmit(confirmStatus);
+        }, [confirmStatus]);
+        const handleConfirmChange = useCallback((value) => {
+            setConfirmStatus(value);
+            if (value === 'REFUSE') {
+                setShowRefuceContent(true);
+            }
+        }, []);
+        const consentText = showRefuceContent ? refuseConsentText : defaultConsentText;
+        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center", children: [jsx("div", { role: "button", onClick: () => openDocument(CONSENT_BKI_ID, open), children: jsx(Heading, { className: "text-center text-balance", title: consentText.title }) }), jsx(Paragraph, { align: "text-center", children: consentText.description }), jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: ITEMS$1, value: confirmStatus, onChange: handleConfirmChange }), jsx(Button, { disabled: !confirmStatus, type: "button", onClick: handleClose, children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C" })] }) }));
+    });
+    const ITEMS$1 = [
+        { id: 'SIGNED', text: 'Подписать' },
+        { id: 'REFUSE', text: 'Отказаться' },
+    ];
+    const CONSENT_BKI_ID = 2;
+
+    const useConsentBkiDialog = () => {
+        const { open, closeAll } = useDialogManager();
+        const verifyPhoneDialog = useVerifyPhoneDialog();
+        const redirectToCreditForm = () => {
+            globalThis.location.href = '/credit-lead';
+        };
+        const handleSuccessVerify = (profileId) => async (smsCode) => {
+            if (profileId) {
+                await updateUserProfile({
+                    profile: {
+                        id: profileId,
+                        consentBkiFlg: true,
+                        smsConsentBki: smsCode,
+                    },
+                });
+            }
+            redirectToCreditForm();
+        };
+        const handleSubmitBkiConstent = (phone, profileId) => async (confirmStatus) => {
+            await closeAll();
+            if (confirmStatus === 'SIGNED' && phone) {
+                verifyPhoneDialog.open(handleSuccessVerify(profileId), verifyPhoneContent$1(phone));
+            }
+            else {
+                redirectToCreditForm();
+            }
+        };
+        return {
+            open: (phone, profileId) => open(jsx(ConsentBkiDialog, { handleSubmit: handleSubmitBkiConstent(phone, profileId), onClose: redirectToCreditForm })),
+        };
+    };
+    const verifyPhoneContent$1 = (phone) => ({
+        title: 'Подтвердите номер телефона',
+        description: `Мы отправили код на ${phone}`,
+        phoneNumber: formatPhone(phone),
+        textButton: 'Отправить',
+        __html: `<span>Вводя код, я подтверждаю, что ознакомлен и подписываю:</span>
+              <ul><li>согласие на запрос информации в БКИ</li></ul>`,
+    });
+
     const useApplicationLeadApi = ({ inputs, programId, saveForm }) => {
         const [responseStatus, setResponseStatus] = useState('');
         const [, setTaskId] = useLocalStorage('taskId');
         const [, setProfileId] = useLocalStorage('profileId');
         const [, setParticipantId] = useLocalStorage('participantId');
+        const consentBkiDialog = useConsentBkiDialog();
+        const verifyPhoneDialog = useVerifyPhoneDialog();
         const saveUserData = useCallback((participantId, taskId, profileId) => {
             setParticipantId(participantId);
             setTaskId(taskId);
@@ -3125,21 +3199,19 @@
                             }));
                             saveUserData(participantId, taskId, profileId);
                             saveForm(JSON.stringify(formData));
-                            globalThis.location.href = '/credit-lead';
                         }
                         catch {
                             setResponseStatus('Fail');
                         }
                     };
+                    const handleCloseVerify = async () => {
+                        await handleSuccessVerify();
+                        consentBkiDialog.open(formData.phone, profileId);
+                    };
                     const acceptedConsents = Object.keys(CONSENTS)
                         .filter((_) => formData[_])
                         .map((_) => CONSENTS[_]?.text);
-                    // eslint-disable-next-line react-hooks/rules-of-hooks
-                    const verifyPhoneDialog = useVerifyPhoneDialog({
-                        close: handleSuccessVerify,
-                        ...verifyPhoneContent(formData?.phone, acceptedConsents),
-                    });
-                    verifyPhoneDialog.open();
+                    verifyPhoneDialog.open(handleCloseVerify, verifyPhoneContent(formData?.phone, acceptedConsents));
                 }
             }
             catch {
@@ -7889,7 +7961,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.606";
+    const packageVersion = "0.14.608";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;