@legalplace/wizardx-core 2.3.0 → 2.4.0

package/src/redux/middlewares/prefillerWatcherMiddleware.ts

@@ -1,28 +1,28 @@
 /* eslint-disable max-len */
-import { MiddlewareAPI, Dispatch } from 'redux';
-import { filterXSS } from 'xss';
-import ConditionsMapper from '@legalplace/referencesparser/dist/libs/ConditionsMapper';
-import { ActionsType } from '../../types/Actions.type';
-import { UPDATE_PREFILLER_CONDITION } from '../constants/conditions';
+import { MiddlewareAPI, Dispatch } from "redux";
+import { filterXSS } from "xss";
+import ConditionsMapper from "@legalplace/referencesparser/dist/libs/ConditionsMapper";
+import { ActionsType } from "../../types/Actions.type";
+import { UPDATE_PREFILLER_CONDITION } from "../constants/conditions";
 import {
   selectVariableInputByIndex,
   selectVariableInput,
   selectOptionInput,
-} from '../selectors/inputs';
+} from "../selectors/inputs";
 import {
   areVariablesSiblings,
   selectOptionRelations,
   selectVariableReference,
   selectVariableRelations,
-} from '../selectors/references';
-import { updateVariableAction } from '../actions/inputs';
-import { StateType } from '../../types/State.type';
+} from "../selectors/references";
+import { updateVariableAction } from "../actions/inputs";
+import { StateType } from "../../types/State.type";
 import {
   ADD_MULTIPLE_OCCURENCY,
   UPDATE_VARIABLE_INPUT,
-} from '../constants/inputs';
-import { selectPrefillerConditionValue } from '../selectors/conditions';
-import { FETCH_MODEL_SUCCEEDED } from '../constants/app';
+} from "../constants/inputs";
+import { selectPrefillerConditionValue } from "../selectors/conditions";
+import { FETCH_MODEL_SUCCEEDED } from "../constants/app";
 
 export type WatcherActions = ActionsType.Conditions.updatePrefillerCondition;
 
