@coorpacademy/components 11.32.52-alpha.65 → 11.33.0

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

@@ -2,20 +2,16 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _loader = _interopRequireDefault(require("../../atom/loader"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+  from https://github.com/u-wave/react-vimeo
+  adapted to use Vimeo.js from context and support width: 100%
+*/
 
 const eventNames = {
   ready: 'onReady',
@@ -32,8 +28,18 @@ const eventNames = {
   error: 'onError',
   loaded: 'onLoaded'
 };
-
 class Vimeo extends _react.default.Component {
+  static contextTypes = {
+    Vimeo: _provider.default.childContextTypes.Vimeo
+  };
+  static defaultProps = {
+    autopause: true,
+    autoplay: false,
+    loop: false,
+    showByline: true,
+    showPortrait: true,
+    showTitle: true
+  };
   constructor(props, context) {
     super(props, context);
     this.refContainer = this.refContainer.bind(this);
@@ -41,11 +47,9 @@ class Vimeo extends _react.default.Component {
       isLoading: true
     };
   }
-
   componentDidMount() {
     this.createPlayer();
   }
-
   componentDidUpdate(prevProps) {
     const changes = (0, _keys2.default)(this.props).filter(key => {
       const {
@@ -58,7 +62,6 @@ class Vimeo extends _react.default.Component {
     });
     this.updateProps(changes);
   }
-
   getInitialOptions() {
     const {
       id,
@@ -85,36 +88,30 @@ class Vimeo extends _react.default.Component {
       title: showTitle
     };
   }
-
   updateProps(propNames) {
     const player = this.player;
     propNames.forEach(key => {
       const {
         [key]: value
       } = this.props;
-
       switch (key) {
         case 'width':
         case 'height':
           player.element[key] = value;
           break;
-
         case 'id':
           if (value) {
             player.loadVideo(value);
           } else {
             player.unload();
           }
-
           break;
-
         case 'autoplay':
           player.play();
           break;
       }
     });
   }
-
   createPlayer() {
     const options = this.getInitialOptions();
     const {
@@ -124,10 +121,11 @@ class Vimeo extends _react.default.Component {
     const {
       Player
     } = V;
-    this.player = new Player(this.container, _extends({}, options, {
+    this.player = new Player(this.container, {
+      ...options,
       width: '1',
       height: '1'
-    }));
+    });
     this.player.on('loaded', () => {
       this.updateProps(['width', 'height']);
       this.setState(state => ({
@@ -142,18 +140,15 @@ class Vimeo extends _react.default.Component {
         const {
           [reactName]: handler
         } = this.props;
-
         if (handler) {
           handler(e);
         }
       });
     });
   }
-
   refContainer(container) {
     this.container = container;
   }
-
   render() {
     const {
       className,
@@ -172,79 +167,55 @@ class Vimeo extends _react.default.Component {
       }
     }, isLoading ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : null);
   }
-
 }
-
-Vimeo.contextTypes = {
-  Vimeo: _provider.default.childContextTypes.Vimeo
-};
-Vimeo.defaultProps = {
-  autopause: true,
-  autoplay: false,
-  loop: false,
-  showByline: true,
-  showPortrait: true,
-  showTitle: true
-};
 Vimeo.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * A Vimeo ID or URL.
    */
   id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * CSS className for the player element.
    */
   className: _propTypes.default.string,
-
   /**
    * Width of the player element.
    */
   width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * Height of the player element.
    */
   height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /**
    * Pause the video.
    */
   paused: _propTypes.default.bool,
   // Player parameters
-
   /**
    * Pause this video automatically when another one plays.
    */
   autopause: _propTypes.default.bool,
-
   /**
    * Automatically start playback of the video. Note that this won’t work on
    * some devices.
    */
   autoplay: _propTypes.default.bool,
-
   /**
    * Show the byline on the video.
    */
   showByline: _propTypes.default.bool,
-
   /**
    * Specify the color of the video controls. Colors may be overridden by the
    * embed settings of the video.
    */
   color: _propTypes.default.string,
-
   /**
    * Play the video again when it reaches the end.
    */
   loop: _propTypes.default.bool,
-
   /**
    * Show the portrait on the video.
    */
   showPortrait: _propTypes.default.bool,
-
   /**
    * Show the title on the video.
    */
@@ -255,76 +226,63 @@ Vimeo.propTypes = process.env.NODE_ENV !== "production" ? {
    * Sent when the Vimeo player API has loaded.
    */
   onReady: _propTypes.default.func,
-
   /**
    * Sent when the player triggers an error.
    */
   onError: _propTypes.default.func,
-
   /**
    * Triggered when the video plays.
    */
   onPlay: _propTypes.default.func,
-
   /**
    * Triggered when the video pauses.
    */
   onPause: _propTypes.default.func,
-
   /**
    * Triggered any time the video playback reaches the end.
    * Note: when `loop` is turned on, the ended event will not fire.
    */
   onEnd: _propTypes.default.func,
-
   /**
    * Triggered as the `currentTime` of the video updates. It generally fires
    * every 250ms, but it may vary depending on the browser.
    */
   onTimeUpdate: _propTypes.default.func,
-
   /**
    * Triggered as the video is loaded. Reports back the amount of the video
    * that has been buffered.
    */
   onProgress: _propTypes.default.func,
-
   /**
    * Triggered when the player seeks to a specific time. An `onTimeUpdate`
    * event will also be fired at the same time.
    */
   onSeeked: _propTypes.default.func,
-
   /**
    * Triggered when the active text track (captions/subtitles) changes. The
    * values will be `null` if text tracks are turned off.
    */
   onTextTrackChange: _propTypes.default.func,
-
   /**
    * Triggered when the active cue for the current text track changes. It also
    * fires when the active text track changes. There may be multiple cues
    * active.
    */
   onCueChange: _propTypes.default.func,
-
   /**
    * Triggered when the current time hits a registered cue point.
    */
   onCuePoint: _propTypes.default.func,
-
   /**
    * Triggered when the volume in the player changes. Some devices do not
    * support setting the volume of the video independently from the system
    * volume, so this event will never fire on those devices.
    */
   onVolumeChange: _propTypes.default.func,
-
   /**
    * Triggered when a new video is loaded in the player.
    */
   onLoaded: _propTypes.default.func
 } : {};
-var _default = Vimeo;
-exports.default = _default;
+var _default = exports.default = Vimeo;
 //# sourceMappingURL=vimeo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"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","contextTypes","Provider","childContextTypes","defaultProps","propTypes","PropTypes","oneOfType","number","string","paused","bool","onReady","func","onError","onPlay","onPause","onEnd","onTimeUpdate","onProgress","onSeeked","onTextTrackChange","onCueChange","onCuePoint","onVolumeChange","onLoaded"],"sources":["../../../src/molecule/video-player/vimeo.js"],"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"],"mappings":"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"}
+{"version":3,"file":"vimeo.js","names":["_react","_interopRequireDefault","require","_propTypes","_provider","_loader","e","__esModule","default","eventNames","ready","play","pause","ended","timeupdate","progress","seeked","texttrackchange","cuechange","cuepoint","volumechange","error","loaded","Vimeo","React","Component","contextTypes","Provider","childContextTypes","defaultProps","autopause","autoplay","loop","showByline","showPortrait","showTitle","constructor","props","context","refContainer","bind","state","isLoading","componentDidMount","createPlayer","componentDidUpdate","prevProps","changes","_keys2","filter","key","current","prev","updateProps","getInitialOptions","id","width","height","color","byline","portrait","title","propNames","player","forEach","value","element","loadVideo","unload","options","V","Player","container","on","setState","dmName","reactName","handler","render","className","createElement","ref","style","propTypes","process","env","NODE_ENV","PropTypes","oneOfType","number","string","paused","bool","onReady","func","onError","onPlay","onPause","onEnd","onTimeUpdate","onProgress","onSeeked","onTextTrackChange","onCueChange","onCuePoint","onVolumeChange","onLoaded","_default","exports"],"sources":["../../../src/molecule/video-player/vimeo.js"],"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"],"mappings":"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","ignoreList":[]}

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

@@ -2,30 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeJwMediaPlayer = _interopRequireDefault(require("react-native-jw-media-player"));
-
 var _reactNativeYoutube = _interopRequireDefault(require("react-native-youtube"));
-
 var _reactNativeVimeoIframe = require("react-native-vimeo-iframe");
-
 var _templateContext = require("../../template/app-review/template-context");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const styleSheet = _reactNative.StyleSheet.create({
   container: {
     flex: 1,
     width: '100%'
   }
 });
-
 const VideoSwitch = ({
   media,
   autoplay
@@ -33,7 +22,6 @@ const VideoSwitch = ({
   const {
     brandTheme
   } = (0, _templateContext.useTemplateContext)();
-
   switch (media.mimeType) {
     case 'application/kontiki':
     case 'application/jwplayer':
@@ -42,24 +30,21 @@ const VideoSwitch = ({
         if (!media.jwpOptions?.config) {
           return null;
         }
-
-        const config = _extends({}, media.jwpOptions.config, {
+        const config = {
+          ...media.jwpOptions.config,
           autostart: autoplay
-        });
-
+        };
         return /*#__PURE__*/_react.default.createElement(_reactNativeJwMediaPlayer.default, {
           style: styleSheet.container,
           config: config
         });
       }
-
     case 'application/vimeo':
       return media.videoId ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
         style: styleSheet.container
       }, /*#__PURE__*/_react.default.createElement(_reactNativeVimeoIframe.Vimeo, {
         videoId: media.videoId
       })) : null;
-
     case 'application/youtube':
       return /*#__PURE__*/_react.default.createElement(_reactNativeYoutube.default, {
         apiKey: brandTheme.youtube?.apiKey || '',
@@ -67,12 +52,10 @@ const VideoSwitch = ({
         videoId: media.videoId,
         play: autoplay
       });
-
     default:
       return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, `video mimeType ${media.mimeType} is not handled`);
   }
 };
-
 const Video = ({
   media,
   autoplay
@@ -82,7 +65,5 @@ const Video = ({
     autoplay: autoplay
   }) : null;
 };
-
-var _default = Video;
-exports.default = _default;
+var _default = exports.default = Video;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["styleSheet","StyleSheet","create","container","flex","width","VideoSwitch","media","autoplay","brandTheme","useTemplateContext","mimeType","jwpOptions","config","autostart","videoId","youtube","apiKey","Video"],"sources":["../../../src/molecule/video-player-mobile/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, Text, View} from 'react-native';\nimport JWPlayer from 'react-native-jw-media-player';\nimport Youtube from 'react-native-youtube';\nimport {Vimeo} from 'react-native-vimeo-iframe';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nimport {Media} from '../questions/types';\n\nexport type Props = {media: Media; autoplay: boolean};\n\nconst styleSheet = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%'\n  }\n});\n\nconst VideoSwitch = ({media, autoplay}: Props) => {\n  const {brandTheme} = useTemplateContext();\n\n  switch (media.mimeType) {\n    case 'application/kontiki':\n    case 'application/jwplayer':\n    case 'video/mp4': {\n      if (!media.jwpOptions?.config) {\n        return null;\n      }\n\n      const config = {\n        ...media.jwpOptions.config,\n        autostart: autoplay\n      };\n\n      return <JWPlayer style={styleSheet.container} config={config} />;\n    }\n    case 'application/vimeo':\n      return media.videoId ? (\n        <View style={styleSheet.container}>\n          <Vimeo videoId={media.videoId} />\n        </View>\n      ) : null;\n    case 'application/youtube':\n      return (\n        <Youtube\n          apiKey={brandTheme.youtube?.apiKey || ''}\n          style={styleSheet.container}\n          videoId={media.videoId}\n          play={autoplay}\n        />\n      );\n    default:\n      return <Text>{`video mimeType ${media.mimeType} is not handled`}</Text>;\n  }\n};\n\nconst Video = ({media, autoplay}: Props) => {\n  return media ? <VideoSwitch media={media} autoplay={autoplay} /> : null;\n};\n\nexport default Video;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAMA,MAAMA,UAAU,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EACnCC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE;EAFE;AADwB,CAAlB,CAAnB;;AAOA,MAAMC,WAAW,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAA8B;EAChD,MAAM;IAACC;EAAD,IAAe,IAAAC,mCAAA,GAArB;;EAEA,QAAQH,KAAK,CAACI,QAAd;IACE,KAAK,qBAAL;IACA,KAAK,sBAAL;IACA,KAAK,WAAL;MAAkB;QAChB,IAAI,CAACJ,KAAK,CAACK,UAAN,EAAkBC,MAAvB,EAA+B;UAC7B,OAAO,IAAP;QACD;;QAED,MAAMA,MAAM,gBACPN,KAAK,CAACK,UAAN,CAAiBC,MADV;UAEVC,SAAS,EAAEN;QAFD,EAAZ;;QAKA,oBAAO,6BAAC,iCAAD;UAAU,KAAK,EAAER,UAAU,CAACG,SAA5B;UAAuC,MAAM,EAAEU;QAA/C,EAAP;MACD;;IACD,KAAK,mBAAL;MACE,OAAON,KAAK,CAACQ,OAAN,gBACL,6BAAC,iBAAD;QAAM,KAAK,EAAEf,UAAU,CAACG;MAAxB,gBACE,6BAAC,6BAAD;QAAO,OAAO,EAAEI,KAAK,CAACQ;MAAtB,EADF,CADK,GAIH,IAJJ;;IAKF,KAAK,qBAAL;MACE,oBACE,6BAAC,2BAAD;QACE,MAAM,EAAEN,UAAU,CAACO,OAAX,EAAoBC,MAApB,IAA8B,EADxC;QAEE,KAAK,EAAEjB,UAAU,CAACG,SAFpB;QAGE,OAAO,EAAEI,KAAK,CAACQ,OAHjB;QAIE,IAAI,EAAEP;MAJR,EADF;;IAQF;MACE,oBAAO,6BAAC,iBAAD,QAAQ,kBAAiBD,KAAK,CAACI,QAAS,iBAAxC,CAAP;EA/BJ;AAiCD,CApCD;;AAsCA,MAAMO,KAAK,GAAG,CAAC;EAACX,KAAD;EAAQC;AAAR,CAAD,KAA8B;EAC1C,OAAOD,KAAK,gBAAG,6BAAC,WAAD;IAAa,KAAK,EAAEA,KAApB;IAA2B,QAAQ,EAAEC;EAArC,EAAH,GAAuD,IAAnE;AACD,CAFD;;eAIeU,K"}
+{"version":3,"file":"index.native.js","names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeJwMediaPlayer","_reactNativeYoutube","_reactNativeVimeoIframe","_templateContext","e","__esModule","default","styleSheet","StyleSheet","create","container","flex","width","VideoSwitch","media","autoplay","brandTheme","useTemplateContext","mimeType","jwpOptions","config","autostart","createElement","style","videoId","View","Vimeo","apiKey","youtube","play","Text","Video","_default","exports"],"sources":["../../../src/molecule/video-player-mobile/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, Text, View} from 'react-native';\nimport JWPlayer from 'react-native-jw-media-player';\nimport Youtube from 'react-native-youtube';\nimport {Vimeo} from 'react-native-vimeo-iframe';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nimport {Media} from '../questions/types';\n\nexport type Props = {media: Media; autoplay: boolean};\n\nconst styleSheet = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%'\n  }\n});\n\nconst VideoSwitch = ({media, autoplay}: Props) => {\n  const {brandTheme} = useTemplateContext();\n\n  switch (media.mimeType) {\n    case 'application/kontiki':\n    case 'application/jwplayer':\n    case 'video/mp4': {\n      if (!media.jwpOptions?.config) {\n        return null;\n      }\n\n      const config = {\n        ...media.jwpOptions.config,\n        autostart: autoplay\n      };\n\n      return <JWPlayer style={styleSheet.container} config={config} />;\n    }\n    case 'application/vimeo':\n      return media.videoId ? (\n        <View style={styleSheet.container}>\n          <Vimeo videoId={media.videoId} />\n        </View>\n      ) : null;\n    case 'application/youtube':\n      return (\n        <Youtube\n          apiKey={brandTheme.youtube?.apiKey || ''}\n          style={styleSheet.container}\n          videoId={media.videoId}\n          play={autoplay}\n        />\n      );\n    default:\n      return <Text>{`video mimeType ${media.mimeType} is not handled`}</Text>;\n  }\n};\n\nconst Video = ({media, autoplay}: Props) => {\n  return media ? <VideoSwitch media={media} autoplay={autoplay} /> : null;\n};\n\nexport default Video;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,mBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAA8E,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM9E,MAAMG,UAAU,GAAGC,uBAAU,CAACC,MAAM,CAAC;EACnCC,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMC,WAAW,GAAGA,CAAC;EAACC,KAAK;EAAEC;AAAe,CAAC,KAAK;EAChD,MAAM;IAACC;EAAU,CAAC,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAEzC,QAAQH,KAAK,CAACI,QAAQ;IACpB,KAAK,qBAAqB;IAC1B,KAAK,sBAAsB;IAC3B,KAAK,WAAW;MAAE;QAChB,IAAI,CAACJ,KAAK,CAACK,UAAU,EAAEC,MAAM,EAAE;UAC7B,OAAO,IAAI;QACb;QAEA,MAAMA,MAAM,GAAG;UACb,GAAGN,KAAK,CAACK,UAAU,CAACC,MAAM;UAC1BC,SAAS,EAAEN;QACb,CAAC;QAED,oBAAOnB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACtB,yBAAA,CAAAM,OAAQ;UAACiB,KAAK,EAAEhB,UAAU,CAACG,SAAU;UAACU,MAAM,EAAEA;QAAO,CAAE,CAAC;MAClE;IACA,KAAK,mBAAmB;MACtB,OAAON,KAAK,CAACU,OAAO,gBAClB5B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAA0B,IAAI;QAACF,KAAK,EAAEhB,UAAU,CAACG;MAAU,gBAChCd,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACpB,uBAAA,CAAAwB,KAAK;QAACF,OAAO,EAAEV,KAAK,CAACU;MAAQ,CAAE,CAC5B,CAAC,GACL,IAAI;IACV,KAAK,qBAAqB;MACxB,oBACE5B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACrB,mBAAA,CAAAK,OAAO;QACNqB,MAAM,EAAEX,UAAU,CAACY,OAAO,EAAED,MAAM,IAAI,EAAG;QACzCJ,KAAK,EAAEhB,UAAU,CAACG,SAAU;QAC5Bc,OAAO,EAAEV,KAAK,CAACU,OAAQ;QACvBK,IAAI,EAAEd;MAAS,CAChB,CAAC;IAEN;MACE,oBAAOnB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACvB,YAAA,CAAA+B,IAAI,QAAE,kBAAkBhB,KAAK,CAACI,QAAQ,iBAAwB,CAAC;EAC3E;AACF,CAAC;AAED,MAAMa,KAAK,GAAGA,CAAC;EAACjB,KAAK;EAAEC;AAAe,CAAC,KAAK;EAC1C,OAAOD,KAAK,gBAAGlB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACT,WAAW;IAACC,KAAK,EAAEA,KAAM;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAAC,GAAG,IAAI;AACzE,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEayB,KAAK","ignoreList":[]}

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

@@ -2,37 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _listBadges = _interopRequireDefault(require("../list-badges"));
-
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
-
 var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const buildItemsOfSection = items => {
   return items.map((item, index) => {
     const {
       type
     } = item;
-
     switch (type) {
       case 'mainElement':
         return /*#__PURE__*/_react.default.createElement("li", {
@@ -43,7 +29,6 @@ const buildItemsOfSection = items => {
         }, item.title), /*#__PURE__*/_react.default.createElement("span", {
           className: _style.default.value
         }, item.value));
-
       case 'content':
         {
           const {
@@ -66,7 +51,8 @@ const buildItemsOfSection = items => {
             items: badgeList
           }), /*#__PURE__*/_react.default.createElement("div", {
             className: (0, _classnames.default)(_style.default.contentTitle, unsaved && _style.default.unsaved),
-            title: title // eslint-disable-next-line react/no-danger
+            title: title
+            // eslint-disable-next-line react/no-danger
             ,
             dangerouslySetInnerHTML: {
               __html: title
@@ -75,7 +61,6 @@ const buildItemsOfSection = items => {
             className: _style.default.author
           }, author) : null));
         }
-
       case 'text':
       default:
         {
@@ -93,17 +78,14 @@ const buildItemsOfSection = items => {
     }
   });
 };
-
 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", {
@@ -112,7 +94,6 @@ const buildSectionHeader = section => {
     className: _style.default.counterText
   }, counterText) : null);
 };
-
 const buildSections = sections => {
   return sections.map((section, index) => {
     const sectionHeader = buildSectionHeader(section);
@@ -125,7 +106,6 @@ const buildSections = sections => {
     }, sectionHeader, /*#__PURE__*/_react.default.createElement("ul", null, itemsView));
   });
 };
-
 const BuildAction = ({
   action,
   side
@@ -155,7 +135,6 @@ const BuildAction = ({
     className: _style.default.button
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps));
 };
-
 const checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {
   if (checked) {
     if (summaryElement && summaryElement.current && !summaryElement.current.contains(clickEvent.target)) {
@@ -163,7 +142,6 @@ const checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {
     }
   }
 };
-
 const WizardSummary = props => {
   const {
     title,
@@ -175,9 +153,7 @@ const WizardSummary = props => {
   const idSwitch = (0, _uniqueId2.default)('open-summary-wizard');
   const summaryElement = (0, _react.useRef)(null);
   const [checked, setChecked] = (0, _react.useState)(false);
-
   const onCloseSummary = () => setChecked(false);
-
   const handleOnChange = (0, _react.useCallback)(() => {
     if (!checked) {
       document.addEventListener('click', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
@@ -186,7 +162,6 @@ const WizardSummary = props => {
       document.removeEventListener('click', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
       document.removeEventListener('touchstart', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
     }
-
     setChecked(!checked);
   }, [checked]);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -225,7 +200,6 @@ const WizardSummary = props => {
     side: side
   })));
 };
-
 BuildAction.propTypes = process.env.NODE_ENV !== "production" ? {
   action: _propTypes.default.shape({
     icon: _propTypes.default.string,
@@ -261,6 +235,5 @@ WizardSummary.propTypes = process.env.NODE_ENV !== "production" ? {
   })),
   action: BuildAction.propTypes.action
 } : {};
-var _default = WizardSummary;
-exports.default = _default;
+var _default = exports.default = WizardSummary;
 //# sourceMappingURL=index.js.map