@coorpacademy/components 11.21.0 → 11.22.0

package/es/molecule/forum/forum-post/style.css

@@ -63,6 +63,7 @@
 .content {
   font-family: 'Gilroy';
   width: 100%;
+  overflow-x: auto;
 }
 
 .author {

package/es/molecule/video-iframe/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-iframe/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;MAQE;IAEF;;MAEE;IA8B4tjB,wBAA8C;IAAA,sCAAyJ;IA5Br6jB,0BAMC;IAED,sBAgBC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-iframe/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;MAgBE;IAEF;;MAEE;IA2BkgjB,wBAA8C;IAAA,sCAAyJ;IAzB3sjB,0BAMC;IAED,sBAaC;CACF"}

package/es/molecule/video-iframe/index.js

@@ -1,3 +1,4 @@
+import _includes from "lodash/fp/includes";
 import _noop from "lodash/fp/noop";
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -63,16 +64,19 @@ class VideoIframe extends React.Component {
       id,
       autoplay
     });
-    return /*#__PURE__*/React.createElement("iframe", {
+    const properties = {
+      allow: _includes(type, ['faurecia-vr']) ? 'xr-spatial-tracking;fullscreen' : null,
+      allowFullScreen: true,
+      allowvr: _includes(type, ['uptale', 'faurecia-vr']) ? 'yes' : null,
+      scrolling: _includes(type, ['uptale', 'faurecia-vr']) ? 'no' : null,
+      frameBorder: '0'
+    };
+    return /*#__PURE__*/React.createElement("iframe", _extends({}, properties, {
       src: src,
       width: width,
       height: height,
-      frameBorder: 0,
-      className: style.iframe,
-      allowvr: type === 'uptale' ? 'yes' : null,
-      scrolling: type === 'uptale' ? 'no' : null,
-      allowFullScreen: true
-    });
+      className: style.iframe
+    }));
   }
 
 }
@@ -81,7 +85,7 @@ VideoIframe.contextTypes = {
   Vimeo: Provider.childContextTypes.Vimeo
 };
 VideoIframe.propTypes = process.env.NODE_ENV !== "production" ? {
-  type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),
+  type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p', 'faurecia-vr']),
   width: PropTypes.string,
   height: PropTypes.string,
   url: SrcPropType,

