@coorpacademy/components 10.26.1-alpha.1 → 10.27.1-alpha.0

package/es/atom/provider/web-context.d.ts

@@ -6,7 +6,7 @@ declare type Skin = {
 };
 declare type WebContextValues = {
     skin?: Skin;
-    translate: (key: string) => string;
+    translate: (key: string, data: string) => string;
 };
 declare type Props = WebContextValues & {
     children: ReactNode;

package/es/atom/provider/web-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/web-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAElE,aAAK,IAAI,GAAG;IACV,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,CAAC;AAMF,aAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,2BAA0B,KAAK,gBAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,gBAQhC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/web-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAElE,aAAK,IAAI,GAAG;IACV,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAClD,CAAC;AAMF,aAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,2BAA0B,KAAK,gBAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,gBAQhC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/atom/provider/web-context.js

@@ -4,7 +4,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React, { createContext, useContext } from 'react';
 const Context = /*#__PURE__*/createContext({
-  translate: key => key
+  translate: (key, data) => key
 });
 
 const WebContext = _ref => {

package/es/atom/provider/web-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-context.js","names":["React","createContext","useContext","Context","translate","key","WebContext","children","value","useWebContext","context","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\ntype WebContextValues = {\n  skin?: Skin;\n  translate: (key: string) => string;\n};\n\nconst Context = createContext({\n  translate: (key: string) => key\n});\n\ntype Props = WebContextValues & {\n  children: ReactNode;\n};\n\nconst WebContext = ({children, ...value}: Props) => {\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useWebContext = (): WebContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');\n  }\n\n  return context;\n};\n\nexport default WebContext;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,aAAf,EAAyCC,UAAzC,QAA0D,OAA1D;AAaA,MAAMC,OAAO,gBAAGF,aAAa,CAAC;EAC5BG,SAAS,EAAGC,GAAD,IAAiBA;AADA,CAAD,CAA7B;;AAQA,MAAMC,UAAU,GAAG,QAAiC;EAAA,IAAhC;IAACC;EAAD,CAAgC;EAAA,IAAlBC,KAAkB;;EAClD,oBAAO,oBAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,EAAEA;EAAzB,GAAiCD,QAAjC,CAAP;AACD,CAFD;;AAIA,OAAO,MAAME,aAAa,GAAG,MAAwB;EACnD,MAAMC,OAAO,GAAGR,UAAU,CAACC,OAAD,CAA1B;;EAEA,IAAI,CAACO,OAAL,EAAc;IACZ,MAAM,IAAIC,KAAJ,CAAU,0EAAV,CAAN;EACD;;EAED,OAAOD,OAAP;AACD,CARM;AAUP,eAAeJ,UAAf"}
+{"version":3,"file":"web-context.js","names":["React","createContext","useContext","Context","translate","key","data","WebContext","children","value","useWebContext","context","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\ntype WebContextValues = {\n  skin?: Skin;\n  translate: (key: string, data: string) => string;\n};\n\nconst Context = createContext({\n  translate: (key: string, data: string) => key\n});\n\ntype Props = WebContextValues & {\n  children: ReactNode;\n};\n\nconst WebContext = ({children, ...value}: Props) => {\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useWebContext = (): WebContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');\n  }\n\n  return context;\n};\n\nexport default WebContext;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,aAAf,EAAyCC,UAAzC,QAA0D,OAA1D;AAaA,MAAMC,OAAO,gBAAGF,aAAa,CAAC;EAC5BG,SAAS,EAAE,CAACC,GAAD,EAAcC,IAAd,KAA+BD;AADd,CAAD,CAA7B;;AAQA,MAAME,UAAU,GAAG,QAAiC;EAAA,IAAhC;IAACC;EAAD,CAAgC;EAAA,IAAlBC,KAAkB;;EAClD,oBAAO,oBAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,EAAEA;EAAzB,GAAiCD,QAAjC,CAAP;AACD,CAFD;;AAIA,OAAO,MAAME,aAAa,GAAG,MAAwB;EACnD,MAAMC,OAAO,GAAGT,UAAU,CAACC,OAAD,CAA1B;;EAEA,IAAI,CAACQ,OAAL,EAAc;IACZ,MAAM,IAAIC,KAAJ,CAAU,0EAAV,CAAN;EACD;;EAED,OAAOD,OAAP;AACD,CARM;AAUP,eAAeJ,UAAf"}

package/es/molecule/video-player/jwplayer.d.ts

@@ -34,9 +34,9 @@ declare class JWPlayer extends React.Component<any, any, any> {
         onSetupError: import("prop-types").Requireable<(...args: any[]) => any>;
         onWarning: import("prop-types").Requireable<(...args: any[]) => any>;
     };
+    static getDerivedStateFromProps(props: any): any;
     constructor(props: any, context: any);
     state: {
-        fileUrl: string;
         scriptFailedLoading: boolean;
     };
     handlePlay(e: any): void;
@@ -49,9 +49,7 @@ declare class JWPlayer extends React.Component<any, any, any> {
     handlePlayAttemptFailed(error: any): void;
     handleAutostartNotAllowed(error: any): void;
     handleWarning(error: any): void;
-    componentDidMount(): void;
     componentDidUpdate(prevProps: any): void;
-    setFileUrl(): void;
     render(): JSX.Element;
 }
 import React from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"jwplayer.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/jwplayer.js"],"names":[],"mappings":";AAMA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAqC;IAErC,sCAiBC;IAfC;;;MAGC;IA6CH,yBAGC;IAED,2BAGC;IAED,0BAGC;IAED,0BAGC;IA6BD,8BAyBC;IA7CD,mCAGC;IAVD,qCAKC;IAOD,0CAGC;IAED,4CAGC;IAED,gCAGC;IA5ED,0BAIC;IAED,yCAgBC;IAED,mBAKC;IA4ED,sBA+BC;CACF"}
+{"version":3,"file":"jwplayer.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/jwplayer.js"],"names":[],"mappings":";AAoBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAqC;IAqBrC,iDAEC;IArBD,sCAiBC;IAdC;;MAEC;IAgCH,yBAGC;IAED,2BAGC;IAED,0BAGC;IAED,0BAGC;IA6BD,8BAyBC;IA7CD,mCAGC;IAVD,qCAKC;IAOD,0CAGC;IAED,4CAGC;IAED,gCAGC;IA3DD,yCAYC;IA4ED,sBAoCC;CACF"}

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

@@ -6,15 +6,30 @@ import _get from "lodash/fp/get";
 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); }
 
 import React from 'react';
