@legalplace/wizardx-core 2.3.0 → 2.4.0

package/src/redux/sagas/setUserEmail.ts

@@ -1,33 +1,33 @@
-import { call, fork, put, takeLatest } from 'redux-saga/effects';
-import { getContractFunnelGAEvent } from '@legalplace/lp-events';
-import { v4 as uuid } from 'uuid';
-import { getConfig } from '../../config';
+import { call, fork, put, takeLatest } from "redux-saga/effects";
+import { getContractFunnelGAEvent } from "@legalplace/lp-events";
+import { v4 as uuid } from "uuid";
+import { getConfig } from "../../config";
 import {
   selectPermalink,
   selectInstanceUniqid,
   selectDocumentTitle,
   selectAvailableAppStates,
   selectDocumentModelVersion,
-} from '../selectors/app';
-import { selectInputs } from '../selectors/inputs';
-import { SET_USER_EMAIL } from '../constants/sagas/user';
-import { setUserStatusAction, initUserAction } from '../actions/user';
-import { ActionsType } from '../../types/Actions.type';
-import { IInstanceCreationResponse } from '../../types/api.type';
+} from "../selectors/app";
+import { selectInputs } from "../selectors/inputs";
+import { SET_USER_EMAIL } from "../constants/sagas/user";
+import { setUserStatusAction, initUserAction } from "../actions/user";
+import { ActionsType } from "../../types/Actions.type";
+import { IInstanceCreationResponse } from "../../types/api.type";
 import {
   updateAvailableAppStatesAction,
   initInstanceAction,
   goNextPageAction,
-} from '../actions/app';
+} from "../actions/app";
 
-import { OvcConverter } from '../../libs/OvcConverter';
-import { getSendinblueIdentifyAttributes } from '../../helpers/sendinblueHelper';
-import { setUserEmailSucceeded } from '../actions/sagas/user';
-import { EMAIL_REGEX } from '../../constants/emailValidation';
+import { OvcConverter } from "../../libs/OvcConverter";
+import { getSendinblueIdentifyAttributes } from "../../helpers/sendinblueHelper";
+import { setUserEmailSucceeded } from "../actions/sagas/user";
+import { EMAIL_REGEX } from "../../constants/emailValidation";
 
 const canalHeaders = {
-  'lp-referrer': window.document.referrer,
-  'lp-origin': window.location.href,
+  "lp-referrer": window.document.referrer,
+  "lp-origin": window.location.href,
 };
 
 function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
@@ -37,11 +37,11 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
      */
     const { email, tags, inBackground } = action;
     if (!EMAIL_REGEX.test(email)) {
-      if (!inBackground) yield put(setUserStatusAction('failed'));
+      if (!inBackground) yield put(setUserStatusAction("failed"));
       return;
     }
 
-    yield put(setUserStatusAction('inprogress'));
+    yield put(setUserStatusAction("inprogress"));
 
     // Getting Permalink & uniqid
     const permalink = selectPermalink();
@@ -55,8 +55,8 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
       const currentValue = ovc.v[c];
       // eslint-disable-next-line no-nested-ternary
       const o: number = Array.isArray(currentValue)
-        ? currentValue.reduce((_p: number, _c) => _p + (_c !== '' ? 1 : 0), 0)
-        : currentValue !== ''
+        ? currentValue.reduce((_p: number, _c) => _p + (_c !== "" ? 1 : 0), 0)
+        : currentValue !== ""
         ? 1
         : 0;
       return p + o;
