@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

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

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

@@ -1 +1 @@
-{"version":3,"file":"lives.js","names":["React","PropTypes","Life","style","Lives","count","context","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"}
+{"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"}

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

@@ -4,6 +4,7 @@ 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
@@ -15,23 +16,25 @@ 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,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"}
+{"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"}

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

@@ -9,10 +9,13 @@ 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';
@@ -32,6 +35,7 @@ import CMPopin from '../../../../molecule/cm-popin';
 import Footer from './footer';
 import Header from './header';
 import style from './style.css';
+
 const MediaView = ({
   media
 }) => {
@@ -41,10 +45,10 @@ const MediaView = ({
     src: media
   }));
 };
+
 MediaView.propTypes = process.env.NODE_ENV !== "production" ? {
   media: Picture.propTypes.src
 } : {};
-
 /*
  * Content types
  */
@@ -63,20 +67,24 @@ 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,
@@ -86,11 +94,13 @@ const Bar = ({
     }
   });
 };
+
 Bar.propTypes = process.env.NODE_ENV !== "production" ? {
   current: PropTypes.number.isRequired,
   total: PropTypes.number,
   color: ColorPropType
 } : {};
+
 const Step = ({
   step,
   color
@@ -113,6 +123,7 @@ const Step = ({
     color: color
   })))));
 };
