@coorpacademy/components 10.22.24 → 10.22.25-alpha.16

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":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAa;AAC7B,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE,6BAAC,gBAAD;AAAS,IAAA,GAAG,EAAEF;AAAd,IADF,CADF;AAKD,CAND;;AAQAD,SAAS,CAACI,SAAV,2CAAsB;AACpBH,EAAAA,KAAK,EAAEI,iBAAQD,SAAR,CAAkBE;AADL,CAAtB;AAIA;;;;AAIA,MAAMC,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACtC,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,SAAP;AAAkBC,IAAAA;AAAlB,MAAoCJ,KAA1C;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEN,eAAMW;AAAtB,kBACE,6BAAC,aAAD;AAAM,IAAA,IAAI,EAAEH,IAAZ;AAAkB,IAAA,SAAS,EAAEC,SAA7B;AAAwC,IAAA,OAAO,EAAEC;AAAjD,IADF,CADF;AAKD,CARD;;AAUAL,WAAW,CAACH,SAAZ,2CAAwB;AACtBM,EAAAA,IAAI,EAAEI,mBAAUC,MADM;AAEtBJ,EAAAA,SAAS,EAAEG,mBAAUE,MAFC;AAGtBJ,EAAAA,cAAc,EAAEE,mBAAUG;AAHJ,CAAxB;;AAMA,MAAMC,GAAG,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAAD,KAA6B;AACvC,QAAMC,QAAQ,GAAG,mBAAI,CAACD,OAAD,EAAU,CAAV,CAAJ,CAAjB;;AAEA,MAAI,CAACF,KAAL,EAAY;AACV,WAAO,IAAP;AACD;;AAED,QAAMI,SAAS,GAAID,QAAQ,GAAGH,KAAZ,GAAqB,GAAvC;AAEA,sBACE;AACE,IAAA,SAAS,EAAEjB,eAAMsB,OADnB;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,EAAEL,KADZ;AAELM,MAAAA,KAAK,EAAG,GAAEH,SAAU;AAFf;AAFT,IADF;AASD,CAlBD;;AAoBAL,GAAG,CAACd,SAAJ,2CAAgB;AACdiB,EAAAA,OAAO,EAAEP,mBAAUE,MAAV,CAAiBW,UADZ;AAEdR,EAAAA,KAAK,EAAEL,mBAAUE,MAFH;AAGdI,EAAAA,KAAK,EAAEQ;AAHO,CAAhB;;AAMA,MAAMC,IAAI,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOV,EAAAA;AAAP,CAAD,KAAmB;AAC9B,sBACE;AAAK,iBAAU;AAAf,kBACE;AAAK,iBAAU,SAAf;AAAyB,IAAA,SAAS,EAAElB,eAAM6B;AAA1C,kBACE;AAAM,IAAA,KAAK,EAAE;AAACX,MAAAA;AAAD;AAAb,KAAuBU,IAAI,CAACT,OAA5B,CADF,OAC+CS,IAAI,CAACX,KADpD,CADF,eAIE;AAAK,IAAA,SAAS,EAAEjB,eAAM8B;AAAtB,kBACE,6BAAC,gBAAD,eAAaF,IAAb;AAAmB,IAAA,KAAK,EAAEV,KAA1B;AAAiC,IAAA,OAAO,EAAEU,IAAI,CAACT,OAAL,GAAe;AAAzD,mBACE,6BAAC,GAAD,eAASS,IAAT;AAAe,IAAA,KAAK,EAAEV;AAAtB,KADF,CADF,CAJF,CADF;AAYD,CAbD;;AAeAS,IAAI,CAACzB,SAAL,2CAAiB;AACf0B,EAAAA,IAAI,EAAEhB,mBAAUmB,KAAV,CAAgB;AACpBZ,IAAAA,OAAO,EAAEH,GAAG,CAACd,SAAJ,CAAciB,OADH;AAEpBF,IAAAA,KAAK,EAAED,GAAG,CAACd,SAAJ,CAAce;AAFD,GAAhB,CADS;AAKfC,EAAAA,KAAK,EAAEQ;AALQ,CAAjB;;AAQA,MAAMM,QAAQ,GAAG,CAAC1B,KAAD,EAAQC,OAAR,KAAoB;AACnC,QAAM;AAAC0B,IAAAA;AAAD,MAAc1B,OAApB;AACA,QAAM;AAAC2B,IAAAA,OAAD;AAAUN,IAAAA;AAAV,MAAkBtB,KAAxB;AACA,QAAMa,OAAO,GAAG,mBAAI,SAAJ,EAAeS,IAAf,CAAhB;AACA,sBACE;AACE,IAAA,SAAS,EAAG,GAAE5B,eAAMmC,YAAa,IAAGnC,eAAMoC,QAAS,EADrD;AAEE,IAAA,OAAO,EAAEF,OAFX;AAGE,iBAAU;AAHZ,kBAKE,2CAAOD,SAAS,CAACL,IAAI,KAAK,IAAT,IAAiBT,OAAO,KAAK,CAA7B,GAAiC,YAAjC,GAAgD,WAAjD,CAAhB,CALF,CADF;AASD,CAbD;;AAeAa,QAAQ,CAAC9B,SAAT,2CAAqB;AACnBgC,EAAAA,OAAO,EAAEtB,mBAAUG,IADA;AAEnBa,EAAAA,IAAI,EAAED,IAAI,CAACzB,SAAL,CAAe0B;AAFF,CAArB;AAKAI,QAAQ,CAACK,YAAT,GAAwB;AACtBJ,EAAAA,SAAS,EAAEK,kBAASC,iBAAT,CAA2BN;AADhB,CAAxB;;AAIA,MAAMO,YAAY,GAAG,CAAClC,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAAC0B,IAAAA;AAAD,MAAc1B,OAApB;AACA,QAAM;AAAC2B,IAAAA;AAAD,MAAY5B,KAAlB;AAEA,sBACE;AACE,IAAA,SAAS,EAAG,GAAEN,eAAMmC,YAAa,IAAGnC,eAAMyC,YAAa,EADzD;AAEE,IAAA,OAAO,EAAEP,OAFX;AAGE,iBAAU;AAHZ,kBAKE,2CAAOD,SAAS,CAAC,eAAD,CAAhB,CALF,CADF;AASD,CAbD;;AAeAO,YAAY,CAACtC,SAAb,2CAAyB;AACvBgC,EAAAA,OAAO,EAAEtB,mBAAUG;AADI,CAAzB;AAIAyB,YAAY,CAACH,YAAb,GAA4B;AAC1BJ,EAAAA,SAAS,EAAEK,kBAASC,iBAAT,CAA2BN;AADZ,CAA5B;;AAIA,MAAMS,aAAa,GAAG,CAAC;AAACC,EAAAA,UAAD;AAAaC,EAAAA;AAAb,CAAD,kBAAwB,6BAAC,eAAD,eAAYD,UAAZ;AAAwB,EAAA,IAAI,EAAEC;AAA9B,GAA9C;;AAEAF,aAAa,CAACxC,SAAd,2CAA0B;AACxByC,EAAAA,UAAU,EAAE/B,mBAAUmB,KAAV,CAAgBc,gBAAO3C,SAAvB,CADY;AAExB0C,EAAAA,IAAI,EAAEhC,mBAAUC;AAFQ,CAA1B;;AAKA,MAAMiC,YAAY,GAAG,CAACxC,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACwC,IAAAA,SAAD;AAAYtC,IAAAA;AAAZ,MAAyBH,KAA/B;AACA,QAAM;AAAC2B,IAAAA;AAAD,MAAc1B,OAApB;AACA,QAAMyC,UAAU,GAAGf,SAAS,CAAC,oBAAD,EAAuB;AACjDgB,IAAAA,KAAK,EAAEC,IAAI,CAACC,GAAL,CAAS1C,SAAT;AAD0C,GAAvB,CAA5B;AAIA,sBACE;AAAK,IAAA,SAAS,EAAET,eAAMoD;AAAtB,kBACE,6BAAC,wBAAD;AAAiB,IAAA,SAAS,EAAEL;AAA5B,IADF,eAEE;AAAK,IAAA,SAAS,EAAE/C,eAAMqD;AAAtB,KAA8BL,UAA9B,CAFF,CADF;AAMD,CAbD;;AAeAF,YAAY,CAAC5C,SAAb,2CAAyB;AACvB6C,EAAAA,SAAS,EAAEO,yBAAgBpD,SAAhB,CAA0B6C,SADd;AAEvBtC,EAAAA,SAAS,EAAEG,mBAAUE;AAFE,CAAzB;AAKAgC,YAAY,CAACT,YAAb,GAA4B;AAC1BJ,EAAAA,SAAS,EAAEK,kBAASC,iBAAT,CAA2BN;AADZ,CAA5B;;AAIA,MAAMsB,YAAY,GAAG,CAAC;AAACnD,EAAAA;AAAD,CAAD,KAAW;AAC9B,QAAMoD,MAAM,GAAGpD,GAAG,CAACqD,GAAJ,CAAQ,CAAC;AAACC,IAAAA,GAAD;AAAMC,IAAAA;AAAN,GAAD,kBAAgB,6BAAC,SAAD;AAAW,IAAA,GAAG,EAAEA,GAAhB;AAAqB,IAAA,KAAK,EAAED;AAA5B,IAAxB,CAAf;AACA,sBAAO,0CAAMF,MAAN,CAAP;AACD,CAHD;;AAKAD,YAAY,CAACrD,SAAb,2CAAyB;AACvBE,EAAAA,GAAG,EAAEQ,mBAAUgD,OAAV,CACHhD,mBAAUmB,KAAV,CAAgB;AACd4B,IAAAA,GAAG,EAAE/C,mBAAUC,MADD;AAEd6C,IAAAA,GAAG,EAAE9C,mBAAUC;AAFD,GAAhB,CADG;AADkB,CAAzB;;AASA,MAAMgD,YAAY,GAAGvD,KAAK,IAAI;AAC5B,QAAM;AAACF,IAAAA;AAAD,MAAQE,KAAd;AACA,QAAMwD,MAAM,GAAG1D,GAAG,CAACqD,GAAJ,CAAQ;AAAA,QAAC;AAACM,MAAAA;AAAD,KAAD;AAAA,QAAcC,UAAd;;AAAA,wBACrB,6BAAC,oBAAD,eAAiB,oBAAK,IAAL,EAAWA,UAAX,CAAjB;AAAyC,MAAA,EAAE,EAAED,OAA7C;AAAsD,MAAA,GAAG,EAAEA,OAA3D;AAAoE,MAAA,QAAQ,EAAE;AAA9E,OADqB;AAAA,GAAR,CAAf;AAGA,sBAAO,0CAAMD,MAAN,CAAP;AACD,CAND;;AAQAD,YAAY,CAAC3D,SAAb,2CAAyB;AACvBE,EAAAA,GAAG,EAAEQ,mBAAUgD,OAAV,CAAkBhD,mBAAUmB,KAAV,CAAgBkC,qBAAY/D,SAA5B,CAAlB;AADkB,CAAzB;AAIA,MAAMgE,aAAa,GAAG;AACpBC,EAAAA,GAAG,EAAEZ,YADe;AAEpBa,EAAAA,GAAG,EAAEC,YAFe;AAGpBC,EAAAA,KAAK,EAAEC,cAHa;AAIpBC,EAAAA,KAAK,EAAEX;AAJa,CAAtB;;AAOA,MAAMY,YAAY,GAAG,CAAC;AAAC1E,EAAAA;AAAD,CAAD,KAAa;AAChC,QAAM2E,WAAW,GAAGR,aAAa,CAACnE,KAAK,CAAC4E,IAAP,CAAjC;AACA,sBACE;AACE,iBAAU,cADZ;AAEE,IAAA,SAAS,EAAE,yBACT3E,eAAM4E,cADG,EAET7E,KAAK,CAAC4E,IAAN,KAAe,KAAf,GAAuB3E,eAAM6E,iBAA7B,GAAiD,IAFxC,EAGT9E,KAAK,CAAC4E,IAAN,KAAe,OAAf,GAAyB3E,eAAM8E,mBAA/B,GAAqD,IAH5C;AAFb,kBAQE,6BAAC,WAAD,EAAiB/E,KAAjB,CARF,CADF;AAYD,CAdD;;AAgBA0E,YAAY,CAACvE,SAAb,2CAAyB;AACvBH,EAAAA,KAAK,EAAEa,mBAAUmE,SAAV,CAAoB,CACzBnE,mBAAUmB,KAAV,uBACKwB,YAAY,CAACrD,SADlB;AAEEyE,IAAAA,IAAI,EAAE/D,mBAAUoE,KAAV,CAAgB,CAAC,KAAD,CAAhB;AAFR,KADyB,EAKzBpE,mBAAUmB,KAAV,uBACKsC,aAAInE,SADT;AAEEyE,IAAAA,IAAI,EAAE/D,mBAAUoE,KAAV,CAAgB,CAAC,KAAD,CAAhB;AAFR,KALyB,EASzBpE,mBAAUmB,KAAV,uBACKwC,eAAMrE,SADX;AAEEyE,IAAAA,IAAI,EAAE/D,mBAAUoE,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KATyB,EAazBpE,mBAAUmB,KAAV,uBACK8B,YAAY,CAAC3D,SADlB;AAEEyE,IAAAA,IAAI,EAAE/D,mBAAUoE,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KAbyB,CAApB;AADgB,CAAzB;;AAqBA,MAAMC,cAAc,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAoB;AACzC,QAAMC,qBAAqB,GAAG,oBAAK,qBAAM,EAAN,EAAU,aAAV,CAAL,EAA+B,qBAAM,IAAN,CAA/B,qBAAqDD,YAArD,CAA9B;AACA,QAAME,UAAU,GAAGD,qBAAqB,CAAC1B,GAAtB,CAA0B,CAAC4B,SAAD,EAAYC,KAAZ,kBAC3C;AACE,IAAA,GAAG,EAAEA,KADP;AAEE,iBAAU,oBAFZ;AAGE,IAAA,SAAS,EAAE,yBAAWtF,eAAMuF,kBAAjB,EAAqCvF,eAAMwF,SAA3C,CAHb,CAIE;AAJF;AAKE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEJ;AAAT;AAL3B,IADiB,CAAnB;AASA,sBACE;AAAK,IAAA,SAAS,EAAErF,eAAMO;AAAtB,KACG,mBAAI,YAAJ,EAAkB2E,YAAlB,iBAAkC,6BAAC,YAAD;AAAc,IAAA,KAAK,EAAEA,YAAY,CAACnF;AAAlC,IAAlC,GAAgF,IADnF,EAEGqF,UAFH,CADF;AAMD,CAjBD;;AAmBAH,cAAc,CAAC/E,SAAf,2CAA2B;AACzBgF,EAAAA,YAAY,EAAEtE,mBAAUmB,KAAV,CAAgB;AAC5B2D,IAAAA,KAAK,EAAE9E,mBAAUC,MADW;AAE5B8E,IAAAA,WAAW,EAAE/E,mBAAUC,MAFK;AAG5Bd,IAAAA,KAAK,EAAEa,mBAAUmB,KAAV,CAAgB0C,YAAY,CAACvE,SAA7B;AAHqB,GAAhB;AADW,CAA3B;AAQA,MAAM0F,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAEnD,aADW;AAEnBoD,EAAAA,IAAI,EAAEzF,WAFa;AAGnBE,EAAAA,OAAO,EAAE0E,cAHU;AAInBlF,EAAAA,KAAK,EAAE+C;AAJY,CAArB;;AAOA,MAAMiD,IAAI,GAAG,CAAC;AAACnD,EAAAA;AAAD,CAAD,kBACX;AACE,EAAA,SAAS,EAAE,yBAAW5C,eAAMgG,QAAjB,EAA2BhG,eAAMwF,SAAjC,CADb,CAEE;AAFF;AAGE,EAAA,uBAAuB,EAAE;AAACC,IAAAA,MAAM,EAAE7C;AAAT;AAH3B,EADF;;AAQAmD,IAAI,CAAC7F,SAAL,2CAAiB;AACf0C,EAAAA,IAAI,EAAEhC,mBAAUC;AADD,CAAjB;;AAIA,MAAMoF,cAAc,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAW;AAChC,MAAI,CAACA,GAAL,EAAU;AACR,WAAO,IAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAElG,eAAMmG;AAAtB,kBACE,6BAAC,YAAD,eAASD,GAAT;AAAc,IAAA,SAAS,EAAElG,eAAMkG;AAA/B,KADF,CADF;AAKD,CAVD;;AAYAD,cAAc,CAAC/F,SAAf,2CAA2B;AACzBgG,EAAAA,GAAG,EAAEtF,mBAAUmB,KAAV,CAAgBqE,aAAIlG,SAApB;AADoB,CAA3B;;AAIA,MAAMmG,aAAa,GAAG,CAAC/F,KAAD,EAAQC,OAAR,KAAoB;AACxC,QAAM;AACJ+F,IAAAA,QAAQ,EAAEC,WADN;AAEJ5D,IAAAA,UAAU,EAAE;AAAC6D,MAAAA,KAAK,EAAE;AAAC7B,QAAAA;AAAD,UAAS;AAAjB,QAAuB,EAF/B;AAGJ8B,IAAAA,QAHI;AAIJ7D,IAAAA,IAJI;AAKJsC,IAAAA;AALI,MAMF5E,KANJ;AAOA,QAAMoE,WAAW,GAAGkB,YAAY,CAACW,WAAD,CAAhC;AACA,QAAMG,mBAAmB,GACvBhC,WAAW,KAAK5B,YAAhB,GAAgC,GAAE9C,eAAM2G,uBAAwB,EAAhE,GAAqE,GAAE3G,eAAM4G,cAAe,EAD9F;AAGA,sBACE;AAAK,IAAA,SAAS,EAAEF,mBAAhB;AAAqC,IAAA,KAAK,EAAE;AAACnF,MAAAA,eAAe,EAAE;AAAlB;AAA5C,kBACE;AACE,iBAAU,UADZ;AAEE,IAAA,SAAS,EAAE,yBACTgF,WAAW,KAAK,SAAhB,GAA4BvG,eAAM6G,YAAlC,GAAiD7G,eAAMyG,QAD9C,EAETzG,eAAMwF,SAFG,CAFb,CAME;AANF;AAOE,IAAA,uBAAuB,EAAE;AACvBC,MAAAA,MAAM,EAAEc,WAAW,KAAK,SAAhB,GAA4BrB,YAAY,CAACQ,KAAzC,GAAiDe;AADlC;AAP3B,IADF,EAYG7D,IAAI,IAAI2D,WAAW,KAAK,QAAxB,IAAoC5B,IAAI,KAAK,SAA7C,gBAAyD,6BAAC,IAAD;AAAM,IAAA,IAAI,EAAE/B;AAAZ,IAAzD,GAAgF,IAZnF,eAaE,6BAAC,WAAD,EAAiBtC,KAAjB,CAbF,eAcE,6BAAC,cAAD,EAAoBA,KAApB,CAdF,CADF;AAkBD,CA9BD;;AAgCA+F,aAAa,CAAChE,YAAd,GAA6B;AAC3BJ,EAAAA,SAAS,EAAEK,kBAASC,iBAAT,CAA2BN,SADX;AAE3B6E,EAAAA,IAAI,EAAExE,kBAASC,iBAAT,CAA2BuE;AAFN,CAA7B;AAKAT,aAAa,CAACnG,SAAd;AACEoG,EAAAA,QAAQ,EAAE1F,mBAAUoE,KAAV,CAAgB,oBAAKY,YAAL,CAAhB,CADZ;AAEEa,EAAAA,QAAQ,EAAE7F,mBAAUC;AAFtB,GAGKoF,cAAc,CAAC/F,SAHpB;AAMA;;;;AAIA,MAAM6G,aAAa,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACpB;AAAK,EAAA,SAAS,EAAEhH,eAAMiH;AAAtB,GACGD,UAAU,gBAAG,6BAAC,gBAAD,EAAaA,UAAb,CAAH,gBAAiC,6BAAC,eAAD,OAD9C,CADF;;AAMA,MAAME,YAAY,GAAG;AAAA,MAAC;AAACT,IAAAA;AAAD,GAAD;AAAA,MAAqBnG,KAArB;;AAAA,SACnBmG,QAAQ,gBAAG,6BAAC,aAAD,eAAmBnG,KAAnB;AAA0B,IAAA,QAAQ,EAAEmG;AAApC,KAAH,gBAAsD,6BAAC,aAAD,EAAmBnG,KAAnB,CAD3C;AAAA,CAArB;;AAGA4G,YAAY,CAAChH,SAAb,iEACKmG,aAAa,CAACnG,SADnB;AAEEuG,EAAAA,QAAQ,EAAEJ,aAAa,CAACnG,SAAd,CAAwBuG;AAFpC;AAKA;;;;AAIA,MAAMU,YAAY,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACnB;AAAK,EAAA,SAAS,EAAEpH,eAAM4G;AAAtB,gBACE;AAAK,EAAA,SAAS,EAAE5G,eAAMqH;AAAtB,GAA8BD,QAA9B,CADF,CADF;;AAMAD,YAAY,CAACjH,SAAb,2CAAyB;AACvBkH,EAAAA,QAAQ,EAAExG,mBAAUC;AADG,CAAzB;;AAIA,MAAMyG,OAAO,GAAG;AAAA,MAAC;AAACD,IAAAA;AAAD,GAAD;AAAA,MAAY/G,KAAZ;;AAAA,SACd+G,KAAK,gBAAG,6BAAC,YAAD,EAAkB/G,KAAlB,CAAH,gBAAiC,6BAAC,YAAD,EAAkBA,KAAlB,CADxB;AAAA,CAAhB;;AAGAgH,OAAO,CAACpH,SAAR,2CAAoB;AAClBmH,EAAAA,KAAK,EAAEzG,mBAAU2G;AADC,CAApB;AAIA;;;;AAIA,MAAMC,YAAY,GAAG,CAAClH,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACkH,IAAAA,MAAD;AAAS7F,IAAAA,IAAT;AAAe8F,IAAAA,OAAf;AAAwBC,IAAAA,YAAY,GAAG,KAAvC;AAA8CC,IAAAA,gBAAgB,GAAG;AAAjE,MAA0EtH,KAAhF;AACA,QAAM;AAACwG,IAAAA;AAAD,MAASvG,OAAf;AACA,QAAMsH,SAAS,GAAG,mBAAI,gBAAJ,EAAsBf,IAAtB,CAAlB;AACA,QAAMgB,WAAW,GAAG,oBAAK;AAACnD,IAAAA,IAAI,EAAE;AAAP,GAAL,EAAsB+C,OAAtB,KAAkC,EAAtD;AACA,QAAM;AAACxF,IAAAA,OAAO;AAAR,MAAuB4F,WAA7B;AACA,sBACE;AAAK,IAAA,SAAS,EAAE9H,eAAM+H,OAAtB;AAA+B,iBAAU;AAAzC,KACGN,MAAM,gBAAG,6BAAC,eAAD,EAAYA,MAAZ,CAAH,GAA4B,IADrC,eAEE;AAAK,IAAA,SAAS,EAAEzH,eAAMgI;AAAtB,KACGpG,IAAI,gBAAG,6BAAC,IAAD;AAAM,IAAA,IAAI,EAAEA,IAAZ;AAAkB,IAAA,KAAK,EAAEiG;AAAzB,IAAH,GAA4C,IADnD,EAEGF,YAAY,IAAI,CAACC,gBAAjB,gBAAoC,6BAAC,QAAD;AAAU,IAAA,OAAO,EAAE1F,OAAnB;AAA4B,IAAA,IAAI,EAAEN;AAAlC,IAApC,GAAiF,IAFpF,EAGGgG,gBAAgB,IAAI,CAACD,YAArB,gBAAoC,6BAAC,YAAD;AAAc,IAAA,OAAO,EAAEzF;AAAvB,IAApC,GAAyE,IAH5E,eAIE,6BAAC,OAAD,EAAa5B,KAAb,CAJF,CAFF,eAQE,6BAAC,eAAD;AAAQ,IAAA,OAAO,EAAEoH;AAAjB,IARF,CADF;AAYD,CAlBD;;AAoBAF,YAAY,CAACS,IAAb,GAAoBrC,YAApB;AAEA4B,YAAY,CAACnF,YAAb,GAA4B;AAC1BJ,EAAAA,SAAS,EAAEK,kBAASC,iBAAT,CAA2BN,SADZ;AAE1B6E,EAAAA,IAAI,EAAExE,kBAASC,iBAAT,CAA2BuE;AAFP,CAA5B;AAKAU,YAAY,CAACtH,SAAb,2CAAyB;AACvBgG,EAAAA,GAAG,EAAED,cAAc,CAAC/F,SAAf,CAAyBgG,GADP;AAEvBtE,EAAAA,IAAI,EAAED,IAAI,CAACzB,SAAL,CAAe0B,IAFE;AAGvB8F,EAAAA,OAAO,EAAEQ,gBAAOhI,SAAP,CAAiBwH,OAHH;AAIvBD,EAAAA,MAAM,EAAE7G,mBAAUmB,KAAV,CAAgBoG,gBAAOjI,SAAvB,CAJe;AAKvByH,EAAAA,YAAY,EAAE/G,mBAAU2G,IALD;AAMvBK,EAAAA,gBAAgB,EAAEhH,mBAAU2G,IANL;AAOvBa,EAAAA,aAAa,EAAEC,sBAPQ;AAQvBrB,EAAAA,UAAU,EAAEpG,mBAAUmB,KAAV,CAAgBuG,iBAAQpI,SAAxB;AARW,CAAzB;eAWesH,Y","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/popin-correction/index.js

