@coorpacademy/components 11.9.3-alpha.25 → 11.9.3-alpha.29

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

@@ -2,33 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
-
 var _progressBar = _interopRequireDefault(require("../../molecule/progress-bar"));
-
 var _link = _interopRequireDefault(require("../../atom/link"));
-
 var _progressionItem = _interopRequireDefault(require("./progression-item.css"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ICONS = {
   chapter: _novaIcons.NovaCompositionCoorpacademyTimer,
   course: _novaIcons.NovaSolidContentContentBook1,
@@ -40,7 +26,6 @@ const ICONS = {
   podcast: _novaIcons.NovaCompositionCoorpacademyMicrophone,
   review: _novaIcons.NovaCompositionCoorpacademyRevision
 };
-
 const ProgressionItem = (props, context) => {
   const {
     skin
@@ -103,7 +88,8 @@ const ProgressionItem = (props, context) => {
     className: _progressionItem.default.label,
     title: label
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _progressionItem.default.innerHTML // eslint-disable-next-line react/no-danger
+    className: _progressionItem.default.innerHTML
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: label
@@ -134,7 +120,6 @@ const ProgressionItem = (props, context) => {
     className: _progressionItem.default.level
   }, level)));
 };
-
 ProgressionItem.propTypes = process.env.NODE_ENV !== "production" ? {
   completion: _propTypes.default.number.isRequired,
   stars: _propTypes.default.number.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"progression-item.js","names":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","adaptiveAriaLabel","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  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":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","adaptiveAriaLabel","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  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/lib/template/activity/stars-summary.js

@@ -2,35 +2,20 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
-
 var _engineStars = _interopRequireDefault(require("./engine-stars"));
-
 var _starsSummary = _interopRequireDefault(require("./stars-summary.css"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _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 EngineTab = ({
   engine,
   engineIndex,
@@ -50,13 +35,11 @@ const EngineTab = ({
     className: engineIndex < firstItemIndex ? _starsSummary.default.hidden : _starsSummary.default.active
   })));
 };
-
 EngineTab.propTypes = process.env.NODE_ENV !== "production" ? {
   engine: _propTypes.default.shape(_engineStars.default.propTypes),
   engineIndex: _propTypes.default.number,
   firstItemIndex: _propTypes.default.number
 } : {};
-
 const EngineTabs = ({
   engines,
   firstItemIndex
@@ -70,12 +53,10 @@ const EngineTabs = ({
     engineIndex: index
   }), engines), [engines, firstItemIndex]);
 };
-
 EngineTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   engines: _propTypes.default.arrayOf(_propTypes.default.shape(_engineStars.default.propTypes)),
   firstItemIndex: _propTypes.default.number
 } : {};
-
 const StarsSummary = (props, legacyContext) => {
   const {
     total,
@@ -93,11 +74,9 @@ const StarsSummary = (props, legacyContext) => {
   const handleOnRight = (0, _react.useCallback)(() => {
     scrollTo(firstItemIndex + 1);
   }, [firstItemIndex, scrollTo]);
-
   if ((0, _isEmpty2.default)(engines)) {
     return null;
   }
-
   const leftArrowView = totalItems > 6 && firstItemIndex > 0 ? /*#__PURE__*/_react.default.createElement("button", {
     className: _starsSummary.default.circle,
     onClick: handleOnLeft,
@@ -158,7 +137,6 @@ const StarsSummary = (props, legacyContext) => {
     className: _starsSummary.default.navigationRight
   }, rightArrowView))));
 };
-
 StarsSummary.propTypes = process.env.NODE_ENV !== "production" ? {
   total: _propTypes.default.shape({
     label: _propTypes.default.string.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"stars-summary.js","names":["EngineTab","engine","engineIndex","firstItemIndex","type","state","useMemo","dataName","style","hidden","active","propTypes","PropTypes","shape","EngineStars","number","EngineTabs","engines","convert","cap","index","arrayOf","StarsSummary","props","legacyContext","total","skin","GetSkinFromContext","setFirstItemIndex","useState","totalItems","length","dark","primary","scrollTo","useCallback","page","handleOnLeft","handleOnRight","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","string","isRequired","contextTypes","Provider","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":["EngineTab","engine","engineIndex","firstItemIndex","type","state","useMemo","dataName","style","hidden","active","propTypes","PropTypes","shape","EngineStars","number","EngineTabs","engines","convert","cap","index","arrayOf","StarsSummary","props","legacyContext","total","skin","GetSkinFromContext","setFirstItemIndex","useState","totalItems","length","dark","primary","scrollTo","useCallback","page","handleOnLeft","handleOnRight","leftArrowView","circle","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","string","isRequired","contextTypes","Provider","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/lib/template/app-player/loading/index.js

@@ -2,19 +2,12 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _loader = _interopRequireDefault(require("../../../atom/loader"));
-
 var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const PlayerLoading = ({
   popinError
 }) => {
@@ -22,7 +15,6 @@ const PlayerLoading = ({
     className: _style.default.wrapper
   }, popinError ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinError) : /*#__PURE__*/_react.default.createElement(_loader.default, null));
 };
-
 PlayerLoading.propTypes = process.env.NODE_ENV !== "production" ? {
   popinError: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};

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

@@ -1 +1 @@
-{"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"}
+{"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;AAAgC;AAEhC,MAAMA,aAAa,GAAG,CAAC;EAACC;AAAU,CAAC,KAAK;EACtC,oBACE;IAAK,SAAS,EAAEC,cAAK,CAACC;EAAQ,GAAEF,UAAU,gBAAG,6BAAC,gBAAO,EAAKA,UAAU,CAAI,gBAAG,6BAAC,eAAM,OAAG,CAAO;AAEhG,CAAC;AAEDD,aAAa,CAACI,SAAS,2CAAG;EACxBH,UAAU,EAAEI,kBAAS,CAACC,KAAK,CAACC,gBAAO,CAACH,SAAS;AAC/C,CAAC;AAAC,eAEaJ,aAAa;AAAA"}

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

@@ -2,21 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
-
 var _slides = _interopRequireDefault(require("./slides"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const SlidePlayer = props => {
   const {
     player,
@@ -37,7 +29,6 @@ const SlidePlayer = props => {
     popinError: popin
   })), popin ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popin) : null));
 };
-
 SlidePlayer.propTypes = process.env.NODE_ENV !== "production" ? {
   player: _propTypes.default.shape(_slides.default.propTypes),
   popin: _propTypes.default.shape(_cmPopin.default.propTypes)

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

@@ -1 +1 @@
-{"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"}
+{"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;AAAgC;AAAA;AAEhC,MAAMA,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,EAAEC,cAAK,CAACC;EAAQ,gBACpD;IAAK,SAAS,EAAED,cAAK,CAACE;EAAc,gBAClC;IAAK,SAAS,EAAEF,cAAK,CAACG,gBAAiB;IAAC,KAAK,EAAE;MAACL;IAAe;EAAE,EAAG,eACpE,6BAAC,eAAY,eAAKF,MAAM;IAAE,UAAU,EAAEC;EAAM,GAAG,EAC9CA,KAAK,gBAAG,6BAAC,gBAAO,EAAKA,KAAK,CAAI,GAAG,IAAI,CAClC,CACF;AAEV,CAAC;AAEDH,WAAW,CAACU,SAAS,2CAAG;EACtBR,MAAM,EAAES,kBAAS,CAACC,KAAK,CAACC,eAAY,CAACH,SAAS,CAAC;EAC/CP,KAAK,EAAEQ,kBAAS,CAACC,KAAK,CAACE,gBAAO,CAACJ,SAAS;AAC1C,CAAC;AAAC,eAEaV,WAAW;AAAA"}

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

@@ -2,27 +2,16 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _provider = _interopRequireDefault(require("../../../../../atom/provider"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const TABS = {
   question: {
     icon: _novaIcons.NovaCompositionCoorpacademyListBullets3
@@ -41,11 +30,9 @@ const TABS = {
     icon: _novaIcons.NovaCompositionCoorpacademyMap
   }
 };
-
 class Button extends _react.default.Component {
   constructor(props, context) {
     super(props, context);
-
     this.handleMouseEnter = () => {
       const {
         onMouseEnter
@@ -55,7 +42,6 @@ class Button extends _react.default.Component {
       }));
       onMouseEnter && onMouseEnter();
     };
-
     this.handleMouseLeave = () => {
       const {
         onMouseLeave
@@ -65,12 +51,10 @@ class Button extends _react.default.Component {
       }));
       onMouseLeave && onMouseLeave();
     };
-
     this.state = {
       hovered: false
     };
   }
-
   render() {
     const {
       skin
@@ -124,9 +108,7 @@ class Button extends _react.default.Component {
       className: _style.default.title
     }, title));
   }
-
 }
-
 Button.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -141,7 +123,6 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
   onMouseLeave: _propTypes.default.func,
   onClick: _propTypes.default.func
 } : {};
-
 const SlidesFooter = props => {
   const {
     buttons = []
@@ -157,7 +138,6 @@ const SlidesFooter = props => {
     className: _style.default.wrapper
   }, Buttons);
 };
-
 SlidesFooter.propTypes = process.env.NODE_ENV !== "production" ? {
   buttons: _propTypes.default.arrayOf(_propTypes.default.shape({
     disabled: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"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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"}
+{"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":";;;;;;AAAA;AACA;AACA;AAEA;AAOA;AACA;AAAgC;AAAA;AAEhC,MAAMA,IAAI,GAAG;EACXC,QAAQ,EAAE;IACRC,IAAI,EAAEC;EACR,CAAC;EACDC,KAAK,EAAE;IACLF,IAAI,EAAEG;EACR,CAAC;EACDC,IAAI,EAAE;IACJJ,IAAI,EAAEK;EACR,CAAC;EACDC,KAAK,EAAE;IACLN,IAAI,EAAEO,0CAAS;IACfC,SAAS,EAAEC,cAAK,CAACH;EACnB,CAAC;EACDI,OAAO,EAAE;IACPV,IAAI,EAAEW;EACR;AACF,CAAC;AAED,MAAMC,MAAM,SAASC,cAAK,CAACC,SAAS,CAAC;EAiBnCC,WAAW,CAACC,KAAK,EAAEN,OAAO,EAAE;IAC1B,KAAK,CAACM,KAAK,EAAEN,OAAO,CAAC;IAAC,KAOxBO,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,CAAChB,OAAO;IAC3B,MAAM;MAACW;IAAO,CAAC,GAAG,IAAI,CAACG,KAAK;IAC5B,MAAMG,IAAI,GAAG,mBAAI,aAAa,EAAED,IAAI,CAAC;IACrC,MAAME,YAAY,GAAG,mBAAI,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,mBAAI,CAACN,IAAI,EAAE,MAAM,CAAC,EAAEpC,IAAI,CAAC;IAC1C,MAAMU,SAAS,GAAG,IAAAiC,mBAAU,EAC1BhC,cAAK,CAACiC,MAAM,EACZ,mBAAI,CAACR,IAAI,EAAE,WAAW,CAAC,EAAEpC,IAAI,CAAC,EAC9BiC,QAAQ,IAAItB,cAAK,CAACsB,QAAQ,EAC1BF,QAAQ,IAAIpB,cAAK,CAACoB,QAAQ,CAC3B;IAED,MAAMc,UAAU,GAAGb,MAAM,gBAAG;MAAM,SAAS,EAAErB,cAAK,CAACqB;IAAO,EAAG,GAAG,IAAI;IACpE,oBACE;MACE,aAAY,QAAQ;MACpB,aAAWI,IAAK;MAChB,iBAAeH,QAAS;MACxB,iBAAeF,QAAS;MACxB,SAAS,EAAErB,SAAU;MACrB,OAAO,EAAE2B,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,GAAGvB,cAAK,CAACuB,WAAW,GAAGvB,cAAK,CAACmC;IAAK,GAC1DD,UAAU,eACX,6BAAC,QAAQ;MACP,KAAK,EAAE;QACLE,KAAK,EAAET;MACT,CAAE;MACF,KAAK,EAAEA,SAAU;MACjB,MAAM,EAAE;IAAG,EACX,CACE,eACN;MAAK,aAAU,OAAO;MAAC,SAAS,EAAE3B,cAAK,CAACwB;IAAM,GAC3CA,KAAK,CACF,CACF;EAEV;AACF;AAnGMrB,MAAM,CAaHkC,YAAY,GAAG;EACpBpB,IAAI,EAAEqB,iBAAQ,CAACC,iBAAiB,CAACtB;AACnC,CAAC;AAfGd,MAAM,CACHqC,SAAS,2CAAG;EACjBpB,QAAQ,EAAEqB,kBAAS,CAACC,IAAI;EACxBrB,MAAM,EAAEoB,kBAAS,CAACC,IAAI;EACtBpB,QAAQ,EAAEmB,kBAAS,CAACC,IAAI;EACxBnB,WAAW,EAAEkB,kBAAS,CAACC,IAAI;EAC3BlB,KAAK,EAAEiB,kBAAS,CAACE,MAAM;EACvBlB,IAAI,EAAEgB,kBAAS,CAACG,KAAK,CAAC,oBAAKvD,IAAI,CAAC,CAAC,CAACwD,UAAU;EAC5CpC,YAAY,EAAEgC,kBAAS,CAACK,IAAI;EAC5BhC,YAAY,EAAE2B,kBAAS,CAACK,IAAI;EAC5BpB,OAAO,EAAEe,kBAAS,CAACK;AACrB,CAAC;AA0FH,MAAMC,YAAY,GAAGxC,KAAK,IAAI;EAC5B,MAAM;IAACyC,OAAO,GAAG;EAAE,CAAC,GAAGzC,KAAK;EAC5B,IAAIyC,OAAO,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAErC,MAAMC,OAAO,GAAGF,OAAO,CAACG,GAAG,CAAC,CAAClB,MAAM,EAAEmB,GAAG,KAAK;IAC3C,oBAAO,6BAAC,MAAM,eAAKnB,MAAM;MAAE,GAAG,EAAEmB;IAAI,GAAG;EACzC,CAAC,CAAC;EAEF,oBACE;IAAK,aAAU,cAAc;IAAC,SAAS,EAAEpD,cAAK,CAACqD;EAAQ,GACpDH,OAAO,CACJ;AAEV,CAAC;AAEDH,YAAY,CAACP,SAAS,2CAAG;EACvBQ,OAAO,EAAEP,kBAAS,CAACa,OAAO,CACxBb,kBAAS,CAACc,KAAK,CAAC;IACdnC,QAAQ,EAAEqB,kBAAS,CAACC,IAAI;IACxBrB,MAAM,EAAEoB,kBAAS,CAACC,IAAI;IACtBpB,QAAQ,EAAEmB,kBAAS,CAACC,IAAI;IACxBnB,WAAW,EAAEkB,kBAAS,CAACC,IAAI;IAC3BlB,KAAK,EAAEiB,kBAAS,CAACE,MAAM;IACvBlB,IAAI,EAAEgB,kBAAS,CAACG,KAAK,CAAC,oBAAKvD,IAAI,CAAC,CAAC,CAACwD,UAAU;IAC5CpC,YAAY,EAAEgC,kBAAS,CAACK,IAAI;IAC5BhC,YAAY,EAAE2B,kBAAS,CAACK,IAAI;IAC5BpB,OAAO,EAAEe,kBAAS,CAACK;EACrB,CAAC,CAAC;AAEN,CAAC;AAAC,eAEaC,YAAY;AAAA"}

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

@@ -2,29 +2,20 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _link = _interopRequireDefault(require("../../../../../atom/link"));
-
 var _learner = _interopRequireDefault(require("./learner"));
-
 var _microlearning = _interopRequireDefault(require("./microlearning"));
-
 var _lives = _interopRequireDefault(require("./lives"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // eslint-disable-line css-modules/no-unused-class
+
 const HEADER_TYPE = {
   LEARNER: 'learner',
   MICROLEARNING: 'microlearning'
 };
-
 const SlidesHeader = (props = {}, context = undefined) => {
   const {
     type,
@@ -46,7 +37,6 @@ const SlidesHeader = (props = {}, context = undefined) => {
     count: lives.count
   }) : null);
 };
-
 SlidesHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),
   content: _propTypes.default.shape({

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

@@ -1 +1 @@
-{"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"}
+{"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;AAAgC;AAAC;;AAEjC,MAAMA,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,EAAEQ,cAAK,CAACC;EAAQ,GACpDN,IAAI,KAAKP,WAAW,CAACC,OAAO,gBAC3B,6BAAC,gBAAO;IAAC,OAAO,EAAEO,OAAQ;IAAC,UAAU,EAAEC,UAAW;IAAC,IAAI,EAAEE;EAAK,EAAG,GAC/D,IAAI,EACPJ,IAAI,KAAKP,WAAW,CAACE,aAAa,gBAAG,6BAAC,sBAAa;IAAC,OAAO,EAAEM;EAAQ,EAAG,GAAG,IAAI,EAC/EE,KAAK,gBAAG,6BAAC,cAAK;IAAC,KAAK,EAAEA,KAAK,CAACI;EAAM,EAAG,GAAG,IAAI,CACzC;AAEV,CAAC;AAEDX,YAAY,CAACY,SAAS,2CAAG;EACvBR,IAAI,EAAES,kBAAS,CAACC,KAAK,CAAC,CAACjB,WAAW,CAACC,OAAO,EAAED,WAAW,CAACE,aAAa,CAAC,CAAC;EACvEM,OAAO,EAAEQ,kBAAS,CAACE,KAAK,CAAC;IACvBC,IAAI,EAAEC,aAAI,CAACL,SAAS,CAACI,IAAI;IACzBE,KAAK,EAAEL,kBAAS,CAACM,MAAM,CAACC,UAAU;IAClCC,OAAO,EAAER,kBAAS,CAACM;EACrB,CAAC,CAAC;EACFb,UAAU,EAAEO,kBAAS,CAACE,KAAK,CAAC;IAC1BG,KAAK,EAAEL,kBAAS,CAACM,MAAM;IACvBE,OAAO,EAAER,kBAAS,CAACM;EACrB,CAAC,CAAC;EACFZ,KAAK,EAAEM,kBAAS,CAACE,KAAK,CAACO,cAAK,CAACV,SAAS,CAAC;EACvCJ,IAAI,EAAEK,kBAAS,CAACM;AAClB,CAAC;AAAC,eAEanB,YAAY;AAAA"}