@hhgtech/hhg-components 1.29.521 → 1.29.523-beta-1

package/build/care.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var index = require('./index-acaa4658.js');
-var constants = require('./constants-e0b13438.js');
-var types = require('./types-c3ee583a.js');
-require('./tslib.es6-90d249e9.js');
+var index = require('./index-e63ed166.js');
+var constants = require('./constants-72ae0946.js');
+var types = require('./types-726b3240.js');
+require('./tslib.es6-8aead483.js');
 require('react');
 require('@emotion/react');
-require('./utils-6706e3d9.js');
-require('./index-dd454bc4.js');
+require('./utils-f454d55d.js');
+require('./index-9b5b7dfe.js');
 require('date-fns/locale');
-require('./index-ef957b97.js');
-require('./Locale-c4915152.js');
+require('./index-d9925321.js');
+require('./Locale-dbf10daf.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -22,22 +22,22 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-f209b063.js');
+require('./utils-f4b8d7de.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./index-107d84db.js');
-require('./translationsContext-0c2edd33.js');
+require('./index-ab5a6511.js');
+require('./translationsContext-9abc9495.js');
 require('lodash/debounce');
-require('./index-8028de6c.js');
+require('./index-4560dcde.js');
 require('@mantine/core');
-require('./index-f4f22099.js');
-require('./index-a100f582.js');
+require('./index-97b7528f.js');
+require('./index-75742070.js');
 require('lodash/shuffle');
-require('./useOutsideClick-5a3a0ac3.js');
-require('./paths-e53c6a15.js');
-require('./index-0d5e715a.js');
+require('./useOutsideClick-09bcfcef.js');
+require('./paths-943303a8.js');
+require('./index-60e36f3f.js');
 require('@hhgtech/icons/core');
-require('./ChevronDown-fef53ec0.js');
+require('./ChevronDown-98959ef8.js');
 
 
 

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-90d249e9.js');
+var tslib_es6 = require('./tslib.es6-8aead483.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-6706e3d9.js');
-var index$1 = require('./index-107d84db.js');
+var utils = require('./utils-f454d55d.js');
+var index$1 = require('./index-ab5a6511.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-e0b13438.js');
+var constants = require('./constants-72ae0946.js');
 var styled = require('@emotion/styled');
-var index = require('./index-8028de6c.js');
-var index$2 = require('./index-f4f22099.js');
+var index = require('./index-4560dcde.js');
+var index$2 = require('./index-97b7528f.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-5a3a0ac3.js');
-var utils$1 = require('./utils-f209b063.js');
+var useOutsideClick = require('./useOutsideClick-09bcfcef.js');
+var utils$1 = require('./utils-f4b8d7de.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-e53c6a15.js');
-require('./index-dd454bc4.js');
+var paths = require('./paths-943303a8.js');
+require('./index-9b5b7dfe.js');
 require('date-fns/locale');
-require('./index-ef957b97.js');
-require('./Locale-c4915152.js');
+require('./index-d9925321.js');
+require('./Locale-dbf10daf.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-0c2edd33.js');
+require('./translationsContext-9abc9495.js');
 require('@mantine/core');
