@coorpacademy/components 10.22.25-alpha.15 → 10.22.25-alpha.16

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

@@ -1,13 +1,19 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import Loader from '../../../atom/loader';
+import CMPopin from '../../../molecule/cm-popin';
 import style from './style.css';
 
-const PlayerLoading = () => {
+const PlayerLoading = ({
+  popinError
+}) => {
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper
-  }, /*#__PURE__*/React.createElement(Loader, null));
+  }, popinError ? /*#__PURE__*/React.createElement(CMPopin, popinError) : /*#__PURE__*/React.createElement(Loader, null));
 };
 
-PlayerLoading.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
+PlayerLoading.propTypes = process.env.NODE_ENV !== "production" ? {
+  popinError: PropTypes.shape(CMPopin.propTypes)
+} : {};
 export default PlayerLoading;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/loading/index.js"],"names":["React","Loader","style","PlayerLoading","wrapper","propTypes"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,MAAM;AAC1B,sBACE;AAAK,IAAA,SAAS,EAAED,KAAK,CAACE;AAAtB,kBACE,oBAAC,MAAD,OADF,CADF;AAKD,CAND;;AAQAD,aAAa,CAACE,SAAd,2CAA0B,EAA1B;AAEA,eAAeF,aAAf","sourcesContent":["import React from 'react';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst PlayerLoading = () => {\n  return (\n    <div className={style.wrapper}>\n      <Loader />\n    </div>\n  );\n};\n\nPlayerLoading.propTypes = {};\n\nexport default PlayerLoading;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/loading/index.js"],"names":["React","PropTypes","Loader","CMPopin","style","PlayerLoading","popinError","wrapper","propTypes","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAkB;AACtC,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACG;AAAtB,KAAgCD,UAAU,gBAAG,oBAAC,OAAD,EAAaA,UAAb,CAAH,gBAAiC,oBAAC,MAAD,OAA3E,CADF;AAGD,CAJD;;AAMAD,aAAa,CAACG,SAAd,2CAA0B;AACxBF,EAAAA,UAAU,EAAEL,SAAS,CAACQ,KAAV,CAAgBN,OAAO,CAACK,SAAxB;AADY,CAA1B;AAIA,eAAeH,aAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Loader from '../../../atom/loader';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst PlayerLoading = ({popinError}) => {\n  return (\n    <div className={style.wrapper}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n  );\n};\n\nPlayerLoading.propTypes = {\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default PlayerLoading;\n"],"file":"index.js"}

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

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || 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 CMPopin from '../../../molecule/cm-popin';
@@ -20,7 +22,9 @@ const SlidePlayer = props => {
     style: {
       backgroundImage
     }
-  }), /*#__PURE__*/React.createElement(SlidesPlayer, player), popin ? /*#__PURE__*/React.createElement(CMPopin, popin) : null));
+  }), /*#__PURE__*/React.createElement(SlidesPlayer, _extends({}, player, {
+    popinError: popin
+  })), popin ? /*#__PURE__*/React.createElement(CMPopin, popin) : null));
 };
 
 SlidePlayer.propTypes = process.env.NODE_ENV !== "production" ? {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/player/index.js"],"names":["React","PropTypes","CMPopin","SlidesPlayer","style","SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","wrapper","playerWrapper","playerBackground","propTypes","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,YAAP,MAAyB,UAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAkBF,KAAxB;AACA,QAAMG,eAAe,GAAGF,MAAM,CAACG,aAAP,GAAwB,OAAMH,MAAM,CAACG,aAAc,GAAnD,GAAwD,IAAhF;AACA,sBACE;AAAK,iBAAU,aAAf;AAA6B,IAAA,SAAS,EAAEN,KAAK,CAACO;AAA9C,kBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS,gBAAtB;AAAwC,IAAA,KAAK,EAAE;AAACJ,MAAAA;AAAD;AAA/C,IADF,eAEE,oBAAC,YAAD,EAAkBF,MAAlB,CAFF,EAGGC,KAAK,gBAAG,oBAAC,OAAD,EAAaA,KAAb,CAAH,GAA4B,IAHpC,CADF,CADF;AASD,CAZD;;AAcAH,WAAW,CAACS,SAAZ,2CAAwB;AACtBP,EAAAA,MAAM,EAAEN,SAAS,CAACc,KAAV,CAAgBZ,YAAY,CAACW,SAA7B,CADc;AAEtBN,EAAAA,KAAK,EAAEP,SAAS,CAACc,KAAV,CAAgBb,OAAO,CAACY,SAAxB;AAFe,CAAxB;AAKA,eAAeT,WAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CMPopin from '../../../molecule/cm-popin';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player, popin} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} />\n        {popin ? <CMPopin {...popin} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes),\n  popin: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidePlayer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/player/index.js"],"names":["React","PropTypes","CMPopin","SlidesPlayer","style","SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","wrapper","playerWrapper","playerBackground","propTypes","shape"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,YAAP,MAAyB,UAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAkBF,KAAxB;AACA,QAAMG,eAAe,GAAGF,MAAM,CAACG,aAAP,GAAwB,OAAMH,MAAM,CAACG,aAAc,GAAnD,GAAwD,IAAhF;AACA,sBACE;AAAK,iBAAU,aAAf;AAA6B,IAAA,SAAS,EAAEN,KAAK,CAACO;AAA9C,kBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS,gBAAtB;AAAwC,IAAA,KAAK,EAAE;AAACJ,MAAAA;AAAD;AAA/C,IADF,eAEE,oBAAC,YAAD,eAAkBF,MAAlB;AAA0B,IAAA,UAAU,EAAEC;AAAtC,KAFF,EAGGA,KAAK,gBAAG,oBAAC,OAAD,EAAaA,KAAb,CAAH,GAA4B,IAHpC,CADF,CADF;AASD,CAZD;;AAcAH,WAAW,CAACS,SAAZ,2CAAwB;AACtBP,EAAAA,MAAM,EAAEN,SAAS,CAACc,KAAV,CAAgBZ,YAAY,CAACW,SAA7B,CADc;AAEtBN,EAAAA,KAAK,EAAEP,SAAS,CAACc,KAAV,CAAgBb,OAAO,CAACY,SAAxB;AAFe,CAAxB;AAKA,eAAeT,WAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CMPopin from '../../../molecule/cm-popin';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player, popin} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} popinError={popin}/>\n        {popin ? <CMPopin {...popin} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes),\n  popin: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidePlayer;\n"],"file":"index.js"}

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

@@ -28,6 +28,7 @@ import VideoPlayer from '../../../../molecule/video-player';
 import PDF from '../../../../molecule/pdf';
 import Audio from '../../../../molecule/audio';
 import ResourceBrowser from '../../../../organism/resource-browser';
+import CMPopin from '../../../../molecule/cm-popin';
 import Footer from './footer';
 import Header from './header';
 import style from './style.css';
@@ -396,9 +397,11 @@ ContentLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends({
  * Loading
  */
 
-const LoadingLayout = () => /*#__PURE__*/React.createElement("div", {
+const LoadingLayout = ({
+  popinError
+}) => /*#__PURE__*/React.createElement("div", {
   className: style.loading
-}, /*#__PURE__*/React.createElement(Loader, null));
+}, popinError ? /*#__PURE__*/React.createElement(CMPopin, popinError) : /*#__PURE__*/React.createElement(Loader, null));
 
 const LoadedLayout = (_ref2) => {
   let {
@@ -408,7 +411,7 @@ const LoadedLayout = (_ref2) => {
 
   return question ? /*#__PURE__*/React.createElement(ContentLayout, _extends({}, props, {
     question: question
-  })) : /*#__PURE__*/React.createElement(LoadingLayout, null);
+  })) : /*#__PURE__*/React.createElement(LoadingLayout, props);
 };
 
 LoadedLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends(_extends({}, ContentLayout.propTypes), {}, {
@@ -496,7 +499,8 @@ SlidesPlayer.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.shape(Header.propTypes),
   showNewMedia: PropTypes.bool,
   showReviewLesson: PropTypes.bool,
-  backgroundUrl: SrcPropType
+  backgroundUrl: SrcPropType,
+  popinError: PropTypes.shape(CMPopin.propTypes)
 } : {};
 export default SlidesPlayer;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":["React","PropTypes","classnames","ColorPropType","SrcPropType","Cta","Picture","Provider","Clue","Answer","Loader","Swapper","VideoPlayer","PDF","Audio","ResourceBrowser","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","loading","LoadedLayout","ErrorMessage","errorMsg","error","Content","bool","SlidesPlayer","header","buttons","showNewMedia","showReviewLesson","stepColor","mediaButton","wrapper","contentProgression","TYPE","backgroundUrl"],"mappings":"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","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 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 = () => (\n  <div className={style.loading}>\n    <Loader />\n  </div>\n);\n\nconst LoadedLayout = ({question, step, ...props}) =>\n  question ? <ContentLayout {...props} question={question} /> : <LoadingLayout />;\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};\n\nexport default SlidesPlayer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../src/template/app-player/player/slides/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"],"mappings":"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","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}>\n    {popinError ? <CMPopin {...popinError} /> : <Loader />}\n  </div>\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"],"file":"index.js"}

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

@@ -5,19 +5,27 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _loader = _interopRequireDefault(require("../../../atom/loader"));
 
+var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const PlayerLoading = () => {
+const PlayerLoading = ({
+  popinError
+}) => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper
-  }, /*#__PURE__*/_react.default.createElement(_loader.default, null));
+  }, popinError ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinError) : /*#__PURE__*/_react.default.createElement(_loader.default, null));
 };
 
-PlayerLoading.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
+PlayerLoading.propTypes = process.env.NODE_ENV !== "production" ? {
+  popinError: _propTypes.default.shape(_cmPopin.default.propTypes)
+} : {};
 var _default = PlayerLoading;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/loading/index.js"],"names":["PlayerLoading","style","wrapper","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,MAAM;AAC1B,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE,6BAAC,eAAD,OADF,CADF;AAKD,CAND;;AAQAF,aAAa,CAACG,SAAd,2CAA0B,EAA1B;eAEeH,a","sourcesContent":["import React from 'react';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst PlayerLoading = () => {\n  return (\n    <div className={style.wrapper}>\n      <Loader />\n    </div>\n  );\n};\n\nPlayerLoading.propTypes = {};\n\nexport default PlayerLoading;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/loading/index.js"],"names":["PlayerLoading","popinError","style","wrapper","propTypes","PropTypes","shape","CMPopin"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAkB;AACtC,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,KAAgCF,UAAU,gBAAG,6BAAC,gBAAD,EAAaA,UAAb,CAAH,gBAAiC,6BAAC,eAAD,OAA3E,CADF;AAGD,CAJD;;AAMAD,aAAa,CAACI,SAAd,2CAA0B;AACxBH,EAAAA,UAAU,EAAEI,mBAAUC,KAAV,CAAgBC,iBAAQH,SAAxB;AADY,CAA1B;eAIeJ,a","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Loader from '../../../atom/loader';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst PlayerLoading = ({popinError}) => {\n  return (\n    <div className={style.wrapper}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n  );\n};\n\nPlayerLoading.propTypes = {\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default PlayerLoading;\n"],"file":"index.js"}

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

