@coorpacademy/components 10.23.5 → 10.23.6

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,15 @@ 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));
+
+LoadingLayout.propTypes = process.env.NODE_ENV !== "production" ? {
+  popinError: CMPopin.propTypes
+} : {};
 
 const LoadedLayout = (_ref2) => {
   let {
@@ -408,7 +415,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 +503,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}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n);\n\nLoadingLayout.propTypes = {\n  popinError: CMPopin.propTypes\n};\n\nconst LoadedLayout = ({question, step, ...props}) =>\n  question ? <ContentLayout {...props} question={question} /> : <LoadingLayout {...props} />;\n\nLoadedLayout.propTypes = {\n  ...ContentLayout.propTypes,\n  question: ContentLayout.propTypes.question\n};\n\n/*\n * Errors\n */\n\nconst ErrorMessage = ({errorMsg}) => (\n  <div className={style.contentWrapper}>\n    <div className={style.error}>{errorMsg}</div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  errorMsg: PropTypes.string\n};\n\nconst Content = ({error, ...props}) =>\n  error ? <ErrorMessage {...props} /> : <LoadedLayout {...props} />;\n\nContent.propTypes = {\n  error: PropTypes.bool\n};\n\n/*\n * SlidesPlayer\n */\n\nconst SlidesPlayer = (props, context) => {\n  const {header, step, buttons, showNewMedia = false, showReviewLesson = false} = props;\n  const {skin} = context;\n  const stepColor = get('common.primary', skin);\n  const mediaButton = find({type: 'media'}, buttons) || {};\n  const {onClick = identity} = mediaButton;\n  return (\n    <div className={style.wrapper} data-name=\"slidesPlayer\">\n      {header ? <Header {...header} /> : null}\n      <div className={style.contentProgression}>\n        {step ? <Step step={step} color={stepColor} /> : null}\n        {showNewMedia && !showReviewLesson ? <NewMedia onClick={onClick} step={step} /> : null}\n        {showReviewLesson && !showNewMedia ? <ReviewLesson onClick={onClick} /> : null}\n        <Content {...props} />\n      </div>\n      <Footer buttons={buttons} />\n    </div>\n  );\n};\n\nSlidesPlayer.TYPE = CONTENT_TYPE;\n\nSlidesPlayer.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSlidesPlayer.propTypes = {\n  cta: ValidateButton.propTypes.cta,\n  step: Step.propTypes.step,\n  buttons: Footer.propTypes.buttons,\n  header: PropTypes.shape(Header.propTypes),\n  showNewMedia: PropTypes.bool,\n  showReviewLesson: PropTypes.bool,\n  backgroundUrl: SrcPropType,\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidesPlayer;\n"],"file":"index.js"}

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

@@ -21,6 +21,7 @@ import Link from '../../../atom/link';
 import Provider from '../../../atom/provider';
 import ResourceBrowser from '../../../organism/resource-browser';
 import Accordion from '../../../organism/accordion/container';
+import CMPopin from '../../../molecule/cm-popin';
 import Header from '../popin-header';
 import style from './style.css';
 
