@hhgtech/hhg-components 1.28.79 → 1.28.80

package/build/index.js

@@ -2,82 +2,78 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Subot = require('./Subot-48b9baf6.js');
-var index$1 = require('./index-f06ce46a.js');
-var index$5 = require('./index-641337b8.js');
+var Subot = require('./Subot-a11a4e5b.js');
+var index$1 = require('./index-958f67bb.js');
+var index$5 = require('./index-c194972d.js');
 var React = require('react');
-var ChevronDown = require('./ChevronDown-dfb37b0e.js');
-var types = require('./types-4f6c5fb8.js');
-var Visible = require('./Visible-c1268da8.js');
-var index$2 = require('./index-73797cf1.js');
-var index$3 = require('./index-c52d0489.js');
-var index$4 = require('./index-dba46a36.js');
-var index$6 = require('./index-043ebe63.js');
-var index$7 = require('./index-3f272096.js');
-var constants = require('./constants-8023e54c.js');
-var index$8 = require('./index-be1aaf60.js');
-var index_styles = require('./index.styles-e837a685.js');
-var index$9 = require('./index-cdad6882.js');
-var index$a = require('./index-87fa99ae.js');
-var index$b = require('./index-59e6ab87.js');
-var index$c = require('./index-42566468.js');
-var index$d = require('./index-f707c820.js');
-var utils = require('./utils-0ff62762.js');
-var index$e = require('./index-cc24bf8a.js');
-var index$f = require('./index-c4aae21d.js');
-var index$g = require('./index-35f2808a.js');
-var index$h = require('./index-2a7a1ff0.js');
-var index$i = require('./index-fa31a970.js');
-var index$j = require('./index-e023f4f1.js');
-var index$k = require('./index-fbf70389.js');
-var useTranslations = require('./useTranslations-4804b349.js');
-var useScrollbarSize = require('./useScrollbarSize-29a463ce.js');
-var useCategory = require('./useCategory-746e7249.js');
-var useHealthToolCache = require('./useHealthToolCache-2c0db73c.js');
-var useIsInit = require('./useIsInit-6aed4c96.js');
-var useOutsideClick = require('./useOutsideClick-b7334761.js');
-var useUniqueId = require('./useUniqueId-7c6ca6f9.js');
-var utils$1 = require('./utils-e7e35048.js');
-var types$1 = require('./types-ef54c184.js');
-var localizeNumberFormat = require('./localizeNumberFormat-cc6ff0f2.js');
-var animation = require('./animation-693dcf31.js');
-var cookieHelper = require('./cookieHelper-51fe8b9c.js');
-var number = require('./number-38620770.js');
-var routing = require('./routing-6c762e84.js');
-var theme = require('./theme-fde2b656.js');
-var utils$2 = require('./utils-25a8cc7b.js');
-var getDynamicHealthTool = require('./getDynamicHealthTool-def1121e.js');
-var getSocialList = require('./getSocialList-e60c0877.js');
-var dataTransform = require('./dataTransform-e07e040d.js');
+var ChevronDown = require('./ChevronDown-00b6c45c.js');
+var Close = require('./Close-b7a203d1.js');
+var Visible = require('./Visible-c9b6d1c1.js');
+var index$2 = require('./index-14226ab2.js');
+var index$3 = require('./index-a2785ada.js');
+var index$4 = require('./index-a511db2b.js');
+var index$6 = require('./index-a3d460fa.js');
+var index$7 = require('./index-76bb520c.js');
+var constants = require('./constants-3479888e.js');
+var index$8 = require('./index-05304b9b.js');
+var index_styles = require('./index.styles-2705c1b1.js');
+var index$9 = require('./index-f77accef.js');
+var index$a = require('./index-7aff6c39.js');
+var index$b = require('./index-8d87268c.js');
+var index$c = require('./index-96b9585a.js');
+var index$d = require('./index-5f30931a.js');
+var utils = require('./utils-d583cd84.js');
+var index$e = require('./index-1cc3b628.js');
+var index$f = require('./index-d7aea2d0.js');
+var index$g = require('./index-8c630d76.js');
+var index$h = require('./index-88286df3.js');
+var index$i = require('./index-d02a1631.js');
+var index$j = require('./index-90b4cf6b.js');
+var index$k = require('./index-830cfc43.js');
+var useTranslations = require('./useTranslations-ee85619b.js');
+var useScrollbarSize = require('./useScrollbarSize-3e2d19c9.js');
+var useCategory = require('./useCategory-54dfd7ee.js');
+var useHealthToolCache = require('./useHealthToolCache-a5a6585a.js');
+var useIsInit = require('./useIsInit-91ab8916.js');
+var useOutsideClick = require('./useOutsideClick-e32b8474.js');
+var useUniqueId = require('./useUniqueId-3b22c3ca.js');
+var types = require('./types-55014b2c.js');
+var utils$1 = require('./utils-da97b7ae.js');
+var types$1 = require('./types-03e001c9.js');
+var localizeNumberFormat = require('./localizeNumberFormat-691759ff.js');
+var animation = require('./animation-1621b827.js');
+var cookieHelper = require('./cookieHelper-115e3b7b.js');
+var number = require('./number-97ef064d.js');
+var routing = require('./routing-46b3def0.js');
+var theme = require('./theme-3069f85a.js');
+var utils$2 = require('./utils-f7881466.js');
+var getDynamicHealthTool = require('./getDynamicHealthTool-fe550923.js');
+var getSocialList = require('./getSocialList-28b8aa45.js');
+var dataTransform = require('./dataTransform-29cc3dd2.js');
 require('date-fns/locale');
