@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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,
@@ -137,6 +149,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","createElement","className","key","_extends","hidden","active","propTypes","process","env","NODE_ENV","shape","number","EngineTabs","engines","_map","convert","cap","index","arrayOf","StarsSummary","props","legacyContext","total","skin","setFirstItemIndex","totalItems","length","dark","_getOr","primary","_get","scrollTo","page","handleOnLeft","handleOnRight","_isEmpty","leftArrowView","circle","onClick","color","left","width","height","rightArrowView","right","myStars","tabIndex","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","string","isRequired","contextTypes","childContextTypes","translate"],"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 style={{color: dark}} className={style.left} width={10} height={10} />\n      </button>\n    ) : null;\n\n  const rightArrowView =\n    totalItems > 6 && firstItemIndex < totalItems - 6 ? (\n      <button\n        className={style.circle}\n        onClick={handleOnRight}\n        data-name=\"right-arrow\"\n        data-testid=\"stars-summary-right-arrow\"\n        type=\"button\"\n      >\n        <ArrowRight style={{color: dark}} className={style.right} width={10} height={10} />\n      </button>\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} style={{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  translate: Provider.childContextTypes.translate\n};\n\nexport default StarsSummary;\n"],"mappings":"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","ignoreList":[]}
+{"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","color","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","string","isRequired","contextTypes","childContextTypes","translate"],"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 style={{color: dark}} className={style.left} width={10} height={10} />\n      </button>\n    ) : null;\n\n  const rightArrowView =\n    totalItems > 6 && firstItemIndex < totalItems - 6 ? (\n      <button\n        className={style.circle}\n        onClick={handleOnRight}\n        data-name=\"right-arrow\"\n        data-testid=\"stars-summary-right-arrow\"\n        type=\"button\"\n      >\n        <ArrowRight style={{color: dark}} className={style.right} width={10} height={10} />\n      </button>\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} style={{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  translate: Provider.childContextTypes.translate\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","createElement","className","wrapper","propTypes","process","env","NODE_ENV","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,GAAGA,CAAC;EAACC;AAAU,CAAC,KAAK;EACtC,oBACEN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEJ,KAAK,CAACK;EAAQ,GAAEH,UAAU,gBAAGN,KAAA,CAAAO,aAAA,CAACJ,OAAO,EAAKG,UAAa,CAAC,gBAAGN,KAAA,CAAAO,aAAA,CAACL,MAAM,MAAE,CAAO,CAAC;AAEhG,CAAC;AAEDG,aAAa,CAACK,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACxBP,UAAU,EAAEL,SAAS,CAACa,KAAK,CAACX,OAAO,CAACO,SAAS;AAC/C,CAAC;AAED,eAAeL,aAAa","ignoreList":[]}
+{"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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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","createElement","className","wrapper","playerWrapper","playerBackground","_extends","popinError","propTypes","process","env","NODE_ENV","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,GAAG,OAAOH,MAAM,CAACG,aAAa,GAAG,GAAG,IAAI;EACpF,oBACEV,KAAA,CAAAW,aAAA;IAAK,aAAU,aAAa;IAACC,SAAS,EAAER,KAAK,CAACS;EAAQ,gBACpDb,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACU;EAAc,gBAClCd,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACW,gBAAiB;IAACX,KAAK,EAAE;MAACK;IAAe;EAAE,CAAE,CAAC,eACpET,KAAA,CAAAW,aAAA,CAACR,YAAY,EAAAa,QAAA,KAAKT,MAAM;IAAEU,UAAU,EAAET;EAAM,EAAE,CAAC,EAC9CA,KAAK,gBAAGR,KAAA,CAAAW,aAAA,CAACT,OAAO,EAAKM,KAAQ,CAAC,GAAG,IAC/B,CACF,CAAC;AAEV,CAAC;AAEDH,WAAW,CAACa,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBd,MAAM,EAAEN,SAAS,CAACqB,KAAK,CAACnB,YAAY,CAACe,SAAS,CAAC;EAC/CV,KAAK,EAAEP,SAAS,CAACqB,KAAK,CAACpB,OAAO,CAACgB,SAAS;AAC1C,CAAC;AAED,eAAeb,WAAW","ignoreList":[]}
+{"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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -25,16 +27,19 @@ const TABS = {
     icon: ContextIcon
   }
 };
+
 class Button extends React.Component {
   static contextTypes = {
     skin: Provider.childContextTypes.skin
   };
+
   constructor(props, context) {
     super(props, context);
     this.state = {
       hovered: false
     };
   }
+
   handleMouseEnter = () => {
     const {
       onMouseEnter
@@ -53,6 +58,7 @@ class Button extends React.Component {
     }));
     onMouseLeave && onMouseLeave();
   };
