@hhgtech/hhg-components 1.22.30-beta-5 → 1.22.30-beta-7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/babyGrowth.js +1 -1
- package/build/care.js +1 -1
- package/build/components.js +1 -1
- package/build/esm/babyGrowth.js +1 -1
- package/build/esm/care.js +1 -1
- package/build/esm/components.js +1 -1
- package/build/esm/footer.js +1 -1
- package/build/esm/hooks.js +1 -1
- package/build/esm/i18n.js +1 -1
- package/build/esm/{index-f7b65a2e.js → index-2ca645bf.js} +1 -1
- package/build/esm/index-3487a66a.js +1 -0
- package/build/esm/index-7e3b11d8.js +1 -0
- package/build/esm/index-9bf2d94f.js +1 -0
- package/build/esm/index-e6daba39.js +1 -0
- package/build/esm/index.js +1 -1
- package/build/esm/index.styled-ffaedc6f.js +1 -0
- package/build/esm/lead.js +1 -1
- package/build/esm/mantine.js +1 -1
- package/build/esm/navigation.js +1 -1
- package/build/esm/pwg.js +1 -1
- package/build/esm/together.js +1 -1
- package/build/esm/translationsContext-b269f16f.js +1 -0
- package/build/esm/translationsProvider-a9e07be1.js +1 -0
- package/build/esm/{types-3685524a.js → types-697d6720.js} +1 -1
- package/build/esm/types-c340738a.js +1 -0
- package/build/esm/useFbDataLayer-39219288.js +1 -0
- package/build/esm/{useTranslations-e769d6fe.js → useTranslations-5e1a6bbc.js} +1 -1
- package/build/footer.js +1 -1
- package/build/hooks.js +1 -1
- package/build/i18n.js +1 -1
- package/build/index-0479a62e.js +1 -0
- package/build/{index-96395bbb.js → index-3bde261e.js} +1 -1
- package/build/index-d4b92023.js +1 -0
- package/build/{index-eb5e4bd6.js → index-d4e198a7.js} +1 -1
- package/build/index-e633b347.js +1 -0
- package/build/index.js +1 -1
- package/build/index.styled-bb7b2057.js +1 -0
- package/build/lead.js +1 -1
- package/build/mantine.js +1 -1
- package/build/navigation.js +1 -1
- package/build/pwg.js +1 -1
- package/build/together/components/molecules/cardAuthor/index.d.ts +2 -1
- package/build/together/interfaces/types.d.ts +2 -0
- package/build/together/utils/apiActions/post.d.ts +2 -1
- package/build/together.js +1 -1
- package/build/translationsContext-10baaed8.js +1 -0
- package/build/translationsProvider-c135c35c.js +1 -0
- package/build/{types-562dd4fc.js → types-c156baf0.js} +1 -1
- package/build/types-efc0c2b4.js +1 -0
- package/build/useFbDataLayer-eedaa95c.js +1 -0
- package/build/useTranslations-ab410225.js +1 -0
- package/package.json +1 -1
- package/build/esm/index-365782c5.js +0 -1
- package/build/esm/index-b049472d.js +0 -1
- package/build/esm/index-c1f96447.js +0 -1
- package/build/esm/index-f62ee0af.js +0 -1
- package/build/esm/index.styled-7a561061.js +0 -1
- package/build/esm/translationsContext-c5cf6a09.js +0 -1
- package/build/esm/translationsProvider-2857dc12.js +0 -1
- package/build/esm/types-d26ff670.js +0 -1
- package/build/esm/useFbDataLayer-bb248530.js +0 -1
- package/build/index-4a7640b0.js +0 -1
- package/build/index-9665a886.js +0 -1
- package/build/index-ca661d09.js +0 -1
- package/build/index.styled-622d0725.js +0 -1
- package/build/translationsContext-8d6c61df.js +0 -1
- package/build/translationsProvider-4fe7a551.js +0 -1
- package/build/types-1ab878bb.js +0 -1
- package/build/useFbDataLayer-900607af.js +0 -1
- package/build/useTranslations-231429a4.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as e,e as n}from"./tslib.es6-c7fb770c.js";import{useEffect as t}from"react";import{g as r}from"./cookieHelper-8dd17c53.js";function i(e){var n=(new TextEncoder).encode(e.trim().toLowerCase());return crypto.subtle.digest("SHA-256",n).then((function(e){return Array.from(new Uint8Array(e)).map((function(e){return e.toString(16).padStart(2,"0")})).join("")}))}var o=function(o){t((function(){return(null==o?void 0:o.id)&&e(void 0,void 0,void 0,(function(){var e,t,a,l,c,u,s,d,f,p,m,h,b,g;return n(this,(function(n){switch(n.label){case 0:return[4,fetch("https://api.ipify.org").then((function(e){return e.text()}))];case 1:return(e=n.sent())?[3,3]:[4,fetch("https://icanhazip.com").then((function(e){return e.text()}))];case 2:e=n.sent(),n.label=3;case 3:return[4,Promise.all([o.email?i(o.email):null,o.phone?i(o.phone):null,o.birthday?i(o.birthday.split("-").join("")):null,o.gender?"m":"f",o.city_name?i(o.city_name).then((function(e){return e.replace(/\s/g,"")})):null,o.name?i(o.name):null])];case 4:return t=n.sent(),a=t[0],l=t[1],c=t[2],u=t[3],s=t[4],d=t[5],f={fbc:r("_fbc")||"",fbp:r("_fbp")||""},p={user_id:o.id},d&&(p.fn=d),a&&(f.em=a,p.em=a),l&&(f.ph=l,p.ph=l),c&&(f.db=c,p.db=c),u&&(f.ge=u,p.ge=u),s&&(f.ct=s,p.ct=s),null===(h=null===(m=window.localStorage)||void 0===m?void 0:m.setItem)||void 0===h||h.call(m,"fbDataLayer_userInfo",JSON.stringify(p)),null===(g=null===(b=window.localStorage)||void 0===b?void 0:b.setItem)||void 0===g||g.call(b,"fbClientIp",JSON.stringify({client_ip_address:(null==e?void 0:e.replace("\n",""))||"",client_user_agent:navigator.userAgent||""})),[2]}}))})),function(){}}),[o])};export{o as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useContext as o,useMemo as a}from"react";import{T as n,d as r}from"./translationsContext-
|
|
1
|
+
import{useContext as o,useMemo as a}from"react";import{T as n,d as r}from"./translationsContext-b269f16f.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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("./index-1a21b05f.js"),t=require("./index-6ddadbf0.js"),a=require("./index-169ac707.js"),l=require("./index-01fbb796.js"),i=require("./theme-ee07bb4b.js"),o=require("./useTranslations-231429a4.js"),r=require("./tslib.es6-0065074f.js"),d=require("./utils-950aead5.js"),c=require("styled-components"),s=require("./index-d68fe494.js"),m=require("./index-91465581.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("./gAssets.js"),require("./isProduction-69fc41c0.js"),require("./Locale-a817e0b3.js"),require("./translationsContext-8d6c61df.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})};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=require("./index-1a21b05f.js"),t=require("./index-6ddadbf0.js"),a=require("./index-169ac707.js"),l=require("./index-01fbb796.js"),i=require("./theme-ee07bb4b.js"),o=require("./useTranslations-ab410225.js"),r=require("./tslib.es6-0065074f.js"),d=require("./utils-950aead5.js"),c=require("styled-components"),s=require("./index-d68fe494.js"),m=require("./index-91465581.js");function u(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("./gAssets.js"),require("./isProduction-69fc41c0.js"),require("./Locale-a817e0b3.js"),require("./translationsContext-10baaed8.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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useTranslations-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useTranslations-ab410225.js"),r=require("./useScrollbarSize-f805c30e.js"),s=require("./useFbDataLayer-eedaa95c.js"),a=require("./useHealthToolCache-38f50452.js");require("react"),require("./translationsContext-10baaed8.js"),require("string-format"),require("lodash/debounce"),require("./tslib.es6-0065074f.js"),require("./cookieHelper-54048238.js"),require("./getDynamicHealthTool-95168d7e.js"),require("./core-e6a29d83.js"),require("./isProduction-69fc41c0.js"),require("./routing-9b0aa164.js"),require("./index-01fbb796.js"),require("./Locale-a817e0b3.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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./translationsProvider-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./translationsProvider-c135c35c.js"),s=require("./translationsContext-10baaed8.js");require("./tslib.es6-0065074f.js"),require("react"),exports.TranslationsProvider=r.TranslationsProvider,exports.translationsMap=r.translationsMap,exports.TranslationsContext=s.TranslationsContext,exports.defaultTranslations=s.defaultTranslations;
|