@hhgtech/hhg-components 1.29.532 → 1.29.533-beta-2

package/build/esm/care/components/organisms/bookingSearchBarV3/searchResult/index.d.ts

@@ -0,0 +1,22 @@
+import React, { Dispatch } from 'react';
+import { SearchBarSectionItemApi } from "../../../../interfaces/types";
+import { ReducerState, Action } from "../reducer";
+import { TypeSearch } from "../types";
+type SearchResultProps = {
+    state: ReducerState;
+    type: TypeSearch;
+    results: SearchBarSectionItemApi[] | null;
+    location: string;
+    isLoading: boolean;
+    clientSlug?: string;
+    typeInformation: {
+        [key in TypeSearch]: {
+            name: string;
+            icon: React.ReactNode;
+            slug: string;
+        };
+    };
+    dispatch: Dispatch<Action>;
+};
+declare const SearchResult: ({ state, type, results, isLoading, typeInformation, dispatch, }: SearchResultProps) => React.JSX.Element;
+export default SearchResult;

package/build/esm/care/components/organisms/bookingSearchBarV3/searchResult/index.styled.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const StyledSearchResultWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyleResultHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyleResultBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyleResultItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyleResultFooter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/care/components/organisms/bookingSearchBarV3/searchResultSpecialties/index.d.ts

@@ -0,0 +1,12 @@
+import React, { Dispatch } from 'react';
+import { SearchBarSectionItemApi } from "../../../../interfaces/types";
+import { ReducerState, Action } from "../reducer";
+type Props = {
+    state: ReducerState;
+    isMobile: boolean;
+    isLoading: boolean;
+    specialties: SearchBarSectionItemApi[];
+    dispatch: Dispatch<Action>;
+};
+declare const SearchResultSpecialties: ({ state, isMobile, specialties, isLoading, dispatch, }: Props) => React.JSX.Element;
+export default SearchResultSpecialties;

package/build/esm/care/components/organisms/bookingSearchBarV3/searchResultSpecialties/index.styled.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const StyleSpecialtiesWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyleSpecialtyItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyleDivider: import("@emotion/styled").StyledComponent<import("@mantine/core").DividerProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyleShowMore: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/care/components/organisms/bookingSearchBarV3/searchSpecialty/CustomSelectItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Specialty } from "../../../../interfaces/types";
+interface ItemProps extends React.ComponentPropsWithoutRef<'div'> {
+    label: string;
+    value: string;
+    specialty: Specialty;
+}
+export declare const CustomSelectItem: React.ForwardRefExoticComponent<ItemProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/build/esm/care/components/organisms/bookingSearchBarV3/searchSpecialty/index.d.ts

@@ -0,0 +1,15 @@
+import React, { Dispatch } from 'react';
+import { City, Specialty } from "../../../../interfaces/types";
+import type { DebouncedFunc } from 'lodash';
+import { ReducerState, Action } from "../reducer";
+type Props = {
+    isMobile: boolean;
+    state: ReducerState;
+    dispatch: Dispatch<Action>;
+    debouncedFetchSearchResults: DebouncedFunc<(keyword: string) => Promise<void>>;
+    selectedLocation?: City | null;
+    onSpecialtyClick: (specialty: Specialty) => void;
+    isCompact?: boolean;
+};
+declare const SearchSpecialty: ({ state, isMobile, onSpecialtyClick, dispatch, isCompact, }: Props) => React.JSX.Element;
+export default SearchSpecialty;

package/build/esm/care/components/organisms/bookingSearchBarV3/searchSpecialty/index.styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const StyleSearchSpecialtyWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyleDropdownPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSpecialtyItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/care/components/organisms/bookingSearchBarV3/searchTag/index.d.ts

@@ -0,0 +1,17 @@
+import React, { Dispatch } from 'react';
+import { ReducerState, Action } from "../reducer";
+import { TypeSearch } from "../types";
+type Props = {
+    state: ReducerState;
+    type: TypeSearch;
+    typeInformation: {
+        [key in TypeSearch]: {
+            name: string;
+            icon: React.ReactNode;
+            slug: string;
+        };
+    };
+    dispatch: Dispatch<Action>;
+};
+declare const SearchTag: ({ state, type, typeInformation, dispatch }: Props) => React.JSX.Element;
+export default SearchTag;

