@hhgtech/hhg-components 1.29.374-beta-1 → 1.29.374

package/build/lead/LeadGen.type.d.ts

@@ -1,31 +0,0 @@
-import { ReactNode } from 'react';
-import { LOCALE, UserInfo } from "../types";
-import { LeadGenBlock, LeadGenFormProps } from "./LeadGenForm";
-export type LeadGenExtraValue = Record<string, any>;
-export type LeadGenExtraPayload = {
-    key: string;
-    value: string;
-    control: string;
-};
-export type LeadGenProps = {
-    campaign_code?: string;
-    forceCampaign?: any;
-    apiSsoUrl?: string;
-    apiLeadUrl?: string;
-    apiSubotUrl?: string;
-    locale?: LOCALE;
-    siteId?: string;
-    siteDomain?: string;
-    extraValues?: LeadGenExtraValue;
-    extraPayloadValues?: LeadGenExtraPayload[];
-    userInfo?: UserInfo | null;
-    onFinish?: (value: any, blocks?: LeadGenBlock[]) => Promise<boolean>;
-    articleId?: number;
-    categoryId?: number;
-};
-export type LeadGenSubscriptionBoxProps = Omit<LeadGenFormProps, 'className' | 'style'> & {
-    loading?: boolean;
-    image?: string;
-    title?: string | ReactNode;
-    submitText?: string;
-};

package/build/lead/LeadGenForm/LeadGenForm.d.ts

