@heycater/qualification-funnel 1.4.13 → 1.5.1

package/dist/index.esm.js

@@ -10052,11 +10052,181 @@ const Adornment = styled.div`
   top: 50%;
   transform: translateY(-50%);
 `;
+function captureEvent(eventName, properties) {
+  if (typeof window === "undefined") return;
+  if (window.posthog) {
+    try {
+      window.posthog.capture(eventName, properties);
+    } catch (error) {
+      console.error("[PostHog] Failed to send event:", error);
+    }
+  }
+  if (window.dataLayer) {
+    window.dataLayer.push({
+      event: eventName,
+      ...properties
+    });
+  }
+}
+function trackAnswerSelected(context, answer) {
+  const properties = {
+    funnel_mode: context.funnel_mode,
+    session_id: context.session_id,
+    total_steps: context.total_steps,
+    step_id: answer.step_id,
+    step_index: answer.step_index,
+    question_id: answer.question_id,
+    answer_value: answer.answer_value,
+    is_last_question: answer.is_last_question
+  };
+  if (context.service_type) {
+    properties.service_type = context.service_type;
+  }
+  if (context.city) {
+    properties.city = context.city;
+  }
+  captureEvent("qf_v3_answer_selected", properties);
+}
+function trackFormSubmitted(context, metadata) {
+  if (!context.session_id) {
+    console.warn("[Tracking] trackFormSubmitted called with empty session_id", context);
+  }
+  const properties = {
+    funnel_mode: context.funnel_mode,
+    session_id: context.session_id,
+    total_steps: context.total_steps,
+    ...metadata
+  };
+  if (context.service_type) {
+    properties.service_type = context.service_type;
+  }
+  if (context.city) {
+    properties.city = context.city;
+  }
+  captureEvent("qf_v3_form_submitted", properties);
+}
+function trackCompleted(context) {
+  if (!context.session_id) {
+    console.warn("[Tracking] trackCompleted called with empty session_id", context);
+  }
+  const properties = {
+    funnel_mode: context.funnel_mode,
+    session_id: context.session_id,
+    total_steps: context.total_steps
+  };
+  if (context.service_type) {
+    properties.service_type = context.service_type;
+  }
+  if (context.city) {
+    properties.city = context.city;
+  }
+  captureEvent("qf_v3_completed", properties);
+}
+function trackAbandoned(context, lastStep) {
+  if (!context.session_id) {
+    console.warn("[Tracking] trackAbandoned called with empty session_id", context);
+  }
+  const properties = {
+    funnel_mode: context.funnel_mode,
+    session_id: context.session_id,
+    total_steps: context.total_steps,
+    step_id: lastStep.step_id,
+    step_index: lastStep.step_index
+  };
+  if (context.service_type) {
+    properties.service_type = context.service_type;
+  }
+  if (context.city) {
+    properties.city = context.city;
+  }
+  captureEvent("qf_v3_abandoned", properties);
+}
+function trackStarted(context, initialStepId) {
+  const properties = {
+    funnel_mode: context.funnel_mode,
+    session_id: context.session_id,
+    initial_step: initialStepId
+  };
+  captureEvent("qf_v3_started", properties);
+}
+const TrackingContext = createContext(null);
+function TrackingProvider({
+  funnelContextRef,
+  updateContext,
+  currentStepId,
+  children
+}) {
+  const { state } = useQualification();
+  const trackAnswer = useCallback(
+    (questionId, value) => {
+      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 questionIndex = questions2.findIndex((q2) => q2.id === questionId);
+      const isLastQuestion = questionIndex === questions2.length - 1;
+      const sessionKey = `qf_v3_started_${funnelContextRef.current.session_id}`;
+      if (typeof sessionStorage !== "undefined") {
+        const hasStarted = sessionStorage.getItem(sessionKey);
+        if (!hasStarted) {
+          sessionStorage.setItem(sessionKey, "true");
+          trackStarted(funnelContextRef.current, currentStepId);
+        }
+      }
+      if (questionId === "service_type") {
+        const serviceType = value;
+        if (serviceType) {
+          const stepOrder = getStepOrderForServiceType(serviceType);
+          delete funnelContextRef.current.city;
+          updateContext({
+            service_type: serviceType,
+            total_steps: stepOrder.length
+          });
+        }
+      } else if (questionId === "city") {
+        updateContext({ city: value });
+      }
+      trackAnswerSelected(funnelContextRef.current, {
+        step_id: step2.id,
+        step_index: stepIndex,
+        question_id: questionId,
+        answer_value: value,
+        is_last_question: isLastQuestion
+      });
+    },
+    [funnelContextRef, currentStepId, state, updateContext]
+  );
+  return /* @__PURE__ */ jsx(TrackingContext.Provider, { value: { funnelContextRef, currentStepId, trackAnswer }, children });
+}
+function useTracking() {
+  const context = useContext(TrackingContext);
+  if (!context) {
+    const defaultRef = {
+      current: {
+        session_id: "",
+        funnel_mode: "embedded",
+        service_type: "",
+        total_steps: 0
+      }
+    };
+    return {
+      funnelContextRef: defaultRef,
+      currentStepId: "",
+      trackAnswer: () => {
+      }
+    };
+  }
+  return context;
+}
 function BudgetQuestionWithPeopleCount() {
   var _a2, _b;
   const { answerOf, errorsOf, actions } = useQualification();
   const { t: t2 } = useTranslation();
   const { currentUserAccount } = useCurrentUser();
+  const { trackAnswer } = useTracking();
   const isManagedAccount = (_b = (_a2 = currentUserAccount == null ? void 0 : currentUserAccount.owner) == null ? void 0 : _a2.salesforceCustomer) == null ? void 0 : _b.isManagedAccount;
   const peopleCountAnswer = answerOf(questions$2.peopleCount.id);
   const peopleCountErrors = errorsOf(questions$2.peopleCount.id);
@@ -10073,7 +10243,10 @@ function BudgetQuestionWithPeopleCount() {
         id: questions$2.peopleCount.id,
         value: peopleCountAnswer || 0,
         error: !!(peopleCountErrors == null ? void 0 : peopleCountErrors.length),
-        onChange: (value) => actions.answerQuestion(questions$2.peopleCount.id, value),
+        onChange: (value) => {
+          actions.answerQuestion(questions$2.peopleCount.id, value);
+          trackAnswer(questions$2.peopleCount.id, value);
+        },
         autoFocus: false
       }
     ) }),
