@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"stars-summary.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_novaIcons","_provider","_engineStars","_starsSummary","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","EngineTab","engine","engineIndex","firstItemIndex","type","state","useMemo","dataName","createElement","className","style","key","hidden","active","propTypes","process","env","NODE_ENV","PropTypes","shape","EngineStars","number","EngineTabs","engines","_map2","convert","cap","index","arrayOf","StarsSummary","props","legacyContext","total","skin","GetSkinFromContext","setFirstItemIndex","useState","totalItems","dark","_getOr2","primary","_get2","scrollTo","useCallback","page","handleOnLeft","handleOnRight","_isEmpty2","leftArrowView","circle","onClick","NovaCompositionNavigationArrowLeft","color","left","width","height","rightArrowView","NovaCompositionNavigationArrowRight","right","myStars","tabIndex","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","NovaCompositionCoorpacademyStar","iconHeader","navigationLeft","navigationRight","string","isRequired","contextTypes","Provider","childContextTypes","translate","_default","exports"],"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":["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","color","left","rightArrowView","right","myStars","myStarsWrapper","allStars","footerSummaryStars","backgroundColor","totalStars","label","stars","iconBubble","iconHeader","navigationLeft","navigationRight","string","isRequired","contextTypes","Provider","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/lib/template/app-player/loading/index.js

@@ -2,12 +2,19 @@
 
 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(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const PlayerLoading = ({
   popinError
 }) => {
@@ -15,8 +22,10 @@ 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)
 } : {};
-var _default = exports.default = PlayerLoading;
+var _default = PlayerLoading;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_loader","_cmPopin","_style","e","__esModule","default","PlayerLoading","popinError","createElement","className","style","wrapper","propTypes","process","env","NODE_ENV","PropTypes","shape","CMPopin","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,aAAa,GAAGA,CAAC;EAACC;AAAU,CAAC,KAAK;EACtC,oBACEX,MAAA,CAAAS,OAAA,CAAAG,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAQ,GAAEJ,UAAU,gBAAGX,MAAA,CAAAS,OAAA,CAAAG,aAAA,CAACP,QAAA,CAAAI,OAAO,EAAKE,UAAa,CAAC,gBAAGX,MAAA,CAAAS,OAAA,CAAAG,aAAA,CAACR,OAAA,CAAAK,OAAM,MAAE,CAAO,CAAC;AAEhG,CAAC;AAEDC,aAAa,CAACM,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACxBR,UAAU,EAAES,kBAAS,CAACC,KAAK,CAACC,gBAAO,CAACN,SAAS;AAC/C,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEaC,aAAa","ignoreList":[]}
+{"version":3,"file":"index.js","names":["PlayerLoading","popinError","style","wrapper","propTypes","PropTypes","shape","CMPopin"],"sources":["../../../../src/template/app-player/loading/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Loader from '../../../atom/loader';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst PlayerLoading = ({popinError}) => {\n  return (\n    <div className={style.wrapper}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n  );\n};\n\nPlayerLoading.propTypes = {\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default PlayerLoading;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAAC;EAACC;AAAD,CAAD,KAAkB;EACtC,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,GAAgCF,UAAU,gBAAG,6BAAC,gBAAD,EAAaA,UAAb,CAAH,gBAAiC,6BAAC,eAAD,OAA3E,CADF;AAGD,CAJD;;AAMAD,aAAa,CAACI,SAAd,2CAA0B;EACxBH,UAAU,EAAEI,kBAAA,CAAUC,KAAV,CAAgBC,gBAAA,CAAQH,SAAxB;AADY,CAA1B;eAIeJ,a"}

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

@@ -2,13 +2,21 @@
 
 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(e) { return e && e.__esModule ? e : { default: e }; }
-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 _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,
@@ -29,9 +37,11 @@ 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)
 } : {};
