@coorpacademy/components 10.0.49-alpha.9 → 10.1.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","e","onResume","onPlay","setState","mimeType","url","onPause","onEnded","width","height","style","wrapper","handleOnPlay","split","disableAutostart","jwpOptions","otherProps","render","renderPlayer","propTypes","PropTypes","string","SrcPropType","func","onError","autoplay","bool","JWPlayer","oneOf","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = {\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    jwpOptions: JWPlayer.propTypes.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\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 {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return (\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"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","e","onResume","onPlay","setState","mimeType","url","onPause","onEnded","width","height","style","wrapper","handleOnPlay","split","disableAutostart","jwpOptions","otherProps","render","renderPlayer","propTypes","PropTypes","string","SrcPropType","func","onError","autoplay","bool","JWPlayer","oneOf","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = {\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    jwpOptions: JWPlayer.propTypes.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\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 {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return (\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"],"file":"index.js"}

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

@@ -202,8 +202,8 @@ class JWPlayer extends _react.default.Component {
       fileUrl
     } = this.state;
 
-    const _jwpOptions = _extends({}, jwpOptions, {
-      customProps: _extends({}, (0, _get2.default)('customProps', jwpOptions), {
+    const _jwpOptions = _extends(_extends({}, jwpOptions), {}, {
+      customProps: _extends(_extends({}, (0, _get2.default)('customProps', jwpOptions)), {}, {
         autostart: !disableAutostart && (0, _get2.default)('customProps.autostart', jwpOptions)
       })
     });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/video-player/jwplayer.js"],"names":["JWPlayer","React","Component","constructor","props","context","state","fileUrl","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","componentDidMount","jwPlayerScript","document","getElementById","onerror","setFileUrl","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","jwpOptions","playerId","play","file","setState","e","onPlay","onResume","onPause","onEnded","script","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","customProps","autostart","style","errorMessage","wrapper","propTypes","PropTypes","string","bool","shape","SrcPropType","aspectratio","tracks","arrayOf","label","kind","default","boolean","oneOf","width","skin","name","licenseKey","isRequired","playerScript","func"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,QAAN,SAAuBC,eAAMC,SAA7B,CAAuC;AAuCrCC,EAAAA,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;AAC1B,UAAMD,KAAN,EAAaC,OAAb;AACA,SAAKC,KAAL,GAAa;AACXC,MAAAA,OAAO,EAAE,EADE;AAEXC,MAAAA,mBAAmB,EAAE;AAFV,KAAb;AAKA,SAAKC,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;AACA,SAAKC,YAAL,GAAoB,KAAKA,YAAL,CAAkBD,IAAlB,CAAuB,IAAvB,CAApB;AACA,SAAKE,WAAL,GAAmB,KAAKA,WAAL,CAAiBF,IAAjB,CAAsB,IAAtB,CAAnB;AACA,SAAKG,WAAL,GAAmB,KAAKA,WAAL,CAAiBH,IAAjB,CAAsB,IAAtB,CAAnB;AACA,SAAKI,WAAL,GAAmB,KAAKA,WAAL,CAAiBJ,IAAjB,CAAsB,IAAtB,CAAnB;AACA,SAAKK,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBL,IAAtB,CAA2B,IAA3B,CAAxB;AACA,SAAKM,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBN,IAAvB,CAA4B,IAA5B,CAAzB;AACA,SAAKO,uBAAL,GAA+B,KAAKA,uBAAL,CAA6BP,IAA7B,CAAkC,IAAlC,CAA/B;AACA,SAAKQ,yBAAL,GAAiC,KAAKA,yBAAL,CAA+BR,IAA/B,CAAoC,IAApC,CAAjC;AACA,SAAKS,aAAL,GAAqB,KAAKA,aAAL,CAAmBT,IAAnB,CAAwB,IAAxB,CAArB;AACD;;AAEDU,EAAAA,iBAAiB,GAAG;AAClB,UAAMC,cAAc,GAAGC,QAAQ,CAACC,cAAT,CAAwB,kBAAxB,CAAvB;;AACAF,IAAAA,cAAc,CAACG,OAAf,GAAyB,MAAM,KAAKR,iBAAL,CAAuBK,cAAvB,CAA/B;;AACA,SAAKI,UAAL;AACD;;AAEDC,EAAAA,kBAAkB,CAACC,SAAD,EAAY;AAC5B,UAAMC,OAAO,GAAG,oBAAK,KAAKxB,KAAV,EAAiByB,MAAjB,CAAwBC,GAAG,IAAI;AAC7C,YAAM;AAAC,SAACA,GAAD,GAAOC;AAAR,UAAmB,KAAK3B,KAA9B;AACA,YAAM;AAAC,SAAC0B,GAAD,GAAOE;AAAR,UAAgBL,SAAtB;AACA,aAAOI,OAAO,KAAKC,IAAnB;AACD,KAJe,CAAhB;AAKA,UAAMC,WAAW,GAAG,wBAAS,UAAT,EAAqBL,OAArB,CAApB;;AACA,QAAIK,WAAJ,EAAiB;AACf,UAAI,0BAAWC,MAAM,CAACC,QAAlB,CAAJ,EAAiC;AAC/BD,QAAAA,MAAM,CAACC,QAAP,CAAgBR,SAAS,CAACS,UAAV,CAAqBC,QAArC,EAA+CC,IAA/C;AACD;AACF;;AACD,UAAM;AAACF,MAAAA;AAAD,QAAe,KAAKhC,KAA1B;;AACA,QAAIuB,SAAS,CAACS,UAAV,CAAqBG,IAArB,KAA8BH,UAAU,CAACG,IAA7C,EAAmD;AACjD,WAAKd,UAAL;AACD;AACF;;AAEDA,EAAAA,UAAU,GAAG;AACX,UAAM;AAACW,MAAAA;AAAD,QAAe,KAAKhC,KAA1B;AACA,UAAM;AAACmC,MAAAA;AAAD,QAASH,UAAf;AAEA,WAAO,KAAKI,QAAL,CAAc;AAACjC,MAAAA,OAAO,EAAEgC;AAAV,KAAd,CAAP;AACD;;AAED9B,EAAAA,UAAU,CAACgC,CAAD,EAAI;AACZ,UAAM;AAACC,MAAAA;AAAD,QAAW,KAAKtC,KAAtB;AACA,QAAIsC,MAAJ,EAAYA,MAAM,CAACD,CAAD,CAAN;AACb;;AAED9B,EAAAA,YAAY,CAAC8B,CAAD,EAAI;AACd,UAAM;AAACE,MAAAA;AAAD,QAAa,KAAKvC,KAAxB;AACA,QAAIuC,QAAJ,EAAcA,QAAQ,CAACF,CAAD,CAAR;AACf;;AAED7B,EAAAA,WAAW,CAAC6B,CAAD,EAAI;AACb,UAAM;AAACG,MAAAA;AAAD,QAAY,KAAKxC,KAAvB;AACA,QAAIwC,OAAJ,EAAaA,OAAO,CAACH,CAAD,CAAP;AACd;;AAED5B,EAAAA,WAAW,CAAC4B,CAAD,EAAI;AACb,UAAM;AAACI,MAAAA;AAAD,QAAY,KAAKzC,KAAvB;AACA,QAAIyC,OAAJ,EAAaA,OAAO,CAACJ,CAAD,CAAP;AACd;;AAEDzB,EAAAA,iBAAiB,CAAC8B,MAAD,EAAS;AACxB,SAAKN,QAAL,CAAc;AAAChC,MAAAA,mBAAmB,EAAE;AAAtB,KAAd;;AACA,QAAIsC,MAAJ,EAAY;AACVA,MAAAA,MAAM,CAACC,UAAP,CAAkBC,WAAlB;AACD;AACF;;AAEDjC,EAAAA,gBAAgB,CAACkC,KAAD,EAAQ;AACtB,UAAM;AAACC,MAAAA;AAAD,QAAiB,KAAK9C,KAA5B;AACA,QAAI8C,YAAJ,EAAkBA,YAAY,CAACD,KAAD,CAAZ;AACnB;;AAEDhC,EAAAA,uBAAuB,CAACgC,KAAD,EAAQ;AAC7B,UAAM;AAACE,MAAAA;AAAD,QAAwB,KAAK/C,KAAnC;AACA,QAAI+C,mBAAJ,EAAyBA,mBAAmB,CAACF,KAAD,CAAnB;AAC1B;;AAED/B,EAAAA,yBAAyB,CAAC+B,KAAD,EAAQ;AAC/B,UAAM;AAACG,MAAAA;AAAD,QAA0B,KAAKhD,KAArC;AACA,QAAIgD,qBAAJ,EAA2BA,qBAAqB,CAACH,KAAD,CAArB;AAC5B;;AAED9B,EAAAA,aAAa,CAAC8B,KAAD,EAAQ;AACnB,UAAM;AAACI,MAAAA;AAAD,QAAc,KAAKjD,KAAzB;AACA,QAAIiD,SAAJ,EAAeA,SAAS,CAACJ,KAAD,CAAT;AAChB;;AAEDnC,EAAAA,WAAW,CAACmC,KAAD,EAAQ;AACjB,UAAM;AAACK,MAAAA,OAAD;AAAUC,MAAAA,QAAV;AAAoBnB,MAAAA;AAApB,QAAkC,KAAKhC,KAA7C;AACA,UAAM;AAACoD,MAAAA;AAAD,QAASP,KAAf;AAEAK,IAAAA,OAAO,IAAIA,OAAO,CAACL,KAAD,CAAlB;;AAEA,QAAIM,QAAQ,KAAK,qBAAjB,EAAwC;AACtC;AACD,KARgB,CAUjB;AACA;AACA;;;AACA,QAAIC,IAAI,KAAK,MAAb,EAAqB;AACnB,YAAM;AAACjB,QAAAA,IAAI,EAAEkB;AAAP,UAAmBrB,UAAzB;AACA,YAAMsB,KAAK,GAAG,2DAAd;AACA,YAAMC,OAAO,GAAGF,QAAQ,CAACG,KAAT,CAAeF,KAAf,CAAhB;;AAEA,UAAIC,OAAJ,EAAa;AACX,cAAME,OAAO,GAAGF,OAAO,CAAC,CAAD,CAAvB;AACA,eAAO,KAAKnB,QAAL,CAAc;AACnBjC,UAAAA,OAAO,EAAG,yCAAwCsD,OAAQ;AADvC,SAAd,CAAP;AAGD;AACF;AACF;;AAEDC,EAAAA,MAAM,GAAG;AACP,UAAM;AAAC1B,MAAAA,UAAD;AAAa2B,MAAAA,gBAAb;AAA+BC,MAAAA;AAA/B,QAAqD,KAAK5D,KAAhE;AACA,UAAM;AAACI,MAAAA,mBAAD;AAAsBD,MAAAA;AAAtB,QAAiC,KAAKD,KAA5C;;AACA,UAAM2D,WAAW,gBACZ7B,UADY;AAEf8B,MAAAA,WAAW,eACN,mBAAI,aAAJ,EAAmB9B,UAAnB,CADM;AAET+B,QAAAA,SAAS,EAAE,CAACJ,gBAAD,IAAqB,mBAAI,uBAAJ,EAA6B3B,UAA7B;AAFvB;AAFI,MAAjB;;AAQA,wBACE,4DACG5B,mBAAmB,gBAAG;AAAG,MAAA,SAAS,EAAE4D,kBAAMC;AAApB,OAAmCL,kBAAnC,MAAH,GAAiE,IADvF,eAEE,6BAAC,sBAAD,eACMC,WADN;AAEE,MAAA,SAAS,EAAEG,kBAAME,OAFnB;AAGE,MAAA,WAAW,EAAE,KAAK7D,UAHpB;AAIE,MAAA,MAAM,EAAE,KAAKA,UAJf;AAKE,MAAA,QAAQ,EAAE,KAAKE,YALjB;AAME,MAAA,OAAO,EAAE,KAAKC,WANhB;AAOE,MAAA,mBAAmB,EAAE,KAAKC,WAP5B;AAQE,MAAA,OAAO,EAAE,KAAKC,WARhB;AASE,MAAA,YAAY,EAAE,KAAKC,gBATrB;AAUE,MAAA,mBAAmB,EAAE,KAAKE,uBAV5B;AAWE,MAAA,SAAS,EAAE,KAAKE,aAXlB;AAYE,MAAA,qBAAqB,EAAE,KAAKD,yBAZ9B;AAaE,MAAA,IAAI,EAAEX;AAbR,OAFF,CADF;AAoBD;;AAlMoC;;AAAjCP,Q,CACGuE,S,2CAAY;AACjBhB,EAAAA,QAAQ,EAAEiB,mBAAUC,MADH;AAEjBT,EAAAA,kBAAkB,EAAEQ,mBAAUC,MAFb;AAGjBV,EAAAA,gBAAgB,EAAES,mBAAUE,IAHX;AAIjB;AACAtC,EAAAA,UAAU,EAAEoC,mBAAUG,KAAV,CAAgB;AAC1BpC,IAAAA,IAAI,EAAEqC,sBADoB;AAE1BV,IAAAA,WAAW,EAAEM,mBAAUG,KAAV,CAAgB;AAC3BE,MAAAA,WAAW,EAAEL,mBAAUC,MADI;AAE3BK,MAAAA,MAAM,EAAEN,mBAAUO,OAAV,CACNP,mBAAUG,KAAV,CAAgB;AACdpC,QAAAA,IAAI,EAAEqC,sBADQ;AAEdI,QAAAA,KAAK,EAAER,mBAAUC,MAFH;AAGdQ,QAAAA,IAAI,EAAET,mBAAUC,MAHF;AAIdS,QAAAA,OAAO,EAAEV,mBAAUW;AAJL,OAAhB,CADM,CAFmB;AAU3BhB,MAAAA,SAAS,EAAEK,mBAAUY,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;AAW3BC,MAAAA,KAAK,EAAEb,mBAAUC,MAXU;AAY3Ba,MAAAA,IAAI,EAAEd,mBAAUG,KAAV,CAAgB;AACpBY,QAAAA,IAAI,EAAEf,mBAAUC;AADI,OAAhB;AAZqB,KAAhB,CAFa;AAkB1Be,IAAAA,UAAU,EAAEhB,mBAAUC,MAAV,CAAiBgB,UAlBH;AAmB1BC,IAAAA,YAAY,EAAEd,uBAAYa,UAnBA;AAoB1BpD,IAAAA,QAAQ,EAAEmC,mBAAUC,MAAV,CAAiBgB;AApBD,GAAhB,CALK;AA2BjB/C,EAAAA,MAAM,EAAE8B,mBAAUmB,IA3BD;AA4BjBhD,EAAAA,QAAQ,EAAE6B,mBAAUmB,IA5BH;AA6BjB/C,EAAAA,OAAO,EAAE4B,mBAAUmB,IA7BF;AA8BjB9C,EAAAA,OAAO,EAAE2B,mBAAUmB,IA9BF;AA+BjBrC,EAAAA,OAAO,EAAEkB,mBAAUmB,IA/BF;AAgCjBxC,EAAAA,mBAAmB,EAAEqB,mBAAUmB,IAhCd;AAiCjBvC,EAAAA,qBAAqB,EAAEoB,mBAAUmB,IAjChB;AAkCjBzC,EAAAA,YAAY,EAAEsB,mBAAUmB,IAlCP;AAmCjBtC,EAAAA,SAAS,EAAEmB,mBAAUmB;AAnCJ,C;eAoMN3F,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactJWPlayer from 'react-jw-player';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './jwplayer.css';\n\nclass JWPlayer extends React.Component {\n  static propTypes = {\n    mimeType: PropTypes.string,\n    scriptErrorMessage: PropTypes.string,\n    disableAutostart: 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.boolean\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\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      fileUrl: '',\n      scriptFailedLoading: false\n    };\n\n    this.handlePlay = this.handlePlay.bind(this);\n    this.handleResume = this.handleResume.bind(this);\n    this.handlePause = this.handlePause.bind(this);\n    this.handleEnded = this.handleEnded.bind(this);\n    this.handleError = this.handleError.bind(this);\n    this.handleSetupError = this.handleSetupError.bind(this);\n    this.handleScriptError = this.handleScriptError.bind(this);\n    this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n    this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n    this.handleWarning = this.handleWarning.bind(this);\n  }\n\n  componentDidMount() {\n    const jwPlayerScript = document.getElementById('jw-player-script');\n    jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);\n    this.setFileUrl();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    const shouldStart = includes('autoplay', changes);\n    if (shouldStart) {\n      if (isFunction(window.jwplayer)) {\n        window.jwplayer(prevProps.jwpOptions.playerId).play();\n      }\n    }\n    const {jwpOptions} = this.props;\n    if (prevProps.jwpOptions.file !== jwpOptions.file) {\n      this.setFileUrl();\n    }\n  }\n\n  setFileUrl() {\n    const {jwpOptions} = this.props;\n    const {file} = jwpOptions;\n\n    return this.setState({fileUrl: file});\n  }\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  handleResume(e) {\n    const {onResume} = this.props;\n    if (onResume) onResume(e);\n  }\n\n  handlePause(e) {\n    const {onPause} = this.props;\n    if (onPause) onPause(e);\n  }\n\n  handleEnded(e) {\n    const {onEnded} = this.props;\n    if (onEnded) onEnded(e);\n  }\n\n  handleScriptError(script) {\n    this.setState({scriptFailedLoading: true});\n    if (script) {\n      script.parentNode.removeChild();\n    }\n  }\n\n  handleSetupError(error) {\n    const {onSetupError} = this.props;\n    if (onSetupError) onSetupError(error);\n  }\n\n  handlePlayAttemptFailed(error) {\n    const {onPlayAttemptFailed} = this.props;\n    if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n  }\n\n  handleAutostartNotAllowed(error) {\n    const {onAutostartNotAllowed} = this.props;\n    if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n  }\n\n  handleWarning(error) {\n    const {onWarning} = this.props;\n    if (onWarning) onWarning(error);\n  }\n\n  handleError(error) {\n    const {onError, mimeType, jwpOptions} = this.props;\n    const {code} = error;\n\n    onError && onError(error);\n\n    if (mimeType === 'application/kontiki') {\n      return;\n    }\n\n    // This error mostly appears on IE11 on W7\n    // Since IE11 dont kinda support M3U8 sometimes,\n    // We've decided to switch from M3U8 to mp4 whenever it appears\n    if (code === 214000) {\n      const {file: videoUrl} = jwpOptions;\n      const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n      const matched = videoUrl.match(regex);\n\n      if (matched) {\n        const videoId = matched[1];\n        return this.setState({\n          fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n        });\n      }\n    }\n  }\n\n  render() {\n    const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n    const {scriptFailedLoading, fileUrl} = this.state;\n    const _jwpOptions = {\n      ...jwpOptions,\n      customProps: {\n        ...get('customProps', jwpOptions),\n        autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n      }\n    };\n\n    return (\n      <>\n        {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n        <ReactJWPlayer\n          {..._jwpOptions}\n          className={style.wrapper}\n          onAutoStart={this.handlePlay}\n          onPlay={this.handlePlay}\n          onResume={this.handleResume}\n          onPause={this.handlePause}\n          onOneHundredPercent={this.handleEnded}\n          onError={this.handleError}\n          onSetupError={this.handleSetupError}\n          onPlayAttemptFailed={this.handlePlayAttemptFailed}\n          onWarning={this.handleWarning}\n          onAutostartNotAllowed={this.handleAutostartNotAllowed}\n          file={fileUrl}\n        />\n      </>\n    );\n  }\n}\n\nexport default JWPlayer;\n"],"file":"jwplayer.js"}
+{"version":3,"sources":["../../../src/molecule/video-player/jwplayer.js"],"names":["JWPlayer","React","Component","constructor","props","context","state","fileUrl","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","componentDidMount","jwPlayerScript","document","getElementById","onerror","setFileUrl","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","jwpOptions","playerId","play","file","setState","e","onPlay","onResume","onPause","onEnded","script","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","customProps","autostart","style","errorMessage","wrapper","propTypes","PropTypes","string","bool","shape","SrcPropType","aspectratio","tracks","arrayOf","label","kind","default","boolean","oneOf","width","skin","name","licenseKey","isRequired","playerScript","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactJWPlayer from 'react-jw-player';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './jwplayer.css';\n\nclass JWPlayer extends React.Component {\n  static propTypes = {\n    mimeType: PropTypes.string,\n    scriptErrorMessage: PropTypes.string,\n    disableAutostart: 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.boolean\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\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      fileUrl: '',\n      scriptFailedLoading: false\n    };\n\n    this.handlePlay = this.handlePlay.bind(this);\n    this.handleResume = this.handleResume.bind(this);\n    this.handlePause = this.handlePause.bind(this);\n    this.handleEnded = this.handleEnded.bind(this);\n    this.handleError = this.handleError.bind(this);\n    this.handleSetupError = this.handleSetupError.bind(this);\n    this.handleScriptError = this.handleScriptError.bind(this);\n    this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n    this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n    this.handleWarning = this.handleWarning.bind(this);\n  }\n\n  componentDidMount() {\n    const jwPlayerScript = document.getElementById('jw-player-script');\n    jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);\n    this.setFileUrl();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    const shouldStart = includes('autoplay', changes);\n    if (shouldStart) {\n      if (isFunction(window.jwplayer)) {\n        window.jwplayer(prevProps.jwpOptions.playerId).play();\n      }\n    }\n    const {jwpOptions} = this.props;\n    if (prevProps.jwpOptions.file !== jwpOptions.file) {\n      this.setFileUrl();\n    }\n  }\n\n  setFileUrl() {\n    const {jwpOptions} = this.props;\n    const {file} = jwpOptions;\n\n    return this.setState({fileUrl: file});\n  }\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  handleResume(e) {\n    const {onResume} = this.props;\n    if (onResume) onResume(e);\n  }\n\n  handlePause(e) {\n    const {onPause} = this.props;\n    if (onPause) onPause(e);\n  }\n\n  handleEnded(e) {\n    const {onEnded} = this.props;\n    if (onEnded) onEnded(e);\n  }\n\n  handleScriptError(script) {\n    this.setState({scriptFailedLoading: true});\n    if (script) {\n      script.parentNode.removeChild();\n    }\n  }\n\n  handleSetupError(error) {\n    const {onSetupError} = this.props;\n    if (onSetupError) onSetupError(error);\n  }\n\n  handlePlayAttemptFailed(error) {\n    const {onPlayAttemptFailed} = this.props;\n    if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n  }\n\n  handleAutostartNotAllowed(error) {\n    const {onAutostartNotAllowed} = this.props;\n    if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n  }\n\n  handleWarning(error) {\n    const {onWarning} = this.props;\n    if (onWarning) onWarning(error);\n  }\n\n  handleError(error) {\n    const {onError, mimeType, jwpOptions} = this.props;\n    const {code} = error;\n\n    onError && onError(error);\n\n    if (mimeType === 'application/kontiki') {\n      return;\n    }\n\n    // This error mostly appears on IE11 on W7\n    // Since IE11 dont kinda support M3U8 sometimes,\n    // We've decided to switch from M3U8 to mp4 whenever it appears\n    if (code === 214000) {\n      const {file: videoUrl} = jwpOptions;\n      const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n      const matched = videoUrl.match(regex);\n\n      if (matched) {\n        const videoId = matched[1];\n        return this.setState({\n          fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n        });\n      }\n    }\n  }\n\n  render() {\n    const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n    const {scriptFailedLoading, fileUrl} = this.state;\n    const _jwpOptions = {\n      ...jwpOptions,\n      customProps: {\n        ...get('customProps', jwpOptions),\n        autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n      }\n    };\n\n    return (\n      <>\n        {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n        <ReactJWPlayer\n          {..._jwpOptions}\n          className={style.wrapper}\n          onAutoStart={this.handlePlay}\n          onPlay={this.handlePlay}\n          onResume={this.handleResume}\n          onPause={this.handlePause}\n          onOneHundredPercent={this.handleEnded}\n          onError={this.handleError}\n          onSetupError={this.handleSetupError}\n          onPlayAttemptFailed={this.handlePlayAttemptFailed}\n          onWarning={this.handleWarning}\n          onAutostartNotAllowed={this.handleAutostartNotAllowed}\n          file={fileUrl}\n        />\n      </>\n    );\n  }\n}\n\nexport default JWPlayer;\n"],"file":"jwplayer.js"}

package/lib/molecule/video-player/test/fixtures/youtube.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || 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); }
 
 var _default = {
-  props: _extends({}, _vimeo.default.props, {
+  props: _extends(_extends({}, _vimeo.default.props), {}, {
     mimeType: 'application/youtube',
     id: 'nLMZd05FQKc'
   })

package/lib/molecule/video-player/test/fixtures/youtube.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/video-player/test/fixtures/youtube.js"],"names":["props","Default","mimeType","id"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,eAAQD,KADR;AAEHE,IAAAA,QAAQ,EAAE,qBAFP;AAGHC,IAAAA,EAAE,EAAE;AAHD;AADQ,C","sourcesContent":["import Default from './vimeo';\n\nexport default {\n  props: {\n    ...Default.props,\n    mimeType: 'application/youtube',\n    id: 'nLMZd05FQKc'\n  }\n};\n"],"file":"youtube.js"}
+{"version":3,"sources":["../../../../../src/molecule/video-player/test/fixtures/youtube.js"],"names":["props","Default","mimeType","id"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,eAAQD,KADR;AAEHE,IAAAA,QAAQ,EAAE,qBAFP;AAGHC,IAAAA,EAAE,EAAE;AAHD;AADQ,C","sourcesContent":["import Default from './vimeo';\n\nexport default {\n  props: {\n    ...Default.props,\n    mimeType: 'application/youtube',\n    id: 'nLMZd05FQKc'\n  }\n};\n"],"file":"youtube.js"}

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

@@ -126,7 +126,7 @@ class Vimeo extends _react.default.Component {
     const {
       Player
     } = V;
-    this.player = new Player(this.container, _extends({}, options, {
+    this.player = new Player(this.container, _extends(_extends({}, options), {}, {
       width: '1',
       height: '1'
     }));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/video-player/vimeo.js"],"names":["eventNames","ready","play","pause","ended","timeupdate","progress","seeked","texttrackchange","cuechange","cuepoint","volumechange","error","loaded","Vimeo","React","Component","constructor","props","context","refContainer","bind","state","isLoading","componentDidMount","createPlayer","componentDidUpdate","prevProps","changes","filter","key","current","prev","updateProps","getInitialOptions","id","width","height","autopause","autoplay","showByline","color","loop","showPortrait","showTitle","byline","portrait","title","propNames","player","forEach","value","element","loadVideo","unload","options","V","Player","container","on","setState","dmName","reactName","e","handler","render","className","Provider","childContextTypes","propTypes","PropTypes","oneOfType","number","string","paused","bool","onReady","func","onError","onPlay","onPause","onEnd","onTimeUpdate","onProgress","onSeeked","onTextTrackChange","onCueChange","onCuePoint","onVolumeChange","onLoaded"],"mappings":"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","sourcesContent":["/*\n  from https://github.com/u-wave/react-vimeo\n  adapted to use Vimeo.js from context and support width: 100%\n*/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\n\nconst eventNames = {\n  ready: 'onReady',\n  play: 'onPlay',\n  pause: 'onPause',\n  ended: 'onEnded',\n  timeupdate: 'onTimeUpdate',\n  progress: 'onProgress',\n  seeked: 'onSeeked',\n  texttrackchange: 'onTextTrackChange',\n  cuechange: 'onCueChange',\n  cuepoint: 'onCuePoint',\n  volumechange: 'onVolumeChange',\n  error: 'onError',\n  loaded: 'onLoaded'\n};\n\nclass Vimeo extends React.Component {\n  static propTypes = {\n    /**\n     * A Vimeo ID or URL.\n     */\n    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    /**\n     * CSS className for the player element.\n     */\n    className: PropTypes.string,\n    /**\n     * Width of the player element.\n     */\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    /**\n     * Height of the player element.\n     */\n    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    /**\n     * Pause the video.\n     */\n    paused: PropTypes.bool,\n\n    // Player parameters\n    /**\n     * Pause this video automatically when another one plays.\n     */\n    autopause: PropTypes.bool,\n\n    /**\n     * Automatically start playback of the video. Note that this won’t work on\n     * some devices.\n     */\n    autoplay: PropTypes.bool,\n\n    /**\n     * Show the byline on the video.\n     */\n    showByline: PropTypes.bool,\n\n    /**\n     * Specify the color of the video controls. Colors may be overridden by the\n     * embed settings of the video.\n     */\n    color: PropTypes.string,\n\n    /**\n     * Play the video again when it reaches the end.\n     */\n    loop: PropTypes.bool,\n\n    /**\n     * Show the portrait on the video.\n     */\n    showPortrait: PropTypes.bool,\n\n    /**\n     * Show the title on the video.\n     */\n    showTitle: PropTypes.bool,\n\n    // Events\n\n    /**\n     * Sent when the Vimeo player API has loaded.\n     */\n    onReady: PropTypes.func,\n    /**\n     * Sent when the player triggers an error.\n     */\n    onError: PropTypes.func,\n    /**\n     * Triggered when the video plays.\n     */\n    onPlay: PropTypes.func,\n    /**\n     * Triggered when the video pauses.\n     */\n    onPause: PropTypes.func,\n    /**\n     * Triggered any time the video playback reaches the end.\n     * Note: when `loop` is turned on, the ended event will not fire.\n     */\n    onEnd: PropTypes.func,\n    /**\n     * Triggered as the `currentTime` of the video updates. It generally fires\n     * every 250ms, but it may vary depending on the browser.\n     */\n    onTimeUpdate: PropTypes.func,\n    /**\n     * Triggered as the video is loaded. Reports back the amount of the video\n     * that has been buffered.\n     */\n    onProgress: PropTypes.func,\n    /**\n     * Triggered when the player seeks to a specific time. An `onTimeUpdate`\n     * event will also be fired at the same time.\n     */\n    onSeeked: PropTypes.func,\n    /**\n     * Triggered when the active text track (captions/subtitles) changes. The\n     * values will be `null` if text tracks are turned off.\n     */\n    onTextTrackChange: PropTypes.func,\n    /**\n     * Triggered when the active cue for the current text track changes. It also\n     * fires when the active text track changes. There may be multiple cues\n     * active.\n     */\n    onCueChange: PropTypes.func,\n    /**\n     * Triggered when the current time hits a registered cue point.\n     */\n    onCuePoint: PropTypes.func,\n    /**\n     * Triggered when the volume in the player changes. Some devices do not\n     * support setting the volume of the video independently from the system\n     * volume, so this event will never fire on those devices.\n     */\n    onVolumeChange: PropTypes.func,\n    /**\n     * Triggered when a new video is loaded in the player.\n     */\n    onLoaded: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  static defaultProps = {\n    autopause: true,\n    autoplay: false,\n    loop: false,\n    showByline: true,\n    showPortrait: true,\n    showTitle: true\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.refContainer = this.refContainer.bind(this);\n    this.state = {\n      isLoading: true\n    };\n  }\n\n  componentDidMount() {\n    this.createPlayer();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    this.updateProps(changes);\n  }\n\n  getInitialOptions() {\n    const {\n      id,\n      width,\n      height,\n      autopause,\n      autoplay,\n      showByline,\n      color,\n      loop,\n      showPortrait,\n      showTitle\n    } = this.props;\n    return {\n      id,\n      width,\n      height,\n      autopause,\n      autoplay,\n      byline: showByline,\n      color,\n      loop,\n      portrait: showPortrait,\n      title: showTitle\n    };\n  }\n\n  updateProps(propNames) {\n    const player = this.player;\n    propNames.forEach(key => {\n      const {[key]: value} = this.props;\n      switch (key) {\n        case 'width':\n        case 'height':\n          player.element[key] = value;\n          break;\n        case 'id':\n          if (value) {\n            player.loadVideo(value);\n          } else {\n            player.unload();\n          }\n          break;\n        case 'autoplay':\n          player.play();\n          break;\n      }\n    });\n  }\n\n  createPlayer() {\n    const options = this.getInitialOptions();\n    const {Vimeo: V} = this.context;\n    if (!V) return null;\n\n    const {Player} = V;\n    this.player = new Player(this.container, {\n      ...options,\n      width: '1',\n      height: '1'\n    });\n    this.player.on('loaded', () => {\n      this.updateProps(['width', 'height']);\n      this.setState(state => ({\n        isLoading: false\n      }));\n    });\n\n    keys(eventNames).forEach(dmName => {\n      const {[dmName]: reactName} = eventNames;\n      this.player.on(dmName, e => {\n        const {[reactName]: handler} = this.props;\n        if (handler) {\n          handler(e);\n        }\n      });\n    });\n  }\n\n  refContainer(container) {\n    this.container = container;\n  }\n\n  render() {\n    const {className, height, width} = this.props;\n    const {isLoading} = this.state;\n    return (\n      <div className={className} ref={this.refContainer} style={{height, width}}>\n        {isLoading ? <Loader /> : null}\n      </div>\n    );\n  }\n}\n\nexport default Vimeo;\n"],"file":"vimeo.js"}
+{"version":3,"sources":["../../../src/molecule/video-player/vimeo.js"],"names":["eventNames","ready","play","pause","ended","timeupdate","progress","seeked","texttrackchange","cuechange","cuepoint","volumechange","error","loaded","Vimeo","React","Component","constructor","props","context","refContainer","bind","state","isLoading","componentDidMount","createPlayer","componentDidUpdate","prevProps","changes","filter","key","current","prev","updateProps","getInitialOptions","id","width","height","autopause","autoplay","showByline","color","loop","showPortrait","showTitle","byline","portrait","title","propNames","player","forEach","value","element","loadVideo","unload","options","V","Player","container","on","setState","dmName","reactName","e","handler","render","className","Provider","childContextTypes","propTypes","PropTypes","oneOfType","number","string","paused","bool","onReady","func","onError","onPlay","onPause","onEnd","onTimeUpdate","onProgress","onSeeked","onTextTrackChange","onCueChange","onCuePoint","onVolumeChange","onLoaded"],"mappings":"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","sourcesContent":["/*\n  from https://github.com/u-wave/react-vimeo\n  adapted to use Vimeo.js from context and support width: 100%\n*/\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\n\nconst eventNames = {\n  ready: 'onReady',\n  play: 'onPlay',\n  pause: 'onPause',\n  ended: 'onEnded',\n  timeupdate: 'onTimeUpdate',\n  progress: 'onProgress',\n  seeked: 'onSeeked',\n  texttrackchange: 'onTextTrackChange',\n  cuechange: 'onCueChange',\n  cuepoint: 'onCuePoint',\n  volumechange: 'onVolumeChange',\n  error: 'onError',\n  loaded: 'onLoaded'\n};\n\nclass Vimeo extends React.Component {\n  static propTypes = {\n    /**\n     * A Vimeo ID or URL.\n     */\n    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    /**\n     * CSS className for the player element.\n     */\n    className: PropTypes.string,\n    /**\n     * Width of the player element.\n     */\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    /**\n     * Height of the player element.\n     */\n    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    /**\n     * Pause the video.\n     */\n    paused: PropTypes.bool,\n\n    // Player parameters\n    /**\n     * Pause this video automatically when another one plays.\n     */\n    autopause: PropTypes.bool,\n\n    /**\n     * Automatically start playback of the video. Note that this won’t work on\n     * some devices.\n     */\n    autoplay: PropTypes.bool,\n\n    /**\n     * Show the byline on the video.\n     */\n    showByline: PropTypes.bool,\n\n    /**\n     * Specify the color of the video controls. Colors may be overridden by the\n     * embed settings of the video.\n     */\n    color: PropTypes.string,\n\n    /**\n     * Play the video again when it reaches the end.\n     */\n    loop: PropTypes.bool,\n\n    /**\n     * Show the portrait on the video.\n     */\n    showPortrait: PropTypes.bool,\n\n    /**\n     * Show the title on the video.\n     */\n    showTitle: PropTypes.bool,\n\n    // Events\n\n    /**\n     * Sent when the Vimeo player API has loaded.\n     */\n    onReady: PropTypes.func,\n    /**\n     * Sent when the player triggers an error.\n     */\n    onError: PropTypes.func,\n    /**\n     * Triggered when the video plays.\n     */\n    onPlay: PropTypes.func,\n    /**\n     * Triggered when the video pauses.\n     */\n    onPause: PropTypes.func,\n    /**\n     * Triggered any time the video playback reaches the end.\n     * Note: when `loop` is turned on, the ended event will not fire.\n     */\n    onEnd: PropTypes.func,\n    /**\n     * Triggered as the `currentTime` of the video updates. It generally fires\n     * every 250ms, but it may vary depending on the browser.\n     */\n    onTimeUpdate: PropTypes.func,\n    /**\n     * Triggered as the video is loaded. Reports back the amount of the video\n     * that has been buffered.\n     */\n    onProgress: PropTypes.func,\n    /**\n     * Triggered when the player seeks to a specific time. An `onTimeUpdate`\n     * event will also be fired at the same time.\n     */\n    onSeeked: PropTypes.func,\n    /**\n     * Triggered when the active text track (captions/subtitles) changes. The\n     * values will be `null` if text tracks are turned off.\n     */\n    onTextTrackChange: PropTypes.func,\n    /**\n     * Triggered when the active cue for the current text track changes. It also\n     * fires when the active text track changes. There may be multiple cues\n     * active.\n     */\n    onCueChange: PropTypes.func,\n    /**\n     * Triggered when the current time hits a registered cue point.\n     */\n    onCuePoint: PropTypes.func,\n    /**\n     * Triggered when the volume in the player changes. Some devices do not\n     * support setting the volume of the video independently from the system\n     * volume, so this event will never fire on those devices.\n     */\n    onVolumeChange: PropTypes.func,\n    /**\n     * Triggered when a new video is loaded in the player.\n     */\n    onLoaded: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  static defaultProps = {\n    autopause: true,\n    autoplay: false,\n    loop: false,\n    showByline: true,\n    showPortrait: true,\n    showTitle: true\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.refContainer = this.refContainer.bind(this);\n    this.state = {\n      isLoading: true\n    };\n  }\n\n  componentDidMount() {\n    this.createPlayer();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    this.updateProps(changes);\n  }\n\n  getInitialOptions() {\n    const {\n      id,\n      width,\n      height,\n      autopause,\n      autoplay,\n      showByline,\n      color,\n      loop,\n      showPortrait,\n      showTitle\n    } = this.props;\n    return {\n      id,\n      width,\n      height,\n      autopause,\n      autoplay,\n      byline: showByline,\n      color,\n      loop,\n      portrait: showPortrait,\n      title: showTitle\n    };\n  }\n\n  updateProps(propNames) {\n    const player = this.player;\n    propNames.forEach(key => {\n      const {[key]: value} = this.props;\n      switch (key) {\n        case 'width':\n        case 'height':\n          player.element[key] = value;\n          break;\n        case 'id':\n          if (value) {\n            player.loadVideo(value);\n          } else {\n            player.unload();\n          }\n          break;\n        case 'autoplay':\n          player.play();\n          break;\n      }\n    });\n  }\n\n  createPlayer() {\n    const options = this.getInitialOptions();\n    const {Vimeo: V} = this.context;\n    if (!V) return null;\n\n    const {Player} = V;\n    this.player = new Player(this.container, {\n      ...options,\n      width: '1',\n      height: '1'\n    });\n    this.player.on('loaded', () => {\n      this.updateProps(['width', 'height']);\n      this.setState(state => ({\n        isLoading: false\n      }));\n    });\n\n    keys(eventNames).forEach(dmName => {\n      const {[dmName]: reactName} = eventNames;\n      this.player.on(dmName, e => {\n        const {[reactName]: handler} = this.props;\n        if (handler) {\n          handler(e);\n        }\n      });\n    });\n  }\n\n  refContainer(container) {\n    this.container = container;\n  }\n\n  render() {\n    const {className, height, width} = this.props;\n    const {isLoading} = this.state;\n    return (\n      <div className={className} ref={this.refContainer} style={{height, width}}>\n        {isLoading ? <Loader /> : null}\n      </div>\n    );\n  }\n}\n\nexport default Vimeo;\n"],"file":"vimeo.js"}

package/lib/molecule/wizard-summary/index.js

@@ -0,0 +1,177 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _link = _interopRequireDefault(require("../../atom/link"));
+
+var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const buildItemsOfSection = items => {
+  return items.map((item, index) => {
+    const {
+      type
+    } = item;
+
+    switch (type) {
+      case 'mainElement':
+        return /*#__PURE__*/_react.default.createElement("li", {
+          key: `${item.title}-${index}`
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          className: _style.default.title
+        }, item.title), /*#__PURE__*/_react.default.createElement("span", {
+          className: _style.default.value
+        }, item.value));
+
+      case 'content':
+        {
+          const {
+            category,
+            label,
+            title,
+            author
+          } = item;
+          return /*#__PURE__*/_react.default.createElement("li", {
+            className: _style.default.contentWrapper,
+            key: `${title}-${index}`
+          }, /*#__PURE__*/_react.default.createElement("span", {
+            className: _style.default.contentCounter
+          }, index + 1), /*#__PURE__*/_react.default.createElement("div", {
+            className: _style.default.contentItem
+          }, /*#__PURE__*/_react.default.createElement("div", {
+            className: _style.default.content
+          }, /*#__PURE__*/_react.default.createElement(_contentBadge.default, {
+            category: category,
+            label: label
+          }), /*#__PURE__*/_react.default.createElement("span", {
+            className: _style.default.contentTitle,
+            title: title // eslint-disable-next-line react/no-danger
+            ,
+            dangerouslySetInnerHTML: {
+              __html: title
+            }
+          })), author ? /*#__PURE__*/_react.default.createElement("span", {
+            className: _style.default.author
+          }, author) : null));
+        }
+
+      case 'text':
+      default:
+        return /*#__PURE__*/_react.default.createElement("li", {
+          key: `${item.text}-${index}`
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          className: _style.default.valueSimpleText
+        }, item.text));
+    }
+  });
+};
+
+const buildSectionHeader = section => {
+  const {
+    title,
+    counterText
+  } = section;
+
+  if (!title) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.sectionHeader
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.title
+  }, title), counterText ? /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.counterText
+  }, counterText) : null);
+};
+
+const buildSections = sections => {
+  return sections.map((section, index) => {
+    const sectionHeader = buildSectionHeader(section);
+    const itemsView = buildItemsOfSection(section.items);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: `summary-section-${index}`,
+      "data-step": index,
+      className: _style.default.sectionWrapper
+    }, sectionHeader, /*#__PURE__*/_react.default.createElement("ul", null, itemsView));
+  });
+};
+
+const buildAction = action => {
+  if (!action) return null;
+  const {
+    onClick,
+    text,
+    icon
+  } = action;
+  const handleClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
+  return /*#__PURE__*/_react.default.createElement(_link.default, {
+    className: _style.default.actionLink,
+    onClick: handleClick
+  }, icon === 'draft' ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidComputersSdCard, {
+    className: _style.default.icon
+  }) : null, /*#__PURE__*/_react.default.createElement("span", null, text));
+};
+
+const WizardSummary = props => {
+  const {
+    title,
+    sections,
+    action
+  } = props;
+  const sectionView = buildSections(sections);
+  const actionView = buildAction(action);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.summaryTitle
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.summary
+  }, sectionView), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.actionZone
+  }, actionView));
+};
+
+WizardSummary.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _propTypes.default.string,
+  sections: _propTypes.default.arrayOf(_propTypes.default.shape({
+    title: _propTypes.default.string,
+    items: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
+      type: _propTypes.default.string,
+      title: _propTypes.default.string,
+      value: _propTypes.default.string
+    }), _propTypes.default.shape({
+      type: _propTypes.default.string,
+      text: _propTypes.default.string
+    }), _propTypes.default.shape({
+      type: _propTypes.default.string,
+      category: _propTypes.default.oneOf(['base', 'advanced', 'coach', 'chapter', 'scorm', 'video', 'article', 'podcast']),
+      title: _propTypes.default.string,
+      label: _propTypes.default.string,
+      author: _propTypes.default.string
+    })])),
+    counterText: _propTypes.default.string
+  })),
+  action: _propTypes.default.shape({
+    icon: _propTypes.default.string,
+    text: _propTypes.default.string,
+    onClick: _propTypes.default.func
+  })
+} : {};
+var _default = WizardSummary;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/wizard-summary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["buildItemsOfSection","items","map","item","index","type","title","style","value","category","label","author","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","buildAction","action","onClick","icon","handleClick","actionLink","WizardSummary","props","sectionView","actionView","container","summaryTitle","summary","actionZone","propTypes","PropTypes","string","arrayOf","shape","oneOfType","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidComputersSdCard} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport ContentBagde from '../../atom/content-badge';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {category, label, title, author} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <div className={style.content}>\n                <ContentBagde category={category} label={label} />\n                <span\n                  className={style.contentTitle}\n                  title={title}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: title}}\n                />\n              </div>\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default:\n        return (\n          <li key={`${item.text}-${index}`}>\n            <span className={style.valueSimpleText}>{item.text}</span>\n          </li>\n        );\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div key={`summary-section-${index}`} data-step={index} className={style.sectionWrapper}>\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst buildAction = action => {\n  if (!action) return null;\n\n  const {onClick, text, icon} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n  return (\n    <Link className={style.actionLink} onClick={handleClick}>\n      {icon === 'draft' ? <NovaSolidComputersSdCard className={style.icon} /> : null}\n      <span>{text}</span>\n    </Link>\n  );\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action} = props;\n\n  const sectionView = buildSections(sections);\n  const actionView = buildAction(action);\n\n  return (\n    <div className={style.container}>\n      <span className={style.summaryTitle}>{title}</span>\n      <div className={style.summary}>{sectionView}</div>\n      <div className={style.actionZone}>{actionView}</div>\n    </div>\n  );\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            category: PropTypes.oneOf([\n              'base',\n              'advanced',\n              'coach',\n              'chapter',\n              'scorm',\n              'video',\n              'article',\n              'podcast'\n            ]),\n            title: PropTypes.string,\n            label: PropTypes.string,\n            author: PropTypes.string\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    text: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}

package/lib/molecule/wizard-summary/style.css

@@ -0,0 +1,150 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_50 from colors;
+@value cm_grey_300 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_900 from colors;
+@value cm_green_200 from colors;
+@value cm_purple_200 from colors;
+@value cm_orange_200 from colors;
+@value white from colors;
+@value lightBlack from colors;
+@value cm_yellow_scorm from colors;
+@value cm_bleu_article from colors;
+@value cm_red_video from colors;
+@value cm_violet_podcast from colors;
+
+.container {
+  font-family: Gilroy;
+  width: 245px;
+  border-radius: 7px;
+  background-color: cm_grey_50;
+  padding: 40px 37px 32px 37px;
+  overflow: hidden;
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+}
+
+.summary {
+  height: calc(100% - 90px);
+  overflow: hidden auto;
+}
+
+.actionZone {
+  margin: 24px 0px 0px 0px;
+}
+
+.actionLink {
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+
+.icon {
+  width: 14px;
+  height: 14px;
+}
+
+.summaryTitle {
+  font-family: 'Gilroy';
+  font-style: normal;
+  font-weight: bold;
+  font-size: 20px;
+  margin: 0px 0px 24px 0px;
+  color: cm_grey_900;
+  display: block;
+}
+
+.sectionWrapper {
+  margin: 32px 0px 0px 0px;
+}
+
+.sectionWrapper:first-child {
+  margin: 0px;
+}
+
+.sectionHeader {
+  display: flex;
+  justify-content: space-between;
+}
+
+.counterText {
+  font-style: normal;
+  font-weight: normal;
+  font-size: 14px;
+}
+
+.title {
+  font-style: normal;
+  font-weight: bold;
+  font-size: 12px;
+  color: cm_grey_400;
+  display: block;
+}
+
+.value {
+  font-size: 14px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  display: block;
+}
+
+.valueSimpleText {
+  composes: value;
+  margin: 8px 0px 0px 0px;
+}
+
+.contentWrapper {
+  margin: 8px 0px 0px 0px;
+  display: flex;
+  align-items: center;
+}
+
+.contentWrapper p {
+  margin: 0px;
+}
+
+.contentItem {
+  display: block;
+  max-width: calc(100% -25px);
+}
+
+.content {
+  display: flex;
+  align-items: center;
+}
+
+.contentCounter {
+  margin-right: 8px;
+  color: cm_grey_400;
+  font-size: 13px;
+  min-width: 20px;
+  text-align: center;
+}
+
+ul {
+  list-style: none;
+  padding: 0px;
+  margin: 0px;
+}
+
+.contentTitle {
+  margin: 0px 0px 0px 4px;
+  font-size: 13px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.author {
+  font-size: 11px;
+  font-weight: 500;
+  font-style: normal;
+  color: cm_grey_300;
+}