project-booster-vue 10.13.2 → 10.14.0

package/package.json

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

package/src/components/question/PbQuestion.vue

@@ -495,6 +495,13 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    /**
+     * Current step number
+     */
+    stepNumber: {
+      type: Number,
+      default: 0,
+    },
   },
 
   data: () => ({
@@ -855,8 +862,9 @@ export default defineComponent({
           field_name: this.payload.viewModel?.label || '',
           funnel_name: this.payload.viewModel.analytics?.funnel_name || '',
           field_value: answers || '',
+          step_number: this.payload.viewModel?.stepNumber,
         },
-        EventTypeEnum.FIELD,
+        EventTypeEnum.SUBMIT,
       );
     },
   },

package/src/components/rework/alert/MPbAlert.vue

@@ -44,7 +44,12 @@
       </div>
     </div>
 
-    <m-pb-navigation :payload="payload" :nextButtonAction="payload.viewModel.nextStep" />
+    <m-pb-navigation
+      :payload="payload"
+      :nextButtonAction="payload.viewModel.nextStep"
+      :step-number="stepNumber"
+      :next-step-type="EventTypeEnum.BUTTON"
+    />
 
     <m-modal :modalTitle="titleModal" :open="showModal" @update:open="handleCloseModal" class="m-pb-alert__dialog">
       <template #default>
@@ -105,6 +110,13 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  /**
+   * Current step number
+   */
+  stepNumber: {
+    type: Number,
+    default: 0,
+  },
 });
 
 const handleCloseModal = () => {

package/src/components/rework/exit-options/MPbExitOptions.vue

@@ -72,7 +72,7 @@
       </div>
     </div>
 
-    <m-pb-navigation :nextButtonAction="payload.viewModel.nextStep" />
+    <m-pb-navigation :nextButtonAction="payload.viewModel.nextStep" :step-number="stepNumber" />
   </div>
 </template>
 
@@ -130,6 +130,13 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  /**
+   * Current step number
+   */
+  stepNumber: {
+    type: Number,
+    default: 0,
+  },
 });
 
 const store = useStore();

package/src/components/rework/navigation/MPbNavigation.vue

@@ -30,7 +30,10 @@
         data-cdl-click-type="cdl_event"
         :disabled="disabledNextButton"
         :data-cdl-click-data="
-          formatEvent({ button_name: nextButtonLabel, button_location: stepLocation }, EventTypeEnum.BUTTON)
+          formatEvent(
+            { button_name: nextButtonLabel, funnel_name: stepLocation, step_number: stepNumber },
+            nextStepType,
+          )
         "
       />
     </div>
@@ -103,6 +106,20 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  /**
+   * Current step number
+   */
+  stepNumber: {
+    type: Number,
+    default: 0,
+  },
+  /**
+   *
+   */
+  nextStepType: {
+    type: String as () => EventTypeEnum,
+    default: EventTypeEnum.SUBMIT,
+  },
 });
 </script>
 

package/src/components/rework/question/MPbQuestion.vue

@@ -539,6 +539,13 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  /**
+   * Current step number
+   */
+  stepNumber: {
+    type: Number,
+    default: 0,
+  },
 });
 
 const selectedAnswers = ref(new Map<string, boolean>());
@@ -871,8 +878,9 @@ const updateCdlValues = () => {
       field_name: props.payload.viewModel?.label || '',
       funnel_name: props.payload.viewModel.analytics?.funnel_name || '',
       field_value: answers || '',
+      step_number: props.payload.viewModel?.stepNumber,
     },
-    EventTypeEnum.FIELD,
+    EventTypeEnum.SUBMIT,
   );
 };
 </script>

package/src/components/rework/question/city-search/MPbCitySearch.vue

@@ -88,6 +88,7 @@
         :disabledNextButton="!selectedCity"
         @go-back="$emit('go-back')"
         @next-step="nextStep"
+        :step-number="stepNumber"
       />
     </div>
   </form>
@@ -179,6 +180,13 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    /**
+     * Current step number
+     */
+    stepNumber: {
+      type: Number,
+      default: 0,
+    },
   },
 
   data: () => ({

package/src/components/rework/question/incremental-amount-input/MPbIncrementalAmountInput.vue

@@ -25,6 +25,7 @@
         @go-back="$emit('go-back')"
         @next-step="nextStep"
         :answers="answers"
+        :step-number="stepNumber"
       />
     </form>
   </div>
@@ -120,6 +121,13 @@ const props = defineProps({
     type: Number,
     default: 1,
   },
+  /**
+   * Current step number
+   */
+  stepNumber: {
+    type: Number,
+    default: 0,
+  },
 });
 
 const $emit = defineEmits(['go-back', 'step-completed']);

package/src/components/rework/question/space-input/MPbSpaceInput.vue

@@ -68,6 +68,7 @@
           :trackingStatus="true"
           @go-back="$emit('go-back')"
           @next-step="nextStep"
+          :step-number="stepNumber"
         />
       </div>
     </form>
@@ -167,6 +168,13 @@ const props = defineProps({
     type: String,
     default: '',
   },
+  /**
+   * Current step number
+   */
+  stepNumber: {
+    type: Number,
+    default: 0,
+  },
 });
 
 const componentId = uuidv4();

package/src/components/scenario/PbScenario.vue

@@ -66,6 +66,7 @@
             :is-collaborator="isCollaborator"
             :step-location="state.currentStep?.slots?.beforeContent?.label || ''"
             :tracking-status="isTrackingEnabled"
+            :step-number="state.history.stepIndex - 1"
             @step-completed="handleStepCompleted"
             @update-selected="handleSemiUpdateSelected"
             @redirection="handleRedirection"

package/src/types/pb/Scenario.ts

@@ -198,6 +198,7 @@ export interface ScenarioStepViewModel {
   widthXlSize?: boolean;
   notification?: ScenarioStepAnswerNotification;
   analytics?: any;
+  stepNumber?: any;
 }
 
 export interface ScenarioStep {