-var _default = exports.default = SlidePlayer;
+var _default = SlidePlayer;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_cmPopin","_slides","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","createElement","className","style","wrapper","playerWrapper","playerBackground","popinError","propTypes","process","env","NODE_ENV","PropTypes","shape","SlidesPlayer","CMPopin","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,MAAMO,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,oBACE3B,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IAAK,aAAU,aAAa;IAACC,SAAS,EAAEC,cAAK,CAACC;EAAQ,gBACpD/B,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE;EAAc,gBAClChC,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACG,gBAAiB;IAACH,KAAK,EAAE;MAACJ;IAAe;EAAE,CAAE,CAAC,eACpE1B,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACvB,OAAA,CAAAI,OAAY,EAAAC,QAAA,KAAKc,MAAM;IAAEU,UAAU,EAAET;EAAM,EAAE,CAAC,EAC9CA,KAAK,gBAAGzB,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACxB,QAAA,CAAAK,OAAO,EAAKgB,KAAQ,CAAC,GAAG,IAC/B,CACF,CAAC;AAEV,CAAC;AAEDH,WAAW,CAACa,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBd,MAAM,EAAEe,kBAAS,CAACC,KAAK,CAACC,eAAY,CAACN,SAAS,CAAC;EAC/CV,KAAK,EAAEc,kBAAS,CAACC,KAAK,CAACE,gBAAO,CAACP,SAAS;AAC1C,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAnC,OAAA,GAEaa,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","style","wrapper","playerWrapper","playerBackground","propTypes","PropTypes","shape","SlidesPlayer","CMPopin"],"sources":["../../../../src/template/app-player/player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CMPopin from '../../../molecule/cm-popin';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player, popin} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} popinError={popin} />\n        {popin ? <CMPopin {...popin} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes),\n  popin: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidePlayer;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC,MAAD;IAASC;EAAT,IAAkBF,KAAxB;EACA,MAAMG,eAAe,GAAGF,MAAM,CAACG,aAAP,GAAwB,OAAMH,MAAM,CAACG,aAAc,GAAnD,GAAwD,IAAhF;EACA,oBACE;IAAK,aAAU,aAAf;IAA6B,SAAS,EAAEC,cAAA,CAAMC;EAA9C,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG,gBAAtB;IAAwC,KAAK,EAAE;MAACL;IAAD;EAA/C,EADF,eAEE,6BAAC,eAAD,eAAkBF,MAAlB;IAA0B,UAAU,EAAEC;EAAtC,GAFF,EAGGA,KAAK,gBAAG,6BAAC,gBAAD,EAAaA,KAAb,CAAH,GAA4B,IAHpC,CADF,CADF;AASD,CAZD;;AAcAH,WAAW,CAACU,SAAZ,2CAAwB;EACtBR,MAAM,EAAES,kBAAA,CAAUC,KAAV,CAAgBC,eAAA,CAAaH,SAA7B,CADc;EAEtBP,KAAK,EAAEQ,kBAAA,CAAUC,KAAV,CAAgBE,gBAAA,CAAQJ,SAAxB;AAFe,CAAxB;eAKeV,W"}

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

@@ -2,16 +2,27 @@
 
 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(e) { return e && e.__esModule ? e : { default: e }; }
-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 _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
@@ -30,16 +41,19 @@ const TABS = {
     icon: _novaIcons.NovaCompositionCoorpacademyMap
   }
 };
+
 class Button extends _react.default.Component {
   static contextTypes = {
     skin: _provider.default.childContextTypes.skin
   };
+
   constructor(props, context) {
     super(props, context);
     this.state = {
       hovered: false
     };
   }
+
   handleMouseEnter = () => {
     const {
       onMouseEnter
@@ -58,6 +72,7 @@ class Button extends _react.default.Component {
     }));
     onMouseLeave && onMouseLeave();
   };
