(self.webpackChunkhhgDiscoverV1=self.webpackChunkhhgDiscoverV1||[]).push([[3094,4778],{bg63:function(e,t,n){"use strict";n.d(t,{M:function(){return Disclaimer}});var r=n("BGKE"),a=n("P+HS"),o=n("f8uB"),i=n("vH4S"),l=n("dDsW"),s=n("a5L+"),c=(0,i.createStyles)(e=>({root:{padding:"".concat((0,i.rem)(12)," ").concat((0,i.rem)(16)),textAlign:"left",borderRadius:(0,i.rem)(4),backgroundColor:e.colors.yellow[0]},icon:{display:"inline-block",verticalAlign:"middle",marginRight:(0,i.rem)(4),[e.fn.largerThan("sm")]:{marginRight:(0,i.rem)(8)}},title:{},content:{}}));let Disclaimer=e=>{let{title:t,content:n,styles:d,classNames:m}=e,{formatMessage:h}=(0,l.A)(),{classes:u,theme:p}=c(void 0,{name:"Disclaimer",styles:d,classNames:m}),g=(0,s.a)();return t||n?(0,r.FD)(i.Stack,{className:u.root,spacing:(0,i.rem)(4),children:[t&&(0,r.FD)(i.Box,{children:[(0,r.Y)(o.A,{className:u.icon,isSolid:!0,color:p.colors.yellow[8],size:g?18:24}),(0,r.Y)(a.Text,{size:"s4",weight:"semiBold",as:"span",className:u.title,children:t||h({id:"confirmLeavePage.title",defaultMessage:"Leaving HHG page"})})]}),(0,r.Y)(a.Text,{size:"p4",className:u.content,children:n})]}):null}},oXFM:function(e,t,n){"use strict";n.d(t,{o:function(){return Markdown}});var r=n("BGKE"),a=n("+OUp"),o=n("TSYQ"),i=n.n(o),l=n("h4z8"),s=n("rBCA");let c=(0,s.A)("div",{target:"e18kzt4e0"})("sup{position:relative;top:-0.5em;font-size:0.7em;}sub{position:relative;bottom:-0.5em;font-size:0.7em;}ul{padding-left:1.2em;list-style:inherit;}ol{padding-left:1.2em;}"),getMDInstance=()=>new l.F("full",{html:!0,linkTarget:"_blank"}),Markdown=e=>{let{children:t,className:n,...o}=e,l=(0,a.useMemo)(()=>getMDInstance(),[]),s=i()(n,"markdown"),d=(0,a.useMemo)(()=>{let e={...o};return"string"==typeof t?e.dangerouslySetInnerHTML={__html:l.render(t)}:e.children=t,e},[t]);return(0,r.Y)(c,{...d,className:s})}},mYBQ:function(e,t,n){"use strict";n.r(t),n.d(t,{NotificationsHandler:function(){return NotificationsHandler},showNotification:function(){return showNotification}});var r=n("BGKE");n("+OUp");var a=n("jj4h"),o=n("0Woy"),i=n("hvR8"),l=n.n(i),s=n("d30B"),c=n.n(s),d=n("X1xk"),m=n.n(d),h=n("l0B8"),u=n.n(h);function NotificationsHandler(){return(0,r.Y)(a.$,{position:"top-right",zIndex:2077,autoClose:5e3})}let showNotification=e=>{let{type:t,title:n,...a}=e,i={success:"green",danger:"red",warning:"yellow",info:"blue",firebase:"gray"},s={success:(0,r.Y)(m(),{width:20,height:20}),danger:(0,r.Y)(l(),{width:20,height:20}),warning:(0,r.Y)(u(),{width:20,height:20}),info:(0,r.Y)(c(),{width:20,height:20}),firebase:""},d=s[t];o.$e.show({title:(0,r.Y)("b",{children:n}),icon:d,withCloseButton:!0,closeButtonProps:{label:"Close alert"},...a,styles:e=>{let n=i[t]||"blue";return{root:{backgroundColor:e.colors[n][0],borderColor:e.colors[n][0],"&::before":{backgroundColor:e.white}},title:{color:e.colors[n][8]},description:{color:e.black},closeButton:{color:e.black,"&:hover":{backgroundColor:e.colors[n][0]}},icon:{backgroundColor:"transparent",padding:0}}}})}},"6TRF":function(e,t,n){"use strict";n.d(t,{p:function(){return SuccessBox}});var r=n("BGKE"),a=n("+OUp"),o=n("Wbba"),i=n("P+HS"),l=n("vH4S"),s=n("dDsW"),c=(0,l.createStyles)(()=>({heading:{textAlign:"center"},description:{textAlign:"center"},root:{display:"flex",flexDirection:"column",gap:12,alignItems:"center"},body:{display:"flex",flexDirection:"column",gap:8,alignItems:"center"},img:{height:160},button:{}}));let SuccessBox=e=>{let{heading:t,description:n,image:d,ctaText:m,styles:h,classNames:u,className:p,onClose:g,onInit:b}=e,{formatMessage:v}=(0,s.A)(),{classes:x,cx:y}=c(void 0,{name:"SuccessBox",styles:h,classNames:u});return(0,a.useEffect)(()=>{null==b||b()},[]),(0,r.FD)(l.Box,{className:y(p,x.root),children:[(0,r.FD)(l.Box,{className:x.body,children:[(0,r.Y)("img",{className:x.img,src:d||o.C.getAssetPath("complete.svg"),alt:"Thank you",loading:"lazy"}),t&&(0,r.Y)(i.Text,{size:"h4",className:x.heading,children:t}),n&&(0,r.Y)(i.Text,{size:"p2",className:x.description,sx:{textAlign:"center"},children:n})]}),(0,r.Y)(i.Button,{variant:"primary",className:x.button,onClick:()=>null==g?void 0:g(),children:m||v({id:"subot.landingPage.booking.done"})})]})}},"4Aeq":function(e,t,n){"use strict";n.d(t,{c:function(){return a}});var r=n("+OUp");let a=(0,r.createContext)({})},"7ndH":function(e,t,n){"use strict";n.d(t,{A:function(){return V}});var r=n("BGKE"),a=n("+OUp"),o=n("Wbba"),i=n("P+HS"),l=n("vH4S"),s=n("Iblh"),c=n("VoJx"),d=n.n(c),m=n("3CQ3"),h=n("a5L+"),u=n("AG8C"),p=n("9brV"),g=(0,l.createStyles)((e,t)=>{let{isModal:n,modalStyle:r,bgColor:a}=t;return{root:{},wrapper:{...n&&"fullscreen"===r&&{maxHeight:"100%",overflowY:"auto"},[e.fn.smallerThan("sm")]:{...n&&{height:"calc(100% - 70px)"}}},container:{display:"flex",gap:(0,l.rem)(16),alignItems:"center",[e.fn.smallerThan("sm")]:{flexDirection:"column",alignItems:"stretch",gap:(0,l.rem)(16)},[e.fn.largerThan("sm")]:{alignItems:"center",justifyContent:"space-evenly"}},bannerWrapper:{[e.fn.smallerThan("sm")]:{margin:"0 ".concat((0,l.rem)(-16))},[e.fn.largerThan("sm")]:{display:"flex",justifyContent:"center"}},bannerFrame:{[e.fn.largerThan("sm")]:{maxWidth:(0,l.rem)(552)}},bannerImg:{margin:0,[e.fn.smallerThan("sm")]:{"&.desktop":{display:"none"}},[e.fn.largerThan("sm")]:{maxHeight:640,"&.mobile":{display:"none"}}},formContainer:{},formWrapper:{},formFrame:{[e.fn.largerThan("sm")]:{backgroundColor:"#fff",maxWidth:(0,l.rem)(460),width:"100%",borderRadius:(0,l.rem)(20),border:"1px solid ".concat(a?"transparent":e.colors.neutral[1]),paddingTop:24,paddingLeft:32,paddingBottom:16,"&.has-scroll":{paddingRight:6,paddingBottom:32}}},form:{},formHeading:{fontSize:20,lineHeight:(0,l.rem)(26),[e.fn.largerThan("sm")]:{fontSize:22,lineHeight:(0,l.rem)(32)}},formControlList:{gap:12,[e.fn.largerThan("sm")]:{paddingTop:0}},formSubmitBtnWrapper:{paddingTop:8},formRoot:{},modal:{position:"fixed",top:0,left:0,right:0,bottom:0},skipBtn:{backgroundColor:"transparent",color:e.colors.gray[8],[e.fn.largerThan("sm")]:{color:"#8C8C8C"}},closeBtn:{position:"absolute",borderColor:"transparent",top:0,right:0},closeWithIconBtn:{top:"10px !important",right:"10px !important",width:32,height:32,borderRadius:"50%",backgroundColor:"#fff","&:hover":{backgroundColor:e.colors.neutral[0]}},scrollAreaThumb:{backgroundColor:"#D9D9D9"},scrollAreaViewport:{[e.fn.largerThan("sm")]:{paddingRight:(0,l.rem)(29),paddingBottom:0}},scrollAreaScrollbar:{[e.fn.largerThan("sm")]:{'&[data-orientation="vertical"]':{bottom:"50px !important"}},'&[data-orientation="horizontal"]':{display:"none"}}}}),b=n("4Aeq"),v=n("U+Ez"),x=n("oguI"),y=n("Tabs"),C=n("8BcA"),w=n.n(C),S=n("p46w"),B=n.n(S),T=n("dDsW"),Y=n("JOt+"),D=n("LSb+"),L=n("mYBQ"),E=n("6TRF"),N=n("ZL5V"),P=n("wA0V"),A=n("uYWT");let generateSchema=e=>A.Ik().shape({name:A.Yj().required(e({id:"onboarding.errorMessage.requiredName",defaultMessage:"Please fill your name"})),child_dob:A.p6().required(e({id:"bmi.ageInput.error",defaultMessage:"Please enter a valid age"})),phone:A.Yj().required(e({id:"carePathLead.form.requiredPhone",defaultMessage:"Please provide your phone number"})).min(12,e({id:"onboarding.updatePhone.error"})).max(15,e({id:"onboarding.updatePhone.error"})),term:A.lc().required(e({id:"onboarding.friso.term.error"})).oneOf([!0],e({id:"onboarding.friso.term.error"}))});var I=(0,l.createStyles)(e=>({root:{".PhoneInputInput":{backgroundColor:"#fff"}},wrapper:{display:"flex",flexDirection:"column",gap:(0,l.rem)(24)},controlList:{display:"flex",flexWrap:"wrap",gap:(0,l.rem)(12),[e.fn.smallerThan("sm")]:{flexDirection:"column"},[e.fn.largerThan("sm")]:{justifyContent:"space-between"},".phone-input":{"&,& .PhoneInput":{marginBottom:0}}},control:{flex:"0 0 48%"},nameControl:{flex:"none",width:"100%"},controlErr:{fontSize:(0,l.rem)(14)},hint:{textAlign:"center"},actionList:{display:"flex",[e.fn.smallerThan("sm")]:{flexDirection:"column",gap:"inherit"},[e.fn.largerThan("sm")]:{justifyContent:"space-between",alignItems:"center",gap:(0,l.rem)(16),width:"100%"}},submitBtn:{},successBox:{display:"flex",flexDirection:"column",gap:(0,l.rem)(8),alignItems:"center"},successImg:{width:(0,l.rem)(160)}}));let SoyaForm=e=>{let{title:t,description:n,ctaTitle:o,campaignCode:s,styles:c,classNames:d,className:m,primaryColor:u,thankYouMessage:g,onDone:b}=e,C=(0,P.m)(),S=(0,h.a)(),{formatMessage:A}=(0,T.A)(),{classes:F,cx:M}=I(void 0,{name:"LeadgenWithBannerForm",styles:c,classNames:d}),[W,H]=(0,a.useState)(!1),[_,R]=(0,a.useState)(!1),z=(0,x.m)({validate:(0,y.t)(generateSchema(A))});return(0,r.FD)(r.FK,{children:[(0,r.Y)(l.Box,{className:M(F.root,m),children:(0,r.FD)("form",{className:F.wrapper,onSubmit:z.onSubmit(e=>{if(!s)return;let t={...e,child_dob:e.child_dob?w()(e.child_dob).format("YYYY-MM-DD"):""};R(!0),(0,N.tL)(e.phone,s).then(async e=>{var n;if((null==e?void 0:null===(n=e._messages)||void 0===n?void 0:n[0])==="Phone was exist")z.setFieldError("phone",A({id:"carePathLead.form.existingVoucher",defaultMessage:"This phone received the voucher."})),R(!1);else{let e=await (0,Y.callApiNew)(D.PATHS.LEADGEN.POST_LEAD_LEAD,{method:"POST",params:{campaignCode:s},data:{url:window.location.href,title_article:document.title,referrer:window.location.href,meta:Object.keys(t).filter(e=>"term"!==e).map(e=>({key:e,value:t[e],control:"text"})),ga_client_id:B().get(p.pJ)}},"lead");(null==e?void 0:e._status)===1?(H(!0),z.setValues({name:"",child_dob:null,email:"",phone:"",term:!1})):(0,L.showNotification)({title:A({id:"notification.comment.somethingWrong"}),message:"",type:"danger"}),R(!1)}})}),children:[t&&(0,r.Y)(v.H,{tag:"h3",children:t}),n&&(0,r.Y)(i.Text,{size:"p3",children:n}),(0,r.FD)(l.Box,{className:F.controlList,children:[(0,r.Y)(i.Input,{className:M(F.control,F.nameControl),"data-event-category":"Chatbot","data-event-action":"Form Filling","data-event-label":C,label:(0,r.Y)(i.Text,{size:"s4",as:"label",children:A({id:"carePathLead.form.name",defaultMessage:"Name"})}),withAsterisk:!0,...z.getInputProps("name")}),(0,r.FD)(l.Input.Wrapper,{className:F.control,withAsterisk:!0,label:(0,r.Y)(i.Text,{size:"s4",as:"label",children:A({id:"carePathLead.form.phone",defaultMessage:"Phone number"})}),children:[(0,r.Y)(i.Phone,{defaultCountry:"ID","data-event-category":"Chatbot","data-event-action":"Form Filling","data-event-label":C,...z.getInputProps("phone")}),(0,r.Y)(l.Input.Error,{size:"md",children:z.errors.phone})]}),(0,r.Y)(i.DatePicker,{"data-event-category":"Chatbot","data-event-action":"Form Filling","data-event-label":C,classNames:{root:F.control},label:(0,r.Y)(i.Text,{size:"s4",as:"label",children:A({id:"carePathLead.form.dob",defaultMessage:"Child of DOB "})}),placeholder:"DD/MM/YYYY",maxDate:w()().toDate(),popoverProps:{...!S&&{withinPortal:!0,portalProps:{target:"#datepicker-popover-target"}}},...z.getInputProps("child_dob")}),(0,r.FD)(l.Box,{className:F.actionList,children:[(0,r.Y)(i.Checkbox,{classNames:{error:F.controlErr},label:(0,r.FD)("div",{children:["Saya sudah membaca dan menyetujui"," ",(0,r.Y)("a",{href:"https://www.generasimaju.co.id/event-dan-promo/promo/program-promo-voucher-sgm-soya-dengan-hello-sehat",target:"_blank",children:"Syarat dan Ketentuan Program."})]}),color:u,"data-event-category":"Chatbot","data-event-action":"Form Filling","data-event-label":C,...z.getInputProps("term",{type:"checkbox"}),sx:{a:{color:u}}}),(0,r.Y)(i.Button,{className:F.submitBtn,size:S?"md":"lg",variant:"primary",type:"submit",loading:_,color:u,fullWidth:S,"data-event-category":"Chatbot","data-event-action":"Form Submit","data-event-label":C,children:o||A({id:"carePathLead.form.submitBtn"})})]})]})]})}),(0,r.Y)(i.Modal,{target:p.D9,size:(0,l.rem)(408),opened:W,withCloseButton:!0,zIndex:303,styles:{header:{border:0,paddingBottom:0},body:{padding:(0,l.rem)(32)}},onClose:()=>{H(!1),null==b||b()},children:(0,r.Y)(E.p,{heading:g.title,description:g.description,onClose:()=>{H(!1),null==b||b()},styles:{button:{width:"100%",'&[data-variant="primary"],&[data-primary-btn="true"]':{"&:not(:disabled)":{backgroundColor:u,"&:hover":{backgroundColor:u}}}}}})})]})};var F=n("q9DY"),icons_DoubleArrowRight=e=>{let{size:t=20,color:n="#595959",...a}=e;return(0,r.FD)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",...a,children:[(0,r.Y)("path",{d:"M5.69875 6.70949C5.30875 7.09949 5.30875 7.72949 5.69875 8.11949L9.57875 11.9995L5.69875 15.8795C5.30875 16.2695 5.30875 16.8995 5.69875 17.2895C6.08875 17.6795 6.71875 17.6795 7.10875 17.2895L11.6988 12.6995C12.0887 12.3095 12.0887 11.6795 11.6988 11.2895L7.11875 6.70949C6.72875 6.31949 6.08875 6.31949 5.69875 6.70949Z",fill:n}),(0,r.Y)("path",{d:"M12.2886 6.70978C11.8986 7.09978 11.8986 7.72978 12.2886 8.11978L16.1686 11.9998L12.2886 15.8798C11.8986 16.2698 11.8986 16.8998 12.2886 17.2898C12.6786 17.6798 13.3086 17.6798 13.6986 17.2898L18.2886 12.6998C18.6786 12.3098 18.6786 11.6798 18.2886 11.2898L13.6986 6.69978C13.3186 6.31978 12.6786 6.31978 12.2886 6.70978Z",fill:n})]})},M=n("8MpR");let W=d()(()=>Promise.all([n.e(5163),n.e(6260),n.e(3760),n.e(866),n.e(1839),n.e(8666),n.e(2682),n.e(6400),n.e(1196)]).then(n.bind(n,"14Q+")).then(e=>e.Form),{loadableGenerated:{webpack:()=>["14Q+"]},ssr:!1}),Body=e=>{let{onDone:t,className:n,styles:o,classNames:s,scrollHeight:c=640}=e,d=(0,h.a)(),u=(0,P.m)(),{formatMessage:p}=(0,T.A)(),{detectPage:v}=(0,a.useContext)(m.d),{isSoya:x}=v,{modalBanner:y,isModal:C,modalStyle:w,data:S,primaryColor:B,onCloseForm:Y,close:D,isFullscreenModal:L,scrollable:E,closeBtnProps:N}=(0,a.useContext)(b.c),{classes:A,cx:I}=g({isModal:C,modalStyle:w},{name:"Form",styles:o,classNames:s}),{title:H,description:_,ctaButtonTitle:R,campaigns:z,campaignCode:O,banner:U,termAndCondition:V,thankYouMessage:j,isSkippable:G}=S,Q=x?(0,r.Y)(SoyaForm,{className:A.form,title:H,description:_,ctaTitle:R,campaignCode:O,term:V,thankYouMessage:j,primaryColor:B,onDone:t}):(0,r.Y)(W,{isModal:C,classNames:{root:A.form,container:A.formContainer,controlList:A.formControlList,formFrame:A.formFrame,formSubmitBtnWrapper:A.formSubmitBtnWrapper,heading:A.formHeading},campaign:z,thankYouMessage:j,isSkippable:G,onClose:e=>{e(),C&&D(),null==Y||Y()}}),q={dataEventCategory:"Leadgen Pop Up",dataEventAction:"Close Click",dataEventLabel:u,onClick:()=>D(),...N},Z=y?M.A.Wrapper:l.Box;return(0,r.FD)(l.Box,{className:I(n,A.root),children:[(0,r.FD)(l.Box,{className:A.wrapper,children:[y&&y,(0,r.Y)(Z,{children:(0,r.FD)(l.Box,{className:A.container,children:[(0,r.FD)(l.Box,{className:I(A.bannerWrapper,"banner-wrapper"),children:[(0,r.Y)("img",{className:I(A.bannerImg,"banner-img","desktop"),src:U.desktop,loading:"lazy",alt:""}),(0,r.Y)("img",{className:I(A.bannerImg,"banner-img","mobile"),src:U.mobile,loading:"lazy",alt:""})]}),(0,r.FD)(l.Box,{className:I(A.formWrapper,"form-wrapper"),children:[!d&&(0,r.Y)(l.Box,{id:"datepicker-popover-target",sx:{position:"relative",zIndex:1e3}}),d||!E?(0,r.Y)("div",{className:A.formFrame,children:Q}):(0,r.Y)(l.ScrollArea.Autosize,{mah:d?"100%":c,mx:"auto",className:I(A.formFrame,"has-scroll"),scrollbarSize:6,type:"always",classNames:{thumb:A.scrollAreaThumb,viewport:A.scrollAreaViewport,scrollbar:A.scrollAreaScrollbar},children:Q})]})]})})]}),G&&C?!d&&L?(0,r.Y)(i.Button,{...q,variant:"white",size:"lg",className:I(A.skipBtn,A.closeBtn),rightIcon:(0,r.Y)(icons_DoubleArrowRight,{size:18,color:"currentColor"}),children:p({id:"common.skip"})}):(0,r.Y)(i.Button,{...q,className:I(A.closeWithIconBtn,A.closeBtn),dataEventCategory:"Leadgen Pop Up",rightIcon:(0,r.Y)(F.A,{size:d?18:24})}):null]})};var H=n("doQp"),_=n.n(H),R=(0,l.createStyles)((e,t)=>{let{isFullScreen:n,showBanner:r}=t;return{root:{},topArea:{position:"relative"},dragHandler:{position:"absolute",top:0,left:0,right:0},drawerBody:{position:"relative",padding:0,...!r&&{height:"100%",display:"flex",alignItems:"center",".mantine-SuccessBox-root,.mantine-SuccessBox-body":{gap:24}},".mantine-SuccessBox-description":{textAlign:"left"}},drawerContent:{transitionProperty:"transform, opacity,height !important",...!n&&{borderTopLeftRadius:24,borderTopRightRadius:24}},bannerImg:{...!n&&{borderTopLeftRadius:8,borderTopRightRadius:8}},formArea:{padding:16},form:{},closeWithIconBtn:{position:"absolute",top:"10px !important",right:"10px !important",zIndex:1,width:40,height:40,borderRadius:"50%",backgroundColor:"#fff","&:hover":{backgroundColor:e.colors.neutral[0]}}}});let z=d()(()=>Promise.all([n.e(5163),n.e(6260),n.e(3760),n.e(866),n.e(1839),n.e(8666),n.e(2682),n.e(6400),n.e(1196)]).then(n.bind(n,"14Q+")).then(e=>e.Form),{loadableGenerated:{webpack:()=>["14Q+"]},ssr:!1}),DrawerModal=e=>{let{opened:t}=e,{isModal:n,data:o,close:s}=(0,a.useContext)(b.c),{campaigns:c,banner:d,thankYouMessage:m,isSkippable:h}=o,u=(0,P.m)(),g=(0,a.useRef)(null),v=(0,a.useMemo)(()=>.8*window.innerHeight,[]),[x,y]=(0,a.useState)(v),[C,w]=(0,a.useState)(!0),{classes:S}=R({isFullScreen:"100%"===x,showBanner:C},{name:"DrawerModal"});return(0,a.useEffect)(()=>{t||(y(v),w(!0));let e=["INPUT","SELECT"],handleFocus=function(){let t=document.activeElement;e.includes((null==t?void 0:t.tagName)||"")&&y("100%")};return setTimeout(()=>{var e;return null===(e=g.current)||void 0===e?void 0:e.addEventListener("click",handleFocus)},1e3),()=>{var e;null===(e=g.current)||void 0===e||e.removeEventListener("click",handleFocus)}},[t]),(0,r.FD)(l.Drawer.Root,{target:p.D9,opened:t,position:"bottom",closeOnClickOutside:!0,onClose:s,children:[(0,r.Y)(l.Drawer.Overlay,{}),(0,r.Y)(l.Drawer.Content,{className:S.drawerContent,sx:{height:x},onScroll:()=>y("100%"),children:(0,r.FD)(l.Drawer.Body,{className:S.drawerBody,children:[(0,r.Y)(i.Button,{variant:"white",className:S.closeWithIconBtn,dataEventCategory:"Leadgen Pop Up",dataEventAction:"Close Click",dataEventLabel:u,rightIcon:(0,r.Y)(F.A,{size:18}),onClick:()=>s()}),C&&(0,r.FD)(l.Box,{className:S.topArea,children:[(0,r.Y)(l.AspectRatio,{ratio:1.5,children:(0,r.Y)("img",{src:d.mobile,className:S.bannerImg,alt:"Đăng k\xfd xem Livestream ngay!",loading:"lazy"})}),(0,r.Y)(l.Box,{className:S.dragHandler,style:{display:"100%"===x?"none":"block"},children:(0,r.Y)(_(),{axis:"y",onDrag:(e,t)=>{t.lastY<0&&y(x-t.lastY)},onStop:()=>{let e=window.innerHeight;y(x<e/2?v:"100%")},children:(0,r.Y)(l.AspectRatio,{ratio:1.5,sx:{width:"100%"},children:(0,r.Y)("div",{style:{height:"100%"}})})})})]}),(0,r.Y)(l.Box,{className:S.formArea,ref:g,children:(0,r.Y)(z,{isModal:n,classNames:{root:S.form},campaign:c,thankYouMessage:m,isSkippable:h,onClose:e=>{e(),n&&s()},onShowThankyou:()=>w(!1)})})]})})]})};var O=(0,l.createStyles)((e,t)=>{let{bgColor:n}=t;return{root:{height:"100%",[e.fn.smallerThan("sm")]:{backgroundColor:"#fff",paddingTop:0},[e.fn.largerThan("sm")]:{backgroundColor:n||e.colors.neutral[0]}},wrapper:{},formFrame:{},bannerImg:{},container:{},modalBody:{}}});let U=d()(()=>Promise.all([n.e(5163),n.e(6260),n.e(3760),n.e(866),n.e(1839),n.e(8666),n.e(2682),n.e(6400),n.e(8401)]).then(n.bind(n,"YCSF")).then(e=>e.LeadgenBody),{loadableGenerated:{webpack:()=>["YCSF"]},ssr:!1});var V=(0,a.forwardRef)((e,t)=>{let{data:n,isModal:c,modalStyle:d="fullscreen",desktopModalType:g="normal",mobileModalType:v="fullscreen",onCloseForm:x,modalBanner:y,primaryColor:C,styles:w,className:S,classNames:B,hashToOpenModal:T="open-lead",onDone:Y,autoOpen:D,scrollable:L,closeBtnProps:E,submitBtnProps:N}=e,{detectPage:P}=(0,a.useContext)(m.d),{isSoya:A,isTiki:I}=P,F=(0,h.a)(),W=F?v:g,H="fullscreen"===W,{campaigns:_,backgroundColor:R,isSkippable:z}=n,{classes:V,cx:j,theme:G}=O({bgColor:R},{name:"LeadgenWithBanner",styles:w,classNames:B}),Q=(0,u.$)(),{asPath:q}=Q,[Z,{open:K,close:$}]=(0,s.j)(!1);(0,a.useImperativeHandle)(t,()=>({openModal:K,closeModal:$,isOpened:Z})),(0,a.useEffect)(()=>{if(c&&D&&(null==_||_.rules,1)){var e,t;let n=1e3*(Number(null===(t=((null==_?void 0:_.rules)||[]).filter(e=>"time"===e.rule))||void 0===t?void 0:null===(e=t[0])||void 0===e?void 0:e.value)||30);setTimeout(()=>{K()},n)}},[_]),(0,a.useEffect)(()=>{if(A&&c){var e;let t=null===(e=(window.location.hash||"").substring(1).toLowerCase().split("?"))||void 0===e?void 0:e[0];t.includes(T)?K():$()}},[q]),(0,a.useEffect)(()=>{if(c&&A){let onhashchange=()=>{window.location.hash==="#".concat(T)?K():$()};return window.addEventListener("hashchange",onhashchange,{passive:!0}),()=>window.removeEventListener("hashchange",onhashchange)}},[]);let X={root:V.wrapper,formFrame:V.formFrame,bannerImg:V.bannerImg,container:V.container};return A||!A&&_?(0,r.Y)(b.c.Provider,{value:{modalBanner:y,onDone:Y,modalStyle:d,isModal:c,data:n,primaryColor:C,close:$,onCloseForm:x,isFullscreenModal:H,modalType:W,scrollable:L,closeBtnProps:E,submitBtnProps:N},children:c?A?"drawer"===W?(0,r.Y)(DrawerModal,{opened:Z}):(0,r.Y)(i.Modal,{target:p.D9,opened:Z,closeOnClickOutside:z,fullScreen:"fullscreen"===g,zIndex:302,size:I?960:void 0,classNames:{body:V.modalBody},transitionProps:{transition:"pop"},styles:{header:{border:0,paddingBottom:0,display:"none"},body:{padding:0,height:"100%",...I&&{backgroundImage:"linear-gradient(139.59deg, #182EF3 2.87%, #021575 89.05%)",position:"relative",[G.fn.largerThan("sm")]:{height:"auto","&:before,&:after":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:0,backgroundRepeat:"no-repeat",backgroundPosition:"top"},"&:before":{backgroundImage:"url(".concat(o.C.getAssetPath("tiki/top-bg.png"),")"),backgroundSize:"contain"},"&:after":{backgroundImage:"url(".concat(o.C.getAssetPath("tiki/icon-bg-modal.png"),")"),backgroundSize:"contain",backgroundPosition:"left center"}},".mantine-LeadgenWithBanner-wrapper":{position:"relative",zIndex:1}}},inner:{height:"100%"},content:{height:I?"auto":"100% !important",...H&&{borderRadius:0}}},onClose:()=>{},children:(0,r.Y)(Body,{classNames:X,scrollHeight:480,onDone:()=>{$(),null==Y||Y()}})}):(0,r.Y)(l.Transition,{mounted:Z,transition:"fade",children:e=>(0,r.Y)("div",{style:e,children:(0,r.Y)(U,{onDone:()=>{$(),null==Y||Y()}})})}):(0,r.Y)(M.A.Wrapper,{className:j(S,V.root),"data-inline":"true",children:(0,r.Y)(Body,{classNames:X})})}):null})},"8MpR":function(e,t,n){"use strict";n.d(t,{A:function(){return m}});var r=n("BGKE"),a=n("P+HS"),o=n("vH4S"),i=n("a5L+"),l=(0,o.createStyles)(e=>({root:{"&.with-icon-style":{display:"flex",gap:16,[e.fn.smallerThan("sm")]:{gap:8,flexDirection:"column"},".inner":{display:"flex",gap:16,alignItems:"flex-start",[e.fn.smallerThan("sm")]:{alignItems:"center"}},".info":{display:"flex",flexDirection:"column",gap:4,[e.fn.largerThan("sm")]:{"&.no-desc":{minHeight:80,justifyContent:"center"}}},".desc-mobile":{[e.fn.largerThan("sm")]:{display:"none"}},".desc-desktop":{[e.fn.smallerThan("sm")]:{display:"none"}},".icon":{flexGrow:0},".icon-wrapper":{background:"#fff",borderRadius:"100%",border:"1px solid ".concat(e.colors.neutral[1]),img:{maxWidth:"80%"}}}}}));let Header=e=>{let{title:t,titleAs:n,description:s,icon:c,layout:d="normal",children:m,className:h,styles:u,classNames:p,...g}=e,b=(0,i.a)(),{classes:v,cx:x,theme:y}=l(void 0,{name:"ServiceConnections__SectionWrapper",styles:u,classNames:p});return"normal"===d?(0,r.FD)(o.Box,{className:x(h,v.root,"normal-style","header"),...g,children:[t&&(0,r.Y)(a.Text,{size:"h2",weight:"semiBold",variant:"primary",as:n||"h2",className:"heading-title title",children:t}),s&&(0,r.Y)(a.Text,{size:"p2",className:"description",variant:"tertiary",children:s}),m]}):"withIcon"===d?(0,r.FD)(o.Box,{className:x(h,v.root,"with-icon-style"),...g,children:[(0,r.FD)(o.Box,{className:"inner",children:[c&&(0,r.Y)(o.Box,{className:"icon",children:(0,r.Y)(o.AspectRatio,{ratio:1,sx:{width:40,[y.fn.largerThan("sm")]:{width:80}},children:(0,r.Y)(o.Flex,{justify:"center",align:"center",className:"icon-wrapper",children:(0,r.Y)("img",{src:c,alt:t,loading:"lazy"})})})}),(t||s)&&(0,r.FD)(o.Box,{className:"info ".concat(s?"":"no-desc"),children:[t&&(0,r.Y)(a.Text,{size:"h3",as:n||"h2",className:"heading-title title",children:t}),!b&&s&&(0,r.Y)(a.Text,{size:"p3",className:"desc desc-desktop",children:s})]})]}),b&&s&&(0,r.Y)(a.Text,{size:"p3",className:"desc desc-mobile",children:s})]}):null};var s=(0,o.createStyles)(()=>({root:{},header:{},innerClass:{}})),c=(0,o.createStyles)((e,t)=>{let{hasColor:n,bgColor:r,noPadding:a}=t;return{root:{backgroundColor:r,...!a&&{paddingTop:n?80:40,paddingBottom:n?80:40,[e.fn.smallerThan("sm")]:{paddingTop:32,paddingBottom:32}}},innerClass:{gap:16,[e.fn.largerThan("sm")]:{gap:24}},withIconLayout:{display:"flex",gap:16,[e.fn.smallerThan("sm")]:{gap:8,flexDirection:"column"},".inner":{display:"flex",gap:16,[e.fn.smallerThan("sm")]:{alignItems:"center"}},".info":{display:"flex",flexDirection:"column",gap:4},".desc-mobile":{[e.fn.largerThan("sm")]:{display:"none"}},".desc-desktop":{[e.fn.smallerThan("sm")]:{display:"none"}}}}}),d=n("+OUp");let Wrapper=e=>{let{title:t,titleAs:n,description:a,icon:i,children:l,bgColor:s,className:m,classNames:h,layout:u,styles:p,innerClass:g="hhg-page-container",noPadding:b,defaultColor:v="transparent",...x}=e,y=(0,d.useMemo)(()=>s||v,[]),C=0===["","#fff","#fff","transparent"].filter(e=>e===y.toLowerCase()).length,{classes:w,cx:S}=c({bgColor:y,noPadding:b,hasColor:C},{name:"ServiceConnections__SectionWrapper-Wrapper",styles:p,classNames:h});return(0,r.Y)(o.Box,{className:S(w.root,m),"data-has-color":C,...C&&{"data-color":y},...x,children:(0,r.Y)(o.Stack,{className:S(g,w.innerClass),children:l})})},SectionWrapper=e=>{let{title:t,titleAs:n,description:a,icon:o,children:i,layout:l="normal",innerClass:c,styles:d,className:m,classNames:h,applyH1:u,...p}=e,{classes:g,cx:b}=s(void 0,{name:"ServiceConnections__SectionWrapper",styles:d,classNames:h});return(0,r.FD)(Wrapper,{classNames:{root:b(m,"section-wrapper",g.root),innerClass:g.innerClass},...p,children:[(t||a)&&(0,r.Y)(Header,{className:g.header,title:t,description:a,icon:o,titleAs:n||(u?"h1":void 0),layout:l}),i||i]})};SectionWrapper.Header=Header,SectionWrapper.Wrapper=Wrapper;var m=SectionWrapper},ZL5V:function(e,t,n){"use strict";n.d(t,{Qs:function(){return onResendCode},o4:function(){return saveLeadApi},tL:function(){return verifyPhoneExistByCampaignCodeApi},vv:function(){return verifyPhoneExistApi}});var r=n("8BcA"),a=n.n(r),o=n("JOt+"),i=n("LSb+"),l=n("aVqH"),s=n("bPK4");let verifyPhoneExistApi=async e=>await (0,l.$$)((0,s.WH)(i.PATHS.LEADGEN.POST_LEAD_FRISO_VERIFY_PHONE_EXIST),"POST",{data:{phone:e}}),verifyPhoneExistByCampaignCodeApi=async(e,t)=>await (0,o.callApiNew)(i.PATHS.LEADGEN.POST_LEAD_VERIFY_EXIST_PHONE,{method:"POST",data:{phone:e,campaign_code:t}},"lead"),saveLeadApi=async e=>{let{first_name:t,last_name:n,address:r,dob:o,email:c,phone:d}=e||{};return await (0,l.$$)((0,s.WH)(i.PATHS.LEADGEN.POST_LEAD_LEAD,{campaignCode:"lhdqxfoggwgskbb"}),"POST",{data:{url:window.location.href,title_article:document.title,referrer:"hlbs_pooptracker",meta:[{key:"first_name",value:t||"",control:"text"},{key:"last_name",value:n||"",control:"text"},{key:"due_date_dob",value:o?a()(o).format("YYYY-MM-DD"):"",control:"due_date_dob"},{key:"province",value:(null==r?void 0:r.selectedProvince)||"",control:"province"},{key:"email",value:c||"",control:"email"},{key:"phone",value:d||"",control:"tel"},{key:"address",value:r?[(null==r?void 0:r.selectedProvince)||"",(null==r?void 0:r.selectedDistrict)||"",(null==r?void 0:r.selectedWard)||"",(null==r?void 0:r.extraInfo)||""].join("; "):"",control:"text"}]}})},onResendCode=async e=>{await (0,l.$$)((0,s.WH)(i.PATHS.LEADGEN.POST_LEAD_SEND_OTP),"POST",{data:{phone_number:e}})}},"3CQ3":function(e,t,n){"use strict";n.d(t,{d:function(){return a}});var r=n("+OUp");let a=(0,r.createContext)({})},z6SF:function(e,t,n){"use strict";n.d(t,{m:function(){return useHandlerUrls}});var r=n("+OUp"),a=n("S7Sk");function useHandlerUrls(e){let[t,n]=(0,r.useState)([]);return(0,r.useEffect)(()=>{let t=[];e.forEach(e=>{let n="";e.startsWith("http")?n=e:e.startsWith("#")&&(n="".concat(window.location.origin).concat(window.location.pathname).concat(e));let r=!1,o=!1,i=e.startsWith("http")||e.startsWith("#");if(n)try{let e=new URL(n),l=e.origin===window.location.origin;r=(o=!(a.RM.some(t=>e.origin.endsWith(t))||l))||e.pathname.startsWith("/care/")||e.pathname.startsWith("/community/"),t.push({formatUrl:n,isValidUrl:i,isExternalUrl:r,isExternalSite:o,isInternalSite:!o,isCurrentSite:!o&&e.pathname===window.location.pathname})}catch(e){console.warn("Invalid URL:",n),t.push({formatUrl:"",isValidUrl:!1,isExternalUrl:!1,isExternalSite:!1,isInternalSite:!1,isCurrentSite:!1})}else t.push({formatUrl:"",isValidUrl:!1,isExternalUrl:!1,isExternalSite:!1,isInternalSite:!1,isCurrentSite:!1})}),n(t)},[]),t}},HVmw:function(e,t,n){"use strict";n.d(t,{k:function(){return useLeavePageConfirm}});var r=n("+OUp"),a=n("CWxQ"),o=n("VnHZ"),i=n("S7Sk");function useLeavePageConfirm(e){let{dispatch:t}=(0,r.useContext)(o.B),n=(0,r.useCallback)(n=>{let r=new URL(e),o=i.RM.some(e=>r.origin.endsWith(e));o||(n.preventDefault(),t({type:a.Q.SET_OPEN_CONFIRM_LEAVE_PAGE_POPUP,payload:e}))},[e]);return{handleClick:n}}},"5p3F":function(e,t,n){"use strict";function hexToHsb(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],{h:n,s:r,l:a}=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=0,r=0,a=0;4==e.length?(n="0x"+e[1]+e[1],r="0x"+e[2]+e[2],a="0x"+e[3]+e[3]):7==e.length&&(n="0x"+e[1]+e[2],r="0x"+e[3]+e[4],a="0x"+e[5]+e[6]),n/=255,r/=255,a/=255;let o=Math.min(n,r,a),i=Math.max(n,r,a),l=i-o,s=0,c=0,d=0;return(s=Math.round(60*(s=0==l?0:i==n?(r-a)/l%6:i==r?(a-n)/l+2:(n-r)/l+4)))<0&&(s+=360),d=(i+o)/2,c=+(100*(c=0==l?0:l/(1-Math.abs(2*d-1)))).toFixed(1),d=+(100*d).toFixed(1),t?{h:s,s:c,l:d}:"hsl("+s+","+c+"%,"+d+"%)"}(e,!0),o=a+r/100*Math.min(a,100-a),i=0===o?0:2*(1-a/o)*100;return t?{h:n,s:i,b:o}:"hsb(".concat(n,",").concat(i,", ").concat(o,")")}function hexToRgb(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=!1,r=e.slice(e.startsWith("#")?1:0);3===r.length?r=[...r].map(e=>e+e).join(""):8===r.length&&(n=!0),r=parseInt(r,16);let a={r:r>>>(n?24:16),g:(r&(n?16711680:65280))>>>(n?16:8),b:(r&(n?65280:255))>>>(n?8:0)},o=n?255&r:void 0;return t?{...a,a:o}:"rgb"+(n?"a":"")+"("+a.r+", "+a.g+", "+a.b+(n?", ".concat(o/255):"")+")"}function rgbToHsb(e,t,n){e/=255,t/=255,n/=255;let r=Math.max(e,t,n),a=r-Math.min(e,t,n),o=0===a?0:a&&r===e?(t-n)/a:r===t?2+(n-e)/a:4+(e-t)/a;return[60*(o<0?o+6:o),r&&a/r*100,100*r]}function hsbToRgb(e,t,n){t/=100,n/=100;let k=t=>(t+e/60)%6,f=e=>n*(1-t*Math.max(0,Math.min(k(e),4-k(e),1)));return[255*f(5),255*f(3),255*f(1)]}n.d(t,{E2:function(){return hexToRgb},SQ:function(){return isMantineColor},sO:function(){return hsbToRgb},uQ:function(){return hexToHsb},wm:function(){return rgbToHsb}});let isMantineColor=(e,t)=>e in t.colors},d30B:function(e,t,n){var r=n("+OUp");function Info(e){return r.createElement("svg",e,[r.createElement("path",{d:"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z",fill:"#2D87F3",key:0}),r.createElement("path",{d:"M8 11V8",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",key:1}),r.createElement("path",{d:"M8 5H8.01",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",key:2})])}Info.defaultProps={width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e.exports=Info,Info.default=Info},hvR8:function(e,t,n){var r=n("+OUp");function Danger(e){return r.createElement("svg",e,[r.createElement("path",{d:"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",fill:"#262626",key:0}),r.createElement("path",{d:"M14.8286 9.17163L9.17176 14.8285",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",key:1}),r.createElement("path",{d:"M9.17139 9.17163L14.8282 14.8285",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",key:2})])}Danger.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e.exports=Danger,Danger.default=Danger},X1xk:function(e,t,n){var r=n("+OUp");function Success(e){return r.createElement("svg",e,[r.createElement("path",{d:"M10.0001 18.3334C14.6025 18.3334 18.3334 14.6024 18.3334 10C18.3334 5.39765 14.6025 1.66669 10.0001 1.66669C5.39771 1.66669 1.66675 5.39765 1.66675 10C1.66675 14.6024 5.39771 18.3334 10.0001 18.3334Z",fill:"#00B16A",key:0}),r.createElement("path",{d:"M13.8333 7.5L8.33325 12.5L5.83325 10.2273",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",key:1})])}Success.defaultProps={width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e.exports=Success,Success.default=Success},l0B8:function(e,t,n){var r=n("+OUp");function Warning(e){return r.createElement("svg",e,r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 1.66666C5.4 1.66666 1.66667 5.39999 1.66667 9.99999C1.66667 14.6 5.4 18.3333 10 18.3333C14.6 18.3333 18.3333 14.6 18.3333 9.99999C18.3333 5.39999 14.6 1.66666 10 1.66666ZM10 10.8333C9.54167 10.8333 9.16667 10.4583 9.16667 9.99999V6.66666C9.16667 6.20832 9.54167 5.83332 10 5.83332C10.4583 5.83332 10.8333 6.20832 10.8333 6.66666V9.99999C10.8333 10.4583 10.4583 10.8333 10 10.8333ZM9.16667 12.5V14.1667H10.8333V12.5H9.16667Z",fill:"#FE921D"}))}Warning.defaultProps={width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e.exports=Warning,Warning.default=Warning}}]);