@coorpacademy/components 10.24.5-alpha.2 → 10.24.5

package/es/molecule/share/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","node","string"],"sources":["../../../src/molecule/share/index.js"],"sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      <p>{status === SHARE_STATUS.SUCCESS ? successWording : errorWording}</p>\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","node","string"],"sources":["../../../src/molecule/share/index.js"],"sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      <p>{status === SHARE_STATUS.SUCCESS ? successWording : errorWording}</p>\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus, text]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ import _get from "lodash/fp/get";
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import Player from '@jwplayer/jwplayer-react';
+import ReactJWPlayer from 'react-jw-player';
 import style from './jwplayer.css';
 import { JWPlayerPropTypes } from './prop-types';
 
@@ -30,6 +30,10 @@ class JWPlayer extends React.Component {
   }
 
   componentDidMount() {
+    const jwPlayerScript = document.getElementById('jw-player-script');
+
+    jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);
+
     this.setFileUrl();
   }
 
@@ -192,13 +196,8 @@ class JWPlayer extends React.Component {
 
     return /*#__PURE__*/React.createElement(React.Fragment, null, scriptFailedLoading ? /*#__PURE__*/React.createElement("p", {
       className: style.errorMessage
-    }, scriptErrorMessage, " ") : null, /*#__PURE__*/React.createElement(Player, {
-      key: fileUrl,
+    }, scriptErrorMessage, " ") : null, /*#__PURE__*/React.createElement(ReactJWPlayer, _extends({}, _jwpOptions, {
       className: style.wrapper,
-      id: _jwpOptions.playerId,
-      file: fileUrl,
-      library: _jwpOptions.playerScript,
-      config: _jwpOptions.customProps,
       onAutoStart: this.handlePlay,
       onPlay: this.handlePlay,
       onResume: this.handleResume,
@@ -208,8 +207,9 @@ class JWPlayer extends React.Component {
       onSetupError: this.handleSetupError,
       onPlayAttemptFailed: this.handlePlayAttemptFailed,
       onWarning: this.handleWarning,
-      onAutostartNotAllowed: this.handleAutostartNotAllowed
-    }));
+      onAutostartNotAllowed: this.handleAutostartNotAllowed,
+      file: fileUrl
+    })));
   }
 
 }

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

