@heycater/qualification-funnel 1.19.10 → 1.19.12

package/dist/index.esm.js

@@ -4273,11 +4273,7 @@ const useIsGb = () => {
 };
 const getIsGb = (query) => {
   if (typeof window !== "undefined") {
-    const pathname = window.location.pathname.toLowerCase();
-    if (pathname.includes("london")) {
-      return true;
-    }
-    if (pathname.includes("en-uk")) {
+    if (window.location.pathname.toLowerCase().includes("london")) {
       return true;
     }
   }
@@ -9265,8 +9261,6 @@ function getPillValue({
         answers.price_per_person,
         answers.min_order_number
       ];
-      const isGb = getIsGb();
-      const currency = getCurrencySymbol(isGb);
       return [
         {
           stepId,
@@ -9278,8 +9272,7 @@ function getPillValue({
           questionId: "price_per_person",
           text: t2("qualification:selection.budget", {
             perPerson: pricePerPerson,
-            total: total2,
-            currency
+            total: total2
           })
         }
       ];
@@ -9889,14 +9882,9 @@ const localeConfig = {
 };
 const algoliaAttributeNameForLocale = (locale2) => (name) => {
   const toLocalizedAlgoliaKey = (name2) => {
-    let parsedLocale;
-    if (typeof locale2 === "string" && locale2.startsWith("en")) {
-      parsedLocale = "en";
-    } else if (localeConfig.locales.includes(locale2)) {
-      parsedLocale = locale2;
-    } else {
-      parsedLocale = localeConfig.defaultLocale;
-    }
+    const parsedLocale = localeConfig.locales.includes(
+      locale2
+    ) ? locale2 : localeConfig.defaultLocale;
     return `${name2}_${parsedLocale}`;
   };
   if (name.includes(".")) {
@@ -9906,9 +9894,6 @@ const algoliaAttributeNameForLocale = (locale2) => (name) => {
   return toLocalizedAlgoliaKey(name);
 };
 const attributeNameForLocale = (locale2) => (name) => {
-  if (locale2 == null ? void 0 : locale2.startsWith("en")) {
-    return `${name}En`;
-  }
   if (!localeConfig.locales.includes(locale2))
     return `${name}${capitalize$3(localeConfig.defaultLocale)}`;
   return `${name}${capitalize$3(locale2)}`;
@@ -10229,6 +10214,20 @@ function trackStarted(context, initialStepId) {
     initial_step: initialStepId
   };
   captureEvent("qf_v14_started", properties);
+  trackOptimeleonConversion("funnel_started");
+}
+function trackOptimeleonConversion(eventName, serviceType) {
+  if (typeof window === "undefined") return;
+  if (window.optimeleon) {
+    try {
+      window.optimeleon("track", eventName);
+      if (serviceType) {
+        window.optimeleon("track", `${eventName}_${serviceType}`);
+      }
+    } catch (error) {
+      console.error("[Optimeleon] Failed to track conversion:", error);
+    }
+  }
 }
 function serializeAnswerValue(value) {
   if (value === void 0) return null;
@@ -10860,7 +10859,7 @@ const SwitchesWrapper = styled.div`
 `;
 const defaultLeadTimeInDays = DEFAULT_LEAD_DAYS;
 function DatePickerEmbedded() {
-  var _a2, _b, _c;
+  var _a2, _b;
   const router = useRouter();
   const { answerOf, actions, state } = useQualification();
   const { trackAnswer } = useTracking();
@@ -10874,7 +10873,7 @@ function DatePickerEmbedded() {
     answers: state.qualification.answers,
     selectedCaterer: state.qualification.selectedCaterer
   }) : null;
-  const minDateMessage = ((_a2 = router.locale) == null ? void 0 : _a2.startsWith("en")) ? (_b = attributes == null ? void 0 : attributes.minDate) == null ? void 0 : _b.messageEn : (_c = attributes == null ? void 0 : attributes.minDate) == null ? void 0 : _c.messageDe;
+  const minDateMessage = router.locale === "en" ? (_a2 = attributes == null ? void 0 : attributes.minDate) == null ? void 0 : _a2.messageEn : (_b = attributes == null ? void 0 : attributes.minDate) == null ? void 0 : _b.messageDe;
   const [isRecurringNeedSelected] = useState(
     !!answerOf(isRecurringQuestion.id)
   );
@@ -11880,7 +11879,7 @@ const EmbeddedQuestion = ({
           content: /* @__PURE__ */ jsx(Container, { size: MAX_WIDTH_OF_WHITE_WRAPPER, children: /* @__PURE__ */ jsx(WhiteWrapper, { children: /* @__PURE__ */ jsx(Box, { py: 4, children: /* @__PURE__ */ jsx(
             TeamSizeInput,
             {
-              label: t2("qualification:embeddedFunnel.teamSize.label", (_e = teamSizeQuestion.content) == null ? void 0 : _e.titleEn),
+              label: t2("qualification:embeddedFunnel.teamSize.label", (_e = teamSizeQuestion.content) == null ? void 0 : _e.titleDe),
               questionId: teamSizeQuestion.id,
               value: answerOf("team_size"),
               onChange: (value) => actions.answerQuestion("team_size", value),
@@ -12473,7 +12472,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) {
@@ -12498,25 +12497,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) {
@@ -12552,7 +12551,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) {
@@ -12861,7 +12860,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;
@@ -12990,99 +12989,78 @@ 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];
+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 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;
+};
+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;
       }
+      return this;
     }
-    return str;
+    return target.apply(
+      that,
+      concatty(args, arguments)
+    );
   };
-  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)
-      );
+  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() {
     };
-    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;
-}
+    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;
 function requireFunctionApply() {
@@ -13092,14 +13070,14 @@ 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 = requireFunctionCall();
+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 = requireFunctionCall();
+var $call$1 = functionCall;
 var $actualApply = actualApply;
 var callBindApplyHelpers = function callBindBasic(args) {
   if (args.length < 1 || typeof args[0] !== "function") {
@@ -13165,8 +13143,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;
@@ -13180,7 +13158,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;
@@ -13214,7 +13192,7 @@ var getProto = requireGetProto();
 var $ObjectGPO = requireObject_getPrototypeOf();
 var $ReflectGPO = requireReflect_getPrototypeOf();
 var $apply = requireFunctionApply();
-var $call = requireFunctionCall();
+var $call = functionCall;
 var needsEval = {};
 var TypedArray = typeof Uint8Array === "undefined" || !getProto ? undefined$1 : getProto(Uint8Array);
 var INTRINSICS = {
@@ -13385,13 +13363,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) {
@@ -26880,6 +26858,7 @@ function RequestForm({ header = null }) {
     var _a3;
     handleDisableCTA(true);
     const serviceType = (_a3 = qualification == null ? void 0 : qualification.answers) == null ? void 0 : _a3.service_type;
+    trackOptimeleonConversion("funnel_form_submitted", serviceType);
     const isLeadOnlyFunnel = serviceType === "regular_employee_catering" || serviceType === "full_service_event";
     const { deliveryAddressCountry: deliveryAddressCountry2 } = values2;
     const isUkLead = ["United Kingdom", "Great Britain", "UK"].includes(
@@ -26893,6 +26872,7 @@ function RequestForm({ header = null }) {
         setShowLeadSuccess(true);
         trackFormSubmitted(funnelContextRef.current, { is_uk_lead: isUkLead });
         trackCompleted(funnelContextRef.current);
+        trackOptimeleonConversion("funnel_completed", serviceType);
         return;
       } else {
         console.error("[HeyCater Funnel] Lead submission failed. Result:", response);
@@ -26935,6 +26915,7 @@ function RequestForm({ header = null }) {
       is_logged_in: !!currentUserAccount
     });
     trackCompleted(funnelContextRef.current);
+    trackOptimeleonConversion("funnel_completed", serviceType);
     actions.setRequest(values2);
     redirectToCustomerAccountRequest(redirectRoute);
   };
@@ -28432,7 +28413,7 @@ const selection$1 = {
   vegan: "{{ amount }} Veganer",
   vegetarian: "{{ amount }} Vegetarier",
   carnivore: "{{ amount }} Fleischesser",
-  budget: "{{ perPerson }}{{currency}} p.P. / {{ total }}{{currency}} Gesamtbudget"
+  budget: "{{ perPerson }}€ p.P. / {{ total }}€ Gesamtbudget"
 };
 const diet$1 = {
   pax: "Personenzahl:"
@@ -28895,7 +28876,7 @@ const questions = {
   lead_type: "request type",
   min_order_number: "Number of people",
   budget: "budget",
-  budgetProPerson: "Budget per person",
+  budgetProPerson: "Budget pro Person",
   totalBudget: "Total Budget",
   services: "services"
 };
@@ -29624,7 +29605,7 @@ const selection = {
   vegan: "{{ amount }} Vegans",
   vegetarian: "{{ amount }} Vegetarians",
   carnivore: "{{ amount }} Carnivores",
-  budget: "{{currency}}{{ perPerson }} pp / {{currency}}{{ total }} Total Budget"
+  budget: "{{ perPerson }}€ p.P. / {{ total }}€ Total Budget"
 };
 const diet = {
   pax: "Number of people:"
@@ -30723,6 +30704,7 @@ function QualificationFunnel({
 }) {
   const [ratings, setRatings] = useState(null);
   const [initialized, setInitialized] = useState(false);
+  const [isGb, setIsGb] = useState(() => getIsGb());
   useEffect(() => {
     setAssetsBaseUrl(assetBaseUrl);
     initConfig({
@@ -30732,6 +30714,27 @@ function QualificationFunnel({
     });
     setInitialized(true);
   }, [apiEndpoint, googleMapsApiKey, locale2, assetBaseUrl]);
+  useEffect(() => {
+    const handleUrlChange = () => {
+      setIsGb(getIsGb());
+    };
+    window.addEventListener("popstate", handleUrlChange);
+    const originalPushState = history.pushState.bind(history);
+    const originalReplaceState = history.replaceState.bind(history);
+    history.pushState = (...args) => {
+      originalPushState(...args);
+      handleUrlChange();
+    };
+    history.replaceState = (...args) => {
+      originalReplaceState(...args);
+      handleUrlChange();
+    };
+    return () => {
+      window.removeEventListener("popstate", handleUrlChange);
+      history.pushState = originalPushState;
+      history.replaceState = originalReplaceState;
+    };
+  }, []);
   useEffect(() => {
     if (initialized) {
       fetchRatings().then(setRatings).catch(console.error);
@@ -30749,7 +30752,7 @@ function QualificationFunnel({
       QualificationProvider,
       {
         initialized: true,
-        storageKey,
+        storageKey: isGb ? `${storageKey}-gb` : storageKey,
         storage: "sessionStorage",
         children: /* @__PURE__ */ jsx(
           EmbeddedFunnel,
@@ -30761,7 +30764,8 @@ function QualificationFunnel({
             onCancel
           }
         )
-      }
+      },
+      isGb ? "gb" : "de"
     )
   ] }) }) }) }) }) });
 }

package/package.json

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