+
 Step.propTypes = process.env.NODE_ENV !== "production" ? {
   step: PropTypes.shape({
     current: Bar.propTypes.current,
@@ -120,6 +131,7 @@ Step.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   color: ColorPropType
 } : {};
+
 const NewMedia = (props, context) => {
   const {
     translate
@@ -128,13 +140,16 @@ 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
@@ -142,6 +157,7 @@ NewMedia.propTypes = process.env.NODE_ENV !== "production" ? {
 NewMedia.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
+
 const ReviewLesson = (props, context) => {
   const {
     translate
@@ -155,22 +171,26 @@ 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,
@@ -190,6 +210,7 @@ const MediaContent = (props, context) => {
     className: style.stars
   }, starsToWin));
 };
+
 MediaContent.propTypes = process.env.NODE_ENV !== "production" ? {
   resources: ResourceBrowser.propTypes.resources,
   starsDiff: PropTypes.number
@@ -197,6 +218,7 @@ MediaContent.propTypes = process.env.NODE_ENV !== "production" ? {
 MediaContent.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
+
 const ContextImage = ({
   src
 }) => {
@@ -209,21 +231,24 @@ 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,
@@ -232,6 +257,7 @@ const ContextVideo = props => {
   });
   return /*#__PURE__*/React.createElement("div", null, videos);
 };
+
 ContextVideo.propTypes = process.env.NODE_ENV !== "production" ? {
   src: PropTypes.arrayOf(PropTypes.shape(VideoPlayer.propTypes))
 } : {};
@@ -241,6 +267,7 @@ const CONTEXT_MEDIA = {
   audio: Audio,
   video: ContextVideo
 };
+
 const ContextMedia = ({
   media
 }) => {
@@ -250,6 +277,7 @@ 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'])
@@ -261,15 +289,16 @@ 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
@@ -281,6 +310,7 @@ const ContextContent = ({
     media: slideContext.media
   }) : null, paragraphs);
 };
+
 ContextContent.propTypes = process.env.NODE_ENV !== "production" ? {
   slideContext: PropTypes.shape({
     title: PropTypes.string,
@@ -294,34 +324,39 @@ 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,
@@ -343,8 +378,7 @@ 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
@@ -353,6 +387,7 @@ 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
@@ -361,7 +396,6 @@ ContentLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends({
   typeClue: PropTypes.oneOf(_keys(CONTENT_TYPE)),
   question: PropTypes.string
 }, ValidateButton.propTypes) : {};
-
 /*
  * Loading
  */
@@ -371,22 +405,25 @@ 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
  */
@@ -398,20 +435,23 @@ 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
  */
@@ -427,7 +467,9 @@ const SlidesPlayer = (props, context) => {
   const {
     skin
   } = context;
+
   const stepColor = _get('common.primary', skin);
+
   const mediaButton = _find({
     type: 'media'
   }, buttons) || {};
@@ -451,6 +493,7 @@ const SlidesPlayer = (props, context) => {
     buttons: buttons
   }));
 };
+
 SlidesPlayer.TYPE = CONTENT_TYPE;
 SlidesPlayer.contextTypes = {
   translate: Provider.childContextTypes.translate,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ColorPropType","SrcPropType","Cta","Picture","Provider","Clue","Answer","Loader","Swapper","VideoPlayer","PDF","Audio","ResourceBrowser","CMPopin","Footer","Header","style","MediaView","media","contextMedia","propTypes","src","ClueContent","props","context","text","starsDiff","onClickSeeClue","clueWrapper","string","number","func","Bar","total","color","current","_current","stepWidth","stepBar","backgroundColor","width","isRequired","Step","step","stepCount","stepWrapper","shape","NewMedia","translate","onClick","guideWrapper","newMedia","contextTypes","childContextTypes","ReviewLesson","reviewLesson","AnswerContent","answerType","help","MediaContent","resources","starsToWin","count","Math","abs","resourcesWrapper","stars","ContextImage","images","map","url","_id","arrayOf","ContextVideo","videos","videoId","childProps","CONTEXT_MEDIA","img","pdf","audio","video","ContextMedia","ContentType","type","contextWrapper","contextPdfWrapper","contextAudioWrapper","oneOfType","oneOf","ContextContent","slideContext","descriptionParagraphs","paragraphs","paragraph","index","contextDescription","innerHTML","__html","title","description","CONTENT_TYPE","answer","clue","Help","helpView","ValidateButton","cta","ctaWrapper","ContentLayout","typeClue","selectedTab","model","question","noPaddingRessources","contentWrapperNoPadding","contentWrapper","contextTitle","skin","LoadingLayout","popinError","loading","LoadedLayout","ErrorMessage","errorMsg","error","Content","bool","SlidesPlayer","header","buttons","showNewMedia","showReviewLesson","stepColor","mediaButton","wrapper","contentProgression","TYPE","backgroundUrl"],"sources":["../../../../../src/template/app-player/player/slides/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, find, get, getOr, keys, omit, identity, max, pipe, split} from 'lodash/fp';\nimport {ColorPropType, SrcPropType} from '../../../../util/proptypes';\nimport Cta from '../../../../atom/cta';\nimport Picture from '../../../../atom/picture';\nimport Provider from '../../../../atom/provider';\nimport Clue from '../../../../atom/clue';\nimport Answer from '../../../../molecule/answer';\nimport Loader from '../../../../atom/loader';\nimport Swapper from '../../../../hoc/swapper';\nimport VideoPlayer from '../../../../molecule/video-player';\nimport PDF from '../../../../molecule/pdf';\nimport Audio from '../../../../molecule/audio';\nimport ResourceBrowser from '../../../../organism/resource-browser';\nimport CMPopin from '../../../../molecule/cm-popin';\nimport Footer from './footer';\nimport Header from './header';\nimport style from './style.css';\n\nconst MediaView = ({media}) => {\n  return (\n    <div className={style.contextMedia}>\n      <Picture src={media} />\n    </div>\n  );\n};\n\nMediaView.propTypes = {\n  media: Picture.propTypes.src\n};\n\n/*\n * Content types\n */\n\nconst ClueContent = (props, context) => {\n  const {text, starsDiff, onClickSeeClue} = props;\n\n  return (\n    <div className={style.clueWrapper}>\n      <Clue text={text} starsDiff={starsDiff} onClick={onClickSeeClue} />\n    </div>\n  );\n};\n\nClueContent.propTypes = {\n  text: PropTypes.string,\n  starsDiff: PropTypes.number,\n  onClickSeeClue: PropTypes.func\n};\n\nconst Bar = ({total, color, current}) => {\n  const _current = max([current, 0]);\n\n  if (!total) {\n    return null;\n  }\n\n  const stepWidth = (_current / total) * 100;\n\n  return (\n    <div\n      className={style.stepBar}\n      style={{\n        backgroundColor: color,\n        width: `${stepWidth}%`\n      }}\n    />\n  );\n};\n\nBar.propTypes = {\n  current: PropTypes.number.isRequired,\n  total: PropTypes.number,\n  color: ColorPropType\n};\n\nconst Step = ({step, color}) => {\n  return (\n    <div data-name=\"step\">\n      <div data-name=\"counter\" className={style.stepCount}>\n        <span style={{color}}>{step.current}</span>/{step.total}\n      </div>\n      <div className={style.stepWrapper}>\n        <Swapper {...step} color={color} current={step.current - 1}>\n          <Bar {...step} color={color} />\n        </Swapper>\n      </div>\n    </div>\n  );\n};\n\nStep.propTypes = {\n  step: PropTypes.shape({\n    current: Bar.propTypes.current,\n    total: Bar.propTypes.total\n  }),\n  color: ColorPropType\n};\n\nconst NewMedia = (props, context) => {\n  const {translate} = context;\n  const {onClick, step} = props;\n  const current = get('current', step);\n  return (\n    <div\n      className={`${style.guideWrapper} ${style.newMedia}`}\n      onClick={onClick}\n      data-name=\"newMedia\"\n    >\n      <span>{translate(step === null || current === 1 ? 'See lesson' : 'New media')}</span>\n    </div>\n  );\n};\n\nNewMedia.propTypes = {\n  onClick: PropTypes.func,\n  step: Step.propTypes.step\n};\n\nNewMedia.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ReviewLesson = (props, context) => {\n  const {translate} = context;\n  const {onClick} = props;\n\n  return (\n    <div\n      className={`${style.guideWrapper} ${style.reviewLesson}`}\n      onClick={onClick}\n      data-name=\"reviewLesson\"\n    >\n      <span>{translate('Review lesson')}</span>\n    </div>\n  );\n};\n\nReviewLesson.propTypes = {\n  onClick: PropTypes.func\n};\n\nReviewLesson.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst AnswerContent = ({answerType, help}) => <Answer {...answerType} help={help} />;\n\nAnswerContent.propTypes = {\n  answerType: PropTypes.shape(Answer.propTypes),\n  help: PropTypes.string\n};\n\nconst MediaContent = (props, context) => {\n  const {resources, starsDiff} = props;\n  const {translate} = context;\n  const starsToWin = translate('media_stars_to_win', {\n    count: Math.abs(starsDiff)\n  });\n\n  return (\n    <div className={style.resourcesWrapper}>\n      <ResourceBrowser resources={resources} />\n      <div className={style.stars}>{starsToWin}</div>\n    </div>\n  );\n};\n\nMediaContent.propTypes = {\n  resources: ResourceBrowser.propTypes.resources,\n  starsDiff: PropTypes.number\n};\n\nMediaContent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ContextImage = ({src}) => {\n  const images = src.map(({url, _id}) => <MediaView key={_id} media={url} />);\n  return <div>{images}</div>;\n};\n\nContextImage.propTypes = {\n  src: PropTypes.arrayOf(\n    PropTypes.shape({\n      _id: PropTypes.string,\n      url: PropTypes.string\n    })\n  )\n};\n\nconst ContextVideo = props => {\n  const {src} = props;\n  const videos = src.map(({videoId, ...childProps}) => (\n    <VideoPlayer {...omit('id', childProps)} id={videoId} key={videoId} autoplay={false} />\n  ));\n  return <div>{videos}</div>;\n};\n\nContextVideo.propTypes = {\n  src: PropTypes.arrayOf(PropTypes.shape(VideoPlayer.propTypes))\n};\n\nconst CONTEXT_MEDIA = {\n  img: ContextImage,\n  pdf: PDF,\n  audio: Audio,\n  video: ContextVideo\n};\n\nconst ContextMedia = ({media}) => {\n  const ContentType = CONTEXT_MEDIA[media.type];\n  return (\n    <div\n      data-name=\"contextMedia\"\n      className={classnames(\n        style.contextWrapper,\n        media.type === 'pdf' ? style.contextPdfWrapper : null,\n        media.type === 'audio' ? style.contextAudioWrapper : null\n      )}\n    >\n      <ContentType {...media} />\n    </div>\n  );\n};\n\nContextMedia.propTypes = {\n  media: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...ContextImage.propTypes,\n      type: PropTypes.oneOf(['img'])\n    }),\n    PropTypes.shape({\n      ...PDF.propTypes,\n      type: PropTypes.oneOf(['pdf'])\n    }),\n    PropTypes.shape({\n      ...Audio.propTypes,\n      type: PropTypes.oneOf(['audio'])\n    }),\n    PropTypes.shape({\n      ...ContextVideo.propTypes,\n      type: PropTypes.oneOf(['video'])\n    })\n  ])\n};\n\nconst ContextContent = ({slideContext}) => {\n  const descriptionParagraphs = pipe(getOr('', 'description'), split('\\n'), compact)(slideContext);\n  const paragraphs = descriptionParagraphs.map((paragraph, index) => (\n    <p\n      key={index}\n      data-name=\"contextDescription\"\n      className={classnames(style.contextDescription, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: paragraph}}\n    />\n  ));\n  return (\n    <div className={style.context}>\n      {get('media.type', slideContext) ? <ContextMedia media={slideContext.media} /> : null}\n      {paragraphs}\n    </div>\n  );\n};\n\nContextContent.propTypes = {\n  slideContext: PropTypes.shape({\n    title: PropTypes.string,\n    description: PropTypes.string,\n    media: PropTypes.shape(ContextMedia.propTypes)\n  })\n};\n\nconst CONTENT_TYPE = {\n  answer: AnswerContent,\n  clue: ClueContent,\n  context: ContextContent,\n  media: MediaContent\n};\n\nconst Help = ({help}) => (\n  <div\n    className={classnames(style.helpView, style.innerHTML)}\n    // eslint-disable-next-line react/no-danger\n    dangerouslySetInnerHTML={{__html: help}}\n  />\n);\n\nHelp.propTypes = {\n  help: PropTypes.string\n};\n\nconst ValidateButton = ({cta}) => {\n  if (!cta) {\n    return null;\n  }\n\n  return (\n    <div className={style.ctaWrapper}>\n      <Cta {...cta} className={style.cta} />\n    </div>\n  );\n};\n\nValidateButton.propTypes = {\n  cta: PropTypes.shape(Cta.propTypes)\n};\n\nconst ContentLayout = (props, context) => {\n  const {\n    typeClue: selectedTab,\n    answerType: {model: {type} = {}} = {},\n    question,\n    help,\n    slideContext\n  } = props;\n  const ContentType = CONTENT_TYPE[selectedTab];\n  const noPaddingRessources =\n    ContentType === MediaContent ? `${style.contentWrapperNoPadding}` : `${style.contentWrapper}`;\n\n  return (\n    <div className={noPaddingRessources} style={{backgroundColor: 'white'}}>\n      <div\n        data-name=\"question\"\n        className={classnames(\n          selectedTab === 'context' ? style.contextTitle : style.question,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{\n          __html: selectedTab === 'context' ? slideContext.title : question\n        }}\n      />\n      {help && selectedTab === 'answer' && type !== 'qcmDrag' ? <Help help={help} /> : null}\n      <ContentType {...props} />\n      <ValidateButton {...props} />\n    </div>\n  );\n};\n\nContentLayout.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nContentLayout.propTypes = {\n  typeClue: PropTypes.oneOf(keys(CONTENT_TYPE)),\n  question: PropTypes.string,\n  ...ValidateButton.propTypes\n};\n\n/*\n * Loading\n */\n\nconst LoadingLayout = ({popinError}) => (\n  <div className={style.loading}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n);\n\nLoadingLayout.propTypes = {\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nconst LoadedLayout = ({question, step, ...props}) =>\n  question ? <ContentLayout {...props} question={question} /> : <LoadingLayout {...props} />;\n\nLoadedLayout.propTypes = {\n  ...ContentLayout.propTypes,\n  question: ContentLayout.propTypes.question\n};\n\n/*\n * Errors\n */\n\nconst ErrorMessage = ({errorMsg}) => (\n  <div className={style.contentWrapper}>\n    <div className={style.error}>{errorMsg}</div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  errorMsg: PropTypes.string\n};\n\nconst Content = ({error, ...props}) =>\n  error ? <ErrorMessage {...props} /> : <LoadedLayout {...props} />;\n\nContent.propTypes = {\n  error: PropTypes.bool\n};\n\n/*\n * SlidesPlayer\n */\n\nconst SlidesPlayer = (props, context) => {\n  const {header, step, buttons, showNewMedia = false, showReviewLesson = false} = props;\n  const {skin} = context;\n  const stepColor = get('common.primary', skin);\n  const mediaButton = find({type: 'media'}, buttons) || {};\n  const {onClick = identity} = mediaButton;\n  return (\n    <div className={style.wrapper} data-name=\"slidesPlayer\">\n      {header ? <Header {...header} /> : null}\n      <div className={style.contentProgression}>\n        {step ? <Step step={step} color={stepColor} /> : null}\n        {showNewMedia && !showReviewLesson ? <NewMedia onClick={onClick} step={step} /> : null}\n        {showReviewLesson && !showNewMedia ? <ReviewLesson onClick={onClick} /> : null}\n        <Content {...props} />\n      </div>\n      <Footer buttons={buttons} />\n    </div>\n  );\n};\n\nSlidesPlayer.TYPE = CONTENT_TYPE;\n\nSlidesPlayer.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSlidesPlayer.propTypes = {\n  cta: ValidateButton.propTypes.cta,\n  step: Step.propTypes.step,\n  buttons: Footer.propTypes.buttons,\n  header: PropTypes.shape(Header.propTypes),\n  showNewMedia: PropTypes.bool,\n  showReviewLesson: PropTypes.bool,\n  backgroundUrl: SrcPropType,\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidesPlayer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ColorPropType","SrcPropType","Cta","Picture","Provider","Clue","Answer","Loader","Swapper","VideoPlayer","PDF","Audio","ResourceBrowser","CMPopin","Footer","Header","style","MediaView","media","contextMedia","propTypes","src","ClueContent","props","context","text","starsDiff","onClickSeeClue","clueWrapper","string","number","func","Bar","total","color","current","_current","stepWidth","stepBar","backgroundColor","width","isRequired","Step","step","stepCount","stepWrapper","shape","NewMedia","translate","onClick","guideWrapper","newMedia","contextTypes","childContextTypes","ReviewLesson","reviewLesson","AnswerContent","answerType","help","MediaContent","resources","starsToWin","count","Math","abs","resourcesWrapper","stars","ContextImage","images","map","url","_id","arrayOf","ContextVideo","videos","videoId","childProps","CONTEXT_MEDIA","img","pdf","audio","video","ContextMedia","ContentType","type","contextWrapper","contextPdfWrapper","contextAudioWrapper","oneOfType","oneOf","ContextContent","slideContext","descriptionParagraphs","paragraphs","paragraph","index","contextDescription","innerHTML","__html","title","description","CONTENT_TYPE","answer","clue","Help","helpView","ValidateButton","cta","ctaWrapper","ContentLayout","typeClue","selectedTab","model","question","noPaddingRessources","contentWrapperNoPadding","contentWrapper","contextTitle","skin","LoadingLayout","popinError","loading","LoadedLayout","ErrorMessage","errorMsg","error","Content","bool","SlidesPlayer","header","buttons","showNewMedia","showReviewLesson","stepColor","mediaButton","wrapper","contentProgression","TYPE","backgroundUrl"],"sources":["../../../../../src/template/app-player/player/slides/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, find, get, getOr, keys, omit, identity, max, pipe, split} from 'lodash/fp';\nimport {ColorPropType, SrcPropType} from '../../../../util/proptypes';\nimport Cta from '../../../../atom/cta';\nimport Picture from '../../../../atom/picture';\nimport Provider from '../../../../atom/provider';\nimport Clue from '../../../../atom/clue';\nimport Answer from '../../../../molecule/answer';\nimport Loader from '../../../../atom/loader';\nimport Swapper from '../../../../hoc/swapper';\nimport VideoPlayer from '../../../../molecule/video-player';\nimport PDF from '../../../../molecule/pdf';\nimport Audio from '../../../../molecule/audio';\nimport ResourceBrowser from '../../../../organism/resource-browser';\nimport CMPopin from '../../../../molecule/cm-popin';\nimport Footer from './footer';\nimport Header from './header';\nimport style from './style.css';\n\nconst MediaView = ({media}) => {\n  return (\n    <div className={style.contextMedia}>\n      <Picture src={media} />\n    </div>\n  );\n};\n\nMediaView.propTypes = {\n  media: Picture.propTypes.src\n};\n\n/*\n * Content types\n */\n\nconst ClueContent = (props, context) => {\n  const {text, starsDiff, onClickSeeClue} = props;\n\n  return (\n    <div className={style.clueWrapper}>\n      <Clue text={text} starsDiff={starsDiff} onClick={onClickSeeClue} />\n    </div>\n  );\n};\n\nClueContent.propTypes = {\n  text: PropTypes.string,\n  starsDiff: PropTypes.number,\n  onClickSeeClue: PropTypes.func\n};\n\nconst Bar = ({total, color, current}) => {\n  const _current = max([current, 0]);\n\n  if (!total) {\n    return null;\n  }\n\n  const stepWidth = (_current / total) * 100;\n\n  return (\n    <div\n      className={style.stepBar}\n      style={{\n        backgroundColor: color,\n        width: `${stepWidth}%`\n      }}\n    />\n  );\n};\n\nBar.propTypes = {\n  current: PropTypes.number.isRequired,\n  total: PropTypes.number,\n  color: ColorPropType\n};\n\nconst Step = ({step, color}) => {\n  return (\n    <div data-name=\"step\">\n      <div data-name=\"counter\" className={style.stepCount}>\n        <span style={{color}}>{step.current}</span>/{step.total}\n      </div>\n      <div className={style.stepWrapper}>\n        <Swapper {...step} color={color} current={step.current - 1}>\n          <Bar {...step} color={color} />\n        </Swapper>\n      </div>\n    </div>\n  );\n};\n\nStep.propTypes = {\n  step: PropTypes.shape({\n    current: Bar.propTypes.current,\n    total: Bar.propTypes.total\n  }),\n  color: ColorPropType\n};\n\nconst NewMedia = (props, context) => {\n  const {translate} = context;\n  const {onClick, step} = props;\n  const current = get('current', step);\n  return (\n    <div\n      className={`${style.guideWrapper} ${style.newMedia}`}\n      onClick={onClick}\n      data-name=\"newMedia\"\n    >\n      <span>{translate(step === null || current === 1 ? 'See lesson' : 'New media')}</span>\n    </div>\n  );\n};\n\nNewMedia.propTypes = {\n  onClick: PropTypes.func,\n  step: Step.propTypes.step\n};\n\nNewMedia.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ReviewLesson = (props, context) => {\n  const {translate} = context;\n  const {onClick} = props;\n\n  return (\n    <div\n      className={`${style.guideWrapper} ${style.reviewLesson}`}\n      onClick={onClick}\n      data-name=\"reviewLesson\"\n    >\n      <span>{translate('Review lesson')}</span>\n    </div>\n  );\n};\n\nReviewLesson.propTypes = {\n  onClick: PropTypes.func\n};\n\nReviewLesson.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst AnswerContent = ({answerType, help}) => <Answer {...answerType} help={help} />;\n\nAnswerContent.propTypes = {\n  answerType: PropTypes.shape(Answer.propTypes),\n  help: PropTypes.string\n};\n\nconst MediaContent = (props, context) => {\n  const {resources, starsDiff} = props;\n  const {translate} = context;\n  const starsToWin = translate('media_stars_to_win', {\n    count: Math.abs(starsDiff)\n  });\n\n  return (\n    <div className={style.resourcesWrapper}>\n      <ResourceBrowser resources={resources} />\n      <div className={style.stars}>{starsToWin}</div>\n    </div>\n  );\n};\n\nMediaContent.propTypes = {\n  resources: ResourceBrowser.propTypes.resources,\n  starsDiff: PropTypes.number\n};\n\nMediaContent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ContextImage = ({src}) => {\n  const images = src.map(({url, _id}) => <MediaView key={_id} media={url} />);\n  return <div>{images}</div>;\n};\n\nContextImage.propTypes = {\n  src: PropTypes.arrayOf(\n    PropTypes.shape({\n      _id: PropTypes.string,\n      url: PropTypes.string\n    })\n  )\n};\n\nconst ContextVideo = props => {\n  const {src} = props;\n  const videos = src.map(({videoId, ...childProps}) => (\n    <VideoPlayer {...omit('id', childProps)} id={videoId} key={videoId} autoplay={false} />\n  ));\n  return <div>{videos}</div>;\n};\n\nContextVideo.propTypes = {\n  src: PropTypes.arrayOf(PropTypes.shape(VideoPlayer.propTypes))\n};\n\nconst CONTEXT_MEDIA = {\n  img: ContextImage,\n  pdf: PDF,\n  audio: Audio,\n  video: ContextVideo\n};\n\nconst ContextMedia = ({media}) => {\n  const ContentType = CONTEXT_MEDIA[media.type];\n  return (\n    <div\n      data-name=\"contextMedia\"\n      className={classnames(\n        style.contextWrapper,\n        media.type === 'pdf' ? style.contextPdfWrapper : null,\n        media.type === 'audio' ? style.contextAudioWrapper : null\n      )}\n    >\n      <ContentType {...media} />\n    </div>\n  );\n};\n\nContextMedia.propTypes = {\n  media: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...ContextImage.propTypes,\n      type: PropTypes.oneOf(['img'])\n    }),\n    PropTypes.shape({\n      ...PDF.propTypes,\n      type: PropTypes.oneOf(['pdf'])\n    }),\n    PropTypes.shape({\n      ...Audio.propTypes,\n      type: PropTypes.oneOf(['audio'])\n    }),\n    PropTypes.shape({\n      ...ContextVideo.propTypes,\n      type: PropTypes.oneOf(['video'])\n    })\n  ])\n};\n\nconst ContextContent = ({slideContext}) => {\n  const descriptionParagraphs = pipe(getOr('', 'description'), split('\\n'), compact)(slideContext);\n  const paragraphs = descriptionParagraphs.map((paragraph, index) => (\n    <p\n      key={index}\n      data-name=\"contextDescription\"\n      className={classnames(style.contextDescription, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: paragraph}}\n    />\n  ));\n  return (\n    <div className={style.context}>\n      {get('media.type', slideContext) ? <ContextMedia media={slideContext.media} /> : null}\n      {paragraphs}\n    </div>\n  );\n};\n\nContextContent.propTypes = {\n  slideContext: PropTypes.shape({\n    title: PropTypes.string,\n    description: PropTypes.string,\n    media: PropTypes.shape(ContextMedia.propTypes)\n  })\n};\n\nconst CONTENT_TYPE = {\n  answer: AnswerContent,\n  clue: ClueContent,\n  context: ContextContent,\n  media: MediaContent\n};\n\nconst Help = ({help}) => (\n  <div\n    className={classnames(style.helpView, style.innerHTML)}\n    // eslint-disable-next-line react/no-danger\n    dangerouslySetInnerHTML={{__html: help}}\n  />\n);\n\nHelp.propTypes = {\n  help: PropTypes.string\n};\n\nconst ValidateButton = ({cta}) => {\n  if (!cta) {\n    return null;\n  }\n\n  return (\n    <div className={style.ctaWrapper}>\n      <Cta {...cta} className={style.cta} />\n    </div>\n  );\n};\n\nValidateButton.propTypes = {\n  cta: PropTypes.shape(Cta.propTypes)\n};\n\nconst ContentLayout = (props, context) => {\n  const {\n    typeClue: selectedTab,\n    answerType: {model: {type} = {}} = {},\n    question,\n    help,\n    slideContext\n  } = props;\n  const ContentType = CONTENT_TYPE[selectedTab];\n  const noPaddingRessources =\n    ContentType === MediaContent ? `${style.contentWrapperNoPadding}` : `${style.contentWrapper}`;\n\n  return (\n    <div className={noPaddingRessources} style={{backgroundColor: 'white'}}>\n      <div\n        data-name=\"question\"\n        className={classnames(\n          selectedTab === 'context' ? style.contextTitle : style.question,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{\n          __html: selectedTab === 'context' ? slideContext.title : question\n        }}\n      />\n      {help && selectedTab === 'answer' && type !== 'qcmDrag' ? <Help help={help} /> : null}\n      <ContentType {...props} />\n      <ValidateButton {...props} />\n    </div>\n  );\n};\n\nContentLayout.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nContentLayout.propTypes = {\n  typeClue: PropTypes.oneOf(keys(CONTENT_TYPE)),\n  question: PropTypes.string,\n  ...ValidateButton.propTypes\n};\n\n/*\n * Loading\n */\n\nconst LoadingLayout = ({popinError}) => (\n  <div className={style.loading}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n);\n\nLoadingLayout.propTypes = {\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nconst LoadedLayout = ({question, step, ...props}) =>\n  question ? <ContentLayout {...props} question={question} /> : <LoadingLayout {...props} />;\n\nLoadedLayout.propTypes = {\n  ...ContentLayout.propTypes,\n  question: ContentLayout.propTypes.question\n};\n\n/*\n * Errors\n */\n\nconst ErrorMessage = ({errorMsg}) => (\n  <div className={style.contentWrapper}>\n    <div className={style.error}>{errorMsg}</div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  errorMsg: PropTypes.string\n};\n\nconst Content = ({error, ...props}) =>\n  error ? <ErrorMessage {...props} /> : <LoadedLayout {...props} />;\n\nContent.propTypes = {\n  error: PropTypes.bool\n};\n\n/*\n * SlidesPlayer\n */\n\nconst SlidesPlayer = (props, context) => {\n  const {header, step, buttons, showNewMedia = false, showReviewLesson = false} = props;\n  const {skin} = context;\n  const stepColor = get('common.primary', skin);\n  const mediaButton = find({type: 'media'}, buttons) || {};\n  const {onClick = identity} = mediaButton;\n  return (\n    <div className={style.wrapper} data-name=\"slidesPlayer\">\n      {header ? <Header {...header} /> : null}\n      <div className={style.contentProgression}>\n        {step ? <Step step={step} color={stepColor} /> : null}\n        {showNewMedia && !showReviewLesson ? <NewMedia onClick={onClick} step={step} /> : null}\n        {showReviewLesson && !showNewMedia ? <ReviewLesson onClick={onClick} /> : null}\n        <Content {...props} />\n      </div>\n      <Footer buttons={buttons} />\n    </div>\n  );\n};\n\nSlidesPlayer.TYPE = CONTENT_TYPE;\n\nSlidesPlayer.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSlidesPlayer.propTypes = {\n  cta: ValidateButton.propTypes.cta,\n  step: Step.propTypes.step,\n  buttons: Footer.propTypes.buttons,\n  header: PropTypes.shape(Header.propTypes),\n  showNewMedia: PropTypes.bool,\n  showReviewLesson: PropTypes.bool,\n  backgroundUrl: SrcPropType,\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidesPlayer;\n"],"mappings":"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"}