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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Link","Learner","Microlearning","Lives","style","HEADER_TYPE","LEARNER","MICROLEARNING","SlidesHeader","props","context","undefined","type","content","subcontent","lives","mode","wrapper","count","propTypes","oneOf","shape","href","title","string","isRequired","details"],"sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../../../../atom/link';\nimport Learner from './learner';\nimport Microlearning from './microlearning';\nimport Lives from './lives';\nimport style from './style.css'; // eslint-disable-line css-modules/no-unused-class\n\nconst HEADER_TYPE = {\n  LEARNER: 'learner',\n  MICROLEARNING: 'microlearning'\n};\n\nconst SlidesHeader = (props = {}, context = undefined) => {\n  const {type, content, subcontent, lives, mode} = props;\n\n  return (\n    <div data-name=\"slidesHeader\" className={style.wrapper}>\n      {type === HEADER_TYPE.LEARNER ? (\n        <Learner content={content} subcontent={subcontent} mode={mode} />\n      ) : null}\n      {type === HEADER_TYPE.MICROLEARNING ? <Microlearning content={content} /> : null}\n      {lives ? <Lives count={lives.count} /> : null}\n    </div>\n  );\n};\n\nSlidesHeader.propTypes = {\n  type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),\n  content: PropTypes.shape({\n    href: Link.propTypes.href,\n    title: PropTypes.string.isRequired,\n    details: PropTypes.string\n  }),\n  subcontent: PropTypes.shape({\n    title: PropTypes.string,\n    details: PropTypes.string\n  }),\n  lives: PropTypes.shape(Lives.propTypes),\n  mode: PropTypes.string\n};\n\nexport default SlidesHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB,C,CAAiC;;AAEjC,MAAMC,WAAW,GAAG;EAClBC,OAAO,EAAE,SADS;EAElBC,aAAa,EAAE;AAFG,CAApB;;AAKA,MAAMC,YAAY,GAAG,CAACC,KAAK,GAAG,EAAT,EAAaC,OAAO,GAAGC,SAAvB,KAAqC;EACxD,MAAM;IAACC,IAAD;IAAOC,OAAP;IAAgBC,UAAhB;IAA4BC,KAA5B;IAAmCC;EAAnC,IAA2CP,KAAjD;EAEA,oBACE;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAEL,KAAK,CAACa;EAA/C,GACGL,IAAI,KAAKP,WAAW,CAACC,OAArB,gBACC,oBAAC,OAAD;IAAS,OAAO,EAAEO,OAAlB;IAA2B,UAAU,EAAEC,UAAvC;IAAmD,IAAI,EAAEE;EAAzD,EADD,GAEG,IAHN,EAIGJ,IAAI,KAAKP,WAAW,CAACE,aAArB,gBAAqC,oBAAC,aAAD;IAAe,OAAO,EAAEM;EAAxB,EAArC,GAA2E,IAJ9E,EAKGE,KAAK,gBAAG,oBAAC,KAAD;IAAO,KAAK,EAAEA,KAAK,CAACG;EAApB,EAAH,GAAmC,IAL3C,CADF;AASD,CAZD;;AAcAV,YAAY,CAACW,SAAb,2CAAyB;EACvBP,IAAI,EAAEb,SAAS,CAACqB,KAAV,CAAgB,CAACf,WAAW,CAACC,OAAb,EAAsBD,WAAW,CAACE,aAAlC,CAAhB,CADiB;EAEvBM,OAAO,EAAEd,SAAS,CAACsB,KAAV,CAAgB;IACvBC,IAAI,EAAEtB,IAAI,CAACmB,SAAL,CAAeG,IADE;IAEvBC,KAAK,EAAExB,SAAS,CAACyB,MAAV,CAAiBC,UAFD;IAGvBC,OAAO,EAAE3B,SAAS,CAACyB;EAHI,CAAhB,CAFc;EAOvBV,UAAU,EAAEf,SAAS,CAACsB,KAAV,CAAgB;IAC1BE,KAAK,EAAExB,SAAS,CAACyB,MADS;IAE1BE,OAAO,EAAE3B,SAAS,CAACyB;EAFO,CAAhB,CAPW;EAWvBT,KAAK,EAAEhB,SAAS,CAACsB,KAAV,CAAgBlB,KAAK,CAACgB,SAAtB,CAXgB;EAYvBH,IAAI,EAAEjB,SAAS,CAACyB;AAZO,CAAzB;AAeA,eAAehB,YAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Link","Learner","Microlearning","Lives","style","HEADER_TYPE","LEARNER","MICROLEARNING","SlidesHeader","props","context","undefined","type","content","subcontent","lives","mode","wrapper","count","propTypes","oneOf","shape","href","title","string","isRequired","details"],"sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../../../../atom/link';\nimport Learner from './learner';\nimport Microlearning from './microlearning';\nimport Lives from './lives';\nimport style from './style.css'; // eslint-disable-line css-modules/no-unused-class\n\nconst HEADER_TYPE = {\n  LEARNER: 'learner',\n  MICROLEARNING: 'microlearning'\n};\n\nconst SlidesHeader = (props = {}, context = undefined) => {\n  const {type, content, subcontent, lives, mode} = props;\n\n  return (\n    <div data-name=\"slidesHeader\" className={style.wrapper}>\n      {type === HEADER_TYPE.LEARNER ? (\n        <Learner content={content} subcontent={subcontent} mode={mode} />\n      ) : null}\n      {type === HEADER_TYPE.MICROLEARNING ? <Microlearning content={content} /> : null}\n      {lives ? <Lives count={lives.count} /> : null}\n    </div>\n  );\n};\n\nSlidesHeader.propTypes = {\n  type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),\n  content: PropTypes.shape({\n    href: Link.propTypes.href,\n    title: PropTypes.string.isRequired,\n    details: PropTypes.string\n  }),\n  subcontent: PropTypes.shape({\n    title: PropTypes.string,\n    details: PropTypes.string\n  }),\n  lives: PropTypes.shape(Lives.propTypes),\n  mode: PropTypes.string\n};\n\nexport default SlidesHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,0BAA0B;AAC3C,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,KAAK,MAAM,SAAS;AAC3B,OAAOC,KAAK,MAAM,aAAa,CAAC,CAAC;;AAEjC,MAAMC,WAAW,GAAG;EAClBC,OAAO,EAAE,SAAS;EAClBC,aAAa,EAAE;AACjB,CAAC;AAED,MAAMC,YAAY,GAAG,CAACC,KAAK,GAAG,CAAC,CAAC,EAAEC,OAAO,GAAGC,SAAS,KAAK;EACxD,MAAM;IAACC,IAAI;IAAEC,OAAO;IAAEC,UAAU;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAGP,KAAK;EAEtD,oBACE;IAAK,aAAU,cAAc;IAAC,SAAS,EAAEL,KAAK,CAACa;EAAQ,GACpDL,IAAI,KAAKP,WAAW,CAACC,OAAO,gBAC3B,oBAAC,OAAO;IAAC,OAAO,EAAEO,OAAQ;IAAC,UAAU,EAAEC,UAAW;IAAC,IAAI,EAAEE;EAAK,EAAG,GAC/D,IAAI,EACPJ,IAAI,KAAKP,WAAW,CAACE,aAAa,gBAAG,oBAAC,aAAa;IAAC,OAAO,EAAEM;EAAQ,EAAG,GAAG,IAAI,EAC/EE,KAAK,gBAAG,oBAAC,KAAK;IAAC,KAAK,EAAEA,KAAK,CAACG;EAAM,EAAG,GAAG,IAAI,CACzC;AAEV,CAAC;AAEDV,YAAY,CAACW,SAAS,2CAAG;EACvBP,IAAI,EAAEb,SAAS,CAACqB,KAAK,CAAC,CAACf,WAAW,CAACC,OAAO,EAAED,WAAW,CAACE,aAAa,CAAC,CAAC;EACvEM,OAAO,EAAEd,SAAS,CAACsB,KAAK,CAAC;IACvBC,IAAI,EAAEtB,IAAI,CAACmB,SAAS,CAACG,IAAI;IACzBC,KAAK,EAAExB,SAAS,CAACyB,MAAM,CAACC,UAAU;IAClCC,OAAO,EAAE3B,SAAS,CAACyB;EACrB,CAAC,CAAC;EACFV,UAAU,EAAEf,SAAS,CAACsB,KAAK,CAAC;IAC1BE,KAAK,EAAExB,SAAS,CAACyB,MAAM;IACvBE,OAAO,EAAE3B,SAAS,CAACyB;EACrB,CAAC,CAAC;EACFT,KAAK,EAAEhB,SAAS,CAACsB,KAAK,CAAClB,KAAK,CAACgB,SAAS,CAAC;EACvCH,IAAI,EAAEjB,SAAS,CAACyB;AAClB,CAAC;AAED,eAAehB,YAAY"}

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

@@ -1,7 +1,5 @@
 import _get from "lodash/fp/get";
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -9,7 +7,6 @@ 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,
@@ -29,13 +26,11 @@ const LearnerHeaderWrapper = props => {
     color: "inherit"
   }), children);
 };
-
 LearnerHeaderWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: Link.propTypes.onClick,
   mode: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
 } : {};
-
 const Content = ({
   onClick,
   title,
@@ -45,9 +40,7 @@ const Content = ({
   const {
     skin
   } = context;
-
   const primarySkinColor = _get('common.primary', skin);
-
   return /*#__PURE__*/React.createElement(LearnerHeaderWrapper, {
     mode: mode,
     onClick: onClick
@@ -60,14 +53,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
 };
@@ -77,7 +70,6 @@ Content.propTypes = process.env.NODE_ENV !== "production" ? {
   details: PropTypes.string,
   mode: PropTypes.string
 } : {};
-
 const Subcontent = ({
   title,
   details
@@ -86,18 +78,17 @@ 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,
@@ -110,7 +101,6 @@ 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","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} color=\"inherit\" />\n      {children}\n    </Link>\n  );\n};\n\nLearnerHeaderWrapper.propTypes = {\n  onClick: Link.propTypes.onClick,\n  mode: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst Content = ({onClick, title, details, mode}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <LearnerHeaderWrapper mode={mode} onClick={onClick}>\n      <div className={style.content}>\n        <div\n          className={style.contentDetails}\n          style={{\n            color: primarySkinColor\n          }}\n        >\n          {details}\n        </div>\n\n        <span\n          data-name=\"contentTitle\"\n          className={classnames(style.contentTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n    </LearnerHeaderWrapper>\n  );\n};\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst Subcontent = ({title, details}, context) => (\n  <div className={style.subcontent}>\n    <div className={style.subcontentDetails}>{details}</div>\n    <div\n      className={classnames(style.subcontentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </div>\n);\n\nSubcontent.propTypes = {\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst LearnerHeader = (props, context) => {\n  const {content, subcontent, mode} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} mode={mode} />\n      <Subcontent {...subcontent} />\n    </div>\n  );\n};\n\nLearnerHeader.propTypes = {\n  content: PropTypes.shape(Content.propTypes).isRequired,\n  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired,\n  mode: PropTypes.string\n};\n\nexport default LearnerHeader;\n"],"mappings":"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"}
+{"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} color=\"inherit\" />\n      {children}\n    </Link>\n  );\n};\n\nLearnerHeaderWrapper.propTypes = {\n  onClick: Link.propTypes.onClick,\n  mode: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst Content = ({onClick, title, details, mode}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <LearnerHeaderWrapper mode={mode} onClick={onClick}>\n      <div className={style.content}>\n        <div\n          className={style.contentDetails}\n          style={{\n            color: primarySkinColor\n          }}\n        >\n          {details}\n        </div>\n\n        <span\n          data-name=\"contentTitle\"\n          className={classnames(style.contentTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n    </LearnerHeaderWrapper>\n  );\n};\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst Subcontent = ({title, details}, context) => (\n  <div className={style.subcontent}>\n    <div className={style.subcontentDetails}>{details}</div>\n    <div\n      className={classnames(style.subcontentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </div>\n);\n\nSubcontent.propTypes = {\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst LearnerHeader = (props, context) => {\n  const {content, subcontent, mode} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} mode={mode} />\n      <Subcontent {...subcontent} />\n    </div>\n  );\n};\n\nLearnerHeader.propTypes = {\n  content: PropTypes.shape(Content.propTypes).isRequired,\n  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired,\n  mode: PropTypes.string\n};\n\nexport default LearnerHeader;\n"],"mappings":"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"}

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

@@ -3,14 +3,12 @@ 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, {
@@ -19,7 +17,6 @@ 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","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"}
+{"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,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,IAAI,MAAM,0BAA0B;AAC3C,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,KAAK,GAAG,CAAC;EAACC;AAAK,CAAC,EAAEC,OAAO,KAAK;EAClC,IAAI,OAAMD,KAAK,CAAC,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACI;EAAQ,gBAC5B,oBAAC,IAAI;IAAC,KAAK,EAAEF,KAAM;IAAC,SAAS,EAAEF,KAAK,CAACK,IAAK;IAAC,IAAI,EAAC;EAAO,EAAG,CACtD;AAEV,CAAC;AAEDJ,KAAK,CAACK,SAAS,2CAAG;EAChBJ,KAAK,EAAEJ,SAAS,CAACS;AACnB,CAAC;AAED,eAAeN,KAAK"}

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

@@ -4,7 +4,6 @@ import classnames from 'classnames';
 import { NovaCompositionNavigationArrowLeft as BackIcon } from '@coorpacademy/nova-icons';
 import Link from '../../../../../atom/link';
 import style from './microlearning.css';
-
 const Content = ({
   onClick,
   title
@@ -16,25 +15,23 @@ const Content = ({
   color: "inherit"
 }), /*#__PURE__*/React.createElement("div", {
   "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.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: Link.propTypes.onClick,
   title: PropTypes.node
 } : {};
-
 const MicrolearningHeader = (props, context) => {
   const {
     content
   } = props;
   return /*#__PURE__*/React.createElement(Content, content);
 };
-
 MicrolearningHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   content: PropTypes.shape({
     onClick: Link.propTypes.onClick,

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

@@ -1 +1 @@
-{"version":3,"file":"microlearning.js","names":["React","PropTypes","classnames","NovaCompositionNavigationArrowLeft","BackIcon","Link","style","Content","onClick","title","context","content","backIcon","contentTitle","innerHTML","__html","propTypes","node","MicrolearningHeader","props","shape","string","isRequired"],"sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport style from './microlearning.css';\n\nconst Content = ({onClick, title}, context) => (\n  <Link onClick={onClick} className={style.content}>\n    <BackIcon className={style.backIcon} color=\"inherit\" />\n    <div\n      data-name=\"contentTitle\"\n      className={classnames(style.contentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </Link>\n);\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.node\n};\n\nconst MicrolearningHeader = (props, context) => {\n  const {content} = props;\n  return <Content {...content} />;\n};\n\nMicrolearningHeader.propTypes = {\n  content: PropTypes.shape({\n    onClick: Link.propTypes.onClick,\n    title: PropTypes.string.isRequired\n  })\n};\n\nexport default MicrolearningHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,kCAAkC,IAAIC,QAA9C,QAA6D,0BAA7D;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,KAAP,MAAkB,qBAAlB;;AAEA,MAAMC,OAAO,GAAG,CAAC;EAACC,OAAD;EAAUC;AAAV,CAAD,EAAmBC,OAAnB,kBACd,oBAAC,IAAD;EAAM,OAAO,EAAEF,OAAf;EAAwB,SAAS,EAAEF,KAAK,CAACK;AAAzC,gBACE,oBAAC,QAAD;EAAU,SAAS,EAAEL,KAAK,CAACM,QAA3B;EAAqC,KAAK,EAAC;AAA3C,EADF,eAEE;EACE,aAAU,cADZ;EAEE,SAAS,EAAEV,UAAU,CAACI,KAAK,CAACO,YAAP,EAAqBP,KAAK,CAACQ,SAA3B,CAFvB,CAGE;EAHF;EAIE,uBAAuB,EAAE;IAACC,MAAM,EAAEN;EAAT;AAJ3B,EAFF,CADF;;AAYAF,OAAO,CAACS,SAAR,2CAAoB;EAClBR,OAAO,EAAEH,IAAI,CAACW,SAAL,CAAeR,OADN;EAElBC,KAAK,EAAER,SAAS,CAACgB;AAFC,CAApB;;AAKA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQT,OAAR,KAAoB;EAC9C,MAAM;IAACC;EAAD,IAAYQ,KAAlB;EACA,oBAAO,oBAAC,OAAD,EAAaR,OAAb,CAAP;AACD,CAHD;;AAKAO,mBAAmB,CAACF,SAApB,2CAAgC;EAC9BL,OAAO,EAAEV,SAAS,CAACmB,KAAV,CAAgB;IACvBZ,OAAO,EAAEH,IAAI,CAACW,SAAL,CAAeR,OADD;IAEvBC,KAAK,EAAER,SAAS,CAACoB,MAAV,CAAiBC;EAFD,CAAhB;AADqB,CAAhC;AAOA,eAAeJ,mBAAf"}
+{"version":3,"file":"microlearning.js","names":["React","PropTypes","classnames","NovaCompositionNavigationArrowLeft","BackIcon","Link","style","Content","onClick","title","context","content","backIcon","contentTitle","innerHTML","__html","propTypes","node","MicrolearningHeader","props","shape","string","isRequired"],"sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport style from './microlearning.css';\n\nconst Content = ({onClick, title}, context) => (\n  <Link onClick={onClick} className={style.content}>\n    <BackIcon className={style.backIcon} color=\"inherit\" />\n    <div\n      data-name=\"contentTitle\"\n      className={classnames(style.contentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </Link>\n);\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.node\n};\n\nconst MicrolearningHeader = (props, context) => {\n  const {content} = props;\n  return <Content {...content} />;\n};\n\nMicrolearningHeader.propTypes = {\n  content: PropTypes.shape({\n    onClick: Link.propTypes.onClick,\n    title: PropTypes.string.isRequired\n  })\n};\n\nexport default MicrolearningHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,kCAAkC,IAAIC,QAAQ,QAAO,0BAA0B;AACvF,OAAOC,IAAI,MAAM,0BAA0B;AAC3C,OAAOC,KAAK,MAAM,qBAAqB;AAEvC,MAAMC,OAAO,GAAG,CAAC;EAACC,OAAO;EAAEC;AAAK,CAAC,EAAEC,OAAO,kBACxC,oBAAC,IAAI;EAAC,OAAO,EAAEF,OAAQ;EAAC,SAAS,EAAEF,KAAK,CAACK;AAAQ,gBAC/C,oBAAC,QAAQ;EAAC,SAAS,EAAEL,KAAK,CAACM,QAAS;EAAC,KAAK,EAAC;AAAS,EAAG,eACvD;EACE,aAAU,cAAc;EACxB,SAAS,EAAEV,UAAU,CAACI,KAAK,CAACO,YAAY,EAAEP,KAAK,CAACQ,SAAS;EACzD;EAAA;EACA,uBAAuB,EAAE;IAACC,MAAM,EAAEN;EAAK;AAAE,EACzC,CAEL;AAEDF,OAAO,CAACS,SAAS,2CAAG;EAClBR,OAAO,EAAEH,IAAI,CAACW,SAAS,CAACR,OAAO;EAC/BC,KAAK,EAAER,SAAS,CAACgB;AACnB,CAAC;AAED,MAAMC,mBAAmB,GAAG,CAACC,KAAK,EAAET,OAAO,KAAK;EAC9C,MAAM;IAACC;EAAO,CAAC,GAAGQ,KAAK;EACvB,oBAAO,oBAAC,OAAO,EAAKR,OAAO,CAAI;AACjC,CAAC;AAEDO,mBAAmB,CAACF,SAAS,2CAAG;EAC9BL,OAAO,EAAEV,SAAS,CAACmB,KAAK,CAAC;IACvBZ,OAAO,EAAEH,IAAI,CAACW,SAAS,CAACR,OAAO;IAC/BC,KAAK,EAAER,SAAS,CAACoB,MAAM,CAACC;EAC1B,CAAC;AACH,CAAC;AAED,eAAeJ,mBAAmB"}

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

@@ -9,13 +9,10 @@ import _get from "lodash/fp/get";
 import _find from "lodash/fp/find";
 import _compact from "lodash/fp/compact";
 const _excluded = ["videoId"],
-      _excluded2 = ["question", "step"],
-      _excluded3 = ["error"];
-
+  _excluded2 = ["question", "step"],
+  _excluded3 = ["error"];
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _extends() { _extends = Object.assign ? 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';
@@ -35,7 +32,6 @@ import CMPopin from '../../../../molecule/cm-popin';
 import Footer from './footer';
 import Header from './header';
 import style from './style.css';
-
 const MediaView = ({
   media
 }) => {
@@ -45,10 +41,10 @@ const MediaView = ({
     src: media
   }));
 };
-
 MediaView.propTypes = process.env.NODE_ENV !== "production" ? {
   media: Picture.propTypes.src
 } : {};
+
 /*
  * Content types
  */
@@ -67,24 +63,20 @@ const ClueContent = (props, context) => {
     onClick: onClickSeeClue
   }));
 };
-
 ClueContent.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string,
   starsDiff: PropTypes.number,
   onClickSeeClue: PropTypes.func
 } : {};
-
 const Bar = ({
   total,
   color,
   current
 }) => {
   const _current = _max([current, 0]);
-
   if (!total) {
     return null;
   }
-
   const stepWidth = _current / total * 100;
   return /*#__PURE__*/React.createElement("div", {
     className: style.stepBar,
@@ -94,13 +86,11 @@ const Bar = ({
     }
   });
 };
-
 Bar.propTypes = process.env.NODE_ENV !== "production" ? {
   current: PropTypes.number.isRequired,
   total: PropTypes.number,
   color: ColorPropType
 } : {};
-
 const Step = ({
   step,
   color
@@ -123,7 +113,6 @@ const Step = ({
     color: color
   })))));
 };
-
 Step.propTypes = process.env.NODE_ENV !== "production" ? {
   step: PropTypes.shape({
     current: Bar.propTypes.current,
@@ -131,7 +120,6 @@ Step.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   color: ColorPropType
 } : {};
-
 const NewMedia = (props, context) => {
   const {
     translate
@@ -140,16 +128,13 @@ const NewMedia = (props, context) => {
     onClick,
     step
   } = props;
-
   const current = _get('current', step);
-
   return /*#__PURE__*/React.createElement("div", {
     className: `${style.guideWrapper} ${style.newMedia}`,
     onClick: onClick,
     "data-name": "newMedia"
   }, /*#__PURE__*/React.createElement("span", null, translate(step === null || current === 1 ? 'See lesson' : 'New media')));
 };
-
 NewMedia.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func,
   step: Step.propTypes.step
@@ -157,7 +142,6 @@ NewMedia.propTypes = process.env.NODE_ENV !== "production" ? {
 NewMedia.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
-
 const ReviewLesson = (props, context) => {
   const {
     translate
@@ -171,26 +155,22 @@ const ReviewLesson = (props, context) => {
     "data-name": "reviewLesson"
   }, /*#__PURE__*/React.createElement("span", null, translate('Review lesson')));
 };
-
 ReviewLesson.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func
 } : {};
 ReviewLesson.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
-
 const AnswerContent = ({
   answerType,
   help
 }) => /*#__PURE__*/React.createElement(Answer, _extends({}, answerType, {
   help: help
 }));
-
 AnswerContent.propTypes = process.env.NODE_ENV !== "production" ? {
   answerType: PropTypes.shape(Answer.propTypes),
   help: PropTypes.string
 } : {};
-
 const MediaContent = (props, context) => {
   const {
     resources,
@@ -210,7 +190,6 @@ const MediaContent = (props, context) => {
     className: style.stars
   }, starsToWin));
 };
-
 MediaContent.propTypes = process.env.NODE_ENV !== "production" ? {
   resources: ResourceBrowser.propTypes.resources,
   starsDiff: PropTypes.number
@@ -218,7 +197,6 @@ MediaContent.propTypes = process.env.NODE_ENV !== "production" ? {
 MediaContent.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
-
 const ContextImage = ({
   src
 }) => {
@@ -231,24 +209,21 @@ const ContextImage = ({
   }));
   return /*#__PURE__*/React.createElement("div", null, images);
 };
-
 ContextImage.propTypes = process.env.NODE_ENV !== "production" ? {
   src: PropTypes.arrayOf(PropTypes.shape({
     _id: PropTypes.string,
     url: PropTypes.string
   }))
 } : {};
-
 const ContextVideo = props => {
   const {
     src
   } = props;
   const videos = src.map(_ref => {
     let {
-      videoId
-    } = _ref,
-        childProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+        videoId
+      } = _ref,
+      childProps = _objectWithoutPropertiesLoose(_ref, _excluded);
     return /*#__PURE__*/React.createElement(VideoPlayer, _extends({}, _omit('id', childProps), {
       id: videoId,
       key: videoId,
@@ -257,7 +232,6 @@ const ContextVideo = props => {
   });
   return /*#__PURE__*/React.createElement("div", null, videos);
 };
-
 ContextVideo.propTypes = process.env.NODE_ENV !== "production" ? {
   src: PropTypes.arrayOf(PropTypes.shape(VideoPlayer.propTypes))
 } : {};
@@ -267,7 +241,6 @@ const CONTEXT_MEDIA = {
   audio: Audio,
   video: ContextVideo
 };
-
 const ContextMedia = ({
   media
 }) => {
@@ -277,7 +250,6 @@ const ContextMedia = ({
     className: classnames(style.contextWrapper, media.type === 'pdf' ? style.contextPdfWrapper : null, media.type === 'audio' ? style.contextAudioWrapper : null)
   }, /*#__PURE__*/React.createElement(ContentType, media));
 };
-
 ContextMedia.propTypes = process.env.NODE_ENV !== "production" ? {
   media: PropTypes.oneOfType([PropTypes.shape(_extends({}, ContextImage.propTypes, {
     type: PropTypes.oneOf(['img'])
@@ -289,16 +261,15 @@ ContextMedia.propTypes = process.env.NODE_ENV !== "production" ? {
     type: PropTypes.oneOf(['video'])
   }))])
 } : {};
-
 const ContextContent = ({
   slideContext
 }) => {
   const descriptionParagraphs = _pipe(_getOr('', 'description'), _split('\n'), _compact)(slideContext);
-
   const paragraphs = descriptionParagraphs.map((paragraph, index) => /*#__PURE__*/React.createElement("p", {
     key: index,
     "data-name": "contextDescription",
-    className: classnames(style.contextDescription, style.innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(style.contextDescription, style.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: paragraph
@@ -310,7 +281,6 @@ const ContextContent = ({
     media: slideContext.media
   }) : null, paragraphs);
 };
-
 ContextContent.propTypes = process.env.NODE_ENV !== "production" ? {
   slideContext: PropTypes.shape({
     title: PropTypes.string,
@@ -324,39 +294,34 @@ const CONTENT_TYPE = {
   context: ContextContent,
   media: MediaContent
 };
-
 const Help = ({
   help
 }) => /*#__PURE__*/React.createElement("div", {
-  className: classnames(style.helpView, style.innerHTML) // eslint-disable-next-line react/no-danger
+  className: classnames(style.helpView, style.innerHTML)
+  // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: help
   }
 });
-
 Help.propTypes = process.env.NODE_ENV !== "production" ? {
   help: PropTypes.string
 } : {};
-
 const ValidateButton = ({
   cta
 }) => {
   if (!cta) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: style.ctaWrapper
   }, /*#__PURE__*/React.createElement(Cta, _extends({}, cta, {
     className: style.cta
   })));
 };
-
 ValidateButton.propTypes = process.env.NODE_ENV !== "production" ? {
   cta: PropTypes.shape(Cta.propTypes)
 } : {};
-
 const ContentLayout = (props, context) => {
   const {
     typeClue: selectedTab,
@@ -378,7 +343,8 @@ const ContentLayout = (props, context) => {
     }
   }, /*#__PURE__*/React.createElement("div", {
     "data-name": "question",
-    className: classnames(selectedTab === 'context' ? style.contextTitle : style.question, style.innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(selectedTab === 'context' ? style.contextTitle : style.question, style.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: selectedTab === 'context' ? slideContext.title : question
@@ -387,7 +353,6 @@ const ContentLayout = (props, context) => {
     help: help
   }) : null, /*#__PURE__*/React.createElement(ContentType, props), /*#__PURE__*/React.createElement(ValidateButton, props));
 };
-
 ContentLayout.contextTypes = {
   translate: Provider.childContextTypes.translate,
   skin: Provider.childContextTypes.skin
@@ -396,6 +361,7 @@ ContentLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   typeClue: PropTypes.oneOf(_keys(CONTENT_TYPE)),
   question: PropTypes.string
 }, ValidateButton.propTypes) : {};
+
 /*
  * Loading
  */
@@ -405,25 +371,22 @@ const LoadingLayout = ({
 }) => /*#__PURE__*/React.createElement("div", {
   className: style.loading
 }, popinError ? /*#__PURE__*/React.createElement(CMPopin, popinError) : /*#__PURE__*/React.createElement(Loader, null));
-
 LoadingLayout.propTypes = process.env.NODE_ENV !== "production" ? {
   popinError: PropTypes.shape(CMPopin.propTypes)
 } : {};
-
 const LoadedLayout = _ref2 => {
   let {
-    question
-  } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+      question
+    } = _ref2,
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   return question ? /*#__PURE__*/React.createElement(ContentLayout, _extends({}, props, {
     question: question
   })) : /*#__PURE__*/React.createElement(LoadingLayout, props);
 };
-
 LoadedLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, ContentLayout.propTypes, {
   question: ContentLayout.propTypes.question
 }) : {};
+
 /*
  * Errors
  */
@@ -435,23 +398,20 @@ const ErrorMessage = ({
 }, /*#__PURE__*/React.createElement("div", {
   className: style.error
 }, errorMsg));
-
 ErrorMessage.propTypes = process.env.NODE_ENV !== "production" ? {
   errorMsg: PropTypes.string
 } : {};
-
 const Content = _ref3 => {
   let {
-    error
-  } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-
+      error
+    } = _ref3,
+    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
   return error ? /*#__PURE__*/React.createElement(ErrorMessage, props) : /*#__PURE__*/React.createElement(LoadedLayout, props);
 };
-
 Content.propTypes = process.env.NODE_ENV !== "production" ? {
   error: PropTypes.bool
 } : {};
+
 /*
  * SlidesPlayer
  */
@@ -467,9 +427,7 @@ const SlidesPlayer = (props, context) => {
   const {
     skin
   } = context;
-
   const stepColor = _get('common.primary', skin);
-
   const mediaButton = _find({
     type: 'media'
   }, buttons) || {};
@@ -493,7 +451,6 @@ const SlidesPlayer = (props, context) => {
     buttons: buttons
   }));
 };
-
 SlidesPlayer.TYPE = CONTENT_TYPE;
 SlidesPlayer.contextTypes = {
   translate: Provider.childContextTypes.translate,