@@ -175,7 +176,8 @@ class PopinCorrection extends Component {
       tips,
       onClick,
       quit = {},
-      assistanceLink = {}
+      assistanceLink = {},
+      popinError
     } = this.props;
     const {
       open
@@ -215,7 +217,7 @@ class PopinCorrection extends Component {
       ref: this.initWrapper,
       className: className,
       "data-name": "popinCorrection"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, popinError ? /*#__PURE__*/React.createElement(CMPopin, popinError) : null, /*#__PURE__*/React.createElement("div", {
       className: style.scrollWrapper
     }, /*#__PURE__*/React.createElement("div", {
       className: isLoading ? style.loadingWrapper : style.wrapper
@@ -263,7 +265,8 @@ PopinCorrection.propTypes = process.env.NODE_ENV !== "production" ? {
       title: PropTypes.string
     }))
   }),
-  onOpen: PropTypes.func
+  onOpen: PropTypes.func,
+  popinError: PropTypes.shape(CMPopin.propTypes)
 } : {};
 export default PopinCorrection;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":["React","Component","PropTypes","NovaCompositionCoorpacademyCheck","CheckIcon","NovaLineInterfaceFeedbackInterfaceAlertCircle","AlertIcon","classnames","Loader","Link","Provider","ResourceBrowser","Accordion","Header","style","extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","browserWrapper","value","browser","propTypes","shape","SimpleText","text","simpleTextWrapper","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","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"],"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":["React","Component","PropTypes","NovaCompositionCoorpacademyCheck","CheckIcon","NovaLineInterfaceFeedbackInterfaceAlertCircle","AlertIcon","classnames","Loader","Link","Provider","ResourceBrowser","Accordion","CMPopin","Header","style","extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","browserWrapper","value","browser","propTypes","shape","SimpleText","text","simpleTextWrapper","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","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"],"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/es/template/app-player/popin-end/index.js

@@ -3,6 +3,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React from 'react';
 import PropTypes from 'prop-types';
 import Header from '../player/slides/header';
+import CMPopin from '../../../molecule/cm-popin';
 import Summary from './summary';
 import style from './style.css';
 
