@legalplace/wizardx-core 2.3.0 → 2.4.0

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.4.0](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.3.0...@legalplace/wizardx-core@2.4.0) (2021-12-03)
+
+
+### Bug Fixes
+
+* disabling tests tmp api[#4480](https://git.legalplace.eu/legalplace/monorepo/issues/4480) ([79c3050](https://git.legalplace.eu/legalplace/monorepo/commits/79c30506ba070b50a0f9a7ab48b84a4822200437))
+* fixing test api[#4480](https://git.legalplace.eu/legalplace/monorepo/issues/4480) ([53ff5be](https://git.legalplace.eu/legalplace/monorepo/commits/53ff5be76e31c5cc5476b0c5a1ce43cab5e36656))
+* loading third parties api[#4480](https://git.legalplace.eu/legalplace/monorepo/issues/4480) ([fb69116](https://git.legalplace.eu/legalplace/monorepo/commits/fb69116f896cf4055eed75ecba1e1fa19f9a01ed))
+* setting eval to sync to avoid potential bugs until further refactoring api[#4480](https://git.legalplace.eu/legalplace/monorepo/issues/4480) ([99c7e7c](https://git.legalplace.eu/legalplace/monorepo/commits/99c7e7c0fb3f06e2ead8c4d418991292fd692dc1))
+
+
+### Features
+
+* optimizing wizardx (WIP) api[#4480](https://git.legalplace.eu/legalplace/monorepo/issues/4480) ([afdce18](https://git.legalplace.eu/legalplace/monorepo/commits/afdce18db5f85f5128d819003ce9335e7d6b4d93))
+* testing optimization api[#4480](https://git.legalplace.eu/legalplace/monorepo/issues/4480) ([104ff6d](https://git.legalplace.eu/legalplace/monorepo/commits/104ff6d5dad5f680ad5ed32f34f9bb5905461732))
+
+
+
+
+
 # [2.3.0](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.2.0...@legalplace/wizardx-core@2.3.0) (2021-11-10)
 
 

package/dist/App.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import type { ModelV3 } from '@legalplace/models-v3-types';
-import { StateType } from './types/State.type';
-import { IWizardParams } from './types/config.type';
+import React from "react";
+import type { ModelV3 } from "@legalplace/models-v3-types";
+import type { StateType } from "./types/State.type";
+import type { IWizardParams } from "./types/config.type";
 export interface AppProps {
-    historyType: 'browser' | 'memory';
+    historyType: "browser" | "memory";
     model?: ModelV3;
     meta?: StateType.App.Meta;
     instance?: StateType.App.Instance;

package/dist/App.js

@@ -1,31 +1,25 @@
-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 { getStore, createAppStore } from './redux/store';
-import { getHistory } from './redux/routerHistory';
-import { setGlobals } 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 { preloadTheme } from './helpers/preloadTheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 { getStore, createAppStore } from "./redux/store";
+import { getHistory } from "./redux/routerHistory";
+import Globals, { setGlobals } from "./Globals";
+import { getConfig, updateConfig } from "./config";
+import { fetchModelPrerequisitesAction } from "./redux/actions/sagas/model";
+import { preloadTheme } from "./helpers/preloadTheme";
+import ViewComponent from "./components/View";
+import PluginRoute from "./components/PluginRoute";
+import SmartScriptComponent from "./components/SmartScript";
+import { clearPlugins } from "./PluginLoader";
 class WizardXCore extends React.Component {
     constructor(props) {
         var _a;
         super(props);
         clearPlugins();
-        const historyType = typeof props.historyType === 'string' ? props.historyType : 'browser';
-        const params = {
-            model: null,
-            meta: null,
-            instance: null,
-            user: null,
-            loadTheme: props.loadTheme,
-            loadPlugin: props.loadPlugin,
-        };
+        const historyType = typeof props.historyType === "string" ? props.historyType : "browser";
+        const params = Object.assign(Object.assign({}, Globals), { loadTheme: props.loadTheme, loadPlugin: props.loadPlugin });
         if (props.model) {
             params.model = props.model;
         }
@@ -64,20 +58,13 @@ class WizardXCore extends React.Component {
         }
         const { dispatch, getState } = getStore();
         const state = getState();
-        dispatch(fetchModelPrerequisitesAction(getConfig().permalink || state.app.meta.permalink, getConfig().prefix || state.app.meta.prefix || ''));
+        dispatch(fetchModelPrerequisitesAction(getConfig().permalink || state.app.meta.permalink, getConfig().prefix || state.app.meta.prefix || ""));
     }
     render() {
-        return (React.createElement(Provider, { store: getStore() },
-            React.createElement(ConnectedRouter, { history: getHistory() },
-                React.createElement(Switch, null,
-                    React.createElement(Route, { path: "/p/:path", component: PluginRoute }),
-                    React.createElement(Route, { path: getConfig().router.wizardInstancePath, component: ViewComponent }),
-                    React.createElement(Route, { path: getConfig().router.wizardPath, component: ViewComponent }),
-                    React.createElement(Route, { path: getConfig().router.smartscriptPath ||
-                            '/contrats/:permalink/smartscript/:uniqid?', component: SmartScriptComponent }),
-                    React.createElement(Redirect, { to: {
-                            pathname: getConfig().router.notFoundPath,
-                        } })))));
+        return (_jsx(Provider, Object.assign({ store: getStore() }, { children: _jsx(ConnectedRouter, Object.assign({ history: getHistory() }, { children: _jsxs(Switch, { children: [_jsx(Route, { path: "/p/:path", component: PluginRoute }, void 0), _jsx(Route, { path: getConfig().router.wizardInstancePath, component: ViewComponent }, void 0), _jsx(Route, { path: getConfig().router.wizardPath, component: ViewComponent }, void 0), _jsx(Route, { path: getConfig().router.smartscriptPath ||
+                                "/contrats/:permalink/smartscript/:uniqid?", component: SmartScriptComponent }, void 0), _jsx(Redirect, { to: {
+                                pathname: getConfig().router.notFoundPath,
+                            } }, void 0)] }, void 0) }), void 0) }), void 0));
     }
 }
 export default WizardXCore;

package/dist/App.test.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom';
 import App from './App';
 import { testModel } from './misc/test_model';
@@ -32,6 +32,6 @@ jest.mock('./config', () => ({
 }));
 it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOM.render(React.createElement(App, { historyType: "browser", model: testModel.model, meta: testModel.meta, loadPlugin: () => __awaiter(void 0, void 0, void 0, function* () { }), loadTheme: () => __awaiter(void 0, void 0, void 0, function* () { }) }), div);
+    ReactDOM.render(_jsx(App, { historyType: "browser", model: testModel.model, meta: testModel.meta, loadPlugin: () => __awaiter(void 0, void 0, void 0, function* () { }), loadTheme: () => __awaiter(void 0, void 0, void 0, function* () { }) }, void 0), div);
     ReactDOM.unmountComponentAtNode(div);
 });

package/dist/Globals.d.ts

@@ -8,11 +8,15 @@ 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>;
 }

package/dist/Globals.js

@@ -12,22 +12,25 @@ const globalParams = {
     instance: null,
     meta: null,
     user: null,
-    env: null,
+    appEnv: "production",
     version: null,
     loadPlugin: () => __awaiter(void 0, void 0, void 0, function* () { }),
     loadTheme: () => __awaiter(void 0, void 0, void 0, function* () { }),
 };
 export const setGlobals = (params) => {
+    var _a, _b;
     Object.keys(globalParams).forEach((currentParam) => {
         if (params[currentParam])
             globalParams[currentParam] = params[currentParam];
     });
-    globalParams.env =
-        process.env.REACT_APP_ENV || process.env.NODE_ENV || 'production';
-    globalParams.version = process.env.REACT_APP_VERSION || '0.0.0';
-    if (globalParams.env !== 'production' &&
+    globalParams.appEnv =
+        ((_a = process.env.REACT_APP_ENV) === null || _a === void 0 ? void 0 : _a.toString()) ||
+            ((_b = process.env.NODE_ENV) === null || _b === void 0 ? void 0 : _b.toString()) ||
+            "production";
+    globalParams.version = process.env.REACT_APP_VERSION || "0.0.0";
+    if (globalParams.appEnv !== "production" &&
         process.env.JEST_WORKER_ID === undefined) {
-        console.log(`%c[WZIARDX]: Current Environment: %c${globalParams.env} (${globalParams.version})`, 'font-weight:bold', 'font-weight: bold; color: red');
+        console.log(`%c[WZIARDX]: Current Environment: %c${globalParams.appEnv} (${globalParams.version})`, "font-weight:bold", "font-weight: bold; color: red");
     }
 };
 const Globals = globalParams;

package/dist/Loader.d.ts

@@ -0,0 +1 @@
+export declare const Loader: () => JSX.Element;

package/dist/Loader.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Loader = () => (_jsx("div", Object.assign({ className: "lps-container" }, { children: _jsxs("div", Object.assign({ className: "lds-ripple" }, { children: [_jsx("div", {}, void 0), _jsx("div", {}, void 0)] }), void 0) }), void 0));

package/dist/PluginLoader.d.ts

@@ -1,6 +1,6 @@
-import React, { Props } from 'react';
-import { Action } from 'redux';
-import { LoadableComponent } from '@loadable/component';
+import React, { Props } from "react";
+import { Action } from "redux";
+import { LoadableComponent } from "@loadable/component";
 export declare type PluginAppStatesRegisterFunction = (currentAppStates: string[]) => string[];
 export declare type PluginsPageAppStatesType = Record<string, string>;
 export declare type actionOverrideFunction = (action: Action) => Action;

package/dist/PluginLoader.js

@@ -7,16 +7,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React from 'react';
-import PropTypes from 'prop-types';
-import { getConfig } from './config';
-import * as connectorActions from './redux/actions';
-import { getStore } from './redux/store';
-import { getHistory } from './redux/routerHistory';
-import { EventsTracking } from './libs/EventsTracking';
-import Globals from './Globals';
-import * as selectorsList from './redux/selectors';
-import * as connectorsList from './componentsConnectors';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import PropTypes from "prop-types";
+import { getConfig } from "./config";
+import { getStore } from "./redux/store";
+import { getHistory } from "./redux/routerHistory";
+import { EventsTracking } from "./libs/EventsTracking";
+import Globals from "./Globals";
 let globalAnchors = {};
 let reduxAnchors = {};
 let actionOverrideAnchor = {};
@@ -27,9 +25,9 @@ let PluginsAppStatesComponents = {};
 let PluginAdditionRoutes = {};
 const pluginAppStates = (declaration) => {
     PluginsAppStatesRegistrers.push(declaration.register);
-    if (typeof declaration.pageAppState === 'object')
+    if (typeof declaration.pageAppState === "object")
         Object.keys(declaration.pageAppState).forEach((appState) => {
-            if (typeof declaration.pageAppState[appState] === 'string') {
+            if (typeof declaration.pageAppState[appState] === "string") {
                 const page = declaration.pageAppState[appState];
                 if (Object.prototype.hasOwnProperty.call(PluginsPageAppStates, appState)) {
                     throw new Error(`Plugins AppState "${appState}" already declared.`);
@@ -69,7 +67,7 @@ export const pluginPageAppState = (page) => {
     return false;
 };
 export const getPluginsPageAppStates = () => PluginsPageAppStates;
-const loadPluginFiles = (pluginsList, connectorSelectors, connectors) => __awaiter(void 0, void 0, void 0, function* () {
+const loadPluginFiles = (pluginsList) => __awaiter(void 0, void 0, void 0, function* () {
     const plugins = Object.keys(pluginsList);
     const pluginModules = yield Promise.all(plugins.map((plugin) => Globals.loadPlugin(plugin)));
     plugins.forEach((plugin, index) => {
@@ -77,19 +75,19 @@ const loadPluginFiles = (pluginsList, connectorSelectors, connectors) => __await
         const anchors = pluginModule.default;
         const { loader } = pluginModule;
         if (loader !== undefined) {
-            loader(connectorSelectors, connectors, getStore().dispatch, connectorActions, getHistory(), getConfig(), EventsTracking);
+            loader(getStore().dispatch, getHistory(), getConfig(), EventsTracking);
         }
         Object.keys(anchors).forEach((anchor) => {
-            if (anchor === 'replace') {
+            if (anchor === "replace") {
                 Object.keys(anchors[anchor]).forEach((replacer) => {
                     replacers[replacer] = anchors[anchor][replacer];
                 });
                 return;
             }
-            if (anchor === 'appstates') {
+            if (anchor === "appstates") {
                 pluginAppStates(anchors.appstates);
             }
-            if (anchor === 'redux') {
+            if (anchor === "redux") {
                 Object.keys(anchors[anchor]).forEach((action) => {
                     if (reduxAnchors[action] === undefined)
                         reduxAnchors[action] = [];
@@ -97,7 +95,7 @@ const loadPluginFiles = (pluginsList, connectorSelectors, connectors) => __await
                 });
                 return;
             }
-            if (anchor === 'actionOverride') {
+            if (anchor === "actionOverride") {
                 Object.keys(anchors[anchor]).forEach((action) => {
                     if (actionOverrideAnchor[action] === undefined)
                         actionOverrideAnchor[action] = [];
@@ -105,7 +103,7 @@ const loadPluginFiles = (pluginsList, connectorSelectors, connectors) => __await
                 });
                 return;
             }
-            if (anchor === 'additionalRoutes') {
+            if (anchor === "additionalRoutes") {
                 Object.keys(anchors[anchor]).forEach((route) => {
                     PluginAdditionRoutes[anchors[anchor][route].path] =
                         anchors[anchor][route].component;
@@ -128,7 +126,7 @@ export const loadPlugins = (plugins) => __awaiter(void 0, void 0, void 0, functi
     if (pluginsList === undefined) {
         pluginsList = getConfig().plugins;
     }
-    yield loadPluginFiles(pluginsList, selectorsList, connectorsList);
+    yield loadPluginFiles(pluginsList);
     pluginsLoadingDone = true;
 });
 export const pluginsLoaded = () => pluginsLoadingDone;
@@ -143,13 +141,12 @@ export const PluginLoader = (props) => {
             const currentPlugins = globalAnchors[currentAnchor];
             Plugins = [
                 ...Plugins,
-                ...currentPlugins.map((Plugin) => (React.createElement(React.Suspense, { key: `lpwp-${currentAnchor}-${Math.random()}`, fallback: null },
-                    React.createElement(Plugin, Object.assign({}, props.props))))),
+                ...currentPlugins.map((Plugin) => (_jsx(React.Suspense, Object.assign({ fallback: null }, { children: _jsx(Plugin, Object.assign({}, props.props), void 0) }), `lpwp-${currentAnchor}-${Math.random()}`))),
             ];
         }
     }
     if (Plugins.length > 0) {
-        return React.createElement(React.Fragment, null, Plugins);
+        return _jsx(_Fragment, { children: Plugins }, void 0);
     }
     return null;
 };
@@ -165,7 +162,7 @@ export function ReplaceComponent(replacerName, OriginalComponent, componentName)
     const displayName = componentName ||
         OriginalComponent.displayName ||
         OriginalComponent.name ||
-        'Component';
+        "Component";
     const anchorsList = !Array.isArray(replacerName)
         ? [replacerName]
         : replacerName;
@@ -184,8 +181,7 @@ export function ReplaceComponent(replacerName, OriginalComponent, componentName)
     let FinalComponent;
     if (Replacer !== null) {
         const ReplacerComponent = replacers[Replacer];
-        const FinalReplacedComponent = (props) => (React.createElement(React.Suspense, { fallback: null },
-            React.createElement(ReplacerComponent, Object.assign({}, props, { OriginalComponent: OriginalComponent }), props.children)));
+        const FinalReplacedComponent = (props) => (_jsx(React.Suspense, Object.assign({ fallback: null }, { children: _jsx(ReplacerComponent, Object.assign({}, props, { OriginalComponent: OriginalComponent }, { children: props.children }), void 0) }), void 0));
         FinalComponent = FinalReplacedComponent;
         FinalComponent.displayName = `replacedComponent(${displayName})`;
     }

package/dist/PluginLoader.test.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import '@testing-library/jest-dom/extend-expect';
 import { render, waitFor } from '@testing-library/react';
 import { ReplaceComponent } from './PluginLoader';
@@ -31,22 +31,22 @@ const { loadPlugins, PluginLoader } = require('./PluginLoader');
 loadPlugins();
 describe('<PluginLoader />', () => {
     it('Loads "after" hook', () => __awaiter(void 0, void 0, void 0, function* () {
-        const { container } = render(React.createElement(PluginLoader, { anchor: ['after'] }));
+        const { container } = render(_jsx(PluginLoader, { anchor: ['after'] }, void 0));
         yield waitFor(() => expect(container).toContainHTML('<div><div class="title">Hello world - AFTER</div></div>'));
     }));
     it('Loads "before" hook', () => __awaiter(void 0, void 0, void 0, function* () {
-        const { container } = render(React.createElement(PluginLoader, { anchor: ['before'] }));
+        const { container } = render(_jsx(PluginLoader, { anchor: ['before'] }, void 0));
         yield waitFor(() => expect(container).toContainHTML('<div><h1>Hello<b>world</b>!!!</h1></div>'));
     }));
     it('Tries to load non existing plugin', () => __awaiter(void 0, void 0, void 0, function* () {
-        const { container } = render(React.createElement(PluginLoader, { anchor: ['myNonExistingPlugin'] }));
+        const { container } = render(_jsx(PluginLoader, { anchor: ['myNonExistingPlugin'] }, void 0));
         yield waitFor(() => expect(container).toContainHTML('<div></div>'));
     }));
     it('Loads replacement module', () => __awaiter(void 0, void 0, void 0, function* () {
         const Component = ReplaceComponent('TitleComponent', () => {
-            return React.createElement("span", null, "Original");
+            return _jsx("span", { children: "Original" }, void 0);
         });
-        const { container } = render(React.createElement(Component, null, "Replaced"));
+        const { container } = render(_jsx(Component, { children: "Replaced" }, void 0));
         yield waitFor(() => expect(container).toContainHTML('<div><h1 style="color: red;">Replaced</h1></div>'));
     }));
 });

package/dist/Shimmer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 declare const _default: import("react-redux").ConnectedComponent<React.FC<{
     fetchStatus: "failed" | "waiting" | "succeeded" | "unhealthy" | "userLocked" | "nonBlocking";
     report: {

package/dist/Shimmer.js

@@ -1,63 +1,61 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import { Loader } from '@legalplace/storybook';
-import { getThemeShimmer } from './ThemeLoader';
-import { PluginLoader } from './PluginLoader';
-import UserLockedComponent from './components/UserLocked/UserLockedComponent';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { connect } from "react-redux";
+import { addOnThemeLoadCallback, getThemeShimmer } from "./ThemeLoader";
+import { PluginLoader } from "./PluginLoader";
+import UserLockedComponent from "./components/UserLocked/UserLockedComponent";
 const Shimmer = (props) => {
     var _a;
-    if (props.fetchStatus === 'succeeded' ||
-        props.fetchStatus === 'nonBlocking') {
-        return React.createElement(React.Fragment, null, props.children);
+    const [themeLoaded, setThemeloaded] = useState(false);
+    if (props.fetchStatus === "succeeded" ||
+        props.fetchStatus === "nonBlocking") {
+        return _jsx(_Fragment, { children: props.children }, void 0);
     }
+    addOnThemeLoadCallback(() => {
+        if (!themeLoaded)
+            setThemeloaded(true);
+    });
+    if (!themeLoaded)
+        return null;
     const ThemeShimmer = getThemeShimmer();
     const style = {
-        position: 'absolute',
-        left: '50%',
-        top: '50%',
-        transform: 'translate(-50%, -50%)',
-        color: '#AAA',
-        fontWeight: 'bold',
-        textTransform: 'uppercase',
-        fontSize: '12px',
-        userSelect: 'none',
+        position: "absolute",
+        left: "50%",
+        top: "50%",
+        transform: "translate(-50%, -50%)",
+        color: "#AAA",
+        fontWeight: "bold",
+        textTransform: "uppercase",
+        fontSize: "12px",
+        userSelect: "none",
     };
     const unhealthyStyle = {
-        color: '#AAA',
-        fontWeight: 'bold',
-        textTransform: 'uppercase',
-        fontSize: '24px',
-        width: '700px',
-        margin: 'auto',
-        textAlign: 'center',
-        padding: '20px',
+        color: "#AAA",
+        fontWeight: "bold",
+        textTransform: "uppercase",
+        fontSize: "24px",
+        width: "700px",
+        margin: "auto",
+        textAlign: "center",
+        padding: "20px",
     };
     const unhealthyStylePre = {
-        background: '#FDDCD0',
-        textAlign: 'left',
-        fontSize: '12px',
-        color: '#6B0435',
-        padding: '10px',
-        borderRadius: '4px',
+        background: "#FDDCD0",
+        textAlign: "left",
+        fontSize: "12px",
+        color: "#6B0435",
+        padding: "10px",
+        borderRadius: "4px",
     };
-    if (ThemeShimmer !== null && props.fetchStatus === 'waiting') {
-        return React.createElement(ThemeShimmer, null);
+    if (ThemeShimmer !== null && props.fetchStatus === "waiting") {
+        return _jsx(ThemeShimmer, {}, void 0);
     }
-    return (React.createElement(React.Fragment, null,
-        ['waiting', 'failed'].includes(props.fetchStatus) && (React.createElement("div", { style: style },
-            props.fetchStatus === 'waiting' && React.createElement(Loader, null),
-            props.fetchStatus === 'failed' &&
-                'Une erreur a eu lieu pendant le chargement du questionnaire')),
-        props.fetchStatus === 'userLocked' && (React.createElement(React.Fragment, null,
-            React.createElement(PluginLoader, { anchor: [`userLockedScreen`], props: props }),
-            React.createElement(UserLockedComponent, { unhealthyStyle: unhealthyStyle }))),
-        props.fetchStatus === 'unhealthy' && (React.createElement("div", { style: unhealthyStyle },
-            "Le mod\u00E8le semble contenir des erreurs",
-            React.createElement("pre", { style: unhealthyStylePre }, (_a = props.report) === null || _a === void 0 ? void 0 : _a.raw)))));
+    return (_jsxs(_Fragment, { children: [["waiting", "failed"].includes(props.fetchStatus) && (_jsxs("div", Object.assign({ style: style }, { children: [props.fetchStatus === "waiting" && (_jsxs("div", Object.assign({ className: "lds-ripple" }, { children: [_jsx("div", {}, void 0), _jsx("div", {}, void 0)] }), void 0)), props.fetchStatus === "failed" &&
+                        "Une erreur a eu lieu pendant le chargement du questionnaire"] }), void 0)), props.fetchStatus === "userLocked" && (_jsxs(_Fragment, { children: [_jsx(PluginLoader, { anchor: [`userLockedScreen`], props: props }, void 0), _jsx(UserLockedComponent, { unhealthyStyle: unhealthyStyle }, void 0)] }, void 0)), props.fetchStatus === "unhealthy" && (_jsxs("div", Object.assign({ style: unhealthyStyle }, { children: ["Le mod\u00E8le semble contenir des erreurs", _jsx("pre", Object.assign({ style: unhealthyStylePre }, { children: (_a = props.report) === null || _a === void 0 ? void 0 : _a.raw }), void 0)] }), void 0))] }, void 0));
 };
 const mapStateToProps = (state) => ({
-    fetchStatus: state.app.meta.fetchStatus === 'succeeded'
-        ? 'nonBlocking'
+    fetchStatus: state.app.meta.fetchStatus === "succeeded"
+        ? "nonBlocking"
         : state.app.meta.fetchStatus,
     report: state.app.meta.report,
 });

package/dist/ThemeLoader.d.ts

@@ -1,7 +1,7 @@
-import { LoadableComponent } from '@loadable/component';
-import { IWizardParamsTheme } from './types/config.type';
+import React from "react";
+import { IWizardParamsTheme } from "./types/config.type";
 export declare const loadTheme: (theme?: string | undefined, force?: boolean | undefined) => Promise<void>;
-export declare const getThemeShimmer: () => LoadableComponent<any> | null;
+export declare const getThemeShimmer: () => React.LazyExoticComponent<React.FC<{}>> | null;
 export declare const setWizardTheme: (theme: IWizardParamsTheme) => Promise<void>;
 export declare const getThemeParams: () => {
     [key: string]: any;
@@ -21,7 +21,8 @@ export declare const getThemeParams: () => {
             email?: import("./types/config.type").SideBarType;
         };
     };
-    fonts?: import("@legalplace/storybook").IFonts | undefined;
+    fonts?: any;
     style?: Record<string, any> | undefined;
 };
-export declare const loadThemeComponent: (name: string) => LoadableComponent<any>;
+export declare const loadThemeComponent: (name: string) => React.LazyExoticComponent<React.FC<{}>>;
+export declare const addOnThemeLoadCallback: (cb: () => void) => void;

package/dist/ThemeLoader.js

@@ -7,13 +7,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import loadable from '@loadable/component';
-import { getConfig, updateConfig } from './config';
-import * as connectorSelectors from './redux/selectors';
-import * as connectors from './componentsConnectors';
-import Globals from './Globals';
+import { getConfig, updateConfig } from "./config";
+import Globals from "./Globals";
 let wizardTheme;
 let themeParams;
+const themeLoadCallbacks = [];
 let themeIndex;
 export const loadTheme = (theme, force) => __awaiter(void 0, void 0, void 0, function* () {
     let currentTheme;
@@ -29,36 +27,29 @@ export const loadTheme = (theme, force) => __awaiter(void 0, void 0, void 0, fun
         themeParams = config.theme.params;
         currentTheme = wizardTheme;
     }
-    let themeLoader = {
-        loader: undefined,
-    };
+    let themeLoader;
     try {
         themeLoader = yield Globals.loadTheme(currentTheme);
     }
     catch (e) {
-        throw new Error('We are unable to load the theme, please make sure the theme param is valid');
+        throw new Error("We are unable to load the theme, please make sure the theme param is valid");
     }
-    const { loader, default: themeDefault } = themeLoader;
-    if (typeof loader !== 'function' && typeof themeDefault === 'undefined')
-        throw new Error('Theme loader function not found');
-    if (typeof loader === 'function')
-        themeIndex = loader(themeParams, connectors, connectorSelectors);
-    else if (typeof themeDefault !== 'undefined')
+    const { default: themeDefault } = themeLoader;
+    if (typeof themeDefault !== "undefined")
         themeIndex = themeDefault;
     else
-        throw new Error('Unable to retrieve theme index');
-    if (typeof themeIndex !== 'object')
-        throw new Error('Theme loader function did not return components object');
-});
-const importThemeComponent = (name) => __awaiter(void 0, void 0, void 0, function* () {
-    if (typeof themeIndex !== 'object')
-        yield loadTheme();
-    return themeIndex[name];
+        throw new Error("Unable to retrieve theme index");
+    if (typeof themeIndex !== "object")
+        throw new Error("Theme loader function did not return components object");
+    themeLoadCallbacks.forEach((cb) => {
+        cb();
+    });
 });
+const importThemeComponent = (name) => themeIndex[name];
 export const getThemeShimmer = () => {
     var _a;
     return ((_a = getConfig().theme) === null || _a === void 0 ? void 0 : _a.shimmer) === true
-        ? loadable(() => importThemeComponent('ShimmerComponent'))
+        ? importThemeComponent("ShimmerComponent")
         : null;
 };
 export const setWizardTheme = (theme) => __awaiter(void 0, void 0, void 0, function* () {
@@ -71,4 +62,9 @@ export const setWizardTheme = (theme) => __awaiter(void 0, void 0, void 0, funct
     updateConfig(Object.assign(Object.assign({}, previousConfig), { theme }));
 });
 export const getThemeParams = () => themeParams;
-export const loadThemeComponent = (name) => loadable(() => importThemeComponent(name));
+export const loadThemeComponent = (name) => importThemeComponent(name);
+export const addOnThemeLoadCallback = (cb) => {
+    if (themeIndex !== undefined)
+        cb();
+    themeLoadCallbacks.push(cb);
+};

package/dist/ThemeLoader.test.js

@@ -7,8 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import 'regenerator-runtime/runtime';
-import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { render, cleanup, waitFor } from '@testing-library/react';
 afterEach(cleanup);
@@ -38,13 +38,14 @@ describe('<ThemeLoader />', () => {
         jest.spyOn(console, 'error').mockImplementation(() => { });
     });
     it('Loads WizardComponent properly', () => __awaiter(void 0, void 0, void 0, function* () {
+        yield loadTheme();
         const WizardComponent = loadThemeComponent('WizardComponent');
-        const { container } = render(React.createElement(WizardComponent, null));
+        const { container } = render(_jsx(WizardComponent, {}, void 0));
         yield waitFor(() => expect(container).toContainHTML('<div><h1>Wizard test theme, WizardComponent</h1></div>'));
     }));
     it('Loads TermsheetComponent properly', () => __awaiter(void 0, void 0, void 0, function* () {
         const TermsheetComponent = loadThemeComponent('TermsheetComponent');
-        const { container } = render(React.createElement(TermsheetComponent, null));
+        const { container } = render(_jsx(TermsheetComponent, {}, void 0));
         yield waitFor(() => expect(container).toContainHTML('<div><h1>Wizard test theme, TermsheetComponent</h1></div>'));
     }));
 });