"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4125],{t0rw:function(e,t,a){a.d(t,{M:function(){return Modal}});var l=a("q1tI"),o=a("6VYw"),r=a("i8i4"),n=a("rBCA"),i=a("uuQu"),s=a("gEnE"),d=a("iBNF");let c=(0,s.Z)(n.Z.div` position: relative; z-index: 200; background-color: ${d.r.colors.white}; border-radius: ${d.r.borderRadius}; box-shadow: 0px 8px 40px 0px #0000001a; &[data-site-type='marryBaby'] { border-radius: 16px; .hhg-modal__content { position: relative; z-index: 111; height: 100%; padding: 24px; } } .hhg-modal__content { position: relative; z-index: 111; height: 100%; padding: 16px; } .hhg-modal__video { position: relative; z-index: 111; height: 100%; background-color: none; box-shadow: none; } `,"hhgcomp-modal-modal"),m=n.Z.div` position: fixed; top: 0; left: 0; z-index: 201; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.6); transition: opacity 0.3s ease-in-out; .hhg-modal__close { position: absolute; top: 16px; right: 16px; cursor: pointer; img { width: 100%; height: 100%; border-radius: 50%; } } &[data-type='video'] { z-index: 1001; } &[data-open='true'] { opacity: 1; visibility: visible; } ${c.classSelector} { transition: transform 0.3s ease-in-out; } &.slideTop { ${c.classSelector} { transform: translate(0, -100vh); } &[data-open='true'] { ${c.classSelector} { transform: translate(0); } } } &.scaleUp { ${c.classSelector} { transform: scale(0.9); } &[data-open='true'] { ${c.classSelector} { transform: scale(1); } } } &[data-type='tail'] { justify-content: flex-end; ${c.classSelector} { width: 420px; height: 100%; border-radius: 0; overflow: hidden auto; } } &[data-type='form'] { ${c.classSelector} { width: 496px; height: 548px; max-height: 100%; overflow-y: auto; ${i.M.mbDown} { width: 340px; } } } &[data-type='video'] { ${c.classSelector} { height: 100%; max-height: 539px; ${i.M.mbDown} { height: 192px; width: 100%; height: 100%; border-radius: ${d.r.borderRadius}; max-height: 192px; } } } &[data-type='confirm'] { ${c.classSelector} { width: 100%; max-width: 407px; ${i.M.mbDown} { width: calc(100% - 32px); max-width: calc(100% - 32px); } } } `,p=n.Z.div` position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; align-items: center; &[data-open='false'] { display: none; } &[data-type='video'] { background-color: ${d.r.colors.secondaryDark}; } `,u="hhg-modals",getModalsRoot=()=>{let e=document.getElementById(u);return e||((e=document.createElement("div")).setAttribute("id",u),document.body.append(e)),e},cleanUpModalShow=()=>{let e=document.querySelectorAll('.hhg-modal[data-open="true"]');e.length<1&&document.body.classList.remove("hhc-modal-show")},cleanUpDisabledScroll=()=>{let e=document.querySelectorAll('.hhg-modal[data-open="true"]');e.length<1&&(document.body.style.overflow="",document.body.style.paddingRight="",document.body.classList.remove("hhc-disabled-scroll"))},Modal=({type:e="lead",closeIcon:t,isOpen:a=!0,onClose:n,children:i,className:s="",animationType:d="scaleUp",isStaticBackdrop:u=!1,siteType:g})=>{let[h,v]=(0,l.useState)(!1),C=(0,l.useRef)(null),{width:f}=(0,o.u)();if(!C.current&&h&&(C.current=document.createElement("div")),(0,l.useEffect)(()=>(v(!0),()=>{v(!1),cleanUpModalShow(),cleanUpDisabledScroll()}),[]),(0,l.useEffect)(()=>{if(h){let e=getModalsRoot();return e.appendChild(C.current),()=>{e.removeChild(C.current)}}},[h]),(0,l.useEffect)(()=>{a?document.body.classList.add("hhc-modal-show"):cleanUpModalShow()},[a]),(0,l.useEffect)(()=>{a?(document.body.style.overflow="hidden",document.body.style.paddingRight=f+"px",document.body.classList.add("hhc-disabled-scroll")):cleanUpDisabledScroll()},[a,f]),!h)return null;let y=["hhg-modal__wrapper",s,d].filter(e=>e).join(" ");return(0,r.createPortal)(l.createElement(m,{className:y,"data-open":a,"data-type":e},!u&&l.createElement(p,{"data-open":a,onClick:n,"data-type":e}),!u&&"video"===e&&!!t&&l.createElement("div",{className:"hhg-modal__close",onClick:n},t),l.createElement(c,{className:"hhg-modal","data-open":a,"data-site-type":g},l.createElement("div",{className:"video"===e?"hhg-modal__video":"hhg-modal__content"},!!t&&"video"!==e&&l.createElement("div",{className:"hhg-modal__close",onClick:n},t),i))),C.current)}},xOoI:function(e,t,a){a.d(t,{C:function(){return CardPost},S:function(){return SourceList},V:function(){return VerifiedTag},a:function(){return CardPostPopoverMore},b:function(){return CardReply},c:function(){return CardReplyPopover}});var l=a("FRPj"),o=a("q1tI"),r=a("LgdP"),n=a("DEkF"),i=a("Gx+P"),s=a("ns0B"),d=a.n(s),c=a("mihF"),m=a("nGnw"),p=a("Aqof"),u=a("aZjv"),g=a("VhOp"),h=a("MFH/"),v=a("rBCA"),C=a("uuQu"),f=a("iBNF"),y=a("Fo2T"),w=a("IQVP"),x=a("wbWA"),b=a("bJUT"),E=a("Idd8"),_=a("voTM"),k=a("2rpi"),S=a("NMBh"),B=a("oTwY"),I=a("iZ8j"),N=a("e0pn"),M=a("LWwf"),L=a("PbOM"),O=a("bpvy"),R=a("l9Yf"),j=a("wp0n"),D=a("xA8p"),T=a("n/N3"),A=a("xrdX"),P="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e",z="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='3' height='13' fill='none'%3e%3ccircle cx='1.583' cy='6.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 6.417)'/%3e%3ccircle cx='1.583' cy='1.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 1.417)'/%3e%3ccircle cx='1.583' cy='11.417' r='1.25' fill='%23595959' transform='rotate(90 1.583 11.417)'/%3e%3c/svg%3e",F="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M2 4h12'/%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.333 4V2.667a1.333 1.333 0 0 1 1.334-1.334h2.666a1.334 1.334 0 0 1 1.334 1.334V4m2 0v9.333a1.334 1.334 0 0 1-1.334 1.334H4.667a1.334 1.334 0 0 1-1.334-1.334V4zM6.667 7.333v4M9.333 7.333v4'/%3e%3c/svg%3e";let CardPostPopoverMore=({authorEmail:e,onDeletePost:t,shareUrl:a,post:r,className:n="",popoverClassName:s="",onEditPost:d})=>{let{data:{locale:v,userInfo:C,env:{isMarryBaby:f}}}=(0,o.useContext)(g.T),{t:y}=(0,i.u)(),[w,x]=(0,o.useState)(!1),[b,E]=(0,o.useState)(!1),[_,k]=(0,o.useState)(!1),{authActionWrapper:S}=(0,u.iV)(),B=e&&(null==C?void 0:C.email)&&e===String(null==C?void 0:C.email);return o.createElement("div",{className:n,onClick:e=>{e.preventDefault(),e.stopPropagation()}},_&&o.createElement(c.S,{url:a,text:null==r?void 0:r.title,onClose:()=>k(!1)}),b&&o.createElement(c.P,{thumbnail:m.C.getAssetPath("trash-bin.svg"),isThumbnailIcon:!0,title:y("popup.deletePost.title"),description:y("popup.deletePost.description"),acceptText:y("popup.deletePost.accept"),cancelText:y("popup.deletePost.cancel"),onAccept:()=>(0,l.a)(void 0,void 0,void 0,function*(){if((null==r?void 0:r.id)&&!w){x(!0);try{let e=yield(0,c.h)({id:r.id,locale:v});(null==e?void 0:e.status)===1&&(null==t||t())}catch(e){}x(!1)}}),onClose:()=>E(!1)}),o.createElement(h.b,{className:s,toggleButtonContent:o.createElement("img",{src:f?P:z,loading:"lazy"}),position:"bottom",align:"end",buttonProps:{isLoading:w},data:B?{isShowheader:!1,type:"list",list:[{icon:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M7.17 3.236H2.995a1.193 1.193 0 0 0-1.193 1.192v8.35a1.193 1.193 0 0 0 1.193 1.192h8.35a1.193 1.193 0 0 0 1.192-1.192V8.603'/%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M11.643 2.341a1.265 1.265 0 0 1 1.789 1.79L7.766 9.795l-2.385.596.596-2.385z'/%3e%3c/svg%3e",label:y("actionPopover.edit"),onClick:d},{icon:F,label:y("actionPopover.delete"),onClick:()=>{S(()=>E(!0))}}]}:{isShowheader:!1,type:"list",list:[{icon:c.i,label:y("morePopover.report"),subTree:{title:y("morePopover.report.title"),description:y("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(p.R).map(e=>({label:p.R[e].label,reason:p.R[e].reportReasonText,reasonValue:e})).map(e=>({label:y(e.label),subTree:{title:y("morePopover.reportSubmit.title"),description:y("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:t=>o.createElement(c.b,{reason:e.reasonValue,reasonText:y(e.reason),postId:null==r?void 0:r.id,onClose:()=>t&&t(!1)})}}))}}]}}))},V=v.Z.div` position: relative; margin-bottom: 24px; background: white; border-radius: ${f.r.borderRadius}; a { text-decoration: none; } ${C.M.mbDown} { margin-bottom: 8px; } &.flat-top { border-top-left-radius: 0; border-top-right-radius: 0; } .post-pin { padding: 0.5rem 1rem; border-radius: ${f.r.borderRadius} 6px 0 0; } .post-author { display: flex; align-items: center; justify-content: space-between; &.comment { padding-right: 2.6rem; } .author-avatar-wrapper { width: 40px; height: 40px; font-size: 20px; ${C.M.mbDown} { width: 32px; height: 32px; font-size: 16px; } } } .post-content-link-wrapper { color: inherit; cursor: pointer; .post-content-title { padding: 1rem 1rem 0; word-break: break-word; } } .social-preview-wrapper.has-image { margin-bottom: 5px; } .social-preview-wrapper, .image-preview-wrapper, .link-preview-wrapper { width: 100%; &[data-is-reply='true'] { padding-right: 1rem; padding-left: 1rem; } } .post-topics { padding: 0 1rem; } .post-reaction { background: none; border-radius: 0 0 6px 6px; &.hide-top-border { ::before { display: none; } } } .most-engaging-wrapper { padding: 1rem; cursor: pointer; .author-avatar-wrapper { width: 2rem; height: 2rem; font-size: 1rem; } .see-more-comments { width: 100%; padding: 12px 0 0; text-align: unset; } } &[data-most-engaging='true'] { border: none; ${C.M.mbDown} { margin: 1rem; border: 1px solid #e4e8ec; } } .top-divider { border-color: #e4e8ec; } .popover { .popover-menu__btn { display: flex; width: 1.5rem; height: 1rem; align-items: center; justify-content: center; padding: 0; background: transparent; &:hover { background-color: transparent; } } .popover-menu__content { &.--position-bottom { &.--align-end { &::before { right: 12.5px; } } } } } &[data-is-marrybaby='true'] { border: 1px solid #f3f3f3; border-radius: 1rem; /* shadow */ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08); .image-preview-wrapper, .link-preview-wrapper { padding-right: 1rem; padding-left: 1rem; } .popover { .popover-menu__btn { width: 24px; height: 24px; ${C.M.mbDown} { width: 18px; height: 18px; } } .popover-menu__content { &.--position-bottom { &.--align-end { &::before { right: 1rem; } width: 350px; ${C.M.mbDown} { max-width: calc(320px - 2rem); } } } } } .most-engaging-wrapper { position: relative; padding: 0; &::before { position: absolute; z-index: 5; top: 0; left: 50%; width: calc(100% - 2rem); height: 1px; background: #f3f3f3; content: ' '; transform: translateX(-50%); } } ${C.M.mbDown} { margin-bottom: 12px; } } `;var H="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M12 13.333 8 10.37l-4 2.963V3.852c0-.314.12-.616.335-.838.214-.222.505-.347.808-.347h5.714c.303 0 .594.125.808.347s.335.524.335.838z'/%3e%3c/svg%3e";let CardReplyPopover=({onDeleteComment:e,commentId:t,className:a="",popoverClassName:r=""})=>{let{data:{env:{isMarryBaby:n},locale:s},action:{pushNotifications:d}}=(0,o.useContext)(g.T),{t:m}=(0,i.u)(),[p,v]=(0,o.useState)(!1),{authActionWrapper:C}=(0,u.iV)();return o.createElement("div",{className:a,onClick:e=>{e.preventDefault(),e.stopPropagation()}},p&&o.createElement(c.P,{thumbnail:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3e%3cg stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3e%3cpath d='M2 4.008h12m-8.667 0V2.675a1.333 1.333 0 0 1 1.334-1.333h2.666a1.333 1.333 0 0 1 1.334 1.333v1.333m2 0v9.334a1.333 1.333 0 0 1-1.334 1.333H4.667a1.333 1.333 0 0 1-1.334-1.333V4.008zm-6 3.334v4m2.666-4v4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 .008h16v16H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",isThumbnailIcon:!0,title:m("popup.deleteComment.title"),description:m("popup.deleteComment.description"),acceptText:m("popup.deletePost.accept"),cancelText:m("popup.deletePost.cancel"),onAccept:()=>(0,l.a)(void 0,void 0,void 0,function*(){var a;if(!t)return;let l=yield(0,c.j)({id:t,locale:s});(null==l?void 0:l.status)===1?(e&&e(),d({title:"",message:m("notification.success"),type:"success"})):d({title:"",message:(null===(a=null==l?void 0:l.messages)||void 0===a?void 0:a[0])||m("notification.failure"),type:"danger"})}),onClose:()=>v(!1)}),o.createElement(h.b,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:F,label:m("actionPopover.delete"),onClick:()=>{C(()=>{v(!0)})}}]},className:r,toggleButtonContent:o.createElement("img",{src:n?P:z,loading:"lazy"}),buttonProps:{}}))},$=v.Z.div` .add-link { color: ${f.r.colors.primaryBase}; } `,Z=v.Z.div` margin: 16px 0; background: ${f.r.colors.yellow50}; padding: 5px 10px; border-radius: 2px; .icon { display: inline-block; vertical-align: middle; margin-right: 6px; } `,G=v.Z.div` display: flex; align-items: center; gap: 8px; `,q=v.Z.div` padding: 8px 16px; `,U=v.Z.div` margin-bottom: 12px; width: 100%; `,W=v.Z.div``,Y=v.Z.div` margin-bottom: 16px; `,K=v.Z.div` display: flex; flex-wrap: wrap; row-gap: 16px; ${C.M.tdUp} { align-items: center; column-gap: 24px; } `,Q=v.Z.a` display: flex; align-items: center; gap: 16px; ${C.M.mbDown} { width: 100%; justify-content: space-between; } `,X=v.Z.div` display: flex; align-items: center; gap: 16px; `,J=v.Z.div` border-radius: ${f.r.borderRadius}; overflow: hidden; width: 48px; height: 48px; img { object-fit: cover; width: 100%; height: 100%; } `,RecommentCategories=({categories:e})=>{let{t}=(0,i.u)(),{data:{locale:a,env:{isMarryBaby:l}}}=(0,o.useContext)(g.T),r=(0,T.g)(a,l);return o.createElement(W,null,o.createElement(Y,null,o.createElement(n.H,{tag:"h6",as:"h5"},t("cardReply.recommentCategories.heading"))),o.createElement(K,null,e.map(e=>o.createElement(Q,{href:r+e.permalink,key:String(e.termId),target:"_blank"},o.createElement(X,null,o.createElement(J,null,o.createElement("img",{src:e.featureImage||m.C.getAssetPath(l?"mb-logo.svg":"/logo/logomark.png"),alt:e.displayName,loading:"lazy"})),o.createElement(j.T,{size:"s3",weight:"bold"},e.displayName)),o.createElement(I.Z,{size:20,color:f.r.colors.gray400})))))},ee=v.Z.a` padding: 12px 0; display: flex; flex-direction: column; gap: 8px; border-top: 1px solid ${f.r.colors.neutral100}; text-decoration: none; &:first-child { border-top: 0; } `,SourceItem=({postTitle:e,articleReviewed:t,modifiedTime:a,href:l})=>{let{t:r}=(0,i.u)(),n=(()=>{let{expert:e,editor:a,is_author:l}=t;if(e){let t={name:e.display_name,role:"expert",avatar:e.avatar};return l?Object.assign({title:r("articleAuthor.title.written-by")},t):"expert"===e.role?Object.assign({title:r("articleAuthor.title.expert")},t):Object.assign({title:r("articleAuthor.title.medical")},t)}if(a)return{title:r("articleAuthor.title.fact-check"),name:a.display_name,avatar:a.avatar}})();return o.createElement(ee,{href:l,title:e,target:"_blank"},o.createElement(j.T,{size:"s3",as:"h5",weight:"bold"},e),o.createElement("div",null,o.createElement(b.C,{avatar:null==n?void 0:n.avatar,avatarProps:{size:32},name:null==n?void 0:n.name,role:null==n?void 0:n.role,hideBackground:!0},o.createElement(b.C.SubTextRow,null,o.createElement(b.C.SubText,null,null==n?void 0:n.title," ",o.createElement("span",{style:{color:f.r.colors.gray800}},null==n?void 0:n.name)),o.createElement(b.C.SubDivider,null),o.createElement(b.C.SubText,null,a)))))};var et={header:"F4mmgSy",chevron:"A7QrQ7A"};let SourceList=e=>{var{listUrl:t,hideSourceList:a,categorySlug:s,editMode:d,collapseSource:c,onListChange:p,isMarryBaby:u}=e,h=(0,l._)(e,["listUrl","hideSourceList","categorySlug","editMode","collapseSource","onListChange","isMarryBaby"]);let{t:v}=(0,i.u)(),[C,x]=(0,o.useState)(t||[]),[b,E]=(0,o.useState)([]),[_,k]=(0,o.useState)([]),[S,I]=(0,o.useState)(!1);(0,o.useEffect)(()=>{a||(0,l.a)(void 0,void 0,void 0,function*(){I(!0);let e=C.map(e=>{let t=new URL(e),a=String(t.pathname).split("/").filter(e=>""!=e),l=t.origin,o=-1!==l.search("marrybaby.vn");return{isMarrySite:o,path:a[a.length-1],href:e}}),t=[...e.map(e=>(0,g.c)(e.isMarrySite?(0,g.s)(w.D9.GET_PREVIEW_ARTICLE,{fullSlug:e.path},!0):(0,g.o)(w.D9.GET_PREVIEW_ARTICLE,{fullSlug:e.path},!0),"GET"))],a=yield Promise.all(t);E(a.map((t,a)=>{var l,o;return(null===(l=null==t?void 0:t.data)||void 0===l?void 0:l.post)&&Object.assign(Object.assign({},(0,y.g)(null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.post)),{href:e[a].href})}).filter(Boolean)),I(!1)})},[]),(0,o.useEffect)(()=>{!a&&(null==b?void 0:b.length)===0&&s&&(0,l.a)(void 0,void 0,void 0,function*(){var e;let t=yield(0,g.c)(u?(0,g.s)(w.D9.GET_CATEGORY_OR_ARTICLE_DETAIL,{fullSlug:s},!0):(0,g.o)(w.D9.GET_CATEGORY_OR_ARTICLE_DETAIL,{fullSlug:s},!0),"GET");(null==t?void 0:t.data)&&k([(0,y.h)(null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.category)])})},[b]);let handleRemoveItem=e=>{x(t=>{let a=[...t];return a.splice(e,1),a}),E(t=>{let a=[...t];return a.splice(e,1),a})};return(0,o.useEffect)(()=>{null==p||p(C)},[C]),o.createElement("div",Object.assign({},h),!d&&o.createElement(Z,null,o.createElement("img",{className:"icon",src:m.C.getAssetPath("warning.svg"),alt:"warning",style:{marginBottom:"3px",width:"18px"},loading:"lazy"}),o.createElement(j.T,{size:"s3",as:"span",dangerouslySetInnerHTML:{__html:v("cardReply.disclaimer")}})),a?null:S?o.createElement(D.L,null):b.length>0||d?o.createElement($,null,o.createElement(O.U,{defaultValue:!c&&"accordion",styles:{control:{borderRadius:"inherit",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,borderBottom:0,borderTop:`1px solid ${f.r.colors.neutral100}`},item:{marginBottom:"16px",borderTopLeftRadius:"8px",borderTopRightRadius:"8px",border:`1px solid ${f.r.colors.neutral100}`,borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px","&[data-active]":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}},chevron:o.createElement("div",{className:et.chevron},o.createElement(N.Z,{color:f.r.colors.gray600,size:20}))},o.createElement(O.U.Item,{value:"accordion"},o.createElement(O.U.Control,null,o.createElement("div",{className:et.header},o.createElement(n.H,{as:"h4",tag:"h6"},v("cardReply.source")))),o.createElement(O.U.Panel,null,o.createElement(q,null,(b||[]).map((e,t)=>o.createElement(G,{key:String(t)},"object"==typeof e?o.createElement(SourceItem,Object.assign({},e)):o.createElement(U,null,o.createElement(R.I,{style:{width:"100%"},name:"source-list",value:e||"",size:"sm",onChange:e=>{x(a=>{let l=[...a];return l[t]=e,l}),E(a=>{let l=[...a];return l[t]=e,l})}})),d&&o.createElement(r.B,{size:"md",color:"transparent",icon:o.createElement(M.Z,null),onClick:()=>handleRemoveItem(t)}))),d&&o.createElement(r.B,{className:"add-link",color:"transparent",size:"md",icon:o.createElement(B.Z,{color:f.r.colors.primaryBase,size:18}),onClick:()=>{x(e=>[...e,""]),E(e=>[...e,""])}},"Add source")))))):o.createElement(RecommentCategories,{categories:_}))},ea=v.Z.div` position: relative; margin-bottom: 0; background: white; border-radius: ${f.r.borderRadius}; .verify-tag { margin-top: 12px; } .post-author { &.with-popover { padding-right: 2.6rem; } .author-avatar-wrapper { width: 40px; height: 40px; font-size: 20px; ${C.M.mbDown} { width: 32px; height: 32px; font-size: 16px; } } } .image-preview-wrapper, .link-preview-wrapper { width: 100%; &[data-is-reply='true'] { padding-right: 1rem; padding-left: 1rem; } } .post-reaction { background: none; border-radius: 0 0 6px 6px; } &[data-is-reply='true'] { > .post-author .author-avatar-wrapper { width: 20px; height: 20px; font-size: 10px; } } &[data-is-reply='false'] { border: 1px solid #e4e8ec; } .expert-wrapper { width: 100%; } &[data-has-booking='true'] { display: grid; .post-author { background-color: ${f.r.colors.primary50}; } .btn-wrapper { padding: 0 16px; .btn-booking { width: 100%; margin: 12px 0; } } } .comment-reply-wrapper { padding: 0 1rem; .more-cmt { .chevron-right { height: 1rem; width: 1rem; vertical-align: middle; } } } .top-divider { border-color: #e4e8ec; } .popover { position: absolute; top: 1.5rem; right: 1rem; .popover-menu__btn { display: flex; width: 1rem; height: 1rem; align-items: center; justify-content: center; padding: 0; background: transparent; &:hover { background-color: transparent; } .popover-menu__content { &.--position-bottom { &.--align-end { &::before { right: 12.5px; } } } } } } &[data-is-marrybaby='true'] { &[data-is-reply='false'] { border: none; } .image-preview-wrapper, .link-preview-wrapper { padding-right: 1rem; padding-left: 1rem; } .popover { .popover-menu__btn { width: 24px; height: 24px; } } margin-left: 56px; ${C.M.mbDown} { margin-left: 40px; } > .post-author { margin-left: -56px; ${C.M.mbDown} { margin-left: -40px; } .author-info { align-items: center; display: flex; align-items: center; .author-info-top { width: 100%; } .author-info-text-wrapper { justify-content: space-between; } } .author-avatar-wrapper { width: 40px; height: 40px; font-size: 20px; ${C.M.mbDown} { width: 24px; height: 24px; font-size: 12px; } } } &[data-is-reply] { > .post-author { .author-avatar-wrapper { width: 40px; height: 40px; font-size: 20px; ${C.M.mbDown} { width: 24px; height: 24px; font-size: 12px; } } } } .comment-reply-wrapper { padding-right: 0; padding-left: 0; } .post-reaction { &::after { position: absolute; bottom: 0; left: 50%; width: calc(100% - 2rem); height: 1px; background: #f3f3f3; content: ' '; transform: translateX(-50%); } } .post-content-wrapper { padding-top: 0; padding-bottom: 0; ${C.M.mbDown} { padding-left: 0.5rem; } } ${C.M.mbDown} { margin-bottom: 12px; } } `,el=(0,v.Z)(SourceList)` margin-top: 12px; padding: 0.5rem 1rem 1rem; `,VerifiedTag=({userId:e,avatar:t,name:a,role:l,title:n,className:s})=>{let{t:d}=(0,i.u)(),[c,m]=(0,o.useState)(!1);return o.createElement(o.Fragment,null,o.createElement(r.B,{className:`-dzIuHr ${s}`,color:"success",size:"xs",onClick:()=>m(!0),style:{padding:"5px 8px",marginBottom:"12px",borderRadius:"4px"}},o.createElement("span",{className:"text"},o.createElement(L.Z,{isSolid:!0,size:18,color:f.r.colors.green800,className:"icon"}),d("cardReply.verifyBy",{name:`${a||""}`}))),o.createElement(b.c,{open:c,onClose:()=>m(!1),profileModalProps:{zIndex:1e3}},o.createElement(E.a,{authorProps:{userId:e,avatar:t,name:a,role:l,title:n},hideQuestionTab:!0})))},CardReply=({className:e,style:t,comment:a,type:n="comment",level:s=0,replyingId:d,onPostCommentSuccess:m,post:p,onDeleteComment:v,refetchComment:C,hasQuickBookingEnable:f,handleMakeAppointment:y,cardAuthorProps:k,maxChars:B=600,disableShortenContent:I})=>{var N,M,L,O,R,j,D,T,P,z,F,V,H;let{data:{locale:$,userInfo:Z,env:{isMarryBaby:G}}}=(0,o.useContext)(g.T),{t:q}=(0,i.u)(),[U,W]=(0,o.useState)(a||null),{id:Y,countLikes:K,content:Q,replies:X=[],images:J=[],author:ee,liked:et,link:eo,mentionedUser:er,mentions:en}=U,{text:ei,replyingTo:es}=(0,c.k)(Q),{authActionWrapper:ed}=(0,u.iV)({_joinCommunityIds:[null===(N=null==p?void 0:p.community)||void 0===N?void 0:N.id],_joinTopicIds:null===(M=null==p?void 0:p.topics)||void 0===M?void 0:M.map(e=>e.id)}),[ec,em]=(0,o.useState)(4),ep=null!=Z&&!!Z.id&&(null==X?void 0:X.some(e=>e.author.id===Z.id)),addNewReply=e=>{W(t=>{if(!t.replies.find(t=>t.id===e.id)){t.replies.unshift(e);let a=Object.assign(Object.assign({},t),{replies:t.replies.slice(),countReplies:t.countReplies+1});return C&&C(a),a}return t})},[eu,eg]=(0,o.useState)(!1),eh=(0,o.useMemo)(()=>"comment"===n&&X&&0!=X.length?X.sort((e,t)=>{let a=new Date(e.createdAt).getTime(),l=new Date(t.createdAt).getTime();return a>l?-1:a{var e,t;(null==ee?void 0:ee.hospitalId)&&(e=ee.hospitalId,(0,l.a)(void 0,void 0,void 0,function*(){var t;let a=yield(0,g.c)((0,g.g)(w.tC.GET_HOSPITAL_INFO,{hospital_branch_id:e,website_url:A.v[$]}),"get");(null===(t=null==a?void 0:a._data)||void 0===t?void 0:t.branch)&&e_(null==a?void 0:a._data.branch)})),(null==ee?void 0:ee.doctorId)&&(t=ee.doctorId,(0,l.a)(void 0,void 0,void 0,function*(){var e;let a=yield(0,g.c)((0,g.g)(w.tC.GET_DOCTOR_INFO,{doctorId:t,website_url:A.v[$]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.doctor)&&eS(null==a?void 0:a._data.doctor)}))},[ee.hospitalId,ee.doctorId]);let eB=(null==ek?void 0:ek.valid_outpatient)||(null==ek?void 0:ek.valid_telemedicine),eI=((null==eE?void 0:eE.total_available_service)||(null==eE?void 0:eE.total_available_doctor))>0,eN=f&&(eB||eI),eM=(null===(O=null==U?void 0:U.author)||void 0===O?void 0:O.type)==="chatbot";return o.createElement(u.I_,{defaultParams:{_joinCommunityIds:[null===(R=null==p?void 0:p.community)||void 0===R?void 0:R.id],_joinTopicIds:null===(j=null==p?void 0:p.topics)||void 0===j?void 0:j.map(e=>e.id)}},o.createElement(ea,{className:e,style:t,"data-is-reply":!!s,"data-is-marrybaby":G,"data-has-booking":eN},"reply"===n&&o.createElement(S.D,{className:"top-divider",type:"solid"}),o.createElement("div",{style:{padding:"16px 16px 0"}},o.createElement(b.C,Object.assign({avatar:ew,name:ef,username:ey,timeText:null==p?void 0:p.createdTime,community:null==p?void 0:p.community,className:`post-author ${eC?"with-popover":""}`,type:n,userId:null==ee?void 0:ee.id,role:ex,expertId:null==ee?void 0:ee.partnerId,title:null==ee?void 0:ee.title,doctorId:null==ee?void 0:ee.doctorId,hospitalId:null==ee?void 0:ee.hospitalId,hasQuickBooking:eN,handleMakeAppointment:y,isAnonymous:(null==U?void 0:U.isAnonymous)||!!(null==p?void 0:p.isAnonymous)&&(null===(D=null==p?void 0:p.author)||void 0===D?void 0:D.username)===(null==ee?void 0:ee.username),hideBackground:eM,userType:null==ee?void 0:ee.type},k)),!!(null==U?void 0:U.isVerify)&&!(null==U?void 0:U.isOppose)&&o.createElement(VerifiedTag,{title:null===(T=null==U?void 0:U.userVerify)||void 0===T?void 0:T.title,name:null===(P=null==U?void 0:U.userVerify)||void 0===P?void 0:P.name,userId:null===(z=null==U?void 0:U.userVerify)||void 0===z?void 0:z.id,role:null===(F=null==U?void 0:U.userVerify)||void 0===F?void 0:F.role,avatar:null===(V=null==U?void 0:U.userVerify)||void 0===V?void 0:V.avatar,className:"verify-tag"})),o.createElement(E.P,{className:"post-content-wrapper",replyingTo:es,mentionedUser:er,description:ei,mentions:eb,maxChars:B,disableShortenContent:I}),o.createElement("span",null),o.createElement("span",null),J&&J.length>0?o.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},o.createElement(_.a,{images:J,authorName:null==ee?void 0:ee.username})):null,(!J||0===J.length)&&eo?o.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},o.createElement(x.C,{url:eo})):null,"most-engaging"!==n?o.createElement(o.Fragment,null,eM&&o.createElement(el,{listUrl:null==U?void 0:U.source,categorySlug:null==U?void 0:U.categorySlug}),o.createElement(h.C,{type:h.c.reply,loveCount:K,replyCount:ev,className:"post-reaction",liked:et,isReplied:ep,hideCommentIcon:"reply"===n||eM,hasShare:!1,onCommentClick:()=>ed(()=>eg(e=>!e)),onCommentCountClick:()=>ed(()=>{eg(!0)}),onLikeClick:()=>ed(()=>(0,l.a)(void 0,void 0,void 0,function*(){if(Y){let e=yield(0,c.l)({commentId:Y,setLike:!et,locale:$});1===e.status&&W(e=>Object.assign(Object.assign({},e),{liked:!et,countLikes:e.countLikes+(et?-1:1)}))}}))}),eu&&o.createElement(c.I,{replyingId:d||U.id,replyToName:ef,isReply:!0,onClose:()=>eg(!1),onPostSuccess:e=>{"reply"===n?m&&m(e):addNewReply(e)},post:p,replyingUser:ee}),"comment"===n&&X&&X.length>0?o.createElement("div",{className:"comment-reply-wrapper"},null===(H=null==eh?void 0:eh.slice(0,ec))||void 0===H?void 0:H.map(e=>o.createElement(CardReply,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:s+1,replyingId:Y,onPostCommentSuccess:addNewReply,post:p,onDeleteComment:()=>{W(t=>Object.assign(Object.assign({},t),{replies:t.replies.filter(t=>t.id!==e.id),countReplies:t.countReplies-1}))},handleMakeAppointment:y,hasQuickBookingEnable:f})),ev>ec&&o.createElement(o.Fragment,null,o.createElement(S.D,{className:"top-divider",type:"solid"}),o.createElement(r.B,{className:"more-cmt",size:"lg",color:"ghost",onClick:()=>em(e=>e+4)},q("comment.seeMoreReplies",{count:ev-ec}),o.createElement("img",{className:"chevron-right",src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3e%3cpath stroke='%232D87F3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 12 4-4-4-4'/%3e%3c/svg%3e",loading:"lazy"})))):null):null,eC&&o.createElement(CardReplyPopover,{onDeleteComment:v,className:"popover",commentId:U.id})))},getMostEngagingComment=(e,t)=>(0,l.a)(void 0,void 0,void 0,function*(){var a,l,o;let r=yield(0,g.t)((0,g.e)(w.yy.COMMENT.LIST,{postId:e,_locale:t,sort:"popularity",perPage:1,withoutReply:1}),"GET");return null===(o=null===(l=null===(a=null==r?void 0:r.data)||void 0===a?void 0:a.comments)||void 0===l?void 0:l.map(y.e))||void 0===o?void 0:o[0]}),CardPost=({className:e,style:t,hideViewMoreComment:a,showMostEngaging:s,onCommentClick:m,onCommentCountClick:v,onMostEngagingCommentClick:C,onPostCommentSuccess:f,disableCardLink:y,disableShortenContent:S,onDeletePost:B,onEditPost:I,post:N,mostEngagingComment:M,onDeleteComment:L,showInputComment:O,InlineCommentsComponent:R,hasQuickBookingEnable:j,handleMakeAppointment:D,onSaveUnsaveSuccess:T,cardAuthorProps:A,verticalReactions:P=!1})=>{let[z,F]=(0,o.useState)(N),[$,Z]=(0,o.useState)(!1),[G,q]=(0,o.useState)(M),{community:U,topics:W,author:Y,slug:K,isPin:Q,liked:X,photos:J,mentions:ee,title:et,description:ea,previewUrl:el,likesCount:eo,commentsCount:er,id:en,commented:ei}=z,{data:{locale:es,togetherUserId:ed,userInfo:ec,env:{isMarryBaby:em,togetherBasePath:ep}},action:{pushNotifications:eu}}=(0,o.useContext)(g.T),eg=!!(null==ec?void 0:ec.id),{t:eh}=(0,i.u)(),[ev,eC]=(0,o.useState)(O),ef=`${ep}/${(null==U?void 0:U.slug)||"_"}/${K||""}`,ey=`${(0,g.k)(es)}${ef}`,{authActionWrapper:ew}=(0,u.iV)((null==U?void 0:U.slug)?{_joinCommunityIds:[U.id],_joinTopicIds:null==W?void 0:W.map(e=>e.id)}:void 0),[ex,eb]=(0,o.useState)(!1);(0,o.useEffect)(()=>{eC(O)},[O]);let eE=(null==Y?void 0:Y.name)||(null==Y?void 0:Y.username)||"",e_=(null==Y?void 0:Y.username)||(null==Y?void 0:Y.name)||"",ek=null==Y?void 0:Y.avatar,eS=(null==z?void 0:z.isAnonymous)?void 0:null==Y?void 0:Y.role,[eB,eI]=(0,o.useState)(null),[eN,eM]=(0,o.useState)(null);(0,o.useEffect)(()=>{var e,t;(null==Y?void 0:Y.hospitalId)&&(e=Y.hospitalId,(0,l.a)(void 0,void 0,void 0,function*(){var t;let a=yield(0,g.c)((0,g.g)(w.tC.GET_HOSPITAL_INFO,{hospital_branch_id:e,website_url:g.l[es]}),"get");(null===(t=null==a?void 0:a._data)||void 0===t?void 0:t.branch)&&eI(null==a?void 0:a._data.branch)})),(null==Y?void 0:Y.doctorId)&&(t=Y.doctorId,(0,l.a)(void 0,void 0,void 0,function*(){var e;let a=yield(0,g.c)((0,g.g)(w.tC.GET_DOCTOR_INFO,{doctorId:t,website_url:g.l[es]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.doctor)&&eM(null==a?void 0:a._data.doctor)}))},[Y.hospitalId,Y.doctorId]);let eL=(null==eN?void 0:eN.valid_outpatient)||(null==eN?void 0:eN.valid_telemedicine),eO=((null==eB?void 0:eB.total_available_service)||(null==eB?void 0:eB.total_available_doctor))>0;(0,o.useEffect)(()=>{(0,l.a)(void 0,void 0,void 0,function*(){if(en&&er&&s&&!(null==M?void 0:M.id)){let e=yield getMostEngagingComment(en,es);q(e)}})},[en,es,er,s,null==M?void 0:M.id]),(0,o.useEffect)(()=>{q(M)},[null==M?void 0:M.id]);let onDeleteComment=e=>(0,l.a)(void 0,void 0,void 0,function*(){if(er>1&&(null==G?void 0:G.id)&&(null==G?void 0:G.id)===(null==e?void 0:e.id)){let e=yield getMostEngagingComment(en,es);q(e)}F(e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount-1})),L&&L(e)});return o.createElement(u.I_,{defaultParams:(null==U?void 0:U.slug)?{_joinCommunityIds:[U.id],_joinTopicIds:null==W?void 0:W.map(e=>e.id)}:void 0},$&&o.createElement(c.S,{url:ey,avatar:p.D,text:et,onClose:()=>Z(!1)}),o.createElement(V,{className:e,style:t,"data-is-marrybaby":em},Q?o.createElement(h.a,{className:"post-pin"}):null,o.createElement("div",{style:{position:"relative",padding:"1rem 1rem 0"}},o.createElement(b.C,Object.assign({avatar:ek,name:eE,username:e_,url:y?void 0:ef,community:U,timeText:null==z?void 0:z.createdTime,className:"post-author",role:eS,userId:null==Y?void 0:Y.id,expertId:null==Y?void 0:Y.partnerId,doctorId:null==Y?void 0:Y.doctorId,hospitalId:null==Y?void 0:Y.hospitalId,title:null==Y?void 0:Y.title,hasQuickBooking:j&&(eL||eO),handleMakeAppointment:D,"data-testid":"name",isAnonymous:!!(null==z?void 0:z.isAnonymous),extendEle:o.createElement(CardPostPopoverMore,{authorEmail:String(null==Y?void 0:Y.email),onDeletePost:B,shareUrl:ey,post:z,className:"popover",onEditPost:I})},A))),o.createElement("a",{href:y?void 0:ef,className:"post-content-link-wrapper"},et&&o.createElement(n.H,{className:"post-content-title",as:"h2",tag:"h5",fontWeight:"bold","data-testid":"Title of the Post"},d()(et)),o.createElement(E.P,{className:"post-content-wrapper",description:ea,disableShortenContent:S,mentions:ee,"data-testid":"Content of the Post"})),o.createElement("span",null),o.createElement("span",null),o.createElement("div",{key:"tag-topic"},W&&W.length>0?o.createElement(h.T,{topics:W,className:"post-topics"}):null),o.createElement("div",{key:"social-preview"},(null==z?void 0:z.introUrl)?o.createElement("div",{className:`social-preview-wrapper ${(null==J?void 0:J.length)?"has-image":""}`},o.createElement(k.S,{url:z.introUrl,image:z.bannerImage})):null),o.createElement("div",{key:"image-preview"},(null==J?void 0:J.length)?o.createElement("div",{className:"image-preview-wrapper"},o.createElement(_.a,{images:J,authorName:null==Y?void 0:Y.name,isSensitive:!!(null==z?void 0:z.isSensitive)})):null),o.createElement("div",{key:"link-preview"},(null==z?void 0:z.introUrl)||(null==J?void 0:J.length)||null==el||!el.url?null:o.createElement("div",{className:"link-preview-wrapper"},o.createElement(x.C,{title:el.title,url:el.url,image:el.image}))),o.createElement(h.C,{isMarryBaby:em,type:h.c.post,loveCount:eo,replyCount:er,className:`post-reaction ${(null==J?void 0:J.length)||(null==el?void 0:el.url)?"hide-top-border":""}`,liked:ex?!X:X,isReplied:ei,isSaved:(null==z?void 0:z.bookmarked)||!1,onCommentClick:()=>ew(()=>{m?m():eC(e=>!e)}),onCommentCountClick:()=>{ew(()=>{em?eC(!0):v?v():y||(window.location.href=ef)})},onShareClick:()=>{Z(!0)},onLikeClick:()=>(0,l.a)(void 0,void 0,void 0,function*(){ew(()=>(0,l.a)(void 0,void 0,void 0,function*(){if(en&&!ex){eb(!0);try{let e=yield(0,c.m)({id:en,locale:es});(null==e?void 0:e.status)!==1?eu((0,c.g)(eh)):F(e=>Object.assign(Object.assign({},e),{likesCount:(e.likesCount||0)+(e.liked?-1:1),liked:!e.liked}))}catch(e){eu((0,c.g)(eh))}eb(!1)}}))}),onSaveClick:()=>{ew(()=>(0,l.a)(void 0,void 0,void 0,function*(){if((null==ec?void 0:ec.id)&&(null==z?void 0:z.id)){if(null==z?void 0:z.bookmarked){let e=yield(0,g.b)((0,g.e)(w.yy.BOOKMARK.DELETE,{_locale:es}),"DELETE",{headers:{"Content-Type":"application/json"},data:{post_id:String(z.id)}});(null==e?void 0:e.status)===1?(eu({title:"",message:eh("post.remove.success"),type:"success",displayIcon:H}),null==T||T()):eu({title:"",message:eh("post.remove.failed"),type:"danger",displayIcon:H})}else{let e=yield(0,g.b)((0,g.e)(w.yy.BOOKMARK.CREATE,{_locale:es}),"POST",{headers:{"Content-Type":"application/json"},data:{user_id:ed||ec.id,post_id:z.id}});(null==e?void 0:e.status)===1?(eu({title:"",message:eh("post.save.success"),type:"success",displayIcon:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23595959'%3e%3cpath stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' d='M12 13.333 8 10.37l-4 2.963V3.852c0-.314.12-.616.335-.838.214-.222.505-.347.808-.347h5.714c.303 0 .594.125.808.347s.335.524.335.838z'/%3e%3c/svg%3e"}),null==T||T()):eu({title:"",message:eh("post.save.failed"),type:"danger",displayIcon:H})}}}))},onGoToUrl:e=>{let t=e?`${ey}${e}`:ey;eg?window.location.href=t:ew(()=>window.location.href=t)},showingMostEngaging:!!(s&&(null==G?void 0:G.id)),isVertical:P}),ev&&o.createElement(c.I,{isMainCmt:!O,onClose:()=>eC(!1),onPostSuccess:e=>{0!==er||(null==G?void 0:G.id)||q(e),F(e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount+1,commented:!0})),f&&f(e)},post:z}),s&&(null==G?void 0:G.id)?o.createElement("div",{className:"most-engaging-wrapper",onClick:e=>{C?(e.stopPropagation(),C()):window.location.href=ef}},o.createElement(CardReply,{hasQuickBookingEnable:j,handleMakeAppointment:D,comment:G,post:z,onDeleteComment:()=>{onDeleteComment&&onDeleteComment(G)},className:"most-engaging-comment",type:"most-engaging",key:G.id,cardAuthorProps:A}),er>1&&!a&&o.createElement(r.B,{className:"see-more-comments",color:"ghost",size:"md"},eh("comment.seeMoreComments",{count:er-1}))):null,R))}},LgdP:function(e,t,a){a.d(t,{B:function(){return Button}});var l=a("FRPj"),o=a("q1tI"),r=a("8wjV");let Button=e=>{var{size:t,color:a="primary",isDisabled:n,isBlock:i,title:s,onClick:d,icon:c,iconPosition:m="left",children:p,isLoading:u=!1,loadingText:g,dataEventCategory:h,dataEventAction:v,dataEventLabel:C,dataProductChannel:f,dataProductSku:y,dataProductBrand:w,dataProductName:x,dataProductPrice:b,dataProductCategory:E,dataProductPosition:_,type:k}=e,S=(0,l._)(e,["size","color","isDisabled","isBlock","title","onClick","icon","iconPosition","children","isLoading","loadingText","dataEventCategory","dataEventAction","dataEventLabel","dataProductChannel","dataProductSku","dataProductBrand","dataProductName","dataProductPrice","dataProductCategory","dataProductPosition","type"]);return o.createElement(r.B,Object.assign({},{"data-event-category":h,"data-event-action":v,"data-event-label":C,"data-product-channel":f,"data-product-sku":y,"data-product-brand":w,"data-product-name":x,"data-product-price":b,"data-product-category":E,"data-product-position":_},{size:t,variant:"transparent"===a?"white":"danger"===a?"error":a,disabled:n,onClick:e=>{u||n||!d||d(e)},title:s,loading:u,type:k||"submit",leftIcon:"left"===m?c:void 0,rightIcon:"right"===m?c:void 0,w:i?"100%":void 0,p:i?"12px auto":void 0,"data-color":a,"data-size":t,"data-block":i,"data-has-icon":!!c||void 0,"data-theme":S.theme,"data-is-loading":u},S),u&&g||p)}},tmD0:function(e,t,a){a.d(t,{L:function(){return Logo}});var l=a("q1tI"),o=a("eosF"),r=a("nGnw"),n=a("rBCA"),i=a("uuQu"),s=a("2rdL"),d=a("R7WV");let c=n.Z.div` position: relative; display: inline-flex; align-items: center; z-index: 0; .main-logo-icon { object-fit: contain; } &[data-logo-is-light] { > svg path { fill: #fff; } img { filter: brightness(0) invert(1); } } &[data-has-badge] { @supports (display: flex) and (gap: 1em) { gap: 0.5rem; } @supports not ((display: flex) and (gap: 1em)) { > img { margin-left: 0.25rem; } } } .common-logo-seasonal-left, .common-logo-seasonal-right { z-index: -1; max-width: unset; max-height: unset; pointer-events: none; } .common-logo-seasonal-left { position: absolute; top: 50%; left: 0; transform: translateY(-50%); pointer-events: none; } .common-logo-seasonal-right { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } &[data-seasonal='christmas'] { padding-left: 37px; padding-right: 22px; .common-logo-seasonal-left { width: 125px; height: 56px; } .common-logo-seasonal-right { width: 23px; height: 17px; } ${i.M.mbDown} { padding-left: 30px; padding-right: 16px; .common-logo-seasonal-left { // width: 125px; height: 46px; } .common-logo-seasonal-right { // width: 23px; height: 12px; } } } &[data-seasonal='new-year'] { padding-right: 85px; .common-logo-seasonal-left { top: 35%; width: 100px; height: 56px; } .common-logo-seasonal-right { width: 85px; height: 54px; } ${i.M.mbDown} { padding-right: 0; .common-logo-seasonal-right { display: none; } } } &[data-seasonal='lunar-new-year'] { padding-left: 30px; padding-right: 35px; .common-logo-seasonal-left { width: 33px; height: 41px; } .common-logo-seasonal-right { width: 37px; height: 54px; } } &[data-seasonal='ramadan'] { &[data-type='hellosehat'] { padding-right: 35px; .common-logo-seasonal-left { width: 165px; height: unset; left: 6px; } .common-logo-seasonal-right { width: 33px; height: unset; } } &[data-type='hellodoktor'] { padding-right: 66px; .common-logo-seasonal-left { width: 133px; height: unset; left: 6px; } .common-logo-seasonal-right { width: 63px; height: unset; } } } &[data-seasonal='hung-king'] { &[data-type='hellobacsi'] { .common-logo-seasonal-left { width: 134px; height: unset; left: 50%; top: 50%; transform: translate(-50%, -50%); } } &[data-type='marryBaby'] { .common-logo-seasonal-left { width: 145px; height: unset; left: 50%; top: 50%; transform: translate(-50%, -50%); } } } &[data-seasonal='vn-independent-day'] { &[data-type='hellobacsi'], &[data-type='marryBaby'] { .common-logo-seasonal-left.desktop-only { width: unset; height: 56px; left: 65%; top: 50%; transform: translate(-50%, -50%); } } &[data-type='marryBaby'] { .common-logo-seasonal-left.desktop-only { left: 50%; z-index: 1; } } &[data-type='hellobacsi'], &[data-type='marryBaby'] { .common-logo-seasonal-left.mobile-only { width: unset; height: 56px; left: 60%; top: 50%; transform: translate(-50%, -50%); } } &[data-type='marryBaby'] { .common-logo-seasonal-left.mobile-only { left: 40%; z-index: 1; } } } .desktop-only { ${i.M.mbDown} { display: none; } } .mobile-only { ${i.M.mbUp} { display: none; } } `,m=n.Z.img` height: 16px; width: unset; margin-bottom: 4px; margin-left: -3px; `,isChristmas=e=>{let t=e.getDate(),a=e.getMonth();return 11===a&&t>=16&&t<=25},p={2023:[22,0],2024:[10,1],2025:[29,0],2026:[17,1],2027:[6,1],2028:[26,0],2029:[13,1],2030:[3,1],2031:[23,0],2032:[11,1],2033:[31,0],2034:[19,1],2035:[8,1],2036:[28,0],2037:[15,1],2038:[4,1],2039:[24,0],2040:[12,1]},u=[o.L.Vietnam,o.L.Taiwan,o.L.Indonesia,o.L.Malaysia],isLunarNewYear=e=>{let t=e.getFullYear(),a=p[t];if(!a)return!1;let l=new Date(t,a[1],a[0]),o=new Date(l);o.setDate(l.getDate()-7);let r=new Date(l);return r.setDate(l.getDate()+5),o<=e&&e<=r},isNewYear=e=>{let t=e.getDate(),a=e.getMonth();return 11===a&&t>=26||0===a&&t<=15},g=[{year:2024,start:[10,2],end:[8,3]},{year:2025,start:[1,2],end:[30,2]},{year:2026,start:[18,1],end:[19,2]},{year:2027,start:[8,1],end:[9,2]},{year:2028,start:[28,0],end:[26,1]},{year:2029,start:[16,0],end:[14,1]},{year:2030,start:[6,0],end:[4,1]},{year:2030,start:[26,11],end:[24,0,2031]},{year:2031,start:[15,11],end:[13,0,2032]},{year:2032,start:[4,11],end:[2,0,2033]}],isRamadan=e=>{let t=e.getFullYear(),a=g.filter(e=>e.year===t);return!!a.length&&a.some(a=>{let l=a.start[2]||t,o=new Date(l,a.start[1],a.start[0]),r=new Date(l,a.end[1],a.end[0]);return o<=e&&e<=r})},h={2024:[18,3],2025:[7,3],2026:[26,3],2027:[16,3],2028:[4,3],2029:[23,3],2030:[12,3],2031:[1,3],2032:[19,3],2033:[9,3],2034:[28,3],2035:[17,3]},isVNHungKing=e=>{let t=e.getFullYear(),a=h[t];if(!a)return!1;let l=new Date(t,a[1],a[0]),o=new Date(l);o.setDate(l.getDate()-1);let r=new Date(l);return r.setDate(l.getDate()+1),o<=e&&e<=r},isVN3004=e=>{let t=e.getFullYear(),a=new Date(t,3,30),l=new Date(a);l.setDate(a.getDate()-1);let o=new Date(a);return o.setDate(a.getDate()+2),l<=e&&e<=o},isLabourDay=e=>{let t=e.getFullYear(),a=new Date(t,4,1),l=new Date(a);l.setDate(a.getDate()-1);let o=new Date(a);return o.setDate(a.getDate()+1),l<=e&&e<=o},isVNIndependentDay=e=>{let t=e.getFullYear(),a=new Date(t,8,2),l=new Date(a);l.setDate(a.getDate()-1);let o=new Date(a);return o.setDate(a.getDate()+1),l<=e&&e<=o},Logo=({type:e,className:t,style:a,isLightLogo:n,customSize:i,badge:p,locale:g,dateForSeasonal:h,isPro:v})=>{let[C,f]=(0,l.useState)({isChristmas:!1,isLunarNewYear:!1,isNewYear:!1,isRamadan:!1,isVNHungKing:!1,isVN3004:!1,isLabourDay:!1,isVNIndependentDay:!1});return(0,l.useEffect)(()=>{if(!h||isNaN(new Date(h).getTime()))return;let e=new Date(h),t=isChristmas(e),a=u.includes(g)&&isLunarNewYear(e),l=!a&&isNewYear(e),r=isRamadan(e),n=g===o.L.Vietnam&&isVNHungKing(e),i=g===o.L.Vietnam&&isVN3004(e),s=g===o.L.Vietnam&&isLabourDay(e),d=g===o.L.Vietnam&&isVNIndependentDay(e);f({isChristmas:t,isLunarNewYear:a,isNewYear:l,isRamadan:r,isVNHungKing:n,isVN3004:i,isLabourDay:s,isVNIndependentDay:d})},[g,new Date(h).getDate()]),l.createElement(c,{className:t,style:a,"data-logo-is-light":n||void 0,"data-has-badge":!!p,"data-seasonal":C.isRamadan?"ramadan":C.isChristmas?"christmas":C.isLunarNewYear?"lunar-new-year":C.isNewYear?"new-year":C.isVNHungKing?"hung-king":C.isVN3004?"30-04":C.isLabourDay?"labour-day":C.isVNIndependentDay?"vn-independent-day":void 0,"data-type":e},C.isChristmas?l.createElement(l.Fragment,null,l.createElement(d.I,{alt:"left xmas logo",src:r.C.getAssetPath("logo/xmas-left.png"),className:"common-logo-seasonal-left"}),l.createElement(d.I,{alt:"right xmas logo",src:r.C.getAssetPath("logo/xmas-right.png"),className:"common-logo-seasonal-right"})):C.isNewYear?l.createElement(l.Fragment,null,l.createElement(d.I,{alt:"left new year logo",src:r.C.getAssetPath("logo/new-year-left.png"),className:"common-logo-seasonal-left"}),l.createElement(d.I,{alt:"right new year logo",src:r.C.getAssetPath("logo/new-year-right.png"),className:"common-logo-seasonal-right"})):C.isLunarNewYear?l.createElement(l.Fragment,null,l.createElement(d.I,{alt:"left lunar new year logo",loading:"lazy",src:r.C.getAssetPath("logo/lunar-new-year-left.png"),className:"common-logo-seasonal-left"}),l.createElement(d.I,{alt:"right lunar new year logo",loading:"lazy",src:r.C.getAssetPath("logo/lunar-new-year-right.png"),className:"common-logo-seasonal-right"})):C.isRamadan&&"hellosehat"===e?l.createElement(l.Fragment,null,l.createElement(d.I,{alt:"left ramadan logo",loading:"lazy",src:r.C.getAssetPath("logo/ramadan-sehat-left.png"),className:"common-logo-seasonal-left"}),l.createElement(d.I,{alt:"right ramadan logo",loading:"lazy",src:r.C.getAssetPath("logo/ramadan-sehat-right.png"),className:"common-logo-seasonal-right"})):C.isRamadan&&"hellodoktor"===e?l.createElement(l.Fragment,null,l.createElement(d.I,{alt:"left ramadan logo",loading:"lazy",src:r.C.getAssetPath("logo/ramadan-doktor-left.png"),className:"common-logo-seasonal-left"}),l.createElement(d.I,{alt:"right ramadan logo",loading:"lazy",src:r.C.getAssetPath("logo/ramadan-doktor-right.png"),className:"common-logo-seasonal-right"})):C.isVNHungKing&&("hellobacsi"===e||"marryBaby"===e)?l.createElement(l.Fragment,null,l.createElement(d.I,{alt:"Hung King logo",loading:"lazy",src:r.C.getAssetPath("logo/hung-king-bg.png"),className:"common-logo-seasonal-left"})):C.isVNIndependentDay&&("hellobacsi"===e||"marryBaby"===e)?l.createElement(l.Fragment,null,l.createElement(d.I,{alt:"VN Independent day logo",loading:"lazy",src:r.C.getAssetPath("logo/vn-independence-desktop.png"),className:"common-logo-seasonal-left desktop-only"}),l.createElement(d.I,{alt:"VN Independent day logo",loading:"lazy",src:r.C.getAssetPath("logo/vn-independence-mobile.png"),className:"common-logo-seasonal-left mobile-only"})):null,l.createElement(s.L,{type:e,width:null==i?void 0:i.width,height:null==i?void 0:i.height,isLight:n}),v?l.createElement(m,{src:r.C.getAssetPath("logo/pro-suffix.svg")}):null,p)}},ft6n:function(e,t,a){a.d(t,{I:function(){return s}});var l=a("FRPj"),o=a("q1tI"),r=a("iBNF"),n=a("EiiV"),i=a("cBU0");let Bookmark=e=>{var{size:t,color:a,useCurrentColor:r,isActive:n,activeColor:i,isMarryBaby:s}=e,d=(0,l._)(e,["size","color","useCurrentColor","isActive","activeColor","isMarryBaby"]);let c=r?"currentColor":n?i:a,m=Object.assign({width:t,height:t},d);return s?o.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 18 18",fill:"none"},m),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.3355 3.71496C9.79374 3.41194 8.20665 3.41194 6.66487 3.71496C5.25005 3.99302 4.2377 5.21812 4.2377 6.63391V13.7008C4.2377 14.3179 4.92323 14.7217 5.48162 14.3985L7.87185 13.0152C8.56899 12.6117 9.4314 12.6117 10.1285 13.0152L12.5188 14.3985C13.0772 14.7217 13.7627 14.3179 13.7627 13.7008V6.63391C13.7627 5.21812 12.7503 3.99302 11.3355 3.71496ZM6.47685 2.75826C8.14279 2.43084 9.8576 2.43084 11.5235 2.75826C13.3881 3.1247 14.7377 4.74448 14.7377 6.63391V13.7008C14.7377 15.0882 13.2219 15.932 12.0304 15.2424L9.64016 13.8591C9.24513 13.6304 8.75526 13.6304 8.36023 13.8591L5.97001 15.2424C4.77845 15.932 3.2627 15.0882 3.2627 13.7008V6.63391C3.2627 4.74448 4.61234 3.1247 6.47685 2.75826Z",fill:c,stroke:c})):o.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m),o.createElement("path",{d:"M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z",fill:c,strokeLinecap:"round",strokeLinejoin:"round"}))};Bookmark.defaultProps={size:18,color:r.r.colors.gray600,activeColor:r.r.colors.primaryBase};let Comment=e=>{var{size:t=24,color:a,useCurrentColor:r,isActive:n,activeColor:i,isMarryBaby:s}=e,d=(0,l._)(e,["size","color","useCurrentColor","isActive","activeColor","isMarryBaby"]);let c=r?"currentColor":n?i:a,m=Object.assign({width:t,height:t},d);return s?o.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 18 18",fill:"none"},m),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.599 2.92689C9.53974 2.67333 8.44007 2.67333 7.38083 2.92688L7.21355 2.96693C5.29637 3.42585 3.77529 4.99134 3.30709 7.02824C3.04637 8.16253 3.04859 9.35772 3.30963 10.4933C3.79199 12.5919 5.20833 14.326 7.09016 15.1306L7.17879 15.1685C7.78633 15.4282 8.5133 15.1259 8.78188 14.4393C8.94923 14.0114 9.35745 13.7068 9.83325 13.7068H10.6293C12.5519 13.7068 14.25 12.3213 14.7108 10.3166C14.9467 9.29055 14.9467 8.22001 14.7108 7.19398L14.6442 6.90409C14.1935 4.94324 12.7294 3.43685 10.8848 2.99531L10.599 2.92689ZM7.15385 1.97867C8.3623 1.6894 9.61751 1.6894 10.826 1.97867L11.1118 2.04709C13.3366 2.57965 15.0655 4.38457 15.5944 6.68567L15.661 6.97557C15.9299 8.14533 15.9299 9.36523 15.661 10.535C15.1055 12.952 13.0368 14.6818 10.6293 14.6818H9.83325C9.7862 14.6818 9.72124 14.7142 9.68989 14.7944C9.23642 15.9538 7.94762 16.5575 6.7955 16.065L6.70688 16.0271C4.52239 15.0931 2.90752 13.0963 2.3594 10.7118C2.06564 9.43373 2.0628 8.08918 2.35687 6.80983C2.90328 4.43267 4.68917 2.56866 6.98657 2.01872L7.15385 1.97867ZM6.0349 6.79267C6.0349 6.52343 6.25317 6.30517 6.5224 6.30517H11.0462C11.3154 6.30517 11.5337 6.52343 11.5337 6.79267C11.5337 7.06191 11.3154 7.28017 11.0462 7.28017H6.5224C6.25317 7.28017 6.0349 7.06191 6.0349 6.79267ZM6.0349 9.38479C6.0349 9.11555 6.25317 8.89729 6.5224 8.89729H9.40115C9.67039 8.89729 9.88865 9.11555 9.88865 9.38479C9.88865 9.65403 9.67039 9.87229 9.40115 9.87229H6.5224C6.25317 9.87229 6.0349 9.65403 6.0349 9.38479Z",fill:c})):o.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.375 15.8438L9.2625 13.875H8.625C6.95 13.875 5.53125 13.2937 4.36875 12.1312C3.20625 10.9687 2.625 9.55 2.625 7.875C2.625 6.2 3.20625 4.78125 4.36875 3.61875C5.53125 2.45625 6.95 1.875 8.625 1.875C9.4625 1.875 10.2438 2.03125 10.9688 2.34375C11.6938 2.65625 12.3282 3.0845 12.8722 3.6285C13.4158 4.172 13.8438 4.80625 14.1562 5.53125C14.4688 6.25625 14.625 7.0375 14.625 7.875C14.625 9.5875 14.128 11.1405 13.134 12.534C12.1405 13.928 10.8875 15.0312 9.375 15.8438ZM10.5 12.75V13.7625C11.3875 13.0125 12.1092 12.1345 12.6652 11.1285C13.2217 10.122 13.5 9.0375 13.5 7.875C13.5 6.5125 13.0283 5.35925 12.0848 4.41525C11.1408 3.47175 9.9875 3 8.625 3C7.2625 3 6.1095 3.47175 5.166 4.41525C4.222 5.35925 3.75 6.5125 3.75 7.875C3.75 9.2375 4.222 10.3907 5.166 11.3348C6.1095 12.2782 7.2625 12.75 8.625 12.75H10.5ZM5.625 9C6.03921 9 6.375 8.66421 6.375 8.25C6.375 7.83579 6.03921 7.5 5.625 7.5C5.21079 7.5 4.875 7.83579 4.875 8.25C4.875 8.66421 5.21079 9 5.625 9ZM9.375 8.25C9.375 8.66421 9.03921 9 8.625 9C8.21079 9 7.875 8.66421 7.875 8.25C7.875 7.83579 8.21079 7.5 8.625 7.5C9.03921 7.5 9.375 7.83579 9.375 8.25ZM11.625 9C12.0392 9 12.375 8.66421 12.375 8.25C12.375 7.83579 12.0392 7.5 11.625 7.5C11.2108 7.5 10.875 7.83579 10.875 8.25C10.875 8.66421 11.2108 9 11.625 9Z",fill:c}))};Comment.defaultProps={size:24,color:r.r.colors.gray600,activeColor:r.r.colors.primaryBase};let Eye=e=>{var{size:t,color:a,useCurrentColor:r,isActive:n,activeColor:i}=e,s=(0,l._)(e,["size","color","useCurrentColor","isActive","activeColor"]);let d=Object.assign({width:t,height:t},s);return o.createElement("svg",Object.assign({width:t,height:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18 18",fill:"none"},d),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.00036 11.6827C9.85018 11.6827 10.572 11.3852 11.1657 10.7903C11.7595 10.1955 12.0563 9.4731 12.0563 8.62328C12.0563 7.77346 11.7589 7.05168 11.164 6.45793C10.5691 5.86418 9.84678 5.56731 8.99695 5.56731C8.14714 5.56731 7.42536 5.86474 6.83161 6.45962C6.23786 7.05451 5.94098 7.77686 5.94098 8.62669C5.94098 9.4765 6.23842 10.1983 6.83329 10.792C7.42818 11.3858 8.15054 11.6827 9.00036 11.6827ZM8.99866 10.65C8.43616 10.65 7.95803 10.4531 7.56428 10.0594C7.17053 9.66561 6.97366 9.18748 6.97366 8.62498C6.97366 8.06248 7.17053 7.58436 7.56428 7.19061C7.95803 6.79686 8.43616 6.59998 8.99866 6.59998C9.56116 6.59998 10.0393 6.79686 10.433 7.19061C10.8268 7.58436 11.0237 8.06248 11.0237 8.62498C11.0237 9.18748 10.8268 9.66561 10.433 10.0594C10.0393 10.4531 9.56116 10.65 8.99866 10.65ZM8.99866 13.875C7.41982 13.875 5.97584 13.4538 4.66671 12.6115C3.35757 11.7692 2.31263 10.661 1.53186 9.28699C1.46936 9.1793 1.42369 9.07077 1.39484 8.96139C1.36599 8.85201 1.35156 8.73974 1.35156 8.62461C1.35156 8.50947 1.36599 8.39734 1.39484 8.28821C1.42369 8.17908 1.46936 8.07066 1.53186 7.96298C2.31263 6.58894 3.35757 5.48077 4.66671 4.63847C5.97584 3.79616 7.41982 3.375 8.99866 3.375C10.5775 3.375 12.0215 3.79616 13.3306 4.63847C14.6397 5.48077 15.6847 6.58894 16.4655 7.96298C16.528 8.07066 16.5736 8.17919 16.6025 8.28857C16.6313 8.39796 16.6457 8.51022 16.6457 8.62536C16.6457 8.74049 16.6313 8.85263 16.6025 8.96175C16.5736 9.07089 16.528 9.1793 16.4655 9.28699C15.6847 10.661 14.6397 11.7692 13.3306 12.6115C12.0215 13.4538 10.5775 13.875 8.99866 13.875ZM8.99866 12.75C10.4112 12.75 11.708 12.3781 12.8893 11.6344C14.0705 10.8906 14.9737 9.88748 15.5987 8.62498C14.9737 7.36248 14.0705 6.35936 12.8893 5.61561C11.708 4.87186 10.4112 4.49998 8.99866 4.49998C7.58616 4.49998 6.28928 4.87186 5.10803 5.61561C3.92678 6.35936 3.02366 7.36248 2.39866 8.62498C3.02366 9.88748 3.92678 10.8906 5.10803 11.6344C6.28928 12.3781 7.58616 12.75 8.99866 12.75Z",fill:r?"currentColor":n?i:a}))};Eye.defaultProps={size:18,color:r.r.colors.gray600,activeColor:r.r.colors.primaryBase};let Heart=e=>{var{size:t,color:a,useCurrentColor:r,isActive:n,activeColor:i,isSolid:s,isMarryBaby:d}=e,c=(0,l._)(e,["size","color","useCurrentColor","isActive","activeColor","isSolid","isMarryBaby"]);let m=r?"currentColor":n?i:a,p=Object.assign({width:t,height:t},c);return d?o.createElement(o.Fragment,null,s?o.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 18 18"},p),o.createElement("path",{d:"M11.6031 3.04013C10.6484 3.17142 9.69193 3.6234 9 4.35668C8.30807 3.6234 7.35165 3.17142 6.39686 3.04013C5.18501 2.87348 3.86243 3.21318 3.04413 4.29816C1.98529 5.70207 1.98529 7.69046 3.04413 9.09438L6.56464 13.7622C7.80938 15.4126 10.1906 15.4126 11.4354 13.7622L14.9559 9.09438C16.0147 7.69047 16.0147 5.70207 14.9559 4.29816C14.1376 3.21318 12.815 2.87348 11.6031 3.04013Z",fill:m})):o.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 18 18",fill:"none"},p),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.8649 2.55606C13.1604 2.37549 14.5506 2.74705 15.4034 3.89319C16.5158 5.38825 16.5158 7.50379 15.4034 8.99885L11.5528 14.1739C10.2498 15.9252 7.75064 15.9252 6.44757 14.1739L2.597 8.99885C1.48459 7.50378 1.48459 5.38825 2.59701 3.89319C3.4498 2.74705 4.84003 2.37549 6.1355 2.55606C7.2032 2.70488 8.26445 3.23358 9.00019 4.08277C9.73594 3.23358 10.7972 2.70488 11.8649 2.55606ZM11.9995 3.52172C10.957 3.66704 9.95441 4.26136 9.4191 5.16067L9.0002 5.86442L8.58129 5.16067C8.04598 4.26136 7.0434 3.66704 6.0009 3.52172C4.96111 3.37679 3.96672 3.68564 3.37923 4.47521C2.52385 5.62483 2.52385 7.26721 3.37923 8.41682L7.22979 13.5919C8.143 14.8192 9.85739 14.8192 10.7706 13.5919L14.6212 8.41683C15.4765 7.26721 15.4765 5.62483 14.6212 4.47521C14.0337 3.68563 13.0393 3.37679 11.9995 3.52172Z",fill:m}))):o.createElement(o.Fragment,null,s?o.createElement("svg",Object.assign({width:t,height:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18 18"},p),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0125 13.4437L8.08125 14.4375C8.34375 14.6625 8.65 14.775 9 14.775C9.35 14.775 9.65625 14.6562 9.91875 14.4187L10.9688 13.4625C12.2812 12.275 13.4688 11.0905 14.5312 9.90899C15.5938 8.72799 16.125 7.46249 16.125 6.11249C16.125 5.04999 15.7655 4.15924 15.0465 3.44024C14.328 2.72174 13.4375 2.36249 12.375 2.36249C11.775 2.36249 11.1783 2.50299 10.5848 2.78399C9.99075 3.06549 9.4625 3.51874 9 4.14374C8.5375 3.51874 8.0095 3.06549 7.416 2.78399C6.822 2.50299 6.225 2.36249 5.625 2.36249C4.5625 2.36249 3.672 2.72174 2.9535 3.44024C2.2345 4.15924 1.875 5.04999 1.875 6.11249C1.875 7.44999 2.397 8.70299 3.441 9.87149C4.4845 11.0405 5.675 12.2312 7.0125 13.4437Z",fill:m})):o.createElement("svg",Object.assign({width:t,height:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18 18",fill:"none"},p),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0125 13.4437L8.08125 14.4375C8.34375 14.675 8.65 14.7937 9 14.7937C9.35 14.7937 9.65625 14.6687 9.91875 14.4187L10.9688 13.4625C12.2812 12.275 13.4688 11.0905 14.5312 9.90899C15.5938 8.72799 16.125 7.46249 16.125 6.11249C16.125 5.04999 15.7655 4.15924 15.0465 3.44024C14.328 2.72174 13.4375 2.36249 12.375 2.36249C11.775 2.36249 11.1783 2.50299 10.5848 2.78399C9.99075 3.06549 9.4625 3.51874 9 4.14374C8.5375 3.51874 8.0095 3.06549 7.416 2.78399C6.822 2.50299 6.225 2.36249 5.625 2.36249C4.5625 2.36249 3.672 2.72174 2.9535 3.44024C2.2345 4.15924 1.875 5.04999 1.875 6.11249C1.875 7.44999 2.397 8.70299 3.441 9.87149C4.4845 11.0405 5.675 12.2312 7.0125 13.4437ZM7.18125 3.91874C7.63125 4.20624 8.05625 4.66249 8.45625 5.28749C8.51875 5.37499 8.6 5.44374 8.7 5.49374C8.8 5.54374 8.9 5.56874 9 5.56874C9.1 5.56874 9.2 5.54374 9.3 5.49374C9.4 5.44374 9.48125 5.37499 9.54375 5.28749C9.94375 4.66249 10.3688 4.20624 10.8188 3.91874C11.2688 3.63124 11.7875 3.48749 12.375 3.48749C13.125 3.48749 13.75 3.73749 14.25 4.23749C14.75 4.73749 15 5.36249 15 6.11249C15 6.71249 14.8063 7.34049 14.4188 7.99649C14.0312 8.65299 13.5437 9.30624 12.9562 9.95624C12.3687 10.6062 11.7345 11.2405 11.0535 11.859C10.372 12.478 9.7375 13.0562 9.15 13.5937C9.1125 13.6312 9.0625 13.65 9 13.65C8.9375 13.65 8.8875 13.6312 8.85 13.5937C8.2625 13.0562 7.628 12.478 6.9465 11.859C6.2655 11.2405 5.63125 10.6062 5.04375 9.95624C4.45625 9.30624 3.96875 8.65299 3.58125 7.99649C3.19375 7.34049 3 6.71249 3 6.11249C3 5.36249 3.25 4.73749 3.75 4.23749C4.25 3.73749 4.875 3.48749 5.625 3.48749C6.2125 3.48749 6.73125 3.63124 7.18125 3.91874Z",fill:m})))};Heart.defaultProps={size:24,color:r.r.colors.gray600,activeColor:r.r.colors.primaryBase};let Save=e=>{var{size:t,color:a,useCurrentColor:r,isActive:n,activeColor:i,isMarryBaby:s}=e,d=(0,l._)(e,["size","color","useCurrentColor","isActive","activeColor","isMarryBaby"]);let c=r?"currentColor":n?i:a,m=Object.assign({width:t,height:t},d);return s?o.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 18 18",fill:"none"},m),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.3355 3.71496C9.79374 3.41194 8.20665 3.41194 6.66487 3.71496C5.25005 3.99302 4.2377 5.21812 4.2377 6.63391V13.7008C4.2377 14.3179 4.92323 14.7217 5.48162 14.3985L7.87185 13.0152C8.56899 12.6117 9.4314 12.6117 10.1285 13.0152L12.5188 14.3985C13.0772 14.7217 13.7627 14.3179 13.7627 13.7008V6.63391C13.7627 5.21812 12.7503 3.99302 11.3355 3.71496ZM6.47685 2.75826C8.14279 2.43084 9.8576 2.43084 11.5235 2.75826C13.3881 3.1247 14.7377 4.74448 14.7377 6.63391V13.7008C14.7377 15.0882 13.2219 15.932 12.0304 15.2424L9.64016 13.8591C9.24513 13.6304 8.75526 13.6304 8.36023 13.8591L5.97001 15.2424C4.77845 15.932 3.2627 15.0882 3.2627 13.7008V6.63391C3.2627 4.74448 4.61234 3.1247 6.47685 2.75826Z",fill:c})):o.createElement("svg",Object.assign({width:t,height:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18 18",fill:"none"},m),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 11.85L5.25 13.4625V3.975C5.25 3.925 5.275 3.875 5.325 3.825C5.375 3.775 5.425 3.75 5.475 3.75H9H12.525C12.575 3.75 12.625 3.775 12.675 3.825C12.725 3.875 12.75 3.925 12.75 3.975V13.4625L9 11.85ZM4.434 14.7277C4.6405 14.8592 4.85625 14.875 5.08125 14.775L9 13.0875L12.9188 14.775C13.1438 14.875 13.3593 14.8592 13.5653 14.7277C13.7717 14.5967 13.875 14.4062 13.875 14.1562V3.975C13.875 3.6 13.7438 3.28125 13.4813 3.01875C13.2188 2.75625 12.9 2.625 12.525 2.625H5.475C5.1 2.625 4.78125 2.75625 4.51875 3.01875C4.25625 3.28125 4.125 3.6 4.125 3.975V14.1562C4.125 14.4062 4.228 14.5967 4.434 14.7277Z",fill:c}))};Save.defaultProps={size:18,color:r.r.colors.gray600,activeColor:r.r.colors.primaryBase};let s={Share:e=>{var{size:t=24,color:a=r.r.colors.gray600,useCurrentColor:n,activeColor:i=r.r.colors.primaryBase,isActive:s,isMarryBaby:d,isSolid:c=!0}=e,m=(0,l._)(e,["size","color","useCurrentColor","activeColor","isActive","isMarryBaby","isSolid"]);let p=n?"currentColor":s?i:a;return d?o.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 24 24",fill:"none"},m),o.createElement("path",{d:"M18 8L19 8C20.1046 8 21 8.89543 21 10L21 15.155C21 17.3585 19.4253 19.2551 17.2391 19.6848C15.1006 20.1051 8.89937 20.1051 6.76089 19.6848C4.57467 19.2551 3 17.3585 3 15.155L3 10C3 8.89543 3.89543 8 5 8L6 8",stroke:p,strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M12 13L12 3M12 3L9.5 5.5M12 3L14.5 5.5",stroke:p,strokeWidth:"1.33333",strokeLinecap:"round",strokeLinejoin:"round"})):c?o.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.59725 11.6528C8.70325 11.7593 8.8375 11.8125 9 11.8125C9.1625 11.8125 9.297 11.7593 9.4035 11.6528C9.5095 11.5468 9.5625 11.4125 9.5625 11.25V3.54376L10.5562 4.53751C10.6687 4.63751 10.8 4.68751 10.95 4.68751C11.1 4.68751 11.2312 4.63751 11.3438 4.53751C11.4563 4.42501 11.5125 4.29051 11.5125 4.13401C11.5125 3.97801 11.4563 3.84376 11.3438 3.73126L9.46875 1.85626C9.40625 1.79376 9.3345 1.74676 9.2535 1.71526C9.172 1.68426 9.0875 1.66876 9 1.66876C8.9125 1.66876 8.82825 1.68426 8.74725 1.71526C8.66575 1.74676 8.59375 1.79376 8.53125 1.85626L6.65625 3.73126C6.54375 3.84376 6.4875 3.97501 6.4875 4.12501C6.4875 4.27501 6.54375 4.40626 6.65625 4.51876C6.76875 4.63126 6.9 4.68751 7.05 4.68751C7.2 4.68751 7.33125 4.63751 7.44375 4.53751L8.4375 3.54376V11.25C8.4375 11.4125 8.49075 11.5468 8.59725 11.6528ZM3.76875 16.4813C4.03125 16.7438 4.35 16.875 4.725 16.875H13.275C13.65 16.875 13.9688 16.7438 14.2313 16.4813C14.4938 16.2188 14.625 15.9 14.625 15.525V7.72501C14.625 7.35001 14.4938 7.03126 14.2313 6.76876C13.9688 6.50626 13.65 6.37501 13.275 6.37501H11.9062C11.7563 6.37501 11.625 6.42801 11.5125 6.53401C11.4 6.64051 11.3438 6.77501 11.3438 6.93751C11.3438 7.10001 11.4 7.23426 11.5125 7.34026C11.625 7.44676 11.7563 7.50001 11.9062 7.50001H13.275C13.325 7.50001 13.375 7.52501 13.425 7.57501C13.475 7.62501 13.5 7.67501 13.5 7.72501V15.525C13.5 15.575 13.475 15.625 13.425 15.675C13.375 15.725 13.325 15.75 13.275 15.75H4.725C4.675 15.75 4.625 15.725 4.575 15.675C4.525 15.625 4.5 15.575 4.5 15.525V7.72501C4.5 7.67501 4.525 7.62501 4.575 7.57501C4.625 7.52501 4.675 7.50001 4.725 7.50001H6.09375C6.24375 7.50001 6.375 7.44676 6.4875 7.34026C6.6 7.23426 6.65625 7.10001 6.65625 6.93751C6.65625 6.77501 6.6 6.64051 6.4875 6.53401C6.375 6.42801 6.24375 6.37501 6.09375 6.37501H4.725C4.35 6.37501 4.03125 6.50626 3.76875 6.76876C3.50625 7.03126 3.375 7.35001 3.375 7.72501V15.525C3.375 15.9 3.50625 16.2188 3.76875 16.4813Z",fill:p})):o.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},m),o.createElement("path",{d:"M18.0011 21.75C17.2375 21.75 16.5881 21.4826 16.0529 20.9479C15.5176 20.4132 15.25 19.7639 15.25 19C15.25 18.8751 15.2599 18.7459 15.2798 18.6121C15.2997 18.4784 15.3295 18.3551 15.3692 18.2423L7.97305 13.9115C7.70895 14.1743 7.40831 14.3798 7.07113 14.5279C6.73394 14.6759 6.37689 14.75 5.99997 14.75C5.23609 14.75 4.58679 14.4827 4.05207 13.9482C3.51736 13.4137 3.25 12.7647 3.25 12.0011C3.25 11.2375 3.51736 10.5881 4.05207 10.0529C4.58679 9.51763 5.23609 9.25 5.99997 9.25C6.37689 9.25 6.73394 9.32403 7.07113 9.4721C7.40831 9.62018 7.70895 9.82563 7.97305 10.0885L15.3692 5.75768C15.3295 5.64486 15.2997 5.52157 15.2798 5.38783C15.2599 5.25409 15.25 5.12481 15.25 4.99998C15.25 4.23609 15.5173 3.58679 16.0518 3.05208C16.5863 2.51736 17.2353 2.25 17.9989 2.25C18.7624 2.25 19.4118 2.51725 19.9471 3.05175C20.4823 3.58625 20.75 4.23528 20.75 4.99885C20.75 5.76242 20.4826 6.41182 19.9479 6.94707C19.4132 7.48233 18.7639 7.74995 18 7.74995C17.6231 7.74995 17.266 7.67592 16.9288 7.52785C16.5916 7.37977 16.291 7.17432 16.0269 6.9115L8.63073 11.2423C8.67048 11.3551 8.70028 11.4782 8.72015 11.6115C8.74002 11.7447 8.74995 11.8736 8.74995 11.998C8.74995 12.1224 8.74002 12.2519 8.72015 12.3865C8.70028 12.5211 8.67048 12.6449 8.63073 12.7577L16.0269 17.0885C16.291 16.8256 16.5916 16.6202 16.9288 16.4721C17.266 16.324 17.6231 16.25 18 16.25C18.7639 16.25 19.4132 16.5173 19.9479 17.0518C20.4826 17.5863 20.75 18.2353 20.75 18.9989C20.75 19.7624 20.4827 20.4118 19.9482 20.9471C19.4137 21.4823 18.7647 21.75 18.0011 21.75ZM18 6.24998C18.3474 6.24998 18.6426 6.1285 18.8856 5.88555C19.1285 5.64258 19.25 5.34738 19.25 4.99995C19.25 4.65252 19.1285 4.35732 18.8856 4.11435C18.6426 3.87142 18.3474 3.74995 18 3.74995C17.6525 3.74995 17.3573 3.87143 17.1144 4.11438C16.8714 4.35734 16.75 4.65254 16.75 4.99998C16.75 5.34741 16.8714 5.64261 17.1144 5.88558C17.3573 6.12853 17.6525 6.24998 18 6.24998ZM5.99997 13.25C6.34741 13.25 6.64261 13.1285 6.88558 12.8856C7.12853 12.6426 7.25 12.3474 7.25 12C7.25 11.6525 7.12853 11.3573 6.88558 11.1144C6.64261 10.8714 6.34741 10.75 5.99997 10.75C5.65254 10.75 5.35734 10.8714 5.11438 11.1144C4.87143 11.3573 4.74995 11.6525 4.74995 12C4.74995 12.3474 4.87143 12.6426 5.11438 12.8856C5.35734 13.1285 5.65254 13.25 5.99997 13.25ZM18 20.25C18.3474 20.25 18.6426 20.1285 18.8856 19.8855C19.1285 19.6426 19.25 19.3474 19.25 19C19.25 18.6525 19.1285 18.3573 18.8856 18.1144C18.6426 17.8714 18.3474 17.75 18 17.75C17.6525 17.75 17.3573 17.8714 17.1144 18.1144C16.8714 18.3573 16.75 18.6525 16.75 19C16.75 19.3474 16.8714 19.6426 17.1144 19.8856C17.3573 20.1285 17.6525 20.25 18 20.25Z",fill:p}))},Eye,WhatsApp:n.W,ArrowRightTail:e=>{var{size:t=24,color:a=r.r.colors.gray600,useCurrentColor:n,isActive:i,activeColor:s=r.r.colors.primaryBase}=e,d=(0,l._)(e,["size","color","useCurrentColor","isActive","activeColor"]);let c=Object.assign({width:t,height:t},d);return o.createElement("svg",Object.assign({viewBox:"0 0 18 18",fill:"none"},c),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.747 4.228a.75.75 0 0 1 1.06 0L15.05 8.47a.75.75 0 0 1 0 1.06l-4.242 4.243a.75.75 0 0 1-1.06 0l-.065-.065a.75.75 0 0 1 0-1.06L12.58 9.75H2.777a.75.75 0 0 1 0-1.5h9.803L9.683 5.353a.75.75 0 0 1 0-1.061z",fill:n?"currentColor":i?s:a}))},Spinner:i.S,Cart:e=>{var{size:t=24,color:a=r.r.colors.gray600,useCurrentColor:n,isActive:i,isSolid:s,activeColor:d=r.r.colors.primaryBase}=e,c=(0,l._)(e,["size","color","useCurrentColor","isActive","isSolid","activeColor"]);let m=n?"currentColor":i?d:a,p=Object.assign({width:t,height:t},c);return s?o.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p),o.createElement("path",{d:"M7.154 21.558q-.73 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24t1.24-.51q.729 0 1.24.51.51.51.51 1.24 0 .729-.51 1.24-.511.51-1.24.51m9.692 0q-.729 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24.511-.51 1.24-.51.73 0 1.24.51t.51 1.24-.51 1.24-1.24.51M5.296 4.25h13.885q.613 0 .928.522t.03 1.066l-3.204 5.804a1.8 1.8 0 0 1-.651.674 1.7 1.7 0 0 1-.888.242H8.1l-1.158 2.115q-.077.115-.005.25.073.135.217.135h10.692q.32 0 .535.215a.73.73 0 0 1 .215.535.73.73 0 0 1-.215.534.73.73 0 0 1-.535.216H7.154q-1 0-1.503-.863-.503-.862-.036-1.722l1.427-2.565L3.404 3.75H2.25a.73.73 0 0 1-.535-.215A.73.73 0 0 1 1.5 3q0-.32.215-.535a.73.73 0 0 1 .535-.215h1.529a.9.9 0 0 1 .813.517z",fill:m})):o.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p),o.createElement("path",{d:"M7.154 21.558q-.73 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24t1.24-.51q.729 0 1.24.51.51.51.51 1.24 0 .729-.51 1.24-.511.51-1.24.51m9.692 0q-.729 0-1.24-.51-.51-.511-.51-1.24 0-.73.51-1.24.511-.51 1.24-.51.73 0 1.24.51t.51 1.24-.51 1.24-1.24.51M6.016 5.75l2.534 5.308h6.817a.3.3 0 0 0 .154-.044.4.4 0 0 0 .116-.12l2.682-4.875q.058-.105.01-.187t-.164-.082zm-.72-1.5h13.885q.613 0 .928.522.315.523.03 1.066l-3.204 5.804a1.8 1.8 0 0 1-.651.674 1.7 1.7 0 0 1-.888.242H8.1l-1.158 2.115q-.077.115-.005.25.073.135.217.135h10.692q.32 0 .535.215a.73.73 0 0 1 .215.535.73.73 0 0 1-.215.534.73.73 0 0 1-.535.216H7.154q-1 0-1.503-.863-.503-.862-.036-1.722l1.427-2.565L3.404 3.75H2.25a.73.73 0 0 1-.535-.215A.73.73 0 0 1 1.5 3q0-.32.215-.535a.73.73 0 0 1 .535-.215h1.529a.9.9 0 0 1 .813.517z",fill:m}))},CartWithAdd:e=>{var{size:t=24,color:a=r.r.colors.gray600,useCurrentColor:n,isActive:i,activeColor:s=r.r.colors.primaryBase}=e,d=(0,l._)(e,["size","color","useCurrentColor","isActive","activeColor"]);let c=Object.assign({width:t,height:t},d);return o.createElement("svg",Object.assign({viewBox:"0 0 19 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),o.createElement("path",{d:"M8.938 4.812H7.25a.54.54 0 0 1-.4-.161.55.55 0 0 1-.162-.401q0-.24.161-.401a.55.55 0 0 1 .401-.162h1.688V2q0-.24.161-.4a.55.55 0 0 1 .401-.163q.24 0 .4.162a.55.55 0 0 1 .162.401v1.688h1.688q.24 0 .4.161a.55.55 0 0 1 .162.401q0 .24-.161.4a.55.55 0 0 1-.401.162h-1.687V6.5q0 .24-.162.4a.55.55 0 0 1-.401.162.54.54 0 0 1-.4-.161.55.55 0 0 1-.162-.401zM5.865 16.668q-.546 0-.93-.383a1.27 1.27 0 0 1-.382-.93q0-.546.383-.929t.93-.383.929.383.383.93q0 .546-.383.93a1.27 1.27 0 0 1-.93.382m7.27 0q-.547 0-.93-.383a1.27 1.27 0 0 1-.383-.93q0-.546.383-.929t.93-.383.93.383.382.93q0 .546-.383.93a1.27 1.27 0 0 1-.93.382M3.053 3.312h-.865a.54.54 0 0 1-.401-.161.55.55 0 0 1-.162-.401q0-.24.162-.4a.55.55 0 0 1 .4-.162h1.158q.192 0 .36.1a.63.63 0 0 1 .25.287l2.946 6.218h5.113q.065 0 .115-.032a.3.3 0 0 0 .087-.09l2.618-4.702a.5.5 0 0 1 .198-.21.56.56 0 0 1 .28-.071q.324 0 .485.275.162.276.006.557L13.2 9.232a1.35 1.35 0 0 1-.489.505q-.303.18-.665.181H6.575l-.868 1.587q-.058.086-.004.187t.162.101h8.02q.239 0 .4.162a.55.55 0 0 1 .162.401q0 .24-.162.4a.55.55 0 0 1-.4.162h-8.02q-.75 0-1.133-.64-.383-.642-.02-1.298l1.07-1.924z",fill:n?"currentColor":i?s:a}))},Instagram:n.I,Comment,Heart,App:e=>{var{size:t=24}=e,a=(0,l._)(e,["size"]);return o.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),o.createElement("g",{filter:"url(#filter0_ii_4999_54706)"},o.createElement("g",{clipPath:"url(#clip0_4999_54706)"},o.createElement("rect",{x:"1",y:"1",width:"16",height:"16",rx:"2",fill:"url(#paint0_linear_4999_54706)"}),o.createElement("rect",{x:"1",y:"1",width:"16",height:"16",rx:"2",fill:"url(#paint1_linear_4999_54706)",fillOpacity:"0.1",style:{mixBlendMode:"soft-light"}}),o.createElement("g",{filter:"url(#filter1_dd_4999_54706)"},o.createElement("g",{filter:"url(#filter2_iii_4999_54706)"},o.createElement("path",{d:"M8.29654 5.80369C8.29654 5.73385 8.29164 5.65909 8.28674 5.58741C8.26897 5.09885 7.7883 4.73068 7.31988 4.75105C6.7678 4.78342 6.64904 5.55644 7.12136 5.78838C7.19304 5.82637 7.21326 5.85945 7.20591 5.92624C7.20591 7.21503 7.20591 8.68747 7.20591 9.96463C7.20897 10.0155 7.19304 10.0412 7.14403 10.0621C6.63928 10.2819 6.76454 11.0833 7.33029 11.1055C7.79695 11.1288 8.2587 10.7427 8.28674 10.2704C8.29225 10.1975 8.29654 10.1264 8.29654 10.0529C8.29654 8.63657 8.30751 7.21995 8.29654 5.80369Z",fill:"white"}),o.createElement("path",{d:"M5.82243 10.0756C5.73542 10.0376 5.70724 9.9892 5.71643 9.88994V5.89321C5.72399 5.80249 5.79924 5.80677 5.85797 5.76147C6.29273 5.47607 6.10792 4.76229 5.58102 4.7505H5.56264C5.0355 4.7505 4.62519 5.18725 4.62519 5.70572C4.62519 6.81951 4.62398 7.9333 4.62764 9.04708C4.62887 9.41974 4.63009 9.79178 4.63009 10.1638C4.63009 10.6593 5.0522 11.1037 5.551 11.1037C6.09448 11.1037 6.34155 10.3213 5.82243 10.0756Z",fill:"white"}),o.createElement("path",{d:"M11.6617 8.88498C11.6617 9.16044 11.4384 9.38373 11.163 9.38373C10.8875 9.38373 10.6642 9.16044 10.6642 8.88498C10.6642 8.60953 10.8875 8.38624 11.163 8.38624C11.4384 8.38624 11.6617 8.60953 11.6617 8.88498Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.94126 8.85689C8.94126 9.92678 9.68187 10.8247 10.6709 11.0511C10.6001 12.3176 9.03205 12.3769 8.09561 12.2273C7.87932 12.1918 7.68632 12.1312 7.52211 12.0472C7.29602 11.9302 7.13058 11.7464 7.03132 11.5025C6.98554 11.3893 6.95676 11.2689 6.90511 11.1582C6.81259 10.9419 6.58527 10.8255 6.36531 10.8812C6.13738 10.9376 5.98542 11.1361 5.99584 11.364C6.00973 11.6959 6.1497 12.0255 6.34754 12.2886C6.55647 12.5717 6.83342 12.7886 7.19431 12.9503C7.70348 13.182 8.26352 13.25 8.818 13.25C9.43767 13.25 10.0914 13.1443 10.6316 12.826C11.1461 12.5218 11.6323 12.1241 11.6422 11.0526C12.6346 10.8288 13.3785 9.92919 13.3785 8.85689C13.3785 7.61676 12.3835 6.60762 11.1599 6.60762C9.9363 6.60762 8.94126 7.61676 8.94126 8.85689ZM12.3614 8.85689C12.3614 9.52965 11.8222 10.0768 11.1599 10.0768C10.4969 10.0768 9.95836 9.52965 9.95836 8.85689C9.95836 8.18413 10.4976 7.63697 11.1599 7.63697C11.8228 7.63759 12.3614 8.18474 12.3614 8.85689Z",fill:"white"})),o.createElement("mask",{id:"mask0_4999_54706",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"4",y:"4",width:"10",height:"10"},o.createElement("path",{d:"M8.29654 5.80369C8.29654 5.73385 8.29164 5.65909 8.28674 5.58741C8.26897 5.09885 7.7883 4.73068 7.31988 4.75105C6.7678 4.78342 6.64904 5.55644 7.12136 5.78838C7.19304 5.82637 7.21326 5.85945 7.20591 5.92624C7.20591 7.21503 7.20591 8.68747 7.20591 9.96463C7.20897 10.0155 7.19304 10.0412 7.14403 10.0621C6.63928 10.2819 6.76454 11.0833 7.33029 11.1055C7.79695 11.1288 8.2587 10.7427 8.28674 10.2704C8.29225 10.1975 8.29654 10.1264 8.29654 10.0529C8.29654 8.63657 8.30751 7.21995 8.29654 5.80369Z",fill:"white"}),o.createElement("path",{d:"M5.82243 10.0756C5.73542 10.0376 5.70724 9.9892 5.71643 9.88994V5.89321C5.72399 5.80249 5.79924 5.80677 5.85797 5.76147C6.29273 5.47607 6.10792 4.76229 5.58102 4.7505H5.56264C5.0355 4.7505 4.62519 5.18725 4.62519 5.70572C4.62519 6.81951 4.62398 7.9333 4.62764 9.04708C4.62887 9.41974 4.63009 9.79178 4.63009 10.1638C4.63009 10.6593 5.0522 11.1037 5.551 11.1037C6.09448 11.1037 6.34155 10.3213 5.82243 10.0756Z",fill:"white"}),o.createElement("path",{d:"M11.6617 8.88498C11.6617 9.16044 11.4384 9.38373 11.163 9.38373C10.8875 9.38373 10.6642 9.16044 10.6642 8.88498C10.6642 8.60953 10.8875 8.38624 11.163 8.38624C11.4384 8.38624 11.6617 8.60953 11.6617 8.88498Z",fill:"white"}),o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.94126 8.85689C8.94126 9.92678 9.68187 10.8247 10.6709 11.0511C10.6001 12.3176 9.03205 12.3769 8.09561 12.2273C7.87932 12.1918 7.68632 12.1312 7.52211 12.0472C7.29602 11.9302 7.13058 11.7464 7.03132 11.5025C6.98554 11.3893 6.95676 11.2689 6.90511 11.1582C6.81259 10.9419 6.58527 10.8255 6.36531 10.8812C6.13738 10.9376 5.98542 11.1361 5.99584 11.364C6.00973 11.6959 6.1497 12.0255 6.34754 12.2886C6.55647 12.5717 6.83342 12.7886 7.19431 12.9503C7.70348 13.182 8.26352 13.25 8.818 13.25C9.43767 13.25 10.0914 13.1443 10.6316 12.826C11.1461 12.5218 11.6323 12.1241 11.6422 11.0526C12.6346 10.8288 13.3785 9.92919 13.3785 8.85689C13.3785 7.61676 12.3835 6.60762 11.1599 6.60762C9.9363 6.60762 8.94126 7.61676 8.94126 8.85689ZM12.3614 8.85689C12.3614 9.52965 11.8222 10.0768 11.1599 10.0768C10.4969 10.0768 9.95836 9.52965 9.95836 8.85689C9.95836 8.18413 10.4976 7.63697 11.1599 7.63697C11.8228 7.63759 12.3614 8.18474 12.3614 8.85689Z",fill:"white"})),o.createElement("g",{mask:"url(#mask0_4999_54706)"},o.createElement("g",{filter:"url(#filter3_f_4999_54706)"},o.createElement("ellipse",{cx:"7.36076",cy:"7.31848",rx:"0.28125",ry:"0.421875",transform:"rotate(30 7.36076 7.31848)",fill:"white"})),o.createElement("g",{filter:"url(#filter4_f_4999_54706)"},o.createElement("rect",{x:"6.71875",y:"7.84375",width:"0.1875",height:"7.21875",fill:"white"})),o.createElement("g",{filter:"url(#filter5_f_4999_54706)"},o.createElement("rect",{x:"10.4688",y:"7.84375",width:"0.1875",height:"7.21875",fill:"white"})),o.createElement("g",{filter:"url(#filter6_f_4999_54706)"},o.createElement("ellipse",{cx:"10.267",cy:"7.50598",rx:"0.28125",ry:"0.421875",transform:"rotate(-30 10.267 7.50598)",fill:"white"}))))),o.createElement("rect",{x:"0.5",y:"0.5",width:"17",height:"17",rx:"2.5",stroke:"white"})),o.createElement("defs",null,o.createElement("filter",{id:"filter0_ii_4999_54706",x:"-0.191927",y:"-0.191927",width:"18.3839",height:"18.3839",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},o.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),o.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),o.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),o.createElement("feOffset",{dx:"0.191927",dy:"0.191927"}),o.createElement("feGaussianBlur",{stdDeviation:"0.0959636"}),o.createElement("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),o.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"}),o.createElement("feBlend",{mode:"normal",in2:"shape",result:"effect1_innerShadow_4999_54706"}),o.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),o.createElement("feOffset",{dx:"-0.191927",dy:"-0.191927"}),o.createElement("feGaussianBlur",{stdDeviation:"0.0959636"}),o.createElement("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),o.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"}),o.createElement("feBlend",{mode:"normal",in2:"effect1_innerShadow_4999_54706",result:"effect2_innerShadow_4999_54706"})),o.createElement("filter",{id:"filter1_dd_4999_54706",x:"2.375",y:"4.18774",width:"13.2539",height:"12.9998",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},o.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),o.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),o.createElement("feOffset",{dy:"0.375"}),o.createElement("feGaussianBlur",{stdDeviation:"0.375"}),o.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"}),o.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_4999_54706"}),o.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),o.createElement("feOffset",{dy:"1.6875"}),o.createElement("feGaussianBlur",{stdDeviation:"1.125"}),o.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"}),o.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_4999_54706",result:"effect2_dropShadow_4999_54706"}),o.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_4999_54706",result:"shape"})),o.createElement("filter",{id:"filter2_iii_4999_54706",x:"4.25",y:"3.81274",width:"9.31641",height:"9.43726",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},o.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),o.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),o.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),o.createElement("feOffset",{dx:"-0.375",dy:"-0.9375"}),o.createElement("feGaussianBlur",{stdDeviation:"0.9375"}),o.createElement("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),o.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.0582292 0 0 0 0 0.132925 0 0 0 0 0.325 0 0 0 0.25 0"}),o.createElement("feBlend",{mode:"normal",in2:"shape",result:"effect1_innerShadow_4999_54706"}),o.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),o.createElement("feOffset",{dx:"0.1875",dy:"-0.375"}),o.createElement("feGaussianBlur",{stdDeviation:"0.1875"}),o.createElement("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),o.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.45 0"}),o.createElement("feBlend",{mode:"normal",in2:"effect1_innerShadow_4999_54706",result:"effect2_innerShadow_4999_54706"}),o.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),o.createElement("feOffset",{dx:"-0.1875",dy:"-0.9375"}),o.createElement("feGaussianBlur",{stdDeviation:"0.46875"}),o.createElement("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),o.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.766667 0 0 0 0 0.888 0 0 0 0 1 0 0 0 1 0"}),o.createElement("feBlend",{mode:"normal",in2:"effect2_innerShadow_4999_54706",result:"effect3_innerShadow_4999_54706"})),o.createElement("filter",{id:"filter3_f_4999_54706",x:"6.55924",y:"6.44706",width:"1.60417",height:"1.74284",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},o.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),o.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),o.createElement("feGaussianBlur",{stdDeviation:"0.239909",result:"effect1_foregroundBlur_4999_54706"})),o.createElement("filter",{id:"filter4_f_4999_54706",x:"6.23893",y:"7.36393",width:"1.14714",height:"8.17839",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},o.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),o.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),o.createElement("feGaussianBlur",{stdDeviation:"0.239909",result:"effect1_foregroundBlur_4999_54706"})),o.createElement("filter",{id:"filter5_f_4999_54706",x:"9.98893",y:"7.36393",width:"1.14714",height:"8.17839",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},o.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),o.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),o.createElement("feGaussianBlur",{stdDeviation:"0.239909",result:"effect1_foregroundBlur_4999_54706"})),o.createElement("filter",{id:"filter6_f_4999_54706",x:"9.46549",y:"6.63456",width:"1.60417",height:"1.74284",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},o.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),o.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),o.createElement("feGaussianBlur",{stdDeviation:"0.239909",result:"effect1_foregroundBlur_4999_54706"})),o.createElement("linearGradient",{id:"paint0_linear_4999_54706",x1:"9",y1:"1",x2:"9",y2:"17",gradientUnits:"userSpaceOnUse"},o.createElement("stop",{stopColor:"#65B5FF"}),o.createElement("stop",{offset:"1",stopColor:"#2685F1"})),o.createElement("linearGradient",{id:"paint1_linear_4999_54706",x1:"9",y1:"1",x2:"9",y2:"17",gradientUnits:"userSpaceOnUse"},o.createElement("stop",{offset:"0.151042",stopColor:"white"}),o.createElement("stop",{offset:"1",stopOpacity:"0.1"})),o.createElement("clipPath",{id:"clip0_4999_54706"},o.createElement("rect",{x:"1",y:"1",width:"16",height:"16",rx:"2",fill:"white"}))))},Save,Bookmark}},J8qH:function(e,t,a){a.d(t,{P:function(){return Popup}});var l=a("q1tI"),o=a("rBCA"),r=a("uuQu"),n=a("iBNF");let i=o.Z.div` position: fixed; left: 50%; padding: 0 16px 32px; background-color: ${n.r.colors.white}; border-radius: ${n.r.borderRadius}; box-shadow: 0px 4px 8px ${n.r.colors.gray200}; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out; visibility: hidden; &[data-open='true'] { z-index: 400; top: 50%; opacity: 1; visibility: visible; } &[data-open='false'] { top: -50%; } &[data-type='lead'] { width: 332px; height: 460px; div { top: -15px; right: -15px; } } &[data-type='form'] { width: 496px; height: 548px; ${r.M.mbDown} { width: 340px; } } &[data-type='confirm'] { ${r.M.mbDown} { width: calc(100% - 32px); } ${r.M.mbUp} { width: 100%; max-width: 407px; } } .popup-content { position: relative; z-index: 111; height: 100%; padding: 16px; } .close-button { position: absolute; top: 16px; right: 0; cursor: pointer; img { width: 100%; height: 100%; border-radius: 50%; } } `,s=o.Z.div` position: fixed; z-index: 110; top: 0; left: 0; width: 100%; height: 100%; align-items: center; background: rgba(38, 38, 38, 0.3); &[data-open='false'] { display: none; } `,Popup=({type:e="lead",closeIcon:t,isOpen:a=!0,onClose:o,children:r,className:n="",enableAnimation:d=!0,disableClickOutside:c=!1})=>l.createElement(l.Fragment,null,l.createElement(i,{"data-open":a,"data-type":e,"data-animation":d},l.createElement("div",{className:`${n||""} popup-content`},!!t&&l.createElement("div",{className:"close-button",onClick:o},t),r)),l.createElement(s,{"data-open":a,onClick:()=>{c||o()}}))},r0pl:function(e,t,a){a.d(t,{G:function(){return GenderOptionControl}});var l=a("FRPj"),o=a("q1tI"),r=a("XUjW"),n=a("ah6c"),i=a("/npG"),s=a("mYVa"),d=a("Eso5"),c=a("SPK5"),m=a("fdQd"),p=a("nGnw"),u=a("wp0n"),g=a("Gx+P");let h={lg:{height:48},md:{height:40},sm:{height:32},xs:{height:32}};var v=(0,i.k)((e,{type:t,gap:a,size:l})=>{let o="mb"===e.other.template,r=h[l]||{},n=r.height;return{root:{},wrapper:Object.assign({gap:(0,s.h)(a||8)},"radio"===t&&{justifyContent:"flex-end",gap:(0,s.h)(a||24)}),groupErr:{fontSize:(0,s.h)(14)},itemRoot:Object.assign({},"button"===t?{flexGrow:1,width:"50%",'&[data-checked="true"]':{".mantine-Radio-label":{borderColor:e.fn.primaryColor()}}}:"radio"===t?{padding:`${(0,s.h)(10)} 0`,margin:0}:{}),itemLabelWrapper:{padding:0,width:"100%"},itemLabel:Object.assign({whiteSpace:"nowrap"},"button"===t?{position:"relative",padding:`${(0,s.h)(2)} ${(0,s.h)(16)}`,border:`1px solid ${o?"#EAEAEC":e.colors.gray[2]}`,backgroundColor:"#fff",borderRadius:(0,s.h)(o?16:4),cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center",height:n,'&[data-disabled="true"]':{background:e.colors.gray[1],color:`${e.colors.gray[4]} !important`,img:{opacity:.5}},img:{height:(0,s.h)("lg"===l?26:22)}}:"radio"===t?{fontSize:(0,s.h)(14)}:{}),itemInner:Object.assign(Object.assign({},"button"===t&&{display:"none"}),"radio"===t&&{alignSelf:"center"}),itemBody:Object.assign({},"radio"===t&&{alignItems:"center"})}});let GenderOptionControl=e=>{var{label:t,availableValue:a,styles:i,isBaby:h,genderValue:C={male:"male",female:"female"},type:f="button",hideLabel:y,labelTextProps:w,gap:x,size:b="md",LabelWrapper:E}=e,_=(0,l._)(e,["label","availableValue","styles","isBaby","genderValue","type","hideLabel","labelTextProps","gap","size","LabelWrapper"]);let{t:k}=(0,g.u)(),{classes:S,cx:B,theme:I}=v({type:f,gap:x,size:b},{name:"GenderOptionControl",styles:i}),N="mb"===I.other.template,[M,L]=(0,o.useState)(),O=(0,o.useRef)(null),R=E?{}:Object.assign({as:"label",size:"p2",weight:"semiBold",variant:"primary"},w),j=E||u.T,D=(0,o.useMemo)(()=>[{value:C.male,label:h?k("gender.boy"):k("gender.male"),icon:h?N?o.createElement(r.Z,null):p.C.getAssetPath("health-tools/boy-icon.svg"):p.C.getAssetPath("health-tools/male-icon.svg")},{value:C.female,label:h?k("gender.girl"):k("gender.female"),icon:h?N?o.createElement(n.Z,null):p.C.getAssetPath("health-tools/girl-icon.svg"):p.C.getAssetPath("health-tools/female-icon.svg")}],[]);return(0,o.useEffect)(()=>{L(a)},[a]),o.createElement(d.x,{ref:O,className:S.root},o.createElement(m.R.Group,Object.assign({className:"radio-group",label:y?void 0:o.createElement(j,Object.assign({},R),t||(h?k("tools.selectBabyGender"):k("tools.selectGender"))),size:"lg"},_,{classNames:{error:S.groupErr}},"radio"===f&&{error:null}),o.createElement(c.k,{className:B(S.wrapper)},D.map(e=>o.createElement(m.R,Object.assign({className:"gender-item",size:"sm",classNames:{root:S.itemRoot,labelWrapper:S.itemLabelWrapper,label:S.itemLabel,inner:S.itemInner,body:S.itemBody},key:e.value,value:e.value},M&&e.value!==M&&{disabled:!0},{label:o.createElement(c.k,{gap:(0,s.h)(8),align:"center",justify:"center",sx:{zIndex:0}},"button"===f&&("string"==typeof e.icon?o.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}):e.icon),o.createElement(u.T,{size:"p3"},e.label))}))))))}},sxbY:function(e,t,a){a.d(t,{H:function(){return HealthToolFormWrapper}});var l=a("FRPj"),o=a("q1tI"),r=a("/npG"),n=a("mYVa"),i=a("Eso5"),s=a("aDCK"),d=a("9n+W"),c=a("8vDj"),m=a("SPK5"),p=a("2wr/"),u=a("wp0n"),g=a("8wjV"),h=a("Gx+P"),v=a("yVya"),C=a("iBNF"),f=(0,r.k)(()=>({root:{justifyContent:"flex-start"},group:{display:"flex",alignItems:"stretch",gap:(0,n.h)(8)},item:{flex:"1 1 0px"},icon:{flexShrink:0}}));let y=(0,o.createContext)({}),w=(0,r.k)(()=>({root:{display:"flex",flexDirection:"column",gap:(0,n.h)(8),paddingLeft:16,paddingRight:16,"&:last-child":{paddingBottom:16}}}));var x=(0,r.k)((e,{formLayout:t})=>({root:{display:"flex",flexDirection:"column",gap:(0,n.h)("inline"===t?8:16),borderRadius:"inherit",".mantine-Input-input::placeholder, .mantine-Input-input[data-invalid]::placeholder":{color:"#8C8C8C"},[e.fn.smallerThan("sm")]:Object.assign({"input, .mantine-DatePickerInput-input":{fontSize:(0,n.h)(14)}},"default"===t&&{gap:8})},control:{width:(0,n.h)(180),flexShrink:1,"&.error":{"button, input":{borderColor:e.colors.red[7]}}}}));let b=(0,r.k)((e,{formLayout:t})=>{let a="mb"===e.other.template;return{root:Object.assign(Object.assign({minWidth:(0,n.h)(180)},"inline"===t&&{alignSelf:"flex-end",marginTop:(0,n.h)(16)}),"default"===t&&Object.assign({},a&&{alignSelf:"center"}))}}),E=(0,r.k)(e=>({root:{color:e.colors.gray[6],whiteSpace:"nowrap",paddingRight:(0,n.h)(16)}}));var _=(0,r.k)(()=>({root:{display:"flex",gap:(0,n.h)(8),border:"1px solid #EAEAEC",borderRadius:(0,n.h)(16),padding:"10px 16px 12px 16px",flex:"1 1 0px",".mantine-Input-input":{border:0,paddingLeft:0,height:"22px",borderRadius:0,"&:focus":{outline:0,boxShadow:"none"}}},info:{display:"flex",flexDirection:"column",gap:0,flex:"1 1 0px"},label:{color:"#7C7C8F",fontWeight:"normal"},content:{},rightSection:{display:"flex",alignItems:"center",textTransform:"lowercase",color:"#3E3F58"}})),k=(0,r.k)((e,{width:t,direction:a})=>{let l="mb"===e.other.template;return{root:{display:"flex",flexDirection:"column",gap:(0,n.h)(8)},row:{display:"flex",flexDirection:a,alignItems:"stretch",justifyContent:"space-between",gap:(0,n.h)(16),minHeight:(0,n.h)(40)},labelWrapper:Object.assign({flex:"1 1 0px",display:"flex",alignItems:"center"},"row"===a&&{borderBottom:`1px solid ${e.colors.neutral[1]}`}),label:{fontSize:(0,n.h)(14),lineHeight:(0,n.h)(22),color:e.colors.gray[6]},content:{display:"flex",alignItems:"center",gap:(0,n.h)(8),input:{backgroundColor:"#fff"}},control:{width:"number"==typeof t?(0,n.h)(t):t,flexShrink:1,input:Object.assign({},l&&{borderRadius:(0,n.h)(12)}),"&.error":{"button, input":{borderColor:e.colors.red[7]}}},error:{color:"red",textAlign:"right"}}});let S=(0,r.k)(()=>({root:{color:"red",textAlign:"right",width:"auto"}}));var B=(0,r.k)(e=>{let t="mb"===e.other.template;return{root:{label:Object.assign({},t&&{color:C.r.mbColors.midGray,fontSize:(0,n.h)(12),fontWeight:"normal"})}}});let HealthToolFormWrapper=e=>{var{children:t,formLayout:a,styles:r,classNames:n,className:s,component:d="form"}=e,c=(0,l._)(e,["children","formLayout","styles","classNames","className","component"]);let m=a||"default",{classes:p,cx:u}=x({formLayout:m},{name:"HealthToolFormWrapper",styles:r,classNames:n});return o.createElement(y.Provider,{value:{formLayout:m}},o.createElement(i.x,Object.assign({component:d,className:u(s,p.root)},c),t))};HealthToolFormWrapper.Control=e=>{var{className:t,styles:a,classNames:r}=e,n=(0,l._)(e,["className","styles","classNames"]);let{classes:s,cx:d}=B(void 0,{name:"HealthToolFormWrapper__Control",styles:a,classNames:r});return o.createElement(i.x,Object.assign({className:d(t,s.root)},n))},HealthToolFormWrapper.BorderInlineControl=({label:e,children:t,styles:a,classNames:l,direction:r="row",width:n=180,errorMess:s})=>{let{classes:d}=k({width:n,direction:r},{name:"HealthToolFormWrapper__BorderInlineControl",styles:a,classNames:l});return o.createElement(i.x,{className:d.root},o.createElement(i.x,{className:d.row},o.createElement(i.x,{className:d.labelWrapper},e&&o.createElement("label",{className:d.label,htmlFor:"gender"},e)),o.createElement(i.x,{className:d.content},(0,v.Z)(t).map((e,t)=>o.createElement(i.x,{key:t,className:d.control},e)))),s&&o.createElement(u.T,{size:"p4",className:d.error},s))},HealthToolFormWrapper.BorderBoxControl=e=>{var{label:t,rightSection:a,children:r,styles:n,className:s,classNames:d}=e,c=(0,l._)(e,["label","rightSection","children","styles","className","classNames"]);let{classes:m,cx:p}=_(void 0,{name:"HealthToolFormWrapper__BorderBoxControl",styles:n,classNames:d});return o.createElement(i.x,Object.assign({className:p(m.root,s)},c),o.createElement(i.x,{className:m.info},t&&o.createElement(u.T,{size:"n1",as:"label",className:m.label},t),o.createElement(i.x,{className:m.content},o.isValidElement(r)?o.cloneElement(r,Object.assign(Object.assign({},r.props),{size:"sm",error:null})):null)),a&&o.createElement(i.x,{className:m.rightSection},"string"==typeof a?o.createElement(u.T,{size:"p4"},a):o.isValidElement(a)?o.cloneElement(a,{size:24}):null))},HealthToolFormWrapper.Error=e=>{var{styles:t,classNames:a,className:r}=e,n=(0,l._)(e,["styles","classNames","className"]);let{classes:i,cx:s}=S(void 0,{name:"HealthToolFormWrapper__UnitText",styles:t,classNames:a});return o.createElement(u.T,Object.assign({size:"p4",className:s(r,i.root)},n))},HealthToolFormWrapper.FormRow=e=>{var{styles:t,classNames:a,className:r,children:n}=e,s=(0,l._)(e,["styles","classNames","className","children"]);let{classes:d,cx:c}=w(void 0,{name:"HealthToolFormWrapper__FormRow",styles:t,classNames:a});return o.createElement(i.x,Object.assign({className:c(r,d.root)},s),n)},HealthToolFormWrapper.Submit=e=>{var{styles:t,classNames:a,className:r}=e,n=(0,l._)(e,["styles","classNames","className"]);let{formLayout:i}=(0,o.useContext)(y),{classes:s,cx:d}=b({formLayout:i},{name:"HealthToolFormWrapper__SubmitBtn",styles:t,classNames:a});return o.createElement(g.B,Object.assign({className:d("submit-btn",r,s.root)},n,{variant:"primary",size:"md"}))},HealthToolFormWrapper.Unit=e=>{var{styles:t,classNames:a,className:r}=e,n=(0,l._)(e,["styles","classNames","className"]);let{classes:i,cx:s}=E(void 0,{name:"HealthToolFormWrapper__UnitText",styles:t,classNames:a});return o.createElement(u.T,Object.assign({size:"p4",className:s(r,i.root)},n))},HealthToolFormWrapper.Switching=e=>{var{label:t}=e,a=(0,l._)(e,["label"]);let{t:r}=(0,h.u)(),i=(0,c.rZ)(),s="mb"===i.other.template;return o.createElement(m.k,{gap:(0,n.h)(4),sx:()=>({justifyContent:"space-between",alignItems:"center"})},t&&o.createElement(u.T,{size:s?"p4":"s4",color:"gray.6"},t),o.createElement(p.r,Object.assign({labelPosition:"left",onLabel:r("switchBtn.yes"),offLabel:r("switchBtn.no")},a,{styles:e=>({trackLabel:{fontSize:(0,n.h)(12)},track:{cursor:"pointer"},body:{[e.fn.largerThan("sm")]:{flexDirection:"column",alignItems:"flex-start"},[e.fn.smallerThan("sm")]:{justifyContent:"space-between"}},labelWrapper:{[e.fn.smallerThan("sm")]:{display:"flex",justifyContent:"center"}}})})))},HealthToolFormWrapper.ChipGroup=e=>{var{data:t=[],label:a,isMobile:r,layout:c="horizonal",classNames:m,styles:p}=e,g=(0,l._)(e,["data","label","isMobile","layout","classNames","styles"]);let{classes:h,theme:v}=f(void 0,{name:"ChipGroup",classNames:m,styles:p}),C="mb"===v.other.template,y=r?48:C?32:"vertical"===c?32:18;return o.createElement(i.x,null,o.createElement(s.I.Wrapper,{label:a&&o.createElement(u.T,{size:"p3",weight:"semiBold"},a)},o.createElement(d.A.Group,Object.assign({},g),o.createElement(i.x,{className:h.group},t.map((e,t)=>o.createElement(d.A,{className:h.item,key:t,value:String(e.value),styles:{iconWrapper:{display:"none"},label:{width:"100%",borderRadius:(0,n.h)(C?12:8),padding:0,border:`1px solid ${C?"#EAEAEC":v.colors.neutral[2]}`,height:"100%","&[data-checked]":{padding:0,backgroundColor:C?"#FFE9F1":v.colors.blue[0],border:`1px solid ${C?"#F5B4CB":v.colors.blue[1]}`},[v.fn.smallerThan("sm")]:{alignItems:"flex-start"}}}},o.createElement(i.x,{sx:Object.assign(Object.assign(Object.assign({width:"100%",display:"flex",gap:(0,n.h)(C?2:8),padding:"8px 16px 8px 12px",justifyContent:"center",alignItems:"center"},C&&{flexDirection:"column"}),"vertical"===c&&{flexDirection:"column",padding:"16px 8px 8px"}),{[v.fn.smallerThan("sm")]:{flexDirection:"column",padding:"16px 8px 8px"}})},o.isValidElement(e.icon)?o.cloneElement(e.icon,{size:y,isMarryBaby:C,className:h.icon}):null,o.createElement(u.T,{size:"p4",styles:{root:Object.assign(Object.assign({},C&&{textAlign:"center"}),{whiteSpace:"normal",[v.fn.smallerThan("sm")]:{fontSize:(0,n.h)(12),lineHeight:(0,n.h)(18),textAlign:"center"}})}},e.label))))))))}},"4xJZ":function(e,t,a){a.d(t,{A:function(){return AuthorBadge},B:function(){return BookingBtn}});var l=a("FRPj"),o=a("q1tI"),r=a("Gx+P"),n=a("/npG"),i=a("e4F3"),s=a("w8Dv"),d=a("8wjV"),c=a("VhOp"),m=a("xrdX"),p=a("GOBr"),u=(0,n.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:a,title:n,styles:i,className:s}=e,d=(0,l._)(e,["siteType","role","title","styles","className"]);let{t:c}=(0,r.u)(),m=a?looselyMatchRole(a):"",{classes:p,cx:h}=u(void 0,{name:"AuthorBadge",styles:i});return m&&g[m]?o.createElement("div",Object.assign({className:h(p.root,s),"data-label-type":m,"data-is-marrybaby":"marryBaby"===t},d),n||c(g[m])):null},BookingBtn=e=>{var{label:t,bookingId:a,bookingType:n="doctor",locale:u="vi-VN"}=e,g=(0,l._)(e,["label","bookingId","bookingType","locale"]);let{t:h}=(0,r.u)(),[v,C]=(0,o.useState)(!1),f=(0,o.useMemo)(()=>"undefined"!=typeof window?window.location.href:"",[]),y=(0,o.useCallback)(()=>(0,l.a)(void 0,void 0,void 0,function*(){var e,t,l,o,r,d,g,h,v,f,y,w,x,b,E;let _="doctor"===n?i.P.GET_DOCTOR_DETAIL:"hospital"===n?i.P.GET_HOSPITAL_DETAIL:"service"===n?i.P.GET_SERVICE_DETAIL:"";try{C(!0);let i=yield(0,c.c)((0,c.g)(_,{id:a,site:m.v[u]}),"get");if((null==i?void 0:i._status)===1){let a="doctor"===n?{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===(l=null==i?void 0:i._data)||void 0===l?void 0:l.doctor)||void 0===o?void 0:o.slug,localSlug:null===(r=s.L[u])||void 0===r?void 0:r.DOCTOR}:"hospital"===n?{id:null===(g=null===(d=null==i?void 0:i._data)||void 0===d?void 0:d.branch)||void 0===g?void 0:g.id,slug:null===(v=null===(h=null==i?void 0:i._data)||void 0===h?void 0:h.branch)||void 0===v?void 0:v.slug,localSlug:null===(f=s.L[u])||void 0===f?void 0:f.HOSPITAL}:{id:null===(w=null===(y=null==i?void 0:i._data)||void 0===y?void 0:y.service)||void 0===w?void 0:w.id,slug:null===(b=null===(x=null==i?void 0:i._data)||void 0===x?void 0:x.service)||void 0===b?void 0:b.slug,localSlug:null===(E=s.L[u])||void 0===E?void 0:E.SERVICE};window.location.href=`https://${p.y?"":"discover."}${m.v[u]}/care/${a.localSlug}/${a.slug}-${a.id}/`}else C(!1)}catch(e){console.log(e),C(!1)}}),[]);return a&&n?o.createElement(d.B,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:f,onClick:y,loading:v},g),t||h("careBooking.bookAnAppointment")):null}},zPX9:function(e,t,a){a.d(t,{L:function(){return Loading}});var l=a("q1tI"),o=a("ft6n"),r=a("Gx+P");let Loading=({className:e,theme:t,hideText:a})=>{let{t:n}=(0,r.u)();return l.createElement("div",{className:`tliWyii ${e}`},l.createElement(o.I.Spinner,{isMarryBaby:"marryBaby"===t}),!a&&n("loading"))}}}]);