@hhgtech/hhg-components 1.22.24 → 1.22.25

package/build/esm/{useTranslations-b3eb31ef.js → useTranslations-05d40ae4.js}

@@ -1 +1 @@
-import{useContext as o,useMemo as a}from"react";import{T as n,d as r}from"./translationsContext-e7808c8f.js";import t from"string-format";function e(){var e=o(n)||{locale:"en-PH"},s=e.values,l=e.locale;return a((function(){return{t:function(o,a){return s?s[o]?a?t(s[o]||o,a):s[o]||o:(console.warn("[useTranslations] Missing translation for key ".concat(o," and locale ").concat(l)),a?t(r[o]||o,a):r[o]||o):(console.error("[useTranslations] t method called before translation values are loaded"),o)},locale:l}}),[s,l])}export{e as u};
+import{useContext as o,useMemo as a}from"react";import{T as n,d as r}from"./translationsContext-7cd9a0bc.js";import t from"string-format";function e(){var e=o(n)||{locale:"en-PH"},s=e.values,l=e.locale;return a((function(){return{t:function(o,a){return s?s[o]?a?t(s[o]||o,a):s[o]||o:(console.warn("[useTranslations] Missing translation for key ".concat(o," and locale ").concat(l)),a?t(r[o]||o,a):r[o]||o):(console.error("[useTranslations] t method called before translation values are loaded"),o)},locale:l}}),[s,l])}export{e as u};

