@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

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

@@ -19,6 +19,7 @@ const ICONS = {
   podcast: PodcastIcon,
   review: RevisionIcon
 };
+
 const ProgressionItem = (props, context) => {
   const {
     skin
@@ -37,9 +38,13 @@ const ProgressionItem = (props, context) => {
     steps = 0,
     adaptiveAriaLabel
   } = props;
+
   const dark = _get('common.dark', skin);
+
   const primary = _get('common.primary', skin);
+
   const white = _get('common.white', skin);
+
   const IconType = ICONS[type];
   const adaptiveIcon = adaptive ? /*#__PURE__*/React.createElement("div", {
     className: style.adaptiveIcon,
@@ -81,8 +86,7 @@ const ProgressionItem = (props, context) => {
     className: style.label,
     title: label
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.innerHTML
-    // eslint-disable-next-line react/no-danger
+    className: style.innerHTML // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: label
@@ -113,6 +117,7 @@ const ProgressionItem = (props, context) => {
     className: style.level
   }, level)));
 };
+
 ProgressionItem.propTypes = process.env.NODE_ENV !== "production" ? {
   completion: PropTypes.number.isRequired,
   stars: PropTypes.number.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"progression-item.js","names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowRight","ArrowRightIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaCompositionCoorpacademyAdaptive","AdaptiveIcon","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","ProgressBar","Link","style","ICONS","chapter","course","battle","certification","article","scorm","video","podcast","review","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","primary","white","IconType","adaptiveIcon","backgroundColor","handleCTAClick","e","stopPropagation","preventDefault","link","color","cta","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","number","isRequired","bool","string","func","contextTypes","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  NovaCompositionCoorpacademyRevision as RevisionIcon\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  review: RevisionIcon\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    adaptiveAriaLabel\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} aria-label={adaptiveAriaLabel} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      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  adaptiveAriaLabel: PropTypes.string,\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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"}
+{"version":3,"file":"progression-item.js","names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowRight","ArrowRightIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyTimer","TimerIcon","NovaCompositionCoorpacademyBolt","BoltIcon","NovaSolidSchoolScienceGraduationHat","CertificationIcon","NovaCompositionCoorpacademyAdaptive","AdaptiveIcon","NovaSolidContentContentBook1","LearnerIcon","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","NovaCompositionCoorpacademyRevision","RevisionIcon","Provider","ProgressBar","Link","style","ICONS","chapter","course","battle","certification","article","scorm","video","podcast","review","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","primary","white","IconType","adaptiveIcon","backgroundColor","handleCTAClick","e","stopPropagation","preventDefault","link","color","cta","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","number","isRequired","bool","string","func","contextTypes","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  NovaCompositionCoorpacademyRevision as RevisionIcon\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  review: RevisionIcon\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    adaptiveAriaLabel\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} aria-label={adaptiveAriaLabel} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      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  adaptiveAriaLabel: PropTypes.string,\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/es/template/activity/stars-summary.js

@@ -2,13 +2,16 @@ import _map from "lodash/fp/map";
 import _isEmpty from "lodash/fp/isEmpty";
 import _getOr from "lodash/fp/getOr";
 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, { useCallback, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionNavigationArrowLeft as ArrowLeft, NovaCompositionNavigationArrowRight as ArrowRight, NovaCompositionCoorpacademyStar as StarIcon } from '@coorpacademy/nova-icons';
 import Provider, { GetSkinFromContext } from '../../atom/provider';
 import EngineStars from './engine-stars';
 import style from './stars-summary.css';
+
 const EngineTab = ({
   engine,
   engineIndex,
@@ -28,11 +31,13 @@ const EngineTab = ({
     className: engineIndex < firstItemIndex ? style.hidden : style.active
   })));
 };
+
 EngineTab.propTypes = process.env.NODE_ENV !== "production" ? {
   engine: PropTypes.shape(EngineStars.propTypes),
   engineIndex: PropTypes.number,
   firstItemIndex: PropTypes.number
 } : {};
+
 const EngineTabs = ({
   engines,
   firstItemIndex
@@ -46,10 +51,12 @@ const EngineTabs = ({
     engineIndex: index
   }), engines), [engines, firstItemIndex]);
 };
+
 EngineTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),
   firstItemIndex: PropTypes.number
 } : {};
