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

package/build/care/components/organisms/bookingSearchBarV3/SearchResultContent.d.ts

@@ -0,0 +1,13 @@
+import React, { Dispatch } from 'react';
+import { ReducerState, Action } from "./reducer";
+import { TypeSearch } from "./types";
+type SearchContainerProps = {
+    state: ReducerState;
+    type: TypeSearch;
+    isLoading: boolean;
+    clientSlug?: string;
+    typeInformation: any;
+    dispatch: Dispatch<Action>;
+};
+declare const SearchResultContent: ({ state, type, isLoading, clientSlug, typeInformation, dispatch, }: SearchContainerProps) => React.JSX.Element;
+export default SearchResultContent;

package/build/care/components/organisms/bookingSearchBarV3/constants.d.ts

@@ -0,0 +1,4 @@
+import { CareLocaleType } from "../../../interfaces/types";
+export declare const SEARCH_KEYWORD_MIN_LENGTH: {
+    [k in CareLocaleType]: number;
+};

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { City, Specialty } from "../../../interfaces/types";
+import { GeoLocationPermission, GPSType } from "../../../../interfaces/types";
+import { TypeSearch } from "./types";
+import { GATrackingCode, SearchClick } from "./types";
+export type Props = {
+    isMobile: boolean;
+    careApiDomain: string;
+    careFrontDomain?: string;
+    initialSearchValue?: string;
+    initialSelectedCity?: City | undefined | null;
+    initTypeSearch?: TypeSearch;
+    initSpecialty?: Specialty | null;
+    geoLocationPermission?: GeoLocationPermission;
+    geoLocationCoordinates?: GPSType;
+    isDebug?: boolean;
+    askForGeolocationPermission?: boolean;
+    gaTrackingSearchBar?: GATrackingCode;
+    gaTrackingLocationSearch?: GATrackingCode;
+    autoCompleteDisabled?: boolean;
+    inputSearchPlaceholder?: string;
+    isOptionAllLocation?: boolean;
+    hideResults?: string[];
+    isNavResultItem?: boolean;
+    hideTabBookingSearch?: string[];
+    hideSpecialtySelection?: boolean;
+    hideSpecialtyTab?: boolean;
+    hidePopularSearchKeys?: boolean;
+    clientSlug?: string;
+    triggerSearchWhenChangeFilter?: boolean;
+    routerPush?: (s: string) => void;
+    onGeoLocationPermissionChange?: (perm: GeoLocationPermission, coordinates: GPSType) => void;
+    onSearch?: (data: SearchClick) => void;
+    onChangeLocation?: (city: City) => void;
+};
+interface SearchKeywordParams {
+    locationSlug?: string;
+    specialtyId?: number;
+}
+export type OnClickSearchByKeywordFn = (params: SearchKeywordParams) => void;
+declare const BookingSearchBarV3: ({ isMobile, careApiDomain, geoLocationPermission: geoLocationPermissionFromProps, geoLocationCoordinates: geoLocationCoordinatesFromProps, initialSelectedCity: initialSelectedCityFromProps, initialSearchValue, initTypeSearch, initSpecialty, careFrontDomain, isDebug, gaTrackingSearchBar, gaTrackingLocationSearch, autoCompleteDisabled, inputSearchPlaceholder, hideTabBookingSearch, hideSpecialtySelection, hideSpecialtyTab, hidePopularSearchKeys, clientSlug, triggerSearchWhenChangeFilter, routerPush, onGeoLocationPermissionChange, onChangeLocation, }: Props) => React.JSX.Element;
+export { BookingSearchBarV3 };

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const StyledSearchBarWrapper: 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 StyleWrapperContainer: 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 StyleSearchInputContainer: import("@emotion/styled").StyledComponent<import("../../../../components/atoms/container").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyleSearchContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/care/components/organisms/bookingSearchBarV3/reducer.d.ts

