"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3158],{M61M:function(e,t,a){a.d(t,{w:function(){return CustomerFeedback}});var r=a("BGKE"),i=a("q1tI"),n=a("R7WV"),o=a("qQsD"),l=a("wp0n"),d=a("Zdfy"),c=a("RGvF"),s=a("JPg4"),p=a("dDsW"),h=a("CLWb"),u=a("HHCU"),g=a("hXNO"),m=a("P5LW"),f=a("rIrU"),b=a("jY7X"),x=a("iBNF");let y=[{bg:x.r.colors.blue50,color:x.r.colors.blue600},{bg:x.r.colors.green50,color:x.r.colors.green700},{bg:x.r.colors.yellow50,color:x.r.colors.yellow700}];var w=a("rBCA"),v=a("mYVa");let k=(0,w.Z)("div",{target:"evqgil30"})("display:flex;align-items:center;gap:",(0,v.h)(2),";div{gap:",(0,v.h)(0),";svg{width:",(0,v.h)(16),";height:",(0,v.h)(16),";}}"),Z=(0,w.Z)("div",{target:"evqgil31"})("display:flex;gap:",(0,v.h)(12),";.mantine-Badge-root{width:",(0,v.h)(40),";height:",(0,v.h)(40),";padding:0;margin-right:",(0,v.h)(8),";.mantine-Badge-inner{display:flex;align-items:center;justify-content:center;}}"),CustomerFeedbackItem=e=>{let{user_name:t,user_avatar:a,service_type:i,rating:d,review_content:s,review_id:u,slug:x,listing_id:w,index:v,is_anonymous:C}=e,{formatMessage:B}=(0,p.Z)(),{locale:D}=(0,m.h)(),N=(0,g.d)(),T=y[v%3],M=(0,b.WD)(i.toUpperCase(),D),S="".concat(M).concat(x,"-").concat(w,"/").concat(N?"?reviewID=".concat(u,"&view=dedicated-user-reviews"):"reviews/?reviewID=".concat(u));return(0,r.tZ)(h.F,{href:S,children:(0,r.tZ)("div",{className:"w-[240px] h-[320px] md:w-[402px] md:h-[208px] rounded-2xl border border-solid border-gray200 p-4 cursor-pointer",children:(0,r.BX)("div",{className:"flex flex-col gap-4",children:[(0,r.BX)("div",{className:"flex flex-col md:flex-row md:items-start gap-4 md:gap-0 md:justify-between",children:[(0,r.BX)(Z,{children:[C?(0,r.tZ)(c.C,{children:(0,r.tZ)(n.I,{src:"".concat(f.sb,"/svg/anonymous-avatar.svg"),alt:"anonymous avatar",width:40,height:40,className:"object-contain w-[40px] h-[40px]"})}):a?(0,r.tZ)(n.I,{alt:t,src:a||f.DP,width:40,height:40,className:"rounded-full object-cover w-[40px] h-[40px]"}):(0,r.tZ)(c.C,{bg:T.bg,children:(0,r.tZ)(l.T,{size:"p3",fw:500,color:T.color,children:null==t?void 0:t.charAt(0)})}),(0,r.BX)("div",{className:"flex flex-col gap-1",children:[(0,r.tZ)(l.T,{size:"p3",fw:600,color:"gray1000",lineClamp:1,maw:200,children:C?B({id:"cardPost.anonymous",defaultMessage:"Anonymous"}):t}),(0,r.tZ)(l.T,{size:"c1",fw:400,color:"gray400",lineClamp:1,maw:200,children:B({id:"home.section.customerFeedback.".concat(i),defaultMessage:i})})]})]}),d&&(0,r.tZ)(k,{children:(0,r.tZ)(o.t,{value:d,readOnly:!0})})]}),(0,r.tZ)(l.T,{size:"p3",fw:400,color:"gray700",lineClamp:N?10:6,children:s})]})})})},CustomerFeedback=e=>{let{feedbacks:t,showAllLink:a,sectionName:n,classes:o}=e,l=(0,i.useRef)((0,s.Z)({delay:7e3,stopOnInteraction:!1}));return(0,r.tZ)(u.N,{sectionName:{id:n.id,defaultMessage:n.defaultMessage},showAllLink:a,classes:{titleAndControls:"hhg-page-container md:px-[21px]",...o},carouselProps:{plugins:[l.current],slideSize:"auto",loop:!1,slideGap:24,sx:{"& .mantine-Carousel-viewport":{padding:"0 1rem"}}},children:null==t?void 0:t.map((e,t)=>(0,r.tZ)(d.l.Slide,{children:(0,r.tZ)(CustomerFeedbackItem,{...e,rating:e.rating||0,index:t})},e.listing_id))})}},Rvy5:function(e,t,a){a.d(t,{Qt:function(){return h},SE:function(){return c},bh:function(){return u},eD:function(){return m},gm:function(){return g},il:function(){return modalStyles},k1:function(){return b},nH:function(){return p},uH:function(){return f}});var r,i=a("AeFk"),n=a("rBCA"),o=a("wp0n"),l=a("iBNF"),d=a("uuQu");let c=(0,n.Z)("div",{target:"e3clnwr0"})("position:relative;display:flex;flex-direction:column;align-items:start;justify-content:start;isolation:isolate;background:",null===l.r||void 0===l.r?void 0:l.r.colors.white,";border:1px solid ",null===l.r||void 0===l.r?void 0:l.r.colors.pink200,";border-radius:12px;width:100%;.card-header{position:relative;width:100%;text-align:center;display:flex;align-items:center;flex-direction:column;padding:8px 48px;background-color:",null===l.r||void 0===l.r?void 0:null===(r=l.r.colors)||void 0===r?void 0:r.pink100,";border-top-left-radius:12px;border-top-right-radius:12px;.left-arrow{left:1rem;}.right-arrow{right:1rem;}}",d.M.mbDown,"{/* padding:16px;*/}"),s=(0,i.F4)("from{opacity:0;}to{opacity:1;}"),p=(0,n.Z)("div",{target:"e3clnwr1"})("/* margin-top:24px;*/\n padding:16px;display:flex;align-items:center;justify-content:space-around;gap:40px;width:100%;opacity:0;min-height:340px;animation:",s," 300ms ease-in-out forwards;",d.M.mbDown,"{width:100%;flex-direction:column;gap:8px;}",d.M.mbUp,"{padding:24px;}&[data-is-over-pregnancy='true']{text-align:center;flex-direction:column;gap:24px;min-height:356px;p{white-space:pre-line;}}.btn-group{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:580px;",d.M.mbDown,"{width:100%;flex-direction:column;padding-left:24px;padding-right:24px;& > button{width:100%;}}}.baby-img-by-week{width:180px;height:180px;}"),h=(0,n.Z)("div",{target:"e3clnwr2"})("display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;border:1px solid ",l.r.colors.neutral100,";background-color:",l.r.colors.neutral50,";.week-image{display:flex;align-items:center;justify-content:center;padding:8px;gap:10px;width:48px;min-width:48px;height:48px;background:#ffffff;box-shadow:0px 4px 8px rgba(0,0,0,0.04),0px 0px 2px rgba(0,0,0,0.06),0px 0px 1px rgba(0,0,0,0.04);border-radius:64px;img{width:32px;height:32px;}}"),u=(0,n.Z)("div",{target:"e3clnwr3"})("display:flex;flex-direction:column;gap:16px;flex:1;/* max-width:320px;*/\n /* width:100%;*/\n\n .week-detail{height:100%;background:#ffffff;a{/* Prevent user click to the link generated CMS. There is another place to have CTA Link already and want to focus on it */\n pointer-events:none !important;}}",d.M.mbUp,"{padding-top:36px;padding-bottom:36px;}",d.M.mbDown,"{max-width:initial;}"),g=(0,n.Z)("div",{target:"e3clnwr4"})("display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;.due-date-reached-image{max-width:120px;margin-bottom:24px;object-fit:contain;",d.M.mbUp,"{max-width:160px;margin-bottom:8px;}}"),m=(0,n.Z)("div",{target:"e3clnwr5"})("display:flex;align-items:center;padding:8px 16px;gap:16px;&[data-selected='true']{&,&:hover{background-color:",null===l.r||void 0===l.r?void 0:l.r.colors.primary100,";}}&:hover{background-color:",null===l.r||void 0===l.r?void 0:l.r.colors.primary50,";}"),f=(0,n.Z)(o.T,{target:"e3clnwr6"})("display:flex;align-items:center;justify-content:center;gap:5px;pointer-events:none;&[data-absolute='true']{gap:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}"),b={root:{width:"100%",textAlign:"center"},dropdown:{width:"100% !important",border:"1px solid ".concat(null===l.r||void 0===l.r?void 0:l.r.colors.neutral100),minWidth:"270px",maxWidth:"370px",padding:"8px 16px 8px 0px",boxShadow:"0px 10px 16px rgba(0, 0, 0, 0.04), 0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)",borderRadius:"8px"},wrapper:{opacity:0,minHeight:32},input:{width:"100%",textAlign:"center",minWidth:"100px",fontSize:"inherit",lineHeight:"60px",overflow:"auto",color:"inherit",border:0,"&:hover, &:focus":{border:0,boxShadow:"none"}},item:{"&[data-selected]":{"&, &:hover":{backgroundColor:null===l.r||void 0===l.r?void 0:l.r.colors.primary100}},"&[data-hovered]":{backgroundColor:null===l.r||void 0===l.r?void 0:l.r.colors.primary50}}},modalStyles=e=>({body:{padding:0},content:{position:"relative",borderRadius:6,padding:"32px 16px 24px 16px",[e.fn.largerThan("sm")]:{padding:"48px 32px 64px 32px",maxWidth:"407px"}},header:{display:"none"}})},uFPy:function(e,t,a){a.d(t,{Q:function(){return DueDateCalculatorCard}});var r=a("BGKE"),i=a("q1tI"),n=a("iBNF"),o=a("XFb3"),l=a("wp0n"),d=a("fdQd"),c=a("fNFL"),s=a("u7wK"),p=a("8wjV"),h=a("Eso5"),u=a("SPK5"),g=a("Wgwc"),m=a.n(g),f=a("dDsW"),b=a("bct8"),x=a("raAP"),y=a("hXNO"),w=a("P5LW"),v=a("rIrU"),k=a("3Pfo"),Z=a("aNTj"),C=a("R7WV"),B=a("MmHG"),D=a("YFqc"),N=a.n(D);function isValidNumeric(e){return"string"==typeof e&&!isNaN(e)&&!isNaN(parseFloat(e))&&0!==parseFloat(e)}let renderWeekHeader=e=>{let{selectedWeek:t,data:a,isMobile:i,f:n}=e;return t<=3?n({id:"pregnancyTool.description.conceived",defaultMessage:"Your Baby has yet to be conceived"},{b:function(e){return(0,r.tZ)(B.T,{as:"span",size:i?"s3":"s4",type:"semiBold",children:e})}}):isValidNumeric(a.height)&&isValidNumeric(a.weight)?a.fruit_name&&""!==a.fruit_name?n({id:"pregnancyTool.description.withFullMeasurement",defaultMessage:"Your Baby is cm & kg and as big as a "},{height:function(e){return(0,r.BX)(B.T,{as:"span",size:i?"s3":"s4",type:"semiBold",children:[a.height," ",e]})},weight:function(e){return(0,r.BX)(B.T,{as:"span",size:i?"s3":"s4",type:"semiBold",children:[a.weight," ",e]})},fruitName:function(){return(0,r.tZ)(B.T,{as:"span",size:i?"s3":"s4",type:"semiBold",children:a.fruit_name})}}):n({id:"pregnancyTool.description.withMeasurement",defaultMessage:"Your Baby is cm & kg "},{height:function(e){return(0,r.BX)(B.T,{as:"span",size:i?"s3":"s4",type:"semiBold",children:[a.height," ",e]})},weight:function(e){return(0,r.BX)(B.T,{as:"span",size:i?"s3":"s4",type:"semiBold",children:[a.weight," ",e]})}}):n({id:"pregnancyTool.description",defaultMessage:"Your Baby is as big as a "},{fruitName:function(){return(0,r.tZ)(B.T,{as:"span",size:i?"s3":"s4",type:"semiBold",children:a.fruit_name})}})};var T=a("Rvy5");let BabyWeekHeader=e=>{let{data:t,selectedWeek:a}=e,i=(0,y.d)(),{formatMessage:o}=(0,f.Z)();return t?(0,r.BX)(T.Qt,{className:"week-header",children:[(0,r.tZ)("div",{className:"week-image",children:(0,r.tZ)(C.I,{src:t.fruit_icon,alt:"fruit icon"})}),(0,r.tZ)(B.T,{size:i?"p3":"p4",color:n.r.colors.gray700,children:renderWeekHeader({data:t,selectedWeek:a,isMobile:i,f:o})})]}):null},CardContent=e=>{let{selectedWeek:t,currentWeek:a,dueDateWeeks:i,onReachClick:o,onTrackPeriod:l}=e,{formatMessage:d}=(0,f.Z)(),c=i[t-1],s=(0,y.d)(!0),g=(0,x.U)(),m=!!a&&a>=39&&t>=39&&t<=41,b=t>=41&&t<=44;return(0,r.tZ)(T.nH,{"data-is-reach-due-date":m,"data-is-over-pregnancy":b,children:b?(0,r.BX)(u.k,{gap:24,direction:"column",children:[(0,r.tZ)(B.T,{size:s?"p3":"p4",color:n.r.colors.gray700,children:d({id:"pregnancyTool.dueDateCard.over.message",defaultMessage:"Your pregnancy is over. Recalculate to track your period!"},{b:function(e){return(0,r.tZ)(B.T,{size:s?"p3":"p4",color:n.r.colors.gray700,children:e})}})}),(0,r.BX)("div",{className:"btn-group",children:[(0,r.tZ)(p.B,{variant:"secondary",size:"md",onClick:l,theme:"marryBaby",fullWidth:!1,children:d({id:"pregnancyTool.dueDateCard.trackPeriod"})}),m&&(0,r.tZ)(p.B,{variant:"secondary",size:"md",onClick:o,theme:"marryBaby",fullWidth:!1,children:d({id:"health.dueDateCalculator.reachedDueDate"})})]})]}):(0,r.BX)(u.k,{gap:s?16:48,pl:s?0:16,direction:s?"column":"row",align:"center",children:[s&&(0,r.tZ)(BabyWeekHeader,{data:null==i?void 0:i[t-1],selectedWeek:t}),(null==c?void 0:c.icon)&&(0,r.tZ)(h.x,{w:180,miw:180,children:(0,r.tZ)(C.I,{className:"baby-img-by-week",src:c.icon,alt:c.title||""})}),function(e){let a=null==i?void 0:i[e-1];if(a){var l;return(0,r.BX)(T.bh,{children:[!s&&(0,r.tZ)(BabyWeekHeader,{data:a,selectedWeek:t}),(0,r.BX)("div",{className:"week-detail",children:[(0,r.tZ)(B.T,{size:s?"p3":"p4",color:n.r.colors.gray700,dangerouslySetInnerHTML:{__html:a.content}}),(0,r.tZ)(N(),{prefetch:!1,href:(null===(l=a.recommended_article)||void 0===l?void 0:l.permalink)||"#",children:(0,r.tZ)(p.B,{color:"transparent",size:"sm",variant:"white",className:"pointer-event-child-none","data-event-category":"Health Tool","data-event-action":"Due Date - You Need to Know","data-event-label":g,sx:{padding:"4px 0",height:"auto",".mantine-Button-label":{whiteSpace:"normal"}},children:(0,r.BX)(B.T,{as:"span",size:s?"s3":"s4",type:"semiBold",color:n.r.colors.pink800,children:[d({id:"dueDatePage.week_of_pregnancy",defaultMessage:""},{weekNumber:t}),":"," ",d({id:"dueDatePage.all_to_know",defaultMessage:"All You Need to Know"}),(0,r.tZ)("svg",{className:"align-middle",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:(0,r.tZ)("path",{d:"M9.80322 8.99999L6.93746 6.13424C6.62696 5.82374 6.62696 5.31974 6.93746 5.00924C7.24796 4.69874 7.75196 4.69874 8.06246 5.00924L11.523 8.46974C11.8162 8.76299 11.8162 9.23774 11.523 9.53024L8.06246 12.9907C7.75196 13.3012 7.24796 13.3012 6.93746 12.9907C6.62696 12.6802 6.62696 12.1762 6.93746 11.8657L9.80322 8.99999Z",fill:n.r.colors.pink800})})]})})})]}),m&&(0,r.tZ)(h.x,{mt:-8,children:(0,r.tZ)(p.B,{variant:"secondary",size:"md",onClick:o,theme:"marryBaby",fullWidth:s,children:d({id:"health.dueDateCalculator.reachedDueDate"})})})]})}}(t)]})},t)};var M=a("2GKc");let CardHeader=e=>{let{selectedWeek:t,firstDay:a,dueDateWeeks:c,onSelectWeek:s,onClickWeek:p}=e,{formatMessage:u}=(0,f.Z)(),g=(0,y.d)(),b=(0,x.U)(),{locale:C}=(0,w.h)(),{isLoaded:B}=(0,o.u)(C),D=m()(a).add(7*Number(t-1),"day"),N=m()(a).add(7*Number(t-1)+6,"day"),S=(0,i.useMemo)(()=>Array.from({length:44}).map((e,t)=>{var r;return{value:String(t+1),fruitIcon:null===(r=c[t])||void 0===r?void 0:r.fruit_icon,firstDay:a,label:u({id:"dueDateTool.weekNumber",defaultMessage:"Week {weekNumber}"},{weekNumber:t+1})}}),[a,c]);return((0,i.useEffect)(()=>{setTimeout(()=>{{let e=document.querySelector("#select-header.mantine-Input-input");e&&Z.E.mutate(()=>{e.classList.add("pointer-event-child-none"),e.dataset.eventCategory="Health Tool",e.dataset.eventAction="Due Date Week Click",e.dataset.eventLabel=b,e.style.fontSize="inherit",e.style.lineHeight="inherit",e.style.height="inherit"})}},1e3)},[]),B)?g?(0,r.BX)(h.x,{onClick:p,className:"pointer-event-child-none","data-event-category":"Health Tool","data-event-action":"Due Date Week Click","data-event-label":b,children:[(0,r.BX)(T.uH,{size:"h4",weight:"semiBold",color:n.r.colors.gray800,children:[(0,r.tZ)("span",{children:u({id:"dueDateTool.weekNumber",defaultMessage:"Week {weekNumber}"},{weekNumber:t})}),(0,r.tZ)("img",{src:"".concat(v.uQ,"/arrow-down.svg"),alt:"",loading:"lazy",width:8})]}),(0,r.tZ)(l.T,{size:"p3",color:n.r.colors.gray600,children:"".concat(D.date()," - ").concat(N.format(k.TT[C])," ")})]}):(0,r.BX)(r.HY,{children:[(0,r.tZ)(d.S,{id:"select-header",size:"md",maxDropdownHeight:300,data:S,value:String(t),itemComponent:M.P,variant:"unstyled",inputContainer:e=>(0,r.BX)(h.x,{pos:"relative",children:[e,(0,r.BX)(T.uH,{size:"h4",weight:"semiBold","data-absolute":"true",color:n.r.colors.gray800,children:[(0,r.tZ)("span",{children:u({id:"dueDateTool.weekNumber",defaultMessage:"Week {weekNumber}"},{weekNumber:t})}),(0,r.tZ)("img",{src:"".concat(v.uQ,"/arrow-down.svg"),alt:"",loading:"lazy"})]})]}),styles:T.k1,onChange:s,rightSection:(0,r.tZ)(r.HY,{})}),(0,r.tZ)(l.T,{size:"p4",color:n.r.colors.gray600,children:"".concat(D.format(k.TT[C])," - ").concat(N.format(k.TT[C])," ")})]}):null};function DueDateCalculatorCard(e){let{firstDay:t,onClickGoToOvulationTool:a,dueDateWeeks:o,currentWeek:d,selectedWeek:g,onClickWeek:m}=e,{formatMessage:x}=(0,f.Z)(),[w,k]=(0,i.useState)(!1),Z=(0,y.d)(),[C,B]=(0,i.useState)(null),[D,N]=(0,i.useState)(!1),[M,S]=(0,i.useState)(0);(0,i.useEffect)(()=>{S(Z?g:d)},[g,d]);let W=(0,i.useCallback)(()=>{k(!1)},[]),z=(0,i.useCallback)(e=>{B(e),N(!1)},[]),X=(0,i.useCallback)(()=>{C?a(C):N(!0)},[C,a]);return(0,r.BX)(r.HY,{children:[(0,r.BX)(T.SE,{children:[(0,r.BX)("div",{className:"card-header",children:[(0,r.tZ)(b.b,{position:"left",className:"left-arrow",style:{display:M<2?"none":"flex"},onClick:()=>{S(e=>e-1)}}),(0,r.tZ)(CardHeader,{onSelectWeek:e=>S(Number(e)),firstDay:t,dueDateWeeks:o,selectedWeek:M,onClickWeek:m}),(0,r.tZ)(b.b,{position:"right",className:"right-arrow",onClick:()=>S(e=>e+1),style:{display:M>43?"none":"flex"}})]}),(0,r.tZ)(CardContent,{selectedWeek:M,currentWeek:d,dueDateWeeks:o,onReachClick:()=>k(!0),onTrackPeriod:a})]}),(0,r.tZ)(c.M,{styles:T.il,onClose:W,opened:w,children:(0,r.BX)(T.gm,{children:[(0,r.tZ)(u.k,{pos:"absolute",top:16,right:16,onClick:W,children:(0,r.tZ)("img",{loading:"lazy",src:"/images/close-icon.svg",alt:"",width:13,height:13})}),(0,r.tZ)("img",{loading:"lazy",src:"".concat(v.Nr,"/due-date-reached.svg"),alt:"baby-vaccine",className:"due-date-reached-image"}),(0,r.tZ)(l.T,{size:"h3",as:"h2",color:n.r.colors.gray800,children:x({id:"health.youAreParent"})}),(0,r.tZ)(l.T,{size:"p2",color:n.r.colors.gray600,children:x({id:"dueDatePage.reach_update_baby_birthday",defaultMessage:"Look like you have reached your due date, please update your baby birthday."})}),(0,r.tZ)(h.x,{w:"100%",mb:Z?16:24,children:(0,r.tZ)(s.D,{value:C,onChange:z,size:"md",placeholder:"DD/MM/YYYY",error:D,popoverProps:{withinPortal:!0}})}),(0,r.BX)(u.k,{gap:8,direction:"column",w:"100%",children:[(0,r.tZ)(p.B,{variant:"primary",size:"md",onClick:X,fullWidth:!0,children:x({id:"pregnancyTool.dueDateCard.trackPeriod"})}),(0,r.tZ)(p.B,{variant:"secondary",size:"md",onClick:W,fullWidth:!0,children:x({id:"common.skip"})})]})]})})]})}},"2GKc":function(e,t,a){a.d(t,{P:function(){return m}});var r=a("BGKE"),i=a("q1tI"),n=a("MmHG"),o=a("iBNF"),l=a("Wgwc"),d=a.n(l),c=a("dDsW"),s=a("raAP"),p=a("P5LW"),h=a("rIrU"),u=a("3Pfo"),g=a("Rvy5");let m=(0,i.forwardRef)(function(e,t){let{value:a,fruitIcon:i="",firstDay:l=new Date,isSelected:m,className:f,...b}=e,{formatMessage:x}=(0,c.Z)(),{locale:y}=(0,p.h)(),w=d()(l).add(7*Number(a),"day"),v=d()(l).add(7*Number(a)+7,"day"),k=(0,s.U)();return(0,r.BX)(g.eD,{ref:t,"data-selected":m,...b,className:"".concat(f," pointer-event-child-none"),"data-event-category":"Health Tool","data-event-action":"Due Date Week Click","data-event-label":k,children:[(0,r.tZ)("img",{loading:"lazy",src:i||h.pZ,alt:i,style:{width:"32px"}}),(0,r.BX)("div",{children:[(0,r.tZ)(n.T,{size:"s3",type:"semiBold",children:x({id:"dueDateTool.weekNumber",defaultMessage:"Week {weekNumber}"},{weekNumber:a})}),(0,r.tZ)(n.T,{size:"p4",color:o.r.colors.gray800,children:"".concat(w.format(u.TT[y])," - ").concat(v.format(u.TT[y])," ")})]})]})})},WtbT:function(e,t,a){a.r(t),a.d(t,{EmbeddedSpotlight:function(){return EmbeddedSpotlight},EmbeddedSpotlightSection:function(){return EmbeddedSpotlightSection}});var r=a("BGKE"),i=a("q1tI"),n=a("DEkF"),o=a("iJ4T"),l=a("wp0n"),d=a("fdQd"),c=a("dDsW"),s=a("09QT"),p=a("/tR3"),h=a("oQBk"),u=a("iv2E"),g=a("hXNO"),m=a("P5LW"),f=a("rIrU"),b=a("rBCA"),x=a("iBNF");let y=(0,b.Z)("a",{target:"ecvvnta0"})("display:flex;align-items:center;justify-content:center;img{width:100%;border-radius:",x.r.borderRadius,";}"),EmbeddedSpotlight=e=>{let{id:t}=e,[a,n]=(0,i.useState)(null);return((0,i.useEffect)(()=>{if(t){let fetchSpotlight=async()=>{let e=await (0,s.d)(h.y.SPOTLIGHT.GET_SPOTLIGHT_LANDING,{params:{slug:t}});if(null==e?void 0:e.data){let t=(0,p.CC)(null==e?void 0:e.data),a=new Date,r=(null==t?void 0:t.startDate)?new Date(null==t?void 0:t.startDate):new Date,i=(null==t?void 0:t.endDate)?new Date(t.endDate):new Date;a.getTime()>=r.getTime()&&a.getTime()<=i.getTime()&&n(t)}};fetchSpotlight()}},[t]),null==a?void 0:a.id)?(0,r.tZ)(EmbeddedSpotlightSection,{spotlights:[{permalink:a.permalink||"",bannerDesktop:a.image||"",bannerMobile:a.image||""}]}):null},w={root:{marginBottom:24},indicators:{bottom:"auto",top:"calc(100% + 16px)"},indicator:{width:"8px",height:"8px",borderWidth:0,opacity:1,backgroundColor:"#d2d6dc","&[data-active]":{backgroundColor:"#2d87f3"}},controls:{padding:0,left:-16,right:-16},control:{width:32,height:32,borderColor:"#DBDFE5","&[data-inactive]":{opacity:0,cursor:"default"}}},EmbeddedSpotlightSection=e=>{let{spotlights:t=[]}=e,a=(0,g.d)(),{formatMessage:i}=(0,c.Z)();return(null==t?void 0:t.length)?(0,r.BX)("div",{style:{contentVisibility:"auto",containIntrinsicSize:"500px"},children:[(0,r.BX)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:16},children:[(0,r.tZ)(n.H,{tag:"h3",children:i({id:"home.recommendSpotlight",defaultMessage:"Spotlight"})}),(0,r.tZ)("a",{href:"/spotlight/",children:(0,r.BX)(l.T,{size:"s3",weight:"semiBold",color:"#2D87F3",style:{display:"flex",alignItems:"center"},children:[i({id:"home.seeAll"})," ",(0,r.tZ)(o.ChevronRight,{width:"18px",height:"18px"})]})})]}),1===t.length?(0,r.tZ)(SpotlightCard,{permalink:t[0].permalink,bannerDesktop:t[0].bannerDesktop,bannerMobile:t[0].bannerMobile}):a||2!==t.length?(0,r.tZ)(r.HY,{children:(0,r.tZ)(d.a,{withControls:!a,withIndicators:!0,styles:a?{root:{marginBottom:20},indicators:{borderRadius:4,bottom:"auto",top:"calc(100% + 16px)",width:"100%",backgroundColor:"#F1F2F4"},indicator:{width:"".concat(Math.round(100/(t.length+2)),"%"),height:4,backgroundColor:"unset","&[data-active]":{width:"".concat(Math.round(100/(t.length+2)*3),"%"),backgroundColor:"#C3CBD4"}}}:w,children:t.map((e,t)=>(0,r.tZ)(d.a.Slide,{children:(0,r.tZ)(SpotlightCard,{permalink:e.permalink,bannerDesktop:e.bannerDesktop,bannerMobile:e.bannerMobile})},String(t)))})}):(0,r.BX)("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gridGap:8},children:[(0,r.tZ)(SpotlightCard,{permalink:t[0].permalink,bannerDesktop:t[0].bannerDesktop,bannerMobile:t[0].bannerMobile}),(0,r.tZ)(SpotlightCard,{permalink:t[1].permalink,bannerDesktop:t[1].bannerDesktop,bannerMobile:t[1].bannerMobile})]})]}):null},SpotlightCard=e=>{let{permalink:t,bannerDesktop:a,bannerMobile:i}=e,{locale:n}=(0,m.h)(),o=(0,g.d)();return(0,r.tZ)(y,{href:t||"#",children:(0,r.tZ)("img",{loading:"lazy",src:(o?i:a)||a||i||f.YS,alt:"","data-event-category":"Spotlight","data-event-action":"Click 1","data-event-label":"https://".concat(u.domainLocales[n]).concat(t)})})}}}]);