@@ -1 +1 @@
-{"version":3,"file":"jwplayer.js","names":["React","Player","style","JWPlayerPropTypes","JWPlayer","Component","constructor","props","context","state","fileUrl","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","componentDidMount","setFileUrl","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","jwpOptions","playerId","play","file","setState","e","onPlay","onResume","onPause","onEnded","script","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","customProps","autostart","errorMessage","wrapper","playerScript","propTypes"],"sources":["../../../src/molecule/video-player/jwplayer.js"],"sourcesContent":["import React from 'react';\nimport Player from '@jwplayer/jwplayer-react';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport style from './jwplayer.css';\nimport {JWPlayerPropTypes} from './prop-types';\n\nclass JWPlayer extends React.Component {\n  static propTypes = JWPlayerPropTypes;\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      fileUrl: '',\n      scriptFailedLoading: false\n    };\n\n    this.handlePlay = this.handlePlay.bind(this);\n    this.handleResume = this.handleResume.bind(this);\n    this.handlePause = this.handlePause.bind(this);\n    this.handleEnded = this.handleEnded.bind(this);\n    this.handleError = this.handleError.bind(this);\n    this.handleSetupError = this.handleSetupError.bind(this);\n    this.handleScriptError = this.handleScriptError.bind(this);\n    this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n    this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n    this.handleWarning = this.handleWarning.bind(this);\n  }\n\n  componentDidMount() {\n    this.setFileUrl();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    const shouldStart = includes('autoplay', changes);\n    if (shouldStart) {\n      if (isFunction(window.jwplayer)) {\n        window.jwplayer(prevProps.jwpOptions.playerId).play();\n      }\n    }\n    const {jwpOptions} = this.props;\n    if (prevProps.jwpOptions.file !== jwpOptions.file) {\n      this.setFileUrl();\n    }\n  }\n\n  setFileUrl() {\n    const {jwpOptions} = this.props;\n    const {file} = jwpOptions;\n\n    return this.setState({fileUrl: file});\n  }\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  handleResume(e) {\n    const {onResume} = this.props;\n    if (onResume) onResume(e);\n  }\n\n  handlePause(e) {\n    const {onPause} = this.props;\n    if (onPause) onPause(e);\n  }\n\n  handleEnded(e) {\n    const {onEnded} = this.props;\n    if (onEnded) onEnded(e);\n  }\n\n  handleScriptError(script) {\n    this.setState({scriptFailedLoading: true});\n    if (script) {\n      script.parentNode.removeChild();\n    }\n  }\n\n  handleSetupError(error) {\n    const {onSetupError} = this.props;\n    if (onSetupError) onSetupError(error);\n  }\n\n  handlePlayAttemptFailed(error) {\n    const {onPlayAttemptFailed} = this.props;\n    if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n  }\n\n  handleAutostartNotAllowed(error) {\n    const {onAutostartNotAllowed} = this.props;\n    if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n  }\n\n  handleWarning(error) {\n    const {onWarning} = this.props;\n    if (onWarning) onWarning(error);\n  }\n\n  handleError(error) {\n    const {onError, mimeType, jwpOptions} = this.props;\n    const {code} = error;\n\n    onError && onError(error);\n\n    if (mimeType === 'application/kontiki') {\n      return;\n    }\n\n    // This error mostly appears on IE11 on W7\n    // Since IE11 dont kinda support M3U8 sometimes,\n    // We've decided to switch from M3U8 to mp4 whenever it appears\n    if (code === 214000) {\n      const {file: videoUrl} = jwpOptions;\n      const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n      const matched = videoUrl.match(regex);\n\n      if (matched) {\n        const videoId = matched[1];\n        return this.setState({\n          fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n        });\n      }\n    }\n  }\n\n  render() {\n    const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n    const {scriptFailedLoading, fileUrl} = this.state;\n    const _jwpOptions = {\n      ...jwpOptions,\n      customProps: {\n        ...get('customProps', jwpOptions),\n        autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n      }\n    };\n\n    return (\n      <>\n        {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n        <Player\n          key={fileUrl}\n          className={style.wrapper}\n          id={_jwpOptions.playerId}\n          file={fileUrl}\n          library={_jwpOptions.playerScript}\n          config={_jwpOptions.customProps}\n          onAutoStart={this.handlePlay}\n          onPlay={this.handlePlay}\n          onResume={this.handleResume}\n          onPause={this.handlePause}\n          onOneHundredPercent={this.handleEnded}\n          onError={this.handleError}\n          onSetupError={this.handleSetupError}\n          onPlayAttemptFailed={this.handlePlayAttemptFailed}\n          onWarning={this.handleWarning}\n          onAutostartNotAllowed={this.handleAutostartNotAllowed}\n        />\n      </>\n    );\n  }\n}\n\nexport default JWPlayer;\n"],"mappings":"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"}
+{"version":3,"file":"jwplayer.js","names":["React","ReactJWPlayer","style","JWPlayerPropTypes","JWPlayer","Component","constructor","props","context","state","fileUrl","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","componentDidMount","jwPlayerScript","document","getElementById","onerror","setFileUrl","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","jwpOptions","playerId","play","file","setState","e","onPlay","onResume","onPause","onEnded","script","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","customProps","autostart","errorMessage","wrapper","propTypes"],"sources":["../../../src/molecule/video-player/jwplayer.js"],"sourcesContent":["import React from 'react';\nimport ReactJWPlayer from 'react-jw-player';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport style from './jwplayer.css';\nimport {JWPlayerPropTypes} from './prop-types';\n\nclass JWPlayer extends React.Component {\n  static propTypes = JWPlayerPropTypes;\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      fileUrl: '',\n      scriptFailedLoading: false\n    };\n\n    this.handlePlay = this.handlePlay.bind(this);\n    this.handleResume = this.handleResume.bind(this);\n    this.handlePause = this.handlePause.bind(this);\n    this.handleEnded = this.handleEnded.bind(this);\n    this.handleError = this.handleError.bind(this);\n    this.handleSetupError = this.handleSetupError.bind(this);\n    this.handleScriptError = this.handleScriptError.bind(this);\n    this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n    this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n    this.handleWarning = this.handleWarning.bind(this);\n  }\n\n  componentDidMount() {\n    const jwPlayerScript = document.getElementById('jw-player-script');\n    jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);\n    this.setFileUrl();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    const shouldStart = includes('autoplay', changes);\n    if (shouldStart) {\n      if (isFunction(window.jwplayer)) {\n        window.jwplayer(prevProps.jwpOptions.playerId).play();\n      }\n    }\n    const {jwpOptions} = this.props;\n    if (prevProps.jwpOptions.file !== jwpOptions.file) {\n      this.setFileUrl();\n    }\n  }\n\n  setFileUrl() {\n    const {jwpOptions} = this.props;\n    const {file} = jwpOptions;\n\n    return this.setState({fileUrl: file});\n  }\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  handleResume(e) {\n    const {onResume} = this.props;\n    if (onResume) onResume(e);\n  }\n\n  handlePause(e) {\n    const {onPause} = this.props;\n    if (onPause) onPause(e);\n  }\n\n  handleEnded(e) {\n    const {onEnded} = this.props;\n    if (onEnded) onEnded(e);\n  }\n\n  handleScriptError(script) {\n    this.setState({scriptFailedLoading: true});\n    if (script) {\n      script.parentNode.removeChild();\n    }\n  }\n\n  handleSetupError(error) {\n    const {onSetupError} = this.props;\n    if (onSetupError) onSetupError(error);\n  }\n\n  handlePlayAttemptFailed(error) {\n    const {onPlayAttemptFailed} = this.props;\n    if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n  }\n\n  handleAutostartNotAllowed(error) {\n    const {onAutostartNotAllowed} = this.props;\n    if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n  }\n\n  handleWarning(error) {\n    const {onWarning} = this.props;\n    if (onWarning) onWarning(error);\n  }\n\n  handleError(error) {\n    const {onError, mimeType, jwpOptions} = this.props;\n    const {code} = error;\n\n    onError && onError(error);\n\n    if (mimeType === 'application/kontiki') {\n      return;\n    }\n\n    // This error mostly appears on IE11 on W7\n    // Since IE11 dont kinda support M3U8 sometimes,\n    // We've decided to switch from M3U8 to mp4 whenever it appears\n    if (code === 214000) {\n      const {file: videoUrl} = jwpOptions;\n      const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n      const matched = videoUrl.match(regex);\n\n      if (matched) {\n        const videoId = matched[1];\n        return this.setState({\n          fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n        });\n      }\n    }\n  }\n\n  render() {\n    const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n    const {scriptFailedLoading, fileUrl} = this.state;\n    const _jwpOptions = {\n      ...jwpOptions,\n      customProps: {\n        ...get('customProps', jwpOptions),\n        autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n      }\n    };\n\n    return (\n      <>\n        {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n        <ReactJWPlayer\n          {..._jwpOptions}\n          className={style.wrapper}\n          onAutoStart={this.handlePlay}\n          onPlay={this.handlePlay}\n          onResume={this.handleResume}\n          onPause={this.handlePause}\n          onOneHundredPercent={this.handleEnded}\n          onError={this.handleError}\n          onSetupError={this.handleSetupError}\n          onPlayAttemptFailed={this.handlePlayAttemptFailed}\n          onWarning={this.handleWarning}\n          onAutostartNotAllowed={this.handleAutostartNotAllowed}\n          file={fileUrl}\n        />\n      </>\n    );\n  }\n}\n\nexport default JWPlayer;\n"],"mappings":"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"}

package/es/organism/review-slide/prop-types.d.ts

@@ -11,7 +11,7 @@ export declare const SlidePropsTypes: PropTypes.Requireable<PropTypes.InferProps
     parentContentTitle: PropTypes.Requireable<string>;
     questionText: PropTypes.Requireable<string>;
     answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-        model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        model: PropTypes.Validator<PropTypes.InferProps<{
             type: PropTypes.Validator<string>;
             answer: PropTypes.Requireable<(PropTypes.InferProps<{
                 title: PropTypes.Validator<string>;
@@ -29,9 +29,9 @@ export declare const SlidePropsTypes: PropTypes.Requireable<PropTypes.InferProps
                 type: PropTypes.Requireable<string>;
                 name: PropTypes.Requireable<string>;
             }> | null | undefined)[]>;
-        }>>>;
+        }>>;
         help: PropTypes.Requireable<string>;
-        media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+        media: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Validator<string>;
             id: PropTypes.Requireable<string>;
             width: PropTypes.Requireable<string>;