@@ -0,0 +1,166 @@
+import { CareLocaleType, City, SearchBarTabSectionApi, SearchCityByGeoIpApi, SearchBarSectionItemApi, PopularKeySearchItemApi, Specialty } from "../../../interfaces/types";
+import { GeoLocationPermission, GPSType } from "../../../../interfaces/types";
+import { FocusedType, FocusedSpecialtyType } from "./types";
+export type ReducerState = {
+    isMobile: boolean;
+    isDebug: boolean;
+    navigateTo: null | string;
+    geoLocationPermission: GeoLocationPermission;
+    geoLocationCoordinates: null | GPSType;
+    searchLocationKeywords: string;
+    searchSpecialtyKeywords: string;
+    searchKeywords: string;
+    focused: FocusedType;
+    focusedSpecialty: FocusedSpecialtyType;
+    selectedLocation: City | null;
+    selectedSpecialty: Specialty | null;
+    defaultCity: City | null;
+    initialCities: City[];
+    cities: City[];
+    searchResults: SearchBarTabSectionApi;
+    initialSearchResults: SearchBarTabSectionApi;
+    isLoadingCities: boolean;
+    isLoadingSearchResults: boolean;
+    isMobileModalOpened: boolean;
+    initialSelectedCity: City | null;
+    autoCompleteDisabled: boolean;
+    inputSearchPlaceholder: string;
+    locale: CareLocaleType;
+    allSpecialties: SearchBarSectionItemApi[];
+    popularKeys: PopularKeySearchItemApi[];
+};
+export declare const initialState: ReducerState;
+export declare enum ActionTypes {
+    NavigateTo = "navigate to url",
+    ClickOutsideInputLocation = "click outside input location",
+    ClickOutsideInputSearch = "click outside input search",
+    ClickOutsideInputSearchSpecialty = "click outside input search specialty",
+    ClickOutsideInputSpecialty = "click outside input specialty",
+    SelectCurrentLocation = "select current location",
+    FocusInputLocation = "focus input location",
+    FocusInputSearch = "focus input search",
+    FocusInputSearchSpecialty = "focus input search specialty",
+    ChangeInputLocation = "change input location",
+    ChangeInputSearch = "change input search",
+    ClearInputLocation = "clear input location",
+    ClearInputSearch = "clear input search",
+    SelectLocation = "select location",
+    SelectSpecialty = "select specialty",
+    FetchCitiesStart = "fetch cities start",
+    FetchCitiesFinish = "fetch cities finish",
+    FetchSearchResultsStart = "fetch search results start",
+    FetchSearchResultsComplete = "fetch search results complete",
+    FetchSearchResultsFinish = "fetch search results finish",
+    FetchCitiesByGeoIpComplete = "fetch cities by geo IP finish",
+    FetchCitiesByKeywordComplete = "fetch cities by keyword finish",
+    DisplayInitialCities = "display initial cities",
+    DisplayInitialSearchResults = "display initial search results",
+    UpdateInitialSearchResults = "update initial search results",
+    GrantGeoLocationPermission = "grant geolocation permission",
+    DenyGeoLocationPermission = "deny geolocation permission",
+    OpenMobileModal = "open mobile modal",
+    CloseMobileModal = "close mobile modal",
+    UpdateInitialSearchValue = "update initial search value",
+    SelectSearchResult = "select search result",
+    SetInputSearchPlaceholder = "set input search placeholder",
+    FocusInputSpecialty = "focus input specialty",
+    FetchAllSpecialties = "fetch all specialty",
+    FetchPopularKeys = "fetch popular key by type"
+}
+export type Action = {
+    type: ActionTypes.NavigateTo;
+    payload: string;
+} | {
+    type: ActionTypes.ClickOutsideInputLocation;
+} | {
+    type: ActionTypes.ClickOutsideInputSpecialty;
+} | {
+    type: ActionTypes.ClickOutsideInputSearch;
+} | {
+    type: ActionTypes.ClickOutsideInputSearchSpecialty;
+} | {
+    type: ActionTypes.FocusInputLocation;
+} | {
+    type: ActionTypes.FocusInputSpecialty;
+} | {
+    type: ActionTypes.FocusInputSearch;
+} | {
+    type: ActionTypes.FocusInputSearchSpecialty;
+} | {
+    type: ActionTypes.ChangeInputLocation;
+    payload: string;
+} | {
+    type: ActionTypes.ChangeInputSearch;
+    payload: string;
+} | {
+    type: ActionTypes.ClearInputLocation;
+} | {
+    type: ActionTypes.ClearInputSearch;
+} | {
+    type: ActionTypes.SelectCurrentLocation;
+    payload: City;
+} | {
+    type: ActionTypes.SelectLocation;
+    payload: City;
+} | {
+    type: ActionTypes.SelectSpecialty;
+    payload: Specialty;
+} | {
+    type: ActionTypes.FetchCitiesStart;
+} | {
+    type: ActionTypes.FetchCitiesFinish;
+} | {
+    type: ActionTypes.FetchSearchResultsStart;
+} | {
+    type: ActionTypes.FetchSearchResultsComplete;
+    payload: {
+        searches: SearchBarSectionItemApi[];
+        key: string;
+    };
+} | {
+    type: ActionTypes.FetchSearchResultsFinish;
+} | {
+    type: ActionTypes.FetchCitiesByGeoIpComplete;
+    payload: SearchCityByGeoIpApi;
+} | {
+    type: ActionTypes.FetchCitiesByKeywordComplete;
+    payload: City[];
+} | {
+    type: ActionTypes.DisplayInitialCities;
+} | {
+    type: ActionTypes.DisplayInitialSearchResults;
+} | {
+    type: ActionTypes.UpdateInitialSearchResults;
+    payload: {
+        searches: SearchBarSectionItemApi[];
+        key: string;
+    };
+} | {
+    type: ActionTypes.GrantGeoLocationPermission;
+    payload: GPSType;
+} | {
+    type: ActionTypes.DenyGeoLocationPermission;
+} | {
+    type: ActionTypes.OpenMobileModal;
+} | {
+    type: ActionTypes.CloseMobileModal;
+} | {
+    type: ActionTypes.UpdateInitialSearchValue;
+    payload: string;
+} | {
+    type: ActionTypes.SelectSearchResult;
+    payload: {
+        name: string;
+        url: string;
+    };
+} | {
+    type: ActionTypes.SetInputSearchPlaceholder;
+    payload: string;
+} | {
+    type: ActionTypes.FetchAllSpecialties;
+    payload: SearchBarSectionItemApi[];
+} | {
+    type: ActionTypes.FetchPopularKeys;
+    payload: PopularKeySearchItemApi[];
+};
+export declare function reducer(state: ReducerState, action: Action): ReducerState;