@@ -23,12 +24,13 @@ const PopinEnd = props => {
   const {
     header,
     summary,
-    mode = 'default'
+    mode = 'default',
+    popinError
   } = props;
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "popinEnd",
     className: style.wrapper
-  }, /*#__PURE__*/React.createElement("div", {
+  }, popinError ? /*#__PURE__*/React.createElement(CMPopin, popinError) : null, /*#__PURE__*/React.createElement("div", {
     className: style.slidesHeader
   }, /*#__PURE__*/React.createElement(Header, header)), /*#__PURE__*/React.createElement(Content, _extends({}, summary, {
     mode: mode
@@ -38,7 +40,8 @@ const PopinEnd = props => {
 PopinEnd.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.shape(Header.propTypes),
   summary: PropTypes.shape(Summary.propTypes),
-  mode: PropTypes.oneOf(['scorm', 'default'])
+  mode: PropTypes.oneOf(['scorm', 'default']),
+  popinError: PropTypes.shape(CMPopin.propTypes)
 } : {};
 export default PopinEnd;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-end/index.js"],"names":["React","PropTypes","Header","Summary","style","Content","props","mode","popinWrapper","propTypes","oneOf","PopinEnd","header","summary","wrapper","slidesHeader","shape"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAGC,KAAK,IAAI;AACvB,QAAM;AAACC,IAAAA,IAAI,GAAG;AAAR,MAAqBD,KAA3B;AACA,sBACE;AAAK,IAAA,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBH,KAAK,CAACI,YAAzB,GAAwC;AAAxD,kBACE,oBAAC,OAAD,EAAaF,KAAb,CADF,CADF;AAKD,CAPD;;AAQAD,OAAO,CAACI,SAAR,2CAAoB;AAClBF,EAAAA,IAAI,EAAEN,SAAS,CAACS,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AADY,CAApB;;AAIA,MAAMC,QAAQ,GAAGL,KAAK,IAAI;AACxB,QAAM;AAACM,IAAAA,MAAD;AAASC,IAAAA,OAAT;AAAkBN,IAAAA,IAAI,GAAG;AAAzB,MAAsCD,KAA5C;AACA,sBACE;AAAK,iBAAU,UAAf;AAA0B,IAAA,SAAS,EAAEF,KAAK,CAACU;AAA3C,kBACE;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW;AAAtB,kBACE,oBAAC,MAAD,EAAYH,MAAZ,CADF,CADF,eAIE,oBAAC,OAAD,eAAaC,OAAb;AAAsB,IAAA,IAAI,EAAEN;AAA5B,KAJF,CADF;AAQD,CAVD;;AAYAI,QAAQ,CAACF,SAAT,2CAAqB;AACnBG,EAAAA,MAAM,EAAEX,SAAS,CAACe,KAAV,CAAgBd,MAAM,CAACO,SAAvB,CADW;AAEnBI,EAAAA,OAAO,EAAEZ,SAAS,CAACe,KAAV,CAAgBb,OAAO,CAACM,SAAxB,CAFU;AAGnBF,EAAAA,IAAI,EAAEN,SAAS,CAACS,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AAHa,CAArB;AAMA,eAAeC,QAAf","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":["React","PropTypes","Header","CMPopin","Summary","style","Content","props","mode","popinWrapper","propTypes","oneOf","PopinEnd","header","summary","popinError","wrapper","slidesHeader","shape"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAGC,KAAK,IAAI;AACvB,QAAM;AAACC,IAAAA,IAAI,GAAG;AAAR,MAAqBD,KAA3B;AACA,sBACE;AAAK,IAAA,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBH,KAAK,CAACI,YAAzB,GAAwC;AAAxD,kBACE,oBAAC,OAAD,EAAaF,KAAb,CADF,CADF;AAKD,CAPD;;AAQAD,OAAO,CAACI,SAAR,2CAAoB;AAClBF,EAAAA,IAAI,EAAEP,SAAS,CAACU,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AADY,CAApB;;AAIA,MAAMC,QAAQ,GAAGL,KAAK,IAAI;AACxB,QAAM;AAACM,IAAAA,MAAD;AAASC,IAAAA,OAAT;AAAkBN,IAAAA,IAAI,GAAG,SAAzB;AAAoCO,IAAAA;AAApC,MAAkDR,KAAxD;AACA,sBACE;AAAK,iBAAU,UAAf;AAA0B,IAAA,SAAS,EAAEF,KAAK,CAACW;AAA3C,KACGD,UAAU,gBAAG,oBAAC,OAAD,EAAaA,UAAb,CAAH,GAAiC,IAD9C,eAEE;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACY;AAAtB,kBACE,oBAAC,MAAD,EAAYJ,MAAZ,CADF,CAFF,eAKE,oBAAC,OAAD,eAAaC,OAAb;AAAsB,IAAA,IAAI,EAAEN;AAA5B,KALF,CADF;AASD,CAXD;;AAaAI,QAAQ,CAACF,SAAT,2CAAqB;AACnBG,EAAAA,MAAM,EAAEZ,SAAS,CAACiB,KAAV,CAAgBhB,MAAM,CAACQ,SAAvB,CADW;AAEnBI,EAAAA,OAAO,EAAEb,SAAS,CAACiB,KAAV,CAAgBd,OAAO,CAACM,SAAxB,CAFU;AAGnBF,EAAAA,IAAI,EAAEP,SAAS,CAACU,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB,CAHa;AAInBI,EAAAA,UAAU,EAAEd,SAAS,CAACiB,KAAV,CAAgBf,OAAO,CAACO,SAAxB;AAJO,CAArB;AAOA,eAAeE,QAAf","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"}

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,15 @@ 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));
+
+LoadingLayout.propTypes = process.env.NODE_ENV !== "production" ? {
+  popinError: _cmPopin.default.propTypes
+} : {};
 
 const LoadedLayout = (_ref2) => {
   let {
@@ -438,7 +446,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 +532,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","CMPopin","LoadedLayout","ErrorMessage","errorMsg","error","Content","bool","SlidesPlayer","header","buttons","showNewMedia","showReviewLesson","stepColor","mediaButton","wrapper","contentProgression","TYPE","Footer","Header","backgroundUrl","SrcPropType"],"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,GAAgCD,UAAU,gBAAG,6BAAC,gBAAD,EAAaA,UAAb,CAAH,gBAAiC,6BAAC,eAAD,OAA3E,CADF;;AAIAD,aAAa,CAAC7G,SAAd,2CAA0B;AACxB8G,EAAAA,UAAU,EAAEE,iBAAQhH;AADI,CAA1B;;AAIA,MAAMiH,YAAY,GAAG;AAAA,MAAC;AAACV,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;;AAGA6G,YAAY,CAACjH,SAAb,iEACKmG,aAAa,CAACnG,SADnB;AAEEuG,EAAAA,QAAQ,EAAEJ,aAAa,CAACnG,SAAd,CAAwBuG;AAFpC;AAKA;;;;AAIA,MAAMW,YAAY,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACnB;AAAK,EAAA,SAAS,EAAErH,eAAM4G;AAAtB,gBACE;AAAK,EAAA,SAAS,EAAE5G,eAAMsH;AAAtB,GAA8BD,QAA9B,CADF,CADF;;AAMAD,YAAY,CAAClH,SAAb,2CAAyB;AACvBmH,EAAAA,QAAQ,EAAEzG,mBAAUC;AADG,CAAzB;;AAIA,MAAM0G,OAAO,GAAG;AAAA,MAAC;AAACD,IAAAA;AAAD,GAAD;AAAA,MAAYhH,KAAZ;;AAAA,SACdgH,KAAK,gBAAG,6BAAC,YAAD,EAAkBhH,KAAlB,CAAH,gBAAiC,6BAAC,YAAD,EAAkBA,KAAlB,CADxB;AAAA,CAAhB;;AAGAiH,OAAO,CAACrH,SAAR,2CAAoB;AAClBoH,EAAAA,KAAK,EAAE1G,mBAAU4G;AADC,CAApB;AAIA;;;;AAIA,MAAMC,YAAY,GAAG,CAACnH,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACmH,IAAAA,MAAD;AAAS9F,IAAAA,IAAT;AAAe+F,IAAAA,OAAf;AAAwBC,IAAAA,YAAY,GAAG,KAAvC;AAA8CC,IAAAA,gBAAgB,GAAG;AAAjE,MAA0EvH,KAAhF;AACA,QAAM;AAACwG,IAAAA;AAAD,MAASvG,OAAf;AACA,QAAMuH,SAAS,GAAG,mBAAI,gBAAJ,EAAsBhB,IAAtB,CAAlB;AACA,QAAMiB,WAAW,GAAG,oBAAK;AAACpD,IAAAA,IAAI,EAAE;AAAP,GAAL,EAAsBgD,OAAtB,KAAkC,EAAtD;AACA,QAAM;AAACzF,IAAAA,OAAO;AAAR,MAAuB6F,WAA7B;AACA,sBACE;AAAK,IAAA,SAAS,EAAE/H,eAAMgI,OAAtB;AAA+B,iBAAU;AAAzC,KACGN,MAAM,gBAAG,6BAAC,eAAD,EAAYA,MAAZ,CAAH,GAA4B,IADrC,eAEE;AAAK,IAAA,SAAS,EAAE1H,eAAMiI;AAAtB,KACGrG,IAAI,gBAAG,6BAAC,IAAD;AAAM,IAAA,IAAI,EAAEA,IAAZ;AAAkB,IAAA,KAAK,EAAEkG;AAAzB,IAAH,GAA4C,IADnD,EAEGF,YAAY,IAAI,CAACC,gBAAjB,gBAAoC,6BAAC,QAAD;AAAU,IAAA,OAAO,EAAE3F,OAAnB;AAA4B,IAAA,IAAI,EAAEN;AAAlC,IAApC,GAAiF,IAFpF,EAGGiG,gBAAgB,IAAI,CAACD,YAArB,gBAAoC,6BAAC,YAAD;AAAc,IAAA,OAAO,EAAE1F;AAAvB,IAApC,GAAyE,IAH5E,eAIE,6BAAC,OAAD,EAAa5B,KAAb,CAJF,CAFF,eAQE,6BAAC,eAAD;AAAQ,IAAA,OAAO,EAAEqH;AAAjB,IARF,CADF;AAYD,CAlBD;;AAoBAF,YAAY,CAACS,IAAb,GAAoBtC,YAApB;AAEA6B,YAAY,CAACpF,YAAb,GAA4B;AAC1BJ,EAAAA,SAAS,EAAEK,kBAASC,iBAAT,CAA2BN,SADZ;AAE1B6E,EAAAA,IAAI,EAAExE,kBAASC,iBAAT,CAA2BuE;AAFP,CAA5B;AAKAW,YAAY,CAACvH,SAAb,2CAAyB;AACvBgG,EAAAA,GAAG,EAAED,cAAc,CAAC/F,SAAf,CAAyBgG,GADP;AAEvBtE,EAAAA,IAAI,EAAED,IAAI,CAACzB,SAAL,CAAe0B,IAFE;AAGvB+F,EAAAA,OAAO,EAAEQ,gBAAOjI,SAAP,CAAiByH,OAHH;AAIvBD,EAAAA,MAAM,EAAE9G,mBAAUmB,KAAV,CAAgBqG,gBAAOlI,SAAvB,CAJe;AAKvB0H,EAAAA,YAAY,EAAEhH,mBAAU4G,IALD;AAMvBK,EAAAA,gBAAgB,EAAEjH,mBAAU4G,IANL;AAOvBa,EAAAA,aAAa,EAAEC,sBAPQ;AAQvBtB,EAAAA,UAAU,EAAEpG,mBAAUmB,KAAV,CAAgBmF,iBAAQhH,SAAxB;AARW,CAAzB;eAWeuH,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}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n);\n\nLoadingLayout.propTypes = {\n  popinError: CMPopin.propTypes\n};\n\nconst LoadedLayout = ({question, step, ...props}) =>\n  question ? <ContentLayout {...props} question={question} /> : <LoadingLayout {...props} />;\n\nLoadedLayout.propTypes = {\n  ...ContentLayout.propTypes,\n  question: ContentLayout.propTypes.question\n};\n\n/*\n * Errors\n */\n\nconst ErrorMessage = ({errorMsg}) => (\n  <div className={style.contentWrapper}>\n    <div className={style.error}>{errorMsg}</div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  errorMsg: PropTypes.string\n};\n\nconst Content = ({error, ...props}) =>\n  error ? <ErrorMessage {...props} /> : <LoadedLayout {...props} />;\n\nContent.propTypes = {\n  error: PropTypes.bool\n};\n\n/*\n * SlidesPlayer\n */\n\nconst SlidesPlayer = (props, context) => {\n  const {header, step, buttons, showNewMedia = false, showReviewLesson = false} = props;\n  const {skin} = context;\n  const stepColor = get('common.primary', skin);\n  const mediaButton = find({type: 'media'}, buttons) || {};\n  const {onClick = identity} = mediaButton;\n  return (\n    <div className={style.wrapper} data-name=\"slidesPlayer\">\n      {header ? <Header {...header} /> : null}\n      <div className={style.contentProgression}>\n        {step ? <Step step={step} color={stepColor} /> : null}\n        {showNewMedia && !showReviewLesson ? <NewMedia onClick={onClick} step={step} /> : null}\n        {showReviewLesson && !showNewMedia ? <ReviewLesson onClick={onClick} /> : null}\n        <Content {...props} />\n      </div>\n      <Footer buttons={buttons} />\n    </div>\n  );\n};\n\nSlidesPlayer.TYPE = CONTENT_TYPE;\n\nSlidesPlayer.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSlidesPlayer.propTypes = {\n  cta: ValidateButton.propTypes.cta,\n  step: Step.propTypes.step,\n  buttons: Footer.propTypes.buttons,\n  header: PropTypes.shape(Header.propTypes),\n  showNewMedia: PropTypes.bool,\n  showReviewLesson: PropTypes.bool,\n  backgroundUrl: SrcPropType,\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidesPlayer;\n"],"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.23.5",
+  "version": "10.23.6",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -140,5 +140,5 @@
     "webpack": "^4.43.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "c26082cea51b43ae9c83f96c7915e0bffa5a9667"
+  "gitHead": "43e248bd7fdbfbd54f28a96cd4568044f441a343"
 }