@hhgtech/hhg-components 1.29.425 → 1.29.426

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

@@ -0,0 +1,24 @@
+import React, { CSSProperties, DOMAttributes } from 'react';
+type Props = {
+    children: JSX.Element;
+    className?: string;
+    onClick?: (e?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    wrapperSize?: number;
+    iconSize?: number;
+    wrapperStyle?: CSSProperties;
+    iconStyle?: CSSProperties;
+    wrapperProps?: DOMAttributes<HTMLDivElement> & {
+        [key: string]: string | number | boolean;
+    };
+    svgIcon?: {
+        fill?: string;
+        stroke?: string;
+    };
+};
+/**
+ * Wrapper for icon
+ * You can use this component to wrap your icon with custom size and style
+ * With svgIcon you can set fill and stroke color as well
+ */
+declare const IconWrapper: ({ children, className, onClick, wrapperSize, iconSize, wrapperStyle, iconStyle, svgIcon, wrapperProps, }: Props) => React.JSX.Element;
+export { IconWrapper };

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledIconWrapper: 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/atoms/index.d.ts

@@ -3,39 +3,41 @@ export { Avatar } from "./avatar";
 export { Badge } from "./badge";
 export { BorderHeading } from "./borderHeading";
 export { Button } from "./button";
+export { CardCollapse } from "./cardCollapse";
+export type { CardCollapseProps } from "./cardCollapse";
+export { Checkbox } from "./checkbox";
+export { Container } from "./container";
 export { Divider } from "./divider";
+export { Drawer } from "./drawer";
+export type { DrawerProps } from "./drawer";
 export { FileDropdown } from "./fileDropdown";
 export { Flag } from "./flag";
 export type { FlagCountryType } from "./flag";
 export { Grid } from "./grid";
 export { Heading } from "./heading";
+export { Icon } from "./icons";
+export type { IconProps } from "./icons";
 export { Input } from "./input";
 export { Label } from "./label";
 export { Logo } from "./logo";
 export { Pagination } from "./pagination";
 export { PureInput } from "./pureInput";
 export { Radio } from "./radio";
+export { RadioImageGroup } from "./radioImageGroup";
+export type { Props as RadioImageGroupProps } from "./radioImageGroup";
+export { RateStars } from "./rateStars";
 export { Tag } from "./tag";
 export { Text } from "./text";
 export type { TextSize, TextType } from "./text";
-export { Toggle } from "./toggle";
 export { TextArea } from "./textArea";
-export { Container } from "./container";
-export { Checkbox } from "./checkbox";
-export { RateStars } from "./rateStars";
-export { Icon } from "./icons";
-export type { IconProps } from "./icons";
-export { Drawer } from "./drawer";
-export type { DrawerProps } from "./drawer";
-export type { Props as RadioImageGroupProps } from "./radioImageGroup";
-export { RadioImageGroup } from "./radioImageGroup";
+export { Toggle } from "./toggle";
 export { AuthorBadge } from "./authorBadge";
 export type { AuthorBadgeProps } from "./authorBadge";
-export { CustomReferenceDot } from "./customReferenceDot";
 export { BtnChoice } from "./btnChoice";
-export { LogoIcon } from "./logo/logoIcon";
+export { CustomReferenceDot } from "./customReferenceDot";
 export { ImageWrap } from "./imageWrap";
 export type { Props as ImageWrapProps } from "./imageWrap";
+export { LogoIcon } from "./logo/logoIcon";
 export { StepRenderer, StepRendererContext } from "./stepRenderer";
 export type { StepRendererContextType, StepRendererItemShareProps, Props as StepRendererProps, } from "./stepRenderer";
 export { BookingBtn } from "./bookingBtn";
@@ -43,6 +45,10 @@ export type { Props as BookingBtnProps } from "./bookingBtn";
 export { GenderOptionControl } from "./genderOptionControl";
 export type { Props as GenderOptionControlProps } from "./genderOptionControl";
 export { Loading } from "./loading";
+export { DistanceTag } from "./distanceTag";
+export { IconHeading } from "./iconHeading";
+export { IconWrapper } from "./iconWrapper";
 export * from "./drawerComponent";
+export * from "./htmlContent";
 export * from "./inputDate";
 export * from "./searchInput";

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

@@ -78,3 +78,6 @@ export { VideoPlayerModal } from "./videoPlayerModal";
 export * from "./list";
 export * from "./quickFilter";
 export * from "./cardListItem";
+export * from "./productDetail";
+export * from "./insuranceList";
+export * from "./paymentList";

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Insurance } from "../../../care/interfaces/types";
+type TInsuranceListProps = {
+    insurances: Insurance[];
+    className?: string;
+    isName?: boolean;
+};
+export declare const InsuranceList: ({ insurances, className, isName, }: TInsuranceListProps) => React.JSX.Element;
+export default InsuranceList;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyledInsuranceList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledInsuranceItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;

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

