import Head from 'next/head'; import PropTypes from 'prop-types'; import Script from 'next/script'; const Metadata = ({ metadata }) => { if (!metadata) return; const vanillaScripts = metadata.headSectionScripts .map((s) => { if (!s || s === '') return null; return s.replace(/]*>/g, '').replace(/<\/script>/g, ''); }) .join('\n'); const scriptSrcs = []; metadata.headSectionScripts.forEach((s) => { if (s && s !== '') { scriptSrcs.push(.../src\s*=\s*"([^"]+)/g.exec(s).filter((res) => !res.startsWith('src='))); } }); const hreflangs = []; if (metadata.languages && metadata.languages.length > 0) { let currentHost = null; if (process.env.NODE_ENV === 'development') { currentHost = process.env.DEV_FRONTEND_HOST; } else { if (typeof window === 'undefined') { currentHost = process.env.RESOURCE_PATH.slice(0, -1); } else { currentHost = window?.location?.origin; } } metadata.languages.forEach((language) => { if (language.language === 'en-us') { hreflangs.push( , ); } hreflangs.push( , ); }); } return ( <> {scriptSrcs.map((script, index) => ( ))} {metadata.favicon?.imageUrl && } ); }; Metadata.propTypes = { metadata: PropTypes.object.isRequired, }; export default Metadata;