package/build/esm/care/components/organisms/bookingSearchBarV3/searchTag/index.styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const StyleSearchTagWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyleTagItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyleTagLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/care/components/organisms/bookingSearchBarV3/tabSearch/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TypeSearch } from "../types";
+type Props = {
+    currentTab: TypeSearch;
+    isMobile: boolean;
+    hideTabBookingSearch?: string[];
+    hideSpecialtyTab?: boolean;
+    setCurrentTab: (val: TypeSearch) => void;
+};
+declare const TabSearch: ({ currentTab, hideTabBookingSearch, hideSpecialtyTab, isMobile, setCurrentTab, }: Props) => React.JSX.Element;
+export default TabSearch;

package/build/esm/care/components/organisms/bookingSearchBarV3/tabSearch/index.styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledTabWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyleTabContainer: import("@emotion/styled").StyledComponent<import("../../../../../components/atoms/container").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/esm/care/components/organisms/bookingSearchBarV3/types.d.ts

@@ -0,0 +1,17 @@
+export type FocusedType = 'location' | 'specialty' | 'search' | 'none';
+export type FocusedSpecialtyType = 'search' | 'none';
+export type GATrackingCode = {
+    dataEventCategory: string;
+    dataEventAction: string;
+    dataEventLabel: string;
+};
+export type SearchClick = {
+    cityId: number;
+    keyword: string;
+};
+export type TypeSearch = 'doctor' | 'service' | 'hospital' | 'specialty';
+export declare enum TypePopularKeySearch {
+    doctor = "doctor",
+    service = "hospital_service",
+    hospital = "hospital_branch"
+}

package/build/esm/care/components/organisms/bookingSearchBarV3/useSearchBarApi.d.ts

@@ -0,0 +1,21 @@
+import { Dispatch } from 'react';
+import { LocaleType, GPSType } from "../../../../interfaces/types";
+import { Action, ReducerState } from "./reducer";
+import { TypeSearch } from "./types";
+type UseSearchBarApiParams = {
+    dispatch: Dispatch<Action>;
+    careApiDomain: string;
+    locale?: LocaleType;
+    client?: string;
+};
+export declare const ignoreCacarSpecialty: (specialties: any[]) => any[];
+export default function useSearchBarApi({ dispatch, careApiDomain, locale, client, }: UseSearchBarApiParams): {
+    fetchCitiesByLocation: ({ coordinates }: {
+        coordinates?: GPSType;
+    }) => Promise<void>;
+    fetchCitiesByKeyword: (keyword: string) => Promise<void>;
+    fetchSearchResults: (searchKeywords: string, state: ReducerState, searchType: TypeSearch, clientSlug?: string, cacheResult?: boolean) => Promise<void>;
+    fetchAllSpecialties: () => Promise<void>;
+    fetchPopularKeys: (searchType: TypeSearch) => Promise<void>;
+};
+export {};

package/build/esm/care/index.d.ts

@@ -1,5 +1,6 @@
 export { BookingSearchBar, Props as BookingSearchBarProps, } from "./components/organisms/bookingSearchBar";
 export { BookingSearchBarV2, Props as BookingSearchBarPropsV2, } from "./components/organisms/bookingSearchBarV2";
+export { BookingSearchBarV3, Props as BookingSearchBarPropsV3, } from "./components/organisms/bookingSearchBarV3";
 export { TextDivider } from "./components/atoms/textDivider";
 export * as CareConstants from "./interfaces/constants";
 export * as CareTypes from "./interfaces/types";

package/build/esm/care.js

@@ -1,16 +1,16 @@
 export { BookingSearchBar } from './careBookingSearchBar.js';
 export { BookingSearchBarV2 } from './careBookingSearchBarV2.js';
-export { T as TextDivider } from './index-cd0bbcbf.js';
-export { c as CareConstants } from './constants-f3f310d2.js';
-export { t as CareTypes } from './types-13f41421.js';
-import './tslib.es6-1cd753c3.js';
+export { B as BookingSearchBarV3, T as TextDivider } from './index-fa6d14f9.js';
+export { c as CareConstants } from './constants-d5db76c9.js';
+export { t as CareTypes } from './types-ae414a10.js';
+import './tslib.es6-f2b7e9c3.js';
 import 'react';
 import '@emotion/react';
-import './utils-80f04d90.js';
-import './index-709c1b4a.js';
+import './utils-08850e2c.js';
+import './index-43af2123.js';
 import 'date-fns/locale';