+
 const StarsSummary = (props, legacyContext) => {
   const {
     total,
@@ -58,8 +65,11 @@ const StarsSummary = (props, legacyContext) => {
   const skin = GetSkinFromContext(legacyContext);
   const [firstItemIndex, setFirstItemIndex] = useState(0);
   const [totalItems] = useState(engines.length);
+
   const dark = _getOr('#90A4AE', 'common.dark', skin);
+
   const primary = _get('common.primary', skin);
+
   const scrollTo = useCallback(page => setFirstItemIndex(page), []);
   const handleOnLeft = useCallback(() => {
     scrollTo(firstItemIndex - 1);
@@ -67,9 +77,11 @@ const StarsSummary = (props, legacyContext) => {
   const handleOnRight = useCallback(() => {
     scrollTo(firstItemIndex + 1);
   }, [firstItemIndex, scrollTo]);
+
   if (_isEmpty(engines)) {
     return null;
   }
+
   const leftArrowView = totalItems > 6 && firstItemIndex > 0 ? /*#__PURE__*/React.createElement("button", {
     className: style.circle,
     onClick: handleOnLeft,
@@ -130,6 +142,7 @@ const StarsSummary = (props, legacyContext) => {
     className: style.navigationRight
   }, rightArrowView))));
 };
+
 StarsSummary.propTypes = process.env.NODE_ENV !== "production" ? {
   total: PropTypes.shape({
     label: PropTypes.string.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"stars-summary.js","names":["React","useCallback","useMemo","useState","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyStar","StarIcon","Provider","GetSkinFromContext","EngineStars","style","EngineTab","engine","engineIndex","firstItemIndex","type","state","dataName","hidden","active","propTypes","shape","number","EngineTabs","engines","convert","cap","index","arrayOf","StarsSummary","props","legacyContext","total","skin","setFirstItemIndex","totalItems","length","dark","primary","scrollTo","page","handleOnLeft","handleOnRight","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","string","isRequired","contextTypes","childContextTypes"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyStar as StarIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport EngineStars from './engine-stars';\nimport style from './stars-summary.css';\n\nconst EngineTab = ({engine, engineIndex, firstItemIndex}) => {\n  const {type} = engine;\n  const state = useMemo(\n    () => (engineIndex < firstItemIndex ? 'hidden' : 'active'),\n    [engineIndex, firstItemIndex]\n  );\n  const dataName = useMemo(() => `${type}_total_${state}`, [state, type]);\n\n  return (\n    <li className={style[state]} key={type} data-name={dataName}>\n      <EngineStars\n        {...engine}\n        key={type}\n        className={engineIndex < firstItemIndex ? style.hidden : style.active}\n      />\n    </li>\n  );\n};\nEngineTab.propTypes = {\n  engine: PropTypes.shape(EngineStars.propTypes),\n  engineIndex: PropTypes.number,\n  firstItemIndex: PropTypes.number\n};\n\nconst EngineTabs = ({engines, firstItemIndex}) => {\n  return useMemo(\n    () =>\n      map.convert({cap: false})(\n        (engine, index) => (\n          <EngineTab\n            engine={engine}\n            key={`engineTab_${index}`}\n            firstItemIndex={firstItemIndex}\n            engineIndex={index}\n          />\n        ),\n        engines\n      ),\n    [engines, firstItemIndex]\n  );\n};\n\nEngineTabs.propTypes = {\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n  firstItemIndex: PropTypes.number\n};\n\nconst StarsSummary = (props, legacyContext) => {\n  const {total, engines} = props;\n  const skin = GetSkinFromContext(legacyContext);\n\n  const [firstItemIndex, setFirstItemIndex] = useState(0);\n  const [totalItems] = useState(engines.length);\n\n  const dark = getOr('#90A4AE', 'common.dark', skin);\n  const primary = get('common.primary', skin);\n\n  const scrollTo = useCallback(page => setFirstItemIndex(page), []);\n\n  const handleOnLeft = useCallback(() => {\n    scrollTo(firstItemIndex - 1);\n  }, [firstItemIndex, scrollTo]);\n\n  const handleOnRight = useCallback(() => {\n    scrollTo(firstItemIndex + 1);\n  }, [firstItemIndex, scrollTo]);\n\n  if (isEmpty(engines)) {\n    return null;\n  }\n\n  const leftArrowView =\n    totalItems > 6 && firstItemIndex > 0 ? (\n      <button\n        className={style.circle}\n        onClick={handleOnLeft}\n        data-name=\"left-arrow\"\n        data-testid=\"stars-summary-left-arrow\"\n        type=\"button\"\n      >\n        <ArrowLeft color={dark} className={style.left} width={10} height={10} />\n      </button>\n    ) : null;\n\n  const rightArrowView =\n    totalItems > 6 && firstItemIndex < totalItems - 6 ? (\n      <div\n        className={style.circle}\n        onClick={handleOnRight}\n        data-name=\"right-arrow\"\n        data-testid=\"stars-summary-right-arrow\"\n      >\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} tabIndex={0}>\n      <div\n        data-name=\"myStars-wrapper\"\n        className={style.myStarsWrapper}\n        data-testid={`stars-summary-engine-index-${firstItemIndex}`}\n        tabIndex={0}\n      >\n        <ul\n          className={style.allStars}\n          data-name=\"engineList\"\n          data-testid=\"stars-summary-engine-tabs\"\n          tabIndex={0}\n        >\n          <EngineTabs engines={engines} firstItemIndex={firstItemIndex} />\n        </ul>\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\nStarsSummary.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)).isRequired\n};\n\nStarsSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default StarsSummary;\n"],"mappings":"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"}
+{"version":3,"file":"stars-summary.js","names":["React","useCallback","useMemo","useState","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyStar","StarIcon","Provider","GetSkinFromContext","EngineStars","style","EngineTab","engine","engineIndex","firstItemIndex","type","state","dataName","hidden","active","propTypes","shape","number","EngineTabs","engines","convert","cap","index","arrayOf","StarsSummary","props","legacyContext","total","skin","setFirstItemIndex","totalItems","length","dark","primary","scrollTo","page","handleOnLeft","handleOnRight","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","string","isRequired","contextTypes","childContextTypes"],"sources":["../../../src/template/activity/stars-summary.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyStar as StarIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport EngineStars from './engine-stars';\nimport style from './stars-summary.css';\n\nconst EngineTab = ({engine, engineIndex, firstItemIndex}) => {\n  const {type} = engine;\n  const state = useMemo(\n    () => (engineIndex < firstItemIndex ? 'hidden' : 'active'),\n    [engineIndex, firstItemIndex]\n  );\n  const dataName = useMemo(() => `${type}_total_${state}`, [state, type]);\n\n  return (\n    <li className={style[state]} key={type} data-name={dataName}>\n      <EngineStars\n        {...engine}\n        key={type}\n        className={engineIndex < firstItemIndex ? style.hidden : style.active}\n      />\n    </li>\n  );\n};\nEngineTab.propTypes = {\n  engine: PropTypes.shape(EngineStars.propTypes),\n  engineIndex: PropTypes.number,\n  firstItemIndex: PropTypes.number\n};\n\nconst EngineTabs = ({engines, firstItemIndex}) => {\n  return useMemo(\n    () =>\n      map.convert({cap: false})(\n        (engine, index) => (\n          <EngineTab\n            engine={engine}\n            key={`engineTab_${index}`}\n            firstItemIndex={firstItemIndex}\n            engineIndex={index}\n          />\n        ),\n        engines\n      ),\n    [engines, firstItemIndex]\n  );\n};\n\nEngineTabs.propTypes = {\n  engines: PropTypes.arrayOf(PropTypes.shape(EngineStars.propTypes)),\n  firstItemIndex: PropTypes.number\n};\n\nconst StarsSummary = (props, legacyContext) => {\n  const {total, engines} = props;\n  const skin = GetSkinFromContext(legacyContext);\n\n  const [firstItemIndex, setFirstItemIndex] = useState(0);\n  const [totalItems] = useState(engines.length);\n\n  const dark = getOr('#90A4AE', 'common.dark', skin);\n  const primary = get('common.primary', skin);\n\n  const scrollTo = useCallback(page => setFirstItemIndex(page), []);\n\n  const handleOnLeft = useCallback(() => {\n    scrollTo(firstItemIndex - 1);\n  }, [firstItemIndex, scrollTo]);\n\n  const handleOnRight = useCallback(() => {\n    scrollTo(firstItemIndex + 1);\n  }, [firstItemIndex, scrollTo]);\n\n  if (isEmpty(engines)) {\n    return null;\n  }\n\n  const leftArrowView =\n    totalItems > 6 && firstItemIndex > 0 ? (\n      <button\n        className={style.circle}\n        onClick={handleOnLeft}\n        data-name=\"left-arrow\"\n        data-testid=\"stars-summary-left-arrow\"\n        type=\"button\"\n      >\n        <ArrowLeft color={dark} className={style.left} width={10} height={10} />\n      </button>\n    ) : null;\n\n  const rightArrowView =\n    totalItems > 6 && firstItemIndex < totalItems - 6 ? (\n      <div\n        className={style.circle}\n        onClick={handleOnRight}\n        data-name=\"right-arrow\"\n        data-testid=\"stars-summary-right-arrow\"\n      >\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} tabIndex={0}>\n      <div\n        data-name=\"myStars-wrapper\"\n        className={style.myStarsWrapper}\n        data-testid={`stars-summary-engine-index-${firstItemIndex}`}\n        tabIndex={0}\n      >\n        <ul\n          className={style.allStars}\n          data-name=\"engineList\"\n          data-testid=\"stars-summary-engine-tabs\"\n          tabIndex={0}\n        >\n          <EngineTabs engines={engines} firstItemIndex={firstItemIndex} />\n        </ul>\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\nStarsSummary.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)).isRequired\n};\n\nStarsSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default StarsSummary;\n"],"mappings":"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"}

package/es/template/app-player/loading/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import Loader from '../../../atom/loader';
 import CMPopin from '../../../molecule/cm-popin';
 import style from './style.css';
+
 const PlayerLoading = ({
   popinError
 }) => {
@@ -10,6 +11,7 @@ const PlayerLoading = ({
     className: style.wrapper
   }, popinError ? /*#__PURE__*/React.createElement(CMPopin, popinError) : /*#__PURE__*/React.createElement(Loader, null));
 };
+
 PlayerLoading.propTypes = process.env.NODE_ENV !== "production" ? {
   popinError: PropTypes.shape(CMPopin.propTypes)
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Loader","CMPopin","style","PlayerLoading","popinError","wrapper","propTypes","shape"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,OAAO,MAAM,4BAA4B;AAChD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GAAG,CAAC;EAACC;AAAU,CAAC,KAAK;EACtC,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACG;EAAQ,GAAED,UAAU,gBAAG,oBAAC,OAAO,EAAKA,UAAU,CAAI,gBAAG,oBAAC,MAAM,OAAG,CAAO;AAEhG,CAAC;AAEDD,aAAa,CAACG,SAAS,2CAAG;EACxBF,UAAU,EAAEL,SAAS,CAACQ,KAAK,CAACN,OAAO,CAACK,SAAS;AAC/C,CAAC;AAED,eAAeH,aAAa"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Loader","CMPopin","style","PlayerLoading","popinError","wrapper","propTypes","shape"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAAC;EAACC;AAAD,CAAD,KAAkB;EACtC,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACG;EAAtB,GAAgCD,UAAU,gBAAG,oBAAC,OAAD,EAAaA,UAAb,CAAH,gBAAiC,oBAAC,MAAD,OAA3E,CADF;AAGD,CAJD;;AAMAD,aAAa,CAACG,SAAd,2CAA0B;EACxBF,UAAU,EAAEL,SAAS,CAACQ,KAAV,CAAgBN,OAAO,CAACK,SAAxB;AADY,CAA1B;AAIA,eAAeH,aAAf"}

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

@@ -1,9 +1,11 @@
 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 PropTypes from 'prop-types';
 import CMPopin from '../../../molecule/cm-popin';
 import SlidesPlayer from './slides';
 import style from './style.css';
+
 const SlidePlayer = props => {
   const {
     player,
@@ -24,6 +26,7 @@ const SlidePlayer = props => {
     popinError: popin
   })), popin ? /*#__PURE__*/React.createElement(CMPopin, popin) : null));
 };
+
 SlidePlayer.propTypes = process.env.NODE_ENV !== "production" ? {
   player: PropTypes.shape(SlidesPlayer.propTypes),
   popin: PropTypes.shape(CMPopin.propTypes)

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","CMPopin","SlidesPlayer","style","SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","wrapper","playerWrapper","playerBackground","propTypes","shape"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,4BAA4B;AAChD,OAAOC,YAAY,MAAM,UAAU;AACnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,MAAM;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC7B,MAAMG,eAAe,GAAGF,MAAM,CAACG,aAAa,GAAI,OAAMH,MAAM,CAACG,aAAc,GAAE,GAAG,IAAI;EACpF,oBACE;IAAK,aAAU,aAAa;IAAC,SAAS,EAAEN,KAAK,CAACO;EAAQ,gBACpD;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAc,gBAClC;IAAK,SAAS,EAAER,KAAK,CAACS,gBAAiB;IAAC,KAAK,EAAE;MAACJ;IAAe;EAAE,EAAG,eACpE,oBAAC,YAAY,eAAKF,MAAM;IAAE,UAAU,EAAEC;EAAM,GAAG,EAC9CA,KAAK,gBAAG,oBAAC,OAAO,EAAKA,KAAK,CAAI,GAAG,IAAI,CAClC,CACF;AAEV,CAAC;AAEDH,WAAW,CAACS,SAAS,2CAAG;EACtBP,MAAM,EAAEN,SAAS,CAACc,KAAK,CAACZ,YAAY,CAACW,SAAS,CAAC;EAC/CN,KAAK,EAAEP,SAAS,CAACc,KAAK,CAACb,OAAO,CAACY,SAAS;AAC1C,CAAC;AAED,eAAeT,WAAW"}
+{"version":3,"file":"index.js","names":["React","PropTypes","CMPopin","SlidesPlayer","style","SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","wrapper","playerWrapper","playerBackground","propTypes","shape"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,YAAP,MAAyB,UAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,EAAEN,KAAK,CAACO;EAA9C,gBACE;IAAK,SAAS,EAAEP,KAAK,CAACQ;EAAtB,gBACE;IAAK,SAAS,EAAER,KAAK,CAACS,gBAAtB;IAAwC,KAAK,EAAE;MAACJ;IAAD;EAA/C,EADF,eAEE,oBAAC,YAAD,eAAkBF,MAAlB;IAA0B,UAAU,EAAEC;EAAtC,GAFF,EAGGA,KAAK,gBAAG,oBAAC,OAAD,EAAaA,KAAb,CAAH,GAA4B,IAHpC,CADF,CADF;AASD,CAZD;;AAcAH,WAAW,CAACS,SAAZ,2CAAwB;EACtBP,MAAM,EAAEN,SAAS,CAACc,KAAV,CAAgBZ,YAAY,CAACW,SAA7B,CADc;EAEtBN,KAAK,EAAEP,SAAS,CAACc,KAAV,CAAgBb,OAAO,CAACY,SAAxB;AAFe,CAAxB;AAKA,eAAeT,WAAf"}

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

@@ -1,6 +1,8 @@
 import _keys from "lodash/fp/keys";
 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 PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -25,9 +27,11 @@ const TABS = {
     icon: ContextIcon
   }
 };
+
 class Button extends React.Component {
   constructor(props, context) {
     super(props, context);
+
     this.handleMouseEnter = () => {
       const {
         onMouseEnter
@@ -37,6 +41,7 @@ class Button extends React.Component {
       }));
       onMouseEnter && onMouseEnter();
     };
+
     this.handleMouseLeave = () => {
       const {
         onMouseLeave
@@ -46,10 +51,12 @@ class Button extends React.Component {
       }));
       onMouseLeave && onMouseLeave();
     };
+
     this.state = {
       hovered: false
     };
   }
+
   render() {
     const {
       skin
@@ -57,8 +64,11 @@ class Button extends React.Component {
     const {
       hovered
     } = this.state;
+
     const grey = _get('common.grey', skin);
+
     const primaryColor = _get('common.primary', skin);
+
     const {
       disabled,
       notify,
@@ -75,7 +85,9 @@ class Button extends React.Component {
     const hoverStyle = !disabled && hovered ? {
       borderTopColor: primaryColor
     } : {};
+
     const IconType = _get([type, 'icon'], TABS);
+
     const className = classnames(style.button, _get([type, 'className'], TABS), selected && style.selected, disabled && style.disabled);
     const notifyView = notify ? /*#__PURE__*/React.createElement("span", {
       className: style.notify
@@ -103,7 +115,9 @@ class Button extends React.Component {
       className: style.title
     }, title));
   }
+
 }
+
 Button.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -118,6 +132,7 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
   onMouseLeave: PropTypes.func,
   onClick: PropTypes.func
 } : {};
+
 const SlidesFooter = props => {
   const {
     buttons = []
@@ -133,6 +148,7 @@ const SlidesFooter = props => {
     className: style.wrapper
   }, Buttons);
 };
+
 SlidesFooter.propTypes = process.env.NODE_ENV !== "production" ? {
   buttons: PropTypes.arrayOf(PropTypes.shape({
     disabled: PropTypes.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyFilterVideo2","MediaIcon","NovaCompositionCoorpacademyClue","ClueIcon","NovaCompositionCoorpacademyMap","ContextIcon","NovaCompositionCoorpacademyChat","CoachIcon","NovaCompositionCoorpacademyListBullets3","QuestionIcon","Provider","style","TABS","question","icon","media","clue","coach","className","context","Button","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","childContextTypes","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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,uCAAuC,IAAIC,SAAS,EACpDC,+BAA+B,IAAIC,QAAQ,EAC3CC,8BAA8B,IAAIC,WAAW,EAC7CC,+BAA+B,IAAIC,SAAS,EAC5CC,uCAAuC,IAAIC,YAAY,QAClD,0BAA0B;AACjC,OAAOC,QAAQ,MAAM,8BAA8B;AACnD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,IAAI,GAAG;EACXC,QAAQ,EAAE;IACRC,IAAI,EAAEL;EACR,CAAC;EACDM,KAAK,EAAE;IACLD,IAAI,EAAEb;EACR,CAAC;EACDe,IAAI,EAAE;IACJF,IAAI,EAAEX;EACR,CAAC;EACDc,KAAK,EAAE;IACLH,IAAI,EAAEP,SAAS;IACfW,SAAS,EAAEP,KAAK,CAACM;EACnB,CAAC;EACDE,OAAO,EAAE;IACPL,IAAI,EAAET;EACR;AACF,CAAC;AAED,MAAMe,MAAM,SAASvB,KAAK,CAACwB,SAAS,CAAC;EAiBnCC,WAAW,CAACC,KAAK,EAAEJ,OAAO,EAAE;IAC1B,KAAK,CAACI,KAAK,EAAEJ,OAAO,CAAC;IAAC,KAOxBK,gBAAgB,GAAG,MAAM;MACvB,MAAM;QAACC;MAAY,CAAC,GAAG,IAAI,CAACF,KAAK;MAEjC,IAAI,CAACG,QAAQ,CAACC,SAAS,KAAK;QAC1BC,OAAO,EAAE;MACX,CAAC,CAAC,CAAC;MACHH,YAAY,IAAIA,YAAY,EAAE;IAChC,CAAC;IAAA,KAEDI,gBAAgB,GAAG,MAAM;MACvB,MAAM;QAACC;MAAY,CAAC,GAAG,IAAI,CAACP,KAAK;MACjC,IAAI,CAACG,QAAQ,CAACC,SAAS,KAAK;QAC1BC,OAAO,EAAE;MACX,CAAC,CAAC,CAAC;MAEHE,YAAY,IAAIA,YAAY,EAAE;IAChC,CAAC;IArBC,IAAI,CAACC,KAAK,GAAG;MACXH,OAAO,EAAE;IACX,CAAC;EACH;EAoBAI,MAAM,GAAG;IACP,MAAM;MAACC;IAAI,CAAC,GAAG,IAAI,CAACd,OAAO;IAC3B,MAAM;MAACS;IAAO,CAAC,GAAG,IAAI,CAACG,KAAK;IAC5B,MAAMG,IAAI,GAAG,KAAI,aAAa,EAAED,IAAI,CAAC;IACrC,MAAME,YAAY,GAAG,KAAI,gBAAgB,EAAEF,IAAI,CAAC;IAChD,MAAM;MAACG,QAAQ;MAAEC,MAAM;MAAEC,QAAQ;MAAEC,WAAW;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACnB,KAAK;IAClF,MAAMoB,SAAS,GAAGL,QAAQ,GAAGH,YAAY,GAAGD,IAAI;IAChD,MAAMU,aAAa,GAAIN,QAAQ,IAAI;MAACO,cAAc,EAAEV;IAAY,CAAC,IAAK,CAAC,CAAC;IAExE,MAAMW,UAAU,GACd,CAACV,QAAQ,IAAIR,OAAO,GAChB;MACEiB,cAAc,EAAEV;IAClB,CAAC,GACD,CAAC,CAAC;IAER,MAAMY,QAAQ,GAAG,KAAI,CAACN,IAAI,EAAE,MAAM,CAAC,EAAE7B,IAAI,CAAC;IAC1C,MAAMM,SAAS,GAAGnB,UAAU,CAC1BY,KAAK,CAACqC,MAAM,EACZ,KAAI,CAACP,IAAI,EAAE,WAAW,CAAC,EAAE7B,IAAI,CAAC,EAC9B0B,QAAQ,IAAI3B,KAAK,CAAC2B,QAAQ,EAC1BF,QAAQ,IAAIzB,KAAK,CAACyB,QAAQ,CAC3B;IAED,MAAMa,UAAU,GAAGZ,MAAM,gBAAG;MAAM,SAAS,EAAE1B,KAAK,CAAC0B;IAAO,EAAG,GAAG,IAAI;IACpE,oBACE;MACE,aAAY,QAAQ;MACpB,aAAWI,IAAK;MAChB,iBAAeH,QAAS;MACxB,iBAAeF,QAAS;MACxB,SAAS,EAAElB,SAAU;MACrB,OAAO,EAAEwB,OAAQ;MACjB,YAAY,EAAE,IAAI,CAAClB,gBAAiB;MACpC,YAAY,EAAE,IAAI,CAACK,gBAAiB;MACpC,KAAK,eACAiB,UAAU,EACVF,aAAa;IAChB,gBAEF;MAAK,SAAS,EAAEL,WAAW,GAAG5B,KAAK,CAAC4B,WAAW,GAAG5B,KAAK,CAACuC;IAAK,GAC1DD,UAAU,eACX,oBAAC,QAAQ;MACP,KAAK,EAAE;QACLE,KAAK,EAAER;MACT,CAAE;MACF,KAAK,EAAEA,SAAU;MACjB,MAAM,EAAE;IAAG,EACX,CACE,eACN;MAAK,aAAU,OAAO;MAAC,SAAS,EAAEhC,KAAK,CAAC6B;IAAM,GAC3CA,KAAK,CACF,CACF;EAEV;AACF;AAnGMpB,MAAM,CAaHgC,YAAY,GAAG;EACpBnB,IAAI,EAAEvB,QAAQ,CAAC2C,iBAAiB,CAACpB;AACnC,CAAC;AAfGb,MAAM,CACHkC,SAAS,2CAAG;EACjBlB,QAAQ,EAAEtC,SAAS,CAACyD,IAAI;EACxBlB,MAAM,EAAEvC,SAAS,CAACyD,IAAI;EACtBjB,QAAQ,EAAExC,SAAS,CAACyD,IAAI;EACxBhB,WAAW,EAAEzC,SAAS,CAACyD,IAAI;EAC3Bf,KAAK,EAAE1C,SAAS,CAAC0D,MAAM;EACvBf,IAAI,EAAE3C,SAAS,CAAC2D,KAAK,CAAC,MAAK7C,IAAI,CAAC,CAAC,CAAC8C,UAAU;EAC5CjC,YAAY,EAAE3B,SAAS,CAAC6D,IAAI;EAC5B7B,YAAY,EAAEhC,SAAS,CAAC6D,IAAI;EAC5BjB,OAAO,EAAE5C,SAAS,CAAC6D;AACrB,CAAC;AA0FH,MAAMC,YAAY,GAAGrC,KAAK,IAAI;EAC5B,MAAM;IAACsC,OAAO,GAAG;EAAE,CAAC,GAAGtC,KAAK;EAC5B,IAAIsC,OAAO,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAErC,MAAMC,OAAO,GAAGF,OAAO,CAACG,GAAG,CAAC,CAAChB,MAAM,EAAEiB,GAAG,KAAK;IAC3C,oBAAO,oBAAC,MAAM,eAAKjB,MAAM;MAAE,GAAG,EAAEiB;IAAI,GAAG;EACzC,CAAC,CAAC;EAEF,oBACE;IAAK,aAAU,cAAc;IAAC,SAAS,EAAEtD,KAAK,CAACuD;EAAQ,GACpDH,OAAO,CACJ;AAEV,CAAC;AAEDH,YAAY,CAACN,SAAS,2CAAG;EACvBO,OAAO,EAAE/D,SAAS,CAACqE,OAAO,CACxBrE,SAAS,CAACsE,KAAK,CAAC;IACdhC,QAAQ,EAAEtC,SAAS,CAACyD,IAAI;IACxBlB,MAAM,EAAEvC,SAAS,CAACyD,IAAI;IACtBjB,QAAQ,EAAExC,SAAS,CAACyD,IAAI;IACxBhB,WAAW,EAAEzC,SAAS,CAACyD,IAAI;IAC3Bf,KAAK,EAAE1C,SAAS,CAAC0D,MAAM;IACvBf,IAAI,EAAE3C,SAAS,CAAC2D,KAAK,CAAC,MAAK7C,IAAI,CAAC,CAAC,CAAC8C,UAAU;IAC5CjC,YAAY,EAAE3B,SAAS,CAAC6D,IAAI;IAC5B7B,YAAY,EAAEhC,SAAS,CAAC6D,IAAI;IAC5BjB,OAAO,EAAE5C,SAAS,CAAC6D;EACrB,CAAC,CAAC;AAEN,CAAC;AAED,eAAeC,YAAY"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyFilterVideo2","MediaIcon","NovaCompositionCoorpacademyClue","ClueIcon","NovaCompositionCoorpacademyMap","ContextIcon","NovaCompositionCoorpacademyChat","CoachIcon","NovaCompositionCoorpacademyListBullets3","QuestionIcon","Provider","style","TABS","question","icon","media","clue","coach","className","context","Button","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","childContextTypes","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/es/template/app-player/player/slides/header/index.js

@@ -10,6 +10,7 @@ const HEADER_TYPE = {
   LEARNER: 'learner',
   MICROLEARNING: 'microlearning'
 };
+
 const SlidesHeader = (props = {}, context = undefined) => {
   const {
     type,
@@ -31,6 +32,7 @@ const SlidesHeader = (props = {}, context = undefined) => {
     count: lives.count
   }) : null);
 };
+
 SlidesHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),
   content: PropTypes.shape({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Link","Learner","Microlearning","Lives","style","HEADER_TYPE","LEARNER","MICROLEARNING","SlidesHeader","props","context","undefined","type","content","subcontent","lives","mode","wrapper","count","propTypes","oneOf","shape","href","title","string","isRequired","details"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,0BAA0B;AAC3C,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,KAAK,MAAM,aAAa,CAAC,CAAC;;AAEjC,MAAMC,WAAW,GAAG;EAClBC,OAAO,EAAE,SAAS;EAClBC,aAAa,EAAE;AACjB,CAAC;AAED,MAAMC,YAAY,GAAG,CAACC,KAAK,GAAG,CAAC,CAAC,EAAEC,OAAO,GAAGC,SAAS,KAAK;EACxD,MAAM;IAACC,IAAI;IAAEC,OAAO;IAAEC,UAAU;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAGP,KAAK;EAEtD,oBACE;IAAK,aAAU,cAAc;IAAC,SAAS,EAAEL,KAAK,CAACa;EAAQ,GACpDL,IAAI,KAAKP,WAAW,CAACC,OAAO,gBAC3B,oBAAC,OAAO;IAAC,OAAO,EAAEO,OAAQ;IAAC,UAAU,EAAEC,UAAW;IAAC,IAAI,EAAEE;EAAK,EAAG,GAC/D,IAAI,EACPJ,IAAI,KAAKP,WAAW,CAACE,aAAa,gBAAG,oBAAC,aAAa;IAAC,OAAO,EAAEM;EAAQ,EAAG,GAAG,IAAI,EAC/EE,KAAK,gBAAG,oBAAC,KAAK;IAAC,KAAK,EAAEA,KAAK,CAACG;EAAM,EAAG,GAAG,IAAI,CACzC;AAEV,CAAC;AAEDV,YAAY,CAACW,SAAS,2CAAG;EACvBP,IAAI,EAAEb,SAAS,CAACqB,KAAK,CAAC,CAACf,WAAW,CAACC,OAAO,EAAED,WAAW,CAACE,aAAa,CAAC,CAAC;EACvEM,OAAO,EAAEd,SAAS,CAACsB,KAAK,CAAC;IACvBC,IAAI,EAAEtB,IAAI,CAACmB,SAAS,CAACG,IAAI;IACzBC,KAAK,EAAExB,SAAS,CAACyB,MAAM,CAACC,UAAU;IAClCC,OAAO,EAAE3B,SAAS,CAACyB;EACrB,CAAC,CAAC;EACFV,UAAU,EAAEf,SAAS,CAACsB,KAAK,CAAC;IAC1BE,KAAK,EAAExB,SAAS,CAACyB,MAAM;IACvBE,OAAO,EAAE3B,SAAS,CAACyB;EACrB,CAAC,CAAC;EACFT,KAAK,EAAEhB,SAAS,CAACsB,KAAK,CAAClB,KAAK,CAACgB,SAAS,CAAC;EACvCH,IAAI,EAAEjB,SAAS,CAACyB;AAClB,CAAC;AAED,eAAehB,YAAY"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Link","Learner","Microlearning","Lives","style","HEADER_TYPE","LEARNER","MICROLEARNING","SlidesHeader","props","context","undefined","type","content","subcontent","lives","mode","wrapper","count","propTypes","oneOf","shape","href","title","string","isRequired","details"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB,C,CAAiC;;AAEjC,MAAMC,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,EAAEL,KAAK,CAACa;EAA/C,GACGL,IAAI,KAAKP,WAAW,CAACC,OAArB,gBACC,oBAAC,OAAD;IAAS,OAAO,EAAEO,OAAlB;IAA2B,UAAU,EAAEC,UAAvC;IAAmD,IAAI,EAAEE;EAAzD,EADD,GAEG,IAHN,EAIGJ,IAAI,KAAKP,WAAW,CAACE,aAArB,gBAAqC,oBAAC,aAAD;IAAe,OAAO,EAAEM;EAAxB,EAArC,GAA2E,IAJ9E,EAKGE,KAAK,gBAAG,oBAAC,KAAD;IAAO,KAAK,EAAEA,KAAK,CAACG;EAApB,EAAH,GAAmC,IAL3C,CADF;AASD,CAZD;;AAcAV,YAAY,CAACW,SAAb,2CAAyB;EACvBP,IAAI,EAAEb,SAAS,CAACqB,KAAV,CAAgB,CAACf,WAAW,CAACC,OAAb,EAAsBD,WAAW,CAACE,aAAlC,CAAhB,CADiB;EAEvBM,OAAO,EAAEd,SAAS,CAACsB,KAAV,CAAgB;IACvBC,IAAI,EAAEtB,IAAI,CAACmB,SAAL,CAAeG,IADE;IAEvBC,KAAK,EAAExB,SAAS,CAACyB,MAAV,CAAiBC,UAFD;IAGvBC,OAAO,EAAE3B,SAAS,CAACyB;EAHI,CAAhB,CAFc;EAOvBV,UAAU,EAAEf,SAAS,CAACsB,KAAV,CAAgB;IAC1BE,KAAK,EAAExB,SAAS,CAACyB,MADS;IAE1BE,OAAO,EAAE3B,SAAS,CAACyB;EAFO,CAAhB,CAPW;EAWvBT,KAAK,EAAEhB,SAAS,CAACsB,KAAV,CAAgBlB,KAAK,CAACgB,SAAtB,CAXgB;EAYvBH,IAAI,EAAEjB,SAAS,CAACyB;AAZO,CAAzB;AAeA,eAAehB,YAAf"}

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

@@ -1,5 +1,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 PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -7,6 +9,7 @@ import { NovaCompositionNavigationArrowLeft as BackIcon } from '@coorpacademy/no
 import Link from '../../../../../atom/link';
 import Provider from '../../../../../atom/provider';
 import style from './learner.css';
+
 const LearnerHeaderWrapper = props => {
   const {
     children,
@@ -26,11 +29,13 @@ const LearnerHeaderWrapper = props => {
     color: "inherit"
   }), children);
 };
+
 LearnerHeaderWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: Link.propTypes.onClick,
   mode: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
 } : {};
+
 const Content = ({
   onClick,
   title,
@@ -40,7 +45,9 @@ const Content = ({
   const {
     skin
   } = context;
+
   const primarySkinColor = _get('common.primary', skin);
+
   return /*#__PURE__*/React.createElement(LearnerHeaderWrapper, {
     mode: mode,
     onClick: onClick
@@ -53,14 +60,14 @@ const Content = ({
     }
   }, details), /*#__PURE__*/React.createElement("span", {
     "data-name": "contentTitle",
-    className: classnames(style.contentTitle, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.contentTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   })));
 };
+
 Content.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -70,6 +77,7 @@ Content.propTypes = process.env.NODE_ENV !== "production" ? {
   details: PropTypes.string,
   mode: PropTypes.string
 } : {};
+
 const Subcontent = ({
   title,
   details
@@ -78,17 +86,18 @@ const Subcontent = ({
 }, /*#__PURE__*/React.createElement("div", {
   className: style.subcontentDetails
 }, details), /*#__PURE__*/React.createElement("div", {
-  className: classnames(style.subcontentTitle, style.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: classnames(style.subcontentTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: title
   }
 }));
+
 Subcontent.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string.isRequired,
   details: PropTypes.string
 } : {};
+
 const LearnerHeader = (props, context) => {
   const {
     content,
@@ -101,6 +110,7 @@ const LearnerHeader = (props, context) => {
     mode: mode
   })), /*#__PURE__*/React.createElement(Subcontent, subcontent));
 };
+
 LearnerHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   content: PropTypes.shape(Content.propTypes).isRequired,
   subcontent: PropTypes.shape(Subcontent.propTypes).isRequired,