@coorpacademy/components 10.27.5-alpha.31 → 10.28.1-alpha.0

package/lib/template/activity/index.d.ts

@@ -3,10 +3,10 @@ declare class Progression extends React.Component<any, any, any> {
     static propTypes: {
         mainTitle: PropTypes.Validator<string>;
         mainSubtitle: PropTypes.Validator<string>;
-        total: PropTypes.Validator<PropTypes.InferProps<{
+        total: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             stars: PropTypes.Validator<number>;
-        }>>;
+        }>>>;
         engines: PropTypes.Requireable<(PropTypes.InferProps<{
             type: PropTypes.Validator<string>;
             stars: PropTypes.Validator<number>;
@@ -39,7 +39,7 @@ declare class Progression extends React.Component<any, any, any> {
         themeFilter: PropTypes.Requireable<PropTypes.InferProps<{
             options: PropTypes.Validator<(PropTypes.InferProps<{
                 name: PropTypes.Validator<string>;
-                value: PropTypes.Requireable<string | number>;
+                value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
                 selected: PropTypes.Requireable<boolean>;
                 validOption: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;

package/lib/template/activity/index.js

@@ -33,7 +33,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 
 class Progression extends _react.default.Component {
   constructor(props, context) {
@@ -152,7 +152,7 @@ Progression.propTypes = process.env.NODE_ENV !== "production" ? {
   }).isRequired,
   engines: _propTypes.default.arrayOf(_propTypes.default.shape(_engineStars.default.propTypes)),
   loading: _propTypes.default.bool.isRequired,
-  progressions: _propTypes.default.arrayOf(_propTypes.default.shape(_extends(_extends({}, _progressionItem.default.propTypes), {}, {
+  progressions: _propTypes.default.arrayOf(_propTypes.default.shape(_extends({}, _progressionItem.default.propTypes, {
     ref: _propTypes.default.string.isRequired
   }))),
   themeFilter: _propTypes.default.shape({

package/lib/template/activity/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/activity/index.js"],"names":["Progression","React","Component","constructor","props","context","handleClick","e","recommendation","stopPropagation","preventDefault","onClick","handleSelectTheme","themeFilter","onChange","bind","render","mainTitle","mainSubtitle","progressions","total","engines","loading","skin","primary","loader","style","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {get, omit, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nclass Progression extends React.Component {\n  static propTypes = {\n    mainTitle: PropTypes.string.isRequired,\n    mainSubtitle: PropTypes.string.isRequired,\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n    loading: PropTypes.bool.isRequired,\n    progressions: PropTypes.arrayOf(\n      PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n    ),\n    themeFilter: PropTypes.shape({\n      options: Select.propTypes.options.isRequired,\n      onChange: Select.propTypes.onChange\n    }),\n    recommendation: PropTypes.shape({\n      cta: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string.isRequired,\n      courseTitle: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleSelectTheme = this.handleSelectTheme.bind(this);\n  }\n\n  handleClick = e => {\n    const {recommendation} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = recommendation;\n    onClick && onClick(e);\n  };\n\n  handleSelectTheme = e => {\n    const {\n      themeFilter: {onChange}\n    } = this.props;\n    onChange && onChange(e);\n  };\n\n  render() {\n    const {\n      mainTitle,\n      mainSubtitle,\n      recommendation = {},\n      progressions = [],\n      total,\n      engines = [],\n      themeFilter = {},\n      loading\n    } = this.props;\n    const {skin} = this.context;\n\n    const primary = get('common.primary', skin);\n    const loader = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : null;\n    const allProgressions = progressions.map(progression => (\n      <ProgressionItem {...omit(['ref'], progression)} key={progression.ref} />\n    ));\n\n    const coreProgression = (\n      <div data-name=\"activityCore\" className={style.core}>\n        {allProgressions}\n      </div>\n    );\n    const themeSelect = !isEmpty(themeFilter.options) ? (\n      <Select\n        borderClassName={style.selectBorder}\n        className={style.select}\n        theme=\"thematiques\"\n        options={themeFilter.options}\n        onChange={this.handleSelectTheme}\n      />\n    ) : null;\n    const recommendationSection = !isEmpty(recommendation) ? (\n      <div className={style.recommendationWrapper}>\n        <p className={style.recommendationSection}>{recommendation.title} </p>\n        <p className={style.recommendationSection}>\n          <span>{recommendation.subtitle} </span>\n          <span\n            className={classnames(style.course, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n          />\n        </p>\n        <Button\n          type=\"link\"\n          onClick={this.handleClick}\n          submitValue={recommendation.cta}\n          style={{\n            backgroundColor: primary\n          }}\n          className={style.cta}\n        />\n      </div>\n    ) : null;\n    return (\n      <div className={style.default}>\n        <div data-name=\"activity-header\">\n          <div className={style.mainTitle}>\n            <span>{mainTitle}</span> {mainSubtitle}\n          </div>\n          <div className={style.headerProgression}>\n            <div className={style.wrapperCta}>\n              {themeSelect}\n              {recommendationSection}\n            </div>\n            <StarsSummary engines={engines} total={total} />\n          </div>\n        </div>\n        <div className={style.wrapperProgression} data-name=\"activityList\">\n          {coreProgression}\n          {loader}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Progression;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["Progression","React","Component","constructor","props","context","handleClick","e","recommendation","stopPropagation","preventDefault","onClick","handleSelectTheme","themeFilter","onChange","bind","render","mainTitle","mainSubtitle","progressions","total","engines","loading","skin","primary","loader","style","allProgressions","map","progression","ref","coreProgression","core","themeSelect","options","selectBorder","select","recommendationSection","recommendationWrapper","title","subtitle","classnames","course","innerHTML","__html","courseTitle","cta","backgroundColor","default","headerProgression","wrapperCta","wrapperProgression","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","label","stars","number","arrayOf","EngineStars","bool","ProgressionItem","Select","func"],"sources":["../../../src/template/activity/index.js"],"sourcesContent":["import React from 'react';\nimport {get, omit, isEmpty} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Select from '../../atom/select';\nimport Loader from '../../atom/loader';\nimport ProgressionItem from './progression-item';\nimport EngineStars from './engine-stars';\nimport StarsSummary from './stars-summary';\nimport style from './style.css';\n\nclass Progression extends React.Component {\n  static propTypes = {\n    mainTitle: PropTypes.string.isRequired,\n    mainSubtitle: PropTypes.string.isRequired,\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n    loading: PropTypes.bool.isRequired,\n    progressions: PropTypes.arrayOf(\n      PropTypes.shape({...ProgressionItem.propTypes, ref: PropTypes.string.isRequired})\n    ),\n    themeFilter: PropTypes.shape({\n      options: Select.propTypes.options.isRequired,\n      onChange: Select.propTypes.onChange\n    }),\n    recommendation: PropTypes.shape({\n      cta: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      subtitle: PropTypes.string.isRequired,\n      courseTitle: PropTypes.string.isRequired,\n      onClick: PropTypes.func\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleSelectTheme = this.handleSelectTheme.bind(this);\n  }\n\n  handleClick = e => {\n    const {recommendation} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = recommendation;\n    onClick && onClick(e);\n  };\n\n  handleSelectTheme = e => {\n    const {\n      themeFilter: {onChange}\n    } = this.props;\n    onChange && onChange(e);\n  };\n\n  render() {\n    const {\n      mainTitle,\n      mainSubtitle,\n      recommendation = {},\n      progressions = [],\n      total,\n      engines = [],\n      themeFilter = {},\n      loading\n    } = this.props;\n    const {skin} = this.context;\n\n    const primary = get('common.primary', skin);\n    const loader = loading ? (\n      <div className={style.loader}>\n        <Loader />\n      </div>\n    ) : null;\n    const allProgressions = progressions.map(progression => (\n      <ProgressionItem {...omit(['ref'], progression)} key={progression.ref} />\n    ));\n\n    const coreProgression = (\n      <div data-name=\"activityCore\" className={style.core}>\n        {allProgressions}\n      </div>\n    );\n    const themeSelect = !isEmpty(themeFilter.options) ? (\n      <Select\n        borderClassName={style.selectBorder}\n        className={style.select}\n        theme=\"thematiques\"\n        options={themeFilter.options}\n        onChange={this.handleSelectTheme}\n      />\n    ) : null;\n    const recommendationSection = !isEmpty(recommendation) ? (\n      <div className={style.recommendationWrapper}>\n        <p className={style.recommendationSection}>{recommendation.title} </p>\n        <p className={style.recommendationSection}>\n          <span>{recommendation.subtitle} </span>\n          <span\n            className={classnames(style.course, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: recommendation.courseTitle}}\n          />\n        </p>\n        <Button\n          type=\"link\"\n          onClick={this.handleClick}\n          submitValue={recommendation.cta}\n          style={{\n            backgroundColor: primary\n          }}\n          className={style.cta}\n        />\n      </div>\n    ) : null;\n    return (\n      <div className={style.default}>\n        <div data-name=\"activity-header\">\n          <div className={style.mainTitle}>\n            <span>{mainTitle}</span> {mainSubtitle}\n          </div>\n          <div className={style.headerProgression}>\n            <div className={style.wrapperCta}>\n              {themeSelect}\n              {recommendationSection}\n            </div>\n            <StarsSummary engines={engines} total={total} />\n          </div>\n        </div>\n        <div className={style.wrapperProgression} data-name=\"activityList\">\n          {coreProgression}\n          {loader}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Progression;\n"],"mappings":"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"}

package/lib/template/activity/progression-item.js

@@ -23,9 +23,9 @@ var _link = _interopRequireDefault(require("../../atom/link"));
 
 var _progressionItem = _interopRequireDefault(require("./progression-item.css"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+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) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 }; }
 

package/lib/template/activity/progression-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/activity/progression-item.js"],"names":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","handleCTAClick","e","stopPropagation","preventDefault","link","color","cta","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"file":"progression-item.js"}
+{"version":3,"file":"progression-item.js","names":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","handleCTAClick","useMemo","e","stopPropagation","preventDefault","link","color","cta","classnames","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/template/activity/progression-item.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"mappings":"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"}

package/lib/template/activity/stars-summary.d.ts

@@ -1,10 +1,10 @@
 export default StarsSummary;
 declare class StarsSummary extends React.Component<any, any, any> {
     static propTypes: {
-        total: PropTypes.Validator<PropTypes.InferProps<{
+        total: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
             stars: PropTypes.Validator<number>;
-        }>>;
+        }>>>;
         engines: PropTypes.Requireable<(PropTypes.InferProps<{
             type: PropTypes.Validator<string>;
             stars: PropTypes.Validator<number>;

package/lib/template/activity/stars-summary.js

@@ -23,7 +23,7 @@ var _starsSummary = _interopRequireDefault(require("./stars-summary.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
 
 class StarsSummary extends _react.default.Component {
   constructor(props) {

package/lib/template/activity/stars-summary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/activity/stars-summary.js"],"names":["StarsSummary","React","Component","constructor","props","engines","state","firstItem","totalItems","length","handleOnLeft","bind","handleOnRight","scrollTo","page","setState","render","total","skin","context","dark","primary","engineTabs","map","engine","index","style","type","hidden","active","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","string","isRequired","number","arrayOf","EngineStars"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyStar as StarIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport EngineStars from './engine-stars';\nimport style from './stars-summary.css';\n\nclass StarsSummary extends React.Component {\n  static propTypes = {\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes))\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n\n    const {engines = []} = props;\n    this.state = {\n      firstItem: 0,\n      totalItems: engines.length\n    };\n\n    this.handleOnLeft = this.handleOnLeft.bind(this);\n    this.handleOnRight = this.handleOnRight.bind(this);\n    this.scrollTo = this.scrollTo.bind(this);\n  }\n\n  handleOnLeft() {\n    const {firstItem} = this.state;\n    this.scrollTo(firstItem - 1);\n  }\n\n  handleOnRight() {\n    const {firstItem} = this.state;\n    this.scrollTo(firstItem + 1);\n  }\n\n  scrollTo(page) {\n    this.setState({\n      firstItem: page\n    });\n  }\n\n  render() {\n    const {total, engines = []} = this.props;\n    const {skin} = this.context;\n    const {firstItem, totalItems} = this.state;\n    const dark = getOr('#90A4AE', 'common.dark', skin);\n    const primary = get('common.primary', skin);\n\n    if (isEmpty(engines)) {\n      return null;\n    }\n\n    const engineTabs = engines.map((engine, index) => {\n      const state = index < firstItem ? 'hidden' : 'active';\n      return (\n        <div className={style[state]} key={engine.type} data-name={`${engine.type}_total_${state}`}>\n          <EngineStars {...engine} className={index < firstItem ? style.hidden : style.active} />\n        </div>\n      );\n    });\n\n    const leftArrowView =\n      totalItems > 6 && firstItem > 0 ? (\n        <div className={style.circle} onClick={this.handleOnLeft} data-name=\"left-arrow\">\n          <ArrowLeft color={dark} className={style.left} width={10} height={10} />\n        </div>\n      ) : null;\n\n    const rightArrowView =\n      totalItems > 6 && firstItem < totalItems - 6 ? (\n        <div className={style.circle} onClick={this.handleOnRight} data-name=\"right-arrow\">\n          <ArrowRight color={dark} className={style.right} width={10} height={10} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"myStars\" className={style.myStars}>\n        <div data-name=\"myStars-wrapper\" className={style.myStarsWrapper}>\n          <div className={style.allStars} data-name=\"engineList\">\n            {engineTabs}\n          </div>\n          <div\n            className={style.footerSummaryStars}\n            style={{\n              backgroundColor: primary\n            }}\n          >\n            <div className={style.totalStars}>\n              <span>{total.label}</span>\n              <p data-name=\"star-counter\">{total.stars}</p>\n              <div className={style.iconBubble}>\n                <StarIcon className={style.iconHeader} color={primary} />\n              </div>\n            </div>\n            <div className={style.navigationLeft}>{leftArrowView}</div>\n            <div className={style.navigationRight}>{rightArrowView}</div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default StarsSummary;\n"],"file":"stars-summary.js"}
+{"version":3,"file":"stars-summary.js","names":["StarsSummary","React","Component","constructor","props","engines","state","firstItem","totalItems","length","handleOnLeft","bind","handleOnRight","scrollTo","page","setState","render","total","skin","context","dark","primary","engineTabs","map","engine","index","style","type","hidden","active","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","string","isRequired","number","arrayOf","EngineStars"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyStar as StarIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport EngineStars from './engine-stars';\nimport style from './stars-summary.css';\n\nclass StarsSummary extends React.Component {\n  static propTypes = {\n    total: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      stars: PropTypes.number.isRequired\n    }).isRequired,\n    engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes))\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n\n    const {engines = []} = props;\n    this.state = {\n      firstItem: 0,\n      totalItems: engines.length\n    };\n\n    this.handleOnLeft = this.handleOnLeft.bind(this);\n    this.handleOnRight = this.handleOnRight.bind(this);\n    this.scrollTo = this.scrollTo.bind(this);\n  }\n\n  handleOnLeft() {\n    const {firstItem} = this.state;\n    this.scrollTo(firstItem - 1);\n  }\n\n  handleOnRight() {\n    const {firstItem} = this.state;\n    this.scrollTo(firstItem + 1);\n  }\n\n  scrollTo(page) {\n    this.setState({\n      firstItem: page\n    });\n  }\n\n  render() {\n    const {total, engines = []} = this.props;\n    const {skin} = this.context;\n    const {firstItem, totalItems} = this.state;\n    const dark = getOr('#90A4AE', 'common.dark', skin);\n    const primary = get('common.primary', skin);\n\n    if (isEmpty(engines)) {\n      return null;\n    }\n\n    const engineTabs = engines.map((engine, index) => {\n      const state = index < firstItem ? 'hidden' : 'active';\n      return (\n        <div className={style[state]} key={engine.type} data-name={`${engine.type}_total_${state}`}>\n          <EngineStars {...engine} className={index < firstItem ? style.hidden : style.active} />\n        </div>\n      );\n    });\n\n    const leftArrowView =\n      totalItems > 6 && firstItem > 0 ? (\n        <div className={style.circle} onClick={this.handleOnLeft} data-name=\"left-arrow\">\n          <ArrowLeft color={dark} className={style.left} width={10} height={10} />\n        </div>\n      ) : null;\n\n    const rightArrowView =\n      totalItems > 6 && firstItem < totalItems - 6 ? (\n        <div className={style.circle} onClick={this.handleOnRight} data-name=\"right-arrow\">\n          <ArrowRight color={dark} className={style.right} width={10} height={10} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"myStars\" className={style.myStars}>\n        <div data-name=\"myStars-wrapper\" className={style.myStarsWrapper}>\n          <div className={style.allStars} data-name=\"engineList\">\n            {engineTabs}\n          </div>\n          <div\n            className={style.footerSummaryStars}\n            style={{\n              backgroundColor: primary\n            }}\n          >\n            <div className={style.totalStars}>\n              <span>{total.label}</span>\n              <p data-name=\"star-counter\">{total.stars}</p>\n              <div className={style.iconBubble}>\n                <StarIcon className={style.iconHeader} color={primary} />\n              </div>\n            </div>\n            <div className={style.navigationLeft}>{leftArrowView}</div>\n            <div className={style.navigationRight}>{rightArrowView}</div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default StarsSummary;\n"],"mappings":"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"}

package/lib/template/app-player/loading/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/loading/index.js"],"names":["PlayerLoading","popinError","style","wrapper","propTypes","PropTypes","shape","CMPopin"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAkB;AACtC,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,KAAgCF,UAAU,gBAAG,6BAAC,gBAAD,EAAaA,UAAb,CAAH,gBAAiC,6BAAC,eAAD,OAA3E,CADF;AAGD,CAJD;;AAMAD,aAAa,CAACI,SAAd,2CAA0B;AACxBH,EAAAA,UAAU,EAAEI,mBAAUC,KAAV,CAAgBC,iBAAQH,SAAxB;AADY,CAA1B;eAIeJ,a","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Loader from '../../../atom/loader';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst PlayerLoading = ({popinError}) => {\n  return (\n    <div className={style.wrapper}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n  );\n};\n\nPlayerLoading.propTypes = {\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default PlayerLoading;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["PlayerLoading","popinError","style","wrapper","propTypes","PropTypes","shape","CMPopin"],"sources":["../../../../src/template/app-player/loading/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Loader from '../../../atom/loader';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst PlayerLoading = ({popinError}) => {\n  return (\n    <div className={style.wrapper}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n  );\n};\n\nPlayerLoading.propTypes = {\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default PlayerLoading;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAAC;EAACC;AAAD,CAAD,KAAkB;EACtC,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,GAAgCF,UAAU,gBAAG,6BAAC,gBAAD,EAAaA,UAAb,CAAH,gBAAiC,6BAAC,eAAD,OAA3E,CADF;AAGD,CAJD;;AAMAD,aAAa,CAACI,SAAd,2CAA0B;EACxBH,UAAU,EAAEI,kBAAA,CAAUC,KAAV,CAAgBC,gBAAA,CAAQH,SAAxB;AADY,CAA1B;eAIeJ,a"}

package/lib/template/app-player/player/index.js

@@ -15,7 +15,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 SlidePlayer = props => {
   const {

package/lib/template/app-player/player/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/player/index.js"],"names":["SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","style","wrapper","playerWrapper","playerBackground","propTypes","PropTypes","shape","SlidesPlayer","CMPopin"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAkBF,KAAxB;AACA,QAAMG,eAAe,GAAGF,MAAM,CAACG,aAAP,GAAwB,OAAMH,MAAM,CAACG,aAAc,GAAnD,GAAwD,IAAhF;AACA,sBACE;AAAK,iBAAU,aAAf;AAA6B,IAAA,SAAS,EAAEC,eAAMC;AAA9C,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG,gBAAtB;AAAwC,IAAA,KAAK,EAAE;AAACL,MAAAA;AAAD;AAA/C,IADF,eAEE,6BAAC,eAAD,eAAkBF,MAAlB;AAA0B,IAAA,UAAU,EAAEC;AAAtC,KAFF,EAGGA,KAAK,gBAAG,6BAAC,gBAAD,EAAaA,KAAb,CAAH,GAA4B,IAHpC,CADF,CADF;AASD,CAZD;;AAcAH,WAAW,CAACU,SAAZ,2CAAwB;AACtBR,EAAAA,MAAM,EAAES,mBAAUC,KAAV,CAAgBC,gBAAaH,SAA7B,CADc;AAEtBP,EAAAA,KAAK,EAAEQ,mBAAUC,KAAV,CAAgBE,iBAAQJ,SAAxB;AAFe,CAAxB;eAKeV,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CMPopin from '../../../molecule/cm-popin';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player, popin} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} popinError={popin} />\n        {popin ? <CMPopin {...popin} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes),\n  popin: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidePlayer;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","style","wrapper","playerWrapper","playerBackground","propTypes","PropTypes","shape","SlidesPlayer","CMPopin"],"sources":["../../../../src/template/app-player/player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CMPopin from '../../../molecule/cm-popin';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player, popin} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} popinError={popin} />\n        {popin ? <CMPopin {...popin} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes),\n  popin: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidePlayer;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,MAAD;IAASC;EAAT,IAAkBF,KAAxB;EACA,MAAMG,eAAe,GAAGF,MAAM,CAACG,aAAP,GAAwB,OAAMH,MAAM,CAACG,aAAc,GAAnD,GAAwD,IAAhF;EACA,oBACE;IAAK,aAAU,aAAf;IAA6B,SAAS,EAAEC,cAAA,CAAMC;EAA9C,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG,gBAAtB;IAAwC,KAAK,EAAE;MAACL;IAAD;EAA/C,EADF,eAEE,6BAAC,eAAD,eAAkBF,MAAlB;IAA0B,UAAU,EAAEC;EAAtC,GAFF,EAGGA,KAAK,gBAAG,6BAAC,gBAAD,EAAaA,KAAb,CAAH,GAA4B,IAHpC,CADF,CADF;AASD,CAZD;;AAcAH,WAAW,CAACU,SAAZ,2CAAwB;EACtBR,MAAM,EAAES,kBAAA,CAAUC,KAAV,CAAgBC,eAAA,CAAaH,SAA7B,CADc;EAEtBP,KAAK,EAAEQ,kBAAA,CAAUC,KAAV,CAAgBE,gBAAA,CAAQJ,SAAxB;AAFe,CAAxB;eAKeV,W"}

package/lib/template/app-player/player/slides/footer/index.js

@@ -21,7 +21,7 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 TABS = {
   question: {
@@ -110,7 +110,7 @@ class Button extends _react.default.Component {
       onClick: onClick,
       onMouseEnter: this.handleMouseEnter,
       onMouseLeave: this.handleMouseLeave,
-      style: _extends(_extends({}, hoverStyle), selectedColor)
+      style: _extends({}, hoverStyle, selectedColor)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: highlighted ? _style.default.highlighted : _style.default.logo
     }, notifyView, /*#__PURE__*/_react.default.createElement(IconType, {

package/lib/template/app-player/player/slides/footer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/footer/index.js"],"names":["TABS","question","icon","QuestionIcon","media","MediaIcon","clue","ClueIcon","coach","CoachIcon","className","style","context","ContextIcon","Button","React","Component","constructor","props","handleMouseEnter","onMouseEnter","setState","prevState","hovered","handleMouseLeave","onMouseLeave","state","render","skin","grey","primaryColor","disabled","notify","selected","highlighted","title","type","onClick","colorIcon","selectedColor","borderTopColor","hoverStyle","IconType","button","notifyView","logo","color","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","string","oneOf","isRequired","func","SlidesFooter","buttons","length","Buttons","map","key","wrapper","arrayOf","shape"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyFilterVideo2 as MediaIcon,\n  NovaCompositionCoorpacademyClue as ClueIcon,\n  NovaCompositionCoorpacademyMap as ContextIcon,\n  NovaCompositionCoorpacademyChat as CoachIcon,\n  NovaCompositionCoorpacademyListBullets3 as QuestionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../../../atom/provider';\nimport style from './style.css';\n\nconst TABS = {\n  question: {\n    icon: QuestionIcon\n  },\n  media: {\n    icon: MediaIcon\n  },\n  clue: {\n    icon: ClueIcon\n  },\n  coach: {\n    icon: CoachIcon,\n    className: style.coach\n  },\n  context: {\n    icon: ContextIcon\n  }\n};\n\nclass Button extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    notify: PropTypes.bool,\n    selected: PropTypes.bool,\n    highlighted: PropTypes.bool,\n    title: PropTypes.string,\n    type: PropTypes.oneOf(keys(TABS)).isRequired,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      hovered: false\n    };\n  }\n\n  handleMouseEnter = () => {\n    const {onMouseEnter} = this.props;\n\n    this.setState(prevState => ({\n      hovered: true\n    }));\n    onMouseEnter && onMouseEnter();\n  };\n\n  handleMouseLeave = () => {\n    const {onMouseLeave} = this.props;\n    this.setState(prevState => ({\n      hovered: false\n    }));\n\n    onMouseLeave && onMouseLeave();\n  };\n\n  render() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const grey = get('common.grey', skin);\n    const primaryColor = get('common.primary', skin);\n    const {disabled, notify, selected, highlighted, title, type, onClick} = this.props;\n    const colorIcon = selected ? primaryColor : grey;\n    const selectedColor = (selected && {borderTopColor: primaryColor}) || {};\n\n    const hoverStyle =\n      !disabled && hovered\n        ? {\n            borderTopColor: primaryColor\n          }\n        : {};\n\n    const IconType = get([type, 'icon'], TABS);\n    const className = classnames(\n      style.button,\n      get([type, 'className'], TABS),\n      selected && style.selected,\n      disabled && style.disabled\n    );\n\n    const notifyView = notify ? <span className={style.notify} /> : null;\n    return (\n      <div\n        data-name={`button`}\n        data-type={type}\n        data-selected={selected}\n        data-disabled={disabled}\n        className={className}\n        onClick={onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        style={{\n          ...hoverStyle,\n          ...selectedColor\n        }}\n      >\n        <div className={highlighted ? style.highlighted : style.logo}>\n          {notifyView}\n          <IconType\n            style={{\n              color: colorIcon\n            }}\n            color={colorIcon}\n            height={30}\n          />\n        </div>\n        <div data-name=\"title\" className={style.title}>\n          {title}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst SlidesFooter = props => {\n  const {buttons = []} = props;\n  if (buttons.length === 0) return null;\n\n  const Buttons = buttons.map((button, key) => {\n    return <Button {...button} key={key} />;\n  });\n\n  return (\n    <div data-name=\"slidesFooter\" className={style.wrapper}>\n      {Buttons}\n    </div>\n  );\n};\n\nSlidesFooter.propTypes = {\n  buttons: PropTypes.arrayOf(\n    PropTypes.shape({\n      disabled: PropTypes.bool,\n      notify: PropTypes.bool,\n      selected: PropTypes.bool,\n      highlighted: PropTypes.bool,\n      title: PropTypes.string,\n      type: PropTypes.oneOf(keys(TABS)).isRequired,\n      onMouseEnter: PropTypes.func,\n      onMouseLeave: PropTypes.func,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default SlidesFooter;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["TABS","question","icon","QuestionIcon","media","MediaIcon","clue","ClueIcon","coach","CoachIcon","className","style","context","ContextIcon","Button","React","Component","constructor","props","handleMouseEnter","onMouseEnter","setState","prevState","hovered","handleMouseLeave","onMouseLeave","state","render","skin","grey","primaryColor","disabled","notify","selected","highlighted","title","type","onClick","colorIcon","selectedColor","borderTopColor","hoverStyle","IconType","classnames","button","notifyView","logo","color","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","string","oneOf","isRequired","func","SlidesFooter","buttons","length","Buttons","map","key","wrapper","arrayOf","shape"],"sources":["../../../../../../src/template/app-player/player/slides/footer/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyFilterVideo2 as MediaIcon,\n  NovaCompositionCoorpacademyClue as ClueIcon,\n  NovaCompositionCoorpacademyMap as ContextIcon,\n  NovaCompositionCoorpacademyChat as CoachIcon,\n  NovaCompositionCoorpacademyListBullets3 as QuestionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../../../atom/provider';\nimport style from './style.css';\n\nconst TABS = {\n  question: {\n    icon: QuestionIcon\n  },\n  media: {\n    icon: MediaIcon\n  },\n  clue: {\n    icon: ClueIcon\n  },\n  coach: {\n    icon: CoachIcon,\n    className: style.coach\n  },\n  context: {\n    icon: ContextIcon\n  }\n};\n\nclass Button extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    notify: PropTypes.bool,\n    selected: PropTypes.bool,\n    highlighted: PropTypes.bool,\n    title: PropTypes.string,\n    type: PropTypes.oneOf(keys(TABS)).isRequired,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      hovered: false\n    };\n  }\n\n  handleMouseEnter = () => {\n    const {onMouseEnter} = this.props;\n\n    this.setState(prevState => ({\n      hovered: true\n    }));\n    onMouseEnter && onMouseEnter();\n  };\n\n  handleMouseLeave = () => {\n    const {onMouseLeave} = this.props;\n    this.setState(prevState => ({\n      hovered: false\n    }));\n\n    onMouseLeave && onMouseLeave();\n  };\n\n  render() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const grey = get('common.grey', skin);\n    const primaryColor = get('common.primary', skin);\n    const {disabled, notify, selected, highlighted, title, type, onClick} = this.props;\n    const colorIcon = selected ? primaryColor : grey;\n    const selectedColor = (selected && {borderTopColor: primaryColor}) || {};\n\n    const hoverStyle =\n      !disabled && hovered\n        ? {\n            borderTopColor: primaryColor\n          }\n        : {};\n\n    const IconType = get([type, 'icon'], TABS);\n    const className = classnames(\n      style.button,\n      get([type, 'className'], TABS),\n      selected && style.selected,\n      disabled && style.disabled\n    );\n\n    const notifyView = notify ? <span className={style.notify} /> : null;\n    return (\n      <div\n        data-name={`button`}\n        data-type={type}\n        data-selected={selected}\n        data-disabled={disabled}\n        className={className}\n        onClick={onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        style={{\n          ...hoverStyle,\n          ...selectedColor\n        }}\n      >\n        <div className={highlighted ? style.highlighted : style.logo}>\n          {notifyView}\n          <IconType\n            style={{\n              color: colorIcon\n            }}\n            color={colorIcon}\n            height={30}\n          />\n        </div>\n        <div data-name=\"title\" className={style.title}>\n          {title}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst SlidesFooter = props => {\n  const {buttons = []} = props;\n  if (buttons.length === 0) return null;\n\n  const Buttons = buttons.map((button, key) => {\n    return <Button {...button} key={key} />;\n  });\n\n  return (\n    <div data-name=\"slidesFooter\" className={style.wrapper}>\n      {Buttons}\n    </div>\n  );\n};\n\nSlidesFooter.propTypes = {\n  buttons: PropTypes.arrayOf(\n    PropTypes.shape({\n      disabled: PropTypes.bool,\n      notify: PropTypes.bool,\n      selected: PropTypes.bool,\n      highlighted: PropTypes.bool,\n      title: PropTypes.string,\n      type: PropTypes.oneOf(keys(TABS)).isRequired,\n      onMouseEnter: PropTypes.func,\n      onMouseLeave: PropTypes.func,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default SlidesFooter;\n"],"mappings":"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"}

package/lib/template/app-player/player/slides/header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"names":["HEADER_TYPE","LEARNER","MICROLEARNING","SlidesHeader","props","context","undefined","type","content","subcontent","lives","mode","style","wrapper","count","propTypes","PropTypes","oneOf","shape","href","Link","title","string","isRequired","details","Lives"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAAiC;AAEjC,MAAMA,WAAW,GAAG;AAClBC,EAAAA,OAAO,EAAE,SADS;AAElBC,EAAAA,aAAa,EAAE;AAFG,CAApB;;AAKA,MAAMC,YAAY,GAAG,CAACC,KAAK,GAAG,EAAT,EAAaC,OAAO,GAAGC,SAAvB,KAAqC;AACxD,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,UAAhB;AAA4BC,IAAAA,KAA5B;AAAmCC,IAAAA;AAAnC,MAA2CP,KAAjD;AAEA,sBACE;AAAK,iBAAU,cAAf;AAA8B,IAAA,SAAS,EAAEQ,eAAMC;AAA/C,KACGN,IAAI,KAAKP,WAAW,CAACC,OAArB,gBACC,6BAAC,gBAAD;AAAS,IAAA,OAAO,EAAEO,OAAlB;AAA2B,IAAA,UAAU,EAAEC,UAAvC;AAAmD,IAAA,IAAI,EAAEE;AAAzD,IADD,GAEG,IAHN,EAIGJ,IAAI,KAAKP,WAAW,CAACE,aAArB,gBAAqC,6BAAC,sBAAD;AAAe,IAAA,OAAO,EAAEM;AAAxB,IAArC,GAA2E,IAJ9E,EAKGE,KAAK,gBAAG,6BAAC,cAAD;AAAO,IAAA,KAAK,EAAEA,KAAK,CAACI;AAApB,IAAH,GAAmC,IAL3C,CADF;AASD,CAZD;;AAcAX,YAAY,CAACY,SAAb,2CAAyB;AACvBR,EAAAA,IAAI,EAAES,mBAAUC,KAAV,CAAgB,CAACjB,WAAW,CAACC,OAAb,EAAsBD,WAAW,CAACE,aAAlC,CAAhB,CADiB;AAEvBM,EAAAA,OAAO,EAAEQ,mBAAUE,KAAV,CAAgB;AACvBC,IAAAA,IAAI,EAAEC,cAAKL,SAAL,CAAeI,IADE;AAEvBE,IAAAA,KAAK,EAAEL,mBAAUM,MAAV,CAAiBC,UAFD;AAGvBC,IAAAA,OAAO,EAAER,mBAAUM;AAHI,GAAhB,CAFc;AAOvBb,EAAAA,UAAU,EAAEO,mBAAUE,KAAV,CAAgB;AAC1BG,IAAAA,KAAK,EAAEL,mBAAUM,MADS;AAE1BE,IAAAA,OAAO,EAAER,mBAAUM;AAFO,GAAhB,CAPW;AAWvBZ,EAAAA,KAAK,EAAEM,mBAAUE,KAAV,CAAgBO,eAAMV,SAAtB,CAXgB;AAYvBJ,EAAAA,IAAI,EAAEK,mBAAUM;AAZO,CAAzB;eAeenB,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../../../../atom/link';\nimport Learner from './learner';\nimport Microlearning from './microlearning';\nimport Lives from './lives';\nimport style from './style.css'; // eslint-disable-line css-modules/no-unused-class\n\nconst HEADER_TYPE = {\n  LEARNER: 'learner',\n  MICROLEARNING: 'microlearning'\n};\n\nconst SlidesHeader = (props = {}, context = undefined) => {\n  const {type, content, subcontent, lives, mode} = props;\n\n  return (\n    <div data-name=\"slidesHeader\" className={style.wrapper}>\n      {type === HEADER_TYPE.LEARNER ? (\n        <Learner content={content} subcontent={subcontent} mode={mode} />\n      ) : null}\n      {type === HEADER_TYPE.MICROLEARNING ? <Microlearning content={content} /> : null}\n      {lives ? <Lives count={lives.count} /> : null}\n    </div>\n  );\n};\n\nSlidesHeader.propTypes = {\n  type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),\n  content: PropTypes.shape({\n    href: Link.propTypes.href,\n    title: PropTypes.string.isRequired,\n    details: PropTypes.string\n  }),\n  subcontent: PropTypes.shape({\n    title: PropTypes.string,\n    details: PropTypes.string\n  }),\n  lives: PropTypes.shape(Lives.propTypes),\n  mode: PropTypes.string\n};\n\nexport default SlidesHeader;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["HEADER_TYPE","LEARNER","MICROLEARNING","SlidesHeader","props","context","undefined","type","content","subcontent","lives","mode","style","wrapper","count","propTypes","PropTypes","oneOf","shape","href","Link","title","string","isRequired","details","Lives"],"sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../../../../atom/link';\nimport Learner from './learner';\nimport Microlearning from './microlearning';\nimport Lives from './lives';\nimport style from './style.css'; // eslint-disable-line css-modules/no-unused-class\n\nconst HEADER_TYPE = {\n  LEARNER: 'learner',\n  MICROLEARNING: 'microlearning'\n};\n\nconst SlidesHeader = (props = {}, context = undefined) => {\n  const {type, content, subcontent, lives, mode} = props;\n\n  return (\n    <div data-name=\"slidesHeader\" className={style.wrapper}>\n      {type === HEADER_TYPE.LEARNER ? (\n        <Learner content={content} subcontent={subcontent} mode={mode} />\n      ) : null}\n      {type === HEADER_TYPE.MICROLEARNING ? <Microlearning content={content} /> : null}\n      {lives ? <Lives count={lives.count} /> : null}\n    </div>\n  );\n};\n\nSlidesHeader.propTypes = {\n  type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),\n  content: PropTypes.shape({\n    href: Link.propTypes.href,\n    title: PropTypes.string.isRequired,\n    details: PropTypes.string\n  }),\n  subcontent: PropTypes.shape({\n    title: PropTypes.string,\n    details: PropTypes.string\n  }),\n  lives: PropTypes.shape(Lives.propTypes),\n  mode: PropTypes.string\n};\n\nexport default SlidesHeader;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAAiC;AAEjC,MAAMA,WAAW,GAAG;EAClBC,OAAO,EAAE,SADS;EAElBC,aAAa,EAAE;AAFG,CAApB;;AAKA,MAAMC,YAAY,GAAG,CAACC,KAAK,GAAG,EAAT,EAAaC,OAAO,GAAGC,SAAvB,KAAqC;EACxD,MAAM;IAACC,IAAD;IAAOC,OAAP;IAAgBC,UAAhB;IAA4BC,KAA5B;IAAmCC;EAAnC,IAA2CP,KAAjD;EAEA,oBACE;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAEQ,cAAA,CAAMC;EAA/C,GACGN,IAAI,KAAKP,WAAW,CAACC,OAArB,gBACC,6BAAC,gBAAD;IAAS,OAAO,EAAEO,OAAlB;IAA2B,UAAU,EAAEC,UAAvC;IAAmD,IAAI,EAAEE;EAAzD,EADD,GAEG,IAHN,EAIGJ,IAAI,KAAKP,WAAW,CAACE,aAArB,gBAAqC,6BAAC,sBAAD;IAAe,OAAO,EAAEM;EAAxB,EAArC,GAA2E,IAJ9E,EAKGE,KAAK,gBAAG,6BAAC,cAAD;IAAO,KAAK,EAAEA,KAAK,CAACI;EAApB,EAAH,GAAmC,IAL3C,CADF;AASD,CAZD;;AAcAX,YAAY,CAACY,SAAb,2CAAyB;EACvBR,IAAI,EAAES,kBAAA,CAAUC,KAAV,CAAgB,CAACjB,WAAW,CAACC,OAAb,EAAsBD,WAAW,CAACE,aAAlC,CAAhB,CADiB;EAEvBM,OAAO,EAAEQ,kBAAA,CAAUE,KAAV,CAAgB;IACvBC,IAAI,EAAEC,aAAA,CAAKL,SAAL,CAAeI,IADE;IAEvBE,KAAK,EAAEL,kBAAA,CAAUM,MAAV,CAAiBC,UAFD;IAGvBC,OAAO,EAAER,kBAAA,CAAUM;EAHI,CAAhB,CAFc;EAOvBb,UAAU,EAAEO,kBAAA,CAAUE,KAAV,CAAgB;IAC1BG,KAAK,EAAEL,kBAAA,CAAUM,MADS;IAE1BE,OAAO,EAAER,kBAAA,CAAUM;EAFO,CAAhB,CAPW;EAWvBZ,KAAK,EAAEM,kBAAA,CAAUE,KAAV,CAAgBO,cAAA,CAAMV,SAAtB,CAXgB;EAYvBJ,IAAI,EAAEK,kBAAA,CAAUM;AAZO,CAAzB;eAeenB,Y"}

package/lib/template/app-player/player/slides/header/learner.d.ts

@@ -2,16 +2,16 @@ export default LearnerHeader;
 declare function LearnerHeader(props: any, context: any): JSX.Element;
 declare namespace LearnerHeader {
     namespace propTypes {
-        const content: PropTypes.Validator<PropTypes.InferProps<{
+        const content: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             title: PropTypes.Validator<string>;
             details: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
-        }>>;
-        const subcontent: PropTypes.Validator<PropTypes.InferProps<{
+        }>>>;
+        const subcontent: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             title: PropTypes.Validator<string>;
             details: PropTypes.Requireable<string>;
-        }>>;
+        }>>>;
         const mode: PropTypes.Requireable<string>;
     }
 }

package/lib/template/app-player/player/slides/header/learner.js

@@ -21,7 +21,7 @@ var _learner = _interopRequireDefault(require("./learner.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 LearnerHeaderWrapper = props => {
   const {

package/lib/template/app-player/player/slides/header/learner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"names":["LearnerHeaderWrapper","props","children","mode","onClick","style","contentWrapperScorm","backIcon","contentWrapper","propTypes","Link","PropTypes","string","oneOfType","arrayOf","node","isRequired","Content","title","details","context","skin","primarySkinColor","content","contentDetails","color","contentTitle","innerHTML","__html","contextTypes","Provider","childContextTypes","Subcontent","subcontent","subcontentDetails","subcontentTitle","LearnerHeader","wrapper","shape"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport Provider from '../../../../../atom/provider';\nimport style from './learner.css';\n\nconst LearnerHeaderWrapper = props => {\n  const {children, mode, onClick} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.contentWrapperScorm}>\n        <div className={style.backIcon} />\n        {children}\n      </div>\n    );\n  return (\n    <Link onClick={onClick} className={style.contentWrapper}>\n      <BackIcon className={style.backIcon} color=\"inherit\" />\n      {children}\n    </Link>\n  );\n};\n\nLearnerHeaderWrapper.propTypes = {\n  onClick: Link.propTypes.onClick,\n  mode: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst Content = ({onClick, title, details, mode}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <LearnerHeaderWrapper mode={mode} onClick={onClick}>\n      <div className={style.content}>\n        <div\n          className={style.contentDetails}\n          style={{\n            color: primarySkinColor\n          }}\n        >\n          {details}\n        </div>\n\n        <span\n          data-name=\"contentTitle\"\n          className={classnames(style.contentTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n    </LearnerHeaderWrapper>\n  );\n};\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst Subcontent = ({title, details}, context) => (\n  <div className={style.subcontent}>\n    <div className={style.subcontentDetails}>{details}</div>\n    <div\n      className={classnames(style.subcontentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </div>\n);\n\nSubcontent.propTypes = {\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst LearnerHeader = (props, context) => {\n  const {content, subcontent, mode} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} mode={mode} />\n      <Subcontent {...subcontent} />\n    </div>\n  );\n};\n\nLearnerHeader.propTypes = {\n  content: PropTypes.shape(Content.propTypes).isRequired,\n  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired,\n  mode: PropTypes.string\n};\n\nexport default LearnerHeader;\n"],"file":"learner.js"}
+{"version":3,"file":"learner.js","names":["LearnerHeaderWrapper","props","children","mode","onClick","style","contentWrapperScorm","backIcon","contentWrapper","propTypes","Link","PropTypes","string","oneOfType","arrayOf","node","isRequired","Content","title","details","context","skin","primarySkinColor","content","contentDetails","color","classnames","contentTitle","innerHTML","__html","contextTypes","Provider","childContextTypes","Subcontent","subcontent","subcontentDetails","subcontentTitle","LearnerHeader","wrapper","shape"],"sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport Provider from '../../../../../atom/provider';\nimport style from './learner.css';\n\nconst LearnerHeaderWrapper = props => {\n  const {children, mode, onClick} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.contentWrapperScorm}>\n        <div className={style.backIcon} />\n        {children}\n      </div>\n    );\n  return (\n    <Link onClick={onClick} className={style.contentWrapper}>\n      <BackIcon className={style.backIcon} color=\"inherit\" />\n      {children}\n    </Link>\n  );\n};\n\nLearnerHeaderWrapper.propTypes = {\n  onClick: Link.propTypes.onClick,\n  mode: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst Content = ({onClick, title, details, mode}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <LearnerHeaderWrapper mode={mode} onClick={onClick}>\n      <div className={style.content}>\n        <div\n          className={style.contentDetails}\n          style={{\n            color: primarySkinColor\n          }}\n        >\n          {details}\n        </div>\n\n        <span\n          data-name=\"contentTitle\"\n          className={classnames(style.contentTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n    </LearnerHeaderWrapper>\n  );\n};\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst Subcontent = ({title, details}, context) => (\n  <div className={style.subcontent}>\n    <div className={style.subcontentDetails}>{details}</div>\n    <div\n      className={classnames(style.subcontentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </div>\n);\n\nSubcontent.propTypes = {\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst LearnerHeader = (props, context) => {\n  const {content, subcontent, mode} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} mode={mode} />\n      <Subcontent {...subcontent} />\n    </div>\n  );\n};\n\nLearnerHeader.propTypes = {\n  content: PropTypes.shape(Content.propTypes).isRequired,\n  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired,\n  mode: PropTypes.string\n};\n\nexport default LearnerHeader;\n"],"mappings":"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"}

package/lib/template/app-player/player/slides/header/lives.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/lives.js"],"names":["Lives","count","context","style","wrapper","life","propTypes","PropTypes","number"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,EAAUC,OAAV,KAAsB;AAClC,MAAI,qBAAMD,KAAN,CAAJ,EAAkB;AAChB,WAAO,IAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAEE,eAAMC;AAAtB,kBACE,6BAAC,aAAD;AAAM,IAAA,KAAK,EAAEH,KAAb;AAAoB,IAAA,SAAS,EAAEE,eAAME,IAArC;AAA2C,IAAA,IAAI,EAAC;AAAhD,IADF,CADF;AAKD,CAVD;;AAYAL,KAAK,CAACM,SAAN,2CAAkB;AAChBL,EAAAA,KAAK,EAAEM,mBAAUC;AADD,CAAlB;eAIeR,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport Life from '../../../../../atom/life';\nimport style from './lives.css';\n\nconst Lives = ({count}, context) => {\n  if (isNil(count)) {\n    return null;\n  }\n\n  return (\n    <div className={style.wrapper}>\n      <Life count={count} className={style.life} mode=\"small\" />\n    </div>\n  );\n};\n\nLives.propTypes = {\n  count: PropTypes.number\n};\n\nexport default Lives;\n"],"file":"lives.js"}
+{"version":3,"file":"lives.js","names":["Lives","count","context","style","wrapper","life","propTypes","PropTypes","number"],"sources":["../../../../../../src/template/app-player/player/slides/header/lives.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport Life from '../../../../../atom/life';\nimport style from './lives.css';\n\nconst Lives = ({count}, context) => {\n  if (isNil(count)) {\n    return null;\n  }\n\n  return (\n    <div className={style.wrapper}>\n      <Life count={count} className={style.life} mode=\"small\" />\n    </div>\n  );\n};\n\nLives.propTypes = {\n  count: PropTypes.number\n};\n\nexport default Lives;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG,CAAC;EAACC;AAAD,CAAD,EAAUC,OAAV,KAAsB;EAClC,IAAI,qBAAMD,KAAN,CAAJ,EAAkB;IAChB,OAAO,IAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAEE,cAAA,CAAMC;EAAtB,gBACE,6BAAC,aAAD;IAAM,KAAK,EAAEH,KAAb;IAAoB,SAAS,EAAEE,cAAA,CAAME,IAArC;IAA2C,IAAI,EAAC;EAAhD,EADF,CADF;AAKD,CAVD;;AAYAL,KAAK,CAACM,SAAN,2CAAkB;EAChBL,KAAK,EAAEM,kBAAA,CAAUC;AADD,CAAlB;eAIeR,K"}

package/lib/template/app-player/player/slides/header/microlearning.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"names":["Content","onClick","title","context","style","content","backIcon","contentTitle","innerHTML","__html","propTypes","Link","PropTypes","node","MicrolearningHeader","props","shape","string","isRequired"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;AAACC,EAAAA,OAAD;AAAUC,EAAAA;AAAV,CAAD,EAAmBC,OAAnB,kBACd,6BAAC,aAAD;AAAM,EAAA,OAAO,EAAEF,OAAf;AAAwB,EAAA,SAAS,EAAEG,uBAAMC;AAAzC,gBACE,6BAAC,6CAAD;AAAU,EAAA,SAAS,EAAED,uBAAME,QAA3B;AAAqC,EAAA,KAAK,EAAC;AAA3C,EADF,eAEE;AACE,eAAU,cADZ;AAEE,EAAA,SAAS,EAAE,yBAAWF,uBAAMG,YAAjB,EAA+BH,uBAAMI,SAArC,CAFb,CAGE;AAHF;AAIE,EAAA,uBAAuB,EAAE;AAACC,IAAAA,MAAM,EAAEP;AAAT;AAJ3B,EAFF,CADF;;AAYAF,OAAO,CAACU,SAAR,2CAAoB;AAClBT,EAAAA,OAAO,EAAEU,cAAKD,SAAL,CAAeT,OADN;AAElBC,EAAAA,KAAK,EAAEU,mBAAUC;AAFC,CAApB;;AAKA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQZ,OAAR,KAAoB;AAC9C,QAAM;AAACE,IAAAA;AAAD,MAAYU,KAAlB;AACA,sBAAO,6BAAC,OAAD,EAAaV,OAAb,CAAP;AACD,CAHD;;AAKAS,mBAAmB,CAACJ,SAApB,2CAAgC;AAC9BL,EAAAA,OAAO,EAAEO,mBAAUI,KAAV,CAAgB;AACvBf,IAAAA,OAAO,EAAEU,cAAKD,SAAL,CAAeT,OADD;AAEvBC,IAAAA,KAAK,EAAEU,mBAAUK,MAAV,CAAiBC;AAFD,GAAhB;AADqB,CAAhC;eAOeJ,mB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport style from './microlearning.css';\n\nconst Content = ({onClick, title}, context) => (\n  <Link onClick={onClick} className={style.content}>\n    <BackIcon className={style.backIcon} color=\"inherit\" />\n    <div\n      data-name=\"contentTitle\"\n      className={classnames(style.contentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </Link>\n);\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.node\n};\n\nconst MicrolearningHeader = (props, context) => {\n  const {content} = props;\n  return <Content {...content} />;\n};\n\nMicrolearningHeader.propTypes = {\n  content: PropTypes.shape({\n    onClick: Link.propTypes.onClick,\n    title: PropTypes.string.isRequired\n  })\n};\n\nexport default MicrolearningHeader;\n"],"file":"microlearning.js"}
+{"version":3,"file":"microlearning.js","names":["Content","onClick","title","context","style","content","backIcon","classnames","contentTitle","innerHTML","__html","propTypes","Link","PropTypes","node","MicrolearningHeader","props","shape","string","isRequired"],"sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport style from './microlearning.css';\n\nconst Content = ({onClick, title}, context) => (\n  <Link onClick={onClick} className={style.content}>\n    <BackIcon className={style.backIcon} color=\"inherit\" />\n    <div\n      data-name=\"contentTitle\"\n      className={classnames(style.contentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </Link>\n);\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.node\n};\n\nconst MicrolearningHeader = (props, context) => {\n  const {content} = props;\n  return <Content {...content} />;\n};\n\nMicrolearningHeader.propTypes = {\n  content: PropTypes.shape({\n    onClick: Link.propTypes.onClick,\n    title: PropTypes.string.isRequired\n  })\n};\n\nexport default MicrolearningHeader;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;EAACC,OAAD;EAAUC;AAAV,CAAD,EAAmBC,OAAnB,kBACd,6BAAC,aAAD;EAAM,OAAO,EAAEF,OAAf;EAAwB,SAAS,EAAEG,sBAAA,CAAMC;AAAzC,gBACE,6BAAC,6CAAD;EAAU,SAAS,EAAED,sBAAA,CAAME,QAA3B;EAAqC,KAAK,EAAC;AAA3C,EADF,eAEE;EACE,aAAU,cADZ;EAEE,SAAS,EAAE,IAAAC,mBAAA,EAAWH,sBAAA,CAAMI,YAAjB,EAA+BJ,sBAAA,CAAMK,SAArC,CAFb,CAGE;EAHF;EAIE,uBAAuB,EAAE;IAACC,MAAM,EAAER;EAAT;AAJ3B,EAFF,CADF;;AAYAF,OAAO,CAACW,SAAR,2CAAoB;EAClBV,OAAO,EAAEW,aAAA,CAAKD,SAAL,CAAeV,OADN;EAElBC,KAAK,EAAEW,kBAAA,CAAUC;AAFC,CAApB;;AAKA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQb,OAAR,KAAoB;EAC9C,MAAM;IAACE;EAAD,IAAYW,KAAlB;EACA,oBAAO,6BAAC,OAAD,EAAaX,OAAb,CAAP;AACD,CAHD;;AAKAU,mBAAmB,CAACJ,SAApB,2CAAgC;EAC9BN,OAAO,EAAEQ,kBAAA,CAAUI,KAAV,CAAgB;IACvBhB,OAAO,EAAEW,aAAA,CAAKD,SAAL,CAAeV,OADD;IAEvBC,KAAK,EAAEW,kBAAA,CAAUK,MAAV,CAAiBC;EAFD,CAAhB;AADqB,CAAhC;eAOeJ,mB"}

package/lib/template/app-player/player/slides/index.d.ts

@@ -168,7 +168,7 @@ declare function AnswerContent({ answerType, help }: {
 declare namespace AnswerContent {
     export namespace propTypes_3 {
         const answerType: PropTypes.Requireable<PropTypes.InferProps<{
-            model: PropTypes.Validator<PropTypes.InferProps<{
+            model: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
                 type: PropTypes.Validator<string>;
                 answer: PropTypes.Requireable<(PropTypes.InferProps<{
                     title: PropTypes.Validator<string>;
@@ -186,9 +186,9 @@ declare namespace AnswerContent {
                     type: PropTypes.Requireable<string>;
                     name: PropTypes.Requireable<string>;
                 }> | null | undefined)[]>;
-            }>>;
+            }>>>;
             help: PropTypes.Requireable<string>;
-            media: PropTypes.Requireable<PropTypes.InferProps<{
+            media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 type: PropTypes.Validator<string>;
                 id: PropTypes.Requireable<string>;
                 width: PropTypes.Requireable<string>;
@@ -228,7 +228,7 @@ declare namespace AnswerContent {
             }> | PropTypes.InferProps<{
                 type: PropTypes.Validator<string>;
                 mediaUrl: PropTypes.Validator<string>;
-            }>>;
+            }> | null | undefined>>;
         }>>;
         const help: PropTypes.Requireable<string>;
     }
@@ -252,7 +252,7 @@ declare namespace ContextContent {
             title: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             media: PropTypes.Requireable<PropTypes.InferProps<{
-                media: PropTypes.Requireable<PropTypes.InferProps<{
+                media: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                     type: PropTypes.Requireable<string>;
                     src: PropTypes.Requireable<(PropTypes.InferProps<{
                         _id: PropTypes.Requireable<string>;
@@ -300,7 +300,7 @@ declare namespace ContextContent {
                         }>>;
                         mimeType: PropTypes.Validator<string>;
                     }> | null | undefined)[]>;
-                }>>;
+                }> | null | undefined>>;
             }>>;
         }>>;
     }

package/lib/template/app-player/player/slides/index.js

@@ -61,11 +61,15 @@ var _header = _interopRequireDefault(require("./header"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+const _excluded = ["videoId"],
+      _excluded2 = ["question", "step"],
+      _excluded3 = ["error"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 MediaView = ({
   media
@@ -272,11 +276,11 @@ const ContextVideo = props => {
   const {
     src
   } = props;
-  const videos = src.map((_ref) => {
+  const videos = src.map(_ref => {
     let {
       videoId
     } = _ref,
-        childProps = _objectWithoutPropertiesLoose(_ref, ["videoId"]);
+        childProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
     return /*#__PURE__*/_react.default.createElement(_videoPlayer.default, _extends({}, (0, _omit2.default)('id', childProps), {
       id: videoId,
@@ -308,13 +312,13 @@ const ContextMedia = ({
 };
 
 ContextMedia.propTypes = process.env.NODE_ENV !== "production" ? {
-  media: _propTypes.default.oneOfType([_propTypes.default.shape(_extends(_extends({}, ContextImage.propTypes), {}, {
+  media: _propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, ContextImage.propTypes, {
     type: _propTypes.default.oneOf(['img'])
-  })), _propTypes.default.shape(_extends(_extends({}, _pdf.default.propTypes), {}, {
+  })), _propTypes.default.shape(_extends({}, _pdf.default.propTypes, {
     type: _propTypes.default.oneOf(['pdf'])
-  })), _propTypes.default.shape(_extends(_extends({}, _audio.default.propTypes), {}, {
+  })), _propTypes.default.shape(_extends({}, _audio.default.propTypes, {
     type: _propTypes.default.oneOf(['audio'])
-  })), _propTypes.default.shape(_extends(_extends({}, ContextVideo.propTypes), {}, {
+  })), _propTypes.default.shape(_extends({}, ContextVideo.propTypes, {
     type: _propTypes.default.oneOf(['video'])
   }))])
 } : {};
@@ -438,18 +442,18 @@ LoadingLayout.propTypes = process.env.NODE_ENV !== "production" ? {
   popinError: _cmPopin.default.propTypes
 } : {};
 
-const LoadedLayout = (_ref2) => {
+const LoadedLayout = _ref2 => {
   let {
     question
   } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, ["question", "step"]);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
   return question ? /*#__PURE__*/_react.default.createElement(ContentLayout, _extends({}, props, {
     question: question
   })) : /*#__PURE__*/_react.default.createElement(LoadingLayout, props);
 };
 
-LoadedLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends(_extends({}, ContentLayout.propTypes), {}, {
+LoadedLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, ContentLayout.propTypes, {
   question: ContentLayout.propTypes.question
 }) : {};
 /*
@@ -468,11 +472,11 @@ ErrorMessage.propTypes = process.env.NODE_ENV !== "production" ? {
   errorMsg: _propTypes.default.string
 } : {};
 
-const Content = (_ref3) => {
+const Content = _ref3 => {
   let {
     error
   } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, ["error"]);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
 
   return error ? /*#__PURE__*/_react.default.createElement(ErrorMessage, props) : /*#__PURE__*/_react.default.createElement(LoadedLayout, props);
 };