-import './index-fa17f83f.js';
-import './Locale-6237ebe4.js';
+import './index-aa69f1a9.js';
+import './Locale-b45f64dd.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -18,25 +18,25 @@ import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-f93704dc.js';
+import './utils-7250305e.js';
 import 'react-loading-skeleton';
 import 'string-format';
-import './index-9351c606.js';
-import './translationsContext-5539c952.js';
+import './index-032eadac.js';
+import './translationsContext-e21176c1.js';
 import 'lodash/debounce';
-import './index-913e49d4.js';
+import './index-b89ba068.js';
 import '@mantine/core';
-import './index-72bb84ba.js';
-import './index-48c9e0de.js';
+import './index-db36636a.js';
+import './index-098487ec.js';
 import 'lodash/shuffle';
-import './useOutsideClick-9fb1183e.js';
-import './paths-3b8ab138.js';
+import './useOutsideClick-ec049cb9.js';
+import './paths-7124d91e.js';
 import '@hhgtech/icons/core';
 import '@mantine/hooks';
-import './index-18d9b44e.js';
-import './ChevronDown-e8eda3d5.js';
+import './index-53adafa8.js';
+import './ChevronDown-fab3e09e.js';
 import '@hhgtech/icons/arrow';
-import './index-f9bb3e38.js';
-import './index.styles-f25c06a1.js';
-import './index-760d69ce.js';
-import './shared-3def0599.js';
+import './index-28f55c7c.js';
+import './index.styles-9e934a7f.js';
+import './index-e8e03414.js';
+import './shared-46020226.js';

package/build/esm/careBookingSearchBar.js

@@ -1,32 +1,32 @@
-import { a as __awaiter } from './tslib.es6-1cd753c3.js';
+import { a as __awaiter } from './tslib.es6-f2b7e9c3.js';
 import React__default, { useMemo, useEffect, useRef, useCallback, useState, useReducer } from 'react';
 import { Global, css } from '@emotion/react';
-import { S as StyledLocationResultsWrapper, a as StyledLocationResultsList, b as StyledLiSkeleton, c as StyledLocationItem, d as StyledPinIcon, M as MagnifierIcon, C as CloseIcon, e as ClearIcon, P as PinIcon, D as DefaultThumbnailAny, f as DefaultThumbnailDoctor, g as DefaultThumbnailService, h as getApiPath, u as useGeolocation } from './utils-80f04d90.js';
-import { u as useTranslations } from './index-9351c606.js';
+import { S as StyledLocationResultsWrapper, a as StyledLocationResultsList, b as StyledLiSkeleton, c as StyledLocationItem, d as StyledPinIcon, M as MagnifierIcon, C as CloseIcon, e as ClearIcon, P as PinIcon, D as DefaultThumbnailAny, f as DefaultThumbnailDoctor, g as DefaultThumbnailService, h as getApiPath, u as useGeolocation } from './utils-08850e2c.js';
+import { u as useTranslations } from './index-032eadac.js';
 import debounce from 'lodash/debounce';
-import { I as ID_OPTION_ALL_LOCATION, L as LOCALIZED_SLUGS, a as ID_OPTION_CURRENT_LOCATION } from './constants-f3f310d2.js';
+import { I as ID_OPTION_ALL_LOCATION, L as LOCALIZED_SLUGS, a as ID_OPTION_CURRENT_LOCATION } from './constants-d5db76c9.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-913e49d4.js';
-import { T as Text } from './index-72bb84ba.js';
+import { I as Input } from './index-b89ba068.js';
+import { T as Text } from './index-db36636a.js';
 import { theme } from './miscTheme.js';
 import shuffle from 'lodash/shuffle';
-import { a as useOutsideClick } from './useOutsideClick-9fb1183e.js';
-import { M as MediaQueries } from './utils-f93704dc.js';
+import { a as useOutsideClick } from './useOutsideClick-ec049cb9.js';
+import { M as MediaQueries } from './utils-7250305e.js';
 import Skeleton from 'react-loading-skeleton';
-import { P as PATHS } from './paths-3b8ab138.js';
-import './index-709c1b4a.js';
+import { P as PATHS } from './paths-7124d91e.js';
+import './index-43af2123.js';
 import 'date-fns/locale';
-import './index-fa17f83f.js';
-import './Locale-6237ebe4.js';
+import './index-aa69f1a9.js';
+import './Locale-b45f64dd.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import 'string-format';
-import './translationsContext-5539c952.js';
+import './translationsContext-e21176c1.js';
 import '@mantine/core';