-import ReactJWPlayer from 'react-jw-player';
+import Player from '@jwplayer/jwplayer-react';
 import style from './jwplayer.css';
 import { JWPlayerPropTypes } from './prop-types';
 
+const fileAndTracks = ({
+  file,
+  customProps,
+  playlist
+} = {}) => {
+  if (file) return {
+    file,
+    tracks: customProps ? customProps.tracks : null
+  };
+  if (playlist && playlist[0]) return playlist[0];
+  return {
+    file: null,
+    tracks: null
+  };
+};
+
 class JWPlayer extends React.Component {
   constructor(props, context) {
     super(props, context);
     this.state = {
-      fileUrl: '',
       scriptFailedLoading: false
     };
     this.handlePlay = this.handlePlay.bind(this);
@@ -29,12 +44,8 @@ class JWPlayer extends React.Component {
     this.handleWarning = this.handleWarning.bind(this);
   }
 
-  componentDidMount() {
-    const jwPlayerScript = document.getElementById('jw-player-script');
-
-    jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);
-
-    this.setFileUrl();
+  static getDerivedStateFromProps(props) {
+    return fileAndTracks(props.jwpOptions);
   }
 
   componentDidUpdate(prevProps) {
@@ -55,26 +66,6 @@ class JWPlayer extends React.Component {
         window.jwplayer(prevProps.jwpOptions.playerId).play();
       }
     }
-
-    const {
-      jwpOptions
-    } = this.props;
-
-    if (prevProps.jwpOptions.file !== jwpOptions.file) {
-      this.setFileUrl();
-    }
-  }
-
-  setFileUrl() {
-    const {
-      jwpOptions
-    } = this.props;
-    const {
-      file
-    } = jwpOptions;
-    return this.setState({
-      fileUrl: file
-    });
   }
 
   handlePlay(e) {
@@ -171,7 +162,7 @@ class JWPlayer extends React.Component {
       if (matched) {
         const videoId = matched[1];
         return this.setState({
-          fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`
+          file: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`
         });
       }
     }
@@ -185,19 +176,27 @@ class JWPlayer extends React.Component {
     } = this.props;
     const {
       scriptFailedLoading,
-      fileUrl
+      file,
+      tracks
     } = this.state;
 
     const _jwpOptions = _extends({}, jwpOptions, {
       customProps: _extends({}, _get('customProps', jwpOptions), {
+        key: jwpOptions.licenseKey,
         autostart: !disableAutostart && _get('customProps.autostart', jwpOptions)
       })
     });
 
     return /*#__PURE__*/React.createElement(React.Fragment, null, scriptFailedLoading ? /*#__PURE__*/React.createElement("p", {
       className: style.errorMessage
-    }, scriptErrorMessage, " ") : null, /*#__PURE__*/React.createElement(ReactJWPlayer, _extends({}, _jwpOptions, {
+    }, scriptErrorMessage, " ") : null, /*#__PURE__*/React.createElement(Player, {
+      key: file,
       className: style.wrapper,
+      id: _jwpOptions.playerId,
+      file: file,
+      tracks: tracks,
+      library: _jwpOptions.playerScript,
+      config: _jwpOptions.customProps,
       onAutoStart: this.handlePlay,
       onPlay: this.handlePlay,
       onResume: this.handleResume,
@@ -207,9 +206,8 @@ class JWPlayer extends React.Component {
       onSetupError: this.handleSetupError,
       onPlayAttemptFailed: this.handlePlayAttemptFailed,
       onWarning: this.handleWarning,
-      onAutostartNotAllowed: this.handleAutostartNotAllowed,
-      file: fileUrl
-    })));
+      onAutostartNotAllowed: this.handleAutostartNotAllowed
+    }));
   }
 
 }

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

@@ -1 +1 @@
-{"version":3,"file":"jwplayer.js","names":["React","ReactJWPlayer","style","JWPlayerPropTypes","JWPlayer","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","errorMessage","wrapper","propTypes"],"sources":["../../../src/molecule/video-player/jwplayer.js"],"sourcesContent":["import React from 'react';\nimport ReactJWPlayer from 'react-jw-player';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport style from './jwplayer.css';\nimport {JWPlayerPropTypes} from './prop-types';\n\nclass JWPlayer extends React.Component {\n  static propTypes = JWPlayerPropTypes;\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"],"mappings":"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"}
+{"version":3,"file":"jwplayer.js","names":["React","Player","style","JWPlayerPropTypes","fileAndTracks","file","customProps","playlist","tracks","JWPlayer","Component","constructor","props","context","state","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","getDerivedStateFromProps","jwpOptions","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","playerId","play","e","onPlay","onResume","onPause","onEnded","script","setState","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","licenseKey","autostart","errorMessage","wrapper","playerScript","propTypes"],"sources":["../../../src/molecule/video-player/jwplayer.js"],"sourcesContent":["import React from 'react';\nimport Player from '@jwplayer/jwplayer-react';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport style from './jwplayer.css';\nimport {JWPlayerPropTypes} from './prop-types';\n\nconst fileAndTracks = ({file, customProps, playlist} = {}) => {\n  if (file)\n    return {\n      file,\n      tracks: customProps ? customProps.tracks : null\n    };\n  if (playlist && playlist[0]) return playlist[0];\n\n  return {\n    file: null,\n    tracks: null\n  };\n};\n\nclass JWPlayer extends React.Component {\n  static propTypes = JWPlayerPropTypes;\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\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  static getDerivedStateFromProps(props) {\n    return fileAndTracks(props.jwpOptions);\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  }\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          file: `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, file, tracks} = this.state;\n    const _jwpOptions = {\n      ...jwpOptions,\n      customProps: {\n        ...get('customProps', jwpOptions),\n        key: jwpOptions.licenseKey,\n        autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n      }\n    };\n\n    return (\n      <>\n        {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n        <Player\n          key={file}\n          className={style.wrapper}\n          id={_jwpOptions.playerId}\n          file={file}\n          tracks={tracks}\n          library={_jwpOptions.playerScript}\n          config={_jwpOptions.customProps}\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        />\n      </>\n    );\n  }\n}\n\nexport default JWPlayer;\n"],"mappings":"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"}

package/lib/atom/provider/web-context.d.ts