-require('./index-a100f582.js');
+require('./index-75742070.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/careBookingSearchBarV2.js

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils$1 = require('./utils-6706e3d9.js');
-var useOutsideClick = require('./useOutsideClick-5a3a0ac3.js');
-var index$1 = require('./index-107d84db.js');
+var utils$1 = require('./utils-f454d55d.js');
+var useOutsideClick = require('./useOutsideClick-09bcfcef.js');
+var index$1 = require('./index-ab5a6511.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-e0b13438.js');
+var constants = require('./constants-72ae0946.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-f209b063.js');
-var index = require('./index-0d5e715a.js');
+var utils = require('./utils-f4b8d7de.js');
+var index = require('./index-60e36f3f.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-f4f22099.js');
-var ChevronDown = require('./ChevronDown-fef53ec0.js');
-var paths = require('./paths-e53c6a15.js');
-require('./index-dd454bc4.js');
+var index$2 = require('./index-97b7528f.js');
+var ChevronDown = require('./ChevronDown-98959ef8.js');
+var paths = require('./paths-943303a8.js');
+require('./index-9b5b7dfe.js');
 require('date-fns/locale');
-require('./index-ef957b97.js');
-require('./Locale-c4915152.js');
+require('./index-d9925321.js');
+require('./Locale-dbf10daf.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -28,9 +28,9 @@ require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('react-loading-skeleton');
 require('string-format');
-require('./translationsContext-0c2edd33.js');
-require('./tslib.es6-90d249e9.js');
-require('./index-a100f582.js');
+require('./translationsContext-9abc9495.js');
+require('./tslib.es6-8aead483.js');
+require('./index-75742070.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/components/atoms/genderOptionControl/index.d.ts

@@ -19,11 +19,12 @@ export interface GenderOptionControlBaseProps extends DefaultProps<Selectors<typ
     hideLabel?: boolean;
     labelTextProps?: Partial<TextProps>;
     LabelWrapper?: ComponentType<TextProps>;
+    labelText?: TextProps;
     type?: 'button' | 'radio';
     gap?: number;
     size?: MantineSize;
     onChange?: (value: string) => void;
 }
 export type GenderOptionControlProps = GenderOptionControlBaseProps & Omit<RadioGroupProps, 'children' | 'styles'>;
-declare const GenderOptionControl: ({ label, availableValue: availableValueInit, styles, isBaby, genderValue, type, hideLabel, labelTextProps, gap, size, LabelWrapper, ...radioProps }: GenderOptionControlProps) => React.JSX.Element;
+declare const GenderOptionControl: ({ label, availableValue: availableValueInit, styles, isBaby, genderValue, type, hideLabel, labelTextProps, labelText, gap, size, LabelWrapper, ...radioProps }: GenderOptionControlProps) => React.JSX.Element;
 export { GenderOptionControl };

package/build/components/atoms/searchInput/index.d.ts

@@ -1,4 +1,5 @@
 import React, { CSSProperties, ReactNode } from 'react';
+import { InputProps } from "../../mantine";
 import { DataTrackingTypeHTMLElement } from "../../../types";
 export declare const StyledSearchIcon: import("@emotion/styled").StyledComponent<React.SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme;
@@ -13,6 +14,7 @@ export type TSearchInputProps = {
     icon?: ReactNode;
     className?: string;
     style?: CSSProperties;
-} & DataTrackingTypeHTMLElement;
+    enableClear?: boolean;
+} & DataTrackingTypeHTMLElement & Omit<InputProps, 'onChange'>;
 export declare const SearchInput: (props: TSearchInputProps) => React.JSX.Element;
 export default SearchInput;

package/build/components/mantine/input/index.d.ts

@@ -6,12 +6,14 @@ import { PasswordInput } from "./password";
 export type InputProps = Omit<MantineTextInputProps, 'onChange' | 'value'> & {
     value?: string;
     withFloatingLabel?: boolean;
+    debouncedTime?: number;
     onChange?(value: string): void;
     onChangeRaw?(e: React.ChangeEvent<HTMLInputElement>): void;
 };
 declare const InputWrapper: React.ForwardRefExoticComponent<Omit<MantineTextInputProps, "onChange" | "value"> & {
     value?: string;
     withFloatingLabel?: boolean;
+    debouncedTime?: number;
     onChange?(value: string): void;
     onChangeRaw?(e: React.ChangeEvent<HTMLInputElement>): void;
 } & React.RefAttributes<HTMLInputElement>>;

package/build/components/molecules/list/Search.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
+import { TSearchInputProps } from "../../atoms";
 import { DataTrackingTypeHTMLElement } from "../../../types";
 type TSearchProps = {
     placeholder?: string;
     className?: string;
     formatValue?: (value: string) => string;
-} & DataTrackingTypeHTMLElement;
+} & DataTrackingTypeHTMLElement & TSearchInputProps;
 export declare function Search({ className, placeholder, formatValue, ...restProps }: TSearchProps): React.JSX.Element;
 export {};

package/build/components/navigationV2/components/atoms/HamburgerIcon.d.ts

@@ -5,6 +5,7 @@ type Props = {
     enableSearch?: boolean;
     className?: string;
     style?: CSSProperties;
+    size?: number;
 };
-export declare function HamburgerIcon({ siteType, enableSearch, className, style, }: Props): React.JSX.Element;
+export declare function HamburgerIcon({ siteType, enableSearch, className, style, size, }: Props): React.JSX.Element;
 export {};

package/build/components/navigationV2/components/atoms/searchInput/index.constant.d.ts

