@hhgtech/hhg-components 1.29.445 → 1.29.446-beta-1

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-07b3c043.js';
-export { c as CareConstants } from './constants-23c06c81.js';
-export { t as CareTypes } from './types-defdac30.js';
-import './tslib.es6-7984ef17.js';
+export { T as TextDivider } from './index-d1f9e186.js';
+export { c as CareConstants } from './constants-682465d1.js';
+export { t as CareTypes } from './types-0c707313.js';
+import './tslib.es6-6b4f2c31.js';
 import 'react';
 import '@emotion/react';
-import './utils-c992d697.js';
-import './index-18cb16b6.js';
+import './utils-9d0cac9f.js';
+import './index-37c59ef6.js';
 import 'date-fns/locale';
-import './index-539ab53a.js';
-import './Locale-d401e4f0.js';
+import './index-f444bbc6.js';
+import './Locale-81f882d4.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -18,19 +18,19 @@ import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-7cb7f4d8.js';
+import './utils-c03dcc75.js';
 import 'react-loading-skeleton';
 import 'string-format';
-import './index-47a94d34.js';
-import './translationsContext-573d0b98.js';
+import './index-15a5843d.js';
+import './translationsContext-5f4fdc0a.js';
 import 'lodash/debounce';
-import './index-f949335f.js';
+import './index-492e498f.js';
 import '@mantine/core';
-import './index-f28ed80d.js';
-import './text-908bab85.js';
+import './index-1f274cc3.js';
+import './text-eee6ea73.js';
 import 'lodash/shuffle';
-import './useOutsideClick-c16d6bad.js';
-import './paths-b39b81d7.js';
-import './index-12e7f3dd.js';
+import './useOutsideClick-2c76196f.js';
+import './paths-c3351fb1.js';
+import './index-d1ed60e4.js';
 import '@hhgtech/icons/core';
-import './ChevronDown-dd655211.js';
+import './ChevronDown-7eeb85ad.js';

package/build/esm/careBookingSearchBar.js

@@ -1,32 +1,32 @@
-import { a as __awaiter } from './tslib.es6-7984ef17.js';
+import { a as __awaiter } from './tslib.es6-6b4f2c31.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-c992d697.js';
-import { u as useTranslations } from './index-47a94d34.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-9d0cac9f.js';
+import { u as useTranslations } from './index-15a5843d.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-23c06c81.js';
+import { I as ID_OPTION_ALL_LOCATION, L as LOCALIZED_SLUGS, a as ID_OPTION_CURRENT_LOCATION } from './constants-682465d1.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-f949335f.js';
-import { T as Text } from './index-f28ed80d.js';
+import { I as Input } from './index-492e498f.js';
+import { T as Text } from './index-1f274cc3.js';
 import { theme } from './miscTheme.js';
 import shuffle from 'lodash/shuffle';
-import { a as useOutsideClick } from './useOutsideClick-c16d6bad.js';
-import { M as MediaQueries } from './utils-7cb7f4d8.js';
+import { a as useOutsideClick } from './useOutsideClick-2c76196f.js';
+import { M as MediaQueries } from './utils-c03dcc75.js';
 import Skeleton from 'react-loading-skeleton';
-import { P as PATHS } from './paths-b39b81d7.js';
-import './index-18cb16b6.js';
+import { P as PATHS } from './paths-c3351fb1.js';
+import './index-37c59ef6.js';
 import 'date-fns/locale';
-import './index-539ab53a.js';
-import './Locale-d401e4f0.js';
+import './index-f444bbc6.js';
+import './Locale-81f882d4.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import 'string-format';
-import './translationsContext-573d0b98.js';
+import './translationsContext-5f4fdc0a.js';
 import '@mantine/core';
