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

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

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

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

@@ -2,57 +2,31 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _omit2 = _interopRequireDefault(require("lodash/fp/omit"));
-
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
-
 var _defer2 = _interopRequireDefault(require("lodash/fp/defer"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _loader = _interopRequireDefault(require("../../../atom/loader"));
-
 var _link = _interopRequireDefault(require("../../../atom/link"));
-
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
-
 var _resourceBrowser = _interopRequireDefault(require("../../../organism/resource-browser"));
-
 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"));
-
 const _excluded = ["title"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 const extractTabs = items => (0, _keys2.default)(items).map(type => {
   const item = items[type];
   return {
@@ -61,7 +35,6 @@ const extractTabs = items => (0, _keys2.default)(items).map(type => {
     isOpen: item.open
   };
 });
-
 const Resources = ({
   resources,
   overlay
@@ -72,31 +45,28 @@ const Resources = ({
   overlay: overlay,
   className: _style.default.browser
 }));
-
 Resources.propTypes = process.env.NODE_ENV !== "production" ? {
   resources: _propTypes.default.shape({
     value: _resourceBrowser.default.propTypes.resources
   }),
   overlay: _resourceBrowser.default.propTypes.overlay
 } : {};
-
 const SimpleText = ({
   text
 }) => /*#__PURE__*/_react.default.createElement("div", {
   "data-name": "simpleText",
   className: _style.default.simpleTextWrapper
 }, /*#__PURE__*/_react.default.createElement("p", {
-  className: (0, _classnames.default)(_style.default.simpleText, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
+  className: (0, _classnames.default)(_style.default.simpleText, _style.default.innerHTML)
+  // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: text
   }
 }));
-
 SimpleText.propTypes = process.env.NODE_ENV !== "production" ? {
   text: _propTypes.default.string
 } : {};
-
 const AssistanceLink = (props, context) => {
   if ((0, _isEmpty2.default)(props)) return null;
   const {
@@ -118,7 +88,6 @@ const AssistanceLink = (props, context) => {
     className: _style.default.titleLink
   }, " ", title, " "));
 };
-
 AssistanceLink.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
@@ -126,7 +95,6 @@ AssistanceLink.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   onClick: _propTypes.default.func
 } : {};
-
 const Question = ({
   header,
   answer,
@@ -134,7 +102,8 @@ const Question = ({
 }) => /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.question
 }, /*#__PURE__*/_react.default.createElement("p", {
-  className: (0, _classnames.default)(_style.default.questionHeader, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
+  className: (0, _classnames.default)(_style.default.questionHeader, _style.default.innerHTML)
+  // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: header
@@ -147,19 +116,18 @@ const Question = ({
 }), answerPrefix ? /*#__PURE__*/_react.default.createElement("span", {
   className: _style.default.answerPrefix
 }, answerPrefix) : null, /*#__PURE__*/_react.default.createElement("span", {
-  className: (0, _classnames.default)(_style.default.answer, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
+  className: (0, _classnames.default)(_style.default.answer, _style.default.innerHTML)
+  // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: answer
   }
 })));
-
 Question.propTypes = process.env.NODE_ENV !== "production" ? {
   header: _propTypes.default.string,
   answerPrefix: _propTypes.default.string,
   answer: _propTypes.default.string
 } : {};
-
 class PopinCorrection extends _react.Component {
   constructor(props) {
     super(props);
@@ -168,11 +136,9 @@ class PopinCorrection extends _react.Component {
     };
     this.initWrapper = this.initWrapper.bind(this);
   }
-
   componentDidMount() {
     this.deferOpen();
   }
-
   deferOpen() {
     clearTimeout(this.deferedOpen);
     this.deferedOpen = (0, _defer2.default)(() => {
@@ -185,11 +151,9 @@ class PopinCorrection extends _react.Component {
       onOpen && onOpen();
     });
   }
-
   initWrapper(wrapper) {
     this.wrapper = wrapper;
   }
-
   render() {
     const {
       header = {},
@@ -219,13 +183,11 @@ class PopinCorrection extends _react.Component {
     });
     const isLoading = (0, _isNil2.default)(header.failed);
     const className = open ? _style.default.finalBackground : _style.default.initialBackground;
-
     const _ref = quit.cta || {},
-          {
-      title
-    } = _ref,
-          linkProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+      {
+        title
+      } = _ref,
+      linkProps = _objectWithoutPropertiesLoose(_ref, _excluded);
     const quitCta = title || extraLifeGranted ? /*#__PURE__*/_react.default.createElement(_link.default, _extends({}, linkProps, {
       style: {
         color: primary
@@ -264,9 +226,7 @@ class PopinCorrection extends _react.Component {
       className: _style.default.activeLoader
     }) : null));
   }
-
 }
-
 PopinCorrection.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"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","classnames","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"],"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":["extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","style","browserWrapper","value","browser","propTypes","PropTypes","shape","ResourceBrowser","SimpleText","text","simpleTextWrapper","classnames","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"],"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":";;;;;;;;;;;AAAA;AACA;AAEA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAEhC,MAAMA,WAAW,GAAGC,KAAK,IACvB,oBAAKA,KAAK,CAAC,CAACC,GAAG,CAACC,IAAI,IAAI;EACtB,MAAMC,IAAI,GAAGH,KAAK,CAACE,IAAI,CAAC;EACxB,OAAO;IAACE,QAAQ,EAAEF,IAAI;IAAEG,KAAK,EAAEF,IAAI,CAACE,KAAK;IAAEC,MAAM,EAAEH,IAAI,CAACI;EAAI,CAAC;AAC/D,CAAC,CAAC;AAEJ,MAAMC,SAAS,GAAG,CAAC;EAACC,SAAS;EAAEC;AAAO,CAAC,kBACrC;EAAK,SAAS,EAAEC,cAAK,CAACC;AAAe,gBACnC,6BAAC,wBAAe;EAAC,SAAS,EAAEH,SAAS,CAACI,KAAM;EAAC,OAAO,EAAEH,OAAQ;EAAC,SAAS,EAAEC,cAAK,CAACG;AAAQ,EAAG,CAE9F;AAEDN,SAAS,CAACO,SAAS,2CAAG;EACpBN,SAAS,EAAEO,kBAAS,CAACC,KAAK,CAAC;IACzBJ,KAAK,EAAEK,wBAAe,CAACH,SAAS,CAACN;EACnC,CAAC,CAAC;EACFC,OAAO,EAAEQ,wBAAe,CAACH,SAAS,CAACL;AACrC,CAAC;AAED,MAAMS,UAAU,GAAG,CAAC;EAACC;AAAI,CAAC,kBACxB;EAAK,aAAU,YAAY;EAAC,SAAS,EAAET,cAAK,CAACU;AAAkB,gBAC7D;EACE,SAAS,EAAE,IAAAC,mBAAU,EAACX,cAAK,CAACY,UAAU,EAAEZ,cAAK,CAACa,SAAS;EACvD;EAAA;EACA,uBAAuB,EAAE;IAACC,MAAM,EAAEL;EAAI;AAAE,EACxC,CAEL;AAEDD,UAAU,CAACJ,SAAS,2CAAG;EACrBK,IAAI,EAAEJ,kBAAS,CAACU;AAClB,CAAC;AAED,MAAMC,cAAc,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACzC,IAAI,uBAAQD,KAAK,CAAC,EAAE,OAAO,IAAI;EAC/B,MAAM;IAACvB,KAAK;IAAEyB;EAAO,CAAC,GAAGF,KAAK;EAC9B,IAAI,uBAAQvB,KAAK,CAAC,EAAE,OAAO,IAAI;EAC/B,MAAM;IAAC0B;EAAI,CAAC,GAAGF,OAAO;EACtB,MAAMG,KAAK,GAAG,mBAAI,cAAc,EAAED,IAAI,CAAC;EAEvC,oBACE;IAAK,SAAS,EAAEpB,cAAK,CAACsB,iBAAkB;IAAC,OAAO,EAAEH;EAAQ,gBACxD,6BAAC,wDAAS;IAAC,SAAS,EAAEnB,cAAK,CAACuB,SAAU;IAAC,KAAK,EAAEF;EAAM,EAAG,eACvD;IAAM,SAAS,EAAErB,cAAK,CAACwB;EAAU,GAAC,GAAC,EAAC9B,KAAK,EAAC,GAAC,CAAO,CAC9C;AAEV,CAAC;AAEDsB,cAAc,CAACS,YAAY,GAAG;EAC5BL,IAAI,EAAEM,iBAAQ,CAACC,iBAAiB,CAACP;AACnC,CAAC;AAEDJ,cAAc,CAACZ,SAAS,2CAAG;EACzBV,KAAK,EAAEW,kBAAS,CAACU,MAAM;EACvBI,OAAO,EAAEd,kBAAS,CAACuB;AACrB,CAAC;AAED,MAAMC,QAAQ,GAAG,CAAC;EAACC,MAAM;EAAEC,MAAM;EAAEC;AAAY,CAAC,kBAC9C;EAAK,SAAS,EAAEhC,cAAK,CAACiC;AAAS,gBAC7B;EACE,SAAS,EAAE,IAAAtB,mBAAU,EAACX,cAAK,CAACkC,cAAc,EAAElC,cAAK,CAACa,SAAS;EAC3D;EAAA;EACA,uBAAuB,EAAE;IAACC,MAAM,EAAEgB;EAAM;AAAE,EAC1C,eACF;EAAK,SAAS,EAAE9B,cAAK,CAACmC;AAAc,gBAClC,6BAAC,2CAAS;EAAC,SAAS,EAAEnC,cAAK,CAACoC,SAAU;EAAC,KAAK,EAAC;AAAS,EAAG,EACxDJ,YAAY,gBAAG;EAAM,SAAS,EAAEhC,cAAK,CAACgC;AAAa,GAAEA,YAAY,CAAQ,GAAG,IAAI,eACjF;EACE,SAAS,EAAE,IAAArB,mBAAU,EAACX,cAAK,CAAC+B,MAAM,EAAE/B,cAAK,CAACa,SAAS;EACnD;EAAA;EACA,uBAAuB,EAAE;IAACC,MAAM,EAAEiB;EAAM;AAAE,EAC1C,CACE,CAET;AAEDF,QAAQ,CAACzB,SAAS,2CAAG;EACnB0B,MAAM,EAAEzB,kBAAS,CAACU,MAAM;EACxBiB,YAAY,EAAE3B,kBAAS,CAACU,MAAM;EAC9BgB,MAAM,EAAE1B,kBAAS,CAACU;AACpB,CAAC;AAED,MAAMsB,eAAe,SAASC,gBAAS,CAAC;EA0BtCC,WAAW,CAACtB,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACuB,KAAK,GAAG;MAAC5C,IAAI,EAAE;IAAK,CAAC;IAC1B,IAAI,CAAC6C,WAAW,GAAG,IAAI,CAACA,WAAW,CAACC,IAAI,CAAC,IAAI,CAAC;EAChD;EAEAC,iBAAiB,GAAG;IAClB,IAAI,CAACC,SAAS,EAAE;EAClB;EAEAA,SAAS,GAAG;IACVC,YAAY,CAAC,IAAI,CAACC,WAAW,CAAC;IAE9B,IAAI,CAACA,WAAW,GAAG,qBAAM,MAAM;MAC7B,MAAM;QAACC;MAAM,CAAC,GAAG,IAAI,CAAC9B,KAAK;MAC3B,IAAI,CAAC+B,QAAQ,CAAC;QAACpD,IAAI,EAAE;MAAI,CAAC,CAAC;MAC3BmD,MAAM,IAAIA,MAAM,EAAE;IACpB,CAAC,CAAC;EACJ;EAEAN,WAAW,CAACQ,OAAO,EAAE;IACnB,IAAI,CAACA,OAAO,GAAGA,OAAO;EACxB;EAEAC,MAAM,GAAG;IACP,MAAM;MACJpB,MAAM,GAAG,CAAC,CAAC;MACXqB,gBAAgB;MAChBC,QAAQ;MACRnB,QAAQ;MACRlC,OAAO;MACPD,SAAS;MACTuD,GAAG;MACHC,IAAI;MACJnC,OAAO;MACPoC,IAAI,GAAG,CAAC,CAAC;MACTC,cAAc,GAAG,CAAC,CAAC;MACnBC;IACF,CAAC,GAAG,IAAI,CAACxC,KAAK;IAEd,MAAM;MAACrB;IAAI,CAAC,GAAG,IAAI,CAAC4C,KAAK;IAEzB,MAAM;MAACpB;IAAI,CAAC,GAAG,IAAI,CAACF,OAAO;IAC3B,MAAMwC,OAAO,GAAG,qBAAM,MAAM,EAAE,gBAAgB,EAAEtC,IAAI,CAAC;IAErD,MAAMuC,IAAI,GAAGvE,WAAW,CAAC;MAACU,SAAS;MAAEuD,GAAG;MAAEC;IAAI,CAAC,CAAC;IAChD,MAAMM,SAAS,GAAG,qBAAM9B,MAAM,CAAC+B,MAAM,CAAC;IACtC,MAAMC,SAAS,GAAGlE,IAAI,GAAGI,cAAK,CAAC+D,eAAe,GAAG/D,cAAK,CAACgE,iBAAiB;IACxE,aAA8BT,IAAI,CAACU,GAAG,IAAI,CAAC,CAAC;MAAtC;QAACvE;MAAmB,CAAC;MAAVwE,SAAS;IAE1B,MAAMC,OAAO,GACXzE,KAAK,IAAIyD,gBAAgB,gBACvB,6BAAC,aAAI,eACCe,SAAS;MACb,KAAK,EAAE;QACLE,KAAK,EAAEV;MACT,CAAE;MACF,SAAS,EAAEP,gBAAgB,GAAGnD,cAAK,CAACqE,WAAW,GAAGrE,cAAK,CAACmE,OAAQ;MAChE,aAAU,UAAU;MACpB,cAAW,iBAAiB;MAC5B,aAAU;IAAsB,IAE/BzE,KAAK,CACD,GACL,IAAI;IAEV,oBACE;MAAK,GAAG,EAAE,IAAI,CAAC+C,WAAY;MAAC,SAAS,EAAEqB,SAAU;MAAC,aAAU;IAAiB,GAC1EL,UAAU,gBAAG,6BAAC,gBAAO,EAAKA,UAAU,CAAI,GAAG,IAAI,eAChD;MAAK,SAAS,EAAEzD,cAAK,CAACsE;IAAc,gBAClC;MAAK,SAAS,EAAEV,SAAS,GAAG5D,cAAK,CAACuE,cAAc,GAAGvE,cAAK,CAACiD;IAAQ,gBAC/D;MAAK,SAAS,EAAEW,SAAS,GAAG5D,cAAK,CAACwE,cAAc,GAAGxE,cAAK,CAACyE;IAAQ,gBAC/D,6BAAC,oBAAM,eACD3C,MAAM;MACV,QAAQ,EAAEsB,QAAS;MACnB,gBAAgB,EAAED,gBAAiB;MACnC,QAAQ;IAAA,GACR,eACF,6BAAC,QAAQ,EAAKlB,QAAQ,CAAI,eAC1B,6BAAC,kBAAS;MAAC,QAAQ,EAAE0B,IAAK;MAAC,OAAO,EAAExC,OAAQ;MAAC,UAAU;IAAA,GACpD,uBAAQ,qBAAM,EAAE,EAAE,OAAO,EAAErB,SAAS,CAAC,CAAC,GAAG,IAAI,gBAC5C,6BAAC,SAAS;MAAC,SAAS,EAAEA,SAAU;MAAC,OAAO,EAAEC;IAAQ,EACnD,EACAsD,GAAG,CAACnD,KAAK,gBAAG,6BAAC,UAAU;MAAC,IAAI,EAAEmD,GAAG,CAACnD;IAAM,EAAG,GAAG,IAAI,EAClDoD,IAAI,CAACpD,KAAK,gBAAG,6BAAC,UAAU;MAAC,IAAI,EAAEoD,IAAI,CAACpD;IAAM,EAAG,GAAG,IAAI,CAC3C,CACR,EACLiE,OAAO,eACR,6BAAC,cAAc,EAAKX,cAAc,CAAI,CAClC,EACLI,SAAS,gBAAG,6BAAC,eAAM;MAAC,SAAS,EAAE5D,cAAK,CAAC0E;IAAa,EAAG,GAAG,IAAI,CACzD,CACF;EAEV;AACF;AAzHMrC,eAAe,CAsBZZ,YAAY,GAAG;EACpBL,IAAI,EAAEM,iBAAQ,CAACC,iBAAiB,CAACP;AACnC,CAAC;AAxBGiB,eAAe,CACZjC,SAAS,2CAAG;EACjBN,SAAS,EAAED,SAAS,CAACO,SAAS,CAACN,SAAS;EACxCC,OAAO,EAAEQ,wBAAe,CAACH,SAAS,CAACL,OAAO;EAC1CyD,cAAc,EAAEnD,kBAAS,CAACC,KAAK,CAACU,cAAc,CAACZ,SAAS,CAAC;EACzD0B,MAAM,EAAEzB,kBAAS,CAACC,KAAK,CAAC,oBAAK,CAAC,UAAU,CAAC,EAAEqE,oBAAM,CAACvE,SAAS,CAAC,CAAC;EAC7D+C,gBAAgB,EAAEwB,oBAAM,CAACvE,SAAS,CAAC+C,gBAAgB;EACnDC,QAAQ,EAAEuB,oBAAM,CAACvE,SAAS,CAACgD,QAAQ;EACnCnB,QAAQ,EAAE5B,kBAAS,CAACC,KAAK,CAACuB,QAAQ,CAACzB,SAAS,CAAC;EAC7CiD,GAAG,EAAEhD,kBAAS,CAACC,KAAK,CAACE,UAAU,CAACJ,SAAS,CAAC;EAC1CkD,IAAI,EAAEjD,kBAAS,CAACC,KAAK,CAACE,UAAU,CAACJ,SAAS,CAAC;EAC3Ce,OAAO,EAAEyD,kBAAS,CAACxE,SAAS,CAACe,OAAO;EACpCoC,IAAI,EAAElD,kBAAS,CAACC,KAAK,CAAC;IACpB2D,GAAG,EAAE5D,kBAAS,CAACC,KAAK,cACfuE,aAAI,CAACzE,SAAS;MACjBV,KAAK,EAAEW,kBAAS,CAACU;IAAM;EAE3B,CAAC,CAAC;EACFgC,MAAM,EAAE1C,kBAAS,CAACuB,IAAI;EACtB6B,UAAU,EAAEpD,kBAAS,CAACC,KAAK,CAACwE,gBAAO,CAAC1E,SAAS;AAC/C,CAAC;AAAA,eAuGYiC,eAAe;AAAA"}

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

@@ -2,23 +2,14 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 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"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const Content = props => {
   const {
     mode = 'default'
@@ -27,11 +18,9 @@ const Content = props => {
     className: mode !== 'scorm' ? _style.default.popinWrapper : null
   }, /*#__PURE__*/_react.default.createElement(_summary.default, props));
 };
-
 Content.propTypes = process.env.NODE_ENV !== "production" ? {
   mode: _propTypes.default.oneOf(['scorm', 'default'])
 } : {};
-
 const PopinEnd = props => {
   const {
     header,
@@ -48,7 +37,6 @@ const PopinEnd = props => {
     mode: mode
   })));
 };
-
 PopinEnd.propTypes = process.env.NODE_ENV !== "production" ? {
   header: _propTypes.default.shape(_header.default.propTypes),
   summary: _propTypes.default.shape(_summary.default.propTypes),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Content","props","mode","style","popinWrapper","propTypes","PropTypes","oneOf","PopinEnd","header","summary","popinError","wrapper","slidesHeader","shape","Header","Summary","CMPopin"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACC,IAAI,GAAG;EAAR,IAAqBD,KAA3B;EACA,oBACE;IAAK,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBC,cAAA,CAAMC,YAAzB,GAAwC;EAAxD,gBACE,6BAAC,gBAAD,EAAaH,KAAb,CADF,CADF;AAKD,CAPD;;AAQAD,OAAO,CAACK,SAAR,2CAAoB;EAClBH,IAAI,EAAEI,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AADY,CAApB;;AAIA,MAAMC,QAAQ,GAAGP,KAAK,IAAI;EACxB,MAAM;IAACQ,MAAD;IAASC,OAAT;IAAkBR,IAAI,GAAG,SAAzB;IAAoCS;EAApC,IAAkDV,KAAxD;EACA,oBACE;IAAK,aAAU,UAAf;IAA0B,SAAS,EAAEE,cAAA,CAAMS;EAA3C,GACGD,UAAU,gBAAG,6BAAC,gBAAD,EAAaA,UAAb,CAAH,GAAiC,IAD9C,eAEE;IAAK,SAAS,EAAER,cAAA,CAAMU;EAAtB,gBACE,6BAAC,eAAD,EAAYJ,MAAZ,CADF,CAFF,eAKE,6BAAC,OAAD,eAAaC,OAAb;IAAsB,IAAI,EAAER;EAA5B,GALF,CADF;AASD,CAXD;;AAaAM,QAAQ,CAACH,SAAT,2CAAqB;EACnBI,MAAM,EAAEH,kBAAA,CAAUQ,KAAV,CAAgBC,eAAA,CAAOV,SAAvB,CADW;EAEnBK,OAAO,EAAEJ,kBAAA,CAAUQ,KAAV,CAAgBE,gBAAA,CAAQX,SAAxB,CAFU;EAGnBH,IAAI,EAAEI,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB,CAHa;EAInBI,UAAU,EAAEL,kBAAA,CAAUQ,KAAV,CAAgBG,gBAAA,CAAQZ,SAAxB;AAJO,CAArB;eAOeG,Q"}
+{"version":3,"file":"index.js","names":["Content","props","mode","style","popinWrapper","propTypes","PropTypes","oneOf","PopinEnd","header","summary","popinError","wrapper","slidesHeader","shape","Header","Summary","CMPopin"],"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;AACA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAEhC,MAAMA,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACC,IAAI,GAAG;EAAS,CAAC,GAAGD,KAAK;EAChC,oBACE;IAAK,SAAS,EAAEC,IAAI,KAAK,OAAO,GAAGC,cAAK,CAACC,YAAY,GAAG;EAAK,gBAC3D,6BAAC,gBAAO,EAAKH,KAAK,CAAI,CAClB;AAEV,CAAC;AACDD,OAAO,CAACK,SAAS,2CAAG;EAClBH,IAAI,EAAEI,kBAAS,CAACC,KAAK,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC;AAC5C,CAAC;AAED,MAAMC,QAAQ,GAAGP,KAAK,IAAI;EACxB,MAAM;IAACQ,MAAM;IAAEC,OAAO;IAAER,IAAI,GAAG,SAAS;IAAES;EAAU,CAAC,GAAGV,KAAK;EAC7D,oBACE;IAAK,aAAU,UAAU;IAAC,SAAS,EAAEE,cAAK,CAACS;EAAQ,GAChDD,UAAU,gBAAG,6BAAC,gBAAO,EAAKA,UAAU,CAAI,GAAG,IAAI,eAChD;IAAK,SAAS,EAAER,cAAK,CAACU;EAAa,gBACjC,6BAAC,eAAM,EAAKJ,MAAM,CAAI,CAClB,eACN,6BAAC,OAAO,eAAKC,OAAO;IAAE,IAAI,EAAER;EAAK,GAAG,CAChC;AAEV,CAAC;AAEDM,QAAQ,CAACH,SAAS,2CAAG;EACnBI,MAAM,EAAEH,kBAAS,CAACQ,KAAK,CAACC,eAAM,CAACV,SAAS,CAAC;EACzCK,OAAO,EAAEJ,kBAAS,CAACQ,KAAK,CAACE,gBAAO,CAACX,SAAS,CAAC;EAC3CH,IAAI,EAAEI,kBAAS,CAACC,KAAK,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;EAC3CI,UAAU,EAAEL,kBAAS,CAACQ,KAAK,CAACG,gBAAO,CAACZ,SAAS;AAC/C,CAAC;AAAC,eAEaG,QAAQ;AAAA"}