"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4190],{xq1D:function(e,t,r){r.d(t,{R:function(){return RadioImageGroup}});var a=r("q1tI"),o=r("iBNF"),n=r("rBCA"),l=r("akOY"),i=r("gb+m");let s=n.Z.div` display: flex; width: 100%; &[data-direction='vertical'] { flex-direction: column; } &[data-direction='horizontal'] { flex-wrap: wrap; } `,c=n.Z.div` display: flex; padding: 8px; border-radius: ${o.r.borderRadius}; cursor: pointer; & > div { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: flex-start; } &[data-is-mb='false'] { &[data-selected='true'] { border: 1px solid #2d87f3; background: white; } &[data-selected='false'] { border: 1px solid #f2f2f2; box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08); } } &[data-is-mb='true'] { border-radius: 16px; background: white; padding: 16px auto; &[data-selected='true'] { border: 1px solid ${o.r.mbColors.mint}; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06); } &[data-selected='false'] { border: none; } } &[data-disabled='true'] { cursor: auto; } .radio-group-item-heading { margin-top: 8px; //height: 48px; text-align: center; } .gender-image { width: 70px; height: 70px; &[data-is-mobile='true'] { width: 40px; height: 40px; } } `,RadioImageGroup=({value:e,options:t,className:r,direction:n="horizontal",onChange:d,isDisabled:u,siteType:p})=>{let[m,g]=(0,a.useState)(e),handleOnChange=e=>{!u&&(g(e),d&&d(e))},h="marryBaby"===p;return a.createElement(s,{className:r,"data-direction":n},t.map((t,r)=>a.createElement(c,{"data-selected":(e||m)===t.value,"data-is-mb":h,"data-disabled":u,key:r,onClick:()=>{handleOnChange(t.value)}},a.createElement("div",null,t.content,t.label&&a.createElement(a.Fragment,null,h?a.createElement(l.M,{type:"subtitle-2",color:(e||m)===t.value?o.r.mbColors.dark:o.r.mbColors.midGray},t.label):a.createElement(i.T,{type:"bold",color:(e||m)===t.value?"#2D87F3":"black",className:"radio-group-item-heading",size:"label1"},t.label))))))}},cOlB:function(e,t,r){r.d(t,{B:function(){return BabyGrowthForm}});var a=r("mHfz"),o=r("q1tI"),n=r("/npG"),l=r("mYVa"),i=r("8vDj"),s=r("iuhU"),c=r("cChf"),d=r("ZFu2"),u=r("erMh"),p=r("yEeW"),m=r("HKYo"),g=r("iBNF"),h=r("GXD3"),b=r("vffg"),v=r("jbVx"),f=r("BN2B"),y=r("40rS"),E=r("tiO5"),w=r("fkrl");let x=(0,o.createContext)({}),DefaultForm=e=>{let{t,locale:r}=(0,h.u)(),{classes:a={}}=(0,o.useContext)(b.C),{form:n,currentUrl:l,submitProps:i}=(0,o.useContext)(x),s={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return o.createElement(f.H,Object.assign({formLayout:"default"},e),o.createElement(f.H.FormRow,null,o.createElement(f.H.Control,null,o.createElement(y.G,Object.assign({isBaby:!0,genderValue:{male:"boy",female:"girl"}},n.getInputProps("gender"),{error:null}))),n.errors.gender&&o.createElement(f.H.Error,null,n.errors.gender)),o.createElement(f.H.FormRow,null,o.createElement(u.I.Wrapper,{label:o.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.input.birthday"))},o.createElement(p.D,Object.assign({},s,{maxDate:new Date},n.getInputProps("birthday"),{error:null,onChange:e=>{e&&n.validateField("measurementDate"),n.getInputProps("birthday").onChange(e)}}))),n.errors.birthday&&o.createElement(f.H.Error,null,n.errors.birthday)),o.createElement(f.H.FormRow,null,o.createElement(u.I.Number,Object.assign({label:o.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.height"),o.createElement(m.T,{size:"p2",weight:"semiBold",color:g.r.colors.gray300,as:"span"},` (${t("babyGrowth.cm")})`))},n.getInputProps("height"),{placeholder:t("babyGrowth.height"),min:v.I.height.min,max:v.I.height.max,onChange:e=>{n.setFieldValue("height",e),n.setFieldValue("checkMesureVal",!n.values.checkMesureVal)}}))),o.createElement(f.H.FormRow,null,o.createElement(u.I.Number,Object.assign({label:o.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.weight"),o.createElement(m.T,{size:"p2",weight:"semiBold",color:g.r.colors.gray300,as:"span"},` (${t("babyGrowth.kg")})`))},n.getInputProps("weight"),{placeholder:t("babyGrowth.weight"),min:v.I.weight.min,max:v.I.weight.max,onChange:e=>{n.setFieldValue("weight",e),n.setFieldValue("checkMesureVal",!n.values.checkMesureVal)}}))),r!==E.L.Vietnam&&o.createElement(f.H.FormRow,null,o.createElement(u.I.Number,Object.assign({label:o.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.head"),o.createElement(m.T,{size:"p2",weight:"semiBold",color:g.r.colors.gray300,as:"span"},` (${t("babyGrowth.cm")})`))},n.getInputProps("head"),{placeholder:t("babyGrowth.head"),onChange:e=>{n.setFieldValue("head",e),n.setFieldValue("checkMesureVal",!n.values.checkMesureVal)}}))),n.errors.checkMesureVal&&o.createElement(f.H.Error,null,n.errors.checkMesureVal),o.createElement(f.H.FormRow,null,o.createElement(u.I.Wrapper,{label:o.createElement(m.T,{size:"p2",weight:"semiBold"},t("babyGrowth.input.measurementDate"))},o.createElement(p.D,Object.assign({},s,{defaultValue:new Date},n.getInputProps("measurementDate"),{maxDate:new Date,error:null}))),n.errors.measurementDate&&o.createElement(f.H.Error,null,n.errors.measurementDate)),o.createElement(f.H.FormRow,{className:a.submitWrapper},o.createElement(f.H.Submit,Object.assign({className:a.submitBtn,type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":l},i),t("babyGrowth.input.submit"))))};var k=(0,n.k)(e=>({root:{display:"flex",flexDirection:"column",gap:(0,l.h)(8)},bmiVal:{display:"inline-block"},unitText:{color:e.colors.gray[6]},submitBtn:{}}));let localizeNumberFormat=(e,t=2)=>Intl.NumberFormat(void 0,{maximumFractionDigits:t}).format(e),bmiCalculate=(e=0,t=0)=>{try{if(e&&t){let r=Number(t)/Math.pow(Number(e)/100,2);if(isNaN(r))return 0;return Number(localizeNumberFormat(r))}}catch(e){}return 0},InlineForm=e=>{var{styles:t,classNames:r}=e,n=(0,a._)(e,["styles","classNames"]);let{t:l,locale:c}=(0,h.u)(),{form:d,currentUrl:g,submitProps:w}=(0,o.useContext)(x),{classes:C={}}=(0,o.useContext)(b.C),I=(0,i.rZ)(),{classes:B}=k(void 0,{name:"BabyGrowthForm__InlineForm",styles:t,classNames:r}),S={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return o.createElement(f.H,Object.assign({formLayout:"inline"},n),o.createElement(f.H.FormRow,null,o.createElement(f.H.BorderInlineControl,{label:l("tools.selectBabyGender")},o.createElement(y.G,Object.assign({type:"radio",hideLabel:!0,isBaby:!0,genderValue:{male:"boy",female:"girl"}},d.getInputProps("gender")))),d.errors.gender&&o.createElement(f.H.Error,null,d.errors.gender)),o.createElement(f.H.FormRow,null,o.createElement(f.H.BorderInlineControl,{label:l("babyGrowth.input.birthday")},o.createElement(p.D,Object.assign({},S,{maxDate:new Date},d.getInputProps("birthday"),{error:null,onChange:e=>{e&&d.validateField("measurementDate"),d.getInputProps("birthday").onChange(e)}}))),d.errors.birthday&&o.createElement(f.H.Error,null,d.errors.birthday)),o.createElement(f.H.FormRow,null,o.createElement(f.H.BorderInlineControl,{label:"BMI",styles:{control:{"&:first-child":{width:"auto"}}}},o.createElement(m.T,{size:"p3"},o.createElement("span",{className:B.bmiVal},d.getInputProps("height").value&&d.getInputProps("weight").value&&bmiCalculate(Number(d.getInputProps("height").value),Number(d.getInputProps("weight").value))),"(",l("babyGrowth.kg.m2"),")"),o.createElement(u.I.Number,Object.assign({},d.getInputProps("height"),{placeholder:l("babyGrowth.height"),min:v.I.height.min,max:v.I.height.max,onChange:e=>{d.setFieldValue("height",e),d.setFieldValue("checkMesureVal",!d.values.checkMesureVal)},rightSection:o.createElement(f.H.Unit,null,l("babyGrowth.cm"))})),o.createElement(u.I.Number,Object.assign({},d.getInputProps("weight"),{placeholder:l("babyGrowth.weight"),min:v.I.weight.min,max:v.I.weight.max,onChange:e=>{d.setFieldValue("weight",e),d.setFieldValue("checkMesureVal",!d.values.checkMesureVal)},rightSection:o.createElement(f.H.Unit,null,l("babyGrowth.kg"))}))),("mb"===I.other.template||c!==E.L.Vietnam)&&o.createElement(f.H.BorderInlineControl,{label:l("babyGrowth.head")},o.createElement(u.I.Number,Object.assign({},d.getInputProps("head"),{placeholder:l("babyGrowth.head"),onChange:e=>{d.setFieldValue("head",e),d.setFieldValue("checkMesureVal",!d.values.checkMesureVal)},rightSection:o.createElement(f.H.Unit,null,l("babyGrowth.cm"))}))),d.errors.checkMesureVal&&o.createElement(f.H.Error,null,d.errors.checkMesureVal)),o.createElement(f.H.FormRow,null,o.createElement(f.H.BorderInlineControl,{label:l("babyGrowth.input.measurementDate")},o.createElement(p.D,Object.assign({},S,{maxDate:new Date},d.getInputProps("measurementDate"),{error:null}))),d.errors.measurementDate&&o.createElement(f.H.Error,null,d.errors.measurementDate)),o.createElement(f.H.FormRow,{className:C.submitWrapper},o.createElement(f.H.Submit,Object.assign({type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":g,className:(0,s.default)(B.submitBtn,C.submitBtn)},w),l("babyGrowth.input.submit"))))},MbLayout=e=>{var t=(0,a._)(e,[]);let{t:r}=(0,h.u)(),{form:n,currentUrl:l,submitProps:i}=(0,o.useContext)(x),s={placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0}};return o.createElement(f.H,Object.assign({formLayout:"default"},t),o.createElement(f.H.FormRow,null,o.createElement(f.H.Control,null,o.createElement(y.G,Object.assign({isBaby:!0,genderValue:{male:"boy",female:"girl"}},n.getInputProps("gender"),{error:null}))),n.errors.gender&&o.createElement(f.H.Error,null,n.errors.gender)),o.createElement(f.H.BorderBoxControl,{label:r("babyGrowth.input.birthday"),rightSection:o.createElement(w.Z,null)},o.createElement(p.D,Object.assign({},s,{maxDate:new Date},n.getInputProps("birthday"),{error:null,rightSection:null,onChange:e=>{e&&n.validateField("measurementDate"),n.getInputProps("birthday").onChange(e)}}))),n.errors.birthday&&o.createElement(f.H.Error,null,n.errors.birthday),o.createElement(f.H.BorderBoxControl,{label:r("babyGrowth.height"),rightSection:r("babyGrowth.cm")},o.createElement(u.I.Number,Object.assign({},n.getInputProps("height"),{placeholder:r("tools.inputPlaceholder",{content:"160"}),min:v.I.height.min,max:v.I.height.max,onChange:e=>{n.setFieldValue("height",e),n.setFieldValue("checkMesureVal",!n.values.checkMesureVal)}}))),n.errors.height&&o.createElement(f.H.Error,null,n.errors.height),o.createElement(f.H.BorderBoxControl,{label:r("babyGrowth.weight"),rightSection:r("babyGrowth.kg")},o.createElement(u.I.Number,Object.assign({},n.getInputProps("weight"),{placeholder:r("tools.inputPlaceholder",{content:"50"}),min:v.I.weight.min,max:v.I.weight.max,onChange:e=>{n.setFieldValue("weight",e),n.setFieldValue("checkMesureVal",!n.values.checkMesureVal)}}))),n.errors.weight&&o.createElement(f.H.Error,null,n.errors.weight),o.createElement(f.H.BorderBoxControl,{label:r("babyGrowth.head"),rightSection:r("babyGrowth.cm")},o.createElement(u.I.Number,Object.assign({},n.getInputProps("head"),{placeholder:r("tools.inputPlaceholder",{content:"50"}),onChange:e=>{n.setFieldValue("head",e),n.setFieldValue("checkMesureVal",!n.values.checkMesureVal)}}))),n.errors.checkMesureVal&&o.createElement(f.H.Error,null,n.errors.checkMesureVal),o.createElement(f.H.BorderBoxControl,{label:r("babyGrowth.input.measurementDate"),rightSection:o.createElement(w.Z,null)},o.createElement(u.I.Wrapper,null,o.createElement(p.D,Object.assign({},s,{defaultValue:new Date},n.getInputProps("measurementDate"),{maxDate:new Date,rightSection:null,error:null})))),n.errors.measurementDate&&o.createElement(f.H.Error,null,n.errors.measurementDate),o.createElement(f.H.Submit,Object.assign({type:"submit","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":l},i),r("babyGrowth.input.submit")))},BabyGrowthForm=e=>{var{onSubmit:t,formLayout:r="default",submitProps:n,currentUrl:l}=e,s=(0,a._)(e,["onSubmit","formLayout","submitProps","currentUrl"]);let{t:u}=(0,h.u)(),p=(0,i.rZ)(),m=(0,c.c)({initialValues:{measurementDate:new Date},validate:{gender:(0,d.U)(u("validation.error.requiredField")),birthday:(0,d.U)(u("validation.error.requiredField")),measurementDate:(e,t)=>t.birthday?t.birthday instanceof Date&&e instanceof Date&&t.birthday.getTime()<=e.getTime()?null:u("babyGrowth.error.measurementDateLowerThanBirthday",{name:""}):null,checkMesureVal:(e,t)=>void 0===t.head&&void 0===t.height&&void 0===t.weight||t.head||t.height||t.weight?null:u("babyGrowth.error.atLeastOneOf")},validateInputOnChange:["checkMesureVal"]}),g=Object.assign({onSubmit:m.onSubmit(e=>null==t?void 0:t(Object.assign(Object.assign({},e),{bmi:bmiCalculate(Number(m.getInputProps("height").value),Number(m.getInputProps("weight").value)).toString()})))},s);return o.createElement(x.Provider,{value:{submitProps:n,currentUrl:l,form:m}},"default"===r?"mb"===p.other.template?o.createElement(MbLayout,Object.assign({formLayout:r},g)):o.createElement(DefaultForm,Object.assign({},g)):o.createElement(InlineForm,Object.assign({},g)))}},GXD3:function(e,t,r){r.d(t,{f:function(){return format},u:function(){return useTranslations}});var a=r("q1tI"),o=r("xPPR");function format(e,t){let r=[e];return(Object.keys(t).forEach(e=>{r=function(e,t,r){let o=[];return e.forEach(e=>{if("string"==typeof e){let n=RegExp(`\\{${r}\\}`,"gi");if("string"==typeof t||"number"==typeof t)o.push(e.replace(n,`${t}`));else{let r=e.split(n);r.forEach((e,n)=>{e&&(function(e){let t=[],r=!1,o=!1;return e.match(/^\s+/gi)&&(e=e.replace(/^\s+/gi,""),r=!0),e.match(/\s+$/gi)&&(e=e.replace(/\s+$/gi,""),o=!0),r&&t.push(a.createElement(a.Fragment,null,"\xa0")),t.push(e),o&&t.push(a.createElement(a.Fragment,null,"\xa0")),t})(e).forEach(e=>o.push(e)),n+1"string"==typeof e)?r.join(""):a.createElement(a.Fragment,null,r.map((e,t)=>a.createElement(a.Fragment,{key:t},e)))}function useTranslations(){let{values:e,locale:t}=(0,a.useContext)(o.T)||{locale:"en-PH"};return(0,a.useMemo)(()=>({t:(t,r)=>e?e[t]?r?format(e[t]||t,r):e[t]||t:r?format(t,r):t:t,locale:t}),[e,t])}},"FkZ+":function(e,t,r){r.d(t,{S:function(){return SocialLinkPreview}});var a=r("mHfz"),o=r("q1tI"),n=r("Eso5"),l=r("8vDj"),i=r("yPD6"),s=r("R7z5"),c=r("rBCA"),d=r("IQVP"),u=r("zHfJ"),p=r("q2Ly"),m=r("pQnK");let g=c.Z.div` .link-info-container { padding: 0.5rem 1rem; background: ${e=>e.color||"#f4faff"}; } .link-image-wrapper { position: relative; overflow: hidden; width: 100%; background-color: #000; padding-top: ${e=>{var t;return null!==(t=e.aspectPaddingTop)&&void 0!==t?t:e.isShort?"179.58%":"56.25%"}}; &.fetching { background: lightgray; } .loading-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .link-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: ${e=>{var t;return null!==(t=e.posterFit)&&void 0!==t?t:"cover"}}; object-position: center; } } a { text-decoration: none; } &[data-is-marrybaby='true'] { overflow: hidden; border-radius: 1rem; } `,useExternalScript=({url:e,onLoad:t,onError:r})=>{let[a,n]=(0,o.useState)(e?"loading":"idle");return(0,o.useEffect)(()=>{if(!e){n("idle");return}let a=document.querySelector(`script[src="${e}"]`),handleLoadScript=()=>{n("ready"),null==t||t()},handleErrorScript=()=>{n("error"),null==r||r()};return a||((a=document.createElement("script")).type="application/javascript",a.src=e,a.async=!0,document.body.appendChild(a),a.addEventListener("load",handleLoadScript),a.addEventListener("error",handleErrorScript)),a.addEventListener("load",handleLoadScript),a.addEventListener("error",handleErrorScript),()=>{a.removeEventListener("load",handleLoadScript),a.removeEventListener("error",handleErrorScript)}},[e]),a},YoutubePlyr=({id:e,autoplay:t,posterFit:r="cover"})=>{let a=(0,o.useRef)(null),l=useExternalScript({url:"https://cdn.plyr.io/3.7.8/plyr.js"});return(0,o.useEffect)(()=>{var e;if(!document.getElementById("hhg-plyr-player")){let e=document.createElement("link");e.rel="stylesheet",e.type="text/css",e.href="https://cdn.plyr.io/3.7.8/plyr.css",e.id="hhg-plyr-player",document.head.appendChild(e)}let r="ready"===l||"undefined"!=typeof Plyr;if(!r)return;let o=null===(e=a.current)||void 0===e?void 0:e.querySelector('[data-id="player"]');if(!o)return;let n=new Plyr(o,{autoplay:t,muted:!0});return()=>{n.destroy()}},[l,t,e]),o.createElement(n.x,{ref:a,sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"#000","&, & > div":{width:"100%",height:"100%"},"& .plyr":{width:"100%",height:"100%",maxWidth:"none"},"& .plyr__video-wrapper":{height:"100%",width:"100%"},"& .plyr__video-embed":{paddingBottom:"0 !important",height:"100% !important",position:"relative"},"& .plyr__video-embed iframe":{position:"absolute",top:0,left:0,width:"100%",height:"100%"},"& .plyr__poster":{backgroundSize:"cover"===r?"cover !important":"contain !important",backgroundPosition:"center !important",backgroundRepeat:"no-repeat",width:"100% !important",height:"100% !important",top:0,left:0}}},o.createElement("div",{key:e,"data-id":"player",className:"plyr__video-embed"},o.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${e}?mute=1&enablejsapi=1&rel=0`,allow:"autoplay; fullscreen",allowFullScreen:!0,title:"YouTube preview",frameBorder:"0"})))},SocialLinkPreview=({url:e,image:t,className:r,style:n,baseUrl:c="",autoPlay:h=!0,isShort:b=!1,autoScaleByVideoType:v=!1,ratio:f,posterFit:y="cover",onPushStatus:E})=>{let{data:{locale:w}}=(0,o.useContext)(s.T),[x,k]=(0,o.useState)(null);(0,o.useEffect)(()=>{(0,a.a)(void 0,void 0,void 0,function*(){if(!t){if(!e)return k(null);k(e=>Object.assign(Object.assign({},e),{isFetching:!0})),(0,s.c)((0,s.f)(d.yy.FETCH_PREVIEW,{_locale:w},void 0,c),"POST",{data:{link:e},headers:{"Content-Type":"application/json"}},!!c).then(t=>{var r,a;k({url:e,image:(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.image)||(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.logo)})}).catch(()=>{k(null)})}})},[e,t]);let C=t||(null==x?void 0:x.image),I=(null==x?void 0:x.url)||e,B=(0,o.useMemo)(()=>(0,p.y)(I),[I]),S=(0,o.useMemo)(()=>I.includes("facebook.com")||I.includes("fb.watch"),[I]),$=(0,o.useMemo)(()=>{let e=(I||"").toLowerCase();return e.includes("/reel/")||e.includes("/reels/")},[I]),H=(0,o.useMemo)(()=>!!(B||S),[S,B]),F=(0,o.useMemo)(()=>!!v&&(!!b||I.toLowerCase().includes("/shorts/")||$),[v,I,$,b]),P=(0,o.useMemo)(()=>f?function(e){let t=e.trim().match(/^(\d+(?:\.\d+)?)\s*:\s*(\d+(?:\.\d+)?)$/);if(!t)return;let r=Number(t[1]),a=Number(t[2]);if(Number.isFinite(r)&&Number.isFinite(a)&&!(r<=0)&&!(a<=0))return`${a/r*100}%`}(f):void 0,[f]),O=(0,o.useRef)(null),j=(0,o.useRef)(0),M=(0,o.useRef)(0),[z,R]=(0,o.useState)(!1),L=(0,o.useCallback)(e=>{var t;let r=null===(t=O.current)||void 0===t?void 0:t.getBoundingClientRect();if(!(null==r?void 0:r.width))return;let a=Math.floor(r.width),o=Math.floor(r.height),n=!1;e?((!j.current||Math.abs((j.current-a)/r.width)>.2)&&(j.current=a,n=!0),(!M.current||Math.abs((M.current-o)/(r.height||1))>.2)&&(M.current=o,n=!0)):(a!==j.current||o!==M.current)&&(j.current=a,M.current=o,n=!0),n&&R(e=>!e)},[]);(0,o.useLayoutEffect)(()=>{L(!1)},[P,f,F,I,L]),(0,o.useEffect)(()=>{let handleResize=()=>L(!0);return handleResize(),window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[L]),(0,o.useEffect)(()=>{(null==x?void 0:x.image)&&(null==x?void 0:x.url)&&(null==E||E(!0))},[x]);let N=(0,l.rZ)();return o.createElement(g,{className:`${r} no-replace-click`,style:n,color:N.colors[N.primaryColor][0],isShort:F,aspectPaddingTop:P,posterFit:y},H&&(!t||$)?o.createElement("div",{ref:O,className:"link-image-wrapper"},B?o.createElement(YoutubePlyr,{key:`${B}-${null!=f?f:"auto"}`,id:B,autoplay:h,isShort:F,ratio:f,posterFit:y}):S?o.createElement("iframe",{key:String(z),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(I)}&autoplay=${h?1:0}&show_text=false&t=0&width=${j.current}&height=${M.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:M.current,width:j.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share",loading:"lazy"}):null):o.createElement("a",{href:I,target:"_blank",rel:"noreferrer"},o.createElement("div",{className:`link-image-wrapper ${(null==x?void 0:x.isFetching)?"fetching":""}`},(null==x?void 0:x.isFetching)?o.createElement(m.L,{className:"loading-spinner"}):o.createElement(i.I,{className:"link-image",src:C||u.a,backupSrc:u.a,alt:I}))))}},D6N3:function(e,t,r){r.d(t,{A:function(){return AuthorBadge},B:function(){return BookingBtn}});var a=r("mHfz"),o=r("q1tI"),n=r("GXD3"),l=r("/npG"),i=r("d5Ap"),s=r("zN3i"),c=r("OFra"),d=r("R7z5"),u=r("xrdX"),p=r("GOBr"),m=(0,l.k)(e=>({root:{display:"inline-block",flexShrink:0,padding:"2px 0.5rem",marginLeft:"4px",borderRadius:e.radius.xs,fontSize:"12px",fontWeight:400,lineHeight:"18px",'&[data-label-type="admin"]':{background:e.primaryColor[0],color:e.primaryColor[9]},'&[data-label-type="local admin"]':{background:e.primaryColor[8]},'&[data-label-type="ambassador"]':{background:e.colors.green[4]},'&[data-label-type="expert"]':{background:e.colors.yellow[6]},'&[data-label-type="moderator"]':{background:e.colors.red[0],color:e.colors.red[8]},'&[data-label-type="sponsor"]':{background:e.colors.teal[4]},'&[data-label-type="guide"]':{background:e.colors.teal[4]},'&[data-label-type="influencer"]':{background:e.colors.teal[4]}}}));let g={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},looselyMatchRole=e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find(t=>t===e),AuthorBadge=e=>{var{siteType:t,role:r,title:l,styles:i,className:s}=e,c=(0,a._)(e,["siteType","role","title","styles","className"]);let{t:d}=(0,n.u)(),u=r?looselyMatchRole(r):"",{classes:p,cx:h}=m(void 0,{name:"AuthorBadge",styles:i});return u&&g[u]?o.createElement("div",Object.assign({className:h(p.root,s),"data-label-type":u,"data-is-marrybaby":"marryBaby"===t},c),l||d(g[u])):null},BookingBtn=e=>{var{label:t,bookingId:r,bookingType:l="doctor",locale:m="vi-VN"}=e,g=(0,a._)(e,["label","bookingId","bookingType","locale"]);let{t:h}=(0,n.u)(),[b,v]=(0,o.useState)(!1),f=(0,o.useMemo)(()=>"undefined"!=typeof window?window.location.href:"",[]),y=(0,o.useCallback)(()=>(0,a.a)(void 0,void 0,void 0,function*(){var e,t,a,o,n,c,g,h,b,f,y,E,w,x,k;let C="doctor"===l?i.P.GET_DOCTOR_DETAIL:"hospital"===l?i.P.GET_HOSPITAL_DETAIL:"service"===l?i.P.GET_SERVICE_DETAIL:"";try{v(!0);let i=yield(0,d.c)((0,d.b)(C,{id:r,site:u.v[m]}),"get");if((null==i?void 0:i._status)===1){let r="doctor"===l?{id:null===(t=null===(e=null==i?void 0:i._data)||void 0===e?void 0:e.doctor)||void 0===t?void 0:t.id,slug:null===(o=null===(a=null==i?void 0:i._data)||void 0===a?void 0:a.doctor)||void 0===o?void 0:o.slug,localSlug:null===(n=s.L[m])||void 0===n?void 0:n.DOCTOR}:"hospital"===l?{id:null===(g=null===(c=null==i?void 0:i._data)||void 0===c?void 0:c.branch)||void 0===g?void 0:g.id,slug:null===(b=null===(h=null==i?void 0:i._data)||void 0===h?void 0:h.branch)||void 0===b?void 0:b.slug,localSlug:null===(f=s.L[m])||void 0===f?void 0:f.HOSPITAL}:{id:null===(E=null===(y=null==i?void 0:i._data)||void 0===y?void 0:y.service)||void 0===E?void 0:E.id,slug:null===(x=null===(w=null==i?void 0:i._data)||void 0===w?void 0:w.service)||void 0===x?void 0:x.slug,localSlug:null===(k=s.L[m])||void 0===k?void 0:k.SERVICE};window.location.href=`https://${p.y?"":"discover."}${u.v[m]}/care/${r.localSlug}/${r.slug}-${r.id}/`}else v(!1)}catch(e){console.log(e),v(!1)}}),[]);return r&&l?o.createElement(c.B,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:f,onClick:y,loading:b},g),t||h("careBooking.bookAnAppointment")):null}},UTGV:function(e,t,r){r.d(t,{P:function(){return PillCarousel}});var a=r("mHfz"),o=r("q1tI"),n=r("rBCA"),l=r("W9uT"),i=r("iBNF"),s=r("yPD6"),c=r("gb+m"),d=r("tiO5"),u=r("erMh");let p=n.Z.div` display: inline-flex; overflow: hidden; width: ${e=>e.size}px; height: ${e=>e.size}px; box-sizing: border-box; align-items: center; justify-content: center; border: 1px solid #e4e8ec; background-color: ${e=>e.backgroundColor||i.r.colors.white}; border-radius: ${e=>e.borderRadius||"50%"}; & > * { width: ${e=>e.iconSize}px; height: ${e=>e.iconSize}px; } `,m=n.Z.div` display: inline-block; height: 108px; background-color: ${i.r.colors.white}; border-radius: 60px; cursor: pointer; &.selected-week-pill { background-color: ${i.r.colors.pink100}; } & > div:first-child { margin: 4px 4px 0; } & > p { margin-top: 8px; text-align: center; } & > * { pointer-events: none; } `,g=[d.L.Myanmar,d.L.Taiwan],h=(0,n.Z)(e=>{var{icon:t,name:r,className:n,locale:d="en-PH",dataEventCategory:u,dataEventAction:h,dataEventLabel:b,onSelect:v}=e,f=(0,a._)(e,["icon","name","className","locale","dataEventCategory","dataEventAction","dataEventLabel","onSelect"]);let y=(0,o.useMemo)(()=>null==n?void 0:n.includes("selected-week-pill"),[n]);return o.createElement(m,Object.assign({onClick:v,className:n?"week-pill".concat(" non-pointer-event-child ",n):"week-pill non-pointer-event-child","data-event-category":u,"data-event-action":h,"data-event-label":b},f),o.createElement(p,{size:64,iconSize:40,backgroundColor:i.r.colors.white},o.createElement(s.I,{src:t||l.C.getAssetPath("week_default.png"),alt:`week ${r}`})),y?o.createElement(c.T,Object.assign({type:"semiBold",size:"n1",color:i.r.colors.gray800},g.includes(d)&&{style:{fontSize:"10px"}}),r):o.createElement(c.T,Object.assign({size:"n1",color:i.r.colors.gray600},g.includes(d)&&{style:{fontSize:"10px"}}),r))})` box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08); `,b=(0,n.Z)(u.f.Slide)` cursor: pointer; > div * { pointer-events: none; } `,v=(0,n.Z)(u.f)` .centerred-pill-wrapper { padding: 16px 0; } `,PillCarousel=e=>{var{data:t,isMobile:r,onSlideChange:n,pillProps:l,locale:i=d.L.Vietnam,blurFromIndex:s,blurLength:c}=e,u=(0,a._)(e,["data","isMobile","onSlideChange","pillProps","locale","blurFromIndex","blurLength"]);let[p,m]=(0,o.useState)("");return(0,o.useEffect)(()=>{m(window.location.href)},[]),o.createElement(v,Object.assign({},{withControls:!r,slideGap:16,blurFromCenter:!0,blurFromIndex:s||(r?2:4),blurLength:c||(r?1:3),onSlideChange:n},u,{selectSlideWhenClick:!0,previousControlIcon:o.createElement(Arrow,{currentUrl:p}),nextControlIcon:o.createElement(Arrow,{currentUrl:p,isRight:!0})}),e=>t.map((t,r)=>o.createElement(b,Object.assign({key:r,onClick:n,"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":p,innerSlideProps:{"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Click","data-event-label":p}},l),o.createElement("div",{className:"centerred-pill-wrapper"},o.createElement(h,{"data-event-category":"Health Tool","data-event-action":"Fetal Week Click","data-event-label":p,locale:i,name:t.name,icon:t.icon,className:r===e?"selected-week-pill pointer-event-child-none":"pointer-event-child-none"})))))},Arrow=({isRight:e,currentUrl:t})=>o.createElement("svg",{viewBox:"0 0 15 15",fill:"none",width:"16",height:"16",style:e?{transform:"rotate(-90deg)"}:{transform:"rotate(90deg)"},"data-event-category":"Health Tool","data-event-action":"Pregnancy Week Arrow Click","data-event-label":t,className:"pointer-event-child-none"},o.createElement("path",{d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))},FnT2:function(e,t,r){r.d(t,{T:function(){return ThrForm}});var a=r("mHfz"),o=r("q1tI"),n=r("cChf"),l=r("ZFu2"),i=r("4oNJ"),s=r("GXD3"),c=r("W9uT"),d=r("zHfJ"),u=r("40rS"),p=r("erMh"),m=r("yEeW"),g=r("HKYo"),h=r("vffg"),b=r("BN2B"),v=r("xrdX");let f=(0,o.createContext)({}),DefaultForm=e=>{var t,r=(0,a._)(e,[]);let{t:n,locale:l}=(0,s.u)(),{isAdult:i,activeValueNote:c,linkTool:d,form:y,submitProps:E}=(0,o.useContext)(f),{classes:w={}}=(0,o.useContext)(h.C);return o.createElement(b.H,Object.assign({formLayout:"default"},r),o.createElement(b.H.FormRow,null,o.createElement(u.G,Object.assign({},y.getInputProps("gender")))),o.createElement(b.H.FormRow,null,o.createElement(m.D,Object.assign({},y.getInputProps("age"),{placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},label:o.createElement(g.T,{size:"p2",weight:"semiBold"},n("targetHeartRate.ageInput")),maxDate:new Date}))),o.createElement(b.H.FormRow,null,o.createElement(p.I.Number,Object.assign({label:o.createElement(g.T,{size:"p2",weight:"semiBold"},n("targetHeartRate.heartRateInput")),placeholder:n("tools.inputPlaceholder",{content:"60"})},y.getInputProps("heartRate"),{min:40,max:200,styles:()=>({rightSection:{width:"auto"}})}))),i&&o.createElement(b.H.FormRow,null,o.createElement(p.S,Object.assign({label:o.createElement(g.T,{size:"p2",weight:"semiBold"},n("targetHeartRate.selectActive")),defaultValue:null===(t=null==c?void 0:c[0])||void 0===t?void 0:t.value,data:c.map(e=>({value:e.value,label:e.label})),styles:{item:{whiteSpace:"nowrap",padding:"10px 12px",fontSize:"14px"}},withinPortal:!0},y.getInputProps("activeValue")))),o.createElement(b.H.FormRow,{className:w.submitWrapper},o.createElement(b.H.Submit,Object.assign({className:w.submitBtn,type:"submit",dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${v.v[l]}/${d}`},E),n("bmi.submit"))))},InlineForm=e=>{var t,r=(0,a._)(e,[]);let{t:n,locale:l}=(0,s.u)(),{isAdult:i,activeValueNote:c,linkTool:d,form:g,submitProps:y}=(0,o.useContext)(f),{classes:E={}}=(0,o.useContext)(h.C);return o.createElement(b.H,Object.assign({formLayout:"inline"},r),o.createElement(b.H.FormRow,null,o.createElement(b.H.BorderInlineControl,{label:n("tools.selectGender"),width:"none"},o.createElement(u.G,Object.assign({type:"radio",hideLabel:!0,error:null},g.getInputProps("gender")))),g.errors.gender&&o.createElement(b.H.Error,null,g.errors.gender)),o.createElement(b.H.FormRow,null,o.createElement(b.H.BorderInlineControl,{label:n("targetHeartRate.ageInput")},o.createElement(m.D,Object.assign({},g.getInputProps("age"),{placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},error:null,maxDate:new Date}))),g.errors.age&&o.createElement(b.H.Error,null,g.errors.age)),o.createElement(b.H.FormRow,null,o.createElement(b.H.BorderInlineControl,{label:n("targetHeartRate.heartRateInput")},o.createElement(p.I.Number,Object.assign({placeholder:n("tools.inputPlaceholder",{content:"60"})},g.getInputProps("heartRate"),{error:null,min:40,max:200,rightSection:o.createElement(b.H.Unit,null,"bmp"),styles:()=>({rightSection:{width:"auto"}})}))),g.errors.heartRate&&o.createElement(b.H.Error,null,g.errors.heartRate)),i&&o.createElement(b.H.FormRow,null,o.createElement(b.H.BorderInlineControl,{label:n("targetHeartRate.selectActive")},o.createElement(p.S,Object.assign({defaultValue:null===(t=null==c?void 0:c[0])||void 0===t?void 0:t.value,data:c.map(e=>({value:e.value,label:e.label})),styles:{item:{whiteSpace:"nowrap",padding:"10px 12px",fontSize:"14px"}},withinPortal:!0},g.getInputProps("activeValue"))))),o.createElement(b.H.FormRow,{className:E.submitWrapper},o.createElement(b.H.Submit,Object.assign({className:E.submitBtn,type:"submit",dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${v.v[l]}/${d}`},y),n("bmi.submit"))))},ThrForm=e=>{var{formLayout:t,onSubmit:r,onError:u,submitProps:p}=e,m=(0,a._)(e,["formLayout","onSubmit","onError","submitProps"]);let{t:g,locale:h}=(0,s.u)(),b=(0,o.useRef)(40),{getHealthToolLink:v}=(0,i.u)(h),y=(0,n.c)({initialValues:{heartRate:60,activeValue:"low_intensity"},validate:{gender:(0,l.U)(g("validation.error.requiredField")),age:(0,l.U)(g("validation.error.requiredField")),heartRate:e=>Number(e)>=b.current&&200>=Number(e)?null:g("tools.heartRateRangeErr",{min:b.current,max:200})}}),E=(0,o.useMemo)(()=>v(d.H.THR),[v]),[w,x]=(0,o.useState)(!1),k=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],C=[{value:"low_intensity",label:g("targetHeartRate.lowIntensity.title"),image:c.C.getAssetPath("/low.svg"),imageActive:c.C.getAssetPath("/low-active.svg"),content:g("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:g("targetHeartRate.moderateIntensity.title"),image:c.C.getAssetPath("/moderate.svg"),imageActive:c.C.getAssetPath("/moderate-active.svg"),content:g("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:g("targetHeartRate.aerobicZone.title"),image:c.C.getAssetPath("/aerobic.svg"),imageActive:c.C.getAssetPath("/aerobic-active.svg"),content:g("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:g("targetHeartRate.vigorousIntensity.title"),image:c.C.getAssetPath("/vigorous.svg"),imageActive:c.C.getAssetPath("/vigorous-active.svg"),content:g("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:g("targetHeartRate.maximumIntensity.title"),image:c.C.getAssetPath("/maximum.svg"),imageActive:c.C.getAssetPath("/maximum-active.svg"),content:g("targetHeartRate.maximumIntensity.note")}];(0,o.useEffect)(()=>{let e=y.getInputProps("age").value,t=y.getInputProps("gender").value;if(e instanceof Date){let r=(new Date().getTime()-e.getTime())/1e3;r>=567648e3?x(!0):x(!1);let a=k.find(e=>r>=31536e3*e.minAge&&r<31536e3*e.maxAge)||k[0];b.current="male"===t?a.rangeMale:a.rangeFemale}},[y]);let I=Object.assign(Object.assign({},m),{onSubmit:y.onSubmit(r,u)});return o.createElement(f.Provider,{value:{isAdult:w,activeValueNote:C,linkTool:E,form:y,submitProps:p}},"inline"===t?o.createElement(InlineForm,Object.assign({},I)):o.createElement(DefaultForm,Object.assign({},I)))}},"2Hkr":function(e,t,r){r.d(t,{A:function(){return Alert},B:function(){return Badge},C:function(){return CardCollapse},D:function(){return DragFreeCarousel},F:function(){return FileDropdown},G:function(){return Grid},H:function(){return HtmlContent},I:function(){return IconHeading},R:function(){return Radio},S:function(){return StepRenderer},T:function(){return Tag},U:function(){return Upload},a:function(){return BorderHeading},b:function(){return RateStars},c:function(){return Toggle},d:function(){return _},e:function(){return X},f:function(){return n},g:function(){return l}});var a,o,n,l,i=r("q1tI"),s=r("HKYo"),c=r("rBCA"),d=r("iBNF"),u=r("HkQG"),p=r("4JiQ"),m=r("mYVa"),g=r("iuhU"),h=r("Iblh"),b=r("2FJ2"),v=r("erMh"),f=r("mHfz"),y=r("gb+m"),E=r("gEnE"),w=r("yVya"),x=r("iYxA"),k=r("rWXb"),C=r("GXD3"),I=r("Zdfy");let Upload=e=>i.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 18 18",fill:"none"},e),i.createElement("path",{d:"M9.82324 8.7033L10.8228 9.70287C10.9267 9.80662 11.056 9.8573 11.2107 9.85493C11.3655 9.85255 11.4948 9.79943 11.5987 9.69555C11.7026 9.59168 11.7545 9.46074 11.7545 9.30274C11.7545 9.14474 11.7026 9.01462 11.5987 8.91237L9.7353 7.04899C9.59968 6.91337 9.44149 6.84555 9.26074 6.84555C9.07999 6.84555 8.9218 6.91337 8.78618 7.04899L6.91549 8.91968C6.81174 9.02355 6.75987 9.15287 6.75987 9.30762C6.75987 9.46237 6.81174 9.59168 6.91549 9.69555C7.01937 9.79943 7.1503 9.85137 7.3083 9.85137C7.4663 9.85137 7.59643 9.79943 7.69868 9.69555L8.69824 8.7033L8.69824 11.5576C8.69824 11.717 8.75218 11.8506 8.86005 11.9583C8.96793 12.0662 9.10156 12.1201 9.26093 12.1201C9.42043 12.1201 9.55399 12.0662 9.66162 11.9583C9.76937 11.8506 9.82324 11.717 9.82324 11.5576L9.82324 8.7033ZM16.3857 9.3063C16.3857 10.2918 16.1987 11.2181 15.8247 12.0852C15.4507 12.9524 14.9432 13.7066 14.3021 14.348C13.6609 14.9894 12.907 15.4972 12.0402 15.8714C11.1735 16.2456 10.2474 16.4326 9.26205 16.4326C8.27655 16.4326 7.35024 16.2456 6.48312 15.8716C5.61599 15.4976 4.86174 14.9901 4.22037 14.3489C3.57899 13.7078 3.07118 12.9539 2.69693 12.0871C2.3228 11.2204 2.13574 10.2943 2.13574 9.30893C2.13574 8.32343 2.32274 7.39712 2.69674 6.52999C3.07074 5.66287 3.5783 4.90862 4.21943 4.26724C4.86055 3.62587 5.61449 3.11805 6.48124 2.7438C7.34799 2.36968 8.27405 2.18262 9.25943 2.18262C10.2449 2.18262 11.1712 2.36962 12.0384 2.74362C12.9055 3.11762 13.6597 3.62518 14.3011 4.2663C14.9425 4.90743 15.4503 5.66137 15.8246 6.52812C16.1987 7.39487 16.3857 8.32093 16.3857 9.3063ZM15.2607 9.30762C15.2607 7.63262 14.6795 6.21387 13.517 5.05137C12.3545 3.88887 10.9357 3.30762 9.26074 3.30762C7.58574 3.30762 6.16699 3.88887 5.00449 5.05137C3.84199 6.21387 3.26074 7.63262 3.26074 9.30762C3.26074 10.9826 3.84199 12.4014 5.00449 13.5639C6.16699 14.7264 7.58574 15.3076 9.26074 15.3076C10.9357 15.3076 12.3545 14.7264 13.517 13.5639C14.6795 12.4014 15.2607 10.9826 15.2607 9.30762Z",fill:"#595959"})),Alert=({style:e,onClose:t,text:r,type:a,contentIcon:o,closeIcon:n,className:l,description:c})=>i.createElement("div",{className:`CHw-fZZ ${l||""}`,style:e,"data-alert-type":a},i.createElement("div",{className:"_03U6VRS"},i.createElement("div",{className:"icon-title"},o,i.createElement(s.T,{weight:"bold",size:"label1"},r)),i.createElement(s.T,{weight:"regular",size:"p3"},c)),i.createElement("div",{className:"EO828Vv",onClick:t},n)),renderNotificationStyles=(e,t,r,a)=>{let o,n="";if("numeric"===e)switch(t){case"medium":n=` height: 16px; font-size: 11px; padding: 1px 6px; `;case"large":n=` height: 24px; font-size: 13px; padding: 1px 10px; `}let l="";r&&(l=` position: absolute; top: 0; left: 75%; `),r&&(o=` left: 70%; ${"large"===t?` top: -7px; `:"medium"===t?` top: -2px; width: 16px; height: 16px; `:""} `);let i="";switch(a){case"primary":i=` background: ${d.r.colors.primary50}; color: ${d.r.colors.primary600}; `;break;case"error":i=` background: ${d.r.colors.error}; color: white; `}switch(e){case"dot":return` ${l} width: 8px; height: 8px; font-size: 0px; border-radius: 50%; ${i} `;case"numeric":return` ${l} width: max-content; border-radius: 32px; ${n} ${o} ${i} `}},B=c.Z.div` position: relative; > div { width: max-content; position: relative; } span { font-weight: ${d.r.sizes.fwBold}; display: flex; justify-content: center; align-items: center; ${e=>renderNotificationStyles(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)} } ${e=>e.hasIcon&&` svg { width: 40px; height: 40px; } `} `,Badge=({amount:e,type:t,size:r="medium",color:a="primary",icon:o,className:n})=>i.createElement(B,{"data-notification-type":t,"data-notification-size":r,"data-notification-color":a,"data-has-icon":!!o||void 0,notificationType:t,notificationSize:r,notificationColor:a,hasIcon:!!o,className:n},i.createElement("div",null,e&&i.createElement("span",null,e)," ",o&&i.createElement("div",null,o))),S=c.Z.h4` position: relative; line-height: 18px; &:after { position: absolute; top: 1px; left: 0; width: 4px; height: 18px; background-color: ${d.r.colors.primaryBase}; content: ''; } &[data-size='lg'] { font-size: 18px; padding-left: 12px; } &[data-size='sm'] { font-size: 14px; padding-left: 8px; &::after { width: 2px; height: 15px; } } &[data-type='bold'] { font-weight: ${d.r.sizes.fwBold}; } &[data-type='semiBold'] { font-weight: ${d.r.sizes.fwSemiBold}; } &[data-uppercase] { text-transform: uppercase; } ${u.M.mbDown} { &[data-size='lg'] { font-size: 16px; } } `,BorderHeading=({style:e,children:t,className:r,size:a="lg",type:o="bold",upperCase:n,as:l="h4",color:s})=>i.createElement(S,{style:Object.assign({color:s},e),className:r,"data-size":a,"data-type":o,"data-uppercase":n,as:l},t),$=(0,c.Z)(b.S)` flex-shrink: 0; color: ${d.r.colors.neutral800}; width: 16px; height: 16px; transition: transform 0.2s ease-in-out; transform: rotate(-180deg); &[data-is-collapsed='true'] { transform: rotate(0deg); } `,H=c.Z.div` background-color: white; .icon { width: 20px; height: 20px; flex-shrink: 0; color: ${d.r.colors.neutral800}; } .title-collapse { color: #111111; font-weight: var(--fwSemiBold); font-size: 1.0625rem; line-height: 1.5rem; flex-grow: 1; } .box-collapse { display: flex; padding: 1.5rem 1rem 1rem 1rem; gap: 0.75rem; align-items: center; } `;function CardCollapse({children:e,title:t,icon:r,defaultOpened:a=!0,haveCollapse:o=!0,id:n,className:l,as:c="h2"}){let[d,{toggle:u}]=(0,h.q)(a);return i.createElement(H,{id:n,className:l},i.createElement("div",{className:"box-collapse",onClick:()=>{o&&u()}},o&&r,i.createElement(s.T,{as:c,className:"title-collapse"},t),o&&i.createElement($,{"data-is-collapsed":d})),i.createElement(p.U,{in:!o||d,transitionDuration:200,transitionTimingFunction:"ease"},e))}let F=c.Z.div` position: relative; box-sizing: border-box; border: 1px solid ${d.r.colors.gray200}; background: url('../../../public/bgSvg/arrow-down.svg') no-repeat; background-position: right 16px center; border-radius: ${d.r.borderRadius}; &[data-has-icons='true'] { border: none; background: ${d.r.colors.gray100}; img, svg { display: inline-block; max-width: 16px; margin-right: 6px; } span { vertical-align: middle; display: inline-block; } &:hover { box-shadow: none; } > div { position: relative; width: 100%; display: flex; align-items: center; box-sizing: border-box; } > div::after { content: ''; right: 12px; top: 50%; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); width: 10px; height: 8px; position: absolute; background-repeat: no-repeat; transform: translateY(-50%); } } &:hover { box-shadow: 0 0 2px 2px ${d.r.colors.primary200}; } `,P=c.Z.div` padding: 12px 18px 12px 16px; cursor: pointer; &[data-dropdown-open] { padding: 11px 15px 11px 15px; border: 1px solid ${d.r.colors.primaryBase}; border-radius: ${d.r.borderRadius}; box-shadow: 0 0 2px 2px ${d.r.colors.primary200}; } & > svg { height: 16px; width: 16px; } `,O=c.Z.ul` position: absolute; top: 100%; right: 0; left: 0; display: block; margin-top: 4px; background: ${d.r.colors.white}; border-radius: ${d.r.borderRadius}; box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689); cursor: pointer; &[data-has-icons='true'] { background: white; box-shadow: none; border: 1px solid ${d.r.colors.gray200}; filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)); } `,j=c.Z.li` margin: 8px; padding: 12px 18px 12px 16px; border-radius: ${d.r.borderRadius}; display: flex; &:hover, :active { background: ${d.r.colors.gray100}; } `,M=c.Z.div` display: flex; align-items: center; margin-right: 8px; & > svg { height: 16px; width: 16px; } `,ShareIconPathStyle=()=>i.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),DefaultFileIcon=()=>i.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},i.createElement("defs",null,i.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},i.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),i.createElement("title",null,"File"),i.createElement("g",{clipPath:"url(#prefix__clip-path)"},i.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),i.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),DownloadIcon=()=>i.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},i.createElement("title",null,"download"),i.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),UploadIcon=()=>i.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},i.createElement("title",null,"upload"),i.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"})),FileDropdown=({className:e,value:t,options:r,onUploadSelected:a,id:o,placeholderIcon:n,placeholder:l,style:s})=>{let[c,d]=(0,i.useState)(!1),showDropdown=()=>d(!c),u=(0,i.useRef)(r.map(e=>"upload"===e.type&&i.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+e.value,key:"uploader-dropdown-input-"+o+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),a(e.target.files)}}))),onUpload=e=>{var t;null===(t=document.querySelector(e))||void 0===t||t.click()},onDownload=e=>{e&&window.open(e,"_blank")};return i.createElement(F,{className:e,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:s,onBlur:()=>d(!1),tabIndex:0},i.createElement(ShareIconPathStyle,null),i.createElement(P,{onClick:showDropdown},n||i.createElement(DefaultFileIcon,null)," ",i.createElement("span",null,t&&t.value?t.label:l)),c&&i.createElement(O,{onClick:showDropdown,"data-has-icons":!0},r.map(e=>i.createElement(j,{key:`${o}-${e.value}`,"data-selected":t&&t.value===e.value||void 0,onClick:()=>"upload"===e.type?onUpload("#uploader-dropdown-input-"+o+"-"+e.value):onDownload(e.url)},i.createElement(M,null,e.icon||"download"===e.type?i.createElement(DownloadIcon,null):i.createElement(UploadIcon,null)),e.label))),i.createElement(i.Fragment,null,u.current))},z=c.Z.div` --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr)); --columns-desktop: var( --grid-template-columns-desktop, repeat(var(--columns-count-desktop), 1fr) ); display: grid; grid-template-columns: var(--columns); grid-gap: var(--grid-gap); align-items: var(--align-items); ${u.M.tdUp} { grid-template-columns: var(--columns-desktop); } > * { justify-self: var(--justify-children); } `,Grid=({className:e,columns:t,columnsDesktop:r,gridTemplateColumns:a,gridTemplateColumnsDesktop:o,gap:n,children:l,justifyChildren:s,style:c,alignItems:d})=>i.createElement(z,{className:e,style:Object.assign({"--columns-count":t,"--columns-count-desktop":r,"--grid-template-columns":a,"--grid-template-columns-desktop":o,"--justify-children":s,"--grid-gap":n,"--align-items":d},c)},l),Radio=({size:e="small",label:t,name:r,checked:a,value:o,className:n,isDisabled:l=!1,onChange:s,dataEventCategory:c,dataEventAction:d,dataEventLabel:u})=>{let p=!!d&&!!c&&!!u,m=p?{"data-event-category":c,"data-event-action":d,"data-event-label":u}:{};return i.createElement(v.R,Object.assign({size:"small"===e?"md":"lg",label:t,name:r,checked:a,value:o,className:n,disabled:l,onChange:e=>null==s?void 0:s(e.target.value)},m))},R=c.Z.div` display: inline-flex; gap: calc(var(--gap) * 1px); > svg { width: calc(var(--star-size) * 1px); height: calc(var(--star-size) * 1px); } &[data-selectable='true'] { > svg { cursor: pointer; } } `,StarHalfIcon=e=>i.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),i.createElement("path",{d:"m139.287 144.772 5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54a.498.498 0 0 0-.92 0l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z",fill:"#E4E8EC"}),i.createElement("path",{d:"M139.289 144.771s.013-14.488 0-14.488a.49.49 0 0 0-.46.308l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z",fill:"#FFC326"})),StarIcon=e=>{var{isFull:t}=e,r=(0,f._)(e,["isFull"]);return i.createElement("svg",Object.assign({},r,{viewBox:"0 0 32 32",fill:"none"}),i.createElement("path",{d:"m16 23.027 6.893 4.16c.507.306 1.134-.147 1-.72l-1.826-7.84 6.08-5.267a.67.67 0 0 0-.387-1.173l-8.013-.68-3.134-7.387a.664.664 0 0 0-1.226 0l-3.133 7.387-8.014.68a.668.668 0 0 0-.373 1.173l6.08 5.267-1.827 7.84c-.133.573.493 1.026 1 .72z",fill:t?"#FFC326":"#D2D6DC"}))},RateStars=({gap:e=2,size:t=24,star:r,totalStars:a=5,onSelect:o,hideEmptyStars:n,style:l,className:s})=>{let c=Math.floor(r),d=r-c>=.5?1:0,[u,p]=(0,i.useState)(null),m=u||c,g=u?0:d;return i.createElement(R,{"data-selectable":!!o,style:Object.assign({"--gap":e,"--star-size":t},l),className:s},Array.from({length:n?c+d:a}).map((e,t)=>{let onMouseOver=()=>!!o&&p(t+1),onMouseLeave=()=>!!o&&p(null);return t+1<=m?i.createElement(StarIcon,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:onMouseOver,onMouseLeave:onMouseLeave,isFull:!0}):t+1===m+g?i.createElement(StarHalfIcon,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:onMouseOver,onMouseLeave:onMouseLeave}):i.createElement(StarIcon,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:onMouseOver,onMouseLeave:onMouseLeave})}))},getTag=(e,t)=>{switch(e){case"yellow":{let e=t?d.r.colors.yellow50:d.r.colors.yellow600;return` background: ${e}; p { color: var( --text-props-color, ${d.r.colors.gray800} ); } `}case"standard":return` background: ${d.r.colors.white}; border: 1px solid ${d.r.colors.gray200}; p { color: var( --text-props-color, ${d.r.colors.gray800} ); } &:hover { background: ${d.r.colors.gray100}; } `;case"red":{let e=t?d.r.colors.red50:d.r.colors.red500;return` background: ${e}; `}case"green":{let e=t?d.r.colors.green50:d.r.colors.green500;return` background: ${e}; `}case"blue":{let e=t?d.r.colors.primary50:d.r.colors.primaryBase;return` background: ${e}; `}case"teal":{let e=t?d.r.colors.teal100:d.r.colors.teal600;return` background: ${e}; `}case"pink":{let e=t?d.r.colors.pink200:d.r.colors.pink800;return` background: ${e}; `}case"violet":{let e=t?d.r.colors.violet100:d.r.colors.violet500;return` background: ${e}; `}case"grey":{let e=t?d.r.colors.gray100:d.r.colors.gray600;return` background: ${e}; `}}},L=c.Z.div` --padding-horizontal: 8px; --pading-vertical: 2px; display: flex; align-items: center; justify-content: center; padding: var(--pading-vertical) var(--padding-horizontal); border-radius: 24px; ${e=>"sponsored"===e.tagType&&` --offset-size: 4px; display: flex; align-items: center; justify-content: center; box-sizing: content-box; position: relative; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08); border-radius: 0 4px 18px 0; height: 24px; width: 90px; border-left: var(--offset-size) solid ${d.r.colors.accentLight}; padding: 0; margin-left: calc(var(--offset-size) * -1); p { font-weight: ${d.r.sizes.fwBold}; color: var( --text-props-color, ${d.r.colors.secondaryDark} ); font-size: 11px; margin-left: calc(var(--offset-size) * -1); } &::after { width: calc(var(--offset-size) * 2); height: var(--offset-size); background: ${d.r.colors.accentMain}; position: absolute; left: calc(var(--offset-size) * -1); bottom: calc(var(--offset-size) * -1); clip-path: polygon(0 1%, 100% 0%, 100% 100%); content: ''; } `} ${e=>e.isInline&&` display: inline-block; `} ${e=>e.tagHasMorePadding&&` &[data-has-more-padding] { padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal); } `} p { ${e=>e.tagIsLight?` color: var(--text-props-color, #000); `:` color: var(--text-props-color, ${d.r.colors.white}); `} } ${e=>getTag(e.tagType,e.tagIsLight)} ${e=>e.tagIsSquared&&"sponsored"!==e.tagType&&` border-radius: 4px; `} ${e=>e.tagIsALink&&` cursor: pointer; `} &[data-is-selected], &:active { background: ${d.r.colors.primary50}; } `,Tag=({type:e,children:t,style:r,isInline:a,isSquared:o=!1,className:n,isLight:l,hasMorePadding:s,isLink:c,isSelected:d,textProps:u={size:"sm"}})=>{let p=u.color?{"--text-props-color":u.color}:{};return i.createElement(L,{"data-is-squared":o||void 0,"data-tag-type":e,"data-is-light":l||void 0,"data-has-more-padding":s||void 0,"data-is-inline":a||void 0,style:Object.assign(Object.assign({},r),p),className:n,"data-is-selected":d||void 0,"data-is-link":c||void 0,tagType:e,isInline:a,tagHasMorePadding:s,tagIsLight:l,tagIsSquared:o,tagIsALink:c},i.createElement(y.T,Object.assign({},u),t))},N="24px",D=(0,E.Z)(c.Z.span` position: relative; display: block; width: 40px; height: ${N}; background: #c3cbd4; border-radius: 100px; cursor: pointer; &:after { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: #fff; border-radius: 90px; content: ''; transition: 0.3s; } `,"hhgcomp-toggle-icon"),T=c.Z.span` padding-left: 15px; `,A=c.Z.div` height: ${N}; input[type='checkbox'] { width: 0; height: 0; visibility: hidden; } label { cursor: pointer; display: inline-flex; color: ${d.r.colors.gray600}; } input:checked + label ${D.classSelector} { background: ${d.r.colors.primaryBase}; &:after { left: calc(100% - 2px); transform: translateX(-100%); } } `,Toggle=({className:e,id:t,onChange:r,checked:a,style:o,label:n})=>i.createElement(A,{className:e,style:o},i.createElement("input",{type:"checkbox",id:t,onChange:r,checked:a}),i.createElement("label",{htmlFor:t},i.createElement(D,null),n&&i.createElement(T,null,n))),_=(0,i.createContext)({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1}),StepRenderer=({children:e,onStepChange:t})=>{let[r,a]=(0,i.useState)(0),[o,n]=(0,i.useState)(0),l=i.Children.count(e);return(0,i.useEffect)(()=>{n(l-1)},[l]),(0,i.useEffect)(()=>{null==t||t(r)},[r]),i.createElement(_.Provider,{value:{currentStep:r,setCurrentStep:a,setMaxStep:n,nextStep:()=>r+1<=o&&a(r+1),prevStep:()=>r-1>=0&&a(r-1)}},(0,w.Z)(e).map((e,t)=>{let a=t===r;return i.createElement(i.Fragment,{key:t},i.isValidElement(e)?e.props.alwaysRender||a?i.cloneElement(e,{isActive:t===r,stepIndex:t}):null:a?e:null)}))},V=c.Z.div` display: flex; align-items: center; gap: 8px; `,G=(0,c.Z)(x.H)` font-weight: var(--fwBold); `,IconHeading=({icon:e,title:t,className:r,style:a})=>i.createElement(V,{className:r,style:a},e,i.createElement(G,{tag:"h6",color:"var(--secondaryDark)"},t)),sanitizeHtml=e=>{if(!e)return"";let t=e.replace(/\n$/,"").replace(/\n/g,"
");return t},HtmlContent=({htmlContent:e,className:t})=>{let r=sanitizeHtml(e);return i.createElement("div",{className:t,dangerouslySetInnerHTML:{__html:r}})};(a=n||(n={})).ONE_TO_ONE="1:1",a.THREE_TO_ONE="3:1",(o=l||(l={})).PNG=".png",o.JPG=".jpg",o.JPEG=".jpeg";let getBase64=e=>new Promise((t,r)=>{let a=new FileReader;a.onload=()=>t(a.result),a.onerror=r,a.readAsDataURL(e)}),handleMultipleImageFiles=e=>(0,f.a)(void 0,void 0,void 0,function*(){if(0===e.length)return[];let t=yield Promise.all(e.map(e=>getBase64(e)));return t}),Z=c.Z.div` display: flex; flex-direction: column; .image-upload-input-error { margin-top: ${(0,m.h)(12)}; display: flex; flex-direction: column; gap: ${(0,m.h)(4)}; } `,U=c.Z.div` display: flex; flex-direction: column; gap: ${(0,m.h)(4)}; margin-top: ${(0,m.h)(4)}; span { color: ${d.r.colors.neutral500}; } `,W=c.Z.div` position: relative; width: fit-content; padding: ${(0,m.h)(8)} ${(0,m.h)(12)}; border-radius: ${(0,m.h)(12)}; border: ${(0,m.h)(1)} solid ${d.r.colors.neutral200}; cursor: pointer; display: flex; align-items: center; gap: ${(0,m.h)(8)}; margin-top: ${(0,m.h)(18)}; &.image-upload-dragover { border-color: ${d.r.colors.primaryBase}; } &.image-upload-error { border-color: ${d.r.colors.error}; } &.image-upload-disabled { cursor: not-allowed; background-color: ${d.r.colors.gray100}; color: ${d.r.colors.gray400}; border-color: ${d.r.colors.gray200}; } svg { width: ${(0,m.h)(18)}; height: ${(0,m.h)(18)}; } input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: -1; } `,Y=c.Z.div` position: relative; width: ${(0,m.h)(90)}; height: ${(0,m.h)(90)}; border-radius: ${(0,m.h)(12)}; overflow: hidden; background-color: ${d.r.colors.gray100}; display: flex; align-items: center; justify-content: center; img { width: 100%; height: 100%; object-fit: contain; } svg { width: ${(0,m.h)(14)}; height: ${(0,m.h)(14)}; color: ${d.r.colors.white}; } .image-upload-remove-button { cursor: pointer; position: absolute; top: ${(0,m.h)(6)}; right: ${(0,m.h)(6)}; background: ${d.r.colors.black}; border-radius: ${(0,m.h)(12)}; padding: ${(0,m.h)(2)}; display: flex; &:hover { opacity: 0.8; } } `,q=c.Z.div` display: flex; gap: ${(0,m.h)(8)}; margin-top: ${(0,m.h)(18)}; `,X=(0,i.forwardRef)(({label:e,name:t,error:r,acceptedTypes:a=[l.PNG,l.JPG,l.JPEG],maxSize:o=1,acceptedRatios:n,multiple:c=!1,disabled:u=!1,id:p,className:h,onChange:b,value:v,showValidationRules:y=!1,description:E,useBase64:w=!1,placeholder:x},I)=>{let{t:B}=(0,C.u)(),[S,$]=(0,i.useState)(!1),[H,F]=(0,i.useState)([]),P=(0,i.useRef)(null),O=!!r||H.length>0,j=(0,i.useMemo)(()=>v?Array.isArray(v)?v:[v]:[],[v]),M=(0,i.useCallback)(e=>{var t;let r=[],n="."+(null===(t=e.name.split(".").pop())||void 0===t?void 0:t.toLowerCase());a.includes(n)||r.push(`Unsupported file format. Please upload a ${a.join(", ")} file.`);let l=e.size/1048576;return l>o&&r.push(`File too large. Please upload an image smaller than ${o}MB.`),{file:e,isValid:0===r.length,errors:r}},[a,o]),z=(0,i.useCallback)(e=>new Promise(t=>{if(!n||!n.length||!e.type.startsWith("image/")){t([]);return}let r=new Image;r.onload=()=>{let e=r.width/r.height,a=`${e.toFixed(1)}:1`,o=n.some(t=>{let[r,a]=t.split(":"),o=parseInt(r)/parseInt(a);return .1>Math.abs(e-o)});t(o?[]:[`Image ratio ${a} is not accepted.`])},r.onerror=()=>t(["Invalid image file"]),r.src=URL.createObjectURL(e)}),[n]),R=(0,i.useMemo)(()=>j.map(e=>"string"==typeof e?e:e instanceof File?URL.createObjectURL(e):"").filter(Boolean),[j]),L=(0,i.useCallback)(e=>(0,f.a)(void 0,void 0,void 0,function*(){let r=Array.from(e),a=[],o=[];for(let e of r){let t=M(e),r=yield z(e),n=[...t.errors,...r];0===n.length?o.push(e):a.push(...n)}if(F(a),0===o.length)return;let n=w?yield handleMultipleImageFiles(o):o;b({target:{name:t,value:c?[...j,...n]:n.slice(0,1)}})}),[M,z,c,b,t,j]),removeFile=e=>{let r=j.filter((t,r)=>r!==e);F([]),b({target:{name:t,value:c?r:""}})},N=(0,i.useCallback)(e=>{P.current=e,"function"==typeof I?I(e):I&&(I.current=e)},[I]),D=(0,i.useCallback)(()=>{!u&&P.current&&P.current.click()},[u]),T=(0,i.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),$(!0)},[]),A=(0,i.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),$(!1)},[]),_=(0,i.useCallback)(e=>{e.preventDefault(),e.stopPropagation()},[]),V=(0,i.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),$(!1);let t=e.dataTransfer.files;t.length>0&&L(t)},[L]);return i.createElement(Z,{className:h},i.createElement("label",{htmlFor:p||t},"string"==typeof e?i.createElement(s.T,{size:"title2"},e):e,E&&i.createElement(s.T,{size:"p3",mt:(0,m.h)(4),color:d.r.colors.gray700},E)),y&&i.createElement(U,null,i.createElement(s.T,{size:"p3"},"Formats: ",a.join("/")),n&&i.createElement(s.T,{size:"p3"},"Max size: ",o,"MB - Accepted ratios:"," ",n.join("/"))),(c||0===j.length)&&i.createElement(W,{className:(0,g.default)(S&&"image-upload-dragover",O&&"image-upload-error",u&&"image-upload-disabled"),onDragEnter:T,onDragLeave:A,onDragOver:_,onDrop:V,onClick:D},i.createElement("input",{ref:N,type:"file",id:p||t,name:t,accept:a.join(","),multiple:c,onChange:e=>{let t=e.target.files;t&&t.length>0&&L(t)},disabled:u}),i.createElement(Upload,null),i.createElement(s.T,{size:"p3",fw:500},x||B("common.btn.uploadPhoto"))),j.length>0&&i.createElement(q,null,R.map((e,t)=>i.createElement(Y,{key:t},i.createElement("img",{src:e,alt:`Uploaded file ${t+1}`,className:"image-upload-preview-image"}),i.createElement("button",{onClick:e=>{e.stopPropagation(),removeFile(t)},className:"image-upload-remove-button"},i.createElement(k.C,null))))),O&&i.createElement("div",{className:"image-upload-input-error"},[...H,r].map(e=>i.createElement(s.T,{key:e,className:"error-text",size:"c1",color:d.r.colors.red600},e))))}),J=(0,c.Z)(I.l)` & .mantine-Carousel-control { width: auto; } `,DragFreeCarousel=e=>{var{children:t,gapItem:r=8,slideSize:a="auto",withControls:o=!1,withIndicators:n=!1,dragFree:l=!0,align:s="start"}=e,c=(0,f._)(e,["children","gapItem","slideSize","withControls","withIndicators","dragFree","align"]);return i.createElement(J,Object.assign({slideSize:a,slideGap:r,withControls:o,withIndicators:n,dragFree:l,align:s,containScroll:"trimSnaps"},c),i.Children.map(t,(e,t)=>i.createElement(I.l.Slide,{key:t},e)))}},OFra:function(e,t,r){r.d(t,{B:function(){return m}});var a=r("mHfz"),o=r("q1tI"),n=r("/npG"),l=r("HC7W"),i=r("8vDj"),s=r("mAfZ"),c=r("XeQd"),d=r("xM4c"),u=(0,n.k)((e,t)=>{var r,a,o,n,i,s;let{other:u}=e,{template:p}=u,{size:m,variant:g,skipHover:h,withColorHover:b,isError:v,isSuccess:f,color:y,gradient:E,children:w,theme:x,customStylesType:k}=t,C="mb"===p||"marryBaby"===x,I=y||(x&&C?"mb":e.primaryColor),B=I.startsWith("#"),S=B?e.fn.lighten(y,.9):(null===(a=null===(r=e.colors)||void 0===r?void 0:r[I])||void 0===a?void 0:a[0])||"",$=B?I:null===(n=null===(o=e.colors)||void 0===o?void 0:o[I])||void 0===n?void 0:n[e.fn.primaryShade()],H=B?e.fn.darken(y,.05):null===(s=null===(i=e.colors)||void 0===i?void 0:i[I])||void 0===s?void 0:s[e.fn.primaryShade()+1],F=k===d.C.LEADGEN;return{root:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({transition:`all ${c.A} ease-in-out`},E&&Object.assign({border:0,position:"relative"},"secondary"===g&&{"&:before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"#fff",borderRadius:"inherit"}})),{"&:focus":{outline:"none"}}),F&&{borderRadius:12}),!w&&{paddingLeft:"10px",paddingRight:"10px",".mantine-Button-icon":{margin:0}}),(()=>{switch(m){case"xl":return Object.assign({height:56,fontWeight:F?d.F.halfBold:d.F.semiBold,fontSize:F?"15px":C?"14px":"16px",lineHeight:"24px"},F&&{letterSpacing:"-0.3px"});case"lg":return Object.assign({height:48,fontWeight:F?d.F.halfBold:d.F.semiBold,fontSize:F?"15px":C?"14px":"16px",lineHeight:"24px"},F&&{letterSpacing:"-0.3px"});case"md":return Object.assign({height:40,fontWeight:F?d.F.halfBold:d.F.semiBold,fontSize:F?"13px":"14px",lineHeight:F?"20px":"22px"},F&&{letterSpacing:"-0.3px"});case"sm":return Object.assign(Object.assign({height:32,fontWeight:F?d.F.halfBold:d.F.semiBold,fontSize:F?"11px":C?"12px":"14px",lineHeight:F?"16px":"22px"},F&&{letterSpacing:"-0.2px"}),{paddingLeft:"16px",paddingRight:"16px"});case"xs":return Object.assign({height:24,fontWeight:F?d.F.halfBold:d.F.semiBold,fontSize:F?"11px":"12px",lineHeight:F?"16px":"18px",paddingLeft:"8px",paddingRight:"8px"},F&&{letterSpacing:"-0.2px"})}})()),(()=>{switch(g){case"primary":return Object.assign(Object.assign({color:e.white},E?{backgroundImage:E,backgroundColor:"initial"}:{backgroundColor:$}),!h&&{"&:hover":{backgroundColor:E?"initial":H}});case"secondary":return Object.assign(Object.assign(Object.assign({color:$,backgroundColor:"transparent",border:`1px solid ${$}`},E&&{backgroundImage:E,borderColor:"transparent"}),!h&&!E&&{"&:hover":{backgroundColor:S,border:`1px solid ${$}`}}),b&&!E&&{"&:hover":{backgroundColor:$,border:`1px solid ${$}`,color:"#fff"}});case"white":return{color:$,backgroundColor:"transparent",border:"1px solid transparent","&:hover":{backgroundColor:"transparent",borderColor:"transparent"}};case"tertiary":return{color:e.colors.gray[8],backgroundColor:e.white,border:`1px solid ${e.colors.neutral[2]}`,"&:hover":Object.assign({},h?{backgroundColor:e.white,border:`1px solid ${e.colors.neutral[2]}`}:{backgroundColor:e.colors.neutral[0],border:`1px solid ${e.colors.neutral[0]}`})};case"light":return{color:$,backgroundColor:S,border:"1px solid transparent","&:hover":Object.assign({},h?{backgroundColor:S,border:"1px solid transparent"}:{backgroundColor:e.white,border:`1px solid ${S}`})};case"ghost":return Object.assign({color:$,backgroundColor:"transparent",border:"1px solid transparent"},!h&&{"&:hover":{backgroundColor:S,border:"1px solid transparent"}})}})()),{"&[data-disabled]":{backgroundColor:e.colors.gray[1],color:e.colors.gray[4]}}),v?Object.assign({color:e.colors.red[6],backgroundColor:e.white,border:`1px solid ${e.colors.red[6]}`},!h&&{"&:hover":{backgroundColor:e.colors.red[0],border:`1px solid ${e.colors.red[6]}`}}):{}),f?Object.assign({color:e.colors.green[8],backgroundColor:e.colors.green[0]},!h&&{"&:hover":{backgroundColor:e.colors.green[0]}}):{}),inner:Object.assign({ref:(0,l.A)("inner")},E&&{position:"relative"}),leftIcon:{marginRight:8},rightIcon:{},label:Object.assign({},E&&"secondary"===g&&{background:E,"-webkit-background-clip":"text","-webkit-text-fill-color":"transparent"})}});let p={primary:"filled",secondary:"outline",tertiary:"default",light:"light",ghost:"subtle",error:"outline",white:"white",success:"subtle"},m=(0,o.forwardRef)((e,t)=>{var r,n;let l=(0,i.rZ)(),c=Object.assign(Object.assign({},null===(n=null===(r=l.components)||void 0===r?void 0:r.Button)||void 0===n?void 0:n.defaultProps),function(e){let t={};return Object.keys(e).filter(t=>void 0!==e[t]).forEach(r=>t[r]=e[r]),t}(e)),{variant:m,size:g,color:h,gradient:b,skipHover:v,withColorHover:f,className:y,dataEventCategory:E,dataEventAction:w,dataEventLabel:x,children:k,theme:C,component:I,styles:B,classNames:S}=c,$=(0,a._)(c,["variant","size","color","gradient","skipHover","withColorHover","className","dataEventCategory","dataEventAction","dataEventLabel","children","theme","component","styles","classNames"]),H="error"===m,F=(0,d.u)(),{classes:P,cx:O}=u({variant:m,size:g,color:h,gradient:b,skipHover:v,withColorHover:f,isError:H,isSuccess:"success"===m,children:k,theme:C,customStylesType:F},{name:"ButtonMantine",styles:B,classNames:S});return o.createElement(s.z,Object.assign({component:I,className:O(y,m),classNames:{root:P.root,inner:P.inner,leftIcon:P.leftIcon,rightIcon:P.rightIcon,label:P.label},variant:p[m],"data-variant":m,"data-event-category":E,"data-event-action":w,"data-event-label":x,ref:t,loaderProps:$.disabled?{color:"currentColor"}:void 0},$),k)})},yPD6:function(e,t,r){r.d(t,{I:function(){return ImageWrap},u:function(){return useScreenSize}});var a=r("q1tI"),o=r("HkQG"),n=r("mHfz"),l=r("rBCA");let getIsMobile=()=>"undefined"!=typeof window&&window.innerWidth"undefined"!=typeof window&&window.innerWidth>=o.B.BREAK_POINT_MOBILE&&window.innerWidth{let[e,t]=(0,a.useState)(getIsMobile()),[r,o]=(0,a.useState)(getIsLargeMobile());return(0,a.useEffect)(()=>{let handleResize=()=>{t(getIsMobile()),o(getIsLargeMobile())};return window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[]),{isMobile:e,isLargeMobile:r}},ImageWrap=e=>{var{alt:t,backupSrc:r,src:o,placeholderSrc:l,style:s,ref:c}=e,d=(0,n._)(e,["alt","backupSrc","src","placeholderSrc","style","ref"]);let[u,p]=(0,a.useState)(!1);return a.createElement(i,Object.assign({loading:"lazy",alt:t,onError:()=>!u&&p(!0),src:u?r||o:o||r,style:Object.assign(Object.assign({},l?{backgroundImage:`url(${l})`}:{}),s),"data-has-placeholder":!!l,ref:c},d))},i=l.Z.img` &[data-has-placeholder='true'] { background-position: center; background-repeat: no-repeat; background-size: cover; } `},Turv:function(e,t,r){r.d(t,{B:function(){return BlueWhiteLogin},N:function(){return NavigationProfileButton},U:function(){return UserPlain},a:function(){return C},b:function(){return NavigationProvider},u:function(){return useCSSFocusPopupHelper}});var a=r("mHfz"),o=r("q1tI"),n=r("nmRb"),l=r("saLG"),i=r("erMh"),s=r("OFra"),c=r("HKYo"),d=r("GXD3"),u=r("W9uT"),p=r("iBNF"),m=r("rBCA"),g=r("HkQG"),h=r("gEnE"),b=r("xXM3"),v=r.n(b),f=r("F1xy"),y=r("R7z5"),E=r("NXAV"),w=r("xrdX"),x=r("QHxc"),k=r("hPj0");let BlueWhiteLogin=e=>o.createElement("svg",Object.assign({width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("rect",{y:"0.5",width:"31",height:"31",rx:"15.5",fill:"white"}),o.createElement("path",{d:"M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z",stroke:"#2743AD",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z",stroke:"#2743AD",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})),UserPlain=e=>o.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o.createElement("path",{d:"M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})),useNavConfig=({locale:e,projectType:t,siteType:r,enableBookingBtn:a})=>{let n=(0,o.useMemo)(()=>{let o="discover"===t||"together"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===r,n="marryBaby"!==r&&"marryBaby"!==t&&f.C.includes(e),l=a&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==r&&f.d.includes(e),i="marryBaby"===t||f.c.includes(e),s="marryBaby"!==r&&f.E.includes(e),c="marryBaby"!==r&&f.E.includes(e),d=f.V.includes(e),u=f.H.includes(e),p=f.e.includes(e),m=(0,E.g)(e,"marryBaby"===r),g=m;"undefined"!=typeof window&&(g.includes("//id.")&&(g=g.replace("id.","")),g.includes("//staging-id.")&&(g=g.replace("staging-id.","discover.")));let h=(0,E.a)(e,"marryBaby"===r),b={HOME_PAGE_URL:g,CARE_URL_FE:`${g}/care`,TOGETHER_URL_FE:`${g}/community`,VIDEO_URL_FE:`${g}/videos`,SSO_URL:h,TOGETHER_API:(0,E.b)(),DISCOVER_API:(0,E.c)(e)};return{enableSearchBar:o,enableNavCare:n,enableNavCareBooking:l,enableNavTogether:i,enableNavEcom:s,enableProfileEcom:c,enableNavVideo:d,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:b,enableNavClinityDownload:u,enableNavCartCare:p}},[]);return n},C=o.createContext({}),NavigationProvider=e=>{var{children:t}=e,r=(0,a._)(e,["children"]);let[n,l]=o.useState(()=>r.currentUrl||`https://${"marryBaby"===r.siteType?y.d[r.locale||"en-PH"]:w.v[r.locale||"en-PH"]}${"together"===r.projectType?"/community":"ecom"===r.projectType?"/ecom":"care"===r.projectType?"/care":""}/`);(0,o.useEffect)(()=>{let update=()=>{l(window.location.href)};return window.addEventListener("popstate",update),update(),()=>{window.removeEventListener("popstate",update)}},[]);let i=useNavConfig({locale:r.locale,projectType:r.projectType,siteType:r.siteType,enableBookingBtn:r.enableBookingBtn});return o.createElement(C.Provider,{value:Object.assign(Object.assign({},r),{customClasses:r.customClasses||{},configs:Object.assign(Object.assign({},i),r.configs),currentUrl:r.currentUrl||n})},t)},useCSSFocusPopupHelper=e=>{let{allowBgScroll:t}=e||{},r=(0,o.useRef)();return{containerRef:r,onContainerFocus:()=>{t||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{t||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{r.current&&(document.activeElement===r.current||r.current.contains(document.activeElement))&&(r.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{r.current&&(document.activeElement===r.current||r.current.contains(document.activeElement))&&(r.current.blur(),document.activeElement.blur())}}},I=(0,h.Z)(m.Z.div` position: absolute; right: 0; transition: all 0.5s ease-in-out; overflow-y: auto; &[data-open='true'] { z-index: 200; top: 120%; opacity: 1; visibility: visible; } &[data-open='false'] { display: none; } .popup-content { z-index: 111; height: 100%; border: 1px solid #0000001a; border-radius: 16px; border-top-left-radius: 0; border-top-right-radius: 0; } /* min-height: 415px; */ ${g.M.mbUp} { width: 320px; } ${g.M.mbDown} { position: fixed; left: 0; width: 100%; padding-bottom: 70px; } `,"hhgcomp-navprofilebutton-popup"),B=(0,h.Z)(m.Z.div` position: fixed; z-index: 150; top: var(--header-bottom, 56px); left: 0; width: 100%; height: 100%; align-items: center; ${g.M.mbUp} { background-color: transparent; &[data-type='welcome'] { background: rgba(38, 38, 38, 0.3); } &[data-type='due-date'] { background: rgba(38, 38, 38, 0.3); } } ${g.M.mbDown} { background: rgba(38, 38, 38, 0.3); } &[data-type='welcome'] { top: 0; } &[data-open='false'] { display: none; } `,"hhgcomp-navprofilebutton-popupwrapper"),S=m.Z.div` width: 36px; height: 36px; cursor: pointer; img { border-radius: 50%; } .avatar { width: 36px; height: 36px; object-fit: cover; } .avatar-default { display: flex; align-items: center; justify-content: center; background-color: ${p.r.colors.secondaryBase}; border-radius: 50%; color: white; font-size: 20px; font-weight: bold; } `,$=m.Z.div` display: inline-flex; position: relative; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; text-decoration: none; flex-shrink: 0; cursor: pointer; .user-close-icon { display: none; } &:focus-within { .user-close-icon { display: block; } .user-avatar { display: none; } ${I.classSelector} { z-index: 200; top: 120%; opacity: 1; visibility: visible; display: initial; ${g.M.mbDown} { top: 100%; } } ${B.classSelector} { display: initial; } } `,H=m.Z.a` display: inline-flex; .login-btn[data-color='tertiary'][data-size='md'] { padding-left: 12px; padding-right: 12px; } .mobile-only { ${g.M.mbUp} { display: none; } } .login-btn { display: none; ${g.M.mbUp} { display: block; border: 1px solid ${p.r.colors.neutral100}; } } &[data-win-cash-back-theme='true'] { .login-btn { ${g.M.mbUp} { color: ${p.r.colors.white}; } } } `,ProfilePopup=({isOpen:e,userInfo:t,closePopup:r,siteType:a="helloSites",dispatchLogout:n})=>{let{customClasses:l={},configs:{enableProfileFindMyBooking:i}}=(0,o.useContext)(C);return o.createElement(I,{className:l.profilePopup,"data-open":e},o.createElement("div",{className:v()("popup-content",l.profilePopupContent)},o.createElement(x.l,{siteType:a,onLogout:()=>{n&&(n(),r())},userInfo:t,configs:{enableProfileFindMyBooking:i}})))},NavigationProfileButton=({userInfo:e,siteType:t,onLoginClick:r,currentUrl:m,isMinifyLogin:g,onLogout:h,style:b,isLoading:v,isMobile:f,className:y})=>{let{isWinCashBackTheme:E}=(0,o.useContext)(C),{t:w}=(0,d.u)(),[x,I]=(0,o.useState)(!1),B=(null==e?void 0:e.name)||(null==e?void 0:e.username),{containerRef:F,onContainerFocus:P,onContainerBlur:O,onButtonMouseDown:j,onClose:M}=useCSSFocusPopupHelper(),z=(0,o.useMemo)(()=>Object.assign(Object.assign({},b),{pointerEvents:"auto"}),[b]),R=(0,o.useMemo)(()=>f&&"helloSites"===t,[f,t]);return v?R?o.createElement(l.S,null):o.createElement(s.B,{size:"sm",color:"transparent",loading:!0}):(null==e?void 0:e.id)?o.createElement(o.Fragment,null,o.createElement($,{ref:F,style:z,tabIndex:0,onBlur:O,onFocus:()=>{var e;P();let t=null===(e=F.current)||void 0===e?void 0:e.querySelector("#navigation-v2 .hhgcomp-navprofilebutton-popup");if(t){let e=t.getBoundingClientRect(),r=e.top,a=`calc(100vh - ${r}px)`;t.setAttribute("style",`max-height: ${a};`)}},className:y},o.createElement("div",{onMouseDown:j},o.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},o.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),o.createElement(i.A,{size:32,className:"user-avatar",src:null==e?void 0:e.avatar,color:"marryBaby"===t?p.r.mbColors.pink:p.r.colors.secondaryBase,placeholderText:B&&B.length?B[0].toUpperCase():"A"})),o.createElement(ProfilePopup,{dispatchLogout:()=>{M(),I(!0)},isOpen:!1,closePopup:M,siteType:t,userInfo:e})),o.createElement(k.F,{openLogoutPopup:x,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),I(!1)},siteType:t,onLogoutHandler:()=>(0,a.a)(void 0,void 0,void 0,function*(){I(!1),document.body.classList.toggle("noscroll",!1),yield h()})})):o.createElement(H,{style:Object.assign({textDecoration:"none"},z),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":m,"data-win-cash-back-theme":E,"data-site-type":t,onClick:r},g?o.createElement(S,null,o.createElement("img",{src:u.C.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):o.createElement(o.Fragment,null,"helloSites"===t&&(R?E?o.createElement(BlueWhiteLogin,{className:"mobile-only",style:{cursor:"pointer",width:32,height:32,flexShrink:0}}):o.createElement("img",{className:"mobile-only",src:u.C.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24}}):o.createElement(s.B,{className:"mobile-only",size:"sm",leftIcon:o.createElement(n.Z,{color:"currentColor",isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"},styles:{leftIcon:{marginRight:4}}},w("navigation.loginJoin"))),"marryBaby"===t&&o.createElement("div",{className:"mobile-only",style:{paddingLeft:16}},o.createElement(c.T,{size:"p3",color:p.r.mbColors.pink},w("navigation.loginJoin"))),"marryBaby"===t?o.createElement(s.B,{className:"login-btn",size:"md",leftIcon:o.createElement(n.Z,{color:"currentColor",isSolid:!0,size:22})},w("navigation.loginJoin")):o.createElement(s.B,{className:"login-btn",size:"md",leftIcon:E?o.createElement(UserPlain,{style:{flexShrink:0,width:20,height:20}}):o.createElement(n.Z,{color:"#595959",isSolid:!0,size:22}),variant:"ghost",color:"#262626",sx:{fontWeight:500,fontSize:14,lineHeight:22}},w("navigation.loginJoin"))))}}}]);