@hhgtech/hhg-components 1.29.425-beta-2 → 1.29.425-beta-4

package/build/esm/{popupCollectPhone-9e8a8851.js → popupCollectPhone-22e77cee.js}

@@ -1,27 +1,32 @@
 import * as React from 'react';
-import React__default, { useMemo, useState, useEffect } from 'react';
-import { u as useTranslations } from './index-f3cea352.js';
+import React__default, { useMemo, useState, useEffect, useRef } from 'react';
+import { u as useTranslations } from './index-97e5aad1.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-26e9c9a1.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-a1f00574.js';
+import { C as CommonGAssets } from './index-e6180320.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-e02339aa.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar } from './index-d114444d.js';
-import { b as getTogetherUserPostsApiPath } from './index-7e93c5d9.js';
-import { B as Button } from './index-737fe407.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-c5f6d5f2.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag } from './index-701c50d9.js';
+import { b as getTogetherUserPostsApiPath } from './index-3316e960.js';
+import { B as Button } from './index-b22bc773.js';
+import styled from '@emotion/styled';
+import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
+import cn from 'classnames';
+import { b as basePath, Z as ZINDEX_SSO } from './index-b4bd3fee.js';
+import { L as LOCALISED_SLUGS } from './constants-2e7696a7.js';
+import { T as Text } from './index-3adda1a8.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-5f538c10.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-643d7011.js';
 import { useDisclosure } from '@mantine/hooks';
 import { clsx, Modal, Flex, Box } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-47e753a2.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-0955d1d4.js';
 import { Drawer } from 'vaul';
-import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-0efe9648.js';
-import { u as useTextStyles, T as TextField, E as ErrorIcon } from './index-659b5390.js';
+import { u as useTextStyles, T as TextField, E as ErrorIcon } from './index-6ae47b2b.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-2d0faac2.js';
-import { P as Phone, I as Input } from './index-0c60162c.js';
-import { B as Button$1 } from './index-b85db3ec.js';
-import { M as MAPPED_LOCALE } from './index-f08dee89.js';
-import { T as Text } from './index-130bddce.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-a96854b4.js';
+import { P as Phone, I as Input } from './index-270d6691.js';
+import { B as Button$1 } from './index-e634ce5c.js';
+import { M as MAPPED_LOCALE } from './index-9a36ac3f.js';
+import { T as Text$1 } from './index-30c10025.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),
@@ -419,6 +424,379 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
             logoutButton))));
 };
 
