@hhgtech/hhg-components 1.29.535 → 1.29.536

package/build/{transform-bfd7a500.js → transform-c7e91b90.js}

@@ -1,58 +1,58 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b8ed19ca.js');
+var tslib_es6 = require('./tslib.es6-7283d678.js');
 var React = require('react');
-var index$4 = require('./index-04d733ac.js');
+var index$4 = require('./index-4a64c7b3.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$6 = require('./index-9ef87a42.js');
-require('./index-6488fa2a.js');
-var index$a = require('./index-d2f0016a.js');
-require('./index-28c0c07b.js');
-var index$2 = require('./index-8e012c2d.js');
-var index$e = require('./index-53087815.js');
-require('./index-c9fea751.js');
-require('./index.styles-5ea3e194.js');
-require('./translationsContext-63f9475c.js');
+var index$6 = require('./index-afa3dc6b.js');
+require('./index-09fade11.js');
+var index$a = require('./index-c082533c.js');
+require('./index-2fbeef9c.js');
+var index$2 = require('./index-01436280.js');
+var index$e = require('./index-f62272d2.js');
+require('./index-1bdcb35d.js');
+require('./index.styles-3032593e.js');
+require('./translationsContext-35de9e89.js');
 require('@mantine/hooks');
-var utils = require('./utils-7b13808f.js');
-require('./index-a886bf9b.js');
-var SiteWideBanner = require('./SiteWideBanner-0a8bb37a.js');
+var utils = require('./utils-ea9873c8.js');
+require('./index-9fbde625.js');
+var SiteWideBanner = require('./SiteWideBanner-428b0eed.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$3 = require('./index-f739830c.js');
+var index$3 = require('./index-ef81931a.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$5 = require('./index-87c41679.js');
+var index$5 = require('./index-1e4f90c4.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-830d0ef0.js');
+var useOutsideClick = require('./useOutsideClick-663f3a21.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$9 = require('./index-c2f9216c.js');
-var index$7 = require('./index-2031ac01.js');
-var index$8 = require('./index-f4b3f00b.js');
+var index$9 = require('./index-c3b20299.js');
+var index$7 = require('./index-6907df53.js');
+var index$8 = require('./index-83e3614e.js');
 var classNames = require('classnames');
-var index$b = require('./index-650dd3c0.js');
+var index$b = require('./index-d52a168f.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$d = require('./index-373bf93c.js');
-var index$c = require('./index-dff724c3.js');
+var index$d = require('./index-2d4c8ad4.js');
+var index$c = require('./index-27e5d692.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-43df1985.js');
+var Locale = require('./Locale-47d85db4.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$f = require('./index-c9f8f9a4.js');
-var index$g = require('./index-8cf17774.js');
+var index$f = require('./index-1ecbe263.js');
+var index$g = require('./index-4a95b05a.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
-var Close = require('./Close-481b1188.js');
+var Close = require('./Close-f4d517c5.js');
 var carousel = require('@mantine/carousel');
-var constants = require('./constants-41d2f9b3.js');
+var constants = require('./constants-1aec8bc7.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -5383,7 +5383,8 @@ function CardListItem({ title, href, description, logo, defaultImage, LinkCompon
 
 const HERO_IMAGE_TO_TOP_CONTENT = 251;
 const OVERLAP_CONTENT_RADIUS = 22;
-const HERO_IMAGE_HEIGHT = OVERLAP_CONTENT_RADIUS + HERO_IMAGE_TO_TOP_CONTENT;
+const HERO_IMAGE_HEIGHT = OVERLAP_CONTENT_RADIUS + HERO_IMAGE_TO_TOP_CONTENT;
+const HERO_IMAGE_RATIO = 375 / HERO_IMAGE_HEIGHT;
 
 // import CalendarDayIcon from '@/public/svg/calendar-days.svg'
 // import UsersIcon from '@/public/svg/users.svg'
@@ -5541,7 +5542,7 @@ const StyledImageCarousel = styled__default["default"](index$4.Carousel) `
 
   .mantine-Carousel-indicators {
     gap: 0.375rem;
-    bottom: ${({ isCarouselParallax }) => isCarouselParallax ? '38%' : '0.5rem'};
+    bottom: ${({ isCarouselParallax }) => isCarouselParallax ? '14.65%' : '0.5rem'};
   }
 
   .mantine-Carousel-indicator {
@@ -5597,7 +5598,8 @@ const FixedHeroSection = styled__default["default"].div `
     right: 0;
     z-index: 0;
     overflow: hidden;
-    display: flex;
+    /* display: flex; */
+    display: ${({ hidden }) => (hidden ? 'none' : 'flex')};
     flex-direction: column;
 
     width: 100vw;
@@ -5605,7 +5607,7 @@ const FixedHeroSection = styled__default["default"].div `
 
     & > div {
       width: 100vw;
-      height: var(--heroImageHeight);
+      height: calc(100vw / var(--heroImageRatio));
     }
   }
 `;
@@ -5632,18 +5634,21 @@ const ContentOverlayWrapperParallax = styled__default["default"].div `
 function FixedParallaxHeroSection({ children }) {
     const heroSectionRef = React.useRef(null);
     const [scrollIndex, setScrollIndex] = React.useState(0);
+    const [hideHeroSection, setHideHeroSection] = React.useState(false);
     React.useEffect(() => {
         const el = heroSectionRef.current;
         if (!el)
             return;
         const checkHasReachedTop = () => {
             setScrollIndex(window.scrollY);
+            const displayHeight = window.innerWidth / HERO_IMAGE_RATIO;
+            setHideHeroSection(window.scrollY > displayHeight);
         };
         checkHasReachedTop();
         window.addEventListener('scroll', checkHasReachedTop, { passive: true });
         return () => window.removeEventListener('scroll', checkHasReachedTop);
     }, []);
-    return (React__namespace["default"].createElement(FixedHeroSection, { ref: heroSectionRef, "data-section": "FixedParallaxHeroSection_FixedHeroSection", scrollIndex: scrollIndex },
+    return (React__namespace["default"].createElement(FixedHeroSection, { ref: heroSectionRef, "data-section": "FixedParallaxHeroSection_FixedHeroSection", scrollIndex: scrollIndex, hidden: hideHeroSection },
         React__namespace["default"].createElement("div", { "data-section": "FixedHeroSection_Content" }, children)));
 }
 function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, isMobile: isMobileProp = false, imageCarousel = [], carouselSlotProps, isCarouselParallax = false, onCarouselImageClick, }) {

package/build/{translationsProvider-88fce3af.js → translationsProvider-0febe0f5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-63f9475c.js');
+var translationsContext = require('./translationsContext-35de9e89.js');
 var i18nValues_enPH = require('./i18n-values/en-PH.js');
 var i18nValues_hiIN = require('./i18n-values/hi-IN.js');
 var i18nValues_idID = require('./i18n-values/id-ID.js');

package/build/{treePopoverMenu-0052aac2.js → treePopoverMenu-242a293c.js}

@@ -1,31 +1,31 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b8ed19ca.js');
+var tslib_es6 = require('./tslib.es6-7283d678.js');
 var React = require('react');
-var index = require('./index-f4b3f00b.js');
-var index$3 = require('./index-d9f35748.js');
-require('./index-04d733ac.js');
+var index = require('./index-83e3614e.js');
+var index$3 = require('./index-e13f79db.js');
+require('./index-4a64c7b3.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$4 = require('./index-9ef87a42.js');
-require('./index-6488fa2a.js');
-require('./index-d2f0016a.js');
-require('./index-28c0c07b.js');
-var index$2 = require('./index-8e012c2d.js');
-require('./index-53087815.js');
+var index$4 = require('./index-afa3dc6b.js');
+require('./index-09fade11.js');
+require('./index-c082533c.js');
+require('./index-2fbeef9c.js');
+var index$2 = require('./index-01436280.js');
+require('./index-f62272d2.js');
 var miscTheme = require('./miscTheme.js');
-require('./index-c9fea751.js');
-require('./index.styles-5ea3e194.js');
+require('./index-1bdcb35d.js');
+require('./index.styles-3032593e.js');
 require('@mantine/hooks');
-var utils = require('./utils-7b13808f.js');
-require('./index-a886bf9b.js');
-var index$1 = require('./index-2031ac01.js');
-var togetherComponentGlobalContext = require('./utils-b9a07f10.js');
+var utils = require('./utils-ea9873c8.js');
+require('./index-9fbde625.js');
+var index$1 = require('./index-6907df53.js');
+var togetherComponentGlobalContext = require('./utils-9dea4291.js');
 var dateFns = require('date-fns');
-var Locale = require('./Locale-43df1985.js');
+var Locale = require('./Locale-47d85db4.js');
 var styled = require('@emotion/styled');
-var index$6 = require('./index-8b6959c3.js');
-var index$5 = require('./index-f72b0a9a.js');
+var index$6 = require('./index-0cdb86a8.js');
+var index$5 = require('./index-f6aaac2a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/types.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-6488fa2a.js');
-var Locale = require('./Locale-43df1985.js');
+var index = require('./index-09fade11.js');
+var Locale = require('./Locale-47d85db4.js');
 
 
 

package/build/{useCartCareService-c40b7b9e.js → useCartCareService-f252d3af.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
-var index = require('./index-9ef87a42.js');
+var index = require('./index-afa3dc6b.js');
 
 const useIsInit = () => {
     const [isInit, setIsInit] = React.useState(true);

package/build/{useHealthToolCache-cc8fdabe.js → useHealthToolCache-bd9bc44d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b8ed19ca.js');
+var tslib_es6 = require('./tslib.es6-7283d678.js');
 var React = require('react');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 

package/build/{usePhoneValidator-518992e1.js → usePhoneValidator-4756d790.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b8ed19ca.js');
+var tslib_es6 = require('./tslib.es6-7283d678.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-ded8627b.js');
-require('./index-6488fa2a.js');
-var index = require('./index-f4b3f00b.js');
-var Locale = require('./Locale-43df1985.js');
+var useUniqueId = require('./useUniqueId-54ff2d44.js');
+require('./index-09fade11.js');
+var index = require('./index-83e3614e.js');
+var Locale = require('./Locale-47d85db4.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{usePlacesAutocomplete-a4fd01b4.js → usePlacesAutocomplete-8795d0b4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b8ed19ca.js');
+var tslib_es6 = require('./tslib.es6-7283d678.js');
 var React = require('react');
 
 const formatAutoCompleteAddress = (addresses) => {

package/build/useTogetherAuthRequiredAction.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var store = require('./store-6dfc8a9c.js');
-var togetherComponentGlobalContext = require('./utils-b9a07f10.js');
-var constants = require('./constants-f6241cd0.js');
-require('./tslib.es6-b8ed19ca.js');
+var store = require('./store-2ad5a77f.js');
+var togetherComponentGlobalContext = require('./utils-9dea4291.js');
+var constants = require('./constants-86dae49a.js');
+require('./tslib.es6-7283d678.js');
 require('zustand');
-require('./index-6afa25cb.js');
+require('./index-1f23a7d3.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-744086e1.js');
+require('./normalizeLink-e08fe260.js');
 require('./constantsDomainLocales.js');
-require('./Locale-43df1985.js');
-require('./index-9ef87a42.js');
+require('./Locale-47d85db4.js');
+require('./index-afa3dc6b.js');
 require('date-fns/locale');
-require('./index-6488fa2a.js');
+require('./index-09fade11.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-03dadaf6.js');
+require('./index-ab4df761.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');

package/build/{utils-ee598e4a.js → utils-21b9c7f7.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var healthTools = require('./healthTools-b5177f59.js');
-var index = require('./index-6afa25cb.js');
-var store = require('./store-6dfc8a9c.js');
-var index$1 = require('./index-6488fa2a.js');
-var Locale = require('./Locale-43df1985.js');
+var healthTools = require('./healthTools-d10cb2b9.js');
+var index = require('./index-1f23a7d3.js');
+var store = require('./store-2ad5a77f.js');
+var index$1 = require('./index-09fade11.js');
+var Locale = require('./Locale-47d85db4.js');
 
 const isFeatureWhatsAppEnabled = [
     Locale.LOCALE.Indonesia,

package/build/{utils-b7f70a01.js → utils-451cd6ba.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-require('./index-6488fa2a.js');
-var Locale = require('./Locale-43df1985.js');
+require('./index-09fade11.js');
+var Locale = require('./Locale-47d85db4.js');
 
 // https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
 const MAPPED_LOCALE = {

package/build/{utils-80b5ee93.js → utils-6eab4fd9.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var constants$1 = require('./constants-52d3c2a4.js');
-require('./index-9ef87a42.js');
-var index = require('./index-6488fa2a.js');
+var constants$1 = require('./constants-11dc2a07.js');
+require('./index-afa3dc6b.js');
+var index = require('./index-09fade11.js');
 var formatString = require('string-format');
-var constants = require('./constants-41d2f9b3.js');
+var constants = require('./constants-1aec8bc7.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{utils-b9a07f10.js → utils-9dea4291.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b8ed19ca.js');
-var index = require('./index-03dadaf6.js');
+var tslib_es6 = require('./tslib.es6-7283d678.js');
+var index = require('./index-ab4df761.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var slugify = require('slugify');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var formatString = require('string-format');
 var React = require('react');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-f6241cd0.js');
+var constants = require('./constants-86dae49a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{utils-5740f62f.js → utils-f2ce9983.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-9ef87a42.js');
+var index = require('./index-afa3dc6b.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-7b13808f.js');
+var utils = require('./utils-ea9873c8.js');
 var Skeleton = require('react-loading-skeleton');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');

package/build/vaccination.js

@@ -2,42 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-b8ed19ca.js');
+var tslib_es6 = require('./tslib.es6-7283d678.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$5 = require('./index-04d733ac.js');
+var index$5 = require('./index-4a64c7b3.js');
 require('@mantine/dates');
-require('./index-9ef87a42.js');
-var index$7 = require('./index-6488fa2a.js');
-require('./index-d2f0016a.js');
-var index$3 = require('./index-28c0c07b.js');
-var index$2 = require('./index-8e012c2d.js');
-var index$1 = require('./index-53087815.js');
+require('./index-afa3dc6b.js');
+var index$7 = require('./index-09fade11.js');
+require('./index-c082533c.js');
+var index$3 = require('./index-2fbeef9c.js');
+var index$2 = require('./index-01436280.js');
+var index$1 = require('./index-f62272d2.js');
 var miscTheme = require('./miscTheme.js');
-require('./index-c9fea751.js');
-require('./index.styles-5ea3e194.js');
-var index = require('./index-f4b3f00b.js');
+require('./index-1bdcb35d.js');
+require('./index.styles-3032593e.js');
+var index = require('./index-83e3614e.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-7b13808f.js');
-require('./index-a886bf9b.js');
+var utils = require('./utils-ea9873c8.js');
+require('./index-9fbde625.js');
 var styled = require('@emotion/styled');
-var index$4 = require('./index-3d01beb9.js');
-require('./translationsContext-63f9475c.js');
+var index$4 = require('./index-61e646b3.js');
+require('./translationsContext-35de9e89.js');
 var other = require('@hhgtech/icons/other');
-var index$6 = require('./index-2031ac01.js');
-var index$8 = require('./index-27222656.js');
+var index$6 = require('./index-6907df53.js');
+var index$8 = require('./index-c3808ec2.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$a = require('./index-81dc039f.js');
-var index$9 = require('./index-8b6959c3.js');
+var index$a = require('./index-6984b858.js');
+var index$9 = require('./index-0cdb86a8.js');
 require('@mantine/carousel');
-require('./shared-bf743bec.js');
+require('./shared-141f69d5.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-ded8627b.js');
+require('./useUniqueId-54ff2d44.js');
 require('./constantsSite.js');
-require('./Locale-43df1985.js');
+require('./Locale-47d85db4.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('date-fns/locale');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.29.535",
+  "version": "1.29.536",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [