@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

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

@@ -2,13 +2,21 @@
 
 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); }
+
 const eventNames = {
   ready: 'onReady',
   play: 'onPlay',
@@ -24,6 +32,7 @@ const eventNames = {
   error: 'onError',
   loaded: 'onLoaded'
 };
+
 class Vimeo extends _react.default.Component {
   constructor(props, context) {
     super(props, context);
@@ -32,9 +41,11 @@ class Vimeo extends _react.default.Component {
       isLoading: true
     };
   }
+
   componentDidMount() {
     this.createPlayer();
   }
+
   componentDidUpdate(prevProps) {
     const changes = (0, _keys2.default)(this.props).filter(key => {
       const {
@@ -47,6 +58,7 @@ class Vimeo extends _react.default.Component {
     });
     this.updateProps(changes);
   }
+
   getInitialOptions() {
     const {
       id,
@@ -73,30 +85,36 @@ 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,15 +142,18 @@ class Vimeo extends _react.default.Component {
         const {
           [reactName]: handler
         } = this.props;
+
         if (handler) {
           handler(e);
         }
       });
     });
   }
+
   refContainer(container) {
     this.container = container;
   }
+
   render() {
     const {
       className,
@@ -151,7 +172,9 @@ class Vimeo extends _react.default.Component {
       }
     }, isLoading ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : null);
   }
+
 }
+
 Vimeo.contextTypes = {
   Vimeo: _provider.default.childContextTypes.Vimeo
 };
@@ -168,49 +191,60 @@ 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.
    */
@@ -221,59 +255,71 @@ 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.
    */

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":["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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"}

package/lib/molecule/video-player-mobile/index.native.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Media } from '../questions/types';
+export declare type Props = {
+    media: Media;
+};
+declare const Video: ({ media }: Props) => JSX.Element;
+export default Video;
+//# sourceMappingURL=index.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/molecule/video-player-mobile/index.native.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAEzC,oBAAY,KAAK,GAAG;IAAC,KAAK,EAAE,KAAK,CAAA;CAAC,CAAC;AA0BnC,QAAA,MAAM,KAAK,cAAa,KAAK,gBAE5B,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,56 @@
+"use strict";
+
+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"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const styleSheet = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    width: '100%'
+  },
+  video: {
+    flex: 1,
+    width: '100%'
+  }
+});
+
+const VideoSwitch = ({
+  media
+}) => {
+  switch (media.mimeType) {
+    case 'application/jwplayer':
+      if (!media.jwpOptions?.config) {
+        return null;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_reactNativeJwMediaPlayer.default, {
+        style: styleSheet.video,
+        config: media.jwpOptions.config
+      });
+
+    default:
+      return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, `video mimeType ${media.mimeType} is not handled`);
+  }
+};
+
+const Video = ({
+  media
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.container
+  }, media ? /*#__PURE__*/_react.default.createElement(VideoSwitch, {
+    media: media
+  }) : null);
+};
+
+var _default = Video;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["styleSheet","StyleSheet","create","container","flex","width","video","VideoSwitch","media","mimeType","jwpOptions","config","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';\n\nimport {Media} from '../questions/types';\n\nexport type Props = {media: Media};\n\nconst styleSheet = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%'\n  },\n  video: {\n    flex: 1,\n    width: '100%'\n  }\n});\n\nconst VideoSwitch = ({media}: Props) => {\n  switch (media.mimeType) {\n    case 'application/jwplayer':\n      if (!media.jwpOptions?.config) {\n        return null;\n      }\n\n      return <JWPlayer style={styleSheet.video} config={media.jwpOptions.config} />;\n    default:\n      return <Text>{`video mimeType ${media.mimeType} is not handled`}</Text>;\n  }\n};\n\nconst Video = ({media}: Props) => {\n  return <View style={styleSheet.container}>{media ? <VideoSwitch media={media} /> : null}</View>;\n};\n\nexport default Video;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAMA,MAAMA,UAAU,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EACnCC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE;EAFE,CADwB;EAKnCC,KAAK,EAAE;IACLF,IAAI,EAAE,CADD;IAELC,KAAK,EAAE;EAFF;AAL4B,CAAlB,CAAnB;;AAWA,MAAME,WAAW,GAAG,CAAC;EAACC;AAAD,CAAD,KAAoB;EACtC,QAAQA,KAAK,CAACC,QAAd;IACE,KAAK,sBAAL;MACE,IAAI,CAACD,KAAK,CAACE,UAAN,EAAkBC,MAAvB,EAA+B;QAC7B,OAAO,IAAP;MACD;;MAED,oBAAO,6BAAC,iCAAD;QAAU,KAAK,EAAEX,UAAU,CAACM,KAA5B;QAAmC,MAAM,EAAEE,KAAK,CAACE,UAAN,CAAiBC;MAA5D,EAAP;;IACF;MACE,oBAAO,6BAAC,iBAAD,QAAQ,kBAAiBH,KAAK,CAACC,QAAS,iBAAxC,CAAP;EARJ;AAUD,CAXD;;AAaA,MAAMG,KAAK,GAAG,CAAC;EAACJ;AAAD,CAAD,KAAoB;EAChC,oBAAO,6BAAC,iBAAD;IAAM,KAAK,EAAER,UAAU,CAACG;EAAxB,GAAoCK,KAAK,gBAAG,6BAAC,WAAD;IAAa,KAAK,EAAEA;EAApB,EAAH,GAAmC,IAA5E,CAAP;AACD,CAFD;;eAIeI,K"}

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

@@ -2,23 +2,37 @@
 
 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 }; }
+
 const buildItemsOfSection = items => {
   return items.map((item, index) => {
     const {
       type
     } = item;
+
     switch (type) {
       case 'mainElement':
         return /*#__PURE__*/_react.default.createElement("li", {
@@ -29,6 +43,7 @@ const buildItemsOfSection = items => {
         }, item.title), /*#__PURE__*/_react.default.createElement("span", {
           className: _style.default.value
         }, item.value));
+
       case 'content':
         {
           const {
@@ -51,8 +66,7 @@ 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
@@ -61,6 +75,7 @@ const buildItemsOfSection = items => {
             className: _style.default.author
           }, author) : null));
         }
+
       case 'text':
       default:
         {
@@ -78,14 +93,17 @@ 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", {
@@ -94,6 +112,7 @@ const buildSectionHeader = section => {
     className: _style.default.counterText
   }, counterText) : null);
 };
+
 const buildSections = sections => {
   return sections.map((section, index) => {
     const sectionHeader = buildSectionHeader(section);
@@ -106,6 +125,7 @@ const buildSections = sections => {
     }, sectionHeader, /*#__PURE__*/_react.default.createElement("ul", null, itemsView));
   });
 };
+
 const BuildAction = ({
   action,
   side
@@ -135,6 +155,7 @@ 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)) {
@@ -142,6 +163,7 @@ const checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {
     }
   }
 };
+
 const WizardSummary = props => {
   const {
     title,
@@ -153,7 +175,9 @@ 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));
@@ -162,6 +186,7 @@ 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", {
@@ -200,6 +225,7 @@ const WizardSummary = props => {
     side: side
   })));
 };