@@ -10082,7 +10255,10 @@ function BudgetQuestionWithPeopleCount() {
       {
         questionId: questions$2.peopleCount.id,
         suggestions: peopleCountQuestion.suggestions || [],
-        onSelect: (value) => actions.answerQuestion(questions$2.peopleCount.id, value)
+        onSelect: (value) => {
+          actions.answerQuestion(questions$2.peopleCount.id, value);
+          trackAnswer(questions$2.peopleCount.id, value);
+        }
       }
     ) }),
     /* @__PURE__ */ jsx(Divider, { my: 4 }),
@@ -10100,6 +10276,7 @@ function BudgetQuestionWithPeopleCount() {
           actions.answerQuestion(pricePerPersonQuestion.id, val, {
             isManagedAccount
           });
+          trackAnswer(pricePerPersonQuestion.id, val);
         }
       }
     ) }),
@@ -10113,9 +10290,12 @@ function BudgetQuestionWithPeopleCount() {
         autoFocus: false,
         error: !!(budgetErrors == null ? void 0 : budgetErrors.length),
         value: budgetAnswer ? Math.floor(budgetAnswer) : 0,
-        onChange: (val) => actions.answerQuestion(totalBudgetQuestion.id, Math.floor(val), {
-          isManagedAccount
-        })
+        onChange: (val) => {
+          actions.answerQuestion(totalBudgetQuestion.id, Math.floor(val), {
+            isManagedAccount
+          });
+          trackAnswer(totalBudgetQuestion.id, Math.floor(val));
+        }
       }
     ),
     /* @__PURE__ */ jsx(FullRowBox, { mt: 2, children: /* @__PURE__ */ jsx(ErrorWrapper, { children: pricePerPersonErrors[0] || budgetErrors[0] }) })
