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

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

@@ -2,27 +2,16 @@
 
 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(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,
@@ -42,13 +31,11 @@ const LearnerHeaderWrapper = props => {
     color: "inherit"
   }), 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,
@@ -71,14 +58,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
 };
@@ -88,7 +75,6 @@ Content.propTypes = process.env.NODE_ENV !== "production" ? {
   details: _propTypes.default.string,
   mode: _propTypes.default.string
 } : {};
-
 const Subcontent = ({
   title,
   details
@@ -97,18 +83,17 @@ 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,
@@ -121,7 +106,6 @@ 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,

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

@@ -1 +1 @@
-{"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} 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":["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} 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":";;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAkC;AAAA;AAElC,MAAMA,oBAAoB,GAAGC,KAAK,IAAI;EACpC,MAAM;IAACC,QAAQ;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGH,KAAK;EACvC,IAAIE,IAAI,KAAK,OAAO,EAClB,oBACE;IAAK,SAAS,EAAEE,gBAAK,CAACC;EAAoB,gBACxC;IAAK,SAAS,EAAED,gBAAK,CAACE;EAAS,EAAG,EACjCL,QAAQ,CACL;EAEV,oBACE,6BAAC,aAAI;IAAC,OAAO,EAAEE,OAAQ;IAAC,SAAS,EAAEC,gBAAK,CAACG;EAAe,gBACtD,6BAAC,6CAAQ;IAAC,SAAS,EAAEH,gBAAK,CAACE,QAAS;IAAC,KAAK,EAAC;EAAS,EAAG,EACtDL,QAAQ,CACJ;AAEX,CAAC;AAEDF,oBAAoB,CAACS,SAAS,2CAAG;EAC/BL,OAAO,EAAEM,aAAI,CAACD,SAAS,CAACL,OAAO;EAC/BD,IAAI,EAAEQ,kBAAS,CAACC,MAAM;EACtBV,QAAQ,EAAES,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,OAAO,CAACH,kBAAS,CAACI,IAAI,CAAC,EAAEJ,kBAAS,CAACI,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAED,MAAMC,OAAO,GAAG,CAAC;EAACb,OAAO;EAAEc,KAAK;EAAEC,OAAO;EAAEhB;AAAI,CAAC,EAAEiB,OAAO,KAAK;EAC5D,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAME,gBAAgB,GAAG,mBAAI,gBAAgB,EAAED,IAAI,CAAC;EAEpD,oBACE,6BAAC,oBAAoB;IAAC,IAAI,EAAElB,IAAK;IAAC,OAAO,EAAEC;EAAQ,gBACjD;IAAK,SAAS,EAAEC,gBAAK,CAACkB;EAAQ,gBAC5B;IACE,SAAS,EAAElB,gBAAK,CAACmB,cAAe;IAChC,KAAK,EAAE;MACLC,KAAK,EAAEH;IACT;EAAE,GAEDH,OAAO,CACJ,eAEN;IACE,aAAU,cAAc;IACxB,SAAS,EAAE,IAAAO,mBAAU,EAACrB,gBAAK,CAACsB,YAAY,EAAEtB,gBAAK,CAACuB,SAAS;IACzD;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAEX;IAAK;EAAE,EACzC,CACE,CACe;AAE3B,CAAC;AAEDD,OAAO,CAACa,YAAY,GAAG;EACrBT,IAAI,EAAEU,iBAAQ,CAACC,iBAAiB,CAACX;AACnC,CAAC;AAEDJ,OAAO,CAACR,SAAS,2CAAG;EAClBL,OAAO,EAAEM,aAAI,CAACD,SAAS,CAACL,OAAO;EAC/Bc,KAAK,EAAEP,kBAAS,CAACC,MAAM,CAACI,UAAU;EAClCG,OAAO,EAAER,kBAAS,CAACC,MAAM;EACzBT,IAAI,EAAEQ,kBAAS,CAACC;AAClB,CAAC;AAED,MAAMqB,UAAU,GAAG,CAAC;EAACf,KAAK;EAAEC;AAAO,CAAC,EAAEC,OAAO,kBAC3C;EAAK,SAAS,EAAEf,gBAAK,CAAC6B;AAAW,gBAC/B;EAAK,SAAS,EAAE7B,gBAAK,CAAC8B;AAAkB,GAAEhB,OAAO,CAAO,eACxD;EACE,SAAS,EAAE,IAAAO,mBAAU,EAACrB,gBAAK,CAAC+B,eAAe,EAAE/B,gBAAK,CAACuB,SAAS;EAC5D;EAAA;EACA,uBAAuB,EAAE;IAACC,MAAM,EAAEX;EAAK;AAAE,EACzC,CAEL;AAEDe,UAAU,CAACxB,SAAS,2CAAG;EACrBS,KAAK,EAAEP,kBAAS,CAACC,MAAM,CAACI,UAAU;EAClCG,OAAO,EAAER,kBAAS,CAACC;AACrB,CAAC;AAED,MAAMyB,aAAa,GAAG,CAACpC,KAAK,EAAEmB,OAAO,KAAK;EACxC,MAAM;IAACG,OAAO;IAAEW,UAAU;IAAE/B;EAAI,CAAC,GAAGF,KAAK;EAEzC,oBACE;IAAK,SAAS,EAAEI,gBAAK,CAACiC;EAAQ,gBAC5B,6BAAC,OAAO,eAAKf,OAAO;IAAE,IAAI,EAAEpB;EAAK,GAAG,eACpC,6BAAC,UAAU,EAAK+B,UAAU,CAAI,CAC1B;AAEV,CAAC;AAEDG,aAAa,CAAC5B,SAAS,2CAAG;EACxBc,OAAO,EAAEZ,kBAAS,CAAC4B,KAAK,CAACtB,OAAO,CAACR,SAAS,CAAC,CAACO,UAAU;EACtDkB,UAAU,EAAEvB,kBAAS,CAAC4B,KAAK,CAACN,UAAU,CAACxB,SAAS,CAAC,CAACO,UAAU;EAC5Db,IAAI,EAAEQ,kBAAS,CAACC;AAClB,CAAC;AAAC,eAEayB,aAAa;AAAA"}

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

@@ -2,26 +2,18 @@
 
 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(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, {
@@ -30,7 +22,6 @@ const Lives = ({
     mode: "small"
   }));
 };
-
 Lives.propTypes = process.env.NODE_ENV !== "production" ? {
   count: _propTypes.default.number
 } : {};

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

@@ -1 +1 @@
-{"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"}
+{"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;AAAgC;AAEhC,MAAMA,KAAK,GAAG,CAAC;EAACC;AAAK,CAAC,EAAEC,OAAO,KAAK;EAClC,IAAI,qBAAMD,KAAK,CAAC,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,oBACE;IAAK,SAAS,EAAEE,cAAK,CAACC;EAAQ,gBAC5B,6BAAC,aAAI;IAAC,KAAK,EAAEH,KAAM;IAAC,SAAS,EAAEE,cAAK,CAACE,IAAK;IAAC,IAAI,EAAC;EAAO,EAAG,CACtD;AAEV,CAAC;AAEDL,KAAK,CAACM,SAAS,2CAAG;EAChBL,KAAK,EAAEM,kBAAS,CAACC;AACnB,CAAC;AAAC,eAEaR,KAAK;AAAA"}

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

@@ -2,21 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 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 _microlearning = _interopRequireDefault(require("./microlearning.css"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Content = ({
   onClick,
   title
@@ -28,25 +20,23 @@ const Content = ({
   color: "inherit"
 }), /*#__PURE__*/_react.default.createElement("div", {
   "data-name": "contentTitle",
-  className: (0, _classnames.default)(_microlearning.default.contentTitle, _microlearning.default.innerHTML) // eslint-disable-next-line react/no-danger
+  className: (0, _classnames.default)(_microlearning.default.contentTitle, _microlearning.default.innerHTML)
+  // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: title
   }
 }));
-
 Content.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _link.default.propTypes.onClick,
   title: _propTypes.default.node
 } : {};
-
 const MicrolearningHeader = (props, context) => {
   const {
     content
   } = props;
   return /*#__PURE__*/_react.default.createElement(Content, content);
 };
-
 MicrolearningHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   content: _propTypes.default.shape({
     onClick: _link.default.propTypes.onClick,

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

@@ -1 +1 @@
-{"version":3,"file":"microlearning.js","names":["Content","onClick","title","context","style","content","backIcon","classnames","contentTitle","innerHTML","__html","propTypes","Link","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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;EAACC,OAAD;EAAUC;AAAV,CAAD,EAAmBC,OAAnB,kBACd,6BAAC,aAAD;EAAM,OAAO,EAAEF,OAAf;EAAwB,SAAS,EAAEG,sBAAA,CAAMC;AAAzC,gBACE,6BAAC,6CAAD;EAAU,SAAS,EAAED,sBAAA,CAAME,QAA3B;EAAqC,KAAK,EAAC;AAA3C,EADF,eAEE;EACE,aAAU,cADZ;EAEE,SAAS,EAAE,IAAAC,mBAAA,EAAWH,sBAAA,CAAMI,YAAjB,EAA+BJ,sBAAA,CAAMK,SAArC,CAFb,CAGE;EAHF;EAIE,uBAAuB,EAAE;IAACC,MAAM,EAAER;EAAT;AAJ3B,EAFF,CADF;;AAYAF,OAAO,CAACW,SAAR,2CAAoB;EAClBV,OAAO,EAAEW,aAAA,CAAKD,SAAL,CAAeV,OADN;EAElBC,KAAK,EAAEW,kBAAA,CAAUC;AAFC,CAApB;;AAKA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQb,OAAR,KAAoB;EAC9C,MAAM;IAACE;EAAD,IAAYW,KAAlB;EACA,oBAAO,6BAAC,OAAD,EAAaX,OAAb,CAAP;AACD,CAHD;;AAKAU,mBAAmB,CAACJ,SAApB,2CAAgC;EAC9BN,OAAO,EAAEQ,kBAAA,CAAUI,KAAV,CAAgB;IACvBhB,OAAO,EAAEW,aAAA,CAAKD,SAAL,CAAeV,OADD;IAEvBC,KAAK,EAAEW,kBAAA,CAAUK,MAAV,CAAiBC;EAFD,CAAhB;AADqB,CAAhC;eAOeJ,mB"}
+{"version":3,"file":"microlearning.js","names":["Content","onClick","title","context","style","content","backIcon","classnames","contentTitle","innerHTML","__html","propTypes","Link","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;AACA;AACA;AACA;AACA;AACA;AAAwC;AAExC,MAAMA,OAAO,GAAG,CAAC;EAACC,OAAO;EAAEC;AAAK,CAAC,EAAEC,OAAO,kBACxC,6BAAC,aAAI;EAAC,OAAO,EAAEF,OAAQ;EAAC,SAAS,EAAEG,sBAAK,CAACC;AAAQ,gBAC/C,6BAAC,6CAAQ;EAAC,SAAS,EAAED,sBAAK,CAACE,QAAS;EAAC,KAAK,EAAC;AAAS,EAAG,eACvD;EACE,aAAU,cAAc;EACxB,SAAS,EAAE,IAAAC,mBAAU,EAACH,sBAAK,CAACI,YAAY,EAAEJ,sBAAK,CAACK,SAAS;EACzD;EAAA;EACA,uBAAuB,EAAE;IAACC,MAAM,EAAER;EAAK;AAAE,EACzC,CAEL;AAEDF,OAAO,CAACW,SAAS,2CAAG;EAClBV,OAAO,EAAEW,aAAI,CAACD,SAAS,CAACV,OAAO;EAC/BC,KAAK,EAAEW,kBAAS,CAACC;AACnB,CAAC;AAED,MAAMC,mBAAmB,GAAG,CAACC,KAAK,EAAEb,OAAO,KAAK;EAC9C,MAAM;IAACE;EAAO,CAAC,GAAGW,KAAK;EACvB,oBAAO,6BAAC,OAAO,EAAKX,OAAO,CAAI;AACjC,CAAC;AAEDU,mBAAmB,CAACJ,SAAS,2CAAG;EAC9BN,OAAO,EAAEQ,kBAAS,CAACI,KAAK,CAAC;IACvBhB,OAAO,EAAEW,aAAI,CAACD,SAAS,CAACV,OAAO;IAC/BC,KAAK,EAAEW,kBAAS,CAACK,MAAM,CAACC;EAC1B,CAAC;AACH,CAAC;AAAC,eAEaJ,mBAAmB;AAAA"}

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

@@ -2,75 +2,41 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _split2 = _interopRequireDefault(require("lodash/fp/split"));
-
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
-
 var _max2 = _interopRequireDefault(require("lodash/fp/max"));
-
 var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
-
 var _omit2 = _interopRequireDefault(require("lodash/fp/omit"));
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _find2 = _interopRequireDefault(require("lodash/fp/find"));
-
 var _compact2 = _interopRequireDefault(require("lodash/fp/compact"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _proptypes = require("../../../../util/proptypes");
-
 var _cta = _interopRequireDefault(require("../../../../atom/cta"));
-
 var _picture = _interopRequireDefault(require("../../../../atom/picture"));
-
 var _provider = _interopRequireDefault(require("../../../../atom/provider"));
-
 var _clue = _interopRequireDefault(require("../../../../atom/clue"));
-
 var _answer = _interopRequireDefault(require("../../../../molecule/answer"));
-
 var _loader = _interopRequireDefault(require("../../../../atom/loader"));
-
 var _swapper = _interopRequireDefault(require("../../../../hoc/swapper"));
-
 var _videoPlayer = _interopRequireDefault(require("../../../../molecule/video-player"));
-
 var _pdf = _interopRequireDefault(require("../../../../molecule/pdf"));
-
 var _audio = _interopRequireDefault(require("../../../../molecule/audio"));
-
 var _resourceBrowser = _interopRequireDefault(require("../../../../organism/resource-browser"));
-
 var _cmPopin = _interopRequireDefault(require("../../../../molecule/cm-popin"));
-
 var _footer = _interopRequireDefault(require("./footer"));
-
 var _header = _interopRequireDefault(require("./header"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 const _excluded = ["videoId"],
-      _excluded2 = ["question", "step"],
-      _excluded3 = ["error"];
-
+  _excluded2 = ["question", "step"],
+  _excluded3 = ["error"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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); }
-
 const MediaView = ({
   media
 }) => {
@@ -80,10 +46,10 @@ const MediaView = ({
     src: media
   }));
 };
-
 MediaView.propTypes = process.env.NODE_ENV !== "production" ? {
   media: _picture.default.propTypes.src
 } : {};
+
 /*
  * Content types
  */
@@ -102,24 +68,20 @@ const ClueContent = (props, context) => {
     onClick: onClickSeeClue
   }));
 };
-
 ClueContent.propTypes = process.env.NODE_ENV !== "production" ? {
   text: _propTypes.default.string,
   starsDiff: _propTypes.default.number,
   onClickSeeClue: _propTypes.default.func
 } : {};
-
 const Bar = ({
   total,
   color,
   current
 }) => {
   const _current = (0, _max2.default)([current, 0]);
-
   if (!total) {
     return null;
   }
-
   const stepWidth = _current / total * 100;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.stepBar,
@@ -129,13 +91,11 @@ const Bar = ({
     }
   });
 };
-
 Bar.propTypes = process.env.NODE_ENV !== "production" ? {
   current: _propTypes.default.number.isRequired,
   total: _propTypes.default.number,
   color: _proptypes.ColorPropType
 } : {};
-
 const Step = ({
   step,
   color
@@ -158,7 +118,6 @@ const Step = ({
     color: color
   })))));
 };
-
 Step.propTypes = process.env.NODE_ENV !== "production" ? {
   step: _propTypes.default.shape({
     current: Bar.propTypes.current,
@@ -166,7 +125,6 @@ Step.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   color: _proptypes.ColorPropType
 } : {};
-
 const NewMedia = (props, context) => {
   const {
     translate
@@ -182,7 +140,6 @@ const NewMedia = (props, context) => {
     "data-name": "newMedia"
   }, /*#__PURE__*/_react.default.createElement("span", null, translate(step === null || current === 1 ? 'See lesson' : 'New media')));
 };
-
 NewMedia.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func,
   step: Step.propTypes.step
@@ -190,7 +147,6 @@ NewMedia.propTypes = process.env.NODE_ENV !== "production" ? {
 NewMedia.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
-
 const ReviewLesson = (props, context) => {
   const {
     translate
@@ -204,26 +160,22 @@ const ReviewLesson = (props, context) => {
     "data-name": "reviewLesson"
   }, /*#__PURE__*/_react.default.createElement("span", null, translate('Review lesson')));
 };
-
 ReviewLesson.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func
 } : {};
 ReviewLesson.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
-
 const AnswerContent = ({
   answerType,
   help
 }) => /*#__PURE__*/_react.default.createElement(_answer.default, _extends({}, answerType, {
   help: help
 }));
-
 AnswerContent.propTypes = process.env.NODE_ENV !== "production" ? {
   answerType: _propTypes.default.shape(_answer.default.propTypes),
   help: _propTypes.default.string
 } : {};
-
 const MediaContent = (props, context) => {
   const {
     resources,
@@ -243,7 +195,6 @@ const MediaContent = (props, context) => {
     className: _style.default.stars
   }, starsToWin));
 };
-
 MediaContent.propTypes = process.env.NODE_ENV !== "production" ? {
   resources: _resourceBrowser.default.propTypes.resources,
   starsDiff: _propTypes.default.number
@@ -251,7 +202,6 @@ MediaContent.propTypes = process.env.NODE_ENV !== "production" ? {
 MediaContent.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
-
 const ContextImage = ({
   src
 }) => {
@@ -264,24 +214,21 @@ const ContextImage = ({
   }));
   return /*#__PURE__*/_react.default.createElement("div", null, images);
 };
-
 ContextImage.propTypes = process.env.NODE_ENV !== "production" ? {
   src: _propTypes.default.arrayOf(_propTypes.default.shape({
     _id: _propTypes.default.string,
     url: _propTypes.default.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.default.createElement(_videoPlayer.default, _extends({}, (0, _omit2.default)('id', childProps), {
       id: videoId,
       key: videoId,
@@ -290,7 +237,6 @@ const ContextVideo = props => {
   });
   return /*#__PURE__*/_react.default.createElement("div", null, videos);
 };
-
 ContextVideo.propTypes = process.env.NODE_ENV !== "production" ? {
   src: _propTypes.default.arrayOf(_propTypes.default.shape(_videoPlayer.default.propTypes))
 } : {};
@@ -300,7 +246,6 @@ const CONTEXT_MEDIA = {
   audio: _audio.default,
   video: ContextVideo
 };
-
 const ContextMedia = ({
   media
 }) => {
@@ -310,7 +255,6 @@ const ContextMedia = ({
     className: (0, _classnames.default)(_style.default.contextWrapper, media.type === 'pdf' ? _style.default.contextPdfWrapper : null, media.type === 'audio' ? _style.default.contextAudioWrapper : null)
   }, /*#__PURE__*/_react.default.createElement(ContentType, media));
 };
-
 ContextMedia.propTypes = process.env.NODE_ENV !== "production" ? {
   media: _propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, ContextImage.propTypes, {
     type: _propTypes.default.oneOf(['img'])
@@ -322,7 +266,6 @@ ContextMedia.propTypes = process.env.NODE_ENV !== "production" ? {
     type: _propTypes.default.oneOf(['video'])
   }))])
 } : {};
-
 const ContextContent = ({
   slideContext
 }) => {
@@ -330,7 +273,8 @@ const ContextContent = ({
   const paragraphs = descriptionParagraphs.map((paragraph, index) => /*#__PURE__*/_react.default.createElement("p", {
     key: index,
     "data-name": "contextDescription",
-    className: (0, _classnames.default)(_style.default.contextDescription, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_style.default.contextDescription, _style.default.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: paragraph
@@ -342,7 +286,6 @@ const ContextContent = ({
     media: slideContext.media
   }) : null, paragraphs);
 };
-
 ContextContent.propTypes = process.env.NODE_ENV !== "production" ? {
   slideContext: _propTypes.default.shape({
     title: _propTypes.default.string,
@@ -356,39 +299,34 @@ const CONTENT_TYPE = {
   context: ContextContent,
   media: MediaContent
 };
-
 const Help = ({
   help
 }) => /*#__PURE__*/_react.default.createElement("div", {
-  className: (0, _classnames.default)(_style.default.helpView, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
+  className: (0, _classnames.default)(_style.default.helpView, _style.default.innerHTML)
+  // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: help
   }
 });
-
 Help.propTypes = process.env.NODE_ENV !== "production" ? {
   help: _propTypes.default.string
 } : {};
-
 const ValidateButton = ({
   cta
 }) => {
   if (!cta) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.ctaWrapper
   }, /*#__PURE__*/_react.default.createElement(_cta.default, _extends({}, cta, {
     className: _style.default.cta
   })));
 };
-
 ValidateButton.propTypes = process.env.NODE_ENV !== "production" ? {
   cta: _propTypes.default.shape(_cta.default.propTypes)
 } : {};
-
 const ContentLayout = (props, context) => {
   const {
     typeClue: selectedTab,
@@ -410,7 +348,8 @@ const ContentLayout = (props, context) => {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "question",
-    className: (0, _classnames.default)(selectedTab === 'context' ? _style.default.contextTitle : _style.default.question, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(selectedTab === 'context' ? _style.default.contextTitle : _style.default.question, _style.default.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: selectedTab === 'context' ? slideContext.title : question
@@ -419,7 +358,6 @@ const ContentLayout = (props, context) => {
     help: help
   }) : null, /*#__PURE__*/_react.default.createElement(ContentType, props), /*#__PURE__*/_react.default.createElement(ValidateButton, props));
 };
-
 ContentLayout.contextTypes = {
   translate: _provider.default.childContextTypes.translate,
   skin: _provider.default.childContextTypes.skin
@@ -428,6 +366,7 @@ ContentLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   typeClue: _propTypes.default.oneOf((0, _keys2.default)(CONTENT_TYPE)),
   question: _propTypes.default.string
 }, ValidateButton.propTypes) : {};
+
 /*
  * Loading
  */
@@ -437,25 +376,22 @@ const LoadingLayout = ({
 }) => /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.loading
 }, popinError ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinError) : /*#__PURE__*/_react.default.createElement(_loader.default, null));
-
 LoadingLayout.propTypes = process.env.NODE_ENV !== "production" ? {
   popinError: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};
-
 const LoadedLayout = _ref2 => {
   let {
-    question
-  } = _ref2,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+      question
+    } = _ref2,
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   return question ? /*#__PURE__*/_react.default.createElement(ContentLayout, _extends({}, props, {
     question: question
   })) : /*#__PURE__*/_react.default.createElement(LoadingLayout, props);
 };
-
 LoadedLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, ContentLayout.propTypes, {
   question: ContentLayout.propTypes.question
 }) : {};
+
 /*
  * Errors
  */
@@ -467,23 +403,20 @@ const ErrorMessage = ({
 }, /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.error
 }, errorMsg));
-
 ErrorMessage.propTypes = process.env.NODE_ENV !== "production" ? {
   errorMsg: _propTypes.default.string
 } : {};
-
 const Content = _ref3 => {
   let {
-    error
-  } = _ref3,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-
+      error
+    } = _ref3,
+    props = _objectWithoutPropertiesLoose(_ref3, _excluded3);
   return error ? /*#__PURE__*/_react.default.createElement(ErrorMessage, props) : /*#__PURE__*/_react.default.createElement(LoadedLayout, props);
 };
-
 Content.propTypes = process.env.NODE_ENV !== "production" ? {
   error: _propTypes.default.bool
 } : {};
+
 /*
  * SlidesPlayer
  */
@@ -523,7 +456,6 @@ const SlidesPlayer = (props, context) => {
     buttons: buttons
   }));
 };
-
 SlidesPlayer.TYPE = CONTENT_TYPE;
 SlidesPlayer.contextTypes = {
   translate: _provider.default.childContextTypes.translate,