@@ -15,6 +15,8 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const SlidePlayer = props => {
   const {
     player,
@@ -31,7 +33,9 @@ const SlidePlayer = props => {
     style: {
       backgroundImage
     }
-  }), /*#__PURE__*/_react.default.createElement(_slides.default, player), popin ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popin) : null));
+  }), /*#__PURE__*/_react.default.createElement(_slides.default, _extends({}, player, {
+    popinError: popin
+  })), popin ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popin) : null));
 };
 
 SlidePlayer.propTypes = process.env.NODE_ENV !== "production" ? {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/player/index.js"],"names":["SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","style","wrapper","playerWrapper","playerBackground","propTypes","PropTypes","shape","SlidesPlayer","CMPopin"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAkBF,KAAxB;AACA,QAAMG,eAAe,GAAGF,MAAM,CAACG,aAAP,GAAwB,OAAMH,MAAM,CAACG,aAAc,GAAnD,GAAwD,IAAhF;AACA,sBACE;AAAK,iBAAU,aAAf;AAA6B,IAAA,SAAS,EAAEC,eAAMC;AAA9C,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG,gBAAtB;AAAwC,IAAA,KAAK,EAAE;AAACL,MAAAA;AAAD;AAA/C,IADF,eAEE,6BAAC,eAAD,EAAkBF,MAAlB,CAFF,EAGGC,KAAK,gBAAG,6BAAC,gBAAD,EAAaA,KAAb,CAAH,GAA4B,IAHpC,CADF,CADF;AASD,CAZD;;AAcAH,WAAW,CAACU,SAAZ,2CAAwB;AACtBR,EAAAA,MAAM,EAAES,mBAAUC,KAAV,CAAgBC,gBAAaH,SAA7B,CADc;AAEtBP,EAAAA,KAAK,EAAEQ,mBAAUC,KAAV,CAAgBE,iBAAQJ,SAAxB;AAFe,CAAxB;eAKeV,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CMPopin from '../../../molecule/cm-popin';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player, popin} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} />\n        {popin ? <CMPopin {...popin} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes),\n  popin: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidePlayer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/player/index.js"],"names":["SlidePlayer","props","player","popin","backgroundImage","backgroundUrl","style","wrapper","playerWrapper","playerBackground","propTypes","PropTypes","shape","SlidesPlayer","CMPopin"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA;AAAT,MAAkBF,KAAxB;AACA,QAAMG,eAAe,GAAGF,MAAM,CAACG,aAAP,GAAwB,OAAMH,MAAM,CAACG,aAAc,GAAnD,GAAwD,IAAhF;AACA,sBACE;AAAK,iBAAU,aAAf;AAA6B,IAAA,SAAS,EAAEC,eAAMC;AAA9C,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG,gBAAtB;AAAwC,IAAA,KAAK,EAAE;AAACL,MAAAA;AAAD;AAA/C,IADF,eAEE,6BAAC,eAAD,eAAkBF,MAAlB;AAA0B,IAAA,UAAU,EAAEC;AAAtC,KAFF,EAGGA,KAAK,gBAAG,6BAAC,gBAAD,EAAaA,KAAb,CAAH,GAA4B,IAHpC,CADF,CADF;AASD,CAZD;;AAcAH,WAAW,CAACU,SAAZ,2CAAwB;AACtBR,EAAAA,MAAM,EAAES,mBAAUC,KAAV,CAAgBC,gBAAaH,SAA7B,CADc;AAEtBP,EAAAA,KAAK,EAAEQ,mBAAUC,KAAV,CAAgBE,iBAAQJ,SAAxB;AAFe,CAAxB;eAKeV,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CMPopin from '../../../molecule/cm-popin';\nimport SlidesPlayer from './slides';\nimport style from './style.css';\n\nconst SlidePlayer = props => {\n  const {player, popin} = props;\n  const backgroundImage = player.backgroundUrl ? `url(${player.backgroundUrl})` : null;\n  return (\n    <div data-name=\"slidePlayer\" className={style.wrapper}>\n      <div className={style.playerWrapper}>\n        <div className={style.playerBackground} style={{backgroundImage}} />\n        <SlidesPlayer {...player} popinError={popin}/>\n        {popin ? <CMPopin {...popin} /> : null}\n      </div>\n    </div>\n  );\n};\n\nSlidePlayer.propTypes = {\n  player: PropTypes.shape(SlidesPlayer.propTypes),\n  popin: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidePlayer;\n"],"file":"index.js"}

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

@@ -53,6 +53,8 @@ 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"));
@@ -426,9 +428,11 @@ ContentLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends({
  * Loading
  */
 
-const LoadingLayout = () => /*#__PURE__*/_react.default.createElement("div", {
+const LoadingLayout = ({
+  popinError
+}) => /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.loading
-}, /*#__PURE__*/_react.default.createElement(_loader.default, null));
+}, popinError ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinError) : /*#__PURE__*/_react.default.createElement(_loader.default, null));
 
 const LoadedLayout = (_ref2) => {
   let {
@@ -438,7 +442,7 @@ const LoadedLayout = (_ref2) => {
 
   return question ? /*#__PURE__*/_react.default.createElement(ContentLayout, _extends({}, props, {
     question: question
-  })) : /*#__PURE__*/_react.default.createElement(LoadingLayout, null);
+  })) : /*#__PURE__*/_react.default.createElement(LoadingLayout, props);
 };
 
 LoadedLayout.propTypes = process.env.NODE_ENV !== "production" ? _extends(_extends({}, ContentLayout.propTypes), {}, {
@@ -524,7 +528,8 @@ SlidesPlayer.propTypes = process.env.NODE_ENV !== "production" ? {
   header: _propTypes.default.shape(_header.default.propTypes),
   showNewMedia: _propTypes.default.bool,
   showReviewLesson: _propTypes.default.bool,
-  backgroundUrl: _proptypes.SrcPropType
+  backgroundUrl: _proptypes.SrcPropType,
+  popinError: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};
 var _default = SlidesPlayer;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/app-player/player/slides/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","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","loading","LoadedLayout","ErrorMessage","errorMsg","error","Content","bool","SlidesPlayer","header","buttons","showNewMedia","showReviewLesson","stepColor","mediaButton","wrapper","contentProgression","TYPE","Footer","Header","backgroundUrl","SrcPropType"],"mappings":"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","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 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 = () => (\n  <div className={style.loading}>\n    <Loader />\n  </div>\n);\n\nconst LoadedLayout = ({question, step, ...props}) =>\n  question ? <ContentLayout {...props} question={question} /> : <LoadingLayout />;\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};\n\nexport default SlidesPlayer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../src/template/app-player/player/slides/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","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","LoadedLayout","ErrorMessage","errorMsg","error","Content","bool","SlidesPlayer","header","buttons","showNewMedia","showReviewLesson","stepColor","mediaButton","wrapper","contentProgression","TYPE","Footer","Header","backgroundUrl","SrcPropType","CMPopin"],"mappings":"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","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}>\n    {popinError ? <CMPopin {...popinError} /> : <Loader />}\n  </div>\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"],"file":"index.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.22.25-alpha.15+2f4f48c76",
+  "version": "10.22.25-alpha.16+979312a0a",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -140,5 +140,5 @@
     "webpack": "^4.43.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "2f4f48c7680fbec36ad06858d0416c2a6500c695"
+  "gitHead": "979312a0adf811d29dd0f18ceef61194e2b2c69d"
 }