@hhgtech/hhg-components 1.21.0-beta-13 → 1.21.0-beta-15

package/build/index-95c1dab4.js

@@ -0,0 +1 @@
+"use strict";var e=require("react"),t=require("./index.styled-953cfed3.js"),n=require("./tslib.es6-f7929e76.js"),a=require("./screenSizeContext-7258749a.js"),l=require("react-range"),r=require("./index-c91ae65d.js"),o=require("./theme-696d81a9.js"),i=require("./index-ab8fb291.js"),d=require("react-id-generator"),c=require("./index-e5c765bb.js"),s=require("date-fns"),u=require("react-day-picker/DayPickerInput"),m=require("lodash");require("react-dom"),require("./translationsContext-af789c7c.js");var p=require("./useTranslations-6a4b4ee8.js");require("lodash/debounce");var f=require("./constants-5675963f.js"),g=require("styled-components");require("./Locale-11b51016.js");var h=require("./index-6e794874.js"),v=require("./useOutsideClick-528bfd6c.js"),x=require("date-fns/locale/en-US"),y=require("date-fns/locale/id"),E=require("date-fns/locale/vi"),b=require("date-fns/locale/zh-TW"),w=require("./getSocialList-2a3b759f.js"),k=require("./index-11374de9.js"),C=require("./zalo-e7b9d144.js"),S=require("./index-28a40715.js");function L(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var _=L(e),N=L(u),M=L(g),T=L(x),z=L(y),D=L(E),F=L(b),B=function(l){var r=l.pagesAmount,o=l.activePage,i=l.handlePageChange,d=l.handleClick,c=l.href,s=l.queryPageName,u=void 0===s?"page":s,m=n.__spreadArray([],Array(r),!0).map((function(e,t){return t+1})),p=e.useState(o<=4?m.slice(0,5):o>=m.length-3?m.slice(m.length-5,m.length):m.slice(o-2,o+1)),f=p[0],g=p[1];return e.useEffect((function(){o<=4?g(m.slice(0,5)):o>=m.length-3?g(m.slice(m.length-5,m.length)):g(m.slice(o-2,o+1))}),[o]),_.default.createElement(e.Fragment,null,o>4&&_.default.createElement(e.Fragment,null,_.default.createElement(t.StyledPaginationBlock,{onClick:function(){return i(1)}},c?_.default.createElement("a",{href:c,onClick:d},1):1),_.default.createElement(t.StyledPaginationBlock,null,"...")),f.map((function(e){return _.default.createElement(t.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===o||void 0,onClick:function(){return i(e)}},c?_.default.createElement("a",{href:a.formatUrlWithPageParam(c,e,u),onClick:d},e):e)})),o<m.length-3&&_.default.createElement(e.Fragment,null,_.default.createElement(t.StyledPaginationBlock,null,"..."),_.default.createElement(t.StyledPaginationBlock,{onClick:function(){return i(m.length)}},c?_.default.createElement("a",{href:a.formatUrlWithPageParam(c,m.length,u),onClick:d},m.length):m.length)))};function A(e){var n=e.rangeRef,a=e.values,r=e.index,o=l.useThumbOverlap(n,a,r,1," - ",(function(e){return e})),i=o[0],d=o[1];return _.default.createElement(_.default.Fragment,null,_.default.createElement(t.StyledLabel,{"data-label":r,style:d},i),_.default.createElement(t.StyledDot,{"data-label":r}))}var I=function(e){var n=e.label,a=e.name,l=e.checked,r=e.className,o=e.isDisabled,i=e.onChange,d=e.value,c=e.isRectangle;return _.default.createElement(t.StyledCheckbox,{className:r,"data-disabled":o||void 0,"data-is-rectangle":c||void 0,"data-label-text":n},_.default.createElement("input",{type:"checkbox",checked:l,name:a,onChange:function(){return i(d,!l)},disabled:o,value:d,id:"".concat(a,"-").concat(d),"data-label-text":n}),!c&&_.default.createElement("label",{htmlFor:"".concat(a,"-").concat(d)},n))},H=function(e){return _.default.createElement("svg",n.__assign({},e,{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),_.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 _.default.createElement("svg",n.__assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),_.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"}))},P=function(e){return _.default.createElement("svg",n.__assign({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),_.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"}),_.default.createElement("mask",{id:"mask0_3555_5815",maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},_.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),_.default.createElement("g",{mask:"url(#mask0_3555_5815)"},_.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"})))},O=function(e){var n=e.avatarImg,a=e.authorName,l=e.authorLink,r=e.uploadTime,o=e.size;return _.default.createElement(i.StyledAuthor,null,_.default.createElement("div",{className:"author"},_.default.createElement("div",{className:"avatar","data-size":o},n),_.default.createElement("div",{className:"poster","data-is-disabled-url":!l},_.default.createElement(t.Text,{size:"lg"===o?"p3":"p4"},_.default.createElement("a",{href:l},_.default.createElement("span",{className:"name"},a),"•"," "),_.default.createElement("span",null,r)))))},V=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,_.default.createElement(i.StyledAuthor,null,_.default.createElement("div",{className:"author"},_.default.createElement("div",{className:"expert-avatar","data-size":s},a),_.default.createElement("div",{className:"expert","data-is-disabled-url":!d},n?_.default.createElement("a",{href:d},"lg"===s?_.default.createElement(_.default.Fragment,null,_.default.createElement(r.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},l),_.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p3",className:"specialty"},u)):_.default.createElement(_.default.Fragment,null,_.default.createElement(r.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},l))):_.default.createElement("a",{href:d},"lg"===s?_.default.createElement(_.default.Fragment,null,_.default.createElement(r.Heading,{tag:"h6",className:"expert__name",color:o.theme.colors.gray600},l),_.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p3",className:"specialty"},u)):_.default.createElement(_.default.Fragment,null,_.default.createElement(i.StyledExpertName,{color:o.theme.colors.gray600,className:"expert__name"},l),_.default.createElement(t.Text,{color:o.theme.colors.gray500,size:"p4",className:"specialty"},u))))))},W=function(e){var t=e.LinkComponent,n=e.page,a=e.isLast,l=e.onChangePage,r=n.label,o=n.value,d=n.isDropdown,s=n.dropdownItems,u=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel;return d?_.default.createElement(c.Dropdown,{options:s,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):_.default.createElement(i.StyledTextLink,{title:"string"!=typeof r?o:r,"data-last":a},t&&_.default.createElement(t,{"data-event-category":u,"data-event-action":m,"data-event-label":p,href:o||"#"},r))},U={"vi-VN":["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],"id-ID":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"ms-MY":["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],"km-KH":["មករា","ខែកុម្ភៈ","មីនា","ខែមេសា","ឧសភា","មិថុនា","ខែកក្កដា","សីហា","ខែកញ្ញា","តុលា","វិច្ឆិកា","ធ្នូ"],"en-PH":["January","February","March","April","May","June","July","August","September","October","November","December"],"th-TH":["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","อาจ","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],"my-MM":["ဇန်နဝါရီလ","ဖေဖော်ဝါရီလ","မတ်လ","ပြီလ","မေလ","ဇွန","ဇူလိုင်လ","သြဂုတ်လ","စက်တင်ဘာ","အောက်တိုဘာ","နိုဝင်ဘာ","ဒီဇင်ဘာ"],"zh-TW":["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],"hi-IN":["जनवरी","फ़रवरी","जुलूस","अप्रैल","मई","जून","जुलाई","अगस्त","सितंबर","अक्टूबर","नवंबर","दिसंबर"]},q=Object.freeze({__proto__:null,SideMenu:i.SideMenu,SideHeader:i.SideHeader,UserInfo:i.UserInfo,MenuLink:i.MenuLink}),G=_.default;function Q(e){return Array.prototype.slice.call(e)}function Z(e,t){var n=Math.floor(e);return n===t||n+1===t?e:t}function R(){return Date.now()}function Y(e,t,n){if(t="data-keen-slider-"+t,null===n)return e.removeAttribute(t);e.setAttribute(t,n||"")}function J(e,t){return t=t||document,"function"==typeof e&&(e=e(t)),Array.isArray(e)?e:"string"==typeof e?Q(t.querySelectorAll(e)):e instanceof HTMLElement?[e]:e instanceof NodeList?Q(e):[]}function K(e){e.raw&&(e=e.raw),e.cancelable&&!e.defaultPrevented&&e.preventDefault()}function X(e){e.raw&&(e=e.raw),e.stopPropagation&&e.stopPropagation()}function $(){var e=[];return{add:function(t,n,a,l){t.addListener?t.addListener(a):t.addEventListener(n,a,l),e.push([t,n,a,l])},input:function(e,t,n,a){this.add(e,t,function(e){return function(t){t.nativeEvent&&(t=t.nativeEvent);var n=t.changedTouches||[],a=t.targetTouches||[],l=t.detail&&t.detail.x?t.detail:null;return e({id:l?l.identifier?l.identifier:"i":a[0]?a[0]?a[0].identifier:"e":"d",idChanged:l?l.identifier?l.identifier:"i":n[0]?n[0]?n[0].identifier:"e":"d",raw:t,x:l&&l.x?l.x:a[0]?a[0].screenX:l?l.x:t.pageX,y:l&&l.y?l.y:a[0]?a[0].screenY:l?l.y:t.pageY})}}(n),a)},purge:function(){e.forEach((function(e){e[0].removeListener?e[0].removeListener(e[2]):e[0].removeEventListener(e[1],e[2],e[3])})),e=[]}}}function ee(e,t,n){return Math.min(Math.max(e,t),n)}function te(e){return(e>0?1:0)-(e<0?1:0)||+e}function ne(e){var t=e.getBoundingClientRect();return{height:Z(t.height,e.offsetHeight),width:Z(t.width,e.offsetWidth)}}function ae(e,t,n,a){var l=e&&e[t];return null==l?n:a&&"function"==typeof l?l():l}function le(e){return Math.round(1e6*e)/1e6}function re(e,t){if(e===t)return!0;var n=typeof e;if(n!==typeof t)return!1;if("object"!==n||null===e||null===t)return"function"===n&&e.toString()===t.toString();if(e.length!==t.length||Object.getOwnPropertyNames(e).length!==Object.getOwnPropertyNames(t).length)return!1;for(var a in e)if(!re(e[a],t[a]))return!1;return!0}var oe=function(){return oe=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var l in t=arguments[n])Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l]);return e},oe.apply(this,arguments)};function ie(e,t,n){if(n||2===arguments.length)for(var a,l=0,r=t.length;l<r;l++)!a&&l in t||(a||(a=Array.prototype.slice.call(t,0,l)),a[l]=t[l]);return e.concat(a||Array.prototype.slice.call(t))}function de(e){var t,n,a,l,r,o,i,d,c,s,u,m,p,f,g=1/0,h=[],v=null,x=0;function y(e){N(x+e)}function E(e){var t=b(x+e).abs;return C(t)?t:null}function b(e){var t=Math.floor(Math.abs(le(e/n))),a=le((e%n+n)%n);a===n&&(a=0);var l=te(e),r=i.indexOf(ie([],i,!0).reduce((function(e,t){return Math.abs(t-a)<Math.abs(e-a)?t:e}))),d=r;return l<0&&t++,r===o&&(d=0,t+=l>0?1:-1),{abs:d+t*o*l,origin:r,rel:d}}function w(e,t,n){var a;if(t||!L())return k(e,n);if(!C(e))return null;var l=b(null!=n?n:x),r=l.abs,i=e-l.rel,d=r+i;a=k(d);var c=k(d-o*te(i));return(null!==c&&Math.abs(c)<Math.abs(a)||null===a)&&(a=c),le(a)}function k(e,t){if(null==t&&(t=le(x)),!C(e)||null===e)return null;e=Math.round(e);var a=b(t),l=a.abs,r=a.rel,d=a.origin,c=_(e),s=(t%n+n)%n,u=i[d],m=Math.floor((e-(l-r))/o)*n;return le(u-s-u+i[c]+m+(d===o?n:0))}function C(e){return S(e)===e}function S(e){return ee(e,c,s)}function L(){return l.loop}function _(e){return(e%o+o)%o}function N(t){var n;n=t-x,h.push({distance:n,timestamp:R()}),h.length>6&&(h=h.slice(-6)),x=le(t);var a=M().abs;if(a!==v){var l=null!==v;v=a,l&&e.emit("slideChanged")}}function M(i){var d=i?null:function(){if(o){var e=L(),t=e?(x%n+n)%n:x,i=(e?x%n:x)-r[0][2],d=0-(i<0&&e?n-Math.abs(i):i),g=0,h=b(x),v=h.abs,y=h.rel,E=r[y][2],w=r.map((function(t,a){var r=d+g;(r<0-t[0]||r>1)&&(r+=(Math.abs(r)>n-1&&e?n:0)*te(-r));var i=a-y,c=te(i),s=i+v;e&&(-1===c&&r>E&&(s+=o),1===c&&r<E&&(s-=o),null!==u&&s<u&&(r+=n),null!==m&&s>m&&(r-=n));var p=r+t[0]+t[1],f=Math.max(r>=0&&p<=1?1:p<0||r>1?0:r<0?Math.min(1,(t[0]+r)/t[0]):(1-r)/t[0],0);return g+=t[0]+t[1],{abs:s,distance:l.rtl?-1*r+1-t[0]:r,portion:f,size:t[0]}}));return v=S(v),y=_(v),{abs:S(v),length:a,max:f,maxIdx:s,min:p,minIdx:c,position:x,progress:e?t/n:x/a,rel:y,slides:w,slidesLength:n}}}();return t.details=d,e.emit("detailsChanged"),d}return t={absToRel:_,add:y,details:null,distToIdx:E,idxToDist:w,init:function(t){if(function(){if(l=e.options,r=(l.trackConfig||[]).map((function(e){return[ae(e,"size",1),ae(e,"spacing",0),ae(e,"origin",0)]})),o=r.length){n=le(r.reduce((function(e,t){return e+t[0]+t[1]}),0));var t,c=o-1;a=le(n+r[0][2]-r[c][0]-r[c][2]-r[c][1]),i=r.reduce((function(e,n){if(!e)return[0];var a=r[e.length-1],l=e[e.length-1]+(a[0]+a[2])+a[1];return l-=n[2],e[e.length-1]>l&&(l=e[e.length-1]),l=le(l),e.push(l),(!t||t<l)&&(d=e.length-1),t=l,e}),null),0===a&&(d=0),i.push(le(n))}}(),!o)return M(!0);var h;!function(){var t=e.options.range,n=e.options.loop;u=c=n?ae(n,"min",-1/0):0,m=s=n?ae(n,"max",g):d;var a=ae(t,"min",null),l=ae(t,"max",null);a&&(c=a),l&&(s=l),p=c===-1/0?c:e.track.idxToDist(c||0,!0,0),f=s===g?s:w(s,!0,0),null===l&&(m=s),ae(t,"align",!1)&&s!==g&&0===r[_(s)][2]&&(f-=1-r[_(s)][0],s=E(f-x)),p=le(p),f=le(f)}(),h=t,Number(h)===h?y(k(S(t))):M()},to:N,velocity:function(){var e=R(),t=h.reduce((function(t,n){var a=n.distance,l=n.timestamp;return e-l>200||(te(a)!==te(t.distance)&&t.distance&&(t={distance:0,lastTimestamp:0,time:0}),t.time&&(t.distance+=a),t.lastTimestamp&&(t.time+=l-t.lastTimestamp),t.lastTimestamp=l),t}),{distance:0,lastTimestamp:0,time:0});return t.distance/t.time||0}}}function ce(e){var t,n,a,l,r,o,i;function d(e){return 2*e}function c(e){return ee(e,o,i)}function s(e){return 1-Math.pow(1-e,3)}function u(){f();var t="free-snap"===e.options.mode,n=e.track,o=n.velocity();a=te(o);var i=e.track.details,u=[];if(o||!t){var p=m(o),g=p.dist,h=p.dur;if(h=d(h),g*=a,t){var v=n.idxToDist(n.distToIdx(g),!0);v&&(g=v)}u.push({distance:g,duration:h,easing:s});var x=i.position,y=x+g;if(y<l||y>r){var E=y<l?l-x:r-x,b=0,w=o;if(te(E)===a){var k=Math.min(Math.abs(E)/Math.abs(g),1),C=function(e){return 1-Math.pow(1-e,1/3)}(k)*h;u[0].earlyExit=C,w=o*(1-k)}else u[0].earlyExit=0,b+=E;var S=m(w,100),L=S.dist*a;e.options.rubberband&&(u.push({distance:L,duration:d(S.dur),easing:s}),u.push({distance:-L+b,duration:500,easing:s}))}e.animator.start(u)}else e.moveToIdx(c(i.abs),!0,{duration:500,easing:function(e){return 1+--e*e*e*e*e}})}function m(e,t){void 0===t&&(t=1e3);var n=147e-9+(e=Math.abs(e))/t;return{dist:Math.pow(e,2)/n,dur:e/n}}function p(){var t=e.track.details;t&&(l=t.min,r=t.max,o=t.minIdx,i=t.maxIdx)}function f(){e.animator.stop()}e.on("updated",p),e.on("optionsChanged",p),e.on("created",p),e.on("dragStarted",(function(){f(),t=n=e.track.details.abs})),e.on("dragEnded",(function(){var a=e.options.mode;"snap"===a&&function(){var a=e.track,o=e.track.details,i=o.position,d=te(a.velocity());(i>r||i<l)&&(d=0);var s=t+d;0===o.slides[a.absToRel(s)].portion&&(s-=d),t!==n&&(s=n),te(a.idxToDist(s,!0))!==d&&(s+=d),s=c(s);var u=a.idxToDist(s,!0);e.animator.start([{distance:u,duration:500,easing:function(e){return 1+--e*e*e*e*e}}])}(),"free"!==a&&"free-snap"!==a||u()})),e.on("dragged",(function(){n=e.track.details.abs}))}function se(e){var t,n,a,l,r,o,i,d,c,s,u,m,p,f,g,h,v,x,y=$();function E(t){if(o&&d===t.id){var p=C(t);if(c){if(!k(t))return w(t);s=p,c=!1,e.emit("dragChecked")}if(h)return s=p;K(t);var f=function(t){if(v===-1/0&&x===1/0)return t;var a=e.track.details,o=a.length,i=a.position,d=ee(t,v-i,x-i);if(0===o)return 0;if(!e.options.rubberband)return d;if(i<=x&&i>=v)return t;if(i<v&&n>0||i>x&&n<0)return t;var c=(i<v?i-v:i-x)/o,s=l*o,u=Math.abs(c*s),m=Math.max(0,1-u/r*2);return m*m*t}(i(s-p)/l*a);n=te(f);var g=e.track.details.position;(g>v&&g<x||g===v&&n>0||g===x&&n<0)&&X(t),u+=f,!m&&Math.abs(u*l)>5&&(m=!0),e.track.add(f),s=p,e.emit("dragged")}}function b(t){!o&&e.track.details&&e.track.details.length&&(u=0,o=!0,m=!1,c=!0,d=t.id,k(t),s=C(t),e.emit("dragStarted"))}function w(t){o&&d===t.idChanged&&(o=!1,e.emit("dragEnded"))}function k(e){var t=S(),n=t?e.y:e.x,a=t?e.x:e.y,l=void 0!==p&&void 0!==f&&Math.abs(f-a)<=Math.abs(p-n);return p=n,f=a,l}function C(e){return S()?e.y:e.x}function S(){return e.options.vertical}function L(){l=e.size,r=S()?window.innerHeight:window.innerWidth;var t=e.track.details;t&&(v=t.min,x=t.max)}function _(e){m&&(X(e),K(e))}function N(){if(y.purge(),e.options.drag&&!e.options.disabled){var n;n=e.options.dragSpeed||1,i="function"==typeof n?n:function(e){return e*n},a=e.options.rtl?-1:1,L(),t=e.container,function(){var e="data-keen-slider-clickable";J("[".concat(e,"]:not([").concat(e,"=false])"),t).map((function(e){y.add(e,"mousedown",X),y.add(e,"touchstart",X)}))}(),y.add(t,"dragstart",(function(e){K(e)})),y.add(t,"click",_,{capture:!0}),y.input(t,"ksDragStart",b),y.input(t,"ksDrag",E),y.input(t,"ksDragEnd",w),y.input(t,"mousedown",b),y.input(t,"mousemove",E),y.input(t,"mouseleave",w),y.input(t,"mouseup",w),y.input(t,"touchstart",b,{passive:!0}),y.input(t,"touchmove",E,{passive:!1}),y.input(t,"touchend",w),y.input(t,"touchcancel",w),y.add(window,"wheel",(function(e){o&&K(e)}));var l="data-keen-slider-scrollable";J("[".concat(l,"]:not([").concat(l,"=false])"),e.container).map((function(e){return function(e){var t;y.input(e,"touchstart",(function(e){t=C(e),h=!0,g=!0}),{passive:!0}),y.input(e,"touchmove",(function(n){var a=S(),l=a?e.scrollHeight-e.clientHeight:e.scrollWidth-e.clientWidth,r=t-C(n),o=a?e.scrollTop:e.scrollLeft,i=a&&"scroll"===e.style.overflowY||!a&&"scroll"===e.style.overflowX;if(t=C(n),(r<0&&o>0||r>0&&o<l)&&g&&i)return h=!0;g=!1,K(n),h=!1})),y.input(e,"touchend",(function(){h=!1}))}(e)}))}}e.on("updated",L),e.on("optionsChanged",N),e.on("created",N),e.on("destroyed",y.purge)}function ue(e){var t,n,a=null;function l(t,n,a){e.animator.active?o(t,n,a):requestAnimationFrame((function(){return o(t,n,a)}))}function r(){l(!1,!1,n)}function o(n,l,r){var o=0,i=e.size,s=e.track.details;if(s&&t){var u=s.slides;t.forEach((function(e,t){if(n)!a&&l&&d(e,null,r),c(e,null,r);else{if(!u[t])return;var s=u[t].size*i;!a&&l&&d(e,s,r),c(e,u[t].distance*i-o,r),o+=s}}))}}function i(t){return"performance"===e.options.renderMode?Math.round(t):t}function d(e,t,n){var a=n?"height":"width";null!==t&&(t=i(t)+"px"),e.style["min-"+a]=t,e.style["max-"+a]=t}function c(e,t,n){if(null!==t){t=i(t);var a=n?t:0;t="translate3d(".concat(n?0:t,"px, ").concat(a,"px, 0)")}e.style.transform=t,e.style["-webkit-transform"]=t}function s(){t&&(o(!0,!0,n),t=null),e.on("detailsChanged",r,!0)}function u(){l(!1,!0,n)}function m(){s(),n=e.options.vertical,e.options.disabled||"custom"===e.options.renderMode||(a="auto"===ae(e.options.slides,"perView",null),e.on("detailsChanged",r),(t=e.slides).length&&u())}e.on("created",m),e.on("optionsChanged",m),e.on("beforeOptionsChanged",(function(){s()})),e.on("updated",u),e.on("destroyed",s)}function me(e,t){return function(n){var a,l,r,o,i,d=$();function c(e){var t;Y(n.container,"reverse","rtl"!==(t=n.container,window.getComputedStyle(t,null).getPropertyValue("direction"))||e?null:""),Y(n.container,"v",n.options.vertical&&!e?"":null),Y(n.container,"disabled",n.options.disabled&&!e?"":null)}function s(){u()&&h()}function u(){var e=null;if(o.forEach((function(t){t.matches&&(e=t.__media)})),e===a)return!1;a||n.emit("beforeOptionsChanged"),a=e;var t=e?r.breakpoints[e]:r;return n.options=oe(oe({},r),t),c(),b(),w(),x(),!0}function m(e){var t=ne(e);return(n.options.vertical?t.height:t.width)/n.size||1}function p(){return n.options.trackConfig.length}function f(e){for(var i in a=!1,r=oe(oe({},t),e),d.purge(),l=n.size,o=[],r.breakpoints||[]){var c=window.matchMedia(i);c.__media=i,o.push(c),d.add(c,"change",s)}d.add(window,"orientationchange",E),d.add(window,"resize",y),u()}function g(e){n.animator.stop();var t=n.track.details;n.track.init(null!=e?e:t?t.abs:0)}function h(e){g(e),n.emit("optionsChanged")}function v(e,t){if(e)return f(e),void h(t);b(),w();var a=p();x(),p()!==a?h(t):g(t),n.emit("updated")}function x(){var e=n.options.slides;if("function"==typeof e)return n.options.trackConfig=e(n.size,n.slides);for(var t=n.slides,a=t.length,l="number"==typeof e?e:ae(e,"number",a,!0),r=[],o=ae(e,"perView",1,!0),i=ae(e,"spacing",0,!0)/n.size||0,d="auto"===o?i:i/o,c=ae(e,"origin","auto"),s=0,u=0;u<l;u++){var p="auto"===o?m(t[u]):1/o-i+d,f="center"===c?.5-p/2:"auto"===c?0:c;r.push({origin:f,size:p,spacing:i}),s+=p}if(s+=i*(l-1),"auto"===c&&!n.options.loop&&1!==o){var g=0;r.map((function(e){var t=s-g;return g+=e.size+i,t>=1||(e.origin=1-t-(s>1?0:1-s)),e}))}n.options.trackConfig=r}function y(){b();var e=n.size;n.options.disabled||e===l||(l=e,v())}function E(){y(),setTimeout(y,500),setTimeout(y,2e3)}function b(){var e=ne(n.container);n.size=(n.options.vertical?e.height:e.width)||1}function w(){n.slides=J(n.options.selector,n.container)}n.container=(i=J(e,document)).length?i[0]:null,n.destroy=function(){d.purge(),n.emit("destroyed"),c(!0)},n.prev=function(){n.moveToIdx(n.track.details.abs-1,!0)},n.next=function(){n.moveToIdx(n.track.details.abs+1,!0)},n.update=v,f(n.options)}}var pe=function(e,t,n){try{return function(e,t){var n,a={};return n={emit:function(e){a[e]&&a[e].forEach((function(e){e(n)}));var t=n.options&&n.options[e];t&&t(n)},moveToIdx:function(e,t,a){var l=n.track.idxToDist(e,t);if(l){var r=n.options.defaultAnimation;n.animator.start([{distance:l,duration:ae(a||r,"duration",500),easing:ae(a||r,"easing",(function(e){return 1+--e*e*e*e*e}))}])}},on:function(e,t,n){void 0===n&&(n=!1),a[e]||(a[e]=[]);var l=a[e].indexOf(t);l>-1?n&&delete a[e][l]:n||a[e].push(t)},options:e},function(){if(n.track=de(n),n.animator=function(e){var t,n,a,l,r,o;function i(t){o||(o=t),d(!0);var r=t-o;r>a&&(r=a);var u=l[n];if(u[3]<r)return n++,i(t);var m=u[2],p=u[4],f=u[0],g=u[1]*(0,u[5])(0===p?1:(r-m)/p);if(g&&e.track.to(f+g),r<a)return s();o=null,d(!1),c(null),e.emit("animationEnded")}function d(e){t.active=e}function c(e){t.targetIdx=e}function s(){var e;e=i,r=window.requestAnimationFrame(e)}function u(){var t;t=r,window.cancelAnimationFrame(t),d(!1),c(null),o&&e.emit("animationStopped"),o=null}return t={active:!1,start:function(t){if(u(),e.track.details){var r=0,o=e.track.details.position;n=0,a=0,l=t.map((function(e){var t,n=o,l=null!==(t=e.earlyExit)&&void 0!==t?t:e.duration,i=e.easing,d=e.distance*i(l/e.duration)||0;o+=d;var c=a;return a+=l,r+=d,[n,e.distance,c,a,e.duration,i]})),c(e.track.distToIdx(r)),s(),e.emit("animationStarted")}},stop:u,targetIdx:null}}(n),t)for(var e=0,a=t;e<a.length;e++)(0,a[e])(n);n.track.init(n.options.initial||0),n.emit("created")}(),n}(t,ie([me(e,{drag:!0,mode:"snap",renderMode:"precision",rubberband:!0,selector:".keen-slider__slide"}),ue,se,ce],n||[],!0))}catch(e){console.error(e)}},fe=function(e,t){var n=G.useRef(null),a=G.useRef(!1),l=G.useRef(e),r=G.useCallback((function(r){r?(l.current=e,n.current=new pe(r,e,t),a.current=!1):(n.current&&n.current.destroy&&n.current.destroy(),n.current=null)}),[]);return G.useEffect((function(){re(l.current,e)||(l.current=e,n.current&&n.current.update(l.current))}),[e]),[r,n]},ge=function(e){var t=e.isDisabled,n=e.isLeft,a=e.onClick,l=e.className,r=e.scheme,o=void 0===r?"hellosites":r;return _.default.createElement(i.StyledArrow,{onClick:a,"data-is-disabled":t,"data-is-left":n,className:l},_.default.createElement("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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"===o?"#595959":"#E55C8A"}):_.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"===o?"#595959":"#E55C8A"})))},he=Object.freeze({__proto__:null,Table:i.Table,Cell:i.Cell,Head:i.Head,Row:i.Row,Body:i.Body}),ve=function(){return"undefined"!=typeof window&&window.innerWidth<a.Breakpoints.BREAK_POINT_MOBILE},xe=function(){return"undefined"!=typeof window&&window.innerWidth>=a.Breakpoints.BREAK_POINT_MOBILE&&window.innerWidth<a.Breakpoints.BREAK_POINT_PC};var ye={"en-PH":T.default,"vi-VN":D.default,"zh-TW":F.default,"id-ID":z.default};function Ee(t){var a=t.value,l=void 0===a?{from:null,to:null}:a,r=e.useState(null),o=r[0],d=r[1],c=function(){var t=e.useState(ve()),n=t[0],a=t[1],l=e.useState(xe()),r=l[0],o=l[1];return e.useEffect((function(){var e=function(){a(ve()),o(xe())};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),{isMobile:n,isLargeMobile:r}}().isMobile,u=e.useState((function(){return l})),m=u[0],p=u[1],f=e.useState((function(){var e;return s.startOfMonth(null!==(e=l.from)&&void 0!==e?e:new Date)})),g=f[0],h=f[1],v=e.useMemo((function(){return s.addMonths(g,1)}),[g]);var x=n.__assign(n.__assign({},t),{goToNextMonth:function(){h((function(e){return s.addMonths(e,1)}))},goToPreviousMonth:function(){h((function(e){return s.subMonths(e,1)}))},range:m,setRange:p,hoverDay:o,setHoverDay:d});return _.default.createElement(_.default.Fragment,null,_.default.createElement(be,n.__assign({},x,{date:g})),!c&&_.default.createElement(i.StyledCalendarMonthSeparator,null),!c&&_.default.createElement(be,n.__assign({},x,{date:v})))}function be(t){var a=t.date,l=t.range,o=t.setRange,d=t.onChange,c=t.goToPreviousMonth,u=t.goToNextMonth,m=t.minDate,f=t.maxDate,g=t.close,h=void 0===g?function(){}:g,v=t.autoClose,x=void 0!==v&&v,y=t.hoverDay,E=t.setHoverDay,b=p.useTranslations().locale,w=e.useMemo((function(){var e;return null!==(e=ye[b])&&void 0!==e?e:ye["en-PH"]}),[b]),k=e.useMemo((function(){return s.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 _.default.createElement(i.StyledCalendarDayNumberWrapper,{key:"idx-".concat(t),"data-empty":"true"});var a=e.getDate(),r=s.isToday(e),d=!!l.from&&s.isSameDay(l.from,e),c=!!l.to&&s.isSameDay(l.to,e),u=d||c,p=!1;null!==y&&l.from&&s.isBefore(l.from,y)&&!l.to?p=s.isWithinInterval(e,{start:l.from,end:y}):l.from&&l.to&&(p=s.isWithinInterval(e,{start:l.from,end:l.to}));var g=!1;return m&&f?g=!s.isWithinInterval(e,{start:m,end:f}):m?g=s.isBefore(e,m):f&&(g=s.isAfter(e,f)),_.default.createElement(i.StyledCalendarDayNumberWrapper,{key:a,"data-is-today":r,"data-is-past":!r&&s.isPast(e),"data-is-selected":u,"data-is-disabled":g,"data-in-range":p,"data-is-from":d,"data-is-to":c,onMouseEnter:function(){E(e)},onMouseLeave:function(){return E(null)},onClick:function(){g||o((function(t){return x&&l.from&&!l.to&&h(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?s.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)}))}},_.default.createElement(i.StyledCalendarDayNumber,{onClick:function(){}},_.default.createElement("p",null,a)))}return e.useEffect((function(){l.from&&l.to&&d(l)}),[l]),_.default.createElement(i.StyledCalendarWrapper,{className:"calendar-wrapper"},_.default.createElement(i.StyledCalendarHead,null,_.default.createElement(r.Button,{onClick:c,size:"md",color:"ghost",icon:_.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"})}),_.default.createElement("div",{className:"calendar-month"},k,_.default.createElement("strong",null,s.format(a,"yyyy"))),_.default.createElement(r.Button,{onClick:u,size:"md",color:"ghost",icon:_.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"})})),_.default.createElement(i.StyledCalendarCellsWrapper,null,_.default.createElement("div",null,_.default.createElement(i.StyledCalendarDaysOfWeek,null,C.map((function(e,t){return _.default.createElement(i.StyledCalendarDayLabel,{key:"".concat(e,"-").concat(t)},e)})))),_.default.createElement("div",null,function(){for(var e=a.getFullYear(),t=a.getMonth(),n=s.getDaysInMonth(a),r=[],o=1;o<=n;o++)r.push(new Date(e,t,o));var d=r[0]?r[0].getDay():0;if(1!==d){var c=0===d?6:d-1;for(o=0;o<c;o++)r.unshift(null)}return _.default.createElement(i.StyledCalendarMonthWrapper,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(l.from&&l.to)},_.default.createElement(i.StyledCalendarDaysWrapper,null,_.default.createElement(i.StyledCalendarDateGrid,null,r.map(S))))}())))}var we,ke,Ce=function(){return _.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.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"}),_.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))},Se=function(){return _.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"copy"},_.default.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"}))},Le=M.default.footer(we||(we=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),_e=M.default.div(ke||(ke=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"]))),Ne=function(e){var t=e.url,n=e.isMobile,a=e.dataEventCategory,l=e.dataEventAction,r=e.dataEventLabel,o=e.isAmp;return _.default.createElement(_e,{"data-is-mobile":n},o?_.default.createElement("amp-img",{className:"country-flag",src:t,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":r}):_.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":r}))},Me=function(n){var l,i,d,c,s,u,m,g,h,v,x,y,E,b,w,k,C,S,L,N,M,T,z,D,F,B,A,I,H,j,P,O,V,W,U,q=n.className,G=n.type,Q=void 0===G?"main":G,Z=n.footerInfo,R=n.isMobile,Y=n.locale,J=n.isAmp,K=p.useTranslations().t,X=null==Z?void 0:Z.menu;return e.useEffect((function(){setTimeout((function(){return null===a.lazyLoadInstance||void 0===a.lazyLoadInstance?void 0:a.lazyLoadInstance.update()}),100)}),[]),_.default.createElement(Le,{as:J&&"mini"===Q?"div":"footer",className:q,style:"mini"===Q?{backgroundColor:o.theme.colors.neutral50}:{},"next-page-hide":!0},_.default.createElement(t.Container,null,_.default.createElement("div",{className:"inner","data-type":Q,"next-page-hide":""},"main"===Q?_.default.createElement(_.default.Fragment,null,_.default.createElement("a",{href:"/"},J?(null===(i=null==Z?void 0:Z.general)||void 0===i?void 0:i.logo)?_.default.createElement("amp-img",{src:null===(d=null==Z?void 0:Z.general)||void 0===d?void 0:d.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:_.default.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(l=null==Z?void 0:Z.general)||void 0===l?void 0:l.logo,alt:"Logo","data-is-sehat":"id-ID"===Y})),_.default.createElement("div",{className:"columns"},_.default.createElement("div",{className:"newsletter"},_.default.createElement(t.Text,{size:"p1",type:"bold"},null===(c=null==Z?void 0:Z.general)||void 0===c?void 0:c.content),_.default.createElement(r.Button,{className:"signupButton",color:"primary",size:"lg"},K("footer.signUp")),_.default.createElement("div",{className:"social"},_.default.createElement(t.Text,{size:"sm",type:"regular"},null===(s=null==Z?void 0:Z.social)||void 0===s?void 0:s.title),_.default.createElement("div",{className:"icons"},null===(m=null===(u=null==Z?void 0:Z.social)||void 0===u?void 0:u.socials)||void 0===m?void 0:m.map((function(e,t){return _.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},J?_.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"}):_.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"}))}))),_.default.createElement("hr",{className:"hrMobile"}))),_.default.createElement("div",null,X&&_.default.createElement(_.default.Fragment,null,_.default.createElement("div",{className:"biglinks"},null===(h=null===(g=X[0])||void 0===g?void 0:g.items)||void 0===h?void 0:h.map((function(e,t){return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(f.domainLocales[Y]).concat(e.url),className:"bigLink",key:t,href:e.url},e.title)}))),_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"mHalf"},_.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(v=X[1])||void 0===v?void 0:v.menu_title),null===(y=null===(x=X[1])||void 0===x?void 0:x.items)||void 0===y?void 0:y.map((function(e,n){return _.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(f.domainLocales[Y]).concat(e.url),className:"link",href:e.url,key:n},_.default.createElement(t.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(f.domainLocales[Y]).concat(e.url)},e.title))}))),_.default.createElement("div",{className:"mHalf"},_.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(E=X[2])||void 0===E?void 0:E.menu_title),null===(w=null===(b=X[2])||void 0===b?void 0:b.items)||void 0===w?void 0:w.map((function(e,n){return e.url&&_.default.createElement("a",{"data-event-category":"Footer","data-event-action":e.title,"data-event-label":e.url,className:"link",href:e.url,key:n},_.default.createElement(t.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))})))),!J&&_.default.createElement(_.default.Fragment,null,_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"otherSites"},_.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(k=null==Z?void 0:Z.branch)||void 0===k?void 0:k.title),_.default.createElement("div",{className:"flags"},null===(S=null===(C=null==Z?void 0:Z.branch)||void 0===C?void 0:C.branch)||void 0===S?void 0:S.map((function(e,t){return _.default.createElement("a",{className:"link",href:e.url,key:t,"data-event-category":"Footer","data-event-action":e.name,"data-event-label":e.url},_.default.createElement(Ne,{url:e.flag,isMobile:R,dataEventCategory:"Footer",dataEventAction:e.name,dataEventLabel:e.url,isAmp:J}))}))))))),_.default.createElement("hr",null),_.default.createElement("div",{className:"copyright","data-is-amp":J||void 0},(null===(L=null==Z?void 0:Z.general)||void 0===L?void 0:L.verified)&&_.default.createElement("a",{href:null===(M=null===(N=null==Z?void 0:Z.general)||void 0===N?void 0:N.verified[0])||void 0===M?void 0:M.url,className:"copyright-image"},J?_.default.createElement("amp-img",{src:null===(z=null===(T=null==Z?void 0:Z.general)||void 0===T?void 0:T.verified[0])||void 0===z?void 0:z.image,alt:"DMCA Icon",width:"100",height:"36"}):_.default.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(F=null===(D=null==Z?void 0:Z.general)||void 0===D?void 0:D.verified[0])||void 0===F?void 0:F.image,alt:"DMCA Icon"})),_.default.createElement(t.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(B=null==Z?void 0:Z.general)||void 0===B?void 0:B.copyright)),"vi-VN"===Y&&_.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")):_.default.createElement(_.default.Fragment,null,(null==Z?void 0:Z.menu)&&_.default.createElement("div",{className:"columns"},_.default.createElement("div",{className:"mHalf"},_.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(A=null==Z?void 0:Z.menu[1])||void 0===A?void 0:A.menu_title),null===(H=null===(I=null==Z?void 0:Z.menu[1])||void 0===I?void 0:I.items)||void 0===H?void 0:H.map((function(e){return _.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(f.domainLocales[Y]).concat(e.url),"data-event-category":"Footer","data-event-action":e.title,"data-event-label":"https://".concat(f.domainLocales[Y]).concat(e.url)},_.default.createElement(t.Text,{dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:"https://".concat(f.domainLocales[Y]).concat(e.url),size:"sm",type:"regular",style:{color:o.theme.colors.gray800}},e.title))}))),_.default.createElement("div",{className:"mHalf"},_.default.createElement(t.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(j=null==Z?void 0:Z.menu[2])||void 0===j?void 0:j.menu_title),null===(O=null===(P=null==Z?void 0:Z.menu[2])||void 0===P?void 0:P.items)||void 0===O?void 0:O.map((function(e,n){return _.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},_.default.createElement(t.Text,{size:"sm",type:"regular",style:{color:o.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:e.title,dataEventLabel:e.url},e.title))}))),!J&&"mini"!==Q&&_.default.createElement("hr",{className:"hrMobile"}),_.default.createElement("div",{className:"newsletter"},_.default.createElement("div",{className:"social"},_.default.createElement(t.Text,{size:"sm",type:"regular"},null===(V=null==Z?void 0:Z.social)||void 0===V?void 0:V.title),_.default.createElement("div",{className:"icons"},null===(U=null===(W=null==Z?void 0:Z.social)||void 0===W?void 0:W.socials)||void 0===U?void 0:U.map((function(e,t){return _.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},J?_.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"}):_.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 _.default.createElement(t,a)}))(Te||(Te=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 Te,ze,De=M.default.p(ze||(ze=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})),Fe=function(e){var t=e.type,a=e.color,l=e.style,r=n.__rest(e,["type","color","style"]);return _.default.createElement(De,n.__assign({"data-type":t,style:n.__assign(n.__assign({},l),a&&{"--text-color":a})},r))};M.default.footer(Be||(Be=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 Be,Ae,Ie,He,je,Pe,Oe,Ve,We=M.default.div(Ae||(Ae=n.__makeTemplateObject([""],[""]))),Ue=M.default.div(Ie||(Ie=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"]))),qe=M.default.div(He||(He=n.__makeTemplateObject(["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"],["\n  position: relative;\n  margin: 80px 0 0;\n\n  "," {\n    margin-top: 0px;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 50%;\n      display: block;\n      width: 150%;\n      height: 100%;\n      background-color: #f3f3f3;\n      content: '';\n      transform: translateX(-50%);\n      border-radius: 100% 100% 0 0 / 30% 30%;\n    }\n  }\n"])),a.MediaQueries.mbDown),Ge=M.default.div(je||(je=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),Qe=M.default.div(Pe||(Pe=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),Ze=M.default.div(Oe||(Oe=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})),Re=M.default.div(Ve||(Ve=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"]))),Ye={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"}},Je=function(e){var n,a=e.socialLinks,l=void 0===a?Ye.SOCIAL_LINKS:a,r=l.facebookLink,i=l.instagramLink,d=l.zaloLink,c=l.youtubeLink,s=e.copyrightText,u=e.logoType,m=void 0===u?"marryBaby":u,f=e.isMobile,g=e.footerMenu,h=void 0===g?[]:g,v=e.type,x=void 0===v?"main":v,y=p.useTranslations().t;return"main"===x?_.default.createElement(We,{className:"footer-container"},!f&&_.default.createElement("div",{className:"footer-divider"},_.default.createElement(t.Container,{type:"marryBaby"},_.default.createElement(S.Divider,{style:{padding:"0 16px"},type:"solid"}))),_.default.createElement(qe,null,_.default.createElement(t.Container,{type:"marryBaby"},_.default.createElement(Ge,null,_.default.createElement("div",{className:"grid"},null===(n=f?null==h?void 0:h.slice(0,6):h)||void 0===n?void 0:n.map((function(e,t){var n=e.title,a=e.link;return _.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)},_.default.createElement(Fe,{color:o.theme.colors.gray800,type:"subtitle-2"},n))})),_.default.createElement("div",{className:"social-wrapper"},_.default.createElement("div",{className:"social"},_.default.createElement(Fe,{type:"subtitle-2"},y("footer.followUsText")),_.default.createElement("div",{className:"icons-links"},r&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},_.default.createElement("img",{src:C.img,alt:"Facebook"})),c&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},_.default.createElement("img",{src:C.img$1,alt:"Youtube"})),i&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":i,href:i},_.default.createElement("img",{src:C.img$2,alt:"Instagram"})),d&&_.default.createElement("a",{target:"_blank",rel:"noreferrer",href:d,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":d},_.default.createElement("img",{src:C.img$3,alt:"Zalo"}))))))))),_.default.createElement(Qe,null,_.default.createElement(t.Container,{type:"marryBaby"},_.default.createElement(Ze,null,_.default.createElement(t.Logo,{className:"logo",type:m,width:"121px"}),_.default.createElement(Fe,{className:"company-name",type:"subtitle-2"},y("footer.info.companyName")),_.default.createElement("div",{className:"text-info"},_.default.createElement(Fe,{type:"bodytext-3"},y("footer.info.address")),_.default.createElement(Fe,{type:"bodytext-3"},y("footer.info.license")),_.default.createElement(Fe,{type:"bodytext-3"},y("footer.info.email"))),_.default.createElement("div",{className:"img-container"},_.default.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),_.default.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},_.default.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!f&&_.default.createElement(S.Divider,{type:"solid"}),_.default.createElement("div",{className:"language-and-copyright"},_.default.createElement(Fe,{type:"bodytext-3"},s)))))):_.default.createElement(Ue,null,_.default.createElement(Re,null),_.default.createElement(Fe,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:o.theme.sizes.fwSemiBold},color:o.theme.mbColors.midGray},y("footer.followUsText")),_.default.createElement("div",{className:"icons-links"},r&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.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)"}),_.default.createElement("defs",null,_.default.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},_.default.createElement("stop",{stopColor:"#4DABF7"}),_.default.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),c&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M11.9287 4.25C8.75236 4.25 5.80117 4.47631 4.11719 4.82812C4.1136 4.82907 4.11002 4.83005 4.10645 4.83105C2.83774 5.11535 1.64309 6.02412 1.3916 7.44727L1.39062 7.45312C1.19742 8.60013 1 10.0953 1 12.25C1 14.4006 1.1981 15.8562 1.44238 17.0635C1.70004 18.4446 2.86711 19.3809 4.15527 19.6689C4.16144 19.6707 4.16762 19.6723 4.17383 19.6738C5.93135 20.0201 8.79923 20.25 11.9756 20.25C15.1519 20.25 18.0213 20.0201 19.7793 19.6738C19.7855 19.6723 19.7917 19.6707 19.7979 19.6689C21.0666 19.3847 22.2612 18.4759 22.5127 17.0527C22.5134 17.0492 22.514 17.0456 22.5146 17.042C22.7049 15.8716 22.9514 14.3778 23 12.2197C23.0001 12.2142 23.0001 12.2087 23 12.2031C23 10.0438 22.7529 8.53934 22.5117 7.34766C22.2561 5.96354 21.0877 5.02474 19.7979 4.73633C19.7781 4.73195 19.7583 4.72836 19.7383 4.72559C18.0232 4.48448 15.1056 4.25 11.9287 4.25ZM10.0781 8.50098C10.2633 8.49715 10.4548 8.54095 10.6348 8.64258L14.9365 11.0732C15.662 11.4832 15.662 12.5177 14.9365 12.9277L10.6348 15.3584C9.91527 15.7644 9.01855 15.2502 9.01855 14.4307V9.56934C9.01855 8.95471 9.52252 8.51246 10.0781 8.50098Z",fill:"#EB3223"}))),i&&_.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":i,href:i},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.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)"}),_.default.createElement("defs",null,_.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)"},_.default.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),_.default.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),_.default.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),_.default.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),_.default.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),_.default.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),_.default.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),_.default.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),_.default.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),_.default.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),_.default.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),d&&_.default.createElement("a",{target:"_blank",rel:"noreferrer",href:d,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":d},_.default.createElement("div",{style:{height:24,width:24}},_.default.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))};exports.Alert=function(e){var n=e.style,a=e.onClose,l=e.text,r=e.type,o=e.contentIcon,i=e.closeIcon,d=e.className,c=e.description;return _.default.createElement(t.StyledAlert,{style:n,"data-alert-type":r,className:d},_.default.createElement(t.StyledContent,null,_.default.createElement("div",{className:"icon-title"},o,_.default.createElement(t.Text,{type:"bold",size:"label1"},l)),_.default.createElement(t.Text,{type:"regular",size:"p3"},c)),_.default.createElement(t.StyledClose,{onClick:a},i))},exports.AmpNextPage=function(e){var t=e.ampNextArticles,a=(null==t?void 0:t.filter(Boolean))||[];if(!(null==a?void 0:a.length))return null;return _.default.createElement("amp-next-page",null,_.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||""}})))}}),_.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,N=e.isBookmark,M=void 0!==N&&N,T=e.isBookmarkDisplayed,z=void 0===T||T,D=e.isMobile,F=void 0===D||D,B=e.onBookmark,A=e.onClickCategoryName,I=e.section,H=void 0===I?"normal":I,j=e.size,P=void 0===j?"md":j,W=e.specialty,U=e.style,q=e.styleBanner,G=e.styleLabel,Q=e.styleTitle,Z=e.text,R=e.title,Y=e.type,J=void 0===Y?"author":Y,K=e.uploadTime,X=e.articleLinkTarget,$=function(e){e.stopPropagation(),B&&B()},ee="lg"===P&&"expert"===J?"h4":"lg"===P&&"home"===H?F?"h4":"h3":"lg"===P?"h4":"h5",te="lg"===P?"p3":"p4",ne=F||"home"!==H||"lg"!==P||"author"!==J?"c2":"c1";return _.default.createElement(i.StyledCard,{className:u,"data-size":P,style:U,"data-direction":S,"data-is-expert":"expert"===J||void 0},_.default.createElement("div",{className:"banner",style:q},_.default.createElement(i.StyledAnchor,{"data-event-category":h,"data-event-action":m,"data-event-label":E,href:n||"#",target:X},d),L&&_.default.createElement("div",{className:"shoppable"},_.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),_.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"})))),_.default.createElement("div",{className:"content"},_.default.createElement("div",{className:"inner-content"},_.default.createElement(t.Text,{style:G,className:"label",size:ne,type:"caption"},_.default.createElement(i.StyledAnchor,{"data-event-category":x,"data-event-action":f,"data-event-label":w,href:c||"#",onClick:A},s),z&&_.default.createElement("a",{className:"bookmark",onClick:$},M?_.default.createElement("svg",{"data-event-category":v,"data-event-action":p,"data-event-label":b,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.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"})):_.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"},_.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"})))),_.default.createElement(r.Heading,{tag:ee,style:Q,className:"title",as:"lg"===P?"h2":"h3"},_.default.createElement(i.StyledAnchor,{"data-event-category":y,"data-event-action":g,"data-event-label":k,href:n||"#",target:X},R)),Z&&_.default.createElement("a",{href:n||"#",target:X},_.default.createElement(t.Text,{size:te,className:"text"},Z))),_.default.createElement("div",{className:"footer"},"author"===J?_.default.createElement(O,{size:P,avatarImg:o,authorName:l,authorLink:a,uploadTime:K,handleClick:$,isBookmarked:M,dataEventCategoryForBookmark:v,dataEventActionForBookmark:p,dataEventLabelForBookmark:b}):_.default.createElement(V,{size:P,isMobile:F,avatarImg:o,specialty:W,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,r=void 0===l?"medium":l,o=e.color,i=void 0===o?"primary":o,d=e.icon,c=e.className;return _.default.createElement(t.StyledBadge,{"data-notification-type":a,"data-notification-size":r,"data-notification-color":i,"data-has-icon":!!d||void 0,notificationType:a,notificationSize:r,notificationColor:i,hasIcon:!!d,className:c},_.default.createElement("div",null,n&&_.default.createElement("span",null,n)," ",d&&_.default.createElement("div",null,d)))},exports.BorderHeading=function(e){var a=e.style,l=e.children,r=e.className,o=e.size,i=void 0===o?"lg":o,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 _.default.createElement(t.StyledBorderHeading,{style:n.__assign({color:p},a),className:r,"data-size":i,"data-type":c,"data-uppercase":s,as:m},l)},exports.Breadcrumbs=function(t){var a=t.className,l=t.pages,r=t.size,o=t.LinkComponent,c=void 0===o?"a":o,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 _.default.createElement(i.StyledBreadcrumb,{"data-size":r,className:a},m.map((function(t,n){var a=n+1===m.length;return _.default.createElement(e.Fragment,{key:p[n]},_.default.createElement(W,{LinkComponent:c,page:t,isLast:a,onChangePage:s}),!a&&(u||_.default.createElement(i.StyledSeparator,{"data-size":r})))})))},exports.Carousel=function(t){for(var a=t.row,l=t.column,r=t.children,o=t.scheme,d=void 0===o?"hellosites":o,c=t.classNameLeftArrow,s=void 0===c?"":c,u=t.classNameRightArrow,m=void 0===u?"":u,p=t.mode,f=void 0===p?"snap":p,g=t.isDotsShown,h=void 0===g||g,v=t.isArrowShown,x=void 0!==v&&v,y=t.dataEventCategory,E=t.dataEventAction,b=t.dataEventLabel,w=t.onChangePage,k=_.default.useState(0),C=k[0],S=k[1],L=e.useState(!1),N=L[0],M=L[1],T=fe({defaultAnimation:{duration:1e3},initial:0,slideChanged:function(e){S(e.track.details.rel),w&&w(e.track.details.rel)},created:function(){M(!0)},drag:!0,mode:f,slides:{spacing:12}}),z=T[0],D=T[1],F=[],B=a*l,A=0;A<r.length;A+=B){var I=r.slice(A,A+B);F.push(I)}return _.default.createElement(i.StyledCarousel,{row:a,column:l},_.default.createElement("div",{className:"navigation-wrapper"},_.default.createElement("div",{ref:z,className:"keen-slider slides-wrapper"},F.map((function(e,t){return _.default.createElement("div",{key:t,className:"keen-slider__slide page-items"},e.map((function(e,t){return _.default.createElement("div",{key:t},e)})))}))),N&&D.current&&x&&_.default.createElement(_.default.Fragment,null,_.default.createElement(ge,{isLeft:!0,onClick:function(e){var t;return e.stopPropagation()||(null===(t=D.current)||void 0===t?void 0:t.prev())},isDisabled:0===C,scheme:d,className:"left-arrow ".concat(s),"data-event-category":y,"data-event-action":E,"data-event-label":b}),_.default.createElement(ge,{isLeft:!1,onClick:function(e){var t;return e.stopPropagation()||(null===(t=D.current)||void 0===t?void 0:t.next())},isDisabled:C===D.current.track.details.slides.length-1,scheme:d,className:"right-arrow ".concat(m),"data-event-category":y,"data-event-action":E,"data-event-label":b}))),N&&D.current&&h&&_.default.createElement("div",{className:"dots"},n.__spreadArray([],Array(D.current.track.details.slides.length),!0).map((function(e,t){return _.default.createElement(i.StyledDot,{key:t,onClick:function(){var e;null===(e=D.current)||void 0===e||e.moveToIdx(t)},"data-is-active":C===t,"data-is-hellosites":"hellosites"===d})}))))},exports.CategoryCard=function(e){var n=e.imgBanner,a=e.label,l=e.className,r=e.style,o=e.href,d=void 0===o?"":o,c=e.dataEventCategory,s=e.dataEventAction,u=e.dataEventLabel;return _.default.createElement(i.StyledCategoryCard,{"data-event-category":c,"data-event-action":s,"data-event-label":u,className:l,style:r,href:d,onClick:function(e){""===d&&e.preventDefault()}},_.default.createElement("div",{className:"banner"},n),_.default.createElement("div",{className:"content"},_.default.createElement(t.Text,{className:"category_name",size:"sm",type:"bold"},a)))},exports.Checkbox=I,exports.CheckboxGroup=function(e){var t=e.name,n=e.values,a=void 0===n?[]:n,l=e.onChanges,r=e.options,o=void 0===r?[]:r,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 r=n.findIndex((function(t){return t===e}));n.splice(r,1)}l&&l(n)};return _.default.createElement(i.StyledCheckboxGroup,{className:d,"data-type":s,"data-is-rectangle":m||void 0},o.map((function(e,n){return _.default.createElement(I,{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,r=void 0===l?{acceptButton:"Accept",policiesButton:"Our Policies"}:l,o=e.title,d=void 0===o?"":o,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 _.default.createElement(i.StyledAcceptCardContainer,{className:t,"data-theme":m,"data-is-open":f,"data-default-position":h},_.default.createElement(i.StyledTitleSection,{"data-has-content":!!d},d),_.default.createElement(i.StyledDescription,{dangerouslySetInnerHTML:{__html:s}}),_.default.createElement(i.StyledButtonGroup,null,_.default.createElement(i.StyledAcceptButton,{role:"button",tabIndex:0,on:"tap:consent-element.accept",onClick:a,"data-event-category":null==v?void 0:v.dataEventCategory,"data-event-action":null==v?void 0:v.dataEventAction,"data-event-label":null==v?void 0:v.dataEventLabel},r.acceptButton),_.default.createElement(i.StyledPoliciesButton,{href:n},r.policiesButton)))},exports.DatePicker=function(t){var a=t.alignRight,l=void 0===a||a,r=t.placeholder,o=t.displayDateFormat,d=t.onChange,c=t.customInput,u=t.pickedDate,m=t.className,p=t.isStatic,f=t.disabledDays,g=t.modifiers,h=t.UnHideOnClickOutside,v=t.initialMonth,x=t.locale,y=void 0===x?"en-PH":x,E=e.useRef(!1),b=s.format,w=e.useState(v||new Date),k=w[0],C=w[1],S=e.useRef(null),L=e.useRef(null),M=U[y],T=function(e){h||S.current&&S.current.contains(e.target)||L.current&&L.current.hideDayPicker()},z=(new Date).getFullYear(),D=new Date(z-150,0),F=new Date(z+1,0),B=function(e){for(var t=e.date,n=e.onChange,a=e.monthLabels,l=[],r=F.getFullYear();r>=D.getFullYear();r-=1)l.push(r);var o=function(e){var t=e.target.form,a=t.year,l=t.month;n(new Date(a.value,l.value))};return _.default.createElement("div",{className:"DayPicker-Caption"},_.default.createElement(i.StyledCaptionWrapper,null,_.default.createElement("select",{name:"month",onChange:o,value:t.getMonth()},a.map((function(e,t){return _.default.createElement("option",{key:e,value:t},e)}))),_.default.createElement("select",{name:"year",onChange:o,value:t.getFullYear()},l.map((function(e){return _.default.createElement("option",{key:e,value:e},e)})))))};return e.useEffect((function(){return document.addEventListener("mousedown",T,!1),function(){document.removeEventListener("mousedown",T,!1)}}),[]),_.default.createElement(i.StyledPickerContainer,{className:m,"data-align-right":l,ref:S,"data-is-static":p||void 0},_.default.createElement(N.default,{ref:L,inputProps:{readOnly:!0},keepFocus:!1,classNames:{container:"pickerContainer",overlayWrapper:"pickerOverlayWrapper",overlay:"pickerOverlay"},component:c&&_.default.forwardRef((function(e,t){return _.default.createElement(c,n.__assign({},e))})),onDayPickerHide:function(){E.current=!1},onDayPickerShow:function(){E.current=!0},dayPickerProps:{month:k,className:"picker",selectedDays:u,canChangeMonth:!0,enableOutsideDaysClick:!p,firstDayOfWeek:1,captionElement:function(e){var t=e.date,n=e.localeUtils,a=null==n?void 0:n.getMonths();return _.default.createElement(B,{date:t,monthLabels:M||a,onChange:C})},disabledDays:f||void 0,modifiers:g},format:o||"yyyy-MM-dd",formatDate:function(e,t){return b(e,t)},hideOnDayClick:!p,placeholder:r||"",onDayChange:function(e){var t;t=e,L.current&&!p&&L.current.hideDayPicker(),d&&d(t)},showOverlay:p}))},exports.DateRangePicker=function(n){var a=n.inputSize,l=void 0===a?"md":a,r=n.name,o=void 0===r?"date-range-picker":r,d=n.value,c=n.minDate,u=n.maxDate,m=n.onChange,p=n.className,f=n.autoClose,g=void 0!==f&&f;d||(d={from:null,to:null});var h=e.useState(!1),x=h[0],y=h[1];function E(){y(!1)}var b=e.useRef(null);function w(e){m&&m(e)}function k(e){return s.format(e,"dd/MM/yyyy")}v.useOutsideClick(b,(function(){E()}));var C=e.useMemo((function(){return d.from&&d.to?s.isSameDay(d.from,d.to)?k(d.from):"".concat(k(d.from)," - ").concat(k(d.to)):""}),[d.from,d.to]);return _.default.createElement(i.StyledWrapper,{className:[p,x&&"focused"].filter(Boolean).join(" "),ref:b},_.default.createElement("label",{htmlFor:o},_.default.createElement(t.PureInput,{size:l,value:C,name:o,actionIcon:_.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"}),autoFocus:!1,onFocus:function(){return y(!0)}})),x?_.default.createElement(i.StyledCalendarWrapper$1,{onMouseDown:function(e){e.stopPropagation()}},_.default.createElement(Ee,{value:d,onChange:w,minDate:c,maxDate:u,close:E,autoClose:g})):null)},exports.FileDropdown=function(n){var a=n.className,l=n.value,r=n.options,o=n.onUploadSelected,i=n.id,d=n.placeholderIcon,c=n.placeholder,s=n.style,u=e.useState(!1),m=u[0],p=u[1],f=function(){return p(!m)},g=e.useRef(r.map((function(e){return"upload"===e.type&&_.default.createElement("input",{id:"uploader-dropdown-input-"+i+"-"+e.value,key:"uploader-dropdown-input-"+i+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:function(e){console.log("change"),o(e.target.files)}})}))),h=_.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"},_.default.createElement("defs",null,_.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},_.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"})),_.default.createElement("style",null,".prefix__cls-3{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),_.default.createElement("title",null,"File"),_.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},_.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)"}),_.default.createElement("path",{className:"prefix__cls-3",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),v=_.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"},_.default.createElement("defs",null,_.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),_.default.createElement("title",null,"download"),_.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=_.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"},_.default.createElement("defs",null,_.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),_.default.createElement("title",null,"upload"),_.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 _.default.createElement(t.StyledDropdown,{className:a,"data-dropdown-open":!!m,id:i,"data-has-icons":!0,style:s,onBlur:function(){return p(!1)},tabIndex:0},_.default.createElement(t.StyledDropdownName,{onClick:f},d||h," ",_.default.createElement("span",null,l&&l.value?l.label:c)),m&&_.default.createElement(t.StyledDropdownList,{onClick:f,"data-has-icons":!0},r.map((function(e){return _.default.createElement(t.StyledDropdownOption,{key:"".concat(i,"-").concat(e.value),"data-selected":l&&l.value===e.value||void 0,onClick:function(){return"upload"===e.type?function(e){var t;null===(t=document.querySelector(e))||void 0===t||t.click()}("#uploader-dropdown-input-"+i+"-"+e.value):void((t=e.url)&&window.open(t,"_blank"));var t}},_.default.createElement(t.StyledIcon,null,e.icon||"download"===e.type?v:x),e.label)}))),_.default.createElement(_.default.Fragment,null,g.current))},exports.FloatButtonGroup=function(t){var a=t.items,l=t.className,r=t.style,o=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 _.default.createElement(i.StyledFloatButtonGroup,{style:r,className:l,"data-floatmenu-open":y,"data-site-type":p,"data-animation-type":g},_.default.createElement(i.StyledFloatButtonGroupBackgroundPanel,{className:"float-button-group__panel",style:n.__assign({zIndex:v},o),onClick:u?void 0:b}),_.default.createElement(i.StyledFloatButtonGroupContent,{className:"float-button-group___content",style:{zIndex:v}},_.default.createElement(i.StyledFloatButtonGroupItemsWrapper,null,a.map((function(e,t){return _.default.createElement(i.StyledFloatButtonGroupButton,{className:"float-item-button-".concat(t),style:n.__assign(n.__assign({},"zoom"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(i.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")}),"slide"===g&&{bottom:64*(a.length-1-t),transitionDelay:"".concat(i.TRANSITION_TIMING/a.length*(y?t:a.length-1-t),"ms")}),key:t,onClick:function(){e.onClick(),e.keepMenuOnClick||E(!1)}},_.default.createElement(i.StyledFloatButtonGroupButtonLabel,{style:n.__assign({},"zoom"===g&&{transitionDelay:"".concat(i.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")})},e.label),_.default.createElement(i.StyledFloatButtonGroupButtonIcon,{className:"float-item-button__icon-wrapper",style:n.__assign({},("zoom"===g||"slide"===g)&&{transitionDelay:"".concat(i.TRANSITION_TIMING/a.length*(y?a.length-1-t:t),"ms")})},e.icon))}))),_.default.createElement(i.StyledFloatButtonGroupToggleIcon,{onClick:y?b:function(){E(!0),c&&c()}})))},exports.Footer=function(e){var t=e.type,n=e.isMobile,a=void 0===n||n,l=e.locale,r=e.footerInfo,o=e.isAmp;return"helloSites"===e.siteType?_.default.createElement(Me,{isAmp:o,isMobile:a,type:t,locale:l,footerInfo:r||{}}):_.default.createElement(Je,{isMobile:a,locale:l,footerMenu:r||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:e.marryBabySocialLinks,type:t})},exports.Grid=function(e){var n=e.className,a=e.columns,l=e.columnsDesktop,r=e.gridTemplateColumns,o=e.gridTemplateColumnsDesktop,i=e.gap,d=e.children,c=e.justifyChildren,s=e.style,u=e.alignItems;return _.default.createElement(t.StyledGrid,{className:n,style:s,theme:{columns:a,columnsDesktop:l,gap:i,justifyChildren:c,gridTemplateColumns:r,gridTemplateColumnsDesktop:o,alignItems:u}},d)},exports.IconText=function(e){var t=e.size,n=e.iconPosition,a=e.className,l=e.children,r=e.icon;return _.default.createElement(i.StyledIconText,{className:a,"data-size":t,"data-icon-position":n},"left"===n&&r,l,"right"===n&&r)},exports.Pagination=function(l){var r=l.className,o=l.pagesAmount,i=l.currentPage,d=l.onChange,c=l.onClick,s=l.style,u=l.href,m=l.queryPageName,p=void 0===m?"page":m,f=n.__spreadArray([],Array(o),!0).map((function(e,t){return t+1})),g=e.useState(i),h=g[0],v=g[1],x=e.useMemo((function(){return u&&u.endsWith("&page=")?u.replace("&page=",""):u}),[u]),y=o-1,E=function(e){e<=o&&e>0&&(v(e),d(e))},b=function(e){c&&c(e)};return e.useEffect((function(){v(i)}),[i]),_.default.createElement(t.StyledPagination,{className:r,style:s},_.default.createElement(t.StyledPageBlock,{className:"prev-page",onClick:function(){return E(h-1)},"data-last-page":1===h||void 0},x?_.default.createElement("a",{href:a.formatUrlWithPageParam(x,h,p),onClick:b},_.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):_.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),f.length>8?_.default.createElement(B,{pagesAmount:o,activePage:h,handlePageChange:E,handleClick:b,href:x,queryPageName:p}):f.map((function(e){return _.default.createElement(t.StyledPaginationBlock,{key:"".concat("pagination","+").concat(e),"data-page-active":e===h||void 0,onClick:function(){return E(e)}},x?_.default.createElement("a",{href:a.formatUrlWithPageParam(x,e,p),onClick:b},e):e)})),_.default.createElement(t.StyledPageBlock,{className:"next-page",onClick:function(){return E(h+1)},"data-last-page":h===y+1||void 0},x?_.default.createElement("a",{href:a.formatUrlWithPageParam(x,h,p),onClick:b},_.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):_.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},_.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 _.default.createElement(t.StyledProgress,{style:n.__assign({"--progress":a},l)})},exports.ProgressBar=function(t){var a=t.type,l=t.numberOfStep,r=t.activeStep,o=t.labelPrefix,c=t.detailSteps,s=t.className,u=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 _.default.createElement(i.StyledTrackContainer,n.__assign({},a,{className:t}),_.default.createElement(i.StyledTrack,null))},v=_.default.createElement(i.StyledSlider,{className:s+" progress-bar"},_.default.createElement(h,null),_.default.createElement((function(e){var t=e.trackLength,n=e.activeStep,a=e.labelPrefix,r=void 0===a?"Step":a,o=e.onChange;return _.default.createElement(_.default.Fragment,null,Array.from({length:l},(function(e,t){return t})).map((function(e,a){return _.default.createElement(i.StyledStep,{"data-is-active":a===n,"data-label":a,style:{left:a*t/(l-1)},onClick:function(){o&&o(a)},key:a},a+1,_.default.createElement(i.StyledStepLabel,{"data-step-passed":a<=n},r+" "+(a+1)))})))}),{trackLength:f,activeStep:r,labelPrefix:o,onChange:u})),x=_.default.createElement("svg",{"data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.5 9.5"},_.default.createElement("title",null,"chevron-right"),_.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),y=_.default.createElement(i.StyledBreadcrumbContainer,null,c&&Array.from({length:c.length},(function(e,t){return t})).map((function(e,t){var n;return _.default.createElement(i.StyledBreadcrumbWrapper,{key:t,"data-selected":t===r,onClick:function(){u&&u(t)}},null===(n=c[t])||void 0===n?void 0:n.text," ",t<c.length-1&&x)}))),E=_.default.createElement(i.StyledSlider,{className:s+" progress-bar"},_.default.createElement((function(e){var t=e.detailSteps,n=e.activeStep,a=e.onChange,l=d.useId(t.length);return _.default.createElement(_.default.Fragment,null,Array.from({length:t.length},(function(e,t){return t})).map((function(e,r){return _.default.createElement(i.StyledDetailStep,{key:l[r],style:{left:100/t.length*r+"%",width:100/t.length+"%"},onClick:function(){a&&a(r)}},t[r].icon?_.default.createElement(i.StyledDetailStepIndicatorExternal,{onClick:function(){a&&a(r)}},t[r].icon):_.default.createElement(i.StyledDetailStepIndicator,{"data-is-active":r===n,"data-label":e,onClick:function(){a&&a(r)},key:r},r+1),_.default.createElement(i.StyledDetailStepLabel,{"data-step-passed":r<n+1},t[r].text,_.default.createElement(i.StyledDetailStepDescription,null,t[r].description)),r<t.length-1&&_.default.createElement(h,{"data-step-passed":r<n,trackClassName:"progress-track","data-track-type":"detail"}))})))}),{activeStep:r,detailSteps:c,onChange:u})),b=e.useCallback(m.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,r=void 0===l?2:l,o=a.size,i=void 0===o?24:o,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 _.default.createElement(t.StyledRateStars,{"data-selectable":!!u,style:n.__assign({"--gap":r,"--star-size":i},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?_.default.createElement(j,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a}):t+1===E+b?_.default.createElement(P,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a}):_.default.createElement(H,{key:t,onClick:function(){return null==u?void 0:u(t+1)},onMouseOver:n,onMouseLeave:a})})))},exports.SeoHead=function(e){var t,a,l,r,o,i,d,c,s,u,m,p,g,v,x,y,E,b,w,k=e.SEOData,C=void 0===k?{}:k,S=e.isAmp,L=void 0!==S&&S,N=e.locale,M=void 0===N?"vi-VN":N,T=e.routerPathname,z=e.routerQuery,D=e.nextHead,F=e.siteType,B=e.seoCustom,A=e.userId,I=e.forcedCanonicalUrl,H=C.totalPages,j=C.currentPage,P=C.SEOTitle,O=void 0===P?"":P,V=C.SEODescription,W=void 0===V?"":V,U=C.SEOImage,q=C.seoType,G=C.SEOImageWidth,Q=C.SEOImageHeight,Z=C.customMetaData,R=void 0===Z?[]:Z,Y=C.isIndexable,J=void 0===Y||Y,K=C.hasNoCanonical,X=void 0!==K&&K,$=J&&f.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||T;Object.keys(z).forEach((function(e){var t=z[e];t&&Array.isArray(t)&&(te=te.replace("[...".concat(e,"]"),t.join("/")))}));var ne,ae=M||"en-PH",le="helloSites"===F?f.domainLocales[ae]:"www.marrybaby.vn",re=te.endsWith("/")?"":"/";if(C.apiMetaData&&"string"==typeof C.apiMetaData){var oe=null===(t=C.apiMetaData)||void 0===t?void 0:t.match(/<title.*?>(.*)<\/title>/),ie=" - Page ".concat(j," of ").concat(H),de=j&&1!==j&&oe?C.apiMetaData.replace(oe[0],oe[0].includes("-")?oe[0].replace("-",ie+" - "):"<title>".concat(oe[1].concat(ie),"</title>")).replace('<link rel="canonical" href="https://'.concat(le).concat(te).concat(re,'" />'),'<link rel="canonical" href="https://'.concat(le).concat(te).concat(re,"?page=").concat(j,'" />')):C.apiMetaData,ce=(ne=h.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),[_.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(a=C.openGraph)||void 0===a?void 0:a.image)||se||""}),_.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}),_.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(r=C.openGraph)||void 0===r?void 0:r.imageWidth)&&String(null===(o=C.openGraph)||void 0===o?void 0:o.imageWidth)||"1200"}),_.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(i=C.openGraph)||void 0===i?void 0:i.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 _.default.createElement(D,null,_.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===F&&_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===M?_.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===M||"ms-MY"===M?_.default.createElement(_.default.Fragment,null):_.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"}),_.default.createElement("link",{rel:"preconnect",href:ee}),_.default.createElement("meta",{charSet:"UTF-8"}),!L&&_.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),_.default.createElement("meta",{name:"google",content:"notranslate"}),_.default.createElement("meta",{name:"robots",content:$}),_.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),R.map((function(e,t){return _.default.createElement("meta",n.__assign({key:t},e))})),_.default.createElement("meta",{name:"theme-color",content:"helloSites"===F?"#2c87f3":"#e85388"}),_.default.createElement("meta",{name:"page_type",content:"Home"}),_.default.createElement("meta",{name:"page_platform",content:"WEB"}),_.default.createElement("meta",{name:"page_language",content:ae}),_.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),L&&_.default.createElement(_.default.Fragment,null,_.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),_.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ne&&_.default.createElement(_.default.Fragment,null,"helloSites"===F?_.default.createElement("title",null,B?O:O+" - "+(null===(c=f.LOCALE_SPECS[M])||void 0===c?void 0:c.SITE_NAME)):_.default.createElement("title",null,O),!X&&_.default.createElement("link",{rel:"canonical",href:"https://".concat(le).concat(te)}),_.default.createElement("meta",{name:"description",content:W||(null===(s=C.openGraph)||void 0===s?void 0:s.description)}),C.schemaData&&_.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:C.schemaData}}),_.default.createElement("meta",{property:"og:locale",content:M}),_.default.createElement("meta",{property:"og:type",content:q||"website"}),_.default.createElement("meta",{property:"og:title",content:(null===(u=C.openGraph)||void 0===u?void 0:u.title)||O}),_.default.createElement("meta",{property:"og:description",content:(null===(m=C.openGraph)||void 0===m?void 0:m.description)||W}),_.default.createElement("meta",{property:"og:url",content:"https://".concat(le).concat(te)}),_.default.createElement("meta",{property:"og:site_name",content:"https://".concat(le)}),_.default.createElement("meta",{property:"og:image",content:(null===(p=C.openGraph)||void 0===p?void 0:p.image)||U||ue||""}),_.default.createElement("meta",{property:"og:image:secure_url",content:(null===(g=C.openGraph)||void 0===g?void 0:g.image)||U||ue}),_.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"}),_.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"}),_.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),_.default.createElement("meta",{name:"twitter:title",content:(null===(b=C.twitter)||void 0===b?void 0:b.title)||O}),_.default.createElement("meta",{name:"twitter:description",content:W}),_.default.createElement("meta",{name:"twitter:image",content:(null===(w=C.twitter)||void 0===w?void 0:w.image)||U})),("helloSites"===F?f.FAVICONS[ae]||[]:f.FAVICONS.marryBaby).map((function(e,t){return"link"===e.type?_.default.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?_.default.createElement("meta",{key:t,name:e.name,content:e.content}):null})),Array.isArray(ne)&&I?ne.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ne,I&&_.default.createElement("link",{rel:"canonical",href:I}),!C.hasNoAmp&&"vi-VN"!==M&&_.default.createElement("link",{rel:"amphtml",href:"https://".concat(le).concat(te).concat(re,"?amp=1")}),A&&"undefined"!=typeof window?_.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(A,"'});")}}):null)},exports.Shadow=function(e){var n=e.size,a=e.children,l=e.style,r=e.className;return _.default.createElement(t.StyledShadow,{style:l,className:r,"data-shadow-size":n},a)},exports.ShareContainer=function(e){var a=e.url,l=e.onCopied,d=e.locale,c=p.useTranslations().t,s=w.getSocialList(a||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(d)}));return _.default.createElement(i.StyledShareContainer,null,_.default.createElement(t.Text,{size:"p3",color:o.theme.colors.gray800},c("shareContainer.title")),_.default.createElement("div",{className:"icon-group"},s.map((function(e,t){return _.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})),_.default.createElement(r.Button,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:_.default.createElement(Ce,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==l||l(),[2]}}))}))}})))},exports.ShareDrawer=function(a){var l=a.open,d=a.title,c=a.onClose,s=a.onCopied,u=a.onShared,m=a.url,f=a.locale,g=n.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]),h=p.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=w.getSocialList(m||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(f)}));return console.log(x),e.useEffect((function(){l&&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,l]),navigator.share?null:_.default.createElement(i.StyledShareDrawer,n.__assign({title:h("share.title"),onClose:c,open:l,placement:"bottom"},g),_.default.createElement("div",{className:"share-container"},_.default.createElement("div",{className:"icon-container"},_.default.createElement(t.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},h("share.title")),_.default.createElement("div",{className:"icon-group"},x.map((function(e,t){return _.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})))),_.default.createElement("div",{className:"link-container"},_.default.createElement(t.Text,{type:"semiBold",size:"s3",color:o.theme.colors.gray600},h("share.copyLink")),_.default.createElement("div",{className:"input-group"},_.default.createElement(k.Input,{name:"link",size:"md",value:m,isDisabled:!0}),_.default.createElement(r.Button,{size:"md",type:"button",color:"tertiary",icon:_.default.createElement(Se,null),onClick:v})))))},exports.Slider=function(a){var r=a.step,o=a.min,i=a.max,d=a.value,c=a.onChange,s=a.className,u=a.heading,m=a.isMobile,p=void 0!==m&&m,f=["#DBDFE5","#2D87F3","#DBDFE5"],g=_.default.useRef(),h=e.useState(d),v=h[0],x=h[1];e.useEffect((function(){x(d)}),[d[0],d[1]]);return _.default.createElement(t.StyledSlider,{className:s},_.default.createElement(l.Range,{ref:g,values:v[0]>=o&&v[1]<=i?v:[o,i],onChange:x,onFinalChange:c,renderThumb:function(e){var a=e.props,l=e.index;return _.default.createElement(t.StyledThumb,n.__assign({},a),_.default.createElement(A,{rangeRef:g.current,values:v,index:l,isMobile:p}))},renderTrack:function(e){var a=e.props,r=e.children,d={background:l.getTrackBackground({values:v,colors:f,min:o,max:i})};return _.default.createElement(_.default.Fragment,null,u&&_.default.createElement(t.Text,{size:"md",type:"bold"},u),_.default.createElement(t.StyledTrackContainer,{onMouseDown:a.onMouseDown,onTouchStart:a.onTouchStart,style:n.__assign({},a.style)},_.default.createElement(t.StyledTrack,{ref:a.ref,style:d},r)))},step:r,min:o,max:i}))},exports.StatisticCard=function(e){var t=e.type,n=e.description,a=e.value,l=e.withIcon,r=e.isInACard,o=e.cardColor,d=e.className;return _.default.createElement(i.StyledStatisticContainer,{className:d,"data-size":t,"data-is-in-card":"big"===t&&r,"data-card-color":o},_.default.createElement(i.StyledDescriptionWrapper,null,"small"===t&&_.default.createElement(i.StyledDot$1,{"data-color":o}),n),_.default.createElement(i.StyledStatisticNumberWrapper,{"data-size":t},"small"!==t&&l,a))},exports.SurveyThankyouCard=function(e){var n=e.thankyou,a=e.thankyouSubtitle,l=e.className,o=e.style;return _.default.createElement(i.StyledSurveyQuestionCard,{className:l,style:o},_.default.createElement("div",{className:"survey-inner-wrapper"},_.default.createElement(i.StyledSurveyThankyouCard,null,_.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},_.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"survey-thankyou-icon"},_.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"}),_.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),_.default.createElement("path",{d:"M82.9048 72.6663H101.5L87.597 40H35.403L21.5 72.6663H40.0952V91H83.0786L82.9048 72.6663Z",fill:"#2C74DF"}),_.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"}),_.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"}),_.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"}),_.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"}),_.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"}),_.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"}),_.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"}),_.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"}),_.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"}),_.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"}),_.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&&_.default.createElement(r.Heading,{className:"survey-thankyou-title",tag:"h3"},n),a&&_.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},a)))))},exports.Tabs=function(n){var a=n.style,l=n.initialTab,r=n.tabContent,c=n.onChange,s=n.className,u=n.dataEventCategory,m=n.dataEventAction,p=n.dataEventLabel,f=n.id,g=e.useState(l||0),h=g[0],v=g[1],x=d.useId(r.length);return e.useEffect((function(){v(l)}),[l]),_.default.createElement(i.StyledTabs,{style:a,className:s,role:"tablist",id:f},r.map((function(e,n){return _.default.createElement(i.StyledTab,{"data-is-tab-active":h===n||void 0,"aria-selected":h===n,role:"tab",onClick:function(){v(n),c&&c(n)},onKeyDown:function(e){"Enter"===e.key&&(v(n),c&&c(n))},key:x[n],"data-event-category":u,"data-event-action":m,"data-event-label":p,tabIndex:0},_.default.createElement(i.StyledTabContent,null,e.icon&&_.default.createElement(i.StyledIcon,null,e.icon),_.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,r=e.style,o=e.isInline,i=e.isSquared,d=void 0!==i&&i,c=e.className,s=e.isLight,u=e.hasMorePadding,m=e.isLink,p=e.isSelected,f=e.textProps,g=void 0===f?{size:"sm"}:f,h=g.color?{"--text-props-color":g.color}:{};return _.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":o||void 0,style:n.__assign(n.__assign({},r),h),className:c,"data-is-selected":p||void 0,"data-is-link":m||void 0,tagType:a,isInline:o,tagHasMorePadding:u,tagIsLight:s,tagIsSquared:d,tagIsALink:m},_.default.createElement(t.Text,n.__assign({},g),l))},exports.Toggle=function(e){var n=e.className,a=e.id,l=e.onChange,r=e.checked,o=e.style,i=e.label;return _.default.createElement(t.StyledToggle,{className:n,style:o},_.default.createElement("input",{type:"checkbox",id:a,onChange:l,checked:r}),_.default.createElement("label",{htmlFor:a},_.default.createElement(t.StyledToggleIcon,null),i&&_.default.createElement(t.StyledToggleLabel,null,i)))},exports.UnderlinedLink=function(e){var n=e.size,a=e.isDisabled,l=e.className,r=e.link,o=e.style;return _.default.createElement(t.StyledUnderlinedLink,{className:l,"data-size":n,style:o,"data-disabled":a||void 0},r)},exports.Uploader=function(e){var n=e.type,a=e.withIcon,l=e.onFileSelected,o=e.inputId,i=e.withElement,d=e.fileAcceptType,c=e.multiple,s=e.value,u=e.className,m=function(){var e;null===(e=document.querySelector("#uploader-input-"+o))||void 0===e||e.click()};return _.default.createElement(t.StyledUploader,{className:u},"badge"===n?_.default.createElement(t.StyledElementContainer,{onClick:m,"data-is-attached-to-element":!!i},i,_.default.createElement(t.StyledIconWrapper,{"data-is-attached-to-element":!!i},a)):i?_.default.createElement("div",{onClick:m},i):_.default.createElement(r.Button,{size:"md",color:"secondary",className:"default-button",icon:a,onClick:m},_.default.createElement(t.StyledDefaultButtonContent,null,_.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"},_.default.createElement("defs",null,_.default.createElement("style",null,".prefix__cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}")),_.default.createElement("title",null,"upload"),_.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")),_.default.createElement("input",{id:"uploader-input-"+o,accept:d,multiple:c,type:"file",style:{display:"none"},onChange:function(e){l(e.target.files)},value:s}))},exports.index=q,exports.index$1=he;