+
   render() {
     const {
       skin
@@ -60,8 +66,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,
@@ -78,7 +87,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
@@ -92,8 +103,7 @@ class Button extends React.Component {
       onClick: onClick,
       onMouseEnter: this.handleMouseEnter,
       onMouseLeave: this.handleMouseLeave,
-      style: {
-        ...hoverStyle,
+      style: { ...hoverStyle,
         ...selectedColor
       }
     }, /*#__PURE__*/React.createElement("div", {
@@ -108,7 +118,9 @@ class Button extends React.Component {
       className: style.title
     }, title));
   }
+
 }
+
 Button.propTypes = process.env.NODE_ENV !== "production" ? {
   disabled: PropTypes.bool,
   notify: PropTypes.bool,
@@ -120,6 +132,7 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
   onMouseLeave: PropTypes.func,
   onClick: PropTypes.func
 } : {};
+
 const SlidesFooter = props => {
   const {
     buttons = []
@@ -135,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","contextTypes","skin","childContextTypes","constructor","props","state","hovered","handleMouseEnter","onMouseEnter","setState","prevState","handleMouseLeave","onMouseLeave","render","grey","_get","primaryColor","disabled","notify","selected","highlighted","title","type","onClick","colorIcon","selectedColor","borderTopColor","hoverStyle","IconType","button","notifyView","createElement","logo","color","height","propTypes","process","env","NODE_ENV","bool","string","oneOf","_keys","isRequired","func","SlidesFooter","buttons","length","Buttons","map","key","_extends","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            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    <nav data-name=\"slidesFooter\" className={style.wrapper}>\n      {Buttons}\n    </nav>\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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","ignoreList":[]}
+{"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","contextTypes","skin","childContextTypes","constructor","props","state","hovered","handleMouseEnter","onMouseEnter","setState","prevState","handleMouseLeave","onMouseLeave","render","grey","primaryColor","disabled","notify","selected","highlighted","title","type","onClick","colorIcon","selectedColor","borderTopColor","hoverStyle","IconType","button","notifyView","logo","color","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            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    <nav data-name=\"slidesFooter\" className={style.wrapper}>\n      {Buttons}\n    </nav>\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,
@@ -32,6 +33,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","createElement","className","wrapper","count","propTypes","process","env","NODE_ENV","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} mode={mode} /> : 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,GAAGA,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,oBACEX,KAAA,CAAAmB,aAAA;IAAK,aAAU,cAAc;IAACC,SAAS,EAAEd,KAAK,CAACe;EAAQ,GACpDP,IAAI,KAAKP,WAAW,CAACC,OAAO,gBAC3BR,KAAA,CAAAmB,aAAA,CAAChB,OAAO;IAACY,OAAO,EAAEA,OAAQ;IAACC,UAAU,EAAEA,UAAW;IAACE,IAAI,EAAEA;EAAK,CAAE,CAAC,GAC/D,IAAI,EACPJ,IAAI,KAAKP,WAAW,CAACE,aAAa,gBAAGT,KAAA,CAAAmB,aAAA,CAACf,aAAa;IAACW,OAAO,EAAEA,OAAQ;IAACG,IAAI,EAAEA;EAAK,CAAE,CAAC,GAAG,IAAI,EAC3FD,KAAK,gBAAGjB,KAAA,CAAAmB,aAAA,CAACd,KAAK;IAACiB,KAAK,EAAEL,KAAK,CAACK;EAAM,CAAE,CAAC,GAAG,IACtC,CAAC;AAEV,CAAC;AAEDZ,YAAY,CAACa,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBZ,IAAI,EAAEb,SAAS,CAAC0B,KAAK,CAAC,CAACpB,WAAW,CAACC,OAAO,EAAED,WAAW,CAACE,aAAa,CAAC,CAAC;EACvEM,OAAO,EAAEd,SAAS,CAAC2B,KAAK,CAAC;IACvBC,IAAI,EAAE3B,IAAI,CAACqB,SAAS,CAACM,IAAI;IACzBC,KAAK,EAAE7B,SAAS,CAAC8B,MAAM,CAACC,UAAU;IAClCC,OAAO,EAAEhC,SAAS,CAAC8B;EACrB,CAAC,CAAC;EACFf,UAAU,EAAEf,SAAS,CAAC2B,KAAK,CAAC;IAC1BE,KAAK,EAAE7B,SAAS,CAAC8B,MAAM;IACvBE,OAAO,EAAEhC,SAAS,CAAC8B;EACrB,CAAC,CAAC;EACFd,KAAK,EAAEhB,SAAS,CAAC2B,KAAK,CAACvB,KAAK,CAACkB,SAAS,CAAC;EACvCL,IAAI,EAAEjB,SAAS,CAAC8B;AAClB,CAAC;AAED,eAAerB,YAAY","ignoreList":[]}
+{"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} mode={mode} /> : 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,OAAxB;IAAiC,IAAI,EAAEG;EAAvC,EAArC,GAAuF,IAJ1F,EAKGD,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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 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,
@@ -25,11 +28,13 @@ const LearnerHeaderWrapper = props => {
     className: style.backIcon
   }), 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,
@@ -39,7 +44,9 @@ const Content = ({
   const {
     skin
   } = context;
+
   const primarySkinColor = _get('common.primary', skin);
+
   return /*#__PURE__*/React.createElement(LearnerHeaderWrapper, {
     mode: mode,
     onClick: onClick
@@ -52,14 +59,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
 };
@@ -69,6 +76,7 @@ Content.propTypes = process.env.NODE_ENV !== "production" ? {
   details: PropTypes.string,
   mode: PropTypes.string
 } : {};
+
 const Subcontent = ({
   title,
   details
@@ -77,17 +85,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,
@@ -100,6 +109,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,

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

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

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

@@ -3,12 +3,14 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Life from '../../../../../atom/life';
 import style from './lives.css';
+
 const Lives = ({
   count
 }, context) => {
   if (_isNil(count)) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper
   }, /*#__PURE__*/React.createElement(Life, {
@@ -17,6 +19,7 @@ const Lives = ({
     mode: "small"
   }));
 };
+
 Lives.propTypes = process.env.NODE_ENV !== "production" ? {
   count: PropTypes.number
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"lives.js","names":["React","PropTypes","Life","style","Lives","count","context","_isNil","createElement","className","wrapper","life","mode","propTypes","process","env","NODE_ENV","number"],"sources":["../../../../../../src/template/app-player/player/slides/header/lives.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport Life from '../../../../../atom/life';\nimport style from './lives.css';\n\nconst Lives = ({count}, context) => {\n  if (isNil(count)) {\n    return null;\n  }\n\n  return (\n    <div className={style.wrapper}>\n      <Life count={count} className={style.life} mode=\"small\" />\n    </div>\n  );\n};\n\nLives.propTypes = {\n  count: PropTypes.number\n};\n\nexport default Lives;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,0BAA0B;AAC3C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAGA,CAAC;EAACC;AAAK,CAAC,EAAEC,OAAO,KAAK;EAClC,IAAIC,MAAA,CAAMF,KAAK,CAAC,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,oBACEL,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAEN,KAAK,CAACO;EAAQ,gBAC5BV,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACG,KAAK,EAAEA,KAAM;IAACI,SAAS,EAAEN,KAAK,CAACQ,IAAK;IAACC,IAAI,EAAC;EAAO,CAAE,CACtD,CAAC;AAEV,CAAC;AAEDR,KAAK,CAACS,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBX,KAAK,EAAEJ,SAAS,CAACgB;AACnB,CAAC;AAED,eAAeb,KAAK","ignoreList":[]}
+{"version":3,"file":"lives.js","names":["React","PropTypes","Life","style","Lives","count","context","wrapper","life","propTypes","number"],"sources":["../../../../../../src/template/app-player/player/slides/header/lives.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport Life from '../../../../../atom/life';\nimport style from './lives.css';\n\nconst Lives = ({count}, context) => {\n  if (isNil(count)) {\n    return null;\n  }\n\n  return (\n    <div className={style.wrapper}>\n      <Life count={count} className={style.life} mode=\"small\" />\n    </div>\n  );\n};\n\nLives.propTypes = {\n  count: PropTypes.number\n};\n\nexport default Lives;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAG,CAAC;EAACC;AAAD,CAAD,EAAUC,OAAV,KAAsB;EAClC,IAAI,OAAMD,KAAN,CAAJ,EAAkB;IAChB,OAAO,IAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACI;EAAtB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEF,KAAb;IAAoB,SAAS,EAAEF,KAAK,CAACK,IAArC;IAA2C,IAAI,EAAC;EAAhD,EADF,CADF;AAKD,CAVD;;AAYAJ,KAAK,CAACK,SAAN,2CAAkB;EAChBJ,KAAK,EAAEJ,SAAS,CAACS;AADD,CAAlB;AAIA,eAAeN,KAAf"}