@heycater/qualification-funnel 1.19.30 → 1.19.31

package/dist/index.esm.js

@@ -31277,18 +31277,21 @@ const REDESIGN_STEPS = {
     breadcrumbEn: "Get quotes"
   }
 };
-function getRedesignTotalSteps() {
-  return REDESIGN_STEP_ORDER.length + 1;
-}
-const RAIL_DISPLAY_STEPS = [
-  ...REDESIGN_STEP_ORDER,
-  REDESIGN_STEP_IDS.contact
-];
 const StepRail = ({ currentStepId, onStepClick, answers }) => {
   var _a2;
   const { i18n } = useTranslation();
   const isGerman = (_a2 = i18n.language) == null ? void 0 : _a2.startsWith("de");
-  const currentIndex = RAIL_DISPLAY_STEPS.indexOf(currentStepId);
+  const { state } = useQualification();
+  const isCityStepDisabled = useMemo(() => {
+    if (!("qualification" in state)) return false;
+    const cityStep2 = state.qualification.steps.find((s3) => s3.id === "city");
+    return (cityStep2 == null ? void 0 : cityStep2.disabled) === true;
+  }, ["qualification" in state ? state.qualification.steps : null]);
+  const railDisplaySteps = useMemo(() => {
+    const steps2 = isCityStepDisabled ? REDESIGN_STEP_ORDER.filter((step2) => step2 !== REDESIGN_STEP_IDS.city) : [...REDESIGN_STEP_ORDER];
+    return [...steps2, REDESIGN_STEP_IDS.contact];
+  }, [isCityStepDisabled]);
+  const currentIndex = railDisplaySteps.indexOf(currentStepId);
   const handleStepClick = (stepId, index) => {
     if (index < currentIndex && onStepClick && stepId !== REDESIGN_STEP_IDS.contact) {
       onStepClick(stepId);
@@ -31316,7 +31319,7 @@ const StepRail = ({ currentStepId, onStepClick, answers }) => {
       /* @__PURE__ */ jsx(LogoWrapper$1, { children: /* @__PURE__ */ jsx(Logo, { height: 26 }) }),
       /* @__PURE__ */ jsx(SectionLabel, { children: isGerman ? "Catering anfragen" : "Request catering" }),
       /* @__PURE__ */ jsx(Title$1, { children: isGerman ? "In wenigen Schritten zum passenden Catering." : "Get the perfect catering in just a few steps." }),
-      /* @__PURE__ */ jsx(StepList, { children: RAIL_DISPLAY_STEPS.map((stepId, index) => {
+      /* @__PURE__ */ jsx(StepList, { children: railDisplaySteps.map((stepId, index) => {
         const step2 = REDESIGN_STEPS[stepId];
         const isActive = index === currentIndex;
         const isCompleted = index < currentIndex;
@@ -32391,6 +32394,17 @@ const RedesignedFunnel = ({
   const isGerman = (_a2 = i18n.language) == null ? void 0 : _a2.startsWith("de");
   const router = useRouter();
   const { state, actions, answerOf } = useQualification();
+  const isCityStepDisabled = React__default.useMemo(() => {
+    if (!("qualification" in state)) return false;
+    const cityStep2 = state.qualification.steps.find((s3) => s3.id === "city");
+    return (cityStep2 == null ? void 0 : cityStep2.disabled) === true;
+  }, ["qualification" in state ? state.qualification.steps : null]);
+  const stepOrder = React__default.useMemo(() => {
+    if (isCityStepDisabled) {
+      return REDESIGN_STEP_ORDER.filter((step2) => step2 !== REDESIGN_STEP_IDS.city);
+    }
+    return REDESIGN_STEP_ORDER;
+  }, [isCityStepDisabled]);
   const [currentStepIndex, setCurrentStepIndex] = useState(0);
   const [phase, setPhase] = useState("questions");
   const [budgetPerPerson2, setBudgetPerPerson] = useState(20);
@@ -32399,7 +32413,7 @@ const RedesignedFunnel = ({
   const [redirectUrl, setRedirectUrl] = useState(null);
   const hasTrackedStart = useRef(false);
   const { submitAsNewCustomer } = useRequestForm();
-  const currentStepId = REDESIGN_STEP_ORDER[currentStepIndex];
+  const currentStepId = stepOrder[currentStepIndex];
   const handleCancel = onCancel || (() => window.history.back());
   useEffect(() => {
     if (currentStepId === "redesign_people_count") {
@@ -32440,26 +32454,26 @@ const RedesignedFunnel = ({
   }, [funnelContextRef, currentStepIndex, currentStepId]);
   const nextStep = useCallback(() => {
     const nextIndex = currentStepIndex + 1;
-    if (nextIndex >= REDESIGN_STEP_ORDER.length) {
+    if (nextIndex >= stepOrder.length) {
       setPhase("loading");
     } else {
       setCurrentStepIndex(nextIndex);
     }
-  }, [currentStepIndex]);
+  }, [currentStepIndex, stepOrder.length]);
   const previousStep = useCallback(() => {
     if (currentStepIndex > 0) {
       setCurrentStepIndex(currentStepIndex - 1);
     }
   }, [currentStepIndex]);
   const goToStep = useCallback((stepId) => {
-    const index = REDESIGN_STEP_ORDER.indexOf(stepId);
+    const index = stepOrder.indexOf(stepId);
     if (index >= 0) {
       if (phase === "contact") {
         setPhase("questions");
       }
       setCurrentStepIndex(index);
     }
-  }, [phase]);
+  }, [phase, stepOrder]);
   const handleCitySelect = useCallback((city) => {
     actions.answerQuestion("city", city);
     trackAnswer("city", city);
@@ -32472,9 +32486,9 @@ const RedesignedFunnel = ({
     actions.answerQuestion("service_type", mapping.service_type);
     actions.answerQuestion("catering_categories", [mapping.catering_category]);
     trackAnswer("event_type", eventType);
-    updateContext({ service_type: mapping.service_type, total_steps: getRedesignTotalSteps() });
+    updateContext({ service_type: mapping.service_type, total_steps: stepOrder.length + 1 });
     nextStep();
-  }, [actions, trackAnswer, updateContext, nextStep]);
+  }, [actions, trackAnswer, updateContext, nextStep, stepOrder.length]);
   const handleDateChange = useCallback((date2) => {
     if (date2) {
       actions.answerQuestion("event_date", date2);
@@ -32532,8 +32546,8 @@ const RedesignedFunnel = ({
   }, [submitAsNewCustomer, funnelContextRef, router.locale]);
   const handleContactBack = useCallback(() => {
     setPhase("questions");
-    setCurrentStepIndex(REDESIGN_STEP_ORDER.length - 1);
-  }, []);
+    setCurrentStepIndex(stepOrder.length - 1);
+  }, [stepOrder.length]);
   const canContinue = useCallback(() => {
     switch (currentStepId) {
       case "redesign_city":
@@ -32651,7 +32665,7 @@ const RedesignedFunnel = ({
   const currentStep = REDESIGN_STEPS[currentStepId];
   const stepTitle = isGerman ? currentStep.titleDe : currentStep.titleEn;
   const stepSubtitle = isGerman ? currentStep.subtitleDe : currentStep.subtitleEn;
-  const totalSteps = getRedesignTotalSteps();
+  const totalSteps = stepOrder.length + 1;
   const chips = buildSelectionChips();
   const showBack = currentStepIndex > 0;
   const showChips = currentStepIndex >= 1 && chips.length > 0;

package/package.json

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