+
 BuildAction.propTypes = process.env.NODE_ENV !== "production" ? {
   action: _propTypes.default.shape({
     icon: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildItemsOfSection","items","map","item","index","type","title","style","value","badgeList","badgeAriaLabel","author","unsaved","contentWrapper","contentCounter","contentItem","classnames","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","side","onClick","disabled","icon","ariaLabel","handleClick","useMemo","buttonProps","label","position","button","checkOnClose","checked","summaryElement","onCloseSummary","clickEvent","current","contains","target","WizardSummary","props","sectionsView","idSwitch","useRef","setChecked","useState","handleOnChange","useCallback","document","addEventListener","removeEventListener","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","bool","func","arrayOf","oneOfType","ContentBadge"],"sources":["../../../src/molecule/wizard-summary/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ListBadges from '../list-badges';\nimport ButtonLink from '../../atom/button-link';\nimport ContentBadge 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}`} data-name={item.title}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {badgeList, badgeAriaLabel, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`} data-name={item.title}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <ListBadges aria-label={badgeAriaLabel} items={badgeList} />\n              <div\n                className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                title={title}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: title}}\n              />\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`} data-name={item.title}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\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\n        key={`summary-section-${index}`}\n        data-step={index}\n        data-name={`summary-section-${index}`}\n        className={style.sectionWrapper}\n      >\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst BuildAction = ({action, side}) => {\n  const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    disabled,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button-${side}`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div className={style.button}>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {\n  if (checked) {\n    if (\n      summaryElement &&\n      summaryElement.current &&\n      !summaryElement.current.contains(clickEvent.target)\n    ) {\n      onCloseSummary();\n    }\n  }\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action, side} = props;\n  const sectionsView = buildSections(sections);\n  const idSwitch = uniqueId('open-summary-wizard');\n  const summaryElement = useRef(null);\n  const [checked, setChecked] = useState(false);\n\n  const onCloseSummary = () => setChecked(false);\n  const handleOnChange = useCallback(() => {\n    if (!checked) {\n      document.addEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.addEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    } else {\n      document.removeEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.removeEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    }\n    setChecked(!checked);\n  }, [checked]);\n\n  return (\n    <div className={style.container} ref={summaryElement}>\n      <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n        {title}\n      </span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n        data-name={`summary-checkbox-${side}`}\n        checked={checked}\n        onChange={handleOnChange}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections} data-name={`summary-section-${side}`}>\n          {sectionsView}\n        </div>\n      </div>\n      <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n        <BuildAction action={action} side={side} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    disabled: PropTypes.bool,\n    text: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  }),\n  side: PropTypes.string\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  side: 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            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),\n            badgeAriaLabel: PropTypes.string,\n            title: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"mappings":";;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,mBAAmB,GAAGC,KAAK,IAAI;EACnC,OAAOA,KAAK,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IAChC,MAAM;MAACC;IAAI,CAAC,GAAGF,IAAI;IACnB,QAAQE,IAAI;MACV,KAAK,aAAa;QAChB,oBACE;UAAI,GAAG,EAAG,GAAEF,IAAI,CAACG,KAAM,IAAGF,KAAM,EAAE;UAAC,aAAWD,IAAI,CAACG;QAAM,gBACvD;UAAM,SAAS,EAAEC,cAAK,CAACD;QAAM,GAAEH,IAAI,CAACG,KAAK,CAAQ,eACjD;UAAM,SAAS,EAAEC,cAAK,CAACC;QAAM,GAAEL,IAAI,CAACK,KAAK,CAAQ,CAC9C;MAET,KAAK,SAAS;QAAE;UACd,MAAM;YAACC,SAAS;YAAEC,cAAc;YAAEJ,KAAK;YAAEK,MAAM;YAAEC,OAAO,GAAG;UAAK,CAAC,GAAGT,IAAI;UACxE,oBACE;YAAI,SAAS,EAAEI,cAAK,CAACM,cAAe;YAAC,GAAG,EAAG,GAAEP,KAAM,IAAGF,KAAM,EAAE;YAAC,aAAWD,IAAI,CAACG;UAAM,gBACnF;YAAM,SAAS,EAAEC,cAAK,CAACO;UAAe,GAAEV,KAAK,GAAG,CAAC,CAAQ,eACzD;YAAK,SAAS,EAAEG,cAAK,CAACQ;UAAY,gBAChC,6BAAC,mBAAU;YAAC,cAAYL,cAAe;YAAC,KAAK,EAAED;UAAU,EAAG,eAC5D;YACE,SAAS,EAAE,IAAAO,mBAAU,EAACT,cAAK,CAACU,YAAY,EAAEL,OAAO,IAAIL,cAAK,CAACK,OAAO,CAAE;YACpE,KAAK,EAAEN;YACP;YAAA;YACA,uBAAuB,EAAE;cAACY,MAAM,EAAEZ;YAAK;UAAE,EACzC,EACDK,MAAM,gBAAG;YAAM,SAAS,EAAEJ,cAAK,CAACI;UAAO,GAAEA,MAAM,CAAQ,GAAG,IAAI,CAC3D,CACH;QAET;MACA,KAAK,MAAM;MACX;QAAS;UACP,MAAM;YAACQ,IAAI;YAAEP,OAAO,GAAG;UAAK,CAAC,GAAGT,IAAI;UACpC,oBACE;YAAI,GAAG,EAAG,GAAEA,IAAI,CAACgB,IAAK,IAAGf,KAAM,EAAE;YAAC,aAAWD,IAAI,CAACG;UAAM,gBACtD;YAAM,SAAS,EAAE,IAAAU,mBAAU,EAACT,cAAK,CAACa,eAAe,EAAER,OAAO,IAAIL,cAAK,CAACK,OAAO;UAAE,GAC1EO,IAAI,CACA,CACJ;QAET;IAAC;EAEL,CAAC,CAAC;AACJ,CAAC;AAED,MAAME,kBAAkB,GAAGC,OAAO,IAAI;EACpC,MAAM;IAAChB,KAAK;IAAEiB;EAAW,CAAC,GAAGD,OAAO;EACpC,IAAI,CAAChB,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,oBACE;IAAK,SAAS,EAAEC,cAAK,CAACiB;EAAc,gBAClC;IAAM,SAAS,EAAEjB,cAAK,CAACD;EAAM,GAAEA,KAAK,CAAQ,EAC3CiB,WAAW,gBAAG;IAAM,SAAS,EAAEhB,cAAK,CAACgB;EAAY,GAAEA,WAAW,CAAQ,GAAG,IAAI,CAC1E;AAEV,CAAC;AAED,MAAME,aAAa,GAAGC,QAAQ,IAAI;EAChC,OAAOA,QAAQ,CAACxB,GAAG,CAAC,CAACoB,OAAO,EAAElB,KAAK,KAAK;IACtC,MAAMoB,aAAa,GAAGH,kBAAkB,CAACC,OAAO,CAAC;IACjD,MAAMK,SAAS,GAAG3B,mBAAmB,CAACsB,OAAO,CAACrB,KAAK,CAAC;IACpD,oBACE;MACE,GAAG,EAAG,mBAAkBG,KAAM,EAAE;MAChC,aAAWA,KAAM;MACjB,aAAY,mBAAkBA,KAAM,EAAE;MACtC,SAAS,EAAEG,cAAK,CAACqB;IAAe,GAE/BJ,aAAa,eACd,yCAAKG,SAAS,CAAM,CAChB;EAEV,CAAC,CAAC;AACJ,CAAC;AAED,MAAME,WAAW,GAAG,CAAC;EAACC,MAAM;EAAEC;AAAI,CAAC,KAAK;EACtC,MAAM;IAACC,OAAO;IAAEb,IAAI;IAAEc,QAAQ,GAAG,KAAK;IAAEC,IAAI;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGL,MAAM;EAC/E,MAAMM,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM,MAAML,OAAO,EAAE,EAAE,CAACA,OAAO,CAAC,CAAC;EAE7D,IAAI,CAACF,MAAM,EAAE,OAAO,IAAI;EAExB,MAAMQ,WAAW,GAAG;IAClBjC,IAAI,EAAE,MAAM;IACZkC,KAAK,EAAEpB,IAAI;IACXc,QAAQ;IACR,YAAY,EAAEE,SAAS;IACvB,WAAW,EAAG,GAAED,IAAK,WAAUH,IAAK,EAAC;IACrCC,OAAO,EAAEI,WAAW;IACpBF,IAAI,EAAE;MACJM,QAAQ,EAAE,MAAM;MAChBnC,IAAI,EAAE6B;IACR;EACF,CAAC;EAED,oBACE;IAAK,SAAS,EAAE3B,cAAK,CAACkC;EAAO,gBAC3B,6BAAC,mBAAU,EAAKH,WAAW,CAAI,CAC3B;AAEV,CAAC;AAED,MAAMI,YAAY,GAAG,CAACC,OAAO,EAAEC,cAAc,EAAEC,cAAc,EAAEC,UAAU,KAAK;EAC5E,IAAIH,OAAO,EAAE;IACX,IACEC,cAAc,IACdA,cAAc,CAACG,OAAO,IACtB,CAACH,cAAc,CAACG,OAAO,CAACC,QAAQ,CAACF,UAAU,CAACG,MAAM,CAAC,EACnD;MACAJ,cAAc,EAAE;IAClB;EACF;AACF,CAAC;AAED,MAAMK,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IAAC7C,KAAK;IAAEoB,QAAQ;IAAEI,MAAM;IAAEC;EAAI,CAAC,GAAGoB,KAAK;EAC7C,MAAMC,YAAY,GAAG3B,aAAa,CAACC,QAAQ,CAAC;EAC5C,MAAM2B,QAAQ,GAAG,wBAAS,qBAAqB,CAAC;EAChD,MAAMT,cAAc,GAAG,IAAAU,aAAM,EAAC,IAAI,CAAC;EACnC,MAAM,CAACX,OAAO,EAAEY,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7C,MAAMX,cAAc,GAAG,MAAMU,UAAU,CAAC,KAAK,CAAC;EAC9C,MAAME,cAAc,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACvC,IAAI,CAACf,OAAO,EAAE;MACZgB,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEd,UAAU,IAC3CJ,YAAY,CAAC,CAACC,OAAO,EAAEC,cAAc,EAAEC,cAAc,EAAEC,UAAU,CAAC,CACnE;MACDa,QAAQ,CAACC,gBAAgB,CAAC,YAAY,EAAEd,UAAU,IAChDJ,YAAY,CAAC,CAACC,OAAO,EAAEC,cAAc,EAAEC,cAAc,EAAEC,UAAU,CAAC,CACnE;IACH,CAAC,MAAM;MACLa,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEf,UAAU,IAC9CJ,YAAY,CAAC,CAACC,OAAO,EAAEC,cAAc,EAAEC,cAAc,EAAEC,UAAU,CAAC,CACnE;MACDa,QAAQ,CAACE,mBAAmB,CAAC,YAAY,EAAEf,UAAU,IACnDJ,YAAY,CAAC,CAACC,OAAO,EAAEC,cAAc,EAAEC,cAAc,EAAEC,UAAU,CAAC,CACnE;IACH;IACAS,UAAU,CAAC,CAACZ,OAAO,CAAC;EACtB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,oBACE;IAAK,SAAS,EAAEpC,cAAK,CAACuD,SAAU;IAAC,GAAG,EAAElB;EAAe,gBACnD;IAAM,SAAS,EAAErC,cAAK,CAACwD,mBAAoB;IAAC,aAAY,iBAAgBhC,IAAK;EAAE,GAC5EzB,KAAK,CACD,eACP;IACE,IAAI,EAAC,UAAU;IACf,EAAE,EAAE+C,QAAS;IACb,IAAI,EAAC,QAAQ;IACb,KAAK,EAAEA,QAAS;IAChB,SAAS,EAAE9C,cAAK,CAACyD,QAAS;IAC1B,aAAY,oBAAmBjC,IAAK,EAAE;IACtC,OAAO,EAAEY,OAAQ;IACjB,QAAQ,EAAEc;EAAe,EACzB,eACF;IAAK,SAAS,EAAElD,cAAK,CAAC0D;EAAQ,gBAC5B;IAAK,SAAS,EAAE1D,cAAK,CAAC2D;EAAoB,gBACxC;IAAO,OAAO,EAAEb;EAAS,gBACvB;IAAM,SAAS,EAAE9C,cAAK,CAAC4D;EAAmB,GAAE7D,KAAK,CAAQ,eACzD,6BAAC,6CAAa;IAAC,SAAS,EAAEC,cAAK,CAAC6D;EAAkB,EAAG,CAC/C,CACJ,eACN;IAAK,SAAS,EAAE7D,cAAK,CAAC8D,eAAgB;IAAC,aAAY,mBAAkBtC,IAAK;EAAE,GACzEqB,YAAY,CACT,CACF,eACN;IAAK,SAAS,EAAE7C,cAAK,CAAC+D,UAAW;IAAC,aAAY,mBAAkBvC,IAAK;EAAE,gBACrE,6BAAC,WAAW;IAAC,MAAM,EAAED,MAAO;IAAC,IAAI,EAAEC;EAAK,EAAG,CACvC,CACF;AAEV,CAAC;AAEDF,WAAW,CAAC0C,SAAS,2CAAG;EACtBzC,MAAM,EAAE0C,kBAAS,CAACC,KAAK,CAAC;IACtBvC,IAAI,EAAEsC,kBAAS,CAACE,MAAM;IACtBzC,QAAQ,EAAEuC,kBAAS,CAACG,IAAI;IACxBxD,IAAI,EAAEqD,kBAAS,CAACE,MAAM;IACtB1C,OAAO,EAAEwC,kBAAS,CAACI,IAAI;IACvB,YAAY,EAAEJ,kBAAS,CAACE;EAC1B,CAAC,CAAC;EACF3C,IAAI,EAAEyC,kBAAS,CAACE;AAClB,CAAC;AAEDxB,aAAa,CAACqB,SAAS,2CAAG;EACxBjE,KAAK,EAAEkE,kBAAS,CAACE,MAAM;EACvB3C,IAAI,EAAEyC,kBAAS,CAACE,MAAM;EACtBhD,QAAQ,EAAE8C,kBAAS,CAACK,OAAO,CACzBL,kBAAS,CAACC,KAAK,CAAC;IACdnE,KAAK,EAAEkE,kBAAS,CAACE,MAAM;IACvBzE,KAAK,EAAEuE,kBAAS,CAACK,OAAO,CACtBL,kBAAS,CAACM,SAAS,CAAC,CAClBN,kBAAS,CAACC,KAAK,CAAC;MACdpE,IAAI,EAAEmE,kBAAS,CAACE,MAAM;MACtBpE,KAAK,EAAEkE,kBAAS,CAACE,MAAM;MACvBlE,KAAK,EAAEgE,kBAAS,CAACE;IACnB,CAAC,CAAC,EACFF,kBAAS,CAACC,KAAK,CAAC;MACdpE,IAAI,EAAEmE,kBAAS,CAACE,MAAM;MACtBvD,IAAI,EAAEqD,kBAAS,CAACE,MAAM;MACtB9D,OAAO,EAAE4D,kBAAS,CAACG;IACrB,CAAC,CAAC,EACFH,kBAAS,CAACC,KAAK,CAAC;MACdpE,IAAI,EAAEmE,kBAAS,CAACE,MAAM;MACtBjE,SAAS,EAAE+D,kBAAS,CAACK,OAAO,CAACL,kBAAS,CAACC,KAAK,CAACM,qBAAY,CAACR,SAAS,CAAC,CAAC;MACrE7D,cAAc,EAAE8D,kBAAS,CAACE,MAAM;MAChCpE,KAAK,EAAEkE,kBAAS,CAACE,MAAM;MACvB/D,MAAM,EAAE6D,kBAAS,CAACE,MAAM;MACxB9D,OAAO,EAAE4D,kBAAS,CAACG;IACrB,CAAC,CAAC,CACH,CAAC,CACH;IACDpD,WAAW,EAAEiD,kBAAS,CAACE;EACzB,CAAC,CAAC,CACH;EACD5C,MAAM,EAAED,WAAW,CAAC0C,SAAS,CAACzC;AAChC,CAAC;AAAC,eAEaoB,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["buildItemsOfSection","items","map","item","index","type","title","style","value","badgeList","badgeAriaLabel","author","unsaved","contentWrapper","contentCounter","contentItem","classnames","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","side","onClick","disabled","icon","ariaLabel","handleClick","useMemo","buttonProps","label","position","button","checkOnClose","checked","summaryElement","onCloseSummary","clickEvent","current","contains","target","WizardSummary","props","sectionsView","idSwitch","useRef","setChecked","useState","handleOnChange","useCallback","document","addEventListener","removeEventListener","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","bool","func","arrayOf","oneOfType","ContentBadge"],"sources":["../../../src/molecule/wizard-summary/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ListBadges from '../list-badges';\nimport ButtonLink from '../../atom/button-link';\nimport ContentBadge 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}`} data-name={item.title}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {badgeList, badgeAriaLabel, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`} data-name={item.title}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <ListBadges aria-label={badgeAriaLabel} items={badgeList} />\n              <div\n                className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                title={title}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: title}}\n              />\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`} data-name={item.title}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\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\n        key={`summary-section-${index}`}\n        data-step={index}\n        data-name={`summary-section-${index}`}\n        className={style.sectionWrapper}\n      >\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst BuildAction = ({action, side}) => {\n  const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    disabled,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button-${side}`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div className={style.button}>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {\n  if (checked) {\n    if (\n      summaryElement &&\n      summaryElement.current &&\n      !summaryElement.current.contains(clickEvent.target)\n    ) {\n      onCloseSummary();\n    }\n  }\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action, side} = props;\n  const sectionsView = buildSections(sections);\n  const idSwitch = uniqueId('open-summary-wizard');\n  const summaryElement = useRef(null);\n  const [checked, setChecked] = useState(false);\n\n  const onCloseSummary = () => setChecked(false);\n  const handleOnChange = useCallback(() => {\n    if (!checked) {\n      document.addEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.addEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    } else {\n      document.removeEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.removeEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    }\n    setChecked(!checked);\n  }, [checked]);\n\n  return (\n    <div className={style.container} ref={summaryElement}>\n      <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n        {title}\n      </span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n        data-name={`summary-checkbox-${side}`}\n        checked={checked}\n        onChange={handleOnChange}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections} data-name={`summary-section-${side}`}>\n          {sectionsView}\n        </div>\n      </div>\n      <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n        <BuildAction action={action} side={side} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    disabled: PropTypes.bool,\n    text: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  }),\n  side: PropTypes.string\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  side: 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            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            badgeList: PropTypes.arrayOf(PropTypes.shape(ContentBadge.propTypes)),\n            badgeAriaLabel: PropTypes.string,\n            title: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"mappings":"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"}