@@ -35,6 +35,8 @@ var _resourceBrowser = _interopRequireDefault(require("../../../organism/resourc
 
 var _container = _interopRequireDefault(require("../../../organism/accordion/container"));
 
+var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
+
 var _popinHeader = _interopRequireDefault(require("../popin-header"));
 
 var _style = _interopRequireDefault(require("./style.css"));
@@ -200,7 +202,8 @@ class PopinCorrection extends _react.Component {
       tips,
       onClick,
       quit = {},
-      assistanceLink = {}
+      assistanceLink = {},
+      popinError
     } = this.props;
     const {
       open
@@ -236,7 +239,7 @@ class PopinCorrection extends _react.Component {
       ref: this.initWrapper,
       className: className,
       "data-name": "popinCorrection"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, popinError ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinError) : null, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.scrollWrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: isLoading ? _style.default.loadingWrapper : _style.default.wrapper
@@ -284,7 +287,8 @@ PopinCorrection.propTypes = process.env.NODE_ENV !== "production" ? {
       title: _propTypes.default.string
     }))
   }),
-  onOpen: _propTypes.default.func
+  onOpen: _propTypes.default.func,
+  popinError: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};
 var _default = PopinCorrection;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":["extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","style","browserWrapper","value","browser","propTypes","PropTypes","shape","ResourceBrowser","SimpleText","text","simpleTextWrapper","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","Provider","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","Component","constructor","state","initWrapper","bind","componentDidMount","deferOpen","clearTimeout","deferedOpen","onOpen","setState","wrapper","render","extraLifeGranted","gameOver","klf","tips","quit","assistanceLink","primary","tabs","isLoading","failed","className","finalBackground","initialBackground","cta","linkProps","quitCta","color","hideQuitCta","scrollWrapper","loadingWrapper","loadingContent","content","activeLoader","Header","Accordion","Link"],"mappings":"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","sourcesContent":["import React, {Component} from 'react';\nimport PropTypes from 'prop-types';\nimport {defer, isNil, isEmpty, get, getOr, keys, omit} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaLineInterfaceFeedbackInterfaceAlertCircle as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Link from '../../../atom/link';\nimport Provider from '../../../atom/provider';\nimport ResourceBrowser from '../../../organism/resource-browser';\nimport Accordion from '../../../organism/accordion/container';\nimport Header from '../popin-header';\nimport style from './style.css';\n\nconst extractTabs = items =>\n  keys(items).map(type => {\n    const item = items[type];\n    return {iconType: type, title: item.title, isOpen: item.open};\n  });\n\nconst Resources = ({resources, overlay}) => (\n  <div className={style.browserWrapper}>\n    <ResourceBrowser resources={resources.value} overlay={overlay} className={style.browser} />\n  </div>\n);\n\nResources.propTypes = {\n  resources: PropTypes.shape({\n    value: ResourceBrowser.propTypes.resources\n  }),\n  overlay: ResourceBrowser.propTypes.overlay\n};\n\nconst SimpleText = ({text}) => (\n  <div data-name=\"simpleText\" className={style.simpleTextWrapper}>\n    <p\n      className={classnames(style.simpleText, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  </div>\n);\n\nSimpleText.propTypes = {\n  text: PropTypes.string\n};\n\nconst AssistanceLink = (props, context) => {\n  if (isEmpty(props)) return null;\n  const {title, onClick} = props;\n  if (isEmpty(title)) return null;\n  const {skin} = context;\n  const white = get('common.white', skin);\n\n  return (\n    <div className={style.wrapperAssistance} onClick={onClick}>\n      <AlertIcon className={style.alertIcon} color={white} />\n      <span className={style.titleLink}> {title} </span>\n    </div>\n  );\n};\n\nAssistanceLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAssistanceLink.propTypes = {\n  title: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst Question = ({header, answer, answerPrefix}) => (\n  <div className={style.question}>\n    <p\n      className={classnames(style.questionHeader, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: header}}\n    />\n    <div className={style.answerWrapper}>\n      <CheckIcon className={style.checkIcon} color=\"inherit\" />\n      {answerPrefix ? <span className={style.answerPrefix}>{answerPrefix}</span> : null}\n      <span\n        className={classnames(style.answer, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: answer}}\n      />\n    </div>\n  </div>\n);\n\nQuestion.propTypes = {\n  header: PropTypes.string,\n  answerPrefix: PropTypes.string,\n  answer: PropTypes.string\n};\n\nclass PopinCorrection extends Component {\n  static propTypes = {\n    resources: Resources.propTypes.resources,\n    overlay: ResourceBrowser.propTypes.overlay,\n    assistanceLink: PropTypes.shape(AssistanceLink.propTypes),\n    header: PropTypes.shape(omit(['animated'], Header.propTypes)),\n    extraLifeGranted: Header.propTypes.extraLifeGranted,\n    gameOver: Header.propTypes.gameOver,\n    question: PropTypes.shape(Question.propTypes),\n    klf: PropTypes.shape(SimpleText.propTypes),\n    tips: PropTypes.shape(SimpleText.propTypes),\n    onClick: Accordion.propTypes.onClick,\n    quit: PropTypes.shape({\n      cta: PropTypes.shape({\n        ...Link.propTypes,\n        title: PropTypes.string\n      })\n    }),\n    onOpen: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {open: false};\n    this.initWrapper = this.initWrapper.bind(this);\n  }\n\n  componentDidMount() {\n    this.deferOpen();\n  }\n\n  deferOpen() {\n    clearTimeout(this.deferedOpen);\n\n    this.deferedOpen = defer(() => {\n      const {onOpen} = this.props;\n      this.setState({open: true});\n      onOpen && onOpen();\n    });\n  }\n\n  initWrapper(wrapper) {\n    this.wrapper = wrapper;\n  }\n\n  render() {\n    const {\n      header = {},\n      extraLifeGranted,\n      gameOver,\n      question,\n      overlay,\n      resources,\n      klf,\n      tips,\n      onClick,\n      quit = {},\n      assistanceLink = {}\n    } = this.props;\n\n    const {open} = this.state;\n\n    const {skin} = this.context;\n    const primary = getOr('#f0f', 'common.primary', skin);\n\n    const tabs = extractTabs({resources, klf, tips});\n    const isLoading = isNil(header.failed);\n    const className = open ? style.finalBackground : style.initialBackground;\n    const {title, ...linkProps} = quit.cta || {};\n\n    const quitCta =\n      title || extraLifeGranted ? (\n        <Link\n          {...linkProps}\n          style={{\n            color: primary\n          }}\n          className={extraLifeGranted ? style.hideQuitCta : style.quitCta}\n          data-name=\"nextLink\"\n          data-popin=\"popinCorrection\"\n          data-next=\"quit-with-extra-life\"\n        >\n          {title}\n        </Link>\n      ) : null;\n\n    return (\n      <div ref={this.initWrapper} className={className} data-name=\"popinCorrection\">\n        <div className={style.scrollWrapper}>\n          <div className={isLoading ? style.loadingWrapper : style.wrapper}>\n            <div className={isLoading ? style.loadingContent : style.content}>\n              <Header\n                {...header}\n                gameOver={gameOver}\n                extraLifeGranted={extraLifeGranted}\n                animated\n              />\n              <Question {...question} />\n              <Accordion tabProps={tabs} onClick={onClick} oneTabOnly>\n                {isEmpty(getOr([], 'value', resources)) ? null : (\n                  <Resources resources={resources} overlay={overlay} />\n                )}\n                {klf.value ? <SimpleText text={klf.value} /> : null}\n                {tips.value ? <SimpleText text={tips.value} /> : null}\n              </Accordion>\n            </div>\n            {quitCta}\n            <AssistanceLink {...assistanceLink} />\n          </div>\n          {isLoading ? <Loader className={style.activeLoader} /> : null}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PopinCorrection;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":["extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","style","browserWrapper","value","browser","propTypes","PropTypes","shape","ResourceBrowser","SimpleText","text","simpleTextWrapper","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","Provider","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","Component","constructor","state","initWrapper","bind","componentDidMount","deferOpen","clearTimeout","deferedOpen","onOpen","setState","wrapper","render","extraLifeGranted","gameOver","klf","tips","quit","assistanceLink","popinError","primary","tabs","isLoading","failed","className","finalBackground","initialBackground","cta","linkProps","quitCta","color","hideQuitCta","scrollWrapper","loadingWrapper","loadingContent","content","activeLoader","Header","Accordion","Link","CMPopin"],"mappings":"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","sourcesContent":["import React, {Component} from 'react';\nimport PropTypes from 'prop-types';\nimport {defer, isNil, isEmpty, get, getOr, keys, omit} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaLineInterfaceFeedbackInterfaceAlertCircle as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Link from '../../../atom/link';\nimport Provider from '../../../atom/provider';\nimport ResourceBrowser from '../../../organism/resource-browser';\nimport Accordion from '../../../organism/accordion/container';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Header from '../popin-header';\nimport style from './style.css';\n\nconst extractTabs = items =>\n  keys(items).map(type => {\n    const item = items[type];\n    return {iconType: type, title: item.title, isOpen: item.open};\n  });\n\nconst Resources = ({resources, overlay}) => (\n  <div className={style.browserWrapper}>\n    <ResourceBrowser resources={resources.value} overlay={overlay} className={style.browser} />\n  </div>\n);\n\nResources.propTypes = {\n  resources: PropTypes.shape({\n    value: ResourceBrowser.propTypes.resources\n  }),\n  overlay: ResourceBrowser.propTypes.overlay\n};\n\nconst SimpleText = ({text}) => (\n  <div data-name=\"simpleText\" className={style.simpleTextWrapper}>\n    <p\n      className={classnames(style.simpleText, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  </div>\n);\n\nSimpleText.propTypes = {\n  text: PropTypes.string\n};\n\nconst AssistanceLink = (props, context) => {\n  if (isEmpty(props)) return null;\n  const {title, onClick} = props;\n  if (isEmpty(title)) return null;\n  const {skin} = context;\n  const white = get('common.white', skin);\n\n  return (\n    <div className={style.wrapperAssistance} onClick={onClick}>\n      <AlertIcon className={style.alertIcon} color={white} />\n      <span className={style.titleLink}> {title} </span>\n    </div>\n  );\n};\n\nAssistanceLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAssistanceLink.propTypes = {\n  title: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst Question = ({header, answer, answerPrefix}) => (\n  <div className={style.question}>\n    <p\n      className={classnames(style.questionHeader, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: header}}\n    />\n    <div className={style.answerWrapper}>\n      <CheckIcon className={style.checkIcon} color=\"inherit\" />\n      {answerPrefix ? <span className={style.answerPrefix}>{answerPrefix}</span> : null}\n      <span\n        className={classnames(style.answer, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: answer}}\n      />\n    </div>\n  </div>\n);\n\nQuestion.propTypes = {\n  header: PropTypes.string,\n  answerPrefix: PropTypes.string,\n  answer: PropTypes.string\n};\n\nclass PopinCorrection extends Component {\n  static propTypes = {\n    resources: Resources.propTypes.resources,\n    overlay: ResourceBrowser.propTypes.overlay,\n    assistanceLink: PropTypes.shape(AssistanceLink.propTypes),\n    header: PropTypes.shape(omit(['animated'], Header.propTypes)),\n    extraLifeGranted: Header.propTypes.extraLifeGranted,\n    gameOver: Header.propTypes.gameOver,\n    question: PropTypes.shape(Question.propTypes),\n    klf: PropTypes.shape(SimpleText.propTypes),\n    tips: PropTypes.shape(SimpleText.propTypes),\n    onClick: Accordion.propTypes.onClick,\n    quit: PropTypes.shape({\n      cta: PropTypes.shape({\n        ...Link.propTypes,\n        title: PropTypes.string\n      })\n    }),\n    onOpen: PropTypes.func,\n    popinError: PropTypes.shape(CMPopin.propTypes)\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {open: false};\n    this.initWrapper = this.initWrapper.bind(this);\n  }\n\n  componentDidMount() {\n    this.deferOpen();\n  }\n\n  deferOpen() {\n    clearTimeout(this.deferedOpen);\n\n    this.deferedOpen = defer(() => {\n      const {onOpen} = this.props;\n      this.setState({open: true});\n      onOpen && onOpen();\n    });\n  }\n\n  initWrapper(wrapper) {\n    this.wrapper = wrapper;\n  }\n\n  render() {\n    const {\n      header = {},\n      extraLifeGranted,\n      gameOver,\n      question,\n      overlay,\n      resources,\n      klf,\n      tips,\n      onClick,\n      quit = {},\n      assistanceLink = {},\n      popinError\n    } = this.props;\n\n    const {open} = this.state;\n\n    const {skin} = this.context;\n    const primary = getOr('#f0f', 'common.primary', skin);\n\n    const tabs = extractTabs({resources, klf, tips});\n    const isLoading = isNil(header.failed);\n    const className = open ? style.finalBackground : style.initialBackground;\n    const {title, ...linkProps} = quit.cta || {};\n\n    const quitCta =\n      title || extraLifeGranted ? (\n        <Link\n          {...linkProps}\n          style={{\n            color: primary\n          }}\n          className={extraLifeGranted ? style.hideQuitCta : style.quitCta}\n          data-name=\"nextLink\"\n          data-popin=\"popinCorrection\"\n          data-next=\"quit-with-extra-life\"\n        >\n          {title}\n        </Link>\n      ) : null;\n\n    return (\n      <div ref={this.initWrapper} className={className} data-name=\"popinCorrection\">\n        {popinError ? <CMPopin {...popinError} /> : null}\n        <div className={style.scrollWrapper}>\n          <div className={isLoading ? style.loadingWrapper : style.wrapper}>\n            <div className={isLoading ? style.loadingContent : style.content}>\n              <Header\n                {...header}\n                gameOver={gameOver}\n                extraLifeGranted={extraLifeGranted}\n                animated\n              />\n              <Question {...question} />\n              <Accordion tabProps={tabs} onClick={onClick} oneTabOnly>\n                {isEmpty(getOr([], 'value', resources)) ? null : (\n                  <Resources resources={resources} overlay={overlay} />\n                )}\n                {klf.value ? <SimpleText text={klf.value} /> : null}\n                {tips.value ? <SimpleText text={tips.value} /> : null}\n              </Accordion>\n            </div>\n            {quitCta}\n            <AssistanceLink {...assistanceLink} />\n          </div>\n          {isLoading ? <Loader className={style.activeLoader} /> : null}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PopinCorrection;\n"],"file":"index.js"}

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

@@ -9,6 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _header = _interopRequireDefault(require("../player/slides/header"));
 
+var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
+
 var _summary = _interopRequireDefault(require("./summary"));
 
 var _style = _interopRequireDefault(require("./style.css"));
@@ -34,12 +36,13 @@ const PopinEnd = props => {
   const {
     header,
     summary,
-    mode = 'default'
+    mode = 'default',
+    popinError
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "popinEnd",
     className: _style.default.wrapper
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, popinError ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinError) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.slidesHeader
   }, /*#__PURE__*/_react.default.createElement(_header.default, header)), /*#__PURE__*/_react.default.createElement(Content, _extends({}, summary, {
     mode: mode
@@ -49,7 +52,8 @@ const PopinEnd = props => {
 PopinEnd.propTypes = process.env.NODE_ENV !== "production" ? {
   header: _propTypes.default.shape(_header.default.propTypes),
   summary: _propTypes.default.shape(_summary.default.propTypes),
-  mode: _propTypes.default.oneOf(['scorm', 'default'])
+  mode: _propTypes.default.oneOf(['scorm', 'default']),
+  popinError: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};
 var _default = PopinEnd;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-end/index.js"],"names":["Content","props","mode","style","popinWrapper","propTypes","PropTypes","oneOf","PopinEnd","header","summary","wrapper","slidesHeader","shape","Header","Summary"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,OAAO,GAAGC,KAAK,IAAI;AACvB,QAAM;AAACC,IAAAA,IAAI,GAAG;AAAR,MAAqBD,KAA3B;AACA,sBACE;AAAK,IAAA,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBC,eAAMC,YAAzB,GAAwC;AAAxD,kBACE,6BAAC,gBAAD,EAAaH,KAAb,CADF,CADF;AAKD,CAPD;;AAQAD,OAAO,CAACK,SAAR,2CAAoB;AAClBH,EAAAA,IAAI,EAAEI,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AADY,CAApB;;AAIA,MAAMC,QAAQ,GAAGP,KAAK,IAAI;AACxB,QAAM;AAACQ,IAAAA,MAAD;AAASC,IAAAA,OAAT;AAAkBR,IAAAA,IAAI,GAAG;AAAzB,MAAsCD,KAA5C;AACA,sBACE;AAAK,iBAAU,UAAf;AAA0B,IAAA,SAAS,EAAEE,eAAMQ;AAA3C,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,kBACE,6BAAC,eAAD,EAAYH,MAAZ,CADF,CADF,eAIE,6BAAC,OAAD,eAAaC,OAAb;AAAsB,IAAA,IAAI,EAAER;AAA5B,KAJF,CADF;AAQD,CAVD;;AAYAM,QAAQ,CAACH,SAAT,2CAAqB;AACnBI,EAAAA,MAAM,EAAEH,mBAAUO,KAAV,CAAgBC,gBAAOT,SAAvB,CADW;AAEnBK,EAAAA,OAAO,EAAEJ,mBAAUO,KAAV,CAAgBE,iBAAQV,SAAxB,CAFU;AAGnBH,EAAAA,IAAI,EAAEI,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AAHa,CAArB;eAMeC,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../player/slides/header';\nimport Summary from './summary';\nimport style from './style.css';\n\nconst Content = props => {\n  const {mode = 'default'} = props;\n  return (\n    <div className={mode !== 'scorm' ? style.popinWrapper : null}>\n      <Summary {...props} />\n    </div>\n  );\n};\nContent.propTypes = {\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nconst PopinEnd = props => {\n  const {header, summary, mode = 'default'} = props;\n  return (\n    <div data-name=\"popinEnd\" className={style.wrapper}>\n      <div className={style.slidesHeader}>\n        <Header {...header} />\n      </div>\n      <Content {...summary} mode={mode} />\n    </div>\n  );\n};\n\nPopinEnd.propTypes = {\n  header: PropTypes.shape(Header.propTypes),\n  summary: PropTypes.shape(Summary.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinEnd;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/popin-end/index.js"],"names":["Content","props","mode","style","popinWrapper","propTypes","PropTypes","oneOf","PopinEnd","header","summary","popinError","wrapper","slidesHeader","shape","Header","Summary","CMPopin"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,OAAO,GAAGC,KAAK,IAAI;AACvB,QAAM;AAACC,IAAAA,IAAI,GAAG;AAAR,MAAqBD,KAA3B;AACA,sBACE;AAAK,IAAA,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBC,eAAMC,YAAzB,GAAwC;AAAxD,kBACE,6BAAC,gBAAD,EAAaH,KAAb,CADF,CADF;AAKD,CAPD;;AAQAD,OAAO,CAACK,SAAR,2CAAoB;AAClBH,EAAAA,IAAI,EAAEI,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AADY,CAApB;;AAIA,MAAMC,QAAQ,GAAGP,KAAK,IAAI;AACxB,QAAM;AAACQ,IAAAA,MAAD;AAASC,IAAAA,OAAT;AAAkBR,IAAAA,IAAI,GAAG,SAAzB;AAAoCS,IAAAA;AAApC,MAAkDV,KAAxD;AACA,sBACE;AAAK,iBAAU,UAAf;AAA0B,IAAA,SAAS,EAAEE,eAAMS;AAA3C,KACGD,UAAU,gBAAG,6BAAC,gBAAD,EAAaA,UAAb,CAAH,GAAiC,IAD9C,eAEE;AAAK,IAAA,SAAS,EAAER,eAAMU;AAAtB,kBACE,6BAAC,eAAD,EAAYJ,MAAZ,CADF,CAFF,eAKE,6BAAC,OAAD,eAAaC,OAAb;AAAsB,IAAA,IAAI,EAAER;AAA5B,KALF,CADF;AASD,CAXD;;AAaAM,QAAQ,CAACH,SAAT,2CAAqB;AACnBI,EAAAA,MAAM,EAAEH,mBAAUQ,KAAV,CAAgBC,gBAAOV,SAAvB,CADW;AAEnBK,EAAAA,OAAO,EAAEJ,mBAAUQ,KAAV,CAAgBE,iBAAQX,SAAxB,CAFU;AAGnBH,EAAAA,IAAI,EAAEI,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB,CAHa;AAInBI,EAAAA,UAAU,EAAEL,mBAAUQ,KAAV,CAAgBG,iBAAQZ,SAAxB;AAJO,CAArB;eAOeG,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../player/slides/header';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Summary from './summary';\nimport style from './style.css';\n\nconst Content = props => {\n  const {mode = 'default'} = props;\n  return (\n    <div className={mode !== 'scorm' ? style.popinWrapper : null}>\n      <Summary {...props} />\n    </div>\n  );\n};\nContent.propTypes = {\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nconst PopinEnd = props => {\n  const {header, summary, mode = 'default', popinError} = props;\n  return (\n    <div data-name=\"popinEnd\" className={style.wrapper}>\n      {popinError ? <CMPopin {...popinError} /> : null}\n      <div className={style.slidesHeader}>\n        <Header {...header} />\n      </div>\n      <Content {...summary} mode={mode} />\n    </div>\n  );\n};\n\nPopinEnd.propTypes = {\n  header: PropTypes.shape(Header.propTypes),\n  summary: PropTypes.shape(Summary.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default']),\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default PopinEnd;\n"],"file":"index.js"}