@@ -1,3 +1,3 @@
 import React, { PropsWithChildren } from 'react';
 import { ListProviderType } from "./type";
-export declare function ListProvider<T>({ fetcher, children, defaultFilters, defaultSearch, pageSize, }: PropsWithChildren<ListProviderType<T>>): React.JSX.Element;
+export declare function ListProvider<T>({ fetcher, children, defaultFilters, defaultSearch, pageSize, debounceSearch, defaultLoading, }: PropsWithChildren<ListProviderType<T>>): React.JSX.Element;

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

@@ -28,6 +28,8 @@ export interface ListProviderType<T = any> {
     pageSize?: number;
     defaultSearch?: string;
     defaultFilters?: Record<string, any>;
+    debounceSearch?: number;
+    defaultLoading?: boolean;
 }
 export type TFilterOptions = {
     label: string;

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

@@ -1,9 +1,11 @@
 import { ListProviderType, TFilterOptions } from "./type";
-export declare function useList<T>({ fetcher, pageSize, defaultSearch, defaultFilters, }: {
+export declare function useList<T>({ fetcher, pageSize, defaultSearch, defaultFilters, debounceSearch, defaultLoading, }: {
     fetcher: ListProviderType<T>['fetcher'];
     pageSize?: number;
     defaultSearch?: string;
     defaultFilters?: Record<string, any>;
+    debounceSearch?: number;
+    defaultLoading?: boolean;
 }): {
     items: any[];
     total: number;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AcceptedPaymentApi } from "../../../care/interfaces/types";
+type TPaymentListProps = {
+    payments: AcceptedPaymentApi[];
+    className?: string;
+    isName?: boolean;
+};
+export declare const PaymentList: ({ payments, className, isName, }: TPaymentListProps) => React.JSX.Element;
+export default PaymentList;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyledPaymentList: 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 StyledPaymentItem: 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/productDetail/generalInfo/GeneralInfo.d.ts

@@ -0,0 +1,42 @@
+import React, { PropsWithChildren } from 'react';
+export interface GeneralInfoData {
+    id: number;
+    name: string;
+    logo?: string;
+    banner?: string;
+    description?: string;
+    inject_schedule?: string;
+}
+export type GeneralInfoProps = {
+    generalInfo: GeneralInfoData;
+    backupSrc?: string;
+    className?: string;
+    contentClassName?: string;
+};
+export declare function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, children, }: PropsWithChildren<GeneralInfoProps>): React.JSX.Element;
+export declare namespace GeneralInfo {
+    var Container: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType<any>;
+    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    var Image: import("@emotion/styled").StyledComponent<{
+        alt: string;
+        backupSrc?: string;
+        placeholderSrc?: string;
+    } & React.ClassAttributes<HTMLImageElement> & React.ImgHTMLAttributes<HTMLImageElement> & {
+        theme?: import("@emotion/react").Theme;
+    }, {}, {}>;
+    var Content: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType<any>;
+    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    var Title: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType<any>;
+    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+    var Description: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType<any>;
+    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+}
+export default GeneralInfo;

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

@@ -0,0 +1 @@
+export * from "./GeneralInfo";

package/build/esm/components/molecules/productDetail/generalInfo/index.styled.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { ThemeProps } from "../../../../misc";
+export declare const VaccinationImage: import("@emotion/styled").StyledComponent<{
+    alt: string;
+    backupSrc?: string;
+    placeholderSrc?: string;
+} & import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const VaccinationWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCalendarDayIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledUsersIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInfoGroup: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & ThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GeneralInfoContainer: 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/productDetail/index.d.ts

@@ -0,0 +1 @@
+export * from "./generalInfo";

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { HospitalBranchApi } from "../../../care/interfaces/types";
+import { LocaleType } from "../../../types";
+export type TClinicInfoProps = {
+    hospitalInfo?: HospitalBranchApi;
+    distance?: string;
+    locale: LocaleType;
+    isLoggedIn?: boolean;
+    googleMapKey: string;
+    onPhoneHospital?: () => void;
+    dataEventCategory: string;
+    dataEventAction: string;
+    dataEventLabel: string;
+};
+declare function ClinicInfo(props: TClinicInfoProps): React.JSX.Element;
+export { ClinicInfo };

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export declare const StyledClinicInfo: 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 StyledMap: import("@emotion/styled").StyledComponent<import("../map").Props & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledMobileIcon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+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 StyledFlexBox: 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 StyledDistanceTag: import("@emotion/styled").StyledComponent<import("../../atoms/distanceTag").TDistanceTagProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { HospitalBranchApi } from "../../../care/interfaces/types";
+export type THospitalInfoProps = {
+    hospitalInfo: HospitalBranchApi;
+    distance?: string;
+    className?: string;
+};
+export declare function HospitalInfo({ hospitalInfo, distance, className, }: THospitalInfoProps): React.JSX.Element;
+export default HospitalInfo;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const StyledHospitalInfo: 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 StyledImageWrap: import("@emotion/styled").StyledComponent<{
+    alt: string;
+    backupSrc?: string;
+    placeholderSrc?: string;
+} & import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledClockIcon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledArrowRightIcon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledDistanceTag: import("@emotion/styled").StyledComponent<import("../../atoms/distanceTag").TDistanceTagProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

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

@@ -4,4 +4,7 @@ export { Footer } from "./footer";
 export { NavigationLogoutPopup, Props as NavigationLogoutPopupProps, } from "./navigationLogoutPopup";
 export { NavigationProfileButton, Props as NavigationProfileButtonProps, } from "./navigationProfileButton";
 export { ProfileNavigation, Props as ProfileNavigationProps, } from "./profileNavigation";
+export * from "./clinicInfo";
 export * from "./collectPhoneNumber";
+export * from "./hospitalInfo";
+export * from "./insuranceInfo";

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { HospitalBranchApi } from "../../../care/interfaces/types";
+export type TProductInsuranceInfoProps = {
+    hospitalInfo: HospitalBranchApi;
+};
+export declare function ProductInsuranceInfo({ hospitalInfo, }: TProductInsuranceInfoProps): React.JSX.Element;
+export default ProductInsuranceInfo;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const StyledInsuranceContainer: 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 StyledInsuranceList: import("@emotion/styled").StyledComponent<{
+    insurances: import("../../../care/interfaces/types").Insurance[];
+    className?: string;
+    isName?: boolean;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Hospital } from "../../../care/interfaces/types";
+import { LocaleType } from "../../../types";
+export type Props = {
+    hospital: Hospital;
+    className?: string;
+    hasNoCard?: boolean;
+    isFullWidth?: boolean;
+    isUsingEmbedMap?: boolean;
+    height?: number;
+    width?: number;
+    isCardFloating?: boolean;
+    distance?: number;
+    isLoggedIn?: boolean;
+    locale: LocaleType;
+    googleMapKey: string;
+    dataEventCategory: string;
+    dataEventAction: string;
+    dataEventLabel: string;
+    onPhoneHospital?: () => void;
+};
+declare const Map: (props: Props) => React.JSX.Element;
+export { Map };

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

@@ -0,0 +1,3 @@
+import { Hospital, HospitalBranchApi } from "../../../care/interfaces/types";
+import { LocaleType } from "../../../types";
+export declare const getHospitalUrl: (locale: LocaleType, hospital: Hospital | HospitalBranchApi) => string;

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

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+export declare const StyledOMap: 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 StyledCard: 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 StyledHospitalMoreInfo: 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 StyledHospitalTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const PhoneButton: import("@emotion/styled").StyledComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & {
+    size: "lg" | "md" | "sm" | "xs";
+    children?: import("react").ReactNode;
+    color?: "primary" | "secondary" | "transparent" | "tertiary" | "ghost" | "danger" | "success";
+    theme?: "helloSites" | "marryBaby";
+    isDisabled?: boolean;
+    isBlock?: boolean;
+    title?: string;
+    className?: string;
+    icon?: JSX.Element;
+    iconPosition?: "left" | "right";
+    isLoading?: boolean;
+    loadingText?: string;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    dataEventCategory?: string;
+    dataEventAction?: string;
+    dataEventLabel?: string;
+    dataProductChannel?: string;
+    dataProductSku?: string;
+    dataProductBrand?: string;
+    dataProductName?: string;
+    dataProductPrice?: string;
+    dataProductCategory?: string;
+    dataProductPosition?: string;
+    type?: "button" | "submit" | "reset";
+    component?: import("react").ElementType<any>;
+    href?: string;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { HospitalApi } from "../../../care/interfaces/types";
+type Props = {
+    workingTimes: HospitalApi['working_times'];
+};
+export declare function OpeningHours({ workingTimes }: Props): React.JSX.Element;
+export default OpeningHours;

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

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