@heycater/qualification-funnel 1.19.16 → 1.19.18

package/dist/index.esm.js

@@ -10222,15 +10222,29 @@ function trackStarted(context, initialStepId) {
 }
 function trackOptimeleonConversion(eventName, serviceType) {
   if (typeof window === "undefined") return;
+  console.log("[Optimeleon Debug] trackOptimeleonConversion called", {
+    eventName,
+    serviceType,
+    serviceTypeType: typeof serviceType,
+    serviceTypeTruthy: !!serviceType,
+    optimeleonExists: !!window.optimeleon
+  });
   if (window.optimeleon) {
     try {
+      console.log("[Optimeleon Debug] Firing generic event:", eventName);
       window.optimeleon("track", eventName);
       if (serviceType) {
-        window.optimeleon("track", `${eventName}_${serviceType}`);
+        const specificEvent = `${eventName}_${serviceType}`;
+        console.log("[Optimeleon Debug] Firing specific event:", specificEvent);
+        window.optimeleon("track", specificEvent);
+      } else {
+        console.log("[Optimeleon Debug] serviceType is falsy, skipping specific event");
       }
     } catch (error) {
       console.error("[Optimeleon] Failed to track conversion:", error);
     }
+  } else {
+    console.log("[Optimeleon Debug] window.optimeleon not available");
   }
 }
 function serializeAnswerValue(value) {
@@ -10330,6 +10344,7 @@ function TrackingProvider({
       const isLastQuestion = questionIndex === questions2.length - 1;
       if (question.id === "service_type" && isValidServiceType(currentValue)) {
         const stepOrder = getStepOrderForServiceType(currentValue);
+        console.log("[Optimeleon Debug] trackingContext updating service_type:", currentValue);
         updateContext({
           service_type: currentValue,
           total_steps: stepOrder.length
@@ -10354,6 +10369,7 @@ function TrackingProvider({
     (questionId, value) => {
       if (questionId === "service_type" && isValidServiceType(value)) {
         const stepOrder = getStepOrderForServiceType(value);
+        console.log("[Optimeleon Debug] trackAnswer updating service_type:", value);
         delete funnelContextRef.current.city;
         updateContext({
           service_type: value,
@@ -26453,15 +26469,18 @@ function FormikFormField({
 const capitalizeFirstLetter = (str) => str ? str.charAt(0).toUpperCase() + str.slice(1) : "";
 function PhoneField({ label, name, formik, helperText }) {
   const { t: t2 } = useTranslation();
+  const isGb = useIsGb();
   const rawError = formik.errors.phone;
   const error = rawError ? t2(rawError) : rawError;
   const fieldValue = formik.values.phone;
   const touched = formik.touched.phone;
+  const countryPrefix = isGb ? "+44" : "+49";
+  const placeholder = isGb ? "+44 20 7946 0958" : "+49 30 56837200";
   const handleChange = (e2) => {
     let value = e2.target.value;
     value = value.replace(/[^\d+\s-]/g, "");
     if (!value.startsWith("+")) {
-      value = "+49" + value.replace(/^\+/, "");
+      value = countryPrefix + value.replace(/^\+/, "");
     }
     formik.setFieldValue("phone", value, true);
   };
@@ -26475,7 +26494,7 @@ function PhoneField({ label, name, formik, helperText }) {
         value: fieldValue,
         onChange: handleChange,
         onBlur: () => formik.setFieldTouched("phone", true),
-        placeholder: "+49 30 56837200",
+        placeholder,
         $hasError: Boolean(touched && error)
       }
     ),
@@ -26885,7 +26904,19 @@ 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 contextServiceType = funnelContextRef.current.service_type;
+    console.log("[Optimeleon Debug] handleSubmit called", {
+      serviceType,
+      serviceTypeType: typeof serviceType,
+      serviceTypeLength: serviceType == null ? void 0 : serviceType.length,
+      serviceTypeFromContext: contextServiceType,
+      contextServiceTypeType: typeof contextServiceType,
+      allAnswers: JSON.stringify(qualification == null ? void 0 : qualification.answers),
+      funnelContext: JSON.stringify(funnelContextRef.current)
+    });
+    const effectiveServiceType = serviceType || contextServiceType;
+    console.log("[Optimeleon Debug] About to track funnel_form_submitted with:", effectiveServiceType);
+    trackOptimeleonConversion("funnel_form_submitted", effectiveServiceType);
     const isLeadOnlyFunnel = serviceType === "regular_employee_catering" || serviceType === "full_service_event";
     const { deliveryAddressCountry: deliveryAddressCountry2 } = values2;
     const isUkLead = ["United Kingdom", "Great Britain", "UK"].includes(
@@ -26899,7 +26930,8 @@ function RequestForm({ header = null }) {
         setShowLeadSuccess(true);
         trackFormSubmitted(funnelContextRef.current, { is_uk_lead: isUkLead });
         trackCompleted(funnelContextRef.current);
-        trackOptimeleonConversion("funnel_completed", serviceType);
+        console.log("[Optimeleon Debug] Lead-only flow - tracking funnel_completed with:", effectiveServiceType);
+        trackOptimeleonConversion("funnel_completed", effectiveServiceType);
         return;
       } else {
         console.error("[HeyCater Funnel] Lead submission failed. Result:", response);
@@ -26942,7 +26974,8 @@ function RequestForm({ header = null }) {
       is_logged_in: !!currentUserAccount
     });
     trackCompleted(funnelContextRef.current);
-    trackOptimeleonConversion("funnel_completed", serviceType);
+    console.log("[Optimeleon Debug] Regular flow - tracking funnel_completed with:", effectiveServiceType);
+    trackOptimeleonConversion("funnel_completed", effectiveServiceType);
     actions.setRequest(values2);
     redirectToCustomerAccountRequest(redirectRoute);
   };
@@ -30130,10 +30163,18 @@ const EmbeddedFunnel = React__default.forwardRef(
       }
       const shouldRestoreCity = (restoredContext == null ? void 0 : restoredContext.service_type) === serviceType;
       const cityToUse = city || (shouldRestoreCity ? restoredContext == null ? void 0 : restoredContext.city : void 0);
+      const finalServiceType = (restoredContext == null ? void 0 : restoredContext.service_type) || serviceType;
+      console.log("[Optimeleon Debug] EmbeddedFunnel initializing context", {
+        sessionId,
+        serviceTypeFromState: serviceType,
+        serviceTypeFromRestored: restoredContext == null ? void 0 : restoredContext.service_type,
+        finalServiceType,
+        allAnswers: state.qualification.answers
+      });
       updateContext({
         session_id: sessionId,
         total_steps: totalSteps,
-        service_type: (restoredContext == null ? void 0 : restoredContext.service_type) || serviceType,
+        service_type: finalServiceType,
         ...cityToUse ? { city: cityToUse } : {}
       });
     }, [

package/package.json

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