-require('./isProduction-f6ac6db3.js');
-require('./tslib.es6-3b38ec78.js');
+require('./isProduction-253f0a63.js');
+require('./tslib.es6-05775979.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-ce679f9a.js');
+require('./index-a79982f7.js');
 require('dayjs');
 require('styled-components');
 require('@mantine/carousel');
-require('./index-cbeab4a6.js');
+require('./index-a84eedaa.js');
 require('classnames');
 require('@hhgtech/icons/core');
-require('./translationsContext-5d32e21d.js');
-require('string-format');
 require('innertext');
 require('@mantine/dates');
-require('lodash/debounce');
-require('react-contenteditable');
-require('react-dom');
-require('date-fns');
-require('dayjs/plugin/relativeTime');
-require('./index-01ed5223.js');
-require('./index.styled-c00771d3.js');
+require('./translationsContext-09f33cc8.js');
+require('string-format');
 require('lodash/throttle');
 require('html-react-parser');
-require('./types-eb12b071.js');
-require('./index-815f4bdb.js');
-require('./index-991334f4.js');
+require('date-fns');
+require('./types-ab2e9e82.js');
+require('./index-50a331ae.js');
+require('./index.styled-2ad9b370.js');
+require('./index-17f9a72f.js');
 require('react-hook-form');
 require('@hookform/resolvers/yup');
 require('date-fns/locale/en-US');
@@ -86,17 +82,22 @@ require('date-fns/locale/vi');
 require('date-fns/locale/zh-TW');
 require('uuid');
 require('@mantine/form');
+require('./index-e3b0bdb0.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./normalizeLink-a75dcce6.js');
-require('./paths-cdef268e.js');
+require('./normalizeLink-289e65d5.js');
+require('./paths-a793ca70.js');
 require('react-keyed-flatten-children');
+require('react-dom');
 require('react-day-picker/DayPickerInput');
-require('./constants-4e3b8eea.js');
-require('./index-fdc31354.js');
-require('./core-5ccd5f28.js');
-require('./utils-09717f21.js');
+require('./constants-bd8afa18.js');
+require('./index-a909db6f.js');
+require('dayjs/plugin/relativeTime');
+require('lodash/debounce');
+require('./core-22367a27.js');
+require('./utils-8aee541d.js');
+require('react-contenteditable');
 require('slugify');
 require('lodash/shuffle');
 require('react-loading-skeleton');
@@ -216,50 +217,7 @@ exports.CaretDown = index$5.CaretDown;
 exports.Flag = index$5.Flag;
 exports.ImageWrap = index$5.ImageWrap;
 exports.ChevronDown = ChevronDown.ChevronDown;