+
   render() {
     const {
       skin
@@ -97,8 +112,7 @@ class Button extends _react.default.Component {
       onClick: onClick,
       onMouseEnter: this.handleMouseEnter,
       onMouseLeave: this.handleMouseLeave,
-      style: {
-        ...hoverStyle,
+      style: { ...hoverStyle,
         ...selectedColor
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -113,7 +127,9 @@ class Button extends _react.default.Component {
       className: _style.default.title
     }, title));
   }
+
 }
+
 Button.propTypes = process.env.NODE_ENV !== "production" ? {
   disabled: _propTypes.default.bool,
   notify: _propTypes.default.bool,
@@ -125,6 +141,7 @@ Button.propTypes = process.env.NODE_ENV !== "production" ? {
   onMouseLeave: _propTypes.default.func,
   onClick: _propTypes.default.func
 } : {};
+
 const SlidesFooter = props => {
   const {
     buttons = []
@@ -140,6 +157,7 @@ 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,
@@ -153,5 +171,6 @@ SlidesFooter.propTypes = process.env.NODE_ENV !== "production" ? {
     onClick: _propTypes.default.func
   }))
 } : {};
-var _default = exports.default = SlidesFooter;
+var _default = SlidesFooter;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_provider","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","TABS","question","icon","QuestionIcon","media","MediaIcon","clue","ClueIcon","coach","CoachIcon","className","style","context","ContextIcon","Button","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","state","hovered","handleMouseEnter","onMouseEnter","setState","prevState","handleMouseLeave","onMouseLeave","render","grey","_get2","primaryColor","disabled","notify","selected","highlighted","title","type","onClick","colorIcon","selectedColor","borderTopColor","hoverStyle","IconType","classnames","button","notifyView","createElement","logo","color","height","propTypes","process","env","NODE_ENV","PropTypes","bool","string","oneOf","_keys2","isRequired","func","SlidesFooter","buttons","Buttons","map","key","wrapper","arrayOf","shape","_default","exports"],"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":["TABS","question","icon","QuestionIcon","media","MediaIcon","clue","ClueIcon","coach","CoachIcon","className","style","context","ContextIcon","Button","React","Component","contextTypes","skin","Provider","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","classnames","button","notifyView","logo","color","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            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/lib/template/app-player/player/slides/header/index.js

@@ -2,20 +2,29 @@
 
 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(e) { return e && e.__esModule ? e : { default: e }; }
-// eslint-disable-line css-modules/no-unused-class
 
+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,
@@ -38,6 +47,7 @@ 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({
@@ -52,5 +62,6 @@ SlidesHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   lives: _propTypes.default.shape(_lives.default.propTypes),
   mode: _propTypes.default.string
 } : {};
-var _default = exports.default = SlidesHeader;
+var _default = SlidesHeader;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_link","_learner","_microlearning","_lives","_style","e","__esModule","default","HEADER_TYPE","LEARNER","MICROLEARNING","SlidesHeader","props","context","undefined","type","content","subcontent","lives","mode","createElement","className","style","wrapper","count","propTypes","process","env","NODE_ENV","PropTypes","oneOf","shape","href","Link","title","string","isRequired","details","Lives","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAC;;AAEjC,MAAMG,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,oBACEhB,MAAA,CAAAW,OAAA,CAAAa,aAAA;IAAK,aAAU,cAAc;IAACC,SAAS,EAAEC,cAAK,CAACC;EAAQ,GACpDR,IAAI,KAAKP,WAAW,CAACC,OAAO,gBAC3Bb,MAAA,CAAAW,OAAA,CAAAa,aAAA,CAACnB,QAAA,CAAAM,OAAO;IAACS,OAAO,EAAEA,OAAQ;IAACC,UAAU,EAAEA,UAAW;IAACE,IAAI,EAAEA;EAAK,CAAE,CAAC,GAC/D,IAAI,EACPJ,IAAI,KAAKP,WAAW,CAACE,aAAa,gBAAGd,MAAA,CAAAW,OAAA,CAAAa,aAAA,CAAClB,cAAA,CAAAK,OAAa;IAACS,OAAO,EAAEA,OAAQ;IAACG,IAAI,EAAEA;EAAK,CAAE,CAAC,GAAG,IAAI,EAC3FD,KAAK,gBAAGtB,MAAA,CAAAW,OAAA,CAAAa,aAAA,CAACjB,MAAA,CAAAI,OAAK;IAACiB,KAAK,EAAEN,KAAK,CAACM;EAAM,CAAE,CAAC,GAAG,IACtC,CAAC;AAEV,CAAC;AAEDb,YAAY,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBb,IAAI,EAAEc,kBAAS,CAACC,KAAK,CAAC,CAACtB,WAAW,CAACC,OAAO,EAAED,WAAW,CAACE,aAAa,CAAC,CAAC;EACvEM,OAAO,EAAEa,kBAAS,CAACE,KAAK,CAAC;IACvBC,IAAI,EAAEC,aAAI,CAACR,SAAS,CAACO,IAAI;IACzBE,KAAK,EAAEL,kBAAS,CAACM,MAAM,CAACC,UAAU;IAClCC,OAAO,EAAER,kBAAS,CAACM;EACrB,CAAC,CAAC;EACFlB,UAAU,EAAEY,kBAAS,CAACE,KAAK,CAAC;IAC1BG,KAAK,EAAEL,kBAAS,CAACM,MAAM;IACvBE,OAAO,EAAER,kBAAS,CAACM;EACrB,CAAC,CAAC;EACFjB,KAAK,EAAEW,kBAAS,CAACE,KAAK,CAACO,cAAK,CAACb,SAAS,CAAC;EACvCN,IAAI,EAAEU,kBAAS,CAACM;AAClB,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEaI,YAAY","ignoreList":[]}
+{"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} 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;;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,OAAxB;IAAiC,IAAI,EAAEG;EAAvC,EAArC,GAAuF,IAJ1F,EAKGD,KAAK,gBAAG,6BAAC,cAAD;IAAO,KAAK,EAAEA,KAAK,CAACI;EAApB,EAAH,GAAmC,IAL3C,CADF;AASD,CAZD;;AAcAX,YAAY,CAACY,SAAb,2CAAyB;EACvBR,IAAI,EAAES,kBAAA,CAAUC,KAAV,CAAgB,CAACjB,WAAW,CAACC,OAAb,EAAsBD,WAAW,CAACE,aAAlC,CAAhB,CADiB;EAEvBM,OAAO,EAAEQ,kBAAA,CAAUE,KAAV,CAAgB;IACvBC,IAAI,EAAEC,aAAA,CAAKL,SAAL,CAAeI,IADE;IAEvBE,KAAK,EAAEL,kBAAA,CAAUM,MAAV,CAAiBC,UAFD;IAGvBC,OAAO,EAAER,kBAAA,CAAUM;EAHI,CAAhB,CAFc;EAOvBb,UAAU,EAAEO,kBAAA,CAAUE,KAAV,CAAgB;IAC1BG,KAAK,EAAEL,kBAAA,CAAUM,MADS;IAE1BE,OAAO,EAAER,kBAAA,CAAUM;EAFO,CAAhB,CAPW;EAWvBZ,KAAK,EAAEM,kBAAA,CAAUE,KAAV,CAAgBO,cAAA,CAAMV,SAAtB,CAXgB;EAYvBJ,IAAI,EAAEK,kBAAA,CAAUM;AAZO,CAAzB;eAeenB,Y"}

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

@@ -2,16 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 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 _link = _interopRequireDefault(require("../../../../../atom/link"));
+
 var _provider = _interopRequireDefault(require("../../../../../atom/provider"));
+
 var _learner = _interopRequireDefault(require("./learner.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 _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 LearnerHeaderWrapper = props => {
   const {
     children,
@@ -30,11 +41,13 @@ const LearnerHeaderWrapper = props => {
     className: _learner.default.backIcon
   }), children);
 };
+
 LearnerHeaderWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _link.default.propTypes.onClick,
   mode: _propTypes.default.string,
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired
 } : {};
+
 const Content = ({
   onClick,
   title,
@@ -57,14 +70,14 @@ const Content = ({
     }
   }, details), /*#__PURE__*/_react.default.createElement("span", {
     "data-name": "contentTitle",
-    className: (0, _classnames.default)(_learner.default.contentTitle, _learner.default.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_learner.default.contentTitle, _learner.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   })));
 };