@@ -6,7 +6,7 @@ declare type Skin = {
 };
 declare type WebContextValues = {
     skin?: Skin;
-    translate: (key: string) => string;
+    translate: (key: string, data: string) => string;
 };
 declare type Props = WebContextValues & {
     children: ReactNode;

package/lib/atom/provider/web-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/web-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAElE,aAAK,IAAI,GAAG;IACV,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,CAAC;AAMF,aAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,2BAA0B,KAAK,gBAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,gBAQhC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"web-context.d.ts","sourceRoot":"","sources":["../../../src/atom/provider/web-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAElE,aAAK,IAAI,GAAG;IACV,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAClD,CAAC;AAMF,aAAK,KAAK,GAAG,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,UAAU,2BAA0B,KAAK,gBAE9C,CAAC;AAEF,eAAO,MAAM,aAAa,QAAO,gBAQhC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/atom/provider/web-context.js

@@ -14,7 +14,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 const Context = /*#__PURE__*/(0, _react.createContext)({
-  translate: key => key
+  translate: (key, data) => key
 });
 
 const WebContext = _ref => {

package/lib/atom/provider/web-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"web-context.js","names":["Context","createContext","translate","key","WebContext","children","value","useWebContext","context","useContext","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\ntype WebContextValues = {\n  skin?: Skin;\n  translate: (key: string) => string;\n};\n\nconst Context = createContext({\n  translate: (key: string) => key\n});\n\ntype Props = WebContextValues & {\n  children: ReactNode;\n};\n\nconst WebContext = ({children, ...value}: Props) => {\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useWebContext = (): WebContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');\n  }\n\n  return context;\n};\n\nexport default WebContext;\n"],"mappings":";;;;;AAAA;;;;;;;;;;AAaA,MAAMA,OAAO,gBAAG,IAAAC,oBAAA,EAAc;EAC5BC,SAAS,EAAGC,GAAD,IAAiBA;AADA,CAAd,CAAhB;;AAQA,MAAMC,UAAU,GAAG,QAAiC;EAAA,IAAhC;IAACC;EAAD,CAAgC;EAAA,IAAlBC,KAAkB;;EAClD,oBAAO,6BAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,EAAEA;EAAzB,GAAiCD,QAAjC,CAAP;AACD,CAFD;;AAIO,MAAME,aAAa,GAAG,MAAwB;EACnD,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWT,OAAX,CAAhB;;EAEA,IAAI,CAACQ,OAAL,EAAc;IACZ,MAAM,IAAIE,KAAJ,CAAU,0EAAV,CAAN;EACD;;EAED,OAAOF,OAAP;AACD,CARM;;;eAUQJ,U"}
+{"version":3,"file":"web-context.js","names":["Context","createContext","translate","key","data","WebContext","children","value","useWebContext","context","useContext","Error"],"sources":["../../../src/atom/provider/web-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\n\ntype Skin = {\n  common: {\n    primary: string;\n  };\n};\n\ntype WebContextValues = {\n  skin?: Skin;\n  translate: (key: string, data: string) => string;\n};\n\nconst Context = createContext({\n  translate: (key: string, data: string) => key\n});\n\ntype Props = WebContextValues & {\n  children: ReactNode;\n};\n\nconst WebContext = ({children, ...value}: Props) => {\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useWebContext = (): WebContextValues => {\n  const context = useContext(Context);\n\n  if (!context) {\n    throw new Error('❌ [WebContext] useWebContext must be used within a provider <WebContext>');\n  }\n\n  return context;\n};\n\nexport default WebContext;\n"],"mappings":";;;;;AAAA;;;;;;;;;;AAaA,MAAMA,OAAO,gBAAG,IAAAC,oBAAA,EAAc;EAC5BC,SAAS,EAAE,CAACC,GAAD,EAAcC,IAAd,KAA+BD;AADd,CAAd,CAAhB;;AAQA,MAAME,UAAU,GAAG,QAAiC;EAAA,IAAhC;IAACC;EAAD,CAAgC;EAAA,IAAlBC,KAAkB;;EAClD,oBAAO,6BAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,EAAEA;EAAzB,GAAiCD,QAAjC,CAAP;AACD,CAFD;;AAIO,MAAME,aAAa,GAAG,MAAwB;EACnD,MAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWV,OAAX,CAAhB;;EAEA,IAAI,CAACS,OAAL,EAAc;IACZ,MAAM,IAAIE,KAAJ,CAAU,0EAAV,CAAN;EACD;;EAED,OAAOF,OAAP;AACD,CARM;;;eAUQJ,U"}

package/lib/molecule/video-player/jwplayer.d.ts

@@ -34,9 +34,9 @@ declare class JWPlayer extends React.Component<any, any, any> {
         onSetupError: import("prop-types").Requireable<(...args: any[]) => any>;
         onWarning: import("prop-types").Requireable<(...args: any[]) => any>;
     };
+    static getDerivedStateFromProps(props: any): any;
     constructor(props: any, context: any);
     state: {
-        fileUrl: string;
         scriptFailedLoading: boolean;
     };
     handlePlay(e: any): void;
@@ -49,9 +49,7 @@ declare class JWPlayer extends React.Component<any, any, any> {
     handlePlayAttemptFailed(error: any): void;
     handleAutostartNotAllowed(error: any): void;
     handleWarning(error: any): void;
-    componentDidMount(): void;
     componentDidUpdate(prevProps: any): void;
-    setFileUrl(): void;
     render(): JSX.Element;
 }
 import React from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"jwplayer.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/jwplayer.js"],"names":[],"mappings":";AAMA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAqC;IAErC,sCAiBC;IAfC;;;MAGC;IA6CH,yBAGC;IAED,2BAGC;IAED,0BAGC;IAED,0BAGC;IA6BD,8BAyBC;IA7CD,mCAGC;IAVD,qCAKC;IAOD,0CAGC;IAED,4CAGC;IAED,gCAGC;IA5ED,0BAIC;IAED,yCAgBC;IAED,mBAKC;IA4ED,sBA+BC;CACF"}
