@heycater/qualification-funnel 1.19.21 → 1.19.22-legacy.2

package/dist/index.esm.js

@@ -8444,7 +8444,7 @@ function isDataInStorageInvalid(data) {
       })
     });
     validator.validateSync(data);
-    const cityItems = cityQuestion.getItems({});
+    const cityItems = cityQuestion.getItems({ answers: {} });
     if (cityItems.length === 1) {
       const storedData = data;
       const cityStep2 = (_b = (_a2 = storedData.qualification) == null ? void 0 : _a2.steps) == null ? void 0 : _b.find((s3) => s3.id === "city");
@@ -9130,6 +9130,11 @@ function formatDate(dateString, locale2) {
 function toUnixTimestamp(date2) {
   return (date2.getTime() / 1e3).toFixed(0);
 }
+function formatBudget(amount) {
+  const isGb = getIsGb();
+  const symbol = getCurrencySymbol(isGb);
+  return isGb ? `${symbol}${amount ?? 0}` : `${amount ?? 0}${symbol}`;
+}
 const usePillValue = ({
   stepId,
   questionId
@@ -9273,8 +9278,8 @@ function getPillValue({
           stepId,
           questionId: "price_per_person",
           text: t2("qualification:selection.budget", {
-            perPerson: pricePerPerson,
-            total: total2
+            perPerson: formatBudget(pricePerPerson),
+            total: formatBudget(total2)
           })
         }
       ];
@@ -9532,7 +9537,7 @@ const EmbeddedQuestionLayout = ({
   title,
   subtitle,
   content,
-  containerSize = "sm",
+  containerSize,
   disableGutters,
   answerContainerSize = 826,
   side,
@@ -9541,6 +9546,7 @@ const EmbeddedQuestionLayout = ({
   ...boxProps
 }) => {
   const isFullscreen = mode === "fullscreen";
+  const effectiveContainerSize = containerSize ?? (isFullscreen ? "md" : "sm");
   const { state } = useQualification();
   const isMobile = useBreakpointDown("sm");
   if (state.status !== QUALIFICATION_STATUS.answered && state.status !== QUALIFICATION_STATUS.answering && state.status !== QUALIFICATION_STATUS.qualifiedForRequest) {
@@ -9553,7 +9559,7 @@ const EmbeddedQuestionLayout = ({
   return /* @__PURE__ */ jsxs(
     Container,
     {
-      size: containerSize,
+      size: effectiveContainerSize,
       disableGutters,
       ...isFullscreen ? { style: { display: "flex", flexDirection: "column", flexGrow: 1 } } : {},
       ...boxProps,
@@ -9704,6 +9710,10 @@ const FullscreenTitle = styled.h2`
   ${({ theme }) => theme.breakpoints.up("md")} {
     font-size: 30px;
   }
+
+  ${({ theme }) => theme.breakpoints.up("lg")} {
+    font-size: 34px;
+  }
 `;
 const StickyFooter = styled.div`
   position: sticky;
@@ -10266,17 +10276,8 @@ function trackOptimeleonConversion(eventName, serviceType) {
 }
 function trackGtagConversion(eventName, params) {
   if (typeof window === "undefined") return;
-  if (window.gtag) {
-    try {
-      window.gtag("event", eventName, {
-        ...params,
-        transport_type: "beacon",
-        send_to: getConfig().googleTagId || void 0
-      });
-    } catch (error) {
-      console.error("[gtag] Failed to send event:", error);
-    }
-  }
+  window.dataLayer = window.dataLayer || [];
+  window.dataLayer.push({ event: eventName, ...params });
 }
 function serializeAnswerValue(value) {
   if (value === void 0) return null;
@@ -10558,6 +10559,11 @@ const TilesWrapper = styled(Box)`
     flex-wrap: wrap;
     justify-content: center;
   }
+
+  ${({ theme }) => theme.breakpoints.up("lg")} {
+    max-width: 1200px;
+    gap: ${({ theme, $size }) => $size === "sm" ? theme.spacing(2) : theme.spacing(3)}px;
+  }
 `;
 const StyledTileTypography = styled(Typography)`
   line-height: 172.5%;
@@ -11491,6 +11497,11 @@ const ServiceTile = styled(Tile)`
     flex-shrink: 0;
     gap: ${({ theme }) => theme.spacing(1)}px;
   }
+
+  ${({ theme }) => theme.breakpoints.up("lg")} {
+    height: 220px;
+    width: 220px;
+  }
 `;
 const IconWrapper$2 = styled(Box)`
   min-width: 32px;
@@ -11503,6 +11514,11 @@ const IconWrapper$2 = styled(Box)`
     height: 40px;
     font-size: 36px;
   }
+
+  ${({ theme }) => theme.breakpoints.up("lg")} {
+    height: 48px;
+    font-size: 42px;
+  }
 `;
 const ServiceTileLabel = styled(Typography)`
   font-size: 11px;
@@ -11512,6 +11528,10 @@ const ServiceTileLabel = styled(Typography)`
   ${({ theme }) => theme.breakpoints.up("sm")} {
     font-size: 15px;
   }
+
+  ${({ theme }) => theme.breakpoints.up("lg")} {
+    font-size: 16px;
+  }
 `;
 const SubtitleText = styled(Typography)`
   font-size: 9px;
@@ -11523,6 +11543,11 @@ const SubtitleText = styled(Typography)`
   ${({ theme }) => theme.breakpoints.up("sm")} {
     font-size: 12px;
   }
+
+  ${({ theme }) => theme.breakpoints.up("lg")} {
+    font-size: 13px;
+    max-width: 180px;
+  }
 `;
 const ICON_BASE_PATH = "/artifacts/icons/catering_category";
 const getIconUrl = (name) => getAssetUrl(`${ICON_BASE_PATH}/${name}.svg`);
@@ -28512,7 +28537,7 @@ const selection$1 = {
   vegan: "{{ amount }} Veganer",
   vegetarian: "{{ amount }} Vegetarier",
   carnivore: "{{ amount }} Fleischesser",
-  budget: "{{ perPerson }}€ p.P. / {{ total }}€ Gesamtbudget"
+  budget: "{{ perPerson }} p.P. / {{ total }} Gesamtbudget"
 };
 const diet$1 = {
   pax: "Personenzahl:"
@@ -29704,7 +29729,7 @@ const selection = {
   vegan: "{{ amount }} Vegans",
   vegetarian: "{{ amount }} Vegetarians",
   carnivore: "{{ amount }} Carnivores",
-  budget: "{{ perPerson }}€ p.P. / {{ total }}€ Total Budget"
+  budget: "{{ perPerson }} p.P. / {{ total }} Total Budget"
 };
 const diet = {
   pax: "Number of people:"

package/package.json

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