@hhgtech/hhg-components 1.29.419 → 1.29.420-beta-1

package/build/careBookingSearchBar.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-e2c2a1ef.js');
+var tslib_es6 = require('./tslib.es6-b744dcbc.js');
 var React = require('react');
 var react = require('@emotion/react');
-var utils = require('./utils-673076fd.js');
-var index$1 = require('./index-6f5758a5.js');
+var utils = require('./utils-739f7121.js');
+var index$1 = require('./index-e87ba79b.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-ac676c1a.js');
+var constants = require('./constants-430ff194.js');
 var styled = require('@emotion/styled');
-var index = require('./index-b45631a9.js');
-var index$2 = require('./index-ee162501.js');
+var index = require('./index-bd33e719.js');
+var index$2 = require('./index-39b813c1.js');
 var miscTheme = require('./miscTheme.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-f266c366.js');
-var utils$1 = require('./utils-f5379515.js');
+var useOutsideClick = require('./useOutsideClick-ebfe365d.js');
+var utils$1 = require('./utils-f4bc22f8.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-9e280193.js');
-require('./index-22f7c329.js');
+var paths = require('./paths-df9df796.js');
+require('./index-b8c83c24.js');
 require('date-fns/locale');
-require('./index-c6e7ffb3.js');
-require('./Locale-71682551.js');
+require('./index-51b94ef8.js');
+require('./Locale-da0e302c.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('./miscCookieHelper.js');
 require('string-format');
-require('./translationsContext-334e4c00.js');
+require('./translationsContext-5ede3974.js');
 require('@mantine/core');
-require('./text-a5ecdb3f.js');
+require('./text-ae019691.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-673076fd.js');
-var useOutsideClick = require('./useOutsideClick-f266c366.js');
-var index$1 = require('./index-6f5758a5.js');
+var utils$1 = require('./utils-739f7121.js');
+var useOutsideClick = require('./useOutsideClick-ebfe365d.js');
+var index$1 = require('./index-e87ba79b.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-ac676c1a.js');
+var constants = require('./constants-430ff194.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-f5379515.js');
-var index = require('./index-957dd67e.js');
+var utils = require('./utils-f4bc22f8.js');
+var index = require('./index-ac4954a8.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-ee162501.js');
-var ChevronDown = require('./ChevronDown-be415c24.js');
-var paths = require('./paths-9e280193.js');
-require('./index-22f7c329.js');
+var index$2 = require('./index-39b813c1.js');
+var ChevronDown = require('./ChevronDown-bcc3ebc0.js');
+var paths = require('./paths-df9df796.js');
+require('./index-b8c83c24.js');
 require('date-fns/locale');
-require('./index-c6e7ffb3.js');
-require('./Locale-71682551.js');
+require('./index-51b94ef8.js');
+require('./Locale-da0e302c.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-334e4c00.js');
-require('./tslib.es6-e2c2a1ef.js');
-require('./text-a5ecdb3f.js');
+require('./translationsContext-5ede3974.js');
+require('./tslib.es6-b744dcbc.js');
+require('./text-ae019691.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

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

@@ -0,0 +1,15 @@
+import React, { PropsWithChildren } from 'react';
+import { ModalProps } from '@mantine/core';
+import { DialogProps } from 'vaul';
+type Props = {
+    isOpen: boolean;
+    isMobile: boolean;
+    onClose: () => void;
+    overlayClassName?: string;
+    contentClassName?: string;
+    handlerClassName?: string;
+    isLinear?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+} & Omit<ModalProps, 'opened'> & Omit<DialogProps, 'open'>;
+export declare function DrawerBottom({ children, onClose, isOpen, onOpenChange, isMobile, classNames, isLinear, overlayClassName, contentClassName, handlerClassName, ...restProps }: PropsWithChildren<Props>): React.JSX.Element;
+export default DrawerBottom;

package/build/components/atoms/drawerBottom/styled.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const StyledDrawerComponent: import("@emotion/styled").StyledComponent<import("../drawerComponent").DrawerComponentProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledDrawerBottomContent: import("@emotion/styled").StyledComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledDrawerBottomOverlay: import("@emotion/styled").StyledComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledDrawerBottomHandler: import("@emotion/styled").StyledComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    preventCycle?: boolean;
+} & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

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

@@ -20,6 +20,8 @@ export type DrawerComponentProps = {
     fixed?: boolean;
     handleOnly?: boolean;
     dismissible?: boolean;
+    onDrag?: (event: React.PointerEvent<HTMLDivElement>, percentageDragged: number) => void;
+    onRelease?: (event: React.PointerEvent<HTMLDivElement>, open: boolean) => void;
 };
 declare const DrawerComponent: FC<DrawerComponentProps>;
 export { DrawerComponent };

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

@@ -45,3 +45,4 @@ export type { Props as GenderOptionControlProps } from "./genderOptionControl";
 export { Loading } from "./loading";
 export * from "./drawerComponent";
 export * from "./inputDate";
+export * from "./searchInput";

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

@@ -0,0 +1,18 @@
+import React, { CSSProperties, ReactNode } from 'react';
+import { DataTrackingTypeHTMLElement } from "../../../types";
+export declare const StyledSearchIcon: import("@emotion/styled").StyledComponent<React.SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export type TSearchInputProps = {
+    loading?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    icon?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+} & DataTrackingTypeHTMLElement;
+export declare const SearchInput: (props: TSearchInputProps) => React.JSX.Element;
+export default SearchInput;

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

@@ -0,0 +1,13 @@
+import React, { PropsWithChildren, ReactNode } from 'react';
+type TCardItemProps = {
+    title: string;
+    logo: string;
+    href: string;
+    LinkComponent?: React.ComponentType<any> | string;
+    defaultImage?: string;
+    description?: string;
+    contentInfo?: ReactNode;
+    className?: string;
+};
+export declare function CardListItem({ title, href, description, logo, defaultImage, LinkComponent, children, contentInfo, className, }: PropsWithChildren<TCardItemProps>): React.JSX.Element;
+export default CardListItem;

package/build/components/molecules/cardListItem/index.styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const StyleCardItem: 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 StyleImageWrap: 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/molecules/index.d.ts

@@ -75,3 +75,6 @@ export { SideBannerModal, Props as SideBannerModalProps, } from "./sideBannerMod
 export { WidgetChatbotAi } from "./widgetChatbotAi";
 export { VideoItem } from "./videoItem";
 export { VideoPlayerModal } from "./videoPlayerModal";
+export * from "./list";
+export * from "./quickFilter";
+export * from "./cardListItem";

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

@@ -0,0 +1,8 @@
+import React, { PropsWithChildren } from 'react';
+type TContentProps = {
+    className?: string;
+    customEmpty?: React.ReactNode;
+    customLoading?: React.ReactNode;
+};
+export declare function Content({ className, children, customLoading, customEmpty, }: PropsWithChildren<TContentProps>): React.JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function Item<T>({ render, }: {
+    render: (item: T, loading?: boolean, loadingMore?: boolean) => React.ReactNode;
+}): React.JSX.Element;

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

@@ -0,0 +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;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DataTrackingTypeHTMLElement } from "../../../types";
+import { TFilterOptions } from "./type";
+export type ListQuickFilterProps = {
+    filterOptions: TFilterOptions[];
+} & DataTrackingTypeHTMLElement;
+export declare function ListQuickFilter({ filterOptions, ...restProps }: ListQuickFilterProps): React.JSX.Element;
+export default ListQuickFilter;

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

@@ -0,0 +1,10 @@
+import React, { ReactElement } from 'react';
+import { DataTrackingTypeHTMLElement } from "../../../types";
+export declare function LoadMore({ renderLoadMore, ...restProps }: {
+    renderLoadMore?: ({ page, pageSize, loadingMore, }: {
+        page: number;
+        pageSize: number;
+        loadingMore: boolean;
+        last: number;
+    }) => ReactElement;
+} & DataTrackingTypeHTMLElement): React.JSX.Element;

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

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

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TListContext } from "./type";
+export declare const ListContext: import("react").Context<TListContext<any>>;
+export declare function useListContext<T>(): TListContext<T>;

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

@@ -0,0 +1,18 @@
+import { Content } from "./Content";
+import { Item } from "./Item";
+import { ListProvider } from "./ListProvider";
+import { ListQuickFilter } from "./ListQuickFilter";
+import { LoadMore } from "./LoadMore";
+import { Pagination } from "./Pagination";
+import { Search } from "./Search";
+export declare const List: {
+    Provider: typeof ListProvider;
+    Search: typeof Search;
+    Content: typeof Content;
+    Pagination: typeof Pagination;
+    Item: typeof Item;
+    LoadMore: typeof LoadMore;
+    QuickFilter: typeof ListQuickFilter;
+};
+export * from "./context";
+export * from "./type";

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

@@ -0,0 +1,36 @@
+export type TListContext<T = any> = {
+    items: T[];
+    total: number;
+    page: number;
+    pageSize: number;
+    search: string;
+    loading: boolean;
+    loadingMore: boolean;
+    filters: Record<string, any>;
+    handleChangePage: (page: number) => void;
+    handleChangeSearch: (value: string) => void;
+    handleLoadMore: () => void;
+    handleChangeFilter: (value: TFilterOptions) => void;
+    handleUpdateFilter: (filterObject: Record<string, any>) => void;
+};
+export type TFetcherParams = {
+    search: string;
+    filters?: Record<string, any>;
+    page: number;
+    pageSize: number;
+};
+export interface ListProviderType<T = any> {
+    fetcher: (params: TFetcherParams) => Promise<{
+        data: T[];
+        total: number;
+        page: number;
+    }>;
+    pageSize?: number;
+    defaultSearch?: string;
+    defaultFilters?: Record<string, any>;
+}
+export type TFilterOptions = {
+    label: string;
+    value: string;
+    filterKey: string;
+};

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

@@ -0,0 +1,22 @@
+import { ListProviderType, TFilterOptions } from "./type";
+export declare function useList<T>({ fetcher, pageSize, defaultSearch, defaultFilters, }: {
+    fetcher: ListProviderType<T>['fetcher'];
+    pageSize?: number;
+    defaultSearch?: string;
+    defaultFilters?: Record<string, any>;
+}): {
+    items: any[];
+    total: number;
+    page: number;
+    pageSize: number;
+    search: string;
+    loading: boolean;
+    loadingMore: boolean;
+    filters: Record<string, any>;
+    handleChangePage: (page: number) => void;
+    handleChangeSearch: (value: string) => void;
+    handleLoadMore: () => void;
+    handleChangeFilter: (filterData: TFilterOptions) => void;
+    handleUpdateFilter: (filterObject: Record<string, any>) => void;
+    resetData: () => void;
+};

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DataTrackingTypeHTMLElement } from "../../../types";
+import { TFilterOptions } from "../list/type";
+export type QuickFilterProps = {
+    filterOptions?: TFilterOptions[];
+    activeFilter?: Record<string, any>;
+    onChange?: (value: TFilterOptions) => void;
+} & DataTrackingTypeHTMLElement;
+export declare function QuickFilter({ filterOptions, activeFilter, onChange, ...restProps }: QuickFilterProps): React.JSX.Element;
+export default QuickFilter;

package/build/components/molecules/quickFilter/index.styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledFilterItem: 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/organisms/collectPhoneNumber/collectPhoneForm.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Country } from 'react-phone-number-input';
+export declare const formPhoneType: {
+    readonly ZALO: "Zalo";
+    readonly WHATS_APP: "Whatsapp";
+};
+export type TFormPhoneType = (typeof formPhoneType)[keyof typeof formPhoneType];
+export type CollectPhoneFormProps = {
+    onSubmit: (value: string, countryCode: Country) => void;
+    title?: string;
+    formType?: TFormPhoneType;
+    isLoading?: boolean;
+};
+export declare function CollectPhoneForm({ onSubmit, title, formType, isLoading, }: CollectPhoneFormProps): React.JSX.Element;
+export default CollectPhoneForm;

package/build/components/organisms/collectPhoneNumber/collectPhoneSuccess.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from "./collectPhoneForm";
+export * from "./popupCollectPhone";

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export declare const StyledCollectPhoneForm: 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?: "primary" | "secondary" | "tertiary" | "light" | "ghost" | "error" | "white" | "success";
+    skipHover?: boolean;
+    theme?: "helloSites" | "marryBaby";
+} & Omit<import("@mantine/core").ButtonProps, "variant"> & 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;
+}, {}, {}>;

package/build/components/organisms/collectPhoneNumber/popupCollectPhone.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+import { useDisclosure } from '@mantine/hooks';
+import { Country } from 'react-phone-number-input';
+export type TPopupCollectPhoneProps = {
+    isMobile: boolean;
+    children: ((value: ReturnType<typeof useDisclosure>) => ReactNode) | ReactNode;
+    onSubmit: (phone: string, countryCode: Country) => Promise<void>;
+};
+export declare enum EPopupCollectPhoneStep {
+    FORM = 0,
+    SUCCESS = 1
+}
+export declare function PopupCollectPhone({ children, isMobile, onSubmit, }: TPopupCollectPhoneProps): React.JSX.Element;
+export default PopupCollectPhone;

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

@@ -4,3 +4,4 @@ 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 "./collectPhoneNumber";