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

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,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MediaView","media","style","contextMedia","propTypes","Picture","src","ClueContent","props","context","text","starsDiff","onClickSeeClue","clueWrapper","PropTypes","string","number","func","Bar","total","color","current","_current","stepWidth","stepBar","backgroundColor","width","isRequired","ColorPropType","Step","step","stepCount","stepWrapper","shape","NewMedia","translate","onClick","guideWrapper","newMedia","contextTypes","Provider","childContextTypes","ReviewLesson","reviewLesson","AnswerContent","answerType","help","Answer","MediaContent","resources","starsToWin","count","Math","abs","resourcesWrapper","stars","ResourceBrowser","ContextImage","images","map","url","_id","arrayOf","ContextVideo","videos","videoId","childProps","VideoPlayer","CONTEXT_MEDIA","img","pdf","PDF","audio","Audio","video","ContextMedia","ContentType","type","classnames","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","Cta","ContentLayout","typeClue","selectedTab","model","question","noPaddingRessources","contentWrapperNoPadding","contentWrapper","contextTitle","skin","LoadingLayout","popinError","loading","CMPopin","LoadedLayout","ErrorMessage","errorMsg","error","Content","bool","SlidesPlayer","header","buttons","showNewMedia","showReviewLesson","stepColor","mediaButton","wrapper","contentProgression","TYPE","Footer","Header","backgroundUrl","SrcPropType"],"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":["MediaView","media","style","contextMedia","propTypes","Picture","src","ClueContent","props","context","text","starsDiff","onClickSeeClue","clueWrapper","PropTypes","string","number","func","Bar","total","color","current","_current","stepWidth","stepBar","backgroundColor","width","isRequired","ColorPropType","Step","step","stepCount","stepWrapper","shape","NewMedia","translate","onClick","guideWrapper","newMedia","contextTypes","Provider","childContextTypes","ReviewLesson","reviewLesson","AnswerContent","answerType","help","Answer","MediaContent","resources","starsToWin","count","Math","abs","resourcesWrapper","stars","ResourceBrowser","ContextImage","images","map","url","_id","arrayOf","ContextVideo","videos","videoId","childProps","VideoPlayer","CONTEXT_MEDIA","img","pdf","PDF","audio","Audio","video","ContextMedia","ContentType","type","classnames","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","Cta","ContentLayout","typeClue","selectedTab","model","question","noPaddingRessources","contentWrapperNoPadding","contentWrapper","contextTitle","skin","LoadingLayout","popinError","loading","CMPopin","LoadedLayout","ErrorMessage","errorMsg","error","Content","bool","SlidesPlayer","header","buttons","showNewMedia","showReviewLesson","stepColor","mediaButton","wrapper","contentProgression","TYPE","Footer","Header","backgroundUrl","SrcPropType"],"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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"}