@redneckz/wildless-cms-uni-blocks 0.14.620 → 0.14.622

package/bundle/bundle.umd.js

@@ -1518,7 +1518,7 @@
     };
     const getObjectValidator = (inputs) => {
         const requiredInputs = getNamesFromInput(inputs.filter((_) => Boolean(_?.required)));
-        return Object.fromEntries(requiredInputs.map((_) => [_, validatorObj?.[_]]));
+        return Object.fromEntries(requiredInputs.map((_) => [_, validatorObj?.[_ || '']]));
     };
 
     const withValidator = (props, validator) => {
@@ -2084,25 +2084,25 @@
             text: 'Согласие на обработку персональных данных',
             docId: 4,
         },
+        consentInformFlg: {
+            text: 'Согласие на информирование о продуктах и услугах Банка',
+            docId: 14,
+        },
         consentProviderFlg: {
             text: 'Согласие об использовании простой электронной подписи',
             docId: 5,
         },
+        consentOthersFlg: {
+            text: 'Прочие согласия',
+            docId: 1,
+        },
         consentPfrFlg: {
             text: 'Согласие на запрос в ПФР',
             docId: 3,
         },
-        consentInformFlg: {
-            text: 'Согласие на информирование о продуктах и услугах Банка',
-            docId: 14,
-        },
         consentToReceiveMaterials: {
             text: 'Согласен на получение информационных и аналитических материалов по электронной почте',
         },
-        consentOthersFlg: {
-            text: 'Прочие согласия',
-            docId: 1,
-        },
     };
 
     async function doRequest(url, method, body) {
@@ -2124,13 +2124,13 @@
         return token ? { Authorization: `Bearer ${token}` } : null;
     };
 
-    const feedbackById = async (id) => {
-        const response = await doRequest(`/feedback/file?id=${encodeURIComponent(id)}`, 'GET');
+    const feedbackById = async (id, convertToPng = false) => {
+        const response = await doRequest(`/feedback/file?id=${encodeURIComponent(id)}&convertToPngFlg=${convertToPng}`, 'GET');
         return await response.blob();
     };
 
-    const getDocument = async (id) => {
-        const response = await feedbackById(id);
+    const getDocument = async (id, convertToPng = false) => {
+        const response = await feedbackById(id, convertToPng);
         return URL.createObjectURL(response);
     };
 
@@ -2145,15 +2145,16 @@
         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 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 openDocument = async (open, id, convertToPng = false) => {
+        const document = await getDocument(id, convertToPng);
+        open(jsx(Dialog, { className: "my-6xl max-w-4xl mx-auto px-0 min-h-0 pb-0", children: convertToPng ? (jsx("img", { src: document })) : (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 isMobile = useMobileMode();
+        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(open, docId, isMobile), 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);
@@ -2328,7 +2329,15 @@
 
     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", ...getValidation(field('participantDateRegistration'), validatorObj.participantDateRegistration, input?.required) })));
 
-    const PartInBusinessField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0414\u043E\u043B\u044F \u0443\u0447\u0430\u0441\u0442\u0438\u044F \u0432 \u0431\u0438\u0437\u043D\u0435\u0441\u0435", placeholder: "\u0432 %", inputLength: 2, ...getValidation(field('partInBusiness'), validatorObj.partInBusiness, input?.required), ...input })));
+    const MAX_PART = 100;
+    const PartInBusinessField = JSX(({ field, input }) => {
+        const partInBusinessField = {
+            ...getValidation(field('partInBusiness'), validatorObj.partInBusiness, input?.required),
+        };
+        const handleChange = (value) => partInBusinessField?.onChange &&
+            partInBusinessField?.onChange(String(Number(value) > MAX_PART ? MAX_PART : Number(value) || ''));
+        return (jsx(InputControl, { label: "\u0414\u043E\u043B\u044F \u0443\u0447\u0430\u0441\u0442\u0438\u044F \u0432 \u0431\u0438\u0437\u043D\u0435\u0441\u0435", placeholder: "\u0432 %", inputLength: 3, type: "number", ...partInBusinessField, ...input, onChange: handleChange }));
+    });
 
     const PartnerCommentsField = JSX(({ field, input }) => {
         const { required, ...rest } = input;
@@ -2559,7 +2568,7 @@
             bankEmployeeCode: jsx(BankEmpoleeCodeField, { field: field, input: input }),
             partInBusiness: jsx(PartInBusinessField, { field: field, input: input }),
         };
-        return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name] }, String(i))) : null;
+        return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name || ''] }, String(i))) : null;
     };
 
     const inputColumnStyles = (column) => column === 2 ? '@xl:grid-cols-2' : '';
