@legalplace/wizardx-core 2.3.0 → 2.5.0

package/src/redux/sagas/runner.ts

@@ -1,9 +1,10 @@
-import { SagaMiddleware } from '@redux-saga/core';
-import fetchModelSaga from './fetchModel';
-import setDefaultsSaga from './setDefaults';
-import saveDataSaga from './saveData';
-import homogeneousRadioInputsSaga from './homogeneousRadioInputsSaga';
-import setUserEmailSaga from './setUserEmail';
+import { SagaMiddleware } from "@redux-saga/core";
+import fetchModelSaga from "./fetchModel";
+import setDefaultsSaga from "./setDefaults";
+import saveDataSaga from "./saveData";
+import homogeneousRadioInputsSaga from "./homogeneousRadioInputsSaga";
+import setUserEmailSaga from "./setUserEmail";
+import initInputsSaga from "./initInputs";
 
 const sagas: { (): any }[] = [
   fetchModelSaga,
@@ -11,6 +12,7 @@ const sagas: { (): any }[] = [
   saveDataSaga,
   setUserEmailSaga,
   homogeneousRadioInputsSaga,
+  initInputsSaga,
 ];
 
 /**

package/src/redux/sagas/saveData.ts

@@ -1,25 +1,25 @@
-import { call, put, takeLatest } from 'redux-saga/effects';
-import { v4 as uuid } from 'uuid';
-import { setDataStatus } from '../actions/app';
+import { call, put, takeLatest } from "redux-saga/effects";
+import { v4 as uuid } from "uuid";
+import { setDataStatus } from "../actions/app";
 import {
   selectPermalink,
   selectInstanceUniqid,
   selectDocumentTitle,
   selectInstanceIsPaid,
-} from '../selectors/app';
-import { SAVE_DATA } from '../constants/sagas/data';
-import { selectInputs } from '../selectors/inputs';
-import { OvcConverter } from '../../libs/OvcConverter';
-import { ActionsType } from '../../types/Actions.type';
-import { updateInstanceArguments } from '../../service/api.manager';
-import { getSendinblueIdentifyAttributes } from '../../helpers/sendinblueHelper';
-import { getConfig } from '../../config';
-import { selectUserEmail } from '../selectors/user';
+} from "../selectors/app";
+import { SAVE_DATA } from "../constants/sagas/data";
+import { selectInputs } from "../selectors/inputs";
+import { OvcConverter } from "../../libs/OvcConverter";
+import { ActionsType } from "../../types/Actions.type";
+import { updateInstanceArguments } from "../../service/api.manager";
+import { getSendinblueIdentifyAttributes } from "../../helpers/sendinblueHelper";
+import { getConfig } from "../../config";
+import { selectUserEmail } from "../selectors/user";
 
-const getSendinblueData = (uniqid: string, paid: boolean) => {
+const getSendinblueData = async (uniqid: string, paid: boolean) => {
   const email = selectUserEmail();
   const apiEndpoint =
-    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+    getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? "" : "/");
 
   // Getting OVC
   const ovc = OvcConverter.convertToOvc(selectInputs());
@@ -29,14 +29,14 @@ const getSendinblueData = (uniqid: string, paid: boolean) => {
     const currentValue = ovc.v[c];
     // eslint-disable-next-line no-nested-ternary
     const o: number = Array.isArray(currentValue)
-      ? currentValue.reduce((_p: number, _c) => _p + (_c !== '' ? 1 : 0), 0)
-      : currentValue !== ''
+      ? currentValue.reduce((_p: number, _c) => _p + (_c !== "" ? 1 : 0), 0)
+      : currentValue !== ""
       ? 1
       : 0;
     return p + o;
   }, 0);
   // if (typeof window.sendinblue !== 'undefined' && response.user) {
-  const attributes = getSendinblueIdentifyAttributes(
+  const attributes = await getSendinblueIdentifyAttributes(
     uniqid as string,
     selectDocumentTitle(),
     nbFilledVars,
@@ -45,10 +45,13 @@ const getSendinblueData = (uniqid: string, paid: boolean) => {
   );
   return [apiEndpoint, email, attributes];
 };
-function* saveDataDecorator(action: ActionsType.Sagas.Data.saveData) {
+
+function* saveDataDecorator(
+  action: ActionsType.Sagas.Data.saveData
+): Generator<any, any, any> {
   try {
     // eslint-disable-next-line no-console
-    yield put(setDataStatus('saving'));
+    yield put(setDataStatus("saving"));
     const permalink = selectPermalink();
     const uniqid = selectInstanceUniqid();
     // @ts-ignore because of saga implementation
@@ -64,21 +67,22 @@ function* saveDataDecorator(action: ActionsType.Sagas.Data.saveData) {
       )
     );
     // @ts-ignore because of saga implementation
-    const responseData = yield call([response, 'json']);
+    const responseData = yield call([response, "json"]);
     // Redirecting if we recieved order to
     if (action.redirect === true) {
       if (responseData.redirect_to) {
         try {
           // Get Data to send to sendinblue
-          const [apiEndpoint, email, attributes] = getSendinblueData(
-            uniqid as string,
-            selectInstanceIsPaid()
+          const [apiEndpoint, email, attributes] = yield call(
+            // @ts-ignore: due to saga implementation
+            getSendinblueData,
+            [uniqid as string, selectInstanceIsPaid()]
           );
           yield call(fetch, `${apiEndpoint}event/create/${uniqid}/${uuid()}`, {
-            method: 'POST',
-            credentials: 'include',
+            method: "POST",
+            credentials: "include",
             headers: {
-              'Content-Type': 'application/json',
+              "Content-Type": "application/json",
             },
             body: JSON.stringify({
               email,
@@ -97,11 +101,11 @@ function* saveDataDecorator(action: ActionsType.Sagas.Data.saveData) {
       }
     }
 
-    yield put(setDataStatus('saved'));
+    yield put(setDataStatus("saved"));
   } catch (e) {
     // eslint-disable-next-line no-console
     console.error(e);
-    yield put(setDataStatus('failed'));
+    yield put(setDataStatus("failed"));
   }
 }
 

package/src/redux/sagas/setDefaults.ts

@@ -1,20 +1,20 @@
-import { call, put, takeLatest } from 'redux-saga/effects';
+import { call, put, takeLatest } from "redux-saga/effects";
 import {
   selectCurrentPage,
   selectAvailableSections,
   selectCurrentSectionId,
-} from '../selectors/app';
+} from "../selectors/app";
 import {
   selectSectionDefaults,
   selectRadioSiblings,
-} from '../selectors/references';
+} from "../selectors/references";
 import {
   selectOptionInput,
   selectOptionInputByIndex,
-} from '../selectors/inputs';
-import { updateOptionAction } from '../actions/inputs';
-import { goPageAction } from '../actions/app';
-import { selectOptionConditionValue } from '../selectors/conditions';
+} from "../selectors/inputs";
+import { updateOptionAction } from "../actions/inputs";
+import { goPageAction } from "../actions/app";
+import { selectOptionConditionValue } from "../selectors/conditions";
 
 function setOptionsDefaults(
   id: number,
@@ -161,7 +161,7 @@ function* setDefaultOptions() {
 }
 
 function* setDefaultsSaga() {
-  yield takeLatest('SET_DEFAULTS', setDefaultOptions);
+  yield takeLatest("SET_DEFAULTS", setDefaultOptions);
 }
 
 export default setDefaultsSaga;

package/src/redux/sagas/setUserEmail.ts

@@ -1,33 +1,33 @@
-import { call, fork, put, takeLatest } from 'redux-saga/effects';
-import { getContractFunnelGAEvent } from '@legalplace/lp-events';
-import { v4 as uuid } from 'uuid';
-import { getConfig } from '../../config';
+import { call, fork, put, takeLatest } from "redux-saga/effects";
+import { getContractFunnelGAEvent } from "@legalplace/lp-events";
+import { v4 as uuid } from "uuid";
+import { getConfig } from "../../config";
 import {
   selectPermalink,
   selectInstanceUniqid,
   selectDocumentTitle,
   selectAvailableAppStates,
   selectDocumentModelVersion,
-} from '../selectors/app';
-import { selectInputs } from '../selectors/inputs';
-import { SET_USER_EMAIL } from '../constants/sagas/user';
-import { setUserStatusAction, initUserAction } from '../actions/user';
-import { ActionsType } from '../../types/Actions.type';
-import { IInstanceCreationResponse } from '../../types/api.type';
+} from "../selectors/app";
+import { selectInputs } from "../selectors/inputs";
+import { SET_USER_EMAIL } from "../constants/sagas/user";
+import { setUserStatusAction, initUserAction } from "../actions/user";
+import { ActionsType } from "../../types/Actions.type";
+import { IInstanceCreationResponse } from "../../types/api.type";
 import {
   updateAvailableAppStatesAction,
   initInstanceAction,
   goNextPageAction,
-} from '../actions/app';
+} from "../actions/app";
 
-import { OvcConverter } from '../../libs/OvcConverter';
-import { getSendinblueIdentifyAttributes } from '../../helpers/sendinblueHelper';
-import { setUserEmailSucceeded } from '../actions/sagas/user';
-import { EMAIL_REGEX } from '../../constants/emailValidation';
+import { OvcConverter } from "../../libs/OvcConverter";
+import { getSendinblueIdentifyAttributes } from "../../helpers/sendinblueHelper";
+import { setUserEmailSucceeded } from "../actions/sagas/user";
+import { EMAIL_REGEX } from "../../constants/emailValidation";
 
 const canalHeaders = {
-  'lp-referrer': window.document.referrer,
-  'lp-origin': window.location.href,
+  "lp-referrer": window.document.referrer,
+  "lp-origin": window.location.href,
 };
 
 function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
@@ -37,11 +37,11 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
      */
     const { email, tags, inBackground } = action;
     if (!EMAIL_REGEX.test(email)) {
-      if (!inBackground) yield put(setUserStatusAction('failed'));
+      if (!inBackground) yield put(setUserStatusAction("failed"));
       return;
     }
 
-    yield put(setUserStatusAction('inprogress'));
+    yield put(setUserStatusAction("inprogress"));
 
     // Getting Permalink & uniqid
     const permalink = selectPermalink();
@@ -55,8 +55,8 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
       const currentValue = ovc.v[c];
       // eslint-disable-next-line no-nested-ternary
       const o: number = Array.isArray(currentValue)
-        ? currentValue.reduce((_p: number, _c) => _p + (_c !== '' ? 1 : 0), 0)
-        : currentValue !== ''
+        ? currentValue.reduce((_p: number, _c) => _p + (_c !== "" ? 1 : 0), 0)
+        : currentValue !== ""
         ? 1
         : 0;
       return p + o;
@@ -75,7 +75,7 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
     if (instanceUniqid === undefined || instanceUniqid.length === 0) {
       body = {
         ...body,
-        app_type: 'wizardx',
+        app_type: "wizardx",
         draft: 1,
         contract_version: selectDocumentModelVersion(),
       };
@@ -83,19 +83,19 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
 
     const apiEndpoint =
       getConfig().apiEndpoint +
-      (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+      (/\/$/.test(getConfig().apiEndpoint) ? "" : "/");
 
     const instanceResponse = yield call(
       fetch,
-      `${apiEndpoint}wizard/instance/${permalink}/${instanceUniqid || ''}`,
+      `${apiEndpoint}wizard/instance/${permalink}/${instanceUniqid || ""}`,
       {
         method:
           instanceUniqid === undefined || instanceUniqid.length === 0
-            ? 'POST'
-            : 'PUT',
-        credentials: 'include',
+            ? "POST"
+            : "PUT",
+        credentials: "include",
         headers: {
-          'Content-Type': 'application/json',
+          "Content-Type": "application/json",
           ...canalHeaders,
         },
         body: JSON.stringify(body),
@@ -103,25 +103,25 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
     );
     const response: IInstanceCreationResponse = yield call([
       instanceResponse,
-      'json',
+      "json",
     ]);
 
     /**
      * Redirecting user in case we recieved a redirect order
      */
     const { redirect_to: redirectTo, user, uniqid, isPaid } = response;
-    if (typeof redirectTo !== 'string' || action.disableRedirect) {
-      if (instanceUniqid === undefined || instanceUniqid.length === 0) {
+    if (typeof redirectTo !== "string" || action.disableRedirect) {
+      if (!instanceUniqid?.length) {
         yield put(
           initInstanceAction({
-            dataStatus: 'saved',
+            dataStatus: "saved",
             uniqid,
             isPaid: isPaid || false,
             steps: [1],
           })
         );
       }
-      yield put(setUserStatusAction('authenticated'));
+      yield put(setUserStatusAction("authenticated"));
       if (user) {
         yield put(
           initUserAction({
@@ -133,8 +133,8 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
     }
 
     // Identifying user
-    if (typeof window.sendinblue !== 'undefined' && response.user) {
-      const attributes = getSendinblueIdentifyAttributes(
+    if (typeof window.sendinblue !== "undefined" && response.user) {
+      const attributes = yield getSendinblueIdentifyAttributes(
         uniqid,
         selectDocumentTitle(),
         nbFilledVars,
@@ -143,10 +143,10 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
       );
       window.sendinblue.identify(email, attributes);
       const fetchParams = {
-        method: 'POST',
-        credentials: 'include',
+        method: "POST",
+        credentials: "include",
         headers: {
-          'Content-Type': 'application/json',
+          "Content-Type": "application/json",
         },
         body: JSON.stringify({
           email,
@@ -155,7 +155,7 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
       };
       try {
         // if we redirect afterwards we wait for the call to finish otherwise we do it in background
-        if (typeof redirectTo === 'string' && !action.disableRedirect) {
+        if (typeof redirectTo === "string" && !action.disableRedirect) {
           yield call(
             // @ts-ignore for some reason saga doesn't like fetchParams being in a seperate variable
             fetch,
@@ -176,13 +176,13 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
     }
 
     try {
-      if (redirectTo && redirectTo.includes('generation'))
+      if (redirectTo && redirectTo.includes("generation"))
         window.dataLayer.push(
           getContractFunnelGAEvent({
             currentStep: 1,
             contractName: selectDocumentTitle(),
-            sectionTitle: 'Choississez votre pack',
-            pageAction: 'Confirmation avant paiement 1 | 2',
+            sectionTitle: "Choississez votre pack",
+            pageAction: "Confirmation avant paiement 1 | 2",
           })
         );
     } catch (error) {
@@ -190,17 +190,18 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
       console.error(error);
     }
     // Redirecting user
-    if (typeof redirectTo === 'string' && !action.disableRedirect) {
+    if (typeof redirectTo === "string" && !action.disableRedirect) {
       // Disabling onbeforeunload
       window.onbeforeunload = () => {};
 
+      // Add 1 second before redirection to wait for all HTTP requests to finish
       setTimeout(() => {
         window.location.href = redirectTo;
       }, 1000);
     }
 
     const availableAppStates = [...selectAvailableAppStates()];
-    availableAppStates.splice(availableAppStates.indexOf('email'), 1);
+    availableAppStates.splice(availableAppStates.indexOf("email"), 1);
 
     // Updating appstates
     yield put(updateAvailableAppStatesAction(availableAppStates));
@@ -209,7 +210,7 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
   } catch (e) {
     // eslint-disable-next-line no-console
     console.error(e);
-    yield put(setUserStatusAction('inprogress'));
+    yield put(setUserStatusAction("inprogress"));
   }
 }
 

package/src/redux/selectors/app.ts

@@ -1,6 +1,6 @@
-import { createSelector } from './selectors';
-import { selectOptionInput } from './inputs';
-import { StateType } from '../../types/State.type';
+import { createSelector } from "./selectors";
+import { selectOptionInput } from "./inputs";
+import { StateType } from "../../types/State.type";
 
 /**
  * Returns current page number
@@ -15,7 +15,7 @@ export const selectCurrentPage = createSelector(
  */
 export const selectAvailableAppStates = createSelector(
   (state: StateType) => state.app.pagination.availableAppStates,
-  (state: StateType) => state.app.pagination.availableAppStates.join('-')
+  (state: StateType) => state.app.pagination.availableAppStates.join("-")
 );
 
 /**
@@ -78,14 +78,14 @@ export const selectAvailableSections = createSelector(
  * Returns all available options
  */
 export const selectAvailableOptions = createSelector(
-  (state: StateType, document = 'main') => {
+  (state: StateType, document = "main") => {
     let availableOptions: number[] = [];
 
     const { availableSections } = state.app.wizard;
     const documentSections = Object.keys(
       state.references.sections[document]
     ).map((id) => parseInt(id, 10));
-    const sections = document === 'main' ? availableSections : documentSections;
+    const sections = document === "main" ? availableSections : documentSections;
 
     sections.forEach((sectionId) => {
       const { options } = state.references.sections[document][sectionId];
@@ -93,11 +93,11 @@ export const selectAvailableOptions = createSelector(
     });
     return availableOptions;
   },
-  (state: StateType, document = 'main') => {
-    if (document === 'main')
+  (state: StateType, document = "main") => {
+    if (document === "main")
       return state.app.wizard.availableSections.reduce(
         (a, b) => `${a}${b}`,
-        ''
+        ""
       );
     return document;
   }
@@ -109,7 +109,7 @@ export const selectAvailableOptions = createSelector(
 export const selectMultipleOccurencies = createSelector(
   (state: StateType) => {
     const multipleOptionsOccurencies: Record<string, number> = {};
-    const availableOptions = selectAvailableOptions('main');
+    const availableOptions = selectAvailableOptions("main");
     if (availableOptions === undefined) return {};
     availableOptions.forEach((optionId) => {
       const ref = state.references.options[optionId];
@@ -135,8 +135,8 @@ export const selectOutputsIds = createSelector(
     return outputs;
   },
   (state: StateType, document: string) => {
-    if (document !== 'main') return document;
-    return state.app.wizard.availableSections.reduce((a, b) => `${a}${b}`, '');
+    if (document !== "main") return document;
+    return state.app.wizard.availableSections.reduce((a, b) => `${a}${b}`, "");
   }
 );
 
@@ -201,7 +201,7 @@ export const selectMetaFetchStatus = createSelector(
  */
 export const selectPrefix = createSelector(
   (state: StateType) => (!state.app.meta ? undefined : state.app.meta.prefix),
-  (state: StateType) => (!state.app.meta ? '0' : state.app.meta.permalink)
+  (state: StateType) => (!state.app.meta ? "0" : state.app.meta.permalink)
 );
 
 /**
@@ -210,7 +210,7 @@ export const selectPrefix = createSelector(
 export const selectInstanceUniqid = createSelector(
   (state: StateType) =>
     !state.app.instance ? undefined : state.app.instance.uniqid,
-  (state: StateType) => (!state.app.instance ? '0' : state.app.instance.uniqid)
+  (state: StateType) => (!state.app.instance ? "0" : state.app.instance.uniqid)
 );
 
 /**
@@ -221,7 +221,7 @@ export const selectInstanceCompanyId = createSelector(
     !state.app.instance ? undefined : state.app.instance.companyId,
   (state: StateType) =>
     !state.app.instance || !state.app.instance.companyId
-      ? '0'
+      ? "0"
       : state.app.instance.companyId
 );
 
@@ -233,7 +233,7 @@ export const selectInstanceEmployeeId = createSelector(
     !state.app.instance ? undefined : state.app.instance.employeeId,
   (state: StateType) =>
     !state.app.instance || !state.app.instance.employeeId
-      ? '0'
+      ? "0"
       : state.app.instance.employeeId
 );
 
@@ -242,9 +242,9 @@ export const selectInstanceEmployeeId = createSelector(
  */
 export const selectDataStatus = createSelector(
   (state: StateType) =>
-    !state.app.instance ? 'unsaved' : state.app.instance.dataStatus,
+    !state.app.instance ? "unsaved" : state.app.instance.dataStatus,
   (state: StateType) =>
-    !state.app.instance ? '0' : state.app.instance.dataStatus
+    !state.app.instance ? "0" : state.app.instance.dataStatus
 );
 
 /**
@@ -255,7 +255,7 @@ export const selectInstanceIsPaid = createSelector(
   (state: StateType) =>
     state.app.instance && state.app.instance.isPaid
       ? state.app.instance.isPaid.toString()
-      : '0'
+      : "0"
 );
 
 /**
@@ -266,25 +266,25 @@ export const selectInstanceSteps = createSelector(
   (state: StateType) =>
     state.app.instance && state.app.instance.steps
       ? state.app.instance.steps.toString()
-      : '0'
+      : "0"
 );
 
 /**
  * Verifies whether step is available for insatnce
  */
 export const isStepAvailable = createSelector(
-  (state: StateType, steps: '*' | number[] | undefined) => {
+  (state: StateType, steps: "*" | number[] | undefined) => {
     if (steps === undefined) return true;
 
     // If instance isn't defined
     if (state.app.instance === undefined)
-      return steps === '*' ? true : steps.includes(1);
+      return steps === "*" ? true : steps.includes(1);
 
     // If step is accessible by all
-    if (steps === '*') return true;
+    if (steps === "*") return true;
 
     // If instance gives access to all steps
-    if (state.app.instance.steps === '*') return true;
+    if (state.app.instance.steps === "*") return true;
     return state.app.instance.steps
       .map((c) => steps.includes(c))
       .reduce((a, b) => a || b, false);
@@ -292,7 +292,7 @@ export const isStepAvailable = createSelector(
   (state: StateType, steps) =>
     state.app.instance && state.app.instance.steps && steps
       ? `${state.app.instance.steps.toString()}-${steps.toString()}`
-      : '0'
+      : "0"
 );
 
 /**
@@ -301,7 +301,7 @@ export const isStepAvailable = createSelector(
 export const selectCustomizationMeta = createSelector(
   (state: StateType) => state.app.customization.meta,
   (state: StateType) =>
-    state.app.customization.meta !== undefined ? '1' : Math.random()
+    state.app.customization.meta !== undefined ? "1" : Math.random()
 );
 
 /**
@@ -311,7 +311,7 @@ export const selectCustomizationAutoDefaultType = createSelector(
   (state: StateType) => state.app.customization.disableAutoDefault,
   (state: StateType) =>
     state.app.customization.disableAutoDefault !== undefined
-      ? '1'
+      ? "1"
       : Math.random()
 );
 
@@ -321,5 +321,11 @@ export const selectCustomizationAutoDefaultType = createSelector(
 export const selectModelUuid = createSelector(
   (state: StateType) => state.app.meta.modelUuid,
   (state: StateType) =>
-    state.app.meta.modelUuid !== undefined ? '1' : Math.random()
+    state.app.meta.modelUuid !== undefined ? "1" : Math.random()
+);
+
+export const CompletelyUnusedSelector = createSelector(
+  (state: StateType) => state.app.meta.modelUuid,
+  (state: StateType) =>
+    state.app.meta.modelUuid !== undefined ? "1" : Math.random()
 );