project-booster-vue 9.42.2 → 9.42.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "9.42.2",
+  "version": "9.42.3",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/products/PbProducts.vue

@@ -104,14 +104,14 @@ export default defineComponent({
       product: 'getCurrentProduct',
       refProduct: 'getRefProduct',
     }),
-    ...mapGetters('appointmentQualification', {
-      sessions: 'getSessions',
+    ...mapGetters('metaData', {
+      metadata: 'metaData',
     }),
   },
   created() {
     this.$store.dispatch('products/loadProduct', {
       payload: this.payload.viewModel.defaultProduct,
-      sessions: this.sessions,
+      sessions: this.metadata.storeId || '',
     });
   },
   methods: {

package/src/components/projects/project-item-save/PbProjectItemSave.vue

@@ -90,6 +90,7 @@ export const answerGettersMappers: Map<string, (param: any) => void> = new Map<s
   Object.entries({
     PbQuestion: ({ code }: { code: string }): string => code,
     PbRestitution: ({ code }: { code: string }): string => code,
+    PbRestitutionList: ({ code }: { code: string }): string => code,
     PbConclusion: ({ code }: { code: string }): string => code,
     PbSpaceInput: ({ space }: { space: string }): number => parseFloat(space),
     PbNameInput: ({ projectName }: { projectName: string }): string => projectName,
@@ -107,7 +108,10 @@ function adaptAnswers(answers: Map<string, ScenarioStepAnswer[]>, scenario: Reco
 
   if (answers) {
     answers.forEach((value: ScenarioStepAnswer[], key: string) => {
-      if (!['PbRestitution'].includes(scenario[key]?.component ?? '') && key !== 'SUBPROJECT_FORM_ID') {
+      if (
+        !['PbRestitution', 'PbRestitutionList'].includes(scenario[key]?.component ?? '') &&
+        key !== 'SUBPROJECT_FORM_ID'
+      ) {
         adaptedAnswers.push({
           questionId: key,
           answers: value.map(answerGettersMappers.get(scenario[key]?.component ?? '') ?? (() => undefined)),

package/src/components/question/PbQuestion.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pb-question__container" :style="`padding-bottom: calc(${stickyBottomOffset}px);`">
+  <div class="pb-question__container" :style="{ paddingBottom: `calc(${stickyBottomOffset}px)` }">
     <div class="pb-question">
       <m-flex align-items="center">
         <m-link
@@ -8,7 +8,7 @@
           :class="{
             'pb-question__back-button': true,
             'pb-question__back-button--hidden':
-              !showBackButton && !decorate(answers, runtimeOptions, payload.viewModel.forceBackButton),
+              !showBackButton && !decorate(answers, runtimeOptions, payload?.viewModel?.forceBackButton),
           }"
           @click="navigateTo(payload.viewModel)"
         />
@@ -72,71 +72,73 @@
                   :is="payload.viewModel.answersComponent"
                   v-if="payload.viewModel.answersComponent !== 'MButton'"
                   class="pb-question__answer__component"
-                  :border-top="answer.viewModel.borderColor || null"
-                  :image="decorate(answers, runtimeOptions, answer.viewModel.image, payload.defaultDecoratorValue)"
+                  :border-top="answer?.viewModel?.borderColor || null"
+                  :image="decorate(answers, runtimeOptions, answer?.viewModel?.image, payload.defaultDecoratorValue)"
                   :image-title="
-                    decorate(answers, runtimeOptions, answer.viewModel.imageTitle, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.imageTitle, payload.defaultDecoratorValue)
                   "
                   :image-ratio="
-                    decorate(answers, runtimeOptions, answer.viewModel.imageRatio, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.imageRatio, payload.defaultDecoratorValue)
                   "
                   :flag-label="
-                    decorate(answers, runtimeOptions, answer.viewModel.flagLabel, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.flagLabel, payload.defaultDecoratorValue)
                   "
-                  :hero="decorate(answers, runtimeOptions, answer.viewModel.hero, payload.defaultDecoratorValue)"
-                  :title="decorate(answers, runtimeOptions, answer.viewModel.title, payload.defaultDecoratorValue)"
-                  :text="decorate(answers, runtimeOptions, answer.viewModel.text, payload.defaultDecoratorValue)"
+                  :hero="decorate(answers, runtimeOptions, answer?.viewModel?.hero, payload.defaultDecoratorValue)"
+                  :title="decorate(answers, runtimeOptions, answer?.viewModel?.title, payload.defaultDecoratorValue)"
+                  :text="decorate(answers, runtimeOptions, answer?.viewModel?.text, payload.defaultDecoratorValue)"
                   :card-link="
-                    decorate(answers, runtimeOptions, answer.viewModel.cardLink, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.cardLink, payload.defaultDecoratorValue)
                   "
                   :button-label="
-                    decorate(answers, runtimeOptions, answer.viewModel.buttonLabel, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.buttonLabel, payload.defaultDecoratorValue)
+                  "
+                  :button-href="
+                    decorate(answers, runtimeOptions, answer?.viewModel?.href, payload.defaultDecoratorValue)
                   "
-                  :button-href="decorate(answers, runtimeOptions, answer.viewModel.href, payload.defaultDecoratorValue)"
                   :link-label="
-                    decorate(answers, runtimeOptions, answer.viewModel.linkLabel, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.linkLabel, payload.defaultDecoratorValue)
                   "
                   :type-icon="
-                    decorate(answers, runtimeOptions, answer.viewModel.typeIcon, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.typeIcon, payload.defaultDecoratorValue)
                   "
                   :card-min-ratio="
-                    decorate(answers, runtimeOptions, answer.viewModel.cardMinRatio, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.cardMinRatio, payload.defaultDecoratorValue)
                   "
                   :align-vertical="
-                    decorate(answers, runtimeOptions, answer.viewModel.alignVertical, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.alignVertical, payload.defaultDecoratorValue)
                   "
                   :align-horizontal="
-                    decorate(answers, runtimeOptions, answer.viewModel.alignHorizontal, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.alignHorizontal, payload.defaultDecoratorValue)
                   "
                   :align-text="
-                    decorate(answers, runtimeOptions, answer.viewModel.alignText, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.alignText, payload.defaultDecoratorValue)
                   "
                   :selectable="!!payload.multiSelect"
                   :selected="selectedAnswers.get(answer.code)"
                   :disabled="isAnswerDisabled(answer)"
                   :flattened="
-                    decorate(answers, runtimeOptions, answer.viewModel.flattened, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.flattened, payload.defaultDecoratorValue)
                   "
-                  @card-click="answer.viewModel.href ? '' : selectAnswer(payload.code, answer)"
+                  @card-click="answer?.viewModel?.href ? '' : selectAnswer(payload.code, answer)"
                   @button-click="handleAnswerButtonClick"
                   @link-click="handleLinkClick(answer)"
                 />
                 <m-button
                   v-else
                   :disabled="isAnswerDisabled(answer)"
-                  :label="decorate(answers, runtimeOptions, answer.viewModel.label, payload.defaultDecoratorValue)"
-                  :type="decorate(answers, runtimeOptions, answer.viewModel.type, payload.defaultDecoratorValue)"
-                  :theme="decorate(answers, runtimeOptions, answer.viewModel.theme, payload.defaultDecoratorValue)"
+                  :label="decorate(answers, runtimeOptions, answer?.viewModel?.label, payload.defaultDecoratorValue)"
+                  :type="decorate(answers, runtimeOptions, answer?.viewModel?.type, payload.defaultDecoratorValue)"
+                  :theme="decorate(answers, runtimeOptions, answer?.viewModel?.theme, payload.defaultDecoratorValue)"
                   :left-icon="
-                    decorate(answers, runtimeOptions, answer.viewModel.leftIcon, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.leftIcon, payload.defaultDecoratorValue)
                   "
                   :right-icon="
-                    decorate(answers, runtimeOptions, answer.viewModel.rightIcon, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.rightIcon, payload.defaultDecoratorValue)
                   "
-                  :href="decorate(answers, runtimeOptions, answer.viewModel.href, payload.defaultDecoratorValue)"
-                  :width="decorate(answers, runtimeOptions, answer.viewModel.width, payload.defaultDecoratorValue)"
+                  :href="decorate(answers, runtimeOptions, answer?.viewModel?.href, payload.defaultDecoratorValue)"
+                  :width="decorate(answers, runtimeOptions, answer?.viewModel?.width, payload.defaultDecoratorValue)"
                   :widthFromM="
-                    decorate(answers, runtimeOptions, answer.viewModel.widthFromM, payload.defaultDecoratorValue)
+                    decorate(answers, runtimeOptions, answer?.viewModel?.widthFromM, payload.defaultDecoratorValue)
                   "
                   @click="selectAnswer(payload.code, answer)"
                 />
@@ -148,7 +150,7 @@
               theme="bordered"
               class="pb-question__show-more-button"
               width="fit"
-              :label="payload.viewModel.showMore.label"
+              :label="payload?.viewModel?.showMore?.label"
               @click="handleShowMoreClick()"
             />
           </m-flex>
@@ -206,7 +208,7 @@
             size="m"
             size-from-l="l"
             :label="payload.multiSelect.actions.VALIDATE.label"
-            @click="validMultiSelect(payload.multiSelect.actions.VALIDATE)"
+            @click="validMultiSelect(payload?.multiSelect?.actions?.VALIDATE)"
           />
         </div>
         <div
@@ -221,16 +223,16 @@
         >
           <m-button
             v-for="button in skippables"
-            :key="button.label"
+            :key="button?.label"
             class="pb-question__actions-buttons-button"
-            :label="button.label"
-            :theme="button.theme ? button.theme : 'bordered'"
-            :right-icon="button.rightIcon"
-            :left-icon="button.leftIcon"
+            :label="button?.label"
+            :theme="button?.theme ? button?.theme : 'bordered'"
+            :right-icon="button?.rightIcon"
+            :left-icon="button?.leftIcon"
             size="m"
             size-from-l="l"
-            :width="button.width"
-            :widthFromM="button.widthFromM"
+            :width="button?.width"
+            :widthFromM="button?.widthFromM"
             @click="skipQuestion(button)"
           />
         </div>
@@ -238,7 +240,7 @@
     </pb-sticky-footer>
     <m-container>
       <m-flexy
-        v-if="payload.viewModel.decoratorStripe && payload.viewModel.decoratorStripe.length > 0"
+        v-if="payload.viewModel.decoratorStripe && Number(payload.viewModel.decoratorStripe.length) > 0"
         class="pb-question__decorator-stripe"
       >
         <m-flexy-col
@@ -287,8 +289,8 @@
     >
       <template #header v-if="helpDialog">
         <div class="pb-question__dialog-help__title">
-          <h2>{{ helpDialog.viewModelDialog.headerTitle }}</h2>
-          <p>{{ helpDialog.viewModelDialog.subTitle }}</p>
+          <h2>{{ helpDialog?.viewModelDialog.headerTitle }}</h2>
+          <p>{{ helpDialog?.viewModelDialog.subTitle }}</p>
         </div>
       </template>
       <template #body>
@@ -308,27 +310,27 @@
 
     <m-dialog class="pb-question__dialog" v-model:show-dialog="displayDialog">
       <template #header v-if="!displayVideo">
-        <span>{{ dialog.headerTitle }}</span>
+        <span>{{ dialog?.headerTitle }}</span>
       </template>
       <template #body>
         <div class="pb-question__dialog-body" v-if="!displayVideo">
-          <div :style="`background-image: url(${dialog.imageUrl});`" class="pb-question__dialog-body-image" />
+          <div :style="`background-image: url(${dialog?.imageUrl});`" class="pb-question__dialog-body-image" />
           <m-flex direction="column" class="pb-question__dialog-body-description">
-            <div class="pb-question__dialog-body-title">{{ dialog.title }}</div>
-            <div class="pb-question__dialog-body-text" v-html="dialog.text" />
+            <div class="pb-question__dialog-body-title">{{ dialog?.title }}</div>
+            <div class="pb-question__dialog-body-text" v-html="dialog?.text" />
             <m-button
               class="pb-question__dialog-body-button"
-              :label="payload.viewModel.video.label"
-              :theme="payload.viewModel.video.theme"
-              :left-icon="payload.viewModel.video.icon"
+              :label="payload?.viewModel?.video?.label"
+              :theme="payload?.viewModel?.video?.theme"
+              :left-icon="payload?.viewModel?.video?.icon"
               width="fit"
-              @click="displayVideoGuide(dialog.headerTitle)"
+              @click="displayVideoGuide(dialog?.headerTitle)"
             />
           </m-flex>
         </div>
         <iframe
           v-else
-          :src="payload.viewModel.video.src"
+          :src="payload?.viewModel?.video?.src"
           class="pb-question__dialog-video-container"
           frameborder="0"
           allowfullscreen
@@ -491,7 +493,7 @@ export default defineComponent({
 
   watch: {
     payload() {
-      this.questionPossibleAnswers = new Map<string, ScenarioStepAnswer>(Object.entries(this.payload.answers))!;
+      this.questionPossibleAnswers = new Map<string, ScenarioStepAnswer>(Object.entries(this.payload.answers));
       this.updatePbQuestionActionsButtonsSizeHeight();
       this.updateSelectedAnswers();
     },
@@ -630,7 +632,7 @@ export default defineComponent({
 
       return selectedAnswersNumber;
     },
-    validMultiSelect(multiSelectOptions: ScenarioStepMultiSelectAction) {
+    validMultiSelect(multiSelectOptions: ScenarioStepMultiSelectAction | undefined) {
       const answers = [];
 
       for (const answerCode in Object.fromEntries(this.selectedAnswers)) {
@@ -641,14 +643,14 @@ export default defineComponent({
 
       this.$emit(this.completedEventName, {
         answers: answers,
-        nextStep: multiSelectOptions.nextStep,
+        nextStep: multiSelectOptions?.nextStep,
       });
     },
-    skipQuestion(button: ScenarioStepSkippableOptions) {
+    skipQuestion(button: ScenarioStepSkippableOptions | undefined) {
       this.initAnswersSelectedState(this.payload.answers);
       this.$emit(this.completedEventName, {
-        answers: button.isAnswer ? (button.defaultAnswer ? [button.defaultAnswer] : []) : null,
-        nextStep: button.nextStep,
+        answers: button?.isAnswer ? (button.defaultAnswer ? [button.defaultAnswer] : []) : null,
+        nextStep: button?.nextStep,
       });
     },
     resetMultiSelect(answers: Record<string, ScenarioStepAnswer>) {
@@ -759,7 +761,7 @@ export default defineComponent({
         },
       });
     },
-    displayVideoGuide(origin: string) {
+    displayVideoGuide(origin: string | undefined) {
       this.displayDialog = true;
       this.displayVideo = true;
       this.$store.dispatch('sendEventToBus', {

package/src/components/question/city-search/PbCitySearch.vue

@@ -203,30 +203,34 @@ export default defineComponent({
 
     if (this.computedPayload?.value) {
       this.selectedCity = {
-        name: decorate(
-          this.answers,
-          this.runtimeOptions,
-          this?.computedPayload?.value?.city?.name,
-          this?.computedPayload?.defaultDecoratorValue,
-        ),
-        region: decorate(
-          this.answers,
-          this.runtimeOptions,
-          this?.computedPayload?.value?.city?.region,
-          this?.computedPayload?.defaultDecoratorValue,
-        ),
-        inseeCode: decorate(
-          this.answers,
-          this.runtimeOptions,
-          this?.computedPayload?.value?.city?.inseeCode,
-          this?.computedPayload?.defaultDecoratorValue,
-        ),
-        postalCode: decorate(
-          this.answers,
-          this.runtimeOptions,
-          this?.computedPayload?.value?.city?.postalCode,
-          this?.computedPayload?.defaultDecoratorValue,
-        ),
+        name:
+          decorate(
+            this.answers,
+            this.runtimeOptions,
+            this?.computedPayload?.value?.city?.name,
+            this?.computedPayload?.defaultDecoratorValue,
+          ) || 'DEFAULT_CITY_NAME',
+        region:
+          decorate(
+            this.answers,
+            this.runtimeOptions,
+            this?.computedPayload?.value?.city?.region,
+            this?.computedPayload?.defaultDecoratorValue,
+          ) || 'DEFAULT_CITY_REGION',
+        inseeCode:
+          decorate(
+            this.answers,
+            this.runtimeOptions,
+            this?.computedPayload?.value?.city?.inseeCode,
+            this?.computedPayload?.defaultDecoratorValue,
+          ) || 'DEFAULT_CITY_INSEE_CODE',
+        postalCode:
+          decorate(
+            this.answers,
+            this.runtimeOptions,
+            this?.computedPayload?.value?.city?.postalCode,
+            this?.computedPayload?.defaultDecoratorValue,
+          ) || 'DEFAULT_CITY_POSTAL_CODE',
       };
 
       if (this.selectedCity.postalCode == 'undefined') {

package/src/components/question/incremental-amount-input/PbIncrementalAmountInput.vue

@@ -169,14 +169,16 @@ export default defineComponent({
       let tempPayload = cloneDeep(DEFAULT_PAYLOAD);
       tempPayload = merge(tempPayload, props.payload);
 
-      tempPayload.viewModel.label = decorate(props.answers!, props.runtimeOptions, tempPayload.viewModel.label);
-      tempPayload.viewModel.subtitle = decorate(props.answers!, props.runtimeOptions, tempPayload.viewModel.subtitle);
+      tempPayload.viewModel.label =
+        decorate(props.answers, props.runtimeOptions, tempPayload.viewModel.label) || 'DEFAULT_LABEL';
+      tempPayload.viewModel.subtitle =
+        decorate(props.answers, props.runtimeOptions, tempPayload.viewModel.subtitle) || 'DEFAULT_SUBTITLE';
 
       return tempPayload as IncrementalAmountPayload;
     });
     const pbIncrementalAmountInput = ref<HTMLElement>();
 
-    let subtitle = computeSubtitleValue(props.runtimeOptions, props.answers!, computedPayload)!;
+    let subtitle = computeSubtitleValue(props.runtimeOptions, props.answers, computedPayload);
     let quantitySelector = parseInt(computeDefaultValue(props.runtimeOptions, props.answers!, computedPayload)!);
     if (!quantitySelector) {
       quantitySelector = props.payload.viewModel.defaultValue || props.defaultValue;

package/src/components/restitution/PbRestitutionList.vue

@@ -150,6 +150,8 @@ import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 import PbRestitutionListBlock from './PbRestitutionListBlock.vue';
 import { Project } from '../../types/pb/Project';
 import { areConditionsValid } from '../../services/scenarioConditionals';
+const BACK_ICON =
+  'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';
 
 export default defineComponent({
   components: {
@@ -273,7 +275,7 @@ export default defineComponent({
             answers: [],
             action: action,
           });
-        } else if (action.code === 'SAVED_ITEM') {
+        } else if (action.withoutModal) {
           this.$emit('click-save-item', {
             answers: [],
             action: action,

package/src/services/decorate.ts

@@ -16,9 +16,9 @@ import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 export function decorate(
   answers: Map<string, ScenarioStepAnswer[]>,
   runtimeOptions = {},
-  valueToDecorate: string,
+  valueToDecorate: string | undefined,
   defaultValue = '',
-): string {
+): string | undefined {
   let decoratedValue = valueToDecorate;
   if (valueToDecorate) {
     const stringToEval = `\`${valueToDecorate}\``;

package/src/services/htmlEscape.ts

@@ -1,6 +1,6 @@
 // Issue with kobi rewriting the lib we extract the part that we need here
 
-const regexEscape: RegExp = /["&'<>`]/g;
+const regexEscape = /["&'<>`]/g;
 
 const escapeMap: Record<string, string> = {
   '"': '&quot;',
@@ -19,7 +19,7 @@ const escapeMap: Record<string, string> = {
   '`': '&#x60;',
 };
 
-export const escape = (string: string) => {
+export const escape = (string: string): string => {
   return string.replace(regexEscape, function ($0) {
     // Note: there is no need to check `has(escapeMap, $0)` here.
     return escapeMap[$0];

package/src/services/scenarioConditionals.ts

@@ -42,7 +42,7 @@ export const areConditionsValid = (
   conditions: boolean | string[],
   answers: Map<string, ScenarioStepAnswer[]>,
   runtimeOptions: Record<string, any>,
-) => {
+): boolean => {
   let valid = true;
 
   if (conditions && conditions instanceof Array) {
@@ -51,7 +51,6 @@ export const areConditionsValid = (
       try {
         valid = valid || Condition(condition, answers, runtimeOptions).isValid;
       } catch (error) {
-        console.error(error);
         valid = valid || true;
       }
     }

package/src/stores/modules/documentsStore.ts

@@ -72,59 +72,59 @@ export const mediaDocumentsUploadStoreOptions = {
     uploadError: null,
   },
   getters: {
-    getUploadProgress(state: MediaDocumentsState) {
+    getUploadProgress(state: MediaDocumentsState): number {
       return state.uploadProgress;
     },
-    isUploading(state: MediaDocumentsState) {
+    isUploading(state: MediaDocumentsState): boolean {
       return state.isUploading;
     },
-    isUploaded(state: MediaDocumentsState) {
+    isUploaded(state: MediaDocumentsState): boolean {
       return state.isUploaded;
     },
-    getUploadedId(state: MediaDocumentsState) {
+    getUploadedId(state: MediaDocumentsState): string {
       return state.uploadedId;
     },
-    getUploadError(state: MediaDocumentsState) {
+    getUploadError(state: MediaDocumentsState): Error {
       return state.uploadError;
     },
-    isNameAlreadyUsed(state: MediaDocumentsState) {
+    isNameAlreadyUsed(state: MediaDocumentsState): boolean {
       return state.isNameAlreadyUsed;
     },
-    getMediaCorrelationId(state: MediaDocumentsState) {
+    getMediaCorrelationId(state: MediaDocumentsState): string {
       return state.mediaCorrelationId;
     },
   },
   mutations: {
-    setUploadProgress(state: MediaDocumentsState, uploadProgress: number) {
+    setUploadProgress(state: MediaDocumentsState, uploadProgress: number): void {
       state.uploadProgress = uploadProgress;
     },
-    setIsUploading(state: MediaDocumentsState, isUploading: boolean) {
+    setIsUploading(state: MediaDocumentsState, isUploading: boolean): void {
       state.isUploading = isUploading;
     },
-    setIsUploaded(state: MediaDocumentsState, isUploaded: boolean) {
+    setIsUploaded(state: MediaDocumentsState, isUploaded: boolean): void {
       state.isUploaded = isUploaded;
     },
-    setUploadedId(state: MediaDocumentsState, uploadedId: string) {
+    setUploadedId(state: MediaDocumentsState, uploadedId: string): void {
       state.uploadedId = uploadedId;
     },
-    setUploadError(state: MediaDocumentsState, uploadError: any) {
+    setUploadError(state: MediaDocumentsState, uploadError: Error): void {
       state.uploadError = uploadError;
     },
-    setIsNameAlreadyUsed(state: MediaDocumentsState, isNameAlreadyUsed: boolean) {
+    setIsNameAlreadyUsed(state: MediaDocumentsState, isNameAlreadyUsed: boolean): void {
       state.isNameAlreadyUsed = isNameAlreadyUsed;
     },
-    setMediaCorrelationId(state: MediaDocumentsState, mediaCorrelationId: string) {
+    setMediaCorrelationId(state: MediaDocumentsState, mediaCorrelationId: string): void {
       state.mediaCorrelationId = mediaCorrelationId;
     },
     setValidateFileData(
       state: MediaDocumentsState,
       validateFileData: { validation: MediaValidationErrors; imgData: MediaImageData },
-    ) {
+    ): void {
       state.validateFileData = validateFileData;
     },
   },
   actions: {
-    resetMediaUploadContext({ commit }: MediaDocumentsContext) {
+    resetMediaUploadContext({ commit }: MediaDocumentsContext): void {
       commit('setUploadProgress', 0);
       commit('setIsUploading', false);
       commit('setIsUploaded', false);
@@ -132,7 +132,10 @@ export const mediaDocumentsUploadStoreOptions = {
       commit('setIsNameAlreadyUsed', false);
       commit('setUploadedId', null);
     },
-    async uploadFile({ commit, dispatch, state }: MediaDocumentsContext, uploadFile: MediaUploadOptions) {
+    async uploadFile(
+      { commit, dispatch, state }: MediaDocumentsContext,
+      uploadFile: MediaUploadOptions,
+    ): Promise<void> {
       dispatch('resetMediaUploadContext');
       commit('setIsUploading', true);
 
@@ -142,7 +145,7 @@ export const mediaDocumentsUploadStoreOptions = {
       const correlationId = state.mediaCorrelationId ?? uuidv4();
       try {
         commit('eventBusSendEvent', { code: 'interactedDocument', payload: {} }, { root: true });
-        let response = await uploadDocument(
+        const response = await uploadDocument(
           uploadFile.formData,
           state.currentProjectId,
           correlationId,
@@ -165,7 +168,7 @@ export const mediaDocumentsUploadStoreOptions = {
       }
       commit('setIsUploading', false);
     },
-    async sendEvent({ state, rootState }: MediaDocumentsContext, event: MediaEventOptions) {
+    async sendEvent({ state, rootState }: MediaDocumentsContext, event: MediaEventOptions): Promise<void> {
       let documentEvent: {
         name: string;
         businessUnit: string;
@@ -224,13 +227,13 @@ export const mediaDocumentsUploadStoreOptions = {
       }
       await sendDocumentsEvent(documentEvent);
     },
-    validateFileData({ commit }: MediaDocumentsContext, validateFileData: boolean) {
+    validateFileData({ commit }: MediaDocumentsContext, validateFileData: boolean): void {
       commit('setValidateFileData', validateFileData);
     },
-    generateCorrelationId({ commit }: MediaDocumentsContext) {
+    generateCorrelationId({ commit }: MediaDocumentsContext): void {
       commit('setMediaCorrelationId', uuidv4());
     },
-    nameChanged({ commit }: MediaDocumentsContext) {
+    nameChanged({ commit }: MediaDocumentsContext): void {
       commit('setIsNameAlreadyUsed', false);
     },
   },
@@ -252,92 +255,89 @@ export const mediaDocumentsListStoreOptions = {
     mediumLoadError: null,
   },
   getters: {
-    isDisplayed(state: MediaDocumentsState) {
+    isDisplayed(state: MediaDocumentsState): boolean {
       return state.isDisplayed;
     },
-    getMediaList(state: MediaDocumentsState) {
+    getMediaList(state: MediaDocumentsState): Media[] {
       return state.mediaList;
     },
-    getMediaPerPageCount(state: MediaDocumentsState) {
+    getMediaPerPageCount(state: MediaDocumentsState): number {
       return state.mediaPerPageCount;
     },
-    getCurrentMediaPage(state: MediaDocumentsState) {
+    getCurrentMediaPage(state: MediaDocumentsState): number {
       return state.currentMediaPage;
     },
-    hasStillMedia(state: MediaDocumentsState) {
+    hasStillMedia(state: MediaDocumentsState): boolean {
       return state.hasStillMedia;
     },
-    isLoadingMedia(state: MediaDocumentsState) {
+    isLoadingMedia(state: MediaDocumentsState): boolean {
       return state.isLoadingMedia;
     },
-    getMediaLoadError(state: MediaDocumentsState) {
+    getMediaLoadError(state: MediaDocumentsState): Error {
       return state.mediaLoadError;
     },
-    getThumbnailUrl(state: MediaDocumentsState) {
+    getThumbnailUrl(state: MediaDocumentsState): string {
       return documentContext.thumbnailUrl.replace('@@PB_PROJECT_ID_FILLER@@', state.currentProjectId);
     },
-    getMediaUrl(state: MediaDocumentsState) {
+    getMediaUrl(state: MediaDocumentsState): string {
       return documentContext.documentsUrl.replace('@@PB_PROJECT_ID_FILLER@@', state.currentProjectId);
     },
-    getPublicMediaUrl(state: MediaDocumentsState) {
-      return null;
-    },
-    isAddPhotoDisabled(state: MediaDocumentsState) {
+    isAddPhotoDisabled(state: MediaDocumentsState): boolean {
       return state.isAddPhotoDisabled;
     },
-    getCurrentMedia(state: MediaDocumentsState) {
+    getCurrentMedia(state: MediaDocumentsState): Media {
       return state.currentMedia;
     },
-    isLoadingMedium(state: MediaDocumentsState) {
+    isLoadingMedium(state: MediaDocumentsState): boolean {
       return state.isLoadingMedium;
     },
-    getMediumLoadError(state: MediaDocumentsState) {
+    getMediumLoadError(state: MediaDocumentsState): Error {
       return state.mediumLoadError;
     },
   },
   mutations: {
-    setIsDisplayed(state: MediaDocumentsState, isDisplayed: boolean) {
+    setIsDisplayed(state: MediaDocumentsState, isDisplayed: boolean): void {
       state.isDisplayed = isDisplayed;
     },
-    setMediaList(state: MediaDocumentsState, mediaList: Media[]) {
+    setMediaList(state: MediaDocumentsState, mediaList: Media[]): void {
       state.mediaList = mediaList;
     },
-    setMediaPerPageCount(state: MediaDocumentsState, mediaPerPageCount: number) {
+    setMediaPerPageCount(state: MediaDocumentsState, mediaPerPageCount: number): void {
       state.mediaPerPageCount = mediaPerPageCount;
     },
-    addMedia(state: MediaDocumentsState, media: Media[]) {
+    addMedia(state: MediaDocumentsState, media: Media[]): void {
       state.mediaList.push(...media);
     },
-    setHasStillMedia(state: MediaDocumentsState, hasStillMedia: boolean) {
+    setHasStillMedia(state: MediaDocumentsState, hasStillMedia: boolean): void {
       state.hasStillMedia = hasStillMedia;
     },
-    setIsLoadingMedia(state: MediaDocumentsState, isLoadingMedia: boolean) {
+    setIsLoadingMedia(state: MediaDocumentsState, isLoadingMedia: boolean): void {
       state.isLoadingMedia = isLoadingMedia;
     },
-    setCurrentMediaPage(state: MediaDocumentsState, currentMediaPage: number) {
+    setCurrentMediaPage(state: MediaDocumentsState, currentMediaPage: number): void {
       state.currentMediaPage = currentMediaPage;
     },
-    setAddedMediaNumber(state: MediaDocumentsState, addedMediaNumber: number) {
+    setAddedMediaNumber(state: MediaDocumentsState, addedMediaNumber: number): void {
       state.addedMediaNumber = addedMediaNumber;
     },
-    setIsAddPhotoDisabled(state: MediaDocumentsState, isAddPhotoDisabled: boolean) {
+    setIsAddPhotoDisabled(state: MediaDocumentsState, isAddPhotoDisabled: boolean): void {
       state.isAddPhotoDisabled = isAddPhotoDisabled;
     },
-    setMediaLoadError(state: MediaDocumentsState, mediaLoadError: any) {
+    setMediaLoadError(state: MediaDocumentsState, mediaLoadError: Error): void {
       state.mediaLoadError = mediaLoadError;
     },
-    setCurrentMedia(state: MediaDocumentsState, currentMedia: Media) {
+    setCurrentMedia(state: MediaDocumentsState, currentMedia: Media): void {
       state.currentMedia = currentMedia;
     },
-    setIsLoadingMedium(state: MediaDocumentsState, isLoadingMedium: boolean) {
+    setIsLoadingMedium(state: MediaDocumentsState, isLoadingMedium: boolean): void {
       state.isLoadingMedium = isLoadingMedium;
     },
-    setMediumLoadError(state: MediaDocumentsState, mediumLoadError: any) {
+    setMediumLoadError(state: MediaDocumentsState, mediumLoadError: Error): void {
       state.mediumLoadError = mediumLoadError;
     },
   },
   actions: {
-    resetMediaListContext({ commit }: MediaDocumentsContext) {
+    resetMediaListContext({ commit }: MediaDocumentsContext): void {
       commit('setMediaList', []);
       commit('setIsLoadingMedia', false);
       commit('setCurrentMediaPage', 0);
@@ -348,11 +348,11 @@ export const mediaDocumentsListStoreOptions = {
     async loadMedium(
       { state, commit }: MediaDocumentsContext,
       { projectId, mediaId }: { projectId: string; mediaId: string },
-    ) {
+    ): Promise<void> {
       commit('setIsLoadingMedium', true);
       commit('setMediumLoadError', false);
       try {
-        let medium = await getDocumentById(projectId, mediaId);
+        const medium = await getDocumentById(projectId, mediaId);
         commit('setCurrentMedia', medium);
       } catch (err) {
         commit('setMediumLoadError', err);
@@ -360,7 +360,7 @@ export const mediaDocumentsListStoreOptions = {
         commit('setIsLoadingMedium', false);
       }
     },
-    async getMedia({ commit, state }: MediaDocumentsContext, projectId: string) {
+    async getMedia({ commit, state }: MediaDocumentsContext, projectId: string): Promise<void> {
       commit('setCurrentProjectId', projectId);
       commit('setIsDisplayed', true);
       commit('setIsLoadingMedia', true);
@@ -373,7 +373,7 @@ export const mediaDocumentsListStoreOptions = {
             : (state.mediaPerPageCount - (state.mediaList.length % state.mediaPerPageCount)) % state.mediaPerPageCount;
         const mediaNumberToAdd = mediaNumberToAddOffset + state.mediaPerPageCount;
         const subType = state.context ? state.context.subType : undefined;
-        let media = await getDocumentsByInhabitantProjectId(
+        const media = await getDocumentsByInhabitantProjectId(
           state.currentMediaPage * state.mediaPerPageCount,
           state.currentMediaPage * state.mediaPerPageCount + mediaNumberToAdd - 1,
           state.currentProjectId,
@@ -400,20 +400,20 @@ export const mediaDocumentsListStoreOptions = {
         commit('setIsLoadingMedia', false);
       }
     },
-    async loadMedia({ commit, dispatch }: MediaDocumentsContext, projectId: string) {
+    async loadMedia({ commit, dispatch }: MediaDocumentsContext, projectId: string): Promise<void> {
       dispatch('resetMediaListContext');
       commit('setIsDisplayed', true);
       commit('setCurrentProjectId', projectId);
       dispatch('getMedia', projectId);
     },
-    async loadMoreMedia({ commit, state, dispatch }: MediaDocumentsContext) {
+    async loadMoreMedia({ commit, state, dispatch }: MediaDocumentsContext): Promise<void> {
       commit('setCurrentMediaPage', state.currentMediaPage + 1);
       await dispatch('getMedia', state.currentProjectId);
     },
-    async refreshMediaList({ commit, dispatch, state }: MediaDocumentsContext) {
+    async refreshMediaList({ commit, dispatch, state }: MediaDocumentsContext): Promise<void> {
       if (state.currentMediaPage > 0) {
         const subType = state.context ? state.context.subType : undefined;
-        let media = await getDocumentsByInhabitantProjectId(
+        const media = await getDocumentsByInhabitantProjectId(
           0,
           state.currentMediaPage * state.mediaPerPageCount - 1,
           state.currentProjectId,
@@ -439,19 +439,19 @@ export const mediaDocumentsListStoreOptions = {
     async updateMediaName(
       { state, dispatch }: MediaDocumentsContext,
       { id: mediaId, name: mediaName }: { id: string; name: string },
-    ) {
+    ): Promise<void> {
       await updateDocumentName(state.currentProjectId, mediaId, mediaName);
       dispatch('refreshMediaList');
     },
-    async deleteMedia({ state, commit, dispatch }: MediaDocumentsContext, mediaToDelete: Media) {
+    async deleteMedia({ state, commit, dispatch }: MediaDocumentsContext, mediaToDelete: Media): Promise<void> {
       commit('eventBusSendEvent', { code: 'interactedDocument', payload: {} }, { root: true });
       await deleteDocument(state.currentProjectId, mediaToDelete.id);
       dispatch('refreshMediaList');
     },
-    updateCurrentMedia({ commit }: MediaDocumentsContext, currentMedia: Media) {
+    updateCurrentMedia({ commit }: MediaDocumentsContext, currentMedia: Media): void {
       commit('setCurrentMedia', currentMedia);
     },
-    updateMediaPerPageCount({ commit }: MediaDocumentsContext, mediaPerPageCount: number) {
+    updateMediaPerPageCount({ commit }: MediaDocumentsContext, mediaPerPageCount: number): void {
       commit('setMediaPerPageCount', mediaPerPageCount);
     },
   },

package/src/stores/modules/productsStore.ts

@@ -36,9 +36,9 @@ export default {
     updateRefProduct({ commit }: ProductContext, { ref }: { ref: string }) {
       commit('setRefProduct', ref);
     },
-    async loadProduct({ commit, state }: ProductContext, { payload, sessions }: { payload: object; sessions: any }) {
+    async loadProduct({ commit, state }: ProductContext, { payload, storeId }: { payload: object; storeId: string }) {
       if (state.refProduct) {
-        const product = await getProductById(state.refProduct, (sessions && sessions.storeId) || null);
+        const product = await getProductById(state.refProduct, storeId);
 
         if (product) {
           commit('setCurrentProduct', { ...payload, ...product });

package/src/stores/modules/trezorStore.ts

@@ -31,8 +31,7 @@ export default {
       { payload, typeLead }: { payload: object; typeLead: string },
     ) => {
       if (typeLead) {
-        const sendData = await sendTrezorForm(typeLead, payload);
-        commit('setFormData', sendData);
+        return await sendTrezorForm(typeLead, payload);
       }
     },
   },

package/src/types/pb/Restitution.ts

@@ -52,6 +52,7 @@ export interface RestitutionPayloadPriceBar {
 export interface RestitutionPayloadAction {
   type: string;
   code: string;
+  withoutModal: any;
   component?: string;
   payload?: {
     link: string;

package/src/types/pb/Scenario.ts

@@ -46,7 +46,23 @@ export interface ScenarioStepAnswerViewModel {
   flagLabel?: string;
   hero?: string;
   text?: string;
+  href?: string;
+  label?: string;
+  type?: string;
+  theme?: string;
+  rightIcon?: string;
+  leftIcon?: string;
+  width?: string;
+  widthFromM?: string;
+  borderColor?: string;
+  image?: string;
+  imageTitle?: string;
+  imageRatio?: string;
   buttonLabel?: string;
+  linkLabel?: string;
+  cardLink?: string;
+  typeIcon?: string;
+  flattened?: string;
   cardMinRatio?: string;
   alignVertical?: string;
   alignHorizontal?: string;
@@ -77,7 +93,8 @@ export interface ScenarioStepAnswer {
 export interface ScenarioStepDialog {
   viewModelDialog: {
     headerTitle: string;
-    imageUrl?: string;
+    subTitle: string;
+    imgUrl?: string;
   };
 }
 
@@ -100,15 +117,45 @@ export interface ScenarioStepPayload {
   answers: Record<string, ScenarioStepAnswer>;
   skippable?: ScenarioStepSkippableOptions[];
   multiSelect?: ScenarioStepMultiSelectOptions;
+  defaultDecoratorValue?: string;
+  code: string;
+  helpArea: {
+    label: string;
+    type: string;
+    action: string;
+  };
 }
 
 export interface ScenarioStepViewModel {
   title?: string;
+  subtitle?: string;
   label?: string;
   answersComponent?: string;
+  hero?: string;
   backLink: string;
+  backLabel?: string;
+  forceBackButton?: string;
+  forceOneCardPerLineOnMobile?: boolean;
+  alwaysDisplaySkippable?: boolean;
+  decoratorStripe: {
+    length: string;
+  };
+  video?: {
+    label: string;
+    theme?: string;
+    icon?: string;
+  };
+  videoBlock?: {
+    label?: string;
+    image?: string;
+    buttonLabel?: string;
+    icon?: string;
+  };
   sortBy?: ScenarioStepAnswerSortOptions;
   showMore?: ScenarioStepShowMoreOptions;
+  footer: ScenarioStepFooterOptions;
+  widthFromM?: string;
+  widthFromL?: string;
 }
 
 export interface ScenarioStep {