@hhgtech/hhg-components 1.22.21 → 1.22.23-beta-1

package/build/esm/{index-1f8b678b.js → index-f29fd5fe.js}

@@ -1 +1 @@
-import e,{useMemo as a}from"react";import{CommonGAssets as t}from"./gAssets.js";import{i as s,L as l,a as r,b as n,S as o,c as i,d as g}from"./index-662d80a5.js";var m=function(m){var c=m.type,h=m.className,d=m.style,u=m.isLightLogo,w=m.customSize,N=m.badge,y=m.locale,f=m.dateForSeasonal,p=m.isPro,E=a((function(){if(!f||isNaN(new Date(f).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var e=new Date(f),a=s(e),t=l.includes(y)&&r(e);return{isChristmas:a,isLunarNewYear:t,isNewYear:!t&&n(e)}}),[y,new Date(f).getDate()]);return e.createElement(o,{className:h,style:d,"data-logo-is-light":u||void 0,"data-has-badge":!!N,"data-christmas":E.isChristmas,"data-new-year":E.isNewYear,"data-lunar-new-year":E.isLunarNewYear},E.isChristmas?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:t.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:t.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):E.isNewYear?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:t.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:t.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):E.isLunarNewYear?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,e.createElement(i,{type:c,width:null==w?void 0:w.width,height:null==w?void 0:w.height}),p?e.createElement(g,{src:t.getAssetPath("logo/pro-suffix.svg")}):null,N)};export{m as L};
+import e,{useMemo as a}from"react";import{CommonGAssets as t}from"./gAssets.js";import{i as s,L as l,a as r,b as n,S as o,c as i,d as g}from"./index-6e83230f.js";var m=function(m){var c=m.type,h=m.className,d=m.style,u=m.isLightLogo,w=m.customSize,N=m.badge,y=m.locale,f=m.dateForSeasonal,p=m.isPro,E=a((function(){if(!f||isNaN(new Date(f).getTime()))return{isChristmas:!1,isLunarNewYear:!1,isNewYear:!1};var e=new Date(f),a=s(e),t=l.includes(y)&&r(e);return{isChristmas:a,isLunarNewYear:t,isNewYear:!t&&n(e)}}),[y,new Date(f).getDate()]);return e.createElement(o,{className:h,style:d,"data-logo-is-light":u||void 0,"data-has-badge":!!N,"data-christmas":E.isChristmas,"data-new-year":E.isNewYear,"data-lunar-new-year":E.isLunarNewYear},E.isChristmas?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:t.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:t.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):E.isNewYear?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:t.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:t.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):E.isLunarNewYear?e.createElement(e.Fragment,null,e.createElement("img",{loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),e.createElement("img",{loading:"lazy",src:t.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):null,e.createElement(i,{type:c,width:null==w?void 0:w.width,height:null==w?void 0:w.height}),p?e.createElement(g,{src:t.getAssetPath("logo/pro-suffix.svg")}):null,N)};export{m as L};

package/build/esm/index.css

@@ -0,0 +1,2 @@
+.style-module_text__wIj6f{color:var(--custom-color,#262626);font-weight:400;letter-spacing:0}.style-module_text__wIj6f[data-size=lg],.style-module_text__wIj6f[data-size=md]{font-size:16px;line-height:28px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=lg],.style-module_text__wIj6f[data-size=md]{font-size:18px;letter-spacing:-.2px;line-height:32px}}.style-module_text__wIj6f[data-size=base]{font-size:16px;line-height:24px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=base]{font-size:16px;line-height:24px}}.style-module_text__wIj6f[data-size=sm]{font-size:14px;letter-spacing:-.2px;line-height:22px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=sm]{font-size:16px;line-height:24px}}.style-module_text__wIj6f[data-size=p4],.style-module_text__wIj6f[data-size=xs]{font-size:12px;line-height:18px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=p4],.style-module_text__wIj6f[data-size=xs]{font-size:14px;line-height:24px}}.style-module_text__wIj6f[data-size=s1]{font-size:18px;letter-spacing:-.6px;line-height:28px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=s1]{font-size:22px;letter-spacing:-.6px;line-height:32px}}.style-module_text__wIj6f[data-size=s2]{font-size:16px;letter-spacing:-.2px;line-height:24px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=s2]{font-size:18px;letter-spacing:-.2px;line-height:28px}}.style-module_text__wIj6f[data-size=s3]{font-size:14px;line-height:22px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=s3]{font-size:16px;line-height:24px}}.style-module_text__wIj6f[data-size=s4]{font-size:12px;line-height:18px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=s4]{font-size:14px;line-height:22px}}.style-module_text__wIj6f[data-size=s5]{font-size:10px;line-height:16px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=s5]{font-size:12px;line-height:18px}}.style-module_text__wIj6f[data-size=p1]{font-size:18px;line-height:28px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=p1]{font-size:18px;letter-spacing:-.2px;line-height:28px}}.style-module_text__wIj6f[data-size=p2]{font-size:16px;line-height:24px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=p2]{font-size:16px;line-height:26px}}.style-module_text__wIj6f[data-size=p3]{font-size:14px;line-height:18px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=p3]{font-size:14px;line-height:24px}}.style-module_text__wIj6f[data-size=c1]{font-size:14px;line-height:24px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=c1]{font-size:16px;line-height:26px}}.style-module_text__wIj6f[data-size=c2]{font-size:12px;line-height:18px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=c2]{font-size:14px;line-height:24px}}.style-module_text__wIj6f[data-size=n1]{font-size:12px;line-height:18px}@media (min-width:1024px){.style-module_text__wIj6f[data-size=n1]{font-size:12px;line-height:18px}}.style-module_text__wIj6f[data-size=label1]{font-size:14px;line-height:22px}.style-module_text__wIj6f[data-size=label2]{font-size:12px;line-height:18px}.style-module_text__wIj6f[data-type=bold],.style-module_text__wIj6f[data-type=caption]{font-weight:700}.style-module_text__wIj6f[data-type=semiBold]{font-weight:600}.style-module_text__wIj6f[data-word-wrap=break-all]{word-break:break-all}.style-module_text__wIj6f[data-word-wrap=break-word]{word-break:break-word}.style-module_text__wIj6f[data-is-uppercase],.style-module_text__wIj6f[data-type=caption]{text-transform:uppercase}
+.style-module_heading__xzO2I{color:var(--custom-heading-color,#262626);font-weight:700}.style-module_heading__xzO2I[data-tag=h1]{font-size:26px;letter-spacing:-.9px;line-height:34px}@media (min-width:1024px){.style-module_heading__xzO2I[data-tag=h1]{font-size:40px;letter-spacing:-1.2px;line-height:52px}}.style-module_heading__xzO2I[data-tag=h2]{font-size:24px;letter-spacing:-.8px;line-height:32px}@media (min-width:1024px){.style-module_heading__xzO2I[data-tag=h2]{font-size:32px;letter-spacing:-1px;line-height:42px}}.style-module_heading__xzO2I[data-tag=h3]{font-size:20px;letter-spacing:-.7px;line-height:26px}@media (min-width:1024px){.style-module_heading__xzO2I[data-tag=h3]{font-size:26px;letter-spacing:-.8px;line-height:36px}}.style-module_heading__xzO2I[data-tag=h4]{font-size:18px;letter-spacing:-.6px;line-height:26px}@media (min-width:1024px){.style-module_heading__xzO2I[data-tag=h4]{font-size:22px;letter-spacing:-.6px;line-height:32px}}.style-module_heading__xzO2I[data-tag=h5]{font-size:16px;letter-spacing:-.2px;line-height:24px}@media (min-width:1024px){.style-module_heading__xzO2I[data-tag=h5]{font-size:18px;letter-spacing:-.2px;line-height:28px}}.style-module_heading__xzO2I[data-tag=h6]{font-size:14px;line-height:22px}@media (min-width:1024px){.style-module_heading__xzO2I[data-tag=h6]{font-size:16px;letter-spacing:0;line-height:24px}}.style-module_heading__xzO2I[data-font-weight=bold]{font-weight:400}.style-module_heading__xzO2I[data-font-weight=semibold]{font-weight:600}

package/build/esm/index.js

@@ -1 +1 @@
-export{i as Types}from"./index-62c22dbe.js";export{i as Constants}from"./index-2cf746a8.js";export{A as Alert,V as AmpNextPage,g as ArticleCard,H as BMICardEmbed,N as BMRCardEmbed,J as BabyGrowthCardEmbed,K as BabyPoopEmbed,B as Badge,a as BorderHeading,h as Breadcrumbs,o as Carousel,i as CategoryCard,C as Checkbox,j as CheckboxGroup,w as CookieAcceptConfirm,D as DatePicker,W as DateRangePicker,s as DoctorInfo,E as DueDateCardEmbed,F as FileDropdown,v as FloatButtonGroup,G as Grid,I as IconText,M as MobileBottomNavigation,x as MobileBottomNavigationIcon,O as OvulationCardEmbed,Q as PWGCardEmbed,P as Pagination,f as Progress,k as ProgressBar,R as Radio,l as RadioGroup,e as RateStars,n as ScrollList,y as SeoHead,S as Shadow,X as ShareContainer,Y as ShareDrawer,m as SideMenu,b as Slider,p as StatisticCard,t as SurveyQuestionCard,u as SurveyThankyouCard,L as THRCardEmbed,q as Table,r as Tabs,T as Tag,c as Toggle,z as ToolsBannerCard,U as UnderlinedLink,d as Uploader}from"./index-1a0dce6b.js";export{A as Avatar,D as DefaultComponentGlobalContextData,G as GlobalData,P as Popup,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-a8d73207.js";export{B as Button}from"./index-bfb83ce8.js";export{A as AuthorBadge,D as Divider,a as Dropdown}from"./index-d37a2be4.js";export{F as Flag,L as LanguageSwitcher,d as NavigationLogoutPopup,e as NavigationProfileButton,N as NavigationV2,P as ProfilePopup,U as UserProfileNavigation,b as UserProfileNavigationHeader,c as UserProfileNavigationStats,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-1e5458a4.js";export{H as Heading}from"./index-aca74507.js";export{I as Input}from"./index-c2f532a6.js";export{L as Label}from"./index-bbc3936f.js";export{L as Logo}from"./index-1f8b678b.js";export{P as PureInput}from"./index-71a7683a.js";export{T as Text}from"./index-a0e2043c.js";export{D as Drawer,I as Icon,M as Menu,b as Modal,N as NewBabyProfileRadio,R as RadioImageGroup,T as TextArea,a as TextDivider}from"./index-d86e7d98.js";export{C as Container}from"./index-662d80a5.js";export{C as CustomReferenceDot}from"./index-a1a50ff8.js";export{P as PillCarousel}from"./index-83eec8a7.js";export{Footer}from"./footer.js";export{u as useTranslations}from"./useTranslations-b3eb31ef.js";export{M as MEASURE_ELEMENT_CLASS,u as useScrollbarSize}from"./useScrollbarSize-99db33e1.js";export{u as useFbDataLayer}from"./useFbDataLayer-f97c847d.js";export{u as useHealthToolsCache}from"./useHealthToolCache-4416dcd1.js";export{T as TranslationsProvider,t as translationsMap}from"./translationsProvider-c27099c7.js";export{T as TranslationsContext,d as defaultTranslations}from"./translationsContext-e7808c8f.js";export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-cd632d53.js";export{B as BookingSearchBar,t as CareTypes}from"./types-e15564af.js";export{c as CareConstants}from"./constants-a0a981fa.js";export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-ec8c08da.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-ff96a3d1.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-8c12973e.js";export{l as lazyLoadInstance}from"./lazyLoad-59e8ff6d.js";import"react";import"styled-components";export{t as theme}from"./theme-13d11d67.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-28541f72.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-03bdf8e6.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-40d4438f.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-be4f9753.js";export{g as getSocialList}from"./getSocialList-72c3eb4c.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./tslib.es6-2fa94e2c.js";import"lodash/throttle";import"keen-slider/react";import"dayjs";import"./gAssets.js";import"date-fns";import"./types-f57c9932.js";import"react-hook-form";import"./index-d87f080b.js";import"@mantine/core";import"@mantine/hooks";import"@hookform/resolvers/yup";import"react-range";import"react-day-picker/DayPickerInput";import"./defaultClassWrapper-27a74473.js";import"./useOutsideClick-6004483a.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"slugify";import"string-format";import"./index.styled-ed780131.js";import"./core-8c1d445f.js";import"dayjs/plugin/relativeTime";import"lodash/debounce";import"./index-20a09f62.js";import"react-dom";import"./index-d20231b7.js";import"@mantine/carousel";import"innertext";import"react-contenteditable";import"react-loading-skeleton";import"lodash/shuffle";import"vanilla-lazyload";
+export{i as Types}from"./index-5c10973f.js";export{i as Constants}from"./index-354ad393.js";export{A as Alert,V as AmpNextPage,g as ArticleCard,H as BMICardEmbed,N as BMRCardEmbed,J as BabyGrowthCardEmbed,K as BabyPoopEmbed,B as Badge,a as BorderHeading,h as Breadcrumbs,o as Carousel,i as CategoryCard,C as Checkbox,j as CheckboxGroup,w as CookieAcceptConfirm,D as DatePicker,W as DateRangePicker,s as DoctorInfo,E as DueDateCardEmbed,F as FileDropdown,v as FloatButtonGroup,G as Grid,I as IconText,M as MobileBottomNavigation,x as MobileBottomNavigationIcon,O as OvulationCardEmbed,Q as PWGCardEmbed,P as Pagination,f as Progress,k as ProgressBar,R as Radio,l as RadioGroup,e as RateStars,n as ScrollList,y as SeoHead,S as Shadow,X as ShareContainer,Y as ShareDrawer,m as SideMenu,b as Slider,p as StatisticCard,t as SurveyQuestionCard,u as SurveyThankyouCard,L as THRCardEmbed,q as Table,r as Tabs,T as Tag,c as Toggle,z as ToolsBannerCard,U as UnderlinedLink,d as Uploader}from"./index-98048bd8.js";export{A as Avatar,D as DefaultComponentGlobalContextData,G as GlobalData,P as Popup,T as TogetherComponentGlobalContext,a as TogetherComponentGlobalContextProvider,c as TogetherConstants,d as TogetherDataTransforms,U as UserAvatar}from"./index-6940d93a.js";export{B as Button}from"./index-a52c8eea.js";export{A as AuthorBadge,D as Divider,a as Dropdown}from"./index-34c8a226.js";export{F as Flag,L as LanguageSwitcher,d as NavigationLogoutPopup,e as NavigationProfileButton,N as NavigationV2,P as ProfilePopup,U as UserProfileNavigation,b as UserProfileNavigationHeader,c as UserProfileNavigationStats,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-6c974cb4.js";export{H as Heading}from"./index-d69d4d15.js";export{I as Input}from"./index-d26e1a93.js";export{L as Label}from"./index-aeb16c55.js";export{L as Logo}from"./index-f29fd5fe.js";export{P as PureInput}from"./index-8099bdd7.js";export{T as Text}from"./index-0741fd00.js";export{D as Drawer,I as Icon,M as Menu,b as Modal,N as NewBabyProfileRadio,R as RadioImageGroup,T as TextArea,a as TextDivider}from"./index-ec220313.js";export{C as Container}from"./index-6e83230f.js";export{C as CustomReferenceDot}from"./index-b509b48c.js";export{P as PillCarousel}from"./index-d9060f74.js";export{Footer}from"./footer.js";export{u as useTranslations}from"./useTranslations-35f81159.js";export{M as MEASURE_ELEMENT_CLASS,u as useScrollbarSize}from"./useScrollbarSize-142e9514.js";export{u as useFbDataLayer}from"./useFbDataLayer-5de899c5.js";export{u as useHealthToolsCache}from"./useHealthToolCache-37d84b36.js";export{T as TranslationsProvider,t as translationsMap}from"./translationsProvider-e99cddd1.js";export{T as TranslationsContext,d as defaultTranslations}from"./translationsContext-a9f4095d.js";export{g as CardAuthor,C as CardLink,y as CardPost,z as CardPostPopoverMore,b as CardReactions,A as CardReply,B as CardReplyPopover,h as CreateNewPostContent,i as CreatePostDescription,j as CreatePostTitle,s as ImagePreviewPopup,I as InputCommentBar,e as LabelPin,d as LabelSortPin,f as LabelSorting,L as Loading,D as PopoverMenu,P as PopupDanger,l as PopupDoctor,k as PopupExpert,o as PopupFrame,m as PopupHospital,r as PostContent,w as PostImagePreview,v as PostSingleImageViewPopup,q as ShareBox,S as SharePopup,x as SocialLinkPreview,p as SubmitReportForm,c as TagTopic,T as TogetherAuthConfigContext,a as TogetherAuthConfigContextProvider,t as TogetherTypes,n as TopicSelectList,u as useTogetherAuthRequiredAction}from"./types-bd785123.js";export{B as BookingSearchBar,t as CareTypes}from"./types-c1ddeda2.js";export{c as CareConstants}from"./constants-a60ad144.js";export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-d8803d28.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-dd6a9356.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-ef9db121.js";export{l as lazyLoadInstance}from"./lazyLoad-fd57057d.js";import"react";import"styled-components";export{t as theme}from"./theme-e755818a.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-9043eced.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-7cabc4cc.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-a3eccc66.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-c0ce5be2.js";export{g as getSocialList}from"./getSocialList-a1642f17.js";import"./Locale-dd73dff4.js";import"./isProduction-c64058ab.js";import"./tslib.es6-8d81858b.js";import"lodash/throttle";import"keen-slider/react";import"dayjs";import"./gAssets.js";import"date-fns";import"./types-8d2b9d20.js";import"react-hook-form";import"./index-b827cd72.js";import"@mantine/core";import"@mantine/hooks";import"@hookform/resolvers/yup";import"react-range";import"react-day-picker/DayPickerInput";import"./defaultClassWrapper-a26097d6.js";import"./useOutsideClick-bce0bebe.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"slugify";import"string-format";import"./index.styled-3215d940.js";import"./core-e0b59a71.js";import"dayjs/plugin/relativeTime";import"lodash/debounce";import"./index-c177c117.js";import"react-dom";import"./index-59e397d5.js";import"@mantine/carousel";import"innertext";import"react-contenteditable";import"react-loading-skeleton";import"lodash/shuffle";import"vanilla-lazyload";

package/build/esm/{index.styled-ed780131.js → index.styled-3215d940.js}

@@ -1 +1 @@
-import{b as n,c as e,_ as r}from"./tslib.es6-2fa94e2c.js";import t from"styled-components";import a from"react";var o,l=t.hr(o||(o=n(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.dividerType})),d=function(n){var t=n.size,o=n.color,l=n.isExpand,d=e(n,["size","color","isExpand"]);return l?a.createElement("svg",r({width:t,height:t,viewBox:"0 0 16 16",fill:o,xmlns:"http://www.w3.org/2000/svg"},d),a.createElement("path",{d:"M14.6625 0.500362C14.446 0.506813 14.2405 0.597296 14.0895 0.752641L10.7578 4.08435L9.69176 3.01664C9.37926 2.70414 8.84541 2.92491 8.84541 3.36657V6.67875C8.84541 6.95291 9.06687 7.17517 9.3402 7.17517H12.6524C13.094 7.17517 13.3148 6.64131 13.0023 6.32881L11.9362 5.26273L15.2679 1.93103C15.3884 1.81397 15.4706 1.66327 15.5039 1.49867C15.5372 1.33407 15.52 1.16325 15.4545 1.0086C15.3891 0.853944 15.2784 0.72267 15.1371 0.631979C14.9958 0.541288 14.8303 0.495412 14.6625 0.500362Z"}),a.createElement("path",{d:"M3.37015 8.84183C2.92848 8.84183 2.70771 9.37569 3.02021 9.68819L4.08792 10.7543L0.756214 14.086C0.676237 14.1628 0.612384 14.2547 0.568397 14.3565C0.524409 14.4583 0.501171 14.5678 0.500043 14.6787C0.498915 14.7895 0.51992 14.8995 0.561828 15.0022C0.603735 15.1048 0.665703 15.1981 0.744102 15.2765C0.822501 15.3549 0.915755 15.4168 1.0184 15.4587C1.12105 15.5007 1.23103 15.5217 1.3419 15.5205C1.45276 15.5194 1.56229 15.4962 1.66406 15.4522C1.76584 15.4082 1.85781 15.3443 1.9346 15.2644L5.26631 11.9327L6.33239 12.9987C6.64489 13.3112 7.17874 13.0905 7.17874 12.6488V9.33663C7.17874 9.06329 6.95649 8.84183 6.68232 8.84183H3.37015Z"})):a.createElement("svg",r({width:t,height:t,viewBox:"0 0 14 14",fill:o,xmlns:"http://www.w3.org/2000/svg"},d),a.createElement("path",{d:"M9.64991 0.333008C9.18412 0.333008 8.9513 0.896013 9.28086 1.22558L10.4052 2.35159L2.35171 10.405L1.2257 9.28074C0.896135 8.95118 0.33313 9.184 0.33313 9.64979V13.1428C0.33313 13.432 0.566681 13.6663 0.854939 13.6663H4.34969C4.81547 13.6663 5.04829 13.1033 4.71873 12.7738L3.59444 11.6478L11.6479 3.59432L12.7739 4.71861C13.1035 5.04817 13.6665 4.81535 13.6665 4.34957V0.854817C13.6665 0.566559 13.4321 0.333008 13.1429 0.333008H9.64991Z"}))};d.defaultProps={size:24,color:"inherit",isExpand:!1};var i,c=t.div(i||(i=n(["\n  display: inline-block;\n  height: 1rem;\n  flex-shrink: 0;\n  padding: 0 0.5rem;\n  margin-left: 4px;\n  border-radius: 1rem;\n  color: white;\n  font-size: 8px;\n  font-weight: 600;\n  line-height: 1rem;\n  &[data-label-type='admin'] {\n    background: ",";\n  }\n  &[data-label-type='local admin'] {\n    background: ",";\n  }\n  &[data-label-type='ambassador'] {\n    background: ",";\n  }\n  &[data-label-type='expert'] {\n    background: ",";\n  }\n  &[data-label-type='moderator'] {\n    background: ",";\n  }\n  &[data-label-type='sponsor'] {\n    background: ",";\n  }\n  &[data-label-type='guide'] {\n    background: ",";\n  }\n  &[data-label-type='influencer'] {\n    background: ",";\n  }\n"],["\n  display: inline-block;\n  height: 1rem;\n  flex-shrink: 0;\n  padding: 0 0.5rem;\n  margin-left: 4px;\n  border-radius: 1rem;\n  color: white;\n  font-size: 8px;\n  font-weight: 600;\n  line-height: 1rem;\n  &[data-label-type='admin'] {\n    background: ",";\n  }\n  &[data-label-type='local admin'] {\n    background: ",";\n  }\n  &[data-label-type='ambassador'] {\n    background: ",";\n  }\n  &[data-label-type='expert'] {\n    background: ",";\n  }\n  &[data-label-type='moderator'] {\n    background: ",";\n  }\n  &[data-label-type='sponsor'] {\n    background: ",";\n  }\n  &[data-label-type='guide'] {\n    background: ",";\n  }\n  &[data-label-type='influencer'] {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.green400}),(function(n){return n.theme.colors.red400}),(function(n){return n.theme.colors.yellow800}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}));export{d as F,l as S,c as a};
+import{b as n,c as e,_ as r}from"./tslib.es6-8d81858b.js";import t from"styled-components";import a from"react";var o,l=t.hr(o||(o=n(["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"],["\n  border-width: 1px;\n  border-color: ",";\n  border-style: ",";\n"])),(function(n){return n.theme.colors.neutral200}),(function(n){return n.dividerType})),d=function(n){var t=n.size,o=n.color,l=n.isExpand,d=e(n,["size","color","isExpand"]);return l?a.createElement("svg",r({width:t,height:t,viewBox:"0 0 16 16",fill:o,xmlns:"http://www.w3.org/2000/svg"},d),a.createElement("path",{d:"M14.6625 0.500362C14.446 0.506813 14.2405 0.597296 14.0895 0.752641L10.7578 4.08435L9.69176 3.01664C9.37926 2.70414 8.84541 2.92491 8.84541 3.36657V6.67875C8.84541 6.95291 9.06687 7.17517 9.3402 7.17517H12.6524C13.094 7.17517 13.3148 6.64131 13.0023 6.32881L11.9362 5.26273L15.2679 1.93103C15.3884 1.81397 15.4706 1.66327 15.5039 1.49867C15.5372 1.33407 15.52 1.16325 15.4545 1.0086C15.3891 0.853944 15.2784 0.72267 15.1371 0.631979C14.9958 0.541288 14.8303 0.495412 14.6625 0.500362Z"}),a.createElement("path",{d:"M3.37015 8.84183C2.92848 8.84183 2.70771 9.37569 3.02021 9.68819L4.08792 10.7543L0.756214 14.086C0.676237 14.1628 0.612384 14.2547 0.568397 14.3565C0.524409 14.4583 0.501171 14.5678 0.500043 14.6787C0.498915 14.7895 0.51992 14.8995 0.561828 15.0022C0.603735 15.1048 0.665703 15.1981 0.744102 15.2765C0.822501 15.3549 0.915755 15.4168 1.0184 15.4587C1.12105 15.5007 1.23103 15.5217 1.3419 15.5205C1.45276 15.5194 1.56229 15.4962 1.66406 15.4522C1.76584 15.4082 1.85781 15.3443 1.9346 15.2644L5.26631 11.9327L6.33239 12.9987C6.64489 13.3112 7.17874 13.0905 7.17874 12.6488V9.33663C7.17874 9.06329 6.95649 8.84183 6.68232 8.84183H3.37015Z"})):a.createElement("svg",r({width:t,height:t,viewBox:"0 0 14 14",fill:o,xmlns:"http://www.w3.org/2000/svg"},d),a.createElement("path",{d:"M9.64991 0.333008C9.18412 0.333008 8.9513 0.896013 9.28086 1.22558L10.4052 2.35159L2.35171 10.405L1.2257 9.28074C0.896135 8.95118 0.33313 9.184 0.33313 9.64979V13.1428C0.33313 13.432 0.566681 13.6663 0.854939 13.6663H4.34969C4.81547 13.6663 5.04829 13.1033 4.71873 12.7738L3.59444 11.6478L11.6479 3.59432L12.7739 4.71861C13.1035 5.04817 13.6665 4.81535 13.6665 4.34957V0.854817C13.6665 0.566559 13.4321 0.333008 13.1429 0.333008H9.64991Z"}))};d.defaultProps={size:24,color:"inherit",isExpand:!1};var i,c=t.div(i||(i=n(["\n  display: inline-block;\n  height: 1rem;\n  flex-shrink: 0;\n  padding: 0 0.5rem;\n  margin-left: 4px;\n  border-radius: 1rem;\n  color: white;\n  font-size: 8px;\n  font-weight: 600;\n  line-height: 1rem;\n  &[data-label-type='admin'] {\n    background: ",";\n  }\n  &[data-label-type='local admin'] {\n    background: ",";\n  }\n  &[data-label-type='ambassador'] {\n    background: ",";\n  }\n  &[data-label-type='expert'] {\n    background: ",";\n  }\n  &[data-label-type='moderator'] {\n    background: ",";\n  }\n  &[data-label-type='sponsor'] {\n    background: ",";\n  }\n  &[data-label-type='guide'] {\n    background: ",";\n  }\n  &[data-label-type='influencer'] {\n    background: ",";\n  }\n"],["\n  display: inline-block;\n  height: 1rem;\n  flex-shrink: 0;\n  padding: 0 0.5rem;\n  margin-left: 4px;\n  border-radius: 1rem;\n  color: white;\n  font-size: 8px;\n  font-weight: 600;\n  line-height: 1rem;\n  &[data-label-type='admin'] {\n    background: ",";\n  }\n  &[data-label-type='local admin'] {\n    background: ",";\n  }\n  &[data-label-type='ambassador'] {\n    background: ",";\n  }\n  &[data-label-type='expert'] {\n    background: ",";\n  }\n  &[data-label-type='moderator'] {\n    background: ",";\n  }\n  &[data-label-type='sponsor'] {\n    background: ",";\n  }\n  &[data-label-type='guide'] {\n    background: ",";\n  }\n  &[data-label-type='influencer'] {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.green400}),(function(n){return n.theme.colors.red400}),(function(n){return n.theme.colors.yellow800}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}));export{d as F,l as S,c as a};

package/build/esm/lead.js

@@ -1 +1 @@
-import{a as e,d as n,e as t,_ as a}from"./tslib.es6-2fa94e2c.js";import o,{createContext as l,useMemo as i,useContext as r,useState as c,useEffect as d,useRef as s,memo as m}from"react";import p from"lodash/debounce";import{createPortal as u}from"react-dom";import{T as g}from"./translationsContext-e7808c8f.js";import{g as h,s as b}from"./cookieHelper-8c12973e.js";import{b as f,a as v}from"./utils-40d4438f.js";import{v1 as k}from"uuid";import{u as x}from"./useTranslations-b3eb31ef.js";import"dayjs";import"./screenSizeContext-ff96a3d1.js";import"./lazyLoad-59e8ff6d.js";import"styled-components";import"./index-2cf746a8.js";import"./isProduction-6fc0946c.js";import"./Locale-69030fff.js";import"./gAssets.js";import"string-format";import"lodash/throttle";import"vanilla-lazyload";var _=function(e){var n=e.onClose,t=e.containerClassName,a=e.svgClassName;return o.createElement("button",{onClick:n,className:"le-newbuilder-close-button js-modal__close ".concat(t||"")},o.createElement("svg",{className:"le-newbuilder-close-svg ".concat(a||""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},o.createElement("defs",null,o.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},o.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),o.createElement("feFlood",{floodOpacity:".4"}),o.createElement("feComposite",{in2:"blur",operator:"in"}),o.createElement("feComposite",{in:"SourceGraphic"})),o.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),o.createElement("g",{filter:"url(#Ellipse_482)"},o.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),o.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),o.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},y=function(e){var n=e.popupId,t=e.url,a=e.newTab,l=e.imageDestkop,i=e.imageMobile,r=e.onClose,c=e.onOtherSubmit;return o.createElement("div",{id:n,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},o.createElement("div",{className:"le-center-tab-popup"},o.createElement("div",{style:{position:"relative"}},o.createElement("a",{className:"js-popup-other-submit",href:t,target:a?"blank":"_parent",onClick:c},o.createElement("img",{className:"le-only-mobile",src:i}),o.createElement("img",{className:"le-only-desktop",src:l})),o.createElement(_,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},w=function(e){var n=e.popupId,t=e.url,a=e.title,l=e.urlText,i=e.titleAlign,r=e.subtitle,c=e.subtitleAlign,d=e.newTab,s=e.imageDesktop,m=e.imageMobile,p=e.onClose,u=e.onOtherSubmit;return o.createElement("div",{id:n,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:"le-floating-desktop"},o.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},s?o.createElement("div",null,o.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:s})):null,o.createElement("div",{style:{padding:20}},o.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(i)},a),o.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(c)},r)),o.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},o.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},l)),o.createElement(_,{onClose:p,containerClassName:"le-abs-outer-top-right"})))),o.createElement("aside",{className:"le-only-mobile"},o.createElement("div",{className:"le-floating-mobile"},o.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},o.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},o.createElement("div",null,o.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(i)},a),o.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(c)},r)),m?o.createElement("div",null,o.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:m})):null),o.createElement("div",{style:{textAlign:"center",marginTop:10}},o.createElement("a",{target:d?"blank":"_parent",href:t,style:{textDecoration:"none"}},o.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},l))),o.createElement(_,{onClose:p,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},E=1,N=2,C="https://dev.leadgen.hellobacsi.com/",S=1,B=2,T="";C.includes("localhost")&&(C="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(T="pink");var j="https://"+location.hostname+location.pathname+location.search;j=j.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var L={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},O=L[document.documentElement.lang]||L["vi-VN"];var P=l({}),I=function(e){var n=e.title,t=e.titleAlign,a=e.subtitle,l=e.subtitleAlign,i=e.link,r=e.linkNewTab,c=e.linkText,d=e.image;return o.createElement("div",{className:"lead-modal__thank-you"},o.createElement("div",{style:{width:"100%"}},o.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),n&&o.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)},n),a&&o.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(l)},a),c&&o.createElement("div",null,o.createElement("a",{href:i,target:r?"_blank":"parrent",rel:"noreferrer"},o.createElement("button",{className:"lead-modal__btn ".concat(T)},c)))))},A=function(n){var t=n.content,a=n.inlinePosition,o=i((function(){if(!a)return null;var n=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),t=Array.from(n).reduce((function(n,t){return e(e([],n,!0),Array.from(t.children),!0)}),[]);if(null==t?void 0:t.length){var o=t.filter((function(e){return"P"===e.nodeName})),l=t.filter((function(e){return"H2"===e.nodeName})),i=null;switch(a){case"1th":i=o[0];break;case"2th":i=o[1];break;case"3th":i=o[2];break;case"4th":i=o[3];break;case"5th":i=o[4];break;case"6th":i=o[5];break;case"7th":i=o[6];break;case"8th":i=o[7];break;case"9th":i=o[8];break;case"10th":i=o[9];break;case"11th":i=o[10];break;case"12th":i=o[11];break;case"lastP":i=o[o.length-1];break;case"1thH2":i=l[0];break;case"2thH2":i=l[1];break;case"3thH2":i=l[2];break;case"4thH2":i=l[3];break;case"5thH2":i=l[4];break;case"6thH2":i=l[5];break;case"7thH2":i=l[6];break;case"8thH2":i=l[7];break;case"9thH2":i=l[8];break;case"10thH2":i=l[9];break;case"lastH2":i=l[l.length-1]}if(i){if(i.parentElement.querySelector(".inline-lead-wrapper"))return i.parentElement.querySelector(".inline-lead-wrapper");var r=document.createElement("div");return r.classList.add("inline-lead-wrapper"),i.nextElementSibling?i.parentElement.insertBefore(r,i.nextElementSibling):i.parentElement.appendChild(r),r}}}),[a]);return a&&o?u(t,o):null},z=function(e){var n=e.content,t=i((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var n=document.createElement("div");n.classList.add("sidebar-lead-modal-wrapper"),e.prepend(n)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return o.createElement(o.Fragment,null,t.map((function(e){return u(n,f(e,"sidebar-lead-modal-wrapper"))})))},D=function(e){var a,l,s,m=e.popupId,p=e.extraFields,u=e.onClose,g=e.onOtherSubmit,h=e.imageMobile,b=e.imageDesktop,f=e.imageOverlayMobile,v=e.imageOverlayDesktop,k=e.imageBackground,_=e.currentLayout,y=e.title,w=e.onSubmit,E=e.showThankyou,N=x().t,C=JSON.parse(p.listBlockAdded),S=JSON.parse(p.actionBlocks),B=JSON.parse(p.textBlocks),j=r(P).apiUrl,L=S.submitBlock.data.url,D=S.submitBlock.data.text,H=S.submitBlock.data.text2,M=S.submitBlock.data.value,q=location.pathname,V=_.includes("Inline")||"Sidebar"===_,F="Slider"===_,R=c(!0),U=R[0],W=R[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(_))return console.log("😎 Not show fullscreen, slider on mobile "),null;d((function(){(_.includes("LightBox")||"Fullscreen"==_)&&document.body.classList.add("noscroll")}),[]);var J=function(e,a){return n(void 0,void 0,void 0,(function(){return t(this,(function(n){switch(n.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(N("validator.required")),[3,6]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===e?a.target.setCustomValidity(N("validator.phone")):"date"===e?a.target.setCustomValidity(N("validator.date")):"email"===e&&a.target.setCustomValidity(N("validator.email")),[3,6]);case 2:return"tel"!==e?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:n.sent(),n.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(a.target.value),O.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(N("validator.phone")),[3,6];case 5:a.target.setCustomValidity(""),n.label=6;case 6:return[2]}}))}))},Q=i((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return C.map((function(n,t){var a,l;if("TitleBlock"==n.name)return o.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(a=n.data)||void 0===a?void 0:a.align)||"")," ").concat(T)},n.data.value);if("SubtitleBlock"==n.name)return o.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(l=n.data)||void 0===l?void 0:l.align)||"")," ").concat(T)},n.data.value);if("TextBlock"==n.name)return e.TextBlock+=1,o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":n.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return J("text",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/text.svg")})));if("NumberBlock"==n.name){var i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":n.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return J("number",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,i}if("EmailBlock"==n.name){i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":n.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return J("email",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/email.svg")})));return e.EmailBlock+=1,i}if("PhoneBlock"==n.name){i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":n.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return J("tel",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/tel.svg")})));return e.PhoneBlock+=1,i}if("DateBlock"==n.name){i=o.createElement("div",null,o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,type:"date","data-key":n.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:n.data.placeholder,onClick:function(e){e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){e.currentTarget.value||e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return J("date",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(j,"admin/img/builder/date.svg")})));return e.DateBlock+=1,i}if("LinkButtonBlock"==n.name)return o.createElement("div",{key:t},o.createElement("a",{target:n.data.newtab?"blank":"parrent",href:n.data.url,style:{textDecoration:"none"}},o.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(T),onClick:function(){null==u||u(),null==g||g()}},n.data.value)));if("CheckboxBlock"==n.name){var r=n.data,c=r.listQuestion,d=r.isSendMailChimp,s=void 0!==d&&d;i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},n.data.placeholder),o.createElement("div",{className:"mailchimp-".concat(n.data.value),"data-mailchimp":s}),c.map((function(t,a){return o.createElement("label",{key:a,className:"lead-checkbox-container"},o.createElement("input",{"data-key":n.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(e){return J("checkbox",e)}}),o.createElement("span",{className:"lead-checkbox-checkmark"}),t.placeholder)})));return e.CheckboxBlock+=1,i}if("RadioBlock"==n.name){c=n.data.listQuestion,i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},n.data.placeholder),c.map((function(t,a){return o.createElement("label",{className:"lead-radio-container",key:a},o.createElement("input",{"data-key":n.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:t.value,type:"radio",onChange:function(e){return J("radio",e)}}),o.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return e.RadioBlock+=1,i}if("DropdownBlock"==n.name){c=n.data.listQuestion,i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},n.data.placeholder),o.createElement("div",{className:"le-newbuilder-select-wrapper"},o.createElement("select",{className:"le-newbuilder-select","data-key":n.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},c.map((function(e,n){return o.createElement("option",{key:n,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,i}}))}),[]),G=o.createElement(o.Fragment,null,o.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(f,") ;\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n      @media screen and (min-width:768px) {\n        .le-newbuilder-overlay {\n          background: url(").concat(v,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),o.createElement("div",{id:m,"data-popup-url":q,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(V?"le-buider-inline":""," ").concat(F?"le-buider-slider":"")},"Fullscreen"==_?o.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:k||""}):null,o.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(_)},o.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(_)},E?o.createElement(I,{title:E.title,titleAlign:E.titleAlign,subtitle:E.subtitle,subtitleAlign:E.subtitleAlign,link:E.link,linkNewTab:E.linkNewTab,linkText:E.linkText,image:E.image}):o.createElement(o.Fragment,null,o.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(_)?h?o.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:h,alt:""}):null:o.createElement(o.Fragment,null,b?o.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:b,alt:""}):null,h?o.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:h,alt:""}):null)),o.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},o.createElement("form",{className:"lead-modal__form ".concat(m),onSubmit:w},o.createElement("div",{style:{marginBottom:20}},o.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(a=B.titleBlock.data)||void 0===a?void 0:a.align)," ").concat(T)},y),o.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(l=B.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(T)},B.subtitleBlock.data.value)),o.createElement("div",null,Q),(null===(s=null==S?void 0:S.submitBlock)||void 0===s?void 0:s.isHide)?null:o.createElement(o.Fragment,null,o.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(T)},o.createElement("div",{className:"lead-modal__checkbox"},o.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(T),type:"checkbox","aria-label":"Checkbox label",checked:U,onChange:function(e){return W(e.currentTarget.checked)}}),o.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),o.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},D," ",o.createElement("span",{style:{fontWeight:"bold"}},o.createElement("a",{target:"blank",href:L||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},H)))),o.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(T),disabled:!U},M)))))),!_.includes("Inline")&&o.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==_?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(T),onClick:u},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return _.includes("LightBox")||"Fullscreen"==_||"Slider"==_?G:"Sidebar"==_?o.createElement(z,{content:G}):_.includes("Inline")?o.createElement(A,{content:G,inlinePosition:p.popupInlinePosition}):null},H=function(e){var n=e.popupId,t=e.link,a=e.linkText,l=e.linkNewTab,i=e.onClose,r=e.imageMobile,c=e.imageDesktop,d=e.currentLayout,s=e.onOtherSubmit,m=location.pathname;return o.createElement("div",{id:n,className:"lead-modal-wrapper","data-popup-url":m,"data-popup-type":"skin_ab"},"SkinA"==d?o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:"le-skin-a-desktop"},o.createElement("div",{style:{position:"relative"}},o.createElement("img",{src:c}),o.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn js-popup-other-submit"},a)),o.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(T)},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:""},o.createElement("div",{style:{position:"relative",zIndex:1e4}},o.createElement("img",{src:c,style:{width:"100%"}}),o.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:l?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),o.createElement(_,{containerClassName:"le-abs-top-right",onClose:i})))):null,o.createElement("aside",{className:"le-only-mobile"},o.createElement("div",{className:"le-skin-mobile"},o.createElement("div",{style:{position:"relative"}},o.createElement("img",{src:r,style:{width:"100%"}}),o.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),o.createElement(_,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:i})))))},M=function(e){var n=e.popupId,t=e.url,a=e.newTab,l=e.image,i=e.onClose,r=e.onOtherSubmit;return o.createElement("div",{id:n,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},o.createElement("div",{className:"le-tab-popup"},o.createElement("div",{style:{position:"relative"}},o.createElement("a",{href:t,target:a?"blank":"_parent",onClick:r},o.createElement("img",{className:"js-popup-other-submit",src:l})),o.createElement(_,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var q=function(e){var n,t,a=e.campaign,l=e.action,i=e.onSubmit,c=e.onClose,m=e.showThankyou;x().t;var p=r(P),u=p.apiUrl,g=p.siteDomain;d((function(){var e=h("_ga")||null;fetch("".concat(u,"api/campaign/").concat(E,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:l,url:location.href.toLowerCase(),title_article:document.title,cookie_id:h("hhg-id"),ga_client_id:e})})}),[]);var f=a.extra_fields,v=a.image,_=a.image_desktop,E=a.code,N=a.image_background,C=a.image_overlay_mobile,S=a.image_overlay_desktop,B=f.currentLayout,T=f.imageBlocks?JSON.parse(f.imageBlocks):{},j=JSON.parse(f.actionBlocks),L=JSON.parse(f.textBlocks),O=(null===(t=null===(n=null==L?void 0:L.titleBlock)||void 0===n?void 0:n.data)||void 0===t?void 0:t.value)||"",I={1:{},2:{},3:{}},A=s("lead-modal-"+k()),z=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var n="{{category_".length,t=e.search("{{category_");return+e.charAt(n+t)}return null}(O);if(z){console.log("⚡️ Has categoryLevel",z);var q=Array.from(document.getElementsByTagName("META")),V=q.find((function(e){return e.name==="content_category_".concat(z)})),F=q.find((function(e){return e.name==="content_category_en_".concat(z)}));if(!V||!F)return console.log("⚡️ No META TAG for categoryLevel, not show popup",z),null;I[z]={value:V.content,value_en:F.content},O=O.replace("{{category_".concat(z,"}}"),V.content),console.log("⚡️ Set categoryData ",z)}else console.log("⚡️ No categoryLevel",z);var R=function(){var e,n,t,o;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),B.includes("Skin")){var l=document.querySelector("#masthead");l&&(l.style.top="0px !important;")}var i=Number(null!==(n=null===(e=a.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==n?n:7),r=Number(null!==(o=null===(t=a.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===t?void 0:t.value)&&void 0!==o?o:0);0===r&&(console.log("⛔ Popup never show again!"),b("lead_submited_".concat(E),"target_".concat(f.popupVersion),{domain:"."+g,path:"/"})),1==r&&(console.log("⌛ Popup will show again after ".concat(i," days!")),b("lead_submited_".concat(E),"target_".concat(f.popupVersion),{domain:"."+g,days:i,path:"/"}));var d=h("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:h("hhg-id"),ga_client_id:d};z&&(s.category=I[z].value_en),fetch("".concat(u,"api/campaign/").concat(E,"/lead"),{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&console.log(e)})).catch((function(e){console.error("Error:",e)})),null==c||c()};return"CenterTab"===B?o.createElement(y,{popupId:A.current,url:T.imageMobile.data.url,newTab:T.imageMobile.data.newtab,imageMobile:v,imageDestkop:_,onClose:c,onOtherSubmit:R}):"Tab"===B?o.createElement(M,{popupId:A.current,url:T.imageMobile.data.url,newTab:T.imageMobile.data.newtab,image:v,onClose:c,onOtherSubmit:R}):"Floating"===B?o.createElement(w,{popupId:A.current,title:O,titleAlign:L.titleBlock.data.align,subtitle:L.subtitleBlock.data.value,subtitleAlign:L.subtitleBlock.data.align,url:j.linkButtonBlock.data.url,urlText:j.linkButtonBlock.data.value,newTab:j.linkButtonBlock.data.newtab,imageMobile:v,imageDesktop:_,onClose:c,onOtherSubmit:R}):B.includes("LightBox")||B.includes("Inline")||"Fullscreen"==B||"Sidebar"==B||"Slider"==B?o.createElement(D,{popupId:A.current,extraFields:f,onClose:c,onOtherSubmit:R,imageMobile:v,imageDesktop:_,imageBackground:N,currentLayout:B,title:O,onSubmit:function(e){return i(e,z,I,A.current)},key:B,imageOverlayDesktop:S,imageOverlayMobile:C,showThankyou:m}):B.includes("Skin")?o.createElement(H,{popupId:A.current,link:j.linkButtonBlock.data.url,linkNewTab:!!j.linkButtonBlock.data.newtab,linkText:j.linkButtonBlock.data.value,onClose:c,onOtherSubmit:R,imageMobile:v,imageDesktop:_,currentLayout:B}):null},V=function(e){var a=e.campaign,l=e.action,i=e.onSubmit,s=e.onClose,m=e.showThankyou,p=x().t,u=c(!0),g=u[0],b=u[1];d((function(){document.body.classList.add("noscroll");var e=h("_ga")||null;fetch("".concat(S,"api/campaign/").concat(k,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:l||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:h("hhg-id"),ga_client_id:e})})}),[]);var f=a.extra_fields,v=a.image,k=a.code,_=f.title,y=f.desc,w=f.submit,E=f.popUpTermURL,N=f.popUpTermAgreeText,C=f.popUpTermText,S=r(P).apiUrl,B=f.fields?JSON.parse(f.fields):[],j={tel:0,text:0,date:0,email:0},L=function(e,a){return n(void 0,void 0,void 0,(function(){return t(this,(function(n){switch(n.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(p("validator.required")),[3,5]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===e?a.target.setCustomValidity(p("validator.phone")):"date"===e?a.target.setCustomValidity(p("validator.date")):"email"===e&&a.target.setCustomValidity(p("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return n.sent().isValidNumber(String(a.target.value),O.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(p("validator.phone")),[3,5];case 4:a.target.setCustomValidity(""),n.label=5;case 5:return[2]}}))}))},A=B.map((function(e,n){var t=o.createElement(o.Fragment,null);return t="date"==e.control?o.createElement("div",{key:n,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:j.date?e.control+j.date:e.control,placeholder:e.listEdit[1].value||"...",onClick:function(e){return e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){return!e.currentTarget.value&&e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(n){return L(e.control,n)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(S,"admin/img/builder/").concat(e.name,".svg")})):o.createElement("div",{key:n,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:j[e.control]?e.control+j[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value||"...",className:"lead-modal__form-control width-100%",onChange:function(n){return L(e.control,n)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(S,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(j.date+=1),"text"==e.control&&(j.text+=1),"tel"==e.control&&(j.tel+=1),"email"==e.control&&(j.email+=1),t}));return o.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},o.createElement("div",{className:"lead-modal__wrapper animate__animated "},o.createElement("div",{className:"lead-modal__content"},m?o.createElement(I,{title:m.title,titleAlign:m.titleAlign,subtitle:m.subtitle,subtitleAlign:m.subtitleAlign,link:m.link,linkNewTab:m.linkNewTab,linkText:m.linkText,image:m.image}):o.createElement(o.Fragment,null,o.createElement("header",{className:"lead-modal__header"},!!v&&o.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:v,alt:""})),o.createElement("div",{className:"lead-modal__body"},o.createElement("h2",{className:"lead-modal__title ".concat(T)},_),o.createElement("p",{className:"lead-modal__description ".concat(T)},y),o.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),i(e)}},A,o.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(T)},o.createElement("div",{className:"lead-modal__checkbox"},o.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(T),type:"checkbox","aria-label":"Checkbox label",checked:g,onChange:function(e){return b(e.currentTarget.checked)}}),o.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),o.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},N," ",o.createElement("span",{style:{fontWeight:"bold"}},o.createElement("a",{target:"blank",href:E||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},C)))),o.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(T),disabled:!g},w))))),o.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(T),onClick:s},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("title",null,"Close modal window"),o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},F=function(e){var n=e.campaign,t=e.action,a=e.onSubmit,l=e.onClose,i=e.showThankyou;return n.extra_fields?"2.1"==n.extra_fields.popupVersion?o.createElement(q,{campaign:n,action:t,onSubmit:a,onClose:l,showThankyou:i}):o.createElement(V,{campaign:n,action:t,onSubmit:a,onClose:l,showThankyou:i}):null},R={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}."},U={"en-PH":R,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại"},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें"},"id-ID":{"validator.required":"Kolom ini wajib diisi","validator.email":"Tolong daftarkan email yang valid","validator.number":"Tolong daftarkan nomor telepon yang valid","validator.digits":"Tolong masukkan angka saja","validator.maxlength":"Jangan memasukkan lebih dari {0} karakter","validator.minlength":"Tolong ketik sedikitnya {0} karakter","validator.phone":"Tolong daftarkan nomor telepon yang valid"},"ms-MY":{"validator.required":"Bahagian ini wajib diisi.","validator.email":"Sila masukkan alamat emel yang sah.","validator.number":"Sila masukkan no telefon yang sah.","validator.digits":"Sila masukkan nombor digit sahaja.","validator.maxlength":"Sila masukkan tidak lebih dari {0} aksara","validator.minlength":"Sila masukkan sekurang-kurangnya {0} aksara","validator.phone":"Sila masukkan no telefon yang sah."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ"},"km-KH":{"validator.required":"ព័ត៌មាន​ចាំបាច់​ដែល​ត្រូវ​បំពេញ","validator.email":"សូម​វាយ​អាសយដ្ឋាន​អ៊ីម៉ែល​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.number":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.digits":"វាយ​បញ្ចូល​បាន​តែ​លេខ​ប៉ុណ្ណោះ","validator.maxlength":"សូម​វាយ​បញ្ចូលកុំ​ឲ្យ​លើស {0} តួអក្សរ","validator.minlength":"សូម​វាយ​បញ្ចូល​តិច​បំផុត {0} តួអក្ស","validator.phone":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ"},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼"},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง"},"tl-PH":R},W=function(e){var n=U[e];return n||U["en-PH"]},J=m((function(){return o.createElement("style",{dangerouslySetInnerHTML:{__html:"\n  /* lead-modal : start */\n  .lead-modal {\n    position: fixed;\n    z-index: 99999;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    opacity: 1;\n    visibility: visible;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: transparent;\n    padding: 10px;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    white-space: normal !important;\n  }\n\n  .lead-modal__wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 450px;\n    background-color: #fff;\n    border-radius: 6px;\n    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n  }\n\n  .lead-modal__content {\n    width: inherit;\n    overflow: auto;\n    /* min-height: 400px; */\n    max-height: calc(100vh - 125px);\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .lead-modal__header {\n    padding: 0px 0px;\n  }\n\n  .lead-modal__image {\n    display: block;\n    margin: 0 auto;\n    border: none !important;\n    box-shadow: none !important;\n  }\n  .lead-modal-image-logo {\n    margin-top: 15px;\n    margin-bottom: 15px;\n  }\n\n  .lead-modal-image-cover {\n    width: 100% !important;\n    padding: 0 0px;\n    border-top-left-radius: 4px;\n    border: none !important;\n    box-shadow: none !important;\n    /* margin: 0 !important; */\n  }\n\n  .lead-modal__image + .lead-modal__image {\n    /* margin-top: 10px; */\n    /* border-radius: 4px; */\n  }\n\n  .lead-modal__body {\n    padding: 15px 15px 25px 15px;\n  }\n\n  .lead-modal__title {\n    font-size: 20px !important;\n    font-weight: bold !important;\n    font-stretch: normal !important;\n    font-style: normal !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.4px !important;\n    color: #2a4975 !important;\n    box-shadow: none !important;\n    padding-bottom: 0 !important;\n  }\n\n  .lead-modal__title.pink {\n    color: #2661ad !important;\n  }\n\n  .lead-modal__description {\n    font-size: 13px !important;\n    font-weight: normal !important;\n    font-stretch: normal !important;\n    font-style: normal !important;\n    line-height: 1.62 !important;\n    letter-spacing: 0.14px !important;\n    color: #2c87f3 !important;\n    margin-top: 10px !important;\n  }\n\n  .lead-modal__description.pink {\n    color: #3e3f58 !important;\n  }\n\n  .lead-modal__form-control-wrapper {\n    margin-top: 10px;\n    margin-left: 0px !important;\n    position: relative;\n  }\n\n  .lead-modal__form-control {\n    box-shadow: none !important;\n    height: 40px !important;\n    width: 100%;\n    padding-left: calc(15px + 1.5em + 15px) !important;\n    background-color: #fff !important;\n    padding-top: 10px !important;\n    padding-bottom: 10px !important;\n    padding-right: 15px !important;\n    border: solid 1px #dddddd !important;\n    color: #2a4975 !important;\n    line-height: 1.7em !important;\n    border-radius: 0 !important;\n    background-image: linear-gradient(transparent, transparent) !important;\n    margin-left: 0px !important;\n    font-size: 14px !important;\n    line-height: 14px !important;\n  }\n\n  .lead-modal__form-control {\n    &:focus {\n      border-color: var(--color-primary);\n      box-shadow: 0px 0px 0px 3px rgba(44, 135, 243, 0.1);\n      outline: none;\n    }\n\n    &::-webkit-input-placeholder {\n      /* Chrome, Firefox, Opera, Safari 10.1+ */\n      color: #b5b5b5;\n    }\n\n    &::-moz-placeholder {\n      color: #b5b5b5;\n    }\n\n    &:-ms-input-placeholder {\n      color: #b5b5b5;\n    }\n\n    &::-ms-input-placeholder {\n      color: #b5b5b5;\n    }\n\n    &::placeholder {\n      color: #b5b5b5;\n    }\n  }\n\n  img.lead-modal__form-control-icon {\n    display: inline-block !important;\n    color: #b5b5b5 !important;\n    fill: #b5b5b5 !important;\n    line-height: 1 !important;\n    flex-shrink: 0 !important;\n    max-width: initial !important;\n    display: block !important;\n    position: absolute !important;\n    pointer-events: none !important;\n    left: 15px !important;\n    top: 10px !important;\n    height: 20px !important;\n    width: 20px !important;\n    border: none !important;\n    margin: 0 !important;\n  }\n\n  .lead-modal__checkbox-wrapper {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    margin-top: 15px;\n    a {\n      color: #2c87f3 !important;\n      text-decoration: none !important;\n    }\n\n    a:visited {\n      color: #2c87f3 !important;\n    }\n    &.pink a,\n    &.pink a:visited {\n      color: #e55c8a !important;\n    }\n  }\n\n  .lead-modal__checkbox {\n    position: relative;\n    z-index: 1;\n    display: inline-block;\n    font-size: 20px;\n  }\n\n  .lead-modal__checkbox__input {\n    position: relative;\n    margin: 0 !important;\n    padding: 0;\n    opacity: 0;\n    height: 1em !important;\n    width: 1em !important;\n    display: block;\n    z-index: 1;\n    font-size: 1em !important;\n  }\n\n  .lead-modal__checkbox__control {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    pointer-events: none;\n    transition: transform 0.2s;\n    color: #dddddd;\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n    }\n\n    &::before {\n      width: 120%;\n      height: 120%;\n      background-color: currentColor;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) scale(0);\n      opacity: 0;\n      border-radius: 50%;\n      will-change: transform;\n      transition: transform 0.2s;\n    }\n\n    &::after {\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: #fff;\n      border-radius: 6px;\n      -webkit-box-shadow: inset 0 0 0 1px #dddddd;\n      box-shadow: inset 0 0 0 1px #dddddd;\n    }\n\n    &:focus::after {\n      box-shadow: inset 0 0 0 1px #2c87f3;\n    }\n  }\n\n  .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after,\n  .lead-modal__checkbox__input:indeterminate\n    ~ .lead-modal__checkbox__control::after {\n    background-color: currentColor;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 18px;\n    box-shadow: none;\n  }\n\n  .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control {\n    color: #2c87f3;\n  }\n\n  .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E\");\n  }\n\n  .lead-modal__checkbox__input:indeterminate ~ .lead-modal__checkbox__control {\n    color: var(--custom-checkbox-color-disabled);\n  }\n\n  .lead-modal__checkbox__input:indeterminate\n    ~ .lead-modal__checkbox__control::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\");\n  }\n\n  .lead-modal__checkbox__input:active ~ .lead-modal__checkbox__control {\n    transform: scale(0.9);\n  }\n\n  .lead-modal__checkbox__input:checked:active ~ .lead-modal__checkbox__control,\n  .lead-modal__checkbox__input:indeterminate:active\n    ~ .lead-modal__checkbox__control {\n    transform: scale(1);\n  }\n\n  .lead-modal__checkbox__input:focus ~ .lead-modal__checkbox__control::before {\n    opacity: 0.2;\n    transform: translate(-50%, -50%) scale(1);\n  }\n\n  .lead-modal__checkbox__input.pink ~ .lead-modal__checkbox__control::after {\n    border-radius: 50% !important;\n  }\n\n  .lead-modal__checkbox__input.pink:checked ~ .lead-modal__checkbox__control {\n    color: #2661ad;\n  }\n\n  .lead-modal__checkbox__input.pink:checked\n    ~ .lead-modal__checkbox__control::after,\n  .lead-modal__checkbox__input.pink:indeterminate\n    ~ .lead-modal__checkbox__control::after {\n    background-size: 12px;\n  }\n\n  .lead-modal__checkbox__label {\n    /* font-family: OpenSans; */\n    font-size: 13px;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: normal;\n    letter-spacing: 0.14px;\n    color: #969696;\n    margin-left: 10px;\n    margin-bottom: 0 !important;\n  }\n\n  .lead-modal__btn {\n    display: block;\n    width: 100%;\n    border: none;\n    color: #fff;\n    padding: 12px 10px;\n    font-weight: 700;\n    text-align: center;\n    margin-top: 15px;\n    border-radius: 4px;\n    background-color: #2699fb;\n    transition: all 0.2s ease-in-out;\n    text-shadow: none !important;\n    box-shadow: none !important;\n    font-size: 14px;\n    cursor: pointer !important;\n    &:hover,\n    &:active {\n      background-color: #337eff;\n    }\n\n    &.pink {\n      background-color: #e55c8a;\n    }\n\n    &.pink:hover {\n      background-color: #b4466a;\n    }\n  }\n\n  .lead-modal__close-btn {\n    position: absolute;\n    padding-top: 5px;\n    top: -15px;\n    right: -10px;\n    width: 35px;\n    height: 35px;\n    box-shadow: -2px 4px 4px 0 rgba(191, 191, 191, 0.44) !important;\n    text-shadow: none !important;\n    background-color: #005cfd;\n    border-radius: 50%;\n    line-height: inherit;\n    appearance: none;\n    border: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease-in-out;\n    outline: none;\n    z-index: 1;\n    padding: 5px 13px !important;\n    cursor: pointer !important;\n    &:hover,\n    &:active {\n      background-color: #337eff;\n    }\n\n    &.pink {\n      background-color: #fff;\n    }\n\n    &.pink .lead-modal__close-icon {\n      color: #000;\n    }\n\n    &.pink:hover .lead-modal__close-icon {\n      color: #e55c8a;\n      transition: 0.3s all ease;\n    }\n  }\n\n  .lead-modal__close-icon {\n    display: inline-block;\n    color: #fff;\n    fill: #fff;\n    height: 1em;\n    width: 1em;\n    line-height: 1;\n    flex-shrink: 0;\n    max-width: initial;\n    transition: 0.3s all ease;\n  }\n\n  .lead-modal__thank-you {\n    padding: 0 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: inherit;\n    text-align: center;\n    min-height: 400px;\n    h1 {\n      margin-top: 10px;\n      font-size: 32px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: normal;\n      letter-spacing: -0.23px;\n      color: #1b3250;\n    }\n\n    p {\n      margin-top: 5px;\n      font-size: 16px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: normal;\n      letter-spacing: -0.11px;\n      color: #1b3250;\n    }\n    img {\n      max-width: 100% !important;\n      border: none !important;\n      width: auto !important;\n      margin: 0 auto !important;\n    }\n\n    &.hidden {\n      display: none;\n    }\n  }\n\n  /* lead-modal : end */\n\n  .modal__container {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    z-index: 1000000000000;\n    pointer-events: none;\n    overflow-y: scroll;\n  }\n\n  .modal__content {\n    position: relative;\n    width: 80vw;\n    margin: auto 0;\n  }\n\n  /* Make clicks pass-through */\n  #nprogress {\n    pointer-events: none;\n  }\n\n  #nprogress .bar {\n    background: #223bdd;\n\n    position: fixed;\n    z-index: 1031;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 2px;\n  }\n\n  /* Fancy blur effect */\n  #nprogress .peg {\n    display: block;\n    position: absolute;\n    right: 0px;\n    width: 100px;\n    height: 100%;\n    box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n    opacity: 1;\n    transform: rotate(3deg) translate(0px, -4px);\n  }\n\n  /* Remove these to get rid of the spinner */\n  #nprogress .spinner {\n    display: block;\n    position: fixed;\n    z-index: 1031;\n    top: 15px;\n    right: 15px;\n  }\n\n  #nprogress .spinner-icon {\n    width: 18px;\n    height: 18px;\n    box-sizing: border-box;\n\n    border: solid 2px transparent;\n    border-top-color: #29d;\n    border-left-color: #29d;\n    border-radius: 50%;\n\n    -webkit-animation: nprogress-spinner 400ms linear infinite;\n    animation: nprogress-spinner 400ms linear infinite;\n  }\n\n  .nprogress-custom-parent {\n    overflow: hidden;\n    position: relative;\n  }\n\n  .nprogress-custom-parent #nprogress .spinner,\n  .nprogress-custom-parent #nprogress .bar {\n    position: absolute;\n  }\n\n  @-webkit-keyframes nprogress-spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n  @keyframes nprogress-spinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .lead-modal__btn:disabled {\n    background: #d5d5d5 !important;\n  }\n\n  .dateclass {\n    width: 100%;\n  }\n\n  .dateclass.placeholderclass::before {\n    width: 100%;\n    content: attr(placeholder);\n    color: #b8b8b8;\n  }\n\n  .dateclass.placeholderclass:hover::before {\n    width: 0%;\n    content: '';\n  }\n\n  /* Change Autocomplete styles in Chrome*/\n  .lead-modal input:-webkit-autofill,\n  .lead-modal input:-webkit-autofill:hover,\n  .lead-modal input:-webkit-autofill:focus,\n  .lead-modal textarea:-webkit-autofill,\n  .lead-modal textarea:-webkit-autofill:hover,\n  .lead-modal textarea:-webkit-autofill:focus,\n  .lead-modal select:-webkit-autofill,\n  .lead-modal select:-webkit-autofill:hover,\n  .lead-modal select:-webkit-autofill:focus {\n    -webkit-box-shadow: 0 0 0 1000px white inset !important;\n    -webkit-text-fill-color: #2a4975;\n  }\n\n  .lead-modal label.error {\n    font-size: 13px;\n    color: #fa140f;\n    margin-bottom: 0;\n    margin-left: 0px !important;\n    line-height: 1.65 !important;\n    width: 100%;\n    display: block;\n  }\n\n  /* === Lead gen wrapper === */\n  .le-text-align-center {\n    text-align: center !important;\n  }\n  .le-text-align-left {\n    text-align: left !important;\n  }\n  .le-text-align-right {\n    text-align: right !important;\n  }\n\n  .le-only-desktop {\n    display: none !important;\n  }\n  .le-only-mobile {\n    display: block !important;\n  }\n\n  .le-only-desktop a {\n    text-decoration: none !important;\n  }\n\n  .le-only-mobile a {\n    text-decoration: none !important;\n  }\n\n  @media screen and (min-width: 992px) {\n    .le-newbuilder-LightBoxB,\n    .le-newbuilder-InlineB {\n      display: flex !important;\n    }\n\n    .le-newbuilder-LightBoxB .lead-modal__header,\n    .le-newbuilder-InlineB .lead-modal__header {\n      max-width: 50%;\n    }\n  }\n\n  @media screen and (min-width: 768px) {\n    .le-only-desktop {\n      display: block !important;\n    }\n\n    .le-only-mobile {\n      display: none !important;\n    }\n\n    .le-newbuilder-LightBoxB .lead-modal__body,\n    .le-newbuilder-InlineB .lead-modal__body {\n      flex: 1;\n    }\n\n    .le-newbuilder-wrap-LightBoxB {\n      max-width: 720px !important;\n    }\n    .le-newbuilder-wrap-InlineB {\n      max-width: 100% !important;\n    }\n    .le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover {\n      max-width: 400px !important;\n    }\n  }\n\n  .lead-modal__title {\n    margin: 7px 0 !important;\n  }\n\n  .lead-modal__description {\n    margin: 0;\n  }\n\n  .lead-modal-image-cover,\n  .lead-modal__wrapper {\n    border-radius: 0px !important;\n  }\n\n  .lead-modal__form {\n    margin: 0;\n    display: block !important;\n  }\n\n  .lead-modal__image + .lead-modal__image {\n    margin-top: 0px;\n  }\n\n  .lead-modal__thank-you {\n    width: 100%;\n  }\n\n  /* Skins */\n  .le-skin-a-desktop {\n    position: fixed;\n    z-index: 99999;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n\n  .le-skin-b-desktop {\n  }\n\n  .le-join-now {\n  }\n\n  .le-joinbow-btn {\n    background: #2c87f3;\n    color: #ffffff;\n    font-size: 16px;\n    text-align: center;\n    outline: none !important;\n    box-shadow: none !important;\n    padding: 12px 30px;\n    border: none !important;\n    border: 1px solid transparent !important;\n    cursor: pointer !important;\n  }\n  .le-joinbow-btn:hover {\n    border: 1px solid white !important;\n  }\n\n  .le-joinbow-btn-mobile {\n    background: #2c87f3;\n    color: #ffffff;\n    font-size: 14px;\n    text-align: center;\n    outline: none !important;\n    box-shadow: none !important;\n    padding: 12px 30px;\n    border: none !important;\n  }\n\n  .le-newbuilder-close-svg {\n    border-radius: 50%;\n    width: 35px;\n    height: 35px;\n    background: #005cfd;\n    cursor: pointer !important;\n  }\n  .le-mobile-btn {\n    width: 24px;\n    height: 24px;\n  }\n\n  .le-newbuilder-close-button {\n    padding: 0;\n    background: transparent;\n    box-shadow: none;\n    border: none;\n    width: auto !important;\n    cursor: pointer !important;\n  }\n  .le-abs-top-right {\n    position: absolute;\n    right: 10px;\n    top: 10px;\n  }\n\n  .le-abs-outer-top-right {\n    position: absolute;\n    right: 0px;\n    top: -45px;\n  }\n\n  /* Skin floating */\n  .le-floating-desktop {\n    position: fixed;\n    bottom: 40px;\n    left: 25px;\n    z-index: 9999;\n  }\n\n  .le-floating-desktop-wrap {\n    background: #fff;\n    backdrop-filter: blur(30px);\n    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n    padding: 0px;\n    padding-right: 30px;\n    border-radius: 5px;\n    display: flex;\n    align-items: center;\n  }\n\n  .le-floating-desktop-title {\n    font-size: 20px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    color: #2a4975;\n    max-width: 530px;\n  }\n  .le-floating-desktop-desc {\n    font-size: 13px;\n    font-weight: normal;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.65;\n    letter-spacing: normal;\n    color: #2699fb;\n    max-width: 530px;\n  }\n\n  .le-joinbow-floating-btn {\n    background: #2c87f3;\n    color: #ffffff;\n    font-size: 14px;\n    text-align: center;\n    outline: none !important;\n    box-shadow: none !important;\n    padding: 12px 40px;\n    border: none !important;\n    border: 1px solid transparent !important;\n    font-weight: 500;\n    cursor: pointer !important;\n  }\n\n  /* // Floating mobile */\n  .le-floating-mobile {\n    position: fixed;\n    bottom: 0px;\n    left: 0px;\n    width: 100%;\n    z-index: 9999;\n  }\n  .le-abs-outer-mobile-top-right {\n    position: absolute;\n    right: 2px;\n    top: -30px;\n  }\n\n  .le-floating-mobile-wrap {\n    background: #fff;\n    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n    padding: 10px 15px;\n  }\n  .le-floating-mobile-title {\n    font-size: 18px;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    color: #2a4975;\n    font-weight: 600;\n  }\n  .le-floating-mobile-desc {\n    font-size: 12px;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.65;\n    letter-spacing: normal;\n    color: #2699fb;\n  }\n\n  /* // Tab popup */\n  .le-tab-popup {\n    position: fixed;\n    bottom: 15px;\n    left: 15px;\n    max-width: 150px;\n  }\n  .le-abs-outer-mobile-top-right-2 {\n    position: absolute;\n    right: -12px;\n    top: -15px;\n  }\n\n  .le-center-tab-popup {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 99999999 !important;\n    width: calc(100% - 40px);\n    max-width: 400px;\n  }\n\n  .le-center-tab-popup img {\n    max-width: 100% !important;\n  }\n\n  /* // Popup */\n  .le-checkbox-title {\n    font-size: 15px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    color: #2a4975;\n    margin: 13px 0 !important;\n    /* line-height: 1.65 !important; */\n  }\n\n  /* Checkbox */\n  .lead-checkbox-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 14px;\n    line-height: 1.65;\n    margin: 10px 0;\n  }\n\n  .lead-checkbox-checkmark {\n    display: inline-block;\n    height: 24px;\n    border: solid 1px #d0d0d0;\n    vertical-align: middle;\n    margin-right: 8px;\n    position: relative;\n    border-radius: 4px;\n    flex: 0 0 24px;\n  }\n\n  .lead-checkbox-container input {\n    position: absolute;\n    opacity: 0;\n    top: 0;\n    left: 0;\n  }\n\n  .lead-checkbox-checkmark::after {\n    position: absolute;\n    content: '';\n  }\n\n  .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark {\n    background: #337eff;\n    border: solid 1px #337eff;\n  }\n\n  .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark::after {\n    left: 8px;\n    top: 3px;\n    width: 7px;\n    height: 12px;\n    border: solid white;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n  }\n  /* End checkbox */\n\n  .le-fullscreen-img {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  @media screen and (min-width: 768px) {\n    .lead-fullscreen-desktop-close-btn {\n      position: fixed;\n      top: 27px;\n      right: 23px;\n    }\n  }\n\n  /* // Inline */\n  .lead-modal.le-buider-inline {\n    position: static;\n    display: block;\n    padding: 20px 0;\n    height: initial !important;\n    padding-top: 10px;\n  }\n\n  .lead-modal.le-buider-inline .lead-modal__wrapper {\n    box-shadow: none;\n    border: 1px solid #ddd;\n  }\n  .lead-modal.le-buider-inline .lead-modal__content {\n    max-height: initial !important;\n  }\n  .lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img {\n    /* height: auto !important; */\n    object-fit: fill;\n  }\n\n  .le-thankyou-title {\n    font-size: 24px !important;\n    margin-bottom: 8px !important;\n    color: #2a4975 !important;\n  }\n\n  .le-thankyou-subtitle {\n    font-size: 14px !important;\n    color: #2699fb !important;\n    margin: 0 !important;\n  }\n\n  /* Radio */\n  .lead-radio-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 14px;\n    line-height: 1.65;\n    margin: 10px 0;\n  }\n\n  .lead-radio-checkmark {\n    display: inline-block;\n    height: 24px;\n    border: solid 1px #d0d0d0;\n    vertical-align: middle;\n    margin-right: 8px;\n    position: relative;\n    border-radius: 50%;\n    flex: 0 0 24px;\n  }\n\n  .lead-radio-container input {\n    position: absolute;\n    opacity: 0;\n    top: 0;\n    left: 0;\n  }\n\n  .lead-radio-checkmark::after {\n    position: absolute;\n    content: '';\n  }\n\n  .lead-radio-container input:checked ~ .lead-radio-checkmark {\n    background: #337eff;\n    border: solid 1px #337eff;\n  }\n\n  .lead-radio-container input:checked ~ .lead-radio-checkmark::after {\n    left: 50%;\n    top: 50%;\n    width: 8px;\n    height: 8px;\n    background: #fff;\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n  }\n  /* End Radio */\n\n  /* Dropdown */\n  .le-newbuilder-select {\n    width: 100%;\n    padding: 12px;\n    border-radius: 4px;\n    border: solid 1px #d0d0d0;\n    outline: none;\n    appearance: none;\n    font-size: 15px;\n    padding-right: 35px;\n  }\n  .le-newbuilder-select-wrapper {\n    position: relative;\n  }\n  .le-newbuilder-select-wrapper::after {\n    content: '';\n    position: absolute;\n    right: 15px;\n    top: 18px;\n    transform: rotate(45deg);\n    width: 10px;\n    height: 10px;\n    border: 2px solid #616060;\n    border-left: transparent;\n    border-top: transparent;\n  }\n  /* End Dropdown */\n\n  .le-buider-slider {\n    width: 420px;\n    height: auto;\n    bottom: 15px;\n    top: unset;\n    left: -200px;\n    animation: le-builder-slide 0.5s forwards;\n  }\n\n  @keyframes le-builder-slide {\n    100% {\n      left: 15px;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n    .le-buider-slider,\n    .le-buider-fullscreen {\n      display: none !important;\n    }\n  }\n\n  .le-skin-mobile {\n    margin-top: 64px;\n  }\n"}})}));function Q(n){var t=n.leadApi,o=n.leadSiteId,l=n.leadDomain,i=n.onShowPopup,r=("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(t+"api/campaign/"+o,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:r,ga_client_id:h("_ga")||null})}).then((function(e){return e.json()})).then((function(n){var t,o,c;if(console.log("List campagin: ",n),j="https://"+location.hostname+location.pathname+location.search,1==n._status){var d=n._data.campaigns;h("hhg-id")||(b("hhg-id",k(),{domain:"."+l,path:"/"}),console.log("😍 Set HHG ID cookie"));var s=[];s=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?d.filter((function(e){return e.device_types.some((function(e){return e.id==S}))})):d.filter((function(e){return e.device_types.some((function(e){return e.id==B}))})),console.log("👓 campaignsDevice",s);var m=s.map((function(e,n){return e.targets.filter((function(e){return e.type==E})).map((function(e){return a(a({},e),{campaignIndex:n})}))})).flat(1);m=m.filter((function(e){var n=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(r===n.href):"start_with"==e.option?!!r.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(r):void 0}));var p=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),u=[];p&&p.length&&(u=s.map((function(e,n){return e.targets.filter((function(e){return e.type==N})).map((function(e){return a(a({},e),{campaignIndex:n})}))})).flat(1).filter((function(e){return p.includes(e.target)})));var g=e(e([],m,!0),u,!0),f=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),v=f.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",v);var x=f.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",x);var _,y=e(e([],v,!0),x,!0);if(_=g.filter((function(e){return!y.some((function(n){return n.includes(s[e.campaignIndex].code)}))})).sort((function(e,n){return e.score-n.score})),console.log("--listCampaignValid : ",_),_&&_.length){var w=s[_[0].campaignIndex];console.log("CAMPAIGN_SHOW",w);var C=w.rules,T=Number(null===(t=C.find((function(e){return"time"==e.rule})))||void 0===t?void 0:t.value);console.log("timeoutRule",T);var L=Number(null===(o=C.find((function(e){return"scroll"==e.rule})))||void 0===o?void 0:o.value);console.log("scrollRule",L);var O=Number(null===(c=C.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===c?void 0:c.value);console.log("excludeSponsored",O);var P=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",P),P&&O)return;var I="TIME";if(Number.isInteger(T)&&(I="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",T," seconds"),setTimeout((function(){null==i||i(w,I)}),1e3*T)),Number.isInteger(L)){I="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",L," %");var A=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),z=A.getBoundingClientRect().top,D=A.offsetHeight;console.log("👓 Element check scroll: ",A);var H=function(){var e=window.pageYOffset||document.documentElement.scrollTop,n=0;e>=z&&(n=Math.round((e-z)/(D-innerHeight)*100)),console.log("---Scroll",n,L),n>=L&&(window.removeEventListener("scroll",H),null==i||i(w,I))};window.addEventListener("scroll",H)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}var G=function(e){var a=e.apiUrl,l=e.siteDomain,r=e.siteId,m=e.locale,f=s(),k=s(Date.now()),x=i((function(){var e=a;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[a,l,r]).apiUrl,_=c(null),y=_[0],w=_[1],E=c(""),N=E[0],C=E[1],S=c(null),B=S[0],T=S[1],j=function(e,n){w(e),C(n)},L=function(){var e,n;if(y){console.log("👋👋👋 CLOSE POPUP ".concat(y.code," 👋👋👋"));var t=Number(null===(e=y.rules.find((function(e){return"show_again_after_exit "==e.rule})))||void 0===e?void 0:e.value),a=Number(null===(n=y.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===n?void 0:n.value);0==t&&b("lead_closed_".concat(y.code),"target_".concat(y.extra_fields.popupVersion),a?{domain:"."+l,days:a,path:"/"}:{domain:"."+l,path:"/"}),document.body.classList.remove("noscroll"),fetch("".concat(x,"api/campaign/").concat(y.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:h("hhg-id"),duration:Math.ceil((Date.now()-k.current)/1e3)})}),w(null),T(null)}};d((function(){if(window.next){var e=p((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var n=location.pathname;L(),document.querySelectorAll('[data-popup-url="'.concat(n,'"]')).length||Q({leadApi:x,leadDomain:l,leadSiteId:r,onShowPopup:j}),f.current&&window.removeEventListener("scroll",f.current)}),500);window.next.router.events.on("routeChangeComplete",e)}Q({leadApi:x,leadDomain:l,leadSiteId:r,onShowPopup:j})}),[]);return d((function(){y&&(k.current=Date.now())}),[y]),o.createElement(P.Provider,{value:{apiUrl:x,siteDomain:l,siteId:r,locale:m}},o.createElement(g.Provider,{value:{locale:m,values:W(m)}},o.createElement(J,null),u(o.createElement(o.Fragment,null,y&&o.createElement(F,{campaign:y,onClose:L,onSubmit:function(e,a,o,i){return n(void 0,void 0,void 0,(function(){var n,r,c,d,s,m,p,u,g,f,v,k,_,w,E,N,C,S,B,j,P,I,A,z,D,H,M,q,V,F,R,U,W,J;return t(this,(function(t){switch(t.label){case 0:return e.preventDefault(),console.log("submitHandler",a,o),n=new FormData(e.currentTarget),r={},n.forEach((function(e,n){r[n]=r[n]||[],r[n].push(e)})),c=Object.keys(r).map((function(e){return{name:e,value:String(r[e])}})),d=2,s=h("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:t.sent(),t.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var n,t,a;return{key:null===(n=document.querySelector(".lead-modal__form.".concat(i,' [name="').concat(e.name,'"]')))||void 0===n?void 0:n.getAttribute("data-key"),value:(null==O?void 0:O.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==O?void 0:O.countryCodeNumber,d).replace(/\s+/g,""):e.value,control:e.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:(null===(a=document.querySelector(".lead-modal__form.".concat(i," .mailchimp-").concat(null===(t=document.querySelector(".lead-modal__form.".concat(i,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"))))||void 0===a?void 0:a.getAttribute("data-mailchimp"))||"false"}})),cookie_id:h("hhg-id"),ga_client_id:s},a&&o[a].value_en&&(m.category=o[a].value_en),p=Number((null===(D=null===(z=y.rules)||void 0===z?void 0:z.find((function(e){return"days_to_show_again"===e.rule})))||void 0===D?void 0:D.value)||7),0==(u=Number((null===(M=null===(H=y.rules)||void 0===H?void 0:H.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===M?void 0:M.value)||0))&&(console.log("⛔ Popup never show again!"),b("lead_submited_".concat(y.code),"target_".concat(y.extra_fields.targetType),{domain:"."+l,path:"/"})),1==u&&(console.log("⌛ Popup will show again after ".concat(p," days!")),b("lead_submited_".concat(y.code),"target_".concat(y.extra_fields.targetType),{domain:"."+l,days:p,path:"/"})),fetch("".concat(x,"api/campaign/").concat(y.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==y.extra_fields.popupShowThankYou?(L(),document.body.classList.remove("noscroll"),[2]):(g=!0,f=y.thank_you_image||"".concat(x,"admin/img/thanksyou.png"),v=y.extra_fields.popupThankyouTitle||"Thank you.",k=y.extra_fields.popupThankyouDesc||"We appreciate your time!",_="",w="",C="","2.1"==y.extra_fields.popupVersion&&(S=y.extra_fields,B=JSON.parse(S.listBlockThankyou),j=B.find((function(e){return"TitleBlock"==e.name})),P=B.find((function(e){return"SubtitleBlock"==e.name})),I=B.find((function(e){return"LinkButtonBlock"==e.name})),v=(null===(q=null==j?void 0:j.data)||void 0===q?void 0:q.value)||"",_=(null===(V=null==j?void 0:j.data)||void 0===V?void 0:V.align)||"",k=(null===(F=null==P?void 0:P.data)||void 0===F?void 0:F.value)||"",w=(null===(R=null==P?void 0:P.data)||void 0===R?void 0:R.align)||"",E=(null===(U=null==I?void 0:I.data)||void 0===U?void 0:U.value)||"",N=(null===(W=null==I?void 0:I.data)||void 0===W?void 0:W.newtab)||!1,C=(null===(J=null==I?void 0:I.data)||void 0===J?void 0:J.url)||"",A=y.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(A)&&(g=!1)),T(g?{title:v,titleAlign:_,subtitle:k,subtitleAlign:w,link:C,linkNewTab:N,linkText:E,image:f}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},c.map((function(e){var n=e.name,t=e.value;"tel"==n?window.insider_object.user.phone_number=t:"email"==n&&(window.insider_object.user.email=t)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:N,showThankyou:B})),v())))};export{G as LeadGen};
+import{a as e,d as n,e as t,_ as a}from"./tslib.es6-8d81858b.js";import o,{createContext as l,useMemo as i,useContext as r,useState as c,useEffect as d,useRef as s,memo as m}from"react";import p from"lodash/debounce";import{createPortal as u}from"react-dom";import{T as g}from"./translationsContext-a9f4095d.js";import{g as h,s as b}from"./cookieHelper-ef9db121.js";import{b as f,a as v}from"./utils-a3eccc66.js";import{v1 as k}from"uuid";import{u as x}from"./useTranslations-35f81159.js";import"dayjs";import"./screenSizeContext-dd6a9356.js";import"./lazyLoad-fd57057d.js";import"styled-components";import"./index-354ad393.js";import"./isProduction-c64058ab.js";import"./Locale-dd73dff4.js";import"./gAssets.js";import"string-format";import"lodash/throttle";import"vanilla-lazyload";var _=function(e){var n=e.onClose,t=e.containerClassName,a=e.svgClassName;return o.createElement("button",{onClick:n,className:"le-newbuilder-close-button js-modal__close ".concat(t||"")},o.createElement("svg",{className:"le-newbuilder-close-svg ".concat(a||""),xmlns:"http://www.w3.org/2000/svg",width:"53",height:"53",viewBox:"0 0 53 53"},o.createElement("defs",null,o.createElement("filter",{width:"53",height:"53",filterUnits:"userSpaceOnUse"},o.createElement("feGaussianBlur",{result:"blur",stdDeviation:"3"}),o.createElement("feFlood",{floodOpacity:".4"}),o.createElement("feComposite",{in2:"blur",operator:"in"}),o.createElement("feComposite",{in:"SourceGraphic"})),o.createElement("style",{dangerouslySetInnerHTML:{__html:".cls-2{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:2px}"}})),o.createElement("g",{filter:"url(#Ellipse_482)"},o.createElement("circle",{cx:"17.5",cy:"17.5",r:"17.5",transform:"translate(-483.1 -671.163)translate(483.1 671.16)translate(9 9)",fill:"#005cfd"})),o.createElement("path",{d:"M19 19L34 34",className:"cls-2"}),o.createElement("path",{d:"M34 19L19 34",className:"cls-2"})))},y=function(e){var n=e.popupId,t=e.url,a=e.newTab,l=e.imageDestkop,i=e.imageMobile,r=e.onClose,c=e.onOtherSubmit;return o.createElement("div",{id:n,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"center_tab"},o.createElement("div",{className:"le-center-tab-popup"},o.createElement("div",{style:{position:"relative"}},o.createElement("a",{className:"js-popup-other-submit",href:t,target:a?"blank":"_parent",onClick:c},o.createElement("img",{className:"le-only-mobile",src:i}),o.createElement("img",{className:"le-only-desktop",src:l})),o.createElement(_,{onClose:r,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))},w=function(e){var n=e.popupId,t=e.url,a=e.title,l=e.urlText,i=e.titleAlign,r=e.subtitle,c=e.subtitleAlign,d=e.newTab,s=e.imageDesktop,m=e.imageMobile,p=e.onClose,u=e.onOtherSubmit;return o.createElement("div",{id:n,className:"lead-modal-wrapper lead-floating-wrapper","data-popup-url":location.pathname,"data-popup-type":"floating"},o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:"le-floating-desktop"},o.createElement("div",{className:"le-floating-desktop-wrap",style:{position:"relative",background:"#fff"}},s?o.createElement("div",null,o.createElement("img",{style:{maxWidth:120,borderTopLeftRadius:5,borderBottomLeftRadius:5},src:s})):null,o.createElement("div",{style:{padding:20}},o.createElement("div",{className:"le-floating-desktop-title le-text-align-".concat(i)},a),o.createElement("div",{className:"le-floating-desktop-desc le-text-align-".concat(c)},r)),o.createElement("a",{target:d?"blank":"_parent",style:{marginLeft:35,textDecoration:"none"},href:t},o.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},l)),o.createElement(_,{onClose:p,containerClassName:"le-abs-outer-top-right"})))),o.createElement("aside",{className:"le-only-mobile"},o.createElement("div",{className:"le-floating-mobile"},o.createElement("div",{className:"le-floating-mobile-wrap",style:{position:"relative",background:"#fff"}},o.createElement("aside",{style:{display:"flex",justifyContent:"space-between"}},o.createElement("div",null,o.createElement("div",{className:"le-floating-mobile-title le-text-align-".concat(i)},a),o.createElement("div",{className:"le-floating-mobile-desc le-text-align-".concat(c)},r)),m?o.createElement("div",null,o.createElement("img",{style:{marginLeft:15,marginTop:4,maxWidth:100},src:m})):null),o.createElement("div",{style:{textAlign:"center",marginTop:10}},o.createElement("a",{target:d?"blank":"_parent",href:t,style:{textDecoration:"none"}},o.createElement("button",{className:"le-joinbow-floating-btn js-popup-other-submit",onClick:u},l))),o.createElement(_,{onClose:p,containerClassName:"le-abs-outer-top-right",svgClassName:"le-mobile-btn"})))))},E={LINKS:1,TAGS:2},N="https://dev.leadgen.hellobacsi.com/",C={MOBILE:1,DESKTOP:2},S="";N.includes("localhost")&&(N="https://dev.leadgen.hellobacsi.com/"),location.hostname.includes("marrybaby.vn")&&(S="pink");var B="https://"+location.hostname+location.pathname+location.search;B=B.toLowerCase(),sessionStorage.getItem("insider_object")&&(window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")));var T={"vi-VN":{popupLang:"vi",countryCode:"vn",countryCodeNumber:84},"id-ID":{popupLang:"id",countryCode:"id",countryCodeNumber:62},"th-TH":{popupLang:"th",countryCode:"th",countryCodeNumber:66},"ms-MY":{popupLang:"ms",countryCode:"my",countryCodeNumber:60},"zh-TW":{popupLang:"zh",countryCode:"tw",countryCodeNumber:886},"km-KH":{popupLang:"km",countryCode:"kh",countryCodeNumber:855},"my-MM":{popupLang:"my",countryCode:"mm",countryCodeNumber:95},"hi-IN":{popupLang:"hi",countryCode:"in",countryCodeNumber:91}},L=T[document.documentElement.lang]||T["vi-VN"];var j=l({}),O=function(e){var n=e.title,t=e.titleAlign,a=e.subtitle,l=e.subtitleAlign,i=e.link,r=e.linkNewTab,c=e.linkText,d=e.image;return o.createElement("div",{className:"lead-modal__thank-you"},o.createElement("div",{style:{width:"100%"}},o.createElement("img",{src:d,style:{maxHeight:162,objectFit:"cover"}}),n&&o.createElement("h1",{className:"le-thankyou-title le-text-align-".concat(t)},n),a&&o.createElement("p",{className:"le-thankyou-subtitle le-text-align-".concat(l)},a),c&&o.createElement("div",null,o.createElement("a",{href:i,target:r?"_blank":"parrent",rel:"noreferrer"},o.createElement("button",{className:"lead-modal__btn ".concat(S)},c)))))},I=function(n){var t=n.content,a=n.inlinePosition,o=i((function(){if(!a)return null;var n=document.querySelectorAll('[data-url="'.concat(location.pathname,'"] .body-content')),t=Array.from(n).reduce((function(n,t){return e(e([],n,!0),Array.from(t.children),!0)}),[]);if(null==t?void 0:t.length){var o=t.filter((function(e){return"P"===e.nodeName})),l=t.filter((function(e){return"H2"===e.nodeName})),i=null;switch(a){case"1th":i=o[0];break;case"2th":i=o[1];break;case"3th":i=o[2];break;case"4th":i=o[3];break;case"5th":i=o[4];break;case"6th":i=o[5];break;case"7th":i=o[6];break;case"8th":i=o[7];break;case"9th":i=o[8];break;case"10th":i=o[9];break;case"11th":i=o[10];break;case"12th":i=o[11];break;case"lastP":i=o[o.length-1];break;case"1thH2":i=l[0];break;case"2thH2":i=l[1];break;case"3thH2":i=l[2];break;case"4thH2":i=l[3];break;case"5thH2":i=l[4];break;case"6thH2":i=l[5];break;case"7thH2":i=l[6];break;case"8thH2":i=l[7];break;case"9thH2":i=l[8];break;case"10thH2":i=l[9];break;case"lastH2":i=l[l.length-1]}if(i){if(i.parentElement.querySelector(".inline-lead-wrapper"))return i.parentElement.querySelector(".inline-lead-wrapper");var r=document.createElement("div");return r.classList.add("inline-lead-wrapper"),i.nextElementSibling?i.parentElement.insertBefore(r,i.nextElementSibling):i.parentElement.appendChild(r),r}}}),[a]);return a&&o?u(t,o):null},P=function(e){var n=e.content,t=i((function(){var e=Array.from(document.querySelectorAll(".hc2-sidebar-with-ads,.page-main-col .right-col.f-right,.hhg-lead-sidebar"));return e.forEach((function(e){if(!e.querySelector(".sidebar-lead-modal-wrapper")){var n=document.createElement("div");n.classList.add("sidebar-lead-modal-wrapper"),e.prepend(n)}})),e.map((function(e){return e.querySelector(".sidebar-lead-modal-wrapper")}))}),[]);return o.createElement(o.Fragment,null,t.map((function(e){return u(n,f(e,"sidebar-lead-modal-wrapper"))})))},A=function(e){var a,l,s,m=e.popupId,p=e.extraFields,u=e.onClose,g=e.onOtherSubmit,h=e.imageMobile,b=e.imageDesktop,f=e.imageOverlayMobile,v=e.imageOverlayDesktop,k=e.imageBackground,_=e.currentLayout,y=e.title,w=e.onSubmit,E=e.showThankyou,N=x().t,C=JSON.parse(p.listBlockAdded),B=JSON.parse(p.actionBlocks),T=JSON.parse(p.textBlocks),A=r(j).apiUrl,z=B.submitBlock.data.url,D=B.submitBlock.data.text,M=B.submitBlock.data.text2,H=B.submitBlock.data.value,q=location.pathname,V=_.includes("Inline")||"Sidebar"===_,F="Slider"===_,R=c(!0),U=R[0],W=R[1];if(window.innerWidth<769&&["Fullscreen","Slider"].includes(_))return console.log("😎 Not show fullscreen, slider on mobile "),null;d((function(){(_.includes("LightBox")||"Fullscreen"==_)&&document.body.classList.add("noscroll")}),[]);var J=function(e,a){return n(void 0,void 0,void 0,(function(){return t(this,(function(n){switch(n.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(N("validator.required")),[3,6]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===e?a.target.setCustomValidity(N("validator.phone")):"date"===e?a.target.setCustomValidity(N("validator.date")):"email"===e&&a.target.setCustomValidity(N("validator.email")),[3,6]);case 2:return"tel"!==e?[3,5]:window.intlTelInputUtils?[3,4]:[4,require("intl-tel-input/build/js/utils")];case 3:n.sent(),n.label=4;case 4:return window.intlTelInputUtils.isValidNumber(String(a.target.value),L.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(N("validator.phone")),[3,6];case 5:a.target.setCustomValidity(""),n.label=6;case 6:return[2]}}))}))},K=i((function(){var e={TextBlock:0,NumberBlock:0,EmailBlock:0,PhoneBlock:0,DateBlock:0,CheckboxBlock:0,RadioBlock:0};return C.map((function(n,t){var a,l;if("TitleBlock"==n.name)return o.createElement("h2",{key:t,className:"lead-modal__title ".concat("le-text-align-"+((null===(a=n.data)||void 0===a?void 0:a.align)||"")," ").concat(S)},n.data.value);if("SubtitleBlock"==n.name)return o.createElement("p",{key:t,className:"lead-modal__description ".concat("le-text-align-"+((null===(l=n.data)||void 0===l?void 0:l.align)||"")," ").concat(S)},n.data.value);if("TextBlock"==n.name)return e.TextBlock+=1,o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":n.data.value,name:"text"+(e.TextBlock>1?e.TextBlock:""),spellCheck:!1,type:"text",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return J("text",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(A,"admin/img/builder/text.svg")})));if("NumberBlock"==n.name){var i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":n.data.value,name:"number"+(e.NumberBlock?e.NumberBlock:""),spellCheck:!1,type:"number",min:"0",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return J("number",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(A,"admin/img/builder/number.svg")})));return e.NumberBlock+=1,i}if("EmailBlock"==n.name){i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":n.data.value,name:"email"+(e.EmailBlock?e.EmailBlock:""),spellCheck:!1,type:"email",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return J("email",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(A,"admin/img/builder/email.svg")})));return e.EmailBlock+=1,i}if("PhoneBlock"==n.name){i=o.createElement("div",{key:t},o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":n.data.value,name:"tel"+(e.PhoneBlock?e.PhoneBlock:""),spellCheck:!1,type:"tel",placeholder:n.data.placeholder,className:"lead-modal__form-control width-100%",onChange:function(e){return J("tel",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(A,"admin/img/builder/tel.svg")})));return e.PhoneBlock+=1,i}if("DateBlock"==n.name){i=o.createElement("div",null,o.createElement("div",{className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,type:"date","data-key":n.data.value,name:"date"+(e.DateBlock?e.DateBlock:""),placeholder:n.data.placeholder,onClick:function(e){e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){e.currentTarget.value||e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(e){return J("date",e)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(A,"admin/img/builder/date.svg")})));return e.DateBlock+=1,i}if("LinkButtonBlock"==n.name)return o.createElement("div",{key:t},o.createElement("a",{target:n.data.newtab?"blank":"parrent",href:n.data.url,style:{textDecoration:"none"}},o.createElement("button",{type:"button",className:"lead-modal__btn js-modal__close js-popup-other-submit ".concat(S),onClick:function(){null==u||u(),null==g||g()}},n.data.value)));if("CheckboxBlock"==n.name){var r=n.data,c=r.listQuestion,d=r.isSendMailChimp,s=void 0!==d&&d;i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},n.data.placeholder),o.createElement("div",{className:"mailchimp-".concat(n.data.value),"data-mailchimp":s}),c.map((function(t,a){return o.createElement("label",{key:a,className:"lead-checkbox-container"},o.createElement("input",{"data-key":n.data.value,name:"checkbox"+(e.CheckboxBlock?e.CheckboxBlock:"")+"[]",value:t.value,type:"checkbox",onChange:function(e){return J("checkbox",e)}}),o.createElement("span",{className:"lead-checkbox-checkmark"}),t.placeholder)})));return e.CheckboxBlock+=1,i}if("RadioBlock"==n.name){c=n.data.listQuestion,i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},n.data.placeholder),c.map((function(t,a){return o.createElement("label",{className:"lead-radio-container",key:a},o.createElement("input",{"data-key":n.data.value,name:"radio"+(e.RadioBlock?e.RadioBlock:""),value:t.value,type:"radio",onChange:function(e){return J("radio",e)}}),o.createElement("span",{className:"lead-radio-checkmark"}),t.placeholder)})));return e.RadioBlock+=1,i}if("DropdownBlock"==n.name){c=n.data.listQuestion,i=o.createElement("div",{key:t,style:{margin:"5px 0"}},o.createElement("div",{className:"le-checkbox-title"},n.data.placeholder),o.createElement("div",{className:"le-newbuilder-select-wrapper"},o.createElement("select",{className:"le-newbuilder-select","data-key":n.data.value,name:"dropdown"+(e.DropdownBlock?e.DropdownBlock:"")},c.map((function(e,n){return o.createElement("option",{key:n,value:e.value},e.placeholder)})))));return e.DropdownBlock+=1,i}}))}),[]),Q=o.createElement(o.Fragment,null,o.createElement("style",{dangerouslySetInnerHTML:{__html:".le-newbuilder-overlay {\n        background: url(".concat(f,") ;\n        background-repeat: no-repeat;\n        background-size: cover;\n      }\n      @media screen and (min-width:768px) {\n        .le-newbuilder-overlay {\n          background: url(").concat(v,") ;\n          background-repeat: no-repeat;\n          background-size: cover;\n        }\n      }")}}),o.createElement("div",{id:m,"data-popup-url":q,"data-popup-type":"lightbox-inline",className:"lead-modal lead-modal-wrapper modal--animate-scale ".concat(V?"le-buider-inline":""," ").concat(F?"le-buider-slider":"")},"Fullscreen"==_?o.createElement("img",{className:"le-only-desktop le-fullscreen-img",draggable:!1,src:k||""}):null,o.createElement("div",{className:"lead-modal__wrapper le-newbuilder-wrap-".concat(_)},o.createElement("div",{className:"lead-modal__content le-newbuilder-".concat(_)},E?o.createElement(O,{title:E.title,titleAlign:E.titleAlign,subtitle:E.subtitle,subtitleAlign:E.subtitleAlign,link:E.link,linkNewTab:E.linkNewTab,linkText:E.linkText,image:E.image}):o.createElement(o.Fragment,null,o.createElement("header",{className:"lead-modal__header"},["LightBoxA","InlineA","Sidebar","Slider"].includes(_)?h?o.createElement("img",{draggable:"false",className:"lead-modal__image lead-modal-image-cover",src:h,alt:""}):null:o.createElement(o.Fragment,null,b?o.createElement("img",{draggable:"false",className:"le-only-desktop lead-modal__image lead-modal-image-cover",style:{height:"100%",objectFit:"cover"},src:b,alt:""}):null,h?o.createElement("img",{draggable:"false",className:"le-only-mobile lead-modal__image lead-modal-image-cover",src:h,alt:""}):null)),o.createElement("div",{className:"lead-modal__body le-newbuilder-overlay"},o.createElement("form",{className:"lead-modal__form ".concat(m),onSubmit:w},o.createElement("div",{style:{marginBottom:20}},o.createElement("h2",{className:"lead-modal__title ".concat("le-text-align-"+(null===(a=T.titleBlock.data)||void 0===a?void 0:a.align)," ").concat(S)},y),o.createElement("p",{className:"lead-modal__description ".concat("le-text-align-"+(null===(l=T.titleBlock.data)||void 0===l?void 0:l.align)," ").concat(S)},T.subtitleBlock.data.value)),o.createElement("div",null,K),(null===(s=null==B?void 0:B.submitBlock)||void 0===s?void 0:s.isHide)?null:o.createElement(o.Fragment,null,o.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(S)},o.createElement("div",{className:"lead-modal__checkbox"},o.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(S),type:"checkbox","aria-label":"Checkbox label",checked:U,onChange:function(e){return W(e.currentTarget.checked)}}),o.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),o.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},D," ",o.createElement("span",{style:{fontWeight:"bold"}},o.createElement("a",{target:"blank",href:z||"https://hellobacsi.com/chinh-sach",rel:"noopener noreferrer",style:{textDecoration:"none"}},M)))),o.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(S),disabled:!U},H)))))),!_.includes("Inline")&&o.createElement("button",{className:"lead-modal__close-btn ".concat("Fullscreen"==_?"lead-fullscreen-desktop-close-btn":""," js-modal__close ").concat(S),onClick:u},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"})))))));return _.includes("LightBox")||"Fullscreen"==_||"Slider"==_?Q:"Sidebar"==_?o.createElement(P,{content:Q}):_.includes("Inline")?o.createElement(I,{content:Q,inlinePosition:p.popupInlinePosition}):null},z=function(e){var n=e.popupId,t=e.link,a=e.linkText,l=e.linkNewTab,i=e.onClose,r=e.imageMobile,c=e.imageDesktop,d=e.currentLayout,s=e.onOtherSubmit,m=location.pathname;return o.createElement("div",{id:n,className:"lead-modal-wrapper","data-popup-url":m,"data-popup-type":"skin_ab"},"SkinA"==d?o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:"le-skin-a-desktop"},o.createElement("div",{style:{position:"relative"}},o.createElement("img",{src:c}),o.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn js-popup-other-submit"},a)),o.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(S)},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))):"SkinB"==d?o.createElement("aside",{className:"le-only-desktop"},o.createElement("div",{className:""},o.createElement("div",{style:{position:"relative",zIndex:1e4}},o.createElement("img",{src:c,style:{width:"100%"}}),o.createElement("a",{style:{position:"absolute",top:"75%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",width:"100%"},href:t,target:l?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),o.createElement(_,{containerClassName:"le-abs-top-right",onClose:i})))):null,o.createElement("aside",{className:"le-only-mobile"},o.createElement("div",{className:"le-skin-mobile"},o.createElement("div",{style:{position:"relative"}},o.createElement("img",{src:r,style:{width:"100%"}}),o.createElement("a",{style:{position:"absolute",top:"82%",left:"50%",transform:"translate(-50%, -50%)",textAlign:"center",maxWidth:"calc(100% - 15px)"},href:t,target:l?"blank":"_parent"},o.createElement("button",{onClick:s,className:"le-joinbow-btn-mobile js-popup-other-submit"},a)),o.createElement(_,{containerClassName:"le-abs-top-right",svgClassName:"le-mobile-btn",onClose:i})))))},D=function(e){var n=e.popupId,t=e.url,a=e.newTab,l=e.image,i=e.onClose,r=e.onOtherSubmit;return o.createElement("div",{id:n,className:"lead-modal-wrapper","data-popup-url":location.pathname,"data-popup-type":"tab"},o.createElement("div",{className:"le-tab-popup"},o.createElement("div",{style:{position:"relative"}},o.createElement("a",{href:t,target:a?"blank":"_parent",onClick:r},o.createElement("img",{className:"js-popup-other-submit",src:l})),o.createElement(_,{onClose:i,containerClassName:"le-abs-outer-mobile-top-right-2",svgClassName:"le-mobile-btn"}))))};var M=function(e){var n,t,a=e.campaign,l=e.action,i=e.onSubmit,c=e.onClose,m=e.showThankyou;x().t;var p=r(j),u=p.apiUrl,g=p.siteDomain;d((function(){var e=h("_ga")||null;fetch("".concat(u,"api/campaign/").concat(E,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:l,url:location.href.toLowerCase(),title_article:document.title,cookie_id:h("hhg-id"),ga_client_id:e})})}),[]);var f=a.extra_fields,v=a.image,_=a.image_desktop,E=a.code,N=a.image_background,C=a.image_overlay_mobile,S=a.image_overlay_desktop,B=f.currentLayout,T=f.imageBlocks?JSON.parse(f.imageBlocks):{},L=JSON.parse(f.actionBlocks),O=JSON.parse(f.textBlocks),I=(null===(t=null===(n=null==O?void 0:O.titleBlock)||void 0===n?void 0:n.data)||void 0===t?void 0:t.value)||"",P={1:{},2:{},3:{}},M=s("lead-modal-"+k()),H=function(e){if(void 0===e&&(e="Xin chao {{category_2}} extra"),e.includes("{{category_")){var n="{{category_".length,t=e.search("{{category_");return+e.charAt(n+t)}return null}(I);if(H){console.log("⚡️ Has categoryLevel",H);var q=Array.from(document.getElementsByTagName("META")),V=q.find((function(e){return e.name==="content_category_".concat(H)})),F=q.find((function(e){return e.name==="content_category_en_".concat(H)}));if(!V||!F)return console.log("⚡️ No META TAG for categoryLevel, not show popup",H),null;P[H]={value:V.content,value_en:F.content},I=I.replace("{{category_".concat(H,"}}"),V.content),console.log("⚡️ Set categoryData ",H)}else console.log("⚡️ No categoryLevel",H);var R=function(){var e,n,t,o;if(console.log("👌 Other submit click"),document.body.classList.remove("noscroll"),B.includes("Skin")){var l=document.querySelector("#masthead");l&&(l.style.top="0px !important;")}var i=Number(null!==(n=null===(e=a.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===e?void 0:e.value)&&void 0!==n?n:7),r=Number(null!==(o=null===(t=a.rules.find((function(e){return"show_again_after_submit"==e.rule})))||void 0===t?void 0:t.value)&&void 0!==o?o:0);0===r&&(console.log("⛔ Popup never show again!"),b("lead_submited_".concat(E),"target_".concat(f.popupVersion),{domain:"."+g,path:"/"})),1==r&&(console.log("⌛ Popup will show again after ".concat(i," days!")),b("lead_submited_".concat(E),"target_".concat(f.popupVersion),{domain:"."+g,days:i,path:"/"}));var d=h("_ga")||null,s={url:location.href.toLowerCase(),title_article:document.title,meta:[],cookie_id:h("hhg-id"),ga_client_id:d};H&&(s.category=P[H].value_en),fetch("".concat(u,"api/campaign/").concat(E,"/lead"),{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"}}).then((function(e){return e.json()})).then((function(e){"error"===e.status&&console.log(e)})).catch((function(e){console.error("Error:",e)})),null==c||c()};return"CenterTab"===B?o.createElement(y,{popupId:M.current,url:T.imageMobile.data.url,newTab:T.imageMobile.data.newtab,imageMobile:v,imageDestkop:_,onClose:c,onOtherSubmit:R}):"Tab"===B?o.createElement(D,{popupId:M.current,url:T.imageMobile.data.url,newTab:T.imageMobile.data.newtab,image:v,onClose:c,onOtherSubmit:R}):"Floating"===B?o.createElement(w,{popupId:M.current,title:I,titleAlign:O.titleBlock.data.align,subtitle:O.subtitleBlock.data.value,subtitleAlign:O.subtitleBlock.data.align,url:L.linkButtonBlock.data.url,urlText:L.linkButtonBlock.data.value,newTab:L.linkButtonBlock.data.newtab,imageMobile:v,imageDesktop:_,onClose:c,onOtherSubmit:R}):B.includes("LightBox")||B.includes("Inline")||"Fullscreen"==B||"Sidebar"==B||"Slider"==B?o.createElement(A,{popupId:M.current,extraFields:f,onClose:c,onOtherSubmit:R,imageMobile:v,imageDesktop:_,imageBackground:N,currentLayout:B,title:I,onSubmit:function(e){return i(e,H,P,M.current)},key:B,imageOverlayDesktop:S,imageOverlayMobile:C,showThankyou:m}):B.includes("Skin")?o.createElement(z,{popupId:M.current,link:L.linkButtonBlock.data.url,linkNewTab:!!L.linkButtonBlock.data.newtab,linkText:L.linkButtonBlock.data.value,onClose:c,onOtherSubmit:R,imageMobile:v,imageDesktop:_,currentLayout:B}):null},H=function(e){var a=e.campaign,l=e.action,i=e.onSubmit,s=e.onClose,m=e.showThankyou,p=x().t,u=c(!0),g=u[0],b=u[1];d((function(){document.body.classList.add("noscroll");var e=h("_ga")||null;fetch("".concat(B,"api/campaign/").concat(k,"/impression"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:l||"",url:location.href.toLowerCase(),title_article:document.title,cookie_id:h("hhg-id"),ga_client_id:e})})}),[]);var f=a.extra_fields,v=a.image,k=a.code,_=f.title,y=f.desc,w=f.submit,E=f.popUpTermURL,N=f.popUpTermAgreeText,C=f.popUpTermText,B=r(j).apiUrl,T=f.fields?JSON.parse(f.fields):[],I={tel:0,text:0,date:0,email:0},P=function(e,a){return n(void 0,void 0,void 0,(function(){return t(this,(function(n){switch(n.label){case 0:return a.target.validity.valueMissing?(a.target.setCustomValidity(p("validator.required")),[3,5]):[3,1];case 1:return a.target.validity.valid||a.target.validity.customError?[3,2]:("tel"===e?a.target.setCustomValidity(p("validator.phone")):"date"===e?a.target.setCustomValidity(p("validator.date")):"email"===e&&a.target.setCustomValidity(p("validator.email")),[3,5]);case 2:return"tel"!==e?[3,4]:[4,require("intl-tel-input")];case 3:return n.sent().isValidNumber(String(a.target.value),L.countryCode)?a.target.setCustomValidity(""):a.target.setCustomValidity(p("validator.phone")),[3,5];case 4:a.target.setCustomValidity(""),n.label=5;case 5:return[2]}}))}))},A=T.map((function(e,n){var t=o.createElement(o.Fragment,null);return t="date"==e.control?o.createElement("div",{key:n,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,type:"date","data-key":e.listEdit[0].value,name:I.date?e.control+I.date:e.control,placeholder:e.listEdit[1].value||"...",onClick:function(e){return e.currentTarget.classList.remove("placeholderclass")},onBlur:function(e){return!e.currentTarget.value&&e.currentTarget.classList.add("placeholderclass")},className:"dateclass placeholderclass lead-modal__form-control width-100%",onChange:function(n){return P(e.control,n)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(B,"admin/img/builder/").concat(e.name,".svg")})):o.createElement("div",{key:n,className:"lead-modal__form-control-wrapper form-control-wrapper--icon-left"},o.createElement("input",{required:!0,"data-key":e.listEdit[0].value,name:I[e.control]?e.control+I[e.control]:e.control,spellCheck:!1,type:e.control,placeholder:e.listEdit[1].value||"...",className:"lead-modal__form-control width-100%",onChange:function(n){return P(e.control,n)}}),o.createElement("img",{className:"lead-modal__form-control-icon",src:"".concat(B,"admin/img/builder/").concat(e.name,".svg")})),"date"==e.control&&(I.date+=1),"text"==e.control&&(I.text+=1),"tel"==e.control&&(I.tel+=1),"email"==e.control&&(I.email+=1),t}));return o.createElement("div",{id:"lead-modal",className:"lead-modal modal--animate-scale"},o.createElement("div",{className:"lead-modal__wrapper animate__animated "},o.createElement("div",{className:"lead-modal__content"},m?o.createElement(O,{title:m.title,titleAlign:m.titleAlign,subtitle:m.subtitle,subtitleAlign:m.subtitleAlign,link:m.link,linkNewTab:m.linkNewTab,linkText:m.linkText,image:m.image}):o.createElement(o.Fragment,null,o.createElement("header",{className:"lead-modal__header"},!!v&&o.createElement("img",{className:"lead-modal__image lead-modal-image-cover",src:v,alt:""})),o.createElement("div",{className:"lead-modal__body"},o.createElement("h2",{className:"lead-modal__title ".concat(S)},_),o.createElement("p",{className:"lead-modal__description ".concat(S)},y),o.createElement("form",{className:"lead-modal__form",onSubmit:function(e){e.preventDefault(),i(e)}},A,o.createElement("div",{className:"lead-modal__checkbox-wrapper ".concat(S)},o.createElement("div",{className:"lead-modal__checkbox"},o.createElement("input",{id:"lead-term-checkbox",className:"lead-modal__checkbox__input ".concat(S),type:"checkbox","aria-label":"Checkbox label",checked:g,onChange:function(e){return b(e.currentTarget.checked)}}),o.createElement("div",{className:"lead-modal__checkbox__control","aria-hidden":"true"})),o.createElement("label",{htmlFor:"checkbox",className:"lead-modal__checkbox__label"},N," ",o.createElement("span",{style:{fontWeight:"bold"}},o.createElement("a",{target:"blank",href:E||"https://hellobacsi.com/chinh-sach",style:{textDecoration:"none"},rel:"noopener noreferrer"},C)))),o.createElement("button",{id:"lead-submit",type:"submit",className:"lead-modal__btn ".concat(S),disabled:!g},w))))),o.createElement("button",{className:"lead-modal__close-btn js-modal__close ".concat(S),onClick:s},o.createElement("svg",{className:"lead-modal__close-icon",viewBox:"0 0 24 24"},o.createElement("title",null,"Close modal window"),o.createElement("g",{fill:"none",stroke:"currentColor",strokeMiterlimit:"10",strokeWidth:"2"},o.createElement("line",{x1:"3",y1:"3",x2:"21",y2:"21"}),o.createElement("line",{x1:"21",y1:"3",x2:"3",y2:"21"}))))))},q=function(e){var n=e.campaign,t=e.action,a=e.onSubmit,l=e.onClose,i=e.showThankyou;return n.extra_fields?"2.1"==n.extra_fields.popupVersion?o.createElement(M,{campaign:n,action:t,onSubmit:a,onClose:l,showThankyou:i}):o.createElement(H,{campaign:n,action:t,onSubmit:a,onClose:l,showThankyou:i}):null},V={"validator.required":"This field is required.","validator.remote":"Please fix this field.","validator.email":"Please enter a valid email address.","validator.phone":"Please input correct phone number.","validator.url":"Please enter a valid URL.","validator.date":"Please enter a valid date.","validator.dateISO":"Please enter a valid date (ISO).","validator.number":"Please enter a valid number.","validator.digits":"Please enter only digits.","validator.creditcard":"Please enter a valid credit card number.","validator.equalTo":"Please enter the same value again.","validator.accept":"Please enter a value with a valid extension.","validator.maxlength":"jQuery.validator.format('Please enter no more than {0} characters.","validator.minlength":"jQuery.validator.format('Please enter at least {0} characters.","validator.rangelength":"jQuery.validator.format('Please enter a value between {0} and {1} characters long.","validator.range":"jQuery.validator.format('Please enter a value between {0} and {1}.","validator.max":"jQuery.validator.format('Please enter a value less than or equal to {0}.","validator.min":"jQuery.validator.format('Please enter a value greater than or equal to {0}."},F={"en-PH":V,"vi-VN":{"validator.required":"Vui lòng điền mục này","validator.email":"Vui lòng điền email có thật.","validator.number":"Vui lòng điền số có thật","validator.digits":"Vui lòng chỉ điền số","validator.maxlength":"Vui lòng điền dưới {0} số","validator.minlength":"Vui lòng điền hơn {0} số","validator.remote":"Hãy sửa cho đúng.","validator.url":"Hãy nhập URL.","validator.date":"Hãy nhập ngày.","validator.dateISO":"Hãy nhập ngày (ISO).","validator.creditcard":"Hãy nhập số thẻ tín dụng.","validator.equalTo":"Hãy nhập thêm lần nữa.","validator.extension":"Phần mở rộng không đúng.","validator.rangelength":"Hãy nhập từ {0} đến {1} kí tự.","validator.range":"Hãy nhập từ {0} đến {1}.","validator.max":"Hãy nhập từ {0} trở xuống.","validator.min":"Hãy nhập từ {0} trở lên.","validator.phone":"Nhập đúng định dạng số điện thoại"},"hi-IN":{"validator.required":"इस क्षेत्र की आवश्यकता है।","validator.email":"कृपया एक मान्य ईमेल पता दर्ज करें","validator.number":"कृपया एक वैध संख्या दर्ज करें","validator.digits":"कृपया केवल अंक दर्ज करें","validator.maxlength":"कृपया {0} अक्षर से अधिक दर्ज न करें","validator.minlength":"कृपया कम से कम {0} अक्षर दर्ज करें","validator.phone":"कृपया एक वैध संख्या दर्ज करें"},"id-ID":{"validator.required":"Kolom ini wajib diisi","validator.email":"Tolong daftarkan email yang valid","validator.number":"Tolong daftarkan nomor telepon yang valid","validator.digits":"Tolong masukkan angka saja","validator.maxlength":"Jangan memasukkan lebih dari {0} karakter","validator.minlength":"Tolong ketik sedikitnya {0} karakter","validator.phone":"Tolong daftarkan nomor telepon yang valid"},"ms-MY":{"validator.required":"Bahagian ini wajib diisi.","validator.email":"Sila masukkan alamat emel yang sah.","validator.number":"Sila masukkan no telefon yang sah.","validator.digits":"Sila masukkan nombor digit sahaja.","validator.maxlength":"Sila masukkan tidak lebih dari {0} aksara","validator.minlength":"Sila masukkan sekurang-kurangnya {0} aksara","validator.phone":"Sila masukkan no telefon yang sah."},"my-MM":{"validator.required":"ဒီနေရာမှာ ဖြည့်ဖို့ လိုအပ်ပါတယ်","validator.email":"မှန်ကန်သော အီးမေးလ်လိပ်စာထည့်သွင်းပါ","validator.number":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ","validator.digits":"နံပါတ်များသာဖြည့်ပါ","validator.maxlength":"ကျေးဇူးပြု၍ {0} ထပ်မပိုသော ဂဏန်းများသာဖြည့်ပါ","validator.minlength":"ကျေးဇူးပြု၍ အနည်းဆုံး {0} ဂဏန်းဖြည့်ပါ","validator.phone":"မှန်ကန်သော ဖုန်းနံပါတ်ထည့်သွင်းပါ"},"km-KH":{"validator.required":"ព័ត៌មាន​ចាំបាច់​ដែល​ត្រូវ​បំពេញ","validator.email":"សូម​វាយ​អាសយដ្ឋាន​អ៊ីម៉ែល​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.number":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ","validator.digits":"វាយ​បញ្ចូល​បាន​តែ​លេខ​ប៉ុណ្ណោះ","validator.maxlength":"សូម​វាយ​បញ្ចូលកុំ​ឲ្យ​លើស {0} តួអក្សរ","validator.minlength":"សូម​វាយ​បញ្ចូល​តិច​បំផុត {0} តួអក្ស","validator.phone":"សូម​វាយបញ្ចូល​លេខ​ឲ្យ​បាន​ត្រឹមត្រូវ"},"zh-TW":{"validator.required":"此為必填欄位","validator.email":"請填入有效的 email 地址","validator.number":"請填入有效的電話號碼","validator.digits":"此欄位僅能輸入數字","validator.maxlength":"請輸入少於 {0} 位數","validator.minlength":"請輸入至少 {0} 位數","validator.phone":"請填入有效的電話號碼"},"th-TH":{"validator.required":"ต้องระบุข้อมูลในช่องนี้","validator.email":"กรุณาใส่อีเมล์ที่ถูกต้อง","validator.number":"กรุณาใส่ตัวเลขที่ถูกต้อง","validator.digits":"กรุณาส่เฉพาะตัวเลข","validator.maxlength":"กรุณาใส่ตัวเลขมากกว่า {0} หลัก","validator.minlength":"กรุณาใส่ตัวเลขอย่างน้อย {0} หลัก","validator.phone":"กรุณาใส่ตัวเลขที่ถูกต้อง"},"tl-PH":V},R=function(e){var n=F[e];return n||F["en-PH"]},U=m((function(){return o.createElement("style",{dangerouslySetInnerHTML:{__html:"\n  /* lead-modal : start */\n  .lead-modal {\n    position: fixed;\n    z-index: 99999;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    opacity: 1;\n    visibility: visible;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: transparent;\n    padding: 10px;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    white-space: normal !important;\n  }\n\n  .lead-modal__wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 450px;\n    background-color: #fff;\n    border-radius: 6px;\n    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);\n  }\n\n  .lead-modal__content {\n    width: inherit;\n    overflow: auto;\n    /* min-height: 400px; */\n    max-height: calc(100vh - 125px);\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .lead-modal__header {\n    padding: 0px 0px;\n  }\n\n  .lead-modal__image {\n    display: block;\n    margin: 0 auto;\n    border: none !important;\n    box-shadow: none !important;\n  }\n  .lead-modal-image-logo {\n    margin-top: 15px;\n    margin-bottom: 15px;\n  }\n\n  .lead-modal-image-cover {\n    width: 100% !important;\n    padding: 0 0px;\n    border-top-left-radius: 4px;\n    border: none !important;\n    box-shadow: none !important;\n    /* margin: 0 !important; */\n  }\n\n  .lead-modal__image + .lead-modal__image {\n    /* margin-top: 10px; */\n    /* border-radius: 4px; */\n  }\n\n  .lead-modal__body {\n    padding: 15px 15px 25px 15px;\n  }\n\n  .lead-modal__title {\n    font-size: 20px !important;\n    font-weight: bold !important;\n    font-stretch: normal !important;\n    font-style: normal !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.4px !important;\n    color: #2a4975 !important;\n    box-shadow: none !important;\n    padding-bottom: 0 !important;\n  }\n\n  .lead-modal__title.pink {\n    color: #2661ad !important;\n  }\n\n  .lead-modal__description {\n    font-size: 13px !important;\n    font-weight: normal !important;\n    font-stretch: normal !important;\n    font-style: normal !important;\n    line-height: 1.62 !important;\n    letter-spacing: 0.14px !important;\n    color: #2c87f3 !important;\n    margin-top: 10px !important;\n  }\n\n  .lead-modal__description.pink {\n    color: #3e3f58 !important;\n  }\n\n  .lead-modal__form-control-wrapper {\n    margin-top: 10px;\n    margin-left: 0px !important;\n    position: relative;\n  }\n\n  .lead-modal__form-control {\n    box-shadow: none !important;\n    height: 40px !important;\n    width: 100%;\n    padding-left: calc(15px + 1.5em + 15px) !important;\n    background-color: #fff !important;\n    padding-top: 10px !important;\n    padding-bottom: 10px !important;\n    padding-right: 15px !important;\n    border: solid 1px #dddddd !important;\n    color: #2a4975 !important;\n    line-height: 1.7em !important;\n    border-radius: 0 !important;\n    background-image: linear-gradient(transparent, transparent) !important;\n    margin-left: 0px !important;\n    font-size: 14px !important;\n    line-height: 14px !important;\n  }\n\n  .lead-modal__form-control {\n    &:focus {\n      border-color: var(--color-primary);\n      box-shadow: 0px 0px 0px 3px rgba(44, 135, 243, 0.1);\n      outline: none;\n    }\n\n    &::-webkit-input-placeholder {\n      /* Chrome, Firefox, Opera, Safari 10.1+ */\n      color: #b5b5b5;\n    }\n\n    &::-moz-placeholder {\n      color: #b5b5b5;\n    }\n\n    &:-ms-input-placeholder {\n      color: #b5b5b5;\n    }\n\n    &::-ms-input-placeholder {\n      color: #b5b5b5;\n    }\n\n    &::placeholder {\n      color: #b5b5b5;\n    }\n  }\n\n  img.lead-modal__form-control-icon {\n    display: inline-block !important;\n    color: #b5b5b5 !important;\n    fill: #b5b5b5 !important;\n    line-height: 1 !important;\n    flex-shrink: 0 !important;\n    max-width: initial !important;\n    display: block !important;\n    position: absolute !important;\n    pointer-events: none !important;\n    left: 15px !important;\n    top: 10px !important;\n    height: 20px !important;\n    width: 20px !important;\n    border: none !important;\n    margin: 0 !important;\n  }\n\n  .lead-modal__checkbox-wrapper {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    margin-top: 15px;\n    a {\n      color: #2c87f3 !important;\n      text-decoration: none !important;\n    }\n\n    a:visited {\n      color: #2c87f3 !important;\n    }\n    &.pink a,\n    &.pink a:visited {\n      color: #e55c8a !important;\n    }\n  }\n\n  .lead-modal__checkbox {\n    position: relative;\n    z-index: 1;\n    display: inline-block;\n    font-size: 20px;\n  }\n\n  .lead-modal__checkbox__input {\n    position: relative;\n    margin: 0 !important;\n    padding: 0;\n    opacity: 0;\n    height: 1em !important;\n    width: 1em !important;\n    display: block;\n    z-index: 1;\n    font-size: 1em !important;\n  }\n\n  .lead-modal__checkbox__control {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    pointer-events: none;\n    transition: transform 0.2s;\n    color: #dddddd;\n    &::before,\n    &::after {\n      content: '';\n      position: absolute;\n    }\n\n    &::before {\n      width: 120%;\n      height: 120%;\n      background-color: currentColor;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) scale(0);\n      opacity: 0;\n      border-radius: 50%;\n      will-change: transform;\n      transition: transform 0.2s;\n    }\n\n    &::after {\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: #fff;\n      border-radius: 6px;\n      -webkit-box-shadow: inset 0 0 0 1px #dddddd;\n      box-shadow: inset 0 0 0 1px #dddddd;\n    }\n\n    &:focus::after {\n      box-shadow: inset 0 0 0 1px #2c87f3;\n    }\n  }\n\n  .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after,\n  .lead-modal__checkbox__input:indeterminate\n    ~ .lead-modal__checkbox__control::after {\n    background-color: currentColor;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: 18px;\n    box-shadow: none;\n  }\n\n  .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control {\n    color: #2c87f3;\n  }\n\n  .lead-modal__checkbox__input:checked ~ .lead-modal__checkbox__control::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline points='2.5 8 6.5 12 13.5 3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E\");\n  }\n\n  .lead-modal__checkbox__input:indeterminate ~ .lead-modal__checkbox__control {\n    color: var(--custom-checkbox-color-disabled);\n  }\n\n  .lead-modal__checkbox__input:indeterminate\n    ~ .lead-modal__checkbox__control::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cline x1='2' y1='8' x2='14' y2='8' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E\");\n  }\n\n  .lead-modal__checkbox__input:active ~ .lead-modal__checkbox__control {\n    transform: scale(0.9);\n  }\n\n  .lead-modal__checkbox__input:checked:active ~ .lead-modal__checkbox__control,\n  .lead-modal__checkbox__input:indeterminate:active\n    ~ .lead-modal__checkbox__control {\n    transform: scale(1);\n  }\n\n  .lead-modal__checkbox__input:focus ~ .lead-modal__checkbox__control::before {\n    opacity: 0.2;\n    transform: translate(-50%, -50%) scale(1);\n  }\n\n  .lead-modal__checkbox__input.pink ~ .lead-modal__checkbox__control::after {\n    border-radius: 50% !important;\n  }\n\n  .lead-modal__checkbox__input.pink:checked ~ .lead-modal__checkbox__control {\n    color: #2661ad;\n  }\n\n  .lead-modal__checkbox__input.pink:checked\n    ~ .lead-modal__checkbox__control::after,\n  .lead-modal__checkbox__input.pink:indeterminate\n    ~ .lead-modal__checkbox__control::after {\n    background-size: 12px;\n  }\n\n  .lead-modal__checkbox__label {\n    /* font-family: OpenSans; */\n    font-size: 13px;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: normal;\n    letter-spacing: 0.14px;\n    color: #969696;\n    margin-left: 10px;\n    margin-bottom: 0 !important;\n  }\n\n  .lead-modal__btn {\n    display: block;\n    width: 100%;\n    border: none;\n    color: #fff;\n    padding: 12px 10px;\n    font-weight: 700;\n    text-align: center;\n    margin-top: 15px;\n    border-radius: 4px;\n    background-color: #2699fb;\n    transition: all 0.2s ease-in-out;\n    text-shadow: none !important;\n    box-shadow: none !important;\n    font-size: 14px;\n    cursor: pointer !important;\n    &:hover,\n    &:active {\n      background-color: #337eff;\n    }\n\n    &.pink {\n      background-color: #e55c8a;\n    }\n\n    &.pink:hover {\n      background-color: #b4466a;\n    }\n  }\n\n  .lead-modal__close-btn {\n    position: absolute;\n    padding-top: 5px;\n    top: -15px;\n    right: -10px;\n    width: 35px;\n    height: 35px;\n    box-shadow: -2px 4px 4px 0 rgba(191, 191, 191, 0.44) !important;\n    text-shadow: none !important;\n    background-color: #005cfd;\n    border-radius: 50%;\n    line-height: inherit;\n    appearance: none;\n    border: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease-in-out;\n    outline: none;\n    z-index: 1;\n    padding: 5px 13px !important;\n    cursor: pointer !important;\n    &:hover,\n    &:active {\n      background-color: #337eff;\n    }\n\n    &.pink {\n      background-color: #fff;\n    }\n\n    &.pink .lead-modal__close-icon {\n      color: #000;\n    }\n\n    &.pink:hover .lead-modal__close-icon {\n      color: #e55c8a;\n      transition: 0.3s all ease;\n    }\n  }\n\n  .lead-modal__close-icon {\n    display: inline-block;\n    color: #fff;\n    fill: #fff;\n    height: 1em;\n    width: 1em;\n    line-height: 1;\n    flex-shrink: 0;\n    max-width: initial;\n    transition: 0.3s all ease;\n  }\n\n  .lead-modal__thank-you {\n    padding: 0 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: inherit;\n    text-align: center;\n    min-height: 400px;\n    h1 {\n      margin-top: 10px;\n      font-size: 32px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: normal;\n      letter-spacing: -0.23px;\n      color: #1b3250;\n    }\n\n    p {\n      margin-top: 5px;\n      font-size: 16px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: normal;\n      letter-spacing: -0.11px;\n      color: #1b3250;\n    }\n    img {\n      max-width: 100% !important;\n      border: none !important;\n      width: auto !important;\n      margin: 0 auto !important;\n    }\n\n    &.hidden {\n      display: none;\n    }\n  }\n\n  /* lead-modal : end */\n\n  .modal__container {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    z-index: 1000000000000;\n    pointer-events: none;\n    overflow-y: scroll;\n  }\n\n  .modal__content {\n    position: relative;\n    width: 80vw;\n    margin: auto 0;\n  }\n\n  /* Make clicks pass-through */\n  #nprogress {\n    pointer-events: none;\n  }\n\n  #nprogress .bar {\n    background: #223bdd;\n\n    position: fixed;\n    z-index: 1031;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 2px;\n  }\n\n  /* Fancy blur effect */\n  #nprogress .peg {\n    display: block;\n    position: absolute;\n    right: 0px;\n    width: 100px;\n    height: 100%;\n    box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n    opacity: 1;\n    transform: rotate(3deg) translate(0px, -4px);\n  }\n\n  /* Remove these to get rid of the spinner */\n  #nprogress .spinner {\n    display: block;\n    position: fixed;\n    z-index: 1031;\n    top: 15px;\n    right: 15px;\n  }\n\n  #nprogress .spinner-icon {\n    width: 18px;\n    height: 18px;\n    box-sizing: border-box;\n\n    border: solid 2px transparent;\n    border-top-color: #29d;\n    border-left-color: #29d;\n    border-radius: 50%;\n\n    -webkit-animation: nprogress-spinner 400ms linear infinite;\n    animation: nprogress-spinner 400ms linear infinite;\n  }\n\n  .nprogress-custom-parent {\n    overflow: hidden;\n    position: relative;\n  }\n\n  .nprogress-custom-parent #nprogress .spinner,\n  .nprogress-custom-parent #nprogress .bar {\n    position: absolute;\n  }\n\n  @-webkit-keyframes nprogress-spinner {\n    0% {\n      -webkit-transform: rotate(0deg);\n    }\n    100% {\n      -webkit-transform: rotate(360deg);\n    }\n  }\n  @keyframes nprogress-spinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .lead-modal__btn:disabled {\n    background: #d5d5d5 !important;\n  }\n\n  .dateclass {\n    width: 100%;\n  }\n\n  .dateclass.placeholderclass::before {\n    width: 100%;\n    content: attr(placeholder);\n    color: #b8b8b8;\n  }\n\n  .dateclass.placeholderclass:hover::before {\n    width: 0%;\n    content: '';\n  }\n\n  /* Change Autocomplete styles in Chrome*/\n  .lead-modal input:-webkit-autofill,\n  .lead-modal input:-webkit-autofill:hover,\n  .lead-modal input:-webkit-autofill:focus,\n  .lead-modal textarea:-webkit-autofill,\n  .lead-modal textarea:-webkit-autofill:hover,\n  .lead-modal textarea:-webkit-autofill:focus,\n  .lead-modal select:-webkit-autofill,\n  .lead-modal select:-webkit-autofill:hover,\n  .lead-modal select:-webkit-autofill:focus {\n    -webkit-box-shadow: 0 0 0 1000px white inset !important;\n    -webkit-text-fill-color: #2a4975;\n  }\n\n  .lead-modal label.error {\n    font-size: 13px;\n    color: #fa140f;\n    margin-bottom: 0;\n    margin-left: 0px !important;\n    line-height: 1.65 !important;\n    width: 100%;\n    display: block;\n  }\n\n  /* === Lead gen wrapper === */\n  .le-text-align-center {\n    text-align: center !important;\n  }\n  .le-text-align-left {\n    text-align: left !important;\n  }\n  .le-text-align-right {\n    text-align: right !important;\n  }\n\n  .le-only-desktop {\n    display: none !important;\n  }\n  .le-only-mobile {\n    display: block !important;\n  }\n\n  .le-only-desktop a {\n    text-decoration: none !important;\n  }\n\n  .le-only-mobile a {\n    text-decoration: none !important;\n  }\n\n  @media screen and (min-width: 992px) {\n    .le-newbuilder-LightBoxB,\n    .le-newbuilder-InlineB {\n      display: flex !important;\n    }\n\n    .le-newbuilder-LightBoxB .lead-modal__header,\n    .le-newbuilder-InlineB .lead-modal__header {\n      max-width: 50%;\n    }\n  }\n\n  @media screen and (min-width: 768px) {\n    .le-only-desktop {\n      display: block !important;\n    }\n\n    .le-only-mobile {\n      display: none !important;\n    }\n\n    .le-newbuilder-LightBoxB .lead-modal__body,\n    .le-newbuilder-InlineB .lead-modal__body {\n      flex: 1;\n    }\n\n    .le-newbuilder-wrap-LightBoxB {\n      max-width: 720px !important;\n    }\n    .le-newbuilder-wrap-InlineB {\n      max-width: 100% !important;\n    }\n    .le-newbuilder-LightBoxB .le-only-desktop.lead-modal-image-cover {\n      max-width: 400px !important;\n    }\n  }\n\n  .lead-modal__title {\n    margin: 7px 0 !important;\n  }\n\n  .lead-modal__description {\n    margin: 0;\n  }\n\n  .lead-modal-image-cover,\n  .lead-modal__wrapper {\n    border-radius: 0px !important;\n  }\n\n  .lead-modal__form {\n    margin: 0;\n    display: block !important;\n  }\n\n  .lead-modal__image + .lead-modal__image {\n    margin-top: 0px;\n  }\n\n  .lead-modal__thank-you {\n    width: 100%;\n  }\n\n  /* Skins */\n  .le-skin-a-desktop {\n    position: fixed;\n    z-index: 99999;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n\n  .le-skin-b-desktop {\n  }\n\n  .le-join-now {\n  }\n\n  .le-joinbow-btn {\n    background: #2c87f3;\n    color: #ffffff;\n    font-size: 16px;\n    text-align: center;\n    outline: none !important;\n    box-shadow: none !important;\n    padding: 12px 30px;\n    border: none !important;\n    border: 1px solid transparent !important;\n    cursor: pointer !important;\n  }\n  .le-joinbow-btn:hover {\n    border: 1px solid white !important;\n  }\n\n  .le-joinbow-btn-mobile {\n    background: #2c87f3;\n    color: #ffffff;\n    font-size: 14px;\n    text-align: center;\n    outline: none !important;\n    box-shadow: none !important;\n    padding: 12px 30px;\n    border: none !important;\n  }\n\n  .le-newbuilder-close-svg {\n    border-radius: 50%;\n    width: 35px;\n    height: 35px;\n    background: #005cfd;\n    cursor: pointer !important;\n  }\n  .le-mobile-btn {\n    width: 24px;\n    height: 24px;\n  }\n\n  .le-newbuilder-close-button {\n    padding: 0;\n    background: transparent;\n    box-shadow: none;\n    border: none;\n    width: auto !important;\n    cursor: pointer !important;\n  }\n  .le-abs-top-right {\n    position: absolute;\n    right: 10px;\n    top: 10px;\n  }\n\n  .le-abs-outer-top-right {\n    position: absolute;\n    right: 0px;\n    top: -45px;\n  }\n\n  /* Skin floating */\n  .le-floating-desktop {\n    position: fixed;\n    bottom: 40px;\n    left: 25px;\n    z-index: 9999;\n  }\n\n  .le-floating-desktop-wrap {\n    background: #fff;\n    backdrop-filter: blur(30px);\n    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n    padding: 0px;\n    padding-right: 30px;\n    border-radius: 5px;\n    display: flex;\n    align-items: center;\n  }\n\n  .le-floating-desktop-title {\n    font-size: 20px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    color: #2a4975;\n    max-width: 530px;\n  }\n  .le-floating-desktop-desc {\n    font-size: 13px;\n    font-weight: normal;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.65;\n    letter-spacing: normal;\n    color: #2699fb;\n    max-width: 530px;\n  }\n\n  .le-joinbow-floating-btn {\n    background: #2c87f3;\n    color: #ffffff;\n    font-size: 14px;\n    text-align: center;\n    outline: none !important;\n    box-shadow: none !important;\n    padding: 12px 40px;\n    border: none !important;\n    border: 1px solid transparent !important;\n    font-weight: 500;\n    cursor: pointer !important;\n  }\n\n  /* // Floating mobile */\n  .le-floating-mobile {\n    position: fixed;\n    bottom: 0px;\n    left: 0px;\n    width: 100%;\n    z-index: 9999;\n  }\n  .le-abs-outer-mobile-top-right {\n    position: absolute;\n    right: 2px;\n    top: -30px;\n  }\n\n  .le-floating-mobile-wrap {\n    background: #fff;\n    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);\n    padding: 10px 15px;\n  }\n  .le-floating-mobile-title {\n    font-size: 18px;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    color: #2a4975;\n    font-weight: 600;\n  }\n  .le-floating-mobile-desc {\n    font-size: 12px;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 1.65;\n    letter-spacing: normal;\n    color: #2699fb;\n  }\n\n  /* // Tab popup */\n  .le-tab-popup {\n    position: fixed;\n    bottom: 15px;\n    left: 15px;\n    max-width: 150px;\n  }\n  .le-abs-outer-mobile-top-right-2 {\n    position: absolute;\n    right: -12px;\n    top: -15px;\n  }\n\n  .le-center-tab-popup {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 99999999 !important;\n    width: calc(100% - 40px);\n    max-width: 400px;\n  }\n\n  .le-center-tab-popup img {\n    max-width: 100% !important;\n  }\n\n  /* // Popup */\n  .le-checkbox-title {\n    font-size: 15px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    color: #2a4975;\n    margin: 13px 0 !important;\n    /* line-height: 1.65 !important; */\n  }\n\n  /* Checkbox */\n  .lead-checkbox-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 14px;\n    line-height: 1.65;\n    margin: 10px 0;\n  }\n\n  .lead-checkbox-checkmark {\n    display: inline-block;\n    height: 24px;\n    border: solid 1px #d0d0d0;\n    vertical-align: middle;\n    margin-right: 8px;\n    position: relative;\n    border-radius: 4px;\n    flex: 0 0 24px;\n  }\n\n  .lead-checkbox-container input {\n    position: absolute;\n    opacity: 0;\n    top: 0;\n    left: 0;\n  }\n\n  .lead-checkbox-checkmark::after {\n    position: absolute;\n    content: '';\n  }\n\n  .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark {\n    background: #337eff;\n    border: solid 1px #337eff;\n  }\n\n  .lead-checkbox-container input:checked ~ .lead-checkbox-checkmark::after {\n    left: 8px;\n    top: 3px;\n    width: 7px;\n    height: 12px;\n    border: solid white;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n  }\n  /* End checkbox */\n\n  .le-fullscreen-img {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  @media screen and (min-width: 768px) {\n    .lead-fullscreen-desktop-close-btn {\n      position: fixed;\n      top: 27px;\n      right: 23px;\n    }\n  }\n\n  /* // Inline */\n  .lead-modal.le-buider-inline {\n    position: static;\n    display: block;\n    padding: 20px 0;\n    height: initial !important;\n    padding-top: 10px;\n  }\n\n  .lead-modal.le-buider-inline .lead-modal__wrapper {\n    box-shadow: none;\n    border: 1px solid #ddd;\n  }\n  .lead-modal.le-buider-inline .lead-modal__content {\n    max-height: initial !important;\n  }\n  .lead-modal.le-buider-inline .lead-modal__content .lead-modal__header img {\n    /* height: auto !important; */\n    object-fit: fill;\n  }\n\n  .le-thankyou-title {\n    font-size: 24px !important;\n    margin-bottom: 8px !important;\n    color: #2a4975 !important;\n  }\n\n  .le-thankyou-subtitle {\n    font-size: 14px !important;\n    color: #2699fb !important;\n    margin: 0 !important;\n  }\n\n  /* Radio */\n  .lead-radio-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-size: 14px;\n    line-height: 1.65;\n    margin: 10px 0;\n  }\n\n  .lead-radio-checkmark {\n    display: inline-block;\n    height: 24px;\n    border: solid 1px #d0d0d0;\n    vertical-align: middle;\n    margin-right: 8px;\n    position: relative;\n    border-radius: 50%;\n    flex: 0 0 24px;\n  }\n\n  .lead-radio-container input {\n    position: absolute;\n    opacity: 0;\n    top: 0;\n    left: 0;\n  }\n\n  .lead-radio-checkmark::after {\n    position: absolute;\n    content: '';\n  }\n\n  .lead-radio-container input:checked ~ .lead-radio-checkmark {\n    background: #337eff;\n    border: solid 1px #337eff;\n  }\n\n  .lead-radio-container input:checked ~ .lead-radio-checkmark::after {\n    left: 50%;\n    top: 50%;\n    width: 8px;\n    height: 8px;\n    background: #fff;\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n  }\n  /* End Radio */\n\n  /* Dropdown */\n  .le-newbuilder-select {\n    width: 100%;\n    padding: 12px;\n    border-radius: 4px;\n    border: solid 1px #d0d0d0;\n    outline: none;\n    appearance: none;\n    font-size: 15px;\n    padding-right: 35px;\n  }\n  .le-newbuilder-select-wrapper {\n    position: relative;\n  }\n  .le-newbuilder-select-wrapper::after {\n    content: '';\n    position: absolute;\n    right: 15px;\n    top: 18px;\n    transform: rotate(45deg);\n    width: 10px;\n    height: 10px;\n    border: 2px solid #616060;\n    border-left: transparent;\n    border-top: transparent;\n  }\n  /* End Dropdown */\n\n  .le-buider-slider {\n    width: 420px;\n    height: auto;\n    bottom: 15px;\n    top: unset;\n    left: -200px;\n    animation: le-builder-slide 0.5s forwards;\n  }\n\n  @keyframes le-builder-slide {\n    100% {\n      left: 15px;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n    .le-buider-slider,\n    .le-buider-fullscreen {\n      display: none !important;\n    }\n  }\n\n  .le-skin-mobile {\n    margin-top: 64px;\n  }\n"}})}));function W(n){var t=n.leadApi,o=n.leadSiteId,l=n.leadDomain,i=n.onShowPopup,r=("https://"+location.hostname+location.pathname+location.search).toLowerCase();fetch(t+"api/campaign/"+o,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({url:r,ga_client_id:h("_ga")||null})}).then((function(e){return e.json()})).then((function(n){var t,o,c;if(console.log("List campagin: ",n),B="https://"+location.hostname+location.pathname+location.search,1==n._status){var d=n._data.campaigns;h("hhg-id")||(b("hhg-id",k(),{domain:"."+l,path:"/"}),console.log("😍 Set HHG ID cookie"));var s=[];s=/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)?d.filter((function(e){return e.device_types.some((function(e){return e.id==C.MOBILE}))})):d.filter((function(e){return e.device_types.some((function(e){return e.id==C.DESKTOP}))})),console.log("👓 campaignsDevice",s);var m=s.map((function(e,n){return e.targets.filter((function(e){return e.type==E.LINKS})).map((function(e){return a(a({},e),{campaignIndex:n})}))})).flat(1);m=m.filter((function(e){var n=new URL(String(e.target).toLowerCase());return"exact_match"==e.option?Boolean(r===n.href):"start_with"==e.option?!!r.includes(String(e.target))&&!e.sub_target.filter((function(e){return"excluding"==e.option})).map((function(e){return e.value})).includes(r):void 0}));var p=Array.from(document.getElementsByTagName("META")).filter((function(e){return"article:tag"==e.getAttribute("property")})).map((function(e){return e.content})),u=[];p&&p.length&&(u=s.map((function(e,n){return e.targets.filter((function(e){return e.type==E.TAGS})).map((function(e){return a(a({},e),{campaignIndex:n})}))})).flat(1).filter((function(e){return p.includes(e.target)})));var g=e(e([],m,!0),u,!0),f=document.cookie.split("; ").map((function(e){return e.split("=")[0]})),v=f.filter((function(e){return e.includes("lead_submited")}));console.log("--listCampaignCodeSubmited",v);var x=f.filter((function(e){return e.includes("lead_closed")}));console.log("--listCampaignCodeClosed",x);var _,y=e(e([],v,!0),x,!0);if(_=g.filter((function(e){return!y.some((function(n){return n.includes(s[e.campaignIndex].code)}))})).sort((function(e,n){return e.score-n.score})),console.log("--listCampaignValid : ",_),_&&_.length){var w=s[_[0].campaignIndex];console.log("CAMPAIGN_SHOW",w);var N=w.rules,S=Number(null===(t=N.find((function(e){return"time"==e.rule})))||void 0===t?void 0:t.value);console.log("timeoutRule",S);var T=Number(null===(o=N.find((function(e){return"scroll"==e.rule})))||void 0===o?void 0:o.value);console.log("scrollRule",T);var L=Number(null===(c=N.find((function(e){return"exclude_sponsored"==e.rule})))||void 0===c?void 0:c.value);console.log("excludeSponsored",L);var j=Boolean(document.querySelector(".hhg-disclaimer-text"));if(console.log("💎 LEAD current page isSponsored",j),j&&L)return;var O="TIME";if(Number.isInteger(S)&&(O="TIME",console.log("✨ SHOW AWESOME POPUP AFTER: ",S," seconds"),setTimeout((function(){null==i||i(w,O)}),1e3*S)),Number.isInteger(T)){O="SCROLL",console.log("✨ SHOW AWESOME AFTER: SCROLL",T," %");var I=document.querySelector('[data-url="'.concat(location.pathname,'"]'))||document.querySelector("body"),P=I.getBoundingClientRect().top,A=I.offsetHeight;console.log("👓 Element check scroll: ",I);var z=function(){var e=window.pageYOffset||document.documentElement.scrollTop,n=0;e>=P&&(n=Math.round((e-P)/(A-innerHeight)*100)),console.log("---Scroll",n,T),n>=T&&(window.removeEventListener("scroll",z),null==i||i(w,O))};window.addEventListener("scroll",z)}}else console.log("🚧 No lead campaigns on current URL, tags")}})).catch((function(e){console.error("Lead error: ",e)}))}var J=function(e){var a=e.apiUrl,l=e.siteDomain,r=e.siteId,m=e.locale,f=s(),k=s(Date.now()),x=i((function(){var e=a;return e.includes("localhost")&&(e="https://dev.leadgen.hellobacsi.com/"),{apiUrl:e}}),[a,l,r]).apiUrl,_=c(null),y=_[0],w=_[1],E=c(""),N=E[0],C=E[1],S=c(null),B=S[0],T=S[1],O=function(e,n){w(e),C(n)},I=function(){var e,n;if(y){console.log("👋👋👋 CLOSE POPUP ".concat(y.code," 👋👋👋"));var t=Number(null===(e=y.rules.find((function(e){return"show_again_after_exit "==e.rule})))||void 0===e?void 0:e.value),a=Number(null===(n=y.rules.find((function(e){return"days_to_show_again"==e.rule})))||void 0===n?void 0:n.value);0==t&&b("lead_closed_".concat(y.code),"target_".concat(y.extra_fields.popupVersion),a?{domain:"."+l,days:a,path:"/"}:{domain:"."+l,path:"/"}),document.body.classList.remove("noscroll"),fetch("".concat(x,"api/campaign/").concat(y.code,"/popup_exit"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"CLICK",url:location.href.toLowerCase(),title_article:document.title,cookie_id:h("hhg-id"),duration:Math.ceil((Date.now()-k.current)/1e3)})}),w(null),T(null)}};d((function(){if(window.next){var e=p((function(e){console.log("--🌻 routeChangeComplete",e,Date.now());var n=location.pathname;I(),document.querySelectorAll('[data-popup-url="'.concat(n,'"]')).length||W({leadApi:x,leadDomain:l,leadSiteId:r,onShowPopup:O}),f.current&&window.removeEventListener("scroll",f.current)}),500);window.next.router.events.on("routeChangeComplete",e)}W({leadApi:x,leadDomain:l,leadSiteId:r,onShowPopup:O})}),[]);return d((function(){y&&(k.current=Date.now())}),[y]),o.createElement(j.Provider,{value:{apiUrl:x,siteDomain:l,siteId:r,locale:m}},o.createElement(g.Provider,{value:{locale:m,values:R(m)}},o.createElement(U,null),u(o.createElement(o.Fragment,null,y&&o.createElement(q,{campaign:y,onClose:I,onSubmit:function(e,a,o,i){return n(void 0,void 0,void 0,(function(){var n,r,c,d,s,m,p,u,g,f,v,k,_,w,E,N,C,S,B,j,O,P,A,z,D,M,H,q,V,F,R,U,W,J;return t(this,(function(t){switch(t.label){case 0:return e.preventDefault(),console.log("submitHandler",a,o),n=new FormData(e.currentTarget),r={},n.forEach((function(e,n){r[n]=r[n]||[],r[n].push(e)})),c=Object.keys(r).map((function(e){return{name:e,value:String(r[e])}})),d=2,s=h("_ga")||null,window.intlTelInputUtils?[3,2]:[4,require("intl-tel-input/build/js/utils")];case 1:t.sent(),t.label=2;case 2:return m={url:location.href.toLowerCase(),title_article:document.title,meta:c.map((function(e){var n,t,a;return{key:null===(n=document.querySelector(".lead-modal__form.".concat(i,' [name="').concat(e.name,'"]')))||void 0===n?void 0:n.getAttribute("data-key"),value:(null==L?void 0:L.countryCodeNumber)&&["tel","tel1","tel2","tel3"].includes(e.name)?window.intlTelInputUtils.formatNumber(String(e.value),null==L?void 0:L.countryCodeNumber,d).replace(/\s+/g,""):e.value,control:e.name.replace("1","").replace("2","").replace("3",""),is_sent_mailchimp:(null===(a=document.querySelector(".lead-modal__form.".concat(i," .mailchimp-").concat(null===(t=document.querySelector(".lead-modal__form.".concat(i,' [name="').concat(e.name,'"]')))||void 0===t?void 0:t.getAttribute("data-key"))))||void 0===a?void 0:a.getAttribute("data-mailchimp"))||"false"}})),cookie_id:h("hhg-id"),ga_client_id:s},a&&o[a].value_en&&(m.category=o[a].value_en),p=Number((null===(D=null===(z=y.rules)||void 0===z?void 0:z.find((function(e){return"days_to_show_again"===e.rule})))||void 0===D?void 0:D.value)||7),0==(u=Number((null===(H=null===(M=y.rules)||void 0===M?void 0:M.find((function(e){return"show_again_after_submit"===e.rule})))||void 0===H?void 0:H.value)||0))&&(console.log("⛔ Popup never show again!"),b("lead_submited_".concat(y.code),"target_".concat(y.extra_fields.targetType),{domain:"."+l,path:"/"})),1==u&&(console.log("⌛ Popup will show again after ".concat(p," days!")),b("lead_submited_".concat(y.code),"target_".concat(y.extra_fields.targetType),{domain:"."+l,days:p,path:"/"})),fetch("".concat(x,"api/campaign/").concat(y.code,"/lead"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)}),"notshow"==y.extra_fields.popupShowThankYou?(I(),document.body.classList.remove("noscroll"),[2]):(g=!0,f=y.thank_you_image||"".concat(x,"admin/img/thanksyou.png"),v=y.extra_fields.popupThankyouTitle||"Thank you.",k=y.extra_fields.popupThankyouDesc||"We appreciate your time!",_="",w="",C="","2.1"==y.extra_fields.popupVersion&&(S=y.extra_fields,B=JSON.parse(S.listBlockThankyou),j=B.find((function(e){return"TitleBlock"==e.name})),O=B.find((function(e){return"SubtitleBlock"==e.name})),P=B.find((function(e){return"LinkButtonBlock"==e.name})),v=(null===(q=null==j?void 0:j.data)||void 0===q?void 0:q.value)||"",_=(null===(V=null==j?void 0:j.data)||void 0===V?void 0:V.align)||"",k=(null===(F=null==O?void 0:O.data)||void 0===F?void 0:F.value)||"",w=(null===(R=null==O?void 0:O.data)||void 0===R?void 0:R.align)||"",E=(null===(U=null==P?void 0:P.data)||void 0===U?void 0:U.value)||"",N=(null===(W=null==P?void 0:P.data)||void 0===W?void 0:W.newtab)||!1,C=(null===(J=null==P?void 0:P.data)||void 0===J?void 0:J.url)||"",A=y.extra_fields.currentLayout,["SkinA","SkinB","Floating","Tab","CenterTab"].includes(A)&&(g=!1)),T(g?{title:v,titleAlign:_,subtitle:k,subtitleAlign:w,link:C,linkNewTab:N,linkText:E,image:f}:null),sessionStorage.getItem("insider_object")?window.insider_object=JSON.parse(sessionStorage.getItem("insider_object")):window.insider_object={user:{email:"",phone_number:"",gdpr_optin:!0,sms_optin:!0,email_optin:!0}},c.map((function(e){var n=e.name,t=e.value;"tel"==n?window.insider_object.user.phone_number=t:"email"==n&&(window.insider_object.user.email=t)})),sessionStorage.setItem("insider_object",JSON.stringify(window.insider_object)),[2])}}))}))},action:N,showThankyou:B})),v())))};export{J as LeadGen};

package/build/esm/mantine.js

@@ -1 +1 @@
-import{c as n,_ as t,b as r}from"./tslib.es6-2fa94e2c.js";import o,{useMemo as i,useState as a,useEffect as l}from"react";import{Autocomplete as c,Image as s,Select as d,Indicator as m,Textarea as u,Modal as p,Badge as h,Spoiler as f,Accordion as g,Avatar as v,LoadingOverlay as b,Checkbox as x,Slider as w,Radio as k,Switch as y,MantineProvider as E}from"@mantine/core";import{CommonGAssets as S}from"./gAssets.js";import{DatePicker as j,DateRangePicker as A}from"@mantine/dates";import P,{css as M}from"styled-components";import"dayjs";import"./screenSizeContext-ff96a3d1.js";import"./lazyLoad-59e8ff6d.js";import{t as z}from"./theme-13d11d67.js";import"./index-2cf746a8.js";import"./utils-40d4438f.js";import"./isProduction-6fc0946c.js";import{L as B}from"./Locale-69030fff.js";import{T as H}from"./index-a0e2043c.js";import{u as L}from"./useTranslations-b3eb31ef.js";import{D as R,a as D}from"./index-d87f080b.js";export{I as Input,e as emotionCache}from"./index-d87f080b.js";import{Carousel as T}from"@mantine/carousel";export{C as CentralCarousel}from"./index-d20231b7.js";import{useDebouncedValue as W}from"@mantine/hooks";import{B as F}from"./index-bfb83ce8.js";import{g as G}from"./defaultClassWrapper-27a74473.js";import"lodash/throttle";import"vanilla-lazyload";import"./translationsContext-e7808c8f.js";import"string-format";var O,N,U,V,q=function(e){var r=e.keepSearch,i=void 0!==r&&r,a=n(e,["keepSearch"]);return i?o.createElement(c,t({rightSection:o.createElement(s,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a)):o.createElement(d,t({rightSection:o.createElement(s,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a))},_=P(j)(N||(N=r(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&M(O||(O=r(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),J=P(A)(V||(V=r(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&M(U||(U=r(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),K=function(n){return o.createElement(_,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:S.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};K.Range=function(n){return o.createElement(J,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:S.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var Q,X,Y,Z=function(n){return o.createElement(m,t({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:z.colors.red700}}},n))},$=P(u)(Q||(Q=r(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),z.colors.gray200),nn=function(n){return o.createElement($,t({minRows:2,maxRows:4},n))},en=P(p)(X||(X=r(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),z.colors.neutral100),tn=function(e){var r=e.title,i=n(e,["title"]);return o.createElement(o.Fragment,null,o.createElement(en,t({centered:!0},i,{withCloseButton:!1,title:o.createElement(o.Fragment,null,r,o.createElement("img",{className:"mantine-Modal-close",src:S.getAssetPath("CloseModal.svg"),onClick:function(){var n;return null===(n=i.onClose)||void 0===n?void 0:n.call(i)}}))})))},rn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,a=n(e,["color"]);return o.createElement(h,t({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},a))},on=function(e){var r=e.children,a=e.line,l=e.lineHeight,c=e.trackingAttributes,s=e.maxHeight,d=n(e,["children","line","lineHeight","trackingAttributes","maxHeight"]),m=L().t,u=i((function(){return s||(a&&l?a*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);r||console.error("[HHG-Comp]:[Spoiler] Please provide children");var p=i((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return o.createElement(f,t({showLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},p),m("articlePage.readMore")),hideLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},p),m("articlePage.showLess"))},d,{maxHeight:u}),r)},an=P(g)(Y||(Y=r(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(n){return n.closeChevron||S.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||S.getAssetPath("minus-icon.svg")})),ln=function(e){var r=e.children,i=n(e,["children"]);return o.createElement(an,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},i),r)};ln.Control=g.Control,ln.Item=g.Item,ln.Panel=g.Panel;var cn=S.getAssetPath("avatar.jpg"),sn=function(e){var r=e.withIndicator,i=void 0!==r&&r,a=e.indicatorConfig,l=void 0===a?null:a,c=e.size,s=void 0===c?56:c,d=e.children,u=n(e,["withIndicator","indicatorConfig","size","children"]),p=function(){return o.createElement(v,t({size:s,radius:"xl"},u),d||o.createElement("img",{src:cn,width:s}))};return i?o.createElement(m,t({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:o.isValidElement(l.label)&&"transparent"}}}),p()):p()},dn=function(n){return o.createElement(b,t({loaderProps:{color:z.colors.primaryBase}},n))},mn=function(e){var r=e.slidesToShow,i=void 0===r?1:r,a=e.children,l=n(e,["slidesToShow","children"]);return o.createElement(T,t({slideSize:String(Math.floor(1/i*100))+"%",containScroll:"trimSnaps"},l),a)};mn.Slide=T.Slide;var un=function(n){return o.createElement(x,t({},n))};un.Group=x.Group;var pn,hn,fn,gn="hhgcomp-mantine-slider-slider",vn=G(P(w)(pn||(pn=r(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.color||n.theme.colors.primaryBase})),gn),bn=P.div(hn||(hn=r(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),gn),xn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,c=e.withControl,s=e.onChange,d=e.value,m=e.min,u=e.max,p=e.isStatic,h=n(e,["color","withControl","onChange","value","min","max","isStatic"]),f=a(d||m||0),g=f[0],v=f[1],b=W(g,R)[0];return l((function(){null==s||s(b)}),[b]),o.createElement(bn,null,c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return m&&n===m?n:n-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(vn,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:g,onChange:p?function(){return null}:v,min:m,max:u},h)),c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return u&&n===u?n:n+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},wn=P(k)(fn||(fn=r(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(n){return n.color||z.colors.primaryBase})),kn=function(n){return o.createElement(wn,t({size:"sm"},n))};kn.Group=k.Group;var yn,Cn,En=P(y)(yn||(yn=r(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),Sn=((Cn={})[B.Vietnam]="vi",Cn[B.Cambodia]="km",Cn[B.India]="hi",Cn[B.Indonesia]="id",Cn[B.Malaysia]="ms",Cn[B.Thailand]="th",Cn[B.Taiwan]="zh-tw",Cn[B.PhilippinesTagalog]="tl-ph",Cn[B.PhilippinesEnglish]="en",Cn[B.Myanmar]="my",Cn),jn=function(n){l((function(){Sn[n]&&require("dayjs/locale/".concat(Sn[n],".js"))}),[n])},An={"&:hover":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},Pn=function(n){return{datesLocale:Sn[n],dateFormat:D[n].dateFormat,fontFamily:n===B.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:D[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:An}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},An),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},Mn=function(e){var r=e.children,i=e.locale,a=n(e,["children","locale"]);return jn(i),o.createElement(E,t({theme:Pn(i)},a),r)};export{ln as Accordion,sn as Avatar,rn as Badge,mn as Carousel,un as Checkbox,K as DatePicker,Z as Indicator,dn as LoadingOverlay,Sn as MAPPED_LOCALE,Mn as MantineProvider,tn as Modal,kn as Radio,q as Select,xn as Slider,on as Spoiler,En as Switch,nn as TextArea,Pn as getMantineThemeOverride,jn as useMantineLocale};
+import{c as n,_ as t,b as r}from"./tslib.es6-8d81858b.js";import o,{useMemo as i,useState as a,useEffect as l}from"react";import{Autocomplete as c,Image as s,Select as d,Indicator as m,Textarea as u,Modal as p,Badge as h,Spoiler as g,Accordion as f,Avatar as v,LoadingOverlay as b,Checkbox as x,Slider as w,Radio as k,Switch as y,MantineProvider as E}from"@mantine/core";import{CommonGAssets as S}from"./gAssets.js";import{DatePicker as j,DateRangePicker as A}from"@mantine/dates";import P,{css as M}from"styled-components";import"dayjs";import"./screenSizeContext-dd6a9356.js";import"./lazyLoad-fd57057d.js";import{t as z}from"./theme-e755818a.js";import"./index-354ad393.js";import"./utils-a3eccc66.js";import"./isProduction-c64058ab.js";import{L as B}from"./Locale-dd73dff4.js";import{T as H}from"./index-0741fd00.js";import{u as L}from"./useTranslations-35f81159.js";import{D as R,a as D}from"./index-b827cd72.js";export{I as Input,e as emotionCache}from"./index-b827cd72.js";import{Carousel as T}from"@mantine/carousel";export{C as CentralCarousel}from"./index-59e397d5.js";import{useDebouncedValue as W}from"@mantine/hooks";import{B as F}from"./index-a52c8eea.js";import{g as G}from"./defaultClassWrapper-a26097d6.js";import"lodash/throttle";import"vanilla-lazyload";import"./translationsContext-a9f4095d.js";import"string-format";var O,N,U,V,q=function(e){var r=e.keepSearch,i=void 0!==r&&r,a=n(e,["keepSearch"]);return i?o.createElement(c,t({rightSection:o.createElement(s,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a)):o.createElement(d,t({rightSection:o.createElement(s,{src:S.getAssetPath("chevron-down.svg"),fit:"none"}),size:"md",maxDropdownHeight:300},a))},_=P(j)(N||(N=r(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&M(O||(O=r(["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DatePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),J=P(A)(V||(V=r(["\n  position: relative;\n  ","\n"],["\n  position: relative;\n  ","\n"])),(function(n){return n.fullWidth&&M(U||(U=r(["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "],["\n      .mantine-DateRangePicker-dropdown {\n        min-width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    "])))})),K=function(n){return o.createElement(_,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:S.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};K.Range=function(n){return o.createElement(J,t({size:"md",clearable:!1,fullWidth:!0,rightSection:o.createElement(s,{src:S.getAssetPath("OutlineCalendar.svg"),width:16,height:16})},n))};var Q,X,Y,Z=function(n){return o.createElement(m,t({inline:!0,position:"top-end",offset:4,styles:{indicator:{backgroundColor:z.colors.red700}}},n))},$=P(u)(Q||(Q=r(["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"],["\n  .mantine-Textarea-input {\n    padding: 12px 16px;\n    background: #ffffff;\n    border: 1px solid ",";\n    border-radius: 4px;\n  }\n"])),z.colors.gray200),nn=function(n){return o.createElement($,t({minRows:2,maxRows:4},n))},en=P(p)(X||(X=r(["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"],["\n  .mantine-Modal-inner {\n    border-radius: 6px;\n  }\n  .mantine-Modal-modal {\n    padding: 0;\n  }\n  .mantine-Modal-header {\n    border-bottom: 1px solid ",";\n    margin-right: 0;\n    margin-bottom: 0;\n    padding: 16px;\n  }\n  .mantine-Modal-title {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-right: 0;\n  }\n  .mantine-Modal-close {\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n  }\n  .mantine-Modal-body {\n    padding: 40px;\n  }\n"])),z.colors.neutral100),tn=function(e){var r=e.title,i=n(e,["title"]);return o.createElement(o.Fragment,null,o.createElement(en,t({centered:!0},i,{withCloseButton:!1,title:o.createElement(o.Fragment,null,r,o.createElement("img",{className:"mantine-Modal-close",src:S.getAssetPath("CloseModal.svg"),onClick:function(){var n;return null===(n=i.onClose)||void 0===n?void 0:n.call(i)}}))})))},rn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,a=n(e,["color"]);return o.createElement(h,t({variant:"filled",color:i,styles:{root:{borderRadius:"2px",background:i,textTransform:"unset"}}},a))},on=function(e){var r=e.children,a=e.line,l=e.lineHeight,c=e.trackingAttributes,s=e.maxHeight,d=n(e,["children","line","lineHeight","trackingAttributes","maxHeight"]),m=L().t,u=i((function(){return s||(a&&l?a*l:(console.error("[HHG-Comp]:[Spoiler] Please provide maxHeight, or line with lineHeight"),0))}),[]);r||console.error("[HHG-Comp]:[Spoiler] Please provide children");var p=i((function(){return c?{"data-event-category":c.dataEventCategory,"data-event-action":c.dataEventAction,"data-event-label":c.dataEventLabel}:{}}),[c]);return o.createElement(g,t({showLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},p),m("articlePage.readMore")),hideLabel:o.createElement(H,t({size:"p3",color:z.colors.primaryBase},p),m("articlePage.showLess"))},d,{maxHeight:u}),r)},an=P(f)(Y||(Y=r(["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"],["\n  .mantine-Accordion-control {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n  .mantine-Accordion-item {\n    .mantine-Accordion-chevron {\n      > div {\n        background-repeat: no-repeat;\n        width: 16px;\n        height: 16px;\n        background-position: center;\n        background-image: url(",");\n      }\n    }\n    &[data-active='true'] {\n      .mantine-Accordion-chevron {\n        > div {\n          background-image: url(",");\n        }\n      }\n    }\n  }\n  .mantine-Accordion-panel {\n    border-radius: 6px;\n  }\n  .mantine-Accordion-content {\n    white-space: pre-wrap;\n  }\n"])),(function(n){return n.closeChevron||S.getAssetPath("plus-icon.svg")}),(function(n){return n.openChevron||S.getAssetPath("minus-icon.svg")})),ln=function(e){var r=e.children,i=n(e,["children"]);return o.createElement(an,t({chevron:o.createElement("div",null),disableChevronRotation:!0,transitionDuration:300},i),r)};ln.Control=f.Control,ln.Item=f.Item,ln.Panel=f.Panel;var cn=S.getAssetPath("avatar.jpg"),sn=function(e){var r=e.withIndicator,i=void 0!==r&&r,a=e.indicatorConfig,l=void 0===a?null:a,c=e.size,s=void 0===c?56:c,d=e.children,u=n(e,["withIndicator","indicatorConfig","size","children"]),p=function(){return o.createElement(v,t({size:s,radius:"xl"},u),d||o.createElement("img",{src:cn,width:s}))};return i?o.createElement(m,t({inline:!0,position:"bottom-end",offset:9},l,{styles:{indicator:{backgroundColor:o.isValidElement(l.label)&&"transparent"}}}),p()):p()},dn=function(n){return o.createElement(b,t({loaderProps:{color:z.colors.primaryBase}},n))},mn=function(e){var r=e.slidesToShow,i=void 0===r?1:r,a=e.children,l=n(e,["slidesToShow","children"]);return o.createElement(T,t({slideSize:String(Math.floor(1/i*100))+"%",containScroll:"trimSnaps"},l),a)};mn.Slide=T.Slide;var un=function(n){return o.createElement(x,t({},n))};un.Group=x.Group;var pn,hn,gn,fn="hhgcomp-mantine-slider-slider",vn=G(P(w)(pn||(pn=r(["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"],["\n  .mantine-Slider-track {\n    background-color: ",";\n  }\n\n  .mantine-Slider-label {\n    background-color: transparent;\n    color: #000;\n    font-size: 14px;\n    font-weight: bold;\n  }\n"])),(function(n){return n.color||n.theme.colors.primaryBase})),fn),bn=P.div(hn||(hn=r(["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  ."," {\n    flex-grow: 1;\n  }\n"])),fn),xn=function(e){var r=e.color,i=void 0===r?z.colors.primaryBase:r,c=e.withControl,s=e.onChange,d=e.value,m=e.min,u=e.max,p=e.isStatic,h=n(e,["color","withControl","onChange","value","min","max","isStatic"]),g=a(d||m||0),f=g[0],v=g[1],b=W(f,R)[0];return l((function(){null==s||s(b)}),[b]),o.createElement(bn,null,c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return m&&n===m?n:n-1}))}},o.createElement("svg",{width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 3"},o.createElement("path",{d:"M1 1.004h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),o.createElement(vn,t({thumbSize:21,labelAlwaysOn:!0,radius:"xl",color:i,value:f,onChange:p?function(){return null}:v,min:m,max:u},h)),c&&o.createElement(F,{type:"button",size:"sm",color:"ghost",onClick:function(){v((function(n){return u&&n===u?n:n+1}))}},o.createElement("svg",{width:"16",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},o.createElement("path",{d:"M8 4v8M4 8h8",stroke:i,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))))},wn=P(k)(gn||(gn=r(["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"],["\n  .mantine-Radio-icon {\n    color: ",";\n  }\n"])),(function(n){return n.color||z.colors.primaryBase})),kn=function(n){return o.createElement(wn,t({size:"sm"},n))};kn.Group=k.Group;var yn,Cn,En=P(y)(yn||(yn=r(["\n  .mantine-Switch-track {\n  }\n"],["\n  .mantine-Switch-track {\n  }\n"]))),Sn=((Cn={})[B.Vietnam]="vi",Cn[B.Cambodia]="km",Cn[B.India]="hi",Cn[B.Indonesia]="id",Cn[B.Malaysia]="ms",Cn[B.Thailand]="th",Cn[B.Taiwan]="zh-tw",Cn[B.PhilippinesTagalog]="tl-ph",Cn[B.PhilippinesEnglish]="en",Cn[B.Myanmar]="my",Cn),jn=function(n){l((function(){Sn[n]&&require("dayjs/locale/".concat(Sn[n],".js"))}),[n])},An={"&:hover":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},Pn=function(n){return{datesLocale:Sn[n],dateFormat:D[n].dateFormat,fontFamily:n===B.Cambodia?"Battambang,":"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',\n      Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",components:{InputWrapper:{styles:{label:{marginBottom:"0.5rem"}}},NumberInput:{defaultProps:{decimalSeparator:D[n].separator}},Input:{styles:{input:{borderRadius:"6px",transition:"all ".concat("100ms"," ease-in-out"),"&:hover, &:focus":{borderColor:"".concat(z.colors.blue200),boxShadow:"0 0 2px 2px ".concat(z.colors.blue200)}},rightSection:{pointerEvents:"none",cursor:"default"},invalid:{color:"#000"}}},Checkbox:{styles:{input:An}},Radio:{styles:{radio:t(t({backgroundColor:"#ffffff"},An),{"&:checked":{backgroundColor:"#ffffff"}})}}}}},Mn=function(e){var r=e.children,i=e.locale,a=n(e,["children","locale"]);return jn(i),o.createElement(E,t({theme:Pn(i)},a),r)};export{ln as Accordion,sn as Avatar,rn as Badge,mn as Carousel,un as Checkbox,K as DatePicker,Z as Indicator,dn as LoadingOverlay,Sn as MAPPED_LOCALE,Mn as MantineProvider,tn as Modal,kn as Radio,q as Select,xn as Slider,on as Spoiler,En as Switch,nn as TextArea,Pn as getMantineThemeOverride,jn as useMantineLocale};

package/build/esm/misc.js

@@ -1 +1 @@
-export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-ec8c08da.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-ff96a3d1.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-8c12973e.js";export{l as lazyLoadInstance}from"./lazyLoad-59e8ff6d.js";import"react";import"styled-components";export{t as theme}from"./theme-13d11d67.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-28541f72.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-03bdf8e6.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-40d4438f.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-be4f9753.js";export{g as getSocialList}from"./getSocialList-72c3eb4c.js";import"dayjs";import"./tslib.es6-2fa94e2c.js";import"lodash/throttle";import"vanilla-lazyload";import"./index-2cf746a8.js";import"./Locale-69030fff.js";import"./isProduction-6fc0946c.js";import"./core-8c1d445f.js";import"./gAssets.js";
+export{a as ageGenerate,c as convertLocalizedStringToNumber,l as localizeNumberFormat}from"./localizeNumberFormat-d8803d28.js";export{S as ScreenSizeContext,j as ScreenSizeContextProvider,h as fadeIn,i as getWindowSizeGroups,a as slideInDown,b as slideInLeft,c as slideInRight,s as slideInUp,e as slideOutDown,f as slideOutLeft,g as slideOutRight,d as slideOutUp}from"./screenSizeContext-dd6a9356.js";export{d as deleteCookie,g as getCookie,s as setCookie}from"./cookieHelper-ef9db121.js";export{l as lazyLoadInstance}from"./lazyLoad-fd57057d.js";import"react";import"styled-components";export{t as theme}from"./theme-e755818a.js";export{a as abbreviateNumber,f as formatPill}from"./dataTransform-9043eced.js";export{d as getCareApiDomain,g as getCurrentBaseUrl,a as getCurrentSsoUrl,c as getDiscoverApiDomain,b as getTogetherApiDomain}from"./routing-7cabc4cc.js";export{B as Breakpoints,M as MediaQueries,f as formatUrlWithPageParam,g as getBoundariesFromMediaQueryKey,a as getPopupWrapperDom,b as getWrapperDomWithSelector,m as makeParams,c as safeEncodeURI,s as startCase,t as toggleNoScroll}from"./utils-a3eccc66.js";export{f as formatHealthTool,g as getDynamicHealthTool,a as getDynamicHealthToolWithCache}from"./getDynamicHealthTool-c0ce5be2.js";export{g as getSocialList}from"./getSocialList-a1642f17.js";import"dayjs";import"./tslib.es6-8d81858b.js";import"lodash/throttle";import"vanilla-lazyload";import"./index-354ad393.js";import"./Locale-dd73dff4.js";import"./isProduction-c64058ab.js";import"./core-e0b59a71.js";import"./gAssets.js";

package/build/esm/navigation.js

@@ -1 +1 @@
-import"./tslib.es6-2fa94e2c.js";import"react";import"./core-8c1d445f.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-1e5458a4.js";import"./index-2cf746a8.js";import"./routing-03bdf8e6.js";import"./index-a8d73207.js";import"./isProduction-6fc0946c.js";import"./gAssets.js";import"./Locale-69030fff.js";import"./index-71a7683a.js";import"styled-components";import"./index-bbc3936f.js";import"./utils-40d4438f.js";import"./index-a0e2043c.js";import"./theme-13d11d67.js";import"./constants-a0a981fa.js";import"./useTranslations-b3eb31ef.js";import"./translationsContext-e7808c8f.js";import"string-format";import"./index-aca74507.js";import"./index-bfb83ce8.js";import"./defaultClassWrapper-27a74473.js";import"dayjs";import"dayjs/plugin/relativeTime";import"./index-662d80a5.js";import"./index-1f8b678b.js";import"lodash/throttle";import"@mantine/core";import"./cookieHelper-8c12973e.js";import"./lazyLoad-59e8ff6d.js";import"vanilla-lazyload";import"lodash/debounce";import"slugify";
+import"./tslib.es6-8d81858b.js";import"react";import"./core-e0b59a71.js";export{N as NavigationV2,g as getNavMenuContent,a as getNavMenuContentWithCache}from"./index-6c974cb4.js";import"./index-354ad393.js";import"./routing-7cabc4cc.js";import"./index-6940d93a.js";import"./isProduction-c64058ab.js";import"./gAssets.js";import"./Locale-dd73dff4.js";import"./index-8099bdd7.js";import"styled-components";import"./index-aeb16c55.js";import"./utils-a3eccc66.js";import"./index-0741fd00.js";import"./constants-a60ad144.js";import"./useTranslations-35f81159.js";import"./translationsContext-a9f4095d.js";import"string-format";import"./index-d69d4d15.js";import"./index-a52c8eea.js";import"./theme-e755818a.js";import"./defaultClassWrapper-a26097d6.js";import"dayjs";import"dayjs/plugin/relativeTime";import"./index-6e83230f.js";import"./index-f29fd5fe.js";import"lodash/throttle";import"@mantine/core";import"./cookieHelper-ef9db121.js";import"./lazyLoad-fd57057d.js";import"vanilla-lazyload";import"lodash/debounce";import"slugify";