@hhgtech/hhg-components 1.21.1 → 1.21.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/build/components/organisms/footer/index.d.ts +2 -10
  2. package/build/components/organisms/footer/maryBabyFooter/index.d.ts +3 -31
  3. package/build/components/organisms/footer/maryBabyFooter/index.styled.d.ts +6 -7
  4. package/build/components.js +1 -1
  5. package/build/esm/components.js +1 -1
  6. package/build/esm/index-482348e2.js +1 -0
  7. package/build/esm/index.js +1 -1
  8. package/build/index-e6abe98a.js +1 -0
  9. package/build/index.js +1 -1
  10. package/build/interfaces/types/index.d.ts +23 -4
  11. package/package.json +1 -1
  12. package/build/esm/index-f5450aa0.js +0 -1
  13. package/build/index-89bb7100.js +0 -1
package/build/index-89bb7100.js DELETED
@@ -1 +0,0 @@
1
- "use strict";var e=require("react"),t=require("./index.styled-03c4dedb.js"),n=require("./tslib.es6-f7929e76.js"),a=require("./screenSizeContext-60cc891b.js"),l=require("./index-06ae8f3a.js"),o=require("./theme-696d81a9.js"),r=require("./index-ef8759f0.js"),i=require("./index-2555a201.js"),d=require("react-id-generator"),c=require("./index-a8a74936.js"),s=require("lodash"),u=require("keen-slider/react"),m=require("./gAssets.js");require("react-range");var p=require("date-fns"),f=require("styled-components"),g=require("./index-bce6f562.js");require("./Locale-11b51016.js");var h=require("@mantine/core");require("./translationsContext-2d7ea471.js"),require("string-format"),require("lodash/debounce");var v=require("./useTranslations-60d001df.js"),y=require("./useHealthToolCache-014adcd3.js"),x=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-561c9bda.js"),_=require("./index-eb84390c.js"),S=require("./index-5d420cf1.js");function L(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var N=L(e),M=L(f),z=L(E),T=L(b),B=L(w),A=L(C),D=function(l){var o=l.pagesAmount,r=l.activePage,i=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(r<=4?m.slice(0,5):r>=m.length-3?m.slice(m.length-5,m.length):m.slice(r-2,r+1)),f=p[0],g=p[1];return e.useEffect((function(){r<=4?g(m.slice(0,5)):r>=m.length-3?g(m.slice(m.length-5,m.length)):g(m.slice(r-2,r+1))}),[r]),N.default.createElement(e.Fragment,null,r>4&&N.default.createElement(e.Fragment,null,N.default.createElement(t.StyledPaginationBlock,{onClick:function(){return i(1)}},c?N.default.createElement("a",{href:c,onClick:d},1):1),N.default.createElement(t.StyledPaginationBlock,null,"...")),f.map((function(e){return N.default.createElement(t.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===r||void 0,onClick:function(){return i(e)}},c?N.default.createElement("a",{href:a.formatUrlWithPageParam(c,e,u),onClick:d},e):e)})),r<m.length-3&&N.default.createElement(e.Fragment,null,N.default.createElement(t.StyledPaginationBlock,null,"..."),N.default.createElement(t.StyledPaginationBlock,{onClick:function(){return i(m.length)}},c?N.default.createElement("a",{href:a.formatUrlWithPageParam(c,m.length,u),onClick:d},m.length):m.length)))},F=function(e){var n=e.label,a=e.name,l=e.checked,o=e.className,r=e.isDisabled,i=e.onChange,d=e.value,c=e.isRectangle;return N.default.createElement(t.StyledCheckbox,{className:o,"data-disabled":r||void 0,"data-is-rectangle":c||void 0,"data-label-text":n},N.default.createElement("input",{type:"checkbox",checked:l,name:a,onChange:function(){return i(d,!l)},disabled:r,value:d,id:"".concat(a,"-").concat(d),"data-label-text":n}),!c&&N.default.createElement("label",{htmlFor:"".concat(a,"-").concat(d)},n))},I=function(e){return N.default.createElement("svg",n.__assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),N.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"}))},H=function(e){return N.default.createElement("svg",n.__assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),N.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(t){var a=e.useState((function(){return"star-half-mask-".concat(Math.random())}))[0];return N.default.createElement("svg",n.__assign({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),N.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"}),N.default.createElement("mask",{id:a,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},N.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),N.default.createElement("g",{mask:"url(#".concat(a,")")},N.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"})))},j=function(e){var n=e.avatarImg,a=e.authorName,l=e.authorLink,o=e.uploadTime,r=e.size;return N.default.createElement(i.StyledAuthor,null,N.default.createElement("div",{className:"author"},N.default.createElement("div",{className:"avatar","data-size":r},n),N.default.createElement("div",{className:"poster","data-is-disabled-url":!l},N.default.createElement(t.Text,{size:"lg"===r?"p3":"p4"},N.default.createElement("a",{href:l},N.default.createElement("span",{className:"name"},a),"•"," "),N.default.createElement("span",null,o)))))},W=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,N.default.createElement(i.StyledAuthor,null,N.default.createElement("div",{className:"author"},N.default.createElement("div",{className:"expert-avatar","data-size":s},a),N.default.createElement("div",{className:"expert","data-is-disabled-url":!d},n?N.default.createElement("a",{href:d},"lg"===s?N.default.createElement(N.default.Fragment,null,N.default.createElement(r.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},l),N.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p3",className:"specialty"},u)):N.default.createElement(N.default.Fragment,null,N.default.createElement(r.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},l))):N.default.createElement("a",{href:d},"lg"===s?N.default.createElement(N.default.Fragment,null,N.default.createElement(r.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},l),N.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p3",className:"specialty"},u)):N.default.createElement(N.default.Fragment,null,N.default.createElement(i.StyledExpertName,{color:o.theme.colors.gray600,className:"expert__name"},l),N.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p4",className:"specialty"},u))))))},G=function(e){var t=e.LinkComponent,n=e.page,a=e.isLast,l=e.onChangePage,o=n.label,r=n.value,d=n.isDropdown,s=n.dropdownItems,u=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel;return d?N.default.createElement(c.Dropdown,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):N.default.createElement(i.StyledTextLink,{title:"string"!=typeof o?r:o,"data-last":a},t&&N.default.createElement(t,{"data-event-category":u,"data-event-action":m,"data-event-label":p,href:r||"#"},o))},O=Object.freeze({__proto__:null,SideMenu:i.SideMenu,SideHeader:i.SideHeader,UserInfo:i.UserInfo,MenuLink:i.MenuLink}),U=function(e){var t=e.isDisabled,n=e.isLeft,a=e.onClick,l=e.className,o=e.scheme,r=void 0===o?"hellosites":o;return N.default.createElement(i.StyledArrow,{onClick:a,"data-is-disabled":t,"data-is-left":n,className:l},N.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n?N.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"===r?"#595959":"#E55C8A"}):N.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"===r?"#595959":"#E55C8A"})))},V=Object.freeze({__proto__:null,Table:i.Table,Cell:i.Cell,Head:i.Head,Row:i.Row,Body:i.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 N.default.createElement(i.StyledContainer,{"data-is-mobile":l,style:m},N.default.createElement(i.StyledWrapper,{className:n,"data-banner-url":f,"data-is-mobile":l},N.default.createElement(t.Container,{className:"container"},N.default.createElement(i.StyledInner,null,N.default.createElement(i.StyledHeading,{"data-is-mobile":l},N.default.createElement(i.StyledHeadingWithReviewedStatus,{"data-is-mobile":l},N.default.createElement(r.Heading,{color:o.theme.colors.white,tag:p,as:"h2"},a)),s&&N.default.createElement(i.StyledMedicalReviewed,{"data-is-mobile":l},s)),N.default.createElement(i.StyledIconContainer,{"data-is-mobile":l},u)))))},Q=function(e){var t=e.src,n=e.title,a=e.backgroundSrc,l=e.className,o=e.reviewedSection,d=e.isAmp;return N.default.createElement(i.StyledHeroBanner,{className:l},N.default.createElement(i.StyledHeroBackground,{style:{backgroundImage:'url("'.concat(a,'")')}},N.default.createElement(i.StyledHeroContentContainer,null,N.default.createElement(i.StyledHeroInfoContainer,null,N.default.createElement(r.Heading,{tag:"h5",color:"white"},n),o),N.default.createElement(i.StyledHeroBannerContainer,null,d?N.default.createElement("amp-img",{src:t||"",alt:n,width:"140",height:"140"}):N.default.createElement("img",{src:t||"",style:{objectFit:"contain"},alt:n})))))},Z=function(a){var l,d,s,u=a.backgroundDesktopSrc,m=a.backgroundMobileSrc,p=a.title,f=a.iconSrc,g=a.className,h=a.isEmbed,y=void 0!==h&&h,x=a.isAmp,E=v.useTranslations().t,b=e.useState({}),w=b[0],C=b[1],k=c.formatUserProfileUrl(null==w?void 0:w.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,c.callApi(c.getDiscoverApiPath(c.DISCOVER_PATHS.GET_HEALTH_TOOL_OVULATION_INFO),"GET")];case 1:return e=t.sent(),C(null==e?void 0:e.data),[2]}}))}))}),[]),N.default.createElement(i.StyledHealthToolHeroContainer,{className:g},N.default.createElement(i.StyledHealthToolBannerContainer,{style:{backgroundImage:"url('".concat(m||u,"')")}},N.default.createElement(i.StyledHealthToolBannerTextContainer,null,N.default.createElement(r.Heading,{tag:"h5",color:"white"},p),(null===(l=null==w?void 0:w.reviewed_by)||void 0===l?void 0:l.display_name)?N.default.createElement(t.Text,{size:"n1",color:"white",style:{marginTop:"0.3rem"}},N.default.createElement("span",{dangerouslySetInnerHTML:{__html:E("articlePage.articleReviewerBy",{name:'<a\n style="color: white"\n href="'.concat(k,'"\n >\n ').concat(w.reviewed_by.display_name,"\n </a>")})}}),N.default.createElement("span",null,E("tools.heading.on")),N.default.createElement("span",null,null==w?void 0:w.reviewed_date)):null),N.default.createElement(i.StyledHealthToolBannerIconContainer,null,x?N.default.createElement("amp-img",{src:f||"",alt:p,width:"100%",height:"100%"}):N.default.createElement("img",{src:f||"",style:{width:"100%",objectFit:"contain",marginTop:"30px"},alt:p}))),N.default.createElement(Q,{isEmbed:y,className:"desktop-only",src:f,backgroundSrc:u||m||"",title:p,reviewedSection:(null===(d=null==w?void 0:w.reviewed_by)||void 0===d?void 0:d.display_name)&&""!==(null===(s=null==w?void 0:w.reviewed_by)||void 0===s?void 0:s.display_name)&&N.default.createElement(t.Text,{size:"n1",color:o.theme.colors.white,style:{marginTop:12}},N.default.createElement("span",{dangerouslySetInnerHTML:{__html:E("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(k,'"\n >\n ').concat(w.reviewed_by.display_name,"\n </a>"),date:null==w?void 0:w.reviewed_date})}}),N.default.createElement("span",null)),isMobile:!0}))},R=function(a){var l=a.info,r=a.onChange,i=a.errorMessage,d=void 0===i?{}:i,c=v.useTranslations().t,s=e.useState({weightBefore:!1,height:!1,weight:!1}),u=s[0],m=s[1],p=function(e,t){""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)};return e.useEffect((function(){r&&r(n.__assign({},l))}),[]),e.useEffect((function(){m({weightBefore:!1,height:!1,weight:!1})}),[d]),N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:"input-form"},N.default.createElement(t.PureInput,{label:N.default.createElement("span",{style:{display:"inline-block",color:o.theme.colors.gray600,fontWeight:"bold",marginBottom:"5px"}},c("pregnancyWeightGain.weightBeforeInput")," ",N.default.createElement("span",{style:{color:"".concat(o.theme.colors.gray300)}},c("pregnancyWeightGain.weightInput.desc"))),errorMessage:u.weightBefore?"":null==d?void 0:d.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:function(e){p(e,(function(e){m((function(e){return n.__assign(n.__assign({},e),{weightBefore:!0})}));var t=n.__assign(n.__assign({},l),{weightBefore:e});r&&r(t)}))},value:null==l?void 0:l.weightBefore})),N.default.createElement("div",{className:"input-form"},N.default.createElement(t.PureInput,{label:N.default.createElement("span",{style:{display:"inline-block",color:o.theme.colors.gray600,fontWeight:"bold",marginBottom:"5px"}},c("pregnancyWeightGain.heightInput")," ",N.default.createElement("span",{style:{color:"".concat(o.theme.colors.gray300)}},c("bmi.heightInput.desc"))),errorMessage:u.height?"":null==d?void 0:d.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==l?void 0:l.height,onChange:function(e){p(e,(function(e){m((function(e){return n.__assign(n.__assign({},e),{height:!0})}));var t=n.__assign(n.__assign({},l),{height:e});r&&r(t)}))}})),N.default.createElement("div",{className:"input-form"},N.default.createElement(t.PureInput,{label:N.default.createElement("span",{style:{display:"inline-block",color:o.theme.colors.gray600,fontWeight:"bold",marginBottom:"5px"}},c("pregnancyWeightGain.weightInput")," ",N.default.createElement("span",{style:{color:"".concat(o.theme.colors.gray300)}},c("pregnancyWeightGain.weightInput.desc"))),errorMessage:u.weight?"":null==d?void 0:d.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==l?void 0:l.weight,onChange:function(e){p(e,(function(e){m((function(e){return n.__assign(n.__assign({},e),{weight:!0})}));var t=n.__assign(n.__assign({},l),{weight:e});r&&r(t)}))}})))},K=function(){return"undefined"!=typeof window&&window.innerWidth<a.Breakpoints.BREAK_POINT_MOBILE},Y=function(){return"undefined"!=typeof window&&window.innerWidth>=a.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<a.Breakpoints.BREAK_POINT_PC};var $={"en-PH":z.default,"vi-VN":B.default,"zh-TW":A.default,"id-ID":T.default};function X(t){var a=t.value,l=void 0===a?{from:null,to:null}:a,o=e.useState(null),r=o[0],d=o[1],c=function(){var t=e.useState(K()),n=t[0],a=t[1],l=e.useState(Y()),o=l[0],r=l[1];return e.useEffect((function(){var e=function(){a(K()),r(Y())};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 y=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:r,setHoverDay:d});return N.default.createElement(N.default.Fragment,null,N.default.createElement(J,n.__assign({},y,{date:g})),!c&&N.default.createElement(i.StyledCalendarMonthSeparator,null),!c&&N.default.createElement(J,n.__assign({},y,{date:v})))}function J(t){var a=t.date,o=t.range,r=t.setRange,d=t.onChange,c=t.goToPreviousMonth,s=t.goToNextMonth,u=t.minDate,f=t.maxDate,g=t.close,h=void 0===g?function(){}:g,y=t.autoClose,x=void 0!==y&&y,E=t.hoverDay,b=t.setHoverDay,w=v.useTranslations().locale,C=e.useMemo((function(){var e;return null!==(e=$[w])&&void 0!==e?e:$["en-PH"]}),[w]),k=e.useMemo((function(){return p.format(a,"MMMM",{locale:C})}),[a,C]),_=e.useMemo((function(){return C?[1,2,3,4,5,6,0].map((function(e){return C.localize.day(e,{width:"narrow"})})):[]}),[C]);function S(e,t){if(null===e)return N.default.createElement(i.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,m=!1;null!==E&&o.from&&p.isBefore(o.from,E)&&!o.to?m=p.isWithinInterval(e,{start:o.from,end:E}):o.from&&o.to&&(m=p.isWithinInterval(e,{start:o.from,end:o.to}));var g=!1;return u&&f?g=!p.isWithinInterval(e,{start:u,end:f}):u?g=p.isBefore(e,u):f&&(g=p.isAfter(e,f)),N.default.createElement(i.StyledCalendarDayNumberWrapper,{key:a,"data-is-today":l,"data-is-past":!l&&p.isPast(e),"data-is-selected":s,"data-is-disabled":g,"data-in-range":m,"data-is-from":d,"data-is-to":c,onMouseEnter:function(){b(e)},onMouseLeave:function(){return b(null)},onClick:function(){g||r((function(t){return x&&o.from&&!o.to&&h(),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)}))}},N.default.createElement(i.StyledCalendarDayNumber,{onClick:function(){}},N.default.createElement("p",null,a)))}return e.useEffect((function(){o.from&&o.to&&d(o)}),[o]),N.default.createElement(i.StyledCalendarWrapper,{className:"calendar-wrapper"},N.default.createElement(i.StyledCalendarHead,null,N.default.createElement(l.Button,{onClick:c,size:"md",color:"ghost",icon:N.default.createElement("img",{src:m.CommonGAssets.getAssetPath("calendarArrowLeft.svg")})}),N.default.createElement("div",{className:"calendar-month"},k,N.default.createElement("strong",null,p.format(a,"yyyy"))),N.default.createElement(l.Button,{onClick:s,size:"md",color:"ghost",icon:N.default.createElement("img",{src:m.CommonGAssets.getAssetPath("calendarArrowRight.svg")})})),N.default.createElement(i.StyledCalendarCellsWrapper,null,N.default.createElement("div",null,N.default.createElement(i.StyledCalendarDaysOfWeek,null,_.map((function(e,t){return N.default.createElement(i.StyledCalendarDayLabel,{key:"".concat(e,"-").concat(t)},e)})))),N.default.createElement("div",null,function(){for(var e=a.getFullYear(),t=a.getMonth(),n=p.getDaysInMonth(a),l=[],r=1;r<=n;r++)l.push(new Date(e,t,r));var d=l[0]?l[0].getDay():0;if(1!==d){var c=0===d?6:d-1;for(r=0;r<c;r++)l.unshift(null)}return N.default.createElement(i.StyledCalendarMonthWrapper,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(o.from&&o.to)},N.default.createElement(i.StyledCalendarDaysWrapper,null,N.default.createElement(i.StyledCalendarDateGrid,null,l.map(S))))}())))}var ee,te,ne=function(){return N.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.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"}),N.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},ae=function(){return N.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},N.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"}))},le=M.default.footer(ee||(ee=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),oe=M.default.div(te||(te=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,r=e.isAmp;return N.default.createElement(oe,{"data-is-mobile":n},r?N.default.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":o}):N.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}))},ie=function(n){var r,i,d,c,s,u,m,p,f,h,y,x,E,b,w,C,k,_,S,L,M,z,T,B,A,D,F,I,H,P,j,W,G,O,U,V=n.className,q=n.type,Q=void 0===q?"main":q,Z=n.footerInfo,R=n.isMobile,K=n.locale,Y=n.isAmp,$=v.useTranslations().t,X=null==Z?void 0:Z.menu;return e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[]),N.default.createElement(le,{as:Y&&"mini"===Q?"div":"footer",className:V,style:"mini"===Q?{backgroundColor:o.theme.colors.neutral50}:{},"next-page-hide":!0},N.default.createElement(t.Container,null,N.default.createElement("div",{className:"inner","data-type":Q,"next-page-hide":""},"main"===Q?N.default.createElement(N.default.Fragment,null,N.default.createElement("a",{href:"/"},Y?(null===(i=null==Z?void 0:Z.general)||void 0===i?void 0:i.logo)?N.default.createElement("amp-img",{src:null===(d=null==Z?void 0:Z.general)||void 0===d?void 0:d.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:N.default.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(r=null==Z?void 0:Z.general)||void 0===r?void 0:r.logo,alt:"Logo","data-is-sehat":"id-ID"===K})),N.default.createElement("div",{className:"columns"},N.default.createElement("div",{className:"newsletter"},N.default.createElement(t.Text,{size:"p1",type:"bold"},null===(c=null==Z?void 0:Z.general)||void 0===c?void 0:c.content),N.default.createElement(l.Button,{className:"signupButton",color:"primary",size:"lg"},$("footer.signUp")),N.default.createElement("div",{className:"social"},N.default.createElement(t.Text,{size:"sm",type:"regular"},null===(s=null==Z?void 0:Z.social)||void 0===s?void 0:s.title),N.default.createElement("div",{className:"icons"},null===(m=null===(u=null==Z?void 0:Z.social)||void 0===u?void 0:u.socials)||void 0===m?void 0:m.map((function(e,t){return N.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},Y?N.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"}):N.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"}))}))),N.default.createElement("hr",{className:"hrMobile"}))),N.default.createElement("div",null,X&&N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:"biglinks"},null===(f=null===(p=X[0])||void 0===p?void 0:p.items)||void 0===f?void 0:f.map((function(e,t){return N.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(g.domainLocales[K]).concat(e.url),className:"bigLink",key:t,href:e.url},e.title)}))),N.default.createElement("hr",{className:"hrMobile"}),N.default.createElement("div",{className:"mHalf"},N.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(h=X[1])||void 0===h?void 0:h.menu_title),null===(x=null===(y=X[1])||void 0===y?void 0:y.items)||void 0===x?void 0:x.map((function(e,n){return N.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(g.domainLocales[K]).concat(e.url),className:"link",href:e.url,key:n},N.default.createElement(t.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(g.domainLocales[K]).concat(e.url)},e.title))}))),N.default.createElement("div",{className:"mHalf"},N.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(E=X[2])||void 0===E?void 0:E.menu_title),null===(w=null===(b=X[2])||void 0===b?void 0:b.items)||void 0===w?void 0:w.map((function(e,n){return e.url&&N.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:n},N.default.createElement(t.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!Y&&N.default.createElement(N.default.Fragment,null,N.default.createElement("hr",{className:"hrMobile"}),N.default.createElement("div",{className:"otherSites"},N.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(C=null==Z?void 0:Z.branch)||void 0===C?void 0:C.title),N.default.createElement("div",{className:"flags"},null===(_=null===(k=null==Z?void 0:Z.branch)||void 0===k?void 0:k.branch)||void 0===_?void 0:_.map((function(e,t){return N.default.createElement("a",{className:"link",href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},N.default.createElement(re,{url:e.flag,isMobile:R,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url,isAmp:Y}))}))))))),N.default.createElement("hr",null),N.default.createElement("div",{className:"copyright","data-is-amp":Y||void 0},(null===(S=null==Z?void 0:Z.general)||void 0===S?void 0:S.verified)&&N.default.createElement("a",{href:null===(M=null===(L=null==Z?void 0:Z.general)||void 0===L?void 0:L.verified[0])||void 0===M?void 0:M.url,className:"copyright-image"},Y?N.default.createElement("amp-img",{src:null===(T=null===(z=null==Z?void 0:Z.general)||void 0===z?void 0:z.verified[0])||void 0===T?void 0:T.image,alt:"DMCA Icon",width:"100",height:"36"}):N.default.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(A=null===(B=null==Z?void 0:Z.general)||void 0===B?void 0:B.verified[0])||void 0===A?void 0:A.image,alt:"DMCA Icon"})),N.default.createElement(t.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(D=null==Z?void 0:Z.general)||void 0===D?void 0:D.copyright)),"vi-VN"===K&&N.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")):N.default.createElement(N.default.Fragment,null,(null==Z?void 0:Z.menu)&&N.default.createElement("div",{className:"columns"},N.default.createElement("div",{className:"mHalf"},N.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(F=null==Z?void 0:Z.menu[1])||void 0===F?void 0:F.menu_title),null===(H=null===(I=null==Z?void 0:Z.menu[1])||void 0===I?void 0:I.items)||void 0===H?void 0:H.map((function(e){return N.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(g.domainLocales[K]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(g.domainLocales[K]).concat(e.url)},N.default.createElement(t.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(g.domainLocales[K]).concat(e.url),size:"sm",type:"regular",style:{color:o.theme.colors.gray800}},e.title))}))),N.default.createElement("div",{className:"mHalf"},N.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(P=null==Z?void 0:Z.menu[2])||void 0===P?void 0:P.menu_title),null===(W=null===(j=null==Z?void 0:Z.menu[2])||void 0===j?void 0:j.items)||void 0===W?void 0:W.map((function(e,n){return N.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},N.default.createElement(t.Text,{size:"sm",type:"regular",style:{color:o.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!Y&&"mini"!==Q&&N.default.createElement("hr",{className:"hrMobile"}),N.default.createElement("div",{className:"newsletter"},N.default.createElement("div",{className:"social"},N.default.createElement(t.Text,{size:"sm",type:"regular"},null===(G=null==Z?void 0:Z.social)||void 0===G?void 0:G.title),N.default.createElement("div",{className:"icons"},null===(U=null===(O=null==Z?void 0:Z.social)||void 0===O?void 0:O.socials)||void 0===U?void 0:U.map((function(e,t){return N.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},Y?N.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"}):N.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((function(e){var t=e.type,a=n.__rest(e,["type"]);return N.default.createElement(t,a)}))(de||(de=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 de,ce,se=M.default.p(ce||(ce=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})),ue=function(e){var t=e.type,a=e.color,l=e.style,o=n.__rest(e,["type","color","style"]);return N.default.createElement(se,n.__assign({"data-type":t,style:n.__assign(n.__assign({},l),a&&{"--text-color":a})},o))};M.default.footer(me||(me=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 me,pe,fe,ge,he,ve,ye,xe,Ee=M.default.div(pe||(pe=n.__makeTemplateObject([""],[""]))),be=M.default.div(fe||(fe=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"]))),we=M.default.div(ge||(ge=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),Ce=M.default.div(he||(he=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),ke=M.default.div(ve||(ve=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=M.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})),Se=M.default.div(xe||(xe=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"]))),Le={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"}},Ne=function(e){var n,a=e.socialLinks,l=void 0===a?Le.SOCIAL_LINKS:a,r=l.facebookLink,i=l.instagramLink,d=l.zaloLink,c=l.youtubeLink,s=e.copyrightText,u=e.logoType,p=void 0===u?"marryBaby":u,f=e.isMobile,g=e.footerMenu,h=void 0===g?[]:g,y=e.type,x=void 0===y?"main":y,E=v.useTranslations().t;return"main"===x?N.default.createElement(Ee,{className:"footer-container"},!f&&N.default.createElement("div",{className:"footer-divider"},N.default.createElement(t.Container,{type:"marryBaby"},N.default.createElement(S.Divider,{style:{padding:"0 16px"},type:"solid"}))),N.default.createElement(we,null,N.default.createElement(t.Container,{type:"marryBaby"},N.default.createElement(Ce,null,N.default.createElement("div",{className:"grid"},null===(n=f?null==h?void 0:h.slice(0,6):h)||void 0===n?void 0:n.map((function(e,t){var n=e.title,a=e.link;return N.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)},N.default.createElement(ue,{color:o.theme.colors.gray800,type:"subtitle-2"},n))})),N.default.createElement("div",{className:"social-wrapper"},N.default.createElement("div",{className:"social"},N.default.createElement(ue,{type:"subtitle-2"},E("footer.followUsText")),N.default.createElement("div",{className:"icons-links"},r&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},N.default.createElement("img",{src:m.CommonGAssets.getAssetPath("facebook.svg"),alt:"Facebook"})),c&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},N.default.createElement("img",{src:m.CommonGAssets.getAssetPath("youtube.svg"),alt:"Youtube"})),i&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":i,href:i},N.default.createElement("img",{src:m.CommonGAssets.getAssetPath("instagram.svg"),alt:"Instagram"})),d&&N.default.createElement("a",{target:"_blank",rel:"noreferrer",href:d,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":d},N.default.createElement("img",{src:m.CommonGAssets.getAssetPath("zalo.png"),alt:"Zalo"}))))))))),N.default.createElement(ke,null,N.default.createElement(t.Container,{type:"marryBaby"},N.default.createElement(_e,null,N.default.createElement(t.Logo,{className:"logo",type:p,width:"121px"}),N.default.createElement(ue,{className:"company-name",type:"subtitle-2"},E("footer.info.companyName")),N.default.createElement("div",{className:"text-info"},N.default.createElement(ue,{type:"bodytext-3"},E("footer.info.address")),N.default.createElement(ue,{type:"bodytext-3"},E("footer.info.license")),N.default.createElement(ue,{type:"bodytext-3"},E("footer.info.email"))),N.default.createElement("div",{className:"img-container"},N.default.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),N.default.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},N.default.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!f&&N.default.createElement(S.Divider,{type:"solid"}),N.default.createElement("div",{className:"language-and-copyright"},N.default.createElement(ue,{type:"bodytext-3"},s)))))):N.default.createElement(be,null,N.default.createElement(Se,null),N.default.createElement(ue,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:o.theme.sizes.fwSemiBold},color:o.theme.mbColors.midGray},E("footer.followUsText")),N.default.createElement("div",{className:"icons-links"},r&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.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)"}),N.default.createElement("defs",null,N.default.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},N.default.createElement("stop",{stopColor:"#4DABF7"}),N.default.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),c&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.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"}))),i&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":i,href:i},N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.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)"}),N.default.createElement("defs",null,N.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)"},N.default.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),N.default.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),N.default.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),N.default.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),N.default.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),N.default.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),N.default.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),N.default.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),N.default.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),N.default.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),N.default.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),d&&N.default.createElement("a",{target:"_blank",rel:"noreferrer",href:d,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":d},N.default.createElement("div",{style:{height:24,width:24}},N.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,r=e.contentIcon,i=e.closeIcon,d=e.className,c=e.description;return N.default.createElement(t.StyledAlert,{style:n,"data-alert-type":o,className:d},N.default.createElement(t.StyledContent,null,N.default.createElement("div",{className:"icon-title"},r,N.default.createElement(t.Text,{type:"bold",size:"label1"},l)),N.default.createElement(t.Text,{type:"regular",size:"p3"},c)),N.default.createElement(t.StyledClose,{onClick:a},i))},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 N.default.createElement("amp-next-page",null,N.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||""}})))}}),N.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,y=e.dataEventCategoryForCategory,x=e.dataEventCategoryForTitle,E=e.dataEventLabelForBanner,b=e.dataEventLabelForBookmark,w=e.dataEventLabelForCategory,C=e.dataEventLabelForTitle,k=e.direction,_=void 0===k?"horizontal":k,S=e.hasAffiliate,L=e.isBookmark,M=void 0!==L&&L,z=e.isBookmarkDisplayed,T=void 0===z||z,B=e.isMobile,A=void 0===B||B,D=e.onBookmark,F=e.onClickCategoryName,I=e.section,H=void 0===I?"normal":I,P=e.size,G=void 0===P?"md":P,O=e.specialty,U=e.style,V=e.styleBanner,q=e.styleLabel,Q=e.styleTitle,Z=e.text,R=e.title,K=e.type,Y=void 0===K?"author":K,$=e.uploadTime,X=e.articleLinkTarget,J=function(e){e.stopPropagation(),D&&D()},ee="lg"===G&&"expert"===Y?"h4":"lg"===G&&"home"===H?A?"h4":"h3":"lg"===G?"h4":"h5",te="lg"===G?"p3":"p4",ne=A||"home"!==H||"lg"!==G||"author"!==Y?"c2":"c1";return N.default.createElement(i.StyledCard,{className:u,"data-size":G,style:U,"data-direction":_,"data-is-expert":"expert"===Y||void 0},N.default.createElement("div",{className:"banner",style:V},N.default.createElement(i.StyledAnchor,{"data-event-category":h,"data-event-action":m,"data-event-label":E,href:n||"#",target:X},d),S&&N.default.createElement("div",{className:"shoppable"},N.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),N.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"})))),N.default.createElement("div",{className:"content"},N.default.createElement("div",{className:"inner-content"},N.default.createElement(t.Text,{style:q,className:"label",size:ne,type:"caption"},N.default.createElement(i.StyledAnchor,{"data-event-category":y,"data-event-action":f,"data-event-label":w,href:c||"#",onClick:F},s),T&&N.default.createElement("a",{className:"bookmark",onClick:J},M?N.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"},N.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"})):N.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"},N.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"})))),N.default.createElement(r.Heading,{tag:ee,style:Q,className:"title",as:"lg"===G?"h2":"h3"},N.default.createElement(i.StyledAnchor,{"data-event-category":x,"data-event-action":g,"data-event-label":C,href:n||"#",target:X},R)),Z&&N.default.createElement("a",{href:n||"#",target:X},N.default.createElement(t.Text,{size:te,className:"text"},Z))),N.default.createElement("div",{className:"footer"},"author"===Y?N.default.createElement(j,{size:G,avatarImg:o,authorName:l,authorLink:a,uploadTime:$,handleClick:J,isBookmarked:M,dataEventCategoryForBookmark:v,dataEventActionForBookmark:p,dataEventLabelForBookmark:b}):N.default.createElement(W,{size:G,isMobile:A,avatarImg:o,specialty:O,name:l,link:a,handleClick:J,isBookmarked:M,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,r=e.color,i=void 0===r?"primary":r,d=e.icon,c=e.className;return N.default.createElement(t.StyledBadge,{"data-notification-type":a,"data-notification-size":o,"data-notification-color":i,"data-has-icon":!!d||void 0,notificationType:a,notificationSize:o,notificationColor:i,hasIcon:!!d,className:c},N.default.createElement("div",null,n&&N.default.createElement("span",null,n)," ",d&&N.default.createElement("div",null,d)))},exports.BorderHeading=function(e){var a=e.style,l=e.children,o=e.className,r=e.size,i=void 0===r?"lg":r,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 N.default.createElement(t.StyledBorderHeading,{style:n.__assign({color:p},a),className:o,"data-size":i,"data-type":c,"data-uppercase":s,as:m},l)},exports.Breadcrumbs=function(t){var a=t.className,l=t.pages,o=t.size,r=t.LinkComponent,c=void 0===r?"a":r,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 N.default.createElement(i.StyledBreadcrumb,{"data-size":o,className:a},m.map((function(t,n){var a=n+1===m.length;return N.default.createElement(e.Fragment,{key:p[n]},N.default.createElement(G,{LinkComponent:c,page:t,isLast:a,onChangePage:s}),!a&&(u||N.default.createElement(i.StyledSeparator,{"data-size":o})))})))},exports.Carousel=function(t){for(var a=t.row,l=t.column,o=t.children,r=t.scheme,d=void 0===r?"hellosites":r,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,y=t.isArrowShown,x=void 0!==y&&y,E=t.dataEventCategory,b=t.dataEventAction,w=t.dataEventLabel,C=t.onChangePage,k=N.default.useState(0),_=k[0],S=k[1],L=e.useState(!1),M=L[0],z=L[1],T=u.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){S(e.track.details.rel),C&&C(e.track.details.rel)},created:function(){z(!0)},drag:!0,mode:g,slides:{spacing:12}}),B=T[0],A=T[1],D=[],F=a*l,I=0;I<o.length;I+=F){var H=o.slice(I,I+F);D.push(H)}return N.default.createElement(i.StyledCarousel,{row:a,column:l},N.default.createElement("div",{className:"navigation-wrapper"},N.default.createElement("div",{ref:B,className:"keen-slider slides-wrapper"},D.map((function(e,t){return N.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},e.map((function(e,t){return N.default.createElement("div",{key:t},e)})))}))),M&&A.current&&x&&N.default.createElement(N.default.Fragment,null,N.default.createElement(U,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=A.current)||void 0===t?void 0:t.prev())},isDisabled:0===_,scheme:d,className:"left-arrow ".concat(s),"data-event-category":E,"data-event-action":b,"data-event-label":w}),N.default.createElement(U,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=A.current)||void 0===t?void 0:t.next())},isDisabled:_===A.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}))),M&&A.current&&v&&N.default.createElement("div",{className:"dots"},n.__spreadArray([],Array(A.current.track.details.slides.length),!0).map((function(e,t){return N.default.createElement(i.StyledDot,{key:t,onClick:function(){var e;null===(e=A.current)||void 0===e||e.moveToIdx(t)},"data-is-active":_===t,"data-is-hellosites":"hellosites"===d})}))))},exports.Checkbox=F,exports.CheckboxGroup=function(e){var t=e.name,n=e.values,a=void 0===n?[]:n,l=e.onChanges,o=e.options,r=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 N.default.createElement(i.StyledCheckboxGroup,{className:d,"data-type":s,"data-is-rectangle":m||void 0},r.map((function(e,n){return N.default.createElement(F,{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,r=e.title,d=void 0===r?"":r,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 N.default.createElement(i.StyledAcceptCardContainer,{className:t,"data-theme":m,"data-is-open":f,"data-default-position":h},N.default.createElement(i.StyledTitleSection,{"data-has-content":!!d},d),N.default.createElement(i.StyledDescription,{dangerouslySetInnerHTML:{__html:s}}),N.default.createElement(i.StyledButtonGroup,null,N.default.createElement(i.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),N.default.createElement(i.StyledPoliciesButton,{href:n},o.policiesButton)))},exports.DateRangePicker=function(n){var a=n.inputSize,l=void 0===a?"md":a,o=n.name,r=void 0===o?"date-range-picker":o,d=n.value,c=n.minDate,s=n.maxDate,u=n.onChange,f=n.className,g=n.autoClose,h=void 0!==g&&g;d||(d={from:null,to:null});var v=e.useState(!1),y=v[0],E=v[1];function b(){E(!1)}var w=e.useRef(null);function C(e){u&&u(e)}function k(e){return p.format(e,"dd/MM/yyyy")}x.useOutsideClick(w,(function(){b()}));var _=e.useMemo((function(){return d.from&&d.to?p.isSameDay(d.from,d.to)?k(d.from):"".concat(k(d.from)," - ").concat(k(d.to)):""}),[d.from,d.to]);return N.default.createElement(i.StyledWrapper$1,{className:[f,y&&"focused"].filter(Boolean).join(" "),ref:w},N.default.createElement("label",{htmlFor:r},N.default.createElement(t.PureInput,{size:l,value:_,name:r,actionIcon:N.default.createElement("img",{src:m.CommonGAssets.getAssetPath("calendar.svg")}),onFocus:function(){return E(!0)}})),y?N.default.createElement(i.StyledCalendarWrapper$1,{onMouseDown:function(e){e.stopPropagation()}},N.default.createElement(X,{value:d,onChange:C,minDate:c,maxDate:s,close:b,autoClose:h})):null)},exports.DueDateCardEmbed=function(a){var l,r=a.isMobile,d=a.locale,s=a.onSubmitDueDate,u=v.useTranslations().t,p=e.useState({}),f=p[0],g=p[1],h=e.useState(""),y=h[0],x=h[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,c.callApi(c.getDiscoverApiPath(c.PATHS.GET_DUE_DATE_INFO),"GET")];case 1:return e=n.sent(),g(null==e?void 0:e.data),x(c.formatUserProfileUrl(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.reviewd_by)||""),[2]}}))}))}),[]),N.default.createElement(i.StyledContainer$1,null,N.default.createElement(q,{isEmbed:!0,bannerUrl:m.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),icon:N.default.createElement("img",{alt:"health-tool-icon",src:"https://hellobacsi.com/images/due-date-icon.svg",style:{objectFit:"contain"}}),heading:u("healthTools.dueDateCalculator"),medicalReview:(null===(l=null==f?void 0:f.reviewed_by)||void 0===l?void 0:l.display_name)?N.default.createElement(t.Text,{size:"n1",color:o.theme.colors.white},N.default.createElement("span",{dangerouslySetInnerHTML:{__html:u("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(y,'"\n >\n ').concat(null==f?void 0:f.reviewed_by.display_name,"\n </a>"),date:null==f?void 0:f.reviewed_date})}}),N.default.createElement("span",null)):void 0,isMobile:r}),N.default.createElement(t.Container,null,N.default.createElement(i.StyledContent,{className:"due-date-cal"},N.default.createElement(i.DueDateCalculator,{locale:d,onSubmitDueDate:s}))))},exports.FileDropdown=function(n){var a=n.className,l=n.value,o=n.options,r=n.onUploadSelected,i=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&&N.default.createElement("input",{id:"uploader-dropdown-input-"+i+"-"+e.value,key:"uploader-dropdown-input-"+i+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),r(e.target.files)}})}))),h=N.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"},N.default.createElement("defs",null,N.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},N.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),N.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),N.default.createElement("title",null,"File"),N.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},N.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)"}),N.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),v=N.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"},N.default.createElement("defs",null,N.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),N.default.createElement("title",null,"download"),N.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)"})),y=N.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"},N.default.createElement("defs",null,N.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),N.default.createElement("title",null,"upload"),N.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 N.default.createElement(t.StyledDropdown,{className:a,"data-dropdown-open":!!m,id:i,"data-has-icons":!0,style:s,onBlur:function(){return p(!1)},tabIndex:0},N.default.createElement(t.StyledDropdownName,{onClick:f},d||h," ",N.default.createElement("span",null,l&&l.value?l.label:c)),m&&N.default.createElement(t.StyledDropdownList,{onClick:f,"data-has-icons":!0},o.map((function(e){return N.default.createElement(t.StyledDropdownOption,{key:"".concat(i,"-").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-"+i+"-"+e.value):void((t=e.url)&&window.open(t,"_blank"));var t}},N.default.createElement(t.StyledIcon,null,e.icon||"download"===e.type?v:y),e.label)}))),N.default.createElement(N.default.Fragment,null,g.current))},exports.FloatButtonGroup=function(t){var a=t.items,l=t.className,o=t.style,r=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,y=e.useState(!!d),x=y[0],E=y[1];e.useEffect((function(){E(!!d)}),[d]);var b=function(){E(!1),s&&s()};return N.default.createElement(i.StyledFloatButtonGroup,{style:o,className:l,"data-floatmenu-open":x,"data-site-type":p,"data-animation-type":g},N.default.createElement(i.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:n.__assign({zIndex:v},r),onClick:u?void 0:b}),N.default.createElement(i.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:v}},N.default.createElement(i.StyledFloatButtonGroupItemsWrapper,null,a.map((function(e,t){return N.default.createElement(i.StyledFloatButtonGroupButton,{className:"float-item-button-".concat(t),style:n.__assign(n.__assign({},"zoom"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(i.TRANSITION_TIMING/a.length*(x?a.length-1-t:t),"ms")}),"slide"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(i.TRANSITION_TIMING/a.length*(x?t:a.length-1-t),"ms")}),key:t,onClick:function(){e.onClick(),e.keepMenuOnClick||E(!1)}},N.default.createElement(i.StyledFloatButtonGroupButtonLabel,{style:n.__assign({},"zoom"===g&&{transitionDelay:"".concat(i.TRANSITION_TIMING/a.length*(x?a.length-1-t:t),"ms")})},e.label),N.default.createElement(i.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:n.__assign({},("zoom"===g||"slide"===g)&&{transitionDelay:"".concat(i.TRANSITION_TIMING/a.length*(x?a.length-1-t:t),"ms")})},e.icon))}))),N.default.createElement(i.StyledFloatButtonGroupToggleIcon,{onClick:x?b:function(){E(!0),c&&c()}})))},exports.Footer=function(t){var n=t.type,l=t.isMobile,o=void 0===l||l,r=t.locale,i=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?N.default.createElement(ie,{isAmp:d,isMobile:o,type:n,locale:r,footerInfo:i||{}}):N.default.createElement(Ne,{isMobile:o,locale:r,footerMenu:i||[],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,r=e.gridTemplateColumnsDesktop,i=e.gap,d=e.children,c=e.justifyChildren,s=e.style,u=e.alignItems;return N.default.createElement(t.StyledGrid,{className:n,style:s,theme:{columns:a,columnsDesktop:l,gap:i,justifyChildren:c,gridTemplateColumns:o,gridTemplateColumnsDesktop:r,alignItems:u}},d)},exports.IconText=function(e){var t=e.size,n=e.iconPosition,a=e.className,l=e.children,o=e.icon;return N.default.createElement(i.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=v.useTranslations().t,o=c.formatOvulationInfo(a||null);return N.default.createElement(i.StyledContainer$1,null,N.default.createElement(Z,{backgroundDesktopSrc:m.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),backgroundMobileSrc:m.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),title:l("healthTools.ovulationCalculator"),iconSrc:"https://hellobacsi.com/images/ovulation-icon.svg",reviewedBy:o.reviewedBy,reviewedDate:o.reviewedDate,isEmbed:!0}),N.default.createElement(h.Container,null,N.default.createElement(i.StyledContent,{className:"ovulation-cal"},N.default.createElement(i.OvulationCalculator,{locale:n,onSubmitOvulation:t}))))},exports.PWGCardEmbed=function(a){var r,d,s=a.locale,u=a.onClick,p=a.inputErrorMessage,f=a.pwgContent,x=a.onFormChange,E=a.info,b=v.useTranslations().t,w=e.useState(!1),C=w[0],k=w[1],_=e.useState("notwins"),S=_[0],L=_[1],M=e.useState({label:b("childCard.age.week",{weeks:0}),value:0}),z=M[0],T=M[1],B=e.useMemo((function(){return n.__spreadArray([],Array(41),!0).map((function(e,t){return{label:b("childCard.age.week",{weeks:t}),value:"".concat(t)}}))}),[]),A=y.useHealthToolsCache(s).getHealthToolLink,D=e.useMemo((function(){return A(c.HEALTH_TOOL_TYPE.PWG)}),[A]);return N.default.createElement(i.StyledContainer$1,null,N.default.createElement(q,{bannerUrl:m.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),icon:N.default.createElement("img",{alt:"health-tool-icon",src:"https://hellobacsi.com/images/pwg-icon.svg",style:{objectFit:"contain",marginLeft:"auto"}}),heading:b("pregnancyWeightGain.heading"),medicalReview:(null===(r=null==f?void 0:f.reviewedBy)||void 0===r?void 0:r.display_name)?N.default.createElement(t.Text,{size:"p4",color:o.theme.colors.white},N.default.createElement("span",{dangerouslySetInnerHTML:{__html:b("toolPage.toolReviewer",{expert_name:'<a\n style="color: white"\n href="'.concat(c.formatUserProfileUrl(null==f?void 0:f.reviewedBy),'"\n >\n ').concat(null===(d=null==f?void 0:f.reviewedBy)||void 0===d?void 0:d.display_name,"\n </a>"),date:null==f?void 0:f.reviewedDate})}}),N.default.createElement("span",null)):void 0}),N.default.createElement(h.Container,null,N.default.createElement(i.StyledContent,{className:"pwg-view-mobile"},N.default.createElement(i.StyledTwins,null,N.default.createElement(t.Label,{size:"label2",style:{display:"block",fontWeight:"bold",color:o.theme.colors.gray600},className:"label",htmlFor:"gender-selector"},b("pregnancyWeightGain.havingTwins")),N.default.createElement(i.StyledRadioGroup,{options:[{value:"twins",label:b("switchBtn.yes")},{value:"notwins",label:b("switchBtn.no")}],value:S,onChange:function(e){return L(e)},className:"gender-selector",id:"bmi-objective",type:"circle",direction:"horizontal",size:"small",group:"group1"})),N.default.createElement(i.StyledGender,{className:"hide-asking-mobile"},N.default.createElement(h.Checkbox,{checked:C,onChange:function(){return k(!C)}}),N.default.createElement(t.Label,{size:"label2",style:{display:"inline-block",color:o.theme.colors.gray600,fontWeight:"bold",fontSize:"13px"},htmlFor:"gender-selector"},b("tool.askChecking"))),N.default.createElement(i.StyledFormInput,null,N.default.createElement(t.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:o.theme.colors.gray600,fontWeight:"bold",fontSize:"13px",minHeight:"38px"},htmlFor:"gender-selector"},b("pregnancyWeightGain.weekInput")),N.default.createElement(c.Dropdown,{options:B,placeholder:z.label,id:"weight-gain-dropdown",size:"lg",value:z,onChange:function(e){return T({label:e.label,value:e.value})}})),N.default.createElement(R,{info:E,errorMessage:p,onChange:x}),N.default.createElement(i.StyledGender,{className:"hide-asking-desk"},N.default.createElement(h.Checkbox,{checked:C,onChange:function(){return k(!C)}}),N.default.createElement(t.Label,{size:"label2",style:{display:"inline-block",marginBottom:"9px",color:o.theme.colors.gray600,fontWeight:"bold",fontSize:"13px"},htmlFor:"gender-selector"},b("tool.askChecking"))),N.default.createElement(i.StyledSubmitButton,null,N.default.createElement(l.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:"https://".concat(g.domainLocales[s],"/").concat(D),className:"due-date-calculate-button",size:"lg",color:"primary",onClick:function(){return u(S,z.value)}},b("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=function(l){var o=l.className,r=l.pagesAmount,i=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(r),!0).map((function(e,t){return t+1})),g=e.useState(i),h=g[0],v=g[1],y=e.useMemo((function(){return u&&u.endsWith("&page=")?u.replace("&page=",""):u}),[u]),x=r-1,E=function(e){e<=r&&e>0&&(v(e),d(e))},b=function(e){c&&c(e)};return e.useEffect((function(){v(i)}),[i]),N.default.createElement(t.StyledPagination,{className:o,style:s},N.default.createElement(t.StyledPageBlock,{className:"prev-page",onClick:function(){return E(h-1)},"data-last-page":1===h||void 0},y?N.default.createElement("a",{href:a.formatUrlWithPageParam(y,h,p),onClick:b},N.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):N.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),f.length>8?N.default.createElement(D,{pagesAmount:r,activePage:h,handlePageChange:E,handleClick:b,href:y,queryPageName:p}):f.map((function(e){return N.default.createElement(t.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===h||void 0,onClick:function(){return E(e)}},y?N.default.createElement("a",{href:a.formatUrlWithPageParam(y,e,p),onClick:b},e):e)})),N.default.createElement(t.StyledPageBlock,{className:"next-page",onClick:function(){return E(h+1)},"data-last-page":h===x+1||void 0},y?N.default.createElement("a",{href:a.formatUrlWithPageParam(y,h,p),onClick:b},N.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):N.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N.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 N.default.createElement(t.StyledProgress,{style:n.__assign({"--progress":a},l)})},exports.ProgressBar=function(t){var a=t.type,l=t.numberOfStep,o=t.activeStep,r=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 N.default.createElement(i.StyledTrackContainer,n.__assign({},a,{className:t}),N.default.createElement(i.StyledTrack,null))},v=N.default.createElement(i.StyledSlider,{className:u+" progress-bar"},N.default.createElement(h,null),N.default.createElement((function(e){var t=e.trackLength,n=e.activeStep,a=e.labelPrefix,o=void 0===a?"Step":a,r=e.onChange;return N.default.createElement(N.default.Fragment,null,Array.from({length:l},(function(e,t){return t})).map((function(e,a){return N.default.createElement(i.StyledStep,{"data-is-active":a===n,"data-label":a,style:{left:a*t/(l-1)},onClick:function(){r&&r(a)},key:a},a+1,N.default.createElement(i.StyledStepLabel,{"data-step-passed":a<=n},o+" "+(a+1)))})))}),{trackLength:f,activeStep:o,labelPrefix:r,onChange:m})),y=N.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},N.default.createElement("title",null,"chevron-right"),N.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),x=N.default.createElement(i.StyledBreadcrumbContainer,null,c&&Array.from({length:c.length},(function(e,t){return t})).map((function(e,t){var n;return N.default.createElement(i.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&&y)}))),E=N.default.createElement(i.StyledSlider,{className:u+" progress-bar"},N.default.createElement((function(e){var t=e.detailSteps,n=e.activeStep,a=e.onChange,l=d.useId(t.length);return N.default.createElement(N.default.Fragment,null,Array.from({length:t.length},(function(e,t){return t})).map((function(e,o){return N.default.createElement(i.StyledDetailStep,{key:l[o],style:{left:100/t.length*o+"%",width:100/t.length+"%"},onClick:function(){a&&a(o)}},t[o].icon?N.default.createElement(i.StyledDetailStepIndicatorExternal,{onClick:function(){a&&a(o)}},t[o].icon):N.default.createElement(i.StyledDetailStepIndicator,{"data-is-active":o===n,"data-label":e,onClick:function(){a&&a(o)},key:o},o+1),N.default.createElement(i.StyledDetailStepLabel,{"data-step-passed":o<n+1},t[o].text,N.default.createElement(i.StyledDetailStepDescription,null,t[o].description)),o<t.length-1&&N.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&&x||"detail-track"===a&&E},exports.RateStars=function(a){var l=a.gap,o=void 0===l?2:l,r=a.size,i=void 0===r?24:r,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),y=v[0],x=v[1],E=y||g,b=y?0:h;return N.default.createElement(t.StyledRateStars,{"data-selectable":!!u,style:n.__assign({"--gap":o,"--star-size":i},p),className:f},Array.from({length:m?g+h:s}).map((function(e,t){var n=function(){return!!u&&x(t+1)},a=function(){return!!u&&x(null)};return t+1<=E?N.default.createElement(H,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a}):t+1===E+b?N.default.createElement(P,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a}):N.default.createElement(I,{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,r,d,c,s,u,m,p,f,h,v,y,x,E,b,w,C=e.SEOData,k=void 0===C?{}:C,_=e.isAmp,S=void 0!==_&&_,L=e.locale,M=void 0===L?"vi-VN":L,z=e.routerPathname,T=e.routerQuery,B=e.nextHead,A=e.siteType,D=e.seoCustom,F=e.userId,I=e.forcedCanonicalUrl,H=k.totalPages,P=k.currentPage,j=k.SEOTitle,W=void 0===j?"":j,G=k.SEODescription,O=void 0===G?"":G,U=k.SEOImage,V=k.seoType,q=k.SEOImageWidth,Q=k.SEOImageHeight,Z=k.customMetaData,R=void 0===Z?[]:Z,K=k.isIndexable,Y=void 0===K||K,$=k.hasNoCanonical,X=void 0!==$&&$,J=Y&&g.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=M||"en-PH",le="helloSites"===A?g.domainLocales[ae]:"www.marrybaby.vn",oe=te.endsWith("/")?"":"/";if(k.apiMetaData&&"string"==typeof k.apiMetaData){var re=null===(t=k.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),ie=" - Page ".concat(P," of ").concat(H),de=P&&1!==P&&re?k.apiMetaData.replace(re[0],re[0].includes("-")?re[0].replace("-",ie+" - "):"<title>".concat(re[1].concat(ie),"</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(P,'" />')):k.apiMetaData,ce=(ne=i.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(M,".png");ne=n.__spreadArray(n.__spreadArray([],ne,!0),[N.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=k.openGraph)||void 0===a?void 0:a.image)||se||""}),N.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}),N.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===(r=k.openGraph)||void 0===r?void 0:r.imageWidth)||"1200"}),N.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(d=k.openGraph)||void 0===d?void 0:d.imageHeight)&&String(null===(c=k.openGraph)||void 0===c?void 0:c.imageHeight)||"630"})],!1)}}var ue="https://".concat(le,"/images/").concat(M,".png");return N.default.createElement(B,null,N.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===A&&N.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===M?N.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===M||"ms-MY"===M?N.default.createElement(N.default.Fragment,null):N.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"}),N.default.createElement("link",{rel:"preconnect",href:ee}),N.default.createElement("meta",{charSet:"UTF-8"}),!S&&N.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),N.default.createElement("meta",{name:"google",content:"notranslate"}),N.default.createElement("meta",{name:"robots",content:J}),N.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),R.map((function(e,t){return N.default.createElement("meta",n.__assign({key:t},e))})),N.default.createElement("meta",{name:"theme-color",content:"helloSites"===A?"#2c87f3":"#e85388"}),N.default.createElement("meta",{name:"page_type",content:"Home"}),N.default.createElement("meta",{name:"page_platform",content:"WEB"}),N.default.createElement("meta",{name:"page_language",content:ae}),N.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),S&&N.default.createElement(N.default.Fragment,null,N.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),N.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),N.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),N.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),N.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),N.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),N.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ne&&N.default.createElement(N.default.Fragment,null,"helloSites"===A?N.default.createElement("title",null,D?W:W+" - "+(null===(s=g.LOCALE_SPECS[M])||void 0===s?void 0:s.SITE_NAME)):N.default.createElement("title",null,W),!X&&N.default.createElement("link",{rel:"canonical",href:"https://".concat(le).concat(te)}),N.default.createElement("meta",{name:"description",content:O||(null===(u=k.openGraph)||void 0===u?void 0:u.description)}),k.schemaData&&N.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:k.schemaData}}),N.default.createElement("meta",{property:"og:locale",content:M}),N.default.createElement("meta",{property:"og:type",content:V||"website"}),N.default.createElement("meta",{property:"og:title",content:(null===(m=k.openGraph)||void 0===m?void 0:m.title)||W}),N.default.createElement("meta",{property:"og:description",content:(null===(p=k.openGraph)||void 0===p?void 0:p.description)||O}),N.default.createElement("meta",{property:"og:url",content:"https://".concat(le).concat(te)}),N.default.createElement("meta",{property:"og:site_name",content:"https://".concat(le)}),N.default.createElement("meta",{property:"og:image",content:(null===(f=k.openGraph)||void 0===f?void 0:f.image)||U||ue||""}),N.default.createElement("meta",{property:"og:image:secure_url",content:(null===(h=k.openGraph)||void 0===h?void 0:h.image)||U||ue}),N.default.createElement("meta",{property:"og:image:width",content:(null===(v=k.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(y=k.openGraph)||void 0===y?void 0:y.imageWidth)||q&&String(q)||"1200"}),N.default.createElement("meta",{property:"og:image:height",content:(null===(x=k.openGraph)||void 0===x?void 0:x.imageHeight)&&String(null===(E=k.openGraph)||void 0===E?void 0:E.imageHeight)||Q&&String(Q)||"630"}),N.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),N.default.createElement("meta",{name:"twitter:title",content:(null===(b=k.twitter)||void 0===b?void 0:b.title)||W}),N.default.createElement("meta",{name:"twitter:description",content:O}),N.default.createElement("meta",{name:"twitter:image",content:(null===(w=k.twitter)||void 0===w?void 0:w.image)||U})),("helloSites"===A?g.FAVICONS[ae]||[]:g.FAVICONS.marryBaby).map((function(e,t){return"link"===e.type?N.default.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?N.default.createElement("meta",{key:t,name:e.name,content:e.content}):null})),Array.isArray(ne)&&I?ne.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ne,I&&N.default.createElement("link",{rel:"canonical",href:I}),!k.hasNoAmp&&"vi-VN"!==M&&N.default.createElement("link",{rel:"amphtml",href:"https://".concat(le).concat(te).concat(oe,"?amp=1")}),F&&"undefined"!=typeof window?N.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 N.default.createElement(t.StyledShadow,{style:l,className:o,"data-shadow-size":n},a)},exports.ShareContainer=function(e){var a=e.url,r=e.onCopied,d=e.locale,c=v.useTranslations().t,s=k.getSocialList(a||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(d)}));return N.default.createElement(i.StyledShareContainer,null,N.default.createElement(t.Text,{size:"p3",color:o.theme.colors.gray800},c("shareContainer.title")),N.default.createElement("div",{className:"icon-group"},s.map((function(e,t){return N.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})),N.default.createElement(l.Button,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:N.default.createElement(ne,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==r||r(),[2]}}))}))}})))},exports.ShareDrawer=function(a){var r=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=v.useTranslations().t,h=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]),y=k.getSocialList(m||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(p)}));return e.useEffect((function(){r&&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,r]),"undefined"!=typeof navigator&&navigator.share?null:N.default.createElement(i.StyledShareDrawer,n.__assign({title:g("share.title"),onClose:c,open:r,placement:"bottom"},f),N.default.createElement("div",{className:"share-container"},N.default.createElement("div",{className:"icon-container"},N.default.createElement(t.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},g("share.title")),N.default.createElement("div",{className:"icon-group"},y.map((function(e,t){return N.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})))),N.default.createElement("div",{className:"link-container"},N.default.createElement(t.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},g("share.copyLink")),N.default.createElement("div",{className:"input-group"},N.default.createElement(_.Input,{name:"link",size:"md",value:m,isDisabled:!0}),N.default.createElement(l.Button,{size:"md",type:"button",color:"tertiary",icon:N.default.createElement(ae,null),onClick:h})))))},exports.StatisticCard=function(e){var t=e.type,n=e.description,a=e.value,l=e.withIcon,o=e.isInACard,r=e.cardColor,d=e.className;return N.default.createElement(i.StyledStatisticContainer,{className:d,"data-size":t,"data-is-in-card":"big"===t&&o,"data-card-color":r},N.default.createElement(i.StyledDescriptionWrapper,null,"small"===t&&N.default.createElement(i.StyledDot$1,{"data-color":r}),n),N.default.createElement(i.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 N.default.createElement(i.StyledSurveyQuestionCard,{className:l,style:o},N.default.createElement("div",{className:"survey-inner-wrapper"},N.default.createElement(i.StyledSurveyThankyouCard,null,N.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},N.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},N.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"}),N.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),N.default.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),N.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"}),N.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"}),N.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"}),N.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"}),N.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"}),N.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"}),N.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"}),N.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"}),N.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"}),N.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"}),N.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&&N.default.createElement(r.Heading,{className:"survey-thankyou-title",tag:"h3"},n),a&&N.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},exports.Tabs=function(n){var a=n.style,l=n.initialTab,r=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],y=d.useId(r.length);return e.useEffect((function(){v(l)}),[l]),N.default.createElement(i.StyledTabs,{style:a,className:s,role:"tablist",id:f},r.map((function(e,n){return N.default.createElement(i.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:y[n],"data-event-category":u,"data-event-action":m,"data-event-label":p,tabIndex:0},N.default.createElement(i.StyledTabContent,null,e.icon&&N.default.createElement(i.StyledIcon,null,e.icon),N.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,r=e.isInline,i=e.isSquared,d=void 0!==i&&i,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 N.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":r||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:r,tagHasMorePadding:u,tagIsLight:s,tagIsSquared:d,tagIsALink:m},N.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,r=e.style,i=e.label;return N.default.createElement(t.StyledToggle,{className:n,style:r},N.default.createElement("input",{type:"checkbox",id:a,onChange:l,checked:o}),N.default.createElement("label",{htmlFor:a},N.default.createElement(t.StyledToggleIcon,null),i&&N.default.createElement(t.StyledToggleLabel,null,i)))},exports.ToolsBannerCard=q,exports.UnderlinedLink=function(e){var n=e.size,a=e.isDisabled,l=e.className,o=e.link,r=e.style;return N.default.createElement(t.StyledUnderlinedLink,{className:l,"data-size":n,style:r,"data-disabled":a||void 0},o)},exports.Uploader=function(e){var n=e.type,a=e.withIcon,o=e.onFileSelected,r=e.inputId,i=e.withElement,d=e.fileAcceptType,c=e.multiple,s=e.value,u=e.className,m=function(){var e;null===(e=document.querySelector("#uploader-input-"+r))||void 0===e||e.click()};return N.default.createElement(t.StyledUploader,{className:u},"badge"===n?N.default.createElement(t.StyledElementContainer,{onClick:m,"data-is-attached-to-element":!!i},i,N.default.createElement(t.StyledIconWrapper,{"data-is-attached-to-element":!!i},a)):i?N.default.createElement("div",{onClick:m},i):N.default.createElement(l.Button,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:m},N.default.createElement(t.StyledDefaultButtonContent,null,N.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"},N.default.createElement("defs",null,N.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),N.default.createElement("title",null,"upload"),N.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")),N.default.createElement("input",{id:"uploader-input-"+r,accept:d,multiple:c,type:"file",style:{display:"none"},onChange:function(e){o(e.target.files)},value:s}))},exports.index=O,exports.index$1=V;