@heycater/qualification-funnel 1.11.0 → 1.13.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_v12_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_v12_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_v12_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_v12_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_v12_started", properties);
 }
 function serializeAnswerValue(value) {
   if (value === void 0) return null;
@@ -10172,21 +10172,56 @@ 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 serviceType = funnelContextRef.current.service_type || answerOf("service_type") || "";
+    const sessionKey = `qf_v12_started_${funnelContextRef.current.session_id}_${serviceType}`;
+    const trackedStepsKey = `qf_v12_tracked_steps_${funnelContextRef.current.session_id}_${serviceType}`;
+    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 +10242,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) => {
@@ -12329,7 +12368,7 @@ var objectInspect = function inspect_(obj, options, depth, seen) {
     var ys = arrObjKeys(obj, inspect2);
     var isPlainObject2 = gPO ? gPO(obj) === Object.prototype : obj instanceof Object || obj.constructor === Object;
     var protoTag = obj instanceof Object ? "" : "null prototype";
-    var stringTag2 = !isPlainObject2 && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr(obj), 8, -1) : protoTag ? "Object" : "";
+    var stringTag2 = !isPlainObject2 && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr$1(obj), 8, -1) : protoTag ? "Object" : "";
     var constructorTag = isPlainObject2 || typeof obj.constructor !== "function" ? "" : obj.constructor.name ? obj.constructor.name + " " : "";
     var tag = constructorTag + (stringTag2 || protoTag ? "[" + $join.call($concat$1.call([], stringTag2 || [], protoTag || []), ": ") + "] " : "");
     if (ys.length === 0) {
@@ -12354,25 +12393,25 @@ function canTrustToString(obj) {
   return !toStringTag || !(typeof obj === "object" && (toStringTag in obj || typeof obj[toStringTag] !== "undefined"));
 }
 function isArray$3(obj) {
-  return toStr(obj) === "[object Array]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Array]" && canTrustToString(obj);
 }
 function isDate(obj) {
-  return toStr(obj) === "[object Date]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Date]" && canTrustToString(obj);
 }
 function isRegExp$1(obj) {
-  return toStr(obj) === "[object RegExp]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object RegExp]" && canTrustToString(obj);
 }
 function isError(obj) {
-  return toStr(obj) === "[object Error]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Error]" && canTrustToString(obj);
 }
 function isString(obj) {
-  return toStr(obj) === "[object String]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object String]" && canTrustToString(obj);
 }
 function isNumber(obj) {
-  return toStr(obj) === "[object Number]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Number]" && canTrustToString(obj);
 }
 function isBoolean(obj) {
-  return toStr(obj) === "[object Boolean]" && canTrustToString(obj);
+  return toStr$1(obj) === "[object Boolean]" && canTrustToString(obj);
 }
 function isSymbol(obj) {
   if (hasShammedSymbols) {
@@ -12408,7 +12447,7 @@ var hasOwn$1 = Object.prototype.hasOwnProperty || function(key) {
 function has$4(obj, key) {
   return hasOwn$1.call(obj, key);
 }
-function toStr(obj) {
+function toStr$1(obj) {
   return objectToString.call(obj);
 }
 function nameOf(f) {
@@ -12717,7 +12756,7 @@ var syntax = SyntaxError;
 var uri = URIError;
 var abs$1 = Math.abs;
 var floor$1 = Math.floor;
-var max$1 = Math.max;
+var max$2 = Math.max;
 var min$1 = Math.min;
 var pow$1 = Math.pow;
 var round$2 = Math.round;
@@ -12846,91 +12885,77 @@ function requireObject_getPrototypeOf() {
   Object_getPrototypeOf = $Object2.getPrototypeOf || null;
   return Object_getPrototypeOf;
 }
-var implementation;
-var hasRequiredImplementation;
-function requireImplementation() {
-  if (hasRequiredImplementation) return implementation;
-  hasRequiredImplementation = 1;
-  var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
-  var toStr2 = Object.prototype.toString;
-  var max2 = Math.max;
-  var funcType = "[object Function]";
-  var concatty = function concatty2(a3, b2) {
-    var arr = [];
-    for (var i2 = 0; i2 < a3.length; i2 += 1) {
-      arr[i2] = a3[i2];
-    }
-    for (var j = 0; j < b2.length; j += 1) {
-      arr[j + a3.length] = b2[j];
-    }
-    return arr;
-  };
-  var slicy = function slicy2(arrLike, offset2) {
-    var arr = [];
-    for (var i2 = offset2, j = 0; i2 < arrLike.length; i2 += 1, j += 1) {
-      arr[j] = arrLike[i2];
-    }
-    return arr;
-  };
-  var joiny = function(arr, joiner) {
-    var str = "";
-    for (var i2 = 0; i2 < arr.length; i2 += 1) {
-      str += arr[i2];
-      if (i2 + 1 < arr.length) {
-        str += joiner;
-      }
+var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
+var toStr = Object.prototype.toString;
+var max$1 = Math.max;
+var funcType = "[object Function]";
+var concatty = function concatty2(a3, b2) {
+  var arr = [];
+  for (var i2 = 0; i2 < a3.length; i2 += 1) {
+    arr[i2] = a3[i2];
+  }
+  for (var j = 0; j < b2.length; j += 1) {
+    arr[j + a3.length] = b2[j];
+  }
+  return arr;
+};
+var slicy = function slicy2(arrLike, offset2) {
+  var arr = [];
+  for (var i2 = offset2, j = 0; i2 < arrLike.length; i2 += 1, j += 1) {
+    arr[j] = arrLike[i2];
+  }
+  return arr;
+};
+var joiny = function(arr, joiner) {
+  var str = "";
+  for (var i2 = 0; i2 < arr.length; i2 += 1) {
+    str += arr[i2];
+    if (i2 + 1 < arr.length) {
+      str += joiner;
     }
-    return str;
-  };
-  implementation = function bind2(that) {
-    var target = this;
-    if (typeof target !== "function" || toStr2.apply(target) !== funcType) {
-      throw new TypeError(ERROR_MESSAGE + target);
-    }
-    var args = slicy(arguments, 1);
-    var bound;
-    var binder = function() {
-      if (this instanceof bound) {
-        var result = target.apply(
-          this,
-          concatty(args, arguments)
-        );
-        if (Object(result) === result) {
-          return result;
-        }
-        return this;
-      }
-      return target.apply(
-        that,
+  }
+  return str;
+};
+var implementation$1 = function bind(that) {
+  var target = this;
+  if (typeof target !== "function" || toStr.apply(target) !== funcType) {
+    throw new TypeError(ERROR_MESSAGE + target);
+  }
+  var args = slicy(arguments, 1);
+  var bound;
+  var binder = function() {
+    if (this instanceof bound) {
+      var result = target.apply(
+        this,
         concatty(args, arguments)
       );
-    };
-    var boundLength = max2(0, target.length - args.length);
-    var boundArgs = [];
-    for (var i2 = 0; i2 < boundLength; i2++) {
-      boundArgs[i2] = "$" + i2;
-    }
-    bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
-    if (target.prototype) {
-      var Empty = function Empty2() {
-      };
-      Empty.prototype = target.prototype;
-      bound.prototype = new Empty();
-      Empty.prototype = null;
+      if (Object(result) === result) {
+        return result;
+      }
+      return this;
     }
-    return bound;
+    return target.apply(
+      that,
+      concatty(args, arguments)
+    );
   };
-  return implementation;
-}
-var functionBind;
-var hasRequiredFunctionBind;
-function requireFunctionBind() {
-  if (hasRequiredFunctionBind) return functionBind;
-  hasRequiredFunctionBind = 1;
-  var implementation2 = requireImplementation();
-  functionBind = Function.prototype.bind || implementation2;
-  return functionBind;
-}
+  var boundLength = max$1(0, target.length - args.length);
+  var boundArgs = [];
+  for (var i2 = 0; i2 < boundLength; i2++) {
+    boundArgs[i2] = "$" + i2;
+  }
+  bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
+  if (target.prototype) {
+    var Empty = function Empty2() {
+    };
+    Empty.prototype = target.prototype;
+    bound.prototype = new Empty();
+    Empty.prototype = null;
+  }
+  return bound;
+};
+var implementation = implementation$1;
+var functionBind = Function.prototype.bind || implementation;
 var functionCall = Function.prototype.call;
 var functionApply;
 var hasRequiredFunctionApply;
@@ -12941,12 +12966,12 @@ function requireFunctionApply() {
   return functionApply;
 }
 var reflectApply = typeof Reflect !== "undefined" && Reflect && Reflect.apply;
-var bind$2 = requireFunctionBind();
+var bind$2 = functionBind;
 var $apply$1 = requireFunctionApply();
 var $call$2 = functionCall;
 var $reflectApply = reflectApply;
 var actualApply = $reflectApply || bind$2.call($call$2, $apply$1);
-var bind$1 = requireFunctionBind();
+var bind$1 = functionBind;
 var $TypeError$4 = type;
 var $call$1 = functionCall;
 var $actualApply = actualApply;
@@ -13014,8 +13039,8 @@ function requireHasown() {
   hasRequiredHasown = 1;
   var call = Function.prototype.call;
   var $hasOwn = Object.prototype.hasOwnProperty;
-  var bind2 = requireFunctionBind();
-  hasown = bind2.call(call, $hasOwn);
+  var bind3 = functionBind;
+  hasown = bind3.call(call, $hasOwn);
   return hasown;
 }
 var undefined$1;
@@ -13029,7 +13054,7 @@ var $TypeError$3 = type;
 var $URIError = uri;
 var abs = abs$1;
 var floor = floor$1;
-var max = max$1;
+var max = max$2;
 var min = min$1;
 var pow = pow$1;
 var round$1 = round$2;
@@ -13234,13 +13259,13 @@ var LEGACY_ALIASES = {
   "%WeakMapPrototype%": ["WeakMap", "prototype"],
   "%WeakSetPrototype%": ["WeakSet", "prototype"]
 };
-var bind = requireFunctionBind();
+var bind2 = functionBind;
 var hasOwn = requireHasown();
-var $concat = bind.call($call, Array.prototype.concat);
-var $spliceApply = bind.call($apply, Array.prototype.splice);
-var $replace = bind.call($call, String.prototype.replace);
-var $strSlice = bind.call($call, String.prototype.slice);
-var $exec = bind.call($call, RegExp.prototype.exec);
+var $concat = bind2.call($call, Array.prototype.concat);
+var $spliceApply = bind2.call($apply, Array.prototype.splice);
+var $replace = bind2.call($call, String.prototype.replace);
+var $strSlice = bind2.call($call, String.prototype.slice);
+var $exec = bind2.call($call, RegExp.prototype.exec);
 var rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
 var reEscapeChar = /\\(\\)?/g;
 var stringToPath = function stringToPath2(string2) {

package/package.json

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