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

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

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

package/es/template/app-player/popin-correction/index.d.ts

@@ -129,6 +129,8 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}

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

@@ -6,8 +6,11 @@ import _isEmpty from "lodash/fp/isEmpty";
 import _isNil from "lodash/fp/isNil";
 import _defer from "lodash/fp/defer";
 const _excluded = ["title"];
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionCoorpacademyCheck as CheckIcon, NovaLineInterfaceFeedbackInterfaceAlertCircle as AlertIcon } from '@coorpacademy/nova-icons';
@@ -20,6 +23,7 @@ import Accordion from '../../../organism/accordion/container';
 import CMPopin from '../../../molecule/cm-popin';
 import Header from '../popin-header';
 import style from './style.css';
+
 const extractTabs = items => _keys(items).map(type => {
   const item = items[type];
   return {
@@ -28,6 +32,7 @@ const extractTabs = items => _keys(items).map(type => {
     isOpen: item.open
   };
 });
+
 const Resources = ({
   resources,
   overlay
@@ -38,28 +43,31 @@ const Resources = ({
   overlay: overlay,
   className: style.browser
 }));
+
 Resources.propTypes = process.env.NODE_ENV !== "production" ? {
   resources: PropTypes.shape({
     value: ResourceBrowser.propTypes.resources
   }),
   overlay: ResourceBrowser.propTypes.overlay
 } : {};
+
 const SimpleText = ({
   text
 }) => /*#__PURE__*/React.createElement("div", {
   "data-name": "simpleText",
   className: style.simpleTextWrapper
 }, /*#__PURE__*/React.createElement("p", {
-  className: classnames(style.simpleText, style.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: classnames(style.simpleText, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: text
   }
 }));
+
 SimpleText.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string
 } : {};
+
 const AssistanceLink = (props, context) => {
   if (_isEmpty(props)) return null;
   const {
@@ -70,7 +78,9 @@ const AssistanceLink = (props, context) => {
   const {
     skin
   } = context;
+
   const white = _get('common.white', skin);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapperAssistance,
     onClick: onClick
@@ -81,6 +91,7 @@ const AssistanceLink = (props, context) => {
     className: style.titleLink
   }, " ", title, " "));
 };
+
 AssistanceLink.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -88,6 +99,7 @@ AssistanceLink.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   onClick: PropTypes.func
 } : {};
+
 const Question = ({
   header,
   answer,
@@ -95,8 +107,7 @@ const Question = ({
 }) => /*#__PURE__*/React.createElement("div", {
   className: style.question
 }, /*#__PURE__*/React.createElement("p", {
-  className: classnames(style.questionHeader, style.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: classnames(style.questionHeader, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: header
@@ -109,18 +120,19 @@ const Question = ({
 }), answerPrefix ? /*#__PURE__*/React.createElement("span", {
   className: style.answerPrefix
 }, answerPrefix) : null, /*#__PURE__*/React.createElement("span", {
-  className: classnames(style.answer, style.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: classnames(style.answer, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: answer
   }
 })));
+
 Question.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.string,
   answerPrefix: PropTypes.string,
   answer: PropTypes.string
 } : {};
+
 class PopinCorrection extends Component {
   constructor(props) {
     super(props);
@@ -129,9 +141,11 @@ class PopinCorrection extends Component {
     };
     this.initWrapper = this.initWrapper.bind(this);
   }
+
   componentDidMount() {
     this.deferOpen();
   }
+
   deferOpen() {
     clearTimeout(this.deferedOpen);
     this.deferedOpen = _defer(() => {
@@ -144,9 +158,11 @@ class PopinCorrection extends Component {
       onOpen && onOpen();
     });
   }
+
   initWrapper(wrapper) {
     this.wrapper = wrapper;
   }
+
   render() {
     const {
       header = {},
@@ -168,19 +184,25 @@ class PopinCorrection extends Component {
     const {
       skin
     } = this.context;
+
     const primary = _getOr('#f0f', 'common.primary', skin);
+
     const tabs = extractTabs({
       resources,
       klf,
       tips
     });
+
     const isLoading = _isNil(header.failed);
+
     const className = open ? style.finalBackground : style.initialBackground;
+
     const _ref = quit.cta || {},
-      {
-        title
-      } = _ref,
-      linkProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+          {
+      title
+    } = _ref,
+          linkProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+
     const quitCta = title || extraLifeGranted ? /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
       style: {
         color: primary
@@ -219,7 +241,9 @@ class PopinCorrection extends Component {
       className: style.activeLoader
     }) : null));
   }
+
 }
+
 PopinCorrection.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"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"],"sources":["../../../../src/template/app-player/popin-correction/index.js"],"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"],"mappings":"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"}
+{"version":3,"file":"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"],"sources":["../../../../src/template/app-player/popin-correction/index.js"],"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"],"mappings":"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"}

package/es/template/app-player/popin-end/index.d.ts

@@ -170,6 +170,8 @@ declare namespace PopinEnd {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

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

@@ -1,10 +1,12 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Header from '../player/slides/header';
 import CMPopin from '../../../molecule/cm-popin';
 import Summary from './summary';
 import style from './style.css';
+
 const Content = props => {
   const {
     mode = 'default'
@@ -13,9 +15,11 @@ const Content = props => {
     className: mode !== 'scorm' ? style.popinWrapper : null
   }, /*#__PURE__*/React.createElement(Summary, props));
 };
+
 Content.propTypes = process.env.NODE_ENV !== "production" ? {
   mode: PropTypes.oneOf(['scorm', 'default'])
 } : {};
+
 const PopinEnd = props => {
   const {
     header,
@@ -32,6 +36,7 @@ const PopinEnd = props => {
     mode: mode
   })));
 };
+
 PopinEnd.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.shape(Header.propTypes),
   summary: PropTypes.shape(Summary.propTypes),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Header","CMPopin","Summary","style","Content","props","mode","popinWrapper","propTypes","oneOf","PopinEnd","header","summary","popinError","wrapper","slidesHeader","shape"],"sources":["../../../../src/template/app-player/popin-end/index.js"],"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"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,OAAO,MAAM,4BAA4B;AAChD,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACC,IAAI,GAAG;EAAS,CAAC,GAAGD,KAAK;EAChC,oBACE;IAAK,SAAS,EAAEC,IAAI,KAAK,OAAO,GAAGH,KAAK,CAACI,YAAY,GAAG;EAAK,gBAC3D,oBAAC,OAAO,EAAKF,KAAK,CAAI,CAClB;AAEV,CAAC;AACDD,OAAO,CAACI,SAAS,2CAAG;EAClBF,IAAI,EAAEP,SAAS,CAACU,KAAK,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC;AAC5C,CAAC;AAED,MAAMC,QAAQ,GAAGL,KAAK,IAAI;EACxB,MAAM;IAACM,MAAM;IAAEC,OAAO;IAAEN,IAAI,GAAG,SAAS;IAAEO;EAAU,CAAC,GAAGR,KAAK;EAC7D,oBACE;IAAK,aAAU,UAAU;IAAC,SAAS,EAAEF,KAAK,CAACW;EAAQ,GAChDD,UAAU,gBAAG,oBAAC,OAAO,EAAKA,UAAU,CAAI,GAAG,IAAI,eAChD;IAAK,SAAS,EAAEV,KAAK,CAACY;EAAa,gBACjC,oBAAC,MAAM,EAAKJ,MAAM,CAAI,CAClB,eACN,oBAAC,OAAO,eAAKC,OAAO;IAAE,IAAI,EAAEN;EAAK,GAAG,CAChC;AAEV,CAAC;AAEDI,QAAQ,CAACF,SAAS,2CAAG;EACnBG,MAAM,EAAEZ,SAAS,CAACiB,KAAK,CAAChB,MAAM,CAACQ,SAAS,CAAC;EACzCI,OAAO,EAAEb,SAAS,CAACiB,KAAK,CAACd,OAAO,CAACM,SAAS,CAAC;EAC3CF,IAAI,EAAEP,SAAS,CAACU,KAAK,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;EAC3CI,UAAU,EAAEd,SAAS,CAACiB,KAAK,CAACf,OAAO,CAACO,SAAS;AAC/C,CAAC;AAED,eAAeE,QAAQ"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Header","CMPopin","Summary","style","Content","props","mode","popinWrapper","propTypes","oneOf","PopinEnd","header","summary","popinError","wrapper","slidesHeader","shape"],"sources":["../../../../src/template/app-player/popin-end/index.js"],"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"],"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;EACvB,MAAM;IAACC,IAAI,GAAG;EAAR,IAAqBD,KAA3B;EACA,oBACE;IAAK,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBH,KAAK,CAACI,YAAzB,GAAwC;EAAxD,gBACE,oBAAC,OAAD,EAAaF,KAAb,CADF,CADF;AAKD,CAPD;;AAQAD,OAAO,CAACI,SAAR,2CAAoB;EAClBF,IAAI,EAAEP,SAAS,CAACU,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AADY,CAApB;;AAIA,MAAMC,QAAQ,GAAGL,KAAK,IAAI;EACxB,MAAM;IAACM,MAAD;IAASC,OAAT;IAAkBN,IAAI,GAAG,SAAzB;IAAoCO;EAApC,IAAkDR,KAAxD;EACA,oBACE;IAAK,aAAU,UAAf;IAA0B,SAAS,EAAEF,KAAK,CAACW;EAA3C,GACGD,UAAU,gBAAG,oBAAC,OAAD,EAAaA,UAAb,CAAH,GAAiC,IAD9C,eAEE;IAAK,SAAS,EAAEV,KAAK,CAACY;EAAtB,gBACE,oBAAC,MAAD,EAAYJ,MAAZ,CADF,CAFF,eAKE,oBAAC,OAAD,eAAaC,OAAb;IAAsB,IAAI,EAAEN;EAA5B,GALF,CADF;AASD,CAXD;;AAaAI,QAAQ,CAACF,SAAT,2CAAqB;EACnBG,MAAM,EAAEZ,SAAS,CAACiB,KAAV,CAAgBhB,MAAM,CAACQ,SAAvB,CADW;EAEnBI,OAAO,EAAEb,SAAS,CAACiB,KAAV,CAAgBd,OAAO,CAACM,SAAxB,CAFU;EAGnBF,IAAI,EAAEP,SAAS,CAACU,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB,CAHa;EAInBI,UAAU,EAAEd,SAAS,CAACiB,KAAV,CAAgBf,OAAO,CAACO,SAAxB;AAJO,CAArB;AAOA,eAAeE,QAAf"}