@hhgtech/hhg-components 1.29.529 → 1.29.531-beta-1

package/build/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/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-be7ac01b.js';
-export { c as CareConstants } from './constants-ea552f1d.js';
-export { t as CareTypes } from './types-35ea0197.js';
-import './tslib.es6-cad84cc0.js';
+export { B as BookingSearchBarV3, T as TextDivider } from './index-b76620c7.js';
+export { c as CareConstants } from './constants-5c826069.js';
+export { t as CareTypes } from './types-209ae371.js';
+import './tslib.es6-913afba8.js';
 import 'react';
 import '@emotion/react';
-import './utils-ab3b27b1.js';
-import './index-cfaad2c1.js';
+import './utils-982c3e28.js';
+import './index-8c9a7f13.js';
 import 'date-fns/locale';
-import './index-5c287948.js';
-import './Locale-f3ce6f4a.js';
+import './index-2d2de12a.js';
+import './Locale-5b1f0e98.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-23c578aa.js';
+import './utils-553ff502.js';
 import 'react-loading-skeleton';
 import 'string-format';
-import './index-82ea6b51.js';
-import './translationsContext-5536e910.js';
+import './index-d91f7602.js';
+import './translationsContext-076d1cab.js';
 import 'lodash/debounce';
-import './index-08e91215.js';
+import './index-97a4b3db.js';
 import '@mantine/core';
-import './index-273f9554.js';
-import './index-7eb710d8.js';
+import './index-ddc7d2fd.js';
+import './index-42708cbd.js';
 import 'lodash/shuffle';
-import './useOutsideClick-bbf3c9ae.js';
-import './paths-8f866678.js';
+import './useOutsideClick-ba09dc27.js';
+import './paths-d08da5bb.js';
 import '@hhgtech/icons/core';
 import '@mantine/hooks';
-import './index-fc6409b1.js';
-import './ChevronDown-fb1a6473.js';
+import './index-9fdaafbb.js';
+import './ChevronDown-4fee619a.js';
 import '@hhgtech/icons/arrow';
-import './index-9123f2b2.js';
-import './index.styles-57582498.js';
-import './index-8884c688.js';
-import './shared-d6ce481f.js';
+import './index-1dfa50ee.js';
+import './index.styles-bc134d17.js';
+import './index-9b08898b.js';
+import './shared-e21681a4.js';

package/build/esm/careBookingSearchBar.js

@@ -1,32 +1,32 @@
-import { a as __awaiter } from './tslib.es6-cad84cc0.js';
+import { a as __awaiter } from './tslib.es6-913afba8.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-ab3b27b1.js';
-import { u as useTranslations } from './index-82ea6b51.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-982c3e28.js';
+import { u as useTranslations } from './index-d91f7602.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-ea552f1d.js';
+import { I as ID_OPTION_ALL_LOCATION, L as LOCALIZED_SLUGS, a as ID_OPTION_CURRENT_LOCATION } from './constants-5c826069.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-08e91215.js';
-import { T as Text } from './index-273f9554.js';
+import { I as Input } from './index-97a4b3db.js';
+import { T as Text } from './index-ddc7d2fd.js';
 import { theme } from './miscTheme.js';
 import shuffle from 'lodash/shuffle';
-import { a as useOutsideClick } from './useOutsideClick-bbf3c9ae.js';
-import { M as MediaQueries } from './utils-23c578aa.js';
+import { a as useOutsideClick } from './useOutsideClick-ba09dc27.js';
+import { M as MediaQueries } from './utils-553ff502.js';
 import Skeleton from 'react-loading-skeleton';
-import { P as PATHS } from './paths-8f866678.js';
-import './index-cfaad2c1.js';
+import { P as PATHS } from './paths-d08da5bb.js';
+import './index-8c9a7f13.js';
 import 'date-fns/locale';
-import './index-5c287948.js';
-import './Locale-f3ce6f4a.js';
+import './index-2d2de12a.js';
+import './Locale-5b1f0e98.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import 'string-format';
-import './translationsContext-5536e910.js';
+import './translationsContext-076d1cab.js';
 import '@mantine/core';
-import './index-7eb710d8.js';
+import './index-42708cbd.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyledSearchBarMobileWrapper = styled.div `