@hhgtech/hhg-components 1.27.27 → 1.27.29

package/build/esm/components/onboardingV2/frisoForm/schema.d.ts

@@ -0,0 +1,16 @@
+import { LocaleType } from 'interfaces/types';
+import { UseTranslationsReturn } from "../../../hooks";
+import * as yup from 'yup';
+export declare const frisoOnboardingSchema: (t: UseTranslationsReturn<LocaleType>['t']) => yup.ObjectSchema<{
+    phone: string;
+    name: string;
+    email: string;
+    address: {};
+    term: boolean;
+}, yup.AnyObject, {
+    phone: "";
+    name: undefined;
+    email: "";
+    address: undefined;
+    term: undefined;
+}, "">;

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

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+export { OnboardingContext } from './context';
+export { DynamicForm } from './dynamicForm';
+export type { Props as OnboardingStepRendererProps } from './stepRenderer';
+export type { PersonalInfo } from "../../interfaces/types";
+export type { OnboardingModalProps } from './modal';
+export type { OnboardingFormProps } from './onboardingForm';
+export { MAPPED_LOCALE } from './utils';
+export type { EmailOtpFormProps } from './otpForm/email';
+export type { PhoneOtpFormProps } from './otpForm/phone';
+export type { PersonalInfoFormProps } from './personalInfoForm';
+export type { Props as OnboardingProviderProps } from './provider';
+export type { Props as ResultScreenProps } from './resultScreen';
+export type { SimilacOnboardingFormProps } from './similacForm';
+export type { UpdatePasswordFormProps } from './updatePasswordForm';
+export type { FrisoFormHandleProps, FrisoFormProps } from './frisoForm';
+export type { DynamicInputOrderProps } from './dynamicForm';
+export declare const Onboarding: {
+    Provider: ({ children, siteType, setSharedData: _setSharedData, }: import("./provider").Props) => import("react").JSX.Element;
+    Modal: ({ children, withSimilac, banner, withPortal, ...rest }: import("./modal").OnboardingModalProps) => import("react").JSX.Element;
+    Form: ({ onClose, onSubmit: _onSubmit, canSkip, customFormTexts, isActive, }: import("./onboardingForm").OnboardingFormProps) => import("react").JSX.Element;
+    OtpForm: {
+        Email: ({ onSubmit: _onSubmit, email: emailProp, onResendCode, otpError, onClose, loading, canSkip: canSkipInit, }: import("./otpForm/email").EmailOtpFormProps) => import("react").JSX.Element;
+        Phone: ({ onSubmit: _onSubmit, phone: phoneProp, onResendCode, otpError, onClose, loading, canSkip: canSkipInit, }: import("./otpForm/phone").PhoneOtpFormProps) => import("react").JSX.Element;
+    };
+    PersonalInfoForm: ({ onClose, onSubmit, canSkip, loading, errorMessage, initialData, }: import("./personalInfoForm").PersonalInfoFormProps) => import("react").JSX.Element;
+    ResultScreen: ({ onClose, ...rest }: import("./resultScreen").Props) => import("react").JSX.Element;
+    SimilacForm: ({ onClose, onSubmit: _onSubmit, canSkip, customFormTexts, customTerms, defaultValues, isActive, ...rest }: import("./similacForm").SimilacOnboardingFormProps) => import("react").JSX.Element;
+    FrisoForm: import("react").ForwardRefExoticComponent<{
+        inputOrder: import("./dynamicForm").DynamicInputOrderProps;
+        onClose(): void;
+        onSubmit(data: any): void;
+        canSkip?: boolean;
+        defaultCountry?: import("libphonenumber-js/types").CountryCode;
+        defaultValues?: any;
+        customTerms?: import("react").ReactNode;
+        customFormTexts?: {
+            heading?: string;
+            description?: string;
+        };
+        validateSchema?: any;
+    } & Partial<import("./stepRenderer").OnboardingItemShareProps> & import("@mantine/core").BoxProps & import("react").RefAttributes<import("./frisoForm").FrisoFormRefProps>>;
+    UpdatePasswordForm: ({ onClose, onSubmit, canSkip, errorMessage, loading, }: import("./updatePasswordForm").UpdatePasswordFormProps) => import("react").JSX.Element;
+    StepRenderer: ({ children, onStepChange }: import("./stepRenderer").Props) => import("react").JSX.Element;
+    ThankYou: ({ onClose, thanksPageInfo, isActive, ...rest }: import("./thankyou").ThankYouProps) => import("react").JSX.Element;
+};

package/build/esm/components/onboardingV2/index.styled.d.ts

@@ -0,0 +1,7 @@
+export declare const StyledOnboardingModal: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledBannerCol: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledBannerInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledIntro: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledBannerImgWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/esm/components/onboardingV2/modal.d.ts

@@ -0,0 +1,13 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export type OnboardingModalProps = {
+    children?: ReactNode;
+    banner?: {
+        heading?: string;
+        description?: string;
+        imgSrc?: string;
+        imgComponent?: ReactNode;
+    };
+    withSimilac?: boolean;
+    withPortal?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const OnboardingModal: ({ children, withSimilac, banner, withPortal, ...rest }: OnboardingModalProps) => React.JSX.Element;

package/build/esm/components/onboardingV2/onboardingForm/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { PhoneProps } from "../../mantine/phone";
+import { OnboardingItemShareProps } from '../stepRenderer';
+export type OnboardingFormProps = {
+    onClose(): void;
+    onSubmit?(phone: string): void;
+    canSkip?: boolean;
+    defaultCountry?: PhoneProps['defaultCountry'];
+    customFormTexts?: {
+        heading?: string;
+        description?: string;
+    };
+} & Partial<OnboardingItemShareProps>;
+export declare const DefaultOnboardingForm: ({ onClose, onSubmit: _onSubmit, canSkip, customFormTexts, isActive, }: OnboardingFormProps) => React.JSX.Element;

package/build/esm/components/onboardingV2/onboardingForm/index.styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledOnboardingForm: import("styled-components").StyledComponent<({ heading, description, children, className, imgSrc, hiddenLogo, ...rest }: import("../../ui/onboarding").OnboardingProps) => import("react").JSX.Element, any, {}, never>;

package/build/esm/components/onboardingV2/onboardingForm/schema.d.ts

@@ -0,0 +1,8 @@
+import { LocaleType } from 'interfaces/types';
+import { UseTranslationsReturn } from "../../../hooks";
+import * as yup from 'yup';
+export declare const onboardingSchema: (t: UseTranslationsReturn<LocaleType>['t']) => yup.ObjectSchema<{
+    phone: string;
+}, yup.AnyObject, {
+    phone: "";
+}, "">;

package/build/esm/components/onboardingV2/onboardingUI/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ContainerProps } from '@mantine/core';
+export type OnboardingUIProps = {
+    heading: string;
+    description: React.ReactNode;
+    imgSrc?: string;
+    hiddenLogo?: boolean;
+} & ContainerProps;
+export declare const OnboardingUI: ({ heading, description, children, className, imgSrc, hiddenLogo, ...rest }: OnboardingUIProps) => React.JSX.Element;

package/build/esm/components/onboardingV2/onboardingUI/index.styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledFormInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledOnboarding: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@mantine/core").ContainerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledThumb: import("styled-components").StyledComponent<"img", any, {}, never>;

package/build/esm/components/onboardingV2/otpForm/email.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type EmailOtpFormProps = {
+    onSubmit?(otp: string): void | Promise<string | undefined | void>;
+    email?: string;
+    onResendCode(email: string): void;
+    otpError?: string;
+    onClose(): void;
+    loading?: boolean;
+    canSkip?: boolean;
+};
+export declare const EmailOtpForm: ({ onSubmit: _onSubmit, email: emailProp, onResendCode, otpError, onClose, loading, canSkip: canSkipInit, }: EmailOtpFormProps) => React.JSX.Element;

package/build/esm/components/onboardingV2/otpForm/index.styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledOtpForm: import("styled-components").StyledComponent<({ heading, description, children, className, imgSrc, hiddenLogo, ...rest }: import("../../ui/onboarding").OnboardingProps) => import("react").JSX.Element, any, {}, never>;

package/build/esm/components/onboardingV2/otpForm/phone.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type PhoneOtpFormProps = {
+    onSubmit?(otp: string): void | Promise<string | undefined | void>;
+    phone?: string;
+    onResendCode(phone: string): void;
+    otpError?: string;
+    onClose(): void;
+    loading?: boolean;
+    canSkip?: boolean;
+};
+export declare const PhoneOtpForm: ({ onSubmit: _onSubmit, phone: phoneProp, onResendCode, otpError, onClose, loading, canSkip: canSkipInit, }: PhoneOtpFormProps) => React.JSX.Element;

package/build/esm/components/onboardingV2/otpForm/schema.d.ts

@@ -0,0 +1,8 @@
+import { LocaleType } from 'interfaces/types';
+import { UseTranslationsReturn } from "../../../hooks";
+import * as yup from 'yup';
+export declare const otpSchema: (t: UseTranslationsReturn<LocaleType>['t']) => yup.ObjectSchema<{
+    otp: string;
+}, yup.AnyObject, {
+    otp: "";
+}, "">;

package/build/esm/components/onboardingV2/personalInfoForm/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PersonalInfo } from "../../../interfaces/types";
+export type PersonalInfoFormProps = {
+    onClose(): void;
+    onSubmit({ email, birthday, gender, name, }: {
+        email?: string;
+        birthday?: string;
+        gender?: string;
+        name?: string;
+    }): void;
+    loading?: boolean;
+    canSkip?: boolean;
+    errorMessage?: string;
+    initialData?: PersonalInfo;
+};
+export declare const PersonalInfoForm: ({ onClose, onSubmit, canSkip, loading, errorMessage, initialData, }: PersonalInfoFormProps) => React.JSX.Element;

package/build/esm/components/onboardingV2/personalInfoForm/index.styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledFormInner: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/esm/components/onboardingV2/personalInfoForm/schema.d.ts

@@ -0,0 +1,10 @@
+import { LocaleType } from 'interfaces/types';
+import { UseTranslationsReturn } from "../../../hooks";
+import * as yup from 'yup';
+export declare const onboardingEmailSchema: (t: UseTranslationsReturn<LocaleType>['t']) => yup.ObjectSchema<{
+    email: string;
+    name: string;
+}, yup.AnyObject, {
+    email: "";
+    name: undefined;
+}, "">;

package/build/esm/components/onboardingV2/provider.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+export type Props = {
+    children?: ReactNode;
+    siteType?: 'helloSites' | 'marryBaby';
+    setSharedData?: (data: any) => void;
+};
+export declare const OnboardingProvider: ({ children, siteType, setSharedData: _setSharedData, }: Props) => React.JSX.Element;

package/build/esm/components/onboardingV2/resultScreen/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { OnboardingUIProps } from '../onboardingUI';
+export type Props = {
+    onClose(): void;
+} & OnboardingUIProps;
+export declare const ResultScreen: ({ onClose, ...rest }: Props) => React.JSX.Element;

package/build/esm/components/onboardingV2/similacForm/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { PhoneProps } from "../../mantine/phone";
+import { OnboardingItemShareProps } from '../stepRenderer';
+export type OnboardingFormField = {
+    name: string;
+    phone: string;
+    email: string;
+    address: any;
+    term: boolean;
+};
+export type SimilacOnboardingFormProps = {
+    onClose(): void;
+    onSubmit(data: OnboardingFormField): void;
+    canSkip?: boolean;
+    defaultCountry?: PhoneProps['defaultCountry'];
+    customFormTexts?: {
+        heading?: string;
+        description?: string;
+    };
+    customTerms?: React.ReactNode;
+    defaultValues?: Partial<OnboardingFormField>;
+} & Partial<OnboardingItemShareProps>;
+export declare const SimilacOnboardingForm: ({ onClose, onSubmit: _onSubmit, canSkip, customFormTexts, customTerms, defaultValues, isActive, ...rest }: SimilacOnboardingFormProps) => React.JSX.Element;

package/build/esm/components/onboardingV2/similacForm/index.styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledOnboardingForm: import("styled-components").StyledComponent<({ heading, description, children, className, imgSrc, hiddenLogo, ...rest }: import("../../ui/onboarding").OnboardingProps) => import("react").JSX.Element, any, {}, never>;

package/build/esm/components/onboardingV2/similacForm/schema.d.ts

@@ -0,0 +1,16 @@
+import { LocaleType } from 'interfaces/types';
+import { UseTranslationsReturn } from "../../../hooks";
+import * as yup from 'yup';
+export declare const similacOnboardingSchema: (t: UseTranslationsReturn<LocaleType>['t'], optionalTerm?: boolean) => yup.ObjectSchema<{
+    phone: string;
+    name: string;
+    email: string;
+    address: {};
+    term: boolean;
+}, yup.AnyObject, {
+    phone: "";
+    name: undefined;
+    email: "";
+    address: undefined;
+    term: undefined;
+}, "">;

package/build/esm/components/onboardingV2/stepRenderer.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+export type OnboardingItemShareProps = {
+    isActive?: boolean;
+    stepIndex: number;
+    alwaysRender?: boolean;
+};
+export type Props = {
+    children: ReactNode;
+    onStepChange?(step: number): void;
+};
+export declare const OnboardingStepRenderer: ({ children, onStepChange }: Props) => React.JSX.Element;

package/build/esm/components/onboardingV2/thankyou/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { OnboardingItemShareProps } from '../stepRenderer';
+export type ThankYouProps = {
+    onClose(): void;
+    thanksPageInfo?: {
+        title: string;
+        description: string;
+    };
+    isActive?: boolean;
+} & Partial<OnboardingItemShareProps>;
+export declare const ThankYouStepRenderer: ({ onClose, thanksPageInfo, isActive, ...rest }: ThankYouProps) => React.JSX.Element;

package/build/esm/components/onboardingV2/thankyou/index.styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledOnboardingForm: import("styled-components").StyledComponent<({ heading, description, children, className, imgSrc, hiddenLogo, ...rest }: import("../../ui/onboarding").OnboardingProps) => import("react").JSX.Element, any, {}, never>;

package/build/esm/components/onboardingV2/types.d.ts

@@ -0,0 +1,16 @@
+export declare enum OnboardingStepType {
+    Phone = 0,
+    OTP = 1,
+    OTPEmail = 2,
+    PersonalInfo = 3,
+    UpdatePassword = 4,
+    Result = 5,
+    DynamicForm = 6
+}
+export type BaseOnboardingStep = {
+    type: OnboardingStepType;
+};
+export type OnboardingStep = BaseOnboardingStep & {
+    type: OnboardingStepType.Phone;
+};
+export type AllOnboardingSteps = OnboardingStep;

package/build/esm/components/onboardingV2/updatePasswordForm/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PhoneProps } from "../../mantine";
+export type UpdatePasswordFormProps = {
+    onClose(): void;
+    onSubmit(phone: string): void;
+    canSkip?: boolean;
+    defaultCountry?: PhoneProps['defaultCountry'];
+    errorMessage?: string;
+    loading?: boolean;
+};
+export declare const UpdatePasswordForm: ({ onClose, onSubmit, canSkip, errorMessage, loading, }: UpdatePasswordFormProps) => React.JSX.Element;

package/build/esm/components/onboardingV2/updatePasswordForm/schema.d.ts

@@ -0,0 +1,10 @@
+import { LocaleType } from 'interfaces/types';
+import { UseTranslationsReturn } from "../../../hooks";
+import * as yup from 'yup';
+export declare const onboardingUpdatePasswordSchema: (t: UseTranslationsReturn<LocaleType>['t']) => yup.ObjectSchema<{
+    password: string;
+    confirmPassword: string;
+}, yup.AnyObject, {
+    password: "";
+    confirmPassword: "";
+}, "">;

package/build/esm/components/onboardingV2/utils.d.ts

@@ -0,0 +1,12 @@
+export declare const MAPPED_LOCALE: {
+    "vi-VN": string;
+    "km-KH": string;
+    "id-ID": string;
+    "ms-MY": string;
+    "en-PH": string;
+    "tl-PH": string;
+    "zh-TW": string;
+    "th-TH": string;
+    "my-MM": string;
+};
+export declare const hiddenEmailChar: (str?: string) => string;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { LocaleType, FooterInfo } from 'interfaces/types';
+export type Props = {
+    className?: string;
+    isMobile: boolean;
+    type?: 'main' | 'mini';
+    footerInfo?: FooterInfo;
+    locale: LocaleType;
+};
+declare const DiscoverFooter: ({ className, type, footerInfo, isMobile, locale, }: Props) => React.JSX.Element;
+export { DiscoverFooter };

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { FooterInfo, FooterInfoMarryBaby, LocaleType } from 'interfaces/types';
+export type Props = {
+    type: 'main' | 'mini';
+    locale: LocaleType;
+    basePath: string;
+    isMobile: boolean;
+    footerInfo: FooterInfo | FooterInfoMarryBaby;
+    background?: string;
+} & ({
+    siteType: 'marryBaby';
+} | {
+    siteType: 'helloSites';
+});
+export type Flag = {
+    country: CountryInitial;
+    link: string;
+};
+export type CountryInitial = 'VN' | 'ID' | 'TH' | 'KH' | 'MY' | 'MM' | 'PH' | 'IN' | 'TW';
+declare const Footer: ({ type, isMobile, locale, footerInfo, siteType, background, }: Props) => React.JSX.Element;
+export { Footer };

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TypeProps as LogoType } from 'components/atoms/logo';
+import { FooterInfoMarryBaby } from 'interfaces/types';
+export type Props = {
+    className?: string;
+    logoType?: LogoType;
+    footerMenu?: FooterInfoMarryBaby;
+    background?: string;
+};
+declare const MarryBabyFooter: ({ logoType, footerMenu, background, }: Props) => React.JSX.Element;
+export { MarryBabyFooter };

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { OvulationInfo, ReviewedUserApi } from "../../../../together/interfaces/types";
+export type Props = {
+    backgroundDesktopSrc?: string;
+    backgroundMobileSrc?: string;
+    ovulationContent: OvulationContent;
+    title: string;
+    className?: string;
+    reviewedBy?: OvulationInfo['reviewedBy'];
+    reviewedDate?: OvulationInfo['reviewedDate'];
+    isSide?: boolean;
+};
+type OvulationContent = {
+    featured_image: string;
+    information: {
+        title: string;
+        description: string;
+    }[];
+    reviewed_by?: ReviewedUserApi;
+    reviewed_date: string;
+};
+declare const HealthToolHeroBanner: ({ backgroundDesktopSrc, backgroundMobileSrc, title, className, isSide, ovulationContent, }: Props) => React.JSX.Element;
+export { HealthToolHeroBanner };

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ReactNode } from 'react';
+export type Props = {
+    src: string;
+    title: string;
+    backgroundSrc: string;
+    className?: string;
+    reviewedSection?: ReactNode;
+    isSide?: boolean;
+};
+declare const HeroBanner: ({ src, title, backgroundSrc, className, reviewedSection, isSide, }: Props) => React.JSX.Element;
+export { HeroBanner };

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

@@ -0,0 +1,10 @@
+export declare const StyledHeroBanner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeroBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeroContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeroInfoContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeroBannerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHealthToolHeroContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHealthToolBannerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHealthToolBannerIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHealthToolBannerImage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHealthToolBannerTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,6 @@
+export { NavigationV2, Props as NavigationV2Props, getNavMenuContent, getNavMenuContentWithCache, NavMenuContentType, } from '../navigationV2';
+export { UserProfileNavigation, UserProfileNavigationHeader, UserProfileNavigationStats, } from './userProfileNavigation';
+export { Footer } from './footer';
+export { NavigationLogoutPopup, Props as NavigationLogoutPopupProps, } from './navigationLogoutPopup';
+export { ProfilePopup, Props as ProfilePopupProps, } from './navigationProfileButton/profilePopup';
+export { NavigationProfileButton, Props as NavigationProfileButtonProps, } from './navigationProfileButton';

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export type Props = {
+    openLogoutPopup: boolean;
+    onCloseHandler: () => void;
+    onLogoutHandler: () => void;
+    siteType: 'helloSites' | 'marryBaby';
+};
+declare const NavigationLogoutPopup: ({ openLogoutPopup, onCloseHandler, onLogoutHandler, siteType, }: Props) => React.JSX.Element;
+export { NavigationLogoutPopup };

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

@@ -0,0 +1,6 @@
+export declare const StyledPopup: import("styled-components").StyledComponent<"div", any, {}, never>;
+type StyledButtonGroupProps = {
+    siteType: 'helloSites' | 'marryBaby';
+};
+export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", any, StyledButtonGroupProps, never>;
+export {};

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

@@ -0,0 +1,25 @@
+import React, { CSSProperties } from 'react';
+import { LOCALE, SiteType, UserInfo } from "../../../interfaces/types";
+export type Props = {
+    userInfo: UserInfo;
+    siteType: SiteType;
+    onLoginClick?: (e: React.MouseEvent) => void;
+    SSO_URL?: string;
+    currentUrl?: string;
+    isMinifyLogin?: boolean;
+    enableCare?: boolean;
+    enableTogether?: boolean;
+    enableEcom?: boolean;
+    enableMySaved?: boolean;
+    isUserProfileNavigatorMenuHidden?: boolean;
+    isMyHealthEnabled?: boolean;
+    UP_BASEPATH?: string;
+    togetherApiDomain?: string;
+    onLogout?: () => void;
+    style?: CSSProperties;
+    userProfileRouterPush?: (s: string) => void;
+    isLoading?: boolean;
+    locale: LOCALE;
+    isSubcribeLoginBtn?: boolean;
+};
+export declare const NavigationProfileButton: ({ userInfo, siteType, onLoginClick, SSO_URL, currentUrl, isMinifyLogin, enableCare, enableTogether, enableEcom, isUserProfileNavigatorMenuHidden, UP_BASEPATH, isMyHealthEnabled, togetherApiDomain, onLogout, style, userProfileRouterPush, isLoading, locale, enableMySaved, isSubcribeLoginBtn, }: Props) => React.JSX.Element;

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

@@ -0,0 +1,9 @@
+export declare const _StyledPopup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPopupClass = "hhgcomp-navprofilebutton-popup";
+export declare const StyledPopup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const _StyledPopupWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPopupWrapperClass = "hhgcomp-navprofilebutton-popupwrapper";
+export declare const StyledPopupWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAvatar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledImageWrapper: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const StyledLoggedOutAnchor: import("styled-components").StyledComponent<"a", any, {}, never>;

package/build/esm/components/organisms/navigationProfileButton/popupWrapper.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+export type Props = {
+    type: 'lead' | 'form' | 'confirm' | 'profile' | 'welcome' | 'due-date';
+    closeIcon?: JSX.Element;
+    onClose?: () => void;
+    isOpen?: boolean;
+    children?: ReactNode;
+    enableAnimation?: boolean;
+    targetAvatar?: string;
+    id?: string;
+    className?: string;
+};
+declare const Popup: ({ type, closeIcon, isOpen, onClose, children, enableAnimation, targetAvatar, id, className, }: Props) => React.JSX.Element;
+export { Popup };

package/build/esm/components/organisms/navigationProfileButton/profilePopup.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LOCALE, UserInfo } from 'interfaces/types';
+export type Props = {
+    SSO_URL?: string;
+    UP_BASEPATH?: string;
+    isOpen: boolean;
+    targetAvatar?: string;
+    userInfo?: UserInfo;
+    enableCare?: boolean;
+    enableTogether?: boolean;
+    enableEcom?: boolean;
+    enableMySaved?: boolean;
+    closePopup: () => void;
+    dispatchLogout: () => void;
+    userProfileRouterPush?: (s: string) => void;
+    siteType: 'marryBaby' | 'helloSites';
+    isUserProfileNavigatorMenuHidden?: boolean;
+    isMyHealthEnabled?: boolean;
+    togetherApiDomain?: string;
+    locale: LOCALE;
+};
+declare const ProfilePopup: ({ SSO_URL, UP_BASEPATH, isOpen, targetAvatar, userInfo, enableCare, enableTogether, enableEcom, enableMySaved, closePopup, siteType, dispatchLogout, userProfileRouterPush, isUserProfileNavigatorMenuHidden, isMyHealthEnabled, togetherApiDomain, locale, }: Props) => React.JSX.Element;
+export { ProfilePopup };

package/build/esm/components/organisms/userProfileNavigation/constants.d.ts

@@ -0,0 +1,8 @@
+import { LocaleType } from 'interfaces/types';
+import { UserProfileMenuCard } from './types';
+export declare const DEFAULT_ENABLE_CARE_PROFILE_MENU_LOCALES: LocaleType[];
+export declare const DEFAULT_ENABLE_COMMUNITY_PROFILE_MENU_LOCALES: LocaleType[];
+export declare const DEFAULT_ENABLE_ECOM_PROFILE_MENU_LOCALES: LocaleType[];
+export declare const INTERNAL_CARD_URLS: {
+    [key in UserProfileMenuCard]?: string;
+};

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { LOCALE, LocaleType, UserInfo } from 'interfaces/types';
+import { NavHeader } from './navHeader';
+import { UserProfileMenuCard, UserProfileTheme } from './types';
+import { UserStats } from './userStats';
+export type UserProfileNavigationProps = {
+    SSO_URL?: string;
+    UP_BASEPATH?: string;
+    themeName?: UserProfileTheme;
+    userInfo: UserInfo | null;
+    userPostsNumber?: number;
+    /** example: { mySaved: 'saved' } will be combined with SSO_URL to be redirected to SSO_URL/saved */
+    cardUrls?: {
+        [key in UserProfileMenuCard]?: string;
+    };
+    togetherApiDomain?: string;
+    enableCare?: boolean;
+    enableTogether?: boolean;
+    enableEcom?: boolean;
+    enableMySaved?: boolean;
+    onClickNavigationCard?: (cardType: string) => void;
+    onClickMyProfileButton?: () => void;
+    onClickMenuItem?: (key: string) => void;
+    onClickLogout?: () => void;
+    isUserProfileNavigatorMenuHidden?: boolean;
+    isMyHealthEnabled?: boolean;
+    ENABLE_CARE_PROFILE_MENU_LOCALES?: LocaleType[];
+    ENABLE_COMMUNITY_PROFILE_MENU_LOCALES?: LocaleType[];
+    ENABLE_ECOM_PROFILE_MENU_LOCALES?: LocaleType[];
+    userProfileRouterPush?: (s: string) => void;
+    locale: LOCALE;
+};
+declare const UserProfileNavigation: ({ SSO_URL, UP_BASEPATH, themeName, cardUrls, enableCare, enableTogether, enableEcom, enableMySaved, userInfo, togetherApiDomain, userPostsNumber, onClickNavigationCard, onClickMyProfileButton, onClickMenuItem, onClickLogout, isUserProfileNavigatorMenuHidden, isMyHealthEnabled, locale, }: UserProfileNavigationProps) => React.JSX.Element;
+export { UserProfileNavigation, NavHeader as UserProfileNavigationHeader, UserStats as UserProfileNavigationStats, };

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { UserInfo } from 'interfaces/types';
+import { UserProfileTheme } from '../types';
+export type NavHeaderProps = {
+    userInfo?: UserInfo;
+    userDisplayName?: string;
+    onClickMyProfileButton?: () => void;
+    themeName?: UserProfileTheme;
+};
+export declare function NavHeader({ userInfo, onClickMyProfileButton, themeName, }: NavHeaderProps): React.JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { LOCALE } from '../../../../interfaces/types/Locale';
+import { UserProfileNavMenuItem, UserProfileTheme } from '../types';
+export type NavMenuProps = {
+    themeName: UserProfileTheme;
+    locale: LOCALE;
+    onClickItem?: (item: UserProfileNavMenuItem) => void;
+};
+export declare const NavMenu: ({ themeName, locale, onClickItem }: NavMenuProps) => React.JSX.Element;