{"version":3,"sources":["podle-logo.svg","components/home/Home.jsx","components/audioPlayer/AudioPlayer.jsx","components/player/Player.jsx","components/podlePlayer/PodlePlayer.jsx","components/playlistPlayer/PlaylistPlayer.jsx","App.js","serviceWorker.js","index.js","podle-logo-black.svg"],"names":["module","exports","Home","props","theme","logoClass","logo","logoWhite","animateLogo","logoBlack","className","src","alt","href","target","rel","children","AudioPlayer","state","this","player","plyr","destroy","preload","type","React","Component","defaultProps","options","controls","i18n","restart","rewind","play","pause","fastForward","seek","seekLabel","played","buffered","currentTime","duration","volume","mute","unmute","enableCaptions","disableCaptions","download","enterFullscreen","exitFullscreen","frameTitle","captions","settings","menuBack","speed","normal","quality","loop","Player","url","errorMessage","getClient","match","params","client","getQueryUrl","defaultUrl","process","newsletterName","publicationDate","getPodcastUrl","getData","file","fetch","headers","then","data","json","setState","date","coverUrl","catch","error","getDefaultRendering","doRender","height","width","Date","getFullYear","undefined","mediaSrc","withRouter","PodlePlayer","appendPlayer","scriptToAppend","script","document","createElement","async","onload","window","init","apikey","siteId","project","getProject","productionId","getProductionId","showTitle","title","style","secondaryColor","showAiTooltip","bind","body","appendChild","Object","keys","length","urlMainImage","class","id","PlaylistPlayer","getFolderId","getConfigId","folderId","configId","DemoFigaro","App","path","Boolean","location","hostname","ReactDOM","render","StrictMode","getElementById","navigator","serviceWorker","ready","registration","unregister","console","message"],"mappings":"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","file":"static/js/main.7606d288.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/podle-logo.ec662ce8.svg\";","import React from \"react\";\nimport logoWhite from \"./../../podle-logo.svg\";\nimport logoBlack from \"./../../podle-logo-black.svg\";\n\nimport \"./Home.css\";\n\nexport default function Home(props) {\n  let logoClass = \"Home-logo \";\n  let logo = logoWhite;\n  let theme = \"\";\n  let textClass = \"\";\n  if (props.animateLogo === true) {\n    logoClass += \" Home-logo-animated\";\n  }\n  logo = logoBlack;\n  theme = props.theme;\n  textClass=\"black-text\";\n  return (\n    <div className={\"h-100 w-100 \" + theme}>\n      <div className=\"container p-O\">\n        <header className={\"Home-header \" + theme}>\n          <img src={logo} className={logoClass} alt=\"logo\" />\n          <a\n            className={\"Home-link \" + theme}\n            href=\"https://podle.io\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Podle\n          </a>\n          <div  className={textClass}>\n            {props.children}\n          </div>\n        </header>\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport plyr from \"plyr\";\nimport \"./plyr.css\";\n\nclass AudioPlayer extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = { src: this.props.src };\n  }\n  componentDidMount() {\n    this.player = new plyr(\"audio\");\n  }\n\n  componentWillUnmount() {\n    this.player.destroy();\n  }\n\n  render() {\n    return (\n      <>\n        <audio preload=\"none\"  >\n          <source src={this.state.src} type=\"audio/mp3\"></source>\n        </audio>\n      </>\n    );\n  }\n}\n\nAudioPlayer.defaultProps = {\n  options: {\n    controls: [\n      \"rewind\",\n      \"play\",\n      \"fast-forward\",\n      \"progress\",\n      \"current-time\",\n      \"duration\",\n      \"mute\",\n      \"volume\",\n      \"settings\",\n      \"fullscreen\",\n    ],\n    i18n: {\n      restart: \"Restart\",\n      rewind: \"Rewind {seektime}s\",\n      play: \"Play\",\n      pause: \"Pause\",\n      fastForward: \"Forward {seektime}s\",\n      seek: \"Seek\",\n      seekLabel: \"{currentTime} of {duration}\",\n      played: \"Played\",\n      buffered: \"Buffered\",\n      currentTime: \"Current time\",\n      duration: \"Duration\",\n      volume: \"Volume\",\n      mute: \"Mute\",\n      unmute: \"Unmute\",\n      enableCaptions: \"Enable captions\",\n      disableCaptions: \"Disable captions\",\n      download: \"Download\",\n      enterFullscreen: \"Enter fullscreen\",\n      exitFullscreen: \"Exit fullscreen\",\n      frameTitle: \"Player for {title}\",\n      captions: \"Captions\",\n      settings: \"Settings\",\n      menuBack: \"Go back to previous menu\",\n      speed: \"Speed\",\n      normal: \"Normal\",\n      quality: \"Quality\",\n      loop: \"Loop\",\n    },\n  },\n};\n\nAudioPlayer.propTypes = {\n  options: PropTypes.object,\n  sources: PropTypes.object,\n  source: PropTypes.func,\n  destroy: PropTypes.func,\n};\n\nexport default AudioPlayer;\n","import React, { Component } from \"react\";\nimport { withRouter } from \"react-router\";\n\nimport Home from \"../home/Home.jsx\";\nimport AudioPlayer from \"../audioPlayer/AudioPlayer.jsx\";\nimport \"./Player.css\";\n\nimport logo from \"./../../podle-logo.svg\";\n\nconst API_CLIENT_TERM = \"client\";\nconst API_NEWSLETTER_TERM = \"newsletterName\";\nconst API_DATE_TERM = \"date\";\n\nclass Player extends Component {\n  state = {\n    url: null,\n    errorMessage: \"Loading\",\n    animateLogo: true\n  };\n\n  componentDidMount() {\n    if (this.props.mediaSrc !== undefined && this.props.mediaSrc !== null) {\n      this.setState({\n        url: this.props.mediaSrc,\n        coverUrl: this.props.coverUrl,\n      });\n    } else {\n      this.getData();\n    }\n  }\n\n  getClient = () => {\n    return this.props.match.params.client;\n  };\n\n  getQueryUrl = () => {\n    var defaultUrl = `${process.env.REACT_APP_PLAYER_BACKEND}?${API_CLIENT_TERM}=${this.getClient()}&${API_NEWSLETTER_TERM}=${this.props.match.params.newsletterName}`;\n    if (this.props.match.params.publicationDate != null) {\n        return `${defaultUrl}&${API_DATE_TERM}=${this.props.match.params.publicationDate}`;\n    }\n    return defaultUrl;\n  };\n\n  getPodcastUrl = (publicationDate) => {\n    return `${process.env.REACT_APP_PODLE_API_STREAM_BACKEND}/${this.props.match.params.client}/${this.props.match.params.newsletterName}/${publicationDate}/newsletter.mp3`;\n  }\n\n  getData = (file) => {\n    fetch(this.getQueryUrl(), {\n      headers: {\n        \"x-api-key\": process.env.REACT_APP_PLAYER_BACKEND_API_KEY,\n      },\n    })\n    .then((data) => data.json())\n    .then((data) => {\n      this.setState({ url: this.getPodcastUrl(data.date), coverUrl : data.coverUrl });\n    })\n    .catch((error) => {\n      this.setState({\n        errorMessage: \"An error occured retrieving the media\",\n        animateLogo: false,\n      });\n    });\n  };\n\n  getDefaultRendering = () => {\n    return (\n      <Home animateLogo={this.state.animateLogo}>\n        <p>{this.state.errorMessage}</p>\n      </Home>\n    );\n  };\n\n  doRender = (url, coverUrl) => {\n    return (\n      <div className=\"container h-100 d-flex align-items-center \">\n        <div className=\"position-absolute logo pull-right\">\n          <a\n            className=\"Home-link\"\n            href=\"https://podle.io\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            <img\n              src={logo}\n              alt=\"logo\"\n              className=\"img-fluid\"\n              height=\"128\"\n              width=\"128\"\n            />\n          </a>\n        </div>\n        <a\n          className=\"Home-link\"\n          href=\"https://podle.io\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <div className=\"position-absolute footer h4\">by Podle.</div>\n          <div className=\"position-absolute copyright\">\n            Podle © {new Date().getFullYear()}\n          </div>\n        </a>\n        <div className=\"container\">\n          <div className=\"row\">\n            <div className=\"col-md-6 mx-auto shadow-lg mt-5\">\n              <img\n                className=\"img-fluid img-thumbnail\"\n                src={coverUrl}\n                alt=\"poster\"\n              />\n            </div>\n            <div className=\"col-md-10 mx-auto player mt-5\">\n              <div className=\"border-round\">\n                <AudioPlayer src={url}></AudioPlayer>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    const { url, coverUrl } = this.state;\n    if (url == null) {\n      return this.getDefaultRendering();\n    } else {\n      return this.doRender(url, coverUrl);\n    }\n  }\n}\n\nexport default withRouter(Player);\n","import React, { Component } from \"react\";\nimport { withRouter } from \"react-router\";\n\nimport Home from \"../home/Home.jsx\";\nimport \"./PodlePlayer.css\";\nimport logo from \"./../../podle-logo-black.svg\";\n\nclass PodlePlayer extends Component {\n  state = {\n    url: null,\n    errorMessage: \"Loading\",\n    animateLogo: true\n  };\n\n  componentDidMount() {\n    if (this.props.mediaSrc !== undefined && this.props.mediaSrc !== null) {\n      this.setState({\n        url: this.props.mediaSrc,\n        coverUrl: this.props.coverUrl,\n      });\n    } else {\n      this.getData();\n    }\n    this.appendPlayer(process.env.REACT_APP_PODLE_PLAYER_URL);\n  }\n\n  appendPlayer = (scriptToAppend) => {\n    const script = document.createElement(\"script\");\n    script.src = scriptToAppend;\n    script.async = true;\n    script.onload = function(){\n      window[\"PodlePlayer\"].init({\n        apikey : process.env.REACT_APP_DEMO_USER_API_KEY,\n        siteId : process.env.REACT_APP_DEMO_USER_SITE_ID,\n        project : this.getProject(),\n        productionId: this.getProductionId(),\n        showTitle : true,\n        title: \"Laissez vous tenter..\",\n        style :{\n          secondaryColor:\"#000000\"\n        },\n        showAiTooltip:true\n      });\n    }.bind(this);\n    document.body.appendChild(script);\n  }\n\n  getProject = () => {\n    return this.props.match.params.project;\n  };\n\n  getProductionId = () => {\n    return this.props.match.params.productionId;\n  };\n\n  getQueryUrl = () => {\n    return `${process.env.REACT_APP_API_GET_PRODUCTION_INFO}/${this.getProject()}/${this.getProductionId()}`;\n  };\n\n  getData = (file) => {\n    fetch(this.getQueryUrl(), {\n      headers: {\n        \"Authorization\" : `Bearer ${process.env.REACT_APP_DEMO_USER_API_KEY}`,\n        \"x-podle-client\" : 'player-webapp',\n        \"Content-type\" : 'application/json;charset=UTF-8',\n      },\n    })\n    .then((data) => data.json())\n    .then((data) => {\n      if (Object.keys(data).length === 0){\n        this.setState({\n          errorMessage: \"An error occured retrieving the media\",\n          animateLogo: false,\n        });\n      } else {\n        this.setState({ url: data.url, coverUrl : data.urlMainImage, title : data.title });\n      }\n    })\n    .catch((error) => {\n      this.setState({\n        errorMessage: \"An error occured retrieving the media\",\n        animateLogo: false,\n      });\n    });\n  };\n\n  getDefaultRendering = () => {\n    return (\n      <Home animateLogo={this.state.animateLogo} theme=\"white\">\n        <p>{this.state.errorMessage}</p>\n      </Home>\n    );\n  };\n\n  doRender = (coverUrl, title) => {\n    return (\n      <div className=\"h-100 w-100\">\n        <div className=\"h-100 d-flex align-items-center \">\n          <div className=\"position-absolute logo pull-right\">\n            <a\n              className=\"Home-link\"\n              href=\"https://podle.io\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <img\n                src={logo}\n                alt=\"logo\"\n                className=\"img-fluid\"\n                height=\"128\"\n                width=\"128\"\n              />\n            </a>\n          </div>\n          <a\n            className=\"Home-link black-text\"\n            href=\"https://podle.io\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            <div className=\"position-absolute black-footer h4\">by Podle.</div>\n            <div className=\"position-absolute black-copyright\">\n              Podle © {new Date().getFullYear()}\n            </div>\n          </a>\n          <div className=\"h-100 wrapper\">\n            <div className=\"h-100 row d-flex  justify-content-start content\">\n              <div class=\"row d-flex\">\n                <div className=\"col-md-4 col-sm-12 col-lg-3 px cover-inside\">\n                  <img\n                    className=\"img-fluid \"\n                    src={coverUrl}\n                    alt=\"poster\"\n                  />\n                </div>\n\n                <div className=\"col-sm-12 col-md-8 col-lg-9 row metadata\">\n                  <div className=\"ml-md-4 align-items-end w-100 px\">\n                    <span className=\"font-weight-bold article-title  mr-5 title\">{title}</span>\n                  </div>\n\n                  <div className=\"ml-md-3 p-0 col w-100 d-flex align-items-end justify-content-start pt-sm-5\">\n                    <div className=\"p-0 border-round col-12\">\n                      <div id=\"podle-player-container\"></div>  \n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            \n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    const {url, coverUrl, title } = this.state;\n    window.document.title = `Podle | ${title}`;\n    if (url == null) {\n      return this.getDefaultRendering();\n    } else {\n      return this.doRender(coverUrl, title);\n    }\n  }\n}\n\nexport default withRouter(PodlePlayer);\n","import React, { Component } from \"react\";\nimport { withRouter } from \"react-router\";\n\nimport \"./PlaylistPlayer.css\";\nimport logo from \"./../../podle-logo-black.svg\";\n\nclass PlaylistPlayer extends Component {\n  state = {\n    \n  };\n\n  componentDidMount() {\n    this.appendPlayer(`https://files.podle.net/player_config/bertrand/${this.getFolderId()}/${this.getConfigId()}.js`);\n  }\n\n  appendPlayer = (scriptToAppend) => {\n    const script = document.createElement(\"script\");\n    script.src = scriptToAppend;\n    script.async = true;\n    script.onload = function(){\n    }.bind(this);\n\n    document.body.appendChild(script);\n  }\n\n  getFolderId(){\n    return this.props.match.params.folderId;\n  }\n\n  getConfigId(){\n    return this.props.match.params.configId;\n  }\n\n  doRender = () => {\n    return (\n      <div className=\"h-100 w-100 white\">\n        <div className=\"container h-100 d-flex align-items-center \">\n          <div className=\"position-absolute logo pull-right\">\n            <a\n              className=\"Home-link\"\n              href=\"https://podle.io\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <img\n                src={logo}\n                alt=\"logo\"\n                className=\"img-fluid\"\n                height=\"128\"\n                width=\"128\"\n              />\n            </a>\n          </div>\n          <a\n            className=\"Home-link black-text\"\n            href=\"https://podle.io\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            <div className=\"position-absolute black-footer h4\">by Podle.</div>\n            <div className=\"position-absolute black-copyright\">\n              Podle © {new Date().getFullYear()}\n            </div>\n          </a>\n          <div className=\"container\">\n            <div className=\"row\">\n              <div className=\"col-md-10 mx-auto player mt-5\">\n                <div className=\"border-round\">\n                <div id=\"podle-player-container\"></div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    return this.doRender();\n  }\n}\nexport default withRouter(PlaylistPlayer);\n","import React from \"react\";\nimport {\n  BrowserRouter as Router,\n  Switch,\n  Route,\n} from \"react-router-dom\";\n\nimport Home from \"./components/home/Home.jsx\";\nimport Player from \"./components/player/Player.jsx\";\nimport PodlePlayer from \"./components/podlePlayer/PodlePlayer.jsx\";\nimport PlaylistPlayer from \"./components/playlistPlayer/PlaylistPlayer.jsx\";\n\nfunction App() {\n  return (\n    <Router>\n      <Switch>\n        <Route path=\"/demo/playlist/:folderId/:configId\">\n          <PlaylistPlayer />\n        </Route>\n        <Route path=\"/demo/:project/:productionId\">\n          <PodlePlayer />\n        </Route>\n        <Route path=\"/:client/:newsletterName/:publicationDate\">\n          <Player />\n        </Route>\n        <Route path=\"/:client/:newsletterName\">\n          <Player />\n        </Route>\n        <Route path=\"/figaro/demo\">\n          <DemoFigaro />\n        </Route>\n\n        <Route path=\"/\">\n          <Home>\n            <h5>Écouter pour s'informer</h5>\n          </Home>\n        </Route>\n      </Switch>\n    </Router>\n  );\n}\n\nconst DemoFigaro = (props) => {\n  return (\n    <Player\n      mediaSrc=\"https://podle-demo.s3.eu-west-3.amazonaws.com/figaro.mpeg\"\n      coverUrl=\"https://podle-demo.s3.eu-west-3.amazonaws.com/logo-figaro.png\"\n      {...props}\n    />\n  );\n};\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport * as serviceWorker from \"./serviceWorker\";\nimport \"bootstrap/dist/css/bootstrap.css\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","module.exports = __webpack_public_path__ + \"static/media/podle-logo-black.7bdcad9c.svg\";"],"sourceRoot":""}