@@ -2686,7 +2695,7 @@
     const getInitialFormState$2 = (inputs, typeForm = '') => {
         const formState = Object.fromEntries(inputs.map((_) => [
             _.name,
-            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState$1[_.name],
+            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState$1[_.name || ''],
         ]));
         if (formState?.serviceType && typeForm === 'PREMIUMSERVICE') {
             formState.serviceType = SERVICE_TYPES[1];
@@ -2822,8 +2831,8 @@
         return consentInputs.length > 2 ? (jsxs("div", { children: [restInputs.map(getField(field, typeForm)), jsx(GroupedConsents, { inputs: consentInputs, field: field })] })) : ((inputs || [])?.map(getField(field, typeForm)));
     };
     const splitInputs = (inputs) => ({
-        consentInputs: inputs?.filter((_) => Object.keys(CONSENTS).includes(_.name)) || [],
-        restInputs: inputs?.filter((_) => !Object.keys(CONSENTS).includes(_.name)) || [],
+        consentInputs: inputs?.filter((_) => Object.keys(CONSENTS).includes(_.name || '')) || [],
+        restInputs: inputs?.filter((_) => !Object.keys(CONSENTS).includes(_.name || '')) || [],
     });
 
     /* eslint-disable max-lines */
@@ -2867,7 +2876,7 @@
         }
         const formState = Object.fromEntries(inputs.map((_) => [
             _.name,
-            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name],
+            (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name || ''],
         ]));
         return { ...formState, typeForm: { key: typeForm, text: '' } };
     };
@@ -3199,6 +3208,7 @@
         const [confirmStatus, setConfirmStatus] = useState('');
         const [showRefuceContent, setShowRefuceContent] = useState(false);
         const { open, close } = useDialogManager();
+        const isMobile = useMobileMode();
         const handleClose = useCallback(() => {
             close();
             handleSubmit(confirmStatus);
@@ -3210,7 +3220,7 @@
             }
         }, []);
         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" })] }) }));
+        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(open, CONSENT_BKI_ID, isMobile), 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: 'Подписать' },
@@ -3375,7 +3385,7 @@
         const [isLoading, setIsLoading] = useState(false);
         const [profileId] = useLocalStorage('profileId');
         const [, setEsiaData] = useLocalStorage('esiaData');