-import './text-908bab85.js';
+import './text-eee6ea73.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-c992d697.js';
-import { a as useOutsideClick } from './useOutsideClick-c16d6bad.js';
-import { u as useTranslations } from './index-47a94d34.js';
+import { i as checkMarkIconUrl, P as PinIcon, h as getApiPath, u as useGeolocation } from './utils-9d0cac9f.js';
+import { a as useOutsideClick } from './useOutsideClick-2c76196f.js';
+import { u as useTranslations } from './index-15a5843d.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-23c06c81.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-682465d1.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-7cb7f4d8.js';
-import { C as Container } from './index-12e7f3dd.js';
+import { M as MediaQueries } from './utils-c03dcc75.js';
+import { C as Container } from './index-d1ed60e4.js';
 import { Search } from '@hhgtech/icons/core';
-import { T as Text } from './index-f28ed80d.js';
-import { C as ChevronDown } from './ChevronDown-dd655211.js';
-import { P as PATHS } from './paths-b39b81d7.js';
-import './index-18cb16b6.js';
+import { T as Text } from './index-1f274cc3.js';
+import { C as ChevronDown } from './ChevronDown-7eeb85ad.js';
+import { P as PATHS } from './paths-c3351fb1.js';
+import './index-37c59ef6.js';
 import 'date-fns/locale';
-import './index-539ab53a.js';
-import './Locale-d401e4f0.js';
+import './index-f444bbc6.js';
+import './Locale-81f882d4.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-573d0b98.js';
-import './tslib.es6-7984ef17.js';
-import './text-908bab85.js';
+import './translationsContext-5f4fdc0a.js';
+import './tslib.es6-6b4f2c31.js';
+import './text-eee6ea73.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyleWrapperContainer = styled.div `
@@ -1150,28 +1150,8 @@ const StyleTabContainer = styled(Container) `
   padding: 0 16px;
 `;
 
