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

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-3ecee9df.js';
-export { c as CareConstants } from './constants-ebf82e1d.js';
-export { t as CareTypes } from './types-f3c62b8e.js';
-import './tslib.es6-eac05ee6.js';
+export { B as BookingSearchBarV3, T as TextDivider } from './index-4d68a1b9.js';
+export { c as CareConstants } from './constants-655e384a.js';
+export { t as CareTypes } from './types-635612fa.js';
+import './tslib.es6-05b7cc0f.js';
 import 'react';
 import '@emotion/react';
-import './utils-e56045d9.js';
-import './index-7061fdca.js';
+import './utils-e2f50745.js';
+import './index-9ee90ed6.js';
 import 'date-fns/locale';
-import './index-a7cbb0b9.js';
-import './Locale-dd85e540.js';
+import './index-70c23dec.js';
+import './Locale-f39ad168.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-8fa947f2.js';
+import './utils-30eaad0a.js';
 import 'react-loading-skeleton';
 import 'string-format';
-import './index-72b972f5.js';
-import './translationsContext-9ccdd735.js';
+import './index-cae823f0.js';
+import './translationsContext-844e0548.js';
 import 'lodash/debounce';
-import './index-75a9c5b3.js';
+import './index-91731ad5.js';
 import '@mantine/core';
-import './index-ba4cfc72.js';
-import './index-edde0d78.js';
+import './index-ffdfffa1.js';
+import './index-15d20abe.js';
 import 'lodash/shuffle';
-import './useOutsideClick-7b0e73bb.js';
-import './paths-57889e7a.js';
+import './useOutsideClick-8871c23e.js';
+import './paths-82fdd769.js';
 import '@hhgtech/icons/core';
 import '@mantine/hooks';
-import './index-f3b9047f.js';
-import './ChevronDown-99190b49.js';
+import './index-b1f7fde6.js';
+import './ChevronDown-fcbcff06.js';
 import '@hhgtech/icons/arrow';
-import './index-7d3b5c77.js';
-import './index.styles-fc1f3f4c.js';
-import './index-b07e5ab0.js';
-import './shared-ddb4a7c0.js';
+import './index-7565bfca.js';
+import './index.styles-6465d6bb.js';
+import './index-07d60a5d.js';
+import './shared-0319a067.js';

package/build/esm/careBookingSearchBar.js

@@ -1,32 +1,32 @@
-import { a as __awaiter } from './tslib.es6-eac05ee6.js';
+import { a as __awaiter } from './tslib.es6-05b7cc0f.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-e56045d9.js';
-import { u as useTranslations } from './index-72b972f5.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-e2f50745.js';
+import { u as useTranslations } from './index-cae823f0.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-ebf82e1d.js';
+import { I as ID_OPTION_ALL_LOCATION, L as LOCALIZED_SLUGS, a as ID_OPTION_CURRENT_LOCATION } from './constants-655e384a.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-75a9c5b3.js';
-import { T as Text } from './index-ba4cfc72.js';
+import { I as Input } from './index-91731ad5.js';
+import { T as Text } from './index-ffdfffa1.js';
 import { theme } from './miscTheme.js';
 import shuffle from 'lodash/shuffle';
-import { a as useOutsideClick } from './useOutsideClick-7b0e73bb.js';
-import { M as MediaQueries } from './utils-8fa947f2.js';
+import { a as useOutsideClick } from './useOutsideClick-8871c23e.js';
+import { M as MediaQueries } from './utils-30eaad0a.js';
 import Skeleton from 'react-loading-skeleton';
-import { P as PATHS } from './paths-57889e7a.js';
-import './index-7061fdca.js';
+import { P as PATHS } from './paths-82fdd769.js';
+import './index-9ee90ed6.js';
 import 'date-fns/locale';
-import './index-a7cbb0b9.js';
-import './Locale-dd85e540.js';
+import './index-70c23dec.js';
+import './Locale-f39ad168.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import 'string-format';
-import './translationsContext-9ccdd735.js';
+import './translationsContext-844e0548.js';
 import '@mantine/core';
-import './index-edde0d78.js';
+import './index-15d20abe.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyledSearchBarMobileWrapper = styled.div `

package/build/esm/careBookingSearchBarV2.js

@@ -2,26 +2,26 @@ import React__default, { useMemo, forwardRef, useRef, useImperativeHandle, useCa
 import { Search } from '@hhgtech/icons/core';
 import { Skeleton, clsx, Text as Text$1, Select, rem, useMantineTheme, Input, Stack, Flex, Box, Divider, Tabs } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { i as checkMarkIconUrl, P as PinIcon, h as getApiPath, u as useGeolocation } from './utils-e56045d9.js';
-import { a as useOutsideClick } from './useOutsideClick-7b0e73bb.js';
-import { u as useTranslations } from './index-72b972f5.js';
+import { i as checkMarkIconUrl, P as PinIcon, h as getApiPath, u as useGeolocation } from './utils-e2f50745.js';
+import { a as useOutsideClick } from './useOutsideClick-8871c23e.js';
+import { u as useTranslations } from './index-cae823f0.js';
 import debounce from 'lodash/debounce';
-import { a as ID_OPTION_CURRENT_LOCATION, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY, M as MAPPING_CLIENT_WITH_SLUG } from './constants-ebf82e1d.js';
+import { a as ID_OPTION_CURRENT_LOCATION, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY, M as MAPPING_CLIENT_WITH_SLUG } from './constants-655e384a.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-8fa947f2.js';
-import { C as Container } from './index-f3b9047f.js';
-import { T as Text } from './index-ba4cfc72.js';
-import { C as ChevronDown } from './ChevronDown-99190b49.js';
-import { _ as __rest } from './tslib.es6-eac05ee6.js';
+import { M as MediaQueries } from './utils-30eaad0a.js';
+import { C as Container } from './index-b1f7fde6.js';
+import { T as Text } from './index-ffdfffa1.js';
+import { C as ChevronDown } from './ChevronDown-fcbcff06.js';
+import { _ as __rest } from './tslib.es6-05b7cc0f.js';
 import { ArrowLeft } from '@hhgtech/icons/arrow';
-import { M as Modal } from './index-7d3b5c77.js';
-import { P as PATHS } from './paths-57889e7a.js';
-import { B as Button } from './index-b07e5ab0.js';
-import './index-7061fdca.js';
+import { M as Modal } from './index-7565bfca.js';
+import { P as PATHS } from './paths-82fdd769.js';
+import { B as Button } from './index-07d60a5d.js';
+import './index-9ee90ed6.js';
 import 'date-fns/locale';
-import './index-a7cbb0b9.js';
-import './Locale-dd85e540.js';
+import './index-70c23dec.js';
+import './Locale-f39ad168.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -29,10 +29,10 @@ import './constantsIsProduction.js';
 import './miscCookieHelper.js';
 import 'react-loading-skeleton';
 import 'string-format';
-import './translationsContext-9ccdd735.js';
-import './index-edde0d78.js';
-import './index.styles-fc1f3f4c.js';
-import './shared-ddb4a7c0.js';
+import './translationsContext-844e0548.js';
+import './index-15d20abe.js';
+import './index.styles-6465d6bb.js';
+import './shared-0319a067.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyleWrapperContainer = styled.div `

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

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