@@ -0,0 +1,8 @@
+import { LOCALE } from "../../../../../types";
+export declare const ALLOW_SHOW_SEARCH_ANIMATION: LOCALE[];
+export declare const TEXT_PLACEHOLDER_INPUT: {
+    "vi-VN": string[];
+    "ms-MY": string[];
+};
+export declare const TIME_ANIMATION_SEARCH_INPUT = 5000;
+export declare const TIME_ANIMATION_SEARCH_INPUT_DELAY: number;

package/build/components/navigationV2/components/atoms/searchInput/index.styled.d.ts

@@ -2,8 +2,25 @@
 export declare const StyleInput: import("@emotion/styled").StyledComponent<Omit<import("@mantine/core").TextInputProps, "onChange" | "value"> & {
     value?: string;
     withFloatingLabel?: boolean;
+    debouncedTime?: number;
     onChange?(value: string): void;
     onChangeRaw?(e: import("react").ChangeEvent<HTMLInputElement>): void;
 } & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
+export declare const StyleSearchInputAnimationWrapper: 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 StyledTextAnimationWrapper: 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 StyleSearchInputWrapper: 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 StyledTextAnimation: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/build/components/navigationV2/components/molecules/Categories/index.d.ts

@@ -1,19 +1,34 @@
 import React from 'react';
+import { SiteType } from "../../../../../types";
+type TMenuItem = {
+    name?: string;
+    thumbnail?: string;
+    link?: string;
+    linkTarget?: '_blank' | '_self' | '_parent' | '_top';
+    isNew?: boolean;
+    id?: string;
+    isMobileAppTool?: boolean;
+};
 export type Props = {
     hrefViewMore?: string;
     titleBtnViewMore?: string;
     UrlFE?: string;
     onClosePopup?: () => void;
-    menuItems?: {
-        name?: string;
-        thumbnail?: string;
-        link?: string;
-        isNew?: boolean;
-        id?: string;
-        isMobileAppTool?: boolean;
-    }[];
+    menuItems?: TMenuItem[];
     headingTitle?: string;
     activeItem?: string;
 };
 declare const Categories: ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuItems, headingTitle, activeItem, }: Props) => React.JSX.Element;
-export { Categories };
+declare const CategoriesItem: ({ href, menuItem, activeItem, siteType, onClick, }: {
+    href: string;
+    menuItem: TMenuItem;
+    activeItem?: string;
+    siteType: SiteType;
+    onClick?: () => void;
+}) => React.JSX.Element;
+declare const ExtraCategories: ({ menuItems, siteType, onClick, }: {
+    menuItems: TMenuItem[];
+    siteType: SiteType;
+    onClick?: () => void;
+}) => React.JSX.Element;
+export { Categories, ExtraCategories, CategoriesItem };

package/build/components/navigationV2/components/molecules/Categories/index.styled.d.ts

@@ -3,6 +3,14 @@ export declare const StyledItemGridLeft: import("@emotion/styled").StyledCompone
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledCategoryList: 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 StyledCategoryDivider: 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 StyledItem: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;

package/build/components/navigationV2/components/molecules/menuServiceList/index.d.ts

@@ -3,9 +3,10 @@ import { ProjectType } from "../../../../../types";
 import { MenuItemType } from "../../../types";
 export type Props = {
     menuItems: MenuItemType[];
+    extraMenuItems?: MenuItemType[];
     isHomepage?: boolean;
     projectType?: ProjectType;
     closePopup?: () => void;
 };
-declare const MenuServiceList: ({ closePopup, menuItems, projectType, isHomepage, }: Props) => React.JSX.Element;
+declare const MenuServiceList: ({ closePopup, menuItems, extraMenuItems, projectType, isHomepage, }: Props) => React.JSX.Element;
 export { MenuServiceList };

package/build/components/navigationV2/components/molecules/navigationBar/hamburgerMenu/index.d.ts

@@ -3,8 +3,9 @@ import { MenuItemType } from "../../../../types";
 import { ProjectType } from "../../../../../../types";
 export interface Props {
     menuItems: MenuItemType[];
+    extraMenuItems?: MenuItemType[];
     isHomepage: boolean;
     projectType?: ProjectType;
 }
-declare const HamburgerMenu: ({ menuItems, isHomepage, projectType }: Props) => React.JSX.Element;
+declare const HamburgerMenu: ({ menuItems, extraMenuItems, isHomepage, projectType, }: Props) => React.JSX.Element;
 export { HamburgerMenu };

package/build/components/navigationV2/components/molecules/navigationBar/index.d.ts