+
 Content.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -74,6 +87,7 @@ Content.propTypes = process.env.NODE_ENV !== "production" ? {
   details: _propTypes.default.string,
   mode: _propTypes.default.string
 } : {};
+
 const Subcontent = ({
   title,
   details
@@ -82,17 +96,18 @@ const Subcontent = ({
 }, /*#__PURE__*/_react.default.createElement("div", {
   className: _learner.default.subcontentDetails
 }, details), /*#__PURE__*/_react.default.createElement("div", {
-  className: (0, _classnames.default)(_learner.default.subcontentTitle, _learner.default.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: (0, _classnames.default)(_learner.default.subcontentTitle, _learner.default.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: title
   }
 }));
+
 Subcontent.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string.isRequired,
   details: _propTypes.default.string
 } : {};
+
 const LearnerHeader = (props, context) => {
   const {
     content,
@@ -105,10 +120,12 @@ const LearnerHeader = (props, context) => {
     mode: mode
   })), /*#__PURE__*/_react.default.createElement(Subcontent, subcontent));
 };
+
 LearnerHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   content: _propTypes.default.shape(Content.propTypes).isRequired,
   subcontent: _propTypes.default.shape(Subcontent.propTypes).isRequired,
   mode: _propTypes.default.string
 } : {};
-var _default = exports.default = LearnerHeader;
+var _default = LearnerHeader;
+exports.default = _default;
 //# sourceMappingURL=learner.js.map

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

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

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

