project-booster-vue 8.115.5 → 8.115.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "8.115.5",
+  "version": "8.115.9",
   "private": false,
   "scripts": {
     "test:unit": "vue-cli-service test:unit --forceExit --detectOpenHandles",

package/src/components/appointment/PbAppointmentStartSection.vue

@@ -68,22 +68,6 @@ export default {
         nextStep: null,
       });
     },
-    computeNextStep(nextStep) {
-      let resultingNextStep;
-
-      if (nextStep?.conditionals) {
-        for (const conditional of nextStep.conditionals) {
-          if (this.areConditionsValid(conditional.conditions)) {
-            resultingNextStep = this.computeNextStep(conditional.nextStep);
-            break;
-          }
-        }
-      } else {
-        resultingNextStep = nextStep;
-      }
-
-      return resultingNextStep;
-    },
   },
 };
 </script>

package/src/components/question/PbQuestion.vue

@@ -257,6 +257,7 @@ import MLink from '../mozaic/link/MLink';
 import PbCard from '../cards/PbCard';
 import PbStickyFooter from '../sticky-footer/PbStickyFooter';
 import { sortAnswers } from './sortAnswers';
+import { areConditionsValid } from '../../service/scenarioConditionals';
 
 const BACK_ICON =
   'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';
@@ -391,7 +392,7 @@ export default {
 
       if (this.payload?.answers) {
         this.displayableAnswers = Object.values(this.payload?.answers).filter((answer) => {
-          return this.areConditionsValid(answer.conditions);
+          return areConditionsValid(answer.conditions, this.answers, this.runtimeOptions);
         });
       }
 
@@ -406,7 +407,7 @@ export default {
       for (const answerCode in this.payload.answers) {
         if (
           this.payload.answers[answerCode].selected &&
-          this.areConditionsValid(this.payload.answers[answerCode].conditions)
+          areConditionsValid(this.payload.answers[answerCode].conditions, this.answers, this.runtimeOptions)
         ) {
           this.selectedAnswers[answerCode] = true;
         }
@@ -445,35 +446,14 @@ export default {
       );
     },
     isShowingFooter(viewModel) {
-      return viewModel.footer && this.areConditionsValid(viewModel.footer.conditions);
+      return viewModel.footer && areConditionsValid(viewModel.footer.conditions, this.answers, this.runtimeOptions);
     },
-    areConditionsValid(conditions) {
-      let valid = true;
-
-      if (conditions) {
-        valid = false;
-        for (const condition of conditions) {
-          try {
-            let conditionValid = new Function(
-              'isAnswerMatching',
-              'isAnswerContaining',
-              'answers',
-              'runtimeOptions',
-              `return ${condition}`,
-            ).call(this, this.isAnswerMatching, this.isAnswerContaining, this.answers, this.runtimeOptions);
-
-            valid = valid || conditionValid;
-          } catch (error) {
-            console.error(error);
-            valid = valid || true;
-          }
-        }
-      }
 
-      return valid;
-    },
     isAnswerDisabled(answer) {
-      return answer.viewModel.disabled && this.areConditionsValid(answer.viewModel.disabled.conditions);
+      return (
+        answer.viewModel.disabled &&
+        areConditionsValid(answer.viewModel.disabled.conditions, this.answers, this.runtimeOptions)
+      );
     },
     selectAnswer(stepCode, answer) {
       if (this.isAnswerDisabled(answer)) {
@@ -499,7 +479,7 @@ export default {
          */
         this.$emit(this.completedEventName, {
           answers: [answer],
-          nextStep: this.computeNextStep(answer.nextStep),
+          nextStep: answer.nextStep,
         });
       }
 
@@ -527,18 +507,6 @@ export default {
 
       return selectedAnswersNumber;
     },
-    // Function used by the scenario conditions
-    isAnswerMatching(questionCode, answerCode) {
-      return this?.answers[questionCode] && this?.answers[questionCode][0]?.code === answerCode;
-    },
-    isAnswerContaining(questionCode, answerCode) {
-      return (
-        this?.answers[questionCode] &&
-        this?.answers[questionCode].findIndex((elt) => {
-          return elt.code === answerCode;
-        }) > -1
-      );
-    },
     validMultiSelect(multiSelectOptions) {
       const answers = [];
 
@@ -550,14 +518,14 @@ export default {
 
       this.$emit(this.completedEventName, {
         answers: answers,
-        nextStep: this.computeNextStep(multiSelectOptions.nextStep),
+        nextStep: multiSelectOptions.nextStep,
       });
     },
     skipQuestion(button) {
       this.initAnswersSelectedState(this.payload.answers);
       this.$emit(this.completedEventName, {
         answers: button.defaultAnswer ? [button.defaultAnswer] : [],
-        nextStep: this.computeNextStep(button.nextStep),
+        nextStep: button.nextStep,
       });
     },
     resetMultiSelect(multiSelectOptions, answers) {
@@ -569,22 +537,6 @@ export default {
         answer.selected = false;
       });
     },
-    computeNextStep(nextStep) {
-      let resultingNextStep;
-
-      if (nextStep?.conditionals) {
-        for (const conditional of nextStep.conditionals) {
-          if (this.areConditionsValid(conditional.conditions)) {
-            resultingNextStep = this.computeNextStep(conditional.nextStep);
-            break;
-          }
-        }
-      } else {
-        resultingNextStep = nextStep;
-      }
-
-      return resultingNextStep;
-    },
     handleShowMoreClick() {
       this.activateShowMoreAnimation();
       this.showMore();

package/src/components/question/dimensions-input/PbDimensionsInput.vue

@@ -62,7 +62,7 @@
             </div>
           </m-flex>
         </m-flex>
-        <m-flex class="pb-dimensions-input__buttons-container" direction="column">
+        <m-flex class="pb-dimensions-input__buttons-container" direction="column" align-items="center">
           <m-button
             class="pb-dimensions-input__button"
             :label="computedPayload.viewModel.actionLabel"
@@ -70,6 +70,15 @@
             size="l"
             @click="handleFormSubmit"
           />
+          <m-link
+            v-if="payload.skippable"
+            class="pb-dimensions-input__link"
+            :label="payload.skippable.label"
+            width="full"
+            size="l"
+            @click="skipQuestion"
+            :theme="payload.skippable.theme"
+          />
         </m-flex>
       </m-flex>
     </form>
@@ -266,7 +275,17 @@ export default {
         ],
       });
     });
-
+    const skipQuestion = () => {
+      /**
+       * Emitted when step is completed
+       * @event dynamic event name according to completedEventName prop
+       * @type {Event}
+       */
+      emit(props.completedEventName, {
+        answers: props.payload?.skippable?.defaultAnswer ? [props.payload?.skippable?.defaultAnswer] : [],
+        nextStep: props.payload?.skippable?.nextStep,
+      });
+    };
     onMounted(() => {
       setTimeout(() => {
         pbDimensionsInputLengthInput.value.focus();
@@ -282,6 +301,7 @@ export default {
       computedPayload,
       pbDimensionsInputLengthInput,
       handleFormSubmit,
+      skipQuestion,
     };
   },
 };
@@ -415,5 +435,9 @@ $responsive-breakpoint: 'm';
     position: sticky;
     z-index: 1;
   }
+
+  &__link {
+    margin-top: $mu250;
+  }
 }
 </style>

package/src/components/question/list-select/PbListSelect.vue

@@ -72,7 +72,7 @@
 </template>
 
 <script>
-import { ref, computed } from 'vue';
+import { ref, computed, onMounted } from 'vue';
 import objectPath from 'object-path';
 import MFlex from '../../mozaic/flex/MFlex';
 import MButton from '../../mozaic/buttons/MButton';
@@ -164,26 +164,25 @@ export default {
       } else {
         displayedAnswers = props.payload?.answers ? Object.values(props.payload.answers) : [];
       }
-      updateSelectedAnswers();
       return displayedAnswers;
     });
 
     const updateSelectedAnswers = () => {
-      for (const answerCode in props.payload.answers) {
-        if (props.payload.answers[answerCode].selected) {
-          selectedAnswers.value.push({ key: answerCode, value: true });
-        }
-      }
+      selectedAnswers.value = displayedAnswers.value
+        .filter((answer) => !!answer.selected)
+        .map((answer) => ({ key: answer.code, value: true }));
     };
     const handleSelectionChange = (items) => {
       selectedAnswers.value = Object.entries(items)
         .filter(([key, value]) => !!value)
-        .map(([key, value]) => {
-          displayedAnswers.value.map((answer) => {
-            answer.code === key ? (answer['selected'] = true) : (answer['selected'] = false);
-          });
-          return { key, value };
+        .map(([key, value]) => ({ key, value }));
+      Object.entries(items).map(([key, value]) => {
+        displayedAnswers.value.map((answer) => {
+          if (answer.code === key) {
+            answer.selected = value;
+          }
         });
+      });
     };
 
     const hasSelectedAnswers = computed(() => {
@@ -205,7 +204,7 @@ export default {
       return props.payload?.viewModel?.showMore?.position ?? 'center';
     });
 
-    // Submition
+    // Submit
     const validateButtonProps = computed(() => {
       let label, leftIcon, rightIcon;
 
@@ -239,7 +238,7 @@ export default {
       }
 
       let nextStep;
-      if (props.payload?.multilselect) {
+      if (props.payload?.multiSelect) {
         nextStep = props.payload.multiSelect.actions.VALIDATE.nextStep;
       } else if (props.payload?.answers[answersToSubmit[0].value]?.nextStep) {
         nextStep = props.payload.answers[answersToSubmit[0].value].nextStep;
@@ -254,52 +253,10 @@ export default {
        */
       emit(props.completedEventName, {
         answers: answersToSubmit,
-        nextStep: computeNextStep(nextStep),
+        nextStep: nextStep,
       });
     };
 
-    // Scenario management
-    const areConditionsValid = (conditions) => {
-      let valid = true;
-
-      if (conditions) {
-        valid = false;
-        for (const condition of conditions) {
-          try {
-            let conditionValid = new Function(
-              'isAnswerMatching',
-              'isAnswerContaining',
-              'answers',
-              'runtimeOptions',
-              `return ${condition}`,
-            ).call(this, isAnswerMatching, isAnswerContaining, props.answers, props.runtimeOptions);
-
-            valid = valid || conditionValid;
-          } catch (error) {
-            console.error(error);
-            valid = valid || true;
-          }
-        }
-      }
-      return valid;
-    };
-
-    const computeNextStep = (nextStep) => {
-      let resultingNextStep;
-
-      if (nextStep?.conditionals) {
-        for (const conditional of nextStep.conditionals) {
-          if (areConditionsValid(conditional.conditions)) {
-            resultingNextStep = computeNextStep(conditional.nextStep);
-            break;
-          }
-        }
-      } else {
-        resultingNextStep = nextStep;
-      }
-      return resultingNextStep;
-    };
-
     const skipQuestion = () => {
       /**
        * Emitted when step is completed
@@ -308,7 +265,7 @@ export default {
        */
       emit(props.completedEventName, {
         answers: props.payload.skippable.defaultAnswer ? [props.payload.skippable.defaultAnswer.value] : [],
-        nextStep: computeNextStep(props.payload?.skippable?.nextStep),
+        nextStep: props.payload?.skippable?.nextStep,
       });
     };
 
@@ -323,19 +280,6 @@ export default {
       );
     };
 
-    const isAnswerMatching = (questionCode, answerCode) => {
-      return props.answers[questionCode] && props.answers[questionCode][0]?.code === answerCode;
-    };
-
-    const isAnswerContaining = (questionCode, answerCode) => {
-      return (
-        props.answers[questionCode] &&
-        props.answers[questionCode].findIndex((elt) => {
-          return elt.code === answerCode;
-        }) > -1
-      );
-    };
-
     const getAnswerValue = (answerCode, path) => {
       if (!props.answers[answerCode] || props.answers[answerCode].length === 0) {
         return null;
@@ -349,7 +293,9 @@ export default {
       }
       return valueToDecorate;
     };
-
+    onMounted(() => {
+      updateSelectedAnswers();
+    });
     return {
       BACK_ICON,
       INFO_ICON,

package/src/components/question/space-input/PbSpaceInput.vue

@@ -56,7 +56,7 @@
           </m-flexy-col>
         </m-flex>
 
-        <m-flex class="pb-space-input__buttons-container" direction="column">
+        <m-flex class="pb-space-input__buttons-container" direction="column" align-items="center">
           <m-button
             class="pb-space-input__button"
             :label="computedPayload.viewModel.actionLabel"
@@ -64,6 +64,15 @@
             size="l"
             @click="handleFormSubmit"
           />
+          <m-link
+            v-if="payload.skippable"
+            class="pb-space-input__link"
+            :label="payload.skippable.label"
+            :theme="payload.skippable.theme"
+            width="full"
+            size="l"
+            @click="skipQuestion"
+          />
         </m-flex>
       </m-flex>
     </form>
@@ -233,6 +242,17 @@ export default {
         ],
       });
     });
+    const skipQuestion = () => {
+      /**
+       * Emitted when step is completed
+       * @event dynamic event name according to completedEventName prop
+       * @type {Event}
+       */
+      emit(props.completedEventName, {
+        answers: props.payload?.skippable?.defaultAnswer ? [props.payload?.skippable?.defaultAnswer] : [],
+        nextStep: props.payload?.skippable?.nextStep,
+      });
+    };
 
     const isShowingFooter = computed(() => {
       return computedPayload.value.viewModel.footer;
@@ -254,6 +274,7 @@ export default {
       handleFormSubmit,
       isShowingFooter,
       decorateBoolean,
+      skipQuestion,
     };
   },
 };
@@ -382,5 +403,9 @@ $responsive-breakpoint: 'm';
     position: sticky;
     z-index: 1;
   }
+
+  &__link {
+    margin-top: $mu250;
+  }
 }
 </style>

package/src/components/question/upload-document/PbUploadDocument.vue

@@ -186,11 +186,10 @@ import MIcon from '../../mozaic/icon/MIcon';
 import MImage from '../../mozaic/image/MImage';
 import MLink from '../../mozaic/link/MLink';
 import PbCard from '../../cards/PbCard';
-import { sortAnswers } from '.././sortAnswers';
 import MDialog from '../../mozaic/dialog/MDialog';
-import { v4 as uuidv4 } from 'uuid';
 import PbUploadDocumentForm from './PbUploadDocumentForm';
 import PbStickyFooter from '../../sticky-footer/PbStickyFooter';
+import { areConditionsValid } from '../../../service/scenarioConditionals';
 
 const BACK_ICON =
   'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';
@@ -327,7 +326,7 @@ export default {
     updateDefaultAnswers() {
       if (this.payload?.answers) {
         this.displayableAnswers = Object.values(this.payload?.answers).filter((answer) => {
-          return this.areConditionsValid(answer.conditions) && !answer.selected;
+          return areConditionsValid(answer.conditions, this.answers, this.runtimeOptions) && !answer.selected;
         });
         Object.values(this.payload?.answers).map((answer) => {
           let found = false;
@@ -371,42 +370,20 @@ export default {
       );
     },
     isShowingFooter(viewModel) {
-      return viewModel.footer && this.areConditionsValid(viewModel.footer.conditions);
-    },
-    areConditionsValid(conditions) {
-      let valid = true;
-
-      if (conditions) {
-        valid = false;
-        for (const condition of conditions) {
-          try {
-            let conditionValid = new Function(
-              'isAnswerMatching',
-              'isAnswerContaining',
-              'answers',
-              'runtimeOptions',
-              `return ${condition}`,
-            ).call(this, this.isAnswerMatching, this.isAnswerContaining, this.answers, this.runtimeOptions);
-
-            valid = valid || conditionValid;
-          } catch (error) {
-            console.error(error);
-            valid = valid || true;
-          }
-        }
-      }
-
-      return valid;
+      return viewModel.footer && areConditionsValid(viewModel.footer.conditions, this.answers, this.runtimeOptions);
     },
+
     isAnswerDisabled(answer) {
-      return answer.viewModel.disabled && this.areConditionsValid(answer.viewModel.disabled.conditions);
+      return (
+        answer.viewModel.disabled &&
+        areConditionsValid(answer.viewModel.disabled.conditions, this.answers, this.runtimeOptions)
+      );
     },
     selectAnswer(stepCode, answer) {
       if (answer.code === 'ADD_DOCUMENT') {
         this.$refs.pbUploadDocumentForm.$refs.pbDocumentUploadFormInput.click();
       }
     },
-    // Function used by the scenario conditions
     getAnswerValue(answerCode, path) {
       if (!this.answers[answerCode] || this.answers[answerCode].length === 0) {
         return null;
@@ -414,28 +391,16 @@ export default {
 
       return objectPath.get(this.answers[answerCode][0], path);
     },
-    // Function used by the scenario conditions
-    isAnswerMatching(questionCode, answerCode) {
-      return this?.answers[questionCode] && this?.answers[questionCode][0]?.code === answerCode;
-    },
-    isAnswerContaining(questionCode, answerCode) {
-      return (
-        this?.answers[questionCode] &&
-        this?.answers[questionCode].findIndex((elt) => {
-          return elt.code === answerCode;
-        }) > -1
-      );
-    },
     validMultiSelect(multiSelectOptions) {
       this.$emit(this.completedEventName, {
         answers: this.selectedDocuments,
-        nextStep: this.computeNextStep(multiSelectOptions.nextStep),
+        nextStep: multiSelectOptions.nextStep,
       });
     },
     skipQuestion(button) {
       this.$emit(this.completedEventName, {
         answers: this.selectedDocuments,
-        nextStep: this.computeNextStep(button.nextStep),
+        nextStep: button.nextStep,
       });
     },
     resetMultiSelect(multiSelectOptions, answers) {
@@ -450,22 +415,6 @@ export default {
         answer.selected = false;
       });
     },
-    computeNextStep(nextStep) {
-      let resultingNextStep;
-
-      if (nextStep?.conditionals) {
-        for (const conditional of nextStep.conditionals) {
-          if (this.areConditionsValid(conditional.conditions)) {
-            resultingNextStep = this.computeNextStep(conditional.nextStep);
-            break;
-          }
-        }
-      } else {
-        resultingNextStep = nextStep;
-      }
-
-      return resultingNextStep;
-    },
     handleShowMoreClick() {
       this.activateShowMoreAnimation();
       this.showMore();

package/src/components/restitution/PbRestitution.vue

@@ -4,7 +4,7 @@
       :class="`pb-restitution pb-restitution--${componentTheme}`"
       align-items="center"
       direction="column"
-      :style="`min-height:  ${displayRestitutionExit ? 'auto' : minHeight};`"
+      :style="`min-height:  ${restitutionMinHeight};`"
       ref="pbRestitution"
     >
       <m-link
@@ -78,6 +78,7 @@ import PbRestitutionBody from './PbRestitutionBody';
 import PbProgressionPrice from '../progression-price/PbProgressionPrice';
 import PbProjectItemSave from '../project-item-save/PbProjectItemSave';
 import PbRestitutionExit from './PbRestitutionExit';
+import { areConditionsValid } from '../../service/scenarioConditionals';
 
 const BACK_ICON =
   'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';
@@ -165,6 +166,7 @@ export default {
     notifications: [],
     displayDialog: false,
     dialogViewModel: null,
+    restitutionMinHeight: '100vh',
   }),
 
   computed: {
@@ -184,7 +186,7 @@ export default {
         options: [],
       };
       formattedExitOptions.options = this.payload?.exitOptions?.options?.filter(
-        (option) => !option.conditions || this.areConditionsValid(option.conditions),
+        (option) => !option.conditions || areConditionsValid(option.conditions, this.answers, this.runtimeOptions),
       );
       return formattedExitOptions;
     },
@@ -200,7 +202,7 @@ export default {
     if (this.payload?.callToActions) {
       const saveAction = Object.values(this.payload.callToActions).find((cta) => {
         return (
-          this.areConditionsValid(cta.conditions) &&
+          areConditionsValid(cta.conditions, this.answers, this.runtimeOptions) &&
           cta.action?.type === 'MODAL' &&
           cta.action?.component === 'PbProjectItemSave'
         );
@@ -208,6 +210,9 @@ export default {
       this.projectSaveItemPayload = saveAction ? saveAction.payload : {};
       this.showSaveProjectItem = this.showSaveEstimate;
     }
+    setTimeout(() => {
+      this.restitutionMinHeight = this.payload?.exitOptions ? 'auto' : this.minHeight;
+    }, 300);
   },
 
   mounted() {
@@ -219,41 +224,11 @@ export default {
     updateDisplayedCta() {
       if (this.payload?.callToActions) {
         this.displayedCta = Object.values(this.payload.callToActions).filter((cta) => {
-          return this.areConditionsValid(cta.conditions);
+          return areConditionsValid(cta.conditions, this.answers, this.runtimeOptions);
         });
       }
     },
 
-    areConditionsValid(conditions) {
-      let valid = true;
-
-      if (conditions) {
-        valid = false;
-        for (const condition of conditions) {
-          try {
-            valid =
-              valid ||
-              new Function('isAnswerMatching', 'answers', 'runtimeOptions', `return ${condition}`).call(
-                this,
-                this.isAnswerMatching,
-                this.answers,
-                this.runtimeOptions,
-              );
-          } catch (error) {
-            console.error(error);
-            valid = valid || true;
-          }
-        }
-      }
-
-      return valid;
-    },
-
-    // Function used by the scenario conditions
-    isAnswerMatching(questionCode, answerCode) {
-      return this?.answers[questionCode] && this?.answers[questionCode][0]?.code === answerCode;
-    },
-
     callAction(action) {
       if (action.type === 'MODAL') {
         if (action.component === 'PbProjectItemSave') {

package/src/components/restitution/PbRestitutionBody.vue

@@ -72,6 +72,7 @@ import MLink from '../mozaic/link/MLink';
 import { priceFormatter } from '../../service/priceFormatter';
 import PbRestitutionBlock from './PbRestitutionBlock';
 import MNotification from '../mozaic/notifications/MNotification';
+import { areConditionsValid } from '../../service/scenarioConditionals';
 
 export default {
   name: 'PbRestitutionBody',
@@ -186,44 +187,7 @@ export default {
     },
 
     areConditionsValid(conditions) {
-      let valid = true;
-
-      if (conditions) {
-        valid = false;
-        for (const condition of conditions) {
-          try {
-            let conditionValid = new Function(
-              'isAnswerMatching',
-              'isAnswerContaining',
-              'answers',
-              'runtimeOptions',
-              `return ${condition}`,
-            ).call(this, this.isAnswerMatching, this.isAnswerContaining, this.answers, this.runtimeOptions);
-
-            valid = valid || conditionValid;
-          } catch (error) {
-            console.error(error);
-            valid = valid || true;
-          }
-        }
-      }
-
-      return valid;
-    },
-
-    // Function used by the scenario conditions
-    isAnswerMatching(questionCode, answerCode) {
-      return this?.answers && this?.answers[questionCode] && this?.answers[questionCode][0]?.code === answerCode;
-    },
-
-    isAnswerContaining(questionCode, answerCode) {
-      return (
-        this?.answers &&
-        this?.answers[questionCode] &&
-        this?.answers[questionCode].findIndex((elt) => {
-          return elt.code === answerCode;
-        }) > -1
-      );
+      return areConditionsValid(conditions, this.answers, this.runtimeOptions);
     },
   },
 };

package/src/components/scenario/PbScenario.vue

@@ -89,6 +89,7 @@ import PbRestitution from '../restitution/PbRestitution';
 import PbSmartProgressionPrice from '../progression-price/PbSmartProgressionPrice';
 import PbSpaceInput from '../question/space-input/PbSpaceInput';
 import PbUploadDocument from '../question/upload-document/PbUploadDocument';
+import { areConditionsValid } from '../../service/scenarioConditionals';
 
 export default {
   name: 'PbScenario',
@@ -444,7 +445,7 @@ export default {
 
       if (nextStep?.conditionals) {
         for (const conditional of nextStep.conditionals) {
-          if (areConditionsValid(conditional.conditions)) {
+          if (areConditionsValid(conditional.conditions, state.value.answers, props.runtimeOptions)) {
             resultingNextStep = computeNextStep(conditional.nextStep);
             break;
           }
@@ -455,42 +456,7 @@ export default {
 
       return resultingNextStep;
     };
-    const areConditionsValid = (conditions) => {
-      let valid = true;
-
-      if (conditions) {
-        valid = false;
-        for (const condition of conditions) {
-          valid =
-            valid ||
-            new Function(
-              'isAnswerMatching',
-              'isAnswerContaining',
-              'answers',
-              'runtimeOptions',
-              `return ${condition}`,
-            ).call(this, isAnswerMatching, isAnswerContaining, state.value.answers, props.runtimeOptions);
-        }
-      }
 
-      return valid;
-    };
-    // Function used by the scenario conditions
-    const isAnswerMatching = (questionCode, answerCode) => {
-      return (
-        state.value.answers[questionCode] &&
-        state.value.answers[questionCode][0] &&
-        state.value.answers[questionCode][0].code === answerCode
-      );
-    };
-    const isAnswerContaining = (questionCode, answerCode) => {
-      return (
-        state.value.answers[questionCode] &&
-        state.value.answers[questionCode].findIndex((elt) => {
-          return elt.code === answerCode;
-        }) > -1
-      );
-    };
     const stepAnimationName = () => {
       const componentName = state.value.currentStep?.component;
       let animationName = 'pb-scenario__step--slide';

package/src/service/scenarioConditionals.js

@@ -0,0 +1,44 @@
+function Condition(answers, runtimeOptions, condition) {
+  this.answers = answers;
+  this.runtimeOptions = runtimeOptions;
+  this.condition = condition;
+
+  this.isAnswerMatching = (questionCode, answerCode) => {
+    return this.answers[questionCode] && this.answers[questionCode][0]?.code === answerCode;
+  };
+
+  this.isAnswerContaining = (questionCode, answerCode) => {
+    return (
+      this.answers[questionCode] &&
+      this.answers[questionCode].findIndex((elt) => {
+        return elt.code === answerCode;
+      }) > -1
+    );
+  };
+
+  this.isValid = new Function(
+    'isAnswerMatching',
+    'isAnswerContaining',
+    'answers',
+    'runtimeOptions',
+    `return ${condition}`,
+  ).call(this, this.isAnswerMatching, this.isAnswerContaining, this.answers, this.runtimeOptions);
+}
+
+export const areConditionsValid = (conditions, answers, runtimeOptions) => {
+  let valid = true;
+
+  if (conditions) {
+    valid = false;
+    for (const condition of conditions) {
+      try {
+        valid = valid || new Condition(answers, runtimeOptions, condition).isValid;
+      } catch (error) {
+        console.error(error);
+        valid = valid || true;
+      }
+    }
+  }
+
+  return valid;
+};