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

package/build/components/dateRangePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("date-fns"),t=require("./pureInput.js"),a=require("../useOutsideClick-528bfd6c.js"),r=require("../tslib.es6-f7929e76.js"),o=require("date-fns/locale/en-US"),i=require("date-fns/locale/id"),l=require("date-fns/locale/vi"),s=require("date-fns/locale/zh-TW"),d=require("./button.js"),u=require("../useScreenSize-1a87cd03.js"),c=require("../useTranslations-589049a5.js");require("../animation-b53aef6e.js"),require("../lazyLoad-f5c59bb0.js");var f=require("styled-components");require("../constants-5675963f.js");var p=require("../utils-1cac3068.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../Locale-11b51016.js"),require("./label.js"),require("../translationsContext-af789c7c.js"),require("string-format"),require("vanilla-lazyload");var g=m(e),h=m(o),x=m(i),v=m(l),b=m(s),y=m(f);var w=y.default.div(E||(E=r.__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),k=y.default.div(D||(D=r.__makeTemplateObject(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),_=y.default.div(T||(T=r.__makeTemplateObject(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),p.MediaQueries.mbDown),j=y.default.div(C||(C=r.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),M=y.default(j)(q||(q=r.__makeTemplateObject(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));y.default.div(O||(O=r.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var E,D,T,C,q,O,z,S,B,H,P,V,I,L=y.default.div(z||(z=r.__makeTemplateObject(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(e){return e.theme.colors.gray800})),N=y.default.div(S||(S=r.__makeTemplateObject(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(e){return e.theme.colors.neutral100})),Q=y.default.div(B||(B=r.__makeTemplateObject(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),F=y.default.div(H||(H=r.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),W=y.default(j)(P||(P=r.__makeTemplateObject([""],[""]))),R=y.default.div(V||(V=r.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),p.MediaQueries.mbUp,(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.gray100})),U=y.default.div(I||(I=r.__makeTemplateObject(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),p.MediaQueries.mbDown,p.MediaQueries.mbUp,(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.primaryBase})),Z={"en-PH":h.default,"vi-VN":v.default,"zh-TW":b.default,"id-ID":x.default};function A(t){var a=t.value,o=void 0===a?{from:null,to:null}:a,i=e.useState(null),l=i[0],s=i[1],d=u.useScreenSize().isMobile,c=e.useState((function(){return o})),f=c[0],p=c[1],m=e.useState((function(){var e;return n.startOfMonth(null!==(e=o.from)&&void 0!==e?e:new Date)})),h=m[0],x=m[1],v=e.useMemo((function(){return n.addMonths(h,1)}),[h]);var b=r.__assign(r.__assign({},t),{goToNextMonth:function(){x((function(e){return n.addMonths(e,1)}))},goToPreviousMonth:function(){x((function(e){return n.subMonths(e,1)}))},range:f,setRange:p,hoverDay:l,setHoverDay:s});return g.default.createElement(g.default.Fragment,null,g.default.createElement(Y,r.__assign({},b,{date:h})),!d&&g.default.createElement(N,null),!d&&g.default.createElement(Y,r.__assign({},b,{date:v})))}function Y(t){var a=t.date,o=t.range,i=t.setRange,l=t.onChange,s=t.goToPreviousMonth,u=t.goToNextMonth,f=t.minDate,p=t.maxDate,m=t.close,h=void 0===m?function(){}:m,x=t.autoClose,v=void 0!==x&&x,b=t.hoverDay,y=t.setHoverDay,j=c.useTranslations().locale,E=e.useMemo((function(){var e;return null!==(e=Z[j])&&void 0!==e?e:Z["en-PH"]}),[j]),D=e.useMemo((function(){return n.format(a,"MMMM",{locale:E})}),[a,E]),T=e.useMemo((function(){return E?[1,2,3,4,5,6,0].map((function(e){return E.localize.day(e,{width:"narrow"})})):[]}),[E]);function C(e,t){if(null===e)return g.default.createElement(R,{key:"idx-".concat(t),"data-empty":"true"});var a=e.getDate(),l=n.isToday(e),s=!!o.from&&n.isSameDay(o.from,e),d=!!o.to&&n.isSameDay(o.to,e),u=s||d,c=!1;null!==b&&o.from&&n.isBefore(o.from,b)&&!o.to?c=n.isWithinInterval(e,{start:o.from,end:b}):o.from&&o.to&&(c=n.isWithinInterval(e,{start:o.from,end:o.to}));var m=!1;return f&&p?m=!n.isWithinInterval(e,{start:f,end:p}):f?m=n.isBefore(e,f):p&&(m=n.isAfter(e,p)),g.default.createElement(R,{key:a,"data-is-today":l,"data-is-past":!l&&n.isPast(e),"data-is-selected":u,"data-is-disabled":m,"data-in-range":c,"data-is-from":s,"data-is-to":d,onMouseEnter:function(){y(e)},onMouseLeave:function(){return y(null)},onClick:function(){m||i((function(t){return v&&o.from&&!o.to&&h(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?n.isBefore(e,t.from)?r.__assign(r.__assign({},t),{from:e}):r.__assign(r.__assign({},t),{to:e}):t:r.__assign(r.__assign({},t),{from:e})}(e,t)}))}},g.default.createElement(U,{onClick:function(){}},g.default.createElement("p",null,a)))}return e.useEffect((function(){o.from&&o.to&&l(o)}),[o]),g.default.createElement(w,{className:"calendar-wrapper"},g.default.createElement(_,null,g.default.createElement(d.Button,{onClick:s,size:"md",color:"ghost",icon:g.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"})}),g.default.createElement("div",{className:"calendar-month"},D,g.default.createElement("strong",null,n.format(a,"yyyy"))),g.default.createElement(d.Button,{onClick:u,size:"md",color:"ghost",icon:g.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"})})),g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(M,null,T.map((function(e,n){return g.default.createElement(L,{key:"".concat(e,"-").concat(n)},e)})))),g.default.createElement("div",null,function(){for(var e=a.getFullYear(),t=a.getMonth(),r=n.getDaysInMonth(a),i=[],l=1;l<=r;l++)i.push(new Date(e,t,l));var s=i[0]?i[0].getDay():0;if(1!==s){var d=0===s?6:s-1;for(l=0;l<d;l++)i.unshift(null)}return g.default.createElement(F,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(o.from&&o.to)},g.default.createElement(Q,null,g.default.createElement(W,null,i.map(C))))}())))}var G,J,K=y.default.div(G||(G=r.__makeTemplateObject(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),p.MediaQueries.mbDown),X=y.default.div(J||(J=r.__makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(e){return e.theme.colors.gray200}),p.MediaQueries.mbDown);exports.DateRangePicker=function(r){var o=r.inputSize,i=void 0===o?"md":o,l=r.name,s=void 0===l?"date-range-picker":l,d=r.value,u=r.minDate,c=r.maxDate,f=r.onChange,p=r.className,m=r.autoClose,h=void 0!==m&&m;d||(d={from:null,to:null});var x=e.useState(!1),v=x[0],b=x[1];function y(){b(!1)}var w=e.useRef(null);function k(e){f&&f(e)}function _(e){return n.format(e,"dd/MM/yyyy")}a.useOutsideClick(w,(function(){y()}));var j=e.useMemo((function(){return d.from&&d.to?n.isSameDay(d.from,d.to)?_(d.from):"".concat(_(d.from)," - ").concat(_(d.to)):""}),[d.from,d.to]);return g.default.createElement(K,{className:[p,v&&"focused"].filter(Boolean).join(" "),ref:w},g.default.createElement("label",{htmlFor:s},g.default.createElement(t.PureInput,{size:i,value:j,name:s,actionIcon:g.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 b(!0)}})),v?g.default.createElement(X,{onMouseDown:function(e){e.stopPropagation()}},g.default.createElement(A,{value:d,onChange:k,minDate:u,maxDate:c,close:y,autoClose:h})):null)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("date-fns"),t=require("./pureInput.js"),a=require("../useOutsideClick-528bfd6c.js"),r=require("../tslib.es6-f7929e76.js"),o=require("date-fns/locale/en-US"),i=require("date-fns/locale/id"),l=require("date-fns/locale/vi"),s=require("date-fns/locale/zh-TW"),d=require("./button.js"),u=require("../useScreenSize-1a87cd03.js"),c=require("../useTranslations-77f20604.js"),f=require("styled-components"),p=require("../utils-1cac3068.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./label.js"),require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js");var g=m(e),h=m(o),x=m(i),v=m(l),b=m(s),w=m(f);var y=w.default.div(E||(E=r.__makeTemplateObject(["\n  flex: 1;\n"],["\n  flex: 1;\n"]))),k=w.default.div(D||(D=r.__makeTemplateObject(["\n  padding: 0 10px;\n"],["\n  padding: 0 10px;\n"]))),_=w.default.div(T||(T=r.__makeTemplateObject(["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"],["\n  display: flex;\n  height: 80px;\n  align-items: center;\n  .calendar-month {\n    font-size: 16px;\n    flex: 1;\n    text-align: center;\n    strong {\n      margin-left: 5px;\n    }\n  }\n  "," {\n    height: 70px;\n  }\n"])),p.MediaQueries.mbDown),j=w.default.div(C||(C=r.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"],["\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  row-gap: 2px;\n"]))),M=w.default(j)(O||(O=r.__makeTemplateObject(["\n  margin-bottom: 8px;\n"],["\n  margin-bottom: 8px;\n"])));w.default.div(q||(q=r.__makeTemplateObject(["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  height: 40px;\n  width: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var E,D,T,C,O,q,z,S,B,H,P,V,I,N=w.default.div(z||(z=r.__makeTemplateObject(["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"],["\n  font-size: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: 1px solid ",";\n  font-weight: 300;\n"])),(function(e){return e.theme.colors.gray800})),Q=w.default.div(S||(S=r.__makeTemplateObject(["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"],["\n  width: 18px;\n  position: relative;\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 16px 0 0 0;\n    width: 1px;\n    left: 50%;\n    right: 50%;\n    background: ",";\n  }\n"])),(function(e){return e.theme.colors.neutral100})),F=w.default.div(B||(B=r.__makeTemplateObject(["\n  margin: 0 auto;\n"],["\n  margin: 0 auto;\n"]))),L=w.default.div(H||(H=r.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),W=w.default(j)(P||(P=r.__makeTemplateObject([""],[""]))),R=w.default.div(V||(V=r.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 34px;\n  "," {\n    height: 38px;\n  }\n  &[data-is-disabled='true'] {\n    opacity: 0.3;\n  }\n  &[data-in-range='true']:not([data-is-from='true'][data-is-to='true']) {\n    background-color: ",";\n  }\n  &:before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    background-color: ",";\n  }\n  &[data-is-from='true'][data-in-range='true'][data-is-to='false'] {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 50%;\n      right: 0;\n    }\n  }\n\n  &[data-is-to='true'][data-in-range='true'][data-is-from='false'],\n  &:hover[data-in-range='true']:is([data-has-range='false'] &) {\n    background-color: transparent;\n    &:before {\n      content: '';\n      left: 0;\n      right: 50%;\n    }\n  }\n"])),p.MediaQueries.mbUp,(function(e){return e.theme.colors.gray100}),(function(e){return e.theme.colors.gray100})),U=w.default.div(I||(I=r.__makeTemplateObject(["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"],["\n  position: relative;\n  font-weight: 600;\n  "," {\n    width: 32px;\n    height: 32px;\n  }\n  "," {\n    width: 36px;\n    height: 36px;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  [data-is-disabled='true'] & {\n    cursor: not-allowed;\n  }\n  line-height: 1;\n  color: 1px solid ",";\n  [data-is-selected='true'] &,\n  [data-is-today='true'] &,\n  [data-is-selected='false']:hover & {\n    border-radius: 32px;\n  }\n  [data-is-selected='true'] & {\n    background-color: ",";\n    color: white;\n  }\n  [data-is-selected='false']:hover & {\n    background-color: ",";\n  }\n  [data-is-today='true'][data-is-selected='false'] & {\n    background-color: transparent;\n    border-radius: 32px;\n    border: 1px solid ",";\n  }\n"])),p.MediaQueries.mbDown,p.MediaQueries.mbUp,(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.primaryBase}),(function(e){return e.theme.colors.blue50}),(function(e){return e.theme.colors.primaryBase})),Z={"en-PH":h.default,"vi-VN":v.default,"zh-TW":b.default,"id-ID":x.default};function A(t){var a=t.value,o=void 0===a?{from:null,to:null}:a,i=e.useState(null),l=i[0],s=i[1],d=u.useScreenSize().isMobile,c=e.useState((function(){return o})),f=c[0],p=c[1],m=e.useState((function(){var e;return n.startOfMonth(null!==(e=o.from)&&void 0!==e?e:new Date)})),h=m[0],x=m[1],v=e.useMemo((function(){return n.addMonths(h,1)}),[h]);var b=r.__assign(r.__assign({},t),{goToNextMonth:function(){x((function(e){return n.addMonths(e,1)}))},goToPreviousMonth:function(){x((function(e){return n.subMonths(e,1)}))},range:f,setRange:p,hoverDay:l,setHoverDay:s});return g.default.createElement(g.default.Fragment,null,g.default.createElement(Y,r.__assign({},b,{date:h})),!d&&g.default.createElement(Q,null),!d&&g.default.createElement(Y,r.__assign({},b,{date:v})))}function Y(t){var a=t.date,o=t.range,i=t.setRange,l=t.onChange,s=t.goToPreviousMonth,u=t.goToNextMonth,f=t.minDate,p=t.maxDate,m=t.close,h=void 0===m?function(){}:m,x=t.autoClose,v=void 0!==x&&x,b=t.hoverDay,w=t.setHoverDay,j=c.useTranslations().locale,E=e.useMemo((function(){var e;return null!==(e=Z[j])&&void 0!==e?e:Z["en-PH"]}),[j]),D=e.useMemo((function(){return n.format(a,"MMMM",{locale:E})}),[a,E]),T=e.useMemo((function(){return E?[1,2,3,4,5,6,0].map((function(e){return E.localize.day(e,{width:"narrow"})})):[]}),[E]);function C(e,t){if(null===e)return g.default.createElement(R,{key:"idx-".concat(t),"data-empty":"true"});var a=e.getDate(),l=n.isToday(e),s=!!o.from&&n.isSameDay(o.from,e),d=!!o.to&&n.isSameDay(o.to,e),u=s||d,c=!1;null!==b&&o.from&&n.isBefore(o.from,b)&&!o.to?c=n.isWithinInterval(e,{start:o.from,end:b}):o.from&&o.to&&(c=n.isWithinInterval(e,{start:o.from,end:o.to}));var m=!1;return f&&p?m=!n.isWithinInterval(e,{start:f,end:p}):f?m=n.isBefore(e,f):p&&(m=n.isAfter(e,p)),g.default.createElement(R,{key:a,"data-is-today":l,"data-is-past":!l&&n.isPast(e),"data-is-selected":u,"data-is-disabled":m,"data-in-range":c,"data-is-from":s,"data-is-to":d,onMouseEnter:function(){w(e)},onMouseLeave:function(){return w(null)},onClick:function(){m||i((function(t){return v&&o.from&&!o.to&&h(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?n.isBefore(e,t.from)?r.__assign(r.__assign({},t),{from:e}):r.__assign(r.__assign({},t),{to:e}):t:r.__assign(r.__assign({},t),{from:e})}(e,t)}))}},g.default.createElement(U,{onClick:function(){}},g.default.createElement("p",null,a)))}return e.useEffect((function(){o.from&&o.to&&l(o)}),[o]),g.default.createElement(y,{className:"calendar-wrapper"},g.default.createElement(_,null,g.default.createElement(d.Button,{onClick:s,size:"md",color:"ghost",icon:g.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"})}),g.default.createElement("div",{className:"calendar-month"},D,g.default.createElement("strong",null,n.format(a,"yyyy"))),g.default.createElement(d.Button,{onClick:u,size:"md",color:"ghost",icon:g.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"})})),g.default.createElement(k,null,g.default.createElement("div",null,g.default.createElement(M,null,T.map((function(e,n){return g.default.createElement(N,{key:"".concat(e,"-").concat(n)},e)})))),g.default.createElement("div",null,function(){for(var e=a.getFullYear(),t=a.getMonth(),r=n.getDaysInMonth(a),i=[],l=1;l<=r;l++)i.push(new Date(e,t,l));var s=i[0]?i[0].getDay():0;if(1!==s){var d=0===s?6:s-1;for(l=0;l<d;l++)i.unshift(null)}return g.default.createElement(L,{key:"month-".concat(t),"data-month-index":t,"data-has-range":Boolean(o.from&&o.to)},g.default.createElement(F,null,g.default.createElement(W,null,i.map(C))))}())))}var G,J,K=w.default.div(G||(G=r.__makeTemplateObject(["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"],["\n  display: block;\n  position: relative;\n  width: 270px;\n  input {\n    pointer-events: none;\n    caret-color: transparent;\n  }\n  "," {\n    width: 100%;\n  }\n"])),p.MediaQueries.mbDown),X=w.default.div(J||(J=r.__makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  position: absolute;\n  top: 46px;\n  left: 0;\n  width: 684px;\n  border: 1px solid ",";\n  filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))\n    drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));\n  border-radius: 6px;\n  background-color: white;\n  z-index: 100;\n  padding-bottom: 16px;\n  align-items: stretch;\n  user-select: none;\n  "," {\n    width: 100%;\n  }\n"])),(function(e){return e.theme.colors.gray200}),p.MediaQueries.mbDown);exports.DateRangePicker=function(r){var o=r.inputSize,i=void 0===o?"md":o,l=r.name,s=void 0===l?"date-range-picker":l,d=r.value,u=r.minDate,c=r.maxDate,f=r.onChange,p=r.className,m=r.autoClose,h=void 0!==m&&m;d||(d={from:null,to:null});var x=e.useState(!1),v=x[0],b=x[1];function w(){b(!1)}var y=e.useRef(null);function k(e){f&&f(e)}function _(e){return n.format(e,"dd/MM/yyyy")}a.useOutsideClick(y,(function(){w()}));var j=e.useMemo((function(){return d.from&&d.to?n.isSameDay(d.from,d.to)?_(d.from):"".concat(_(d.from)," - ").concat(_(d.to)):""}),[d.from,d.to]);return g.default.createElement(K,{className:[p,v&&"focused"].filter(Boolean).join(" "),ref:y},g.default.createElement("label",{htmlFor:s},g.default.createElement(t.PureInput,{size:i,value:j,name:s,actionIcon:g.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 b(!0)}})),v?g.default.createElement(X,{onMouseDown:function(e){e.stopPropagation()}},g.default.createElement(A,{value:d,onChange:k,minDate:u,maxDate:c,close:w,autoClose:h})):null)};