package/build/footer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("./index-d632029d.js"),t=require("./index-2657dba3.js"),a=require("./index-f50d4c63.js"),l=require("./index-5830eec7.js"),i=require("./theme-b4bf0ca3.js"),o=require("./useTranslations-00120db0.js"),r=require("./tslib.es6-e6f346c4.js"),d=require("./utils-43f2c752.js"),c=require("styled-components"),s=require("./index-10ede9ab.js"),m=require("./index-7d3b086d.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("./gAssets.js"),require("./isProduction-32e6a55a.js"),require("./Locale-11b51016.js"),require("./translationsContext-9e231a88.js"),require("string-format");var p,f,g,x,h,v,b,y,w,E=u(n),k=u(c),N=k.default.footer(p||(p=r.__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-wrapper {\n      flex-shrink: 0;\n      flex-wrap: wrap;\n      display: flex;\n      max-width: 35%;\n      justify-content: flex-end;\n      "," {\n        justify-content: flex-start;\n        max-width: unset;\n      }\n      .copyright-image {\n        &:not(:last-child) {\n          margin-right: 0.5rem;\n        }\n        align-self: flex-start;\n\n        img {\n          max-width: 100px;\n          margin-bottom: 16px;\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-wrapper {\n      flex-shrink: 0;\n      flex-wrap: wrap;\n      display: flex;\n      max-width: 35%;\n      justify-content: flex-end;\n      "," {\n        justify-content: flex-start;\n        max-width: unset;\n      }\n      .copyright-image {\n        &:not(:last-child) {\n          margin-right: 0.5rem;\n        }\n        align-self: flex-start;\n\n        img {\n          max-width: 100px;\n          margin-bottom: 16px;\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"])),d.MediaQueries.mbDown,d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbUp,d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbUp,d.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),d.MediaQueries.mbUp),z=k.default.div(f||(f=r.__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"]))),j=function(n){var e=n.url,t=n.isMobile,a=n.dataEventCategory,l=n.dataEventAction,i=n.dataEventLabel,o=n.isAmp;return E.default.createElement(z,{"data-is-mobile":t},o?E.default.createElement("amp-img",{className:"country-flag",src:e,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":i}):E.default.createElement("img",{loading:"lazy",className:"country-flag",src:e,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":i}))},M=function(n){var r,d,c,s,m,u,p,f,g,x,h,v,b,y,w,k,z,M,T,F,_,C,Q,L,D,q,A,B,O,H,S=n.className,U=n.type,I=void 0===U?"main":U,G=n.footerInfo,P=n.isMobile,X=n.locale,V=n.isAmp,J=o.useTranslations().t,K=null==G?void 0:G.menu,R=(null===(d=null===(r=null==G?void 0:G.general)||void 0===r?void 0:r.verified)||void 0===d?void 0:d.filter(Boolean))||[];return E.default.createElement(N,{as:V&&"mini"===I?"div":"footer",className:S,style:"mini"===I?{backgroundColor:i.theme.colors.neutral50}:{},"next-page-hide":!0},E.default.createElement(t.Container,null,E.default.createElement("div",{className:"inner","data-type":I,"next-page-hide":""},"main"===I?E.default.createElement(E.default.Fragment,null,E.default.createElement("a",{href:"/"},V?(null===(s=null==G?void 0:G.general)||void 0===s?void 0:s.logo)?E.default.createElement("amp-img",{src:null===(m=null==G?void 0:G.general)||void 0===m?void 0:m.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:E.default.createElement("img",{loading:"lazy",className:"footer-logo",src:null===(c=null==G?void 0:G.general)||void 0===c?void 0:c.logo,alt:"Logo","data-is-sehat":"id-ID"===X})),E.default.createElement("div",{className:"columns"},E.default.createElement("div",{className:"newsletter"},E.default.createElement(a.Text,{size:"p1",type:"bold"},null===(u=null==G?void 0:G.general)||void 0===u?void 0:u.content),E.default.createElement(e.Button,{className:"signupButton",color:"primary",size:"lg"},J("footer.signUp")),E.default.createElement("div",{className:"social"},E.default.createElement(a.Text,{size:"sm",type:"regular"},null===(p=null==G?void 0:G.social)||void 0===p?void 0:p.title),E.default.createElement("div",{className:"icons"},null===(g=null===(f=null==G?void 0:G.social)||void 0===f?void 0:f.socials)||void 0===g?void 0:g.map((function(n,e){return E.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},V?E.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"}):E.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",className:"social-icon"}))}))),E.default.createElement("hr",{className:"hrMobile"}))),E.default.createElement("div",null,K&&E.default.createElement(E.default.Fragment,null,E.default.createElement("div",{className:"biglinks"},null===(h=null===(x=K[0])||void 0===x?void 0:x.items)||void 0===h?void 0:h.map((function(n,e){return E.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(l.domainLocales[X]).concat(n.url),className:"bigLink",key:e,href:n.url},n.title)}))),E.default.createElement("hr",{className:"hrMobile"}),E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(v=K[1])||void 0===v?void 0:v.menu_title),null===(y=null===(b=K[1])||void 0===b?void 0:b.items)||void 0===y?void 0:y.map((function(n,e){return E.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(l.domainLocales[X]).concat(n.url),className:"link",href:n.url,key:e},E.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(l.domainLocales[X]).concat(n.url)},n.title))}))),E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(w=K[2])||void 0===w?void 0:w.menu_title),null===(z=null===(k=K[2])||void 0===k?void 0:k.items)||void 0===z?void 0:z.map((function(n,e){return n.url&&E.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url,className:"link",href:n.url,key:e},E.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))})))),!V&&E.default.createElement(E.default.Fragment,null,E.default.createElement("hr",{className:"hrMobile"}),E.default.createElement("div",{className:"otherSites"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(M=null==G?void 0:G.branch)||void 0===M?void 0:M.title),E.default.createElement("div",{className:"flags"},null===(F=null===(T=null==G?void 0:G.branch)||void 0===T?void 0:T.branch)||void 0===F?void 0:F.map((function(n,e){return E.default.createElement("a",{className:"link",href:n.url,key:e,"data-event-category":"Footer","data-event-action":n.name,"data-event-label":n.url},E.default.createElement(j,{url:n.flag,isMobile:P,dataEventCategory:"Footer",dataEventAction:n.name,dataEventLabel:n.url,isAmp:V}))}))))))),E.default.createElement("hr",null),E.default.createElement("div",{className:"copyright","data-is-amp":V||void 0},E.default.createElement("div",{className:"copyright-image-wrapper"},R.length?R.map((function(n,e){return E.default.createElement("a",{href:n.url,key:e,className:"copyright-image"},V?E.default.createElement("amp-img",{src:n.image,alt:"DMCA Icon",width:"100",height:"36"}):E.default.createElement("img",{loading:"lazy",src:n.image,alt:"DMCA Icon"}))})):null),E.default.createElement(a.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(_=null==G?void 0:G.general)||void 0===_?void 0:_.copyright)),"vi-VN"===X&&E.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")):E.default.createElement(E.default.Fragment,null,(null==G?void 0:G.menu)&&E.default.createElement("div",{className:"columns"},E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(C=null==G?void 0:G.menu[1])||void 0===C?void 0:C.menu_title),null===(L=null===(Q=null==G?void 0:G.menu[1])||void 0===Q?void 0:Q.items)||void 0===L?void 0:L.map((function(n){return E.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(l.domainLocales[X]).concat(n.url),"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(l.domainLocales[X]).concat(n.url)},E.default.createElement(a.Text,{dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(l.domainLocales[X]).concat(n.url),size:"sm",type:"regular",style:{color:i.theme.colors.gray800}},n.title))}))),E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(D=null==G?void 0:G.menu[2])||void 0===D?void 0:D.menu_title),null===(A=null===(q=null==G?void 0:G.menu[2])||void 0===q?void 0:q.items)||void 0===A?void 0:A.map((function(n,e){return E.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},E.default.createElement(a.Text,{size:"sm",type:"regular",style:{color:i.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))}))),!V&&"mini"!==I&&E.default.createElement("hr",{className:"hrMobile"}),E.default.createElement("div",{className:"newsletter"},E.default.createElement("div",{className:"social"},E.default.createElement(a.Text,{size:"sm",type:"regular"},null===(B=null==G?void 0:G.social)||void 0===B?void 0:B.title),E.default.createElement("div",{className:"icons"},null===(H=null===(O=null==G?void 0:G.social)||void 0===O?void 0:O.socials)||void 0===H?void 0:H.map((function(n,e){return E.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},V?E.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"}):E.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",loading:"lazy",className:"social-icon"}))}))))))))))},T=k.default.footer(g||(g=r.__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n  a :hover {\n    color: ",";\n  }\n"],["\n  position: relative;\n  overflow: hidden;\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n  a :hover {\n    color: ",";\n  }\n"])),(function(n){return n.theme.mbColors.cobalt})),F=k.default.div(x||(x=r.__makeTemplateObject(["\n  position: relative;\n  padding: 80px 0 40px;\n  margin: auto 68px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  border-bottom: 1px solid ",";\n\n  "," {\n    margin: auto 16px;\n    flex-wrap: wrap;\n    row-gap: 32px;\n    column-gap: 16px;\n  }\n\n  "," {\n    margin: auto 0;\n  }\n"],["\n  position: relative;\n  padding: 80px 0 40px;\n  margin: auto 68px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  border-bottom: 1px solid ",";\n\n  "," {\n    margin: auto 16px;\n    flex-wrap: wrap;\n    row-gap: 32px;\n    column-gap: 16px;\n  }\n\n  "," {\n    margin: auto 0;\n  }\n"])),(function(n){return n.theme.colors.neutral200}),d.MediaQueries.tdDown,d.MediaQueries.mbDown),_=k.default.div(h||(h=r.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n\n  "," {\n    flex: 1 1 160px;\n  }\n  .title {\n    padding-bottom: 4px;\n  }\n"],["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n\n  "," {\n    flex: 1 1 160px;\n  }\n  .title {\n    padding-bottom: 4px;\n  }\n"])),d.MediaQueries.mbDown),C=k.default.div(v||(v=r.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n"],["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n"]))),Q=k.default.div(b||(b=r.__makeTemplateObject(["\n  padding: 40px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-direction: column;\n  text-align: center;\n\n  .content {\n    max-width: 680px;\n    width: 100%;\n  }\n  .social-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 4px;\n\n    img {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  "," {\n    padding: 32px 0;\n  }\n"],["\n  padding: 40px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-direction: column;\n  text-align: center;\n\n  .content {\n    max-width: 680px;\n    width: 100%;\n  }\n  .social-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 4px;\n\n    img {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  "," {\n    padding: 32px 0;\n  }\n"])),d.MediaQueries.mbDown),L=k.default.div(y||(y=r.__makeTemplateObject(["\n  background-color: ",";\n  padding: 16px 0;\n  position: relative;\n\n  img {\n    width: 89px;\n    height: 32px;\n  }\n  .content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 174px;\n    margin: auto 68px;\n\n    "," {\n      margin: auto 16px;\n    }\n\n    "," {\n      flex-direction: column-reverse;\n      gap: 16px;\n      align-items: flex-start;\n      margin: auto 0;\n    }\n  }\n\n  .verify {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n"],["\n  background-color: ",";\n  padding: 16px 0;\n  position: relative;\n\n  img {\n    width: 89px;\n    height: 32px;\n  }\n  .content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 174px;\n    margin: auto 68px;\n\n    "," {\n      margin: auto 16px;\n    }\n\n    "," {\n      flex-direction: column-reverse;\n      gap: 16px;\n      align-items: flex-start;\n      margin: auto 0;\n    }\n  }\n\n  .verify {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n"])),(function(n){return n.theme.mbColors.dark}),d.MediaQueries.tdDown,d.MediaQueries.mbDown),D=k.default.div(w||(w=r.__makeTemplateObject(["\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: ",";\n    border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n    content: '';\n    transform: translateX(-50%);\n  }\n\n  "," {\n    &:before {\n      width: 100%;\n    }\n  }\n"],["\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: ",";\n    border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n    content: '';\n    transform: translateX(-50%);\n  }\n\n  "," {\n    &:before {\n      width: 100%;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.lightGray}),d.MediaQueries.mbDown),q=function(n){var e,a=n.logoType,l=void 0===a?"marryBaby":a,o=n.footerMenu,r=n.background;if(!o)return null;var d=o.general,c=o.menu,u=o.socials;return E.default.createElement(T,{style:{backgroundColor:r||"none"}},E.default.createElement(D,null,E.default.createElement(t.Container,null,E.default.createElement(F,null,null==c?void 0:c.map((function(n,e){var t=n.menu_title,a=n.items;return E.default.createElement(_,{key:"mbf".concat(e)},E.default.createElement(m.MarryBabyText,{className:"title",type:"subtitle-1",color:i.theme.mbColors.pink},t),null==a?void 0:a.map((function(n,e){var t=n.title,a=n.url;return E.default.createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(e)},E.default.createElement(C,{key:"mbitem".concat(e)},E.default.createElement(m.MarryBabyText,{type:"bodytext-2",color:i.theme.mbColors.gray},t)))})))})))),E.default.createElement(t.Container,null,E.default.createElement(Q,null,E.default.createElement(s.Logo,{className:"logo",type:l}),E.default.createElement("div",{className:"content"},E.default.createElement(m.MarryBabyText,{type:"bodytext-2",color:i.theme.mbColors.gray},null==d?void 0:d.content)),E.default.createElement("div",{className:"social-link"},null==u?void 0:u.map((function(n,e){var t=n.icon,a=n.name,l=n.url;return E.default.createElement("a",{key:"social".concat(e),target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - ".concat(a),"data-content-label":a,href:l},E.default.createElement("img",{loading:"lazy",src:t,alt:a}))}))))),E.default.createElement(L,null,E.default.createElement(t.Container,null,E.default.createElement("div",{className:"content"},E.default.createElement(m.MarryBabyText,{type:"bodytext-3",color:i.theme.colors.white},null==d?void 0:d.copyright),E.default.createElement("div",{className:"verify"},null===(e=null==d?void 0:d.verified)||void 0===e?void 0:e.map((function(n,e){var t=n.image,a=n.url;return E.default.createElement("img",{loading:"lazy",key:"imgMbFt".concat(e),src:t,alt:a})}))))))))};exports.Footer=function(n){var e=n.type,t=n.isMobile,a=void 0===t||t,l=n.locale,i=n.footerInfo,o=n.isAmp,r=n.siteType,d=n.background;return"helloSites"===r?E.default.createElement(M,{isAmp:o,isMobile:a,type:e,locale:l,footerInfo:i||{}}):E.default.createElement(q,{footerMenu:i,background:d})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("./index-d632029d.js"),t=require("./index-2657dba3.js"),a=require("./index-f50d4c63.js"),l=require("./index-5830eec7.js"),i=require("./theme-b4bf0ca3.js"),o=require("./useTranslations-ef4df454.js"),r=require("./tslib.es6-e6f346c4.js"),d=require("./utils-43f2c752.js"),c=require("styled-components"),s=require("./index-10ede9ab.js"),m=require("./index-7d3b086d.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("./gAssets.js"),require("./isProduction-32e6a55a.js"),require("./Locale-11b51016.js"),require("./translationsContext-14a025ec.js"),require("string-format");var p,f,g,x,h,v,b,y,w,E=u(n),k=u(c),N=k.default.footer(p||(p=r.__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-wrapper {\n      flex-shrink: 0;\n      flex-wrap: wrap;\n      display: flex;\n      max-width: 35%;\n      justify-content: flex-end;\n      "," {\n        justify-content: flex-start;\n        max-width: unset;\n      }\n      .copyright-image {\n        &:not(:last-child) {\n          margin-right: 0.5rem;\n        }\n        align-self: flex-start;\n\n        img {\n          max-width: 100px;\n          margin-bottom: 16px;\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-wrapper {\n      flex-shrink: 0;\n      flex-wrap: wrap;\n      display: flex;\n      max-width: 35%;\n      justify-content: flex-end;\n      "," {\n        justify-content: flex-start;\n        max-width: unset;\n      }\n      .copyright-image {\n        &:not(:last-child) {\n          margin-right: 0.5rem;\n        }\n        align-self: flex-start;\n\n        img {\n          max-width: 100px;\n          margin-bottom: 16px;\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"])),d.MediaQueries.mbDown,d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbUp,d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbUp,d.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),d.MediaQueries.mbDown,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.neutral500}),d.MediaQueries.mbDown,d.MediaQueries.mbUp,(function(n){return n.theme.colors.white}),(function(n){return n.theme.sizes.fwBold}),d.MediaQueries.mbUp),z=k.default.div(f||(f=r.__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"]))),j=function(n){var e=n.url,t=n.isMobile,a=n.dataEventCategory,l=n.dataEventAction,i=n.dataEventLabel,o=n.isAmp;return E.default.createElement(z,{"data-is-mobile":t},o?E.default.createElement("amp-img",{className:"country-flag",src:e,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":i}):E.default.createElement("img",{loading:"lazy",className:"country-flag",src:e,alt:"Country Flag","data-event-category":a,"data-event-action":l,"data-content-label":i}))},M=function(n){var r,d,c,s,m,u,p,f,g,x,h,v,b,y,w,k,z,M,T,F,_,C,Q,L,D,q,A,B,O,H,S=n.className,U=n.type,I=void 0===U?"main":U,G=n.footerInfo,P=n.isMobile,X=n.locale,V=n.isAmp,J=o.useTranslations().t,K=null==G?void 0:G.menu,R=(null===(d=null===(r=null==G?void 0:G.general)||void 0===r?void 0:r.verified)||void 0===d?void 0:d.filter(Boolean))||[];return E.default.createElement(N,{as:V&&"mini"===I?"div":"footer",className:S,style:"mini"===I?{backgroundColor:i.theme.colors.neutral50}:{},"next-page-hide":!0},E.default.createElement(t.Container,null,E.default.createElement("div",{className:"inner","data-type":I,"next-page-hide":""},"main"===I?E.default.createElement(E.default.Fragment,null,E.default.createElement("a",{href:"/"},V?(null===(s=null==G?void 0:G.general)||void 0===s?void 0:s.logo)?E.default.createElement("amp-img",{src:null===(m=null==G?void 0:G.general)||void 0===m?void 0:m.logo,alt:"Site logo",width:"132",height:"32",style:{marginBottom:24}}):null:E.default.createElement("img",{loading:"lazy",className:"footer-logo",src:null===(c=null==G?void 0:G.general)||void 0===c?void 0:c.logo,alt:"Logo","data-is-sehat":"id-ID"===X})),E.default.createElement("div",{className:"columns"},E.default.createElement("div",{className:"newsletter"},E.default.createElement(a.Text,{size:"p1",type:"bold"},null===(u=null==G?void 0:G.general)||void 0===u?void 0:u.content),E.default.createElement(e.Button,{className:"signupButton",color:"primary",size:"lg"},J("footer.signUp")),E.default.createElement("div",{className:"social"},E.default.createElement(a.Text,{size:"sm",type:"regular"},null===(p=null==G?void 0:G.social)||void 0===p?void 0:p.title),E.default.createElement("div",{className:"icons"},null===(g=null===(f=null==G?void 0:G.social)||void 0===f?void 0:f.socials)||void 0===g?void 0:g.map((function(n,e){return E.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},V?E.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"}):E.default.createElement("img",{loading:"lazy","data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",className:"social-icon"}))}))),E.default.createElement("hr",{className:"hrMobile"}))),E.default.createElement("div",null,K&&E.default.createElement(E.default.Fragment,null,E.default.createElement("div",{className:"biglinks"},null===(h=null===(x=K[0])||void 0===x?void 0:x.items)||void 0===h?void 0:h.map((function(n,e){return E.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(l.domainLocales[X]).concat(n.url),className:"bigLink",key:e,href:n.url},n.title)}))),E.default.createElement("hr",{className:"hrMobile"}),E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(v=K[1])||void 0===v?void 0:v.menu_title),null===(y=null===(b=K[1])||void 0===b?void 0:b.items)||void 0===y?void 0:y.map((function(n,e){return E.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(l.domainLocales[X]).concat(n.url),className:"link",href:n.url,key:e},E.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(l.domainLocales[X]).concat(n.url)},n.title))}))),E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(w=K[2])||void 0===w?void 0:w.menu_title),null===(z=null===(k=K[2])||void 0===k?void 0:k.items)||void 0===z?void 0:z.map((function(n,e){return n.url&&E.default.createElement("a",{"data-event-category":"Footer","data-event-action":n.title,"data-event-label":n.url,className:"link",href:n.url,key:e},E.default.createElement(a.Text,{size:"sm",type:"regular",dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))})))),!V&&E.default.createElement(E.default.Fragment,null,E.default.createElement("hr",{className:"hrMobile"}),E.default.createElement("div",{className:"otherSites"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(M=null==G?void 0:G.branch)||void 0===M?void 0:M.title),E.default.createElement("div",{className:"flags"},null===(F=null===(T=null==G?void 0:G.branch)||void 0===T?void 0:T.branch)||void 0===F?void 0:F.map((function(n,e){return E.default.createElement("a",{className:"link",href:n.url,key:e,"data-event-category":"Footer","data-event-action":n.name,"data-event-label":n.url},E.default.createElement(j,{url:n.flag,isMobile:P,dataEventCategory:"Footer",dataEventAction:n.name,dataEventLabel:n.url,isAmp:V}))}))))))),E.default.createElement("hr",null),E.default.createElement("div",{className:"copyright","data-is-amp":V||void 0},E.default.createElement("div",{className:"copyright-image-wrapper"},R.length?R.map((function(n,e){return E.default.createElement("a",{href:n.url,key:e,className:"copyright-image"},V?E.default.createElement("amp-img",{src:n.image,alt:"DMCA Icon",width:"100",height:"36"}):E.default.createElement("img",{loading:"lazy",src:n.image,alt:"DMCA Icon"}))})):null),E.default.createElement(a.Text,{size:"xs",type:"regular",className:"copyright-content"},null===(_=null==G?void 0:G.general)||void 0===_?void 0:_.copyright)),"vi-VN"===X&&E.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")):E.default.createElement(E.default.Fragment,null,(null==G?void 0:G.menu)&&E.default.createElement("div",{className:"columns"},E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(C=null==G?void 0:G.menu[1])||void 0===C?void 0:C.menu_title),null===(L=null===(Q=null==G?void 0:G.menu[1])||void 0===Q?void 0:Q.items)||void 0===L?void 0:L.map((function(n){return E.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(l.domainLocales[X]).concat(n.url),"data-event-category":"Footer","data-event-action":n.title,"data-event-label":"https://".concat(l.domainLocales[X]).concat(n.url)},E.default.createElement(a.Text,{dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:"https://".concat(l.domainLocales[X]).concat(n.url),size:"sm",type:"regular",style:{color:i.theme.colors.gray800}},n.title))}))),E.default.createElement("div",{className:"mHalf"},E.default.createElement(a.Text,{type:"regular",size:"sm",className:"linkTitle"},null===(D=null==G?void 0:G.menu[2])||void 0===D?void 0:D.menu_title),null===(A=null===(q=null==G?void 0:G.menu[2])||void 0===q?void 0:q.items)||void 0===A?void 0:A.map((function(n,e){return E.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},E.default.createElement(a.Text,{size:"sm",type:"regular",style:{color:i.theme.colors.gray800},dataEventCategory:"Footer",dataEventAction:n.title,dataEventLabel:n.url},n.title))}))),!V&&"mini"!==I&&E.default.createElement("hr",{className:"hrMobile"}),E.default.createElement("div",{className:"newsletter"},E.default.createElement("div",{className:"social"},E.default.createElement(a.Text,{size:"sm",type:"regular"},null===(B=null==G?void 0:G.social)||void 0===B?void 0:B.title),E.default.createElement("div",{className:"icons"},null===(H=null===(O=null==G?void 0:G.social)||void 0===O?void 0:O.socials)||void 0===H?void 0:H.map((function(n,e){return E.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},V?E.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"}):E.default.createElement("img",{"data-event-category":"Footer","data-event-action":"Follow us - ".concat(n.name),"data-content-label":n.url,src:n.icon,alt:"Logo Social",loading:"lazy",className:"social-icon"}))}))))))))))},T=k.default.footer(g||(g=r.__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n  a :hover {\n    color: ",";\n  }\n"],["\n  position: relative;\n  overflow: hidden;\n\n  .icons {\n    margin-top: 12px;\n    margin-bottom: 20px;\n    > a:not(:last-child) {\n      margin-right: 16px;\n    }\n  }\n\n  a {\n    text-decoration: none;\n  }\n  a :hover {\n    color: ",";\n  }\n"])),(function(n){return n.theme.mbColors.cobalt})),F=k.default.div(x||(x=r.__makeTemplateObject(["\n  position: relative;\n  padding: 80px 0 40px;\n  margin: auto 68px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  border-bottom: 1px solid ",";\n\n  "," {\n    margin: auto 16px;\n    flex-wrap: wrap;\n    row-gap: 32px;\n    column-gap: 16px;\n  }\n\n  "," {\n    margin: auto 0;\n  }\n"],["\n  position: relative;\n  padding: 80px 0 40px;\n  margin: auto 68px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  border-bottom: 1px solid ",";\n\n  "," {\n    margin: auto 16px;\n    flex-wrap: wrap;\n    row-gap: 32px;\n    column-gap: 16px;\n  }\n\n  "," {\n    margin: auto 0;\n  }\n"])),(function(n){return n.theme.colors.neutral200}),d.MediaQueries.tdDown,d.MediaQueries.mbDown),_=k.default.div(h||(h=r.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n\n  "," {\n    flex: 1 1 160px;\n  }\n  .title {\n    padding-bottom: 4px;\n  }\n"],["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n\n  "," {\n    flex: 1 1 160px;\n  }\n  .title {\n    padding-bottom: 4px;\n  }\n"])),d.MediaQueries.mbDown),C=k.default.div(v||(v=r.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n"],["\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  flex-direction: column;\n"]))),Q=k.default.div(b||(b=r.__makeTemplateObject(["\n  padding: 40px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-direction: column;\n  text-align: center;\n\n  .content {\n    max-width: 680px;\n    width: 100%;\n  }\n  .social-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 4px;\n\n    img {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  "," {\n    padding: 32px 0;\n  }\n"],["\n  padding: 40px 0;\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-direction: column;\n  text-align: center;\n\n  .content {\n    max-width: 680px;\n    width: 100%;\n  }\n  .social-link {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 4px;\n\n    img {\n      width: 32px;\n      height: 32px;\n    }\n  }\n\n  "," {\n    padding: 32px 0;\n  }\n"])),d.MediaQueries.mbDown),L=k.default.div(y||(y=r.__makeTemplateObject(["\n  background-color: ",";\n  padding: 16px 0;\n  position: relative;\n\n  img {\n    width: 89px;\n    height: 32px;\n  }\n  .content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 174px;\n    margin: auto 68px;\n\n    "," {\n      margin: auto 16px;\n    }\n\n    "," {\n      flex-direction: column-reverse;\n      gap: 16px;\n      align-items: flex-start;\n      margin: auto 0;\n    }\n  }\n\n  .verify {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n"],["\n  background-color: ",";\n  padding: 16px 0;\n  position: relative;\n\n  img {\n    width: 89px;\n    height: 32px;\n  }\n  .content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 174px;\n    margin: auto 68px;\n\n    "," {\n      margin: auto 16px;\n    }\n\n    "," {\n      flex-direction: column-reverse;\n      gap: 16px;\n      align-items: flex-start;\n      margin: auto 0;\n    }\n  }\n\n  .verify {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n"])),(function(n){return n.theme.mbColors.dark}),d.MediaQueries.tdDown,d.MediaQueries.mbDown),D=k.default.div(w||(w=r.__makeTemplateObject(["\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: ",";\n    border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n    content: '';\n    transform: translateX(-50%);\n  }\n\n  "," {\n    &:before {\n      width: 100%;\n    }\n  }\n"],["\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: ",";\n    border-radius: 2150px 2150px 0 0 / 200px 200px 0 0;\n    content: '';\n    transform: translateX(-50%);\n  }\n\n  "," {\n    &:before {\n      width: 100%;\n    }\n  }\n"])),(function(n){return n.theme.mbColors.lightGray}),d.MediaQueries.mbDown),q=function(n){var e,a=n.logoType,l=void 0===a?"marryBaby":a,o=n.footerMenu,r=n.background;if(!o)return null;var d=o.general,c=o.menu,u=o.socials;return E.default.createElement(T,{style:{backgroundColor:r||"none"}},E.default.createElement(D,null,E.default.createElement(t.Container,null,E.default.createElement(F,null,null==c?void 0:c.map((function(n,e){var t=n.menu_title,a=n.items;return E.default.createElement(_,{key:"mbf".concat(e)},E.default.createElement(m.MarryBabyText,{className:"title",type:"subtitle-1",color:i.theme.mbColors.pink},t),null==a?void 0:a.map((function(n,e){var t=n.title,a=n.url;return E.default.createElement("a",{"data-event-category":"Footer","data-event-action":"Click","data-event-label":"".concat(a),className:"link",href:a,key:"footer-links-".concat(e)},E.default.createElement(C,{key:"mbitem".concat(e)},E.default.createElement(m.MarryBabyText,{type:"bodytext-2",color:i.theme.mbColors.gray},t)))})))})))),E.default.createElement(t.Container,null,E.default.createElement(Q,null,E.default.createElement(s.Logo,{className:"logo",type:l}),E.default.createElement("div",{className:"content"},E.default.createElement(m.MarryBabyText,{type:"bodytext-2",color:i.theme.mbColors.gray},null==d?void 0:d.content)),E.default.createElement("div",{className:"social-link"},null==u?void 0:u.map((function(n,e){var t=n.icon,a=n.name,l=n.url;return E.default.createElement("a",{key:"social".concat(e),target:"_blank",rel:"noreferrer","data-event-category":"Footer","data-event-action":"Follow us - ".concat(a),"data-content-label":a,href:l},E.default.createElement("img",{loading:"lazy",src:t,alt:a}))}))))),E.default.createElement(L,null,E.default.createElement(t.Container,null,E.default.createElement("div",{className:"content"},E.default.createElement(m.MarryBabyText,{type:"bodytext-3",color:i.theme.colors.white},null==d?void 0:d.copyright),E.default.createElement("div",{className:"verify"},null===(e=null==d?void 0:d.verified)||void 0===e?void 0:e.map((function(n,e){var t=n.image,a=n.url;return E.default.createElement("img",{loading:"lazy",key:"imgMbFt".concat(e),src:t,alt:a})}))))))))};exports.Footer=function(n){var e=n.type,t=n.isMobile,a=void 0===t||t,l=n.locale,i=n.footerInfo,o=n.isAmp,r=n.siteType,d=n.background;return"helloSites"===r?E.default.createElement(M,{isAmp:o,isMobile:a,type:e,locale:l,footerInfo:i||{}}):E.default.createElement(q,{footerMenu:i,background:d})};

package/build/hooks.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useTranslations-00120db0.js"),r=require("./useScrollbarSize-586f6706.js"),s=require("./useFbDataLayer-dbcf5c0c.js"),a=require("./useHealthToolCache-99b7a2a8.js");require("react"),require("./translationsContext-9e231a88.js"),require("string-format"),require("lodash/debounce"),require("./tslib.es6-e6f346c4.js"),require("./cookieHelper-3553173d.js"),require("./getDynamicHealthTool-5794ef69.js"),require("./core-27ea44f3.js"),require("./isProduction-32e6a55a.js"),require("./routing-99cb7fb3.js"),require("./index-5830eec7.js"),require("./Locale-11b51016.js"),exports.useTranslations=e.useTranslations,exports.MEASURE_ELEMENT_CLASS=r.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=r.useScrollbarSize,exports.useFbDataLayer=s.useFbDataLayer,exports.useHealthToolsCache=a.useHealthToolsCache;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useTranslations-ef4df454.js"),r=require("./useScrollbarSize-586f6706.js"),s=require("./useFbDataLayer-dbcf5c0c.js"),a=require("./useHealthToolCache-99b7a2a8.js");require("react"),require("./translationsContext-14a025ec.js"),require("string-format"),require("lodash/debounce"),require("./tslib.es6-e6f346c4.js"),require("./cookieHelper-3553173d.js"),require("./getDynamicHealthTool-5794ef69.js"),require("./core-27ea44f3.js"),require("./isProduction-32e6a55a.js"),require("./routing-99cb7fb3.js"),require("./index-5830eec7.js"),require("./Locale-11b51016.js"),exports.useTranslations=e.useTranslations,exports.MEASURE_ELEMENT_CLASS=r.MEASURE_ELEMENT_CLASS,exports.useScrollbarSize=r.useScrollbarSize,exports.useFbDataLayer=s.useFbDataLayer,exports.useHealthToolsCache=a.useHealthToolsCache;

package/build/i18n.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./translationsProvider-e8f5d92d.js"),r=require("./translationsContext-9e231a88.js");require("./tslib.es6-e6f346c4.js"),require("react"),exports.TranslationsProvider=e.TranslationsProvider,exports.translationsMap=e.translationsMap,exports.TranslationsContext=r.TranslationsContext,exports.defaultTranslations=r.defaultTranslations;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./translationsProvider-4bcaa73e.js"),r=require("./translationsContext-14a025ec.js");require("./tslib.es6-e6f346c4.js"),require("react"),exports.TranslationsProvider=e.TranslationsProvider,exports.translationsMap=e.translationsMap,exports.TranslationsContext=r.TranslationsContext,exports.defaultTranslations=r.defaultTranslations;