@hhgtech/hhg-components 1.20.66 → 1.20.68

package/build/index-73e6f709.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("./index.styled-343a2168.js"),n=require("./tslib.es6-f7929e76.js"),a=require("./screenSizeContext-6726a3b5.js"),l=require("./index-e15ec8a9.js"),o=require("./theme-696d81a9.js"),i=require("./index-9b91ee37.js"),r=require("./index-c4a93c9c.js"),d=require("react-id-generator"),c=require("./index-7d762a8e.js"),s=require("lodash"),u=require("keen-slider/react");require("react-range"),require("react-dom"),require("./translationsContext-2d7ea471.js"),require("string-format"),require("lodash/debounce");var m=require("./index-bce6f562.js"),p=require("date-fns"),f=require("styled-components");require("./Locale-11b51016.js");var g=require("./index-f3af2c39.js"),h=require("./useTranslations-a5b5c74c.js"),v=require("./utils-c05996cf.js"),x=require("@mantine/core"),y=require("./useOutsideClick-528bfd6c.js"),E=require("date-fns/locale/en-US"),b=require("date-fns/locale/id"),w=require("date-fns/locale/vi"),C=require("date-fns/locale/zh-TW"),k=require("./getSocialList-2a3b759f.js"),S=require("./index-fa15aaf3.js"),_=require("./zalo-e7b9d144.js"),L=require("./index-c21b1491.js");function N(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var M=N(e),z=N(f),T=N(E),B=N(b),D=N(w),I=N(C),F=function(l){var o=l.pagesAmount,i=l.activePage,r=l.handlePageChange,d=l.handleClick,c=l.href,s=l.queryPageName,u=void 0===s?"page":s,m=n.__spreadArray([],Array(o),!0).map((function(e,t){return t+1})),p=e.useState(i<=4?m.slice(0,5):i>=m.length-3?m.slice(m.length-5,m.length):m.slice(i-2,i+1)),f=p[0],g=p[1];return e.useEffect((function(){i<=4?g(m.slice(0,5)):i>=m.length-3?g(m.slice(m.length-5,m.length)):g(m.slice(i-2,i+1))}),[i]),M.default.createElement(e.Fragment,null,i>4&&M.default.createElement(e.Fragment,null,M.default.createElement(t.StyledPaginationBlock,{onClick:function(){return r(1)}},c?M.default.createElement("a",{href:c,onClick:d},1):1),M.default.createElement(t.StyledPaginationBlock,null,"...")),f.map((function(e){return M.default.createElement(t.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===i||void 0,onClick:function(){return r(e)}},c?M.default.createElement("a",{href:a.formatUrlWithPageParam(c,e,u),onClick:d},e):e)})),i<m.length-3&&M.default.createElement(e.Fragment,null,M.default.createElement(t.StyledPaginationBlock,null,"..."),M.default.createElement(t.StyledPaginationBlock,{onClick:function(){return r(m.length)}},c?M.default.createElement("a",{href:a.formatUrlWithPageParam(c,m.length,u),onClick:d},m.length):m.length)))},A=function(e){var n=e.label,a=e.name,l=e.checked,o=e.className,i=e.isDisabled,r=e.onChange,d=e.value,c=e.isRectangle;return M.default.createElement(t.StyledCheckbox,{className:o,"data-disabled":i||void 0,"data-is-rectangle":c||void 0,"data-label-text":n},M.default.createElement("input",{type:"checkbox",checked:l,name:a,onChange:function(){return r(d,!l)},disabled:i,value:d,id:"".concat(a,"-").concat(d),"data-label-text":n}),!c&&M.default.createElement("label",{htmlFor:"".concat(a,"-").concat(d)},n))},H=function(e){return M.default.createElement("svg",n.__assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),M.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"}))},j=function(e){return M.default.createElement("svg",n.__assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),M.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"}))},P=function(e){return M.default.createElement("svg",n.__assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),M.default.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),M.default.createElement("mask",{id:"mask0_3555_5815",maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},M.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),M.default.createElement("g",{mask:"url(#mask0_3555_5815)"},M.default.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},W=function(e){var n=e.avatarImg,a=e.authorName,l=e.authorLink,o=e.uploadTime,i=e.size;return M.default.createElement(r.StyledAuthor,null,M.default.createElement("div",{className:"author"},M.default.createElement("div",{className:"avatar","data-size":i},n),M.default.createElement("div",{className:"poster","data-is-disabled-url":!l},M.default.createElement(t.Text,{size:"lg"===i?"p3":"p4"},M.default.createElement("a",{href:l},M.default.createElement("span",{className:"name"},a),"•"," "),M.default.createElement("span",null,o)))))},O=function(e){var n=e.isMobile,a=e.avatarImg,l=e.name,d=e.link,c=e.size,s=void 0===c?"lg":c,u=e.specialty;return e.handleClick,e.isBookmarked,e.dataEventCategoryForBookmark,e.dataEventActionForBookmark,e.dataEventLabelForBookmark,M.default.createElement(r.StyledAuthor,null,M.default.createElement("div",{className:"author"},M.default.createElement("div",{className:"expert-avatar","data-size":s},a),M.default.createElement("div",{className:"expert","data-is-disabled-url":!d},n?M.default.createElement("a",{href:d},"lg"===s?M.default.createElement(M.default.Fragment,null,M.default.createElement(i.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},l),M.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p3",className:"specialty"},u)):M.default.createElement(M.default.Fragment,null,M.default.createElement(i.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},l))):M.default.createElement("a",{href:d},"lg"===s?M.default.createElement(M.default.Fragment,null,M.default.createElement(i.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},l),M.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p3",className:"specialty"},u)):M.default.createElement(M.default.Fragment,null,M.default.createElement(r.StyledExpertName,{color:o.theme.colors.gray600,className:"expert__name"},l),M.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p4",className:"specialty"},u))))))},V=function(e){var t=e.LinkComponent,n=e.page,a=e.isLast,l=e.onChangePage,o=n.label,i=n.value,d=n.isDropdown,s=n.dropdownItems,u=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel;return d?M.default.createElement(c.Dropdown,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):M.default.createElement(r.StyledTextLink,{title:"string"!=typeof o?i:o,"data-last":a},t&&M.default.createElement(t,{"data-event-category":u,"data-event-action":m,"data-event-label":p,href:i||"#"},o))},U=Object.freeze({__proto__:null,SideMenu:r.SideMenu,SideHeader:r.SideHeader,UserInfo:r.UserInfo,MenuLink:r.MenuLink}),Z=function(e){var t=e.isDisabled,n=e.isLeft,a=e.onClick,l=e.className,o=e.scheme,i=void 0===o?"hellosites":o;return M.default.createElement(r.StyledArrow,{onClick:a,"data-is-disabled":t,"data-is-left":n,className:l},M.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n?M.default.createElement("path",{d:"M2.92902 6.00015L6.75002 2.17915C7.16402 1.76515 7.16402 1.09315 6.75002 0.679152C6.33602 0.265152 5.66402 0.265152 5.25002 0.679152L0.636023 5.29315C0.245023 5.68415 0.245023 6.31715 0.636023 6.70715L5.25002 11.3212C5.66402 11.7352 6.33602 11.7352 6.75002 11.3212C7.16402 10.9072 7.16402 10.2352 6.75002 9.82115L2.92902 6.00015Z",fill:"hellosites"===i?"#595959":"#E55C8A"}):M.default.createElement("path",{d:"M5.07095 6.00015L1.24995 2.17915C0.835953 1.76515 0.835953 1.09315 1.24995 0.679152C1.66395 0.265152 2.33595 0.265152 2.74995 0.679152L7.36395 5.29315C7.75495 5.68415 7.75495 6.31715 7.36395 6.70715L2.74995 11.3212C2.33595 11.7352 1.66395 11.7352 1.24995 11.3212C0.835953 10.9072 0.835953 10.2352 1.24995 9.82115L5.07095 6.00015Z",fill:"hellosites"===i?"#595959":"#E55C8A"})))},G=Object.freeze({__proto__:null,Table:r.Table,Cell:r.Cell,Head:r.Head,Row:r.Row,Body:r.Body}),Q=function(e){var n=e.className,a=e.heading,l=e.isMobile,d=e.bannerUrl,c=e.bannerUrlLarge,s=e.medicalReview,u=e.icon,m=(e.isHomePage,e.style),p=l?"h5":"h4",f=l?d:c||d;return M.default.createElement(r.StyledContainer,{"data-is-mobile":l,style:m},M.default.createElement(r.StyledWrapper,{className:n,"data-banner-url":f,"data-is-mobile":l},M.default.createElement(t.Container,{className:"container"},M.default.createElement(r.StyledInner,null,M.default.createElement(r.StyledHeading,{"data-is-mobile":l},M.default.createElement(r.StyledHeadingWithReviewedStatus,{"data-is-mobile":l},M.default.createElement(i.Heading,{color:o.theme.colors.white,tag:p,as:"h2"},a)),s&&M.default.createElement(r.StyledMedicalReviewed,{"data-is-mobile":l},s)),M.default.createElement(r.StyledIconContainer,{"data-is-mobile":l},u)))))},q="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzc1IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMzc1IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwSDM3NVY2OEwwIDg4VjBaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTAzMzFfMjYzMDYpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTAzMzFfMjYzMDYiIHgxPSItNi4xMjU1NGUtMDYiIHkxPSIzLjY2NjY3IiB4Mj0iODguNzQ4NCIgeTI9IjIwMS40MjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZDNUQ5QSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRDg3QjQiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K",R=function(e){var t=e.src,n=e.title,a=e.backgroundSrc,l=e.className,o=e.reviewedSection,d=e.isAmp;return M.default.createElement(r.StyledHeroBanner,{className:l},M.default.createElement(r.StyledHeroBackground,{style:{backgroundImage:'url("'.concat(a,'")')}},M.default.createElement(r.StyledHeroContentContainer,null,M.default.createElement(r.StyledHeroInfoContainer,null,M.default.createElement(i.Heading,{tag:"h5",color:"white"},n),o),M.default.createElement(r.StyledHeroBannerContainer,null,d?M.default.createElement("amp-img",{src:t||"",alt:n,width:"140",height:"140"}):M.default.createElement("img",{src:t||"",style:{width:"100px",height:"100px",objectFit:"contain"},alt:n})))))},Y=function(a){var l,d,s,u=a.backgroundDesktopSrc,m=a.backgroundMobileSrc,p=a.title,f=a.iconSrc,g=a.className,x=a.isEmbed,y=void 0!==x&&x,E=a.isAmp,b=h.useTranslations().t,w=e.useState({}),C=w[0],k=w[1],S=c.formatUserProfileUrl(null==C?void 0:C.reviewed_by);return e.useEffect((function(){n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__generator(this,(function(t){switch(t.label){case 0:return[4,v.callApi(v.getDiscoverApiPath(v.DISCOVER_PATHS.GET_HEALTH_TOOL_OVULATION_INFO),"GET")];case 1:return e=t.sent(),k(null==e?void 0:e.data),[2]}}))}))}),[]),M.default.createElement(r.StyledHealthToolHeroContainer,{className:g},M.default.createElement(r.StyledHealthToolBannerContainer,{style:{backgroundImage:"url('".concat(m||u,"')")}},M.default.createElement(r.StyledHealthToolBannerTextContainer,null,M.default.createElement(i.Heading,{tag:"h1",color:"white"},p),(null===(l=null==C?void 0:C.reviewed_by)||void 0===l?void 0:l.display_name)?M.default.createElement(t.Text,{size:"p4",color:"white",style:{marginTop:"0.3rem"}},M.default.createElement("span",{dangerouslySetInnerHTML:{__html:b("articlePage.articleReviewerBy",{name:'<a\n                          style="color: white"\n                          href="'.concat(S,'"\n                        >\n                        ').concat(C.reviewed_by.display_name,"\n                        </a>")})}}),M.default.createElement("span",null,b("tools.heading.on")),M.default.createElement("span",null,null==C?void 0:C.reviewed_date)):null),M.default.createElement(r.StyledHealthToolBannerIconContainer,null,E?M.default.createElement("amp-img",{src:f||"",alt:p,width:"100%",height:"100%"}):M.default.createElement("img",{src:f||"",style:{width:"100%",objectFit:"contain"},alt:p}))),M.default.createElement(R,{isEmbed:y,className:"desktop-only",src:f,backgroundSrc:u||m||"",title:p,reviewedSection:(null===(d=null==C?void 0:C.reviewed_by)||void 0===d?void 0:d.display_name)&&""!==(null===(s=null==C?void 0:C.reviewed_by)||void 0===s?void 0:s.display_name)&&M.default.createElement(t.Text,{size:"p4",color:o.theme.colors.white,style:{marginTop:12}},M.default.createElement("span",{dangerouslySetInnerHTML:{__html:b("toolPage.toolReviewer",{expert_name:'<a\n                        style="color: white"\n                        href="'.concat(S,'"\n                      >\n                        ').concat(C.reviewed_by.display_name,"\n                      </a>"),date:null==C?void 0:C.reviewed_date})}}),M.default.createElement("span",null)),isMobile:!0}))},K=function(){return"undefined"!=typeof window&&window.innerWidth<a.Breakpoints.BREAK_POINT_MOBILE},X=function(){return"undefined"!=typeof window&&window.innerWidth>=a.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<a.Breakpoints.BREAK_POINT_PC};var J={"en-PH":T.default,"vi-VN":D.default,"zh-TW":I.default,"id-ID":B.default};function $(t){var a=t.value,l=void 0===a?{from:null,to:null}:a,o=e.useState(null),i=o[0],d=o[1],c=function(){var t=e.useState(K()),n=t[0],a=t[1],l=e.useState(X()),o=l[0],i=l[1];return e.useEffect((function(){var e=function(){a(K()),i(X())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:n,isLargeMobile:o}}().isMobile,s=e.useState((function(){return l})),u=s[0],m=s[1],f=e.useState((function(){var e;return p.startOfMonth(null!==(e=l.from)&&void 0!==e?e:new Date)})),g=f[0],h=f[1],v=e.useMemo((function(){return p.addMonths(g,1)}),[g]);var x=n.__assign(n.__assign({},t),{goToNextMonth:function(){h((function(e){return p.addMonths(e,1)}))},goToPreviousMonth:function(){h((function(e){return p.subMonths(e,1)}))},range:u,setRange:m,hoverDay:i,setHoverDay:d});return M.default.createElement(M.default.Fragment,null,M.default.createElement(ee,n.__assign({},x,{date:g})),!c&&M.default.createElement(r.StyledCalendarMonthSeparator,null),!c&&M.default.createElement(ee,n.__assign({},x,{date:v})))}function ee(t){var a=t.date,o=t.range,i=t.setRange,d=t.onChange,c=t.goToPreviousMonth,s=t.goToNextMonth,u=t.minDate,m=t.maxDate,f=t.close,g=void 0===f?function(){}:f,v=t.autoClose,x=void 0!==v&&v,y=t.hoverDay,E=t.setHoverDay,b=h.useTranslations().locale,w=e.useMemo((function(){var e;return null!==(e=J[b])&&void 0!==e?e:J["en-PH"]}),[b]),C=e.useMemo((function(){return p.format(a,"MMMM",{locale:w})}),[a,w]),k=e.useMemo((function(){return w?[1,2,3,4,5,6,0].map((function(e){return w.localize.day(e,{width:"narrow"})})):[]}),[w]);function S(e,t){if(null===e)return M.default.createElement(r.StyledCalendarDayNumberWrapper,{key:"idx-".concat(t),"data-empty":"true"});var a=e.getDate(),l=p.isToday(e),d=!!o.from&&p.isSameDay(o.from,e),c=!!o.to&&p.isSameDay(o.to,e),s=d||c,f=!1;null!==y&&o.from&&p.isBefore(o.from,y)&&!o.to?f=p.isWithinInterval(e,{start:o.from,end:y}):o.from&&o.to&&(f=p.isWithinInterval(e,{start:o.from,end:o.to}));var h=!1;return u&&m?h=!p.isWithinInterval(e,{start:u,end:m}):u?h=p.isBefore(e,u):m&&(h=p.isAfter(e,m)),M.default.createElement(r.StyledCalendarDayNumberWrapper,{key:a,"data-is-today":l,"data-is-past":!l&&p.isPast(e),"data-is-selected":s,"data-is-disabled":h,"data-in-range":f,"data-is-from":d,"data-is-to":c,onMouseEnter:function(){E(e)},onMouseLeave:function(){return E(null)},onClick:function(){h||i((function(t){return x&&o.from&&!o.to&&g(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?p.isBefore(e,t.from)?n.__assign(n.__assign({},t),{from:e}):n.__assign(n.__assign({},t),{to:e}):t:n.__assign(n.__assign({},t),{from:e})}(e,t)}))}},M.default.createElement(r.StyledCalendarDayNumber,{onClick:function(){}},M.default.createElement("p",null,a)))}return e.useEffect((function(){o.from&&o.to&&d(o)}),[o]),M.default.createElement(r.StyledCalendarWrapper,{className:"calendar-wrapper"},M.default.createElement(r.StyledCalendarHead,null,M.default.createElement(l.Button,{onClick:c,size:"md",color:"ghost",icon:M.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),M.default.createElement("div",{className:"calendar-month"},C,M.default.createElement("strong",null,p.format(a,"yyyy"))),M.default.createElement(l.Button,{onClick:s,size:"md",color:"ghost",icon:M.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),M.default.createElement(r.StyledCalendarCellsWrapper,null,M.default.createElement("div",null,M.default.createElement(r.StyledCalendarDaysOfWeek,null,k.map((function(e,t){return M.default.createElement(r.StyledCalendarDayLabel,{key:"".concat(e,"-").concat(t)},e)})))),M.default.createElement("div",null,function(){for(var e=a.getFullYear(),t=a.getMonth(),n=p.getDaysInMonth(a),l=[],i=1;i<=n;i++)l.push(new Date(e,t,i));var d=l[0]?l[0].getDay():0;if(1!==d){var c=0===d?6:d-1;for(i=0;i<c;i++)l.unshift(null)}return M.default.createElement(r.StyledCalendarMonthWrapper,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(o.from&&o.to)},M.default.createElement(r.StyledCalendarDaysWrapper,null,M.default.createElement(r.StyledCalendarDateGrid,null,l.map(S))))}())))}var te,ne,ae=function(){return M.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),M.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},le=function(){return M.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},M.default.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"}))},oe=z.default.footer(te||(te=n.__makeTemplateObject(["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image {\n      width: 10%;\n      align-self: flex-start;\n\n      img {\n        max-width: 100px;\n        margin-bottom: 16px;\n\n        "," {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  background-color: #1b3250;\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 24px 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    max-height: 32px;\n    margin-bottom: 24px;\n    &[data-is-sehat='true'] {\n      max-width: 250px;\n    }\n\n    img {\n      object-fit: contain;\n    }\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n      p {\n        font-size: 13px;\n      }\n    }\n\n    "," {\n      p {\n        font-size: 12px;\n      }\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n\n    .social-icon {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .copyright-content {\n      width: 90%;\n      color: ",";\n      font-size: 12px;\n    }\n\n    .copyright-image {\n      width: 10%;\n      align-self: flex-start;\n\n      img {\n        max-width: 100px;\n        margin-bottom: 16px;\n\n        "," {\n          margin-bottom: 0px;\n        }\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .copyright-certificate {\n    color: ",";\n    "," {\n      font-size: 11px;\n    }\n    "," {\n      font-size: 12px;\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 14px;\n    font-weight: ",";\n    text-decoration: none;\n    word-break: break-word;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      color: ",";\n\n      "," {\n        margin-bottom: 8px;\n        font-size: 13px;\n        line-height: 20px;\n      }\n      "," {\n        margin-bottom: 12px;\n        font-size: 14px;\n      }\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n      font-size: 12px;\n      "," {\n        font-size: 13px;\n      }\n      "," {\n        font-size: 13px;\n      }\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n      word-break: break-word;\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div:not(:last-child) {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbUp),ie=z.default.div(ne||(ne=n.__makeTemplateObject(["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"],["\n  width: 32px;\n  height: 32px;\n  margin-right: 10px;\n\n  &[data-is-mobile='true'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  .country-flag {\n    width: 100%;\n    height: 100%;\n  }\n"]))),re=function(e){var t=e.url,n=e.isMobile,a=e.dataEventCategory,l=e.dataEventAction,o=e.dataEventLabel,i=e.isAmp;return M.default.createElement(ie,{"data-is-mobile":n},i?M.default.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":o}):M.default.createElement("img",{loading:"lazy",className:"country-flag lazy","data-src":t,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":o}))},de=function(n){var i,r,d,c,s,u,p,f,g,v,x,y,E,b,w,C,k,S,_,L,N,z,T,B,D,I,F,A,H,j,P,W,O,V,U,Z=n.className,G=n.type,Q=void 0===G?"main":G,q=n.footerInfo,R=n.isMobile,Y=n.locale,K=n.isAmp,X=h.useTranslations().t,J=null==q?void 0:q.menu;return e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[]),M.default.createElement(oe,{as:K&&"mini"===Q?"div":"footer",className:Z,style:"mini"===Q?{backgroundColor:o.theme.colors.neutral50}:{},"next-page-hide":!0},M.default.createElement(t.Container,null,M.default.createElement("div",{className:"inner","data-type":Q,"next-page-hide":""},"main"===Q?M.default.createElement(M.default.Fragment,null,M.default.createElement("a",{href:"/"},K?(null===(r=null==q?void 0:q.general)||void 0===r?void 0:r.logo)?M.default.createElement("amp-img",{src:null===(d=null==q?void 0:q.general)||void 0===d?void 0:d.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:M.default.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(i=null==q?void 0:q.general)||void 0===i?void 0:i.logo,alt:"Logo","data-is-sehat":"id-ID"===Y})),M.default.createElement("div",{className:"columns"},M.default.createElement("div",{className:"newsletter"},M.default.createElement(t.Text,{size:"p1",type:"bold"},null===(c=null==q?void 0:q.general)||void 0===c?void 0:c.content),M.default.createElement(l.Button,{className:"signupButton",color:"primary",size:"lg"},X("footer.signUp")),M.default.createElement("div",{className:"social"},M.default.createElement(t.Text,{size:"sm",type:"regular"},null===(s=null==q?void 0:q.social)||void 0===s?void 0:s.title),M.default.createElement("div",{className:"icons"},null===(p=null===(u=null==q?void 0:q.social)||void 0===u?void 0:u.socials)||void 0===p?void 0:p.map((function(e,t){return M.default.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},K?M.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):M.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))),M.default.createElement("hr",{className:"hrMobile"}))),M.default.createElement("div",null,J&&M.default.createElement(M.default.Fragment,null,M.default.createElement("div",{className:"biglinks"},null===(g=null===(f=J[0])||void 0===f?void 0:f.items)||void 0===g?void 0:g.map((function(e,t){return M.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(m.domainLocales[Y]).concat(e.url),className:"bigLink",key:t,href:e.url},e.title)}))),M.default.createElement("hr",{className:"hrMobile"}),M.default.createElement("div",{className:"mHalf"},M.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(v=J[1])||void 0===v?void 0:v.menu_title),null===(y=null===(x=J[1])||void 0===x?void 0:x.items)||void 0===y?void 0:y.map((function(e,n){return M.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(m.domainLocales[Y]).concat(e.url),className:"link",href:e.url,key:n},M.default.createElement(t.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(m.domainLocales[Y]).concat(e.url)},e.title))}))),M.default.createElement("div",{className:"mHalf"},M.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(E=J[2])||void 0===E?void 0:E.menu_title),null===(w=null===(b=J[2])||void 0===b?void 0:b.items)||void 0===w?void 0:w.map((function(e,n){return e.url&&M.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:n},M.default.createElement(t.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!K&&M.default.createElement(M.default.Fragment,null,M.default.createElement("hr",{className:"hrMobile"}),M.default.createElement("div",{className:"otherSites"},M.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(C=null==q?void 0:q.branch)||void 0===C?void 0:C.title),M.default.createElement("div",{className:"flags"},null===(S=null===(k=null==q?void 0:q.branch)||void 0===k?void 0:k.branch)||void 0===S?void 0:S.map((function(e,t){return M.default.createElement("a",{className:"link",href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},M.default.createElement(re,{url:e.flag,isMobile:R,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url,isAmp:K}))}))))))),M.default.createElement("hr",null),M.default.createElement("div",{className:"copyright","data-is-amp":K||void 0},(null===(_=null==q?void 0:q.general)||void 0===_?void 0:_.verified)&&M.default.createElement("a",{href:null===(N=null===(L=null==q?void 0:q.general)||void 0===L?void 0:L.verified[0])||void 0===N?void 0:N.url,className:"copyright-image"},K?M.default.createElement("amp-img",{src:null===(T=null===(z=null==q?void 0:q.general)||void 0===z?void 0:z.verified[0])||void 0===T?void 0:T.image,alt:"DMCA Icon",width:"100",height:"36"}):M.default.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(D=null===(B=null==q?void 0:q.general)||void 0===B?void 0:B.verified[0])||void 0===D?void 0:D.image,alt:"DMCA Icon"})),M.default.createElement(t.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(I=null==q?void 0:q.general)||void 0===I?void 0:I.copyright)),"vi-VN"===Y&&M.default.createElement(t.Text,{className:"copyright-certificate",size:"xs",type:"regular",color:"white"},"Giấy xác nhận cung cấp dịch vụ mạng xã hội trực tuyến số 529/GP-BTTTT, HN ngày 03/12/2019")):M.default.createElement(M.default.Fragment,null,(null==q?void 0:q.menu)&&M.default.createElement("div",{className:"columns"},M.default.createElement("div",{className:"mHalf"},M.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(F=null==q?void 0:q.menu[1])||void 0===F?void 0:F.menu_title),null===(H=null===(A=null==q?void 0:q.menu[1])||void 0===A?void 0:A.items)||void 0===H?void 0:H.map((function(e){return M.default.createElement("a",{className:"link",href:e.url,key:e.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":e.title,"data-content-id":"https://".concat(m.domainLocales[Y]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(m.domainLocales[Y]).concat(e.url)},M.default.createElement(t.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(m.domainLocales[Y]).concat(e.url),size:"sm",type:"regular",style:{color:o.theme.colors.gray800}},e.title))}))),M.default.createElement("div",{className:"mHalf"},M.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(j=null==q?void 0:q.menu[2])||void 0===j?void 0:j.menu_title),null===(W=null===(P=null==q?void 0:q.menu[2])||void 0===P?void 0:P.items)||void 0===W?void 0:W.map((function(e,n){return M.default.createElement("a",{className:"link",href:e.url,key:n,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":e.title,"data-content-id":e.url,"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url},M.default.createElement(t.Text,{size:"sm",type:"regular",style:{color:o.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!K&&"mini"!==Q&&M.default.createElement("hr",{className:"hrMobile"}),M.default.createElement("div",{className:"newsletter"},M.default.createElement("div",{className:"social"},M.default.createElement(t.Text,{size:"sm",type:"regular"},null===(O=null==q?void 0:q.social)||void 0===O?void 0:O.title),M.default.createElement("div",{className:"icons"},null===(U=null===(V=null==q?void 0:q.social)||void 0===V?void 0:V.socials)||void 0===U?void 0:U.map((function(e,t){return M.default.createElement("a",{key:t,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,href:e.url},K?M.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,src:e.icon,alt:"Logo Social",width:"32",height:"32"}):M.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(e.name),"data-content-label":e.url,"data-src":e.icon,alt:"Logo Social",className:"social-icon lazy"}))}))))))))))};z.default((function(e){var t=e.type,a=n.__rest(e,["type"]);return M.default.createElement(t,a)}))(ce||(ce=n.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"],["\n  color: var(--text-color, ",");\n  font-family: Krub;\n  font-weight: 600;\n  letter-spacing: -0.2px;\n\n  &[data-type='headline-1'] {\n    font-size: 40px;\n    line-height: 60px;\n  }\n  &[data-type='headline-2'] {\n    font-size: 32px;\n    line-height: 48px;\n  }\n  &[data-type='headline-3'] {\n    font-size: 24px;\n    line-height: 40px;\n  }\n  &[data-type='headline-4'] {\n    font-size: 18px;\n    line-height: 32px;\n  }\n"])),(function(e){return e.theme.mbColors.dark}));var ce,se,ue=z.default.p(se||(se=n.__makeTemplateObject(["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"],["\n  color: var(--text-color, ",");\n  letter-spacing: -0.2px;\n\n  &[data-type='subtitle-1'] {\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 26px;\n  }\n  &[data-type='subtitle-2'] {\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n  }\n  &[data-type='subtitle-3'] {\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n  &[data-type='bodytext-1'] {\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 28px;\n  }\n  &[data-type='bodytext-2'] {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 24px;\n  }\n  &[data-type='bodytext-3'] {\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 20px;\n  }\n  &[data-type='caption-1'] {\n    font-size: 10px;\n    font-weight: 500;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n  &[data-type='caption-2'] {\n    font-size: 10px;\n    font-weight: 400;\n    letter-spacing: -0.1px;\n    line-height: 14px;\n  }\n"])),(function(e){return e.theme.mbColors.dark})),me=function(e){var t=e.type,a=e.color,l=e.style,o=n.__rest(e,["type","color","style"]);return M.default.createElement(ue,n.__assign({"data-type":t,style:n.__assign(n.__assign({},l),a&&{"--text-color":a})},o))};z.default.footer(pe||(pe=n.__makeTemplateObject(["\n  position: relative;\n  background: ",";\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    margin-bottom: 24px;\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        font-size: 19px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    p {\n      color: ",";\n    }\n\n    img {\n      max-width: 100px;\n      margin-bottom: 16px;\n\n      "," {\n        margin-bottom: 0px;\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 19px;\n    font-weight: ",";\n    text-decoration: none;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    "," {\n      margin-bottom: 8px;\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"],["\n  position: relative;\n  background: ",";\n\n  .inner {\n    padding: 64px 24px 98px 24px;\n    "," {\n      padding: 64px 0;\n    }\n    margin: 0 auto;\n    //max-width: 1168px;\n\n    &[data-type='mini'] {\n      padding: 0;\n    }\n  }\n\n  .footer-logo {\n    max-width: 132px;\n    margin-bottom: 24px;\n  }\n\n  .social {\n    margin-top: 24px;\n\n    "," {\n      margin-top: 32px;\n    }\n\n    p {\n      color: ",";\n    }\n  }\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  .newsletter {\n    > p {\n      color: ",";\n\n      font-size: 14px;\n      line-height: 22px;\n\n      "," {\n        max-width: 380px;\n        font-size: 19px;\n        line-height: 28.5px;\n      }\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: none;\n    margin: 16px 0 16px 0;\n    "," {\n      margin-top: 0px;\n    }\n    background: ",";\n    opacity: 0.1;\n    outline: none;\n  }\n\n  .hrMobile {\n    "," {\n      display: none;\n    }\n  }\n\n  .copyright {\n    padding-top: 8px;\n\n    "," {\n      display: flex;\n      flex-direction: row-reverse;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    p {\n      color: ",";\n    }\n\n    img {\n      max-width: 100px;\n      margin-bottom: 16px;\n\n      "," {\n        margin-bottom: 0px;\n      }\n    }\n\n    &[data-is-amp='true'] {\n      img {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .biglinks {\n    margin-bottom: 12px;\n  }\n\n  .bigLink {\n    display: block;\n    color: ",";\n    font-size: 19px;\n    font-weight: ",";\n    text-decoration: none;\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n\n    "," {\n      display: inline-block;\n      width: 50%;\n      font-size: 16px;\n    }\n  }\n\n  .mHalf {\n    display: inline-block;\n    width: 50%;\n    padding-right: 24px;\n    margin-bottom: 24px;\n    vertical-align: top;\n\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    "," {\n      margin-bottom: 8px;\n    }\n  }\n\n  .otherSites {\n    p {\n      margin-bottom: 12px;\n      color: ",";\n    }\n\n    .flags {\n      display: flex;\n      margin-bottom: 8px;\n\n      div {\n        margin-right: 10px;\n      }\n    }\n  }\n\n  .link {\n    display: block;\n    text-decoration: none;\n\n    p {\n      color: ",";\n      font-weight: ",";\n    }\n\n    &:not(:last-child) {\n      margin-bottom: 12px;\n    }\n  }\n\n  .columns {\n    "," {\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n\n      > div:nth-child(1) {\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        flex-basis: 40%;\n      }\n\n      > div:nth-child(2) {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        flex-basis: 60%;\n\n        > div:nth-child(1) {\n          flex-basis: 45%;\n        }\n\n        > div {\n          flex-basis: 27.5%;\n        }\n\n        > div:last-child() {\n          flex-basis: 0;\n        }\n      }\n    }\n  }\n\n  .signupButton {\n    display: none;\n    border: none;\n    margin-top: 16px;\n    outline: none;\n    text-transform: uppercase;\n  }\n"])),(function(e){return e.theme.mbColors.lightGray}),a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.colors.white}),(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbUp,a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),a.MediaQueries.mbUp,(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),a.MediaQueries.mbDown,(function(e){return e.theme.colors.neutral500}),(function(e){return e.theme.colors.white}),(function(e){return e.theme.sizes.fwBold}),a.MediaQueries.mbUp);var pe,fe,ge,he,ve,xe,ye,Ee,be=z.default.div(fe||(fe=n.__makeTemplateObject([""],[""]))),we=z.default.div(ge||(ge=n.__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  padding: 40px 40px 100px 40px;\n\n  .icons-links {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n"],["\n  position: relative;\n  overflow: hidden;\n  padding: 40px 40px 100px 40px;\n\n  .icons-links {\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n  }\n"]))),Ce=z.default.div(he||(he=n.__makeTemplateObject(["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"],["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"])),a.MediaQueries.mbDown),ke=z.default.div(ve||(ve=n.__makeTemplateObject(["\n  position: relative;\n  padding: 0 16px;\n\n  "," {\n    padding: 48px 8px 0;\n  }\n\n  & .grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin: -8px;\n\n    & > * {\n      display: inline-block;\n      flex: 0 0 25%;\n      padding: 8px;\n      color: ",";\n      text-decoration: none;\n    }\n\n    "," {\n      & > * {\n        flex: 0 0 100%;\n        text-align: center;\n      }\n    }\n  }\n\n  & .social-wrapper {\n    margin-left: auto;\n  }\n\n  & .social {\n    "," {\n      & .icons-links {\n        margin-top: 16px;\n\n        & > a:not(:first-child) {\n          margin-left: 10%;\n        }\n\n        & > a {\n          text-decoration: none;\n        }\n      }\n    }\n\n    "," {\n      width: 100%;\n      display: flex;\n      background: #fff;\n      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n      border-radius: 8px;\n      padding: 20px 16px;\n      align-items: center;\n      max-width: 400px;\n      margin: 32px auto 0px;\n\n      & > p {\n        font-size: 12px;\n        line-height: 20px;\n      }\n\n      & .icons-links {\n        margin-left: 8%;\n        flex: 1;\n        display: inline-flex;\n        justify-content: space-between;\n      }\n    }\n\n    & .icons-links {\n      & > a {\n        & > img {\n          width: 24px;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n"],["\n  position: relative;\n  padding: 0 16px;\n\n  "," {\n    padding: 48px 8px 0;\n  }\n\n  & .grid {\n    display: flex;\n    flex-wrap: wrap;\n    margin: -8px;\n\n    & > * {\n      display: inline-block;\n      flex: 0 0 25%;\n      padding: 8px;\n      color: ",";\n      text-decoration: none;\n    }\n\n    "," {\n      & > * {\n        flex: 0 0 100%;\n        text-align: center;\n      }\n    }\n  }\n\n  & .social-wrapper {\n    margin-left: auto;\n  }\n\n  & .social {\n    "," {\n      & .icons-links {\n        margin-top: 16px;\n\n        & > a:not(:first-child) {\n          margin-left: 10%;\n        }\n\n        & > a {\n          text-decoration: none;\n        }\n      }\n    }\n\n    "," {\n      width: 100%;\n      display: flex;\n      background: #fff;\n      box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);\n      border-radius: 8px;\n      padding: 20px 16px;\n      align-items: center;\n      max-width: 400px;\n      margin: 32px auto 0px;\n\n      & > p {\n        font-size: 12px;\n        line-height: 20px;\n      }\n\n      & .icons-links {\n        margin-left: 8%;\n        flex: 1;\n        display: inline-flex;\n        justify-content: space-between;\n      }\n    }\n\n    & .icons-links {\n      & > a {\n        & > img {\n          width: 24px;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n"])),a.MediaQueries.mbDown,(function(e){return e.theme.colors.gray800}),a.MediaQueries.mbDown,a.MediaQueries.mbUp,a.MediaQueries.mbDown),Se=z.default.div(xe||(xe=n.__makeTemplateObject(["\n  position: relative;\n\n  "," {\n    margin: 80px 0 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n      content: '';\n      transform: translateX(-50%);\n    }\n  }\n\n  "," {\n    background-color: #f3f3f3;\n  }\n"],["\n  position: relative;\n\n  "," {\n    margin: 80px 0 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n      content: '';\n      transform: translateX(-50%);\n    }\n  }\n\n  "," {\n    background-color: #f3f3f3;\n  }\n"])),a.MediaQueries.mbUp,a.MediaQueries.mbDown),_e=z.default.div(ye||(ye=n.__makeTemplateObject(["\n  position: relative;\n  padding: 64px 16px 154px;\n  text-align: center;\n\n  "," {\n    padding: 48px 8px 32px;\n  }\n\n  & .company-name {\n    margin-top: 24px;\n  }\n\n  .logo {\n    justify-content: center;\n  }\n\n  & .text-info {\n    margin-top: 8px;\n    > p {\n      margin-bottom: 8px;\n    }\n    "," {\n      text-align: left;\n      margin-top: 16px;\n    }\n  }\n\n  & .img-container {\n    display: flex;\n    max-width: 176px;\n    height: 24px;\n    justify-content: space-between;\n    margin: 24px auto 0;\n\n    "," {\n      height: 32px;\n      max-width: unset;\n      justify-content: space-around;\n    }\n\n    img {\n      width: unset;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n\n  & > hr {\n    border-color: ",";\n    margin: 64px 0 18px;\n    opacity: 0.1;\n  }\n\n  & .language-and-copyright {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      margin-top: 60px;\n    }\n\n    & #footer-language-select {\n      width: 100%;\n      max-width: 114px;\n\n      &[data-dropdown-open='true'] > div:after {\n        transform: translateY(-60%) rotateZ(-180deg);\n      }\n\n      "," {\n        order: 1;\n      }\n\n      & > div {\n        padding: 0;\n\n        & > div > svg {\n          max-width: 22px;\n          margin-right: 8px;\n          transform: translateY(1px);\n        }\n\n        & > span {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n        }\n      }\n\n      & > ul[data-has-icons='true'] {\n        width: 158px;\n        max-width: 158px;\n        border: none;\n        border-radius: 4px;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n        "," {\n          margin-top: 0;\n          left: unset;\n          right: 0;\n          top: unset;\n          bottom: 32px;\n        }\n\n        & li {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n\n          & > div {\n            max-width: 22px;\n            & svg {\n              width: 22px;\n              max-width: 22px;\n              transform: translateY(3px);\n            }\n          }\n        }\n      }\n    }\n\n    & > p {\n      color: ",";\n    }\n  }\n"],["\n  position: relative;\n  padding: 64px 16px 154px;\n  text-align: center;\n\n  "," {\n    padding: 48px 8px 32px;\n  }\n\n  & .company-name {\n    margin-top: 24px;\n  }\n\n  .logo {\n    justify-content: center;\n  }\n\n  & .text-info {\n    margin-top: 8px;\n    > p {\n      margin-bottom: 8px;\n    }\n    "," {\n      text-align: left;\n      margin-top: 16px;\n    }\n  }\n\n  & .img-container {\n    display: flex;\n    max-width: 176px;\n    height: 24px;\n    justify-content: space-between;\n    margin: 24px auto 0;\n\n    "," {\n      height: 32px;\n      max-width: unset;\n      justify-content: space-around;\n    }\n\n    img {\n      width: unset;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n\n  & > hr {\n    border-color: ",";\n    margin: 64px 0 18px;\n    opacity: 0.1;\n  }\n\n  & .language-and-copyright {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      margin-top: 60px;\n    }\n\n    & #footer-language-select {\n      width: 100%;\n      max-width: 114px;\n\n      &[data-dropdown-open='true'] > div:after {\n        transform: translateY(-60%) rotateZ(-180deg);\n      }\n\n      "," {\n        order: 1;\n      }\n\n      & > div {\n        padding: 0;\n\n        & > div > svg {\n          max-width: 22px;\n          margin-right: 8px;\n          transform: translateY(1px);\n        }\n\n        & > span {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n        }\n      }\n\n      & > ul[data-has-icons='true'] {\n        width: 158px;\n        max-width: 158px;\n        border: none;\n        border-radius: 4px;\n        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);\n\n        "," {\n          margin-top: 0;\n          left: unset;\n          right: 0;\n          top: unset;\n          bottom: 32px;\n        }\n\n        & li {\n          font-size: 12px;\n          letter-spacing: -0.2px;\n          line-height: 24px;\n\n          & > div {\n            max-width: 22px;\n            & svg {\n              width: 22px;\n              max-width: 22px;\n              transform: translateY(3px);\n            }\n          }\n        }\n      }\n    }\n\n    & > p {\n      color: ",";\n    }\n  }\n"])),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray}),a.MediaQueries.mbDown,a.MediaQueries.mbDown,a.MediaQueries.mbDown,(function(e){return e.theme.mbColors.midGray})),Le=z.default.div(Ee||(Ee=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: -50%;\n  width: 400px;\n  height: 400px;\n  background-color: #f2fcf7;\n  border-radius: 50%;\n"],["\n  position: absolute;\n  top: 0;\n  right: -50%;\n  width: 400px;\n  height: 400px;\n  background-color: #f2fcf7;\n  border-radius: 50%;\n"]))),Ne={SOCIAL_LINKS:{facebookLink:"https://www.facebook.com/marry.baby.vn",instagramLink:"https://www.instagram.com/marrybaby.vn",zaloLink:"http://zalo.me/806483414530291942",youtubeLink:"https://www.youtube.com/user/marrybabyvn"}},Me=function(e){var n,a=e.socialLinks,l=void 0===a?Ne.SOCIAL_LINKS:a,i=l.facebookLink,r=l.instagramLink,d=l.zaloLink,c=l.youtubeLink,s=e.copyrightText,u=e.logoType,m=void 0===u?"marryBaby":u,p=e.isMobile,f=e.footerMenu,g=void 0===f?[]:f,v=e.type,x=void 0===v?"main":v,y=h.useTranslations().t;return"main"===x?M.default.createElement(be,{className:"footer-container"},!p&&M.default.createElement("div",{className:"footer-divider"},M.default.createElement(t.Container,{type:"marryBaby"},M.default.createElement(L.Divider,{style:{padding:"0 16px"},type:"solid"}))),M.default.createElement(Ce,null,M.default.createElement(t.Container,{type:"marryBaby"},M.default.createElement(ke,null,M.default.createElement("div",{className:"grid"},null===(n=p?null==g?void 0:g.slice(0,6):g)||void 0===n?void 0:n.map((function(e,t){var n=e.title,a=e.link;return M.default.createElement("a",{"data-event-category":"Footer","data-event-action":n,"data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(t)},M.default.createElement(me,{color:o.theme.colors.gray800,type:"subtitle-2"},n))})),M.default.createElement("div",{className:"social-wrapper"},M.default.createElement("div",{className:"social"},M.default.createElement(me,{type:"subtitle-2"},y("footer.followUsText")),M.default.createElement("div",{className:"icons-links"},i&&M.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":i,href:i},M.default.createElement("img",{src:_.img,alt:"Facebook"})),c&&M.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},M.default.createElement("img",{src:_.img$1,alt:"Youtube"})),r&&M.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":r,href:r},M.default.createElement("img",{src:_.img$2,alt:"Instagram"})),d&&M.default.createElement("a",{target:"_blank",rel:"noreferrer",href:d,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":d},M.default.createElement("img",{src:_.img$3,alt:"Zalo"}))))))))),M.default.createElement(Se,null,M.default.createElement(t.Container,{type:"marryBaby"},M.default.createElement(_e,null,M.default.createElement(t.Logo,{className:"logo",type:m,width:"121px"}),M.default.createElement(me,{className:"company-name",type:"subtitle-2"},y("footer.info.companyName")),M.default.createElement("div",{className:"text-info"},M.default.createElement(me,{type:"bodytext-3"},y("footer.info.address")),M.default.createElement(me,{type:"bodytext-3"},y("footer.info.license")),M.default.createElement(me,{type:"bodytext-3"},y("footer.info.email"))),M.default.createElement("div",{className:"img-container"},M.default.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),M.default.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},M.default.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!p&&M.default.createElement(L.Divider,{type:"solid"}),M.default.createElement("div",{className:"language-and-copyright"},M.default.createElement(me,{type:"bodytext-3"},s)))))):M.default.createElement(we,null,M.default.createElement(Le,null),M.default.createElement(me,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:o.theme.sizes.fwSemiBold},color:o.theme.mbColors.midGray},y("footer.followUsText")),M.default.createElement("div",{className:"icons-links"},i&&M.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":i,href:i},M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M21 5.75V18.25C21 19.765 19.765 21 18.25 21H15.5V14H17.31C17.565 14 17.78 13.81 17.81 13.56L17.995 12.06C18.015 11.92 17.97 11.775 17.875 11.67C17.78 11.56 17.645 11.5 17.5 11.5H15.5V9.75C15.5 9.2 15.95 8.75 16.5 8.75H17.5C17.775 8.75 18 8.525 18 8.25V6.56C18 6.305 17.8 6.09 17.545 6.065C17.515 6.06 16.81 6 15.915 6C13.715 6 12.5 7.31 12.5 9.685V11.5H10.5C10.225 11.5 10 11.725 10 12V13.5C10 13.775 10.225 14 10.5 14H12.5V21H5.75C4.235 21 3 19.765 3 18.25V5.75C3 4.235 4.235 3 5.75 3H18.25C19.765 3 21 4.235 21 5.75Z",fill:"url(#paint0_linear)"}),M.default.createElement("defs",null,M.default.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},M.default.createElement("stop",{stopColor:"#4DABF7"}),M.default.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),c&&M.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),r&&M.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":r,href:r},M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M8.25 2.5C5.08319 2.5 2.5 5.08319 2.5 8.25V15.75C2.5 18.9164 5.0831 21.5 8.25 21.5H15.75C18.9165 21.5 21.5 18.9165 21.5 15.75V8.25C21.5 5.0831 18.9164 2.5 15.75 2.5H8.25ZM8.25 4H15.75C18.1056 4 20 5.8939 20 8.25V15.75C20 18.1055 18.1055 20 15.75 20H8.25C5.8939 20 4 18.1056 4 15.75V8.25C4 5.89381 5.89381 4 8.25 4ZM17 6C16.4475 6 16 6.4475 16 7C16 7.5525 16.4475 8 17 8C17.5525 8 18 7.5525 18 7C18 6.4475 17.5525 6 17 6ZM12 7C9.24759 7 7 9.24759 7 12C7 14.7524 9.24759 17 12 17C14.7524 17 17 14.7524 17 12C17 9.24759 14.7524 7 12 7ZM12 8.5C13.9416 8.5 15.5 10.0584 15.5 12C15.5 13.9416 13.9416 15.5 12 15.5C10.0584 15.5 8.5 13.9416 8.5 12C8.5 10.0584 10.0584 8.5 12 8.5Z",fill:"url(#paint0_radial)"}),M.default.createElement("defs",null,M.default.createElement("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(0.499995 26) rotate(-47.9508) scale(34.3402 30.014)"},M.default.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),M.default.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),M.default.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),M.default.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),M.default.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),M.default.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),M.default.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),M.default.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),M.default.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),M.default.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),M.default.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),d&&M.default.createElement("a",{target:"_blank",rel:"noreferrer",href:d,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":d},M.default.createElement("div",{style:{height:24,width:24}},M.default.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))};exports.Alert=function(e){var n=e.style,a=e.onClose,l=e.text,o=e.type,i=e.contentIcon,r=e.closeIcon,d=e.className,c=e.description;return M.default.createElement(t.StyledAlert,{style:n,"data-alert-type":o,className:d},M.default.createElement(t.StyledContent,null,M.default.createElement("div",{className:"icon-title"},i,M.default.createElement(t.Text,{type:"bold",size:"label1"},l)),M.default.createElement(t.Text,{type:"regular",size:"p3"},c)),M.default.createElement(t.StyledClose,{onClick:a},r))},exports.AmpNextPage=function(e){var t=e.ampNextArticles,a=(null==t?void 0:t.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return M.default.createElement("amp-next-page",null,M.default.createElement("script",{type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(a.map((function(e){return{image:e.image||"",title:e.title?JSON.stringify(e.title):"",url:e.link||""}})))}}),M.default.createElement("div",n.__assign({},{separator:""},{className:"amp-page-seperator",style:{color:"#8C8C8C",textTransform:"uppercase",fontSize:11,fontWeight:700,marginLeft:16}}),"Next article:"))},exports.ArticleCard=function(e){var n=e.articleLink,a=e.authorLink,l=e.authorName,o=e.avatarImg,d=e.banner,c=e.categoryLink,s=e.categoryName,u=e.className,m=e.dataEventActionForBanner,p=e.dataEventActionForBookmark,f=e.dataEventActionForCategory,g=e.dataEventActionForTitle,h=e.dataEventCategoryForBanner,v=e.dataEventCategoryForBookmark,x=e.dataEventCategoryForCategory,y=e.dataEventCategoryForTitle,E=e.dataEventLabelForBanner,b=e.dataEventLabelForBookmark,w=e.dataEventLabelForCategory,C=e.dataEventLabelForTitle,k=e.direction,S=void 0===k?"horizontal":k,_=e.hasAffiliate,L=e.isBookmark,N=void 0!==L&&L,z=e.isBookmarkDisplayed,T=void 0===z||z,B=e.isMobile,D=void 0===B||B,I=e.onBookmark,F=e.onClickCategoryName,A=e.section,H=void 0===A?"normal":A,j=e.size,P=void 0===j?"md":j,V=e.specialty,U=e.style,Z=e.styleBanner,G=e.styleLabel,Q=e.styleTitle,q=e.text,R=e.title,Y=e.type,K=void 0===Y?"author":Y,X=e.uploadTime,J=e.articleLinkTarget,$=function(e){e.stopPropagation(),I&&I()},ee="lg"===P&&"expert"===K?"h4":"lg"===P&&"home"===H?D?"h4":"h3":"lg"===P?"h4":"h5",te="lg"===P?"p3":"p4",ne=D||"home"!==H||"lg"!==P||"author"!==K?"c2":"c1";return M.default.createElement(r.StyledCard,{className:u,"data-size":P,style:U,"data-direction":S,"data-is-expert":"expert"===K||void 0},M.default.createElement("div",{className:"banner",style:Z},M.default.createElement(r.StyledAnchor,{"data-event-category":h,"data-event-action":m,"data-event-label":E,href:n||"#",target:J},d),_&&M.default.createElement("div",{className:"shoppable"},M.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),M.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"})))),M.default.createElement("div",{className:"content"},M.default.createElement("div",{className:"inner-content"},M.default.createElement(t.Text,{style:G,className:"label",size:ne,type:"caption"},M.default.createElement(r.StyledAnchor,{"data-event-category":x,"data-event-action":f,"data-event-label":w,href:c||"#",onClick:F},s),T&&M.default.createElement("a",{className:"bookmark",onClick:$},N?M.default.createElement("svg",{"data-event-category":v,"data-event-action":p,"data-event-label":b,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})):M.default.createElement("svg",{"data-event-category":v,"data-event-action":p,"data-event-label":b,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),M.default.createElement(i.Heading,{tag:ee,style:Q,className:"title",as:"lg"===P?"h2":"h3"},M.default.createElement(r.StyledAnchor,{"data-event-category":y,"data-event-action":g,"data-event-label":C,href:n||"#",target:J},R)),q&&M.default.createElement("a",{href:n||"#",target:J},M.default.createElement(t.Text,{size:te,className:"text"},q))),M.default.createElement("div",{className:"footer"},"author"===K?M.default.createElement(W,{size:P,avatarImg:o,authorName:l,authorLink:a,uploadTime:X,handleClick:$,isBookmarked:N,dataEventCategoryForBookmark:v,dataEventActionForBookmark:p,dataEventLabelForBookmark:b}):M.default.createElement(O,{size:P,isMobile:D,avatarImg:o,specialty:V,name:l,link:a,handleClick:$,isBookmarked:N,dataEventCategoryForBookmark:v,dataEventActionForBookmark:p,dataEventLabelForBookmark:b}))))},exports.Badge=function(e){var n=e.amount,a=e.type,l=e.size,o=void 0===l?"medium":l,i=e.color,r=void 0===i?"primary":i,d=e.icon,c=e.className;return M.default.createElement(t.StyledBadge,{"data-notification-type":a,"data-notification-size":o,"data-notification-color":r,"data-has-icon":!!d||void 0,notificationType:a,notificationSize:o,notificationColor:r,hasIcon:!!d,className:c},M.default.createElement("div",null,n&&M.default.createElement("span",null,n)," ",d&&M.default.createElement("div",null,d)))},exports.BorderHeading=function(e){var a=e.style,l=e.children,o=e.className,i=e.size,r=void 0===i?"lg":i,d=e.type,c=void 0===d?"bold":d,s=e.upperCase,u=e.as,m=void 0===u?"h4":u,p=e.color;return M.default.createElement(t.StyledBorderHeading,{style:n.__assign({color:p},a),className:o,"data-size":r,"data-type":c,"data-uppercase":s,as:m},l)},exports.Breadcrumbs=function(t){var a=t.className,l=t.pages,o=t.size,i=t.LinkComponent,c=void 0===i?"a":i,s=t.onChangePage,u=t.separator,m=e.useMemo((function(){return l.map((function(e,t){return l.length>4?t>1&&t<l.length-2?null:1===t?n.__assign(n.__assign({},e),{isDropdown:1===t,dropdownItems:l.slice(1,l.length-2)}):e:e})).filter(Boolean)}),[l]),p=d.useId(m.length);return M.default.createElement(r.StyledBreadcrumb,{"data-size":o,className:a},m.map((function(t,n){var a=n+1===m.length;return M.default.createElement(e.Fragment,{key:p[n]},M.default.createElement(V,{LinkComponent:c,page:t,isLast:a,onChangePage:s}),!a&&(u||M.default.createElement(r.StyledSeparator,{"data-size":o})))})))},exports.Carousel=function(t){for(var a=t.row,l=t.column,o=t.children,i=t.scheme,d=void 0===i?"hellosites":i,c=t.classNameLeftArrow,s=void 0===c?"":c,m=t.classNameRightArrow,p=void 0===m?"":m,f=t.mode,g=void 0===f?"snap":f,h=t.isDotsShown,v=void 0===h||h,x=t.isArrowShown,y=void 0!==x&&x,E=t.dataEventCategory,b=t.dataEventAction,w=t.dataEventLabel,C=t.onChangePage,k=M.default.useState(0),S=k[0],_=k[1],L=e.useState(!1),N=L[0],z=L[1],T=u.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){_(e.track.details.rel),C&&C(e.track.details.rel)},created:function(){z(!0)},drag:!0,mode:g,slides:{spacing:12}}),B=T[0],D=T[1],I=[],F=a*l,A=0;A<o.length;A+=F){var H=o.slice(A,A+F);I.push(H)}return M.default.createElement(r.StyledCarousel,{row:a,column:l},M.default.createElement("div",{className:"navigation-wrapper"},M.default.createElement("div",{ref:B,className:"keen-slider slides-wrapper"},I.map((function(e,t){return M.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},e.map((function(e,t){return M.default.createElement("div",{key:t},e)})))}))),N&&D.current&&y&&M.default.createElement(M.default.Fragment,null,M.default.createElement(Z,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=D.current)||void 0===t?void 0:t.prev())},isDisabled:0===S,scheme:d,className:"left-arrow ".concat(s),"data-event-category":E,"data-event-action":b,"data-event-label":w}),M.default.createElement(Z,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=D.current)||void 0===t?void 0:t.next())},isDisabled:S===D.current.track.details.slides.length-1,scheme:d,className:"right-arrow ".concat(p),"data-event-category":E,"data-event-action":b,"data-event-label":w}))),N&&D.current&&v&&M.default.createElement("div",{className:"dots"},n.__spreadArray([],Array(D.current.track.details.slides.length),!0).map((function(e,t){return M.default.createElement(r.StyledDot,{key:t,onClick:function(){var e;null===(e=D.current)||void 0===e||e.moveToIdx(t)},"data-is-active":S===t,"data-is-hellosites":"hellosites"===d})}))))},exports.Checkbox=A,exports.CheckboxGroup=function(e){var t=e.name,n=e.values,a=void 0===n?[]:n,l=e.onChanges,o=e.options,i=void 0===o?[]:o,d=e.className,c=e.type,s=void 0===c?"vertical":c,u=e.isDisabled,m=e.isRectangle,p=function(e,t){var n=a.slice();if(t)n.push(e);else{var o=n.findIndex((function(t){return t===e}));n.splice(o,1)}l&&l(n)};return M.default.createElement(r.StyledCheckboxGroup,{className:d,"data-type":s,"data-is-rectangle":m||void 0},i.map((function(e,n){return M.default.createElement(A,{label:e.label,name:t,key:"".concat(n,"-").concat(e.value),checked:a.includes(e.value),value:e.value,isDisabled:u||e.disabled,onChange:!u&&p,isRectangle:m})})))},exports.CookieAcceptConfirm=function(e){var t=e.className,n=e.policiesUrl,a=e.onAcceptClick,l=e.translations,o=void 0===l?{acceptButton:"Accept",policiesButton:"Our Policies"}:l,i=e.title,d=void 0===i?"":i,c=e.description,s=void 0===c?"":c,u=e.theme,m=void 0===u?"helloSites":u,p=e.isOpen,f=void 0===p||p,g=e.useDefaultPosition,h=void 0===g||g,v=e.trackingAttributes;return M.default.createElement(r.StyledAcceptCardContainer,{className:t,"data-theme":m,"data-is-open":f,"data-default-position":h},M.default.createElement(r.StyledTitleSection,{"data-has-content":!!d},d),M.default.createElement(r.StyledDescription,{dangerouslySetInnerHTML:{__html:s}}),M.default.createElement(r.StyledButtonGroup,null,M.default.createElement(r.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"data-event-category":null==v?void 0:v.dataEventCategory,"data-event-action":null==v?void 0:v.dataEventAction,"data-event-label":null==v?void 0:v.dataEventLabel},o.acceptButton),M.default.createElement(r.StyledPoliciesButton,{href:n},o.policiesButton)))},exports.DateRangePicker=function(n){var a=n.inputSize,l=void 0===a?"md":a,o=n.name,i=void 0===o?"date-range-picker":o,d=n.value,c=n.minDate,s=n.maxDate,u=n.onChange,m=n.className,f=n.autoClose,g=void 0!==f&&f;d||(d={from:null,to:null});var h=e.useState(!1),v=h[0],x=h[1];function E(){x(!1)}var b=e.useRef(null);function w(e){u&&u(e)}function C(e){return p.format(e,"dd/MM/yyyy")}y.useOutsideClick(b,(function(){E()}));var k=e.useMemo((function(){return d.from&&d.to?p.isSameDay(d.from,d.to)?C(d.from):"".concat(C(d.from)," - ").concat(C(d.to)):""}),[d.from,d.to]);return M.default.createElement(r.StyledWrapper$1,{className:[m,v&&"focused"].filter(Boolean).join(" "),ref:b},M.default.createElement("label",{htmlFor:i},M.default.createElement(t.PureInput,{size:l,value:k,name:i,actionIcon:M.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),onFocus:function(){return x(!0)}})),v?M.default.createElement(r.StyledCalendarWrapper$1,{onMouseDown:function(e){e.stopPropagation()}},M.default.createElement($,{value:d,onChange:w,minDate:c,maxDate:s,close:E,autoClose:g})):null)},exports.DueDateCardEmbed=function(a){var l,i=a.isMobile,d=a.locale,s=a.onSubmitDueDate,u=h.useTranslations().t,m=e.useState({}),p=m[0],f=m[1],g=e.useState(""),x=g[0],y=g[1];return e.useEffect((function(){n.__awaiter(void 0,void 0,void 0,(function(){var e,t;return n.__generator(this,(function(n){switch(n.label){case 0:return[4,v.callApi(v.getDiscoverApiPath(v.PATHS.GET_DUE_DATE_INFO),"GET")];case 1:return e=n.sent(),f(null==e?void 0:e.data),y(c.formatUserProfileUrl(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.reviewd_by)||""),[2]}}))}))}),[]),M.default.createElement(r.StyledContainer$1,null,M.default.createElement(Q,{isEmbed:!0,bannerUrl:q,icon:M.default.createElement("img",{alt:"health-tool-icon",src:"https://hellobacsi.com/images/due-date-icon.svg",style:{objectFit:"contain"}}),style:{padding:0},heading:u("healthTools.dueDateCalculator"),medicalReview:(null===(l=null==p?void 0:p.reviewed_by)||void 0===l?void 0:l.display_name)?M.default.createElement(t.Text,{size:"n1",color:o.theme.colors.white},M.default.createElement("span",{dangerouslySetInnerHTML:{__html:u("toolPage.toolReviewer",{expert_name:'<a\n                          style="color: white"\n                          href="'.concat(x,'"\n                        >\n                          ').concat(null==p?void 0:p.reviewed_by.display_name,"\n                        </a>"),date:null==p?void 0:p.reviewed_date})}}),M.default.createElement("span",null)):void 0,isMobile:i}),M.default.createElement(t.Container,null,M.default.createElement(r.StyledContent,{className:"due-date-cal"},M.default.createElement(r.DueDateCalculator,{locale:d,onSubmitDueDate:s}))))},exports.FileDropdown=function(n){var a=n.className,l=n.value,o=n.options,i=n.onUploadSelected,r=n.id,d=n.placeholderIcon,c=n.placeholder,s=n.style,u=e.useState(!1),m=u[0],p=u[1],f=function(){return p(!m)},g=e.useRef(o.map((function(e){return"upload"===e.type&&M.default.createElement("input",{id:"uploader-dropdown-input-"+r+"-"+e.value,key:"uploader-dropdown-input-"+r+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),i(e.target.files)}})}))),h=M.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12.17 14.83"},M.default.createElement("defs",null,M.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},M.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),M.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),M.default.createElement("title",null,"File"),M.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},M.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),M.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),v=M.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},M.default.createElement("defs",null,M.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),M.default.createElement("title",null,"download"),M.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),x=M.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},M.default.createElement("defs",null,M.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),M.default.createElement("title",null,"upload"),M.default.createElement("path",{className:"prefix__cls-1",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"}));return M.default.createElement(t.StyledDropdown,{className:a,"data-dropdown-open":!!m,id:r,"data-has-icons":!0,style:s,onBlur:function(){return p(!1)},tabIndex:0},M.default.createElement(t.StyledDropdownName,{onClick:f},d||h," ",M.default.createElement("span",null,l&&l.value?l.label:c)),m&&M.default.createElement(t.StyledDropdownList,{onClick:f,"data-has-icons":!0},o.map((function(e){return M.default.createElement(t.StyledDropdownOption,{key:"".concat(r,"-").concat(e.value),"data-selected":l&&l.value===e.value||void 0,onClick:function(){return"upload"===e.type?function(e){var t;null===(t=document.querySelector(e))||void 0===t||t.click()}("#uploader-dropdown-input-"+r+"-"+e.value):void((t=e.url)&&window.open(t,"_blank"));var t}},M.default.createElement(t.StyledIcon,null,e.icon||"download"===e.type?v:x),e.label)}))),M.default.createElement(M.default.Fragment,null,g.current))},exports.FloatButtonGroup=function(t){var a=t.items,l=t.className,o=t.style,i=t.backgroundPanelStyle,d=t.isOpen,c=t.onOpen,s=t.onClose,u=t.disableBackdropClick,m=t.siteType,p=void 0===m?"hb":m,f=t.animationType,g=void 0===f?"zoom":f,h=t.zIndex,v=void 0===h?300:h,x=e.useState(!!d),y=x[0],E=x[1];e.useEffect((function(){E(!!d)}),[d]);var b=function(){E(!1),s&&s()};return M.default.createElement(r.StyledFloatButtonGroup,{style:o,className:l,"data-floatmenu-open":y,"data-site-type":p,"data-animation-type":g},M.default.createElement(r.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:n.__assign({zIndex:v},i),onClick:u?void 0:b}),M.default.createElement(r.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:v}},M.default.createElement(r.StyledFloatButtonGroupItemsWrapper,null,a.map((function(e,t){return M.default.createElement(r.StyledFloatButtonGroupButton,{className:"float-item-button-".concat(t),style:n.__assign(n.__assign({},"zoom"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")}),"slide"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?t:a.length-1-t),"ms")}),key:t,onClick:function(){e.onClick(),e.keepMenuOnClick||E(!1)}},M.default.createElement(r.StyledFloatButtonGroupButtonLabel,{style:n.__assign({},"zoom"===g&&{transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")})},e.label),M.default.createElement(r.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:n.__assign({},("zoom"===g||"slide"===g)&&{transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")})},e.icon))}))),M.default.createElement(r.StyledFloatButtonGroupToggleIcon,{onClick:y?b:function(){E(!0),c&&c()}})))},exports.Footer=function(t){var n=t.type,l=t.isMobile,o=void 0===l||l,i=t.locale,r=t.footerInfo,d=t.isAmp,c=t.siteType;return e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[]),"helloSites"===c?M.default.createElement(de,{isAmp:d,isMobile:o,type:n,locale:i,footerInfo:r||{}}):M.default.createElement(Me,{isMobile:o,locale:i,footerMenu:r||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:t.marryBabySocialLinks,type:n})},exports.Grid=function(e){var n=e.className,a=e.columns,l=e.columnsDesktop,o=e.gridTemplateColumns,i=e.gridTemplateColumnsDesktop,r=e.gap,d=e.children,c=e.justifyChildren,s=e.style,u=e.alignItems;return M.default.createElement(t.StyledGrid,{className:n,style:s,theme:{columns:a,columnsDesktop:l,gap:r,justifyChildren:c,gridTemplateColumns:o,gridTemplateColumnsDesktop:i,alignItems:u}},d)},exports.IconText=function(e){var t=e.size,n=e.iconPosition,a=e.className,l=e.children,o=e.icon;return M.default.createElement(r.StyledIconText,{className:a,"data-size":t,"data-icon-position":n},"left"===n&&o,l,"right"===n&&o)},exports.OvulationCardEmbed=function(e){var t=e.onSubmitOvulation,n=e.locale,a=e.ovulationPageInfo,l=h.useTranslations().t,o=c.formatOvulationInfo(a||null);return M.default.createElement(r.StyledContainer$1,null,M.default.createElement(Y,{backgroundDesktopSrc:q,backgroundMobileSrc:q,title:l("healthTools.ovulationCalculator"),iconSrc:"https://hellobacsi.com/images/ovulation-icon.svg",reviewedBy:o.reviewedBy,reviewedDate:o.reviewedDate,isEmbed:!0}),M.default.createElement(x.Container,null,M.default.createElement(r.StyledContent,{className:"due-date-cal"},M.default.createElement(r.OvulationCalculator,{locale:n,onSubmitOvulation:t}))))},exports.Pagination=function(l){var o=l.className,i=l.pagesAmount,r=l.currentPage,d=l.onChange,c=l.onClick,s=l.style,u=l.href,m=l.queryPageName,p=void 0===m?"page":m,f=n.__spreadArray([],Array(i),!0).map((function(e,t){return t+1})),g=e.useState(r),h=g[0],v=g[1],x=e.useMemo((function(){return u&&u.endsWith("&page=")?u.replace("&page=",""):u}),[u]),y=i-1,E=function(e){e<=i&&e>0&&(v(e),d(e))},b=function(e){c&&c(e)};return e.useEffect((function(){v(r)}),[r]),M.default.createElement(t.StyledPagination,{className:o,style:s},M.default.createElement(t.StyledPageBlock,{className:"prev-page",onClick:function(){return E(h-1)},"data-last-page":1===h||void 0},x?M.default.createElement("a",{href:a.formatUrlWithPageParam(x,h,p),onClick:b},M.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):M.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),f.length>8?M.default.createElement(F,{pagesAmount:i,activePage:h,handlePageChange:E,handleClick:b,href:x,queryPageName:p}):f.map((function(e){return M.default.createElement(t.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===h||void 0,onClick:function(){return E(e)}},x?M.default.createElement("a",{href:a.formatUrlWithPageParam(x,e,p),onClick:b},e):e)})),M.default.createElement(t.StyledPageBlock,{className:"next-page",onClick:function(){return E(h+1)},"data-last-page":h===y+1||void 0},x?M.default.createElement("a",{href:a.formatUrlWithPageParam(x,h,p),onClick:b},M.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):M.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.Progress=function(e){var a=e.percent,l=e.style;return M.default.createElement(t.StyledProgress,{style:n.__assign({"--progress":a},l)})},exports.ProgressBar=function(t){var a=t.type,l=t.numberOfStep,o=t.activeStep,i=t.labelPrefix,c=t.detailSteps,u=t.className,m=t.onChange,p=e.useState(0),f=p[0],g=p[1],h=function(e){var t=e.trackClassName,a=n.__rest(e,["trackClassName"]);return M.default.createElement(r.StyledTrackContainer,n.__assign({},a,{className:t}),M.default.createElement(r.StyledTrack,null))},v=M.default.createElement(r.StyledSlider,{className:u+" progress-bar"},M.default.createElement(h,null),M.default.createElement((function(e){var t=e.trackLength,n=e.activeStep,a=e.labelPrefix,o=void 0===a?"Step":a,i=e.onChange;return M.default.createElement(M.default.Fragment,null,Array.from({length:l},(function(e,t){return t})).map((function(e,a){return M.default.createElement(r.StyledStep,{"data-is-active":a===n,"data-label":a,style:{left:a*t/(l-1)},onClick:function(){i&&i(a)},key:a},a+1,M.default.createElement(r.StyledStepLabel,{"data-step-passed":a<=n},o+" "+(a+1)))})))}),{trackLength:f,activeStep:o,labelPrefix:i,onChange:m})),x=M.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},M.default.createElement("title",null,"chevron-right"),M.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),y=M.default.createElement(r.StyledBreadcrumbContainer,null,c&&Array.from({length:c.length},(function(e,t){return t})).map((function(e,t){var n;return M.default.createElement(r.StyledBreadcrumbWrapper,{key:t,"data-selected":t===o,onClick:function(){m&&m(t)}},null===(n=c[t])||void 0===n?void 0:n.text," ",t<c.length-1&&x)}))),E=M.default.createElement(r.StyledSlider,{className:u+" progress-bar"},M.default.createElement((function(e){var t=e.detailSteps,n=e.activeStep,a=e.onChange,l=d.useId(t.length);return M.default.createElement(M.default.Fragment,null,Array.from({length:t.length},(function(e,t){return t})).map((function(e,o){return M.default.createElement(r.StyledDetailStep,{key:l[o],style:{left:100/t.length*o+"%",width:100/t.length+"%"},onClick:function(){a&&a(o)}},t[o].icon?M.default.createElement(r.StyledDetailStepIndicatorExternal,{onClick:function(){a&&a(o)}},t[o].icon):M.default.createElement(r.StyledDetailStepIndicator,{"data-is-active":o===n,"data-label":e,onClick:function(){a&&a(o)},key:o},o+1),M.default.createElement(r.StyledDetailStepLabel,{"data-step-passed":o<n+1},t[o].text,M.default.createElement(r.StyledDetailStepDescription,null,t[o].description)),o<t.length-1&&M.default.createElement(h,{"data-step-passed":o<n,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:o,detailSteps:c,onChange:m})),b=e.useCallback(s.throttle((function(){var e=document.querySelector(".progress-bar");e&&g(e.offsetWidth)}),1e3),[]);return e.useEffect((function(){var e=document.querySelector(".progress-bar");return g(null==e?void 0:e.offsetWidth),window.addEventListener("resize",b),function(){window.removeEventListener("resize",b)}}),[]),"step-track"===a&&v||"breadcrumb"===a&&y||"detail-track"===a&&E},exports.RateStars=function(a){var l=a.gap,o=void 0===l?2:l,i=a.size,r=void 0===i?24:i,d=a.star,c=a.totalStars,s=void 0===c?5:c,u=a.onSelect,m=a.hideEmptyStars,p=a.style,f=a.className,g=Math.floor(d),h=d-g>=.5?1:0,v=e.useState(null),x=v[0],y=v[1],E=x||g,b=x?0:h;return M.default.createElement(t.StyledRateStars,{"data-selectable":!!u,style:n.__assign({"--gap":o,"--star-size":r},p),className:f},Array.from({length:m?g+h:s}).map((function(e,t){var n=function(){return!!u&&y(t+1)},a=function(){return!!u&&y(null)};return t+1<=E?M.default.createElement(j,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a}):t+1===E+b?M.default.createElement(P,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a}):M.default.createElement(H,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a})})))},exports.SeoHead=function(e){var t,a,l,o,i,r,d,c,s,u,p,f,h,v,x,y,E,b,w,C=e.SEOData,k=void 0===C?{}:C,S=e.isAmp,_=void 0!==S&&S,L=e.locale,N=void 0===L?"vi-VN":L,z=e.routerPathname,T=e.routerQuery,B=e.nextHead,D=e.siteType,I=e.seoCustom,F=e.userId,A=e.forcedCanonicalUrl,H=k.totalPages,j=k.currentPage,P=k.SEOTitle,W=void 0===P?"":P,O=k.SEODescription,V=void 0===O?"":O,U=k.SEOImage,Z=k.seoType,G=k.SEOImageWidth,Q=k.SEOImageHeight,q=k.customMetaData,R=void 0===q?[]:q,Y=k.isIndexable,K=void 0===Y||Y,X=k.hasNoCanonical,J=void 0!==X&&X,$=K&&m.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",ee=process.env.NEXT_PUBLIC_BASE_API_URL,te=k.canonicalUrl||z;Object.keys(T).forEach((function(e){var t=T[e];t&&Array.isArray(t)&&(te=te.replace("[...".concat(e,"]"),t.join("/")))}));var ne,ae=N||"en-PH",le="helloSites"===D?m.domainLocales[ae]:"www.marrybaby.vn",oe=te.endsWith("/")?"":"/";if(k.apiMetaData&&"string"==typeof k.apiMetaData){var ie=null===(t=k.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),re=" - Page ".concat(j," of ").concat(H),de=j&&1!==j&&ie?k.apiMetaData.replace(ie[0],ie[0].includes("-")?ie[0].replace("-",re+" - "):"<title>".concat(ie[1].concat(re),"</title>")).replace('<link rel="canonical" href="https://'.concat(le).concat(te).concat(oe,'" />'),'<link rel="canonical" href="https://'.concat(le).concat(te).concat(oe,"?page=").concat(j,'" />')):k.apiMetaData,ce=(ne=g.htmlReactParser(de,{trim:!0})).find((function(e){var t,n;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(n=e.props)||void 0===n?void 0:n.property)}));if(!ce){var se="https://".concat(le,"/images/").concat(N,".png");ne=n.__spreadArray(n.__spreadArray([],ne,!0),[M.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=k.openGraph)||void 0===a?void 0:a.image)||se||""}),M.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(l=k.openGraph)||void 0===l?void 0:l.image)||se}),M.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=k.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(i=k.openGraph)||void 0===i?void 0:i.imageWidth)||"1200"}),M.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(r=k.openGraph)||void 0===r?void 0:r.imageHeight)&&String(null===(d=k.openGraph)||void 0===d?void 0:d.imageHeight)||"630"})],!1)}}var ue="https://".concat(le,"/images/").concat(N,".png");return M.default.createElement(B,null,M.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===D&&M.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===N?M.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===N||"ms-MY"===N?M.default.createElement(M.default.Fragment,null):M.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap",rel:"preload",as:"style"}),M.default.createElement("link",{rel:"preconnect",href:ee}),M.default.createElement("meta",{charSet:"UTF-8"}),!_&&M.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),M.default.createElement("meta",{name:"google",content:"notranslate"}),M.default.createElement("meta",{name:"robots",content:$}),M.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),R.map((function(e,t){return M.default.createElement("meta",n.__assign({key:t},e))})),M.default.createElement("meta",{name:"theme-color",content:"helloSites"===D?"#2c87f3":"#e85388"}),M.default.createElement("meta",{name:"page_type",content:"Home"}),M.default.createElement("meta",{name:"page_platform",content:"WEB"}),M.default.createElement("meta",{name:"page_language",content:ae}),M.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),_&&M.default.createElement(M.default.Fragment,null,M.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),M.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),M.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),M.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),M.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),M.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),M.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ne&&M.default.createElement(M.default.Fragment,null,"helloSites"===D?M.default.createElement("title",null,I?W:W+" - "+(null===(c=m.LOCALE_SPECS[N])||void 0===c?void 0:c.SITE_NAME)):M.default.createElement("title",null,W),!J&&M.default.createElement("link",{rel:"canonical",href:"https://".concat(le).concat(te)}),M.default.createElement("meta",{name:"description",content:V||(null===(s=k.openGraph)||void 0===s?void 0:s.description)}),k.schemaData&&M.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:k.schemaData}}),M.default.createElement("meta",{property:"og:locale",content:N}),M.default.createElement("meta",{property:"og:type",content:Z||"website"}),M.default.createElement("meta",{property:"og:title",content:(null===(u=k.openGraph)||void 0===u?void 0:u.title)||W}),M.default.createElement("meta",{property:"og:description",content:(null===(p=k.openGraph)||void 0===p?void 0:p.description)||V}),M.default.createElement("meta",{property:"og:url",content:"https://".concat(le).concat(te)}),M.default.createElement("meta",{property:"og:site_name",content:"https://".concat(le)}),M.default.createElement("meta",{property:"og:image",content:(null===(f=k.openGraph)||void 0===f?void 0:f.image)||U||ue||""}),M.default.createElement("meta",{property:"og:image:secure_url",content:(null===(h=k.openGraph)||void 0===h?void 0:h.image)||U||ue}),M.default.createElement("meta",{property:"og:image:width",content:(null===(v=k.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(x=k.openGraph)||void 0===x?void 0:x.imageWidth)||G&&String(G)||"1200"}),M.default.createElement("meta",{property:"og:image:height",content:(null===(y=k.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(E=k.openGraph)||void 0===E?void 0:E.imageHeight)||Q&&String(Q)||"630"}),M.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),M.default.createElement("meta",{name:"twitter:title",content:(null===(b=k.twitter)||void 0===b?void 0:b.title)||W}),M.default.createElement("meta",{name:"twitter:description",content:V}),M.default.createElement("meta",{name:"twitter:image",content:(null===(w=k.twitter)||void 0===w?void 0:w.image)||U})),("helloSites"===D?m.FAVICONS[ae]||[]:m.FAVICONS.marryBaby).map((function(e,t){return"link"===e.type?M.default.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?M.default.createElement("meta",{key:t,name:e.name,content:e.content}):null})),Array.isArray(ne)&&A?ne.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ne,A&&M.default.createElement("link",{rel:"canonical",href:A}),!k.hasNoAmp&&"vi-VN"!==N&&M.default.createElement("link",{rel:"amphtml",href:"https://".concat(le).concat(te).concat(oe,"?amp=1")}),F&&"undefined"!=typeof window?M.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(F,"'});")}}):null)},exports.Shadow=function(e){var n=e.size,a=e.children,l=e.style,o=e.className;return M.default.createElement(t.StyledShadow,{style:l,className:o,"data-shadow-size":n},a)},exports.ShareContainer=function(e){var a=e.url,i=e.onCopied,d=e.locale,c=h.useTranslations().t,s=k.getSocialList(a||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(d)}));return M.default.createElement(r.StyledShareContainer,null,M.default.createElement(t.Text,{size:"p3",color:o.theme.colors.gray800},c("shareContainer.title")),M.default.createElement("div",{className:"icon-group"},s.map((function(e,t){return M.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})),M.default.createElement(l.Button,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:M.default.createElement(ae,null),onClick:function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__generator(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(a)];case 1:return t.sent(),null==i||i(),[2]}}))}))}})))},exports.ShareDrawer=function(a){var i=a.open,d=a.title,c=a.onClose,s=a.onCopied,u=a.onShared,m=a.url,p=a.locale,f=n.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]),g=h.useTranslations().t,v=e.useCallback((function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__generator(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(m)];case 1:return t.sent(),null==s||s(),[2]}}))}))}),[m,s]),x=k.getSocialList(m||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(p)}));return console.log(x),e.useEffect((function(){i&&navigator.share&&navigator.share({title:null!=d?d:"Read This Post",url:m}).then((function(){null==u||u()})).catch((function(){null==c||c()}))}),[m,d,u,i]),navigator.share?null:M.default.createElement(r.StyledShareDrawer,n.__assign({title:g("share.title"),onClose:c,open:i,placement:"bottom"},f),M.default.createElement("div",{className:"share-container"},M.default.createElement("div",{className:"icon-container"},M.default.createElement(t.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},g("share.title")),M.default.createElement("div",{className:"icon-group"},x.map((function(e,t){return M.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})))),M.default.createElement("div",{className:"link-container"},M.default.createElement(t.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},g("share.copyLink")),M.default.createElement("div",{className:"input-group"},M.default.createElement(S.Input,{name:"link",size:"md",value:m,isDisabled:!0}),M.default.createElement(l.Button,{size:"md",type:"button",color:"tertiary",icon:M.default.createElement(le,null),onClick:v})))))},exports.StatisticCard=function(e){var t=e.type,n=e.description,a=e.value,l=e.withIcon,o=e.isInACard,i=e.cardColor,d=e.className;return M.default.createElement(r.StyledStatisticContainer,{className:d,"data-size":t,"data-is-in-card":"big"===t&&o,"data-card-color":i},M.default.createElement(r.StyledDescriptionWrapper,null,"small"===t&&M.default.createElement(r.StyledDot$1,{"data-color":i}),n),M.default.createElement(r.StyledStatisticNumberWrapper,{"data-size":t},"small"!==t&&l,a))},exports.SurveyThankyouCard=function(e){var n=e.thankyou,a=e.thankyouSubtitle,l=e.className,o=e.style;return M.default.createElement(r.StyledSurveyQuestionCard,{className:l,style:o},M.default.createElement("div",{className:"survey-inner-wrapper"},M.default.createElement(r.StyledSurveyThankyouCard,null,M.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},M.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},M.default.createElement("path",{d:"M61.5 122C94.6371 122 121.5 95.1371 121.5 62C121.5 28.8629 94.6371 2 61.5 2C28.3629 2 1.5 28.8629 1.5 62C1.5 95.1371 28.3629 122 61.5 122Z",fill:"#E3F2FF"}),M.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),M.default.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),M.default.createElement("path",{d:"M74.4004 15.0005H39.863C36.9017 15.0005 34.5 17.4022 34.5 20.3635V72.5769C34.5 75.5383 36.9017 77.9399 39.863 77.9399H83.1357C86.097 77.9399 88.4987 75.5383 88.4987 72.5769V29.0988L88.4987 21.0005C88.4987 17.6868 85.8124 15.0005 82.4987 15.0005H74.4004Z",fill:"white"}),M.default.createElement("path",{d:"M88.8529 80.1077H34.1469C31.8699 80.1077 30.06 78.3036 30.06 76.0338V65.3837C30.06 63.1139 31.8699 61.3098 34.1469 61.3098H88.8529C91.1299 61.3098 92.9398 63.1139 92.9398 65.3837V76.0338C92.9398 78.3036 91.1299 80.1077 88.8529 80.1077Z",fill:"#E4E8EC"}),M.default.createElement("path",{d:"M90.838 85.4512H32.1618C29.8849 85.4512 28.075 83.6471 28.075 81.3774V70.7272C28.075 68.4575 29.8849 66.6533 32.1618 66.6533H90.7796C93.0566 66.6533 94.8665 68.4575 94.8665 70.7272V81.3774C94.9249 83.6471 93.0566 85.4512 90.838 85.4512Z",fill:"white"}),M.default.createElement("path",{d:"M103.748 75.4919V105.755C103.748 107.675 102.172 109.247 100.245 109.247H23.0031C21.0764 109.247 19.5 107.675 19.5 105.755V75.4919C19.5 73.5713 21.0764 72 23.0031 72H42.3866C44.3133 72 45.8897 73.5713 45.8897 75.4919V80.8461C45.8897 81.1952 46.1232 81.428 46.4735 81.428H76.7749C77.1253 81.428 77.3588 81.1952 77.3588 80.8461V75.4919C77.3588 73.5713 78.9352 72 80.8618 72H100.245C102.172 72 103.748 73.5713 103.748 75.4919Z",fill:"#45A4FF"}),M.default.createElement("path",{d:"M51.9541 91.3767V94.4612C51.9541 96.0907 53.2386 97.3711 54.8733 97.3711H67.7179C69.3526 97.3711 70.6371 96.0907 70.6371 94.4612V91.3767",stroke:"#2C74DF",strokeWidth:"3",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),M.default.createElement("path",{d:"M120.5 38.0251C118.5 37.7793 117.25 39.3768 118.125 41.22L118.375 41.9573C119.125 43.8006 118 45.398 116 45.1523L115.25 45.0294C113.25 44.7836 112 46.3811 112.875 48.2244L113.25 48.9616C114 50.8049 112.875 52.4025 110.875 52.1567L110.125 52.0337C108.625 51.9109 107.5 52.7712 107.5 54",stroke:"#FE921D",strokeWidth:"1.9096",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),M.default.createElement("path",{d:"M1.53299 62C1.2644 63.413 2.6745 64.337 4.35323 63.8478L5.02472 63.6304C6.70346 63.087 8.11356 64.0109 7.84496 65.4783L7.7107 66.0217C7.4421 67.4348 8.8522 68.3587 10.5309 67.8696L11.2024 67.6522C12.8812 67.1087 14.2913 68.0326 14.0227 69.5L13.8884 70.0435C13.687 71.1304 14.4256 71.8913 15.5 72",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),M.default.createElement("path",{d:"M118 92C119.381 92 120.5 90.8807 120.5 89.5C120.5 88.1193 119.381 87 118 87C116.619 87 115.5 88.1193 115.5 89.5C115.5 90.8807 116.619 92 118 92Z",stroke:"#00B16A",strokeWidth:"2.8751",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),M.default.createElement("path",{d:"M82.0001 3.18747L83.1875 7.53467L87.5347 6.34727L86.3473 2.00007L82.0001 3.18747Z",stroke:"#00B16A",strokeWidth:"2.1628",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),M.default.createElement("path",{d:"M17.0001 28C18.1046 28 19 27.1045 19 25.9999C19 24.8954 18.1046 24 17.0001 24C15.8955 24 15 24.8954 15 25.9999C15 27.1045 15.8955 28 17.0001 28Z",stroke:"#FE921D",strokeWidth:"2.3278",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),M.default.createElement("path",{d:"M61.5 26.6667C54.136 26.6667 48.1667 32.6361 48.1667 40.0001C48.1667 47.3641 54.136 53.3334 61.5 53.3334C68.864 53.3334 74.8334 47.3641 74.8334 40.0001C74.8334 32.6361 68.864 26.6667 61.5 26.6667ZM69.1094 36.9427L59.776 46.2761C59.516 46.5361 59.1747 46.6667 58.8334 46.6667C58.492 46.6667 58.1507 46.5361 57.8907 46.2761L53.8907 42.2761C53.3694 41.7547 53.3694 40.9121 53.8907 40.3907C54.412 39.8694 55.2547 39.8694 55.776 40.3907L58.8334 43.4481L67.224 35.0574C67.7454 34.5361 68.588 34.5361 69.1094 35.0574C69.6307 35.5787 69.6307 36.4214 69.1094 36.9427Z",fill:"#00CB8A"})),n&&M.default.createElement(i.Heading,{className:"survey-thankyou-title",tag:"h3"},n),a&&M.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},exports.Tabs=function(n){var a=n.style,l=n.initialTab,i=n.tabContent,c=n.onChange,s=n.className,u=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel,f=n.id,g=e.useState(l||0),h=g[0],v=g[1],x=d.useId(i.length);return e.useEffect((function(){v(l)}),[l]),M.default.createElement(r.StyledTabs,{style:a,className:s,role:"tablist",id:f},i.map((function(e,n){return M.default.createElement(r.StyledTab,{"data-is-tab-active":h===n||void 0,"aria-selected":h===n,role:"tab",onClick:function(){v(n),c&&c(n)},onKeyDown:function(e){"Enter"===e.key&&(v(n),c&&c(n))},key:x[n],"data-event-category":u,"data-event-action":m,"data-event-label":p,tabIndex:0},M.default.createElement(r.StyledTabContent,null,e.icon&&M.default.createElement(r.StyledIcon,null,e.icon),M.default.createElement(t.Text,{size:e.textSize||"sm",type:e.textType||"bold",color:e.textColor||o.theme.colors.gray800,dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name)))})))},exports.Tag=function(e){var a=e.type,l=e.children,o=e.style,i=e.isInline,r=e.isSquared,d=void 0!==r&&r,c=e.className,s=e.isLight,u=e.hasMorePadding,m=e.isLink,p=e.isSelected,f=e.textProps,g=void 0===f?{size:"sm"}:f,h=g.color?{"--text-props-color":g.color}:{};return M.default.createElement(t.StyledTag,{"data-is-squared":d||void 0,"data-tag-type":a,"data-is-light":s||void 0,"data-has-more-padding":u||void 0,"data-is-inline":i||void 0,style:n.__assign(n.__assign({},o),h),className:c,"data-is-selected":p||void 0,"data-is-link":m||void 0,tagType:a,isInline:i,tagHasMorePadding:u,tagIsLight:s,tagIsSquared:d,tagIsALink:m},M.default.createElement(t.Text,n.__assign({},g),l))},exports.Toggle=function(e){var n=e.className,a=e.id,l=e.onChange,o=e.checked,i=e.style,r=e.label;return M.default.createElement(t.StyledToggle,{className:n,style:i},M.default.createElement("input",{type:"checkbox",id:a,onChange:l,checked:o}),M.default.createElement("label",{htmlFor:a},M.default.createElement(t.StyledToggleIcon,null),r&&M.default.createElement(t.StyledToggleLabel,null,r)))},exports.ToolsBannerCard=Q,exports.UnderlinedLink=function(e){var n=e.size,a=e.isDisabled,l=e.className,o=e.link,i=e.style;return M.default.createElement(t.StyledUnderlinedLink,{className:l,"data-size":n,style:i,"data-disabled":a||void 0},o)},exports.Uploader=function(e){var n=e.type,a=e.withIcon,o=e.onFileSelected,i=e.inputId,r=e.withElement,d=e.fileAcceptType,c=e.multiple,s=e.value,u=e.className,m=function(){var e;null===(e=document.querySelector("#uploader-input-"+i))||void 0===e||e.click()};return M.default.createElement(t.StyledUploader,{className:u},"badge"===n?M.default.createElement(t.StyledElementContainer,{onClick:m,"data-is-attached-to-element":!!r},r,M.default.createElement(t.StyledIconWrapper,{"data-is-attached-to-element":!!r},a)):r?M.default.createElement("div",{onClick:m},r):M.default.createElement(l.Button,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:m},M.default.createElement(t.StyledDefaultButtonContent,null,M.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.5 13.5"},M.default.createElement("defs",null,M.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),M.default.createElement("title",null,"upload"),M.default.createElement("path",{className:"prefix__cls-1",d:"M14 10v2.67A1.33 1.33 0 0112.67 14H3.33A1.33 1.33 0 012 12.67V10M11.33 5.33L8 2 4.67 5.33M8 2v8",transform:"translate(-1.25 -1.25)"})),"Upload Image")),M.default.createElement("input",{id:"uploader-input-"+i,accept:d,multiple:c,type:"file",style:{display:"none"},onChange:function(e){o(e.target.files)},value:s}))},exports.index=U,exports.index$1=G;

package/build/index-7d762a8e.js

@@ -0,0 +1 @@
+"use strict";var n=require("./tslib.es6-f7929e76.js"),e=require("react"),t=require("styled-components"),i=require("./utils-c05996cf.js"),a=require("./index-e15ec8a9.js"),o=require("./index.styled-343a2168.js"),l=require("date-fns"),r=require("date-fns/locale/en-US"),d=require("date-fns/locale/hi"),s=require("date-fns/locale/id"),u=require("date-fns/locale/ms"),c=require("date-fns/locale/th"),p=require("date-fns/locale/vi"),m=require("date-fns/locale/zh-TW"),g=require("./useTranslations-a5b5c74c.js"),f=require("./screenSizeContext-6726a3b5.js"),v=require("./index-bce6f562.js"),h=require("./theme-696d81a9.js"),x=require("react-id-generator"),b=require("./index-9b91ee37.js");function A(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var w,y,k,C,E,B,_,D,Q,L,M=A(e),I=A(t),N=A(r),T=A(d),j=A(s),z=A(u),P=A(c),G=A(p),O=A(m),F=I.default.div(w||(w=n.__makeTemplateObject(["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n  }\n"],["\n  --dropdown-padding: 12px 18px 12px 16px;\n  position: relative;\n  box-sizing: border-box;\n  border: 1px solid ",";\n  background: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")\n    no-repeat;\n  background-position: right 16px center;\n  border-radius: 6px;\n\n  &[data-disabled='true'],\n  :disabled {\n    background-color: #f2f2f2;\n    cursor: not-allowed;\n  }\n\n  &[data-size='sm'] {\n    font-size: 13px;\n    line-height: 20px;\n  }\n  &[data-size='md'] {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &[data-size='lg'] {\n    font-size: 16px;\n    line-height: 24px;\n  }\n\n  &[data-has-icons='true'] {\n    border: none;\n    background: ",";\n\n    img,\n    svg {\n      display: inline-block;\n      max-width: 16px;\n      margin-right: 6px;\n    }\n\n    span {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    &:hover {\n      box-shadow: none;\n    }\n    > div {\n      position: relative;\n      display: flex;\n      width: 100%;\n      box-sizing: border-box;\n      align-items: center;\n    }\n    > div::after {\n      position: absolute;\n      top: 50%;\n      right: 12px;\n      width: 10px;\n      height: 8px;\n      background-image: url(\"data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");\n      background-repeat: no-repeat;\n      content: '';\n      transform: translateY(-50%);\n    }\n  }\n\n  &:hover {\n    box-shadow: 0 0 2px 2px ",";\n  }\n\n  &[data-is-native='true'] {\n    padding: var(--dropdown-padding);\n    line-height: 24px;\n\n    &:focus {\n      box-shadow: 0px 0px 2px 2px\n        ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.gray200}),(function(n){return n.theme.colors.gray100}),(function(n){return n.theme.colors.blue200}),(function(n){return n.theme.colors.blue200})),S=I.default.div(y||(y=n.__makeTemplateObject(["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"],["\n  padding: var(--dropdown-padding);\n  cursor: pointer;\n\n  &.with-label {\n    padding-top: 34px;\n    padding-bottom: 12px;\n  }\n  &[data-dropdown-open] {\n    padding: 11px 15px 11px 15px;\n    border: 1px solid ",";\n    border-radius: 6px;\n    box-shadow: 0 0 2px 2px ",";\n  }\n"])),(function(n){return n.theme.colors.primaryBase}),(function(n){return n.theme.colors.blue200})),H=I.default.ul(k||(k=n.__makeTemplateObject(["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"],["\n  position: absolute;\n  top: 100%;\n  right: 0;\n  left: 0;\n  display: block;\n  margin-top: 4px;\n  background: ",";\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  cursor: pointer;\n\n  &[data-has-icons='true'] {\n    border: 1px solid ",";\n    background: white;\n    box-shadow: none;\n    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200})),U=I.default.li(C||(C=n.__makeTemplateObject(["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"],["\n  display: flex;\n  padding: 12px 18px 12px 16px;\n  &[data-disabled='true'] {\n    cursor: not-allowed;\n    color: #bfbfbf;\n    & > * {\n      pointer-events: none;\n    }\n  }\n  &:hover,\n  :active {\n    background: ",";\n  }\n"])),(function(n){return n.theme.colors.gray100})),Z=I.default.div(E||(E=n.__makeTemplateObject(["\n  max-width: 16px;\n  margin-right: 8px;\n"],["\n  max-width: 16px;\n  margin-right: 8px;\n"]))),Y=I.default.div(B||(B=n.__makeTemplateObject(["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"],["\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  pointer-events: none;\n"]))),K=function(n){return n?{displayName:n.display_name||null,avatar:n.avatar||null,thumbnailAvatar:n.avatar_thumbnail||null,profileUrl:n.profile_url||null,description:n.description||null,metaTag:n.meta_tag||""}:{}},q=function(n){return n?{id:n.ID||null,name:n.name||null,specialty:n.specialty||null,avatar:n.avatar||null,permalink:n.permalink||null,thumbnailAvatar:n.avatar_thumbnail||null}:{}},W=function(e){var t,i,a,o;return e?{id:e.ID,postName:e.post_name,sponsor:e.sponsor?R(e.sponsor):null,isSponsored:e.is_sponsored||null,postTitle:e.post_title||"",postModified:e.post_modified||"",postDate:e.post_date||"",modifiedTime:e.modified_time||"",permalink:e.permalink||"",featureImage:e.image||null,featureImageMobile:e.image_medium||null,featureImageMobileXs:e.image_thumbnail||null,author:K(e.author),reviewer:e.reviewed_by&&K(e.reviewed_by)||null,articleReviewed:(null==e?void 0:e.reviewed)?n.__assign(n.__assign({},null==e?void 0:e.reviewed),{author:X(null===(t=null==e?void 0:e.reviewed)||void 0===t?void 0:t.author),editor:X(null===(i=null==e?void 0:e.reviewed)||void 0===i?void 0:i.editor),expert:X(null===(a=null==e?void 0:e.reviewed)||void 0===a?void 0:a.expert),fact_check:X(null===(o=null==e?void 0:e.reviewed)||void 0===o?void 0:o.fact_check)}):null,category:V(e.category),postContent:e.post_content||null,sections:e.sections||null,categories:(e.categories||[]).map(V),sources:e.sources||null,description:e.description||null,excerpt:e.excerpt||null,expert:q(e.expert),metaTag:e.meta_tag||null}:{}},X=function(e){return void 0!==e&&e?n.__assign(n.__assign({},e),{profile_url:(null==e?void 0:e.slug)?["expert","medical"].includes((null==e?void 0:e.role)||"")?"/expert/".concat(null==e?void 0:e.slug):"/author/".concat(null==e?void 0:e.slug):e.profile_url}):null},R=function(n){return n?{title:n.title,logo:n.logo,link:n.link}:{}},J=function(n){return{postTitle:n.post_title,permalink:n.permalink}},V=function(n){var e,t;return n?{termId:n.term_id||null,sponsor:n.sponsor?R(n.sponsor):null,isSponsored:n.is_sponsored||null,categoryName:n.cat_name||null,name:n.name||null,iconUrl:n.icon||"",slugName:n.category_nicename||null,description:n.description||null,featureImage:n.image||null,displayName:n.name||null,parent:n.parent||null,permalink:n.permalink||null,slug:n.slug||null,childCates:(null===(e=n.child_cates)||void 0===e?void 0:e.map((function(n){return V(n)})))||[],colorFeatureImage:n.color_feature_image||null,imageColor:n.image_color||null,textColor:n.text_color||null,catParent:(null===(t=n.cat_parent)||void 0===t?void 0:t.name)?{name:n.cat_parent.name,permalink:n.cat_parent.permalink}:{},metaTag:n.meta_tag||"",reviewedBy:n.reviewed_by?J(n.reviewed_by):null,reviewedDate:n.reviewed_date||"",faqs:n.faqs?n.faqs.map((function(n){return $(n)})):null}:{}},$=function(n){return{title:n.title,content:n.content}},nn=function(n){return n?{icon:n.icon,link:n.link.startsWith("http")?n.link:"/health-tools"+n.link,subtitle:n.subtitle,title:n.title}:{}},en=function(n){return n?{topicCount:n.topics_count||0,postCount:n.posts_count||0,memberCount:n.members_count||0,thumbnail:n.thumbnail||"",coverImage:n.cover_image||"",mobileCoverImage:n.mobile_cover_image||"",name:n.name||"",description:n.description||"",slug:n.slug||"",id:n.id||0,joined:Boolean(n.joined),isActive:null===n.is_active||void 0===n.is_active||Boolean(n.is_active),mappedCategoryId:n.mapped_category_id||0,discoverCategory:n.discover_category?{categoryId:n.discover_category.category_id||0,name:n.discover_category.name||""}:null,isHidden:Boolean(n.is_hidden)}:{}},tn=function(n){var e,t,i,a;return n?{id:n.id||0,name:n.name||"",image:n.thumbnail||"",slug:n.slug||"",url:"/"+(null===(e=n.community)||void 0===e?void 0:e.slug)+"/"+(null==n?void 0:n.slug)||"",description:n.description||"",joined:n.joined||!1,postCount:n.count_posts||0,memberCount:n.count_members||0,communityId:String(null===(t=n.community)||void 0===t?void 0:t.id),communitySlug:null===(i=n.community)||void 0===i?void 0:i.slug,communityName:null===(a=n.community)||void 0===a?void 0:a.name,order:n.order||0,isActive:null===n.is_active||void 0===n.is_active||Boolean(n.is_active),mappedCategoryId:n.mapped_category_id||0,discoverCategory:n.discover_category?{categoryId:n.discover_category.category_id||0,name:n.discover_category.name||""}:null,isHidden:Boolean(n.is_hidden)}:{}},an=function(n){var e,t,i,a,o,l,r,d,s,u,c,p,m,g,f,v,h,x,b,A,w;return n?{id:n.id,topics:(null===(e=n.topics)||void 0===e?void 0:e.map((function(e){var t,i,a,o;return{id:e.id||0,name:e.name||"",slug:e.slug||"",url:"/"+(null===(t=n.community)||void 0===t?void 0:t.slug)+"/"+e.slug,communityId:String(null===(i=n.community)||void 0===i?void 0:i.id),communitySlug:(null===(a=n.community)||void 0===a?void 0:a.slug)||"",communityName:(null===(o=n.community)||void 0===o?void 0:o.name)||"",isHidden:Boolean(e.is_hidden),isActive:!0}})))||[],community:{id:(null===(t=n.community)||void 0===t?void 0:t.id)||0,name:(null===(i=n.community)||void 0===i?void 0:i.name)||"",slug:(null===(a=n.community)||void 0===a?void 0:a.slug)||"",isActive:!0,isHidden:Boolean(null===(o=n.community)||void 0===o?void 0:o.is_hidden)},slug:n.slug||"",author:{id:(null===(l=n.user)||void 0===l?void 0:l.id)||0,username:(null===(r=n.user)||void 0===r?void 0:r.user_name)||"",email:(null===(d=n.user)||void 0===d?void 0:d.email)||"",name:(null===(s=n.user)||void 0===s?void 0:s.name)||"",avatar:(null===(u=n.user)||void 0===u?void 0:u.avatar)||"",role:(null===(c=n.user)||void 0===c?void 0:c.role)?null===(m=null===(p=n.user)||void 0===p?void 0:p.role)||void 0===m?void 0:m.toLowerCase():"",type:(null===(g=n.user)||void 0===g?void 0:g.type)||"",partnerId:(null===(f=n.user)||void 0===f?void 0:f.partner_id)?String(null===(v=n.user)||void 0===v?void 0:v.partner_id):"",title:(null===(h=n.user)||void 0===h?void 0:h.title)||"",doctorId:(null===(x=n.user)||void 0===x?void 0:x.doctor_id)?String(null===(b=n.user)||void 0===b?void 0:b.doctor_id):"",hospitalId:(null===(A=n.user)||void 0===A?void 0:A.hospital_id)?String(null===(w=n.user)||void 0===w?void 0:w.hospital_id):""},previewUrl:{title:n.preview_title||"",url:n.preview_link||"",image:n.preview_image||"",description:n.preview_description||""},createdAt:n.created_at||"",scheduleDateTime:n.schedule_datetime||"",photos:n.images||[],description:n.description||"",commentsCount:n.comments_count||0,likesCount:n.likes_count||0,title:n.name||"",isPin:!!n.is_pin,pinDate:n.pin_date||"",liked:n.liked||!1,bookmarked:Boolean(n.bookmarked)||!1,mentions:n.mentions||[],commented:Boolean(n.commented)||!1,introUrl:n.intro_url||"",bannerImage:n.banner_image||""}:{}},on=function(n){return n?{disclaimer:n.disclaimer,info:n.info||[],reviewedBy:n.reviewed_by?{id:n.reviewed_by.ID,permalink:n.reviewed_by.permalink,name:n.reviewed_by.name,postTitle:n.reviewed_by.post_title}:null,reviewedDate:n.reviewed_date}:{}},ln=function(n){var e,t,i,a,o,l,r,d,s,u,c,p,m,g,f,v,h,x,b,A,w,y,k,C,E,B,_,D,Q,L,M,I;return n?{content:n.content,countLikes:n.likes_count,countReplies:n.replies_count,createdAt:n.created_at,createdTime:n.created_time,id:String(n.id),images:n.image||[],link:n.link||null,replies:n.replies&&n.replies.length>0?n.replies.map(ln):[],author:{id:(null===(e=n.user)||void 0===e?void 0:e.id)||0,username:(null===(t=n.user)||void 0===t?void 0:t.user_name)||"",name:(null===(i=n.user)||void 0===i?void 0:i.name)||"",role:(null===(a=n.user)||void 0===a?void 0:a.role)?null===(l=null===(o=n.user)||void 0===o?void 0:o.role)||void 0===l?void 0:l.toLowerCase():"",avatar:(null===(r=n.user)||void 0===r?void 0:r.avatar)||"",type:(null===(d=n.user)||void 0===d?void 0:d.type)||"",email:(null===(s=n.user)||void 0===s?void 0:s.email)||"",partnerId:(null===(u=n.user)||void 0===u?void 0:u.partner_id)?String(null===(c=n.user)||void 0===c?void 0:c.partner_id):"",title:(null===(p=n.user)||void 0===p?void 0:p.title)||"",doctorId:(null===(m=n.user)||void 0===m?void 0:m.doctor_id)?String(null===(g=n.user)||void 0===g?void 0:g.doctor_id):"",hospitalId:(null===(f=n.user)||void 0===f?void 0:f.hospital_id)?String(null===(v=n.user)||void 0===v?void 0:v.hospital_id):""},liked:!!n.liked,mentionedUser:n.mentioned?{id:(null===(h=n.mentioned)||void 0===h?void 0:h.id)||0,username:(null===(x=n.mentioned)||void 0===x?void 0:x.user_name)||"",name:(null===(b=n.mentioned)||void 0===b?void 0:b.name)||"",role:(null===(A=n.mentioned)||void 0===A?void 0:A.role)?null===(y=null===(w=n.mentioned)||void 0===w?void 0:w.role)||void 0===y?void 0:y.toLowerCase():"",avatar:(null===(k=n.mentioned)||void 0===k?void 0:k.avatar)||"",type:(null===(C=n.mentioned)||void 0===C?void 0:C.type)||"",email:(null===(E=n.mentioned)||void 0===E?void 0:E.email)||"",partnerId:(null===(B=n.mentioned)||void 0===B?void 0:B.partner_id)?String(null===(_=n.mentioned)||void 0===_?void 0:_.partner_id):"",doctorId:(null===(D=n.mentioned)||void 0===D?void 0:D.doctor_id)?String(null===(Q=n.mentioned)||void 0===Q?void 0:Q.doctor_id):"",hospitalId:(null===(L=n.mentioned)||void 0===L?void 0:L.hospital_id)?String(null===(M=n.mentioned)||void 0===M?void 0:M.hospital_id):"",title:(null===(I=n.mentioned)||void 0===I?void 0:I.title)||""}:null,mentions:n.mentions||[]}:{}},rn=function(n){return void 0!==n&&n?(null==n?void 0:n.turn_off_profile)?"":(null==n?void 0:n.slug)?["expert","medical"].includes((null==n?void 0:n.role)||"")?"/expert/".concat(null==n?void 0:n.slug):"/author/".concat(null==n?void 0:n.slug):(null==n?void 0:n.profile_url)||(null==n?void 0:n.permalink)||"#":""},dn=Object.freeze({__proto__:null,formatAuthor:K,formatArticleExpert:q,formatArticle:W,formatUserProfile:X,formatBMIResult:function(n){var e,t,i,a,o,l,r,d,s;return n&&n.status?{status:null==n?void 0:n.status,comparison:null!==(e=null==n?void 0:n.comparison)&&void 0!==e?e:"",assessmentData:[{tab:"tools.condition",content:null!==(t=null==n?void 0:n.condition)&&void 0!==t?t:""},{tab:"tools.risks",content:null!==(i=null==n?void 0:n.risk)&&void 0!==i?i:""},{tab:"tools.suggestion",content:null!==(a=null==n?void 0:n.suggestion)&&void 0!==a?a:""}],chartData:(null===(o=null==n?void 0:n.chart_data)||void 0===o?void 0:o.length)>0?null==n?void 0:n.chart_data:[],disclaimer:null!==(l=null==n?void 0:n.disclaimer)&&void 0!==l?l:"",illustrator:null!==(r=null==n?void 0:n.illustrator)&&void 0!==r?r:"",faqs:null!==(d=null==n?void 0:n.faqs)&&void 0!==d?d:[],suggestedArticlesLink:null!==(s=null==n?void 0:n.suggested_articles_link)&&void 0!==s?s:""}:{}},formatSponsor:R,formatReviewedCategory:J,formatCategory:V,formatCategoryApi:function(n){return n?{categoryInfo:V(n.data.category)||null,explainersPosts:(n.data.explainers_posts||[]).map(W),subCategories:(n.data.sub_categories||[]).map(V)}:{}},formatFaqsCategory:$,formatHealthTool:nn,formatHealthToolTypeCategory:function(n){var e,t;return n?{termId:(null==n?void 0:n.term_id)||0,name:(null==n?void 0:n.name)||"",healthTools:null!==(t=null===(e=null==n?void 0:n.health_tools)||void 0===e?void 0:e.map((function(n){return nn(n)})))&&void 0!==t?t:[]}:{}},formatCommunity:en,formatTopic:tn,formatPost:an,formatPostPagination:function(n){return n?{currentPage:n.current||0,lastPage:n.last||0,total:n.total_items||0}:{}},formatNotification:function(n){var e,t,i;return n?{time:n.created_at,content:n.content,postId:String(n.post_id),fromUser:{name:null===(e=n.from_user)||void 0===e?void 0:e.name,id:null===(t=n.from_user)||void 0===t?void 0:t.id,avatar:null===(i=n.from_user)||void 0===i?void 0:i.avatar},toUserId:String(n.to_user_id),postSlug:n.post_slug||"",communitySlug:n.community_slug||""}:{}},formatSpotlightsList:function(n){return n?n.map((function(n){return{id:n.ID,name:n.name,permalink:n.permalink,image:(null==n?void 0:n.small_banner)||(null==n?void 0:n.image),imageMedium:(null==n?void 0:n.image_medium)||null,imageThumbnail:(null==n?void 0:n.image_thumbnail)||null,startDate:null==n?void 0:n.start_date,endDate:null==n?void 0:n.end_date}})):[]},formatOvulationInfo:on,formatSuggestedArticle:function(n){return n?{postId:n.post_id||null,categoryId:n.category_id||null,postUrl:n.post_url||null,postReviewed:n.post_reviewed||null,postPageviews:n.post_pageviews||null,postRank:n.post_rank||null,isPin:n.is_pin||null,frequency:n.frequency||null,topic:n.topic||null}:{}},formatTopicHealthTool:function(n){return n?{id:n.tool_id||null,topicFrequency:n.frequency||null,topicId:n.topic_id||null,topicName:n.topic_name||null,isPinned:!!n.is_pin||null,toolLink:n.tool_link||""}:{}},formatComment:ln,formatReportedPostToPostDetail:function(n){return n?{name:n.title,description:n.description,images:n.images,likes_count:n.count_likes,comments_count:n.count_comments,topics:[],slug:n.post_slug,id:n.post_id,is_pin:n.is_pin,pin_date:"",post_type:n.post_type,schedule_datetime:n.schedule_datetime,is_active:n.is_active,preview_title:n.preview_title||"",preview_image:n.preview_image||"",preview_description:n.preview_description||"",preview_link:n.preview_link||"",user:n.user,created_at:"",created_time:"",community:{id:n.community_id,name:n.community_name,slug:n.community_slug,description:""}}:{}},formatTopicSubot:function(n){return n?{chatBotId:n.subot_id,isPinned:n.is_pin,topicId:n.topic_id,topicFrequency:n.frequency}:{}},formatSiteWideBanner:function(n,e){return void 0!==n&&n?{content:(null==n?void 0:n.content)||"",icon:(null==n?void 0:n.icon)||"",type:e||"other"}:null},formatPWGContent:function(n){return n?{disclaimer:n.disclaimer,info:n.info||[],reviewedBy:n.reviewed_by?X(n.reviewed_by):null,reviewedDate:n.reviewed_date,metaTag:n.meta_tag}:{}},formatUserProfileUrl:rn,formatTHRContent:function(n){return n?{disclaimer:n.disclaimer,info:n.info||[],reviewedBy:n.reviewed_by?X(n.reviewed_by):null,reviewedDate:n.reviewed_date,metaTag:n.meta_tag}:{}}}),sn=I.default.div(_||(_=n.__makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  flex-shrink: 0;\n  cursor: pointer;\n  font-size: 20px;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 1em;\n    font-weight: bold;\n    line-height: 1;\n  }\n\n  &[data-is-marrybaby='true'] {\n    .avatar-default {\n      background-color: ",";\n    }\n  }\n"],["\n  width: 40px;\n  height: 40px;\n  flex-shrink: 0;\n  cursor: pointer;\n  font-size: 20px;\n\n  img {\n    border-radius: 50%;\n  }\n\n  .avatar {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .avatar-default {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-size: 1em;\n    font-weight: bold;\n    line-height: 1;\n  }\n\n  &[data-is-marrybaby='true'] {\n    .avatar-default {\n      background-color: ",";\n    }\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.mbColors.pink})),un=function(n){var t=n.className,a=n.isMarryBaby,o=n.style,l=n.avatar,r=n.username,d=n.isLazy,s=e.useContext(i.TogetherComponentGlobalContext).data.env.isMarryBaby,u="boolean"==typeof a?a:s,c=e.useState(!1),p=c[0],m=c[1];return e.useEffect((function(){var n=new Image;n.onerror=function(){m(!0)},n.src=l}),[]),M.default.createElement(sn,{"data-is-marrybaby":u,className:t,style:o},l&&!p?M.default.createElement("img",{loading:"lazy",src:d?void 0:l,"data-src":d?l:void 0,className:"avatar ".concat(d?"lazy":""),alt:"avatar",onError:function(){m(!0)}}):M.default.createElement("div",{className:"avatar avatar-default"},r&&(null==r?void 0:r.length)>0?r[0].toUpperCase():"A"))},cn="data:image/png;base64,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",pn="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",mn="data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 16.9998C13.4183 16.9998 17 13.418 17 8.99976C17 4.58148 13.4183 0.999756 9 0.999756C4.58172 0.999756 1 4.58148 1 8.99976C1 13.418 4.58172 16.9998 9 16.9998Z' fill='white' stroke='%23E4E8EC' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.3333 7.66679V5.00012H7.66667V7.66679H5V10.3335H7.66667V13.0001H10.3333V10.3335H13V7.66679H10.3333Z' fill='%23FF5331'/%3e%3c/svg%3e",gn=I.default.div(D||(D=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1em;\n  button {\n    position: relative;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1em;\n  button {\n    position: relative;\n  }\n"]))),fn=t.keyframes(Q||(Q=n.__makeTemplateObject(["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"],["\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n"])));I.default.div(L||(L=n.__makeTemplateObject(["\n  display: flex;\n  width: fit-content;\n  width: -moz-fit-content;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2rem;\n  background: white;\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  .loading-spinner {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 0.5rem;\n    animation: "," 1.2s linear infinite;\n  }\n  &[data-is-marrybaby='true'] {\n    box-shadow: none;\n  }\n"],["\n  display: flex;\n  width: fit-content;\n  width: -moz-fit-content;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem 2rem;\n  background: white;\n  border-radius: 6px;\n  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),\n    -2px 2px 5px rgba(67, 86, 100, 0.123689);\n  .loading-spinner {\n    width: 24px;\n    height: 24px;\n    margin-bottom: 0.5rem;\n    animation: "," 1.2s linear infinite;\n  }\n  &[data-is-marrybaby='true'] {\n    box-shadow: none;\n  }\n"])),fn);var vn=function(n){var e=n.className,t=n.size,i=void 0===t?"md":t,o=g.useTranslations().t;return M.default.createElement(gn,{className:e},M.default.createElement(a.Button,{size:i,color:"transparent",isLoading:!0},o("loading")))},hn=I.default.div(wn||(wn=n.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),f.MediaQueries.tdUp,f.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),xn=I.default.div(yn||(yn=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),bn=I.default.div(kn||(kn=n.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),An=I.default.div(Cn||(Cn=n.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));I.default.span(En||(En=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),I.default.div(Bn||(Bn=n.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),I.default.div(_n||(_n=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));var wn,yn,kn,Cn,En,Bn,_n,Dn,Qn=I.default.ul(Dn||(Dn=n.__makeTemplateObject(["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"],["\n  padding-left: 18px;\n  li {\n    list-style-type: disc;\n  }\n"]))),Ln=function(n){var t,l,r,d,s=n.isOpen,u=void 0===s||s,c=n.onClose,p=n.enableAnimation,m=void 0===p||p,f=n.doctorId,v=n.locale,b=n.isMobile,A=g.useTranslations().t,w=e.useState(null),y=w[0],k=w[1],C=e.useState(!1),E=C[0],B=C[1];e.useEffect((function(){if(u&&f&&String(null==y?void 0:y.id)!==String(f)){B(!0);try{k(null),i.callApi(i.getCarePath(i.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:f,website_url:i.domainLocales[v]}),"get").then((function(n){k(null==n?void 0:n._data.doctor)}))}catch(n){console.error(n)}B(!1)}}),[u,f,null==y?void 0:y.id]);var _=(null==y?void 0:y.experiences)||[],D=((null==y?void 0:y.specialties)||[]).map((function(n){return(null==n?void 0:n.name)||n})).join(" • "),Q=_.map((function(n){try{return JSON.parse(n.description)}catch(e){return n.description}})).filter((function(n){return n.content})),L=x.useId(null===(t=null==y?void 0:y.experiences)||void 0===t?void 0:t.length);return M.default.createElement(M.default.Fragment,null,M.default.createElement(hn,{"data-open":u,"data-animation":m,onClick:function(n){return n.stopPropagation()}},E||!y?M.default.createElement(vn,null):M.default.createElement("div",{className:"popup-content"},M.default.createElement("div",{className:"close-button",onClick:c},M.default.createElement("img",{src:pn,style:{width:20,height:20},alt:"close-icon"})),M.default.createElement("div",{className:"main-info"},M.default.createElement("div",{className:"border-banner"}),M.default.createElement("div",{className:"avatar-title"},M.default.createElement(bn,null,M.default.createElement("div",{className:"image-container"},M.default.createElement("div",{style:{position:"relative"}},M.default.createElement("img",{src:(null==y?void 0:y.avatar)?null==y?void 0:y.avatar:cn,className:"profile-image",alt:"avatar"}),M.default.createElement("img",{className:"badge-avatar",src:mn,alt:"badge"})))),M.default.createElement(An,null,M.default.createElement(o.Text,{size:"s3",type:"semiBold",className:"full-name"},null==y?void 0:y.name),M.default.createElement("div",{className:"specialty"},D&&M.default.createElement(M.default.Fragment,null,M.default.createElement(o.Text,{size:"p4",color:h.theme.colors.gray800},D," • ")),M.default.createElement("a",{href:i.getCareHospitalUrl({id:null===(l=null==y?void 0:y.organization)||void 0===l?void 0:l.id,name:null===(r=null==y?void 0:y.organization)||void 0===r?void 0:r.name,slug:null===(d=null==y?void 0:y.organization)||void 0===d?void 0:d.slug,locale:v}),className:"organisation",target:"_blank",rel:"noreferrer"},M.default.createElement(o.Text,{size:"p4",className:"organisation",color:h.theme.colors.gray800,style:{textDecoration:"underline"}},null==y?void 0:y.organization.name))))),!b&&M.default.createElement("div",{className:"btn-wrapper"},M.default.createElement("a",{href:i.getCareDoctorUrl({name:y.name,id:y.id,locale:v})},M.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking"},A("careBooking.bookAnAppointment"))))),Q&&M.default.createElement(An,null,M.default.createElement("div",{className:"experience"},M.default.createElement(o.Text,{type:"bold",size:"s3",color:h.theme.colors.gray800,style:{paddingBottom:16}},A("expert.content.description").toUpperCase()),M.default.createElement(Qn,null,Q.map((function(n,e){return M.default.createElement("li",{key:L[e]},M.default.createElement(o.Text,{size:"p2"},function(n){return(null==n?void 0:n.year)?"".concat(n.year," ").concat(null==n?void 0:n.content):(null==n?void 0:n.content)?n.content:"string"==typeof n?n:""}(n)))}))),b?M.default.createElement("div",{className:"btn-wrapper"},M.default.createElement("a",{href:i.getCareDoctorUrl({name:y.name,id:y.id,locale:v})},M.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking"},A("careBooking.bookAnAppointment")))):M.default.createElement("a",{href:i.getCareDoctorUrl({name:y.name,id:y.id,locale:v})},M.default.createElement(o.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},A("home.seeExpert"))))))),M.default.createElement(xn,{"data-open":u,onClick:function(n){n.stopPropagation(),c()}}))},Mn=I.default.div(jn||(jn=n.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),f.MediaQueries.tdUp,f.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),In=I.default.div(zn||(zn=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),Nn=I.default.div(Pn||(Pn=n.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),Tn=I.default.div(Gn||(Gn=n.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n"])));I.default.span(On||(On=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),I.default.div(Fn||(Fn=n.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400}));var jn,zn,Pn,Gn,On,Fn,Sn,Hn,Un,Zn,Yn,Kn,qn,Wn,Xn=I.default.div(Sn||(Sn=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"]))),Rn={author:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",edtior:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",expert:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath d='M11.443 5.13654C11.6446 4.63466 12.355 4.63466 12.5566 5.13654L13.9931 8.71375C14.0789 8.92747 14.2795 9.0732 14.5093 9.08878L18.3553 9.34957C18.8949 9.38615 19.1145 10.0619 18.6994 10.4086L15.7412 12.8802C15.5645 13.0279 15.4878 13.2637 15.544 13.4871L16.4845 17.2254C16.6164 17.7499 16.0417 18.1676 15.5836 17.88L12.3188 15.8303C12.1238 15.7079 11.8758 15.7079 11.6808 15.8303L8.41599 17.88C7.95794 18.1676 7.38314 17.7499 7.51509 17.2254L8.45556 13.4871C8.51175 13.2637 8.43513 13.0279 8.25839 12.8802L5.30017 10.4086C4.88514 10.0619 5.10469 9.38615 5.64429 9.34957L9.49031 9.08878C9.7201 9.0732 9.92068 8.92747 10.0065 8.71375L11.443 5.13654Z' fill='white'/%3e%3c/svg%3e","fact-check":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%2300C076'/%3e%3cpath d='M11.9456 5.46631L6.66562 10.2663L4.26562 8.08449' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",medical:mn},Jn=function(n){var t=n.isOpen,a=void 0===t||t,l=n.onClose,r=n.enableAnimation,d=void 0===r||r,s=n.expertId,u=g.useTranslations().t,c=e.useState(null),p=c[0],m=c[1],f=e.useState(!1),v=f[0],x=f[1];return e.useEffect((function(){if(a&&s&&String(null==p?void 0:p.user_id)!==String(s)){x(!0);try{m(null),i.callApi(i.getDiscoverApiPath(i.DISCOVER_PATHS.GET_EXPERT_BY_ID,{id:s}),"get").then((function(n){m(null==n?void 0:n.data)}))}catch(n){console.error(n)}x(!1)}}),[a,s,null==p?void 0:p.user_id]),M.default.createElement(M.default.Fragment,null,M.default.createElement(Mn,{"data-open":a,"data-animation":d,onClick:function(n){return n.stopPropagation()}},v||!p?M.default.createElement(vn,null):M.default.createElement("div",{className:"popup-content"},M.default.createElement("div",{className:"close-button",onClick:l},M.default.createElement("img",{src:pn,style:{width:20,height:20},alt:"close-icon"})),M.default.createElement("div",{className:"main-info"},M.default.createElement("div",{className:"border-banner"}),M.default.createElement("div",{className:"avatar-title"},M.default.createElement(Nn,null,M.default.createElement("div",{className:"image-container"},M.default.createElement("div",{style:{position:"relative"}},M.default.createElement("img",{src:(null==p?void 0:p.avatar)?null==p?void 0:p.avatar:cn,className:"profile-image",alt:"avatar"}),M.default.createElement("img",{className:"badge-avatar",src:Rn[null==p?void 0:p.role],alt:"badge"})))),M.default.createElement(Tn,null,M.default.createElement(o.Text,{size:"s3",className:"full-name",type:"semiBold"},null==p?void 0:p.display_name),M.default.createElement("div",null,M.default.createElement(o.Text,{size:"p4",color:h.theme.colors.gray800},null==p?void 0:p.specialty," • "),M.default.createElement("a",{href:null==p?void 0:p.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},M.default.createElement(o.Text,{size:"p4",className:"organisation",color:h.theme.colors.gray800,style:{textDecoration:"underline"}},null==p?void 0:p.organisation)))))),M.default.createElement(Tn,null,M.default.createElement("div",{className:"experience"},M.default.createElement(o.Text,{type:"bold",size:"p4",color:h.theme.colors.gray800,style:{paddingBottom:16}},u("expert.content.description").toUpperCase()),M.default.createElement("div",{className:"list-items"},!!(null==p?void 0:p.experiences)&&p.experiences.filter((function(n){return!(!n||!n.title&&!n.organization)})).slice(0,3).map((function(n,e){return M.default.createElement(Xn,{key:e},M.default.createElement("img",{className:"bullet-point",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e",alt:"point"}),M.default.createElement("div",{className:"text-contain"},M.default.createElement(b.Heading,{tag:"h6",color:h.theme.colors.gray800},null==n?void 0:n.title),M.default.createElement(o.Text,{size:"p2",color:h.theme.colors.gray500},null==n?void 0:n.organization)))}))),M.default.createElement("a",{href:null==p?void 0:p.profile_url},M.default.createElement(o.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},u("home.seeExpert"))))))),M.default.createElement(In,{"data-open":a,onClick:function(n){n.stopPropagation(),l()}}))},Vn=I.default.div(Hn||(Hn=n.__makeTemplateObject(["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"],["\n  position: fixed;\n  left: 50%;\n  width: 343px;\n  background-color: ",";\n  border-radius: 6px;\n  box-shadow: 0px 0px 4px ",";\n  transform: translate(-50%, -50%);\n  transition: all 0.5s ease-in-out;\n\n  "," {\n    width: 750px;\n  }\n\n  &[data-animation='true'] {\n    transition: all 0.5s ease-in-out;\n  }\n\n  &[data-open='true'] {\n    z-index: 200;\n    top: 50%;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &[data-open='false'] {\n    top: -50%;\n  }\n\n  .popup-content {\n    "," {\n      display: block;\n    }\n    display: flex;\n    position: relative;\n    z-index: 111;\n    height: 100%;\n    .button-see-more {\n      margin: 32px 0;\n      padding: 0;\n      > * {\n        display: inline-block;\n      }\n    }\n    .close-button {\n      position: absolute;\n      z-index: 100;\n      top: 10px;\n      right: 10px;\n      cursor: pointer;\n      width: unset;\n      height: unset;\n      img {\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n      }\n    }\n  }\n\n  .main-info {\n    padding-bottom: 32px;\n    background-color: ",";\n    border-radius: 6px;\n    .btn-booking {\n      display: flex;\n      margin: 12px auto;\n    }\n    .avatar-title {\n      position: relative;\n      width: 100%;\n      padding-top: 46px;\n      text-align: center;\n    }\n  }\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.gray200}),f.MediaQueries.tdUp,f.MediaQueries.mbDown,(function(n){return n.theme.colors.blue50})),$n=I.default.div(Un||(Un=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"],["\n  position: fixed;\n  z-index: 110;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  background: rgba(38, 38, 38, 0.3);\n\n  &[data-open='false'] {\n    display: none;\n  }\n"]))),ne=I.default.div(Zn||(Zn=n.__makeTemplateObject(["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  .image-container {\n    .badge-avatar {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      top: 0;\n    }\n  }\n  display: flex;\n  justify-content: center;\n  padding-bottom: 15px;\n  text-align: center;\n  .profile-image {\n    width: 100px;\n    min-width: 100px;\n    height: 100px;\n    min-height: 100px;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n  .badge-avatar {\n    width: 24px;\n    height: 24px;\n  }\n"]))),ee=I.default.div(Yn||(Yn=n.__makeTemplateObject(["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"],["\n  position: relative;\n  z-index: 9;\n  .specialty {\n    display: block;\n    min-width: 240px;\n  }\n\n  padding: 0px 16px;\n  text-align: center;\n  .specialty {\n    justify-content: center;\n  }\n\n  .experience {\n    padding: 16px 0px 32px;\n    text-align: left;\n    .btn-wrapper {\n      margin-top: 24px;\n    }\n  }\n  p {\n    max-width: 100%;\n  }\n"])));I.default.span(Kn||(Kn=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 0.4em;\n  color: ",";\n"])),(function(n){return n.theme.colors.neutral300})),I.default.div(qn||(qn=n.__makeTemplateObject(["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"],["\n  display: inline-block;\n  width: 3px;\n  height: 3px;\n  margin: 0;\n  background-color: ",";\n  border-radius: 50%;\n"])),(function(n){return n.theme.colors.gray400})),I.default.div(Wn||(Wn=n.__makeTemplateObject(["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"],["\n  display: flex;\n  margin-top: 8px;\n\n  .bullet-point {\n    width: 24px;\n    height: 24px;\n  }\n"])));var te=function(n){var t=n.isOpen,l=void 0===t||t,r=n.onClose,d=n.enableAnimation,s=void 0===d||d,u=n.hospitalId,c=n.locale,p=n.isMobile,m=g.useTranslations().t,f=e.useState(null),v=f[0],x=f[1],b=e.useState(!1),A=b[0],w=b[1];e.useEffect((function(){if(l&&u&&String(null==v?void 0:v.id)!==String(u)){w(!0);try{x(null),i.callApi(i.getCarePath(i.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:u,website_url:i.domainLocales[c]}),"get").then((function(n){x(null==n?void 0:n._data.branch)}))}catch(n){console.error(n)}w(!1)}}),[l,u,null==v?void 0:v.id]);var y=(null==v?void 0:v.specialties)||[],k=e.useMemo((function(){return y.map((function(n){return n.name}))}),[y]);return M.default.createElement(M.default.Fragment,null,M.default.createElement(Vn,{"data-open":l,"data-animation":s,onClick:function(n){return n.stopPropagation()}},A||!v?M.default.createElement(vn,null):M.default.createElement("div",{className:"popup-content"},M.default.createElement("div",{className:"close-button",onClick:r},M.default.createElement("img",{src:pn,style:{width:20,height:20},alt:"close-icon"})),M.default.createElement("div",{className:"main-info"},M.default.createElement("div",{className:"border-banner"}),M.default.createElement("div",{className:"avatar-title"},M.default.createElement(ne,null,M.default.createElement("div",{className:"image-container"},M.default.createElement("div",{style:{position:"relative"}},M.default.createElement("img",{src:(null==v?void 0:v.logo)?null==v?void 0:v.logo:cn,className:"profile-image",alt:"avatar"}),M.default.createElement("img",{className:"badge-avatar",src:mn,alt:"badge"})))),M.default.createElement(ee,null,M.default.createElement(o.Text,{size:"s3",type:"semiBold",className:"full-name"},null==v?void 0:v.name),M.default.createElement("div",{className:"specialty"},y&&M.default.createElement(o.Text,{size:"p4",color:h.theme.colors.gray800},k.join(" • "),"•"),M.default.createElement("a",{href:i.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:c}),className:"organisation",target:"_blank",rel:"noreferrer"},M.default.createElement(o.Text,{size:"p4",className:"organisation",color:h.theme.colors.gray800,style:{textDecoration:"underline"}},null==v?void 0:v.name))))),!p&&M.default.createElement("a",{href:i.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:c})},M.default.createElement("div",{className:"btn-wrapper"},M.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking"},m("careBooking.bookAnAppointment"))))),M.default.createElement(ee,null,M.default.createElement("div",{className:"experience"},M.default.createElement(o.Text,{type:"bold",size:"s3",color:h.theme.colors.gray800,style:{paddingBottom:16}},m("hospital.content.description").toUpperCase()),M.default.createElement(o.Text,{size:"p2",color:h.theme.colors.gray500},v.about),p?M.default.createElement("a",{href:i.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:c})},M.default.createElement("div",{className:"btn-wrapper"},M.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking"},m("careBooking.bookAnAppointment")))):M.default.createElement("a",{href:i.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:c})},M.default.createElement(o.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24}},m("home.seeHospital"))))))),M.default.createElement($n,{"data-open":l,onClick:function(n){n.stopPropagation(),r()}}))},ie={lessThanXSeconds:{one:"တစ်စက္ကန့်အောက်",other:"{{count}} စက္ကန့်အောက်"},xSeconds:{one:"တစ်စက္ကန့်",other:"{{count}} စက္ကန့်"},halfAMinute:"မိနစ်ဝက်",lessThanXMinutes:{one:"တစ်မိနစ်အောက်",other:"{{count}} မိနစ်အောက်"},xMinutes:{one:"တစ်မိနစ်",other:"{{count}}နာရီခန့်"},aboutXHours:{one:"တစ်နာရီခန့်",other:"{{count}}နာရီခန့်"},xHours:{one:"တစ်နာရီ",other:"{{count}}နာရီ"},xDays:{one:"တစ်ရက်",other:"{{count}}ရက်"},aboutXWeeks:{one:"တစ်ပတ်ခန့်",other:"{{count}}ပတ်ခန့်"},xWeeks:{one:"တစ်ပတ်",other:"{{count}}ပတ်"},aboutXMonths:{one:"တစ်လခန့်",other:"{{count}} လခန့်"},xMonths:{one:"တစ်လ",other:"{{count}}လ"},aboutXYears:{one:"တစ်နှစ်ခန့်",other:"{{count}}နှစ်"},xYears:{one:"တစ်နှစ်",other:"{{count}}နှစ်"},overXYears:{one:"တစ်နှစ်ကျော်",other:"{{count}}နှစ်ကျော်"},almostXYears:{one:"တစ်နှစ်နီးပါး",other:"{{count}}နှစ်နီးပါး"}},ae={code:"my",formatDistance:function(n,e,t){var i,a=ie[n];return i="string"==typeof a?a:1===e?a.one:a.other.replace("{{count}}",e.toString()),(null==t?void 0:t.addSuffix)?t.comparison&&t.comparison>0?i+"အတွင်း":"လွန်ခဲ့သော "+i:i},options:{weekStartsOn:0,firstWeekContainsDate:1}},oe=I.default.div(le||(le=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n    .author-role {\n      height: 1rem;\n      flex-shrink: 0;\n      padding: 0 0.5rem;\n      margin-left: 4px;\n      border-radius: 1rem;\n      color: white;\n      font-size: 8px;\n      font-weight: 600;\n      line-height: 1rem;\n      &[data-label-type='admin'] {\n        background: ",";\n      }\n      &[data-label-type='local admin'] {\n        background: ",";\n      }\n      &[data-label-type='ambassador'] {\n        background: ",";\n      }\n      &[data-label-type='expert'] {\n        background: ",";\n      }\n      &[data-label-type='moderator'] {\n        background: ",";\n      }\n      &[data-label-type='sponsor'] {\n        background: ",";\n      }\n      &[data-label-type='guide'] {\n        background: ",";\n      }\n      &[data-label-type='influencer'] {\n        background: ",";\n      }\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      .time-text {\n        font-size: 11px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info {\n      margin-left: 1rem;\n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding: 0 1rem;\n  a {\n    text-decoration: none;\n  }\n  .button-more {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    align-items: center;\n    justify-content: center;\n    .button-more-icon {\n      height: 13px;\n      vertical-align: middle;\n    }\n  }\n  .temp-avatar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ",";\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n  }\n\n  .author-info {\n    flex: 1;\n    margin-left: 0.5rem;\n    .author-info-top {\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .author-info-text-wrapper {\n      display: flex;\n      min-width: 0px;\n      flex: 1 1 0%;\n      align-items: center;\n    }\n    .author-name {\n      overflow: hidden;\n      font-weight: 600;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .author-time {\n      flex-shrink: 0;\n    }\n    .author-role {\n      height: 1rem;\n      flex-shrink: 0;\n      padding: 0 0.5rem;\n      margin-left: 4px;\n      border-radius: 1rem;\n      color: white;\n      font-size: 8px;\n      font-weight: 600;\n      line-height: 1rem;\n      &[data-label-type='admin'] {\n        background: ",";\n      }\n      &[data-label-type='local admin'] {\n        background: ",";\n      }\n      &[data-label-type='ambassador'] {\n        background: ",";\n      }\n      &[data-label-type='expert'] {\n        background: ",";\n      }\n      &[data-label-type='moderator'] {\n        background: ",";\n      }\n      &[data-label-type='sponsor'] {\n        background: ",";\n      }\n      &[data-label-type='guide'] {\n        background: ",";\n      }\n      &[data-label-type='influencer'] {\n        background: ",";\n      }\n    }\n  }\n  .author-community {\n    .text-container {\n      color: ",";\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 20px;\n      .time-text {\n        font-size: 11px;\n        font-weight: normal;\n      }\n      a {\n        color: inherit;\n      }\n    }\n  }\n  .expert-wrapper {\n    width: 100%;\n  }\n  &[data-is-booking='true'] {\n    display: grid;\n    background-color: ",";\n    .btn-wrapper {\n      padding: 0 16px;\n      .btn-booking {\n        width: 100%;\n        margin: 12px 0;\n      }\n    }\n  }\n  &[data-is-marrybaby='true'] {\n    align-items: unset;\n    .author-info {\n      margin-left: 1rem;\n      "," {\n        margin-left: 0.5rem;\n      }\n      .author-info-text-wrapper {\n        flex-wrap: wrap;\n      }\n      .author-time {\n        margin-left: 0.4rem;\n        font-size: 14px;\n      }\n    }\n    .author-community {\n      .text-container {\n        font-size: 12px;\n        line-height: 20px;\n      }\n      .author-community-name {\n        color: ",";\n        font-weight: 500;\n      }\n    }\n  }\n"])),(function(n){return n.theme.colors.secondaryBase}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.blue800}),(function(n){return n.theme.colors.green400}),(function(n){return n.theme.colors.red400}),(function(n){return n.theme.colors.yellow800}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.teal400}),(function(n){return n.theme.colors.gray500}),(function(n){return n.theme.colors.blue50}),f.MediaQueries.mbDown,(function(n){return n.theme.mbColors.cobalt}));I.default.img(re||(re=n.__makeTemplateObject(["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"],["\n  width: 20px;\n  height: 20px;\n  margin-left: 0.5rem;\n  cursor: pointer;\n  object-fit: contain;\n"])));var le,re,de,se=I.default.div(de||(de=n.__makeTemplateObject(["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"],["\n  position: relative;\n  .mini-icon {\n    position: absolute;\n    right: 1.2px;\n    bottom: 1.2px;\n  }\n"]))),ue={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor","local-admin":"cardAuthor.localAdmin",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},ce={"vi-VN":G.default,"id-ID":j.default,"ms-MY":z.default,"km-KH":N.default,"en-PH":N.default,"th-TH":P.default,"my-MM":ae,"zh-TW":O.default,"hi-IN":T.default};exports.CardAuthor=function(n){var t=n.time,r=n.className,d=n.community,s=n.name,u=n.username,c=n.url,p=n.avatar,m=n.miniIcon,h=n.role,x=n.style,b=n.type,A=void 0===b?"post":b,w=n.expertId,y=n.isMarryBaby,k=n.title,C=n.doctorId,E=n.hospitalId,B=n.hasQuickBooking,_=n.handleMakeAppointment,D=e.useContext(i.TogetherComponentGlobalContext).data,Q=D.locale,L=D.router,I=D.env,N=I.isMarryBaby,T=I.togetherBasePath,j="boolean"==typeof y?y:N,z=s||u||"",P=h?function(n){var e=["admin","moderator","ambassador","expert","sponsor","local-admin","guide","influencer"];return e.find((function(e){return e===n}))||e.find((function(e){return n.includes(e)}))||e.find((function(e){return e.includes(n)}))}(h):"",G=g.useTranslations().t,O=t?isNaN(new Date(t).getTime())?null:new Date(t):null,F=O?l.formatDistanceToNow(O,{locale:ce[Q]}):t,S=O?l.format(O,"dd/MM/yyyy HH:mm"):t,H=e.useState(!1),U=H[0],Z=H[1],Y=(L||{}).asPath,K="https://".concat(v.domainLocales[Q]).concat(Y),q=function(n){"expert"===h&&(w||C||E)?(n.stopPropagation(),Z(!0)):c&&(window.location.href=c)};return e.useEffect((function(){f.toggleNoScroll(U)}),[U]),M.default.createElement(M.default.Fragment,null,"expert"===h&&w?M.default.createElement(Jn,{isOpen:U,onClose:function(){return Z(!1)},expertId:w}):null,"expert"===h&&C?M.default.createElement(Ln,{isOpen:U,onClose:function(){return Z(!1)},doctorId:C,locale:Q}):null,"expert"===h&&E?M.default.createElement(te,{isOpen:U,onClose:function(){return Z(!1)},hospitalId:E,locale:Q}):null,M.default.createElement(oe,{"data-is-marrybaby":j,className:r,style:x,"data-is-booking":B},M.default.createElement("div",{style:{display:"flex",width:"100%"}},M.default.createElement("a",null,M.default.createElement(se,{onClick:q},M.default.createElement(un,{className:"author-avatar-wrapper",username:z,avatar:p}),m?M.default.createElement(i.Avatar,{className:"mini-icon",type:"rounded",avatarImg:M.default.createElement("img",{src:m,style:{width:"12px",height:"12px",objectFit:"cover"},alt:"badge"})}):null)),M.default.createElement("div",{className:"expert-wrapper"},M.default.createElement("div",{className:"author-info"},M.default.createElement("div",{className:"author-info-top"},M.default.createElement("div",{onClick:q,className:"author-info-text-wrapper"},M.default.createElement(o.Text,{className:"author-name",size:"p3"},z),P&&ue[P]&&M.default.createElement("div",{className:"author-role","data-label-type":P},k||G(ue[P])),j?M.default.createElement(o.Text,{size:"p4",type:"regular",color:"#9495A0",title:S,className:"author-time"},"".concat("post"===A?"• ":"").concat(F)):null),j||"post"===A?null:M.default.createElement(o.Text,{size:"p4",type:"regular",color:"#595959",style:{lineHeight:"20px"},title:S},F)),"post"===A?M.default.createElement("div",{className:"author-community"},M.default.createElement(o.Text,{className:"text-container",size:"p4"},M.default.createElement("a",{href:(null==d?void 0:d.slug)&&d.isActive&&!d.isHidden?"".concat(T,"/").concat(null==d?void 0:d.slug):void 0,className:"author-community-name"},"".concat(j?"/":"").concat(null==d?void 0:d.name)),(j?void 0:F)?" • ":"",M.default.createElement("span",{className:"time-text"},j?void 0:F))):null))),B&&M.default.createElement("div",{className:"btn-wrapper"},M.default.createElement(a.Button,{color:"primary",size:"md",className:"btn-booking",onClick:function(n){null==_||_(C,E),n.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:K},G("careBooking.bookAnAppointment")))))},exports.Dropdown=function(e){var t=e.className,i=e.value,a=e.options,o=e.onChange,l=void 0===o?function(){}:o,r=e.id,d=e.placeholderIcon,s=e.placeholder,u=e.style,c=e.size,p=void 0===c?"lg":c,m=e.groupedWithLabel,g=e.disabled,f=e.dropdownLabelTrackingAttributes,v=void 0===f?{}:f,h=e.isNativeSelect,x=void 0!==h&&h,b=M.default.useState(!1),A=b[0],w=b[1],y=function(){return!g&&w(!A)};return x?M.default.createElement(F,{as:"select","data-is-native":"true",value:(null==i?void 0:i.value)||void 0,disabled:g,onChange:function(n){if("string"==typeof n.target.value){var e=a.find((function(e){return e.value===n.target.value}));e&&l(e)}}},s&&M.default.createElement("option",{value:s,disabled:!0,selected:!0},s),a.map((function(n){return M.default.createElement("option",{key:"".concat(r,"-").concat(n.value),value:n.value,disabled:!!n.disabled&&n.disabled},n.label)}))):M.default.createElement(F,{className:t,"data-dropdown-open":A||void 0,"data-size":p,id:r,"data-has-icons":!!d,style:u,onBlur:function(){return w(!1)},tabIndex:0,"data-disabled":g},!!m&&M.default.createElement(Y,null,m),M.default.createElement(S,n.__assign({onClick:y,className:m&&"with-label"},v),d," ",M.default.createElement("span",null,i&&i.value?i.label:s)),A&&M.default.createElement(H,{onClick:y,"data-has-icons":!!d},a.map((function(n){return M.default.createElement(U,{key:"".concat(r,"-").concat(n.value),"data-selected":i&&i.value===n.value||void 0,onClick:function(){return!n.disabled&&!g&&(null==l?void 0:l(n))},"data-disabled":!!n.disabled&&n.disabled},n.icon&&M.default.createElement(Z,null,n.icon),n.label)}))))},exports.Loading=vn,exports.PopupDoctor=Ln,exports.PopupExpert=Jn,exports.PopupHospital=te,exports.UserAvatar=un,exports.dataTransform=dn,exports.formatComment=ln,exports.formatCommunity=en,exports.formatOvulationInfo=on,exports.formatPost=an,exports.formatTopic=tn,exports.formatUserProfileUrl=rn,exports.locales=ce;