@@ -2,18 +2,26 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _life = _interopRequireDefault(require("../../../../../atom/life"));
+
 var _lives = _interopRequireDefault(require("./lives.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Lives = ({
   count
 }, context) => {
   if ((0, _isNil2.default)(count)) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _lives.default.wrapper
   }, /*#__PURE__*/_react.default.createElement(_life.default, {
@@ -22,8 +30,10 @@ const Lives = ({
     mode: "small"
   }));
 };
+
 Lives.propTypes = process.env.NODE_ENV !== "production" ? {
   count: _propTypes.default.number
 } : {};
-var _default = exports.default = Lives;
+var _default = Lives;
+exports.default = _default;
 //# sourceMappingURL=lives.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"lives.js","names":["_react","_interopRequireDefault","require","_propTypes","_life","_lives","e","__esModule","default","Lives","count","context","_isNil2","createElement","className","style","wrapper","life","mode","propTypes","process","env","NODE_ENV","PropTypes","number","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,KAAK,GAAGA,CAAC;EAACC;AAAK,CAAC,EAAEC,OAAO,KAAK;EAClC,IAAI,IAAAC,OAAA,CAAAJ,OAAA,EAAME,KAAK,CAAC,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,oBACEV,MAAA,CAAAQ,OAAA,CAAAK,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAQ,gBAC5BhB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAI,OAAI;IAACE,KAAK,EAAEA,KAAM;IAACI,SAAS,EAAEC,cAAK,CAACE,IAAK;IAACC,IAAI,EAAC;EAAO,CAAE,CACtD,CAAC;AAEV,CAAC;AAEDT,KAAK,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAChBZ,KAAK,EAAEa,kBAAS,CAACC;AACnB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaC,KAAK","ignoreList":[]}
+{"version":3,"file":"lives.js","names":["Lives","count","context","style","wrapper","life","propTypes","PropTypes","number"],"sources":["../../../../../../src/template/app-player/player/slides/header/lives.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport Life from '../../../../../atom/life';\nimport style from './lives.css';\n\nconst Lives = ({count}, context) => {\n  if (isNil(count)) {\n    return null;\n  }\n\n  return (\n    <div className={style.wrapper}>\n      <Life count={count} className={style.life} mode=\"small\" />\n    </div>\n  );\n};\n\nLives.propTypes = {\n  count: PropTypes.number\n};\n\nexport default Lives;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG,CAAC;EAACC;AAAD,CAAD,EAAUC,OAAV,KAAsB;EAClC,IAAI,qBAAMD,KAAN,CAAJ,EAAkB;IAChB,OAAO,IAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAEE,cAAA,CAAMC;EAAtB,gBACE,6BAAC,aAAD;IAAM,KAAK,EAAEH,KAAb;IAAoB,SAAS,EAAEE,cAAA,CAAME,IAArC;IAA2C,IAAI,EAAC;EAAhD,EADF,CADF;AAKD,CAVD;;AAYAL,KAAK,CAACM,SAAN,2CAAkB;EAChBL,KAAK,EAAEM,kBAAA,CAAUC;AADD,CAAlB;eAIeR,K"}