@hhgtech/hhg-components 1.29.349 → 1.29.351-beta-1

package/build/esm/cache.js

@@ -1,3 +1,3 @@
-export { a as getCachedItem, g as getDataWithCache, s as setCachedItem } from './core-af11d20d.js';
-import './tslib.es6-bea6774f.js';
+export { a as getCachedItem, g as getDataWithCache, s as setCachedItem } from './core-9a48dabc.js';
+import './tslib.es6-cfddefe9.js';
 import './constantsIsProduction.js';

package/build/esm/care.js

@@ -1,15 +1,15 @@
 export { BookingSearchBar } from './careBookingSearchBar.js';
 export { BookingSearchBarV2 } from './careBookingSearchBarV2.js';
-export { t as CareTypes, T as TextDivider } from './types-053f17e0.js';
-export { c as CareConstants } from './constants-0dd52e3f.js';
-import './tslib.es6-bea6774f.js';
+export { t as CareTypes, T as TextDivider } from './types-4d4636f1.js';
+export { c as CareConstants } from './constants-9deb1413.js';
+import './tslib.es6-cfddefe9.js';
 import 'react';
 import '@emotion/react';
-import './utils-ea2d2be6.js';
-import './index-2a66607f.js';
+import './utils-c616d3df.js';
+import './index-93dfd4e1.js';
 import 'date-fns/locale';
-import './index-def423d4.js';
-import './Locale-9dea4d4a.js';
+import './index-6d7f28dd.js';
+import './Locale-9b494286.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -17,19 +17,19 @@ import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-5a720548.js';
+import './utils-339046f6.js';
 import 'react-loading-skeleton';
 import 'string-format';
-import './index-eb34e967.js';
-import './translationsContext-4a161a5e.js';
+import './index-fd5c91de.js';
+import './translationsContext-6915a82a.js';
 import 'lodash/debounce';
-import './index-21b4d3a4.js';
+import './index-a4a09e75.js';
 import '@mantine/core';
-import './index-b605d917.js';
-import './other-5df2ee98.js';
+import './index-4d85e9fa.js';
+import './other-9a23db32.js';
 import 'lodash/shuffle';
-import './useOutsideClick-01227e67.js';
-import './paths-79c2a942.js';
-import './index-9b4eb370.js';
+import './useOutsideClick-557246e7.js';
+import './paths-60eca75f.js';
+import './index-3b2e5262.js';
 import '@hhgtech/icons/core';
-import './ChevronDown-d9b90ee4.js';
+import './ChevronDown-c3b7acfc.js';

package/build/esm/careBookingSearchBar.js

@@ -1,32 +1,32 @@
-import { a as __awaiter } from './tslib.es6-bea6774f.js';
+import { a as __awaiter } from './tslib.es6-cfddefe9.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-ea2d2be6.js';
-import { u as useTranslations } from './index-eb34e967.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-c616d3df.js';
+import { u as useTranslations } from './index-fd5c91de.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-0dd52e3f.js';
+import { I as ID_OPTION_ALL_LOCATION, L as LOCALIZED_SLUGS, a as ID_OPTION_CURRENT_LOCATION } from './constants-9deb1413.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-21b4d3a4.js';
-import { T as Text } from './index-b605d917.js';
+import { I as Input } from './index-a4a09e75.js';
+import { T as Text } from './index-4d85e9fa.js';
 import { theme } from './miscTheme.js';
 import shuffle from 'lodash/shuffle';
-import { a as useOutsideClick } from './useOutsideClick-01227e67.js';
-import { M as MediaQueries } from './utils-5a720548.js';
+import { a as useOutsideClick } from './useOutsideClick-557246e7.js';
+import { M as MediaQueries } from './utils-339046f6.js';
 import Skeleton from 'react-loading-skeleton';
-import { P as PATHS } from './paths-79c2a942.js';
-import './index-2a66607f.js';
+import { P as PATHS } from './paths-60eca75f.js';
+import './index-93dfd4e1.js';
 import 'date-fns/locale';