@@ -34,7 +34,7 @@ const parsePrefillerValue = (
   const prefillerValue =
     selectVariableReference(variableId)?.prefillings?.[prefillerIndex]?.value;
 
-  if (!prefillerValue) return '';
+  if (!prefillerValue) return "";
 
   if (/\[var:([0-9]+)\]/gi.test(prefillerValue)) {
     // Extracting variables
@@ -68,9 +68,9 @@ const parsePrefillerValue = (
       if (
         value === undefined ||
         value === null ||
-        (typeof value === 'string' && value.trim().length === 0)
+        (typeof value === "string" && value.trim().length === 0)
       ) {
-        variablesValues[currentVariableId] = '';
+        variablesValues[currentVariableId] = "";
       } else {
         variablesValues[currentVariableId] = value.toString();
       }
@@ -81,7 +81,7 @@ const parsePrefillerValue = (
     variables.forEach((currentVariableId) => {
       const value: string = variablesValues[currentVariableId];
       parsedPrefillerValue = parsedPrefillerValue.replace(
-        new RegExp(`\\[var:${currentVariableId}\\]`, 'gi'),
+        new RegExp(`\\[var:${currentVariableId}\\]`, "gi"),
         filterXSS(value)
       );
     });
@@ -122,8 +122,8 @@ const watchUpdatePrefillerCondition = (
   // Getting current variable value
   let currentValue = selectVariableInputByIndex(variableId, variableIndex);
   currentValue =
-    typeof currentValue === 'number' ? currentValue.toString() : currentValue;
-  currentValue = typeof currentValue === 'string' ? currentValue : '';
+    typeof currentValue === "number" ? currentValue.toString() : currentValue;
+  currentValue = typeof currentValue === "string" ? currentValue : "";
 
   // Getting first undefined value
   const firstUnconditionnedIndex = variableReference.prefillings
@@ -139,7 +139,7 @@ const watchUpdatePrefillerCondition = (
   // Getting prefillers values
   let prefillersValues = variableReference.prefillings
     ? variableReference.prefillings
-    : new Array(prefillerConditions.length).fill('');
+    : new Array(prefillerConditions.length).fill("");
   prefillersValues = prefillersValues.map((prefiller) => prefiller.value);
 
   // Filling prefillers values with variables
@@ -149,7 +149,7 @@ const watchUpdatePrefillerCondition = (
       return parsePrefillerValue(variableId, variableIndex, prefillerIndex);
 
     // Removing whitespaces from beginning and end of each prefiller value
-    return prefillerValue.replace(/^\s+|\s+$/g, '');
+    return prefillerValue.replace(/^\s+|\s+$/g, "");
   });
 
   // Getting the value to prefill
@@ -159,11 +159,11 @@ const watchUpdatePrefillerCondition = (
       ? prefillersValues[firstTrueIndex]
       : firstUnconditionnedIndex > -1
       ? prefillersValues[firstUnconditionnedIndex]
-      : '';
+      : "";
 
   // Prefilling the variable if it's current value is empty or equals another prefillers
   if (
-    currentValue === '' ||
+    currentValue === "" ||
     (prefillersValues.includes(currentValue) &&
       currentValue !== newPrefillerValue)
   ) {
@@ -217,10 +217,10 @@ const watchAddMultipleOccurency = (
       // Getting current variable value
       let currentValue = selectVariableInputByIndex(variableId, variableIndex);
       currentValue =
-        typeof currentValue === 'number'
+        typeof currentValue === "number"
           ? currentValue.toString()
           : currentValue;
-      currentValue = typeof currentValue === 'string' ? currentValue : '';
+      currentValue = typeof currentValue === "string" ? currentValue : "";
       currentValue = currentValue.trim();
 
       // Getting first undefined value
@@ -233,7 +233,7 @@ const watchAddMultipleOccurency = (
       // Getting prefillers values
       let prefillersValues = variableReference.prefillings
         ? variableReference.prefillings
-        : new Array(prefillerConditions.length).fill('');
+        : new Array(prefillerConditions.length).fill("");
       prefillersValues = prefillersValues.map((prefiller) => prefiller.value);
 
       // Filling prefillers values with variables
@@ -271,9 +271,9 @@ const watchAddMultipleOccurency = (
             if (
               value === undefined ||
               value === null ||
-              (typeof value === 'string' && value.trim().length === 0)
+              (typeof value === "string" && value.trim().length === 0)
             ) {
-              variablesValues[currentVariableId] = '';
+              variablesValues[currentVariableId] = "";
             } else {
               variablesValues[currentVariableId] = value.toString();
             }
@@ -284,7 +284,7 @@ const watchAddMultipleOccurency = (
           variables.forEach((currentVariableId) => {
             const value: string = variablesValues[currentVariableId];
             parsedPrefillerValue = parsedPrefillerValue.replace(
-              new RegExp(`\\[var:${currentVariableId}\\]`, 'gi'),
+              new RegExp(`\\[var:${currentVariableId}\\]`, "gi"),
               filterXSS(value)
             );
           });
@@ -294,7 +294,7 @@ const watchAddMultipleOccurency = (
         }
 
         // Removing whitespaces from beginning and end of each prefiller value
-        return prefillerValue.replace(/^\s+|\s+$/g, '');
+        return prefillerValue.replace(/^\s+|\s+$/g, "");
       });
 
       // Getting the value to prefill
@@ -304,11 +304,11 @@ const watchAddMultipleOccurency = (
           ? prefillersValues[firstTrueIndex]
           : firstUndefinedCondition > -1
           ? prefillersValues[firstUndefinedCondition]
-          : '';
+          : "";
 
       // Prefilling the variable if it's current value is empty or equals another prefiller
       if (
-        currentValue === '' ||
+        currentValue === "" ||
         (prefillersValues.includes(currentValue) &&
           currentValue !== newPrefillerValue)
       ) {

package/src/redux/middlewares/smartscriptMiddleware.ts

@@ -1,18 +1,18 @@
-import { MiddlewareAPI, Dispatch } from 'redux';
-import cloneDeep from 'lodash/cloneDeep';
-import { generatePath } from 'react-router-dom';
-import { getConfig } from '../../config';
-import { ActionsType } from '../../types/Actions.type';
-import { StateType } from '../../types/State.type';
+import { MiddlewareAPI, Dispatch } from "redux";
+import cloneDeep from "lodash/cloneDeep";
+import { generatePath } from "react-router-dom";
+import { getConfig } from "../../config";
+import { ActionsType } from "../../types/Actions.type";
+import { StateType } from "../../types/State.type";
 import {
   ADD_MULTIPLE_OCCURENCY,
   DELETE_MULTIPLE_OCCURENCY,
   UPDATE_OPTION_INPUT,
   UPDATE_VARIABLE_INPUT,
-} from '../constants/inputs';
-import { ENABLE_SMARTSCRIPT } from '../constants/smartscript';
-import { PathReader } from '../../libs/PathReader';
-import { initSmartscriptTriggersAction } from '../actions/smartscript';
+} from "../constants/inputs";
+import { ENABLE_SMARTSCRIPT } from "../constants/smartscript";
+import { PathReader } from "../../libs/PathReader";
+import { initSmartscriptTriggersAction } from "../actions/smartscript";
 
 let iframe: HTMLIFrameElement | null = null;
 
@@ -24,11 +24,11 @@ const watchEnableSmartScript = (
   next(action);
 
   // Creating iframe
-  iframe = document.createElement('iframe');
-  iframe.id = 'lp-smartscript';
+  iframe = document.createElement("iframe");
+  iframe.id = "lp-smartscript";
   iframe.setAttribute(
-    'style',
-    'position: absolute; width:0; height:0; border:0;'
+    "style",
+    "position: absolute; width:0; height:0; border:0;"
   );
   const { permalink, prefix } = mpi.getState().app.meta;
   const { uniqid } = mpi.getState().app.instance;
@@ -43,19 +43,19 @@ const watchEnableSmartScript = (
     });
 
     iframe.src = `${window.location.protocol}//${window.location.host}${path}${
-      modelVersion ? `?version=${modelVersion}` : ''
+      modelVersion ? `?version=${modelVersion}` : ""
     }`;
   } else {
     iframe.src = `${window.location.protocol}//${
       window.location.host
-    }/contrats/${permalink}/smartscript/${uniqid || ''}${
-      modelVersion ? `?version=${modelVersion}` : ''
+    }/contrats/${permalink}/smartscript/${uniqid || ""}${
+      modelVersion ? `?version=${modelVersion}` : ""
     }`;
   }
 
   // Checking if it's a new instance
   const isNewInstance = !(
-    typeof uniqid === 'string' && uniqid.trim().length > 0
+    typeof uniqid === "string" && uniqid.trim().length > 0
   );
 
   // Initiating triggers
@@ -98,7 +98,7 @@ const watchUpdateOptionInput = (
   if (state.smartscript.triggers.options.includes(id)) {
     try {
       const actions = iframe?.contentWindow?.triggerListeners(
-        'option',
+        "option",
         id,
         cloneDeep(state.inputs)
       );
@@ -136,7 +136,7 @@ const watchUpdateVariableInput = (
   if (state.smartscript.triggers.variables.includes(id)) {
     try {
       const actions = iframe?.contentWindow?.triggerListeners(
-        'variable',
+        "variable",
         id,
         cloneDeep(state.inputs)
       );

package/src/redux/middlewares/thirdpartyScriptsMiddleware.ts

@@ -0,0 +1,41 @@
+import { MiddlewareAPI, Dispatch } from "redux";
+import { loadScripts } from "../../helpers/scriptsLoader";
+import { ActionsType } from "../../types/Actions.type";
+import { StateType } from "../../types/State.type";
+import { FETCH_MODEL_SUCCEEDED } from "../constants/app";
+
+const watchFetchModelSucceeded = (
+  mpi: MiddlewareAPI<Dispatch, StateType>,
+  next: Dispatch,
+  action: WatcherActions
+) => {
+  next(action);
+
+  loadScripts();
+};
+
+export type WatcherActions = ActionsType.App.fetchModelSucceeded;
+
+// Enumerating watchers
+const watchersEnum: Record<
+  string,
+  (mpi: MiddlewareAPI<Dispatch, StateType>, next: Dispatch, action: any) => void
+> = {
+  [FETCH_MODEL_SUCCEEDED]: watchFetchModelSucceeded,
+};
+
+/**
+ * Third party scripts Middleware
+ * @param mpi MiddlewareAPI
+ * @param next Dispatch function
+ * @param action Actions
+ */
+const thirdPartyScriptsMiddleware =
+  (mpi: MiddlewareAPI) => (next: Dispatch) => (action: WatcherActions) => {
+    if (Object.prototype.hasOwnProperty.call(watchersEnum, action.type)) {
+      return watchersEnum[action.type].apply(null, [mpi, next, action]);
+    }
+    return next(action);
+  };
+
+export default thirdPartyScriptsMiddleware;

package/src/redux/reducers/app/customizations/initCustomizationAutoDefault.ts

@@ -1,5 +1,5 @@
-import { ActionsType } from '../../../../types/Actions.type';
-import { StateType } from '../../../../types/State.type';
+import { ActionsType } from "../../../../types/Actions.type";
+import { StateType } from "../../../../types/State.type";
 
 export const initCustomizationAutoDefaultTypeReducer = (
   state: StateType.App,

package/src/redux/reducers/app/customizations/initCustomizationMeta.ts

@@ -1,5 +1,5 @@
-import { ActionsType } from '../../../../types/Actions.type';
-import { StateType } from '../../../../types/State.type';
+import { ActionsType } from "../../../../types/Actions.type";
+import { StateType } from "../../../../types/State.type";
 
 export const initCustomizationMetaReducer = (
   state: StateType.App,

package/src/redux/reducers/app/instance/initInstance.ts

@@ -1,5 +1,5 @@
-import { ActionsType } from '../../../../types/Actions.type';
-import { StateType } from '../../../../types/State.type';
+import { ActionsType } from "../../../../types/Actions.type";
+import { StateType } from "../../../../types/State.type";
 
 export const initInstanceReducer = (
   state: StateType.App,

package/src/redux/reducers/app/instance/setDataStatus.ts

@@ -1,5 +1,5 @@
-import { ActionsType } from '../../../../types/Actions.type';
-import { StateType } from '../../../../types/State.type';
+import { ActionsType } from "../../../../types/Actions.type";
+import { StateType } from "../../../../types/State.type";
 
 export const setDataStatusReducer = (
   state: StateType.App,

package/src/redux/reducers/app/instance/updateInstance.ts

@@ -1,5 +1,5 @@
-import { ActionsType } from '../../../../types/Actions.type';
-import { StateType } from '../../../../types/State.type';
+import { ActionsType } from "../../../../types/Actions.type";
+import { StateType } from "../../../../types/State.type";
 
 export const updateInstanceReducer = (
   state: StateType.App,

package/src/redux/reducers/app/instance/updateInstancePaid.ts

@@ -1,5 +1,5 @@
-import { ActionsType } from '../../../../types/Actions.type';
-import { StateType } from '../../../../types/State.type';
+import { ActionsType } from "../../../../types/Actions.type";
+import { StateType } from "../../../../types/State.type";
 
 export const updateInstancePaidReducer = (
   state: StateType.App,

package/src/redux/reducers/app/meta/fetchModelFailed.ts

@@ -1,4 +1,4 @@
-import { StateType } from '../../../../types/State.type';
+import { StateType } from "../../../../types/State.type";
 
 export const fetchModelFailedReducer = (
   state: StateType.App
@@ -6,6 +6,6 @@ export const fetchModelFailedReducer = (
   ...state,
   meta: {
     ...state.meta,
-    fetchStatus: 'failed',
+    fetchStatus: "failed",
   },
 });

package/src/redux/reducers/app/meta/fetchModelNonBlocking.ts

@@ -1,4 +1,4 @@
-import { StateType } from '../../../../types/State.type';
+import { StateType } from "../../../../types/State.type";
 
 export const fetchModelNonBlockingReducer = (
   state: StateType.App
@@ -6,6 +6,6 @@ export const fetchModelNonBlockingReducer = (
   ...state,
   meta: {
     ...state.meta,
-    fetchStatus: 'nonBlocking',
+    fetchStatus: "nonBlocking",
   },
 });

package/src/redux/reducers/app/meta/fetchModelSucceeded.ts

@@ -1,4 +1,4 @@
-import { StateType } from '../../../../types/State.type';
+import { StateType } from "../../../../types/State.type";
 
 export const fetchModelSucceededReducer = (
   state: StateType.App
@@ -6,6 +6,6 @@ export const fetchModelSucceededReducer = (
   ...state,
   meta: {
     ...state.meta,
-    fetchStatus: 'succeeded',
+    fetchStatus: "succeeded",
   },
 });

package/src/redux/reducers/app/meta/fetchModelUnhealthy.ts

@@ -1,5 +1,5 @@
-import { StateType } from '../../../../types/State.type';
-import { ActionsType } from '../../../../types/Actions.type';
+import { StateType } from "../../../../types/State.type";
+import { ActionsType } from "../../../../types/Actions.type";
 
 export const fetchModelUnhealthyReducer = (
   state: StateType.App,
@@ -11,7 +11,7 @@ export const fetchModelUnhealthyReducer = (
     ...state,
     meta: {
       ...state.meta,
-      fetchStatus: 'unhealthy',
+      fetchStatus: "unhealthy",
       report,
     },
   };

package/src/redux/reducers/app/meta/fetchModelUserLocked.ts

@@ -1,4 +1,4 @@
-import { StateType } from '../../../../types/State.type';
+import { StateType } from "../../../../types/State.type";
 
 export const fetchModelUserLockedReducer = (
   state: StateType.App
@@ -6,6 +6,6 @@ export const fetchModelUserLockedReducer = (
   ...state,
   meta: {
     ...state.meta,
-    fetchStatus: 'userLocked',
+    fetchStatus: "userLocked",
   },
 });

package/src/redux/reducers/app/meta/initMeta.ts

@@ -1,5 +1,5 @@
-import { ActionsType } from '../../../../types/Actions.type';
-import { StateType } from '../../../../types/State.type';
+import { ActionsType } from "../../../../types/Actions.type";
+import { StateType } from "../../../../types/State.type";
 
 export const initMetaReducer = (
   state: StateType.App,

package/src/redux/reducers/app/meta/setModelUuid.ts

@@ -1,5 +1,5 @@
-import { ActionsType } from '../../../../types/Actions.type';
-import { StateType } from '../../../../types/State.type';
+import { ActionsType } from "../../../../types/Actions.type";
+import { StateType } from "../../../../types/State.type";
 
 export const setModelUuidReducer = (
   state: StateType.App,

package/src/redux/reducers/app/pagination/goNextPage.ts

@@ -1,4 +1,4 @@
-import { StateType } from '../../../../types/State.type';
+import { StateType } from "../../../../types/State.type";
 
 export const goNextPageReducer = (state: StateType.App): StateType.App => {
   const currentPage = state.pagination.currentPage + 1;
@@ -31,7 +31,7 @@ export const goNextPageReducer = (state: StateType.App): StateType.App => {
 
   // Wizard indexes
   const wizardIndexBegin =
-    state.pagination.availableAppStates.indexOf('wizard');
+    state.pagination.availableAppStates.indexOf("wizard");
   const wizardIndexEnd =
     wizardIndexBegin + state.wizard.availableSections.length;
 

package/src/redux/reducers/app/pagination/goPage.ts

@@ -1,5 +1,5 @@
-import { ActionsType } from '../../../../types/Actions.type';
-import { StateType } from '../../../../types/State.type';
+import { ActionsType } from "../../../../types/Actions.type";
+import { StateType } from "../../../../types/State.type";
 
 export const goPageReducer = (
   state: StateType.App,
@@ -10,7 +10,7 @@ export const goPageReducer = (
   // AppStatesArray
   let appStatesPagesArray: string[] = [];
   state.pagination.availableAppStates.forEach((_appState) => {
-    if (_appState === 'wizard')
+    if (_appState === "wizard")
       appStatesPagesArray = [
         ...appStatesPagesArray,
         ...new Array(state.wizard.availableSections.length).fill(_appState),
@@ -45,7 +45,7 @@ export const goPageReducer = (
 
   // Wizard indexes
   const wizardIndexBegin =
-    state.pagination.availableAppStates.indexOf('wizard');
+    state.pagination.availableAppStates.indexOf("wizard");
   const wizardIndexEnd =
     wizardIndexBegin + state.wizard.availableSections.length;
 

package/src/redux/reducers/app/pagination/goPreviousPage.ts

@@ -1,4 +1,4 @@
-import { StateType } from '../../../../types/State.type';
+import { StateType } from "../../../../types/State.type";
 
 export const goPreviousPageReducer = (state: StateType.App): StateType.App => {
   const currentPage =
@@ -23,7 +23,7 @@ export const goPreviousPageReducer = (state: StateType.App): StateType.App => {
 
   // Wizard indexes
   const wizardIndexBegin =
-    state.pagination.availableAppStates.indexOf('wizard');
+    state.pagination.availableAppStates.indexOf("wizard");
   const wizardIndexEnd =
     wizardIndexBegin + state.wizard.availableSections.length;
 

package/src/redux/reducers/app/pagination/initPagination.ts

@@ -1,6 +1,6 @@
-import { ActionsType } from '../../../../types/Actions.type';
-import { StateType } from '../../../../types/State.type';
-import { registerPluginsAppStates } from '../../../../PluginLoader';
+import { ActionsType } from "../../../../types/Actions.type";
+import { StateType } from "../../../../types/State.type";
+import { registerPluginsAppStates } from "../../../../PluginLoader";
 
 export const initPaginationReducer = (
   state: StateType.App,

package/src/redux/reducers/app/pagination/updateAvailableAppStates.ts

@@ -1,6 +1,6 @@
-import { StateType } from '../../../../types/State.type';
-import { ActionsType } from '../../../../types/Actions.type';
-import { registerPluginsAppStates } from '../../../../PluginLoader';
+import { StateType } from "../../../../types/State.type";
+import { ActionsType } from "../../../../types/Actions.type";
+import { registerPluginsAppStates } from "../../../../PluginLoader";
 
 // eslint-disable-next-line max-len
 export const updateAvailableAppStatesReducer = (
@@ -15,8 +15,8 @@ export const updateAvailableAppStatesReducer = (
   }
 
   if (
-    state.pagination.availableAppStates.reduce((p, c) => p + c, '') ===
-    availableAppStates.reduce((p, c) => p + c, '')
+    state.pagination.availableAppStates.reduce((p, c) => p + c, "") ===
+    availableAppStates.reduce((p, c) => p + c, "")
   )
     return state;
 
@@ -31,9 +31,9 @@ export const updateAvailableAppStatesReducer = (
    */
   let appStates: string[] = [];
   availableAppStates.forEach((currentAppState) => {
-    if (currentAppState === 'wizard')
+    if (currentAppState === "wizard")
       state.wizard.availableSections.forEach(() => {
-        appStates = [...appStates, 'wizard'];
+        appStates = [...appStates, "wizard"];
       });
     else {
       appStates = [...appStates, currentAppState];

package/src/redux/reducers/app/wizard/updateAvailableSections.ts

@@ -1,5 +1,5 @@
-import { StateType } from '../../../../types/State.type';
-import { ActionsType } from '../../../../types/Actions.type';
+import { StateType } from "../../../../types/State.type";
+import { ActionsType } from "../../../../types/Actions.type";
 
 // eslint-disable-next-line max-len
 export const updateAvailableSectionsReducer = (
@@ -10,8 +10,8 @@ export const updateAvailableSectionsReducer = (
 
   // Making sure value has changed before changing the state
   if (
-    state.wizard.availableSections.reduce((p, c) => p + c, '') ===
-    availableSections.reduce((p, c) => p + c, '')
+    state.wizard.availableSections.reduce((p, c) => p + c, "") ===
+    availableSections.reduce((p, c) => p + c, "")
   )
     return state;