@@ -3,7 +3,7 @@ import { MenuItemType } from "../../../types";
 import { ProjectType } from "../../../../../interfaces/types";
 import { Props as NavigationProps } from "../../..";
 export interface Props {
-    onTopBarAppears: (b: boolean) => void;
+    onTopBarAppears: (isAppeared: boolean) => void;
     languageMenu?: JSX.Element;
     menuItems: MenuItemType[];
     enableBookingBtn?: boolean;

package/build/components/navigationV2/components/molecules/navigationBar/o2ONavigationMenu/helpers.d.ts

@@ -0,0 +1,19 @@
+import { MenuItemType } from "../../../../types";
+import { LocaleType } from "../../../../../../types";
+import { O2OMenuRequiredParams } from "./types";
+export declare const O2O_MENU_DESKTOP_HEIGHT = 40;
+export declare const O2O_MENU_ALLOWED_LOCALES: LocaleType[];
+export declare const getO2OContacts: (t: (param: string) => string) => Partial<Record<LocaleType, {
+    name: string;
+    link: string;
+    linkTarget?: '_blank' | '_self' | '_parent' | '_top';
+    imgUrl: string;
+}>>;
+export declare const canDisplayO2ONavigationMenu: ({ locale, isHomepage, }: O2OMenuRequiredParams) => boolean;
+export declare const getO2OCategoryItems: (t: (param: string) => string) => Partial<Record<LocaleType, {
+    name: string;
+    link: string;
+    linkTarget?: '_blank' | '_self' | '_parent' | '_top';
+    imgUrl: string;
+}[]>>;
+export declare const getO2OHamburgerMenuItems: (locale: LocaleType, t: (param: string) => string) => MenuItemType[];

package/build/components/navigationV2/components/molecules/navigationBar/o2ONavigationMenu/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function O2ONavigationMenu(): React.JSX.Element;

package/build/components/navigationV2/components/molecules/navigationBar/o2ONavigationMenu/index.styled.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const headerStickyPanelVisibilityCss = "\n  & .header-sticky-panel {\n    position: relative;\n    z-index: 10;\n  }\n\n  // When sub navigation menu is open --> the sticky panel should be under the menu\n  &:has(.hhgcomp-navigation-itemnav-headeritem:focus-within) {\n    .header-sticky-panel {\n      position: relative;\n      z-index: 0;\n    }\n  }\n";
+export declare const StyledStickyPanel: 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 StyledStickyPanelContent: 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 StyledCategoryList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/navigationV2/components/molecules/navigationBar/o2ONavigationMenu/types.d.ts

@@ -0,0 +1,5 @@
+import { LocaleType } from "../../../../../../types";
+export type O2OMenuRequiredParams = {
+    locale: LocaleType;
+    isHomepage: boolean;
+};

package/build/components/navigationV2/components/molecules/navigationBar/stickyBottomPanel/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { O2OMenuRequiredParams } from "../o2ONavigationMenu/types";
+export default function StickyBottomPanel({ locale, isHomepage, }: O2OMenuRequiredParams): React.JSX.Element;

package/build/components/navigationV2/hooks/useSetGlobalHeaderHeight.d.ts

@@ -0,0 +1,5 @@
+export declare const useSetGlobalHeaderHeight: ({ headerHeight, defaultHeaderHeight, allowRootVariablesUpdate, }: {
+    headerHeight?: number;
+    defaultHeaderHeight?: number;
+    allowRootVariablesUpdate?: boolean;
+}) => void;

package/build/components/navigationV2/index.d.ts

@@ -53,7 +53,7 @@ export type Props = {
     };
     locale: LocaleType;
     userState: State;
-    onTopBarAppears?: (b: boolean) => void;
+    onTopBarAppears?: (isAppeared: boolean) => void;
     sitewideBanner?: JSX.Element;
     sitewideBannerShown?: boolean;
     sitewideBannerData?: SiteWideBannerType;
@@ -84,6 +84,7 @@ export type Props = {
     };
     slot?: ReactNode;
     isWinCashBackTheme?: boolean;
+    enableO2ONavigationMenu?: boolean;
 };
 declare const NavigationV2: (props: Props) => React.JSX.Element;
 export declare const getNavMenuContent: (locale: string) => Promise<NavMenuContentType>;

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