@@ -10245,7 +10425,12 @@ const BudgetRangeTiles = ({
   variant = "primary"
 }) => {
   const { i18n } = useTranslation();
+  const { trackAnswer } = useTracking();
   const isGerman = i18n.language === "de";
+  const handleSelect = (range2) => {
+    onSelect(range2);
+    trackAnswer("budget_range", range2);
+  };
   return /* @__PURE__ */ jsx(TilesWrapper, { children: BUDGET_RANGE_ITEMS.map((item) => {
     const label = isGerman ? item.labelDe : item.labelEn;
     return /* @__PURE__ */ jsxs(
@@ -10256,7 +10441,7 @@ const BudgetRangeTiles = ({
         id: `tile__budget-range--${item.value}`,
         onClick: (e2) => {
           e2.currentTarget.blur();
-          onSelect(item.value);
+          handleSelect(item.value);
         },
         children: [
           /* @__PURE__ */ jsx(IconWrapper$5, { children: /* @__PURE__ */ jsx(BudgetText, { children: item.display }) }),
@@ -10513,6 +10698,7 @@ function DatePickerEmbedded() {
   var _a2, _b;
   const router = useRouter();
   const { answerOf, actions, state } = useQualification();
+  const { trackAnswer } = useTracking();
   const answer = answerOf("event_date");
   const date2 = answer;
   const activeDate = date2 ? new Date(date2) : void 0;
@@ -10549,7 +10735,10 @@ function DatePickerEmbedded() {
               formatWeekdayName: (day, options) => format(day, "EEEEE", { locale: options == null ? void 0 : options.locale })
             },
             month,
-            onDayClick: (date22) => actions.answerQuestion("event_date", date22),
+            onDayClick: (date22) => {
+              actions.answerQuestion("event_date", date22);
+              trackAnswer("event_date", date22);
+            },
             selected: activeDate,
             fromDate: minimumDate,
             onMonthChange: setMonth,
@@ -10780,7 +10969,12 @@ const DeliveryFrequencyTiles = ({
   variant = "primary"
 }) => {
   const { i18n } = useTranslation();
+  const { trackAnswer } = useTracking();
   const isGerman = i18n.language === "de";
+  const handleSelect = (frequency) => {
+    onSelect(frequency);
+    trackAnswer("delivery_frequency", frequency);
+  };
   return /* @__PURE__ */ jsx(TilesWrapper, { children: DELIVERY_FREQUENCY_ITEMS.map((item) => {
     const label = isGerman ? item.labelDe : item.labelEn;
     const isNotSure = item.value === "not_sure";
@@ -10792,7 +10986,7 @@ const DeliveryFrequencyTiles = ({
         id: `tile__delivery-frequency--${item.value}`,
         onClick: (e2) => {
           e2.currentTarget.blur();
-          onSelect(item.value);
+          handleSelect(item.value);
         },
         children: [
           /* @__PURE__ */ jsx(IconWrapper$4, { opacity: isNotSure ? 0.4 : 1, children: isNotSure ? /* @__PURE__ */ jsx(QuestionMark, { height: "1em" }) : /* @__PURE__ */ jsx(FrequencyText, { children: getTextForFrequency(item.value) }) }),
@@ -10838,6 +11032,7 @@ SCHEMA_STEPS.dietary_restrictions;
 const DietaryStepper = ({ question, autoFocus }) => {
   const { localizedAttributeName } = useLocalizedFieldName();
   const { state, actions, answerOf } = useQualification();
+  const { trackAnswer } = useTracking();
   const localizedOptions = useMemo(
     () => {
       var _a2, _b;
@@ -10854,6 +11049,7 @@ const DietaryStepper = ({ question, autoFocus }) => {
   const answer = answerOf(question.id);
   const handleChange = (value) => {
     actions.answerQuestion(question.id, value);
+    trackAnswer(question.id, value);
   };
   return /* @__PURE__ */ jsx(Box, { my: 2, children: /* @__PURE__ */ jsxs(GridWrapper$1, { children: [
     /* @__PURE__ */ jsxs(
@@ -11014,175 +11210,6 @@ function FullServiceIcon(props) {
     }
   );
 }
-function captureEvent(eventName, properties) {
-  if (typeof window === "undefined") return;
-  if (window.posthog) {
-    try {
-      window.posthog.capture(eventName, properties);
-    } catch (error) {
-      console.error("[PostHog] Failed to send event:", error);
-    }
-  }
-  if (window.dataLayer) {
-    window.dataLayer.push({
-      event: eventName,
-      ...properties
-    });
-  }
-}
-function trackAnswerSelected(context, answer) {
-  const properties = {
-    funnel_mode: context.funnel_mode,
-    session_id: context.session_id,
-    total_steps: context.total_steps,
-    step_id: answer.step_id,
-    step_index: answer.step_index,
-    question_id: answer.question_id,
-    answer_value: answer.answer_value,
-    is_last_question: answer.is_last_question
-  };
-  if (context.service_type) {
-    properties.service_type = context.service_type;
-  }
-  if (context.city) {
-    properties.city = context.city;
-  }
-  captureEvent("qf_v2_answer_selected", properties);
-}
-function trackFormSubmitted(context, metadata) {
-  if (!context.session_id) {
-    console.warn("[Tracking] trackFormSubmitted called with empty session_id", context);
-  }
-  const properties = {
-    funnel_mode: context.funnel_mode,
-    session_id: context.session_id,
-    total_steps: context.total_steps,
-    ...metadata
-  };
-  if (context.service_type) {
-    properties.service_type = context.service_type;
-  }
-  if (context.city) {
-    properties.city = context.city;
-  }
-  captureEvent("qf_v2_form_submitted", properties);
-}
-function trackCompleted(context) {
-  if (!context.session_id) {
-    console.warn("[Tracking] trackCompleted called with empty session_id", context);
-  }
-  const properties = {
-    funnel_mode: context.funnel_mode,
-    session_id: context.session_id,
-    total_steps: context.total_steps
-  };
-  if (context.service_type) {
-    properties.service_type = context.service_type;
-  }
-  if (context.city) {
-    properties.city = context.city;
-  }
-  captureEvent("qf_v2_completed", properties);
-}
-function trackAbandoned(context, lastStep) {
-  if (!context.session_id) {
-    console.warn("[Tracking] trackAbandoned called with empty session_id", context);
-  }
-  const properties = {
-    funnel_mode: context.funnel_mode,
-    session_id: context.session_id,
-    total_steps: context.total_steps,
-    step_id: lastStep.step_id,
-    step_index: lastStep.step_index
-  };
-  if (context.service_type) {
-    properties.service_type = context.service_type;
-  }
-  if (context.city) {
-    properties.city = context.city;
-  }
-  captureEvent("qf_v2_abandoned", properties);
-}
-function trackStarted(context, initialStepId) {
-  const properties = {
-    funnel_mode: context.funnel_mode,
-    session_id: context.session_id,
-    initial_step: initialStepId
-  };
-  captureEvent("qf_v2_started", properties);
-}
-const TrackingContext = createContext(null);
-function TrackingProvider({
-  funnelContextRef,
-  updateContext,
-  currentStepId,
-  children
-}) {
-  const { state } = useQualification();
-  const trackAnswer = useCallback(
-    (questionId, value) => {
-      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 questionIndex = questions2.findIndex((q2) => q2.id === questionId);
-      const isLastQuestion = questionIndex === questions2.length - 1;
-      const sessionKey = `qf_v2_started_${funnelContextRef.current.session_id}`;
-      if (typeof sessionStorage !== "undefined") {
-        const hasStarted = sessionStorage.getItem(sessionKey);
-        if (!hasStarted) {
-          sessionStorage.setItem(sessionKey, "true");
-          trackStarted(funnelContextRef.current, currentStepId);
-        }
-      }
-      if (questionId === "service_type") {
-        const serviceType = value;
-        if (serviceType) {
-          const stepOrder = getStepOrderForServiceType(serviceType);
-          delete funnelContextRef.current.city;
-          updateContext({
-            service_type: serviceType,
-            total_steps: stepOrder.length
-          });
-        }
-      } else if (questionId === "city") {
-        updateContext({ city: value });
-      }
-      trackAnswerSelected(funnelContextRef.current, {
-        step_id: step2.id,
-        step_index: stepIndex,
-        question_id: questionId,
-        answer_value: value,
-        is_last_question: isLastQuestion
-      });
-    },
-    [funnelContextRef, currentStepId, state, updateContext]
-  );
-  return /* @__PURE__ */ jsx(TrackingContext.Provider, { value: { funnelContextRef, currentStepId, trackAnswer }, children });
-}
-function useTracking() {
-  const context = useContext(TrackingContext);
-  if (!context) {
-    const defaultRef = {
-      current: {
-        session_id: "",
-        funnel_mode: "embedded",
-        service_type: "",
-        total_steps: 0
-      }
-    };
-    return {
-      funnelContextRef: defaultRef,
-      currentStepId: "",
-      trackAnswer: () => {
-      }
-    };
-  }
-  return context;
-}
 const tileIcons$1 = SERVICE_TYPE_ITEMS.map((item) => ({
   id: item.value,
   Icon: getIconForServiceType(item.value),
@@ -11502,6 +11529,11 @@ const TeamSizeInput = ({
   suggestions,
   autoFocus
 }) => {
+  const { trackAnswer } = useTracking();
+  const handleChange = (val) => {
+    onChange(val);
+    trackAnswer(questionId, val);
+  };
   return /* @__PURE__ */ jsxs(Wrapper$1, { children: [
     /* @__PURE__ */ jsx(Box, { mb: 3, children: /* @__PURE__ */ jsx(Typography, { as: "label", htmlFor: questionId, children: label }) }),
     /* @__PURE__ */ jsx(Box, { mb: (suggestions == null ? void 0 : suggestions.length) ? 3 : 0, children: /* @__PURE__ */ jsx(
@@ -11511,7 +11543,7 @@ const TeamSizeInput = ({
         name: questionId,
         value,
         error,
-        onChange: (val) => onChange(Number(val)),
+        onChange: (val) => handleChange(Number(val)),
         placeholder,
         autoFocus
       }
@@ -11521,7 +11553,7 @@ const TeamSizeInput = ({
       {
         questionId,
         suggestions,
-        onSelect: onChange
+        onSelect: handleChange
       }
     ) : null
   ] });
@@ -12271,7 +12303,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$1(obj), 8, -1) : protoTag ? "Object" : "";
+    var stringTag2 = !isPlainObject2 && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr(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) {
@@ -12296,25 +12328,25 @@ function canTrustToString(obj) {
   return !toStringTag || !(typeof obj === "object" && (toStringTag in obj || typeof obj[toStringTag] !== "undefined"));
 }
 function isArray$3(obj) {
-  return toStr$1(obj) === "[object Array]" && canTrustToString(obj);
+  return toStr(obj) === "[object Array]" && canTrustToString(obj);
 }
 function isDate(obj) {
-  return toStr$1(obj) === "[object Date]" && canTrustToString(obj);
+  return toStr(obj) === "[object Date]" && canTrustToString(obj);
 }
 function isRegExp$1(obj) {
-  return toStr$1(obj) === "[object RegExp]" && canTrustToString(obj);
+  return toStr(obj) === "[object RegExp]" && canTrustToString(obj);
 }
 function isError(obj) {
-  return toStr$1(obj) === "[object Error]" && canTrustToString(obj);
+  return toStr(obj) === "[object Error]" && canTrustToString(obj);
 }
 function isString(obj) {
-  return toStr$1(obj) === "[object String]" && canTrustToString(obj);
+  return toStr(obj) === "[object String]" && canTrustToString(obj);
 }
 function isNumber(obj) {
-  return toStr$1(obj) === "[object Number]" && canTrustToString(obj);
+  return toStr(obj) === "[object Number]" && canTrustToString(obj);
 }
 function isBoolean(obj) {
-  return toStr$1(obj) === "[object Boolean]" && canTrustToString(obj);
+  return toStr(obj) === "[object Boolean]" && canTrustToString(obj);
 }
 function isSymbol(obj) {
   if (hasShammedSymbols) {
@@ -12350,7 +12382,7 @@ var hasOwn$1 = Object.prototype.hasOwnProperty || function(key) {
 function has$4(obj, key) {
   return hasOwn$1.call(obj, key);
 }
-function toStr$1(obj) {
+function toStr(obj) {
   return objectToString.call(obj);
 }
 function nameOf(f) {
@@ -12659,7 +12691,7 @@ var syntax = SyntaxError;
 var uri = URIError;
 var abs$1 = Math.abs;
 var floor$1 = Math.floor;
-var max$2 = Math.max;
+var max$1 = Math.max;
 var min$1 = Math.min;
 var pow$1 = Math.pow;
 var round$2 = Math.round;
@@ -12788,78 +12820,99 @@ function requireObject_getPrototypeOf() {
   Object_getPrototypeOf = $Object2.getPrototypeOf || null;
   return Object_getPrototypeOf;
 }
-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;
+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];
     }
-  }
-  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)
-      );
-      if (Object(result) === result) {
-        return result;
+    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 this;
     }
-    return target.apply(
-      that,
-      concatty(args, arguments)
-    );
+    return str;
   };
-  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() {
+  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,
+        concatty(args, arguments)
+      );
     };
-    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 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;
+    }
+    return bound;
+  };
+  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 functionCall;
+var hasRequiredFunctionCall;
+function requireFunctionCall() {
+  if (hasRequiredFunctionCall) return functionCall;
+  hasRequiredFunctionCall = 1;
+  functionCall = Function.prototype.call;
+  return functionCall;
+}
 var functionApply;
 var hasRequiredFunctionApply;
 function requireFunctionApply() {
@@ -12869,14 +12922,14 @@ function requireFunctionApply() {
   return functionApply;
 }
 var reflectApply = typeof Reflect !== "undefined" && Reflect && Reflect.apply;
-var bind$2 = functionBind;
+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 = functionBind;
+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") {
@@ -12942,8 +12995,8 @@ function requireHasown() {
   hasRequiredHasown = 1;
   var call = Function.prototype.call;
   var $hasOwn = Object.prototype.hasOwnProperty;
-  var bind3 = functionBind;
-  hasown = bind3.call(call, $hasOwn);
+  var bind2 = requireFunctionBind();
+  hasown = bind2.call(call, $hasOwn);
   return hasown;
 }
 var undefined$1;
@@ -12957,7 +13010,7 @@ var $TypeError$3 = type;
 var $URIError = uri;
 var abs = abs$1;
 var floor = floor$1;
-var max = max$2;
+var max = max$1;
 var min = min$1;
 var pow = pow$1;
 var round$1 = round$2;
@@ -12991,7 +13044,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 = {
@@ -13162,13 +13215,13 @@ var LEGACY_ALIASES = {
   "%WeakMapPrototype%": ["WeakMap", "prototype"],
   "%WeakSetPrototype%": ["WeakSet", "prototype"]
 };
-var bind2 = functionBind;
+var bind = requireFunctionBind();
 var hasOwn = requireHasown();
-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 $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 rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
 var reEscapeChar = /\\(\\)?/g;
 var stringToPath = function stringToPath2(string2) {
@@ -26668,9 +26721,6 @@ function RequestForm({ header = null }) {
       if (success) {
         setIsActualUkLead(isUkLead);
         setShowLeadSuccess(true);
-        trackFormSubmitted(funnelContextRef.current, {
-          is_uk_lead: isUkLead
-        });
         trackCompleted(funnelContextRef.current);
         return;
       } else {