-const itemTabs = () => {
+const TabSearch = ({ currentTab, hideTabBookingSearch = [], hideSpecialtyTab, isMobile, setCurrentTab, }) => {
     const { t } = useTranslations();
-    return [
-        {
-            value: 'hospital',
-            label: t('booking.searchPopup.hospitals'),
-        },
-        {
-            value: 'doctor',
-            label: t('booking.searchPopup.doctors'),
-        },
-        {
-            value: 'service',
-            label: t('booking.searchPopup.services'),
-        },
-        {
-            value: 'specialty',
-            label: t('booking.searchPopup.specialties'),
-        },
-    ];
-};
-const TabSearch = ({ currentTab, hideTabBookingSearch = [], isMobile, setCurrentTab, }) => {
     const stylesTabs = useMemo(() => {
         return {
             root: {
@@ -1242,7 +1222,28 @@ const TabSearch = ({ currentTab, hideTabBookingSearch = [], isMobile, setCurrent
             },
         };
     }, [isMobile]);
-    const tabConfig = itemTabs();
+    const tabConfig = useMemo(() => [
+        {
+            value: 'hospital',
+            label: t('booking.searchPopup.hospitals'),
+        },
+        {
+            value: 'doctor',
+            label: t('booking.searchPopup.doctors'),
+        },
+        {
+            value: 'service',
+            label: t('booking.searchPopup.services'),
+        },
+        ...(!hideSpecialtyTab
+            ? [
+                {
+                    value: 'specialty',
+                    label: t('booking.searchPopup.specialties'),
+                },
+            ]
+            : []),
+    ], [hideSpecialtyTab]);
     const activeTabs = useMemo(() => {
         return (tabConfig.filter((item) => !hideTabBookingSearch.includes(item.value)) ||
             []);
@@ -1488,7 +1489,7 @@ function useSearchBarApi({ dispatch, careApiDomain, locale = 'vi-VN', client = '
 
 const BookingSearchBarV2 = ({ isMobile, careApiDomain, geoLocationPermission: geoLocationPermissionFromProps, geoLocationCoordinates: geoLocationCoordinatesFromProps, initialSelectedCity: initialSelectedCityFromProps, initialSearchValue = '', initTypeSearch = 'hospital', initSpecialty, careFrontDomain = '/care', isDebug = false, 
 // askForGeolocationPermission = false,
-gaTrackingSearchBar, gaTrackingLocationSearch, autoCompleteDisabled = false, inputSearchPlaceholder = '', hideTabBookingSearch = [], hideSpecialtySelection = false, hidePopularSearchKeys = false, clientSlug = '', 
+gaTrackingSearchBar, gaTrackingLocationSearch, autoCompleteDisabled = false, inputSearchPlaceholder = '', hideTabBookingSearch = [], hideSpecialtySelection = false, hideSpecialtyTab = false, hidePopularSearchKeys = false, clientSlug = '', 
 // isOptionAllLocation = false,
 // hideResults = [],
 // isNavResultItem = true,
@@ -1526,28 +1527,25 @@ onChangeLocation, }) => {
     });
     const slugs = useMemo(() => LOCALIZED_SLUGS[locale], [locale]);
     const typeInformation = useMemo(() => {
-        return {
-            doctor: {
+        return Object.assign({ doctor: {
                 name: t('booking.searchPopup.doctors'),
                 icon: React__default.createElement(DoctorIcon, null),
                 slug: slugs.DOCTOR,
-            },
-            service: {
+            }, service: {
                 name: t('booking.searchPopup.services'),
                 icon: React__default.createElement(ServiceIcon, null),
                 slug: slugs.SERVICE,
-            },
-            hospital: {
+            }, hospital: {
                 name: t('booking.searchPopup.hospitals'),
                 icon: React__default.createElement(HospitalIcon, null),
                 slug: slugs.HOSPITAL,
-            },
+            } }, (!hideSpecialtyTab && {
             specialty: {
                 name: t('booking.searchPopup.specialties'),
                 icon: React__default.createElement(SpecialtyIcon, null),
                 slug: slugs.SPECIALTIES,
             },
-        };
+        }));
     }, [currentTab]);
     const debouncedFetchCitiesByKeyword = useMemo(() => debounce(fetchCitiesByKeyword, 400), [fetchCitiesByKeyword]);
     const debouncedFetchSearchResults = useMemo(() => debounce(fetchSearchResults, 400), [fetchSearchResults]);
@@ -1648,14 +1646,14 @@ onChangeLocation, }) => {
         fetchSearchResults(state.searchKeywords, state, currentTab, clientSlug, true);
     }, [selectedLocation, selectedSpecialty, currentTab]);
     return (React__default.createElement(StyledSearchBarWrapper, { ref: wrapperRef },
-        React__default.createElement(TabSearch, { currentTab: currentTab, setCurrentTab: setCurrentTab, isMobile: isMobile, hideTabBookingSearch: hideTabBookingSearch }),
+        React__default.createElement(TabSearch, { currentTab: currentTab, setCurrentTab: setCurrentTab, isMobile: isMobile, hideTabBookingSearch: hideTabBookingSearch, hideSpecialtyTab: hideSpecialtyTab }),
         React__default.createElement(StyleWrapperContainer, { className: "booking-search-container" },
             React__default.createElement(StyleSearchInputContainer, null,
                 React__default.createElement(StyleSearchContent, { className: "booking-search-content" },
                     React__default.createElement("div", { ref: inputSearchSpecialtyWrapperRef },
                         React__default.createElement(Flex, { gap: "12px", justify: "space-between", align: "center", direction: isMobile ? 'column' : 'row', className: "flex-search-input" },
                             currentTab !== 'specialty' && (React__default.createElement(SearchLocation, { state: state, isMobile: isMobile, dispatch: dispatch, debouncedFetchCitiesByKeyword: debouncedFetchCitiesByKeyword, selectedLocation: selectedLocation, onLocationClick: handleLocationClick, trackingAttributes: gaTrackingLocationSearch })),
-                            React__default.createElement(SearchInputs, { type: currentTab, isMobile: isMobile, state: state, dispatch: dispatch, debouncedFetchSearchResults: debouncedFetchSearchResults, initalSearchValue: initialSearchValue, focusSearchInput: focusSearchInput, onEnterSearch: onClickSearchByKeyword, typeInformation: typeInformation, trackingAttributes: gaTrackingSearchBar, isLoading: isLoadingSearchResults, hideSpecialtySelection: hideSpecialtySelection, clientSlug: clientSlug }),
+                            React__default.createElement(SearchInputs, { type: currentTab, isMobile: isMobile, state: state, dispatch: dispatch, debouncedFetchSearchResults: debouncedFetchSearchResults, initalSearchValue: initialSearchValue, focusSearchInput: focusSearchInput, onEnterSearch: onClickSearchByKeyword, typeInformation: typeInformation, trackingAttributes: gaTrackingSearchBar, isLoading: isLoadingSearchResults, hideSpecialtySelection: hideSpecialtySelection || hideSpecialtyTab, clientSlug: clientSlug }),
                             React__default.createElement(Button, { size: isMobile ? 'md' : 'lg', color: "#2D87F3", fullWidth: isMobile, variant: "filled", onClick: onClickSearchByKeyword, styles: {
                                     root: {
                                         height: isMobile ? '40px' : '48px',

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

@@ -7,4 +7,4 @@ export type CardCollapseProps = {
     id?: string;
     haveCollapse?: boolean;
 };
-export declare function CardCollapse({ children, title, icon, defaultOpened, haveCollapse, id, }: PropsWithChildren<CardCollapseProps>): React.JSX.Element;
+export declare function CardCollapse({ children, title, icon, defaultOpened, haveCollapse, id, className, }: PropsWithChildren<CardCollapseProps>): React.JSX.Element;

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

@@ -6,7 +6,3 @@ export declare const StyledCardCollapse: import("@emotion/styled").StyledCompone
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledBox: 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/answeredByDoctor/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type AnsweredByDoctorProps = {
+    doctorName: string;
+    doctorAvatar?: string;
+    defaultDoctorAvatar?: string;
+};
+declare const AnsweredByDoctor: (props: AnsweredByDoctorProps) => React.JSX.Element;
+export { AnsweredByDoctor };

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyledContainer: 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 StyledContent: 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/embeddedHeathToolCards/helpers.d.ts

@@ -9,6 +9,9 @@ export type BmiFormValue = {
     height?: number;
     objective?: BmiObjective;
     bmi?: number;
+    question1?: boolean;
+    question2?: boolean;
+    newsletter?: boolean;
 };
 export type BmiFormValueKeys = keyof BmiFormValue;
 export type Rule = Omit<RegisterOptions<FieldValues, FieldPath<FieldValues>>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
@@ -33,6 +36,7 @@ export type BmiFormProps = {
     }>;
     bmiUnit: BMIUnit;
     submitProps?: ButtonProps;
+    withAdditionalQuestion?: boolean;
 } & HealthToolFormWrapperProps;
 export declare function getBmi({ weight: weightProps, height: heightProps, }: {
     weight: number;

package/build/esm/components/molecules/healthTools/form/bmiForm/context.d.ts

@@ -11,5 +11,6 @@ export type BmiFormContextType = {
     isTouched: boolean;
     linkTool: string;
     submitProps?: ButtonProps;
+    withAdditionalQuestion?: boolean;
 };
 export declare const BmiFormContext: import("react").Context<BmiFormContextType>;

package/build/esm/components/molecules/healthTools/form/bmiForm/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { BmiFormProps } from "../../../embeddedHeathToolCards/helpers";
-declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout, submitProps, ...rest }: BmiFormProps) => React.JSX.Element;
+declare const BmiForm: ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout, submitProps, withAdditionalQuestion, ...rest }: BmiFormProps) => React.JSX.Element;
 export { BmiForm };

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

@@ -89,3 +89,4 @@ export * from "./certificateItem";
 export * from "./ratingStars";
 export * from "./doctorInfoItem";
 export * from "./doctorInfoExpertise";
+export * from "./answeredByDoctor";

package/build/esm/components/molecules/list/type.d.ts

@@ -18,12 +18,14 @@ export type TFetcherParams = {
     filters?: Record<string, any>;
     page: number;
     pageSize: number;
+    searchSession?: string;
 };
 export interface ListProviderType<T = any> {
     fetcher: (params: TFetcherParams) => Promise<{
         data: T[];
         total: number;
         page: number;
+        searchSession?: string;
     }>;
     pageSize?: number;
     defaultSearch?: string;

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

@@ -6,6 +6,11 @@ export type dataType = {
     banner: string;
     description?: string;
     btnText?: string;
+    buttonDisplay?: {
+        button_background_color: string;
+        button_text_color: string;
+        button_label: string;
+    };
 };
 export type Props = {
     index?: number;

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

@@ -7,6 +7,13 @@ 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 StyledButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    bgColor?: string;
+    textColor?: string;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
 export declare const StyledTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;

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

@@ -13,6 +13,11 @@ export type Specialty = {
     slug: string;
 };
 export type SpotlightSummaryApi = {
+    button_display: {
+        button_background_color: string;
+        button_text_color: string;
+        button_label: string;
+    } | null;
     ID: number;
     name: string;
     permalink: string;
@@ -26,6 +31,11 @@ export type SpotlightSummaryApi = {
     mobile_banner?: string | null;
 };
 export type SpotlightSummary = {
+    buttonDisplay?: {
+        button_background_color: string;
+        button_text_color: string;
+        button_label: string;
+    };
     id: number;
     name: string;
     permalink: string;

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

@@ -38,3 +38,17 @@ export declare const getCareSearchUrl: ({ type, specialtySlug, locale, }: {
 export declare const formatSpotlightsList: (spotlight: SpotlightSummaryApi) => SpotlightSummary;
 export declare const checkAvailableSpotlight: (spotlight: SpotlightSummary) => boolean;
 export declare const formatVideoItem: (data?: VideoItemTypeApi | null) => VideoItemType | null;
+export declare function hexToHSL(H: string, returnObj?: boolean): any;
+export declare function hexToHsb(hex: string, returnObj?: boolean): string | {
+    h: any;
+    s: number;
+    b: any;
+};
+export declare function hslToHex({ h, s, l }: any): string;
+export declare function hexToRgb(hex: string, returnObj?: boolean): string | {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function rgbToHsb(r: any, g: any, b: any): number[];
+export declare function hsbToRgb(h: any, s: any, b: any): number[];

package/build/esm/components/organisms/articleCard/index.d.ts

@@ -0,0 +1,36 @@
+import React, { CSSProperties } from 'react';
+export type ArticleDetailCardType = {
+    article: {
+        image?: string;
+        defaultImage?: string;
+        articleType: string;
+        articleTitle: string;
+        articleTypeColor?: string;
+    };
+    doctor: {
+        doctorName: string;
+        doctorAvatar?: string;
+        defaultDoctorAvatar?: string;
+    };
+};
+export type ArticleDetailCardProps = {
+    article: {
+        id?: string | number;
+        image?: string;
+        defaultImage?: string;
+        articleType: string;
+        articleTitle: string;
+        articleTypeColor?: string;
+    };
+    doctor: {
+        id?: string | number;
+        doctorName: string;
+        doctorAvatar?: string;
+        defaultDoctorAvatar?: string;
+    };
+    handleClick?: () => void;
+    className?: string;
+    style?: CSSProperties;
+};
+declare const ArticleDetailCard: (props: ArticleDetailCardProps) => React.JSX.Element;
+export { ArticleDetailCard };

package/build/esm/components/organisms/articleCard/index.styled.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const ArticleCardStyled: 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 ArticleCardContentStyled: 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 ArticleCardContentTitleStyled: 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 ArticleDoctorStyled: 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 TextSpanStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -9,3 +9,4 @@ export * from "./collectPhoneNumber";
 export * from "./hospitalInfo";
 export * from "./insuranceInfo";
 export * from "./doctorExpertise";
+export * from "./articleCard";