-import './index-def423d4.js';
-import './Locale-9dea4d4a.js';
+import './index-6d7f28dd.js';
+import './Locale-9b494286.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import 'string-format';
-import './translationsContext-4a161a5e.js';
+import './translationsContext-6915a82a.js';
 import '@mantine/core';
-import './other-5df2ee98.js';
+import './other-9a23db32.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyledSearchBarMobileWrapper = styled.div `

package/build/esm/careBookingSearchBarV2.js

@@ -1,22 +1,22 @@
 import React__default, { useMemo, useRef, useCallback, useState, useReducer, useEffect } from 'react';
 import { Skeleton, Input, Divider, Tabs, Flex, Button } from '@mantine/core';
-import { i as checkMarkIconUrl, P as PinIcon, h as getApiPath, u as useGeolocation } from './utils-ea2d2be6.js';
-import { a as useOutsideClick } from './useOutsideClick-01227e67.js';
-import { u as useTranslations } from './index-eb34e967.js';
+import { i as checkMarkIconUrl, P as PinIcon, h as getApiPath, u as useGeolocation } from './utils-c616d3df.js';
+import { a as useOutsideClick } from './useOutsideClick-557246e7.js';
+import { u as useTranslations } from './index-fd5c91de.js';
 import debounce from 'lodash/debounce';
-import { a as ID_OPTION_CURRENT_LOCATION, M as MAPPING_CLIENT_WITH_SLUG, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY } from './constants-0dd52e3f.js';
+import { a as ID_OPTION_CURRENT_LOCATION, M as MAPPING_CLIENT_WITH_SLUG, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY } from './constants-9deb1413.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-5a720548.js';
-import { C as Container } from './index-9b4eb370.js';
+import { M as MediaQueries } from './utils-339046f6.js';
+import { C as Container } from './index-3b2e5262.js';
 import { Search } from '@hhgtech/icons/core';
-import { T as Text } from './index-b605d917.js';
-import { C as ChevronDown } from './ChevronDown-d9b90ee4.js';
-import { P as PATHS } from './paths-79c2a942.js';
-import './index-2a66607f.js';
+import { T as Text } from './index-4d85e9fa.js';
+import { C as ChevronDown } from './ChevronDown-c3b7acfc.js';
+import { P as PATHS } from './paths-60eca75f.js';
+import './index-93dfd4e1.js';
 import 'date-fns/locale';
-import './index-def423d4.js';
-import './Locale-9dea4d4a.js';
+import './index-6d7f28dd.js';
+import './Locale-9b494286.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -24,9 +24,9 @@ import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import 'react-loading-skeleton';
 import 'string-format';
-import './translationsContext-4a161a5e.js';
-import './tslib.es6-bea6774f.js';
-import './other-5df2ee98.js';
+import './translationsContext-6915a82a.js';
+import './tslib.es6-cfddefe9.js';
+import './other-9a23db32.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyleWrapperContainer = styled.div `

package/build/esm/components/atoms/drawerComponent/index.d.ts

@@ -10,6 +10,7 @@ export type DrawerComponentProps = {
     activeSnapPoint?: number | string | null;
     setActiveSnapPoint?: (snapPoint: number | string | null) => void;
     onAnimationEnd?: (open: boolean) => void;
+    fadeFromIndex?: number;
     className?: string;
     overlayClassName?: string;
 };

package/build/esm/components/atoms/icons/Play.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IconProps } from "./";
+declare const Play: React.FC<IconProps>;
+export default Play;

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

@@ -73,3 +73,5 @@ 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 { VideoPlayerModal } from "./videoPlayerModal";

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

@@ -0,0 +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 };

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

@@ -0,0 +1,14 @@
+import { VideoType } from "../../../interfaces/types/Video";
+type StylesParams = {
+    type: VideoType;
+};
+declare const _default: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        videoBody: string;
+        videoWrapper: string;
+        videoTitle: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

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

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

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

