@hhgtech/hhg-components 1.20.65 → 1.20.66
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.
- package/build/components.js +1 -1
- package/build/esm/components.js +1 -1
- package/build/esm/{index-bf58c0e8.js → index-1e676606.js} +1 -1
- package/build/esm/{index-ef69144a.js → index-2540acb6.js} +1 -1
- package/build/esm/index-3e8207b8.js +1 -0
- package/build/esm/index.js +1 -1
- package/build/esm/navigation.js +1 -1
- package/build/esm/together.js +1 -1
- package/build/esm/{types-2664b417.js → types-22b8f030.js} +1 -1
- package/build/{index-7d330b69.js → index-59e2a4b6.js} +1 -1
- package/build/{index-2e8b8275.js → index-afddb46b.js} +1 -1
- package/build/index-de4ae67a.js +1 -0
- package/build/index.js +1 -1
- package/build/navigation.js +1 -1
- package/build/together/components/molecules/index.d.ts +1 -0
- package/build/together.js +1 -1
- package/build/{types-e5719a02.js → types-2b0d9ab9.js} +1 -1
- package/package.json +1 -1
- package/build/esm/index-8cb2b54a.js +0 -1
- package/build/index-ea5c918f.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./index.styled-343a2168.js"),n=require("./tslib.es6-f7929e76.js"),a=require("./screenSizeContext-6726a3b5.js"),l=require("./index-e15ec8a9.js"),o=require("./theme-696d81a9.js"),i=require("./index-9b91ee37.js"),r=require("./index-2e8b8275.js"),d=require("react-id-generator"),c=require("./index-ea5c918f.js"),s=require("lodash"),u=require("keen-slider/react");require("react-range"),require("react-dom"),require("./translationsContext-2d7ea471.js"),require("string-format"),require("lodash/debounce");var m=require("./index-bce6f562.js"),p=require("date-fns"),f=require("styled-components");require("./Locale-11b51016.js");var g=require("./index-bde94e0b.js"),h=require("./useTranslations-0c221726.js"),v=require("./utils-c05996cf.js"),x=require("./useOutsideClick-528bfd6c.js"),y=require("date-fns/locale/en-US"),E=require("date-fns/locale/id"),b=require("date-fns/locale/vi"),w=require("date-fns/locale/zh-TW"),k=require("./getSocialList-2a3b759f.js"),C=require("./index-fa15aaf3.js"),S=require("./zalo-e7b9d144.js"),L=require("./index-c21b1491.js");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var N=_(e),M=_(f),z=_(y),B=_(E),D=_(b),T=_(w),I=function(l){var o=l.pagesAmount,i=l.activePage,r=l.handlePageChange,d=l.handleClick,c=l.href,s=l.queryPageName,u=void 0===s?"page":s,m=n.__spreadArray([],Array(o),!0).map((function(e,t){return t+1})),p=e.useState(i<=4?m.slice(0,5):i>=m.length-3?m.slice(m.length-5,m.length):m.slice(i-2,i+1)),f=p[0],g=p[1];return e.useEffect((function(){i<=4?g(m.slice(0,5)):i>=m.length-3?g(m.slice(m.length-5,m.length)):g(m.slice(i-2,i+1))}),[i]),N.default.createElement(e.Fragment,null,i>4&&N.default.createElement(e.Fragment,null,N.default.createElement(t.StyledPaginationBlock,{onClick:function(){return r(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===i||void 0,onClick:function(){return r(e)}},c?N.default.createElement("a",{href:a.formatUrlWithPageParam(c,e,u),onClick:d},e):e)})),i<m.length-3&&N.default.createElement(e.Fragment,null,N.default.createElement(t.StyledPaginationBlock,null,"..."),N.default.createElement(t.StyledPaginationBlock,{onClick:function(){return r(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,i=e.isDisabled,r=e.onChange,d=e.value,c=e.isRectangle;return N.default.createElement(t.StyledCheckbox,{className:o,"data-disabled":i||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 r(d,!l)},disabled:i,value:d,id:"".concat(a,"-").concat(d),"data-label-text":n}),!c&&N.default.createElement("label",{htmlFor:"".concat(a,"-").concat(d)},n))},A=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"}))},j=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"}))},H=function(e){return N.default.createElement("svg",n.__assign({},e,{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:"mask0_3555_5815",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(#mask0_3555_5815)"},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"})))},P=function(e){var n=e.avatarImg,a=e.authorName,l=e.authorLink,o=e.uploadTime,i=e.size;return N.default.createElement(r.StyledAuthor,null,N.default.createElement("div",{className:"author"},N.default.createElement("div",{className:"avatar","data-size":i},n),N.default.createElement("div",{className:"poster","data-is-disabled-url":!l},N.default.createElement(t.Text,{size:"lg"===i?"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(r.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(i.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.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(i.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.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))))))},V=function(e){var t=e.LinkComponent,n=e.page,a=e.isLast,l=e.onChangePage,o=n.label,i=n.value,d=n.isDropdown,s=n.dropdownItems,u=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel;return d?N.default.createElement(c.Dropdown,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):N.default.createElement(r.StyledTextLink,{title:"string"!=typeof o?i:o,"data-last":a},t&&N.default.createElement(t,{"data-event-category":u,"data-event-action":m,"data-event-label":p,href:i||"#"},o))},O=Object.freeze({__proto__:null,SideMenu:r.SideMenu,SideHeader:r.SideHeader,UserInfo:r.UserInfo,MenuLink:r.MenuLink}),Z=function(e){var t=e.isDisabled,n=e.isLeft,a=e.onClick,l=e.className,o=e.scheme,i=void 0===o?"hellosites":o;return N.default.createElement(r.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"===i?"#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"===i?"#595959":"#E55C8A"})))},U=Object.freeze({__proto__:null,Table:r.Table,Cell:r.Cell,Head:r.Head,Row:r.Row,Body:r.Body}),G=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":"h2",f=l?d:c||d;return N.default.createElement(r.StyledContainer,{"data-is-mobile":l,style:m},N.default.createElement(r.StyledWrapper,{className:n,"data-banner-url":f,"data-is-mobile":l},N.default.createElement(t.Container,{className:"container"},N.default.createElement(r.StyledInner,null,N.default.createElement(r.StyledHeading,{"data-is-mobile":l},N.default.createElement(r.StyledHeadingWithReviewedStatus,{"data-is-mobile":l},N.default.createElement(i.Heading,{color:o.theme.colors.white,tag:p,as:"h2"},a)),s&&N.default.createElement(r.StyledMedicalReviewed,{"data-is-mobile":l},N.default.createElement("img",{src:"https://hellobacsi.com/images/check-circle.svg",alt:void 0}),s)),N.default.createElement(r.StyledIconContainer,{"data-is-mobile":l},u)))))},Q=function(){return"undefined"!=typeof window&&window.innerWidth<a.Breakpoints.BREAK_POINT_MOBILE},q=function(){return"undefined"!=typeof window&&window.innerWidth>=a.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<a.Breakpoints.BREAK_POINT_PC};var R={"en-PH":z.default,"vi-VN":D.default,"zh-TW":T.default,"id-ID":B.default};function Y(t){var a=t.value,l=void 0===a?{from:null,to:null}:a,o=e.useState(null),i=o[0],d=o[1],c=function(){var t=e.useState(Q()),n=t[0],a=t[1],l=e.useState(q()),o=l[0],i=l[1];return e.useEffect((function(){var e=function(){a(Q()),i(q())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:n,isLargeMobile:o}}().isMobile,s=e.useState((function(){return l})),u=s[0],m=s[1],f=e.useState((function(){var e;return p.startOfMonth(null!==(e=l.from)&&void 0!==e?e:new Date)})),g=f[0],h=f[1],v=e.useMemo((function(){return p.addMonths(g,1)}),[g]);var x=n.__assign(n.__assign({},t),{goToNextMonth:function(){h((function(e){return p.addMonths(e,1)}))},goToPreviousMonth:function(){h((function(e){return p.subMonths(e,1)}))},range:u,setRange:m,hoverDay:i,setHoverDay:d});return N.default.createElement(N.default.Fragment,null,N.default.createElement(K,n.__assign({},x,{date:g})),!c&&N.default.createElement(r.StyledCalendarMonthSeparator,null),!c&&N.default.createElement(K,n.__assign({},x,{date:v})))}function K(t){var a=t.date,o=t.range,i=t.setRange,d=t.onChange,c=t.goToPreviousMonth,s=t.goToNextMonth,u=t.minDate,m=t.maxDate,f=t.close,g=void 0===f?function(){}:f,v=t.autoClose,x=void 0!==v&&v,y=t.hoverDay,E=t.setHoverDay,b=h.useTranslations().locale,w=e.useMemo((function(){var e;return null!==(e=R[b])&&void 0!==e?e:R["en-PH"]}),[b]),k=e.useMemo((function(){return p.format(a,"MMMM",{locale:w})}),[a,w]),C=e.useMemo((function(){return w?[1,2,3,4,5,6,0].map((function(e){return w.localize.day(e,{width:"narrow"})})):[]}),[w]);function S(e,t){if(null===e)return N.default.createElement(r.StyledCalendarDayNumberWrapper,{key:"idx-".concat(t),"data-empty":"true"});var a=e.getDate(),l=p.isToday(e),d=!!o.from&&p.isSameDay(o.from,e),c=!!o.to&&p.isSameDay(o.to,e),s=d||c,f=!1;null!==y&&o.from&&p.isBefore(o.from,y)&&!o.to?f=p.isWithinInterval(e,{start:o.from,end:y}):o.from&&o.to&&(f=p.isWithinInterval(e,{start:o.from,end:o.to}));var h=!1;return u&&m?h=!p.isWithinInterval(e,{start:u,end:m}):u?h=p.isBefore(e,u):m&&(h=p.isAfter(e,m)),N.default.createElement(r.StyledCalendarDayNumberWrapper,{key:a,"data-is-today":l,"data-is-past":!l&&p.isPast(e),"data-is-selected":s,"data-is-disabled":h,"data-in-range":f,"data-is-from":d,"data-is-to":c,onMouseEnter:function(){E(e)},onMouseLeave:function(){return E(null)},onClick:function(){h||i((function(t){return x&&o.from&&!o.to&&g(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?p.isBefore(e,t.from)?n.__assign(n.__assign({},t),{from:e}):n.__assign(n.__assign({},t),{to:e}):t:n.__assign(n.__assign({},t),{from:e})}(e,t)}))}},N.default.createElement(r.StyledCalendarDayNumber,{onClick:function(){}},N.default.createElement("p",null,a)))}return e.useEffect((function(){o.from&&o.to&&d(o)}),[o]),N.default.createElement(r.StyledCalendarWrapper,{className:"calendar-wrapper"},N.default.createElement(r.StyledCalendarHead,null,N.default.createElement(l.Button,{onClick:c,size:"md",color:"ghost",icon:N.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),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:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),N.default.createElement(r.StyledCalendarCellsWrapper,null,N.default.createElement("div",null,N.default.createElement(r.StyledCalendarDaysOfWeek,null,C.map((function(e,t){return N.default.createElement(r.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=[],i=1;i<=n;i++)l.push(new Date(e,t,i));var d=l[0]?l[0].getDay():0;if(1!==d){var c=0===d?6:d-1;for(i=0;i<c;i++)l.unshift(null)}return N.default.createElement(r.StyledCalendarMonthWrapper,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(o.from&&o.to)},N.default.createElement(r.StyledCalendarDaysWrapper,null,N.default.createElement(r.StyledCalendarDateGrid,null,l.map(S))))}())))}var X,J,$=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"}))},ee=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"}))},te=M.default.footer(X||(X=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),ne=M.default.div(J||(J=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"]))),ae=function(e){var t=e.url,n=e.isMobile,a=e.dataEventCategory,l=e.dataEventAction,o=e.dataEventLabel,i=e.isAmp;return N.default.createElement(ne,{"data-is-mobile":n},i?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}))},le=function(n){var i,r,d,c,s,u,p,f,g,v,x,y,E,b,w,k,C,S,L,_,M,z,B,D,T,I,F,A,j,H,P,W,V,O,Z,U=n.className,G=n.type,Q=void 0===G?"main":G,q=n.footerInfo,R=n.isMobile,Y=n.locale,K=n.isAmp,X=h.useTranslations().t,J=null==q?void 0:q.menu;return e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[]),N.default.createElement(te,{as:K&&"mini"===Q?"div":"footer",className:U,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:"/"},K?(null===(r=null==q?void 0:q.general)||void 0===r?void 0:r.logo)?N.default.createElement("amp-img",{src:null===(d=null==q?void 0:q.general)||void 0===d?void 0:d.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:N.default.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(i=null==q?void 0:q.general)||void 0===i?void 0:i.logo,alt:"Logo","data-is-sehat":"id-ID"===Y})),N.default.createElement("div",{className:"columns"},N.default.createElement("div",{className:"newsletter"},N.default.createElement(t.Text,{size:"p1",type:"bold"},null===(c=null==q?void 0:q.general)||void 0===c?void 0:c.content),N.default.createElement(l.Button,{className:"signupButton",color:"primary",size:"lg"},X("footer.signUp")),N.default.createElement("div",{className:"social"},N.default.createElement(t.Text,{size:"sm",type:"regular"},null===(s=null==q?void 0:q.social)||void 0===s?void 0:s.title),N.default.createElement("div",{className:"icons"},null===(p=null===(u=null==q?void 0:q.social)||void 0===u?void 0:u.socials)||void 0===p?void 0:p.map((function(e,t){return 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},K?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,J&&N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:"biglinks"},null===(g=null===(f=J[0])||void 0===f?void 0:f.items)||void 0===g?void 0:g.map((function(e,t){return N.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(m.domainLocales[Y]).concat(e.url),className:"bigLink",key:t,href:e.url},e.title)}))),N.default.createElement("hr",{className:"hrMobile"}),N.default.createElement("div",{className:"mHalf"},N.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(v=J[1])||void 0===v?void 0:v.menu_title),null===(y=null===(x=J[1])||void 0===x?void 0:x.items)||void 0===y?void 0:y.map((function(e,n){return N.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(m.domainLocales[Y]).concat(e.url),className:"link",href:e.url,key:n},N.default.createElement(t.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(m.domainLocales[Y]).concat(e.url)},e.title))}))),N.default.createElement("div",{className:"mHalf"},N.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(E=J[2])||void 0===E?void 0:E.menu_title),null===(w=null===(b=J[2])||void 0===b?void 0:b.items)||void 0===w?void 0:w.map((function(e,n){return e.url&&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))})))),!K&&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===(k=null==q?void 0:q.branch)||void 0===k?void 0:k.title),N.default.createElement("div",{className:"flags"},null===(S=null===(C=null==q?void 0:q.branch)||void 0===C?void 0:C.branch)||void 0===S?void 0:S.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(ae,{url:e.flag,isMobile:R,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url,isAmp:K}))}))))))),N.default.createElement("hr",null),N.default.createElement("div",{className:"copyright","data-is-amp":K||void 0},(null===(L=null==q?void 0:q.general)||void 0===L?void 0:L.verified)&&N.default.createElement("a",{href:null===(M=null===(_=null==q?void 0:q.general)||void 0===_?void 0:_.verified[0])||void 0===M?void 0:M.url,className:"copyright-image"},K?N.default.createElement("amp-img",{src:null===(B=null===(z=null==q?void 0:q.general)||void 0===z?void 0:z.verified[0])||void 0===B?void 0:B.image,alt:"DMCA Icon",width:"100",height:"36"}):N.default.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(T=null===(D=null==q?void 0:q.general)||void 0===D?void 0:D.verified[0])||void 0===T?void 0:T.image,alt:"DMCA Icon"})),N.default.createElement(t.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(I=null==q?void 0:q.general)||void 0===I?void 0:I.copyright)),"vi-VN"===Y&&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==q?void 0:q.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==q?void 0:q.menu[1])||void 0===F?void 0:F.menu_title),null===(j=null===(A=null==q?void 0:q.menu[1])||void 0===A?void 0:A.items)||void 0===j?void 0:j.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(m.domainLocales[Y]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(m.domainLocales[Y]).concat(e.url)},N.default.createElement(t.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(m.domainLocales[Y]).concat(e.url),size:"sm",type:"regular",style:{color:o.theme.colors.gray800}},e.title))}))),N.default.createElement("div",{className:"mHalf"},N.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(H=null==q?void 0:q.menu[2])||void 0===H?void 0:H.menu_title),null===(W=null===(P=null==q?void 0:q.menu[2])||void 0===P?void 0:P.items)||void 0===W?void 0:W.map((function(e,n){return 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))}))),!K&&"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===(V=null==q?void 0:q.social)||void 0===V?void 0:V.title),N.default.createElement("div",{className:"icons"},null===(Z=null===(O=null==q?void 0:q.social)||void 0===O?void 0:O.socials)||void 0===Z?void 0:Z.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},K?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)}))(oe||(oe=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 oe,ie,re=M.default.p(ie||(ie=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})),de=function(e){var t=e.type,a=e.color,l=e.style,o=n.__rest(e,["type","color","style"]);return N.default.createElement(re,n.__assign({"data-type":t,style:n.__assign(n.__assign({},l),a&&{"--text-color":a})},o))};M.default.footer(ce||(ce=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 ce,se,ue,me,pe,fe,ge,he,ve=M.default.div(se||(se=n.__makeTemplateObject([""],[""]))),xe=M.default.div(ue||(ue=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"]))),ye=M.default.div(me||(me=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),Ee=M.default.div(pe||(pe=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),be=M.default.div(fe||(fe=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),we=M.default.div(ge||(ge=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})),ke=M.default.div(he||(he=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"]))),Ce={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"}},Se=function(e){var n,a=e.socialLinks,l=void 0===a?Ce.SOCIAL_LINKS:a,i=l.facebookLink,r=l.instagramLink,d=l.zaloLink,c=l.youtubeLink,s=e.copyrightText,u=e.logoType,m=void 0===u?"marryBaby":u,p=e.isMobile,f=e.footerMenu,g=void 0===f?[]:f,v=e.type,x=void 0===v?"main":v,y=h.useTranslations().t;return"main"===x?N.default.createElement(ve,{className:"footer-container"},!p&&N.default.createElement("div",{className:"footer-divider"},N.default.createElement(t.Container,{type:"marryBaby"},N.default.createElement(L.Divider,{style:{padding:"0 16px"},type:"solid"}))),N.default.createElement(ye,null,N.default.createElement(t.Container,{type:"marryBaby"},N.default.createElement(Ee,null,N.default.createElement("div",{className:"grid"},null===(n=p?null==g?void 0:g.slice(0,6):g)||void 0===n?void 0:n.map((function(e,t){var n=e.title,a=e.link;return 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(de,{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(de,{type:"subtitle-2"},y("footer.followUsText")),N.default.createElement("div",{className:"icons-links"},i&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":i,href:i},N.default.createElement("img",{src:S.img,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:S.img$1,alt:"Youtube"})),r&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":r,href:r},N.default.createElement("img",{src:S.img$2,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:S.img$3,alt:"Zalo"}))))))))),N.default.createElement(be,null,N.default.createElement(t.Container,{type:"marryBaby"},N.default.createElement(we,null,N.default.createElement(t.Logo,{className:"logo",type:m,width:"121px"}),N.default.createElement(de,{className:"company-name",type:"subtitle-2"},y("footer.info.companyName")),N.default.createElement("div",{className:"text-info"},N.default.createElement(de,{type:"bodytext-3"},y("footer.info.address")),N.default.createElement(de,{type:"bodytext-3"},y("footer.info.license")),N.default.createElement(de,{type:"bodytext-3"},y("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"}))),!p&&N.default.createElement(L.Divider,{type:"solid"}),N.default.createElement("div",{className:"language-and-copyright"},N.default.createElement(de,{type:"bodytext-3"},s)))))):N.default.createElement(xe,null,N.default.createElement(ke,null),N.default.createElement(de,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:o.theme.sizes.fwSemiBold},color:o.theme.mbColors.midGray},y("footer.followUsText")),N.default.createElement("div",{className:"icons-links"},i&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","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:"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"}))),r&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","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:"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,i=e.contentIcon,r=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"},i,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},r))},exports.AmpNextPage=function(e){var t=e.ampNextArticles,a=(null==t?void 0:t.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return 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,x=e.dataEventCategoryForCategory,y=e.dataEventCategoryForTitle,E=e.dataEventLabelForBanner,b=e.dataEventLabelForBookmark,w=e.dataEventLabelForCategory,k=e.dataEventLabelForTitle,C=e.direction,S=void 0===C?"horizontal":C,L=e.hasAffiliate,_=e.isBookmark,M=void 0!==_&&_,z=e.isBookmarkDisplayed,B=void 0===z||z,D=e.isMobile,T=void 0===D||D,I=e.onBookmark,F=e.onClickCategoryName,A=e.section,j=void 0===A?"normal":A,H=e.size,V=void 0===H?"md":H,O=e.specialty,Z=e.style,U=e.styleBanner,G=e.styleLabel,Q=e.styleTitle,q=e.text,R=e.title,Y=e.type,K=void 0===Y?"author":Y,X=e.uploadTime,J=e.articleLinkTarget,$=function(e){e.stopPropagation(),I&&I()},ee="lg"===V&&"expert"===K?"h4":"lg"===V&&"home"===j?T?"h4":"h3":"lg"===V?"h4":"h5",te="lg"===V?"p3":"p4",ne=T||"home"!==j||"lg"!==V||"author"!==K?"c2":"c1";return N.default.createElement(r.StyledCard,{className:u,"data-size":V,style:Z,"data-direction":S,"data-is-expert":"expert"===K||void 0},N.default.createElement("div",{className:"banner",style:U},N.default.createElement(r.StyledAnchor,{"data-event-category":h,"data-event-action":m,"data-event-label":E,href:n||"#",target:J},d),L&&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:G,className:"label",size:ne,type:"caption"},N.default.createElement(r.StyledAnchor,{"data-event-category":x,"data-event-action":f,"data-event-label":w,href:c||"#",onClick:F},s),B&&N.default.createElement("a",{className:"bookmark",onClick:$},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(i.Heading,{tag:ee,style:Q,className:"title",as:"lg"===V?"h2":"h3"},N.default.createElement(r.StyledAnchor,{"data-event-category":y,"data-event-action":g,"data-event-label":k,href:n||"#",target:J},R)),q&&N.default.createElement("a",{href:n||"#",target:J},N.default.createElement(t.Text,{size:te,className:"text"},q))),N.default.createElement("div",{className:"footer"},"author"===K?N.default.createElement(P,{size:V,avatarImg:o,authorName:l,authorLink:a,uploadTime:X,handleClick:$,isBookmarked:M,dataEventCategoryForBookmark:v,dataEventActionForBookmark:p,dataEventLabelForBookmark:b}):N.default.createElement(W,{size:V,isMobile:T,avatarImg:o,specialty:O,name:l,link:a,handleClick:$,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,i=e.color,r=void 0===i?"primary":i,d=e.icon,c=e.className;return N.default.createElement(t.StyledBadge,{"data-notification-type":a,"data-notification-size":o,"data-notification-color":r,"data-has-icon":!!d||void 0,notificationType:a,notificationSize:o,notificationColor:r,hasIcon:!!d,className:c},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,i=e.size,r=void 0===i?"lg":i,d=e.type,c=void 0===d?"bold":d,s=e.upperCase,u=e.as,m=void 0===u?"h4":u,p=e.color;return N.default.createElement(t.StyledBorderHeading,{style:n.__assign({color:p},a),className:o,"data-size":r,"data-type":c,"data-uppercase":s,as:m},l)},exports.Breadcrumbs=function(t){var a=t.className,l=t.pages,o=t.size,i=t.LinkComponent,c=void 0===i?"a":i,s=t.onChangePage,u=t.separator,m=e.useMemo((function(){return l.map((function(e,t){return l.length>4?t>1&&t<l.length-2?null:1===t?n.__assign(n.__assign({},e),{isDropdown:1===t,dropdownItems:l.slice(1,l.length-2)}):e:e})).filter(Boolean)}),[l]),p=d.useId(m.length);return N.default.createElement(r.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(V,{LinkComponent:c,page:t,isLast:a,onChangePage:s}),!a&&(u||N.default.createElement(r.StyledSeparator,{"data-size":o})))})))},exports.Carousel=function(t){for(var a=t.row,l=t.column,o=t.children,i=t.scheme,d=void 0===i?"hellosites":i,c=t.classNameLeftArrow,s=void 0===c?"":c,m=t.classNameRightArrow,p=void 0===m?"":m,f=t.mode,g=void 0===f?"snap":f,h=t.isDotsShown,v=void 0===h||h,x=t.isArrowShown,y=void 0!==x&&x,E=t.dataEventCategory,b=t.dataEventAction,w=t.dataEventLabel,k=t.onChangePage,C=N.default.useState(0),S=C[0],L=C[1],_=e.useState(!1),M=_[0],z=_[1],B=u.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){L(e.track.details.rel),k&&k(e.track.details.rel)},created:function(){z(!0)},drag:!0,mode:g,slides:{spacing:12}}),D=B[0],T=B[1],I=[],F=a*l,A=0;A<o.length;A+=F){var j=o.slice(A,A+F);I.push(j)}return N.default.createElement(r.StyledCarousel,{row:a,column:l},N.default.createElement("div",{className:"navigation-wrapper"},N.default.createElement("div",{ref:D,className:"keen-slider slides-wrapper"},I.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&&T.current&&y&&N.default.createElement(N.default.Fragment,null,N.default.createElement(Z,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=T.current)||void 0===t?void 0:t.prev())},isDisabled:0===S,scheme:d,className:"left-arrow ".concat(s),"data-event-category":E,"data-event-action":b,"data-event-label":w}),N.default.createElement(Z,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=T.current)||void 0===t?void 0:t.next())},isDisabled:S===T.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&&T.current&&v&&N.default.createElement("div",{className:"dots"},n.__spreadArray([],Array(T.current.track.details.slides.length),!0).map((function(e,t){return N.default.createElement(r.StyledDot,{key:t,onClick:function(){var e;null===(e=T.current)||void 0===e||e.moveToIdx(t)},"data-is-active":S===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,i=void 0===o?[]:o,d=e.className,c=e.type,s=void 0===c?"vertical":c,u=e.isDisabled,m=e.isRectangle,p=function(e,t){var n=a.slice();if(t)n.push(e);else{var o=n.findIndex((function(t){return t===e}));n.splice(o,1)}l&&l(n)};return N.default.createElement(r.StyledCheckboxGroup,{className:d,"data-type":s,"data-is-rectangle":m||void 0},i.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,i=e.title,d=void 0===i?"":i,c=e.description,s=void 0===c?"":c,u=e.theme,m=void 0===u?"helloSites":u,p=e.isOpen,f=void 0===p||p,g=e.useDefaultPosition,h=void 0===g||g,v=e.trackingAttributes;return N.default.createElement(r.StyledAcceptCardContainer,{className:t,"data-theme":m,"data-is-open":f,"data-default-position":h},N.default.createElement(r.StyledTitleSection,{"data-has-content":!!d},d),N.default.createElement(r.StyledDescription,{dangerouslySetInnerHTML:{__html:s}}),N.default.createElement(r.StyledButtonGroup,null,N.default.createElement(r.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"data-event-category":null==v?void 0:v.dataEventCategory,"data-event-action":null==v?void 0:v.dataEventAction,"data-event-label":null==v?void 0:v.dataEventLabel},o.acceptButton),N.default.createElement(r.StyledPoliciesButton,{href:n},o.policiesButton)))},exports.DateRangePicker=function(n){var a=n.inputSize,l=void 0===a?"md":a,o=n.name,i=void 0===o?"date-range-picker":o,d=n.value,c=n.minDate,s=n.maxDate,u=n.onChange,m=n.className,f=n.autoClose,g=void 0!==f&&f;d||(d={from:null,to:null});var h=e.useState(!1),v=h[0],y=h[1];function E(){y(!1)}var b=e.useRef(null);function w(e){u&&u(e)}function k(e){return p.format(e,"dd/MM/yyyy")}x.useOutsideClick(b,(function(){E()}));var C=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(r.StyledWrapper$1,{className:[m,v&&"focused"].filter(Boolean).join(" "),ref:b},N.default.createElement("label",{htmlFor:i},N.default.createElement(t.PureInput,{size:l,value:C,name:i,actionIcon:N.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),onFocus:function(){return y(!0)}})),v?N.default.createElement(r.StyledCalendarWrapper$1,{onMouseDown:function(e){e.stopPropagation()}},N.default.createElement(Y,{value:d,onChange:w,minDate:c,maxDate:s,close:E,autoClose:g})):null)},exports.DueDateCardEmbed=function(a){var l,i=a.isMobile,d=a.locale,s=a.onSubmitDueDate,u=h.useTranslations().t,m=e.useState({}),p=m[0],f=m[1],g=e.useState(""),x=g[0],y=g[1];return e.useEffect((function(){n.__awaiter(void 0,void 0,void 0,(function(){var e,t;return n.__generator(this,(function(n){switch(n.label){case 0:return[4,v.callApi(v.getDiscoverApiPath(v.PATHS.GET_DUE_DATE_INFO),"GET")];case 1:return e=n.sent(),f(null==e?void 0:e.data),y(c.formatUserProfileUrl(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.reviewd_by)||""),[2]}}))}))}),[]),N.default.createElement(r.StyledContainer$1,null,N.default.createElement(G,{isEmbed:!0,bannerUrl:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzc1IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMzc1IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwSDM3NVY2OEwwIDg4VjBaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTAzMzFfMjYzMDYpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTAzMzFfMjYzMDYiIHgxPSItNi4xMjU1NGUtMDYiIHkxPSIzLjY2NjY3IiB4Mj0iODguNzQ4NCIgeTI9IjIwMS40MjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZDNUQ5QSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRDg3QjQiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K",icon:N.default.createElement("img",{alt:"health-tool-icon",src:"https://hellobacsi.com/images/due-date-icon.svg",style:{objectFit:"contain"}}),style:{padding:0},heading:u("healthTools.dueDateCalculator"),medicalReview:(null===(l=null==p?void 0:p.reviewed_by)||void 0===l?void 0:l.display_name)?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(x,'"\n >\n ').concat(null==p?void 0:p.reviewed_by.display_name,"\n </a>"),date:null==p?void 0:p.reviewed_date})}}),N.default.createElement("span",null)):void 0,isMobile:i}),N.default.createElement(t.Container,null,N.default.createElement(r.StyledContent,{className:"due-date-cal"},N.default.createElement(r.DueDateCalculator,{locale:d,onSubmitDueDate:s}))))},exports.FileDropdown=function(n){var a=n.className,l=n.value,o=n.options,i=n.onUploadSelected,r=n.id,d=n.placeholderIcon,c=n.placeholder,s=n.style,u=e.useState(!1),m=u[0],p=u[1],f=function(){return p(!m)},g=e.useRef(o.map((function(e){return"upload"===e.type&&N.default.createElement("input",{id:"uploader-dropdown-input-"+r+"-"+e.value,key:"uploader-dropdown-input-"+r+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),i(e.target.files)}})}))),h=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)"})),x=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:r,"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(r,"-").concat(e.value),"data-selected":l&&l.value===e.value||void 0,onClick:function(){return"upload"===e.type?function(e){var t;null===(t=document.querySelector(e))||void 0===t||t.click()}("#uploader-dropdown-input-"+r+"-"+e.value):void((t=e.url)&&window.open(t,"_blank"));var t}},N.default.createElement(t.StyledIcon,null,e.icon||"download"===e.type?v:x),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,i=t.backgroundPanelStyle,d=t.isOpen,c=t.onOpen,s=t.onClose,u=t.disableBackdropClick,m=t.siteType,p=void 0===m?"hb":m,f=t.animationType,g=void 0===f?"zoom":f,h=t.zIndex,v=void 0===h?300:h,x=e.useState(!!d),y=x[0],E=x[1];e.useEffect((function(){E(!!d)}),[d]);var b=function(){E(!1),s&&s()};return N.default.createElement(r.StyledFloatButtonGroup,{style:o,className:l,"data-floatmenu-open":y,"data-site-type":p,"data-animation-type":g},N.default.createElement(r.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:n.__assign({zIndex:v},i),onClick:u?void 0:b}),N.default.createElement(r.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:v}},N.default.createElement(r.StyledFloatButtonGroupItemsWrapper,null,a.map((function(e,t){return N.default.createElement(r.StyledFloatButtonGroupButton,{className:"float-item-button-".concat(t),style:n.__assign(n.__assign({},"zoom"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")}),"slide"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?t:a.length-1-t),"ms")}),key:t,onClick:function(){e.onClick(),e.keepMenuOnClick||E(!1)}},N.default.createElement(r.StyledFloatButtonGroupButtonLabel,{style:n.__assign({},"zoom"===g&&{transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")})},e.label),N.default.createElement(r.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:n.__assign({},("zoom"===g||"slide"===g)&&{transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")})},e.icon))}))),N.default.createElement(r.StyledFloatButtonGroupToggleIcon,{onClick:y?b:function(){E(!0),c&&c()}})))},exports.Footer=function(t){var n=t.type,l=t.isMobile,o=void 0===l||l,i=t.locale,r=t.footerInfo,d=t.isAmp,c=t.siteType;return e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[]),"helloSites"===c?N.default.createElement(le,{isAmp:d,isMobile:o,type:n,locale:i,footerInfo:r||{}}):N.default.createElement(Se,{isMobile:o,locale:i,footerMenu:r||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:t.marryBabySocialLinks,type:n})},exports.Grid=function(e){var n=e.className,a=e.columns,l=e.columnsDesktop,o=e.gridTemplateColumns,i=e.gridTemplateColumnsDesktop,r=e.gap,d=e.children,c=e.justifyChildren,s=e.style,u=e.alignItems;return N.default.createElement(t.StyledGrid,{className:n,style:s,theme:{columns:a,columnsDesktop:l,gap:r,justifyChildren:c,gridTemplateColumns:o,gridTemplateColumnsDesktop:i,alignItems:u}},d)},exports.IconText=function(e){var t=e.size,n=e.iconPosition,a=e.className,l=e.children,o=e.icon;return N.default.createElement(r.StyledIconText,{className:a,"data-size":t,"data-icon-position":n},"left"===n&&o,l,"right"===n&&o)},exports.Pagination=function(l){var o=l.className,i=l.pagesAmount,r=l.currentPage,d=l.onChange,c=l.onClick,s=l.style,u=l.href,m=l.queryPageName,p=void 0===m?"page":m,f=n.__spreadArray([],Array(i),!0).map((function(e,t){return t+1})),g=e.useState(r),h=g[0],v=g[1],x=e.useMemo((function(){return u&&u.endsWith("&page=")?u.replace("&page=",""):u}),[u]),y=i-1,E=function(e){e<=i&&e>0&&(v(e),d(e))},b=function(e){c&&c(e)};return e.useEffect((function(){v(r)}),[r]),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},x?N.default.createElement("a",{href:a.formatUrlWithPageParam(x,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(I,{pagesAmount:i,activePage:h,handlePageChange:E,handleClick:b,href:x,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)}},x?N.default.createElement("a",{href:a.formatUrlWithPageParam(x,e,p),onClick:b},e):e)})),N.default.createElement(t.StyledPageBlock,{className:"next-page",onClick:function(){return E(h+1)},"data-last-page":h===y+1||void 0},x?N.default.createElement("a",{href:a.formatUrlWithPageParam(x,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,i=t.labelPrefix,c=t.detailSteps,u=t.className,m=t.onChange,p=e.useState(0),f=p[0],g=p[1],h=function(e){var t=e.trackClassName,a=n.__rest(e,["trackClassName"]);return N.default.createElement(r.StyledTrackContainer,n.__assign({},a,{className:t}),N.default.createElement(r.StyledTrack,null))},v=N.default.createElement(r.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,i=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(r.StyledStep,{"data-is-active":a===n,"data-label":a,style:{left:a*t/(l-1)},onClick:function(){i&&i(a)},key:a},a+1,N.default.createElement(r.StyledStepLabel,{"data-step-passed":a<=n},o+" "+(a+1)))})))}),{trackLength:f,activeStep:o,labelPrefix:i,onChange:m})),x=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})),y=N.default.createElement(r.StyledBreadcrumbContainer,null,c&&Array.from({length:c.length},(function(e,t){return t})).map((function(e,t){var n;return N.default.createElement(r.StyledBreadcrumbWrapper,{key:t,"data-selected":t===o,onClick:function(){m&&m(t)}},null===(n=c[t])||void 0===n?void 0:n.text," ",t<c.length-1&&x)}))),E=N.default.createElement(r.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(r.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(r.StyledDetailStepIndicatorExternal,{onClick:function(){a&&a(o)}},t[o].icon):N.default.createElement(r.StyledDetailStepIndicator,{"data-is-active":o===n,"data-label":e,onClick:function(){a&&a(o)},key:o},o+1),N.default.createElement(r.StyledDetailStepLabel,{"data-step-passed":o<n+1},t[o].text,N.default.createElement(r.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&&y||"detail-track"===a&&E},exports.RateStars=function(a){var l=a.gap,o=void 0===l?2:l,i=a.size,r=void 0===i?24:i,d=a.star,c=a.totalStars,s=void 0===c?5:c,u=a.onSelect,m=a.hideEmptyStars,p=a.style,f=a.className,g=Math.floor(d),h=d-g>=.5?1:0,v=e.useState(null),x=v[0],y=v[1],E=x||g,b=x?0:h;return N.default.createElement(t.StyledRateStars,{"data-selectable":!!u,style:n.__assign({"--gap":o,"--star-size":r},p),className:f},Array.from({length:m?g+h:s}).map((function(e,t){var n=function(){return!!u&&y(t+1)},a=function(){return!!u&&y(null)};return t+1<=E?N.default.createElement(j,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a}):t+1===E+b?N.default.createElement(H,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a}):N.default.createElement(A,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a})})))},exports.SeoHead=function(e){var t,a,l,o,i,r,d,c,s,u,p,f,h,v,x,y,E,b,w,k=e.SEOData,C=void 0===k?{}:k,S=e.isAmp,L=void 0!==S&&S,_=e.locale,M=void 0===_?"vi-VN":_,z=e.routerPathname,B=e.routerQuery,D=e.nextHead,T=e.siteType,I=e.seoCustom,F=e.userId,A=e.forcedCanonicalUrl,j=C.totalPages,H=C.currentPage,P=C.SEOTitle,W=void 0===P?"":P,V=C.SEODescription,O=void 0===V?"":V,Z=C.SEOImage,U=C.seoType,G=C.SEOImageWidth,Q=C.SEOImageHeight,q=C.customMetaData,R=void 0===q?[]:q,Y=C.isIndexable,K=void 0===Y||Y,X=C.hasNoCanonical,J=void 0!==X&&X,$=K&&m.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",ee=process.env.NEXT_PUBLIC_BASE_API_URL,te=C.canonicalUrl||z;Object.keys(B).forEach((function(e){var t=B[e];t&&Array.isArray(t)&&(te=te.replace("[...".concat(e,"]"),t.join("/")))}));var ne,ae=M||"en-PH",le="helloSites"===T?m.domainLocales[ae]:"www.marrybaby.vn",oe=te.endsWith("/")?"":"/";if(C.apiMetaData&&"string"==typeof C.apiMetaData){var ie=null===(t=C.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),re=" - Page ".concat(H," of ").concat(j),de=H&&1!==H&&ie?C.apiMetaData.replace(ie[0],ie[0].includes("-")?ie[0].replace("-",re+" - "):"<title>".concat(ie[1].concat(re),"</title>")).replace('<link rel="canonical" href="https://'.concat(le).concat(te).concat(oe,'" />'),'<link rel="canonical" href="https://'.concat(le).concat(te).concat(oe,"?page=").concat(H,'" />')):C.apiMetaData,ce=(ne=g.htmlReactParser(de,{trim:!0})).find((function(e){var t,n;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(n=e.props)||void 0===n?void 0:n.property)}));if(!ce){var se="https://".concat(le,"/images/").concat(M,".png");ne=n.__spreadArray(n.__spreadArray([],ne,!0),[N.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=C.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=C.openGraph)||void 0===l?void 0:l.image)||se}),N.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=C.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(i=C.openGraph)||void 0===i?void 0:i.imageWidth)||"1200"}),N.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(r=C.openGraph)||void 0===r?void 0:r.imageHeight)&&String(null===(d=C.openGraph)||void 0===d?void 0:d.imageHeight)||"630"})],!1)}}var ue="https://".concat(le,"/images/").concat(M,".png");return N.default.createElement(D,null,N.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===T&&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"}),!L&&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:$}),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"===T?"#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"}),L&&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"===T?N.default.createElement("title",null,I?W:W+" - "+(null===(c=m.LOCALE_SPECS[M])||void 0===c?void 0:c.SITE_NAME)):N.default.createElement("title",null,W),!J&&N.default.createElement("link",{rel:"canonical",href:"https://".concat(le).concat(te)}),N.default.createElement("meta",{name:"description",content:O||(null===(s=C.openGraph)||void 0===s?void 0:s.description)}),C.schemaData&&N.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:C.schemaData}}),N.default.createElement("meta",{property:"og:locale",content:M}),N.default.createElement("meta",{property:"og:type",content:U||"website"}),N.default.createElement("meta",{property:"og:title",content:(null===(u=C.openGraph)||void 0===u?void 0:u.title)||W}),N.default.createElement("meta",{property:"og:description",content:(null===(p=C.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=C.openGraph)||void 0===f?void 0:f.image)||Z||ue||""}),N.default.createElement("meta",{property:"og:image:secure_url",content:(null===(h=C.openGraph)||void 0===h?void 0:h.image)||Z||ue}),N.default.createElement("meta",{property:"og:image:width",content:(null===(v=C.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(x=C.openGraph)||void 0===x?void 0:x.imageWidth)||G&&String(G)||"1200"}),N.default.createElement("meta",{property:"og:image:height",content:(null===(y=C.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(E=C.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=C.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=C.twitter)||void 0===w?void 0:w.image)||Z})),("helloSites"===T?m.FAVICONS[ae]||[]:m.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)&&A?ne.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ne,A&&N.default.createElement("link",{rel:"canonical",href:A}),!C.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,i=e.onCopied,d=e.locale,c=h.useTranslations().t,s=k.getSocialList(a||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(d)}));return N.default.createElement(r.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($,null),onClick:function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__generator(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(a)];case 1:return t.sent(),null==i||i(),[2]}}))}))}})))},exports.ShareDrawer=function(a){var i=a.open,d=a.title,c=a.onClose,s=a.onCopied,u=a.onShared,m=a.url,p=a.locale,f=n.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]),g=h.useTranslations().t,v=e.useCallback((function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__generator(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(m)];case 1:return t.sent(),null==s||s(),[2]}}))}))}),[m,s]),x=k.getSocialList(m||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(p)}));return console.log(x),e.useEffect((function(){i&&navigator.share&&navigator.share({title:null!=d?d:"Read This Post",url:m}).then((function(){null==u||u()})).catch((function(){null==c||c()}))}),[m,d,u,i]),navigator.share?null:N.default.createElement(r.StyledShareDrawer,n.__assign({title:g("share.title"),onClose:c,open:i,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"},x.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(C.Input,{name:"link",size:"md",value:m,isDisabled:!0}),N.default.createElement(l.Button,{size:"md",type:"button",color:"tertiary",icon:N.default.createElement(ee,null),onClick:v})))))},exports.StatisticCard=function(e){var t=e.type,n=e.description,a=e.value,l=e.withIcon,o=e.isInACard,i=e.cardColor,d=e.className;return N.default.createElement(r.StyledStatisticContainer,{className:d,"data-size":t,"data-is-in-card":"big"===t&&o,"data-card-color":i},N.default.createElement(r.StyledDescriptionWrapper,null,"small"===t&&N.default.createElement(r.StyledDot$1,{"data-color":i}),n),N.default.createElement(r.StyledStatisticNumberWrapper,{"data-size":t},"small"!==t&&l,a))},exports.SurveyThankyouCard=function(e){var n=e.thankyou,a=e.thankyouSubtitle,l=e.className,o=e.style;return N.default.createElement(r.StyledSurveyQuestionCard,{className:l,style:o},N.default.createElement("div",{className:"survey-inner-wrapper"},N.default.createElement(r.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(i.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,i=n.tabContent,c=n.onChange,s=n.className,u=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel,f=n.id,g=e.useState(l||0),h=g[0],v=g[1],x=d.useId(i.length);return e.useEffect((function(){v(l)}),[l]),N.default.createElement(r.StyledTabs,{style:a,className:s,role:"tablist",id:f},i.map((function(e,n){return N.default.createElement(r.StyledTab,{"data-is-tab-active":h===n||void 0,"aria-selected":h===n,role:"tab",onClick:function(){v(n),c&&c(n)},onKeyDown:function(e){"Enter"===e.key&&(v(n),c&&c(n))},key:x[n],"data-event-category":u,"data-event-action":m,"data-event-label":p,tabIndex:0},N.default.createElement(r.StyledTabContent,null,e.icon&&N.default.createElement(r.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,i=e.isInline,r=e.isSquared,d=void 0!==r&&r,c=e.className,s=e.isLight,u=e.hasMorePadding,m=e.isLink,p=e.isSelected,f=e.textProps,g=void 0===f?{size:"sm"}:f,h=g.color?{"--text-props-color":g.color}:{};return 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":i||void 0,style:n.__assign(n.__assign({},o),h),className:c,"data-is-selected":p||void 0,"data-is-link":m||void 0,tagType:a,isInline:i,tagHasMorePadding:u,tagIsLight:s,tagIsSquared:d,tagIsALink:m},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,i=e.style,r=e.label;return N.default.createElement(t.StyledToggle,{className:n,style:i},N.default.createElement("input",{type:"checkbox",id:a,onChange:l,checked:o}),N.default.createElement("label",{htmlFor:a},N.default.createElement(t.StyledToggleIcon,null),r&&N.default.createElement(t.StyledToggleLabel,null,r)))},exports.ToolsBannerCard=G,exports.UnderlinedLink=function(e){var n=e.size,a=e.isDisabled,l=e.className,o=e.link,i=e.style;return N.default.createElement(t.StyledUnderlinedLink,{className:l,"data-size":n,style:i,"data-disabled":a||void 0},o)},exports.Uploader=function(e){var n=e.type,a=e.withIcon,o=e.onFileSelected,i=e.inputId,r=e.withElement,d=e.fileAcceptType,c=e.multiple,s=e.value,u=e.className,m=function(){var e;null===(e=document.querySelector("#uploader-input-"+i))||void 0===e||e.click()};return N.default.createElement(t.StyledUploader,{className:u},"badge"===n?N.default.createElement(t.StyledElementContainer,{onClick:m,"data-is-attached-to-element":!!r},r,N.default.createElement(t.StyledIconWrapper,{"data-is-attached-to-element":!!r},a)):r?N.default.createElement("div",{onClick:m},r):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-"+i,accept:d,multiple:c,type:"file",style:{display:"none"},onChange:function(e){o(e.target.files)},value:s}))},exports.index=O,exports.index$1=U;
|
|
1
|
+
"use strict";var e=require("react"),t=require("./index.styled-343a2168.js"),n=require("./tslib.es6-f7929e76.js"),a=require("./screenSizeContext-6726a3b5.js"),l=require("./index-e15ec8a9.js"),o=require("./theme-696d81a9.js"),i=require("./index-9b91ee37.js"),r=require("./index-afddb46b.js"),d=require("react-id-generator"),c=require("./index-de4ae67a.js"),s=require("lodash"),u=require("keen-slider/react");require("react-range"),require("react-dom"),require("./translationsContext-2d7ea471.js"),require("string-format"),require("lodash/debounce");var m=require("./index-bce6f562.js"),p=require("date-fns"),f=require("styled-components");require("./Locale-11b51016.js");var g=require("./index-bde94e0b.js"),h=require("./useTranslations-0c221726.js"),v=require("./utils-c05996cf.js"),x=require("./useOutsideClick-528bfd6c.js"),y=require("date-fns/locale/en-US"),E=require("date-fns/locale/id"),b=require("date-fns/locale/vi"),w=require("date-fns/locale/zh-TW"),k=require("./getSocialList-2a3b759f.js"),C=require("./index-fa15aaf3.js"),S=require("./zalo-e7b9d144.js"),L=require("./index-c21b1491.js");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var N=_(e),M=_(f),z=_(y),B=_(E),D=_(b),T=_(w),I=function(l){var o=l.pagesAmount,i=l.activePage,r=l.handlePageChange,d=l.handleClick,c=l.href,s=l.queryPageName,u=void 0===s?"page":s,m=n.__spreadArray([],Array(o),!0).map((function(e,t){return t+1})),p=e.useState(i<=4?m.slice(0,5):i>=m.length-3?m.slice(m.length-5,m.length):m.slice(i-2,i+1)),f=p[0],g=p[1];return e.useEffect((function(){i<=4?g(m.slice(0,5)):i>=m.length-3?g(m.slice(m.length-5,m.length)):g(m.slice(i-2,i+1))}),[i]),N.default.createElement(e.Fragment,null,i>4&&N.default.createElement(e.Fragment,null,N.default.createElement(t.StyledPaginationBlock,{onClick:function(){return r(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===i||void 0,onClick:function(){return r(e)}},c?N.default.createElement("a",{href:a.formatUrlWithPageParam(c,e,u),onClick:d},e):e)})),i<m.length-3&&N.default.createElement(e.Fragment,null,N.default.createElement(t.StyledPaginationBlock,null,"..."),N.default.createElement(t.StyledPaginationBlock,{onClick:function(){return r(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,i=e.isDisabled,r=e.onChange,d=e.value,c=e.isRectangle;return N.default.createElement(t.StyledCheckbox,{className:o,"data-disabled":i||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 r(d,!l)},disabled:i,value:d,id:"".concat(a,"-").concat(d),"data-label-text":n}),!c&&N.default.createElement("label",{htmlFor:"".concat(a,"-").concat(d)},n))},A=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"}))},j=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"}))},H=function(e){return N.default.createElement("svg",n.__assign({},e,{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:"mask0_3555_5815",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(#mask0_3555_5815)"},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"})))},P=function(e){var n=e.avatarImg,a=e.authorName,l=e.authorLink,o=e.uploadTime,i=e.size;return N.default.createElement(r.StyledAuthor,null,N.default.createElement("div",{className:"author"},N.default.createElement("div",{className:"avatar","data-size":i},n),N.default.createElement("div",{className:"poster","data-is-disabled-url":!l},N.default.createElement(t.Text,{size:"lg"===i?"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(r.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(i.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.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(i.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.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))))))},V=function(e){var t=e.LinkComponent,n=e.page,a=e.isLast,l=e.onChangePage,o=n.label,i=n.value,d=n.isDropdown,s=n.dropdownItems,u=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel;return d?N.default.createElement(c.Dropdown,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):N.default.createElement(r.StyledTextLink,{title:"string"!=typeof o?i:o,"data-last":a},t&&N.default.createElement(t,{"data-event-category":u,"data-event-action":m,"data-event-label":p,href:i||"#"},o))},O=Object.freeze({__proto__:null,SideMenu:r.SideMenu,SideHeader:r.SideHeader,UserInfo:r.UserInfo,MenuLink:r.MenuLink}),Z=function(e){var t=e.isDisabled,n=e.isLeft,a=e.onClick,l=e.className,o=e.scheme,i=void 0===o?"hellosites":o;return N.default.createElement(r.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"===i?"#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"===i?"#595959":"#E55C8A"})))},U=Object.freeze({__proto__:null,Table:r.Table,Cell:r.Cell,Head:r.Head,Row:r.Row,Body:r.Body}),G=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":"h2",f=l?d:c||d;return N.default.createElement(r.StyledContainer,{"data-is-mobile":l,style:m},N.default.createElement(r.StyledWrapper,{className:n,"data-banner-url":f,"data-is-mobile":l},N.default.createElement(t.Container,{className:"container"},N.default.createElement(r.StyledInner,null,N.default.createElement(r.StyledHeading,{"data-is-mobile":l},N.default.createElement(r.StyledHeadingWithReviewedStatus,{"data-is-mobile":l},N.default.createElement(i.Heading,{color:o.theme.colors.white,tag:p,as:"h2"},a)),s&&N.default.createElement(r.StyledMedicalReviewed,{"data-is-mobile":l},N.default.createElement("img",{src:"https://hellobacsi.com/images/check-circle.svg",alt:void 0}),s)),N.default.createElement(r.StyledIconContainer,{"data-is-mobile":l},u)))))},Q=function(){return"undefined"!=typeof window&&window.innerWidth<a.Breakpoints.BREAK_POINT_MOBILE},q=function(){return"undefined"!=typeof window&&window.innerWidth>=a.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<a.Breakpoints.BREAK_POINT_PC};var R={"en-PH":z.default,"vi-VN":D.default,"zh-TW":T.default,"id-ID":B.default};function Y(t){var a=t.value,l=void 0===a?{from:null,to:null}:a,o=e.useState(null),i=o[0],d=o[1],c=function(){var t=e.useState(Q()),n=t[0],a=t[1],l=e.useState(q()),o=l[0],i=l[1];return e.useEffect((function(){var e=function(){a(Q()),i(q())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:n,isLargeMobile:o}}().isMobile,s=e.useState((function(){return l})),u=s[0],m=s[1],f=e.useState((function(){var e;return p.startOfMonth(null!==(e=l.from)&&void 0!==e?e:new Date)})),g=f[0],h=f[1],v=e.useMemo((function(){return p.addMonths(g,1)}),[g]);var x=n.__assign(n.__assign({},t),{goToNextMonth:function(){h((function(e){return p.addMonths(e,1)}))},goToPreviousMonth:function(){h((function(e){return p.subMonths(e,1)}))},range:u,setRange:m,hoverDay:i,setHoverDay:d});return N.default.createElement(N.default.Fragment,null,N.default.createElement(K,n.__assign({},x,{date:g})),!c&&N.default.createElement(r.StyledCalendarMonthSeparator,null),!c&&N.default.createElement(K,n.__assign({},x,{date:v})))}function K(t){var a=t.date,o=t.range,i=t.setRange,d=t.onChange,c=t.goToPreviousMonth,s=t.goToNextMonth,u=t.minDate,m=t.maxDate,f=t.close,g=void 0===f?function(){}:f,v=t.autoClose,x=void 0!==v&&v,y=t.hoverDay,E=t.setHoverDay,b=h.useTranslations().locale,w=e.useMemo((function(){var e;return null!==(e=R[b])&&void 0!==e?e:R["en-PH"]}),[b]),k=e.useMemo((function(){return p.format(a,"MMMM",{locale:w})}),[a,w]),C=e.useMemo((function(){return w?[1,2,3,4,5,6,0].map((function(e){return w.localize.day(e,{width:"narrow"})})):[]}),[w]);function S(e,t){if(null===e)return N.default.createElement(r.StyledCalendarDayNumberWrapper,{key:"idx-".concat(t),"data-empty":"true"});var a=e.getDate(),l=p.isToday(e),d=!!o.from&&p.isSameDay(o.from,e),c=!!o.to&&p.isSameDay(o.to,e),s=d||c,f=!1;null!==y&&o.from&&p.isBefore(o.from,y)&&!o.to?f=p.isWithinInterval(e,{start:o.from,end:y}):o.from&&o.to&&(f=p.isWithinInterval(e,{start:o.from,end:o.to}));var h=!1;return u&&m?h=!p.isWithinInterval(e,{start:u,end:m}):u?h=p.isBefore(e,u):m&&(h=p.isAfter(e,m)),N.default.createElement(r.StyledCalendarDayNumberWrapper,{key:a,"data-is-today":l,"data-is-past":!l&&p.isPast(e),"data-is-selected":s,"data-is-disabled":h,"data-in-range":f,"data-is-from":d,"data-is-to":c,onMouseEnter:function(){E(e)},onMouseLeave:function(){return E(null)},onClick:function(){h||i((function(t){return x&&o.from&&!o.to&&g(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?p.isBefore(e,t.from)?n.__assign(n.__assign({},t),{from:e}):n.__assign(n.__assign({},t),{to:e}):t:n.__assign(n.__assign({},t),{from:e})}(e,t)}))}},N.default.createElement(r.StyledCalendarDayNumber,{onClick:function(){}},N.default.createElement("p",null,a)))}return e.useEffect((function(){o.from&&o.to&&d(o)}),[o]),N.default.createElement(r.StyledCalendarWrapper,{className:"calendar-wrapper"},N.default.createElement(r.StyledCalendarHead,null,N.default.createElement(l.Button,{onClick:c,size:"md",color:"ghost",icon:N.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.66875 11.814L1.46875 6.657L5.66875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})}),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:"data:image/svg+xml,%3csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.46875 11.814L5.66875 6.657L1.46875 1.5' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})})),N.default.createElement(r.StyledCalendarCellsWrapper,null,N.default.createElement("div",null,N.default.createElement(r.StyledCalendarDaysOfWeek,null,C.map((function(e,t){return N.default.createElement(r.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=[],i=1;i<=n;i++)l.push(new Date(e,t,i));var d=l[0]?l[0].getDay():0;if(1!==d){var c=0===d?6:d-1;for(i=0;i<c;i++)l.unshift(null)}return N.default.createElement(r.StyledCalendarMonthWrapper,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(o.from&&o.to)},N.default.createElement(r.StyledCalendarDaysWrapper,null,N.default.createElement(r.StyledCalendarDateGrid,null,l.map(S))))}())))}var X,J,$=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"}))},ee=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"}))},te=M.default.footer(X||(X=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),ne=M.default.div(J||(J=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"]))),ae=function(e){var t=e.url,n=e.isMobile,a=e.dataEventCategory,l=e.dataEventAction,o=e.dataEventLabel,i=e.isAmp;return N.default.createElement(ne,{"data-is-mobile":n},i?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}))},le=function(n){var i,r,d,c,s,u,p,f,g,v,x,y,E,b,w,k,C,S,L,_,M,z,B,D,T,I,F,A,j,H,P,W,V,O,Z,U=n.className,G=n.type,Q=void 0===G?"main":G,q=n.footerInfo,R=n.isMobile,Y=n.locale,K=n.isAmp,X=h.useTranslations().t,J=null==q?void 0:q.menu;return e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[]),N.default.createElement(te,{as:K&&"mini"===Q?"div":"footer",className:U,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:"/"},K?(null===(r=null==q?void 0:q.general)||void 0===r?void 0:r.logo)?N.default.createElement("amp-img",{src:null===(d=null==q?void 0:q.general)||void 0===d?void 0:d.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:N.default.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(i=null==q?void 0:q.general)||void 0===i?void 0:i.logo,alt:"Logo","data-is-sehat":"id-ID"===Y})),N.default.createElement("div",{className:"columns"},N.default.createElement("div",{className:"newsletter"},N.default.createElement(t.Text,{size:"p1",type:"bold"},null===(c=null==q?void 0:q.general)||void 0===c?void 0:c.content),N.default.createElement(l.Button,{className:"signupButton",color:"primary",size:"lg"},X("footer.signUp")),N.default.createElement("div",{className:"social"},N.default.createElement(t.Text,{size:"sm",type:"regular"},null===(s=null==q?void 0:q.social)||void 0===s?void 0:s.title),N.default.createElement("div",{className:"icons"},null===(p=null===(u=null==q?void 0:q.social)||void 0===u?void 0:u.socials)||void 0===p?void 0:p.map((function(e,t){return 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},K?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,J&&N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:"biglinks"},null===(g=null===(f=J[0])||void 0===f?void 0:f.items)||void 0===g?void 0:g.map((function(e,t){return N.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(m.domainLocales[Y]).concat(e.url),className:"bigLink",key:t,href:e.url},e.title)}))),N.default.createElement("hr",{className:"hrMobile"}),N.default.createElement("div",{className:"mHalf"},N.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(v=J[1])||void 0===v?void 0:v.menu_title),null===(y=null===(x=J[1])||void 0===x?void 0:x.items)||void 0===y?void 0:y.map((function(e,n){return N.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(m.domainLocales[Y]).concat(e.url),className:"link",href:e.url,key:n},N.default.createElement(t.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(m.domainLocales[Y]).concat(e.url)},e.title))}))),N.default.createElement("div",{className:"mHalf"},N.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(E=J[2])||void 0===E?void 0:E.menu_title),null===(w=null===(b=J[2])||void 0===b?void 0:b.items)||void 0===w?void 0:w.map((function(e,n){return e.url&&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))})))),!K&&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===(k=null==q?void 0:q.branch)||void 0===k?void 0:k.title),N.default.createElement("div",{className:"flags"},null===(S=null===(C=null==q?void 0:q.branch)||void 0===C?void 0:C.branch)||void 0===S?void 0:S.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(ae,{url:e.flag,isMobile:R,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url,isAmp:K}))}))))))),N.default.createElement("hr",null),N.default.createElement("div",{className:"copyright","data-is-amp":K||void 0},(null===(L=null==q?void 0:q.general)||void 0===L?void 0:L.verified)&&N.default.createElement("a",{href:null===(M=null===(_=null==q?void 0:q.general)||void 0===_?void 0:_.verified[0])||void 0===M?void 0:M.url,className:"copyright-image"},K?N.default.createElement("amp-img",{src:null===(B=null===(z=null==q?void 0:q.general)||void 0===z?void 0:z.verified[0])||void 0===B?void 0:B.image,alt:"DMCA Icon",width:"100",height:"36"}):N.default.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(T=null===(D=null==q?void 0:q.general)||void 0===D?void 0:D.verified[0])||void 0===T?void 0:T.image,alt:"DMCA Icon"})),N.default.createElement(t.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(I=null==q?void 0:q.general)||void 0===I?void 0:I.copyright)),"vi-VN"===Y&&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==q?void 0:q.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==q?void 0:q.menu[1])||void 0===F?void 0:F.menu_title),null===(j=null===(A=null==q?void 0:q.menu[1])||void 0===A?void 0:A.items)||void 0===j?void 0:j.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(m.domainLocales[Y]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(m.domainLocales[Y]).concat(e.url)},N.default.createElement(t.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(m.domainLocales[Y]).concat(e.url),size:"sm",type:"regular",style:{color:o.theme.colors.gray800}},e.title))}))),N.default.createElement("div",{className:"mHalf"},N.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(H=null==q?void 0:q.menu[2])||void 0===H?void 0:H.menu_title),null===(W=null===(P=null==q?void 0:q.menu[2])||void 0===P?void 0:P.items)||void 0===W?void 0:W.map((function(e,n){return 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))}))),!K&&"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===(V=null==q?void 0:q.social)||void 0===V?void 0:V.title),N.default.createElement("div",{className:"icons"},null===(Z=null===(O=null==q?void 0:q.social)||void 0===O?void 0:O.socials)||void 0===Z?void 0:Z.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},K?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)}))(oe||(oe=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 oe,ie,re=M.default.p(ie||(ie=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})),de=function(e){var t=e.type,a=e.color,l=e.style,o=n.__rest(e,["type","color","style"]);return N.default.createElement(re,n.__assign({"data-type":t,style:n.__assign(n.__assign({},l),a&&{"--text-color":a})},o))};M.default.footer(ce||(ce=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 ce,se,ue,me,pe,fe,ge,he,ve=M.default.div(se||(se=n.__makeTemplateObject([""],[""]))),xe=M.default.div(ue||(ue=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"]))),ye=M.default.div(me||(me=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),Ee=M.default.div(pe||(pe=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),be=M.default.div(fe||(fe=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),we=M.default.div(ge||(ge=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})),ke=M.default.div(he||(he=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"]))),Ce={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"}},Se=function(e){var n,a=e.socialLinks,l=void 0===a?Ce.SOCIAL_LINKS:a,i=l.facebookLink,r=l.instagramLink,d=l.zaloLink,c=l.youtubeLink,s=e.copyrightText,u=e.logoType,m=void 0===u?"marryBaby":u,p=e.isMobile,f=e.footerMenu,g=void 0===f?[]:f,v=e.type,x=void 0===v?"main":v,y=h.useTranslations().t;return"main"===x?N.default.createElement(ve,{className:"footer-container"},!p&&N.default.createElement("div",{className:"footer-divider"},N.default.createElement(t.Container,{type:"marryBaby"},N.default.createElement(L.Divider,{style:{padding:"0 16px"},type:"solid"}))),N.default.createElement(ye,null,N.default.createElement(t.Container,{type:"marryBaby"},N.default.createElement(Ee,null,N.default.createElement("div",{className:"grid"},null===(n=p?null==g?void 0:g.slice(0,6):g)||void 0===n?void 0:n.map((function(e,t){var n=e.title,a=e.link;return 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(de,{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(de,{type:"subtitle-2"},y("footer.followUsText")),N.default.createElement("div",{className:"icons-links"},i&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":i,href:i},N.default.createElement("img",{src:S.img,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:S.img$1,alt:"Youtube"})),r&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":r,href:r},N.default.createElement("img",{src:S.img$2,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:S.img$3,alt:"Zalo"}))))))))),N.default.createElement(be,null,N.default.createElement(t.Container,{type:"marryBaby"},N.default.createElement(we,null,N.default.createElement(t.Logo,{className:"logo",type:m,width:"121px"}),N.default.createElement(de,{className:"company-name",type:"subtitle-2"},y("footer.info.companyName")),N.default.createElement("div",{className:"text-info"},N.default.createElement(de,{type:"bodytext-3"},y("footer.info.address")),N.default.createElement(de,{type:"bodytext-3"},y("footer.info.license")),N.default.createElement(de,{type:"bodytext-3"},y("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"}))),!p&&N.default.createElement(L.Divider,{type:"solid"}),N.default.createElement("div",{className:"language-and-copyright"},N.default.createElement(de,{type:"bodytext-3"},s)))))):N.default.createElement(xe,null,N.default.createElement(ke,null),N.default.createElement(de,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:o.theme.sizes.fwSemiBold},color:o.theme.mbColors.midGray},y("footer.followUsText")),N.default.createElement("div",{className:"icons-links"},i&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","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:"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"}))),r&&N.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","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:"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,i=e.contentIcon,r=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"},i,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},r))},exports.AmpNextPage=function(e){var t=e.ampNextArticles,a=(null==t?void 0:t.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return 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,x=e.dataEventCategoryForCategory,y=e.dataEventCategoryForTitle,E=e.dataEventLabelForBanner,b=e.dataEventLabelForBookmark,w=e.dataEventLabelForCategory,k=e.dataEventLabelForTitle,C=e.direction,S=void 0===C?"horizontal":C,L=e.hasAffiliate,_=e.isBookmark,M=void 0!==_&&_,z=e.isBookmarkDisplayed,B=void 0===z||z,D=e.isMobile,T=void 0===D||D,I=e.onBookmark,F=e.onClickCategoryName,A=e.section,j=void 0===A?"normal":A,H=e.size,V=void 0===H?"md":H,O=e.specialty,Z=e.style,U=e.styleBanner,G=e.styleLabel,Q=e.styleTitle,q=e.text,R=e.title,Y=e.type,K=void 0===Y?"author":Y,X=e.uploadTime,J=e.articleLinkTarget,$=function(e){e.stopPropagation(),I&&I()},ee="lg"===V&&"expert"===K?"h4":"lg"===V&&"home"===j?T?"h4":"h3":"lg"===V?"h4":"h5",te="lg"===V?"p3":"p4",ne=T||"home"!==j||"lg"!==V||"author"!==K?"c2":"c1";return N.default.createElement(r.StyledCard,{className:u,"data-size":V,style:Z,"data-direction":S,"data-is-expert":"expert"===K||void 0},N.default.createElement("div",{className:"banner",style:U},N.default.createElement(r.StyledAnchor,{"data-event-category":h,"data-event-action":m,"data-event-label":E,href:n||"#",target:J},d),L&&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:G,className:"label",size:ne,type:"caption"},N.default.createElement(r.StyledAnchor,{"data-event-category":x,"data-event-action":f,"data-event-label":w,href:c||"#",onClick:F},s),B&&N.default.createElement("a",{className:"bookmark",onClick:$},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(i.Heading,{tag:ee,style:Q,className:"title",as:"lg"===V?"h2":"h3"},N.default.createElement(r.StyledAnchor,{"data-event-category":y,"data-event-action":g,"data-event-label":k,href:n||"#",target:J},R)),q&&N.default.createElement("a",{href:n||"#",target:J},N.default.createElement(t.Text,{size:te,className:"text"},q))),N.default.createElement("div",{className:"footer"},"author"===K?N.default.createElement(P,{size:V,avatarImg:o,authorName:l,authorLink:a,uploadTime:X,handleClick:$,isBookmarked:M,dataEventCategoryForBookmark:v,dataEventActionForBookmark:p,dataEventLabelForBookmark:b}):N.default.createElement(W,{size:V,isMobile:T,avatarImg:o,specialty:O,name:l,link:a,handleClick:$,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,i=e.color,r=void 0===i?"primary":i,d=e.icon,c=e.className;return N.default.createElement(t.StyledBadge,{"data-notification-type":a,"data-notification-size":o,"data-notification-color":r,"data-has-icon":!!d||void 0,notificationType:a,notificationSize:o,notificationColor:r,hasIcon:!!d,className:c},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,i=e.size,r=void 0===i?"lg":i,d=e.type,c=void 0===d?"bold":d,s=e.upperCase,u=e.as,m=void 0===u?"h4":u,p=e.color;return N.default.createElement(t.StyledBorderHeading,{style:n.__assign({color:p},a),className:o,"data-size":r,"data-type":c,"data-uppercase":s,as:m},l)},exports.Breadcrumbs=function(t){var a=t.className,l=t.pages,o=t.size,i=t.LinkComponent,c=void 0===i?"a":i,s=t.onChangePage,u=t.separator,m=e.useMemo((function(){return l.map((function(e,t){return l.length>4?t>1&&t<l.length-2?null:1===t?n.__assign(n.__assign({},e),{isDropdown:1===t,dropdownItems:l.slice(1,l.length-2)}):e:e})).filter(Boolean)}),[l]),p=d.useId(m.length);return N.default.createElement(r.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(V,{LinkComponent:c,page:t,isLast:a,onChangePage:s}),!a&&(u||N.default.createElement(r.StyledSeparator,{"data-size":o})))})))},exports.Carousel=function(t){for(var a=t.row,l=t.column,o=t.children,i=t.scheme,d=void 0===i?"hellosites":i,c=t.classNameLeftArrow,s=void 0===c?"":c,m=t.classNameRightArrow,p=void 0===m?"":m,f=t.mode,g=void 0===f?"snap":f,h=t.isDotsShown,v=void 0===h||h,x=t.isArrowShown,y=void 0!==x&&x,E=t.dataEventCategory,b=t.dataEventAction,w=t.dataEventLabel,k=t.onChangePage,C=N.default.useState(0),S=C[0],L=C[1],_=e.useState(!1),M=_[0],z=_[1],B=u.useKeenSlider({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){L(e.track.details.rel),k&&k(e.track.details.rel)},created:function(){z(!0)},drag:!0,mode:g,slides:{spacing:12}}),D=B[0],T=B[1],I=[],F=a*l,A=0;A<o.length;A+=F){var j=o.slice(A,A+F);I.push(j)}return N.default.createElement(r.StyledCarousel,{row:a,column:l},N.default.createElement("div",{className:"navigation-wrapper"},N.default.createElement("div",{ref:D,className:"keen-slider slides-wrapper"},I.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&&T.current&&y&&N.default.createElement(N.default.Fragment,null,N.default.createElement(Z,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=T.current)||void 0===t?void 0:t.prev())},isDisabled:0===S,scheme:d,className:"left-arrow ".concat(s),"data-event-category":E,"data-event-action":b,"data-event-label":w}),N.default.createElement(Z,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=T.current)||void 0===t?void 0:t.next())},isDisabled:S===T.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&&T.current&&v&&N.default.createElement("div",{className:"dots"},n.__spreadArray([],Array(T.current.track.details.slides.length),!0).map((function(e,t){return N.default.createElement(r.StyledDot,{key:t,onClick:function(){var e;null===(e=T.current)||void 0===e||e.moveToIdx(t)},"data-is-active":S===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,i=void 0===o?[]:o,d=e.className,c=e.type,s=void 0===c?"vertical":c,u=e.isDisabled,m=e.isRectangle,p=function(e,t){var n=a.slice();if(t)n.push(e);else{var o=n.findIndex((function(t){return t===e}));n.splice(o,1)}l&&l(n)};return N.default.createElement(r.StyledCheckboxGroup,{className:d,"data-type":s,"data-is-rectangle":m||void 0},i.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,i=e.title,d=void 0===i?"":i,c=e.description,s=void 0===c?"":c,u=e.theme,m=void 0===u?"helloSites":u,p=e.isOpen,f=void 0===p||p,g=e.useDefaultPosition,h=void 0===g||g,v=e.trackingAttributes;return N.default.createElement(r.StyledAcceptCardContainer,{className:t,"data-theme":m,"data-is-open":f,"data-default-position":h},N.default.createElement(r.StyledTitleSection,{"data-has-content":!!d},d),N.default.createElement(r.StyledDescription,{dangerouslySetInnerHTML:{__html:s}}),N.default.createElement(r.StyledButtonGroup,null,N.default.createElement(r.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"data-event-category":null==v?void 0:v.dataEventCategory,"data-event-action":null==v?void 0:v.dataEventAction,"data-event-label":null==v?void 0:v.dataEventLabel},o.acceptButton),N.default.createElement(r.StyledPoliciesButton,{href:n},o.policiesButton)))},exports.DateRangePicker=function(n){var a=n.inputSize,l=void 0===a?"md":a,o=n.name,i=void 0===o?"date-range-picker":o,d=n.value,c=n.minDate,s=n.maxDate,u=n.onChange,m=n.className,f=n.autoClose,g=void 0!==f&&f;d||(d={from:null,to:null});var h=e.useState(!1),v=h[0],y=h[1];function E(){y(!1)}var b=e.useRef(null);function w(e){u&&u(e)}function k(e){return p.format(e,"dd/MM/yyyy")}x.useOutsideClick(b,(function(){E()}));var C=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(r.StyledWrapper$1,{className:[m,v&&"focused"].filter(Boolean).join(" "),ref:b},N.default.createElement("label",{htmlFor:i},N.default.createElement(t.PureInput,{size:l,value:C,name:i,actionIcon:N.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9168 1.99984H13.5835C14.3168 1.99984 14.9168 2.59984 14.9168 3.33317V13.9998C14.9168 14.7332 14.3168 15.3332 13.5835 15.3332H2.91683C2.1835 15.3332 1.5835 14.7332 1.5835 13.9998V3.33317C1.5835 2.59984 2.1835 1.99984 2.91683 1.99984H3.5835V1.33317C3.5835 0.966504 3.8835 0.666504 4.25016 0.666504C4.61683 0.666504 4.91683 0.966504 4.91683 1.33317V1.99984H11.5835V1.33317C11.5835 0.966504 11.8835 0.666504 12.2502 0.666504C12.6168 0.666504 12.9168 0.966504 12.9168 1.33317V1.99984ZM3.5835 13.9998H12.9168C13.2835 13.9998 13.5835 13.6998 13.5835 13.3332V5.33317H2.91683V13.3332C2.91683 13.6998 3.21683 13.9998 3.5835 13.9998Z' fill='%23595959'/%3e%3c/svg%3e"}),onFocus:function(){return y(!0)}})),v?N.default.createElement(r.StyledCalendarWrapper$1,{onMouseDown:function(e){e.stopPropagation()}},N.default.createElement(Y,{value:d,onChange:w,minDate:c,maxDate:s,close:E,autoClose:g})):null)},exports.DueDateCardEmbed=function(a){var l,i=a.isMobile,d=a.locale,s=a.onSubmitDueDate,u=h.useTranslations().t,m=e.useState({}),p=m[0],f=m[1],g=e.useState(""),x=g[0],y=g[1];return e.useEffect((function(){n.__awaiter(void 0,void 0,void 0,(function(){var e,t;return n.__generator(this,(function(n){switch(n.label){case 0:return[4,v.callApi(v.getDiscoverApiPath(v.PATHS.GET_DUE_DATE_INFO),"GET")];case 1:return e=n.sent(),f(null==e?void 0:e.data),y(c.formatUserProfileUrl(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.reviewd_by)||""),[2]}}))}))}),[]),N.default.createElement(r.StyledContainer$1,null,N.default.createElement(G,{isEmbed:!0,bannerUrl:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzc1IiBoZWlnaHQ9Ijg4IiB2aWV3Qm94PSIwIDAgMzc1IDg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMCAwSDM3NVY2OEwwIDg4VjBaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTAzMzFfMjYzMDYpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTAzMzFfMjYzMDYiIHgxPSItNi4xMjU1NGUtMDYiIHkxPSIzLjY2NjY3IiB4Mj0iODguNzQ4NCIgeTI9IjIwMS40MjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZDNUQ5QSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRDg3QjQiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K",icon:N.default.createElement("img",{alt:"health-tool-icon",src:"https://hellobacsi.com/images/due-date-icon.svg",style:{objectFit:"contain"}}),style:{padding:0},heading:u("healthTools.dueDateCalculator"),medicalReview:(null===(l=null==p?void 0:p.reviewed_by)||void 0===l?void 0:l.display_name)?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(x,'"\n >\n ').concat(null==p?void 0:p.reviewed_by.display_name,"\n </a>"),date:null==p?void 0:p.reviewed_date})}}),N.default.createElement("span",null)):void 0,isMobile:i}),N.default.createElement(t.Container,null,N.default.createElement(r.StyledContent,{className:"due-date-cal"},N.default.createElement(r.DueDateCalculator,{locale:d,onSubmitDueDate:s}))))},exports.FileDropdown=function(n){var a=n.className,l=n.value,o=n.options,i=n.onUploadSelected,r=n.id,d=n.placeholderIcon,c=n.placeholder,s=n.style,u=e.useState(!1),m=u[0],p=u[1],f=function(){return p(!m)},g=e.useRef(o.map((function(e){return"upload"===e.type&&N.default.createElement("input",{id:"uploader-dropdown-input-"+r+"-"+e.value,key:"uploader-dropdown-input-"+r+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),i(e.target.files)}})}))),h=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)"})),x=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:r,"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(r,"-").concat(e.value),"data-selected":l&&l.value===e.value||void 0,onClick:function(){return"upload"===e.type?function(e){var t;null===(t=document.querySelector(e))||void 0===t||t.click()}("#uploader-dropdown-input-"+r+"-"+e.value):void((t=e.url)&&window.open(t,"_blank"));var t}},N.default.createElement(t.StyledIcon,null,e.icon||"download"===e.type?v:x),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,i=t.backgroundPanelStyle,d=t.isOpen,c=t.onOpen,s=t.onClose,u=t.disableBackdropClick,m=t.siteType,p=void 0===m?"hb":m,f=t.animationType,g=void 0===f?"zoom":f,h=t.zIndex,v=void 0===h?300:h,x=e.useState(!!d),y=x[0],E=x[1];e.useEffect((function(){E(!!d)}),[d]);var b=function(){E(!1),s&&s()};return N.default.createElement(r.StyledFloatButtonGroup,{style:o,className:l,"data-floatmenu-open":y,"data-site-type":p,"data-animation-type":g},N.default.createElement(r.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:n.__assign({zIndex:v},i),onClick:u?void 0:b}),N.default.createElement(r.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:v}},N.default.createElement(r.StyledFloatButtonGroupItemsWrapper,null,a.map((function(e,t){return N.default.createElement(r.StyledFloatButtonGroupButton,{className:"float-item-button-".concat(t),style:n.__assign(n.__assign({},"zoom"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")}),"slide"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?t:a.length-1-t),"ms")}),key:t,onClick:function(){e.onClick(),e.keepMenuOnClick||E(!1)}},N.default.createElement(r.StyledFloatButtonGroupButtonLabel,{style:n.__assign({},"zoom"===g&&{transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")})},e.label),N.default.createElement(r.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:n.__assign({},("zoom"===g||"slide"===g)&&{transitionDelay:"".concat(r.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")})},e.icon))}))),N.default.createElement(r.StyledFloatButtonGroupToggleIcon,{onClick:y?b:function(){E(!0),c&&c()}})))},exports.Footer=function(t){var n=t.type,l=t.isMobile,o=void 0===l||l,i=t.locale,r=t.footerInfo,d=t.isAmp,c=t.siteType;return e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[]),"helloSites"===c?N.default.createElement(le,{isAmp:d,isMobile:o,type:n,locale:i,footerInfo:r||{}}):N.default.createElement(Se,{isMobile:o,locale:i,footerMenu:r||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:t.marryBabySocialLinks,type:n})},exports.Grid=function(e){var n=e.className,a=e.columns,l=e.columnsDesktop,o=e.gridTemplateColumns,i=e.gridTemplateColumnsDesktop,r=e.gap,d=e.children,c=e.justifyChildren,s=e.style,u=e.alignItems;return N.default.createElement(t.StyledGrid,{className:n,style:s,theme:{columns:a,columnsDesktop:l,gap:r,justifyChildren:c,gridTemplateColumns:o,gridTemplateColumnsDesktop:i,alignItems:u}},d)},exports.IconText=function(e){var t=e.size,n=e.iconPosition,a=e.className,l=e.children,o=e.icon;return N.default.createElement(r.StyledIconText,{className:a,"data-size":t,"data-icon-position":n},"left"===n&&o,l,"right"===n&&o)},exports.Pagination=function(l){var o=l.className,i=l.pagesAmount,r=l.currentPage,d=l.onChange,c=l.onClick,s=l.style,u=l.href,m=l.queryPageName,p=void 0===m?"page":m,f=n.__spreadArray([],Array(i),!0).map((function(e,t){return t+1})),g=e.useState(r),h=g[0],v=g[1],x=e.useMemo((function(){return u&&u.endsWith("&page=")?u.replace("&page=",""):u}),[u]),y=i-1,E=function(e){e<=i&&e>0&&(v(e),d(e))},b=function(e){c&&c(e)};return e.useEffect((function(){v(r)}),[r]),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},x?N.default.createElement("a",{href:a.formatUrlWithPageParam(x,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(I,{pagesAmount:i,activePage:h,handlePageChange:E,handleClick:b,href:x,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)}},x?N.default.createElement("a",{href:a.formatUrlWithPageParam(x,e,p),onClick:b},e):e)})),N.default.createElement(t.StyledPageBlock,{className:"next-page",onClick:function(){return E(h+1)},"data-last-page":h===y+1||void 0},x?N.default.createElement("a",{href:a.formatUrlWithPageParam(x,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,i=t.labelPrefix,c=t.detailSteps,u=t.className,m=t.onChange,p=e.useState(0),f=p[0],g=p[1],h=function(e){var t=e.trackClassName,a=n.__rest(e,["trackClassName"]);return N.default.createElement(r.StyledTrackContainer,n.__assign({},a,{className:t}),N.default.createElement(r.StyledTrack,null))},v=N.default.createElement(r.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,i=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(r.StyledStep,{"data-is-active":a===n,"data-label":a,style:{left:a*t/(l-1)},onClick:function(){i&&i(a)},key:a},a+1,N.default.createElement(r.StyledStepLabel,{"data-step-passed":a<=n},o+" "+(a+1)))})))}),{trackLength:f,activeStep:o,labelPrefix:i,onChange:m})),x=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})),y=N.default.createElement(r.StyledBreadcrumbContainer,null,c&&Array.from({length:c.length},(function(e,t){return t})).map((function(e,t){var n;return N.default.createElement(r.StyledBreadcrumbWrapper,{key:t,"data-selected":t===o,onClick:function(){m&&m(t)}},null===(n=c[t])||void 0===n?void 0:n.text," ",t<c.length-1&&x)}))),E=N.default.createElement(r.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(r.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(r.StyledDetailStepIndicatorExternal,{onClick:function(){a&&a(o)}},t[o].icon):N.default.createElement(r.StyledDetailStepIndicator,{"data-is-active":o===n,"data-label":e,onClick:function(){a&&a(o)},key:o},o+1),N.default.createElement(r.StyledDetailStepLabel,{"data-step-passed":o<n+1},t[o].text,N.default.createElement(r.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&&y||"detail-track"===a&&E},exports.RateStars=function(a){var l=a.gap,o=void 0===l?2:l,i=a.size,r=void 0===i?24:i,d=a.star,c=a.totalStars,s=void 0===c?5:c,u=a.onSelect,m=a.hideEmptyStars,p=a.style,f=a.className,g=Math.floor(d),h=d-g>=.5?1:0,v=e.useState(null),x=v[0],y=v[1],E=x||g,b=x?0:h;return N.default.createElement(t.StyledRateStars,{"data-selectable":!!u,style:n.__assign({"--gap":o,"--star-size":r},p),className:f},Array.from({length:m?g+h:s}).map((function(e,t){var n=function(){return!!u&&y(t+1)},a=function(){return!!u&&y(null)};return t+1<=E?N.default.createElement(j,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a}):t+1===E+b?N.default.createElement(H,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a}):N.default.createElement(A,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a})})))},exports.SeoHead=function(e){var t,a,l,o,i,r,d,c,s,u,p,f,h,v,x,y,E,b,w,k=e.SEOData,C=void 0===k?{}:k,S=e.isAmp,L=void 0!==S&&S,_=e.locale,M=void 0===_?"vi-VN":_,z=e.routerPathname,B=e.routerQuery,D=e.nextHead,T=e.siteType,I=e.seoCustom,F=e.userId,A=e.forcedCanonicalUrl,j=C.totalPages,H=C.currentPage,P=C.SEOTitle,W=void 0===P?"":P,V=C.SEODescription,O=void 0===V?"":V,Z=C.SEOImage,U=C.seoType,G=C.SEOImageWidth,Q=C.SEOImageHeight,q=C.customMetaData,R=void 0===q?[]:q,Y=C.isIndexable,K=void 0===Y||Y,X=C.hasNoCanonical,J=void 0!==X&&X,$=K&&m.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",ee=process.env.NEXT_PUBLIC_BASE_API_URL,te=C.canonicalUrl||z;Object.keys(B).forEach((function(e){var t=B[e];t&&Array.isArray(t)&&(te=te.replace("[...".concat(e,"]"),t.join("/")))}));var ne,ae=M||"en-PH",le="helloSites"===T?m.domainLocales[ae]:"www.marrybaby.vn",oe=te.endsWith("/")?"":"/";if(C.apiMetaData&&"string"==typeof C.apiMetaData){var ie=null===(t=C.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),re=" - Page ".concat(H," of ").concat(j),de=H&&1!==H&&ie?C.apiMetaData.replace(ie[0],ie[0].includes("-")?ie[0].replace("-",re+" - "):"<title>".concat(ie[1].concat(re),"</title>")).replace('<link rel="canonical" href="https://'.concat(le).concat(te).concat(oe,'" />'),'<link rel="canonical" href="https://'.concat(le).concat(te).concat(oe,"?page=").concat(H,'" />')):C.apiMetaData,ce=(ne=g.htmlReactParser(de,{trim:!0})).find((function(e){var t,n;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(n=e.props)||void 0===n?void 0:n.property)}));if(!ce){var se="https://".concat(le,"/images/").concat(M,".png");ne=n.__spreadArray(n.__spreadArray([],ne,!0),[N.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=C.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=C.openGraph)||void 0===l?void 0:l.image)||se}),N.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(o=C.openGraph)||void 0===o?void 0:o.imageWidth)&&String(null===(i=C.openGraph)||void 0===i?void 0:i.imageWidth)||"1200"}),N.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(r=C.openGraph)||void 0===r?void 0:r.imageHeight)&&String(null===(d=C.openGraph)||void 0===d?void 0:d.imageHeight)||"630"})],!1)}}var ue="https://".concat(le,"/images/").concat(M,".png");return N.default.createElement(D,null,N.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===T&&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"}),!L&&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:$}),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"===T?"#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"}),L&&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"===T?N.default.createElement("title",null,I?W:W+" - "+(null===(c=m.LOCALE_SPECS[M])||void 0===c?void 0:c.SITE_NAME)):N.default.createElement("title",null,W),!J&&N.default.createElement("link",{rel:"canonical",href:"https://".concat(le).concat(te)}),N.default.createElement("meta",{name:"description",content:O||(null===(s=C.openGraph)||void 0===s?void 0:s.description)}),C.schemaData&&N.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:C.schemaData}}),N.default.createElement("meta",{property:"og:locale",content:M}),N.default.createElement("meta",{property:"og:type",content:U||"website"}),N.default.createElement("meta",{property:"og:title",content:(null===(u=C.openGraph)||void 0===u?void 0:u.title)||W}),N.default.createElement("meta",{property:"og:description",content:(null===(p=C.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=C.openGraph)||void 0===f?void 0:f.image)||Z||ue||""}),N.default.createElement("meta",{property:"og:image:secure_url",content:(null===(h=C.openGraph)||void 0===h?void 0:h.image)||Z||ue}),N.default.createElement("meta",{property:"og:image:width",content:(null===(v=C.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(x=C.openGraph)||void 0===x?void 0:x.imageWidth)||G&&String(G)||"1200"}),N.default.createElement("meta",{property:"og:image:height",content:(null===(y=C.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(E=C.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=C.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=C.twitter)||void 0===w?void 0:w.image)||Z})),("helloSites"===T?m.FAVICONS[ae]||[]:m.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)&&A?ne.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ne,A&&N.default.createElement("link",{rel:"canonical",href:A}),!C.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,i=e.onCopied,d=e.locale,c=h.useTranslations().t,s=k.getSocialList(a||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(d)}));return N.default.createElement(r.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($,null),onClick:function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__generator(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(a)];case 1:return t.sent(),null==i||i(),[2]}}))}))}})))},exports.ShareDrawer=function(a){var i=a.open,d=a.title,c=a.onClose,s=a.onCopied,u=a.onShared,m=a.url,p=a.locale,f=n.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]),g=h.useTranslations().t,v=e.useCallback((function(){return n.__awaiter(void 0,void 0,void 0,(function(){var e;return n.__generator(this,(function(t){switch(t.label){case 0:return[4,null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(m)];case 1:return t.sent(),null==s||s(),[2]}}))}))}),[m,s]),x=k.getSocialList(m||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(p)}));return console.log(x),e.useEffect((function(){i&&navigator.share&&navigator.share({title:null!=d?d:"Read This Post",url:m}).then((function(){null==u||u()})).catch((function(){null==c||c()}))}),[m,d,u,i]),navigator.share?null:N.default.createElement(r.StyledShareDrawer,n.__assign({title:g("share.title"),onClose:c,open:i,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"},x.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(C.Input,{name:"link",size:"md",value:m,isDisabled:!0}),N.default.createElement(l.Button,{size:"md",type:"button",color:"tertiary",icon:N.default.createElement(ee,null),onClick:v})))))},exports.StatisticCard=function(e){var t=e.type,n=e.description,a=e.value,l=e.withIcon,o=e.isInACard,i=e.cardColor,d=e.className;return N.default.createElement(r.StyledStatisticContainer,{className:d,"data-size":t,"data-is-in-card":"big"===t&&o,"data-card-color":i},N.default.createElement(r.StyledDescriptionWrapper,null,"small"===t&&N.default.createElement(r.StyledDot$1,{"data-color":i}),n),N.default.createElement(r.StyledStatisticNumberWrapper,{"data-size":t},"small"!==t&&l,a))},exports.SurveyThankyouCard=function(e){var n=e.thankyou,a=e.thankyouSubtitle,l=e.className,o=e.style;return N.default.createElement(r.StyledSurveyQuestionCard,{className:l,style:o},N.default.createElement("div",{className:"survey-inner-wrapper"},N.default.createElement(r.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(i.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,i=n.tabContent,c=n.onChange,s=n.className,u=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel,f=n.id,g=e.useState(l||0),h=g[0],v=g[1],x=d.useId(i.length);return e.useEffect((function(){v(l)}),[l]),N.default.createElement(r.StyledTabs,{style:a,className:s,role:"tablist",id:f},i.map((function(e,n){return N.default.createElement(r.StyledTab,{"data-is-tab-active":h===n||void 0,"aria-selected":h===n,role:"tab",onClick:function(){v(n),c&&c(n)},onKeyDown:function(e){"Enter"===e.key&&(v(n),c&&c(n))},key:x[n],"data-event-category":u,"data-event-action":m,"data-event-label":p,tabIndex:0},N.default.createElement(r.StyledTabContent,null,e.icon&&N.default.createElement(r.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,i=e.isInline,r=e.isSquared,d=void 0!==r&&r,c=e.className,s=e.isLight,u=e.hasMorePadding,m=e.isLink,p=e.isSelected,f=e.textProps,g=void 0===f?{size:"sm"}:f,h=g.color?{"--text-props-color":g.color}:{};return 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":i||void 0,style:n.__assign(n.__assign({},o),h),className:c,"data-is-selected":p||void 0,"data-is-link":m||void 0,tagType:a,isInline:i,tagHasMorePadding:u,tagIsLight:s,tagIsSquared:d,tagIsALink:m},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,i=e.style,r=e.label;return N.default.createElement(t.StyledToggle,{className:n,style:i},N.default.createElement("input",{type:"checkbox",id:a,onChange:l,checked:o}),N.default.createElement("label",{htmlFor:a},N.default.createElement(t.StyledToggleIcon,null),r&&N.default.createElement(t.StyledToggleLabel,null,r)))},exports.ToolsBannerCard=G,exports.UnderlinedLink=function(e){var n=e.size,a=e.isDisabled,l=e.className,o=e.link,i=e.style;return N.default.createElement(t.StyledUnderlinedLink,{className:l,"data-size":n,style:i,"data-disabled":a||void 0},o)},exports.Uploader=function(e){var n=e.type,a=e.withIcon,o=e.onFileSelected,i=e.inputId,r=e.withElement,d=e.fileAcceptType,c=e.multiple,s=e.value,u=e.className,m=function(){var e;null===(e=document.querySelector("#uploader-input-"+i))||void 0===e||e.click()};return N.default.createElement(t.StyledUploader,{className:u},"badge"===n?N.default.createElement(t.StyledElementContainer,{onClick:m,"data-is-attached-to-element":!!r},r,N.default.createElement(t.StyledIconWrapper,{"data-is-attached-to-element":!!r},a)):r?N.default.createElement("div",{onClick:m},r):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-"+i,accept:d,multiple:c,type:"file",style:{display:"none"},onChange:function(e){o(e.target.files)},value:s}))},exports.index=O,exports.index$1=U;
|