@@ -71,7 +71,7 @@ export declare const SlidePropsTypes: PropTypes.Requireable<PropTypes.InferProps
         }> | PropTypes.InferProps<{
             type: PropTypes.Validator<string>;
             mediaUrl: PropTypes.Validator<string>;
-        }> | null | undefined>>;
+        }>>;
     }>>;
 }>>;
 declare const propTypes: {
@@ -87,7 +87,7 @@ declare const propTypes: {
         parentContentTitle: PropTypes.Requireable<string>;
         questionText: PropTypes.Requireable<string>;
         answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-            model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            model: PropTypes.Validator<PropTypes.InferProps<{
                 type: PropTypes.Validator<string>;
                 answer: PropTypes.Requireable<(PropTypes.InferProps<{
                     title: PropTypes.Validator<string>;
@@ -105,9 +105,9 @@ declare const propTypes: {
                     type: PropTypes.Requireable<string>;
                     name: PropTypes.Requireable<string>;
                 }> | null | undefined)[]>;
-            }>>>;
+            }>>;
             help: PropTypes.Requireable<string>;
-            media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+            media: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Validator<string>;
                 id: PropTypes.Requireable<string>;
                 width: PropTypes.Requireable<string>;
@@ -147,7 +147,7 @@ declare const propTypes: {
             }> | PropTypes.InferProps<{
                 type: PropTypes.Validator<string>;
                 mediaUrl: PropTypes.Validator<string>;
-            }> | null | undefined>>;
+            }>>;
         }>>;
     }>>;
     validateButton: PropTypes.Requireable<PropTypes.InferProps<{

package/es/organism/review-stacked-slides/index.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import classnames from 'classnames';
 import _toString from 'lodash/fp/toString';
@@ -45,13 +47,14 @@ const StackedSlides = ({
       key: `slide-${slideIndex}`,
       "data-name": `slide-${slideIndex}`,
       className: classnames(style.slideBase, getSlideAnimation(animationType, position), endReview ? style.endReview : null)
-    }, /*#__PURE__*/React.createElement(ReviewSlide, {
+    }, /*#__PURE__*/React.createElement(ReviewSlide, _extends({
       slideIndex: _toString(slideIndex),
       slide,
       validateButton,
-      correctionPopinProps,
+      correctionPopinProps
+    }, {
       key: slideIndex
-    }));
+    })));
     stackedSlides.push(slideView);
   }
 