@@ -0,0 +1,21 @@
+import { VideoItemProps } from "../types";
+type StylesParams = {
+    layout: VideoItemProps['layout'];
+};
+declare const _default: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        inner: string;
+        itemThumbImg: string;
+        thumbFrame: string;
+        thumbWrapper: string;
+        overlayWrapper: string;
+        overlay: string;
+        overlayInfo: string;
+        title: string;
+        subTitle: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { BoxProps } from '@mantine/core';
+import { VideoItemType } from "../../../interfaces/types/Video";
+import { DataTrackingType } from "../../../types";
+export type VideoItemProps = {
+    data: VideoItemType;
+    layout?: 'overlay' | 'default' | 'horizon';
+    disableDefaultFn?: boolean;
+    redirectToLandingPage?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    isMobile?: boolean;
+} & BoxProps & DataTrackingType;
+export type VideoItemTypeProps = Omit<VideoItemProps, 'disableDefaultFn' | 'redirectToLandingPage' | 'onClick'>;

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

@@ -0,0 +1 @@
+export declare function secondsTo24HoursFormat(sec_num?: number): string;

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

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

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

@@ -0,0 +1,22 @@
+import { VideoItemProps } from "../types";
+type StylesParams = {
+    active?: boolean;
+    layout?: VideoItemProps['layout'];
+};
+declare const _default: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        inner: string;
+        thumb: string;
+        thumbWrapper: string;
+        thumbFrame: string;
+        title: string;
+        subTitle: string;
+        overlay: string;
+        duration: string;
+        durationTxt: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { VideoItemType } from "../../../interfaces/types/Video";
+import { ModalProps } from "../../../mantine";
+type Props = {
+    data: VideoItemType;
+    isMobile: boolean;
+} & ModalProps;
+export declare const VideoPlayerModal: ({ data, isMobile, ...rest }: Props) => React.JSX.Element;
+export {};

package/build/esm/components/navigationV2/components/molecules/menuVideoList/Item/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type dataType = {
+    id: number;
+    link: string;
+    title: string;
+    banner: string;
+    description?: string;
+    btnText?: string;
+};
+export type Props = {
+    index?: number;
+    item?: dataType;
+};
+declare const Item: ({ item, index }: Props) => React.JSX.Element;
+export { Item };

package/build/esm/components/navigationV2/components/molecules/menuVideoList/Item/index.styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const StyledItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const StyledImageCard: 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 StyledTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { VideoItemType } from "../../../../../interfaces/types/Video";
+export type Props = {
+    onClose?: () => void;
+    isOpen?: boolean;
+    spotlightsList: VideoItemType[];
+};
+declare const MenuVideoList: ({ spotlightsList, onClose, isOpen }: Props) => React.JSX.Element;
+export { MenuVideoList };

package/build/esm/components/navigationV2/components/molecules/menuVideoList/index.styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledContainerItems: 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/navigationV2/components/molecules/menuVideoList/videoSpotlights.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { VideoItemType } from "../../../../../interfaces/types/Video";
+export type Props = {
+    spotlightsList: VideoItemType[];
+    layout?: 'default' | 'stack';
+};
+declare const VideoSpotlights: ({ spotlightsList, layout, }: Props) => React.JSX.Element;
+export { VideoSpotlights };

package/build/esm/components/navigationV2/components/molecules/navigationBar/index.styled.d.ts

@@ -6,6 +6,8 @@ export declare const StyledHeaderWrapper: import("@emotion/styled").StyledCompon
 export declare const StyledHeader: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
