@redneckz/wildless-cms-uni-blocks 0.14.598 → 0.14.600

package/bundle/bundle.umd.js

@@ -2568,6 +2568,15 @@
                 : _ === (dataValue?.key ?? dataValue);
         }));
 
+    function useLocalStorage(key) {
+        const [storedValue, setStoredValue] = useState(JSON.parse(globalThis.localStorage?.getItem(key) || 'null'));
+        const setValue = useCallback((value) => {
+            globalThis.localStorage?.setItem(key, JSON.stringify(value));
+            setStoredValue(value);
+        }, [key, globalThis.localStorage]);
+        return [storedValue, setValue];
+    }
+
     const CONSENTS = [
         'processPersonalDataLeadFlg',
         'consentProviderFlg',
@@ -2613,7 +2622,12 @@
         participantAddress: '',
         participantDateRegistration: undefined,
     };
-    const getInitialFormState = (inputs, typeForm = '') => {
+    const getInitialFormState = (inputs, savedForm, typeForm = '') => {
+        if (savedForm) {
+            const formState = JSON.parse(savedForm);
+            formState.birthday = new Date(formState?.birthday || 0);
+            return formState;
+        }
         const formState = Object.fromEntries(inputs.map((_) => [
             _.name,
             (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name],
@@ -2905,12 +2919,8 @@
         }, [activeIndex]);
         const handleChange = useCallback((index) => (event) => {
             const { value } = event.currentTarget;
-            const isLastIndex = index === values.length - 1;
-            const isMultipleCharacters = value.length > 1;
-            if (isLastIndex && isMultipleCharacters) {
-                return;
-            }
-            setValues(values.map((_, i) => (i === index ? value : _)));
+            const oneValue = value.slice(0, 1);
+            setValues(values.map((_, i) => (i === index ? oneValue : _)));
             setActiveIndex(index + 1);
         }, [values]);
         const handleKeyDown = useCallback((currentIndex) => (event) => {
@@ -3028,8 +3038,16 @@
         };
     };
 
-    const useApplicationLeadApi = (inputs, programId) => {
+    const useApplicationLeadApi = ({ inputs, programId, saveForm }) => {
         const [responseStatus, setResponseStatus] = useState('');
+        const [, setTaskId] = useLocalStorage('taskId');
+        const [, setProfileId] = useLocalStorage('profileId');
+        const [, setParticipantId] = useLocalStorage('participantId');
+        const saveUserData = useCallback((participantId, taskId, profileId) => {
+            setParticipantId(participantId);
+            setTaskId(taskId);
+            setProfileId(profileId);
+        }, []);
         // eslint-disable-next-line consistent-return
         const handleSubmit = useCallback(async (formData) => {
             const feedbackValidator = objectValidator(getObjectValidator(inputs));
@@ -3050,6 +3068,8 @@
                                 programId,
                             });
                             await RETAIL_API.UpdateUserTask(getUpdateUserTaskData(participantId, taskId, profileId, formData));
+                            saveUserData(participantId, taskId, profileId);
+                            saveForm(JSON.stringify(formData));
                             globalThis.location.href = '/credit-lead';
                         }
                         catch {
@@ -3092,12 +3112,17 @@
         }, []);
     };
 
-    const ApplicationLeadForm = JSX(({ className, title, programId, typeForm = '', sections = [], button, ...rest }) => {
+    const ApplicationLeadForm = JSX(({ className, title, programId = '', typeForm = '', sections = [], button, ...rest }) => {
         const inputs = (sections?.flatMap((_) => _?.inputs) || []);
-        const initialFormState = getInitialFormState(inputs, typeForm);
         const [responseType, setResponseType] = useState('');
         useInitApplicationLead();
-        const { handleSubmit, responseStatus } = useApplicationLeadApi(inputs, programId || '');
+        const [leadForm, setLeadForm] = useLocalStorage('leadForm');
+        const initialFormState = getInitialFormState(inputs, leadForm, typeForm);
+        const { handleSubmit, responseStatus } = useApplicationLeadApi({
+            inputs,
+            programId,
+            saveForm: setLeadForm,
+        });
         if (responseStatus) {
             const responseTypeDialog = useResponseTypeDialog({ responseType: responseStatus, typeForm });
             responseTypeDialog.open();
@@ -7556,7 +7581,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.597";
+    const packageVersion = "0.14.599";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;