@@ -75,7 +75,7 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
     if (instanceUniqid === undefined || instanceUniqid.length === 0) {
       body = {
         ...body,
-        app_type: 'wizardx',
+        app_type: "wizardx",
         draft: 1,
         contract_version: selectDocumentModelVersion(),
       };
@@ -83,19 +83,19 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
 
     const apiEndpoint =
       getConfig().apiEndpoint +
-      (/\/$/.test(getConfig().apiEndpoint) ? '' : '/');
+      (/\/$/.test(getConfig().apiEndpoint) ? "" : "/");
 
     const instanceResponse = yield call(
       fetch,
-      `${apiEndpoint}wizard/instance/${permalink}/${instanceUniqid || ''}`,
+      `${apiEndpoint}wizard/instance/${permalink}/${instanceUniqid || ""}`,
       {
         method:
           instanceUniqid === undefined || instanceUniqid.length === 0
-            ? 'POST'
-            : 'PUT',
-        credentials: 'include',
+            ? "POST"
+            : "PUT",
+        credentials: "include",
         headers: {
-          'Content-Type': 'application/json',
+          "Content-Type": "application/json",
           ...canalHeaders,
         },
         body: JSON.stringify(body),
@@ -103,25 +103,25 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
     );
     const response: IInstanceCreationResponse = yield call([
       instanceResponse,
-      'json',
+      "json",
     ]);
 
     /**
      * Redirecting user in case we recieved a redirect order
      */
     const { redirect_to: redirectTo, user, uniqid, isPaid } = response;
-    if (typeof redirectTo !== 'string' || action.disableRedirect) {
-      if (instanceUniqid === undefined || instanceUniqid.length === 0) {
+    if (typeof redirectTo !== "string" || action.disableRedirect) {
+      if (!instanceUniqid?.length) {
         yield put(
           initInstanceAction({
-            dataStatus: 'saved',
+            dataStatus: "saved",
             uniqid,
             isPaid: isPaid || false,
             steps: [1],
           })
         );
       }
-      yield put(setUserStatusAction('authenticated'));
+      yield put(setUserStatusAction("authenticated"));
       if (user) {
         yield put(
           initUserAction({
@@ -133,8 +133,8 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
     }
 
     // Identifying user
-    if (typeof window.sendinblue !== 'undefined' && response.user) {
-      const attributes = getSendinblueIdentifyAttributes(
+    if (typeof window.sendinblue !== "undefined" && response.user) {
+      const attributes = yield getSendinblueIdentifyAttributes(
         uniqid,
         selectDocumentTitle(),
         nbFilledVars,
@@ -143,10 +143,10 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
       );
       window.sendinblue.identify(email, attributes);
       const fetchParams = {
-        method: 'POST',
-        credentials: 'include',
+        method: "POST",
+        credentials: "include",
         headers: {
-          'Content-Type': 'application/json',
+          "Content-Type": "application/json",
         },
         body: JSON.stringify({
           email,
@@ -155,7 +155,7 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
       };
       try {
         // if we redirect afterwards we wait for the call to finish otherwise we do it in background
-        if (typeof redirectTo === 'string' && !action.disableRedirect) {
+        if (typeof redirectTo === "string" && !action.disableRedirect) {
           yield call(
             // @ts-ignore for some reason saga doesn't like fetchParams being in a seperate variable
             fetch,
@@ -176,13 +176,13 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
     }
 
     try {
-      if (redirectTo && redirectTo.includes('generation'))
+      if (redirectTo && redirectTo.includes("generation"))
         window.dataLayer.push(
           getContractFunnelGAEvent({
             currentStep: 1,
             contractName: selectDocumentTitle(),
-            sectionTitle: 'Choississez votre pack',
-            pageAction: 'Confirmation avant paiement 1 | 2',
+            sectionTitle: "Choississez votre pack",
+            pageAction: "Confirmation avant paiement 1 | 2",
           })
         );
     } catch (error) {
@@ -190,17 +190,18 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
       console.error(error);
     }
     // Redirecting user
-    if (typeof redirectTo === 'string' && !action.disableRedirect) {
+    if (typeof redirectTo === "string" && !action.disableRedirect) {
       // Disabling onbeforeunload
       window.onbeforeunload = () => {};
 
+      // Add 1 second before redirection to wait for all HTTP requests to finish
       setTimeout(() => {
         window.location.href = redirectTo;
       }, 1000);
     }
 
     const availableAppStates = [...selectAvailableAppStates()];
-    availableAppStates.splice(availableAppStates.indexOf('email'), 1);
+    availableAppStates.splice(availableAppStates.indexOf("email"), 1);
 
     // Updating appstates
     yield put(updateAvailableAppStatesAction(availableAppStates));
@@ -209,7 +210,7 @@ function* setUserEmailDecorator(action: ActionsType.User.setUserEmail): any {
   } catch (e) {
     // eslint-disable-next-line no-console
     console.error(e);
-    yield put(setUserStatusAction('inprogress'));
+    yield put(setUserStatusAction("inprogress"));
   }
 }
 

package/src/redux/selectors/app.ts

@@ -1,6 +1,6 @@
-import { createSelector } from './selectors';
-import { selectOptionInput } from './inputs';
-import { StateType } from '../../types/State.type';
+import { createSelector } from "./selectors";
+import { selectOptionInput } from "./inputs";
+import { StateType } from "../../types/State.type";
 
 /**
  * Returns current page number
@@ -15,7 +15,7 @@ export const selectCurrentPage = createSelector(
  */
 export const selectAvailableAppStates = createSelector(
   (state: StateType) => state.app.pagination.availableAppStates,
-  (state: StateType) => state.app.pagination.availableAppStates.join('-')
+  (state: StateType) => state.app.pagination.availableAppStates.join("-")
 );
 
 /**
@@ -78,14 +78,14 @@ export const selectAvailableSections = createSelector(
  * Returns all available options
  */
 export const selectAvailableOptions = createSelector(
-  (state: StateType, document = 'main') => {
+  (state: StateType, document = "main") => {
     let availableOptions: number[] = [];
 
     const { availableSections } = state.app.wizard;
     const documentSections = Object.keys(
       state.references.sections[document]
     ).map((id) => parseInt(id, 10));
-    const sections = document === 'main' ? availableSections : documentSections;
+    const sections = document === "main" ? availableSections : documentSections;
 
     sections.forEach((sectionId) => {
       const { options } = state.references.sections[document][sectionId];
@@ -93,11 +93,11 @@ export const selectAvailableOptions = createSelector(
     });
     return availableOptions;
   },
-  (state: StateType, document = 'main') => {
-    if (document === 'main')
+  (state: StateType, document = "main") => {
+    if (document === "main")
       return state.app.wizard.availableSections.reduce(
         (a, b) => `${a}${b}`,
-        ''
+        ""
       );
     return document;
   }
@@ -109,7 +109,7 @@ export const selectAvailableOptions = createSelector(
 export const selectMultipleOccurencies = createSelector(
   (state: StateType) => {
     const multipleOptionsOccurencies: Record<string, number> = {};
-    const availableOptions = selectAvailableOptions('main');
+    const availableOptions = selectAvailableOptions("main");
     if (availableOptions === undefined) return {};
     availableOptions.forEach((optionId) => {
       const ref = state.references.options[optionId];
@@ -135,8 +135,8 @@ export const selectOutputsIds = createSelector(
     return outputs;
   },
   (state: StateType, document: string) => {
-    if (document !== 'main') return document;
-    return state.app.wizard.availableSections.reduce((a, b) => `${a}${b}`, '');
+    if (document !== "main") return document;
+    return state.app.wizard.availableSections.reduce((a, b) => `${a}${b}`, "");
   }
 );
 
@@ -201,7 +201,7 @@ export const selectMetaFetchStatus = createSelector(
  */
 export const selectPrefix = createSelector(
   (state: StateType) => (!state.app.meta ? undefined : state.app.meta.prefix),
-  (state: StateType) => (!state.app.meta ? '0' : state.app.meta.permalink)
+  (state: StateType) => (!state.app.meta ? "0" : state.app.meta.permalink)
 );
 
 /**
@@ -210,7 +210,7 @@ export const selectPrefix = createSelector(
 export const selectInstanceUniqid = createSelector(
   (state: StateType) =>
     !state.app.instance ? undefined : state.app.instance.uniqid,
-  (state: StateType) => (!state.app.instance ? '0' : state.app.instance.uniqid)
+  (state: StateType) => (!state.app.instance ? "0" : state.app.instance.uniqid)
 );
 
 /**
@@ -221,7 +221,7 @@ export const selectInstanceCompanyId = createSelector(
     !state.app.instance ? undefined : state.app.instance.companyId,
   (state: StateType) =>
     !state.app.instance || !state.app.instance.companyId
-      ? '0'
+      ? "0"
       : state.app.instance.companyId
 );
 
@@ -233,7 +233,7 @@ export const selectInstanceEmployeeId = createSelector(
     !state.app.instance ? undefined : state.app.instance.employeeId,
   (state: StateType) =>
     !state.app.instance || !state.app.instance.employeeId
-      ? '0'
+      ? "0"
       : state.app.instance.employeeId
 );
 
@@ -242,9 +242,9 @@ export const selectInstanceEmployeeId = createSelector(
  */
 export const selectDataStatus = createSelector(
   (state: StateType) =>
-    !state.app.instance ? 'unsaved' : state.app.instance.dataStatus,
+    !state.app.instance ? "unsaved" : state.app.instance.dataStatus,
   (state: StateType) =>
-    !state.app.instance ? '0' : state.app.instance.dataStatus
+    !state.app.instance ? "0" : state.app.instance.dataStatus
 );
 
 /**
@@ -255,7 +255,7 @@ export const selectInstanceIsPaid = createSelector(
   (state: StateType) =>
     state.app.instance && state.app.instance.isPaid
       ? state.app.instance.isPaid.toString()
-      : '0'
+      : "0"
 );
 
 /**
@@ -266,25 +266,25 @@ export const selectInstanceSteps = createSelector(
   (state: StateType) =>
     state.app.instance && state.app.instance.steps
       ? state.app.instance.steps.toString()
-      : '0'
+      : "0"
 );
 
 /**
  * Verifies whether step is available for insatnce
  */
 export const isStepAvailable = createSelector(
-  (state: StateType, steps: '*' | number[] | undefined) => {
+  (state: StateType, steps: "*" | number[] | undefined) => {
     if (steps === undefined) return true;
 
     // If instance isn't defined
     if (state.app.instance === undefined)
-      return steps === '*' ? true : steps.includes(1);
+      return steps === "*" ? true : steps.includes(1);
 
     // If step is accessible by all
-    if (steps === '*') return true;
+    if (steps === "*") return true;
 
     // If instance gives access to all steps
-    if (state.app.instance.steps === '*') return true;
+    if (state.app.instance.steps === "*") return true;
     return state.app.instance.steps
       .map((c) => steps.includes(c))
       .reduce((a, b) => a || b, false);
@@ -292,7 +292,7 @@ export const isStepAvailable = createSelector(
   (state: StateType, steps) =>
     state.app.instance && state.app.instance.steps && steps
       ? `${state.app.instance.steps.toString()}-${steps.toString()}`
-      : '0'
+      : "0"
 );
 
 /**
@@ -301,7 +301,7 @@ export const isStepAvailable = createSelector(
 export const selectCustomizationMeta = createSelector(
   (state: StateType) => state.app.customization.meta,
   (state: StateType) =>
-    state.app.customization.meta !== undefined ? '1' : Math.random()
+    state.app.customization.meta !== undefined ? "1" : Math.random()
 );
 
 /**
@@ -311,7 +311,7 @@ export const selectCustomizationAutoDefaultType = createSelector(
   (state: StateType) => state.app.customization.disableAutoDefault,
   (state: StateType) =>
     state.app.customization.disableAutoDefault !== undefined
-      ? '1'
+      ? "1"
       : Math.random()
 );
 
@@ -321,5 +321,11 @@ export const selectCustomizationAutoDefaultType = createSelector(
 export const selectModelUuid = createSelector(
   (state: StateType) => state.app.meta.modelUuid,
   (state: StateType) =>
-    state.app.meta.modelUuid !== undefined ? '1' : Math.random()
+    state.app.meta.modelUuid !== undefined ? "1" : Math.random()
+);
+
+export const CompletelyUnusedSelector = createSelector(
+  (state: StateType) => state.app.meta.modelUuid,
+  (state: StateType) =>
+    state.app.meta.modelUuid !== undefined ? "1" : Math.random()
 );

package/src/redux/selectors/conditions.ts

@@ -1,12 +1,12 @@
-import { createSelector } from './selectors';
-import { StateType } from '../../types/State.type';
+import { createSelector } from "./selectors";
+import { StateType } from "../../types/State.type";
 import {
   selectVariableParents,
   selectOptionParents,
   selectVariableParentSection,
   selectOptionParentSection,
-} from './references';
-import { selectOptionInputByIndex } from './inputs';
+} from "./references";
+import { selectOptionInputByIndex } from "./inputs";
 
 /**
  * Returns option's condition value
@@ -17,17 +17,17 @@ import { selectOptionInputByIndex } from './inputs';
 // Let's start by creation the selector
 const optionConditionValueSelector = createSelector(
   (state: StateType, id: number, index?: number) => {
-    if (typeof state.conditions.options[id] === 'undefined') return undefined;
-    return typeof index === 'number'
+    if (typeof state.conditions.options[id] === "undefined") return undefined;
+    return typeof index === "number"
       ? state.conditions.options[id][index]
       : state.conditions.options[id];
   },
   (state, id: number, index?: number) => {
-    if (typeof state.conditions.options[id] === 'undefined')
+    if (typeof state.conditions.options[id] === "undefined")
       return Math.random();
     return `${state.conditions.options[id].reduce(
-      (p, c) => p + (c ? '1' : '0'),
-      ''
+      (p, c) => p + (c ? "1" : "0"),
+      ""
     )}_${id}_${index}`;
   }
 );
@@ -42,7 +42,7 @@ export function selectOptionConditionValue(
   index: number
 ): Readonly<boolean | undefined>;
 export function selectOptionConditionValue(id: number, index?: number) {
-  if (typeof index === 'number') return optionConditionValueSelector(id, index);
+  if (typeof index === "number") return optionConditionValueSelector(id, index);
   return optionConditionValueSelector(id);
 }
 
@@ -53,17 +53,17 @@ export function selectOptionConditionValue(id: number, index?: number) {
  */
 const variableConditionValueSelector = createSelector(
   (state, id: number, index?: number) => {
-    if (typeof state.conditions.variables[id] === 'undefined') return undefined;
-    return typeof index === 'number'
+    if (typeof state.conditions.variables[id] === "undefined") return undefined;
+    return typeof index === "number"
       ? state.conditions.variables[id][index]
       : state.conditions.variables[id];
   },
   (state, id: number, index?: number) => {
-    if (typeof state.conditions.variables[id] === 'undefined')
+    if (typeof state.conditions.variables[id] === "undefined")
       return Math.random();
     return `${state.conditions.variables[id].reduce(
-      (p, c) => p + (c ? '1' : '0'),
-      ''
+      (p, c) => p + (c ? "1" : "0"),
+      ""
     )}_${id}_${index}`;
   }
 );
@@ -76,7 +76,7 @@ export function selectVariableConditionValue(
   index: number
 ): boolean | undefined;
 export function selectVariableConditionValue(id: number, index?: number) {
-  if (typeof index === 'number')
+  if (typeof index === "number")
     return variableConditionValueSelector(id, index);
   return variableConditionValueSelector(id);
 }
@@ -86,11 +86,11 @@ export function selectVariableConditionValue(id: number, index?: number) {
  * @param id Section's id
  */
 export const selectSectionConditionValue = createSelector(
-  (state, id: number, document = 'main') => {
+  (state, id: number, document = "main") => {
     if (state.conditions.sections[document] === undefined) return undefined;
     return state.conditions.sections[document][id];
   },
-  (state, id: number, document = 'main') => {
+  (state, id: number, document = "main") => {
     const key = state.conditions.sections[document][id] ? `1_${id}` : `0_${id}`;
     return document + key;
   }
@@ -102,14 +102,14 @@ export const selectSectionConditionValue = createSelector(
  */
 export const selectDocumentConditionValue = createSelector(
   (state, name: string) => {
-    if (typeof state.conditions.documents[name] === 'undefined')
+    if (typeof state.conditions.documents[name] === "undefined")
       return undefined;
     return state.conditions.documents[name];
   },
   (state, name: string) => {
-    if (typeof state.conditions.documents[name] === 'undefined')
+    if (typeof state.conditions.documents[name] === "undefined")
       return Math.random().toString();
-    return state.conditions.documents[name] ? 'true' : 'false';
+    return state.conditions.documents[name] ? "true" : "false";
   }
 );
 
@@ -122,15 +122,15 @@ const prefillerConditionValueSelector = createSelector(
   (state, id: number, index?: number) => {
     if (state.conditions.prefillers === undefined) return undefined;
     if (state.conditions.prefillers[id] === undefined) return undefined;
-    return typeof index === 'number'
+    return typeof index === "number"
       ? state.conditions.prefillers[id][index]
       : state.conditions.prefillers[id];
   },
   (state, id: number, index?: number) => {
     const prefillers = state.conditions.prefillers[id].map((v) =>
-      v.reduce((p, c) => p + (c ? '1' : '0'), '')
+      v.reduce((p, c) => p + (c ? "1" : "0"), "")
     );
-    return `${prefillers.reduce((p, c) => p + c, '')}_${id}_${index}`;
+    return `${prefillers.reduce((p, c) => p + c, "")}_${id}_${index}`;
   }
 );
 
@@ -144,7 +144,7 @@ export function selectPrefillerConditionValue(
   index: number
 ): boolean[] | undefined;
 export function selectPrefillerConditionValue(id: number, index?: number) {
-  if (typeof index === 'number')
+  if (typeof index === "number")
     return prefillerConditionValueSelector(id, index);
   return prefillerConditionValueSelector(id);
 }
@@ -156,24 +156,24 @@ export function selectPrefillerConditionValue(id: number, index?: number) {
  */
 const optionValidatorConditionValueSelector = createSelector(
   (state, id: number, index?: number) => {
-    if (typeof state.conditions.validators.options[id] === 'undefined')
+    if (typeof state.conditions.validators.options[id] === "undefined")
       return undefined;
     if (
-      typeof index === 'number' &&
-      typeof state.conditions.validators.options[id][index] === 'undefined'
+      typeof index === "number" &&
+      typeof state.conditions.validators.options[id][index] === "undefined"
     )
       return undefined;
-    return typeof index === 'number'
+    return typeof index === "number"
       ? state.conditions.validators.options[id][index]
       : state.conditions.validators.options[id];
   },
   (state, id: number, index?: number) => {
-    if (typeof state.conditions.validators.options[id] === 'undefined')
+    if (typeof state.conditions.validators.options[id] === "undefined")
       return Math.random();
     return `${state.conditions.validators.options[id].reduce(
-      (p, c) => p + (c ? '1' : '0'),
-      ''
-    )}-${id.toString()}${index ? index.toString() : ''}`;
+      (p, c) => p + (c ? "1" : "0"),
+      ""
+    )}-${id.toString()}${index ? index.toString() : ""}`;
   }
 );
 
@@ -190,7 +190,7 @@ export function selectOptionValidatorConditionValue(
   id: number,
   index?: number
 ) {
-  if (typeof index === 'number')
+  if (typeof index === "number")
     return optionValidatorConditionValueSelector(id, index);
   return optionValidatorConditionValueSelector(id);
 }
@@ -202,19 +202,19 @@ export function selectOptionValidatorConditionValue(
  */
 const variableValidatorConditionValueSelector = createSelector(
   (state, id: number, index?: number) => {
-    if (typeof state.conditions.validators.variables[id] === 'undefined')
+    if (typeof state.conditions.validators.variables[id] === "undefined")
       return undefined;
-    return typeof index === 'number'
+    return typeof index === "number"
       ? state.conditions.validators.variables[id][index]
       : state.conditions.validators.variables[id];
   },
   (state, id: number, index?: number) => {
-    if (typeof state.conditions.validators.variables[id] === 'undefined')
+    if (typeof state.conditions.validators.variables[id] === "undefined")
       return Math.random();
     return `${state.conditions.validators.variables[id].reduce(
-      (p, c) => p + (c ? '1' : '0'),
-      ''
-    )}-${id.toString()}${index ? index.toString() : ''}`;
+      (p, c) => p + (c ? "1" : "0"),
+      ""
+    )}-${id.toString()}${index ? index.toString() : ""}`;
   }
 );
 
@@ -231,7 +231,7 @@ export function selectVariableValidatorConditionValue(
   id: number,
   index?: number
 ) {
-  if (typeof index === 'number')
+  if (typeof index === "number")
     return variableValidatorConditionValueSelector(id, index);
   return variableValidatorConditionValueSelector(id);
 }