@legalplace/wizardx-core 2.1.0-alpha.0 → 2.1.0-alpha.10

package/CHANGELOG.md

@@ -3,6 +3,119 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0-alpha.10](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.1.0-alpha.9...@legalplace/wizardx-core@2.1.0-alpha.10) (2021-11-29)
+
+**Note:** Version bump only for package @legalplace/wizardx-core
+
+
+
+
+
+# [2.1.0-alpha.9](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.1.0-alpha.8...@legalplace/wizardx-core@2.1.0-alpha.9) (2021-11-28)
+
+
+### Bug Fixes
+
+* fix linting api[#4480](https://git.legalplace.eu/legalplace/monorepo/issues/4480) ([e8d76f5](https://git.legalplace.eu/legalplace/monorepo/commits/e8d76f5333b2940dbb170099a77d19a37c503cba))
+
+
+### Features
+
+* load speed optimizations api[#4480](https://git.legalplace.eu/legalplace/monorepo/issues/4480) ([5227752](https://git.legalplace.eu/legalplace/monorepo/commits/522775255c71f98d4a4052fbcd05c5ae956925a2))
+
+
+
+
+
+# [2.1.0-alpha.8](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.1.0-alpha.7...@legalplace/wizardx-core@2.1.0-alpha.8) (2021-11-24)
+
+
+### Bug Fixes
+
+* fixing issue with smartscript not getting executed after init_inputs api[#3338](https://git.legalplace.eu/legalplace/monorepo/issues/3338) ([2c96fd6](https://git.legalplace.eu/legalplace/monorepo/commits/2c96fd63a6d2e7685e75ee9125a4759831548139))
+
+
+
+
+
+# [2.1.0-alpha.7](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.1.0-alpha.6...@legalplace/wizardx-core@2.1.0-alpha.7) (2021-11-24)
+
+**Note:** Version bump only for package @legalplace/wizardx-core
+
+
+
+
+
+# [2.1.0-alpha.6](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.1.0-alpha.5...@legalplace/wizardx-core@2.1.0-alpha.6) (2021-11-23)
+
+
+### Bug Fixes
+
+* fix push api[#3338](https://git.legalplace.eu/legalplace/monorepo/issues/3338) ([1c961d5](https://git.legalplace.eu/legalplace/monorepo/commits/1c961d5a459513f791c2afb363881aa3d9214add))
+
+
+### Features
+
+* Adding possibility to clone instance and improving UX on kanoon softSocial modal api[#3338](https://git.legalplace.eu/legalplace/monorepo/issues/3338) ([cec91b7](https://git.legalplace.eu/legalplace/monorepo/commits/cec91b79a512de1699e75fbb0e1bf95359f43376))
+
+
+
+
+
+# [2.1.0-alpha.5](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.1.0-alpha.4...@legalplace/wizardx-core@2.1.0-alpha.5) (2021-11-15)
+
+
+### Features
+
+* tracking X-Source cookie api[#4377](https://git.legalplace.eu/legalplace/monorepo/issues/4377) ([0b52550](https://git.legalplace.eu/legalplace/monorepo/commits/0b52550632daa141ab241183a9cf2169e8d5fb08))
+
+
+
+
+
+# [2.1.0-alpha.4](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.1.0-alpha.3...@legalplace/wizardx-core@2.1.0-alpha.4) (2021-11-08)
+
+**Note:** Version bump only for package @legalplace/wizardx-core
+
+
+
+
+
+# [2.1.0-alpha.3](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.1.0-alpha.2...@legalplace/wizardx-core@2.1.0-alpha.3) (2021-11-04)
+
+
+### Bug Fixes
+
+* fix config test api[#4377](https://git.legalplace.eu/legalplace/monorepo/issues/4377) ([8de0c2c](https://git.legalplace.eu/legalplace/monorepo/commits/8de0c2c8faadf18c082d372e0b9caf70d3b0d669))
+* fix styled-component issues api[#4377](https://git.legalplace.eu/legalplace/monorepo/issues/4377) ([d21227c](https://git.legalplace.eu/legalplace/monorepo/commits/d21227c278d545a6aba492b5e6b33062e31a52cd))
+* fix type errors api[#4377](https://git.legalplace.eu/legalplace/monorepo/issues/4377) ([c14a871](https://git.legalplace.eu/legalplace/monorepo/commits/c14a8717b53d023f89d09b329d2dff062b4890f0))
+
+
+
+
+
+# [2.1.0-alpha.2](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.1.0...@legalplace/wizardx-core@2.1.0-alpha.2) (2021-11-04)
+
+
+### Features
+
+* upgrading wizardx-app to support wizard-params throught props and fixing notFoundUrl api[#4377](https://git.legalplace.eu/legalplace/monorepo/issues/4377) ([72709a3](https://git.legalplace.eu/legalplace/monorepo/commits/72709a374e5037ed5eb743679159459e3b7d5483))
+
+
+
+
+
+# [2.1.0-alpha.1](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.1.0-alpha.0...@legalplace/wizardx-core@2.1.0-alpha.1) (2021-11-03)
+
+
+### Features
+
+* supporting theme preloading for wizardx-core & preloading theme on kanoon-app api[#4363](https://git.legalplace.eu/legalplace/monorepo/issues/4363) ([01f258e](https://git.legalplace.eu/legalplace/monorepo/commits/01f258e4e2266ae6a8978fa4035289b50e0366bc))
+
+
+
+
+
 # [2.1.0-alpha.0](https://git.legalplace.eu/legalplace/monorepo/compare/@legalplace/wizardx-core@2.0.0...@legalplace/wizardx-core@2.1.0-alpha.0) (2021-11-03)
 
 

package/dist/App.d.ts

@@ -1,7 +1,7 @@
 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 type { StateType } from './types/State.type';
+import type { IWizardParams } from './types/config.type';
 export interface AppProps {
     historyType: 'browser' | 'memory';
     model?: ModelV3;
@@ -9,6 +9,7 @@ export interface AppProps {
     instance?: StateType.App.Instance;
     user?: StateType.User;
     wizardParams?: IWizardParams;
+    preloadTheme?: boolean;
     loadPlugin: (plugin: string) => Promise<any>;
     loadTheme: (theme: string) => Promise<any>;
 }

package/dist/App.js

@@ -11,8 +11,10 @@ import ViewComponent from './components/View';
 import SmartScriptComponent from './components/SmartScript';
 import { PluginRoute } from './components/PluginRoute';
 import { clearPlugins } from './PluginLoader';
+import { preloadTheme } from './helpers/preloadTheme';
 class WizardXCore extends React.Component {
     constructor(props) {
+        var _a;
         super(props);
         clearPlugins();
         const historyType = typeof props.historyType === 'string' ? props.historyType : 'browser';
@@ -39,6 +41,8 @@ class WizardXCore extends React.Component {
         setGlobals(params);
         if (props.wizardParams)
             updateConfig(props.wizardParams);
+        if (props.preloadTheme && ((_a = props.wizardParams) === null || _a === void 0 ? void 0 : _a.theme.name))
+            preloadTheme(props.wizardParams.theme.name);
         createAppStore(historyType);
     }
     componentDidMount() {
@@ -69,7 +73,7 @@ class WizardXCore extends React.Component {
                     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.smartscriptRoute ||
+                    React.createElement(Route, { path: getConfig().router.smartscriptPath ||
                             '/contrats/:permalink/smartscript/:uniqid?', component: SmartScriptComponent }),
                     React.createElement(Redirect, { to: {
                             pathname: getConfig().router.notFoundPath,

package/dist/PluginLoader.js

@@ -10,13 +10,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 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';
 let globalAnchors = {};
 let reduxAnchors = {};
 let actionOverrideAnchor = {};
@@ -69,7 +66,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,7 +74,7 @@ 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') {
@@ -128,7 +125,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;

package/dist/Shimmer.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { connect } from 'react-redux';
-import { Loader } from '@legalplace/storybook';
+import { Loader } from '@legalplace/storybook/dist/components/UI/Loader';
 import { getThemeShimmer } from './ThemeLoader';
 import { PluginLoader } from './PluginLoader';
 import UserLockedComponent from './components/UserLocked/UserLockedComponent';

package/dist/ThemeLoader.d.ts

@@ -21,7 +21,7 @@ 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>;

package/dist/components/SmartScript.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Action } from 'redux';
-import moment from 'moment-business-days';
+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;
@@ -22,7 +22,7 @@ declare global {
         displayOption: typeof SmartScriptStore.displayOption;
         hideVariable: typeof SmartScriptStore.hideVariable;
         displayVariable: typeof SmartScriptStore.displayVariable;
-        moment: typeof moment;
+        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,7 +1,6 @@
 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';
 const SmartScriptComponent = () => {
@@ -24,7 +23,6 @@ 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 { permalink, uniqid } = useParams();
     const modelVersion = queryString.parse(window.location.search).version;
@@ -34,13 +32,15 @@ const SmartScriptComponent = () => {
             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);
         }

package/dist/components/View.d.ts

@@ -4,7 +4,6 @@ export declare type OwnProps = {
     goPage: (p: number) => void;
 };
 declare class ViewComponent extends React.Component<OwnProps> {
-    componentDidMount(): void;
     shouldComponentUpdate(newProps: OwnProps): boolean;
     render(): JSX.Element;
 }

package/dist/components/View.js

@@ -1,27 +1,12 @@
 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 { 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 {
-    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);
-        });
-    }
     shouldComponentUpdate(newProps) {
         if (this.props.currentAppState !== newProps.currentAppState) {
             return true;

package/dist/componentsConnectors/connector/connectorSelectors.d.ts

@@ -15,6 +15,7 @@ declare const connectorSelectors: {
     selectUserValidToken: () => Readonly<boolean>;
     selectUserEmail: () => string;
     isLevelAccessibleForUser: (level: "ADMIN" | "MANAGER" | "USER" | "GUEST" | "SUPER") => Readonly<boolean>;
+    selectReferences: () => Readonly<import("@legalplace/referencesparser/dist/libs/References.type").ReferencesType>;
     selectOutputReference: (id: number) => Readonly<import("@legalplace/referencesparser/dist/libs/References.type").ReferencesSingleOutputType | undefined>;
     selectBoxReference: (id: number) => Readonly<import("@legalplace/referencesparser/dist/libs/References.type").ReferencesSingleBoxType>;
     isOptionMultiple: (id: number) => Readonly<boolean | undefined>;
@@ -93,5 +94,6 @@ declare const connectorSelectors: {
     selectCustomizationMeta: () => Readonly<import("../..").AppCustomizationMetaType | undefined>;
     selectCustomizationAutoDefaultType: () => Readonly<boolean | undefined>;
     selectModelUuid: () => Readonly<string | undefined>;
+    CompletelyUnusedSelector: () => Readonly<string | undefined>;
 };
 export default connectorSelectors;

package/dist/config.test.js

@@ -16,12 +16,12 @@ describe('Config loader', () => {
             router: {
                 wizardPath: '/contrats/:prefix?/:permalink/creer/:page?',
                 wizardInstancePath: '/contrats/:prefix?/:permalink/continuer/:uniqid([0-9a-zA-Z]+)/:page?',
-                notFoundUrl: '/contrats/conditions-generales-de-vente/creer',
+                notFoundPath: '/contrats/conditions-generales-de-vente/creer',
                 appStatesPages: {
                     termsheet: 'resume',
                     email: 'email',
                 },
-                smartscriptRoute: '/contrats/:permalink/smartscript/:uniqid?',
+                smartscriptPath: '/contrats/:permalink/smartscript/:uniqid?',
             },
             plugins: {
                 b2c_actions: '1.0.0',

package/dist/constants/phoneValidation.d.ts

@@ -0,0 +1,3 @@
+export declare const phoneNumberRegX: RegExp;
+export declare const phonePatternFR: RegExp;
+export declare const FRENCH_OVERSEAS_NUMBERS_REGEX: RegExp;

package/dist/constants/phoneValidation.js

@@ -0,0 +1,3 @@
+export const phoneNumberRegX = /^[+]?[(]?[0-9]{3}[)]?[-\s.]?[0-9]{3}[-\s.]?[0-9]{4,6}$/im;
+export const phonePatternFR = /^(?:(?:\+|00)33|0)\s*[1-9](?:[\s.-]*\d{2}){4}$/gim;
+export const FRENCH_OVERSEAS_NUMBERS_REGEX = /\+33(?:6(?:39|9[0123467])|7(?:[0-2]\d))\d{6}/;

package/dist/helpers/preloadTheme.d.ts

@@ -0,0 +1 @@
+export declare const preloadTheme: (theme: string) => Promise<void>;

package/dist/helpers/preloadTheme.js

@@ -0,0 +1,19 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import Globals from '../Globals';
+export const preloadTheme = (theme) => __awaiter(void 0, void 0, void 0, function* () {
+    const { default: components } = (yield Globals.loadTheme(theme));
+    try {
+        components.WizardComponent.preload();
+        components.TermsheetComponent.preload();
+        components.EmailComponent.preload();
+    }
+    catch (e) { }
+});

package/dist/helpers/sendinblueHelper.js

@@ -1,12 +1,15 @@
 import PhoneNumber from 'awesome-phonenumber';
+import { FRENCH_OVERSEAS_NUMBERS_REGEX } from '../constants/phoneValidation';
 import Extracts from '../libs/Extracts';
 import { pardotAttributes } from '../service/pardot.service';
-const formatMobilePhone = (phoneNumber) => {
-    var _a;
-    const sanitizedNumber = new PhoneNumber(phoneNumber, 'FR');
-    return !((_a = sanitizedNumber === null || sanitizedNumber === void 0 ? void 0 : sanitizedNumber.getNumber()) === null || _a === void 0 ? void 0 : _a.length) || !sanitizedNumber.isMobile()
+const formatMobilePhone = (number) => {
+    const phoneNumber = new PhoneNumber(number, 'FR');
+    const sanitizedNumber = phoneNumber.getNumber();
+    return !(sanitizedNumber === null || sanitizedNumber === void 0 ? void 0 : sanitizedNumber.length) ||
+        (!phoneNumber.isValid() &&
+            !FRENCH_OVERSEAS_NUMBERS_REGEX.test(sanitizedNumber))
         ? ''
-        : sanitizedNumber.getNumber();
+        : sanitizedNumber;
 };
 export const getSIBExtract = () => {
     let sibExtract;

package/dist/libs/Eval/EvalFunctions.d.ts

@@ -2,25 +2,25 @@ import { EvalBase } from './EvalBase';
 export declare class EvalFunctions extends EvalBase {
     holidays: string[];
     private parseVariableArgumentDate;
-    afficherDate: (varRef: string) => string;
-    afficherAnnee: (varRef: string) => string;
-    date: (varRef: string) => number;
-    jourOuvre: (varRef: string) => string;
-    jourOuvrable: (varRef: string) => string;
-    ajouterJoursOuvres: (varRef: string, businessDaysRef: string) => string;
-    ajouterJoursOuvrables: (varRef: string, businessDaysRef: string) => string;
-    ajouterJours: (varRef: string, daysRef: string) => string;
-    ajouterMois: (varRef: string, monthsRef: string) => string;
-    ajouterAnnees: (varRef: string, yearsRef: string) => string;
-    enleverJoursOuvrables: (varRef: string, businessDaysRef: string) => string;
-    enleverJoursOuvres: (varRef: string, businessDaysRef: string) => string;
-    enleverJours: (varRef: string, daysRef: string) => string;
-    enleverMois: (varRef: string, monthsRef: string) => string;
-    enleverAnnees: (varRef: string, yearsRef: string) => string;
-    dureeJours: (varRefA: string, varRefB: string) => number;
-    dureeMois: (varRefA: string, varRefB: string) => number;
-    dureeAnnees: (varRefA: string, varRefB: string) => number;
-    today: () => string;
-    somme: (varRef: string) => number;
-    lettres: (varRef: string) => string;
+    afficherDate: (varRef: string) => Promise<string>;
+    afficherAnnee: (varRef: string) => Promise<string>;
+    date: (varRef: string) => Promise<number>;
+    jourOuvre: (varRef: string) => Promise<string>;
+    jourOuvrable: (varRef: string) => Promise<string>;
+    ajouterJoursOuvres: (varRef: string, businessDaysRef: string) => Promise<string>;
+    ajouterJoursOuvrables: (varRef: string, businessDaysRef: string) => Promise<string>;
+    ajouterJours: (varRef: string, daysRef: string) => Promise<string>;
+    ajouterMois: (varRef: string, monthsRef: string) => Promise<string>;
+    ajouterAnnees: (varRef: string, yearsRef: string) => Promise<string>;
+    enleverJoursOuvrables: (varRef: string, businessDaysRef: string) => Promise<string>;
+    enleverJoursOuvres: (varRef: string, businessDaysRef: string) => Promise<string>;
+    enleverJours: (varRef: string, daysRef: string) => Promise<string>;
+    enleverMois: (varRef: string, monthsRef: string) => Promise<string>;
+    enleverAnnees: (varRef: string, yearsRef: string) => Promise<string>;
+    dureeJours: (varRefA: string, varRefB: string) => Promise<number>;
+    dureeMois: (varRefA: string, varRefB: string) => Promise<number>;
+    dureeAnnees: (varRefA: string, varRefB: string) => Promise<number>;
+    today: () => Promise<string>;
+    somme: (varRef: string) => Promise<number>;
+    lettres: (varRef: string) => Promise<string>;
 }