package/es/organism/review-stacked-slides/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","_toString","ReviewSlide","propTypes","style","TOTAL_SLIDES_STACK","stylesByPosition","position0","position1","position2","position3","position4","getSlideAnimation","action","position","slideOutHideAndIn","slideOutAndIn","hiddenSlide","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","animationType","slideView","slideBase","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer"],"sources":["../../../src/organism/review-stacked-slides/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport _toString from 'lodash/fp/toString';\nimport ReviewSlide from '../review-slide';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst stylesByPosition = {\n  0: style.position0,\n  1: style.position1,\n  2: style.position2,\n  3: style.position3,\n  4: style.position4\n};\n\nconst getSlideAnimation = (action, position) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return style.slideOutAndIn;\n    default:\n      return position < 0 ? style.hiddenSlide : stylesByPosition[position];\n  }\n};\n\nconst StackedSlides = ({slides, endReview, validateButton, correctionPopinProps}) => {\n  const stackedSlides = [];\n  // eslint-disable-next-line fp/no-loops\n  for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {\n    const slide = slides[_toString(slideIndex)];\n    const {animationType, position} = slide;\n\n    const slideView = (\n      <div\n        key={`slide-${slideIndex}`}\n        data-name={`slide-${slideIndex}`}\n        className={classnames(\n          style.slideBase,\n          getSlideAnimation(animationType, position),\n          endReview ? style.endReview : null\n        )}\n      >\n        <ReviewSlide\n          {...{\n            slideIndex: _toString(slideIndex),\n            slide,\n            validateButton,\n            correctionPopinProps\n          }}\n          key={slideIndex}\n        />\n      </div>\n    );\n    stackedSlides.push(slideView);\n  }\n\n  return (\n    <div\n      key=\"stacked-slides-container-y-overflow\"\n      className={style.stackedSlidesYAxisOverflowContainer}\n    >\n      <div\n        key=\"stacked-slides-container\"\n        data-name=\"stacked-slides-container\"\n        className={style.stackedSlidesContainer}\n      >\n        {stackedSlides}\n      </div>\n    </div>\n  );\n};\n\nStackedSlides.propTypes = propTypes;\n\nexport default StackedSlides;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,oBAAtB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;AAEP,MAAMC,gBAAgB,GAAG;EACvB,GAAGF,KAAK,CAACG,SADc;EAEvB,GAAGH,KAAK,CAACI,SAFc;EAGvB,GAAGJ,KAAK,CAACK,SAHc;EAIvB,GAAGL,KAAK,CAACM,SAJc;EAKvB,GAAGN,KAAK,CAACO;AALc,CAAzB;;AAQA,MAAMC,iBAAiB,GAAG,CAACC,MAAD,EAASC,QAAT,KAAsB;EAC9C,QAAQD,MAAR;IACE,KAAK,SAAL;MACE,OAAOT,KAAK,CAACW,iBAAb;;IACF,KAAK,SAAL;MACE,OAAOX,KAAK,CAACY,aAAb;;IACF;MACE,OAAOF,QAAQ,GAAG,CAAX,GAAeV,KAAK,CAACa,WAArB,GAAmCX,gBAAgB,CAACQ,QAAD,CAA1D;EANJ;AAQD,CATD;;AAWA,MAAMI,aAAa,GAAG,CAAC;EAACC,MAAD;EAASC,SAAT;EAAoBC,cAApB;EAAoCC;AAApC,CAAD,KAA+D;EACnF,MAAMC,aAAa,GAAG,EAAtB,CADmF,CAEnF;;EACA,KAAK,IAAIC,UAAU,GAAG,CAAtB,EAAyBA,UAAU,GAAGnB,kBAAtC,EAA0DmB,UAAU,EAApE,EAAwE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAAClB,SAAS,CAACuB,UAAD,CAAV,CAApB;;IACA,MAAM;MAACE,aAAD;MAAgBZ;IAAhB,IAA4BW,KAAlC;IAEA,MAAME,SAAS,gBACb;MACE,GAAG,EAAG,SAAQH,UAAW,EAD3B;MAEE,aAAY,SAAQA,UAAW,EAFjC;MAGE,SAAS,EAAExB,UAAU,CACnBI,KAAK,CAACwB,SADa,EAEnBhB,iBAAiB,CAACc,aAAD,EAAgBZ,QAAhB,CAFE,EAGnBM,SAAS,GAAGhB,KAAK,CAACgB,SAAT,GAAqB,IAHX;IAHvB,gBASE,oBAAC,WAAD;MAEII,UAAU,EAAEvB,SAAS,CAACuB,UAAD,CAFzB;MAGIC,KAHJ;MAIIJ,cAJJ;MAKIC,oBALJ;MAOE,GAAG,EAAEE;IAPP,EATF,CADF;IAqBAD,aAAa,CAACM,IAAd,CAAmBF,SAAnB;EACD;;EAED,oBACE;IACE,GAAG,EAAC,qCADN;IAEE,SAAS,EAAEvB,KAAK,CAAC0B;EAFnB,gBAIE;IACE,GAAG,EAAC,0BADN;IAEE,aAAU,0BAFZ;IAGE,SAAS,EAAE1B,KAAK,CAAC2B;EAHnB,GAKGR,aALH,CAJF,CADF;AAcD,CA7CD;;AA+CAL,aAAa,CAACf,SAAd,2CAA0BA,SAA1B;AAEA,eAAee,aAAf"}
+{"version":3,"file":"index.js","names":["React","classnames","_toString","ReviewSlide","propTypes","style","TOTAL_SLIDES_STACK","stylesByPosition","position0","position1","position2","position3","position4","getSlideAnimation","action","position","slideOutHideAndIn","slideOutAndIn","hiddenSlide","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","animationType","slideView","slideBase","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer"],"sources":["../../../src/organism/review-stacked-slides/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport _toString from 'lodash/fp/toString';\nimport ReviewSlide from '../review-slide';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst stylesByPosition = {\n  0: style.position0,\n  1: style.position1,\n  2: style.position2,\n  3: style.position3,\n  4: style.position4\n};\n\nconst getSlideAnimation = (action, position) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return style.slideOutAndIn;\n    default:\n      return position < 0 ? style.hiddenSlide : stylesByPosition[position];\n  }\n};\n\nconst StackedSlides = ({slides, endReview, validateButton, correctionPopinProps}) => {\n  const stackedSlides = [];\n  // eslint-disable-next-line fp/no-loops\n  for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {\n    const slide = slides[_toString(slideIndex)];\n    const {animationType, position} = slide;\n\n    const slideView = (\n      <div\n        key={`slide-${slideIndex}`}\n        data-name={`slide-${slideIndex}`}\n        className={classnames(\n          style.slideBase,\n          getSlideAnimation(animationType, position),\n          endReview ? style.endReview : null\n        )}\n      >\n        <ReviewSlide\n          {...{\n            slideIndex: _toString(slideIndex),\n            slide,\n            validateButton,\n            correctionPopinProps\n          }}\n          key={slideIndex}\n        />\n      </div>\n    );\n    stackedSlides.push(slideView);\n  }\n\n  return (\n    <div\n      key=\"stacked-slides-container-y-overflow\"\n      className={style.stackedSlidesYAxisOverflowContainer}\n    >\n      <div\n        key=\"stacked-slides-container\"\n        data-name=\"stacked-slides-container\"\n        className={style.stackedSlidesContainer}\n      >\n        {stackedSlides}\n      </div>\n    </div>\n  );\n};\n\nStackedSlides.propTypes = propTypes;\n\nexport default StackedSlides;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,oBAAtB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;AAEP,MAAMC,gBAAgB,GAAG;EACvB,GAAGF,KAAK,CAACG,SADc;EAEvB,GAAGH,KAAK,CAACI,SAFc;EAGvB,GAAGJ,KAAK,CAACK,SAHc;EAIvB,GAAGL,KAAK,CAACM,SAJc;EAKvB,GAAGN,KAAK,CAACO;AALc,CAAzB;;AAQA,MAAMC,iBAAiB,GAAG,CAACC,MAAD,EAASC,QAAT,KAAsB;EAC9C,QAAQD,MAAR;IACE,KAAK,SAAL;MACE,OAAOT,KAAK,CAACW,iBAAb;;IACF,KAAK,SAAL;MACE,OAAOX,KAAK,CAACY,aAAb;;IACF;MACE,OAAOF,QAAQ,GAAG,CAAX,GAAeV,KAAK,CAACa,WAArB,GAAmCX,gBAAgB,CAACQ,QAAD,CAA1D;EANJ;AAQD,CATD;;AAWA,MAAMI,aAAa,GAAG,CAAC;EAACC,MAAD;EAASC,SAAT;EAAoBC,cAApB;EAAoCC;AAApC,CAAD,KAA+D;EACnF,MAAMC,aAAa,GAAG,EAAtB,CADmF,CAEnF;;EACA,KAAK,IAAIC,UAAU,GAAG,CAAtB,EAAyBA,UAAU,GAAGnB,kBAAtC,EAA0DmB,UAAU,EAApE,EAAwE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAAClB,SAAS,CAACuB,UAAD,CAAV,CAApB;;IACA,MAAM;MAACE,aAAD;MAAgBZ;IAAhB,IAA4BW,KAAlC;IAEA,MAAME,SAAS,gBACb;MACE,GAAG,EAAG,SAAQH,UAAW,EAD3B;MAEE,aAAY,SAAQA,UAAW,EAFjC;MAGE,SAAS,EAAExB,UAAU,CACnBI,KAAK,CAACwB,SADa,EAEnBhB,iBAAiB,CAACc,aAAD,EAAgBZ,QAAhB,CAFE,EAGnBM,SAAS,GAAGhB,KAAK,CAACgB,SAAT,GAAqB,IAHX;IAHvB,gBASE,oBAAC,WAAD,WACM;MACFI,UAAU,EAAEvB,SAAS,CAACuB,UAAD,CADnB;MAEFC,KAFE;MAGFJ,cAHE;MAIFC;IAJE,CADN;MAOE,GAAG,EAAEE;IAPP,GATF,CADF;IAqBAD,aAAa,CAACM,IAAd,CAAmBF,SAAnB;EACD;;EAED,oBACE;IACE,GAAG,EAAC,qCADN;IAEE,SAAS,EAAEvB,KAAK,CAAC0B;EAFnB,gBAIE;IACE,GAAG,EAAC,0BADN;IAEE,aAAU,0BAFZ;IAGE,SAAS,EAAE1B,KAAK,CAAC2B;EAHnB,GAKGR,aALH,CAJF,CADF;AAcD,CA7CD;;AA+CAL,aAAa,CAACf,SAAd,2CAA0BA,SAA1B;AAEA,eAAee,aAAf"}

package/es/organism/review-stacked-slides/index.native.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import keys from 'lodash/fp/keys';
@@ -21,14 +23,15 @@ const StackedSlides = props => {
   const stackedSlides = indexes.map(slideIndex => {
     const slide = slides[slideIndex]; // const {animationType, hidden, position} = slide;
 
-    return /*#__PURE__*/React.createElement(Slide, {
+    return /*#__PURE__*/React.createElement(Slide, _extends({
       num: Number.parseInt(slideIndex),
       slideIndex,
       slide,
       validateButton,
-      correctionPopinProps,
+      correctionPopinProps
+    }, {
       key: slideIndex
-    });
+    }));
   });
   return /*#__PURE__*/React.createElement(View, {
     style: style.slides

package/es/organism/review-stacked-slides/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","keys","Slide","TOTAL_SLIDES_STACK","style","create","slides","flex","height","width","StackedSlides","props","validateButton","correctionPopinProps","indexes","reverse","stackedSlides","map","slideIndex","slide","num","Number","parseInt"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport Slide from '../review-slide/index.native';\nimport {Props} from './prop-types';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst style = StyleSheet.create({\n  slides: {\n    flex: 1,\n    height: '100%',\n    width: '100%'\n  }\n});\n\nconst StackedSlides = (props: Props) => {\n  const {slides, validateButton, correctionPopinProps} = props;\n\n  const indexes = keys(slides).reverse();\n  const stackedSlides = indexes.map(slideIndex => {\n    const slide = slides[slideIndex];\n    // const {animationType, hidden, position} = slide;\n\n    return (\n      <Slide\n        {...{\n          num: Number.parseInt(slideIndex),\n          slideIndex,\n          slide,\n          validateButton,\n          correctionPopinProps\n        }}\n        key={slideIndex}\n      />\n    );\n  });\n\n  return <View style={style.slides}>{stackedSlides}</View>;\n};\n\nexport default StackedSlides;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA+B,cAA/B;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,KAAP,MAAkB,8BAAlB;AAGA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;AAEP,MAAMC,KAAK,GAAGL,UAAU,CAACM,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IACNC,IAAI,EAAE,CADA;IAENC,MAAM,EAAE,MAFF;IAGNC,KAAK,EAAE;EAHD;AADsB,CAAlB,CAAd;;AAQA,MAAMC,aAAa,GAAIC,KAAD,IAAkB;EACtC,MAAM;IAACL,MAAD;IAASM,cAAT;IAAyBC;EAAzB,IAAiDF,KAAvD;EAEA,MAAMG,OAAO,GAAGb,IAAI,CAACK,MAAD,CAAJ,CAAaS,OAAb,EAAhB;EACA,MAAMC,aAAa,GAAGF,OAAO,CAACG,GAAR,CAAYC,UAAU,IAAI;IAC9C,MAAMC,KAAK,GAAGb,MAAM,CAACY,UAAD,CAApB,CAD8C,CAE9C;;IAEA,oBACE,oBAAC,KAAD;MAEIE,GAAG,EAAEC,MAAM,CAACC,QAAP,CAAgBJ,UAAhB,CAFT;MAGIA,UAHJ;MAIIC,KAJJ;MAKIP,cALJ;MAMIC,oBANJ;MAQE,GAAG,EAAEK;IARP,EADF;EAYD,CAhBqB,CAAtB;EAkBA,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAEd,KAAK,CAACE;EAAnB,GAA4BU,aAA5B,CAAP;AACD,CAvBD;;AAyBA,eAAeN,aAAf"}
+{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","keys","Slide","TOTAL_SLIDES_STACK","style","create","slides","flex","height","width","StackedSlides","props","validateButton","correctionPopinProps","indexes","reverse","stackedSlides","map","slideIndex","slide","num","Number","parseInt"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport Slide from '../review-slide/index.native';\nimport {Props} from './prop-types';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst style = StyleSheet.create({\n  slides: {\n    flex: 1,\n    height: '100%',\n    width: '100%'\n  }\n});\n\nconst StackedSlides = (props: Props) => {\n  const {slides, validateButton, correctionPopinProps} = props;\n\n  const indexes = keys(slides).reverse();\n  const stackedSlides = indexes.map(slideIndex => {\n    const slide = slides[slideIndex];\n    // const {animationType, hidden, position} = slide;\n\n    return (\n      <Slide\n        {...{\n          num: Number.parseInt(slideIndex),\n          slideIndex,\n          slide,\n          validateButton,\n          correctionPopinProps\n        }}\n        key={slideIndex}\n      />\n    );\n  });\n\n  return <View style={style.slides}>{stackedSlides}</View>;\n};\n\nexport default StackedSlides;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA+B,cAA/B;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,KAAP,MAAkB,8BAAlB;AAGA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;AAEP,MAAMC,KAAK,GAAGL,UAAU,CAACM,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IACNC,IAAI,EAAE,CADA;IAENC,MAAM,EAAE,MAFF;IAGNC,KAAK,EAAE;EAHD;AADsB,CAAlB,CAAd;;AAQA,MAAMC,aAAa,GAAIC,KAAD,IAAkB;EACtC,MAAM;IAACL,MAAD;IAASM,cAAT;IAAyBC;EAAzB,IAAiDF,KAAvD;EAEA,MAAMG,OAAO,GAAGb,IAAI,CAACK,MAAD,CAAJ,CAAaS,OAAb,EAAhB;EACA,MAAMC,aAAa,GAAGF,OAAO,CAACG,GAAR,CAAYC,UAAU,IAAI;IAC9C,MAAMC,KAAK,GAAGb,MAAM,CAACY,UAAD,CAApB,CAD8C,CAE9C;;IAEA,oBACE,oBAAC,KAAD,WACM;MACFE,GAAG,EAAEC,MAAM,CAACC,QAAP,CAAgBJ,UAAhB,CADH;MAEFA,UAFE;MAGFC,KAHE;MAIFP,cAJE;MAKFC;IALE,CADN;MAQE,GAAG,EAAEK;IARP,GADF;EAYD,CAhBqB,CAAtB;EAkBA,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAEd,KAAK,CAACE;EAAnB,GAA4BU,aAA5B,CAAP;AACD,CAvBD;;AAyBA,eAAeN,aAAf"}

package/es/organism/review-stacked-slides/prop-types.d.ts

@@ -22,7 +22,7 @@ declare const propTypes: {
         resultLabel: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
     }>>;
-    slides: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+    slides: PropTypes.Validator<PropTypes.InferProps<{
         '0': PropTypes.Requireable<PropTypes.InferProps<{
             position: PropTypes.Requireable<number>;
             loading: PropTypes.Requireable<boolean>;
@@ -34,7 +34,7 @@ declare const propTypes: {
             parentContentTitle: PropTypes.Requireable<string>;
             questionText: PropTypes.Requireable<string>;
             answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                model: PropTypes.Validator<PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     answer: PropTypes.Requireable<(PropTypes.InferProps<{
                         title: PropTypes.Validator<string>;
@@ -52,9 +52,9 @@ declare const propTypes: {
                         type: PropTypes.Requireable<string>;
                         name: PropTypes.Requireable<string>;
                     }> | null | undefined)[]>;
-                }>>>;
+                }>>;
                 help: PropTypes.Requireable<string>;
-                media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                media: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     id: PropTypes.Requireable<string>;
                     width: PropTypes.Requireable<string>;
@@ -94,7 +94,7 @@ declare const propTypes: {
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     mediaUrl: PropTypes.Validator<string>;
-                }> | null | undefined>>;
+                }>>;
             }>>;
         }>>;
         '1': PropTypes.Requireable<PropTypes.InferProps<{
@@ -108,7 +108,7 @@ declare const propTypes: {
             parentContentTitle: PropTypes.Requireable<string>;
             questionText: PropTypes.Requireable<string>;
             answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                model: PropTypes.Validator<PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     answer: PropTypes.Requireable<(PropTypes.InferProps<{
                         title: PropTypes.Validator<string>;
@@ -126,9 +126,9 @@ declare const propTypes: {
                         type: PropTypes.Requireable<string>;
                         name: PropTypes.Requireable<string>;
                     }> | null | undefined)[]>;
-                }>>>;
+                }>>;
                 help: PropTypes.Requireable<string>;
-                media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                media: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     id: PropTypes.Requireable<string>;
                     width: PropTypes.Requireable<string>;
@@ -168,7 +168,7 @@ declare const propTypes: {
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     mediaUrl: PropTypes.Validator<string>;
-                }> | null | undefined>>;
+                }>>;
             }>>;
         }>>;
         '2': PropTypes.Requireable<PropTypes.InferProps<{
@@ -182,7 +182,7 @@ declare const propTypes: {
             parentContentTitle: PropTypes.Requireable<string>;
             questionText: PropTypes.Requireable<string>;
             answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                model: PropTypes.Validator<PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     answer: PropTypes.Requireable<(PropTypes.InferProps<{
                         title: PropTypes.Validator<string>;
@@ -200,9 +200,9 @@ declare const propTypes: {
                         type: PropTypes.Requireable<string>;
                         name: PropTypes.Requireable<string>;
                     }> | null | undefined)[]>;
-                }>>>;
+                }>>;
                 help: PropTypes.Requireable<string>;
-                media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                media: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     id: PropTypes.Requireable<string>;
                     width: PropTypes.Requireable<string>;
@@ -242,7 +242,7 @@ declare const propTypes: {
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     mediaUrl: PropTypes.Validator<string>;
-                }> | null | undefined>>;
+                }>>;
             }>>;
         }>>;
         '3': PropTypes.Requireable<PropTypes.InferProps<{
@@ -256,7 +256,7 @@ declare const propTypes: {
             parentContentTitle: PropTypes.Requireable<string>;
             questionText: PropTypes.Requireable<string>;
             answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                model: PropTypes.Validator<PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     answer: PropTypes.Requireable<(PropTypes.InferProps<{
                         title: PropTypes.Validator<string>;
@@ -274,9 +274,9 @@ declare const propTypes: {
                         type: PropTypes.Requireable<string>;
                         name: PropTypes.Requireable<string>;
                     }> | null | undefined)[]>;
-                }>>>;
+                }>>;
                 help: PropTypes.Requireable<string>;
-                media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                media: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     id: PropTypes.Requireable<string>;
                     width: PropTypes.Requireable<string>;
@@ -316,7 +316,7 @@ declare const propTypes: {
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     mediaUrl: PropTypes.Validator<string>;
-                }> | null | undefined>>;
+                }>>;
             }>>;
         }>>;
         '4': PropTypes.Requireable<PropTypes.InferProps<{
@@ -330,7 +330,7 @@ declare const propTypes: {
             parentContentTitle: PropTypes.Requireable<string>;
             questionText: PropTypes.Requireable<string>;
             answerUI: PropTypes.Requireable<PropTypes.InferProps<{
-                model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+                model: PropTypes.Validator<PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     answer: PropTypes.Requireable<(PropTypes.InferProps<{
                         title: PropTypes.Validator<string>;
@@ -348,9 +348,9 @@ declare const propTypes: {
                         type: PropTypes.Requireable<string>;
                         name: PropTypes.Requireable<string>;
                     }> | null | undefined)[]>;
-                }>>>;
+                }>>;
                 help: PropTypes.Requireable<string>;
-                media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+                media: PropTypes.Requireable<PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     id: PropTypes.Requireable<string>;
                     width: PropTypes.Requireable<string>;
@@ -390,10 +390,10 @@ declare const propTypes: {
                 }> | PropTypes.InferProps<{
                     type: PropTypes.Validator<string>;
                     mediaUrl: PropTypes.Validator<string>;
-                }> | null | undefined>>;
+                }>>;
             }>>;
         }>>;