-        const params = new URLSearchParams(decodeURIComponent(window.location.search));
+        const params = new URLSearchParams(decodeURIComponent(globalThis.location.search));
         const esiaAuth = params.get('esiaAuth');
         const updateEsiaProfile = useCallback(async () => {
             const code = params.get('code');
@@ -5093,9 +5103,9 @@
 
     const ProgressBar = JSX(({ step = 10, description, showPercentage = true }) => (jsxs("div", { children: [jsx("div", { className: "h-4 w-full bg-gray relative", children: jsx("div", { className: "h-4 bg-green", style: { width: `${step}%` } }) }), jsxs("div", { className: "relative", children: [showPercentage ? jsxs("div", { className: "absolute left-2/4 text-green", children: [step, "%"] }) : null, description ? jsx("div", { className: "text-right mr-4 text-gray", children: description }) : null] })] })));
 
-    const CreditFormProgress = JSX(({ step = 1, totalSteps = 5, stepsTitles = [] }) => {
-        const progress = useMemo(() => (step / totalSteps) * 100, [step, totalSteps]);
-        return (jsx("div", { className: "py-lg px-5xl bg-white col-span-12", children: jsxs("div", { children: [jsxs("span", { className: "font-bold", children: ["\u0428\u0430\u0433 ", step, " \u0438\u0437 ", totalSteps, "."] }), ' ', stepsTitles[step - 1] || null, jsx(ProgressBar, { step: progress, showPercentage: false })] }) }));
+    const CreditFormProgress = JSX(({ step = 0, totalSteps = 5, stepsTitles = [] }) => {
+        const progress = useMemo(() => ((step + 1) / totalSteps) * 100, [step, totalSteps]);
+        return (jsx("div", { className: "py-lg px-5xl bg-white col-span-12", children: jsxs("div", { children: [jsxs("span", { className: "font-bold", children: ["\u0428\u0430\u0433 ", step + 1, " \u0438\u0437 ", totalSteps, "."] }), stepsTitles[step] || null, jsx(ProgressBar, { step: progress, showPercentage: false })] }) }));
     });
 
     const formStateMap = {
@@ -5177,7 +5187,8 @@
     };
 
     const StepsNavigationButtons = JSX(({ step, onPrevStep }) => {
-        return (jsxs("div", { className: 'flex justify-between', children: [jsx(Button, { onClick: onPrevStep, className: style('w-full @xl:w-auto'), type: "button", version: "secondary", disabled: step === 1, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { className: style('w-full @xl:w-auto'), type: "submit", children: "\u0414\u0430\u043B\u0435\u0435" })] }));
+        const isFirstStep = step === 0;
+        return (jsxs("div", { className: 'flex justify-between', children: [jsx(Button, { onClick: onPrevStep, className: style('w-full @xl:w-auto'), type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { className: style('w-full @xl:w-auto'), type: "submit", children: "\u0414\u0430\u043B\u0435\u0435" })] }));
     });
 
     const useCreditFormApi = ({ inputs, onNextStep, saveStep }) => {
@@ -5195,7 +5206,7 @@
         };
     };
 
-    const CreditFormStep = JSX(({ totalSteps, step, sections, onPrevStep, onNextStep, inputs }) => {
+    const CreditFormStep = JSX(({ step, sections, onPrevStep, onNextStep, inputs }) => {
         const [localStorageData, saveStep] = useLocalStorage('leadForm');
         const initialState = getInitialFormState(step, localStorageData);
         const { handleSubmit } = useCreditFormApi({
@@ -5204,10 +5215,10 @@
             saveStep,
         });
         const [, { field, onSubmit }] = useForm(initialState, { onSubmit: handleSubmit });
-        return (jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep$1({ sections, field }), jsx(StepsNavigationButtons, { step: step, totalSteps: totalSteps, onPrevStep: onPrevStep })] }));
+        return (jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep$1({ sections, field }), jsx(StepsNavigationButtons, { step: step, onPrevStep: onPrevStep })] }));
     });
     const renderStep$1 = ({ sections, field }) => {
-        return sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderInfo$1(_?.inputs), renderTitle(_?.title), renderInputs({ field, inputs: _?.inputs })] }, `section-${i}`)));
+        return sections?.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderInfo$1(_?.inputs), renderTitle(_?.title), renderInputs({ field, inputs: _?.inputs })] }, `section-${i}`)));
     };
     const renderInfo$1 = (inputs = []) => {
         const infoInputs = inputs.filter((_) => _.fieldType === 'info');
@@ -5216,9 +5227,8 @@
 
     /* eslint-disable max-lines */
     /* eslint-disable max-len */
-    //TODO: DO List
-    const stepsSectionsMap = {
-        1: [
+    const stepsSectionsMap = [
+        [
             {
                 title: 'Персональные данные',
                 columns: 2,
@@ -5273,7 +5283,7 @@
                 ],
             },
         ],
-        2: [
+        [
             {
                 title: 'Данные о трудоустройстве',
                 inputs: [],
@@ -5337,7 +5347,7 @@
                 inputs: [{ fieldType: 'common', name: 'fullAddress', required: true }],
             },
         ],
-        3: [
+        [
             {
                 title: 'Семейное положение',
             },
@@ -5381,7 +5391,7 @@
                 inputs: [{ fieldType: 'common', name: 'armyIdFlg' }],
             },
         ],
-        4: [
+        [
             {
                 title: 'Дополнительные сведения',
                 columns: 1,
@@ -5403,7 +5413,7 @@
                 inputs: [{ fieldType: 'common', name: 'creditInRshbCd' }],
             },
         ],
-        5: [
+        [
             {
                 title: 'Отделение Банка',
                 columns: 1,
@@ -5432,7 +5442,7 @@
                 inputs: [{ fieldType: 'common', name: 'bankEmployeeCode' }],
             },
         ],
-    };
+    ];
 
     const STEPS_COUNT = 5;
     const STEPS_TITLES = [
@@ -5443,17 +5453,17 @@
         'Отделение Банка',
     ];
     const CreditForm = JSX(({ className, ...rest }) => {
-        const [step, setStep] = useState(1);
+        const [step, setStep] = useState(0);
         const sections = useMemo(() => stepsSectionsMap[step], [step]);
         const inputs = (sections?.flatMap((_) => _?.inputs) || []);
         const handleNextStep = useCallback(() => {
-            setStep((_) => Math.min(_ + 1, STEPS_COUNT));
+            setStep((_) => Math.min(_ + 1, STEPS_COUNT - 1));
         }, []);
         const handlePrevStep = useCallback(() => {
             //TODO search hook - 1,
             setStep((_) => Math.max(_ - 1, 0));
         }, []);
-        return (jsx(BlockWrapper, { className: style('bg-transparent', className), defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container grid grid-cols-12", children: [jsx(CreditFormProgress, { stepsTitles: STEPS_TITLES, step: step, totalSteps: STEPS_COUNT }), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: jsx(CreditFormStep, { inputs: inputs, totalSteps: STEPS_COUNT, step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep }, String(step)) })] }) }));
+        return (jsx(BlockWrapper, { className: style('bg-transparent', className), defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container grid grid-cols-12", children: [jsx(CreditFormProgress, { stepsTitles: STEPS_TITLES, step: step, totalSteps: STEPS_COUNT }), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: jsx(CreditFormStep, { inputs: inputs, step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep }, String(step)) })] }) }));
     });
 
     const isRateRow = (rateRow) => typeof rateRow?.minMonths === 'number' && typeof rateRow?.maxMonths === 'number';
@@ -8247,7 +8257,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.619";
+    const packageVersion = "0.14.621";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;