package/es/molecule/video-iframe/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","qs","Provider","SrcPropType","style","getUrl","url","type","id","query","opts","stringify","VideoIframe","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","iframe","contextTypes","Vimeo","childContextTypes","propTypes","oneOf","string","bool","func"],"sources":["../../../src/molecule/video-iframe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n  switch (type) {\n    case 'youtube':\n      return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n    case 'uptale':\n      return `https://my.uptale.io/Experience/Launch?id=${id}`;\n    case 'omniPlayer':\n      return `https://mms.myomni.live/${id}`;\n    case 'jwplayer':\n      return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n    default:\n      return url;\n  }\n};\n\nclass VideoIframe extends React.Component {\n  static propTypes = {\n    type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    id: PropTypes.string,\n    autoplay: PropTypes.bool,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  componentDidMount() {\n    const {type} = this.props;\n    if (type === 'kontiki') {\n      const {onPlay = noop} = this.props;\n      onPlay();\n    }\n  }\n\n  render() {\n    const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n    const src = getUrl({url, type, id, autoplay});\n\n    return (\n      <iframe\n        src={src}\n        width={width}\n        height={height}\n        frameBorder={0}\n        className={style.iframe}\n        allowvr={type === 'uptale' ? 'yes' : null}\n        scrolling={type === 'uptale' ? 'no' : null}\n        allowFullScreen\n      />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,IAAf;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAG,CAAC;EAACC,GAAD;EAAMC,IAAN;EAAYC,EAAZ;EAAgBC,KAAK,GAAG,EAAxB;EAA4BC,IAAI,GAAG;AAAnC,CAAD,KAA4C;EACzD,QAAQH,IAAR;IACE,KAAK,SAAL;MACE,OAAQ,iCAAgCC,EAAG,IAAGP,EAAE,CAACU,SAAH,cAAiBF,KAAjB,EAA2BC,IAA3B,EAAkC,EAAhF;;IACF,KAAK,QAAL;MACE,OAAQ,6CAA4CF,EAAG,EAAvD;;IACF,KAAK,YAAL;MACE,OAAQ,2BAA0BA,EAAG,EAArC;;IACF,KAAK,UAAL;MACE,OAAQ,0CAAyCA,EAAG,gBAApD;;IACF;MACE,OAAOF,GAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMM,WAAN,SAA0Bb,KAAK,CAACc,SAAhC,CAA0C;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACP;IAAD,IAAS,KAAKQ,KAApB;;IACA,IAAIR,IAAI,KAAK,SAAb,EAAwB;MACtB,MAAM;QAACS,MAAM;MAAP,IAAkB,KAAKD,KAA7B;MACAC,MAAM;IACP;EACF;;EAEDC,MAAM,GAAG;IACP,MAAM;MAACV,IAAD;MAAOC,EAAP;MAAWF,GAAX;MAAgBY,QAAQ,GAAG,KAA3B;MAAkCC,KAAK,GAAG,MAA1C;MAAkDC,MAAM,GAAG;IAA3D,IAAsE,KAAKL,KAAjF;IACA,MAAMM,GAAG,GAAGhB,MAAM,CAAC;MAACC,GAAD;MAAMC,IAAN;MAAYC,EAAZ;MAAgBU;IAAhB,CAAD,CAAlB;IAEA,oBACE;MACE,GAAG,EAAEG,GADP;MAEE,KAAK,EAAEF,KAFT;MAGE,MAAM,EAAEC,MAHV;MAIE,WAAW,EAAE,CAJf;MAKE,SAAS,EAAEhB,KAAK,CAACkB,MALnB;MAME,OAAO,EAAEf,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;MAOE,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;MAQE,eAAe;IARjB,EADF;EAYD;;AAvCuC;;AAApCK,W,CAWGW,Y,GAAe;EACpBC,KAAK,EAAEtB,QAAQ,CAACuB,iBAAT,CAA2BD;AADd,C;AAXlBZ,W,CACGc,S,2CAAY;EACjBnB,IAAI,EAAEP,SAAS,CAAC2B,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;EAEjBR,KAAK,EAAEnB,SAAS,CAAC4B,MAFA;EAGjBR,MAAM,EAAEpB,SAAS,CAAC4B,MAHD;EAIjBtB,GAAG,EAAEH,WAJY;EAKjBK,EAAE,EAAER,SAAS,CAAC4B,MALG;EAMjBV,QAAQ,EAAElB,SAAS,CAAC6B,IANH;EAOjBb,MAAM,EAAEhB,SAAS,CAAC8B;AAPD,C;AAyCrB,eAAelB,WAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","qs","Provider","SrcPropType","style","getUrl","url","type","id","query","opts","stringify","VideoIframe","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","properties","allow","allowFullScreen","allowvr","scrolling","frameBorder","iframe","contextTypes","Vimeo","childContextTypes","propTypes","oneOf","string","bool","func"],"sources":["../../../src/molecule/video-iframe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop, includes} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n  switch (type) {\n    case 'youtube':\n      return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n    case 'uptale':\n      return `https://my.uptale.io/Experience/Launch?id=${id}`;\n    case 'omniPlayer':\n      return `https://mms.myomni.live/${id}`;\n    case 'jwplayer':\n      return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n    default:\n      return url;\n  }\n};\n\nclass VideoIframe extends React.Component {\n  static propTypes = {\n    type: PropTypes.oneOf([\n      'youtube',\n      'uptale',\n      'kontiki',\n      'jwplayer',\n      'omniPlayer',\n      'h5p',\n      'faurecia-vr'\n    ]),\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    id: PropTypes.string,\n    autoplay: PropTypes.bool,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  componentDidMount() {\n    const {type} = this.props;\n    if (type === 'kontiki') {\n      const {onPlay = noop} = this.props;\n      onPlay();\n    }\n  }\n\n  render() {\n    const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n    const src = getUrl({url, type, id, autoplay});\n    const properties = {\n      allow: includes(type, ['faurecia-vr']) ? 'xr-spatial-tracking;fullscreen' : null,\n      allowFullScreen: true,\n      allowvr: includes(type, ['uptale', 'faurecia-vr']) ? 'yes' : null,\n      scrolling: includes(type, ['uptale', 'faurecia-vr']) ? 'no' : null,\n      frameBorder: '0'\n    };\n    return (\n      <iframe {...properties} src={src} width={width} height={height} className={style.iframe} />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,IAAf;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAG,CAAC;EAACC,GAAD;EAAMC,IAAN;EAAYC,EAAZ;EAAgBC,KAAK,GAAG,EAAxB;EAA4BC,IAAI,GAAG;AAAnC,CAAD,KAA4C;EACzD,QAAQH,IAAR;IACE,KAAK,SAAL;MACE,OAAQ,iCAAgCC,EAAG,IAAGP,EAAE,CAACU,SAAH,cAAiBF,KAAjB,EAA2BC,IAA3B,EAAkC,EAAhF;;IACF,KAAK,QAAL;MACE,OAAQ,6CAA4CF,EAAG,EAAvD;;IACF,KAAK,YAAL;MACE,OAAQ,2BAA0BA,EAAG,EAArC;;IACF,KAAK,UAAL;MACE,OAAQ,0CAAyCA,EAAG,gBAApD;;IACF;MACE,OAAOF,GAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMM,WAAN,SAA0Bb,KAAK,CAACc,SAAhC,CAA0C;EAuBxCC,iBAAiB,GAAG;IAClB,MAAM;MAACP;IAAD,IAAS,KAAKQ,KAApB;;IACA,IAAIR,IAAI,KAAK,SAAb,EAAwB;MACtB,MAAM;QAACS,MAAM;MAAP,IAAkB,KAAKD,KAA7B;MACAC,MAAM;IACP;EACF;;EAEDC,MAAM,GAAG;IACP,MAAM;MAACV,IAAD;MAAOC,EAAP;MAAWF,GAAX;MAAgBY,QAAQ,GAAG,KAA3B;MAAkCC,KAAK,GAAG,MAA1C;MAAkDC,MAAM,GAAG;IAA3D,IAAsE,KAAKL,KAAjF;IACA,MAAMM,GAAG,GAAGhB,MAAM,CAAC;MAACC,GAAD;MAAMC,IAAN;MAAYC,EAAZ;MAAgBU;IAAhB,CAAD,CAAlB;IACA,MAAMI,UAAU,GAAG;MACjBC,KAAK,EAAE,UAAShB,IAAT,EAAe,CAAC,aAAD,CAAf,IAAkC,gCAAlC,GAAqE,IAD3D;MAEjBiB,eAAe,EAAE,IAFA;MAGjBC,OAAO,EAAE,UAASlB,IAAT,EAAe,CAAC,QAAD,EAAW,aAAX,CAAf,IAA4C,KAA5C,GAAoD,IAH5C;MAIjBmB,SAAS,EAAE,UAASnB,IAAT,EAAe,CAAC,QAAD,EAAW,aAAX,CAAf,IAA4C,IAA5C,GAAmD,IAJ7C;MAKjBoB,WAAW,EAAE;IALI,CAAnB;IAOA,oBACE,2CAAYL,UAAZ;MAAwB,GAAG,EAAED,GAA7B;MAAkC,KAAK,EAAEF,KAAzC;MAAgD,MAAM,EAAEC,MAAxD;MAAgE,SAAS,EAAEhB,KAAK,CAACwB;IAAjF,GADF;EAGD;;AA5CuC;;AAApChB,W,CAmBGiB,Y,GAAe;EACpBC,KAAK,EAAE5B,QAAQ,CAAC6B,iBAAT,CAA2BD;AADd,C;AAnBlBlB,W,CACGoB,S,2CAAY;EACjBzB,IAAI,EAAEP,SAAS,CAACiC,KAAV,CAAgB,CACpB,SADoB,EAEpB,QAFoB,EAGpB,SAHoB,EAIpB,UAJoB,EAKpB,YALoB,EAMpB,KANoB,EAOpB,aAPoB,CAAhB,CADW;EAUjBd,KAAK,EAAEnB,SAAS,CAACkC,MAVA;EAWjBd,MAAM,EAAEpB,SAAS,CAACkC,MAXD;EAYjB5B,GAAG,EAAEH,WAZY;EAajBK,EAAE,EAAER,SAAS,CAACkC,MAbG;EAcjBhB,QAAQ,EAAElB,SAAS,CAACmC,IAdH;EAejBnB,MAAM,EAAEhB,SAAS,CAACoC;AAfD,C;AA8CrB,eAAexB,WAAf"}

package/es/molecule/video-player/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/index.js"],"names":[],"mappings":";AAQA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAA6B;IAE7B;;;aAOC;IAED,wBAMC;IAJC;;;MAGC;IAGH,+BASE;IAEF,4CAoDE;IAEF,sBAOC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/index.js"],"names":[],"mappings":";AAQA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAA6B;IAE7B;;;aAOC;IAED,wBAMC;IAJC;;;MAGC;IAGH,+BASE;IAEF,4CAqDE;IAEF,sBAOC;CACF"}

package/es/molecule/video-player/index.js

@@ -68,6 +68,7 @@ class VideoPlayer extends React.Component {
         case 'application/uptale':
         case 'application/h5p':
         case 'application/omniPlayer':
+        case 'application/faurecia-vr':
           return /*#__PURE__*/React.createElement(VideoIframe, {
             key: id,
             type: mimeType.split('application/')[1],

package/es/molecule/video-player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Loader","VideoIframe","JWPlayer","Vimeo","style","propTypes","VideoPlayer","Component","getDerivedStateFromProps","props","state","id","played","constructor","handleOnPlay","e","onResume","onPlay","setState","renderPlayer","mimeType","url","onPause","onEnded","width","height","wrapper","split","loading","disableAutostart","jwpOptions","otherProps","render"],"sources":["../../../src/molecule/video-player/index.js"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = propTypes;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {loading = false, disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return loading ? (\n          <Loader />\n        ) : (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","Loader","VideoIframe","JWPlayer","Vimeo","style","propTypes","VideoPlayer","Component","getDerivedStateFromProps","props","state","id","played","constructor","handleOnPlay","e","onResume","onPlay","setState","renderPlayer","mimeType","url","onPause","onEnded","width","height","wrapper","split","loading","disableAutostart","jwpOptions","otherProps","render"],"sources":["../../../src/molecule/video-player/index.js"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = propTypes;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n      case 'application/faurecia-vr':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {loading = false, disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return loading ? (\n          <Loader />\n        ) : (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"mappings":"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"}

package/es/molecule/video-player/prop-types.js

@@ -50,6 +50,6 @@ export default {
   disableAutostart: PropTypes.bool,
   loading: PropTypes.bool,
   jwpOptions: JWPlayerPropTypes.jwpOptions,
-  mimeType: PropTypes.oneOf(['application/kontiki', 'application/uptale', 'application/vimeo', 'application/youtube', 'application/jwplayer', 'application/omniPlayer', 'application/h5p', 'video/mp4']).isRequired
+  mimeType: PropTypes.oneOf(['application/kontiki', 'application/uptale', 'application/vimeo', 'application/youtube', 'application/jwplayer', 'application/omniPlayer', 'application/h5p', 'application/faurecia-vr', 'video/mp4']).isRequired
 };
 //# sourceMappingURL=prop-types.js.map

package/es/molecule/video-player/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","SrcPropType","JWPlayerPropTypes","mimeType","string","scriptErrorMessage","disableAutostart","bool","loading","jwpOptions","shape","file","customProps","aspectratio","tracks","arrayOf","label","kind","default","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning","id","height","url","autoplay"],"sources":["../../../src/molecule/video-player/prop-types.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport const JWPlayerPropTypes = {\n  mimeType: PropTypes.string,\n  scriptErrorMessage: PropTypes.string,\n  disableAutostart: PropTypes.bool,\n  loading: PropTypes.bool,\n  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n  jwpOptions: PropTypes.shape({\n    file: SrcPropType,\n    customProps: PropTypes.shape({\n      aspectratio: PropTypes.string,\n      tracks: PropTypes.arrayOf(\n        PropTypes.shape({\n          file: SrcPropType,\n          label: PropTypes.string,\n          kind: PropTypes.string,\n          default: PropTypes.bool\n        })\n      ),\n      autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n      width: PropTypes.string,\n      skin: PropTypes.shape({\n        name: PropTypes.string\n      })\n    }),\n    licenseKey: PropTypes.string.isRequired,\n    playerScript: SrcPropType.isRequired,\n    playerId: PropTypes.string.isRequired\n  }),\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  onPlayAttemptFailed: PropTypes.func,\n  onAutostartNotAllowed: PropTypes.func,\n  onSetupError: PropTypes.func,\n  onWarning: PropTypes.func\n};\n\nexport default {\n  id: PropTypes.string,\n  width: PropTypes.string,\n  height: PropTypes.string,\n  url: SrcPropType,\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool,\n  loading: PropTypes.bool,\n  jwpOptions: JWPlayerPropTypes.jwpOptions,\n  mimeType: PropTypes.oneOf([\n    'application/kontiki',\n    'application/uptale',\n    'application/vimeo',\n    'application/youtube',\n    'application/jwplayer',\n    'application/omniPlayer',\n    'application/h5p',\n    'video/mp4'\n  ]).isRequired\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AAEA,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,QAAQ,EAAEH,SAAS,CAACI,MADW;EAE/BC,kBAAkB,EAAEL,SAAS,CAACI,MAFC;EAG/BE,gBAAgB,EAAEN,SAAS,CAACO,IAHG;EAI/BC,OAAO,EAAER,SAAS,CAACO,IAJY;EAK/B;EACAE,UAAU,EAAET,SAAS,CAACU,KAAV,CAAgB;IAC1BC,IAAI,EAAEV,WADoB;IAE1BW,WAAW,EAAEZ,SAAS,CAACU,KAAV,CAAgB;MAC3BG,WAAW,EAAEb,SAAS,CAACI,MADI;MAE3BU,MAAM,EAAEd,SAAS,CAACe,OAAV,CACNf,SAAS,CAACU,KAAV,CAAgB;QACdC,IAAI,EAAEV,WADQ;QAEde,KAAK,EAAEhB,SAAS,CAACI,MAFH;QAGda,IAAI,EAAEjB,SAAS,CAACI,MAHF;QAIdc,OAAO,EAAElB,SAAS,CAACO;MAJL,CAAhB,CADM,CAFmB;MAU3BY,SAAS,EAAEnB,SAAS,CAACoB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;MAW3BC,KAAK,EAAErB,SAAS,CAACI,MAXU;MAY3BkB,IAAI,EAAEtB,SAAS,CAACU,KAAV,CAAgB;QACpBa,IAAI,EAAEvB,SAAS,CAACI;MADI,CAAhB;IAZqB,CAAhB,CAFa;IAkB1BoB,UAAU,EAAExB,SAAS,CAACI,MAAV,CAAiBqB,UAlBH;IAmB1BC,YAAY,EAAEzB,WAAW,CAACwB,UAnBA;IAoB1BE,QAAQ,EAAE3B,SAAS,CAACI,MAAV,CAAiBqB;EApBD,CAAhB,CANmB;EA4B/BG,MAAM,EAAE5B,SAAS,CAAC6B,IA5Ba;EA6B/BC,QAAQ,EAAE9B,SAAS,CAAC6B,IA7BW;EA8B/BE,OAAO,EAAE/B,SAAS,CAAC6B,IA9BY;EA+B/BG,OAAO,EAAEhC,SAAS,CAAC6B,IA/BY;EAgC/BI,OAAO,EAAEjC,SAAS,CAAC6B,IAhCY;EAiC/BK,mBAAmB,EAAElC,SAAS,CAAC6B,IAjCA;EAkC/BM,qBAAqB,EAAEnC,SAAS,CAAC6B,IAlCF;EAmC/BO,YAAY,EAAEpC,SAAS,CAAC6B,IAnCO;EAoC/BQ,SAAS,EAAErC,SAAS,CAAC6B;AApCU,CAA1B;AAuCP,eAAe;EACbS,EAAE,EAAEtC,SAAS,CAACI,MADD;EAEbiB,KAAK,EAAErB,SAAS,CAACI,MAFJ;EAGbmC,MAAM,EAAEvC,SAAS,CAACI,MAHL;EAIboC,GAAG,EAAEvC,WAJQ;EAKb2B,MAAM,EAAE5B,SAAS,CAAC6B,IALL;EAMbC,QAAQ,EAAE9B,SAAS,CAAC6B,IANP;EAObE,OAAO,EAAE/B,SAAS,CAAC6B,IAPN;EAQbG,OAAO,EAAEhC,SAAS,CAAC6B,IARN;EASbI,OAAO,EAAEjC,SAAS,CAAC6B,IATN;EAUbY,QAAQ,EAAEzC,SAAS,CAACO,IAVP;EAWbD,gBAAgB,EAAEN,SAAS,CAACO,IAXf;EAYbC,OAAO,EAAER,SAAS,CAACO,IAZN;EAabE,UAAU,EAAEP,iBAAiB,CAACO,UAbjB;EAcbN,QAAQ,EAAEH,SAAS,CAACoB,KAAV,CAAgB,CACxB,qBADwB,EAExB,oBAFwB,EAGxB,mBAHwB,EAIxB,qBAJwB,EAKxB,sBALwB,EAMxB,wBANwB,EAOxB,iBAPwB,EAQxB,WARwB,CAAhB,EASPK;AAvBU,CAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","SrcPropType","JWPlayerPropTypes","mimeType","string","scriptErrorMessage","disableAutostart","bool","loading","jwpOptions","shape","file","customProps","aspectratio","tracks","arrayOf","label","kind","default","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning","id","height","url","autoplay"],"sources":["../../../src/molecule/video-player/prop-types.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport const JWPlayerPropTypes = {\n  mimeType: PropTypes.string,\n  scriptErrorMessage: PropTypes.string,\n  disableAutostart: PropTypes.bool,\n  loading: PropTypes.bool,\n  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n  jwpOptions: PropTypes.shape({\n    file: SrcPropType,\n    customProps: PropTypes.shape({\n      aspectratio: PropTypes.string,\n      tracks: PropTypes.arrayOf(\n        PropTypes.shape({\n          file: SrcPropType,\n          label: PropTypes.string,\n          kind: PropTypes.string,\n          default: PropTypes.bool\n        })\n      ),\n      autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n      width: PropTypes.string,\n      skin: PropTypes.shape({\n        name: PropTypes.string\n      })\n    }),\n    licenseKey: PropTypes.string.isRequired,\n    playerScript: SrcPropType.isRequired,\n    playerId: PropTypes.string.isRequired\n  }),\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  onPlayAttemptFailed: PropTypes.func,\n  onAutostartNotAllowed: PropTypes.func,\n  onSetupError: PropTypes.func,\n  onWarning: PropTypes.func\n};\n\nexport default {\n  id: PropTypes.string,\n  width: PropTypes.string,\n  height: PropTypes.string,\n  url: SrcPropType,\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool,\n  loading: PropTypes.bool,\n  jwpOptions: JWPlayerPropTypes.jwpOptions,\n  mimeType: PropTypes.oneOf([\n    'application/kontiki',\n    'application/uptale',\n    'application/vimeo',\n    'application/youtube',\n    'application/jwplayer',\n    'application/omniPlayer',\n    'application/h5p',\n    'application/faurecia-vr',\n    'video/mp4'\n  ]).isRequired\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AAEA,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,QAAQ,EAAEH,SAAS,CAACI,MADW;EAE/BC,kBAAkB,EAAEL,SAAS,CAACI,MAFC;EAG/BE,gBAAgB,EAAEN,SAAS,CAACO,IAHG;EAI/BC,OAAO,EAAER,SAAS,CAACO,IAJY;EAK/B;EACAE,UAAU,EAAET,SAAS,CAACU,KAAV,CAAgB;IAC1BC,IAAI,EAAEV,WADoB;IAE1BW,WAAW,EAAEZ,SAAS,CAACU,KAAV,CAAgB;MAC3BG,WAAW,EAAEb,SAAS,CAACI,MADI;MAE3BU,MAAM,EAAEd,SAAS,CAACe,OAAV,CACNf,SAAS,CAACU,KAAV,CAAgB;QACdC,IAAI,EAAEV,WADQ;QAEde,KAAK,EAAEhB,SAAS,CAACI,MAFH;QAGda,IAAI,EAAEjB,SAAS,CAACI,MAHF;QAIdc,OAAO,EAAElB,SAAS,CAACO;MAJL,CAAhB,CADM,CAFmB;MAU3BY,SAAS,EAAEnB,SAAS,CAACoB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;MAW3BC,KAAK,EAAErB,SAAS,CAACI,MAXU;MAY3BkB,IAAI,EAAEtB,SAAS,CAACU,KAAV,CAAgB;QACpBa,IAAI,EAAEvB,SAAS,CAACI;MADI,CAAhB;IAZqB,CAAhB,CAFa;IAkB1BoB,UAAU,EAAExB,SAAS,CAACI,MAAV,CAAiBqB,UAlBH;IAmB1BC,YAAY,EAAEzB,WAAW,CAACwB,UAnBA;IAoB1BE,QAAQ,EAAE3B,SAAS,CAACI,MAAV,CAAiBqB;EApBD,CAAhB,CANmB;EA4B/BG,MAAM,EAAE5B,SAAS,CAAC6B,IA5Ba;EA6B/BC,QAAQ,EAAE9B,SAAS,CAAC6B,IA7BW;EA8B/BE,OAAO,EAAE/B,SAAS,CAAC6B,IA9BY;EA+B/BG,OAAO,EAAEhC,SAAS,CAAC6B,IA/BY;EAgC/BI,OAAO,EAAEjC,SAAS,CAAC6B,IAhCY;EAiC/BK,mBAAmB,EAAElC,SAAS,CAAC6B,IAjCA;EAkC/BM,qBAAqB,EAAEnC,SAAS,CAAC6B,IAlCF;EAmC/BO,YAAY,EAAEpC,SAAS,CAAC6B,IAnCO;EAoC/BQ,SAAS,EAAErC,SAAS,CAAC6B;AApCU,CAA1B;AAuCP,eAAe;EACbS,EAAE,EAAEtC,SAAS,CAACI,MADD;EAEbiB,KAAK,EAAErB,SAAS,CAACI,MAFJ;EAGbmC,MAAM,EAAEvC,SAAS,CAACI,MAHL;EAIboC,GAAG,EAAEvC,WAJQ;EAKb2B,MAAM,EAAE5B,SAAS,CAAC6B,IALL;EAMbC,QAAQ,EAAE9B,SAAS,CAAC6B,IANP;EAObE,OAAO,EAAE/B,SAAS,CAAC6B,IAPN;EAQbG,OAAO,EAAEhC,SAAS,CAAC6B,IARN;EASbI,OAAO,EAAEjC,SAAS,CAAC6B,IATN;EAUbY,QAAQ,EAAEzC,SAAS,CAACO,IAVP;EAWbD,gBAAgB,EAAEN,SAAS,CAACO,IAXf;EAYbC,OAAO,EAAER,SAAS,CAACO,IAZN;EAabE,UAAU,EAAEP,iBAAiB,CAACO,UAbjB;EAcbN,QAAQ,EAAEH,SAAS,CAACoB,KAAV,CAAgB,CACxB,qBADwB,EAExB,oBAFwB,EAGxB,mBAHwB,EAIxB,qBAJwB,EAKxB,sBALwB,EAMxB,wBANwB,EAOxB,iBAPwB,EAQxB,yBARwB,EASxB,WATwB,CAAhB,EAUPK;AAxBU,CAAf"}

package/es/organism/brand-analytics/index.js

@@ -1,3 +1,4 @@
+import _has from "lodash/fp/has";
 import _getOr from "lodash/fp/getOr";
 import _noop from "lodash/fp/noop";
 import React from 'react';
@@ -27,23 +28,22 @@ const Analytics = (props, context) => {
         frameBorder: "0"
       });
       if (!error) return /*#__PURE__*/React.createElement(Loader, null);
-    } else if (!error) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: style.dashboardNoSelection,
-        style: {
-          color: _getOr('#00B0FF', 'common.primary', skin)
-        }
-      }, translate('Select a dashboard in the Sidebar'));
     }
 
-    return null;
+    if (error) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.dashboardNoSelection,
+      style: {
+        color: _getOr('#00B0FF', 'common.primary', skin)
+      }
+    }, translate('Select a dashboard in the Sidebar'));
   };
 
   return /*#__PURE__*/React.createElement("div", {
     className: style.dashboardSelection
-  }, /*#__PURE__*/React.createElement("h1", {
-    className: style.dashboardTitle
-  }, _getOr(translate('No Selected Dashboard'), 'name', selected)), body());
+  }, _has('name', selected) ? /*#__PURE__*/React.createElement("h1", {
+    className: style.noSelectedDashboard
+  }, translate('No Selected Dashboard')) : null, body());
 };
 
 Analytics.propTypes = process.env.NODE_ENV !== "production" ? {

package/es/organism/brand-analytics/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Sidebar","Provider","Loader","AnalyticsPopin","style","Analytics","props","context","url","error","selected","skin","translate","body","dashboardIframe","dashboardNoSelection","color","dashboardSelection","dashboardTitle","propTypes","string","shape","name","contextTypes","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","func","isRequired","BrandAnalytics","dashboards","currentDashboard","sidebarItems","length","dashboardContent","arrayOf","href","description","currentVersion","versions","schema","oneOfType","title","type","value","onChange","option","bool","inputParams"],"sources":["../../../src/organism/brand-analytics/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport Sidebar from '../sidebar';\nimport Provider from '../../atom/provider';\nimport Loader from '../../template/app-player/loading';\nimport AnalyticsPopin from './analytics-popin';\nimport style from './style.css';\n\nconst Analytics = (props, context) => {\n  const {url, error, selected} = props;\n  const {skin, translate} = context;\n  const body = () => {\n    if (selected) {\n      if (url) return <iframe src={url} className={style.dashboardIframe} frameBorder=\"0\" />;\n      if (!error) return <Loader />;\n    } else if (!error) {\n      return (\n        <div\n          className={style.dashboardNoSelection}\n          style={{color: getOr('#00B0FF', 'common.primary', skin)}}\n        >\n          {translate('Select a dashboard in the Sidebar')}\n        </div>\n      );\n    }\n    return null;\n  };\n  return (\n    <div className={style.dashboardSelection}>\n      <h1 className={style.dashboardTitle}>\n        {getOr(translate('No Selected Dashboard'), 'name', selected)}\n      </h1>\n      {body()}\n    </div>\n  );\n};\n\nAnalytics.propTypes = {\n  url: PropTypes.string,\n  error: PropTypes.string,\n  selected: PropTypes.shape({\n    name: PropTypes.string\n  })\n};\n\nAnalytics.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nconst ErrorPopin = ({onErrorRedirect, ctaLabel, error}, {translate}) => {\n  return error ? (\n    <AnalyticsPopin\n      header={translate('An Error Occurred')}\n      ctaLabel={ctaLabel}\n      ctaOnClick={onErrorRedirect}\n      closeOnClick={onErrorRedirect}\n    >\n      <p>{error}</p>\n    </AnalyticsPopin>\n  ) : null;\n};\n\nErrorPopin.propTypes = {\n  onErrorRedirect: PropTypes.func.isRequired,\n  ctaLabel: PropTypes.string.isRequired,\n  error: PropTypes.string\n};\n\nErrorPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst BrandAnalytics = (props, context) => {\n  const {\n    dashboards = [],\n    currentDashboard,\n    onErrorRedirect = noop,\n    url,\n    error,\n    sidebarItems\n  } = props;\n\n  const {translate} = context;\n\n  if (!dashboards || dashboards.length === 0) {\n    if (error)\n      return (\n        <ErrorPopin\n          ctaLabel={translate('Reload')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      );\n    return <Loader />;\n  }\n\n  return (\n    <div>\n      <Sidebar items={sidebarItems} />\n      <div className={style.dashboardContent}>\n        <Analytics error={error} selected={currentDashboard} url={url} />\n        <ErrorPopin\n          ctaLabel={translate('Back to Dashboard Home')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      </div>\n    </div>\n  );\n};\n\nBrandAnalytics.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBrandAnalytics.propTypes = {\n  dashboards: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      description: PropTypes.string.isRequired\n    })\n  ),\n  currentDashboard: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    currentVersion: PropTypes.string.isRequired,\n    versions: PropTypes.shape({}).isRequired,\n    schema: PropTypes.arrayOf(PropTypes.string)\n  }),\n  sidebarItems: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired\n      }),\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        name: PropTypes.string,\n        onChange: PropTypes.func.isRequired,\n        option: PropTypes.bool.isRequired\n      }),\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        name: PropTypes.string,\n        value: PropTypes.string,\n        onChange: PropTypes.func\n      })\n    ])\n  ),\n  url: PropTypes.string,\n  error: PropTypes.string,\n  onErrorRedirect: PropTypes.func,\n  inputParams: PropTypes.shape({})\n};\n\nexport default BrandAnalytics;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Sidebar","Provider","Loader","AnalyticsPopin","style","Analytics","props","context","url","error","selected","skin","translate","body","dashboardIframe","dashboardNoSelection","color","dashboardSelection","noSelectedDashboard","propTypes","string","shape","name","contextTypes","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","func","isRequired","BrandAnalytics","dashboards","currentDashboard","sidebarItems","length","dashboardContent","arrayOf","href","description","currentVersion","versions","schema","oneOfType","title","type","value","onChange","option","bool","inputParams"],"sources":["../../../src/organism/brand-analytics/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, has} from 'lodash/fp';\nimport Sidebar from '../sidebar';\nimport Provider from '../../atom/provider';\nimport Loader from '../../template/app-player/loading';\nimport AnalyticsPopin from './analytics-popin';\nimport style from './style.css';\n\nconst Analytics = (props, context) => {\n  const {url, error, selected} = props;\n  const {skin, translate} = context;\n  const body = () => {\n    if (selected) {\n      if (url) return <iframe src={url} className={style.dashboardIframe} frameBorder=\"0\" />;\n      if (!error) return <Loader />;\n    }\n    if (error) return null;\n\n    return (\n      <div\n        className={style.dashboardNoSelection}\n        style={{color: getOr('#00B0FF', 'common.primary', skin)}}\n      >\n        {translate('Select a dashboard in the Sidebar')}\n      </div>\n    );\n  };\n  return (\n    <div className={style.dashboardSelection}>\n      {has('name', selected) ? (\n        <h1 className={style.noSelectedDashboard}>{translate('No Selected Dashboard')}</h1>\n      ) : null}\n      {body()}\n    </div>\n  );\n};\n\nAnalytics.propTypes = {\n  url: PropTypes.string,\n  error: PropTypes.string,\n  selected: PropTypes.shape({\n    name: PropTypes.string\n  })\n};\n\nAnalytics.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nconst ErrorPopin = ({onErrorRedirect, ctaLabel, error}, {translate}) => {\n  return error ? (\n    <AnalyticsPopin\n      header={translate('An Error Occurred')}\n      ctaLabel={ctaLabel}\n      ctaOnClick={onErrorRedirect}\n      closeOnClick={onErrorRedirect}\n    >\n      <p>{error}</p>\n    </AnalyticsPopin>\n  ) : null;\n};\n\nErrorPopin.propTypes = {\n  onErrorRedirect: PropTypes.func.isRequired,\n  ctaLabel: PropTypes.string.isRequired,\n  error: PropTypes.string\n};\n\nErrorPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst BrandAnalytics = (props, context) => {\n  const {\n    dashboards = [],\n    currentDashboard,\n    onErrorRedirect = noop,\n    url,\n    error,\n    sidebarItems\n  } = props;\n\n  const {translate} = context;\n\n  if (!dashboards || dashboards.length === 0) {\n    if (error)\n      return (\n        <ErrorPopin\n          ctaLabel={translate('Reload')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      );\n    return <Loader />;\n  }\n\n  return (\n    <div>\n      <Sidebar items={sidebarItems} />\n      <div className={style.dashboardContent}>\n        <Analytics error={error} selected={currentDashboard} url={url} />\n        <ErrorPopin\n          ctaLabel={translate('Back to Dashboard Home')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      </div>\n    </div>\n  );\n};\n\nBrandAnalytics.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBrandAnalytics.propTypes = {\n  dashboards: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      description: PropTypes.string.isRequired\n    })\n  ),\n  currentDashboard: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    currentVersion: PropTypes.string.isRequired,\n    versions: PropTypes.shape({}).isRequired,\n    schema: PropTypes.arrayOf(PropTypes.string)\n  }),\n  sidebarItems: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired\n      }),\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        name: PropTypes.string,\n        onChange: PropTypes.func.isRequired,\n        option: PropTypes.bool.isRequired\n      }),\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        name: PropTypes.string,\n        value: PropTypes.string,\n        onChange: PropTypes.func\n      })\n    ])\n  ),\n  url: PropTypes.string,\n  error: PropTypes.string,\n  onErrorRedirect: PropTypes.func,\n  inputParams: PropTypes.shape({})\n};\n\nexport default BrandAnalytics;\n"],"mappings":"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"}

package/es/organism/brand-analytics/style.css

@@ -12,8 +12,8 @@
   text-align: center;
   margin: 0 20px 20px 0px;
   display: flex;
-  flex-direction: column;  
-  min-height: 700px;
+  flex-direction: column;
+  min-height: 2000px;
 }
 
 .dashboardSelection {
@@ -22,11 +22,12 @@
   flex: 1;
 }
 
-.dashboardTitle {
+.noSelectedDashboard {
   font-size: 24px;
   color: dark;
   border: 1px solid light;
   padding: 10px;
+  background-color: lightMediumGray;
   flex-grow: 0;
 }
 

package/lib/molecule/forum/forum-post/style.css

@@ -63,6 +63,7 @@
 .content {
   font-family: 'Gilroy';
   width: 100%;
+  overflow-x: auto;
 }
 
 .author {

package/lib/molecule/video-iframe/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-iframe/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;MAQE;IAEF;;MAEE;IA8B4tjB,wBAA8C;IAAA,sCAAyJ;IA5Br6jB,0BAMC;IAED,sBAgBC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-iframe/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;MAgBE;IAEF;;MAEE;IA2BkgjB,wBAA8C;IAAA,sCAAyJ;IAzB3sjB,0BAMC;IAED,sBAaC;CACF"}

package/lib/molecule/video-iframe/index.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _includes2 = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -75,16 +77,19 @@ class VideoIframe extends _react.default.Component {
       id,
       autoplay
     });
-    return /*#__PURE__*/_react.default.createElement("iframe", {
+    const properties = {
+      allow: (0, _includes2.default)(type, ['faurecia-vr']) ? 'xr-spatial-tracking;fullscreen' : null,
+      allowFullScreen: true,
+      allowvr: (0, _includes2.default)(type, ['uptale', 'faurecia-vr']) ? 'yes' : null,
+      scrolling: (0, _includes2.default)(type, ['uptale', 'faurecia-vr']) ? 'no' : null,
+      frameBorder: '0'
+    };
+    return /*#__PURE__*/_react.default.createElement("iframe", _extends({}, properties, {
       src: src,
       width: width,
       height: height,
-      frameBorder: 0,
-      className: _style.default.iframe,
-      allowvr: type === 'uptale' ? 'yes' : null,
-      scrolling: type === 'uptale' ? 'no' : null,
-      allowFullScreen: true
-    });
+      className: _style.default.iframe
+    }));
   }
 
 }
@@ -93,7 +98,7 @@ VideoIframe.contextTypes = {
   Vimeo: _provider.default.childContextTypes.Vimeo
 };
 VideoIframe.propTypes = process.env.NODE_ENV !== "production" ? {
-  type: _propTypes.default.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),
+  type: _propTypes.default.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p', 'faurecia-vr']),
   width: _propTypes.default.string,
   height: _propTypes.default.string,
   url: _proptypes.SrcPropType,

package/lib/molecule/video-iframe/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","contextTypes","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"sources":["../../../src/molecule/video-iframe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n  switch (type) {\n    case 'youtube':\n      return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n    case 'uptale':\n      return `https://my.uptale.io/Experience/Launch?id=${id}`;\n    case 'omniPlayer':\n      return `https://mms.myomni.live/${id}`;\n    case 'jwplayer':\n      return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n    default:\n      return url;\n  }\n};\n\nclass VideoIframe extends React.Component {\n  static propTypes = {\n    type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    id: PropTypes.string,\n    autoplay: PropTypes.bool,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  componentDidMount() {\n    const {type} = this.props;\n    if (type === 'kontiki') {\n      const {onPlay = noop} = this.props;\n      onPlay();\n    }\n  }\n\n  render() {\n    const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n    const src = getUrl({url, type, id, autoplay});\n\n    return (\n      <iframe\n        src={src}\n        width={width}\n        height={height}\n        frameBorder={0}\n        className={style.iframe}\n        allowvr={type === 'uptale' ? 'yes' : null}\n        scrolling={type === 'uptale' ? 'no' : null}\n        allowFullScreen\n      />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC,GAAD;EAAMC,IAAN;EAAYC,EAAZ;EAAgBC,KAAK,GAAG,EAAxB;EAA4BC,IAAI,GAAG;AAAnC,CAAD,KAA4C;EACzD,QAAQH,IAAR;IACE,KAAK,SAAL;MACE,OAAQ,iCAAgCC,EAAG,IAAGG,WAAA,CAAGC,SAAH,cAAiBH,KAAjB,EAA2BC,IAA3B,EAAkC,EAAhF;;IACF,KAAK,QAAL;MACE,OAAQ,6CAA4CF,EAAG,EAAvD;;IACF,KAAK,YAAL;MACE,OAAQ,2BAA0BA,EAAG,EAArC;;IACF,KAAK,UAAL;MACE,OAAQ,0CAAyCA,EAAG,gBAApD;;IACF;MACE,OAAOF,GAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMO,WAAN,SAA0BC,cAAA,CAAMC,SAAhC,CAA0C;EAexCC,iBAAiB,GAAG;IAClB,MAAM;MAACT;IAAD,IAAS,KAAKU,KAApB;;IACA,IAAIV,IAAI,KAAK,SAAb,EAAwB;MACtB,MAAM;QAACW,MAAM;MAAP,IAAkB,KAAKD,KAA7B;MACAC,MAAM;IACP;EACF;;EAEDC,MAAM,GAAG;IACP,MAAM;MAACZ,IAAD;MAAOC,EAAP;MAAWF,GAAX;MAAgBc,QAAQ,GAAG,KAA3B;MAAkCC,KAAK,GAAG,MAA1C;MAAkDC,MAAM,GAAG;IAA3D,IAAsE,KAAKL,KAAjF;IACA,MAAMM,GAAG,GAAGlB,MAAM,CAAC;MAACC,GAAD;MAAMC,IAAN;MAAYC,EAAZ;MAAgBY;IAAhB,CAAD,CAAlB;IAEA,oBACE;MACE,GAAG,EAAEG,GADP;MAEE,KAAK,EAAEF,KAFT;MAGE,MAAM,EAAEC,MAHV;MAIE,WAAW,EAAE,CAJf;MAKE,SAAS,EAAEE,cAAA,CAAMC,MALnB;MAME,OAAO,EAAElB,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;MAOE,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;MAQE,eAAe;IARjB,EADF;EAYD;;AAvCuC;;AAApCM,W,CAWGa,Y,GAAe;EACpBC,KAAK,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;AADd,C;AAXlBd,W,CACGiB,S,2CAAY;EACjBvB,IAAI,EAAEwB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;EAEjBX,KAAK,EAAEU,kBAAA,CAAUE,MAFA;EAGjBX,MAAM,EAAES,kBAAA,CAAUE,MAHD;EAIjB3B,GAAG,EAAE4B,sBAJY;EAKjB1B,EAAE,EAAEuB,kBAAA,CAAUE,MALG;EAMjBb,QAAQ,EAAEW,kBAAA,CAAUI,IANH;EAOjBjB,MAAM,EAAEa,kBAAA,CAAUK;AAPD,C;eAyCNvB,W"}
+{"version":3,"file":"index.js","names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","properties","allow","allowFullScreen","allowvr","scrolling","frameBorder","style","iframe","contextTypes","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"sources":["../../../src/molecule/video-iframe/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop, includes} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n  switch (type) {\n    case 'youtube':\n      return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n    case 'uptale':\n      return `https://my.uptale.io/Experience/Launch?id=${id}`;\n    case 'omniPlayer':\n      return `https://mms.myomni.live/${id}`;\n    case 'jwplayer':\n      return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n    default:\n      return url;\n  }\n};\n\nclass VideoIframe extends React.Component {\n  static propTypes = {\n    type: PropTypes.oneOf([\n      'youtube',\n      'uptale',\n      'kontiki',\n      'jwplayer',\n      'omniPlayer',\n      'h5p',\n      'faurecia-vr'\n    ]),\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    id: PropTypes.string,\n    autoplay: PropTypes.bool,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  componentDidMount() {\n    const {type} = this.props;\n    if (type === 'kontiki') {\n      const {onPlay = noop} = this.props;\n      onPlay();\n    }\n  }\n\n  render() {\n    const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n    const src = getUrl({url, type, id, autoplay});\n    const properties = {\n      allow: includes(type, ['faurecia-vr']) ? 'xr-spatial-tracking;fullscreen' : null,\n      allowFullScreen: true,\n      allowvr: includes(type, ['uptale', 'faurecia-vr']) ? 'yes' : null,\n      scrolling: includes(type, ['uptale', 'faurecia-vr']) ? 'no' : null,\n      frameBorder: '0'\n    };\n    return (\n      <iframe {...properties} src={src} width={width} height={height} className={style.iframe} />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC,GAAD;EAAMC,IAAN;EAAYC,EAAZ;EAAgBC,KAAK,GAAG,EAAxB;EAA4BC,IAAI,GAAG;AAAnC,CAAD,KAA4C;EACzD,QAAQH,IAAR;IACE,KAAK,SAAL;MACE,OAAQ,iCAAgCC,EAAG,IAAGG,WAAA,CAAGC,SAAH,cAAiBH,KAAjB,EAA2BC,IAA3B,EAAkC,EAAhF;;IACF,KAAK,QAAL;MACE,OAAQ,6CAA4CF,EAAG,EAAvD;;IACF,KAAK,YAAL;MACE,OAAQ,2BAA0BA,EAAG,EAArC;;IACF,KAAK,UAAL;MACE,OAAQ,0CAAyCA,EAAG,gBAApD;;IACF;MACE,OAAOF,GAAP;EAVJ;AAYD,CAbD;;AAeA,MAAMO,WAAN,SAA0BC,cAAA,CAAMC,SAAhC,CAA0C;EAuBxCC,iBAAiB,GAAG;IAClB,MAAM;MAACT;IAAD,IAAS,KAAKU,KAApB;;IACA,IAAIV,IAAI,KAAK,SAAb,EAAwB;MACtB,MAAM;QAACW,MAAM;MAAP,IAAkB,KAAKD,KAA7B;MACAC,MAAM;IACP;EACF;;EAEDC,MAAM,GAAG;IACP,MAAM;MAACZ,IAAD;MAAOC,EAAP;MAAWF,GAAX;MAAgBc,QAAQ,GAAG,KAA3B;MAAkCC,KAAK,GAAG,MAA1C;MAAkDC,MAAM,GAAG;IAA3D,IAAsE,KAAKL,KAAjF;IACA,MAAMM,GAAG,GAAGlB,MAAM,CAAC;MAACC,GAAD;MAAMC,IAAN;MAAYC,EAAZ;MAAgBY;IAAhB,CAAD,CAAlB;IACA,MAAMI,UAAU,GAAG;MACjBC,KAAK,EAAE,wBAASlB,IAAT,EAAe,CAAC,aAAD,CAAf,IAAkC,gCAAlC,GAAqE,IAD3D;MAEjBmB,eAAe,EAAE,IAFA;MAGjBC,OAAO,EAAE,wBAASpB,IAAT,EAAe,CAAC,QAAD,EAAW,aAAX,CAAf,IAA4C,KAA5C,GAAoD,IAH5C;MAIjBqB,SAAS,EAAE,wBAASrB,IAAT,EAAe,CAAC,QAAD,EAAW,aAAX,CAAf,IAA4C,IAA5C,GAAmD,IAJ7C;MAKjBsB,WAAW,EAAE;IALI,CAAnB;IAOA,oBACE,oDAAYL,UAAZ;MAAwB,GAAG,EAAED,GAA7B;MAAkC,KAAK,EAAEF,KAAzC;MAAgD,MAAM,EAAEC,MAAxD;MAAgE,SAAS,EAAEQ,cAAA,CAAMC;IAAjF,GADF;EAGD;;AA5CuC;;AAApClB,W,CAmBGmB,Y,GAAe;EACpBC,KAAK,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF;AADd,C;AAnBlBpB,W,CACGuB,S,2CAAY;EACjB7B,IAAI,EAAE8B,kBAAA,CAAUC,KAAV,CAAgB,CACpB,SADoB,EAEpB,QAFoB,EAGpB,SAHoB,EAIpB,UAJoB,EAKpB,YALoB,EAMpB,KANoB,EAOpB,aAPoB,CAAhB,CADW;EAUjBjB,KAAK,EAAEgB,kBAAA,CAAUE,MAVA;EAWjBjB,MAAM,EAAEe,kBAAA,CAAUE,MAXD;EAYjBjC,GAAG,EAAEkC,sBAZY;EAajBhC,EAAE,EAAE6B,kBAAA,CAAUE,MAbG;EAcjBnB,QAAQ,EAAEiB,kBAAA,CAAUI,IAdH;EAejBvB,MAAM,EAAEmB,kBAAA,CAAUK;AAfD,C;eA8CN7B,W"}

package/lib/molecule/video-player/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/index.js"],"names":[],"mappings":";AAQA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAA6B;IAE7B;;;aAOC;IAED,wBAMC;IAJC;;;MAGC;IAGH,+BASE;IAEF,4CAoDE;IAEF,sBAOC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/index.js"],"names":[],"mappings":";AAQA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAA6B;IAE7B;;;aAOC;IAED,wBAMC;IAJC;;;MAGC;IAGH,+BASE;IAEF,4CAqDE;IAEF,sBAOC;CACF"}

package/lib/molecule/video-player/index.js

@@ -81,6 +81,7 @@ class VideoPlayer extends _react.default.Component {
         case 'application/uptale':
         case 'application/h5p':
         case 'application/omniPlayer':
+        case 'application/faurecia-vr':
           return /*#__PURE__*/_react.default.createElement(_videoIframe.default, {
             key: id,
             type: mimeType.split('application/')[1],

package/lib/molecule/video-player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","handleOnPlay","e","onResume","onPlay","setState","renderPlayer","mimeType","url","onPause","onEnded","width","height","style","wrapper","split","loading","disableAutostart","jwpOptions","otherProps","render","propTypes"],"sources":["../../../src/molecule/video-player/index.js"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = propTypes;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {loading = false, disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return loading ? (\n          <Loader />\n        ) : (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","handleOnPlay","e","onResume","onPlay","setState","renderPlayer","mimeType","url","onPause","onEnded","width","height","style","wrapper","split","loading","disableAutostart","jwpOptions","otherProps","render","propTypes"],"sources":["../../../src/molecule/video-player/index.js"],"sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = propTypes;\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n      case 'application/faurecia-vr':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {loading = false, disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return loading ? (\n          <Loader />\n        ) : (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"mappings":"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"}

package/lib/molecule/video-player/prop-types.js

@@ -60,7 +60,7 @@ var _default = {
   disableAutostart: _propTypes.default.bool,
   loading: _propTypes.default.bool,
   jwpOptions: JWPlayerPropTypes.jwpOptions,
-  mimeType: _propTypes.default.oneOf(['application/kontiki', 'application/uptale', 'application/vimeo', 'application/youtube', 'application/jwplayer', 'application/omniPlayer', 'application/h5p', 'video/mp4']).isRequired
+  mimeType: _propTypes.default.oneOf(['application/kontiki', 'application/uptale', 'application/vimeo', 'application/youtube', 'application/jwplayer', 'application/omniPlayer', 'application/h5p', 'application/faurecia-vr', 'video/mp4']).isRequired
 };
 exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

package/lib/molecule/video-player/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["JWPlayerPropTypes","mimeType","PropTypes","string","scriptErrorMessage","disableAutostart","bool","loading","jwpOptions","shape","file","SrcPropType","customProps","aspectratio","tracks","arrayOf","label","kind","default","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning","id","height","url","autoplay"],"sources":["../../../src/molecule/video-player/prop-types.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport const JWPlayerPropTypes = {\n  mimeType: PropTypes.string,\n  scriptErrorMessage: PropTypes.string,\n  disableAutostart: PropTypes.bool,\n  loading: PropTypes.bool,\n  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n  jwpOptions: PropTypes.shape({\n    file: SrcPropType,\n    customProps: PropTypes.shape({\n      aspectratio: PropTypes.string,\n      tracks: PropTypes.arrayOf(\n        PropTypes.shape({\n          file: SrcPropType,\n          label: PropTypes.string,\n          kind: PropTypes.string,\n          default: PropTypes.bool\n        })\n      ),\n      autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n      width: PropTypes.string,\n      skin: PropTypes.shape({\n        name: PropTypes.string\n      })\n    }),\n    licenseKey: PropTypes.string.isRequired,\n    playerScript: SrcPropType.isRequired,\n    playerId: PropTypes.string.isRequired\n  }),\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  onPlayAttemptFailed: PropTypes.func,\n  onAutostartNotAllowed: PropTypes.func,\n  onSetupError: PropTypes.func,\n  onWarning: PropTypes.func\n};\n\nexport default {\n  id: PropTypes.string,\n  width: PropTypes.string,\n  height: PropTypes.string,\n  url: SrcPropType,\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool,\n  loading: PropTypes.bool,\n  jwpOptions: JWPlayerPropTypes.jwpOptions,\n  mimeType: PropTypes.oneOf([\n    'application/kontiki',\n    'application/uptale',\n    'application/vimeo',\n    'application/youtube',\n    'application/jwplayer',\n    'application/omniPlayer',\n    'application/h5p',\n    'video/mp4'\n  ]).isRequired\n};\n"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,iBAAiB,GAAG;EAC/BC,QAAQ,EAAEC,kBAAA,CAAUC,MADW;EAE/BC,kBAAkB,EAAEF,kBAAA,CAAUC,MAFC;EAG/BE,gBAAgB,EAAEH,kBAAA,CAAUI,IAHG;EAI/BC,OAAO,EAAEL,kBAAA,CAAUI,IAJY;EAK/B;EACAE,UAAU,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IAC1BC,IAAI,EAAEC,sBADoB;IAE1BC,WAAW,EAAEV,kBAAA,CAAUO,KAAV,CAAgB;MAC3BI,WAAW,EAAEX,kBAAA,CAAUC,MADI;MAE3BW,MAAM,EAAEZ,kBAAA,CAAUa,OAAV,CACNb,kBAAA,CAAUO,KAAV,CAAgB;QACdC,IAAI,EAAEC,sBADQ;QAEdK,KAAK,EAAEd,kBAAA,CAAUC,MAFH;QAGdc,IAAI,EAAEf,kBAAA,CAAUC,MAHF;QAIde,OAAO,EAAEhB,kBAAA,CAAUI;MAJL,CAAhB,CADM,CAFmB;MAU3Ba,SAAS,EAAEjB,kBAAA,CAAUkB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;MAW3BC,KAAK,EAAEnB,kBAAA,CAAUC,MAXU;MAY3BmB,IAAI,EAAEpB,kBAAA,CAAUO,KAAV,CAAgB;QACpBc,IAAI,EAAErB,kBAAA,CAAUC;MADI,CAAhB;IAZqB,CAAhB,CAFa;IAkB1BqB,UAAU,EAAEtB,kBAAA,CAAUC,MAAV,CAAiBsB,UAlBH;IAmB1BC,YAAY,EAAEf,sBAAA,CAAYc,UAnBA;IAoB1BE,QAAQ,EAAEzB,kBAAA,CAAUC,MAAV,CAAiBsB;EApBD,CAAhB,CANmB;EA4B/BG,MAAM,EAAE1B,kBAAA,CAAU2B,IA5Ba;EA6B/BC,QAAQ,EAAE5B,kBAAA,CAAU2B,IA7BW;EA8B/BE,OAAO,EAAE7B,kBAAA,CAAU2B,IA9BY;EA+B/BG,OAAO,EAAE9B,kBAAA,CAAU2B,IA/BY;EAgC/BI,OAAO,EAAE/B,kBAAA,CAAU2B,IAhCY;EAiC/BK,mBAAmB,EAAEhC,kBAAA,CAAU2B,IAjCA;EAkC/BM,qBAAqB,EAAEjC,kBAAA,CAAU2B,IAlCF;EAmC/BO,YAAY,EAAElC,kBAAA,CAAU2B,IAnCO;EAoC/BQ,SAAS,EAAEnC,kBAAA,CAAU2B;AApCU,CAA1B;;eAuCQ;EACbS,EAAE,EAAEpC,kBAAA,CAAUC,MADD;EAEbkB,KAAK,EAAEnB,kBAAA,CAAUC,MAFJ;EAGboC,MAAM,EAAErC,kBAAA,CAAUC,MAHL;EAIbqC,GAAG,EAAE7B,sBAJQ;EAKbiB,MAAM,EAAE1B,kBAAA,CAAU2B,IALL;EAMbC,QAAQ,EAAE5B,kBAAA,CAAU2B,IANP;EAObE,OAAO,EAAE7B,kBAAA,CAAU2B,IAPN;EAQbG,OAAO,EAAE9B,kBAAA,CAAU2B,IARN;EASbI,OAAO,EAAE/B,kBAAA,CAAU2B,IATN;EAUbY,QAAQ,EAAEvC,kBAAA,CAAUI,IAVP;EAWbD,gBAAgB,EAAEH,kBAAA,CAAUI,IAXf;EAYbC,OAAO,EAAEL,kBAAA,CAAUI,IAZN;EAabE,UAAU,EAAER,iBAAiB,CAACQ,UAbjB;EAcbP,QAAQ,EAAEC,kBAAA,CAAUkB,KAAV,CAAgB,CACxB,qBADwB,EAExB,oBAFwB,EAGxB,mBAHwB,EAIxB,qBAJwB,EAKxB,sBALwB,EAMxB,wBANwB,EAOxB,iBAPwB,EAQxB,WARwB,CAAhB,EASPK;AAvBU,C"}
+{"version":3,"file":"prop-types.js","names":["JWPlayerPropTypes","mimeType","PropTypes","string","scriptErrorMessage","disableAutostart","bool","loading","jwpOptions","shape","file","SrcPropType","customProps","aspectratio","tracks","arrayOf","label","kind","default","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning","id","height","url","autoplay"],"sources":["../../../src/molecule/video-player/prop-types.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport const JWPlayerPropTypes = {\n  mimeType: PropTypes.string,\n  scriptErrorMessage: PropTypes.string,\n  disableAutostart: PropTypes.bool,\n  loading: PropTypes.bool,\n  // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n  jwpOptions: PropTypes.shape({\n    file: SrcPropType,\n    customProps: PropTypes.shape({\n      aspectratio: PropTypes.string,\n      tracks: PropTypes.arrayOf(\n        PropTypes.shape({\n          file: SrcPropType,\n          label: PropTypes.string,\n          kind: PropTypes.string,\n          default: PropTypes.bool\n        })\n      ),\n      autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n      width: PropTypes.string,\n      skin: PropTypes.shape({\n        name: PropTypes.string\n      })\n    }),\n    licenseKey: PropTypes.string.isRequired,\n    playerScript: SrcPropType.isRequired,\n    playerId: PropTypes.string.isRequired\n  }),\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  onPlayAttemptFailed: PropTypes.func,\n  onAutostartNotAllowed: PropTypes.func,\n  onSetupError: PropTypes.func,\n  onWarning: PropTypes.func\n};\n\nexport default {\n  id: PropTypes.string,\n  width: PropTypes.string,\n  height: PropTypes.string,\n  url: SrcPropType,\n  onPlay: PropTypes.func,\n  onResume: PropTypes.func,\n  onPause: PropTypes.func,\n  onEnded: PropTypes.func,\n  onError: PropTypes.func,\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool,\n  loading: PropTypes.bool,\n  jwpOptions: JWPlayerPropTypes.jwpOptions,\n  mimeType: PropTypes.oneOf([\n    'application/kontiki',\n    'application/uptale',\n    'application/vimeo',\n    'application/youtube',\n    'application/jwplayer',\n    'application/omniPlayer',\n    'application/h5p',\n    'application/faurecia-vr',\n    'video/mp4'\n  ]).isRequired\n};\n"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,iBAAiB,GAAG;EAC/BC,QAAQ,EAAEC,kBAAA,CAAUC,MADW;EAE/BC,kBAAkB,EAAEF,kBAAA,CAAUC,MAFC;EAG/BE,gBAAgB,EAAEH,kBAAA,CAAUI,IAHG;EAI/BC,OAAO,EAAEL,kBAAA,CAAUI,IAJY;EAK/B;EACAE,UAAU,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IAC1BC,IAAI,EAAEC,sBADoB;IAE1BC,WAAW,EAAEV,kBAAA,CAAUO,KAAV,CAAgB;MAC3BI,WAAW,EAAEX,kBAAA,CAAUC,MADI;MAE3BW,MAAM,EAAEZ,kBAAA,CAAUa,OAAV,CACNb,kBAAA,CAAUO,KAAV,CAAgB;QACdC,IAAI,EAAEC,sBADQ;QAEdK,KAAK,EAAEd,kBAAA,CAAUC,MAFH;QAGdc,IAAI,EAAEf,kBAAA,CAAUC,MAHF;QAIde,OAAO,EAAEhB,kBAAA,CAAUI;MAJL,CAAhB,CADM,CAFmB;MAU3Ba,SAAS,EAAEjB,kBAAA,CAAUkB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;MAW3BC,KAAK,EAAEnB,kBAAA,CAAUC,MAXU;MAY3BmB,IAAI,EAAEpB,kBAAA,CAAUO,KAAV,CAAgB;QACpBc,IAAI,EAAErB,kBAAA,CAAUC;MADI,CAAhB;IAZqB,CAAhB,CAFa;IAkB1BqB,UAAU,EAAEtB,kBAAA,CAAUC,MAAV,CAAiBsB,UAlBH;IAmB1BC,YAAY,EAAEf,sBAAA,CAAYc,UAnBA;IAoB1BE,QAAQ,EAAEzB,kBAAA,CAAUC,MAAV,CAAiBsB;EApBD,CAAhB,CANmB;EA4B/BG,MAAM,EAAE1B,kBAAA,CAAU2B,IA5Ba;EA6B/BC,QAAQ,EAAE5B,kBAAA,CAAU2B,IA7BW;EA8B/BE,OAAO,EAAE7B,kBAAA,CAAU2B,IA9BY;EA+B/BG,OAAO,EAAE9B,kBAAA,CAAU2B,IA/BY;EAgC/BI,OAAO,EAAE/B,kBAAA,CAAU2B,IAhCY;EAiC/BK,mBAAmB,EAAEhC,kBAAA,CAAU2B,IAjCA;EAkC/BM,qBAAqB,EAAEjC,kBAAA,CAAU2B,IAlCF;EAmC/BO,YAAY,EAAElC,kBAAA,CAAU2B,IAnCO;EAoC/BQ,SAAS,EAAEnC,kBAAA,CAAU2B;AApCU,CAA1B;;eAuCQ;EACbS,EAAE,EAAEpC,kBAAA,CAAUC,MADD;EAEbkB,KAAK,EAAEnB,kBAAA,CAAUC,MAFJ;EAGboC,MAAM,EAAErC,kBAAA,CAAUC,MAHL;EAIbqC,GAAG,EAAE7B,sBAJQ;EAKbiB,MAAM,EAAE1B,kBAAA,CAAU2B,IALL;EAMbC,QAAQ,EAAE5B,kBAAA,CAAU2B,IANP;EAObE,OAAO,EAAE7B,kBAAA,CAAU2B,IAPN;EAQbG,OAAO,EAAE9B,kBAAA,CAAU2B,IARN;EASbI,OAAO,EAAE/B,kBAAA,CAAU2B,IATN;EAUbY,QAAQ,EAAEvC,kBAAA,CAAUI,IAVP;EAWbD,gBAAgB,EAAEH,kBAAA,CAAUI,IAXf;EAYbC,OAAO,EAAEL,kBAAA,CAAUI,IAZN;EAabE,UAAU,EAAER,iBAAiB,CAACQ,UAbjB;EAcbP,QAAQ,EAAEC,kBAAA,CAAUkB,KAAV,CAAgB,CACxB,qBADwB,EAExB,oBAFwB,EAGxB,mBAHwB,EAIxB,qBAJwB,EAKxB,sBALwB,EAMxB,wBANwB,EAOxB,iBAPwB,EAQxB,yBARwB,EASxB,WATwB,CAAhB,EAUPK;AAxBU,C"}

package/lib/organism/brand-analytics/index.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _has2 = _interopRequireDefault(require("lodash/fp/has"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
 
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
@@ -42,23 +44,22 @@ const Analytics = (props, context) => {
         frameBorder: "0"
       });
       if (!error) return /*#__PURE__*/_react.default.createElement(_loading.default, null);
-    } else if (!error) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: _style.default.dashboardNoSelection,
-        style: {
-          color: (0, _getOr2.default)('#00B0FF', 'common.primary', skin)
-        }
-      }, translate('Select a dashboard in the Sidebar'));
     }
 
-    return null;
+    if (error) return null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.dashboardNoSelection,
+      style: {
+        color: (0, _getOr2.default)('#00B0FF', 'common.primary', skin)
+      }
+    }, translate('Select a dashboard in the Sidebar'));
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dashboardSelection
-  }, /*#__PURE__*/_react.default.createElement("h1", {
-    className: _style.default.dashboardTitle
-  }, (0, _getOr2.default)(translate('No Selected Dashboard'), 'name', selected)), body());
+  }, (0, _has2.default)('name', selected) ? /*#__PURE__*/_react.default.createElement("h1", {
+    className: _style.default.noSelectedDashboard
+  }, translate('No Selected Dashboard')) : null, body());
 };
 
 Analytics.propTypes = process.env.NODE_ENV !== "production" ? {

package/lib/organism/brand-analytics/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Analytics","props","context","url","error","selected","skin","translate","body","style","dashboardIframe","dashboardNoSelection","color","dashboardSelection","dashboardTitle","propTypes","PropTypes","string","shape","name","contextTypes","Provider","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","func","isRequired","BrandAnalytics","dashboards","currentDashboard","sidebarItems","length","dashboardContent","arrayOf","href","description","currentVersion","versions","schema","oneOfType","title","type","value","onChange","option","bool","inputParams"],"sources":["../../../src/organism/brand-analytics/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport Sidebar from '../sidebar';\nimport Provider from '../../atom/provider';\nimport Loader from '../../template/app-player/loading';\nimport AnalyticsPopin from './analytics-popin';\nimport style from './style.css';\n\nconst Analytics = (props, context) => {\n  const {url, error, selected} = props;\n  const {skin, translate} = context;\n  const body = () => {\n    if (selected) {\n      if (url) return <iframe src={url} className={style.dashboardIframe} frameBorder=\"0\" />;\n      if (!error) return <Loader />;\n    } else if (!error) {\n      return (\n        <div\n          className={style.dashboardNoSelection}\n          style={{color: getOr('#00B0FF', 'common.primary', skin)}}\n        >\n          {translate('Select a dashboard in the Sidebar')}\n        </div>\n      );\n    }\n    return null;\n  };\n  return (\n    <div className={style.dashboardSelection}>\n      <h1 className={style.dashboardTitle}>\n        {getOr(translate('No Selected Dashboard'), 'name', selected)}\n      </h1>\n      {body()}\n    </div>\n  );\n};\n\nAnalytics.propTypes = {\n  url: PropTypes.string,\n  error: PropTypes.string,\n  selected: PropTypes.shape({\n    name: PropTypes.string\n  })\n};\n\nAnalytics.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nconst ErrorPopin = ({onErrorRedirect, ctaLabel, error}, {translate}) => {\n  return error ? (\n    <AnalyticsPopin\n      header={translate('An Error Occurred')}\n      ctaLabel={ctaLabel}\n      ctaOnClick={onErrorRedirect}\n      closeOnClick={onErrorRedirect}\n    >\n      <p>{error}</p>\n    </AnalyticsPopin>\n  ) : null;\n};\n\nErrorPopin.propTypes = {\n  onErrorRedirect: PropTypes.func.isRequired,\n  ctaLabel: PropTypes.string.isRequired,\n  error: PropTypes.string\n};\n\nErrorPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst BrandAnalytics = (props, context) => {\n  const {\n    dashboards = [],\n    currentDashboard,\n    onErrorRedirect = noop,\n    url,\n    error,\n    sidebarItems\n  } = props;\n\n  const {translate} = context;\n\n  if (!dashboards || dashboards.length === 0) {\n    if (error)\n      return (\n        <ErrorPopin\n          ctaLabel={translate('Reload')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      );\n    return <Loader />;\n  }\n\n  return (\n    <div>\n      <Sidebar items={sidebarItems} />\n      <div className={style.dashboardContent}>\n        <Analytics error={error} selected={currentDashboard} url={url} />\n        <ErrorPopin\n          ctaLabel={translate('Back to Dashboard Home')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      </div>\n    </div>\n  );\n};\n\nBrandAnalytics.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBrandAnalytics.propTypes = {\n  dashboards: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      description: PropTypes.string.isRequired\n    })\n  ),\n  currentDashboard: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    currentVersion: PropTypes.string.isRequired,\n    versions: PropTypes.shape({}).isRequired,\n    schema: PropTypes.arrayOf(PropTypes.string)\n  }),\n  sidebarItems: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired\n      }),\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        name: PropTypes.string,\n        onChange: PropTypes.func.isRequired,\n        option: PropTypes.bool.isRequired\n      }),\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        name: PropTypes.string,\n        value: PropTypes.string,\n        onChange: PropTypes.func\n      })\n    ])\n  ),\n  url: PropTypes.string,\n  error: PropTypes.string,\n  onErrorRedirect: PropTypes.func,\n  inputParams: PropTypes.shape({})\n};\n\nexport default BrandAnalytics;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Analytics","props","context","url","error","selected","skin","translate","body","style","dashboardIframe","dashboardNoSelection","color","dashboardSelection","noSelectedDashboard","propTypes","PropTypes","string","shape","name","contextTypes","Provider","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","func","isRequired","BrandAnalytics","dashboards","currentDashboard","sidebarItems","length","dashboardContent","arrayOf","href","description","currentVersion","versions","schema","oneOfType","title","type","value","onChange","option","bool","inputParams"],"sources":["../../../src/organism/brand-analytics/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, has} from 'lodash/fp';\nimport Sidebar from '../sidebar';\nimport Provider from '../../atom/provider';\nimport Loader from '../../template/app-player/loading';\nimport AnalyticsPopin from './analytics-popin';\nimport style from './style.css';\n\nconst Analytics = (props, context) => {\n  const {url, error, selected} = props;\n  const {skin, translate} = context;\n  const body = () => {\n    if (selected) {\n      if (url) return <iframe src={url} className={style.dashboardIframe} frameBorder=\"0\" />;\n      if (!error) return <Loader />;\n    }\n    if (error) return null;\n\n    return (\n      <div\n        className={style.dashboardNoSelection}\n        style={{color: getOr('#00B0FF', 'common.primary', skin)}}\n      >\n        {translate('Select a dashboard in the Sidebar')}\n      </div>\n    );\n  };\n  return (\n    <div className={style.dashboardSelection}>\n      {has('name', selected) ? (\n        <h1 className={style.noSelectedDashboard}>{translate('No Selected Dashboard')}</h1>\n      ) : null}\n      {body()}\n    </div>\n  );\n};\n\nAnalytics.propTypes = {\n  url: PropTypes.string,\n  error: PropTypes.string,\n  selected: PropTypes.shape({\n    name: PropTypes.string\n  })\n};\n\nAnalytics.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nconst ErrorPopin = ({onErrorRedirect, ctaLabel, error}, {translate}) => {\n  return error ? (\n    <AnalyticsPopin\n      header={translate('An Error Occurred')}\n      ctaLabel={ctaLabel}\n      ctaOnClick={onErrorRedirect}\n      closeOnClick={onErrorRedirect}\n    >\n      <p>{error}</p>\n    </AnalyticsPopin>\n  ) : null;\n};\n\nErrorPopin.propTypes = {\n  onErrorRedirect: PropTypes.func.isRequired,\n  ctaLabel: PropTypes.string.isRequired,\n  error: PropTypes.string\n};\n\nErrorPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst BrandAnalytics = (props, context) => {\n  const {\n    dashboards = [],\n    currentDashboard,\n    onErrorRedirect = noop,\n    url,\n    error,\n    sidebarItems\n  } = props;\n\n  const {translate} = context;\n\n  if (!dashboards || dashboards.length === 0) {\n    if (error)\n      return (\n        <ErrorPopin\n          ctaLabel={translate('Reload')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      );\n    return <Loader />;\n  }\n\n  return (\n    <div>\n      <Sidebar items={sidebarItems} />\n      <div className={style.dashboardContent}>\n        <Analytics error={error} selected={currentDashboard} url={url} />\n        <ErrorPopin\n          ctaLabel={translate('Back to Dashboard Home')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      </div>\n    </div>\n  );\n};\n\nBrandAnalytics.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBrandAnalytics.propTypes = {\n  dashboards: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      description: PropTypes.string.isRequired\n    })\n  ),\n  currentDashboard: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    currentVersion: PropTypes.string.isRequired,\n    versions: PropTypes.shape({}).isRequired,\n    schema: PropTypes.arrayOf(PropTypes.string)\n  }),\n  sidebarItems: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        value: PropTypes.string.isRequired\n      }),\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        name: PropTypes.string,\n        onChange: PropTypes.func.isRequired,\n        option: PropTypes.bool.isRequired\n      }),\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        type: PropTypes.string.isRequired,\n        name: PropTypes.string,\n        value: PropTypes.string,\n        onChange: PropTypes.func\n      })\n    ])\n  ),\n  url: PropTypes.string,\n  error: PropTypes.string,\n  onErrorRedirect: PropTypes.func,\n  inputParams: PropTypes.shape({})\n};\n\nexport default BrandAnalytics;\n"],"mappings":"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"}

package/lib/organism/brand-analytics/style.css

@@ -12,8 +12,8 @@
   text-align: center;
   margin: 0 20px 20px 0px;
   display: flex;
-  flex-direction: column;  
-  min-height: 700px;
+  flex-direction: column;
+  min-height: 2000px;
 }
 
 .dashboardSelection {
@@ -22,11 +22,12 @@
   flex: 1;
 }
 
-.dashboardTitle {
+.noSelectedDashboard {
   font-size: 24px;
   color: dark;
   border: 1px solid light;
   padding: 10px;
+  background-color: lightMediumGray;
   flex-grow: 0;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.21.0",
+  "version": "11.22.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -168,5 +168,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "c9b7d3f6b5184c346180afe297d78a224b3289b5"
+  "gitHead": "1d9e9d294f5eb43d7f960772329278d7df1f0903"
 }

package/locales/.mtslconfig.json

@@ -1 +0,0 @@
-{"ignore_dirs":[]}