@legalplace/wizardx-core 2.2.0 → 2.4.0

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>'));
     }));
 });

package/dist/components/PluginRoute.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { RouteComponentProps } from 'react-router-dom';
+import { RouteComponentProps } from "react-router-dom";
 export interface IRouteProps {
     path: string;
 }
 export declare type IProps = RouteComponentProps<IRouteProps>;
-export declare const PluginRoute: ({ match: { params: { path }, }, }: IProps) => JSX.Element;
+declare const PluginRoute: ({ match: { params: { path }, }, }: IProps) => JSX.Element;
+export default PluginRoute;

package/dist/components/PluginRoute.js

@@ -7,16 +7,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React, { Suspense, useCallback, useEffect, useState } from 'react';
-import { getPluginsAdditionalRoutes, loadPlugins } from '../PluginLoader';
-import Shimmer from '../Shimmer';
-export const PluginRoute = ({ match: { params: { path }, }, }) => {
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { getPluginsAdditionalRoutes, loadPlugins } from "../PluginLoader";
+import Shimmer from "../Shimmer";
+const PluginRoute = ({ match: { params: { path }, }, }) => {
     const [RenderComponent, setRenderComponent] = useState(null);
     const loadRouteComponent = useCallback((routePath) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             let routes = getPluginsAdditionalRoutes();
             if (!routes.length) {
-                yield loadPlugins({ authentication: '1.0.0' });
+                yield loadPlugins({ authentication: "1.0.0" });
                 routes = getPluginsAdditionalRoutes();
             }
             if (routes[routePath])
@@ -29,6 +30,6 @@ export const PluginRoute = ({ match: { params: { path }, }, }) => {
     useEffect(() => {
         loadRouteComponent(path);
     }, [path, loadRouteComponent]);
-    return (React.createElement(Suspense, { fallback: () => Shimmer },
-        React.createElement(React.Fragment, null, RenderComponent && React.createElement(RenderComponent, null))));
+    return (_jsx(Suspense, Object.assign({ fallback: () => Shimmer }, { children: _jsx(_Fragment, { children: RenderComponent && _jsx(RenderComponent, {}, void 0) }, void 0) }), void 0));
 };
+export default PluginRoute;

package/dist/components/SmartScript.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { Action } from 'redux';
-import moment from 'moment-business-days';
-import { SmartScriptStore } from '../libs/SmartScriptStore';
-import { StateType } from '../types/State.type';
-export declare type TInitTriggersCallback = (triggers: StateType.SmartScript['triggers'], actions: Action[]) => void;
+import { Action } from "redux";
+import type { Moment } from "moment-business-days";
+import { SmartScriptStore } from "../libs/SmartScriptStore";
+import { StateType } from "../types/State.type";
+export declare type TInitTriggersCallback = (triggers: StateType.SmartScript["triggers"], actions: Action[]) => void;
 declare global {
     interface Window {
         onInit: typeof SmartScriptStore.onInit;
@@ -22,8 +21,8 @@ declare global {
         displayOption: typeof SmartScriptStore.displayOption;
         hideVariable: typeof SmartScriptStore.hideVariable;
         displayVariable: typeof SmartScriptStore.displayVariable;
-        moment: typeof moment;
-        triggerListeners: (type: 'option' | 'variable', id: number, inputs: StateType.Inputs) => Action[];
+        moment: Moment;
+        triggerListeners: (type: "option" | "variable", id: number, inputs: StateType.Inputs) => Action[];
         initTriggers: (callback: TInitTriggersCallback, inputs: StateType.Inputs, newInstance: boolean) => void;
     }
 }

package/dist/components/SmartScript.js

@@ -1,9 +1,9 @@
-import React, { useEffect, useState } from 'react';
-import { useParams } from 'react-router-dom';
-import queryString from 'query-string';
-import moment from 'moment-business-days';
-import { getConfig } from '../config';
-import { SmartScriptStore } from '../libs/SmartScriptStore';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useParams } from "react-router-dom";
+import queryString from "query-string";
+import { getConfig } from "../config";
+import { SmartScriptStore } from "../libs/SmartScriptStore";
 const SmartScriptComponent = () => {
     const [smartScriptLoaded, setSmartScriptLoaded] = useState(false);
     const [isNewInstance, setIsNewInstance] = useState(true);
@@ -24,23 +24,24 @@ const SmartScriptComponent = () => {
     window.displayVariable = SmartScriptStore.displayVariable;
     window.hideOption = SmartScriptStore.hideOption;
     window.displayOption = SmartScriptStore.displayOption;
-    window.moment = moment;
-    const apiEndpoint = getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+    const apiEndpoint = getConfig().apiEndpoint + (/\/$/.test(getConfig().apiEndpoint) ? "" : "/");
     const { permalink, uniqid } = useParams();
     const modelVersion = queryString.parse(window.location.search).version;
     useEffect(() => {
         if (!smartScriptLoaded) {
-            const src = `${apiEndpoint}wizard/contractv1/smartscript/${permalink}${uniqid ? `/${uniqid}` : ''}${modelVersion ? `?version=${modelVersion}` : ''}`;
-            const scriptElement = document.createElement('script');
-            scriptElement.setAttribute('src', src);
+            const src = `${apiEndpoint}wizard/contractv1/smartscript/${permalink}${uniqid ? `/${uniqid}` : ""}${modelVersion ? `?version=${modelVersion}` : ""}`;
+            const scriptElement = document.createElement("script");
+            scriptElement.setAttribute("src", src);
             scriptElement.onload = () => {
-                if (typeof initTriggersCallback === 'function') {
-                    if (isNewInstance)
-                        SmartScriptStore.execOnInit();
-                    SmartScriptStore.execOnLoad();
-                    initTriggersCallback(SmartScriptStore.triggers, SmartScriptStore.grabActions());
-                }
-                setSmartScriptLoaded(true);
+                import("moment-business-days").then(() => {
+                    if (typeof initTriggersCallback === "function") {
+                        if (isNewInstance)
+                            SmartScriptStore.execOnInit();
+                        SmartScriptStore.execOnLoad();
+                        initTriggersCallback(SmartScriptStore.triggers, SmartScriptStore.grabActions());
+                    }
+                    setSmartScriptLoaded(true);
+                });
             };
             document.body.append(scriptElement);
         }
@@ -67,7 +68,7 @@ const SmartScriptComponent = () => {
         }
     };
     window.triggerListeners = (type, id, inputs) => {
-        const hooks = SmartScriptStore.hooks[type === 'option' ? 'options' : 'variables'];
+        const hooks = SmartScriptStore.hooks[type === "option" ? "options" : "variables"];
         const listeners = hooks[id];
         if (Array.isArray(listeners)) {
             SmartScriptStore.inputs = inputs;
@@ -75,11 +76,11 @@ const SmartScriptComponent = () => {
                 listeners.forEach((_cb) => _cb());
             }
             catch (e) {
-                console.error('SmartScript (onInit) error: ', e.message);
+                console.error("SmartScript (onInit) error: ", e.message);
             }
         }
         return SmartScriptStore.grabActions();
     };
-    return React.createElement(React.Fragment, null, "SmartScript");
+    return _jsx(_Fragment, { children: "SmartScript" }, void 0);
 };
 export default SmartScriptComponent;

package/dist/components/UserLocked/UserLockedComponent.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import React, { CSSProperties } from "react";
 export interface IProps {
     unhealthyStyle: CSSProperties;
 }

package/dist/components/UserLocked/UserLockedComponent.js

@@ -1,10 +1,9 @@
-import React from 'react';
-import { ReplaceComponent } from '../../PluginLoader';
-const UserLockedComponent = ({ unhealthyStyle }) => (React.createElement("div", { style: unhealthyStyle }, "Merci d\u2018avoir compl\u00E9t\u00E9 votre questionnaire ! Votre Expert-Comptable a \u00E9t\u00E9 notifi\u00E9 de vos r\u00E9ponses et vous contactera pour la suite de la proc\u00E9dure"));
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { ReplaceComponent } from "../../PluginLoader";
+const UserLockedComponent = ({ unhealthyStyle }) => (_jsx("div", Object.assign({ style: unhealthyStyle }, { children: "Merci d\u2018avoir compl\u00E9t\u00E9 votre questionnaire ! Votre Expert-Comptable a \u00E9t\u00E9 notifi\u00E9 de vos r\u00E9ponses et vous contactera pour la suite de la proc\u00E9dure" }), void 0));
 const UserLockHooc = (Component) => (props) => {
-    const replaceAnchors = ['UserLockedComponent'];
+    const replaceAnchors = ["UserLockedComponent"];
     const FinalComponent = ReplaceComponent(replaceAnchors, Component);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(FinalComponent, Object.assign({}, props))));
+    return (_jsx(_Fragment, { children: _jsx(FinalComponent, Object.assign({}, props), void 0) }, void 0));
 };
 export default UserLockHooc(UserLockedComponent);

package/dist/components/View.d.ts

@@ -1,12 +1,16 @@
-import React from 'react';
+import React from "react";
 export declare type OwnProps = {
     currentAppState: string;
     goPage: (p: number) => void;
 };
-declare class ViewComponent extends React.Component<OwnProps> {
+export declare type OwnState = {
+    themeLoaded: boolean;
+};
+declare class ViewComponent extends React.Component<OwnProps, OwnState> {
+    constructor(props: OwnProps);
     componentDidMount(): void;
-    shouldComponentUpdate(newProps: OwnProps): boolean;
-    render(): JSX.Element;
+    shouldComponentUpdate(newProps: OwnProps, newState: OwnState): boolean;
+    render(): JSX.Element | null;
 }
 declare const _default: import("react-redux").ConnectedComponent<typeof ViewComponent, any>;
 export default _default;

package/dist/components/View.js

@@ -1,80 +1,71 @@
-import React from 'react';
-import { connect } from 'react-redux';
-import Moustrap from 'mousetrap';
-import Shimmer from '../Shimmer';
-import { loadThemeComponent } from '../ThemeLoader';
-import { selectCurrentAppState, selectAvailableAppStates, selectAvailableSections, } from '../redux/selectors/app';
-import Globals from '../Globals';
-import { goPageAction } from '../redux/actions/app';
-import { loadPluginComponent, pluginsLoaded } from '../PluginLoader';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { connect } from "react-redux";
+import Shimmer from "../Shimmer";
+import { addOnThemeLoadCallback, loadThemeComponent } from "../ThemeLoader";
+import { selectCurrentAppState } from "../redux/selectors/app";
+import Globals from "../Globals";
+import { goPageAction } from "../redux/actions/app";
+import { loadPluginComponent, pluginsLoaded } from "../PluginLoader";
 class ViewComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            themeLoaded: false,
+        };
+    }
     componentDidMount() {
-        Moustrap.bind('g o d l d', () => {
-            const currentAppState = selectCurrentAppState();
-            if (currentAppState === 'email') {
-                return;
-            }
-            const totalSections = selectAvailableSections().length;
-            const availableAppStates = selectAvailableAppStates();
-            const emailIndex = availableAppStates.indexOf('email');
-            const wizardIndex = availableAppStates.indexOf('wizard');
-            const emailPage = totalSections + (emailIndex - wizardIndex);
-            this.props.goPage(emailPage);
+        addOnThemeLoadCallback(() => {
+            if (!this.state.themeLoaded)
+                this.setState({ themeLoaded: true });
         });
     }
-    shouldComponentUpdate(newProps) {
-        if (this.props.currentAppState !== newProps.currentAppState) {
-            return true;
-        }
-        return false;
+    shouldComponentUpdate(newProps, newState) {
+        return (this.props.currentAppState !== newProps.currentAppState ||
+            this.state.themeLoaded !== newState.themeLoaded);
     }
     render() {
+        if (!this.state.themeLoaded)
+            return null;
         let AppStateComponent;
         switch (this.props.currentAppState) {
-            case 'termsheet':
-                AppStateComponent = loadThemeComponent('TermsheetComponent');
+            case "termsheet":
+                AppStateComponent = loadThemeComponent("TermsheetComponent");
                 break;
-            case 'email':
-                AppStateComponent = loadThemeComponent('EmailComponent');
+            case "email":
+                AppStateComponent = loadThemeComponent("EmailComponent");
                 break;
-            case 'wizard':
-                AppStateComponent = loadThemeComponent('WizardComponent');
+            case "wizard":
+                AppStateComponent = loadThemeComponent("WizardComponent");
                 break;
             default:
                 if (pluginsLoaded())
                     AppStateComponent =
                         loadPluginComponent(this.props.currentAppState) ||
-                            loadThemeComponent('WizardComponent');
+                            loadThemeComponent("WizardComponent");
                 else
-                    AppStateComponent = () => React.createElement(React.Fragment, null);
+                    AppStateComponent = () => _jsx(_Fragment, {}, void 0);
                 break;
         }
         const envStyle = {
-            top: '0',
-            left: '50%',
-            fontSize: '8pt',
-            padding: '4px 8px',
-            lineHeight: '16px',
-            background: '#E0182D',
-            color: '#FFF',
-            textTransform: 'uppercase',
-            fontWeight: 'bold',
-            borderRadius: '0 0 4px 4px',
+            top: "0",
+            left: "50%",
+            fontSize: "8pt",
+            padding: "4px 8px",
+            lineHeight: "16px",
+            background: "#E0182D",
+            color: "#FFF",
+            textTransform: "uppercase",
+            fontWeight: "bold",
+            borderRadius: "0 0 4px 4px",
             zIndex: 99999999,
-            position: 'fixed',
-            transform: 'translateX(-50%)',
+            position: "fixed",
+            transform: "translateX(-50%)",
             opacity: 0.6,
-            userSelect: 'none',
+            userSelect: "none",
         };
-        return (React.createElement(Shimmer, null,
-            Globals.env !== 'production' &&
-                process.env.JEST_WORKER_ID === undefined && (React.createElement("div", { style: envStyle },
-                Globals.env,
-                " (",
-                Globals.version,
-                ")")),
-            React.createElement(React.Suspense, { fallback: null },
-                React.createElement(AppStateComponent, null))));
+        return (_jsxs(Shimmer, { children: [Globals.appEnv !== "production" &&
+                    process.env.JEST_WORKER_ID === undefined && (_jsxs("div", Object.assign({ style: envStyle }, { children: [Globals.appEnv, " (", Globals.version, ")"] }), void 0)), _jsx(React.Suspense, Object.assign({ fallback: null }, { children: _jsx(AppStateComponent, {}, void 0) }), void 0)] }, void 0));
     }
 }
 const mapStateToProps = () => {

package/dist/components/View.test.js

@@ -7,14 +7,15 @@ 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';
 import { Provider } from 'react-redux';
 import { createAppStore, getStore } from '../redux/store';
 import { initPaginationAction, initMetaAction, fetchModelSucceededAction, goPageAction, } from '../redux/actions/app';
 import View from './View';
+import { loadTheme } from '../ThemeLoader';
 afterEach(cleanup);
 jest.mock('../config', () => ({
     __esModule: true,
@@ -70,14 +71,14 @@ describe('<View />', () => {
         jest.spyOn(console, 'error').mockImplementation(() => { });
     });
     it('Loads WizardComponent properly', () => __awaiter(void 0, void 0, void 0, function* () {
-        const { container } = render(React.createElement(Provider, { store: store },
-            React.createElement(View, null)));
+        yield loadTheme();
+        const { container } = render(_jsx(Provider, Object.assign({ store: store }, { children: _jsx(View, {}, void 0) }), 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* () {
         store.dispatch(goPageAction(3));
-        const { container } = render(React.createElement(Provider, { store: store },
-            React.createElement(View, null)));
+        yield loadTheme();
+        const { container } = render(_jsx(Provider, Object.assign({ store: store }, { children: _jsx(View, {}, void 0) }), void 0));
         yield waitFor(() => expect(container).toContainHTML('<div><h1>Wizard test theme, TermsheetComponent</h1></div>'));
     }));
 });

package/dist/componentsConnectors/connectBox.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { OptionV3 } from '@legalplace/models-v3-types';
+import type { OptionV3 } from "@legalplace/models-v3-types";
 export declare type ConnectBoxOwnProps = {
     id: number;
     index: number;
@@ -7,7 +6,7 @@ export declare type ConnectBoxOwnProps = {
 export declare type ConnectBoxMapProps = {
     type: string;
     content: string;
-    box: OptionV3['meta']['box'];
+    box: OptionV3["meta"]["box"];
     condition?: boolean;
     options: number[];
     tags?: string[];

package/dist/componentsConnectors/connectBox.js

@@ -1,5 +1,5 @@
-import { componentConnector, } from './connector/componentConnector';
-import { getRelatedVariablesValues, parseContentWithVariables, } from '../helpers/outputsParsing';
+import { componentConnector, } from "./connector/componentConnector";
+import { getRelatedVariablesValues, parseContentWithVariables, } from "../helpers/outputsParsing";
 const stateToProps = (selectors) => (state, ownProps) => {
     const { id, index } = ownProps;
     const option = selectors.selectOptionReference(id);
@@ -7,7 +7,7 @@ const stateToProps = (selectors) => (state, ownProps) => {
     const variables = getRelatedVariablesValues(id, index, boxReference.variables);
     const condition = selectors.selectOptionConditionValue(id, index);
     const content = condition === false
-        ? ''
+        ? ""
         : parseContentWithVariables(boxReference.raw, id, index, variables);
     const { options, meta } = option;
     const { tags, type, box } = meta;
@@ -23,6 +23,6 @@ const stateToProps = (selectors) => (state, ownProps) => {
     };
 };
 export const connectBox = componentConnector({
-    componentName: 'Box',
+    componentName: "Box",
     stateToProps,
 });

package/dist/componentsConnectors/connectBox.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 renderer from 'react-test-renderer';
 import { initOptionAction, initVariableAction } from '../redux/actions/inputs';
 import { getStore, createAppStore } from '../redux/store';
@@ -158,25 +158,25 @@ describe('connectBox test suit', () => {
     }));
     it('Should parse variables', () => {
         const ConnectedBox = connectBox((props) => {
-            return React.createElement("h1", null, props.content);
+            return _jsx("h1", { children: props.content }, void 0);
         });
-        const component = renderer.create(React.createElement(ConnectedBox, { store: store, id: 1, index: 0 }));
+        const component = renderer.create(_jsx(ConnectedBox, { store: store, id: 1, index: 0 }, void 0));
         expect(component.toTree().rendered.props.content).toEqual('This content should be parsed with My Test Variable value');
     });
     it('Should not parse on false condition', () => {
         store.dispatch(updateOptionConditionsAction(1, 0, false));
         const ConnectedBox = connectBox((props) => {
-            return React.createElement("h1", null, props.content);
+            return _jsx("h1", { children: props.content }, void 0);
         });
-        const component = renderer.create(React.createElement(ConnectedBox, { store: store, id: 1, index: 0 }));
+        const component = renderer.create(_jsx(ConnectedBox, { store: store, id: 1, index: 0 }, void 0));
         expect(component.toTree().rendered.props.content).toEqual('');
     });
     it('Should retrun props properly', () => {
         store.dispatch(updateOptionConditionsAction(1, 0, true));
         const ConnectedBox = connectBox((props) => {
-            return React.createElement("h1", null, props.content);
+            return _jsx("h1", { children: props.content }, void 0);
         });
-        const component = renderer.create(React.createElement(ConnectedBox, { store: store, id: 1, index: 0 }));
+        const component = renderer.create(_jsx(ConnectedBox, { store: store, id: 1, index: 0 }, void 0));
         const { props } = component.toTree().rendered;
         const { id, index, type, content, condition, box, tags, options } = props;
         expect({

package/dist/componentsConnectors/connectDocument.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type ConnectDocumentOwnProps = {
     document: string;
 };

package/dist/componentsConnectors/connectDocument.js

@@ -1,10 +1,10 @@
-import { componentConnector, } from './connector/componentConnector';
-import { NumAuto } from '../libs/NumAuto';
-import { DocumentsOutputs } from '../libs/DocumentsOutputs';
-import { selectAllSectionsReferences } from '../redux/selectors/references';
+import { componentConnector, } from "./connector/componentConnector";
+import { NumAuto } from "../libs/NumAuto";
+import { DocumentsOutputs } from "../libs/DocumentsOutputs";
+import { selectAllSectionsReferences } from "../redux/selectors/references";
 const stateToProps = (selectors) => (state, ownProps) => {
     const { selectOptionConditionValue, selectSectionConditionValue, selectOptionInput, selectVariableInput, selectOptionReference, selectOutputReference, selectVariableReference, selectSectionReference, } = selectors;
-    const document = ownProps.document === 'default' ? 'main' : ownProps.document;
+    const document = ownProps.document === "default" ? "main" : ownProps.document;
     const documentOutputs = new DocumentsOutputs({
         optionConditions: (id, index) => selectOptionConditionValue(id, index),
         sectionConditions: (id, doc) => selectSectionConditionValue(id, doc),
@@ -24,6 +24,6 @@ const stateToProps = (selectors) => (state, ownProps) => {
     };
 };
 export const connectDocument = componentConnector({
-    componentName: 'Document',
+    componentName: "Document",
     stateToProps,
 });

package/dist/componentsConnectors/connectDocument.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 * as fs from 'fs';
-import React from 'react';
 import renderer from 'react-test-renderer';
 import { ReferencesParser } from '@legalplace/referencesparser';
 import { getStore, createAppStore } from '../redux/store';
@@ -53,9 +53,9 @@ describe('connectDocument test suit', () => {
     }));
     it('Should retrun props properly', () => __awaiter(void 0, void 0, void 0, function* () {
         const ConnectDocument = connectDocument((props) => {
-            return React.createElement("h1", null, props.document);
+            return _jsx("h1", { children: props.document }, void 0);
         });
-        const component = renderer.create(React.createElement(ConnectDocument, { store: store, document: "main" }));
+        const component = renderer.create(_jsx(ConnectDocument, { store: store, document: "main" }, void 0));
         const { props } = component.toTree().rendered;
         const { document, outputs } = props;
         expect({ document, outputs }).toStrictEqual({
@@ -67,9 +67,9 @@ describe('connectDocument test suit', () => {
     }));
     it('Should use main as default', () => {
         const ConnectDocument = connectDocument((props) => {
-            return React.createElement("h1", null, props.document);
+            return _jsx("h1", { children: props.document }, void 0);
         });
-        const component = renderer.create(React.createElement(ConnectDocument, { store: store, document: "default" }));
+        const component = renderer.create(_jsx(ConnectDocument, { store: store, document: "default" }, void 0));
         const { props } = component.toTree().rendered;
         const { document, outputs } = props;
         expect({ document, outputs }).toStrictEqual({

package/dist/componentsConnectors/connectHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type ConnectHeaderOwnProps = {
     isPreviewDisplayed: boolean;
 };

package/dist/componentsConnectors/connectHeader.js

@@ -1,8 +1,8 @@
-import { componentConnector, } from './connector/componentConnector';
+import { componentConnector, } from "./connector/componentConnector";
 const stateToProps = (selectors) => () => ({
     hasValidAuthToken: selectors.selectUserValidToken(),
 });
 export const connectHeader = componentConnector({
-    componentName: 'AppHeader',
+    componentName: "AppHeader",
     stateToProps,
 });

package/dist/componentsConnectors/connectMetaTitle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const connectMetaTitle: <AdditionnalProps = {}>(Component: import("react").ComponentType<{
     store?: import("redux").Store<any, import("redux").AnyAction> | undefined;
 } & {

package/dist/componentsConnectors/connectMetaTitle.js

@@ -1,6 +1,6 @@
-import { componentConnector } from './connector/componentConnector';
+import { componentConnector } from "./connector/componentConnector";
 export const connectMetaTitle = componentConnector({
-    componentName: 'MetaTitle',
+    componentName: "MetaTitle",
     stateToProps: (selectors) => () => ({
         title: selectors.selectDocumentTitle(),
     }),

package/dist/componentsConnectors/connectMetaTitle.test.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import renderer from 'react-test-renderer';
 import { getStore, createAppStore } from '../redux/store';
 import { initMetaAction } from '../redux/actions/app';
@@ -22,9 +22,9 @@ describe('connectMetaTitle test suit', () => {
     });
     it('Should retrun props properly', () => {
         const ConnectMetaTitle = connectMetaTitle((props) => {
-            return React.createElement("h1", null, props.title);
+            return _jsx("h1", { children: props.title }, void 0);
         });
-        const component = renderer.create(React.createElement(ConnectMetaTitle, { store: store }));
+        const component = renderer.create(_jsx(ConnectMetaTitle, { store: store }, void 0));
         const { props } = component.toTree().rendered;
         const { title } = props;
         expect({ title }).toStrictEqual({ title: 'My Test Document' });

package/dist/componentsConnectors/connectOption.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { OptionV3 } from '@legalplace/models-v3-types';
+import type { OptionV3 } from "@legalplace/models-v3-types";
 export declare type ConnectOptionOwnProps = {
     id: number;
     index: number;
@@ -16,7 +15,7 @@ export declare type ConnectOptionMapProps = {
     mandatoryValidated: boolean;
     mandatoryIgnore: boolean;
     display: boolean;
-    meta: OptionV3['meta'];
+    meta: OptionV3["meta"];
     selectedRadioChild: number;
     childOptions: number[];
     childVariables: number[];