{
  "version": 3,
  "sources": ["../../src/modern/features/init/render-components.js"],
  "sourcesContent": ["import * as React from 'react'\nimport * as ReactDOM from 'react-dom/client'\nimport { BrowserRouter as Router } from 'react-router-dom'\n\nimport { FlashMessage } from '@ulule/owl-kit-components'\n\nimport { Header } from '@ulule/header'\nimport { t } from '@ulule/localize'\nimport { TrackingProvider } from '@owl-nest/shadow'\nimport * as layout from '@owl-nest/layout'\n\nconst FlashMessages = (props) => {\n  const [messages, setMessages] = React.useState(props.messages)\n\n  return (\n    <div>\n      {messages.map((message, index) => (\n        <FlashMessage\n          key={index}\n          level={message.tags}\n          onClickClose={() => {\n            setMessages(messages.filter((_, current) => index !== current))\n          }}\n          closable\n          translations={{\n            close: t('Close'),\n          }}\n        >\n          <div dangerouslySetInnerHTML={{ __html: message.children }}></div>\n        </FlashMessage>\n      ))}\n    </div>\n  )\n}\n\nexport const renderCommonComponents = () => {\n  // Render header\n  const headerContainer = document.getElementById('react-ulule-header')\n\n  if (headerContainer) {\n    const root = ReactDOM.createRoot(headerContainer)\n    root.render(\n      <TrackingProvider\n        getUserId={() => (window.UFE.user && window.UFE.user.id) || undefined}\n        gtmContainerId={window.UFE.gtmKey}\n      >\n        {/* This is needed as it is a dependency for partnership tracking. Not ideal. */}\n        <Router>\n          <Header enableSubnav={shouldDisplaySubnav()} />\n        </Router>\n      </TrackingProvider>,\n    )\n  }\n\n  // render footer\n  const footerContainer = document.getElementById('react-ulule-footer')\n\n  if (footerContainer) {\n    const root = ReactDOM.createRoot(footerContainer)\n    root.render(<layout.Footer lang={window.UFE.locale} navSections={layout.getNavSectionList(window.UFE.locale)} />)\n  }\n\n  const flashContainer = document.getElementById('react-flash-message')\n  const messages = window.UFE.notifications\n\n  if (flashContainer && messages) {\n    const root = ReactDOM.createRoot(flashContainer)\n    root.render(<FlashMessages messages={messages} />)\n  }\n\n  const highlightsContainer = document.getElementById('react-highlights')\n  const highlights = window.UFE.highlights\n\n  if (highlightsContainer && highlights) {\n    const root = ReactDOM.createRoot(highlightsContainer)\n    root.render(<FlashMessages messages={highlights} />)\n  }\n}\n\nfunction shouldDisplaySubnav() {\n  return (\n    document.location.pathname.startsWith('/categories') ||\n    document.location.pathname.startsWith('/channels') ||\n    document.location.pathname.startsWith('/discover')\n  )\n}\n"],
  "mappings": "4qBAAAA,IAAAC,IAAA,IAAAC,EAAuB,SACvBC,EAA0B,SAM1B,IAAAC,EAAkB,SAIlB,IAAMC,EAAiBC,GAAU,CAC/B,GAAM,CAACC,EAAUC,CAAW,EAAU,WAASF,EAAM,QAAQ,EAE7D,OACE,gBAAC,WACEC,EAAS,IAAI,CAACE,EAASC,IACtB,gBAACC,EAAA,CACC,IAAKD,EACL,MAAOD,EAAQ,KACf,aAAc,IAAM,CAClBD,EAAYD,EAAS,OAAO,CAACK,EAAGC,IAAYH,IAAUG,CAAO,CAAC,CAChE,EACA,SAAQ,GACR,aAAc,CACZ,SAAO,KAAE,OAAO,CAClB,GAEA,gBAAC,OAAI,wBAAyB,CAAE,OAAQJ,EAAQ,QAAS,EAAG,CAC9D,CACD,CACH,CAEJ,EAEaK,EAAyB,IAAM,CAE1C,IAAMC,EAAkB,SAAS,eAAe,oBAAoB,EAEhEA,GACoB,aAAWA,CAAe,EAC3C,OACH,gBAACC,EAAA,CACC,UAAW,IAAO,OAAO,IAAI,MAAQ,OAAO,IAAI,KAAK,IAAO,OAC5D,eAAgB,OAAO,IAAI,QAG3B,gBAACC,EAAA,KACC,gBAACC,EAAA,CAAO,aAAcC,EAAoB,EAAG,CAC/C,CACF,CACF,EAIF,IAAMC,EAAkB,SAAS,eAAe,oBAAoB,EAEhEA,GACoB,aAAWA,CAAe,EAC3C,OAAO,gBAAQC,EAAP,CAAc,KAAM,OAAO,IAAI,OAAQ,YAAoBC,EAAkB,OAAO,IAAI,MAAM,EAAG,CAAE,EAGlH,IAAMC,EAAiB,SAAS,eAAe,qBAAqB,EAC9DhB,EAAW,OAAO,IAAI,cAExBgB,GAAkBhB,GACE,aAAWgB,CAAc,EAC1C,OAAO,gBAAClB,EAAA,CAAc,SAAUE,EAAU,CAAE,EAGnD,IAAMiB,EAAsB,SAAS,eAAe,kBAAkB,EAChEC,EAAa,OAAO,IAAI,WAE1BD,GAAuBC,GACH,aAAWD,CAAmB,EAC/C,OAAO,gBAACnB,EAAA,CAAc,SAAUoB,EAAY,CAAE,CAEvD,EAEA,SAASN,GAAsB,CAC7B,OACE,SAAS,SAAS,SAAS,WAAW,aAAa,GACnD,SAAS,SAAS,SAAS,WAAW,WAAW,GACjD,SAAS,SAAS,SAAS,WAAW,WAAW,CAErD",
  "names": ["init_define_process_env", "init_sentry_release_injection_stub", "React", "ReactDOM", "import_localize", "FlashMessages", "props", "messages", "setMessages", "message", "index", "FlashMessage_default", "_", "current", "renderCommonComponents", "headerContainer", "TrackingProvider", "BrowserRouter", "Header", "shouldDisplaySubnav", "footerContainer", "Footer", "getNavSectionList", "flashContainer", "highlightsContainer", "highlights"]
}