-exports.CardAuthor = types.CardAuthor;
-exports.CardLink = types.CardLink;
-exports.CardPost = types.CardPost;
-exports.CardPostPopoverMore = types.CardPostPopoverMore;
-exports.CardReactions = types.CardReactions;
-exports.CardReply = types.CardReply;
-exports.CardReplyPopover = types.CardReplyPopover;
-exports.Close = types.Close;
-exports.CreateNewPostContent = types.CreateNewPostContent;
-exports.CreatePostDescription = types.CreatePostDescription;
-exports.CreatePostTitle = types.CreatePostTitle;
-exports.ImagePreviewPopup = types.ImagePreviewPopup;
-exports.InputCommentBar = types.InputCommentBar;
-exports.LabelPin = types.LabelPin;
-exports.LabelSortPin = types.LabelSortPin;
-exports.LabelSorting = types.LabelSorting;
-exports.PopoverMenu = types.PopoverMenu;
-exports.PopupDanger = types.PopupDanger;
-exports.PopupDoctor = types.PopupDoctor;
-exports.PopupExpert = types.PopupExpert;
-exports.PopupFrame = types.PopupFrame;
-exports.PopupHospital = types.PopupHospital;
-exports.PostContent = types.PostContent;
-exports.PostImagePreview = types.PostImagePreview;
-exports.PostSingleImageViewPopup = types.PostSingleImageViewPopup;
-exports.ProfileDetail = types.ProfileDetail;
-exports.ProfileDetailModal = types.ProfileDetailModal;
-exports.ShareBox = types.ShareBox;
-exports.SharePopup = types.SharePopup;
-exports.SkipQuestionOfExpertBtn = types.SkipQuestionOfExpertBtn;
-exports.SocialLinkPreview = types.SocialLinkPreview;
-exports.SourceList = types.SourceList;
-exports.SubmitReportForm = types.SubmitReportForm;
-Object.defineProperty(exports, 'TabNameInProfileDetail', {
-  enumerable: true,
-  get: function () { return types.TabName; }
-});
-exports.TagTopic = types.TagTopic;
-exports.TogetherAuthConfigContext = types.TogetherAuthConfigContext;
-exports.TogetherAuthConfigContextProvider = types.TogetherAuthConfigContextProvider;
-exports.TogetherTypes = types.types;
-exports.TopicSelectList = types.TopicSelectList;
-exports.VerifiedTag = types.VerifiedTag;
-exports.useTogetherAuthRequiredAction = types.useTogetherAuthRequiredAction;
+exports.Close = Close.Close;
 exports.Visible = Visible.Visible;
 exports.AdBlock = index$2.AdBlock;
 exports.Alert = index$2.Alert;
@@ -369,6 +327,49 @@ exports.useOutsideClick = useOutsideClick.useOutsideClick;
 exports.useSharedOutsideClick = useOutsideClick.useSharedOutsideClick;
 exports.useInitialMount = useUniqueId.useInitialMount;
 exports.useUniqueId = useUniqueId.useUniqueId;