+{"version":3,"file":"jwplayer.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player/jwplayer.js"],"names":[],"mappings":";AAoBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAqC;IAqBrC,iDAEC;IArBD,sCAiBC;IAdC;;MAEC;IAgCH,yBAGC;IAED,2BAGC;IAED,0BAGC;IAED,0BAGC;IA6BD,8BAyBC;IA7CD,mCAGC;IAVD,qCAKC;IAOD,0CAGC;IAED,4CAGC;IAED,gCAGC;IA3DD,yCAYC;IA4ED,sBAoCC;CACF"}

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

@@ -13,7 +13,7 @@ var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactJwPlayer = _interopRequireDefault(require("react-jw-player"));
+var _jwplayerReact = _interopRequireDefault(require("@jwplayer/jwplayer-react"));
 
 var _jwplayer = _interopRequireDefault(require("./jwplayer.css"));
 
@@ -23,11 +23,26 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
+const fileAndTracks = ({
+  file,
+  customProps,
+  playlist
+} = {}) => {
+  if (file) return {
+    file,
+    tracks: customProps ? customProps.tracks : null
+  };
+  if (playlist && playlist[0]) return playlist[0];
+  return {
+    file: null,
+    tracks: null
+  };
+};
+
 class JWPlayer extends _react.default.Component {
   constructor(props, context) {
     super(props, context);
     this.state = {
-      fileUrl: '',
       scriptFailedLoading: false
     };
     this.handlePlay = this.handlePlay.bind(this);
@@ -42,12 +57,8 @@ class JWPlayer extends _react.default.Component {
     this.handleWarning = this.handleWarning.bind(this);
   }
 
-  componentDidMount() {
-    const jwPlayerScript = document.getElementById('jw-player-script');
-
-    jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);
-
-    this.setFileUrl();
+  static getDerivedStateFromProps(props) {
+    return fileAndTracks(props.jwpOptions);
   }
 
   componentDidUpdate(prevProps) {
@@ -67,26 +78,6 @@ class JWPlayer extends _react.default.Component {
         window.jwplayer(prevProps.jwpOptions.playerId).play();
       }
     }
-
-    const {
-      jwpOptions
-    } = this.props;
-
-    if (prevProps.jwpOptions.file !== jwpOptions.file) {
-      this.setFileUrl();
-    }
-  }
-
-  setFileUrl() {
-    const {
-      jwpOptions
-    } = this.props;
-    const {
-      file
-    } = jwpOptions;
-    return this.setState({
-      fileUrl: file
-    });
   }
 
   handlePlay(e) {
@@ -183,7 +174,7 @@ class JWPlayer extends _react.default.Component {
       if (matched) {
         const videoId = matched[1];
         return this.setState({
-          fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`
+          file: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`
         });
       }
     }
@@ -197,19 +188,27 @@ class JWPlayer extends _react.default.Component {
     } = this.props;
     const {
       scriptFailedLoading,
-      fileUrl
+      file,
+      tracks
     } = this.state;
 
     const _jwpOptions = _extends({}, jwpOptions, {
       customProps: _extends({}, (0, _get2.default)('customProps', jwpOptions), {
+        key: jwpOptions.licenseKey,
         autostart: !disableAutostart && (0, _get2.default)('customProps.autostart', jwpOptions)
       })
     });
 
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, scriptFailedLoading ? /*#__PURE__*/_react.default.createElement("p", {
       className: _jwplayer.default.errorMessage
-    }, scriptErrorMessage, " ") : null, /*#__PURE__*/_react.default.createElement(_reactJwPlayer.default, _extends({}, _jwpOptions, {
+    }, scriptErrorMessage, " ") : null, /*#__PURE__*/_react.default.createElement(_jwplayerReact.default, {
+      key: file,
       className: _jwplayer.default.wrapper,
+      id: _jwpOptions.playerId,
+      file: file,
+      tracks: tracks,
+      library: _jwpOptions.playerScript,
+      config: _jwpOptions.customProps,
       onAutoStart: this.handlePlay,
       onPlay: this.handlePlay,
       onResume: this.handleResume,
@@ -219,9 +218,8 @@ class JWPlayer extends _react.default.Component {
       onSetupError: this.handleSetupError,
       onPlayAttemptFailed: this.handlePlayAttemptFailed,
       onWarning: this.handleWarning,
-      onAutostartNotAllowed: this.handleAutostartNotAllowed,
-      file: fileUrl
-    })));
+      onAutostartNotAllowed: this.handleAutostartNotAllowed
+    }));
   }
 
 }

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