-    }>>>;
+    }>>;
     endReview: PropTypes.Requireable<boolean>;
 };
 export default propTypes;

package/es/template/app-player/popin-end/summary.css

@@ -65,7 +65,7 @@
 }
 
 @media mobile {
-  .simpleWrapper {
+  .simpleTexts {
     display: none;
   }
 }

package/es/template/app-player/popin-end/summary.js

@@ -311,7 +311,7 @@ const BackgroundScorm = props => {
     className: style.organismPlayerResultContainerScorm
   }, failed === false ? /*#__PURE__*/React.createElement("div", {
     className: style.animationContainer
-  }, /*#__PURE__*/React.createElement(AtomLottieWrapper, {
+  }, /*#__PURE__*/React.createElement(AtomLottieWrapper, _extends({
     'aria-label': 'aria lottie',
     'data-name': 'default-lottie',
     className: undefined,
@@ -323,14 +323,15 @@ const BackgroundScorm = props => {
       animationClassName: ''
     },
     ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',
-    animationControl: undefined,
+    animationControl: undefined
+  }, {
     loop: false,
     animationControl: 'play',
     autoplay: true,
     "data-name": "lottie-wrapper",
     className: style.lottie,
     backupImageClassName: style.ie11Backup
-  })) : null, /*#__PURE__*/React.createElement("div", {
+  }))) : null, /*#__PURE__*/React.createElement("div", {
     className: style.background
   }, /*#__PURE__*/React.createElement("div", {
     className: style.largeCircle

package/es/template/app-player/popin-end/summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"summary.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Provider","Button","Link","Discussion","Loader","Card","Feedback","CardsList","PopinHeader","AtomLottieWrapper","style","Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","string","shape","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","Subscribe","description","subscribeWrapper","subscribeTexts","subscribeDescription","subscribeTitle","subscribeButtonWrapper","subscribeButton","submitValue","actions","simple","subscribe","nextCourse","Action","type","actionProps","Type","oneOf","CardsLoader","loaderWrapper","CommentConfirmation","context","onClick","commentSectionTitle","confirmationLinkText","skin","dark","commentSection","commentSectionIconWrapper","commentSectionIcon","commentSectionTexts","commentSectionLink","node","children","contextTypes","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","mode","primary","commentView","discussionWrapper","footerView","feedbackView","failed","summaryWrapper","BackgroundScorm","organismPlayerResultContainerScorm","animationContainer","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","ie11ImageBackup","animationControl","lottie","ie11Backup","background","largeCircle","mediumCircle","smallCircle","content","href","func","isRequired"],"sources":["../../../../src/template/app-player/popin-end/summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport PopinHeader from '../popin-header';\nimport AtomLottieWrapper from '../../../atom/lottie-wrapper';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n      <div className={style.simpleTexts}>\n        <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n          {prefix}\n        </span>\n        <span\n          data-name=\"simpleTitle\"\n          className={classnames(style.simpleTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n      <Button\n        {...linkProps}\n        type=\"link\"\n        style={{\n          backgroundColor: color\n        }}\n        className={style.simpleButton}\n        submitValue={buttonTitle}\n      />\n    </div>\n  );\n};\nSimpleAction.propTypes = {\n  color: PropTypes.string,\n  prefix: PropTypes.string,\n  title: PropTypes.string,\n  button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n  <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n    <div className={style.nextCourseTexts}>\n      <div className={style.nextCoursePrefix}>{prefix}</div>\n      <div\n        className={classnames(style.nextCourseTitle, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n    </div>\n    <div className={style.nextCourseCard}>\n      <Card {...card} dataName={'popin-end-next-course'} />\n    </div>\n  </div>\n);\nNextCourse.propTypes = {\n  title: PropTypes.string,\n  prefix: PropTypes.string,\n  card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div className={style.subscribeWrapper}>\n      <div className={style.subscribeTexts}>\n        <div className={style.subscribeDescription}>{description}</div>\n        <div\n          className={classnames(style.subscribeTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.subscribeButtonWrapper}>\n          <Button\n            {...linkProps}\n            type=\"link\"\n            className={style.subscribeButton}\n            submitValue={buttonTitle}\n          />\n        </div>\n      </div>\n      <div>\n        <Card {...card} dataName={'popin-end-subscribe'} />\n      </div>\n    </div>\n  );\n};\n\nSubscribe.propTypes = {\n  ...Button.propTypes.propTypes,\n  title: Button.propTypes.submitValue\n};\n\nconst actions = {\n  simple: SimpleAction,\n  subscribe: Subscribe,\n  nextCourse: NextCourse\n};\n\nconst Action = props => {\n  const {type, ...actionProps} = props;\n  const Type = get(type, actions);\n\n  return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n  type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n  <div className={style.loaderWrapper}>\n    <Loader />\n  </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n  const {onClick, commentSectionTitle, confirmationLinkText} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.commentSection}>\n      <div className={style.commentSectionIconWrapper}>\n        <CheckIcon className={style.commentSectionIcon} color={dark} />\n      </div>\n      <div className={style.commentSectionTexts}>\n        <p>{commentSectionTitle}</p>\n        <Link onClick={onClick} className={style.commentSectionLink}>\n          {confirmationLinkText}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nCommentConfirmation.propTypes = {\n  commentSectionTitle: PropTypes.node,\n  confirmationLinkText: Link.propTypes.children,\n  onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n  const {isSent, edition, confirmation} = props;\n  if (isSent) {\n    const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n    return (\n      <CommentConfirmation\n        onClick={onClick}\n        commentSectionTitle={commentSectionTitle}\n        confirmationLinkText={confirmationLinkText}\n      />\n    );\n  }\n\n  return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n  isSent: PropTypes.bool,\n  edition: PropTypes.shape(Discussion.propTypes),\n  confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n  const {cards} = props;\n\n  return get('cards', props) === null ? (\n    <CardsLoader />\n  ) : (\n    (isEmpty(cards) ? null : (\n      <div className={style.cardsWrapper}>\n        <CardsList {...props} dataName={'popin-end-recommendation'} />\n      </div>\n    )) || null\n  );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n  <Link\n    {...linkProps}\n    style={{\n      color\n    }}\n    className={style.footer}\n    data-name=\"nextLink\"\n    data-popin=\"popinEnd\"\n    data-next=\"home\"\n  >\n    {title}\n  </Link>\n);\n\nFooter.propTypes = {\n  ...Link.propTypes,\n  title: Link.propTypes.children,\n  color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n  const {header, recommendation, comment, footer, action, feedback, mode} = props;\n  const {skin} = context;\n  const primary = getOr('#f0f', 'common.primary', skin);\n  const commentView =\n    mode !== 'scorm' && comment && header ? (\n      <div className={style.discussionWrapper}>\n        <CommentSection {...comment} />\n      </div>\n    ) : null;\n  const footerView =\n    mode !== 'scorm' && footer && header ? <Footer {...footer} color={primary} /> : null;\n  const feedbackView = feedback ? <Feedback {...feedback} mode={mode} /> : null;\n\n  return (\n    <BackgroundScorm mode={mode} failed={header.failed}>\n      <div className={mode !== 'scorm' ? style.summaryWrapper : null}>\n        <Header {...header} mode={mode} />\n        {feedbackView}\n        <Action {...action} color={primary} />\n        <Cards {...recommendation} />\n        {commentView}\n        {footerView}\n      </div>\n    </BackgroundScorm>\n  );\n};\n\nconst BackgroundScorm = props => {\n  const {mode = 'default', children, failed} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.organismPlayerResultContainerScorm}>\n        {failed === false ? (\n          <div className={style.animationContainer}>\n            <AtomLottieWrapper\n              {...{\n                'aria-label': 'aria lottie',\n                'data-name': 'default-lottie',\n                className: undefined,\n                animationSrc:\n                  'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n                loop: undefined,\n                autoplay: true,\n                rendererSettings: {\n                  hideOnTransparent: false,\n                  animationClassName: ''\n                },\n                ie11ImageBackup:\n                  'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',\n                animationControl: undefined\n              }}\n              loop={false}\n              animationControl={'play'}\n              autoplay\n              data-name=\"lottie-wrapper\"\n              className={style.lottie}\n              backupImageClassName={style.ie11Backup}\n            />\n          </div>\n        ) : null}\n        <div className={style.background}>\n          <div className={style.largeCircle} />\n          <div className={style.mediumCircle} />\n          <div className={style.smallCircle} />\n        </div>\n        <div className={style.content}>{children}</div>\n      </div>\n    );\n  return children;\n};\n\nSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n  header: PropTypes.shape(PopinHeader.propTypes),\n  footer: PropTypes.shape({\n    title: PropTypes.string,\n    href: Link.propTypes.href,\n    onClick: PropTypes.func\n  }),\n  comment: PropTypes.shape(CommentSection.propTypes),\n  action: PropTypes.shape({\n    type: PropTypes.oneOf(keys(actions)).isRequired\n  }),\n  recommendation: PropTypes.shape(CardsList.propTypes),\n  feedback: PropTypes.shape(Feedback.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default Summary;\n"],"mappings":"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"}
+{"version":3,"file":"summary.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Provider","Button","Link","Discussion","Loader","Card","Feedback","CardsList","PopinHeader","AtomLottieWrapper","style","Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","string","shape","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","Subscribe","description","subscribeWrapper","subscribeTexts","subscribeDescription","subscribeTitle","subscribeButtonWrapper","subscribeButton","submitValue","actions","simple","subscribe","nextCourse","Action","type","actionProps","Type","oneOf","CardsLoader","loaderWrapper","CommentConfirmation","context","onClick","commentSectionTitle","confirmationLinkText","skin","dark","commentSection","commentSectionIconWrapper","commentSectionIcon","commentSectionTexts","commentSectionLink","node","children","contextTypes","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","mode","primary","commentView","discussionWrapper","footerView","feedbackView","failed","summaryWrapper","BackgroundScorm","organismPlayerResultContainerScorm","animationContainer","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","ie11ImageBackup","animationControl","lottie","ie11Backup","background","largeCircle","mediumCircle","smallCircle","content","href","func","isRequired"],"sources":["../../../../src/template/app-player/popin-end/summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport PopinHeader from '../popin-header';\nimport AtomLottieWrapper from '../../../atom/lottie-wrapper';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n      <div className={style.simpleTexts}>\n        <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n          {prefix}\n        </span>\n        <span\n          data-name=\"simpleTitle\"\n          className={classnames(style.simpleTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n      <Button\n        {...linkProps}\n        type=\"link\"\n        style={{\n          backgroundColor: color\n        }}\n        className={style.simpleButton}\n        submitValue={buttonTitle}\n      />\n    </div>\n  );\n};\nSimpleAction.propTypes = {\n  color: PropTypes.string,\n  prefix: PropTypes.string,\n  title: PropTypes.string,\n  button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n  <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n    <div className={style.nextCourseTexts}>\n      <div className={style.nextCoursePrefix}>{prefix}</div>\n      <div\n        className={classnames(style.nextCourseTitle, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n    </div>\n    <div className={style.nextCourseCard}>\n      <Card {...card} dataName={'popin-end-next-course'} />\n    </div>\n  </div>\n);\nNextCourse.propTypes = {\n  title: PropTypes.string,\n  prefix: PropTypes.string,\n  card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div className={style.subscribeWrapper}>\n      <div className={style.subscribeTexts}>\n        <div className={style.subscribeDescription}>{description}</div>\n        <div\n          className={classnames(style.subscribeTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.subscribeButtonWrapper}>\n          <Button\n            {...linkProps}\n            type=\"link\"\n            className={style.subscribeButton}\n            submitValue={buttonTitle}\n          />\n        </div>\n      </div>\n      <div>\n        <Card {...card} dataName={'popin-end-subscribe'} />\n      </div>\n    </div>\n  );\n};\n\nSubscribe.propTypes = {\n  ...Button.propTypes.propTypes,\n  title: Button.propTypes.submitValue\n};\n\nconst actions = {\n  simple: SimpleAction,\n  subscribe: Subscribe,\n  nextCourse: NextCourse\n};\n\nconst Action = props => {\n  const {type, ...actionProps} = props;\n  const Type = get(type, actions);\n\n  return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n  type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n  <div className={style.loaderWrapper}>\n    <Loader />\n  </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n  const {onClick, commentSectionTitle, confirmationLinkText} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.commentSection}>\n      <div className={style.commentSectionIconWrapper}>\n        <CheckIcon className={style.commentSectionIcon} color={dark} />\n      </div>\n      <div className={style.commentSectionTexts}>\n        <p>{commentSectionTitle}</p>\n        <Link onClick={onClick} className={style.commentSectionLink}>\n          {confirmationLinkText}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nCommentConfirmation.propTypes = {\n  commentSectionTitle: PropTypes.node,\n  confirmationLinkText: Link.propTypes.children,\n  onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n  const {isSent, edition, confirmation} = props;\n  if (isSent) {\n    const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n    return (\n      <CommentConfirmation\n        onClick={onClick}\n        commentSectionTitle={commentSectionTitle}\n        confirmationLinkText={confirmationLinkText}\n      />\n    );\n  }\n\n  return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n  isSent: PropTypes.bool,\n  edition: PropTypes.shape(Discussion.propTypes),\n  confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n  const {cards} = props;\n\n  return get('cards', props) === null ? (\n    <CardsLoader />\n  ) : (\n    (isEmpty(cards) ? null : (\n      <div className={style.cardsWrapper}>\n        <CardsList {...props} dataName={'popin-end-recommendation'} />\n      </div>\n    )) || null\n  );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n  <Link\n    {...linkProps}\n    style={{\n      color\n    }}\n    className={style.footer}\n    data-name=\"nextLink\"\n    data-popin=\"popinEnd\"\n    data-next=\"home\"\n  >\n    {title}\n  </Link>\n);\n\nFooter.propTypes = {\n  ...Link.propTypes,\n  title: Link.propTypes.children,\n  color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n  const {header, recommendation, comment, footer, action, feedback, mode} = props;\n  const {skin} = context;\n  const primary = getOr('#f0f', 'common.primary', skin);\n  const commentView =\n    mode !== 'scorm' && comment && header ? (\n      <div className={style.discussionWrapper}>\n        <CommentSection {...comment} />\n      </div>\n    ) : null;\n  const footerView =\n    mode !== 'scorm' && footer && header ? <Footer {...footer} color={primary} /> : null;\n  const feedbackView = feedback ? <Feedback {...feedback} mode={mode} /> : null;\n\n  return (\n    <BackgroundScorm mode={mode} failed={header.failed}>\n      <div className={mode !== 'scorm' ? style.summaryWrapper : null}>\n        <Header {...header} mode={mode} />\n        {feedbackView}\n        <Action {...action} color={primary} />\n        <Cards {...recommendation} />\n        {commentView}\n        {footerView}\n      </div>\n    </BackgroundScorm>\n  );\n};\n\nconst BackgroundScorm = props => {\n  const {mode = 'default', children, failed} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.organismPlayerResultContainerScorm}>\n        {failed === false ? (\n          <div className={style.animationContainer}>\n            <AtomLottieWrapper\n              {...{\n                'aria-label': 'aria lottie',\n                'data-name': 'default-lottie',\n                className: undefined,\n                animationSrc:\n                  'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n                loop: undefined,\n                autoplay: true,\n                rendererSettings: {\n                  hideOnTransparent: false,\n                  animationClassName: ''\n                },\n                ie11ImageBackup:\n                  'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',\n                animationControl: undefined\n              }}\n              loop={false}\n              animationControl={'play'}\n              autoplay\n              data-name=\"lottie-wrapper\"\n              className={style.lottie}\n              backupImageClassName={style.ie11Backup}\n            />\n          </div>\n        ) : null}\n        <div className={style.background}>\n          <div className={style.largeCircle} />\n          <div className={style.mediumCircle} />\n          <div className={style.smallCircle} />\n        </div>\n        <div className={style.content}>{children}</div>\n      </div>\n    );\n  return children;\n};\n\nSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n  header: PropTypes.shape(PopinHeader.propTypes),\n  footer: PropTypes.shape({\n    title: PropTypes.string,\n    href: Link.propTypes.href,\n    onClick: PropTypes.func\n  }),\n  comment: PropTypes.shape(CommentSection.propTypes),\n  action: PropTypes.shape({\n    type: PropTypes.oneOf(keys(actions)).isRequired\n  }),\n  recommendation: PropTypes.shape(CardsList.propTypes),\n  feedback: PropTypes.shape(Feedback.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default Summary;\n"],"mappings":"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"}