@redneckz/wildless-cms-uni-blocks 0.14.621 → 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) => {
@@ -2329,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;
@@ -2560,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' : '';
@@ -2687,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];
@@ -2823,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 */
@@ -2868,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: '' } };
     };
@@ -3377,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');
@@ -5095,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 = {
@@ -5179,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 }) => {
@@ -5197,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({
@@ -5206,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');
@@ -5218,9 +5227,8 @@
 
     /* eslint-disable max-lines */
     /* eslint-disable max-len */
-    //TODO: DO List
-    const stepsSectionsMap = {
-        1: [
+    const stepsSectionsMap = [
+        [
             {
                 title: 'Персональные данные',
                 columns: 2,
@@ -5275,7 +5283,7 @@
                 ],
             },
         ],
-        2: [
+        [
             {
                 title: 'Данные о трудоустройстве',
                 inputs: [],
@@ -5339,7 +5347,7 @@
                 inputs: [{ fieldType: 'common', name: 'fullAddress', required: true }],
             },
         ],
-        3: [
+        [
             {
                 title: 'Семейное положение',
             },
@@ -5383,7 +5391,7 @@
                 inputs: [{ fieldType: 'common', name: 'armyIdFlg' }],
             },
         ],
-        4: [
+        [
             {
                 title: 'Дополнительные сведения',
                 columns: 1,
@@ -5405,7 +5413,7 @@
                 inputs: [{ fieldType: 'common', name: 'creditInRshbCd' }],
             },
         ],
-        5: [
+        [
             {
                 title: 'Отделение Банка',
                 columns: 1,
@@ -5434,7 +5442,7 @@
                 inputs: [{ fieldType: 'common', name: 'bankEmployeeCode' }],
             },
         ],
-    };
+    ];
 
     const STEPS_COUNT = 5;
     const STEPS_TITLES = [
@@ -5445,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';
@@ -8249,7 +8257,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.620";
+    const packageVersion = "0.14.621";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;