package/build/components/footer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("./button.js"),t=require("./container.js"),a=require("./text.js"),i=require("../constants-5675963f.js"),o=require("../theme-696d81a9.js"),l=require("../useTranslations-589049a5.js"),r=require("../lazyLoad-f5c59bb0.js"),d=require("../tslib.es6-f7929e76.js"),s=require("../utils-1cac3068.js"),c=require("styled-components"),p=require("../zalo-e7b9d144.js"),m=require("./divider.js"),u=require("./logo.js"),f=require("./marryBabyText.js");function x(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("../translationsContext-af789c7c.js"),require("string-format"),require("vanilla-lazyload");var g,h,b=x(n),v=x(c),y=v.default.footer(g||(g=d.__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"])),s.MediaQueries.mbDown,s.MediaQueries.mbDown,s.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbUp,s.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbUp,s.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbDown,s.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbDown,s.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbDown,s.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.MediaQueries.mbUp),w=v.default.div(h||(h=d.__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"]))),E=function(n){var e=n.url,t=n.isMobile,a=n.dataEventCategory,i=n.dataEventAction,o=n.dataEventLabel,l=n.isAmp;return b.default.createElement(w,{"data-is-mobile":t},l?b.default.createElement("amp-img",{className:"country-flag",src:e,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":o}):b.default.createElement("img",{loading:"lazy",className:"country-flag lazy","data-src":e,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":o}))},k=function(d){var s,c,p,m,u,f,x,g,h,v,w,k,C,z,M,N,F,T,j,L,_,B,Q,D,A,H,U,S,q,I,O,V,Z,Y,G,X=d.className,$=d.type,K=void 0===$?"main":$,P=d.footerInfo,W=d.isMobile,J=d.locale,R=d.isAmp,nn=l.useTranslations().t,en=null==P?void 0:P.menu;return n.useEffect((function(){setTimeout((function(){return null===r.lazyLoadInstance||void 0===r.lazyLoadInstance?void 0:r.lazyLoadInstance.update()}),100)}),[]),b.default.createElement(y,{as:R&&"mini"===K?"div":"footer",className:X,style:"mini"===K?{backgroundColor:o.theme.colors.neutral50}:{},"next-page-hide":!0},b.default.createElement(t.Container,null,b.default.createElement("div",{className:"inner","data-type":K,"next-page-hide":""},"main"===K?b.default.createElement(b.default.Fragment,null,b.default.createElement("a",{href:"/"},R?(null===(c=null==P?void 0:P.general)||void 0===c?void 0:c.logo)?b.default.createElement("amp-img",{src:null===(p=null==P?void 0:P.general)||void 0===p?void 0:p.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:b.default.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(s=null==P?void 0:P.general)||void 0===s?void 0:s.logo,alt:"Logo","data-is-sehat":"id-ID"===J})),b.default.createElement("div",{className:"columns"},b.default.createElement("div",{className:"newsletter"},b.default.createElement(a.Text,{size:"p1",type:"bold"},null===(m=null==P?void 0:P.general)||void 0===m?void 0:m.content),b.default.createElement(e.Button,{className:"signupButton",color:"primary",size:"lg"},nn("footer.signUp")),b.default.createElement("div",{className:"social"},b.default.createElement(a.Text,{size:"sm",type:"regular"},null===(u=null==P?void 0:P.social)||void 0===u?void 0:u.title),b.default.createElement("div",{className:"icons"},null===(x=null===(f=null==P?void 0:P.social)||void 0===f?void 0:f.socials)||void 0===x?void 0:x.map((function(n,e){return b.default.createElement("a",{key:e,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},R?b.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):b.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,"data-src":n.icon,alt:"Logo Social",className:"social-icon lazy"}))}))),b.default.createElement("hr",{className:"hrMobile"}))),b.default.createElement("div",null,en&&b.default.createElement(b.default.Fragment,null,b.default.createElement("div",{className:"biglinks"},null===(h=null===(g=en[0])||void 0===g?void 0:g.items)||void 0===h?void 0:h.map((function(n,e){return b.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(i.domainLocales[J]).concat(n.url),className:"bigLink",key:e,href:n.url},n.title)}))),b.default.createElement("hr",{className:"hrMobile"}),b.default.createElement("div",{className:"mHalf"},b.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(v=en[1])||void 0===v?void 0:v.menu_title),null===(k=null===(w=en[1])||void 0===w?void 0:w.items)||void 0===k?void 0:k.map((function(n,e){return b.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(i.domainLocales[J]).concat(n.url),className:"link",href:n.url,key:e},b.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(i.domainLocales[J]).concat(n.url)},n.title))}))),b.default.createElement("div",{className:"mHalf"},b.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(C=en[2])||void 0===C?void 0:C.menu_title),null===(M=null===(z=en[2])||void 0===z?void 0:z.items)||void 0===M?void 0:M.map((function(n,e){return n.url&&b.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url,className:"link",href:n.url,key:e},b.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))})))),!R&&b.default.createElement(b.default.Fragment,null,b.default.createElement("hr",{className:"hrMobile"}),b.default.createElement("div",{className:"otherSites"},b.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(N=null==P?void 0:P.branch)||void 0===N?void 0:N.title),b.default.createElement("div",{className:"flags"},null===(T=null===(F=null==P?void 0:P.branch)||void 0===F?void 0:F.branch)||void 0===T?void 0:T.map((function(n,e){return b.default.createElement("a",{className:"link",href:n.url,key:e,"data-event-category":"Footer","data-event-action":n.name,"data-event-label":n.url},b.default.createElement(E,{url:n.flag,isMobile:W,dataEventCategory:"Footer",dataEventAction:n.name,dataEventLabel:n.url,isAmp:R}))}))))))),b.default.createElement("hr",null),b.default.createElement("div",{className:"copyright","data-is-amp":R||void 0},(null===(j=null==P?void 0:P.general)||void 0===j?void 0:j.verified)&&b.default.createElement("a",{href:null===(_=null===(L=null==P?void 0:P.general)||void 0===L?void 0:L.verified[0])||void 0===_?void 0:_.url,className:"copyright-image"},R?b.default.createElement("amp-img",{src:null===(Q=null===(B=null==P?void 0:P.general)||void 0===B?void 0:B.verified[0])||void 0===Q?void 0:Q.image,alt:"DMCA Icon",width:"100",height:"36"}):b.default.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(A=null===(D=null==P?void 0:P.general)||void 0===D?void 0:D.verified[0])||void 0===A?void 0:A.image,alt:"DMCA Icon"})),b.default.createElement(a.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(H=null==P?void 0:P.general)||void 0===H?void 0:H.copyright)),"vi-VN"===J&&b.default.createElement(a.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")):b.default.createElement(b.default.Fragment,null,(null==P?void 0:P.menu)&&b.default.createElement("div",{className:"columns"},b.default.createElement("div",{className:"mHalf"},b.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(U=null==P?void 0:P.menu[1])||void 0===U?void 0:U.menu_title),null===(q=null===(S=null==P?void 0:P.menu[1])||void 0===S?void 0:S.items)||void 0===q?void 0:q.map((function(n){return b.default.createElement("a",{className:"link",href:n.url,key:n.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":n.title,"data-content-id":"https://".concat(i.domainLocales[J]).concat(n.url),"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(i.domainLocales[J]).concat(n.url)},b.default.createElement(a.Text,{dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(i.domainLocales[J]).concat(n.url),size:"sm",type:"regular",style:{color:o.theme.colors.gray800}},n.title))}))),b.default.createElement("div",{className:"mHalf"},b.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(I=null==P?void 0:P.menu[2])||void 0===I?void 0:I.menu_title),null===(V=null===(O=null==P?void 0:P.menu[2])||void 0===O?void 0:O.items)||void 0===V?void 0:V.map((function(n,e){return b.default.createElement("a",{className:"link",href:n.url,key:e,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":n.title,"data-content-id":n.url,"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url},b.default.createElement(a.Text,{size:"sm",type:"regular",style:{color:o.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))}))),!R&&"mini"!==K&&b.default.createElement("hr",{className:"hrMobile"}),b.default.createElement("div",{className:"newsletter"},b.default.createElement("div",{className:"social"},b.default.createElement(a.Text,{size:"sm",type:"regular"},null===(Z=null==P?void 0:P.social)||void 0===Z?void 0:Z.title),b.default.createElement("div",{className:"icons"},null===(G=null===(Y=null==P?void 0:P.social)||void 0===Y?void 0:Y.socials)||void 0===G?void 0:G.map((function(n,e){return b.default.createElement("a",{key:e,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},R?b.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):b.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,"data-src":n.icon,alt:"Logo Social",className:"social-icon lazy"}))}))))))))))};v.default.footer(C||(C=d.__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(n){return n.theme.mbColors.lightGray}),s.MediaQueries.mbDown,s.MediaQueries.mbDown,(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbUp,s.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbUp,s.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),s.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.MediaQueries.mbUp);var C,z,M,N,F,T,j,L,_=v.default.div(z||(z=d.__makeTemplateObject([""],[""]))),B=v.default.div(M||(M=d.__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"]))),Q=v.default.div(N||(N=d.__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"])),s.MediaQueries.mbDown),D=v.default.div(F||(F=d.__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"])),s.MediaQueries.mbDown,(function(n){return n.theme.colors.gray800}),s.MediaQueries.mbDown,s.MediaQueries.mbUp,s.MediaQueries.mbDown),A=v.default.div(T||(T=d.__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"])),s.MediaQueries.mbUp,s.MediaQueries.mbDown),H=v.default.div(j||(j=d.__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"])),s.MediaQueries.mbDown,s.MediaQueries.mbDown,s.MediaQueries.mbDown,(function(n){return n.theme.mbColors.midGray}),s.MediaQueries.mbDown,s.MediaQueries.mbDown,s.MediaQueries.mbDown,(function(n){return n.theme.mbColors.midGray})),U=v.default.div(L||(L=d.__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"]))),S={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"}},q=function(n){var e,a=n.socialLinks,i=void 0===a?S.SOCIAL_LINKS:a,r=i.facebookLink,d=i.instagramLink,s=i.zaloLink,c=i.youtubeLink,x=n.copyrightText,g=n.logoType,h=void 0===g?"marryBaby":g,v=n.isMobile,y=n.footerMenu,w=void 0===y?[]:y,E=n.type,k=void 0===E?"main":E,C=l.useTranslations().t;return"main"===k?b.default.createElement(_,{className:"footer-container"},!v&&b.default.createElement("div",{className:"footer-divider"},b.default.createElement(t.Container,{type:"marryBaby"},b.default.createElement(m.Divider,{style:{padding:"0 16px"},type:"solid"}))),b.default.createElement(Q,null,b.default.createElement(t.Container,{type:"marryBaby"},b.default.createElement(D,null,b.default.createElement("div",{className:"grid"},null===(e=v?null==w?void 0:w.slice(0,6):w)||void 0===e?void 0:e.map((function(n,e){var t=n.title,a=n.link;return b.default.createElement("a",{"data-event-category":"Footer","data-event-action":t,"data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(e)},b.default.createElement(f.MarryBabyText,{color:o.theme.colors.gray800,type:"subtitle-2"},t))})),b.default.createElement("div",{className:"social-wrapper"},b.default.createElement("div",{className:"social"},b.default.createElement(f.MarryBabyText,{type:"subtitle-2"},C("footer.followUsText")),b.default.createElement("div",{className:"icons-links"},r&&b.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},b.default.createElement("img",{src:p.img,alt:"Facebook"})),c&&b.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},b.default.createElement("img",{src:p.img$1,alt:"Youtube"})),d&&b.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":d,href:d},b.default.createElement("img",{src:p.img$2,alt:"Instagram"})),s&&b.default.createElement("a",{target:"_blank",rel:"noreferrer",href:s,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":s},b.default.createElement("img",{src:p.img$3,alt:"Zalo"}))))))))),b.default.createElement(A,null,b.default.createElement(t.Container,{type:"marryBaby"},b.default.createElement(H,null,b.default.createElement(u.Logo,{className:"logo",type:h,width:"121px"}),b.default.createElement(f.MarryBabyText,{className:"company-name",type:"subtitle-2"},C("footer.info.companyName")),b.default.createElement("div",{className:"text-info"},b.default.createElement(f.MarryBabyText,{type:"bodytext-3"},C("footer.info.address")),b.default.createElement(f.MarryBabyText,{type:"bodytext-3"},C("footer.info.license")),b.default.createElement(f.MarryBabyText,{type:"bodytext-3"},C("footer.info.email"))),b.default.createElement("div",{className:"img-container"},b.default.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),b.default.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},b.default.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!v&&b.default.createElement(m.Divider,{type:"solid"}),b.default.createElement("div",{className:"language-and-copyright"},b.default.createElement(f.MarryBabyText,{type:"bodytext-3"},x)))))):b.default.createElement(B,null,b.default.createElement(U,null),b.default.createElement(f.MarryBabyText,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:o.theme.sizes.fwSemiBold},color:o.theme.mbColors.midGray},C("footer.followUsText")),b.default.createElement("div",{className:"icons-links"},r&&b.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},b.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},b.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)"}),b.default.createElement("defs",null,b.default.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},b.default.createElement("stop",{stopColor:"#4DABF7"}),b.default.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),c&&b.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},b.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},b.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"}))),d&&b.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":d,href:d},b.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},b.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)"}),b.default.createElement("defs",null,b.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)"},b.default.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),b.default.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),b.default.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),b.default.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),b.default.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),b.default.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),b.default.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),b.default.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),b.default.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),b.default.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),b.default.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),s&&b.default.createElement("a",{target:"_blank",rel:"noreferrer",href:s,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":s},b.default.createElement("div",{style:{height:24,width:24}},b.default.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))};exports.Footer=function(n){var e=n.type,t=n.isMobile,a=void 0===t||t,i=n.locale,o=n.footerInfo,l=n.isAmp;return"helloSites"===n.siteType?b.default.createElement(k,{isAmp:l,isMobile:a,type:e,locale:i,footerInfo:o||{}}):b.default.createElement(q,{isMobile:a,locale:i,footerMenu:o||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:n.marryBabySocialLinks,type:e})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("./button.js"),t=require("./container.js"),a=require("./text.js"),i=require("../constants-5675963f.js"),o=require("../theme-696d81a9.js"),l=require("../useTranslations-77f20604.js"),r=require("../lazyLoad-b5986db9.js"),d=require("../tslib.es6-f7929e76.js"),s=require("../utils-1cac3068.js"),c=require("styled-components"),p=require("../zalo-8f8b40ca.js"),m=require("./divider.js"),u=require("./logo.js"),f=require("./marryBabyText.js");function x(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js");var g,h,b=x(n),v=x(c),y=v.default.footer(g||(g=d.__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"])),s.MediaQueries.mbDown,s.MediaQueries.mbDown,s.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbUp,s.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbUp,s.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbDown,s.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbDown,s.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbDown,s.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.MediaQueries.mbUp),w=v.default.div(h||(h=d.__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"]))),E=function(n){var e=n.url,t=n.isMobile,a=n.dataEventCategory,i=n.dataEventAction,o=n.dataEventLabel,l=n.isAmp;return b.default.createElement(w,{"data-is-mobile":t},l?b.default.createElement("amp-img",{className:"country-flag",src:e,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":o}):b.default.createElement("img",{loading:"lazy",className:"country-flag lazy","data-src":e,alt:"Country Flag","data-event-category":a,"data-event-action":i,"data-content-label":o}))},k=function(d){var s,c,p,m,u,f,x,g,h,v,w,k,C,z,M,N,F,T,j,L,_,B,Q,D,A,H,I,U,S,q,O,Z,V,Y,G,X=d.className,K=d.type,P=void 0===K?"main":K,W=d.footerInfo,J=d.isMobile,R=d.locale,$=d.isAmp,nn=l.useTranslations().t,en=null==W?void 0:W.menu;return n.useEffect((function(){setTimeout((function(){return null===r.lazyLoadInstance||void 0===r.lazyLoadInstance?void 0:r.lazyLoadInstance.update()}),100)}),[]),b.default.createElement(y,{as:$&&"mini"===P?"div":"footer",className:X,style:"mini"===P?{backgroundColor:o.theme.colors.neutral50}:{},"next-page-hide":!0},b.default.createElement(t.Container,null,b.default.createElement("div",{className:"inner","data-type":P,"next-page-hide":""},"main"===P?b.default.createElement(b.default.Fragment,null,b.default.createElement("a",{href:"/"},$?(null===(c=null==W?void 0:W.general)||void 0===c?void 0:c.logo)?b.default.createElement("amp-img",{src:null===(p=null==W?void 0:W.general)||void 0===p?void 0:p.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:b.default.createElement("img",{loading:"lazy",className:"footer-logo lazy","data-src":null===(s=null==W?void 0:W.general)||void 0===s?void 0:s.logo,alt:"Logo","data-is-sehat":"id-ID"===R})),b.default.createElement("div",{className:"columns"},b.default.createElement("div",{className:"newsletter"},b.default.createElement(a.Text,{size:"p1",type:"bold"},null===(m=null==W?void 0:W.general)||void 0===m?void 0:m.content),b.default.createElement(e.Button,{className:"signupButton",color:"primary",size:"lg"},nn("footer.signUp")),b.default.createElement("div",{className:"social"},b.default.createElement(a.Text,{size:"sm",type:"regular"},null===(u=null==W?void 0:W.social)||void 0===u?void 0:u.title),b.default.createElement("div",{className:"icons"},null===(x=null===(f=null==W?void 0:W.social)||void 0===f?void 0:f.socials)||void 0===x?void 0:x.map((function(n,e){return b.default.createElement("a",{key:e,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},$?b.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):b.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,"data-src":n.icon,alt:"Logo Social",className:"social-icon lazy"}))}))),b.default.createElement("hr",{className:"hrMobile"}))),b.default.createElement("div",null,en&&b.default.createElement(b.default.Fragment,null,b.default.createElement("div",{className:"biglinks"},null===(h=null===(g=en[0])||void 0===g?void 0:g.items)||void 0===h?void 0:h.map((function(n,e){return b.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(i.domainLocales[R]).concat(n.url),className:"bigLink",key:e,href:n.url},n.title)}))),b.default.createElement("hr",{className:"hrMobile"}),b.default.createElement("div",{className:"mHalf"},b.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(v=en[1])||void 0===v?void 0:v.menu_title),null===(k=null===(w=en[1])||void 0===w?void 0:w.items)||void 0===k?void 0:k.map((function(n,e){return b.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(i.domainLocales[R]).concat(n.url),className:"link",href:n.url,key:e},b.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(i.domainLocales[R]).concat(n.url)},n.title))}))),b.default.createElement("div",{className:"mHalf"},b.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(C=en[2])||void 0===C?void 0:C.menu_title),null===(M=null===(z=en[2])||void 0===z?void 0:z.items)||void 0===M?void 0:M.map((function(n,e){return n.url&&b.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url,className:"link",href:n.url,key:e},b.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))})))),!$&&b.default.createElement(b.default.Fragment,null,b.default.createElement("hr",{className:"hrMobile"}),b.default.createElement("div",{className:"otherSites"},b.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(N=null==W?void 0:W.branch)||void 0===N?void 0:N.title),b.default.createElement("div",{className:"flags"},null===(T=null===(F=null==W?void 0:W.branch)||void 0===F?void 0:F.branch)||void 0===T?void 0:T.map((function(n,e){return b.default.createElement("a",{className:"link",href:n.url,key:e,"data-event-category":"Footer","data-event-action":n.name,"data-event-label":n.url},b.default.createElement(E,{url:n.flag,isMobile:J,dataEventCategory:"Footer",dataEventAction:n.name,dataEventLabel:n.url,isAmp:$}))}))))))),b.default.createElement("hr",null),b.default.createElement("div",{className:"copyright","data-is-amp":$||void 0},(null===(j=null==W?void 0:W.general)||void 0===j?void 0:j.verified)&&b.default.createElement("a",{href:null===(_=null===(L=null==W?void 0:W.general)||void 0===L?void 0:L.verified[0])||void 0===_?void 0:_.url,className:"copyright-image"},$?b.default.createElement("amp-img",{src:null===(Q=null===(B=null==W?void 0:W.general)||void 0===B?void 0:B.verified[0])||void 0===Q?void 0:Q.image,alt:"DMCA Icon",width:"100",height:"36"}):b.default.createElement("img",{loading:"lazy",className:"lazy","data-src":null===(A=null===(D=null==W?void 0:W.general)||void 0===D?void 0:D.verified[0])||void 0===A?void 0:A.image,alt:"DMCA Icon"})),b.default.createElement(a.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(H=null==W?void 0:W.general)||void 0===H?void 0:H.copyright)),"vi-VN"===R&&b.default.createElement(a.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")):b.default.createElement(b.default.Fragment,null,(null==W?void 0:W.menu)&&b.default.createElement("div",{className:"columns"},b.default.createElement("div",{className:"mHalf"},b.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(I=null==W?void 0:W.menu[1])||void 0===I?void 0:I.menu_title),null===(S=null===(U=null==W?void 0:W.menu[1])||void 0===U?void 0:U.items)||void 0===S?void 0:S.map((function(n){return b.default.createElement("a",{className:"link",href:n.url,key:n.title,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Information","data-content-title":n.title,"data-content-id":"https://".concat(i.domainLocales[R]).concat(n.url),"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(i.domainLocales[R]).concat(n.url)},b.default.createElement(a.Text,{dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(i.domainLocales[R]).concat(n.url),size:"sm",type:"regular",style:{color:o.theme.colors.gray800}},n.title))}))),b.default.createElement("div",{className:"mHalf"},b.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(q=null==W?void 0:W.menu[2])||void 0===q?void 0:q.menu_title),null===(Z=null===(O=null==W?void 0:W.menu[2])||void 0===O?void 0:O.items)||void 0===Z?void 0:Z.map((function(n,e){return b.default.createElement("a",{className:"link",href:n.url,key:e,"data-list-type":"Footer","data-content-type":"Navigate","data-content-topic":"Hello Health","data-content-title":n.title,"data-content-id":n.url,"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url},b.default.createElement(a.Text,{size:"sm",type:"regular",style:{color:o.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))}))),!$&&"mini"!==P&&b.default.createElement("hr",{className:"hrMobile"}),b.default.createElement("div",{className:"newsletter"},b.default.createElement("div",{className:"social"},b.default.createElement(a.Text,{size:"sm",type:"regular"},null===(V=null==W?void 0:W.social)||void 0===V?void 0:V.title),b.default.createElement("div",{className:"icons"},null===(G=null===(Y=null==W?void 0:W.social)||void 0===Y?void 0:Y.socials)||void 0===G?void 0:G.map((function(n,e){return b.default.createElement("a",{key:e,"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,href:n.url},$?b.default.createElement("amp-img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",width:"32",height:"32"}):b.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,"data-src":n.icon,alt:"Logo Social",className:"social-icon lazy"}))}))))))))))};v.default.footer(C||(C=d.__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(n){return n.theme.mbColors.lightGray}),s.MediaQueries.mbDown,s.MediaQueries.mbDown,(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbUp,s.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbUp,s.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),s.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),s.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),s.MediaQueries.mbUp);var C,z,M,N,F,T,j,L,_=v.default.div(z||(z=d.__makeTemplateObject([""],[""]))),B=v.default.div(M||(M=d.__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"]))),Q=v.default.div(N||(N=d.__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"])),s.MediaQueries.mbDown),D=v.default.div(F||(F=d.__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"])),s.MediaQueries.mbDown,(function(n){return n.theme.colors.gray800}),s.MediaQueries.mbDown,s.MediaQueries.mbUp,s.MediaQueries.mbDown),A=v.default.div(T||(T=d.__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"])),s.MediaQueries.mbUp,s.MediaQueries.mbDown),H=v.default.div(j||(j=d.__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"])),s.MediaQueries.mbDown,s.MediaQueries.mbDown,s.MediaQueries.mbDown,(function(n){return n.theme.mbColors.midGray}),s.MediaQueries.mbDown,s.MediaQueries.mbDown,s.MediaQueries.mbDown,(function(n){return n.theme.mbColors.midGray})),I=v.default.div(L||(L=d.__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"]))),U={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"}},S=function(n){var e,a=n.socialLinks,i=void 0===a?U.SOCIAL_LINKS:a,r=i.facebookLink,d=i.instagramLink,s=i.zaloLink,c=i.youtubeLink,x=n.copyrightText,g=n.logoType,h=void 0===g?"marryBaby":g,v=n.isMobile,y=n.footerMenu,w=void 0===y?[]:y,E=n.type,k=void 0===E?"main":E,C=l.useTranslations().t;return"main"===k?b.default.createElement(_,{className:"footer-container"},!v&&b.default.createElement("div",{className:"footer-divider"},b.default.createElement(t.Container,{type:"marryBaby"},b.default.createElement(m.Divider,{style:{padding:"0 16px"},type:"solid"}))),b.default.createElement(Q,null,b.default.createElement(t.Container,{type:"marryBaby"},b.default.createElement(D,null,b.default.createElement("div",{className:"grid"},null===(e=v?null==w?void 0:w.slice(0,6):w)||void 0===e?void 0:e.map((function(n,e){var t=n.title,a=n.link;return b.default.createElement("a",{"data-event-category":"Footer","data-event-action":t,"data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(e)},b.default.createElement(f.MarryBabyText,{color:o.theme.colors.gray800,type:"subtitle-2"},t))})),b.default.createElement("div",{className:"social-wrapper"},b.default.createElement("div",{className:"social"},b.default.createElement(f.MarryBabyText,{type:"subtitle-2"},C("footer.followUsText")),b.default.createElement("div",{className:"icons-links"},r&&b.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},b.default.createElement("img",{src:p.FacebookIcon,alt:"Facebook"})),c&&b.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},b.default.createElement("img",{src:p.YoutubeIcon,alt:"Youtube"})),d&&b.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":d,href:d},b.default.createElement("img",{src:p.InstagramIcon,alt:"Instagram"})),s&&b.default.createElement("a",{target:"_blank",rel:"noreferrer",href:s,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":s},b.default.createElement("img",{src:p.ZaloIcon,alt:"Zalo"}))))))))),b.default.createElement(A,null,b.default.createElement(t.Container,{type:"marryBaby"},b.default.createElement(H,null,b.default.createElement(u.Logo,{className:"logo",type:h,width:"121px"}),b.default.createElement(f.MarryBabyText,{className:"company-name",type:"subtitle-2"},C("footer.info.companyName")),b.default.createElement("div",{className:"text-info"},b.default.createElement(f.MarryBabyText,{type:"bodytext-3"},C("footer.info.address")),b.default.createElement(f.MarryBabyText,{type:"bodytext-3"},C("footer.info.license")),b.default.createElement(f.MarryBabyText,{type:"bodytext-3"},C("footer.info.email"))),b.default.createElement("div",{className:"img-container"},b.default.createElement("img",{src:"/images/dmca_protected.png",alt:"DMCA protected"}),b.default.createElement("a",{href:"http://online.gov.vn/Home/WebDetails/25055?AspxAutoDetectCookieSupport=1",target:"_blank",rel:"noreferrer"},b.default.createElement("img",{src:"/images/mit_registered.png",alt:"MIT registered"}))),!v&&b.default.createElement(m.Divider,{type:"solid"}),b.default.createElement("div",{className:"language-and-copyright"},b.default.createElement(f.MarryBabyText,{type:"bodytext-3"},x)))))):b.default.createElement(B,null,b.default.createElement(I,null),b.default.createElement(f.MarryBabyText,{type:"subtitle-3",style:{marginBottom:24,textTransform:"uppercase",fontWeight:o.theme.sizes.fwSemiBold},color:o.theme.mbColors.midGray},C("footer.followUsText")),b.default.createElement("div",{className:"icons-links"},r&&b.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Facebook","data-content-label":r,href:r},b.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},b.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)"}),b.default.createElement("defs",null,b.default.createElement("linearGradient",{id:"paint0_linear",x1:"12",y1:"3",x2:"12",y2:"21",gradientUnits:"userSpaceOnUse"},b.default.createElement("stop",{stopColor:"#4DABF7"}),b.default.createElement("stop",{offset:"1",stopColor:"#2668DA"}))))),c&&b.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Youtube","data-event-label":c,href:c},b.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},b.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"}))),d&&b.default.createElement("a",{target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - Instagram","data-content-label":d,href:d},b.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},b.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)"}),b.default.createElement("defs",null,b.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)"},b.default.createElement("stop",{offset:"0.073",stopColor:"#EACC7B"}),b.default.createElement("stop",{offset:"0.184",stopColor:"#ECAA59"}),b.default.createElement("stop",{offset:"0.307",stopColor:"#EF802E"}),b.default.createElement("stop",{offset:"0.358",stopColor:"#EF6D3A"}),b.default.createElement("stop",{offset:"0.46",stopColor:"#F04B50"}),b.default.createElement("stop",{offset:"0.516",stopColor:"#F03E58"}),b.default.createElement("stop",{offset:"0.689",stopColor:"#DB359E"}),b.default.createElement("stop",{offset:"0.724",stopColor:"#CE37A4"}),b.default.createElement("stop",{offset:"0.789",stopColor:"#AC3CB4"}),b.default.createElement("stop",{offset:"0.877",stopColor:"#7544CF"}),b.default.createElement("stop",{offset:"0.98",stopColor:"#2B4FF2"}))))),s&&b.default.createElement("a",{target:"_blank",rel:"noreferrer",href:s,"data-event-category":"Footer","data-event-action":"Follow us - Zalo","data-event-label":s},b.default.createElement("div",{style:{height:24,width:24}},b.default.createElement("img",{src:"/icons/zalo.png",alt:"Zalo"})))))};exports.Footer=function(n){var e=n.type,t=n.isMobile,a=void 0===t||t,i=n.locale,o=n.footerInfo,l=n.isAmp;return"helloSites"===n.siteType?b.default.createElement(k,{isAmp:l,isMobile:a,type:e,locale:i,footerInfo:o||{}}):b.default.createElement(S,{isMobile:a,locale:i,footerMenu:o||[],copyrightText:"© 2022 MarryBaby.vn",socialLinks:n.marryBabySocialLinks,type:e})};

package/build/components/navigationLayout_deprecated.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react"),require("../together-643762e2.js");var e=require("../index-851fe704.js");require("./heading.js"),require("../theme-696d81a9.js"),require("../utils-1cac3068.js"),require("styled-components"),require("./logo.js"),require("../constants-ca5ea110.js"),require("string-format"),require("./button.js"),require("./container.js"),require("./text.js"),require("../zalo-e7b9d144.js"),require("./divider.js"),require("../index-afeb5842.js"),require("./pureInput.js"),require("./label.js"),require("../togetherComponentGlobalContext-6197b982.js"),require("../cookieHelper-612b90fa.js"),require("slugify"),require("react-loading-skeleton"),require("../lock-f96868e8.js"),require("./avatar.js"),require("lodash"),require("./popup.js"),require("../translationsProvider-04343e8a.js"),require("../translationsContext-af789c7c.js"),require("../index-32df3e70.js"),require("../useTranslations-589049a5.js"),require("../constants-5675963f.js"),exports.NavigationLayout=e.NavigationLayout;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react"),require("../together-0ce4269b.js");var e=require("../index-0c1af36a.js");require("./heading.js"),require("../theme-696d81a9.js"),require("../utils-1cac3068.js"),require("styled-components"),require("./logo.js"),require("../constants-ca5ea110.js"),require("../useTranslations-77f20604.js"),require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js"),require("./button.js"),require("./container.js"),require("./text.js"),require("../zalo-8f8b40ca.js"),require("./divider.js"),require("../index-f454f04d.js"),require("./pureInput.js"),require("./label.js"),require("../togetherComponentGlobalContext-2bd33521.js"),require("../cookieHelper-612b90fa.js"),require("react-loading-skeleton"),require("../lock-1950c18b.js"),require("./avatar.js"),require("lodash"),require("./popup.js"),require("../translationsProvider-04343e8a.js"),require("../index-d12009e4.js"),require("../constants-5675963f.js"),exports.NavigationLayout=e.NavigationLayout;

package/build/components/navigationLogoutPopup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("./button.js"),t=require("./popup.js"),o=require("react-dom"),i=require("../useTranslations-589049a5.js");require("date-fns"),require("../animation-b53aef6e.js"),require("../lazyLoad-f5c59bb0.js");var l=require("styled-components");require("../constants-5675963f.js");var r=require("../utils-1cac3068.js");require("../Locale-11b51016.js");var a=require("../tslib.es6-f7929e76.js");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("../translationsContext-af789c7c.js"),require("string-format"),require("vanilla-lazyload");var s,u,c=p(n),g=p(l),d=g.default.div(s||(s=a.__makeTemplateObject(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),r.MediaQueries.mbDown,r.MediaQueries.mbUp,(function(n){return n.theme.colors.gray800}),r.MediaQueries.mbDown,r.MediaQueries.mbUp,(function(n){return n.theme.colors.gray600}),r.MediaQueries.mbDown,r.MediaQueries.mbUp),m=g.default.div(u||(u=a.__makeTemplateObject(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),r.MediaQueries.mbDown,r.MediaQueries.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}));exports.NavigationLogoutPopup=function(l){var a=l.openLogoutPopup,p=l.onCloseHandler,s=l.onLogoutHandler,u=l.siteType,g=void 0===u?"helloSites":u,f=i.useTranslations().t;return n.useEffect((function(){document.body.classList.toggle("noscroll",a)}),[a]),"undefined"==typeof window?null:o.createPortal(c.default.createElement(t.Popup,{type:"confirm",isOpen:a,closeIcon:c.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:24,height:24},alt:"close-icon"}),onClose:p},c.default.createElement(d,null,"helloSites"===g&&c.default.createElement("img",{src:"data:image/svg+xml,%3csvg viewBox='0 0 101 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3985 88.2823H42.9609C41.3199 88.2823 40.0313 86.9929 40.0313 85.3526L4.875 2.93067C4.875 1.28958 6.1636 0.000976562 7.80469 0.000976562H66.3985C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%23284A75'/%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3984 88.2823H42.9609C41.3199 88.2823 40.0312 86.9929 40.0312 85.3526L31.2422 64.8447V0.000976562H66.3984C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%231B3250'/%3e%3cpath d='M44.2496 17.8727L9.09329 0.294542C8.21515 -0.115919 7.10126 -0.115919 6.2811 0.412035C5.40219 0.99721 4.875 1.93486 4.875 2.93126V85.3531C4.875 86.6418 5.69516 87.7556 6.86704 88.1066L31.2422 96.2517L42.0233 99.8253C42.8862 100.171 43.9917 99.9756 44.66 99.4744C45.4222 98.8885 45.8906 98.0096 45.8906 97.0719V20.5094C45.8906 19.3963 45.246 18.3999 44.2496 17.8727Z' fill='%232B94FF'/%3e%3cpath d='M45.8906 20.5089V97.0714C45.8906 98.0091 45.4214 98.888 44.66 99.4739C43.9978 99.9706 42.8946 100.174 42.0233 99.8249L31.2422 96.2513V11.3682L44.2495 17.8722C45.2459 18.3994 45.8906 19.3958 45.8906 20.5089Z' fill='%232D87F3'/%3e%3cpath d='M76.7355 64.4988C75.7826 63.9899 75.1875 62.9974 75.1875 61.9155V58.9858H54.6797C53.06 58.9858 51.75 57.6751 51.75 56.0561V44.3374C51.75 42.7177 53.06 41.4077 54.6797 41.4077H75.1875V38.478C75.1875 37.3961 75.7826 36.4036 76.7355 35.8939C77.6854 35.3881 78.8443 35.4453 79.7423 36.0404L97.3204 47.7592C98.136 48.3024 98.625 49.2179 98.625 50.1968C98.625 51.1748 98.136 52.0904 97.3204 52.6336L79.7423 64.3523C78.8336 64.9589 77.6747 65.0031 76.7355 64.4988Z' fill='%23F44D2C'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864C29.6011 58.9864 28.3125 57.697 28.3125 56.0567V44.3379C28.3125 42.6968 29.6011 41.4082 31.2422 41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23F7F9FC'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864V41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23E4E8EC'/%3e%3c/svg%3e",className:"cancle-img",alt:"close-account"}),c.default.createElement("h2",null,f("helloSites"===g?"logout.popup.ask1":"logout.popup.ask.mb")),c.default.createElement("p",null,f("logout.popup.ask2")),c.default.createElement(m,{siteType:g},c.default.createElement(e.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:s},f("logout.popup.button.logout")),c.default.createElement(e.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:p},f("logout.popup.button.cancel"))))),r.getPopupWrapperDom())};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("./button.js"),t=require("./popup.js"),o=require("react-dom"),l=require("../useTranslations-77f20604.js"),i=require("../tslib.es6-f7929e76.js"),r=require("../utils-1cac3068.js"),a=require("styled-components");function p(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js");var s,c,u=p(n),g=p(a),d=g.default.div(s||(s=i.__makeTemplateObject(["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"],["\n  background-color: white;\n  text-align: center;\n  .cancle-img {\n    margin-top: 24px;\n    "," {\n      width: 80px;\n      height: 80px;\n    }\n\n    "," {\n      width: 100px;\n      height: 100px;\n    }\n  }\n\n  h2 {\n    margin-top: 32px;\n    color: ",";\n    font-style: normal;\n    font-weight: bold;\n    "," {\n      font-size: 24px;\n      line-height: 32px;\n    }\n\n    "," {\n      font-size: 32px;\n      line-height: 42px;\n    }\n  }\n\n  p {\n    margin-top: 8px;\n    color: ",";\n    font-style: normal;\n    font-weight: normal;\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n\n    "," {\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n"])),r.MediaQueries.mbDown,r.MediaQueries.mbUp,(function(n){return n.theme.colors.gray800}),r.MediaQueries.mbDown,r.MediaQueries.mbUp,(function(n){return n.theme.colors.gray600}),r.MediaQueries.mbDown,r.MediaQueries.mbUp),m=g.default.div(c||(c=i.__makeTemplateObject(["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"],["\n  display: flex;\n\n  "," {\n    margin-top: 24px;\n  }\n\n  "," {\n    margin-top: 32px;\n  }\n  justify-content: space-around;\n  button {\n    flex: 1;\n    margin: 4px;\n  }\n\n  ","\n"])),r.MediaQueries.mbDown,r.MediaQueries.mbUp,(function(n){return"marryBaby"===n.siteType?"\n        .cancel-button {\n            background-color: #E55C8A;\n        }\n        .cancel-button:hover {\n          background-color: #E55C8A !important;\n        }\n        .logout-button {\n            border-color: #E55C8A;\n            color: #E55C8A;\n        }\n      ":""}));exports.NavigationLogoutPopup=function(i){var a=i.openLogoutPopup,p=i.onCloseHandler,s=i.onLogoutHandler,c=i.siteType,g=void 0===c?"helloSites":c,h=l.useTranslations().t;return n.useEffect((function(){document.body.classList.toggle("noscroll",a)}),[a]),"undefined"==typeof window?null:o.createPortal(u.default.createElement(t.Popup,{type:"confirm",isOpen:a,closeIcon:u.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",style:{width:24,height:24},alt:"close-icon"}),onClose:p},u.default.createElement(d,null,"helloSites"===g&&u.default.createElement("img",{src:"data:image/svg+xml,%3csvg viewBox='0 0 101 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3985 88.2823H42.9609C41.3199 88.2823 40.0313 86.9929 40.0313 85.3526L4.875 2.93067C4.875 1.28958 6.1636 0.000976562 7.80469 0.000976562H66.3985C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%23284A75'/%3e%3cpath d='M69.3281 2.93067V85.3526C69.3281 86.9929 68.0395 88.2823 66.3984 88.2823H42.9609C41.3199 88.2823 40.0312 86.9929 40.0312 85.3526L31.2422 64.8447V0.000976562H66.3984C68.0395 0.000976562 69.3281 1.28958 69.3281 2.93067Z' fill='%231B3250'/%3e%3cpath d='M44.2496 17.8727L9.09329 0.294542C8.21515 -0.115919 7.10126 -0.115919 6.2811 0.412035C5.40219 0.99721 4.875 1.93486 4.875 2.93126V85.3531C4.875 86.6418 5.69516 87.7556 6.86704 88.1066L31.2422 96.2517L42.0233 99.8253C42.8862 100.171 43.9917 99.9756 44.66 99.4744C45.4222 98.8885 45.8906 98.0096 45.8906 97.0719V20.5094C45.8906 19.3963 45.246 18.3999 44.2496 17.8727Z' fill='%232B94FF'/%3e%3cpath d='M45.8906 20.5089V97.0714C45.8906 98.0091 45.4214 98.888 44.66 99.4739C43.9978 99.9706 42.8946 100.174 42.0233 99.8249L31.2422 96.2513V11.3682L44.2495 17.8722C45.2459 18.3994 45.8906 19.3958 45.8906 20.5089Z' fill='%232D87F3'/%3e%3cpath d='M76.7355 64.4988C75.7826 63.9899 75.1875 62.9974 75.1875 61.9155V58.9858H54.6797C53.06 58.9858 51.75 57.6751 51.75 56.0561V44.3374C51.75 42.7177 53.06 41.4077 54.6797 41.4077H75.1875V38.478C75.1875 37.3961 75.7826 36.4036 76.7355 35.8939C77.6854 35.3881 78.8443 35.4453 79.7423 36.0404L97.3204 47.7592C98.136 48.3024 98.625 49.2179 98.625 50.1968C98.625 51.1748 98.136 52.0904 97.3204 52.6336L79.7423 64.3523C78.8336 64.9589 77.6747 65.0031 76.7355 64.4988Z' fill='%23F44D2C'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864C29.6011 58.9864 28.3125 57.697 28.3125 56.0567V44.3379C28.3125 42.6968 29.6011 41.4082 31.2422 41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23F7F9FC'/%3e%3cpath d='M34.1719 44.3379V56.0567C34.1719 57.697 32.8833 58.9864 31.2422 58.9864V41.4082C32.8833 41.4082 34.1719 42.6968 34.1719 44.3379Z' fill='%23E4E8EC'/%3e%3c/svg%3e",className:"cancle-img",alt:"close-account"}),u.default.createElement("h2",null,h("helloSites"===g?"logout.popup.ask1":"logout.popup.ask.mb")),u.default.createElement("p",null,h("logout.popup.ask2")),u.default.createElement(m,{siteType:g},u.default.createElement(e.Button,{className:"logout-button",color:"tertiary",size:"lg",onClick:s},h("logout.popup.button.logout")),u.default.createElement(e.Button,{className:"cancel-button",color:"primary",size:"lg",onClick:p},h("logout.popup.button.cancel"))))),r.getPopupWrapperDom())};

package/build/components/navigationProfileButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react"),require("../lock-f96868e8.js");var e=require("../index-f3c70f37.js");require("./avatar.js"),require("./button.js"),require("./text.js"),require("../useTranslations-589049a5.js"),require("../theme-696d81a9.js"),require("./navigationLogoutPopup.js"),require("../utils-1cac3068.js"),require("styled-components"),require("../index-32df3e70.js"),require("../cookieHelper-612b90fa.js"),require("../constants-ca5ea110.js"),require("../constants-5675963f.js"),require("string-format"),require("../translationsContext-af789c7c.js"),require("./popup.js"),require("react-dom"),require("date-fns"),require("../animation-b53aef6e.js"),require("../lazyLoad-f5c59bb0.js"),require("vanilla-lazyload"),require("../Locale-11b51016.js"),exports.NavigationProfileButton=e.NavigationProfileButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react"),require("../lock-1950c18b.js");var e=require("../index-43887156.js");require("./avatar.js"),require("./button.js"),require("./text.js"),require("../useTranslations-77f20604.js"),require("../theme-696d81a9.js"),require("./navigationLogoutPopup.js"),require("../utils-1cac3068.js"),require("styled-components"),require("../index-d12009e4.js"),require("../cookieHelper-612b90fa.js"),require("../constants-ca5ea110.js"),require("../constants-5675963f.js"),require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js"),require("./popup.js"),require("react-dom"),exports.NavigationProfileButton=e.NavigationProfileButton;

package/build/components/navigationV2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react"),require("../core-8fcc56eb.js"),require("./languageSwitcher.js"),require("../constants-5675963f.js"),require("../routing-7d9b5fab.js"),require("../index-4c31d5be.js");var e=require("../navigation.js");require("../index-32df3e70.js"),require("./flag.js"),require("styled-components"),require("./text.js"),require("../theme-696d81a9.js"),require("../utils-1cac3068.js"),require("./avatar.js"),require("./button.js"),require("date-fns"),require("date-fns/locale/en-US"),require("date-fns/locale/hi"),require("date-fns/locale/id"),require("date-fns/locale/ms"),require("date-fns/locale/th"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("../useTranslations-589049a5.js"),require("../translationsContext-af789c7c.js"),require("string-format"),require("../togetherComponentGlobalContext-6197b982.js"),require("../cookieHelper-612b90fa.js"),require("slugify"),require("react-id-generator"),require("./heading.js"),require("../constants-ca5ea110.js"),require("./pureInput.js"),require("./label.js"),require("./container.js"),require("../together-643762e2.js"),require("./logo.js"),require("lodash"),require("../index-cbfaf5d2.js"),require("../useScreenSize-1a87cd03.js"),require("../lazyLoad-f5c59bb0.js"),require("vanilla-lazyload"),require("./navigationBookingButton.js"),require("../index-f3c70f37.js"),require("../lock-f96868e8.js"),require("./navigationLogoutPopup.js"),require("./popup.js"),require("react-dom"),require("../animation-b53aef6e.js"),require("../Locale-11b51016.js"),require("lodash/debounce"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../tslib.es6-f7929e76.js"),require("react"),require("./languageSwitcher.js"),require("../constants-5675963f.js"),require("../routing-7d9b5fab.js"),require("../index-cd4b0ed4.js");var e=require("../navigation.js");require("../index-d12009e4.js"),require("../core-8fcc56eb.js"),require("./flag.js"),require("styled-components"),require("./text.js"),require("../theme-696d81a9.js"),require("../utils-1cac3068.js"),require("./avatar.js"),require("./button.js"),require("date-fns"),require("date-fns/locale/en-US"),require("date-fns/locale/hi"),require("date-fns/locale/id"),require("date-fns/locale/ms"),require("date-fns/locale/th"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("../useTranslations-77f20604.js"),require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js"),require("../togetherComponentGlobalContext-2bd33521.js"),require("../cookieHelper-612b90fa.js"),require("react-id-generator"),require("./heading.js"),require("../constants-ca5ea110.js"),require("./pureInput.js"),require("./label.js"),require("../together-0ce4269b.js"),require("./logo.js"),require("lodash"),require("../index-cbfaf5d2.js"),require("../useScreenSize-1a87cd03.js"),require("../lazyLoad-b5986db9.js"),require("./navigationBookingButton.js"),require("../index-43887156.js"),require("../lock-1950c18b.js"),require("./navigationLogoutPopup.js"),require("./popup.js"),require("react-dom"),require("./container.js"),require("lodash/debounce"),exports.NavigationV2=e.NavigationV2,exports.getNavMenuContent=e.getNavMenuContent,exports.getNavMenuContentWithCache=e.getNavMenuContentWithCache;

package/build/components/newBabyProfileRadio.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("../useTranslations-589049a5.js");require("lodash/debounce"),require("../constants-5675963f.js"),require("date-fns");var r=require("../animation-b53aef6e.js");require("../lazyLoad-f5c59bb0.js");var t=require("styled-components"),a=require("../theme-696d81a9.js");require("../utils-1cac3068.js"),require("../Locale-11b51016.js");var o=require("./input.js"),i=require("./text.js"),s=require("../tslib.es6-f7929e76.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../translationsContext-af789c7c.js"),require("string-format"),require("vanilla-lazyload"),require("./label.js");var l,u=d(e),c=d(t).default.div(l||(l=s.__makeTemplateObject(["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n  }\n\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n  }\n\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"])),a.theme.colors.gray50,a.theme.colors.gray600,"300ms",a.theme.colors.primaryBase,a.theme.colors.primaryBase,r.fadeIn,"300ms");exports.NewBabyProfileRadio=function(e){var r=e.isActive,t=e.onChange,s=e.value,d=void 0===s?"":s,l=e.onInputChange,p=n.useTranslations().t;return u.default.createElement(c,{onClick:function(){return t("new")}},u.default.createElement("div",{className:"title"},u.default.createElement(i.Text,{size:"p2",color:a.theme.colors.gray800},p("chooseBaby.new")),u.default.createElement("div",{className:r?"radio active":"radio"})),u.default.createElement(o.Input,{name:"name",value:d,size:"md",placeholder:p("chooseBaby.placeholder"),type:"text",onChange:l}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("./input.js"),t=require("./text.js"),r=require("../tslib.es6-f7929e76.js"),o=require("../animation-b53aef6e.js"),a=require("../theme-696d81a9.js"),i=require("styled-components"),s=require("../useTranslations-77f20604.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./label.js"),require("../utils-1cac3068.js"),require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js");var l,c=d(e),u=d(i).default.div(l||(l=r.__makeTemplateObject(["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n  }\n\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"],["\n  background: ",";\n  border-radius: 6px;\n  padding: 16px 20px;\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0;\n    padding-bottom: 16px;\n  }\n\n  .radio {\n    cursor: pointer;\n    position: relative;\n    width: 22px;\n    height: 22px;\n    background: #ffffff;\n    border: 2px solid ",";\n    border-radius: 50%;\n    transition: all "," ease-in-out;\n    &.active {\n      border-color: ",";\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        background-color: ",";\n        background-clip: content-box;\n        padding: 5px;\n        border-radius: 50%;\n        animation: "," "," ease-in-out forwards;\n      }\n    }\n  }\n"])),a.theme.colors.gray50,a.theme.colors.gray600,"300ms",a.theme.colors.primaryBase,a.theme.colors.primaryBase,o.fadeIn,"300ms");exports.NewBabyProfileRadio=function(e){var r=e.isActive,o=e.onChange,i=e.value,d=void 0===i?"":i,l=e.onInputChange,p=s.useTranslations().t;return c.default.createElement(u,{onClick:function(){return o("new")}},c.default.createElement("div",{className:"title"},c.default.createElement(t.Text,{size:"p2",color:a.theme.colors.gray800},p("chooseBaby.new")),c.default.createElement("div",{className:r?"radio active":"radio"})),c.default.createElement(n.Input,{name:"name",value:d,size:"md",placeholder:p("chooseBaby.placeholder"),type:"text",onChange:l}))};

package/build/components/organisms/navigationV2/components/molecules/menuServiceList/index.styled.d.ts

@@ -1,23 +1,22 @@
-import { StyledComponent } from 'styled-components';
-export declare const StyledMasterMenuContainer: StyledComponent<"div", any, {}, never>;
-export declare const StyledCategoryButtonWrapper: StyledComponent<"div", any, {}, never>;
-export declare const StyledCardSpecialty: StyledComponent<"div", any, {}, never>;
-export declare const StyledFakeTopAlignment: StyledComponent<"div", any, {}, never>;
-export declare const StyledCategoryFooter: StyledComponent<"div", any, {}, never>;
-export declare const StyledButtonContainerWrapper: StyledComponent<"div", any, {}, never>;
-export declare const StyledMenuPopupContainer: StyledComponent<"div", any, {}, never>;
-export declare const StyleMenuPopupContainer: StyledComponent<"div", any, {}, never>;
-export declare const StyledHealthCategoriesContainer: StyledComponent<"div", any, {}, never>;
-export declare const StyledCategoryItem: StyledComponent<"div", any, {}, never>;
-export declare const StyledSubCategoryItem: StyledComponent<"div", any, {}, never>;
-export declare const StyledHealthToolItem: StyledComponent<"div", any, {}, never>;
-export declare const StyledCategoryItemAll: StyledComponent<"div", any, {}, never>;
-export declare const StyledImageWrapper: StyledComponent<"div", any, {}, never>;
-export declare const StyledCloseWrapper: StyledComponent<"div", any, {}, never>;
-export declare const StyledCloseButton: StyledComponent<'div', any, {
+export declare const StyledMasterMenuContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCategoryButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardSpecialty: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFakeTopAlignment: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCategoryFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledButtonContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMenuPopupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyleMenuPopupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHealthCategoriesContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCategoryItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSubCategoryItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHealthToolItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCategoryItemAll: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCloseWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCloseButton: import("styled-components").StyledComponent<"div", any, {
     on?: string;
 }, never>;
-export declare const StyledAmpSidebar: StyledComponent<"div", any, {}, never>;
-export declare const StyledUnderLine: StyledComponent<"div", any, {}, never>;
-export declare const StyledServiceListMenuSearchInputWrapper: StyledComponent<"div", any, {}, never>;
-export declare const StyledWrapper: StyledComponent<"div", any, {}, never>;
+export declare const StyledAmpSidebar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledUnderLine: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledServiceListMenuSearchInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/build/components/seoHead.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../tslib.es6-f7929e76.js"),t=require("react"),a=require("../index-afeb5842.js"),n=require("../constants-5675963f.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t);exports.SeoHead=function(t){var r,o,c,i,m,p,d,s,u,f,g,h,v,y,E,w,_,S,b,k=t.SEOData,j=void 0===k?{}:k,x=t.isAmp,G=void 0!==x&&x,I=t.locale,A=void 0===I?"vi-VN":I,D=t.routerPathname,H=t.routerQuery,O=t.nextHead,M=t.siteType,P=t.seoCustom,L=t.userId,N=t.forcedCanonicalUrl,C=j.totalPages,T=j.currentPage,W=j.SEOTitle,B=void 0===W?"":W,F=j.SEODescription,U=void 0===F?"":F,q=j.SEOImage,V=j.seoType,z=j.SEOImageWidth,K=j.SEOImageHeight,R=j.customMetaData,Q=void 0===R?[]:R,X=j.isIndexable,Y=void 0===X||X,J=j.hasNoCanonical,Z=void 0!==J&&J,$=Y&&n.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",ee=process.env.NEXT_PUBLIC_BASE_API_URL,te=j.canonicalUrl||D;Object.keys(H).forEach((function(e){var t=H[e];t&&Array.isArray(t)&&(te=te.replace("[...".concat(e,"]"),t.join("/")))}));var ae,ne=A||"en-PH",re="helloSites"===M?n.domainLocales[ne]:"www.marrybaby.vn",le=te.endsWith("/")?"":"/";if(j.apiMetaData&&"string"==typeof j.apiMetaData){var oe=null===(r=j.apiMetaData)||void 0===r?void 0:r.match(/<title.*?>(.*)<\/title>/),ce=" - Page ".concat(T," of ").concat(C),ie=T&&1!==T&&oe?j.apiMetaData.replace(oe[0],oe[0].includes("-")?oe[0].replace("-",ce+" - "):"<title>".concat(oe[1].concat(ce),"</title>")).replace('<link rel="canonical" href="https://'.concat(re).concat(te).concat(le,'" />'),'<link rel="canonical" href="https://'.concat(re).concat(te).concat(le,"?page=").concat(T,'" />')):j.apiMetaData,me=(ae=a.htmlReactParser(ie,{trim:!0})).find((function(e){var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}));if(!me){var pe="https://".concat(re,"/images/").concat(A,".png");ae=e.__spreadArray(e.__spreadArray([],ae,!0),[l.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(o=j.openGraph)||void 0===o?void 0:o.image)||pe||""}),l.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(c=j.openGraph)||void 0===c?void 0:c.image)||pe}),l.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(i=j.openGraph)||void 0===i?void 0:i.imageWidth)&&String(null===(m=j.openGraph)||void 0===m?void 0:m.imageWidth)||"1200"}),l.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(p=j.openGraph)||void 0===p?void 0:p.imageHeight)&&String(null===(d=j.openGraph)||void 0===d?void 0:d.imageHeight)||"630"})],!1)}}var de="https://".concat(re,"/images/").concat(A,".png");return l.default.createElement(O,null,l.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===M&&l.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===A?l.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===A||"ms-MY"===A?l.default.createElement(l.default.Fragment,null):l.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"}),l.default.createElement("link",{rel:"preconnect",href:ee}),l.default.createElement("meta",{charSet:"UTF-8"}),!G&&l.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),l.default.createElement("meta",{name:"google",content:"notranslate"}),l.default.createElement("meta",{name:"robots",content:$}),l.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),Q.map((function(t,a){return l.default.createElement("meta",e.__assign({key:a},t))})),l.default.createElement("meta",{name:"theme-color",content:"helloSites"===M?"#2c87f3":"#e85388"}),l.default.createElement("meta",{name:"page_type",content:"Home"}),l.default.createElement("meta",{name:"page_platform",content:"WEB"}),l.default.createElement("meta",{name:"page_language",content:ne}),l.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),G&&l.default.createElement(l.default.Fragment,null,l.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),l.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),l.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),l.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),l.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),l.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),l.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ae&&l.default.createElement(l.default.Fragment,null,"helloSites"===M?l.default.createElement("title",null,P?B:B+" - "+(null===(s=n.LOCALE_SPECS[A])||void 0===s?void 0:s.SITE_NAME)):l.default.createElement("title",null,B),!Z&&l.default.createElement("link",{rel:"canonical",href:"https://".concat(re).concat(te)}),l.default.createElement("meta",{name:"description",content:U||(null===(u=j.openGraph)||void 0===u?void 0:u.description)}),j.schemaData&&l.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:j.schemaData}}),l.default.createElement("meta",{property:"og:locale",content:A}),l.default.createElement("meta",{property:"og:type",content:V||"website"}),l.default.createElement("meta",{property:"og:title",content:(null===(f=j.openGraph)||void 0===f?void 0:f.title)||B}),l.default.createElement("meta",{property:"og:description",content:(null===(g=j.openGraph)||void 0===g?void 0:g.description)||U}),l.default.createElement("meta",{property:"og:url",content:"https://".concat(re).concat(te)}),l.default.createElement("meta",{property:"og:site_name",content:"https://".concat(re)}),l.default.createElement("meta",{property:"og:image",content:(null===(h=j.openGraph)||void 0===h?void 0:h.image)||q||de||""}),l.default.createElement("meta",{property:"og:image:secure_url",content:(null===(v=j.openGraph)||void 0===v?void 0:v.image)||q||de}),l.default.createElement("meta",{property:"og:image:width",content:(null===(y=j.openGraph)||void 0===y?void 0:y.imageWidth)&&String(null===(E=j.openGraph)||void 0===E?void 0:E.imageWidth)||z&&String(z)||"1200"}),l.default.createElement("meta",{property:"og:image:height",content:(null===(w=j.openGraph)||void 0===w?void 0:w.imageHeight)&&String(null===(_=j.openGraph)||void 0===_?void 0:_.imageHeight)||K&&String(K)||"630"}),l.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),l.default.createElement("meta",{name:"twitter:title",content:(null===(S=j.twitter)||void 0===S?void 0:S.title)||B}),l.default.createElement("meta",{name:"twitter:description",content:U}),l.default.createElement("meta",{name:"twitter:image",content:(null===(b=j.twitter)||void 0===b?void 0:b.image)||q})),("helloSites"===M?n.FAVICONS[ne]||[]:n.FAVICONS.marryBaby).map((function(e,t){return"link"===e.type?l.default.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?l.default.createElement("meta",{key:t,name:e.name,content:e.content}):null})),Array.isArray(ae)&&N?ae.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ae,N&&l.default.createElement("link",{rel:"canonical",href:N}),!j.hasNoAmp&&"vi-VN"!==A&&l.default.createElement("link",{rel:"amphtml",href:"https://".concat(re).concat(te).concat(le,"?amp=1")}),L&&"undefined"!=typeof window?l.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(L,"'});")}}):null)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../tslib.es6-f7929e76.js"),t=require("react"),a=require("../index-f454f04d.js"),n=require("../constants-5675963f.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../_commonjsHelpers-2e1dcd72.js");var l=r(t);exports.SeoHead=function(t){var r,o,c,i,m,p,d,s,u,f,g,h,v,y,E,w,_,S,j,b=t.SEOData,k=void 0===b?{}:b,x=t.isAmp,G=void 0!==x&&x,I=t.locale,A=void 0===I?"vi-VN":I,H=t.routerPathname,D=t.routerQuery,O=t.nextHead,M=t.siteType,P=t.seoCustom,L=t.userId,N=t.forcedCanonicalUrl,C=k.totalPages,T=k.currentPage,W=k.SEOTitle,B=void 0===W?"":W,F=k.SEODescription,q=void 0===F?"":F,U=k.SEOImage,V=k.seoType,z=k.SEOImageWidth,K=k.SEOImageHeight,R=k.customMetaData,Q=void 0===R?[]:R,X=k.isIndexable,Y=void 0===X||X,J=k.hasNoCanonical,Z=void 0!==J&&J,$=Y&&n.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",ee=process.env.NEXT_PUBLIC_BASE_API_URL,te=k.canonicalUrl||H;Object.keys(D).forEach((function(e){var t=D[e];t&&Array.isArray(t)&&(te=te.replace("[...".concat(e,"]"),t.join("/")))}));var ae,ne=A||"en-PH",re="helloSites"===M?n.domainLocales[ne]:"www.marrybaby.vn",le=te.endsWith("/")?"":"/";if(k.apiMetaData&&"string"==typeof k.apiMetaData){var oe=null===(r=k.apiMetaData)||void 0===r?void 0:r.match(/<title.*?>(.*)<\/title>/),ce=" - Page ".concat(T," of ").concat(C),ie=T&&1!==T&&oe?k.apiMetaData.replace(oe[0],oe[0].includes("-")?oe[0].replace("-",ce+" - "):"<title>".concat(oe[1].concat(ce),"</title>")).replace('<link rel="canonical" href="https://'.concat(re).concat(te).concat(le,'" />'),'<link rel="canonical" href="https://'.concat(re).concat(te).concat(le,"?page=").concat(T,'" />')):k.apiMetaData,me=(ae=a.htmlReactParser(ie,{trim:!0})).find((function(e){var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}));if(!me){var pe="https://".concat(re,"/images/").concat(A,".png");ae=e.__spreadArray(e.__spreadArray([],ae,!0),[l.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(o=k.openGraph)||void 0===o?void 0:o.image)||pe||""}),l.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(c=k.openGraph)||void 0===c?void 0:c.image)||pe}),l.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(i=k.openGraph)||void 0===i?void 0:i.imageWidth)&&String(null===(m=k.openGraph)||void 0===m?void 0:m.imageWidth)||"1200"}),l.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(p=k.openGraph)||void 0===p?void 0:p.imageHeight)&&String(null===(d=k.openGraph)||void 0===d?void 0:d.imageHeight)||"630"})],!1)}}var de="https://".concat(re,"/images/").concat(A,".png");return l.default.createElement(O,null,l.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===M&&l.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter&family=Krub:wght@600&display=swap",rel:"stylesheet"}),"km-KH"===A?l.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"id-ID"===A||"ms-MY"===A?l.default.createElement(l.default.Fragment,null):l.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"}),l.default.createElement("link",{rel:"preconnect",href:ee}),l.default.createElement("meta",{charSet:"UTF-8"}),!G&&l.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),l.default.createElement("meta",{name:"google",content:"notranslate"}),l.default.createElement("meta",{name:"robots",content:$}),l.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),Q.map((function(t,a){return l.default.createElement("meta",e.__assign({key:a},t))})),l.default.createElement("meta",{name:"theme-color",content:"helloSites"===M?"#2c87f3":"#e85388"}),l.default.createElement("meta",{name:"page_type",content:"Home"}),l.default.createElement("meta",{name:"page_platform",content:"WEB"}),l.default.createElement("meta",{name:"page_language",content:ne}),l.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),G&&l.default.createElement(l.default.Fragment,null,l.default.createElement("script",{async:!0,"custom-element":"amp-analytics",src:"https://cdn.ampproject.org/v0/amp-analytics-0.1.js"}),l.default.createElement("script",{async:!0,"custom-element":"amp-fx-collection",src:"https://cdn.ampproject.org/v0/amp-fx-collection-0.1.js"}),l.default.createElement("script",{async:!0,"custom-element":"amp-ad",src:"https://cdn.ampproject.org/v0/amp-ad-0.1.js"}),l.default.createElement("script",{async:!0,"custom-element":"amp-next-page",src:"https://cdn.ampproject.org/v0/amp-next-page-1.0.js"}),l.default.createElement("script",{async:!0,"custom-element":"amp-sticky-ad",src:"https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"}),l.default.createElement("script",{async:!0,"custom-element":"amp-social-share",src:"https://cdn.ampproject.org/v0/amp-social-share-0.1.js"}),l.default.createElement("script",{async:!0,"custom-element":"amp-bind",src:"https://cdn.ampproject.org/v0/amp-bind-0.1.js"})),!ae&&l.default.createElement(l.default.Fragment,null,"helloSites"===M?l.default.createElement("title",null,P?B:B+" - "+(null===(s=n.LOCALE_SPECS[A])||void 0===s?void 0:s.SITE_NAME)):l.default.createElement("title",null,B),!Z&&l.default.createElement("link",{rel:"canonical",href:"https://".concat(re).concat(te)}),l.default.createElement("meta",{name:"description",content:q||(null===(u=k.openGraph)||void 0===u?void 0:u.description)}),k.schemaData&&l.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:k.schemaData}}),l.default.createElement("meta",{property:"og:locale",content:A}),l.default.createElement("meta",{property:"og:type",content:V||"website"}),l.default.createElement("meta",{property:"og:title",content:(null===(f=k.openGraph)||void 0===f?void 0:f.title)||B}),l.default.createElement("meta",{property:"og:description",content:(null===(g=k.openGraph)||void 0===g?void 0:g.description)||q}),l.default.createElement("meta",{property:"og:url",content:"https://".concat(re).concat(te)}),l.default.createElement("meta",{property:"og:site_name",content:"https://".concat(re)}),l.default.createElement("meta",{property:"og:image",content:(null===(h=k.openGraph)||void 0===h?void 0:h.image)||U||de||""}),l.default.createElement("meta",{property:"og:image:secure_url",content:(null===(v=k.openGraph)||void 0===v?void 0:v.image)||U||de}),l.default.createElement("meta",{property:"og:image:width",content:(null===(y=k.openGraph)||void 0===y?void 0:y.imageWidth)&&String(null===(E=k.openGraph)||void 0===E?void 0:E.imageWidth)||z&&String(z)||"1200"}),l.default.createElement("meta",{property:"og:image:height",content:(null===(w=k.openGraph)||void 0===w?void 0:w.imageHeight)&&String(null===(_=k.openGraph)||void 0===_?void 0:_.imageHeight)||K&&String(K)||"630"}),l.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),l.default.createElement("meta",{name:"twitter:title",content:(null===(S=k.twitter)||void 0===S?void 0:S.title)||B}),l.default.createElement("meta",{name:"twitter:description",content:q}),l.default.createElement("meta",{name:"twitter:image",content:(null===(j=k.twitter)||void 0===j?void 0:j.image)||U})),("helloSites"===M?n.FAVICONS[ne]||[]:n.FAVICONS.marryBaby).map((function(e,t){return"link"===e.type?l.default.createElement("link",{key:"favicon-".concat(t),rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?l.default.createElement("meta",{key:t,name:e.name,content:e.content}):null})),Array.isArray(ae)&&N?ae.filter((function(e){return"canonical"!==e.props.name&&"canonical"!==e.props.rel})):ae,N&&l.default.createElement("link",{rel:"canonical",href:N}),!k.hasNoAmp&&"vi-VN"!==A&&l.default.createElement("link",{rel:"amphtml",href:"https://".concat(re).concat(te).concat(le,"?amp=1")}),L&&"undefined"!=typeof window?l.default.createElement("script",{dangerouslySetInnerHTML:{__html:"window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '".concat(L,"'});")}}):null)};

package/build/components/shareContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../tslib.es6-f7929e76.js"),n=require("react"),t=require("./button.js"),r=require("./text.js"),a=require("../useTranslations-589049a5.js");require("lodash/debounce"),require("../constants-5675963f.js"),require("date-fns"),require("../animation-b53aef6e.js"),require("../lazyLoad-f5c59bb0.js");var i=require("styled-components"),o=require("../theme-696d81a9.js");require("../utils-1cac3068.js");var l=require("../getSocialList-2a3b759f.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../translationsContext-af789c7c.js"),require("string-format"),require("vanilla-lazyload"),require("../Locale-11b51016.js");var u,c=s(n),d=s(i).default.div(u||(u=e.__makeTemplateObject(["\n  display: flex;\n  gap: 20px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  .icon-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    a,\n    svg {\n      width: 32px;\n      height: 32px;\n    }\n    .share {\n      width: 32px;\n      height: 32px;\n      padding: 8px;\n\n      &:hover {\n        background-color: ",";\n      }\n\n      svg {\n        margin: 0;\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n"],["\n  display: flex;\n  gap: 20px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  .icon-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    a,\n    svg {\n      width: 32px;\n      height: 32px;\n    }\n    .share {\n      width: 32px;\n      height: 32px;\n      padding: 8px;\n\n      &:hover {\n        background-color: ",";\n      }\n\n      svg {\n        margin: 0;\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n"])),(function(e){return e.theme.colors.neutral50})),p=function(){return c.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c.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"}),c.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))};exports.ShareContainer=function(n){var i=n.url,s=n.onCopied,u=n.locale,f=a.useTranslations().t,h=l.getSocialList(i||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(u)}));return c.default.createElement(d,null,c.default.createElement(r.Text,{size:"p3",color:o.theme.colors.gray800},f("shareContainer.title")),c.default.createElement("div",{className:"icon-group"},h.map((function(e,n){return c.default.createElement("a",{key:n,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})),c.default.createElement(t.Button,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:c.default.createElement(p,null),onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,null===(n=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===n?void 0:n.writeText(i)];case 1:return e.sent(),null==s||s(),[2]}}))}))}})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../tslib.es6-f7929e76.js"),n=require("react"),t=require("./button.js"),r=require("./text.js"),i=require("../getSocialList-f228c829.js"),a=require("styled-components"),o=require("../useTranslations-77f20604.js"),l=require("../theme-696d81a9.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../utils-1cac3068.js"),require("../Locale-a38e4154.js"),require("../translationsContext-af789c7c.js"),require("../_commonjsHelpers-2e1dcd72.js");var u,c=s(n),d=s(a).default.div(u||(u=e.__makeTemplateObject(["\n  display: flex;\n  gap: 20px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  .icon-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    a,\n    svg {\n      width: 32px;\n      height: 32px;\n    }\n    .share {\n      width: 32px;\n      height: 32px;\n      padding: 8px;\n\n      &:hover {\n        background-color: ",";\n      }\n\n      svg {\n        margin: 0;\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n"],["\n  display: flex;\n  gap: 20px;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  .icon-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    a,\n    svg {\n      width: 32px;\n      height: 32px;\n    }\n    .share {\n      width: 32px;\n      height: 32px;\n      padding: 8px;\n\n      &:hover {\n        background-color: ",";\n      }\n\n      svg {\n        margin: 0;\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n"])),(function(e){return e.theme.colors.neutral50})),p=function(){return c.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c.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"}),c.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}))};exports.ShareContainer=function(n){var a=n.url,s=n.onCopied,u=n.locale,h=o.useTranslations().t,g=i.getSocialList(a||"").filter((function(e){return!e.allowedLocales||e.allowedLocales.includes(u)}));return c.default.createElement(d,null,c.default.createElement(r.Text,{size:"p3",color:l.theme.colors.gray800},h("shareContainer.title")),c.default.createElement("div",{className:"icon-group"},g.map((function(e,n){return c.default.createElement("a",{key:n,href:e.href,target:"_blank",rel:"noreferrer"},e.icon)})),c.default.createElement(t.Button,{size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:c.default.createElement(p,null),onClick:function(){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,null===(n=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===n?void 0:n.writeText(a)];case 1:return e.sent(),null==s||s(),[2]}}))}))}})))};