@legalplace/wizardx-core 2.2.0 → 2.4.0

package/dist/types/Actions.type.d.ts

@@ -1,23 +1,23 @@
-import type { ModelV3, OptionV3, VariableV3 } from '@legalplace/models-v3-types';
-import { StateType } from './State.type';
-import { UPDATE_AVAILABLE_SECTIONS, UPDATE_AVAILABLE_APPSTATES, GO_PREVIOUS_PAGE, GO_NEXT_PAGE, GO_PAGE, INIT_PAGINATION, UPDATE_INSTANCE_PAID, INIT_INSTANCE, UPDATE_INSTANCE, INIT_META, UPDATE_CURRENT_APPSTATE, UPDATE_CURRENT_SECTION_ID, FETCH_MODEL_SUCCEEDED, FETCH_MODEL_FAILED, SET_DATA_STATUS, SET_FETCH_STATUS, INIT_CUSTOMIZATION_META, FETCH_MODEL_UNHEALTHY, FETCH_MODEL_USER_LOCKED, INIT_CUSTOMIZATION_AUTO_DEFAULT, FETCH_MODEL_NONBLOCKING, SET_MODEL_UUID } from '../redux/constants/app';
-import { INIT_USER, SET_USER_STATUS, SET_USER_VALID_TOKEN } from '../redux/constants/user';
-import { INIT_REFERENCES, UPDATE_VARIABLE_META, UPDATE_OPTION_META } from '../redux/constants/references';
-import { INIT_OPTION, UPDATE_OPTION_INPUT, INIT_VARIABLE, UPDATE_VARIABLE_INPUT, ADD_MULTIPLE_OCCURENCY, DELETE_MULTIPLE_OCCURENCY } from '../redux/constants/inputs';
-import { INIT_CONDITIONS, UPDATE_OPTION_CONDITION, UPDATE_VARIABLE_CONDITION, UPDATE_SECTION_CONDITION, UPDATE_PREFILLER_CONDITION, UPDATE_OPTION_VALIDATOR_CONDITION, UPDATE_VARIABLE_VALIDATOR_CONDITION, UPDATE_DOCUMENT_CONDITION } from '../redux/constants/conditions';
-import { FETCH_MODEL, FETCH_MODEL_PREREQUISITES } from '../redux/constants/sagas/model';
-import { SAVE_DATA } from '../redux/constants/sagas/data';
-import { SET_USER_EMAIL, SET_USER_EMAIL_SUCCEEDED } from '../redux/constants/sagas/user';
-import { SET_MANDATORY_IGNORE, SET_MANDATORY_SECTION, SET_MANDATORY_OPTION, SET_MANDATORY_VARIABLE, INIT_MANDATORY_OPTION, INIT_MANDATORY_VARIABLE } from '../redux/constants/mandatories';
-import { ENABLE_SMARTSCRIPT, INIT_SMARTSCRIPT_TRIGGERS, UPDATE_SMARTSCRIPT_OPTION_HIDDEN, UPDATE_SMARTSCRIPT_VARIABLE_HIDDEN } from '../redux/constants/smartscript';
-import { PathReader } from '../libs/PathReader';
-import { WizardConfigResponse } from './api.type';
+import type { ModelV3, OptionV3, VariableV3 } from "@legalplace/models-v3-types";
+import { StateType } from "./State.type";
+import { UPDATE_AVAILABLE_SECTIONS, UPDATE_AVAILABLE_APPSTATES, GO_PREVIOUS_PAGE, GO_NEXT_PAGE, GO_PAGE, INIT_PAGINATION, UPDATE_INSTANCE_PAID, INIT_INSTANCE, UPDATE_INSTANCE, INIT_META, UPDATE_CURRENT_APPSTATE, UPDATE_CURRENT_SECTION_ID, FETCH_MODEL_SUCCEEDED, FETCH_MODEL_FAILED, SET_DATA_STATUS, SET_FETCH_STATUS, INIT_CUSTOMIZATION_META, FETCH_MODEL_UNHEALTHY, FETCH_MODEL_USER_LOCKED, INIT_CUSTOMIZATION_AUTO_DEFAULT, FETCH_MODEL_NONBLOCKING, SET_MODEL_UUID } from "../redux/constants/app";
+import { INIT_USER, SET_USER_STATUS, SET_USER_VALID_TOKEN } from "../redux/constants/user";
+import { INIT_REFERENCES, UPDATE_VARIABLE_META, UPDATE_OPTION_META } from "../redux/constants/references";
+import { INIT_OPTION, UPDATE_OPTION_INPUT, INIT_VARIABLE, UPDATE_VARIABLE_INPUT, ADD_MULTIPLE_OCCURENCY, DELETE_MULTIPLE_OCCURENCY } from "../redux/constants/inputs";
+import { INIT_CONDITIONS, UPDATE_OPTION_CONDITION, UPDATE_VARIABLE_CONDITION, UPDATE_SECTION_CONDITION, UPDATE_PREFILLER_CONDITION, UPDATE_OPTION_VALIDATOR_CONDITION, UPDATE_VARIABLE_VALIDATOR_CONDITION, UPDATE_DOCUMENT_CONDITION } from "../redux/constants/conditions";
+import { FETCH_MODEL, FETCH_MODEL_PREREQUISITES } from "../redux/constants/sagas/model";
+import { SAVE_DATA } from "../redux/constants/sagas/data";
+import { SET_USER_EMAIL, SET_USER_EMAIL_SUCCEEDED } from "../redux/constants/sagas/user";
+import { SET_MANDATORY_IGNORE, SET_MANDATORY_SECTION, SET_MANDATORY_OPTION, SET_MANDATORY_VARIABLE, INIT_MANDATORY_OPTION, INIT_MANDATORY_VARIABLE } from "../redux/constants/mandatories";
+import { ENABLE_SMARTSCRIPT, INIT_SMARTSCRIPT_TRIGGERS, UPDATE_SMARTSCRIPT_OPTION_HIDDEN, UPDATE_SMARTSCRIPT_VARIABLE_HIDDEN } from "../redux/constants/smartscript";
+import { PathReader } from "../libs/PathReader";
+import { WizardConfigResponse } from "./api.type";
 export declare namespace ActionsType {
     namespace App {
-        interface initMeta extends Omit<StateType.App.Meta, 'fetchStatus'> {
+        interface initMeta extends Omit<StateType.App.Meta, "fetchStatus"> {
             type: typeof INIT_META;
         }
-        interface setModelUuid extends Pick<StateType.App.Meta, 'modelUuid'> {
+        interface setModelUuid extends Pick<StateType.App.Meta, "modelUuid"> {
             type: typeof SET_MODEL_UUID;
         }
         interface fetchModelSucceeded {
@@ -26,10 +26,10 @@ export declare namespace ActionsType {
         interface fetchModelNonBlocking {
             type: typeof FETCH_MODEL_NONBLOCKING;
         }
-        interface fetchModelUnhealthy extends Pick<StateType.App.Meta, 'report'> {
+        interface fetchModelUnhealthy extends Pick<StateType.App.Meta, "report"> {
             type: typeof FETCH_MODEL_UNHEALTHY;
         }
-        interface fetchModelUserLocked extends Pick<StateType.App.Meta, 'report'> {
+        interface fetchModelUserLocked extends Pick<StateType.App.Meta, "report"> {
             type: typeof FETCH_MODEL_USER_LOCKED;
         }
         interface fetchModelFailed {
@@ -47,15 +47,15 @@ export declare namespace ActionsType {
         }
         interface setDataStatus {
             type: typeof SET_DATA_STATUS;
-            dataStatus: 'saved' | 'unsaved' | 'saving' | 'failed';
+            dataStatus: "saved" | "unsaved" | "saving" | "failed";
         }
         interface setFetchStatus {
             type: typeof SET_FETCH_STATUS;
-            fetchStatus: 'waiting' | 'succeeded' | 'failed' | 'unhealthy' | 'userLocked';
+            fetchStatus: "waiting" | "succeeded" | "failed" | "unhealthy" | "userLocked";
         }
-        type AppPaginationWithoutIsFirstPage = Omit<StateType.App.Pagination, 'isFirstPage'>;
-        type AppPaginationWithoutIsLastPage = Omit<AppPaginationWithoutIsFirstPage, 'isLastPage'>;
-        type AppPaginationWithoutTotalPages = Omit<AppPaginationWithoutIsLastPage, 'totalPages'>;
+        type AppPaginationWithoutIsFirstPage = Omit<StateType.App.Pagination, "isFirstPage">;
+        type AppPaginationWithoutIsLastPage = Omit<AppPaginationWithoutIsFirstPage, "isLastPage">;
+        type AppPaginationWithoutTotalPages = Omit<AppPaginationWithoutIsLastPage, "totalPages">;
         interface initPagination extends AppPaginationWithoutTotalPages, StateType.App.Wizard {
             type: typeof INIT_PAGINATION;
         }
@@ -72,11 +72,11 @@ export declare namespace ActionsType {
         }
         interface updateAvailableSections {
             type: typeof UPDATE_AVAILABLE_SECTIONS;
-            availableSections: StateType.App.Wizard['availableSections'];
+            availableSections: StateType.App.Wizard["availableSections"];
         }
         interface updateAvailableAppStates {
             type: typeof UPDATE_AVAILABLE_APPSTATES;
-            availableAppStates: StateType.App.Pagination['availableAppStates'];
+            availableAppStates: StateType.App.Pagination["availableAppStates"];
             ingorePluginAppStateReset: boolean;
         }
         interface updateCurrentAppState {
@@ -89,28 +89,28 @@ export declare namespace ActionsType {
         }
         interface initCustomizationMeta {
             type: typeof INIT_CUSTOMIZATION_META;
-            meta: Exclude<ModelV3['customization']['meta'], undefined>;
+            meta: Exclude<ModelV3["customization"]["meta"], undefined>;
         }
         interface initCustomizationAutoDefault {
             type: typeof INIT_CUSTOMIZATION_AUTO_DEFAULT;
-            disableAutoDefault: StateType.App.Customization['disableAutoDefault'];
+            disableAutoDefault: StateType.App.Customization["disableAutoDefault"];
         }
     }
     namespace User {
-        interface initUser extends Omit<StateType.User, 'status'> {
+        interface initUser extends Omit<StateType.User, "status"> {
             type: typeof INIT_USER;
         }
         interface setUserStatus {
             type: typeof SET_USER_STATUS;
-            status: StateType.User['status'];
+            status: StateType.User["status"];
         }
         interface setUserValidToken {
             type: typeof SET_USER_VALID_TOKEN;
-            validToken: StateType.User['validToken'];
+            validToken: StateType.User["validToken"];
         }
         interface setUserEmail {
             type: typeof SET_USER_EMAIL;
-            email: StateType.User['email'];
+            email: StateType.User["email"];
             disableRedirect?: boolean;
             tags?: Record<string, string>;
             inBackground?: boolean;
@@ -123,9 +123,9 @@ export declare namespace ActionsType {
         interface initReferences extends StateType.References {
             type: typeof INIT_REFERENCES;
         }
-        interface VariableUpdatableMeta extends Omit<VariableV3, 'id' | 'label' | 'step' | 'type' | 'prefillings' | 'conditions' | 'validator'> {
+        interface VariableUpdatableMeta extends Omit<VariableV3, "id" | "label" | "step" | "type" | "prefillings" | "conditions" | "validator"> {
             label?: string;
-            step?: '*' | number[];
+            step?: "*" | number[];
             validator?: {
                 message?: string;
             };
@@ -135,9 +135,9 @@ export declare namespace ActionsType {
             id: number;
             meta: VariableUpdatableMeta;
         }
-        interface OptionUpdatableMeta extends Omit<OptionV3['meta'], 'id' | 'label' | 'step' | 'type' | 'conditions' | 'repeatOption' | 'validator' | 'multiple'> {
+        interface OptionUpdatableMeta extends Omit<OptionV3["meta"], "id" | "label" | "step" | "type" | "conditions" | "repeatOption" | "validator" | "multiple"> {
             label?: string;
-            step?: '*' | number[];
+            step?: "*" | number[];
             validator?: {
                 message?: string;
             };
@@ -181,7 +181,7 @@ export declare namespace ActionsType {
             id: number;
             optionRelations?: StateType.References.Relations.Options;
             optionsReferences?: Record<string, StateType.References.Options.Option>;
-            prefillersVariables?: Record<string, StateType.References.Variables.Variable['prefillings']>;
+            prefillersVariables?: Record<string, StateType.References.Variables.Variable["prefillings"]>;
         }
         interface deleteMultipleOccurency {
             type: typeof DELETE_MULTIPLE_OCCURENCY;
@@ -310,7 +310,7 @@ export declare namespace ActionsType {
         }
         interface initSmartscriptTriggers {
             type: typeof INIT_SMARTSCRIPT_TRIGGERS;
-            triggers: StateType.SmartScript['triggers'];
+            triggers: StateType.SmartScript["triggers"];
         }
         interface updateSmartscriptOptionHidden {
             type: typeof UPDATE_SMARTSCRIPT_OPTION_HIDDEN;

package/dist/types/Components.type.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import type { OptionV3, VariableV3 } from '@legalplace/models-v3-types';
-import { TermsheetRow } from './Termsheet.type';
+import type { OptionV3, VariableV3 } from "@legalplace/models-v3-types";
+import { TermsheetRow } from "./Termsheet.type";
 export interface ProgressPropsType {
     currentSectionTitle: string;
     currentSectionId: number;
@@ -34,7 +33,7 @@ export interface RootOptionPropsFromState {
     id: number;
     multiple: boolean;
     values: boolean[];
-    meta: OptionV3['meta'];
+    meta: OptionV3["meta"];
 }
 export interface RootOptionPropsFromDispatch {
     addMultipleOccurency: () => void;
@@ -51,7 +50,7 @@ export interface OptionPropsFromState {
     condition?: boolean;
     validator?: boolean;
     display: boolean;
-    meta: OptionV3['meta'];
+    meta: OptionV3["meta"];
     selectedRadioChild: number;
     childOptions: number[];
     childVariables: number[];

package/dist/types/State.type.d.ts

@@ -1,6 +1,6 @@
-import type { OptionV3, VariableV3, SectionV3, ConditionV3, ModelV3 } from '@legalplace/models-v3-types';
-import type { Types } from '@legalplace/referencesparser';
-import type { HealthCheckReport } from '@legalplace/model-healthcheck/dist/libs/HealthCheck.type';
+import type { OptionV3, VariableV3, SectionV3, ConditionV3, ModelV3 } from "@legalplace/models-v3-types";
+import type { Types } from "@legalplace/referencesparser";
+import type { HealthCheckReport } from "@legalplace/model-healthcheck/dist/libs/HealthCheck.type";
 export declare type MAPPED_CONDITIONS = {
     dataMap: {
         o: number[];
@@ -156,21 +156,21 @@ export interface AppCustomizationType {
     disableAutoDefault?: boolean;
     meta?: AppCustomizationMetaType;
 }
-export declare type ModelV3CustomizationMeta = Exclude<ModelV3['customization']['meta'], undefined>;
+export declare type ModelV3CustomizationMeta = Exclude<ModelV3["customization"]["meta"], undefined>;
 export interface AppCustomizationMetaType extends ModelV3CustomizationMeta {
 }
 export interface AppInstanceType {
-    dataStatus: 'saved' | 'unsaved' | 'saving' | 'failed';
+    dataStatus: "saved" | "unsaved" | "saving" | "failed";
     uniqid: string;
     companyId?: number;
     employeeId?: number;
     isPaid?: boolean;
     isOrderHandled?: boolean;
     draft?: boolean;
-    steps: '*' | number[];
+    steps: "*" | number[];
 }
 export interface AppMetaType {
-    fetchStatus: 'waiting' | 'succeeded' | 'failed' | 'unhealthy' | 'userLocked' | 'nonBlocking';
+    fetchStatus: "waiting" | "succeeded" | "failed" | "unhealthy" | "userLocked" | "nonBlocking";
     id: number;
     permalink: string;
     prefix: string;
@@ -185,10 +185,10 @@ export interface AppMetaType {
     };
 }
 export interface UserType {
-    status: 'authenticated' | 'unauthenticated' | 'inprogress' | 'failed';
+    status: "authenticated" | "unauthenticated" | "inprogress" | "failed";
     email: string;
     displayName: string;
-    level: 'ADMIN' | 'MANAGER' | 'USER' | 'GUEST' | 'SUPER';
+    level: "ADMIN" | "MANAGER" | "USER" | "GUEST" | "SUPER";
     validToken?: boolean;
 }
 export interface InputsType {

package/dist/types/Termsheet.type.d.ts

@@ -1,17 +1,17 @@
 export interface TermsheetSection {
     number: string;
     label: string;
-    type: 'section';
+    type: "section";
 }
 export interface TermsheetOption {
     label: string;
     value: string;
-    type: 'option';
+    type: "option";
 }
 export interface TermsheetVariable {
     label: string;
     value: string | number;
-    type: 'variable';
+    type: "variable";
 }
 export interface TermsheetRow {
     pageNumber: number;
@@ -20,6 +20,6 @@ export interface TermsheetRow {
     valid?: boolean;
     label: string;
     value: string;
-    type: 'variable' | 'section' | 'option' | 'multiplelabel';
+    type: "variable" | "section" | "option" | "multiplelabel";
     allowUpdate: boolean;
 }

package/dist/types/api.type.d.ts

@@ -1,13 +1,13 @@
 export interface IInstanceCreationResponse {
     uniqid: string;
-    status: 'SUCCESS' | 'FAIL' | 'ERR';
+    status: "SUCCESS" | "FAIL" | "ERR";
     redirect_to?: string;
     isPaid?: boolean;
     user?: {
         email: string;
         displayName: string;
-        level: 'MANAGER' | 'USER' | 'ADMIN' | 'SUPER' | 'GUEST';
-        role?: 'MANAGER' | 'USER' | 'ADMIN' | 'SUPER' | 'GUEST';
+        level: "MANAGER" | "USER" | "ADMIN" | "SUPER" | "GUEST";
+        role?: "MANAGER" | "USER" | "ADMIN" | "SUPER" | "GUEST";
     };
     instanceToken?: string;
 }
@@ -29,5 +29,5 @@ export interface CreateInstanceResponse {
     uniqid: string;
     isPaid: boolean;
     isOrderHandled: boolean;
-    steps: '*' | number[];
+    steps: "*" | number[];
 }

package/dist/types/config.type.d.ts

@@ -1,5 +1,4 @@
-import { IFonts } from '@legalplace/storybook';
-export declare type SideBarType = 'preview' | 'summary' | undefined;
+export declare type SideBarType = "preview" | "summary" | undefined;
 export interface IWizardParamsTheme {
     name: string;
     shimmer?: boolean;
@@ -20,7 +19,7 @@ export interface IWizardParamsTheme {
             };
             [key: string]: any;
         };
-        fonts?: IFonts;
+        fonts?: any;
         style?: Record<string, any>;
         [key: string]: any;
     };

package/dist/types/getActions.type.d.ts

@@ -1,2 +1,2 @@
-import * as connectorActions from '../redux/actions';
-export declare type ActionsConnector = typeof connectorActions;
+import { actionsLibrary } from "../redux/actions/library";
+export declare type ActionsLibraryType = typeof actionsLibrary;

package/dist/types/getConnectors.type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import * as connectors from '../componentsConnectors';
+import { connectorsLibrary } from "../componentsConnectors/library";
 export declare type ConnectorProps<T extends (c: React.ComponentType<any>) => any> = T extends (c: React.ComponentType<infer P>) => any ? P : {};
-export declare type ComponentsConnectors = typeof connectors;
+export declare type ComponentsConnectors = typeof connectorsLibrary;

package/dist/types/getSelectors.type.d.ts

@@ -1,2 +1,2 @@
-import * as connectorSelectors from '../redux/selectors';
-export declare type SelectorsType = typeof connectorSelectors;
+import { selectorsLibrary } from "../redux/selectors/library";
+export declare type SelectorsLibraryType = typeof selectorsLibrary;

package/dist/wizard-params.d.ts

@@ -1,3 +1,3 @@
-import { IWizardParams } from './types/config.type';
+import { IWizardParams } from "./types/config.type";
 declare const config: IWizardParams;
 export default config;

package/dist/wizard-params.js

@@ -1,24 +1,24 @@
 const config = {
-    apiEndpoint: process.env.REACT_APP_API_ENDPOINT || '',
+    apiEndpoint: process.env.REACT_APP_API_ENDPOINT || "",
     enableShadowInstance: false,
     router: {
-        wizardPath: '/contrats/:prefix?/:permalink/creer/:page?',
-        wizardInstancePath: '/contrats/:prefix?/:permalink/continuer/:uniqid([0-9a-zA-Z]+)/:page?',
-        notFoundPath: '/contrats/conditions-generales-de-vente/creer',
+        wizardPath: "/contrats/:prefix?/:permalink/creer/:page?",
+        wizardInstancePath: "/contrats/:prefix?/:permalink/continuer/:uniqid([0-9a-zA-Z]+)/:page?",
+        notFoundPath: "/contrats/conditions-generales-de-vente/creer",
         appStatesPages: {
-            termsheet: 'resume',
-            email: 'email',
+            termsheet: "resume",
+            email: "email",
         },
-        smartscriptPath: '/contrats/:permalink/smartscript/:uniqid?',
+        smartscriptPath: "/contrats/:permalink/smartscript/:uniqid?",
     },
     plugins: {
-        b2c_actions: '1.0.0',
-        datalayer: '1.0.0',
-        checkoutX: '1.0.0',
-        authentication: '1.0.0',
+        b2c_actions: "1.0.0",
+        datalayer: "1.0.0",
+        checkoutX: "1.0.0",
+        authentication: "1.0.0",
     },
     theme: {
-        name: 'legacy',
+        name: "legacy",
         params: {
             ui: {
                 topbar: {
@@ -26,14 +26,14 @@ const config = {
                 },
             },
             sidebar: {
-                default: 'preview',
+                default: "preview",
                 states: {
-                    wizard: 'summary',
-                    email: 'summary',
+                    wizard: "summary",
+                    email: "summary",
                 },
             },
         },
     },
-    appStates: ['wizard', 'email'],
+    appStates: ["wizard", "email"],
 };
 export default config;

package/jest.config.ts

@@ -120,7 +120,7 @@ const jestConfig = {
   // runner: "jest-runner",
 
   // The paths to modules that run some code to configure or set up the testing environment before each test
-  // setupFiles: [],
+  setupFiles: ['./setupJest.ts'],
 
   // A list of paths to modules that run some code to configure or set up the testing framework before each test
   // setupFilesAfterEnv: [],

package/package.json

@@ -1,15 +1,20 @@
 {
   "name": "@legalplace/wizardx-core",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "author": "Moncef Hammou (moncef@legalplace.fr)",
   "license": "MIT",
-  "main": "dist/index.js",
+  "exports": {
+    ".": "./dist",
+    "./redux": "./dist/redux",
+    "./redux/selectors": "./dist/selectors",
+    "./componentsConnectors": "./dist/componentsConnectors"
+  },
   "scripts": {
     "build": "npx rimraf dist && npx tsc",
     "start": "npx tsc-watch --noClear -p ./tsconfig.json",
     "lint": "tsc --noEmit && eslint 'src/**/*.{js,jsx,ts,tsx}' --quiet",
     "lint:fix": "tsc --noEmit && eslint 'src/**/*.{js,jsx,ts,tsx}' --fix",
-    "test": "npx jest",
+    "test": "npx jest --watch",
     "test:ci": "npx jest --config ./jest.config.ts --collectCoverage --coverageDirectory=\"./coverage\" --ci --reporters=default --reporters=jest-junit --watchAll=false",
     "test:coverage": "npx jest test --coverage  --watchAll=false ",
     "precommit": "test && lint:fix"
@@ -19,7 +24,7 @@
     "@legalplace/lplogic": "^2.1.6",
     "@legalplace/model-healthcheck": "^1.1.5",
     "@legalplace/referencesparser": "^1.7.0",
-    "@legalplace/storybook": "1.122.2",
+    "@legalplace/sb-experiment": "^0.1.0-alpha.2",
     "@loadable/component": "^5.15.0",
     "@redux-saga/core": "^1.1.3",
     "awesome-phonenumber": "^2.62.1",
@@ -46,9 +51,9 @@
     "xss": "^1.0.9"
   },
   "devDependencies": {
-    "@legalplace/eslint-config": "^2.0.2",
+    "@legalplace/eslint-config": "^2.1.0",
     "@legalplace/models-v3-types": "^3.6.0",
-    "@legalplace/prettier-config": "^2.0.2",
+    "@legalplace/prettier-config": "^2.1.0",
     "@swc-node/jest": "^1.3.2",
     "@swc/core": "^1.2.93",
     "@swc/jest": "^0.2.4",
@@ -60,7 +65,9 @@
     "@types/loadable__component": "^5.13.4",
     "@types/lodash": "^4.14.175",
     "@types/mousetrap": "^1.6.8",
-    "@types/react-router-dom": "^5.3.0",
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "17.0.11",
+    "@types/react-router-dom": "^5.1.6",
     "@types/react-test-renderer": "^17.0.1",
     "@types/redux-mock-store": "^1.0.3",
     "@types/route-parser": "^0.1.3",
@@ -72,6 +79,7 @@
     "jest-junit": "^13.0.0",
     "lodash": "^4.17.21",
     "react-async-ssr": "^0.7.2",
+    "react-router": "5.2.1",
     "redux-mock-store": "^1.5.4",
     "regenerator-runtime": "^0.13.9",
     "rimraf": "^3.0.2",
@@ -84,5 +92,5 @@
     "*.test.ts",
     "*.test.tsx"
   ],
-  "gitHead": "3f07ee92ced0ed41c4a775faacec9e4c22582881"
+  "gitHead": "9273e6b6c177b2ded27acfab75da4b29d7fb474d"
 }

package/setupJest.ts

@@ -0,0 +1,8 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { GlobalWithFetchMock } from 'jest-fetch-mock';
+
+const customGlobal: GlobalWithFetchMock =
+  global as unknown as GlobalWithFetchMock;
+customGlobal.fetch = require('jest-fetch-mock');
+
+customGlobal.fetchMock = customGlobal.fetch;

package/src/App.tsx

@@ -1,24 +1,24 @@
-import React from 'react';
-import { Route, Switch, Redirect, generatePath } from 'react-router-dom';
-import { Provider } from 'react-redux';
-import { ConnectedRouter } from 'connected-react-router';
-import type { ModelV3 } from '@legalplace/models-v3-types';
-import { getStore, createAppStore } from './redux/store';
-import { getHistory } from './redux/routerHistory';
-import { StateType } from './types/State.type';
-import { setGlobals, IGlobalParams } from './Globals';
-import { getConfig, updateConfig } from './config';
-import { fetchModelPrerequisitesAction } from './redux/actions/sagas/model';
-import ViewComponent from './components/View';
-import SmartScriptComponent from './components/SmartScript';
-import { PluginRoute } from './components/PluginRoute';
-import { clearPlugins } from './PluginLoader';
-import { IWizardParams } from './types/config.type';
-import { preloadTheme } from './helpers/preloadTheme';
+import React from "react";
+import { Route, Switch, Redirect, generatePath } from "react-router-dom";
+import { Provider } from "react-redux";
+import { ConnectedRouter } from "connected-react-router";
+import type { ModelV3 } from "@legalplace/models-v3-types";
+import { getStore, createAppStore } from "./redux/store";
+import { getHistory } from "./redux/routerHistory";
+import type { StateType } from "./types/State.type";
+import Globals, { setGlobals, IGlobalParams } from "./Globals";
+import { getConfig, updateConfig } from "./config";
+import { fetchModelPrerequisitesAction } from "./redux/actions/sagas/model";
+import type { IWizardParams } from "./types/config.type";
+import { preloadTheme } from "./helpers/preloadTheme";
+import ViewComponent from "./components/View";
+import PluginRoute from "./components/PluginRoute";
+import SmartScriptComponent from "./components/SmartScript";
+import { clearPlugins } from "./PluginLoader";
 
 // App components props interface
 export interface AppProps {
-  historyType: 'browser' | 'memory';
+  historyType: "browser" | "memory";
   model?: ModelV3;
   meta?: StateType.App.Meta;
   instance?: StateType.App.Instance;
@@ -38,13 +38,10 @@ class WizardXCore extends React.Component<AppProps, { loaded: boolean }> {
 
     // Creating the history
     const historyType =
-      typeof props.historyType === 'string' ? props.historyType : 'browser';
+      typeof props.historyType === "string" ? props.historyType : "browser";
 
     const params: IGlobalParams = {
-      model: null,
-      meta: null,
-      instance: null,
-      user: null,
+      ...Globals,
       loadTheme: props.loadTheme,
       loadPlugin: props.loadPlugin,
     };
@@ -110,7 +107,7 @@ class WizardXCore extends React.Component<AppProps, { loaded: boolean }> {
     dispatch(
       fetchModelPrerequisitesAction(
         getConfig().permalink || state.app.meta.permalink,
-        getConfig().prefix || state.app.meta.prefix || ''
+        getConfig().prefix || state.app.meta.prefix || ""
       )
     );
   }
@@ -135,7 +132,7 @@ class WizardXCore extends React.Component<AppProps, { loaded: boolean }> {
             <Route
               path={
                 getConfig().router.smartscriptPath ||
-                '/contrats/:permalink/smartscript/:uniqid?'
+                "/contrats/:permalink/smartscript/:uniqid?"
               }
               component={SmartScriptComponent}
             />

package/src/Globals.ts

@@ -9,12 +9,14 @@ declare global {
     sendinblue: any;
     ga: any;
     hj: any;
+    wizardxLoadAfterLcp: ({ src: string } | Function)[];
   }
 }
 
 export interface IGlobalParams {
   [key: string]: any;
   metadata?: Record<string, any>;
+  appEnv: string;
   loadPlugin: (plugin: string) => Promise<any>;
   loadTheme: (theme: string) => Promise<any>;
 }
@@ -24,7 +26,7 @@ const globalParams: IGlobalParams = {
   instance: null,
   meta: null,
   user: null,
-  env: null,
+  appEnv: "production",
   version: null,
   loadPlugin: async () => {},
   loadTheme: async () => {},
@@ -36,21 +38,23 @@ export const setGlobals = (params: typeof globalParams) => {
   });
 
   // Setting env
-  globalParams.env =
-    process.env.REACT_APP_ENV || process.env.NODE_ENV || 'production';
+  globalParams.appEnv =
+    process.env.REACT_APP_ENV?.toString() ||
+    process.env.NODE_ENV?.toString() ||
+    "production";
 
   // Setting version
-  globalParams.version = process.env.REACT_APP_VERSION || '0.0.0';
+  globalParams.version = process.env.REACT_APP_VERSION || "0.0.0";
 
   if (
-    globalParams.env !== 'production' &&
+    globalParams.appEnv !== "production" &&
     process.env.JEST_WORKER_ID === undefined
   ) {
     // eslint-disable-next-line no-console
     console.log(
-      `%c[WZIARDX]: Current Environment: %c${globalParams.env} (${globalParams.version})`,
-      'font-weight:bold',
-      'font-weight: bold; color: red'
+      `%c[WZIARDX]: Current Environment: %c${globalParams.appEnv} (${globalParams.version})`,
+      "font-weight:bold",
+      "font-weight: bold; color: red"
     );
   }
 };

package/src/Loader.tsx

@@ -0,0 +1,8 @@
+export const Loader = () => (
+  <div className="lps-container">
+    <div className="lds-ripple">
+      <div />
+      <div />
+    </div>
+  </div>
+);