@@ -1 +1 @@
-{"version":3,"file":"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","JWPlayerPropTypes"],"sources":["../../../src/molecule/video-player/jwplayer.js"],"sourcesContent":["import React from 'react';\nimport ReactJWPlayer from 'react-jw-player';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport style from './jwplayer.css';\nimport {JWPlayerPropTypes} from './prop-types';\n\nclass JWPlayer extends React.Component {\n  static propTypes = JWPlayerPropTypes;\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"],"mappings":"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"}
+{"version":3,"file":"jwplayer.js","names":["fileAndTracks","file","customProps","playlist","tracks","JWPlayer","React","Component","constructor","props","context","state","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","getDerivedStateFromProps","jwpOptions","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","playerId","play","e","onPlay","onResume","onPause","onEnded","script","setState","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","licenseKey","autostart","style","errorMessage","wrapper","playerScript","propTypes","JWPlayerPropTypes"],"sources":["../../../src/molecule/video-player/jwplayer.js"],"sourcesContent":["import React from 'react';\nimport Player from '@jwplayer/jwplayer-react';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport style from './jwplayer.css';\nimport {JWPlayerPropTypes} from './prop-types';\n\nconst fileAndTracks = ({file, customProps, playlist} = {}) => {\n  if (file)\n    return {\n      file,\n      tracks: customProps ? customProps.tracks : null\n    };\n  if (playlist && playlist[0]) return playlist[0];\n\n  return {\n    file: null,\n    tracks: null\n  };\n};\n\nclass JWPlayer extends React.Component {\n  static propTypes = JWPlayerPropTypes;\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\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  static getDerivedStateFromProps(props) {\n    return fileAndTracks(props.jwpOptions);\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  }\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          file: `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, file, tracks} = this.state;\n    const _jwpOptions = {\n      ...jwpOptions,\n      customProps: {\n        ...get('customProps', jwpOptions),\n        key: jwpOptions.licenseKey,\n        autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n      }\n    };\n\n    return (\n      <>\n        {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n        <Player\n          key={file}\n          className={style.wrapper}\n          id={_jwpOptions.playerId}\n          file={file}\n          tracks={tracks}\n          library={_jwpOptions.playerScript}\n          config={_jwpOptions.customProps}\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        />\n      </>\n    );\n  }\n}\n\nexport default JWPlayer;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.26.1-alpha.1+ba4ea48b8",
+  "version": "10.27.1-alpha.0+c67805b5f",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -57,6 +57,7 @@
   ],
   "dependencies": {
     "@coorpacademy/nova-icons": "3.11.12",
+    "@jwplayer/jwplayer-react": "^1.1.0",
     "@types/react": "^17.0.50",
     "@types/react-dom": "^17.0.17",
     "autoprefixer": "^10.4.12",
@@ -76,7 +77,6 @@
     "qs": "6.11.0",
     "react-autosuggest": "^10.0.2",
     "react-dropzone": "^9.0.0",
-    "react-jw-player": "1.19.1",
     "react-tooltip": "^4.2.6"
   },
   "peerDependencies": {
@@ -157,5 +157,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "ba4ea48b808cf8698b934e1d58eec6068152dd89"
+  "gitHead": "c67805b5f6cd6c8d74a4d9c3ead99fa8a0d5465d"
 }