@@ -202,6 +202,7 @@ export type MenuItemType = {
     name: string;
     id: MenuServiceType;
     link: string;
+    linkTarget?: '_blank' | '_self' | '_parent' | '_top';
     niceName?: string;
     thumbnail: string;
     popupType: DesktopMenuPopup;

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

@@ -6,6 +6,7 @@ export { NavigationProfileButton, Props as NavigationProfileButtonProps, } from
 export { ProfileNavigation, Props as ProfileNavigationProps, } from "./profileNavigation";
 export * from "./clinicInfo";
 export * from "./collectPhoneNumber";
+export * from "./popupRequestConsultation";
 export * from "./hospitalInfo";
 export * from "./insuranceInfo";
 export * from "./doctorExpertise";

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

@@ -0,0 +1,3 @@
+export * from "./requestConsultationForm";
+export * from "./requestConsultationSuccess";
+export * from "./popupRequestConsultation";

package/build/components/organisms/popupRequestConsultation/index.styled.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+export declare const StyledRequestConsultationForm: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledButton: import("@emotion/styled").StyledComponent<{
+    variant?: "error" | "primary" | "secondary" | "tertiary" | "light" | "ghost" | "white" | "success";
+    skipHover?: boolean;
+    withColorHover?: boolean;
+    theme?: "helloSites" | "marryBaby";
+    component?: any;
+    gradient?: string;
+} & Omit<import("@mantine/core").ButtonProps, "variant" | "gradient"> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../../../types").DataTrackingType & import("react").RefAttributes<unknown> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledDrawerBottom: import("@emotion/styled").StyledComponent<{
+    isOpen: boolean;
+    isMobile: boolean;
+    onClose: () => void;
+    overlayClassName?: string;
+    contentClassName?: string;
+    handlerClassName?: string;
+    isLinear?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+} & Omit<import("@mantine/core").ModalProps, "opened"> & Omit<import("vaul").DialogProps, "open"> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledPhone: import("@emotion/styled").StyledComponent<Omit<import("../../../mantine").PhoneProps, "ref"> & import("react").RefAttributes<import("react").Ref<unknown>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledInputWrapper: import("@emotion/styled").StyledComponent<import("@mantine/core").InputWrapperProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/build/components/organisms/popupRequestConsultation/popupRequestConsultation.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from 'react';
+import { useDisclosure } from '@mantine/hooks';
+import { DrawerBottomProps } from "../../atoms/drawerBottom";
+import { LocaleType } from "../../../types";
+import { TRequestConsultationFormData } from "./requestConsultationForm";
+type TCustomDrawerProps = Omit<DrawerBottomProps, 'isOpen' | 'onClose' | 'onOpenChange'>;
+export type TPopupRequestConsultationProps = {
+    isMobile: boolean;
+    children?: ((value: ReturnType<typeof useDisclosure>) => ReactNode) | ReactNode;
+    onSubmit: (data: TRequestConsultationFormData) => Promise<unknown>;
+    isOpen?: boolean;
+    onOpenChange?: (value: boolean) => void;
+    drawerProps?: TCustomDrawerProps;
+    locale?: LocaleType;
+};
+export declare enum EPopupRequestConsultationStep {
+    FORM = 0,
+    SUCCESS = 1
+}
+export declare function PopupRequestConsultation({ children, isMobile, onSubmit, isOpen: isOpenProp, onOpenChange, drawerProps, locale, }: TPopupRequestConsultationProps): React.JSX.Element;
+export default PopupRequestConsultation;

package/build/components/organisms/popupRequestConsultation/requestConsultationForm.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Country } from 'react-phone-number-input';
+export declare enum EGender {
+    Male = "male",
+    Female = "female"
+}
+export type TRequestConsultationFormData = {
+    name: string;
+    phone: string;
+    countryCode: Country;
+    callingCode: string;
+    gender: EGender;
+};
+export type RequestConsultationFormProps = {
+    onSubmit: (value: TRequestConsultationFormData) => void;
+    onClose: () => void;
+    title?: string;
+    isLoading?: boolean;
+    locale?: string;
+};
+export declare function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale, }: RequestConsultationFormProps): React.JSX.Element;
+export default RequestConsultationForm;

package/build/components/organisms/popupRequestConsultation/requestConsultationSuccess.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type RequestConsultationSuccessProps = {
+    onClose: () => void;
+};
+export declare function RequestConsultationSuccess({ onClose, }: RequestConsultationSuccessProps): React.JSX.Element;
+export default RequestConsultationSuccess;