+const StyledOpeningHour = styled.div `
+  color: #111111;
+  margin-bottom: 1rem;
+  .txt-body-1 {
+    font-size: 0.8125rem;
+    line-height: 1.25rem;
+  }
+  .txt-body-2 {
+    font-size: 0.9375rem;
+    line-height: 1.5rem;
+  }
+`;
+const StyledFormatDataBox = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.75rem 0;
+  border-bottom: 1px solid ${theme.colors.neutral100};
+
+  &:last-child {
+    border-bottom: 0;
+  }
+`;
+
+const workingDays = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun'];
+function OpeningHours({ workingTimes }) {
+    const { t } = useTranslations();
+    const formatData = useMemo(() => {
+        const result = [];
+        let currentKey = '';
+        workingDays.forEach((item) => {
+            const dayData = workingTimes[item];
+            if (dayData) {
+                const dayKey = dayData
+                    .map((dayItem) => `${dayItem.start_at}-${dayItem.end_at}`)
+                    .join('|');
+                if (currentKey === dayKey) {
+                    result[result.length - 1] = [...result[result.length - 1], item];
+                }
+                else {
+                    result.push([item]);
+                }
+                currentKey = dayKey;
+            }
+        });
+        return result.map((item) => {
+            var _a;
+            if (!item.length) {
+                return null;
+            }
+            let dayLabel = t(`workingDays.${item[0]}`);
+            if (item.length > 1) {
+                dayLabel = `${dayLabel} - ${t(`workingDays.${item.at(-1)}`)}`;
+            }
+            return {
+                day: dayLabel,
+                value: (_a = workingTimes[item[0]]) === null || _a === void 0 ? void 0 : _a.map((item) => `${item.start_at.slice(0, 5)} - ${item.end_at.slice(0, 5)}`).join(', '),
+            };
+        });
+    }, [workingTimes]);
+    return (React__default.createElement(StyledOpeningHour, null,
+        React__default.createElement("div", { className: "txt-body-2", style: {
+                padding: '0.75rem 0',
+                fontWeight: 500,
+            } }, t('detail.openHours')),
+        React__default.createElement("div", null, formatData.map((item, index) => (React__default.createElement(StyledFormatDataBox, { className: "txt-body-1", key: index },
+            React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.day),
+            React__default.createElement("div", { style: { fontWeight: 500 } }, item === null || item === void 0 ? void 0 : item.value)))))));
+}
+
+/* eslint-disable prettier/prettier */
+const Ellipse = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 4 4", fill: "none" }, props),
+    React.createElement("circle", { cx: 2, cy: 2, r: 2, fill: "#BFBFBF" })));
+
+/* eslint-disable prettier/prettier */
+const PhoneInactive = (props) => (React.createElement("svg", Object.assign({ className: "callTrigger", width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none" }, props),
+    React.createElement("path", { d: "M14.4198 11.4486L12.526 11.2306C12.0676 11.178 11.6167 11.3358 11.2935 11.659L9.9032 13.0493C8.8368 12.5082 7.8696 11.8025 7.03391 10.9661C6.19747 10.1304 5.4918 9.1632 4.95071 8.0968L6.34101 6.70649C6.66416 6.38334 6.82198 5.93243 6.76938 5.47401L6.55144 3.58018C6.46125 2.82115 5.82247 2.25 5.05592 2.25H3.75579C2.90658 2.25 2.20015 2.95643 2.25276 3.80564C2.45191 7.01386 3.83395 9.89894 5.96751 12.0325C8.10106 14.166 10.9861 15.5481 14.1944 15.7472C15.0436 15.7998 15.75 15.0934 15.75 14.2442V12.9441C15.75 12.1775 15.1788 11.5387 14.4198 11.4486Z", fill: "#8C8C8C" })));
+
+const getHospitalUrl = (locale, hospital) => {
+    var _a;
+    return `/${(_a = LOCALISED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.HOSPITAL}/${hospital.slug}-${hospital.id}`;
+};
+
+const StyledOMap = styled.div `
+  position: relative;
+  min-height: calc(var(--mapHeight) + var(--card-height));
+
+  &:not([data-has-card]) {
+    --mapCardHeight: calc(var(--mapHeight) + 32px);
+    height: var(--mapCardHeight);
+  }
+
+  strong {
+    font-weight: 700;
+    &::after {
+      content: ' ';
+    }
+  }
+
+  iframe {
+    max-width: 100%;
+    /* padding-top: calc(var(--mapHeight) / var(--mapWidth) * 100%); */
+  }
+
+  &[data-has-floating-card='true'] {
+    --card-height: 0;
+
+    .card {
+      position: absolute;
+      top: 10px;
+      left: 10px;
+      max-width: 329px;
+    }
+  }
+
+  .map {
+    width: 100%;
+    height: var(--mapHeight);
+    border-radius: 6px 6px 0px 0px;
+
+    @media (max-width: 768px) {
+      height: auto;
+    }
+  }
+
+  .infoList {
+    display: flex;
+    margin-top: 8px;
+
+    svg {
+      min-width: 24px;
+      margin-right: 8px;
+    }
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  .directions {
+    margin-top: 16px;
+  }
+
+  .directionsNo {
+    display: inline-block;
+    margin-top: 8px;
+    margin-bottom: 24px;
+    color: ${theme.colors.primaryBase};
+  }
+`;
+const StyledCard = styled.div `
+    padding: 16px;
+    border: 1px solid ${theme.colors.neutral200} 
+    background: ${theme.colors.white}
+    border-bottom-left-radius: 6px;
+    border-bottom-right-radius: 6px;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    max-width: 100%;
+
+    &:not([data-is-full-width]) {
+      @media (min-width: 768px) {
+        width: var(--mapWidth);
+      }
+    }
+`;
+const StyledHospitalMoreInfo = styled.div `
+  margin-top: 4px;
+  color: ${theme.colors.gray600};
+  font-size: 14px;
+  line-height: 22px;
+  letter-spacing: -0.1px;
+
+  address {
+    display: inline;
+  }
+
+  .dots {
+    display: inline-flex;
+    margin: 0 0.5rem;
+    vertical-align: middle;
+
+    ~ span {
+      color: ${theme.colors.gray500};
+    }
+  }
+`;
+const StyledHospitalTitle = styled.a `
+  display: flex;
+  align-items: center;
+
+  span {
+    color: ${theme.colors.gray500};
+  }
+
+  svg {
+    margin: 0 8px;
+  }
+`;
+const PhoneButton = styled(Button) `
+  margin-top: 12px;
+  width: max-content;
+`;
+
+const Map = ({ className, hospital, hasNoCard, isFullWidth, height = 256, width = 768, isUsingEmbedMap = true, isCardFloating = false, distance, isLoggedIn, locale, googleMapKey, onPhoneHospital, dataEventCategory, dataEventAction, dataEventLabel, }) => {
+    const { latitude, longitude, address, name: hospitalName } = hospital;
+    const lat = parseFloat(latitude);
+    const lng = parseFloat(longitude);
+    const center = {
+        lng: lng,
+        lat: lat,
+    };
+    const mapCard = useRef(null);
+    const { t } = useTranslations();
+    const onLoad = React__default.useCallback(function callback(map) {
+        const bounds = new window.google.maps.LatLngBounds();
+        map.fitBounds(bounds);
+        setTimeout(() => map.setCenter(center), 100);
+    }, []);
+    const mapOptions = {
+        mapTypeControl: false,
+        fullscreenControl: false,
+    };
+    const mapHeight = {
+        // '--mapHeight': !hasNoCard ? '440px' : height + 'px',
+        '--mapHeight': height + 'px',
+        '--mapWidth': width + 'px',
+        '--card-height': hasNoCard || isCardFloating || !mapCard.current
+            ? 0
+            : mapCard.current.clientHeight + 'px',
+    };
+    return (React__default.createElement(StyledOMap, { className: cn(className), style: mapHeight, "data-has-card": !hasNoCard || undefined, "data-has-floating-card": isCardFloating || undefined },
+        React__default.createElement("div", { className: "map" },
+            isUsingEmbedMap ? (React__default.createElement("iframe", { width: width, height: height, style: {
+                    border: 0,
+                }, className: "aspect-ratio-map", loading: "lazy", allowFullScreen: true, src: `https://www.google.com/maps/embed/v1/place?key=${googleMapKey}&q=${hospital.latitude},${hospital.longitude}` })) : (React__default.createElement(LoadScript, { googleMapsApiKey: googleMapKey || '' },
+                React__default.createElement(GoogleMap, { mapContainerClassName: 'map', center: center, zoom: 15, onLoad: onLoad, options: mapOptions },
+                    React__default.createElement(Marker, { position: center })))),
+            !hasNoCard ? (React__default.createElement(StyledCard, { className: cn('map-card'), "data-is-full-width": isFullWidth || undefined, ref: mapCard },
+                React__default.createElement(StyledHospitalTitle, { href: `${basePath}${getHospitalUrl(locale, hospital)}` },
+                    React__default.createElement(Text, { size: "s2", type: "semiBold" }, hospitalName)),
+                React__default.createElement(StyledHospitalMoreInfo, null,
+                    React__default.createElement("address", null, address),
+                    distance !== undefined && (React__default.createElement(React__default.Fragment, null,
+                        React__default.createElement(IconWrapper, { iconSize: 4, wrapperSize: 16, svgIcon: {
+                                fill: theme.colors.gray400,
+                            }, wrapperStyle: {
+                                transform: 'translateY(-2px)',
+                            } },
+                            React__default.createElement(Ellipse, null)),
+                        React__default.createElement("span", null,
+                            distance,
+                            " km")))),
+                hospital.phone && (React__default.createElement(PhoneButton, { size: "md", color: "tertiary", isBlock: false, onClick: onPhoneHospital, icon: React__default.createElement(PhoneInactive, null), dataEventCategory: dataEventCategory, dataEventAction: dataEventAction, dataEventLabel: dataEventLabel }, isLoggedIn || locale === 'ms-MY'
+                    ? hospital.phone
+                    : t('doctorInfoComponent.loginToCall'))))) : null
+        // <a
+        //   href={`https://www.google.com/maps/dir/?api=1&destination=${lat},${lng}`}
+        //   target="_blank"
+        //   rel="noreferrer"
+        //   role="button"
+        //   tabIndex={0}
+        //   aria-label="Navigate to Google Maps to view full directions to your desination"
+        //   className={styles.directionsNo}
+        //   data-event-category="Care"
+        //   data-event-action="Get Direction Click"
+        //   data-event-label={`https://${domainLocales[locale]}${basePath}${asPath}`}
+        // >
+        //   {f({
+        //     id: 'map.viewDirections',
+        //     defaultMessage: 'View directions',
+        //   })}
+        // </a>
+        )));
+};
+
+/* eslint-disable prettier/prettier */
+const Mobile = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 17 16", fill: "none" }, props),
+    React.createElement("path", { d: "M11.3889 1.55566H5.61115C4.62931 1.55566 3.83337 2.3516 3.83337 3.33344V12.6668C3.83337 13.6486 4.62931 14.4446 5.61115 14.4446H11.3889C12.3708 14.4446 13.1667 13.6486 13.1667 12.6668V3.33344C13.1667 2.3516 12.3708 1.55566 11.3889 1.55566Z", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M7.38892 1.55566V2.44455H9.61114V1.55566", stroke: "currentColor", strokeWidth: 1.33333, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M8.49997 12.4448C8.99089 12.4448 9.38886 12.0468 9.38886 11.5559C9.38886 11.065 8.99089 10.667 8.49997 10.667C8.00905 10.667 7.61108 11.065 7.61108 11.5559C7.61108 12.0468 8.00905 12.4448 8.49997 12.4448Z", fill: "currentColor" })));
+
+// import { ThemeProps } from '@hhgtech/hhg-components'
+const StyledClinicInfo = styled.div `
+  color: #111111;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
+
+  .name {
+    font-size: 0.9375rem;
+    line-height: 1.5rem;
+    font-weight: 500;
+  }
+
+  address {
+    font-size: 0.8125rem;
+    line-height: 1.25rem;
+    font-weight: 400;
+  }
+  .telephone {
+    display: inline-flex;
+    align-items: center;
+    padding: 8px 12px;
+    gap: 8px;
+    border: ${theme.colors.neutral100} 1px solid;
+    border-radius: 12px;
+    a {
+      text-decoration: none;
+      color: currentColor;
+      font-size: 0.8125rem;
+      line-height: 1.25rem;
+      font-weight: 500;
+    }
+  }
+  /* .map-card {
+    border: none;
+  } */
+`;
+const StyledMap = styled(Map) `
+  &.panel-map {
+    --mapCardHeight: --cardHeight;
+  }
+  iframe {
+    border-radius: 12px;
+    overflow: hidden;
+  }
+`;
+const StyledMobileIcon = styled(Mobile) `
+  width: 1rem;
+  height: 1rem;
+`;
+const StyledContainer = styled.div `
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  padding-left: 4.5px;
+  padding-right: 4.5px;
+  flex: 1;
+
+  & > * + * {
+    margin-top: 0.75rem;
+  }
+`;
+const StyledFlexBox = styled.div `
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 0.75rem;
+`;
+
+function ClinicInfo({ hospitalInfo, distance, isLoggedIn, locale, googleMapKey, onPhoneHospital, dataEventCategory, dataEventAction, dataEventLabel, }) {
+    const hospital = {
+        latitude: hospitalInfo.latitude || '',
+        longitude: hospitalInfo.longitude || '',
+        address: hospitalInfo.address || '',
+        name: hospitalInfo.name || '',
+        phone: hospitalInfo.phone || '',
+    };
+    return (React__default.createElement(StyledClinicInfo, null,
+        React__default.createElement(StyledMap, { dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel, googleMapKey: googleMapKey, hasNoCard: true, hospital: hospital, locale: locale, isLoggedIn: isLoggedIn, isFullWidth: true, height: 220, className: "panel-map", onPhoneHospital: onPhoneHospital }),
+        React__default.createElement(StyledContainer, null,
+            React__default.createElement("div", { className: "name" }, hospitalInfo.name),
+            React__default.createElement(StyledFlexBox, null,
+                React__default.createElement("address", null, hospitalInfo.address),
+                distance && (React__default.createElement("div", { style: {
+                        flexShrink: 0,
+                    } },
+                    React__default.createElement(DistanceTag, { value: `${distance} km` })))),
+            hospitalInfo.phone && (React__default.createElement("div", { className: "telephone" },
+                React__default.createElement(StyledMobileIcon, null),
+                React__default.createElement("a", { href: `tel:${hospitalInfo.phone}` }, formatPhoneNumber(hospitalInfo.phone))))),
+        React__default.createElement(OpeningHours, { workingTimes: hospitalInfo.working_times })));
+}
+
 styled(DrawerComponent) `
   /* max-height: 100vh;
   max-height: 100dvh; */
@@ -682,10 +1060,10 @@ function CollectPhoneForm({ onSubmit, title, formType = formPhoneType.ZALO, isLo
             React__default.createElement(TextField, { shrink: !!phone, className: clsx('leadgen-form_input w-full', {
                     'leadgen-form_field_error': !!(isSubmitted && errorMessage),
                 }) },
-                React__default.createElement(TextField.Control, { htmlFor: "collection_phone_input" }, ({ shrink }) => (React__default.createElement(StyledInputWrapper, { "data-invalid": !!(isSubmitted && errorMessage), labelElement: "div", label: React__default.createElement(Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, t('collectPhoneNumber.inputLabel')), inputWrapperOrder: ['label', 'input', 'description', 'error'], error: isSubmitted &&
+                React__default.createElement(TextField.Control, { htmlFor: "collection_phone_input" }, ({ shrink }) => (React__default.createElement(StyledInputWrapper, { "data-invalid": !!(isSubmitted && errorMessage), labelElement: "div", label: React__default.createElement(Text$1, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, t('collectPhoneNumber.inputLabel')), inputWrapperOrder: ['label', 'input', 'description', 'error'], error: isSubmitted &&
                         errorMessage && (React__default.createElement(Flex, { align: 'center', gap: 4 },
                         React__default.createElement(ErrorIcon, { size: 12 }),
-                        React__default.createElement(Text, { size: "c1", variant: "error" }, errorMessage))) },
+                        React__default.createElement(Text$1, { size: "c1", variant: "error" }, errorMessage))) },
                     React__default.createElement(Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
                             '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, GlobalTextStyleNew(theme)[CustomStylesType.LEADGEN].p2), { fontWeight: FontWeight.halfBold }),
                         }) },
@@ -758,4 +1136,4 @@ function PopupCollectPhone({ children, isMobile, onSubmit, isOpen: isOpenProp, o
             currentStep === EPopupCollectPhoneStep.SUCCESS && (React__default.createElement(CollectPhoneSuccess, { onClose: handleClose })))));
 }
 
-export { CollectPhoneForm as C, EPopupCollectPhoneStep as E, HelloZalo as H, NavHeader as N, PopupCollectPhone as P, UserProfileNavigation as U, UserStats as a, Check as b, formPhoneType as f };
+export { ClinicInfo as C, EPopupCollectPhoneStep as E, HelloZalo as H, NavHeader as N, PopupCollectPhone as P, UserProfileNavigation as U, UserStats as a, CollectPhoneForm as b, Check as c, formPhoneType as f };

package/build/esm/{post-a8353715.js → post-23b230f3.js}

@@ -1,6 +1,6 @@
-import { a as __awaiter } from './tslib.es6-c5f6d5f2.js';
+import { a as __awaiter } from './tslib.es6-643d7011.js';
 import { ADMIN_PATHS, PATHS } from './togetherApiPaths.js';
-import { d as getApiPath, q as callApiWithAdminAuth, b as callApiWithAuth } from './utils-9b44e67f.js';
+import { d as getApiPath, q as callApiWithAdminAuth, b as callApiWithAuth } from './utils-e194b419.js';
 
 const EncodeUrlRegexMap = {
     edit: /<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,

package/build/esm/profileNavigation.js

@@ -1,41 +1,41 @@
 import React__default, { useMemo, useState, Fragment, useEffect } from 'react';
-import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, D as DATA_PRIVACY_LOCALES } from './index-0efe9648.js';
-import { a as Avatar } from './index-0c60162c.js';
+import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, D as DATA_PRIVACY_LOCALES } from './index-b4bd3fee.js';
+import { a as Avatar } from './index-270d6691.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-2ae03738.js';
-import { C as CommonGAssets } from './index-26e9c9a1.js';
-import './index-f08dee89.js';
-import { T as Text } from './index-130bddce.js';
-import './index-b85db3ec.js';
-import './index.styles-b7d39a82.js';
-import { u as useTranslations } from './index-f3cea352.js';
+import './index-94ab8e54.js';
+import { C as CommonGAssets } from './index-e6180320.js';
+import './index-9a36ac3f.js';
+import { T as Text } from './index-30c10025.js';
+import './index-e634ce5c.js';
+import './index.styles-3fa96911.js';
+import { u as useTranslations } from './index-97e5aad1.js';
 import '@mantine/hooks';
-import './text-2d0faac2.js';
-import './utils-95dfa0f8.js';
-import './index-26c32191.js';
-import { C as ChevronDown } from './ChevronDown-19b42fc6.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl, g as getCurrentBaseUrl } from './normalizeLink-a1f00574.js';
+import './text-a96854b4.js';
+import './utils-c1e22b32.js';
+import './index-7887a8ba.js';
+import { C as ChevronDown } from './ChevronDown-aa36df3b.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl, g as getCurrentBaseUrl } from './normalizeLink-e02339aa.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import './translationsContext-00b6009c.js';
+import './translationsContext-757f9b3e.js';
 import 'date-fns/locale';
 import './constantsSite.js';
-import './Locale-95e1adf1.js';
+import './Locale-44aeea0f.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './tslib.es6-c5f6d5f2.js';
+import './tslib.es6-643d7011.js';
 import '@hhgtech/icons/other';
-import './index-f6138a65.js';
+import './index-fc48f9eb.js';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-bfae8629.js';
+import './useUniqueId-63ac2b98.js';
 import '@hhgtech/icons/core';
 import 'dayjs';
 import '@mantine/notifications';
-import './shared-c0d1bda9.js';
+import './shared-464b9453.js';
 
 const NavBookingIcon = (props) => (React__default.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, props),
     React__default.createElement("path", { d: "M2.5 6.5a3.2 3.2 0 0 1 3.2-3.2h7.9a3.2 3.2 0 0 1 3.19 3.2v4.72a3.2 3.2 0 0 1-3.2 3.2H5.7a3.2 3.2 0 0 1-3.19-3.2V6.49Z", fill: "#E3F2FF" }),

package/build/esm/progressBar.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-c5f6d5f2.js';
+import { _ as __rest } from './tslib.es6-643d7011.js';
 import React__default, { useState, useCallback, useEffect } from 'react';
 import throttle from 'lodash/throttle';
 import styled from '@emotion/styled';

package/build/esm/pwg.js

@@ -1,44 +1,44 @@
 import React__default, { useMemo, useState, useRef } from 'react';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-5bfb409d.js';
-import { T as Text } from './index-130bddce.js';
-import { P as PillCarousel } from './index-1d656e26.js';
-import { u as useTranslations } from './index-f3cea352.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-7264d367.js';
+import { T as Text } from './index-30c10025.js';
+import { P as PillCarousel } from './index-9d8fb5f6.js';
+import { u as useTranslations } from './index-97e5aad1.js';
 import { theme } from './miscTheme.js';
 import { ResponsiveContainer, AreaChart, CartesianGrid, Tooltip, XAxis, YAxis, Area, ReferenceDot } from 'recharts';
-import { C as CustomReferenceDot } from './index-6ffb1fd3.js';
-import { a as useOutsideClick } from './useOutsideClick-45743576.js';
+import { C as CustomReferenceDot } from './index-0fc80620.js';
+import { a as useOutsideClick } from './useOutsideClick-e4db4c9c.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-c5f6d5f2.js';
+import { _ as __rest } from './tslib.es6-643d7011.js';
 import '@mantine/core';
-import './text-2d0faac2.js';
-import './index-2ae03738.js';
-import './Locale-95e1adf1.js';
-import './index-26e9c9a1.js';
+import './text-a96854b4.js';
+import './index-94ab8e54.js';
+import './Locale-44aeea0f.js';
+import './index-e6180320.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-f6138a65.js';
-import './utils-95dfa0f8.js';
-import './index-0776439e.js';
-import './index-0c60162c.js';
+import './index-fc48f9eb.js';
+import './utils-c1e22b32.js';
+import './index-3adda1a8.js';
+import './index-270d6691.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './index-f08dee89.js';
+import './index-9a36ac3f.js';
 import 'dayjs';
 import '@mantine/notifications';
-import './index-0efe9648.js';
+import './index-b4bd3fee.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './shared-c0d1bda9.js';
+import './shared-464b9453.js';
 import 'classnames';
-import './useUniqueId-bfae8629.js';
+import './useUniqueId-63ac2b98.js';
 import '@hhgtech/icons/core';
-import './index-b85db3ec.js';
+import './index-e634ce5c.js';
 import '@mantine/dates';
-import './index.styles-b7d39a82.js';
-import './translationsContext-00b6009c.js';
-import './index-26c32191.js';
+import './index.styles-3fa96911.js';
+import './translationsContext-757f9b3e.js';
+import './index-7887a8ba.js';
 
 const CustomizedAxisTick = (props) => {
     const { x, y, payload, activeWeek } = props;