+} & {
+    isMarryBaby?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledLeftGroup: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/build/esm/components/navigationV2/hooks/useNavConfig.d.ts

@@ -10,6 +10,8 @@ export type NavConfig = {
     enableProfileMySaved?: boolean;
     enableNavDiscover?: boolean;
     enableNavHealthTools?: boolean;
+    enableNavVideo?: boolean;
+    enableNavTarotGame?: boolean;
     statics: {
         HOME_PAGE_URL: string;
         CARE_URL_FE: string;
@@ -17,6 +19,7 @@ export type NavConfig = {
         SSO_URL: string;
         TOGETHER_API: string;
         DISCOVER_API: string;
+        VIDEO_URL_FE: string;
     };
 };
 export declare const useNavConfig: ({ locale, projectType, siteType, enableBookingBtn, }: {

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

@@ -3,6 +3,7 @@ import { Hospital } from "../../care/interfaces/types";
 import { LocaleType, ProjectType } from "../../interfaces/types";
 import { Option } from "../molecules/languageSwitcher/tooltipSelection";
 import { HelpfulUrl } from "../../ecom/dataFormatter/lib/dataTypes";
+import { VideoItemType } from "../../interfaces/types/Video";
 import { Community, Post } from "../../together/interfaces/types";
 import { NavConfig } from "./hooks/useNavConfig";
 import { Category, HealthTool, MenuServiceType, Specialty, SpotlightSummary, State } from "./types";
@@ -26,6 +27,14 @@ export type NavMenuContentType = {
     ecom?: {
         helpfulUrls: HelpfulUrl[];
     };
+    videos?: {
+        items?: {
+            name: string;
+            link: string;
+            thumbnail: string;
+        }[];
+        spotlights?: VideoItemType[];
+    };
 };
 export type Props = {
     isMobile?: boolean;

package/build/esm/components/navigationV2/types.d.ts

@@ -2,7 +2,7 @@
 export { LocaleType } from "../../interfaces/types";
 import { UserInfo } from "../../interfaces/types";
 export type LogoType = 'hellobacsi' | 'hellosehat' | 'hellohealth' | 'hellotogether' | 'hellocare' | 'logomark' | 'hellodoctor' | 'hellokrupet' | 'helloswasthya' | 'hellosayarwon' | 'helloyishi' | 'hellokhunmor' | 'hellodoktor' | 'marryBaby';
-export type DesktopMenuPopup = 'categories' | 'tools' | 'care' | 'together' | 'profile' | 'language' | 'shop' | 'none';
+export type DesktopMenuPopup = 'categories' | 'tools' | 'care' | 'together' | 'profile' | 'language' | 'shop' | 'none' | 'video';
 export type MobileMenuPopup = 'categories' | 'profile' | 'language' | 'none';
 export type SearchType = 'doctor' | 'service' | 'hospital' | undefined;
 export type Specialty = {
@@ -187,7 +187,7 @@ export type Option = {
     value: string | Date | number;
     icon?: JSX.Element;
 };
-export type MenuServiceType = 'categories' | 'tools' | 'together' | 'care' | 'ecom';
+export type MenuServiceType = 'categories' | 'tools' | 'together' | 'care' | 'ecom' | 'video' | 'game';
 export type MenuItemType = {
     name: string;
     id: MenuServiceType;

package/build/esm/components/navigationV2/utils.d.ts

@@ -1,4 +1,5 @@
 import { LocaleType } from "../../interfaces/types";
+import { VideoItemType, VideoItemTypeApi } from "../../interfaces/types/Video";
 import { HealthCare, HealthCareApi, HealthSearchDoctor, HealthTool, HealthToolApi, LocalisedSlugsType, SpotlightSummary, SpotlightSummaryApi } from "./types";
 export declare const formatCategory: (category: any) => any;
 export declare const formatHealthTool: (healthTool: HealthToolApi) => HealthTool;
@@ -36,3 +37,4 @@ export declare const getCareSearchUrl: ({ type, specialtySlug, locale, }: {
 }) => string;
 export declare const formatSpotlightsList: (spotlight: SpotlightSummaryApi) => SpotlightSummary;
 export declare const checkAvailableSpotlight: (spotlight: SpotlightSummary) => boolean;
+export declare const formatVideoItem: (data?: VideoItemTypeApi | null) => VideoItemType | null;