@@ -1,41 +0,0 @@
-import React, { CSSProperties } from 'react';
-import { UseFormReturnType } from '@mantine/form';
-import { useLeadForm } from "../layouts/lightbox/formContext";
-export type LeadGenBlock = {
-    id: string;
-    name: string;
-    data: {
-        placeholder: string;
-        value: string;
-        required: boolean;
-        valueHTML?: string;
-        isSendMailChimp?: boolean;
-        listQuestion?: Array<{
-            value: string;
-            placeholder: string;
-        }>;
-    };
-};
-export type ThankYou = {
-    image: string;
-    title: string;
-    description: string;
-};
-export type LeadGenFormValues = Record<string, unknown> | unknown;
-export type LeadGenUseFormReturnType<T> = UseFormReturnType<T, (values: T) => T>;
-export type LeadGenFormRef<T> = LeadGenUseFormReturnType<T> & {
-    submit: () => void;
-};
-export type LeadGenFormProps<T = LeadGenFormValues> = {
-    locale?: string;
-    blocks?: LeadGenBlock[];
-    scrollToErrorField?: boolean;
-    form?: UseFormReturnType<T>;
-    rules?: Parameters<typeof useLeadForm>[0]['validate'];
-    initialValues?: T;
-    onFinish?: Parameters<LeadGenUseFormReturnType<T>['onSubmit']>[0];
-    onFinishFailed?: Parameters<LeadGenUseFormReturnType<T>['onSubmit']>[1];
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const LeadGenForm: React.ForwardRefExoticComponent<LeadGenFormProps<unknown> & React.RefAttributes<LeadGenFormRef<unknown>>>;

package/build/lead/LeadGenForm/LeadGenForm.helpers.d.ts

@@ -1,2 +0,0 @@
-import { LeadGenBlock } from "./LeadGenForm";
-export declare const formatLeadGenFormValue: (values: any, blocks: LeadGenBlock[]) => {};

package/build/lead/LeadGenForm/LeadGenForm.styled.d.ts

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

package/build/lead/LeadGenForm/LeadGenFormPhone.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { UseControllerProps } from 'react-hook-form';
-import type * as PhoneInputUtilsType from 'react-phone-number-input';
-/**
- *
- * Component for Refactor LeadGenForm
- * with react-hook-form for UI/UX validate & manage state clearly
- *
- */
-export type LeadGenFormPhoneProps = UseControllerProps & {
-    label?: string;
-    placeholder?: string;
-    required?: boolean;
-    countries?: PhoneInputUtilsType.Country[];
-    defaultCountry?: PhoneInputUtilsType.Country;
-};
-export declare const LeadGenFormPhone: (props: any) => React.JSX.Element;

package/build/lead/LeadGenForm/LeadGenThankYou.d.ts

@@ -1,20 +0,0 @@
-import React, { CSSProperties } from 'react';
-type LeadGenThankYouItem = {
-    htmlText: string;
-    align: string;
-    url: string;
-    newtab: boolean;
-    src: string;
-    onClick?: () => void;
-};
-export type LeadGenThankYouProps = {
-    image: Partial<Pick<LeadGenThankYouItem, 'src'>>;
-    title: Partial<Pick<LeadGenThankYouItem, 'htmlText' | 'align'>>;
-    description: Partial<Pick<LeadGenThankYouItem, 'htmlText' | 'align'>>;
-    showButton?: boolean;
-    button: Partial<Pick<LeadGenThankYouItem, 'htmlText' | 'newtab' | 'url' | 'onClick'>>;
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const LeadGenThankYou: ({ image, title, description, showButton, button, className, style, }: LeadGenThankYouProps) => React.JSX.Element;
-export {};

package/build/lead/LeadGenForm/index.d.ts

@@ -1,3 +0,0 @@
-import { InputWrapperProps } from '@mantine/core/lib/Input';
-export declare const LEADGEN_ORDER_INPUT_WRAPPER: InputWrapperProps['inputWrapperOrder'];
-export * from "./LeadGenForm";

package/build/lead/LeadGenForm/textField/index.d.ts

@@ -1,13 +0,0 @@
-import { CSSProperties, FC, PropsWithChildren } from 'react';
-export type TextFieldProps = {
-    shrink?: boolean;
-    onChangeShrink?: (shrink: boolean) => void;
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const TextField: FC<PropsWithChildren<TextFieldProps>>;
-export type ChoiceFieldProps = {
-    className?: string;
-    style?: CSSProperties;
-};
-export declare const ChoiceField: FC<PropsWithChildren<ChoiceFieldProps>>;

package/build/lead/LeadGenForm/textField/index.styled.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export declare const StyledTextFieldContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
-} & {
-    shrink?: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledChoiceFieldContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/lead/LeadGenSubscriptionBox/LeadGenContext.d.ts

@@ -1,63 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { LOCALE } from "../../interfaces/types/Locale";
-import { LeadGenProps } from "../LeadGen.type";
-export type SubmitValue = {};
-export type SubmitSubscriptionBoxValue = {
-    url: string;
-    site_domain: string;
-    ga_client_id: string;
-    name: string;
-    area_code: string;
-    phone_number: string;
-    sso_user_id: string;
-    sso_uuid: string;
-    sso_verified_profile: 1 | 0;
-    subscription_title: string;
-    article_id: number;
-    article_title: string;
-    category_id: number;
-    category_name: string;
-    campaign_id: number;
-};
-export type ImpressionValue = {
-    code: string;
-    action: string;
-    url: string;
-    cookie_id: string | null;
-    ga_client_id: string | null;
-    title_article: string;
-    extra?: Record<string, string | number>;
-    referrer?: string;
-};
-export type LeadGenContextProps = LeadGenProps & {
-    submit: (value?: SubmitValue) => Promise<any>;
-    submitSubscriptionBox: (value?: Partial<SubmitSubscriptionBoxValue>) => Promise<any>;
-    impression: (value?: ImpressionValue) => Promise<any>;
-    /** For Subscription Box */
-    subscriptionIcon: string;
-    subscriptionTitle: string;
-};
-export declare const LeadGenContext: React.Context<LeadGenContextProps>;
-export declare const LeadGenContextProvider: (props: PropsWithChildren<LeadGenProps>) => React.JSX.Element;
-export declare const useLeadGenContext: () => {
-    apiLeadUrl: string;
-    apiSubotUrl: string;
-    campaign_code?: string;
-    forceCampaign?: any;
-    apiSsoUrl?: string;
-    locale?: LOCALE;
-    siteId?: string;
-    siteDomain?: string;
-    extraValues?: import("../LeadGen.type").LeadGenExtraValue;
-    extraPayloadValues?: import("../LeadGen.type").LeadGenExtraPayload[];
-    userInfo?: import("../../types").UserInfo;
-    onFinish?: (value: any, blocks?: import("../LeadGenForm").LeadGenBlock[]) => Promise<boolean>;
-    articleId?: number;
-    categoryId?: number;
-    submit: (value?: SubmitValue) => Promise<any>;
-    submitSubscriptionBox: (value?: Partial<SubmitSubscriptionBoxValue>) => Promise<any>;
-    impression: (value?: ImpressionValue) => Promise<any>;
-    /** For Subscription Box */
-    subscriptionIcon: string;
-    subscriptionTitle: string;
-};

package/build/lead/LeadGenSubscriptionBox/LeadGenSubscriptionBox.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { LeadGenProps } from "../LeadGen.type";
-declare const LeadGenSubscriptionBox: React.MemoExoticComponent<({ locale, userInfo, forceCampaign, categoryId, }: LeadGenProps) => React.JSX.Element>;
-export default LeadGenSubscriptionBox;

package/build/lead/LeadGenSubscriptionBox/LeadGenSubscriptionBox.styled.d.ts

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

package/build/lead/LeadGenSubscriptionBox/LeadGenSubscriptionBoxA.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { LeadGenSubscriptionBoxProps } from "../LeadGen.type";
-export declare const LeadGenSubscriptionBoxA: (props: LeadGenSubscriptionBoxProps) => React.JSX.Element;

package/build/lead/LeadGenSubscriptionBox/LeadGenSubscriptionBoxContainer.d.ts

@@ -1,23 +0,0 @@
-import React, { ReactNode } from 'react';
-import { LOCALE, UserInfo } from "../../types";
-import { LeadGenProps } from "../LeadGen.type";
-export type LeadGenSubscriptionBoxContainerProps = Pick<LeadGenProps, 'campaign_code' | 'extraValues' | 'articleId' | 'categoryId' | 'apiSsoUrl'> & {
-    apiUrl?: string;
-    apiSubotUrl?: string;
-    siteDomain?: string;
-    siteId?: string;
-    locale?: LOCALE;
-    DEBUG_URL?: string;
-    forceCampaign?: any;
-    children?: ReactNode;
-    extraPayloadValues?: Array<{
-        key: string;
-        value: string;
-        control: string;
-    }>;
-    excludeExitRulesHandler?: boolean;
-    userInfo?: UserInfo | null;
-    onClose?: () => void;
-};
-declare const LeadGenSubscriptionBox: (props: LeadGenSubscriptionBoxContainerProps) => React.JSX.Element;
-export { LeadGenSubscriptionBox };

package/build/lead/LeadGenSubscriptionBox/index.d.ts

@@ -1 +0,0 @@
-export { LeadGenSubscriptionBox } from "./LeadGenSubscriptionBoxContainer";

package/build/lead/LeadGenTranslationContext.d.ts

@@ -1,6 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { LOCALE } from "../types";
-export type LeadGenTranslationProps = {
-    locale?: LOCALE;
-};
-export declare const LeadGenTranslationProvider: (props: PropsWithChildren<LeadGenTranslationProps>) => React.JSX.Element;

package/build/translationsProvider-0f5d2303.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var React = require('react');
-var translationsContext = require('./translationsContext-824f5c5d.js');
-var i18nValues_enPH = require('./i18n-values/en-PH.js');
-var i18nValues_hiIN = require('./i18n-values/hi-IN.js');
-var i18nValues_idID = require('./i18n-values/id-ID.js');
-var i18nValues_kmKH = require('./i18n-values/km-KH.js');
-var i18nValues_msMY = require('./i18n-values/ms-MY.js');
-var i18nValues_myMM = require('./i18n-values/my-MM.js');
-var i18nValues_thTH = require('./i18n-values/th-TH.js');
-var i18nValues_tlPH = require('./i18n-values/tl-PH.js');
-var i18nValues_viVN = require('./i18n-values/vi-VN.js');
-var i18nValues_viVN_MB = require('./i18n-values/vi-VN_MB.js');
-var i18nValues_zhTW = require('./i18n-values/zh-TW.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const translationsMap = {
-    'en-PH': i18nValues_enPH["default"],
-    'vi-VN': i18nValues_viVN["default"],
-    'hi-IN': i18nValues_hiIN["default"],
-    'id-ID': i18nValues_idID["default"],
-    'ms-MY': i18nValues_msMY["default"],
-    'my-MM': i18nValues_myMM["default"],
-    'km-KH': i18nValues_kmKH["default"],
-    'zh-TW': i18nValues_zhTW["default"],
-    'zh-CN': i18nValues_zhTW["default"],
-    'th-TH': i18nValues_thTH["default"],
-    'tl-PH': i18nValues_tlPH["default"],
-    'vi-VN_MB': i18nValues_viVN_MB["default"],
-};
-/**
- * @deprecated Consider to use TranslationsProviderV2
- */
-const TranslationsProvider = ({ locale = 'en-PH', overrides, overrideCurrentLocale, children, shouldLoadTranslation = true, loader = null, onTranslationsLoaded, }) => {
-    const overridedValues = (overrides && overrides[locale]) || overrideCurrentLocale;
-    const [values, setValues] = React.useState(() => (Object.assign(Object.assign({}, overridedValues), (shouldLoadTranslation ? translationsMap[locale] : {}))));
-    React.useEffect(() => {
-        setValues(Object.assign(Object.assign({}, overridedValues), (shouldLoadTranslation ? translationsMap[locale] : {})));
-    }, [shouldLoadTranslation, locale]);
-    const contextValue = React.useMemo(() => {
-        if (!values) {
-            return null;
-        }
-        return {
-            locale,
-            values,
-        };
-    }, [locale, values]);
-    React.useEffect(() => {
-        if (onTranslationsLoaded && Object.keys(values).length) {
-            onTranslationsLoaded(values);
-        }
-    }, [values]);
-    return (React__default["default"].createElement(translationsContext.TranslationsContext.Provider, { value: contextValue }, contextValue ? children : loader));
-};
-
-exports.TranslationsProvider = TranslationsProvider;
-exports.translationsMap = translationsMap;