import React from 'react';
import { FACEBOOK_APP_ID } from 'src/bootstrap/api/config';
import { oneRouter } from '@skava/router';
import { Body } from './Body';
import { BodyScripts } from './BodyScripts';
const primaryColor = '#25A9E0';
class HTML extends React.PureComponent {
    render() {
        const { htmlAttributes, headerElements, bodyElements, appBodyString, isCompat } = this.props;
        const language = process.env.HTML_LOCALE;
        /**
         * @todo may be able to remove this
         */
        const serverSideRenderedAppView = (React.createElement("div", { key: "sudo", id: "sudo" },
            React.createElement(Body, null, appBodyString)));
        /**
         * @see https://css-tricks.com/prefetching-preloading-prebrowsing/#article-header-id-3
         */
        return (React.createElement("html", Object.assign({ lang: language }, htmlAttributes),
            React.createElement("head", null,
                React.createElement("meta", { name: "theme-color", content: primaryColor }),
                React.createElement("meta", { property: "og:url", content: oneRouter.full }),
                React.createElement("meta", { property: "og:site_name", content: "SkavaStore" }),
                React.createElement("meta", { property: "og:locale", content: "en_US" }),
                React.createElement("meta", { property: "og:locale:alternate", content: "fr_FR" }),
                React.createElement("meta", { property: "og:locale:alternate", content: "es_ES" }),
                React.createElement("meta", { property: "fb:app_id", content: FACEBOOK_APP_ID }),
                React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1, shrink-to-fit=no" }),
                React.createElement("link", { rel: "manifest", href: "/manifest.json" }),
                React.createElement("link", { rel: "dns-prefetch", href: "//fonts.googleapis.com/" }),
                React.createElement("link", { rel: "dns-prefetch", href: "//raderain.sirv.com/" }),
                React.createElement("link", { rel: "dns-prefetch", href: "//raderain-cdn.sirv.com" }),
                headerElements,
                isCompat === true && (React.createElement("script", { src: "https://polyfill.io/v3/polyfill.min.js?flags=gated&features=Array.from%2CArray.isArray%2CArray.prototype.entries%2CArray.prototype.every%2CArray.prototype.fill%2CArray.prototype.filter%2CArray.prototype.find%2CArray.prototype.findIndex%2CArray.prototype.flat%2CArray.prototype.flatMap%2CArray.prototype.forEach%2CArray.prototype.includes%2CArray.prototype.keys%2CArray.prototype.lastIndexOf%2CArray.prototype.map%2CArray.prototype.reduce%2CArray.prototype.reduceRight%2CArray.prototype.some%2CArray.prototype.values%2CBlob%2CDate.now%2CDocumentFragment%2CDocumentFragment.prototype.append%2CDocumentFragment.prototype.prepend%2CDate.prototype.toISOString%2CElement.prototype.after%2CElement.prototype.append%2CElement.prototype.before%2CElement.prototype.classList%2CElement.prototype.cloneNode%2CElement.prototype.closest%2CElement.prototype.dataset%2CElement.prototype.matches%2CElement.prototype.placeholder%2CElement.prototype.prepend%2CElement.prototype.remove%2CElement.prototype.replaceWith%2CEvent%2CEventSource%2CFunction.prototype.bind%2CFunction.prototype.name%2CHTMLPictureElement%2CIntersectionObserver%2CIntersectionObserverEntry%2CMap%2CMutationObserver%2CNode.prototype.contains%2CNodeList.prototype.forEach%2CNumber.isFinite%2CNumber.isInteger%2CNumber.isNaN%2CNumber.isSafeInteger%2CNumber.parseFloat%2CNumber.parseInt%2CObject.assign%2CObject.create%2CObject.defineProperties%2CObject.defineProperty%2CObject.entries%2CObject.freeze%2CObject.getOwnPropertyDescriptor%2CObject.getOwnPropertyNames%2CObject.getPrototypeOf%2CObject.is%2CObject.isExtensible%2CObject.isFrozen%2CObject.isSealed%2C%7Eviewport%2Cperformance.now%2CrequestAnimationFrame%2Cscreen.orientation%2CsetImmediate%2Cnavigator.sendBeacon%2Cnavigator.geolocation%2ClocalStorage%2Cfetch%2Cdocument.visibilityState%2Cdocument.querySelector%2Cdocument.head%2Cdocument.getElementsByClassName%2Cdocument.currentScript%2Cdocument%2CdevicePixelRatio%2Cconsole.warn%2Cconsole.trace%2Cconsole.timeline%2Cconsole.timelineEnd%2Cconsole.timeStamp%2Cconsole.timeEnd%2Cconsole.time%2Cconsole.log%2Cconsole.markTimeline%2Cconsole.info%2Cconsole.assert%2Cconsole%2Cconsole.clear%2Catob%2CXMLHttpRequest%2CWindow%2CWebAnimations%2CWeakSet%2CWeakMap%2CUserTiming%2CURL%2CSymbol.unscopables%2CSymbol.toStringTag%2CSymbol.toPrimitive%2CSymbol.split%2CSymbol.search%2CSymbol.species%2CSymbol.replace%2CSymbol.match%2CSymbol.iterator%2CSymbol.isConcatSpreadable%2CSymbol.hasInstance%2CSymbol%2CString.prototype.trim%2CString.prototype.startsWith%2CString.prototype.repeat%2CString.prototype.padEnd%2CString.prototype.padStart%2CString.prototype.includes%2CString.prototype.endsWith%2CString.prototype.codePointAt%2CString.prototype.%40%40iterator%2CString.fromCodePoint%2CSet%2CRegExp.prototype.flags%2CPromise.prototype.finally%2CPromise%2CObject.values%2CObject.setPrototypeOf%2CObject.seal%2CObject.preventExtensions%2CObject.keys%2CHTMLDocument%2CElement%2CCustomEvent%2CArray.prototype.indexOf%2CArray.prototype.copyWithin%2CArray.of%2CArray.prototype.%40%40iterator", key: "polyfill" }))),
            React.createElement(BodyScripts, null),
            React.createElement("body", null,
                React.createElement("noscript", null, "You need to enable JavaScript to run this app."),
                serverSideRenderedAppView,
                bodyElements)));
    }
}
HTML.defaultProps = {
    htmlAttributes: {
        'lang': process.env.HTML_LOCALE,
        'xmlns:og': 'http://ogp.me/ns#',
    },
    headerElements: undefined,
    bodyElements: undefined,
    appBodyString: '',
};
export { HTML };
//# sourceMappingURL=HTML.js.map