@heycater/qualification-funnel 1.11.0 → 1.12.0

package/dist/index.esm.js

@@ -10085,7 +10085,7 @@ function trackAnswerSelected(context, answer) {
   if (context.city) {
     properties.city = context.city;
   }
-  captureEvent("qf_v10_answer_selected", properties);
+  captureEvent("qf_v11_answer_selected", properties);
 }
 function trackFormSubmitted(context, metadata) {
   if (!context.session_id) {
@@ -10103,7 +10103,7 @@ function trackFormSubmitted(context, metadata) {
   if (context.city) {
     properties.city = context.city;
   }
-  captureEvent("qf_v10_form_submitted", properties);
+  captureEvent("qf_v11_form_submitted", properties);
 }
 function trackCompleted(context) {
   if (!context.session_id) {
@@ -10120,7 +10120,7 @@ function trackCompleted(context) {
   if (context.city) {
     properties.city = context.city;
   }
-  captureEvent("qf_v10_completed", properties);
+  captureEvent("qf_v11_completed", properties);
 }
 function trackAbandoned(context, lastStep) {
   if (!context.session_id) {
@@ -10139,7 +10139,7 @@ function trackAbandoned(context, lastStep) {
   if (context.city) {
     properties.city = context.city;
   }
-  captureEvent("qf_v10_abandoned", properties);
+  captureEvent("qf_v11_abandoned", properties);
 }
 function trackStarted(context, initialStepId) {
   const properties = {
@@ -10147,7 +10147,7 @@ function trackStarted(context, initialStepId) {
     session_id: context.session_id,
     initial_step: initialStepId
   };
-  captureEvent("qf_v10_started", properties);
+  captureEvent("qf_v11_started", properties);
 }
 function serializeAnswerValue(value) {
   if (value === void 0) return null;
@@ -10172,21 +10172,55 @@ function TrackingProvider({
 }) {
   const { state, answerOf } = useQualification();
   const trackStepCompletion = useCallback(() => {
+    var _a2;
     if (!("qualification" in state)) return;
     const qual = state.qualification;
     if (!("step" in qual)) return;
     const step2 = qual.step;
     const stepIndex = qual.stepIndex;
-    const schemaStep = SCHEMA_STEPS[step2.id];
-    const questions2 = (schemaStep == null ? void 0 : schemaStep.questions) || [];
-    const sessionKey = `qf_v10_started_${funnelContextRef.current.session_id}`;
+    const steps2 = ((_a2 = qual.steps) == null ? void 0 : _a2.filter((s3) => !s3.disabled)) || [];
+    const sessionKey = `qf_v11_started_${funnelContextRef.current.session_id}`;
+    const trackedStepsKey = `qf_v11_tracked_steps_${funnelContextRef.current.session_id}`;
+    let isFirstTracking = false;
     if (typeof sessionStorage !== "undefined") {
       const hasStarted = sessionStorage.getItem(sessionKey);
       if (!hasStarted) {
+        isFirstTracking = true;
         sessionStorage.setItem(sessionKey, "true");
+        sessionStorage.setItem(trackedStepsKey, "[]");
         trackStarted(funnelContextRef.current, currentStepId);
       }
     }
+    let trackedSteps = [];
+    if (typeof sessionStorage !== "undefined") {
+      try {
+        trackedSteps = JSON.parse(sessionStorage.getItem(trackedStepsKey) || "[]");
+      } catch {
+        trackedSteps = [];
+      }
+    }
+    if (isFirstTracking && stepIndex > 0) {
+      for (let i2 = 0; i2 < stepIndex; i2++) {
+        const skippedStep = steps2[i2];
+        if (!skippedStep || trackedSteps.includes(skippedStep.id)) continue;
+        const skippedSchemaStep = SCHEMA_STEPS[skippedStep.id];
+        const skippedQuestions = (skippedSchemaStep == null ? void 0 : skippedSchemaStep.questions) || [];
+        skippedQuestions.forEach((question, qIdx) => {
+          const value = answerOf(question.id);
+          trackAnswerSelected(funnelContextRef.current, {
+            step_id: skippedStep.id,
+            step_index: i2,
+            question_id: question.id,
+            answer_value: serializeAnswerValue(value),
+            is_last_question: qIdx === skippedQuestions.length - 1
+          });
+        });
+        trackedSteps.push(skippedStep.id);
+      }
+    }
+    if (trackedSteps.includes(step2.id)) return;
+    const schemaStep = SCHEMA_STEPS[step2.id];
+    const questions2 = (schemaStep == null ? void 0 : schemaStep.questions) || [];
     questions2.forEach((question, questionIndex) => {
       const currentValue = answerOf(question.id);
       const isLastQuestion = questionIndex === questions2.length - 1;
@@ -10207,6 +10241,10 @@ function TrackingProvider({
         is_last_question: isLastQuestion
       });
     });
+    trackedSteps.push(step2.id);
+    if (typeof sessionStorage !== "undefined") {
+      sessionStorage.setItem(trackedStepsKey, JSON.stringify(trackedSteps));
+    }
   }, [funnelContextRef, currentStepId, state, updateContext, answerOf]);
   const trackAnswer = useCallback(
     (questionId, value) => {
@@ -12931,7 +12969,14 @@ function requireFunctionBind() {
   functionBind = Function.prototype.bind || implementation2;
   return functionBind;
 }
-var functionCall = Function.prototype.call;
+var functionCall;
+var hasRequiredFunctionCall;
+function requireFunctionCall() {
+  if (hasRequiredFunctionCall) return functionCall;
+  hasRequiredFunctionCall = 1;
+  functionCall = Function.prototype.call;
+  return functionCall;
+}
 var functionApply;
 var hasRequiredFunctionApply;
 function requireFunctionApply() {
@@ -12943,12 +12988,12 @@ function requireFunctionApply() {
 var reflectApply = typeof Reflect !== "undefined" && Reflect && Reflect.apply;
 var bind$2 = requireFunctionBind();
 var $apply$1 = requireFunctionApply();
-var $call$2 = functionCall;
+var $call$2 = requireFunctionCall();
 var $reflectApply = reflectApply;
 var actualApply = $reflectApply || bind$2.call($call$2, $apply$1);
 var bind$1 = requireFunctionBind();
 var $TypeError$4 = type;
-var $call$1 = functionCall;
+var $call$1 = requireFunctionCall();
 var $actualApply = actualApply;
 var callBindApplyHelpers = function callBindBasic(args) {
   if (args.length < 1 || typeof args[0] !== "function") {
@@ -13063,7 +13108,7 @@ var getProto = requireGetProto();
 var $ObjectGPO = requireObject_getPrototypeOf();
 var $ReflectGPO = requireReflect_getPrototypeOf();
 var $apply = requireFunctionApply();
-var $call = functionCall;
+var $call = requireFunctionCall();
 var needsEval = {};
 var TypedArray = typeof Uint8Array === "undefined" || !getProto ? undefined$1 : getProto(Uint8Array);
 var INTRINSICS = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heycater/qualification-funnel",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "type": "module",
   "description": "Heycater embedded qualification funnel widget",
   "main": "dist/index.cjs.js",