package/build/care/components/organisms/bookingSearchBarV3/searchInputs/ModalSearchResult.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactElement } from 'react';
+import { ModalProps } from "../../../../../mantine";
+type Props = {
+    closeModal: () => void;
+    searchInputEle: ReactElement;
+} & ModalProps;
+declare const ModalSearchResult: ({ searchInputEle, closeModal, children, ...props }: Props) => React.JSX.Element;
+export default ModalSearchResult;

package/build/care/components/organisms/bookingSearchBarV3/searchInputs/index.d.ts

@@ -0,0 +1,35 @@
+import React, { Dispatch } from 'react';
+import { Specialty } from "../../../../interfaces/types";
+import type { DebouncedFunc } from 'lodash';
+import { ReducerState, Action } from "../reducer";
+import { TypeSearch, SearchClick, GATrackingCode } from "../types";
+export interface SearchInputsRef {
+    focus: () => void;
+}
+type Props = {
+    state: ReducerState;
+    type: TypeSearch;
+    initalSearchValue?: string;
+    isMobile: boolean;
+    isLoading: boolean;
+    hideSpecialtySelection?: boolean;
+    clientSlug?: string;
+    typeInformation: {
+        [key in TypeSearch]: {
+            name: string;
+            icon: React.ReactNode;
+            slug: string;
+        };
+    };
+    trackingAttributes?: GATrackingCode;
+    onlyShowSearchBox?: boolean;
+    dispatch: Dispatch<Action>;
+    onSearch?: (info: SearchClick) => void;
+    onEnterSearch?: () => void;
+    onFocusInput?: () => void;
+    focusSearchInput?: () => void;
+    onChangeSpecialty?: (specialty: Specialty) => void;
+    debouncedFetchSearchResults: DebouncedFunc<(keyword: string, state: ReducerState, searchType: TypeSearch, clientSlug?: string) => Promise<void>>;
+};
+declare const SearchInputs: React.ForwardRefExoticComponent<Props & React.RefAttributes<SearchInputsRef>>;
+export default SearchInputs;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const StyleSearchInputsWrapper: 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 StyleSearchBarContainer: 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 StyleSearchIconWrapper: 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 StyleResultWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/care/components/organisms/bookingSearchBarV3/searchLocation/CustomSelectItem.d.ts

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

package/build/care/components/organisms/bookingSearchBarV3/searchLocation/index.d.ts

@@ -0,0 +1,16 @@
+import React, { Dispatch } from 'react';
+import { City } from "../../../../interfaces/types";
+import type { DebouncedFunc } from 'lodash';
+import { ReducerState, Action } from "../reducer";
+import { GATrackingCode } from "../types";
+type Props = {
+    isMobile: boolean;
+    state: ReducerState;
+    dispatch: Dispatch<Action>;
+    debouncedFetchCitiesByKeyword: DebouncedFunc<(keyword: string) => Promise<void>>;
+    selectedLocation?: City | null;
+    trackingAttributes?: GATrackingCode;
+    onLocationClick: (c: City) => void;
+};
+declare const SearchLocation: ({ state, debouncedFetchCitiesByKeyword, selectedLocation, trackingAttributes, onLocationClick, dispatch, }: Props) => React.JSX.Element;
+export default SearchLocation;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const StyleSearchLocationWrapper: 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 StyleResultWrapper: 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 StyledLocationItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    isSelected?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPinIcon: import("@emotion/styled").StyledComponent<{
+    className?: string;
+    color?: string;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/care/components/organisms/bookingSearchBarV3/searchResult/icons.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const DoctorIcon: () => React.JSX.Element;
+export declare const ServiceIcon: () => React.JSX.Element;
+export declare const HospitalIcon: () => React.JSX.Element;
+export declare const SpecialtyIcon: () => React.JSX.Element;

package/build/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/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/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/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/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/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/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/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/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/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/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/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/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/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";