@legalplace/wizardx-core 2.3.0 → 2.5.0

package/src/componentsConnectors/connectTermsheet.tsx

@@ -1,32 +1,32 @@
-import { compose } from 'redux';
-import { connect } from 'react-redux';
-import React from 'react';
-import type { SectionV3 } from '@legalplace/models-v3-types';
-import { StateType } from '../types/State.type';
-import { TermsheetRow } from '../types/Termsheet.type';
-import { TermsheetPropsType } from '../types/Components.type';
-import { PluginLoader, ReplaceComponent } from '../PluginLoader';
-import { selectAvailableSections } from '../redux/selectors/app';
+import { compose } from "redux";
+import { connect } from "react-redux";
+import React from "react";
+import type { SectionV3 } from "@legalplace/models-v3-types";
+import { StateType } from "../types/State.type";
+import { TermsheetRow } from "../types/Termsheet.type";
+import { TermsheetPropsType } from "../types/Components.type";
+import { PluginLoader, ReplaceComponent } from "../PluginLoader";
+import { selectAvailableSections } from "../redux/selectors/app";
 import {
   selectSectionReference,
   selectOptionReference,
   selectVariableReference,
-} from '../redux/selectors/references';
+} from "../redux/selectors/references";
 import {
   selectOptionInput,
   selectVariableInputByIndex,
   selectOptionInputByIndex,
-} from '../redux/selectors/inputs';
+} from "../redux/selectors/inputs";
 import {
   selectOptionConditionValue,
   selectSectionConditionValue,
   selectVariableConditionValue,
   selectOptionValidatorConditionValue,
   selectVariableValidatorConditionValue,
-} from '../redux/selectors/conditions';
-import { PathReader } from '../libs/PathReader';
-import { isLevelAccessibleForUser } from '../redux/selectors/user';
-import { parseOptionLabel } from '../helpers/outputsParsing';
+} from "../redux/selectors/conditions";
+import { PathReader } from "../libs/PathReader";
+import { isLevelAccessibleForUser } from "../redux/selectors/user";
+import { parseOptionLabel } from "../helpers/outputsParsing";
 
 const pushMultipleLabelForOption = (
   optionId: number,
@@ -47,7 +47,7 @@ const pushMultipleLabelForOption = (
   const label =
     optionReference.meta?.multiple?.label ||
     optionReference.meta?.multiple?.cta ||
-    ''; // TODO: Should we add default string?
+    ""; // TODO: Should we add default string?
 
   // Incrementation step
   if (optionReference.meta.multiple?.incrementationStart) {
@@ -57,10 +57,10 @@ const pushMultipleLabelForOption = (
 
   termsheet.push({
     label: `${label} ${occurencyId}`,
-    type: 'multiplelabel',
+    type: "multiplelabel",
     pageNumber,
-    hash: '',
-    value: '',
+    hash: "",
+    value: "",
     allowUpdate: false,
   });
 };
@@ -87,7 +87,7 @@ const rolldownTermsheetForVariable = (
 
   // Getting variable's value
   let value = selectVariableInputByIndex(variableId, index);
-  value = value || '';
+  value = value || "";
 
   // Checking variable's condition
   const variableCondition = selectVariableConditionValue(variableId, index);
@@ -98,24 +98,24 @@ const rolldownTermsheetForVariable = (
 
   // Making sure variable is accessible for current user
   const { grantLevel } = variableReference;
-  if (!isLevelAccessibleForUser(grantLevel || 'GUEST')) return;
+  if (!isLevelAccessibleForUser(grantLevel || "GUEST")) return;
 
   let { label } = variableReference;
   if (
-    typeof variableReference.termsheet?.label === 'string' &&
+    typeof variableReference.termsheet?.label === "string" &&
     variableReference.termsheet?.label.trim().length > 0
   ) {
     label = variableReference.termsheet?.label;
   }
 
   const variableTermsheet: TermsheetRow = {
-    type: 'variable',
+    type: "variable",
     label,
     valid: variableValidator !== false,
-    value: typeof value === 'number' ? value.toString() : value,
+    value: typeof value === "number" ? value.toString() : value,
     pageNumber,
     hash: `variable-${variableId}-${index}`,
-    allowUpdate: variableReference.type !== 'eval',
+    allowUpdate: variableReference.type !== "eval",
   };
 
   if (variableCondition !== false && variableReference.hidden !== false)
@@ -144,9 +144,9 @@ const rolldownTermsheetForOption = (
   const optionValidator = selectOptionValidatorConditionValue(optionId, index);
 
   if (
-    (optionReference.meta.type !== 'checkbox' && optionInput === false) ||
+    (optionReference.meta.type !== "checkbox" && optionInput === false) ||
     optionCondition === false ||
-    ['hidden', 'repeated', 'box', 'separator', 'brut-text'].includes(
+    ["hidden", "repeated", "box", "separator", "brut-text"].includes(
       optionReference.meta.type
     )
   ) {
@@ -161,7 +161,7 @@ const rolldownTermsheetForOption = (
     if (childReference === undefined)
       throw new Error(`Option ${childId} does not exist`);
 
-    return childReference.meta.type === 'radio';
+    return childReference.meta.type === "radio";
   });
   const selectedChild = radioChilds.filter((childId) =>
     selectOptionInputByIndex(childId, index)
@@ -174,21 +174,21 @@ const rolldownTermsheetForOption = (
       const label = parseOptionLabel(childId, index);
       return label;
     })
-    .join('');
+    .join("");
 
   // Checkbox
-  if (optionReference.meta.type === 'checkbox') {
-    value = optionInput === true ? 'Oui' : 'Non';
+  if (optionReference.meta.type === "checkbox") {
+    value = optionInput === true ? "Oui" : "Non";
   } else if (
-    optionReference.meta.type === 'static' &&
+    optionReference.meta.type === "static" &&
     radioChilds.length === 0
   ) {
-    value = 'null-value';
+    value = "null-value";
   }
 
   let { label } = optionReference.meta;
   if (
-    typeof optionReference.meta.termsheet?.label === 'string' &&
+    typeof optionReference.meta.termsheet?.label === "string" &&
     optionReference.meta.termsheet?.label.trim().length > 0
   ) {
     label = optionReference.meta.termsheet?.label;
@@ -205,7 +205,7 @@ const rolldownTermsheetForOption = (
       valid: optionValidator !== false,
       label,
       value,
-      type: 'option',
+      type: "option",
       allowUpdate: true,
     });
   }
@@ -243,10 +243,10 @@ const rolldownTermsheetForSection = (
   const sectionTermsheetRow: TermsheetRow = {
     label: section.label,
     preLabel: pageNumber < 10 ? `0${pageNumber}` : pageNumber.toString(),
-    type: 'section',
+    type: "section",
     pageNumber,
-    hash: '',
-    value: '',
+    hash: "",
+    value: "",
     allowUpdate: false,
   };
 
@@ -263,7 +263,7 @@ const rolldownTermsheetForSection = (
       throw new Error(`Option ${optionId} does not exist`);
 
     const { grantLevel } = optionReference.meta;
-    if (!isLevelAccessibleForUser(grantLevel || 'GUEST')) return;
+    if (!isLevelAccessibleForUser(grantLevel || "GUEST")) return;
 
     // Adding multiples termsheet pointer
     inputs.forEach((value, index) => {
@@ -279,11 +279,11 @@ const rolldownTermsheetForSection = (
     // Adding an empty multiple label to act as a separator
     if (inputs.length > 1 && optionReference.meta.termsheet?.hide !== true) {
       termsheet.push({
-        label: '',
-        type: 'multiplelabel',
+        label: "",
+        type: "multiplelabel",
         pageNumber,
-        hash: '',
-        value: '',
+        hash: "",
+        value: "",
         allowUpdate: false,
       });
     }
@@ -305,13 +305,13 @@ const TermsheetHooc =
   // eslint-disable-next-line react/display-name
   (props) => {
     // Before tags anchor
-    const beforeAnchors = ['beforeTermsheet'];
+    const beforeAnchors = ["beforeTermsheet"];
 
     // After tags anchor
-    const afterAnchors = ['afterTermsheet'];
+    const afterAnchors = ["afterTermsheet"];
 
     // Component replace
-    const replaceAnchors = ['Termsheet'];
+    const replaceAnchors = ["Termsheet"];
     const FinalComponent = ReplaceComponent(replaceAnchors, Component);
 
     return (

package/src/componentsConnectors/connectVariable.tsx

@@ -1,15 +1,15 @@
-import type { VariableV3 } from '@legalplace/models-v3-types';
+import type { VariableV3 } from "@legalplace/models-v3-types";
 import {
   componentConnector,
   ConnectorStateToProps,
   ConnectorDispatchProps,
   ConnectorMapSelectors,
-} from './connector/componentConnector';
-import { isStepAvailable } from '../redux/selectors/app';
+} from "./connector/componentConnector";
+import { isStepAvailable } from "../redux/selectors/app";
 import {
   parseRawWithVariables,
   parseVariableLabel,
-} from '../helpers/outputsParsing';
+} from "../helpers/outputsParsing";
 
 export type ConnectVariableOwnProps = {
   id: number;
@@ -64,7 +64,7 @@ const canVariableDisplay = (
     display && !selectors.selectIsSmartscriptVariableIndexHidden(id, index);
 
   // Grant
-  display = display && isLevelAccessibleForUser(variable.grantLevel || 'GUEST');
+  display = display && isLevelAccessibleForUser(variable.grantLevel || "GUEST");
 
   // Returning result
   return display;
@@ -103,7 +103,7 @@ const stateToProps: ConnectorStateToProps<
   const display = canVariableDisplay(id, index, selectors);
 
   // Getting variable's value
-  const value = selectVariableInputByIndex(id, index) || '';
+  const value = selectVariableInputByIndex(id, index) || "";
 
   // Getting condition
   const condition = selectVariableConditionValue(id, index);
@@ -122,18 +122,18 @@ const stateToProps: ConnectorStateToProps<
 
   // Injecting variables into validator message
   const validatorMessage =
-    typeof variable.validator?.message === 'string'
+    typeof variable.validator?.message === "string"
       ? parseRawWithVariables(variable.validator.message)
-      : '';
+      : "";
 
   // Parsing helper's variables
   const helper = variable.helper
-    ? parseRawWithVariables(variable.helper, undefined, '________________')
+    ? parseRawWithVariables(variable.helper, undefined, "________________")
     : undefined;
 
   // Parsing warning's variables
   const warning = variable.warning
-    ? parseRawWithVariables(variable.warning, undefined, '________________')
+    ? parseRawWithVariables(variable.warning, undefined, "________________")
     : undefined;
 
   return {
@@ -175,7 +175,7 @@ const dispatchToProps: ConnectorDispatchProps<
  * Creating our component connector
  */
 export const connectVariable = componentConnector({
-  componentName: 'Variable',
+  componentName: "Variable",
   stateToProps,
   dispatchToProps,
   additionnalHooks: (props, hookType) => {

package/src/componentsConnectors/connectWizardWrapper.tsx

@@ -1,7 +1,7 @@
 import {
   componentConnector,
   ConnectorDispatchProps,
-} from './connector/componentConnector';
+} from "./connector/componentConnector";
 
 export type ConnectWizardWrapperDispatchProps = {
   openPreview: () => void;
@@ -20,11 +20,11 @@ const dispatchToProps: ConnectorDispatchProps<
   ConnectWizardWrapperOwnProps,
   ConnectWizardWrapperDispatchProps
 > = () => (dispatch) => ({
-  openPreview: () => dispatch({ type: 'OPEN_PREVIEW' }),
-  closePreview: () => dispatch({ type: 'CLOSE_PREVIEW' }),
+  openPreview: () => dispatch({ type: "OPEN_PREVIEW" }),
+  closePreview: () => dispatch({ type: "CLOSE_PREVIEW" }),
 });
 
 export const connectWizardWrapper = componentConnector({
-  componentName: 'WizardWrapper',
+  componentName: "WizardWrapper",
   dispatchToProps,
 });

package/src/componentsConnectors/connector/componentConnector.tsx

@@ -1,10 +1,12 @@
-import { Dispatch, Store } from 'redux';
-import { connect } from 'react-redux';
-import React, { ComponentType } from 'react';
-import { PluginLoader, ReplaceComponent } from '../../PluginLoader';
-import { StateType } from '../../types/State.type';
-import * as connectorActions from '../../redux/actions';
-import * as connectorSelectors from '../../redux/selectors';
+import { Dispatch, Store } from "redux";
+import { connect } from "react-redux";
+import React, { ComponentType } from "react";
+import { PluginLoader, ReplaceComponent } from "../../PluginLoader";
+import type { StateType } from "../../types/State.type";
+import type { SelectorsLibraryType } from "../../types/getSelectors.type";
+import type { ActionsLibraryType } from "../../types/getActions.type";
+import { selectorsLibrary } from "../../redux/selectors/library";
+import { actionsLibrary } from "../../redux/actions/library";
 
 // Connector exportable types
 export type AdditionnalHooksFunction<P> = (
@@ -16,8 +18,8 @@ export type ConnectorDispatchProps<
   DispatchProps,
   OwnPropsWithStore = OwnProps & { store?: Store }
 > = (
-  actions: Readonly<typeof connectorActions>,
-  selectors: Readonly<typeof connectorSelectors>
+  actions: Readonly<ActionsLibraryType>,
+  selectors: Readonly<SelectorsLibraryType>
 ) => (dispatch: Dispatch, ownProps: OwnPropsWithStore) => DispatchProps;
 export type ConnectorStateToProps<
   OwnProps,
@@ -25,14 +27,14 @@ export type ConnectorStateToProps<
   OwnPropsWithStore = OwnProps & { store?: Store }
 > =
   | ((
-      selectors: Readonly<typeof connectorSelectors>
+      selectors: Readonly<SelectorsLibraryType>
     ) => (state: StateType, ownProps: OwnPropsWithStore) => MapProps)
   | undefined;
 export type ConnectorAdditionnalHooks<InjectedProps> = (
   props: InjectedProps,
   hookType: string
 ) => string[];
-export type ConnectorMapSelectors = typeof connectorSelectors;
+export type ConnectorMapSelectors = SelectorsLibraryType;
 
 // Connector self types
 type ConnectorHoocFunction = <P = {}>(
@@ -71,10 +73,10 @@ const AnchorsHooks: AnchorsHooksFunction = (
   let replaceAnchors = [`${componentName}`];
 
   // Adding additionnal hooks
-  if (typeof additionnalHooks === 'function') {
-    beforeAnchors = [...beforeAnchors, ...additionnalHooks(props, 'before')];
-    afterAnchors = [...afterAnchors, ...additionnalHooks(props, 'after')];
-    replaceAnchors = [...replaceAnchors, ...additionnalHooks(props, 'replace')];
+  if (typeof additionnalHooks === "function") {
+    beforeAnchors = [...beforeAnchors, ...additionnalHooks(props, "before")];
+    afterAnchors = [...afterAnchors, ...additionnalHooks(props, "after")];
+    replaceAnchors = [...replaceAnchors, ...additionnalHooks(props, "replace")];
   }
 
   return {
@@ -93,9 +95,9 @@ const AnchorsHooks: AnchorsHooksFunction = (
 const PluginWrapper: PluginWrapperFunction = (props, anchors) => {
   const WrappedPlugin = () => <PluginLoader anchor={anchors} props={props} />;
   WrappedPlugin.displayName = `Plugin(${anchors
-    .join(', ')
-    .replace(/\(/g, '[')
-    .replace(/\)/g, ']')})`.trim();
+    .join(", ")
+    .replace(/\(/g, "[")
+    .replace(/\)/g, "]")})`.trim();
   return WrappedPlugin;
 };
 
@@ -164,12 +166,12 @@ function ConnectorConnect<
 
   // Executing first function layer with selectors for stateToProps if it's defined
   const mapStateToProps = stateToProps
-    ? stateToProps(connectorSelectors)
+    ? stateToProps(selectorsLibrary)
     : undefined;
 
   // Executing first function layer with actions for dispatchToProps if it's defined
   const mapDispatchToProps = dispatchToProps
-    ? dispatchToProps(connectorActions, connectorSelectors)
+    ? dispatchToProps(actionsLibrary, selectorsLibrary)
     : undefined;
 
   return connect(mapStateToProps, mapDispatchToProps);

package/src/componentsConnectors/library.ts

@@ -0,0 +1,35 @@
+import { connectBox } from "./connectBox";
+import { connectDocument } from "./connectDocument";
+import { connectHeader } from "./connectHeader";
+import { connectMetaTitle } from "./connectMetaTitle";
+import { connectOption } from "./connectOption";
+import { connectPagination } from "./connectPagination";
+import { connectPreview } from "./connectPreview";
+import { connectProgress } from "./connectProgress";
+import { connectRootOption } from "./connectRootOption";
+import { connectSection } from "./connectSection";
+import { connectSummary } from "./connectSummary";
+import { connectSummaryItem } from "./connectSummaryItem";
+import { connectTermsheet } from "./connectTermsheet";
+import { connectVariable } from "./connectVariable";
+import { connectWizardWrapper } from "./connectWizardWrapper";
+import { componentConnector } from "./connector/componentConnector";
+
+export const connectorsLibrary = {
+  connectBox,
+  connectDocument,
+  connectHeader,
+  connectMetaTitle,
+  connectOption,
+  connectPagination,
+  connectPreview,
+  connectProgress,
+  connectRootOption,
+  connectSection,
+  connectSummary,
+  connectSummaryItem,
+  connectTermsheet,
+  connectVariable,
+  connectWizardWrapper,
+  componentConnector,
+};

package/src/config.test.ts

@@ -1,5 +1,6 @@
-import { IWizardParams } from '.';
 import { getConfig, updateConfig } from './config';
+import Globals from './Globals';
+import { IWizardParams } from './types/config.type';
 
 describe('Config loader', () => {
   it('Updates config properly', async () => {

package/src/config.ts

@@ -1,4 +1,4 @@
-import type { IWizardParams } from './types/config.type';
+import type { IWizardParams } from "./types/config.type";
 
 let updatedConfig: IWizardParams;
 export const getConfig = (): IWizardParams => updatedConfig;

package/src/constants/phoneValidation.ts

@@ -0,0 +1,6 @@
+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/src/definitions/path.join.d.ts

@@ -1,4 +1,4 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-declare module 'path.join' {
+declare module "path.join" {
   export default (...args: string[]) => {};
 }

package/src/helpers/outputsParsing.ts

@@ -1,24 +1,24 @@
-import { filterXSS } from 'xss';
+import { filterXSS } from "xss";
 import {
   selectVariableParents,
   selectOptionRelations,
   selectVariableReference,
   selectOptionReference,
   selectVariableRelations,
-} from '../redux/selectors/references';
+} from "../redux/selectors/references";
 import {
   selectVariableInput,
   selectVariableInputByIndex,
-} from '../redux/selectors/inputs';
-import { OVC_TYPE } from '..';
+} from "../redux/selectors/inputs";
+import { OVC_TYPE } from "../libs/InputsInitiator";
 
 /**
  * Parses number to correct french number format ("," instead of ".")
  */
 const frenchNumber = (value: string | number) => {
-  let result = typeof value === 'number' ? value.toString() : value;
+  let result = typeof value === "number" ? value.toString() : value;
   if (/^([0-9]+)\.([0-9]+)$/.test(result.trim()))
-    result = result.trim().replace('.', ',');
+    result = result.trim().replace(".", ",");
   return result;
 };
 
@@ -55,7 +55,7 @@ export const getRelatedVariablesValues: getRelatedVarsT = (
     if (rootVariableParentRelations === undefined)
       throw new Error(`Option ${rootVariableParentId} does not exist`);
 
-    if (typeof variableParents === 'undefined') return;
+    if (typeof variableParents === "undefined") return;
 
     // Getting rootOption parent
 
@@ -69,17 +69,17 @@ export const getRelatedVariablesValues: getRelatedVarsT = (
 
     // Making sure all values are strings
     const cleanValues = value.map((currentValue) => {
-      if (['number', 'string'].includes(typeof currentValue))
+      if (["number", "string"].includes(typeof currentValue))
         return frenchNumber(currentValue);
-      return '';
+      return "";
     });
 
     // Joining multiple variables if needed
     let currentVariableValue =
-      cleanValues.length === 1 ? cleanValues[0] : cleanValues.join(', ');
+      cleanValues.length === 1 ? cleanValues[0] : cleanValues.join(", ");
 
     // Replacing \n with <br /> tags
-    currentVariableValue = currentVariableValue.replace(/\n/g, '<br />');
+    currentVariableValue = currentVariableValue.replace(/\n/g, "<br />");
 
     // Setting variable value
     variablesValues[currentVariableId] = currentVariableValue;
@@ -123,10 +123,10 @@ export const parseContentWithVariables: parseContentT = (
   Object.keys(variables).forEach((variableId) => {
     let value: string = variables[variableId].toString();
     if (value.trim().length === 0) {
-      value = new Array(16).join('_');
+      value = new Array(16).join("_");
     }
     parsedContent = parsedContent.replace(
-      new RegExp(`\\[var:${variableId}\\]`, 'gi'),
+      new RegExp(`\\[var:${variableId}\\]`, "gi"),
       filterXSS(value, {
         whiteList: {
           a: [],
@@ -181,10 +181,10 @@ export const parseOutputWithVariables: parseOutputT = (
   Object.keys(variables).forEach((variableId) => {
     let value: string = variables[variableId].toString();
     if (value.trim().length === 0) {
-      value = new Array(16).join('_');
+      value = new Array(16).join("_");
     }
     parsedOutput = parsedOutput.replace(
-      new RegExp(`\\[var:${variableId}\\]`, 'gi'),
+      new RegExp(`\\[var:${variableId}\\]`, "gi"),
       filterXSS(value)
     );
   });
@@ -196,10 +196,10 @@ export const parseOutputWithVariables: parseOutputT = (
   );
 
   // Cleaning BLURS
-  parsedOutput = parsedOutput.replace(/\[(E|B)_BLUR\]/gi, '');
+  parsedOutput = parsedOutput.replace(/\[(E|B)_BLUR\]/gi, "");
 
   // Removing signature tags
-  parsedOutput = parsedOutput.replace(/\[signature:([0-9]+)\]/g, '');
+  parsedOutput = parsedOutput.replace(/\[signature:([0-9]+)\]/g, "");
 
   // Inserting autonums
   autonums.forEach((currentAn) => {
@@ -263,7 +263,7 @@ export const parseVariableLabel: parseVariableLabelT = (id, index = 0) => {
     if (
       value === undefined ||
       value === null ||
-      (typeof value === 'string' && value.trim().length === 0)
+      (typeof value === "string" && value.trim().length === 0)
     ) {
       useFallback = true;
       return;
@@ -271,7 +271,7 @@ export const parseVariableLabel: parseVariableLabelT = (id, index = 0) => {
     variablesValues[variableId] = value.toString();
   });
 
-  if (useFallback === true && typeof fallbackLabel === 'string')
+  if (useFallback === true && typeof fallbackLabel === "string")
     return fallbackLabel;
 
   // Inserting values
@@ -279,7 +279,7 @@ export const parseVariableLabel: parseVariableLabelT = (id, index = 0) => {
   variablesList.forEach((variableId) => {
     const value: string = variablesValues[variableId];
     parsedLabel = parsedLabel.replace(
-      new RegExp(`\\[var:${variableId}\\]`, 'gi'),
+      new RegExp(`\\[var:${variableId}\\]`, "gi"),
       filterXSS(value)
     );
   });
@@ -322,7 +322,7 @@ export const parseOptionLabel: parseOptionLabelT = (id, index = 0) => {
     if (
       value === undefined ||
       value === null ||
-      (typeof value === 'string' && value.trim().length === 0)
+      (typeof value === "string" && value.trim().length === 0)
     ) {
       useFallback = true;
       return;
@@ -330,7 +330,7 @@ export const parseOptionLabel: parseOptionLabelT = (id, index = 0) => {
     variablesValues[variableId] = value.toString();
   });
 
-  if (useFallback === true && typeof fallbackLabel === 'string')
+  if (useFallback === true && typeof fallbackLabel === "string")
     return fallbackLabel;
 
   // Inserting values
@@ -338,7 +338,7 @@ export const parseOptionLabel: parseOptionLabelT = (id, index = 0) => {
   variablesList.forEach((variableId) => {
     const value: string = variablesValues[variableId];
     parsedLabel = parsedLabel.replace(
-      new RegExp(`\\[var:${variableId}\\]`, 'gi'),
+      new RegExp(`\\[var:${variableId}\\]`, "gi"),
       filterXSS(value)
     );
   });
@@ -390,9 +390,9 @@ export const parseRawWithVariables: parseRawT = (text, inputs, placeholder) => {
     if (
       value === undefined ||
       value === null ||
-      (typeof value === 'string' && value.trim().length === 0)
+      (typeof value === "string" && value.trim().length === 0)
     ) {
-      variablesValues[variableId] = placeholder || '';
+      variablesValues[variableId] = placeholder || "";
     } else {
       variablesValues[variableId] = value.toString();
     }
@@ -403,7 +403,7 @@ export const parseRawWithVariables: parseRawT = (text, inputs, placeholder) => {
   variables.forEach((variableId) => {
     const value: string = variablesValues[variableId];
     parsedText = parsedText.replace(
-      new RegExp(`\\[var:${variableId}\\]`, 'gi'),
+      new RegExp(`\\[var:${variableId}\\]`, "gi"),
       filterXSS(value)
     );
   });

package/src/helpers/preloadTheme.ts

@@ -1,5 +1,5 @@
-import { LoadableComponent } from '@loadable/component';
-import Globals from '../Globals';
+import { LoadableComponent } from "@loadable/component";
+import Globals from "../Globals";
 
 export const preloadTheme = async (theme: string) => {
   // Preloading theme