+exports.CardAuthor = types.CardAuthor;
+exports.CardLink = types.CardLink;
+exports.CardPost = types.CardPost;
+exports.CardPostPopoverMore = types.CardPostPopoverMore;
+exports.CardReactions = types.CardReactions;
+exports.CardReply = types.CardReply;
+exports.CardReplyPopover = types.CardReplyPopover;
+exports.CreateNewPostContent = types.CreateNewPostContent;
+exports.CreatePostDescription = types.CreatePostDescription;
+exports.CreatePostTitle = types.CreatePostTitle;
+exports.ImagePreviewPopup = types.ImagePreviewPopup;
+exports.InputCommentBar = types.InputCommentBar;
+exports.LabelPin = types.LabelPin;
+exports.LabelSortPin = types.LabelSortPin;
+exports.LabelSorting = types.LabelSorting;
+exports.PopoverMenu = types.PopoverMenu;
+exports.PopupDanger = types.PopupDanger;
+exports.PopupDoctor = types.PopupDoctor;
+exports.PopupExpert = types.PopupExpert;
+exports.PopupFrame = types.PopupFrame;
+exports.PopupHospital = types.PopupHospital;
+exports.PostContent = types.PostContent;
+exports.PostImagePreview = types.PostImagePreview;
+exports.PostSingleImageViewPopup = types.PostSingleImageViewPopup;
+exports.ProfileDetail = types.ProfileDetail;
+exports.ProfileDetailModal = types.ProfileDetailModal;
+exports.ShareBox = types.ShareBox;
+exports.SharePopup = types.SharePopup;
+exports.SkipQuestionOfExpertBtn = types.SkipQuestionOfExpertBtn;
+exports.SocialLinkPreview = types.SocialLinkPreview;
+exports.SourceList = types.SourceList;
+exports.SubmitReportForm = types.SubmitReportForm;
+Object.defineProperty(exports, 'TabNameInProfileDetail', {
+  enumerable: true,
+  get: function () { return types.TabName; }
+});
+exports.TagTopic = types.TagTopic;
+exports.TogetherAuthConfigContext = types.TogetherAuthConfigContext;
+exports.TogetherAuthConfigContextProvider = types.TogetherAuthConfigContextProvider;
+exports.TogetherTypes = types.types;
+exports.TopicSelectList = types.TopicSelectList;
+exports.VerifiedTag = types.VerifiedTag;
+exports.useTogetherAuthRequiredAction = types.useTogetherAuthRequiredAction;
 exports.DefaultComponentGlobalContextData = utils$1.DefaultComponentGlobalContextData;
 Object.defineProperty(exports, 'GlobalData', {
   enumerable: true,

package/build/{index.styled-c00771d3.js → index.styled-2ad9b370.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-3b38ec78.js');
+var tslib_es6 = require('./tslib.es6-05775979.js');
 var React = require('react');
-var theme = require('./theme-fde2b656.js');
+var theme = require('./theme-3069f85a.js');
 var styled = require('styled-components');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index.styles-e837a685.js → index.styles-2705c1b1.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var styled = require('styled-components');
-var theme = require('./theme-fde2b656.js');
-var utils = require('./utils-25a8cc7b.js');
-var tslib_es6 = require('./tslib.es6-3b38ec78.js');
+var theme = require('./theme-3069f85a.js');
+var utils = require('./utils-f7881466.js');
+var tslib_es6 = require('./tslib.es6-05775979.js');
 var React = require('react');
-var constants = require('./constants-8023e54c.js');
-var animation = require('./animation-693dcf31.js');
+var constants = require('./constants-3479888e.js');
+var animation = require('./animation-1621b827.js');
 var core = require('@mantine/core');
 var flattenChildren = require('react-keyed-flatten-children');
 

package/build/lead/components/close.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { ButtonProps } from "../../mantine";
+export declare const Close: ({ children, ...rest }: {
+    children: ReactNode;
+} & {
+    variant?: "white" | "success" | "error" | "primary" | "secondary" | "tertiary" | "light" | "ghost";
+    skipHover?: boolean;
+    theme?: "marryBaby" | "helloSites";
+} & Omit<import("@mantine/core").ButtonProps, "variant"> & React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../types").DataTrackingType) => React.JSX.Element;

package/build/lead/components/context.d.ts

@@ -0,0 +1,35 @@
+import { Dispatch, MutableRefObject, SetStateAction } from 'react';
+import { LOCALE } from "../../types";
+import { OtpData } from "./otpBlock";
+export type ThankyouType = {
+    title: string;
+    titleAlign?: string;
+    subtitle: string;
+    subtitleAlign?: string;
+    link: string;
+    linkNewTab?: boolean;
+    linkText: string;
+    image?: string;
+};
+type LeadGenComponentContextType = {
+    formRef: MutableRefObject<HTMLFormElement>;
+    campaignId: number;
+    campaign_subot_id: number[];
+    heading: string;
+    description: string;
+    showOtpPhone: OtpData | null;
+    setShowOtpPhone: Dispatch<SetStateAction<OtpData | null>>;
+    showThankyou: ThankyouType;
+    listBlockAdded: any;
+    textBlocks: any;
+    actionBlocks: any;
+    leadFormConfig: any;
+    validatingEmailRef: MutableRefObject<boolean>;
+    validatingPhoneRef: MutableRefObject<boolean>;
+    locale?: LOCALE;
+    onClose?: () => void;
+    onOtherSubmit?: () => void;
+    onSubmit?: (currentForm: HTMLFormElement, values: Record<string, any>) => void;
+};
+export declare const LeadGenComponentContext: import("react").Context<LeadGenComponentContextType>;
+export {};

package/build/lead/components/description.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextProps } from "../../mantine";
+export declare const Description: ({ ...rest }: TextProps) => React.JSX.Element;

package/build/lead/components/form/fields/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+import { LOCALE } from "../../../../interfaces/types";
+export declare const Fields: ({ listBlockAdded, popupId, locale, onClose, onOtherSubmit, styles, classNames, }: {
+    listBlockAdded: any[];
+    popupId?: string;
+    locale: LOCALE;
+    onClose?: () => void;
+    onOtherSubmit?: () => void;
+} & BoxProps) => React.JSX.Element;

package/build/lead/components/form/fields/index.styles.d.ts

@@ -0,0 +1,8 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        control: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/lead/components/form/fields/locationBlock.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const LocationBlock: ({ name, placeholder, locale, }: {
+    name?: string;
+    placeholder?: string;
+    locale?: string;
+}) => React.JSX.Element;

package/build/lead/components/form/fields/subtitleBlock.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+export declare const SubtitleBlock: ({ children, align, }: {
+    align?: string;
+    children?: ReactNode;
+}) => React.JSX.Element;

package/build/lead/components/form/fields/titleBlock.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+export declare const TitleBlock: ({ children, align, }: {
+    align?: string;
+    children?: ReactNode;
+}) => React.JSX.Element;

package/build/lead/components/form/formContext.d.ts

@@ -0,0 +1,12 @@
+import { MutableRefObject } from 'react';
+export declare const LeadFormProvider: import("react").FC<import("@mantine/form/lib/FormProvider/FormProvider").FormProviderProps<import("@mantine/form").UseFormReturnType<unknown, (values: unknown) => unknown>>>, useLeadFormContext: () => import("@mantine/form").UseFormReturnType<unknown, (values: unknown) => unknown>, useLeadForm: import("@mantine/form/lib/types").UseForm<unknown, (values: unknown) => unknown>;
+export declare const useLeadFormConfig: ({ listBlockAdded, validatingPhoneRef, validatingEmailRef, campaignId, campaign_subot_id, }: {
+    listBlockAdded: any[];
+    validatingPhoneRef: MutableRefObject<boolean>;
+    validatingEmailRef: MutableRefObject<boolean>;
+    campaignId: number;
+    campaign_subot_id: number[];
+}) => {
+    form: import("@mantine/form").UseFormReturnType<unknown, (values: unknown) => unknown>;
+    validateObj: import("@mantine/form/lib/types").FormValidateInput<unknown>;
+};

package/build/lead/components/form/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+type Props = BoxProps;
+export declare const Form: (props: Props) => React.JSX.Element;
+export {};

package/build/lead/components/form/index.styles.d.ts

@@ -0,0 +1,15 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        header: string;
+        heading: string;
+        description: string;
+        term: string;
+        controlList: string;
+        control: string;
+        submitBtn: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/lead/components/heading.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextProps } from "../../mantine";
+export declare const Heading: ({ ...rest }: TextProps) => React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+import { LOCALE } from "../../interfaces/types";
+import { ThankyouType } from "./context";
+export declare const Component: ({ campaign, onClose: onCloseProp, onOtherSubmit, onSubmit, showThankyou, locale, children, }: {
+    campaign: any;
+    onClose?: () => void;
+    onOtherSubmit?: () => void;
+    onSubmit?: (currentForm: HTMLFormElement, values: Record<string, any>) => void;
+    showThankyou?: ThankyouType;
+    locale?: LOCALE;
+    children?: ReactNode;
+}) => React.JSX.Element;

package/build/lead/components/otpBlock/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+export type OtpData = {
+    phone: string;
+    type: 'whatsapp' | 'phone';
+};
+export declare const OtpBlock: ({}: {
+    onSuccess?: () => void;
+} & BoxProps) => React.JSX.Element;

package/build/lead/components/otpBlock/index.styles.d.ts

@@ -0,0 +1,13 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        heading: string;
+        description: string;
+        control: string;
+        submitBtn: string;
+        resendOtp: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/lead/components/thankyou.d.ts

@@ -0,0 +1,4 @@
+import { ThankyouType } from "./context";
+export declare const Thankyou: ({ children, }: {
+    children: (v: ThankyouType) => Element;
+}) => "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";

package/build/lead/index.d.ts

@@ -1,6 +1,12 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { LOCALE } from "../interfaces/types/Locale";
+import { Description } from "./components/description";
+import { Form } from "./components/form";
+import { Heading } from "./components/heading";
+import { OtpBlock } from "./components/otpBlock";
+import { Thankyou } from "./components/thankyou";
 import './style.scss';
+import { Close } from "..";
 export type Props = {
     apiUrl?: string;
     apiSubotUrl?: string;
@@ -9,5 +15,15 @@ export type Props = {
     locale?: LOCALE;
     DEBUG_URL?: string;
     forceCampaign?: any;
+    children?: ReactNode;
 };
-export declare const LeadGen: ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl, DEBUG_URL, forceCampaign, }: Props) => React.JSX.Element;
+export interface CompoundedComponent extends React.ForwardRefExoticComponent<Props> {
+    Heading: typeof Heading;
+    Description: typeof Description;
+    Form: typeof Form;
+    Thankyou: typeof Thankyou;
+    OtpForm: typeof OtpBlock;
+    Close: typeof Close;
+}
+declare const LeadGen: CompoundedComponent;
+export { LeadGen };