-import './index-48c9e0de.js';
+import './index-098487ec.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyledSearchBarMobileWrapper = styled.div `

package/build/esm/careBookingSearchBarV2.js

@@ -2,26 +2,26 @@ import React__default, { useMemo, forwardRef, useRef, useImperativeHandle, useCa
 import { Search } from '@hhgtech/icons/core';
 import { Skeleton, clsx, Text as Text$1, Select, rem, useMantineTheme, Input, Stack, Flex, Box, Divider, Tabs } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { i as checkMarkIconUrl, P as PinIcon, h as getApiPath, u as useGeolocation } from './utils-80f04d90.js';
-import { a as useOutsideClick } from './useOutsideClick-9fb1183e.js';
-import { u as useTranslations } from './index-9351c606.js';
+import { i as checkMarkIconUrl, P as PinIcon, h as getApiPath, u as useGeolocation } from './utils-08850e2c.js';
+import { a as useOutsideClick } from './useOutsideClick-ec049cb9.js';
+import { u as useTranslations } from './index-032eadac.js';
 import debounce from 'lodash/debounce';
-import { a as ID_OPTION_CURRENT_LOCATION, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY, M as MAPPING_CLIENT_WITH_SLUG } from './constants-f3f310d2.js';
+import { a as ID_OPTION_CURRENT_LOCATION, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY, M as MAPPING_CLIENT_WITH_SLUG } from './constants-d5db76c9.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-f93704dc.js';
-import { C as Container } from './index-18d9b44e.js';
-import { T as Text } from './index-72bb84ba.js';
-import { C as ChevronDown } from './ChevronDown-e8eda3d5.js';
-import { _ as __rest } from './tslib.es6-1cd753c3.js';
+import { M as MediaQueries } from './utils-7250305e.js';
+import { C as Container } from './index-53adafa8.js';
+import { T as Text } from './index-db36636a.js';
+import { C as ChevronDown } from './ChevronDown-fab3e09e.js';
+import { _ as __rest } from './tslib.es6-f2b7e9c3.js';
 import { ArrowLeft } from '@hhgtech/icons/arrow';
-import { M as Modal } from './index-f9bb3e38.js';
-import { P as PATHS } from './paths-3b8ab138.js';
-import { B as Button } from './index-760d69ce.js';
-import './index-709c1b4a.js';
+import { M as Modal } from './index-28f55c7c.js';
+import { P as PATHS } from './paths-7124d91e.js';
+import { B as Button } from './index-e8e03414.js';
+import './index-43af2123.js';
 import 'date-fns/locale';
-import './index-fa17f83f.js';
-import './Locale-6237ebe4.js';
+import './index-aa69f1a9.js';
+import './Locale-b45f64dd.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -29,10 +29,10 @@ import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import 'react-loading-skeleton';
 import 'string-format';
-import './translationsContext-5539c952.js';
-import './index-48c9e0de.js';
-import './index.styles-f25c06a1.js';
-import './shared-3def0599.js';
+import './translationsContext-e21176c1.js';
+import './index-098487ec.js';
+import './index.styles-9e934a7f.js';
+import './shared-46020226.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyleWrapperContainer = styled.div `

package/build/esm/components/atoms/inputMB/index.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledPureInput: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "onChange" | "size" | "ref" | "autoComplete" | "type" | "enterKeyHint"> & import("../pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement> & {
+export declare const StyledPureInput: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "enterKeyHint" | "onChange" | "size" | "autoComplete" | "type"> & import("../pureInput").CustomInputProps & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const StyledTextField: import("@emotion/styled").StyledComponent<{
@@ -8,7 +8,7 @@ export declare const StyledTextField: import("@emotion/styled").StyledComponent<
     size: "sm" | "md" | "lg";
     readOnly?: boolean;
     isNumerousKeyboard?: boolean;
-    autoComplete?: "on" | "off";
+    autoComplete?: "off" | "on";
     errorMessage?: string;
     showErrorMessage?: boolean;
     actionIcon?: JSX.Element;
@@ -22,6 +22,6 @@ export declare const StyledTextField: import("@emotion/styled").StyledComponent<
     inputClassName?: string;
     trackingAttributes?: import("../../../care/components/organisms/bookingSearchBar/types").GATrackingCode;
     enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send";
-} & Omit<import("react").HTMLAttributes<HTMLInputElement>, "value" | "onChange" | "name"> & {
+} & Omit<import("react").HTMLAttributes<HTMLInputElement>, "onChange" | "value" | "name"> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/build/esm/components/mantine/theme/text.d.ts

@@ -1,5 +1,5 @@
 import { MantineTheme } from '@mantine/core';
-export type TextSize = 'lg' | 'md' | 'base' | 'sm' | 'xs' | 's1' | 's2' | 's3' | 's4' | 's5' | 'p1' | 'p2' | 'p3' | 'p4' | 'p5' | 'c1' | 'c2' | 'n1' | 'label1' | 'label2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'title1' | 'title2' | 'overline' | 'subText';
+export type TextSize = 'lg' | 'md' | 'base' | 'sm' | 'xs' | 's1' | 's2' | 's3' | 's4' | 's5' | 'p1' | 'p2' | 'p3' | 'p4' | 'p5' | 'c1' | 'c2' | 'n1' | 'label1' | 'label2' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h5New' | 'h6' | 'title1' | 'title2' | 'body2' | 'overline' | 'subText';
 export declare enum FontWeight {
     regular = 400,
     halfBold = 500,
@@ -34,9 +34,11 @@ export declare const GlobalTextStyle: {
             h3: string[];
             h4: string[];
             h5: string[];
+            h5New: string[];
             h6: string[];
             title1: string[];
             title2: string[];
+            body2: string[];
         };
         lineHeight: {
             base: string[];
@@ -63,9 +65,11 @@ export declare const GlobalTextStyle: {
             h3: string[];
             h4: string[];
             h5: string[];
+            h5New: string[];
             h6: string[];
             title1: string[];
             title2: string[];
+            body2: string[];
         };
         letterSpacing: {
             lg: number[];
@@ -85,9 +89,11 @@ export declare const GlobalTextStyle: {
             h3: number[];
             h4: number[];
             h5: number[];
+            h5New: number[];
             h6: number[];
             title1: number[];
             title2: number[];
+            body2: number[];
         };
         fontWeightBySize: {
             s1: FontWeight;
@@ -99,6 +105,7 @@ export declare const GlobalTextStyle: {
             h3: FontWeight;
             h4: FontWeight;
             h5: FontWeight;
+            h5New: FontWeight;
             h6: FontWeight;
         };
         fontWeight: typeof FontWeight;
@@ -130,9 +137,11 @@ export declare const GlobalTextStyle: {
             h3: string[];
             h4: string[];
             h5: string[];
+            h5New: string[];
             h6: string[];
             title1: string[];
             title2: string[];
+            body2: string[];
             overline: string[];
             subText: string[];
         };
@@ -161,9 +170,11 @@ export declare const GlobalTextStyle: {
             h3: string[];
             h4: string[];
             h5: string[];
+            h5New: string[];
             h6: string[];
             title1: string[];
             title2: string[];
+            body2: string[];
             overline: string[];
             subText: string[];
         };
@@ -187,10 +198,12 @@ export declare const GlobalTextStyle: {
             h3: number[];
             h4: number[];
             h5: number[];
+            h5New: number[];
             h6: number[];
             n1: number[];
             title1: number[];
             title2: number[];
+            body2: number[];
             overline: number[];
             subText: number[];
         };
@@ -204,6 +217,7 @@ export declare const GlobalTextStyle: {
             h3: FontWeight;
             h4: FontWeight;
             h5: FontWeight;
+            h5New: FontWeight;
             h6: FontWeight;
         };
         fontWeight: typeof FontWeight;

package/build/esm/components/molecules/index.d.ts

@@ -73,7 +73,7 @@ export type { Props as SurveyOrPremiumBannerProps } from "./surveyOrPremiumBanne
 export type { SubcribeHealthStatusType, BannerStateData, } from "./surveyOrPremiumBanner/types";
 export { SideBannerModal, Props as SideBannerModalProps, } from "./sideBannerModal";
 export { WidgetChatbotAi } from "./widgetChatbotAi";
-export { VideoItem } from "./videoItem";
+export { VideoItem, VideoItemProps } from "./videoItem";
 export { VideoPlayerModal } from "./videoPlayerModal";
 export { HPVScreener, HPVScreenerProps } from "./hpvScreener";
 export * from "./summaryInfo";

package/build/esm/components/molecules/productDetail/generalInfo/GeneralInfo.d.ts

@@ -22,6 +22,7 @@ export type GeneralInfoProps = {
     isMobile?: boolean;
     imageCarousel?: string[];
     carouselSlotProps?: GeneralInfoCarouselSlotProps;
+    isCarouselParallax?: boolean;
     onCarouselImageClick?: (index: number) => void;
 };
 type StyledImageCarouselProps = Omit<ComponentProps<typeof StyledImageCarousel>, 'children'>;
@@ -34,7 +35,7 @@ export type GeneralInfoCarouselSlotProps = {
     imageItemWrapper?: Partial<CarouselImageItemWrapperProps>;
     imageItem?: Partial<CarouselImageItemProps>;
 };
-export declare function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps, imagesSelect, children, isMobile: isMobileProp, imageCarousel, carouselSlotProps, onCarouselImageClick, }: PropsWithChildren<GeneralInfoProps>): React.JSX.Element;
+export declare function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps, imagesSelect, children, isMobile: isMobileProp, imageCarousel, carouselSlotProps, isCarouselParallax, onCarouselImageClick, }: PropsWithChildren<GeneralInfoProps>): React.JSX.Element;
 export declare namespace GeneralInfo {
     var Container: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme;

package/build/esm/components/molecules/productDetail/generalInfo/index.styled.d.ts

@@ -51,6 +51,7 @@ export declare const StyledImageCarousel: import("@emotion/styled").StyledCompon
     theme?: import("@emotion/react").Theme;
 } & {
     isMobile?: boolean;
+    isCarouselParallax?: boolean;
 }, {}, {}>;
 export declare const CarouselImageItemWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
@@ -72,3 +73,21 @@ export declare const CarouselImageItem: import("@emotion/styled").StyledComponen
 } & {
     isMobile?: boolean;
 }, {}, {}>;
+export declare const FixedHeroSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    scrollIndex?: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FixedHeroSpacer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentOverlayWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentOverlayWrapperParallax: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/esm/components/molecules/videoItem/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const VIDEO_THUMBNAIL_RATIO: number;
+export declare const SHORT_THUMBNAIL_RATIO: number;

package/build/esm/components/molecules/videoItem/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { VideoItemProps } from "./types";
-declare const VideoItem: ({ data, layout, disableDefaultFn, redirectToLandingPage, onClick, dataEventCategory, dataEventAction, isMobile, ...props }: VideoItemProps) => React.JSX.Element;
-export { VideoItem };
+declare const VideoItem: ({ data, layout, disableDefaultFn, redirectToLandingPage, onClick, dataEventCategory, dataEventAction, isMobile, loading, ...props }: VideoItemProps) => React.JSX.Element;
+export { VideoItem, VideoItemProps };

package/build/esm/components/molecules/videoItem/shorts/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { VideoItemTypeProps } from "../types";
-declare const ShortsItem: ({ data, layout, styles, ...boxProps }: VideoItemTypeProps) => React.JSX.Element;
+declare const ShortsItem: ({ data, layout, styles, loading, useSquareRatioThumbnail, ...boxProps }: VideoItemTypeProps) => React.JSX.Element;
 export { ShortsItem };

package/build/esm/components/molecules/videoItem/shorts/index.styles.d.ts

@@ -1,6 +1,7 @@
 import { VideoItemProps } from "../types";
 type StylesParams = {
     layout: VideoItemProps['layout'];
+    useSquareRatioThumbnail: VideoItemProps['useSquareRatioThumbnail'];
 };
 declare const _default: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {

package/build/esm/components/molecules/videoItem/types.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from '@mantine/core';
+import { IconProps } from "../../atoms";
 import { VideoItemType } from "../../../interfaces/types/Video";
 import { DataTrackingType } from "../../../types";
 export type VideoItemProps = {
@@ -9,5 +10,8 @@ export type VideoItemProps = {
     redirectToLandingPage?: boolean;
     onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
     isMobile?: boolean;
+    playIcon?: React.FC<IconProps>;
+    loading?: boolean;
+    useSquareRatioThumbnail?: boolean;
 } & BoxProps & DataTrackingType;
 export type VideoItemTypeProps = Omit<VideoItemProps, 'disableDefaultFn' | 'redirectToLandingPage' | 'onClick'>;

package/build/esm/components/molecules/videoItem/utils.d.ts

@@ -1 +1,8 @@
 export declare function secondsTo24HoursFormat(sec_num?: number): string;
+type BuildVideoSubtitleParams = {
+    totalView?: number;
+    createTime?: string;
+    formatTotalView: (totalView: number) => string;
+};
+export declare function buildVideoSubtitle({ totalView, createTime, formatTotalView, }: BuildVideoSubtitleParams): string;
+export {};