@coorpacademy/components 10.22.7 → 10.22.8

package/es/atom/resource-miniature/index.js

@@ -5,7 +5,6 @@ import PropTypes from 'prop-types';
 import { NovaSolidAudioAudioControlPlay as PlayIcon, NovaLineFilesOfficeFileOfficePdf as PDFIcon, NovaCompositionCoorpacademyMicrophone as PodcastIcon } from '@coorpacademy/nova-icons';
 import classnames from 'classnames';
 import Provider from '../provider';
-import { innerHTML } from '../label/style.css';
 import style from './style.css';
 const TYPES = {
   pdf: {
@@ -59,7 +58,7 @@ const ResourceMiniature = (props, context) => {
     color: white,
     className: style.icon
   }) : null), /*#__PURE__*/React.createElement("div", {
-    className: classnames(descriptionClassName, innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(descriptionClassName, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description

package/es/atom/resource-miniature/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/resource-miniature/index.js"],"names":["React","PropTypes","NovaSolidAudioAudioControlPlay","PlayIcon","NovaLineFilesOfficeFileOfficePdf","PDFIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","classnames","Provider","innerHTML","style","TYPES","pdf","icon","audio","video","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","__html","propTypes","oneOf","bool","string","func","contextTypes","childContextTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport {innerHTML} from '../label/style.css';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon color={white} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/resource-miniature/index.js"],"names":["React","PropTypes","NovaSolidAudioAudioControlPlay","PlayIcon","NovaLineFilesOfficeFileOfficePdf","PDFIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","classnames","Provider","style","TYPES","pdf","icon","audio","video","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","innerHTML","__html","propTypes","oneOf","bool","string","func","contextTypes","childContextTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon color={white} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"file":"index.js"}

package/es/atom/resource-miniature/style.css

@@ -75,3 +75,7 @@
     flex: 1 0 52px;
   }
 }
+
+.innerHTML {
+  composes: innerHTML from '../label/style.css';
+}

package/es/template/app-player/player/slides/header/learner.css

@@ -88,6 +88,10 @@
   margin-right: 10px;
 }
 
+.innerHTML {
+  composes: innerHTML from '../../../../../atom/label/style.css';
+}
+
 @media mobile {
   .contentWrapper {
     max-width: 90%;

package/es/template/app-player/player/slides/header/learner.js

@@ -5,7 +5,6 @@ import classnames from 'classnames';
 import { NovaCompositionNavigationArrowLeft as BackIcon } from '@coorpacademy/nova-icons';
 import Link from '../../../../../atom/link';
 import Provider from '../../../../../atom/provider';
-import { innerHTML } from '../../../../../atom/label/style.css';
 import style from './learner.css';
 
 const Content = ({
@@ -34,7 +33,7 @@ const Content = ({
     }
   }, details), /*#__PURE__*/React.createElement("span", {
     "data-name": "contentTitle",
-    className: classnames(style.contentTitle, innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(style.contentTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -59,7 +58,7 @@ const Subcontent = ({
 }, /*#__PURE__*/React.createElement("div", {
   className: style.subcontentDetails
 }, details), /*#__PURE__*/React.createElement("div", {
-  className: classnames(style.subcontentTitle, innerHTML) // eslint-disable-next-line react/no-danger
+  className: classnames(style.subcontentTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: title

package/es/template/app-player/player/slides/header/learner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationArrowLeft","BackIcon","Link","Provider","innerHTML","style","Content","onClick","title","details","context","skin","primarySkinColor","contentWrapper","backIcon","content","contentDetails","color","contentTitle","__html","contextTypes","childContextTypes","propTypes","string","isRequired","Subcontent","subcontent","subcontentDetails","subcontentTitle","LearnerHeader","props","wrapper","shape"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport Provider from '../../../../../atom/provider';\nimport {innerHTML} from '../../../../../atom/label/style.css';\nimport style from './learner.css';\n\nconst Content = ({onClick, title, details}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <Link onClick={onClick} className={style.contentWrapper}>\n      <BackIcon className={style.backIcon} color=\"inherit\" />\n      <div className={style.content}>\n        <div\n          className={style.contentDetails}\n          style={{\n            color: primarySkinColor\n          }}\n        >\n          {details}\n        </div>\n\n        <span\n          data-name=\"contentTitle\"\n          className={classnames(style.contentTitle, innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n    </Link>\n  );\n};\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst Subcontent = ({title, details}, context) => (\n  <div className={style.subcontent}>\n    <div className={style.subcontentDetails}>{details}</div>\n    <div\n      className={classnames(style.subcontentTitle, innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </div>\n);\n\nSubcontent.propTypes = {\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst LearnerHeader = (props, context) => {\n  const {content, subcontent} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} />\n      <Subcontent {...subcontent} />\n    </div>\n  );\n};\n\nLearnerHeader.propTypes = {\n  content: PropTypes.shape(Content.propTypes).isRequired,\n  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired\n};\n\nexport default LearnerHeader;\n"],"file":"learner.js"}
+{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationArrowLeft","BackIcon","Link","Provider","style","Content","onClick","title","details","context","skin","primarySkinColor","contentWrapper","backIcon","content","contentDetails","color","contentTitle","innerHTML","__html","contextTypes","childContextTypes","propTypes","string","isRequired","Subcontent","subcontent","subcontentDetails","subcontentTitle","LearnerHeader","props","wrapper","shape"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport Provider from '../../../../../atom/provider';\nimport style from './learner.css';\n\nconst Content = ({onClick, title, details}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <Link onClick={onClick} className={style.contentWrapper}>\n      <BackIcon className={style.backIcon} color=\"inherit\" />\n      <div className={style.content}>\n        <div\n          className={style.contentDetails}\n          style={{\n            color: primarySkinColor\n          }}\n        >\n          {details}\n        </div>\n\n        <span\n          data-name=\"contentTitle\"\n          className={classnames(style.contentTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n    </Link>\n  );\n};\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst Subcontent = ({title, details}, context) => (\n  <div className={style.subcontent}>\n    <div className={style.subcontentDetails}>{details}</div>\n    <div\n      className={classnames(style.subcontentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </div>\n);\n\nSubcontent.propTypes = {\n  title: PropTypes.string.isRequired,\n  details: PropTypes.string\n};\n\nconst LearnerHeader = (props, context) => {\n  const {content, subcontent} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} />\n      <Subcontent {...subcontent} />\n    </div>\n  );\n};\n\nLearnerHeader.propTypes = {\n  content: PropTypes.shape(Content.propTypes).isRequired,\n  subcontent: PropTypes.shape(Subcontent.propTypes).isRequired\n};\n\nexport default LearnerHeader;\n"],"file":"learner.js"}

package/es/template/app-player/player/slides/header/microlearning.css

@@ -37,6 +37,10 @@
   max-width: 100%;
 }
 
+.innerHTML {
+  composes: innerHTML from '../../../../../atom/label/style.css';
+}
+
 @media mobile {
   .content {
     max-width: none;

package/es/template/app-player/player/slides/header/microlearning.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { NovaCompositionNavigationArrowLeft as BackIcon } from '@coorpacademy/nova-icons';
 import Link from '../../../../../atom/link';
-import { innerHTML } from '../../../../../atom/label/style.css';
 import style from './microlearning.css';
 
 const Content = ({
@@ -17,7 +16,7 @@ const Content = ({
   color: "inherit"
 }), /*#__PURE__*/React.createElement("div", {
   "data-name": "contentTitle",
-  className: classnames(style.contentTitle, innerHTML) // eslint-disable-next-line react/no-danger
+  className: classnames(style.contentTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: title

package/es/template/app-player/player/slides/header/microlearning.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationArrowLeft","BackIcon","Link","innerHTML","style","Content","onClick","title","context","content","backIcon","contentTitle","__html","propTypes","node","MicrolearningHeader","props","shape","string","isRequired"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,kCAAkC,IAAIC,QAA9C,QAA6D,0BAA7D;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,SAAQC,SAAR,QAAwB,qCAAxB;AACA,OAAOC,KAAP,MAAkB,qBAAlB;;AAEA,MAAMC,OAAO,GAAG,CAAC;AAACC,EAAAA,OAAD;AAAUC,EAAAA;AAAV,CAAD,EAAmBC,OAAnB,kBACd,oBAAC,IAAD;AAAM,EAAA,OAAO,EAAEF,OAAf;AAAwB,EAAA,SAAS,EAAEF,KAAK,CAACK;AAAzC,gBACE,oBAAC,QAAD;AAAU,EAAA,SAAS,EAAEL,KAAK,CAACM,QAA3B;AAAqC,EAAA,KAAK,EAAC;AAA3C,EADF,eAEE;AACE,eAAU,cADZ;AAEE,EAAA,SAAS,EAAEX,UAAU,CAACK,KAAK,CAACO,YAAP,EAAqBR,SAArB,CAFvB,CAGE;AAHF;AAIE,EAAA,uBAAuB,EAAE;AAACS,IAAAA,MAAM,EAAEL;AAAT;AAJ3B,EAFF,CADF;;AAYAF,OAAO,CAACQ,SAAR,2CAAoB;AAClBP,EAAAA,OAAO,EAAEJ,IAAI,CAACW,SAAL,CAAeP,OADN;AAElBC,EAAAA,KAAK,EAAET,SAAS,CAACgB;AAFC,CAApB;;AAKA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQR,OAAR,KAAoB;AAC9C,QAAM;AAACC,IAAAA;AAAD,MAAYO,KAAlB;AACA,sBAAO,oBAAC,OAAD,EAAaP,OAAb,CAAP;AACD,CAHD;;AAKAM,mBAAmB,CAACF,SAApB,2CAAgC;AAC9BJ,EAAAA,OAAO,EAAEX,SAAS,CAACmB,KAAV,CAAgB;AACvBX,IAAAA,OAAO,EAAEJ,IAAI,CAACW,SAAL,CAAeP,OADD;AAEvBC,IAAAA,KAAK,EAAET,SAAS,CAACoB,MAAV,CAAiBC;AAFD,GAAhB;AADqB,CAAhC;AAOA,eAAeJ,mBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport {innerHTML} from '../../../../../atom/label/style.css';\nimport style from './microlearning.css';\n\nconst Content = ({onClick, title}, context) => (\n  <Link onClick={onClick} className={style.content}>\n    <BackIcon className={style.backIcon} color=\"inherit\" />\n    <div\n      data-name=\"contentTitle\"\n      className={classnames(style.contentTitle, innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </Link>\n);\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.node\n};\n\nconst MicrolearningHeader = (props, context) => {\n  const {content} = props;\n  return <Content {...content} />;\n};\n\nMicrolearningHeader.propTypes = {\n  content: PropTypes.shape({\n    onClick: Link.propTypes.onClick,\n    title: PropTypes.string.isRequired\n  })\n};\n\nexport default MicrolearningHeader;\n"],"file":"microlearning.js"}
+{"version":3,"sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationArrowLeft","BackIcon","Link","style","Content","onClick","title","context","content","backIcon","contentTitle","innerHTML","__html","propTypes","node","MicrolearningHeader","props","shape","string","isRequired"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,kCAAkC,IAAIC,QAA9C,QAA6D,0BAA7D;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,KAAP,MAAkB,qBAAlB;;AAEA,MAAMC,OAAO,GAAG,CAAC;AAACC,EAAAA,OAAD;AAAUC,EAAAA;AAAV,CAAD,EAAmBC,OAAnB,kBACd,oBAAC,IAAD;AAAM,EAAA,OAAO,EAAEF,OAAf;AAAwB,EAAA,SAAS,EAAEF,KAAK,CAACK;AAAzC,gBACE,oBAAC,QAAD;AAAU,EAAA,SAAS,EAAEL,KAAK,CAACM,QAA3B;AAAqC,EAAA,KAAK,EAAC;AAA3C,EADF,eAEE;AACE,eAAU,cADZ;AAEE,EAAA,SAAS,EAAEV,UAAU,CAACI,KAAK,CAACO,YAAP,EAAqBP,KAAK,CAACQ,SAA3B,CAFvB,CAGE;AAHF;AAIE,EAAA,uBAAuB,EAAE;AAACC,IAAAA,MAAM,EAAEN;AAAT;AAJ3B,EAFF,CADF;;AAYAF,OAAO,CAACS,SAAR,2CAAoB;AAClBR,EAAAA,OAAO,EAAEH,IAAI,CAACW,SAAL,CAAeR,OADN;AAElBC,EAAAA,KAAK,EAAER,SAAS,CAACgB;AAFC,CAApB;;AAKA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQT,OAAR,KAAoB;AAC9C,QAAM;AAACC,IAAAA;AAAD,MAAYQ,KAAlB;AACA,sBAAO,oBAAC,OAAD,EAAaR,OAAb,CAAP;AACD,CAHD;;AAKAO,mBAAmB,CAACF,SAApB,2CAAgC;AAC9BL,EAAAA,OAAO,EAAEV,SAAS,CAACmB,KAAV,CAAgB;AACvBZ,IAAAA,OAAO,EAAEH,IAAI,CAACW,SAAL,CAAeR,OADD;AAEvBC,IAAAA,KAAK,EAAER,SAAS,CAACoB,MAAV,CAAiBC;AAFD,GAAhB;AADqB,CAAhC;AAOA,eAAeJ,mBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowLeft as BackIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../../../../atom/link';\nimport style from './microlearning.css';\n\nconst Content = ({onClick, title}, context) => (\n  <Link onClick={onClick} className={style.content}>\n    <BackIcon className={style.backIcon} color=\"inherit\" />\n    <div\n      data-name=\"contentTitle\"\n      className={classnames(style.contentTitle, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  </Link>\n);\n\nContent.propTypes = {\n  onClick: Link.propTypes.onClick,\n  title: PropTypes.node\n};\n\nconst MicrolearningHeader = (props, context) => {\n  const {content} = props;\n  return <Content {...content} />;\n};\n\nMicrolearningHeader.propTypes = {\n  content: PropTypes.shape({\n    onClick: Link.propTypes.onClick,\n    title: PropTypes.string.isRequired\n  })\n};\n\nexport default MicrolearningHeader;\n"],"file":"microlearning.js"}

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

@@ -28,7 +28,6 @@ import VideoPlayer from '../../../../molecule/video-player';
 import PDF from '../../../../molecule/pdf';
 import Audio from '../../../../molecule/audio';
 import ResourceBrowser from '../../../../organism/resource-browser';
-import { innerHTML } from '../../../../atom/label/style.css';
 import Footer from './footer';
 import Header from './header';
 import style from './style.css';
@@ -295,7 +294,7 @@ const ContextContent = ({
   const paragraphs = descriptionParagraphs.map((paragraph, index) => /*#__PURE__*/React.createElement("p", {
     key: index,
     "data-name": "contextDescription",
-    className: classnames(style.contextDescription, innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(style.contextDescription, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: paragraph
@@ -325,7 +324,7 @@ const CONTENT_TYPE = {
 const Help = ({
   help
 }) => /*#__PURE__*/React.createElement("div", {
-  className: classnames(style.helpView, innerHTML) // eslint-disable-next-line react/no-danger
+  className: classnames(style.helpView, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: help
@@ -375,7 +374,7 @@ const ContentLayout = (props, context) => {
     }
   }, /*#__PURE__*/React.createElement("div", {
     "data-name": "question",
-    className: classnames(selectedTab === 'context' ? style.contextTitle : style.question, innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(selectedTab === 'context' ? style.contextTitle : style.question, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: selectedTab === 'context' ? slideContext.title : question

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

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

package/es/template/app-player/player/slides/style.css

@@ -271,6 +271,11 @@
   justify-content: center;
 }
 
+.innerHTML {
+  composes: innerHTML from '../../../../atom/label/style.css';
+}
+
+
 @media tablet {
   .wrapper {
     box-shadow: none;

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

@@ -21,7 +21,6 @@ import Link from '../../../atom/link';
 import Provider from '../../../atom/provider';
 import ResourceBrowser from '../../../organism/resource-browser';
 import Accordion from '../../../organism/accordion/container';
-import { innerHTML } from '../../../atom/label/style.css';
 import Header from '../popin-header';
 import style from './style.css';
 
@@ -58,7 +57,7 @@ const SimpleText = ({
   "data-name": "simpleText",
   className: style.simpleTextWrapper
 }, /*#__PURE__*/React.createElement("p", {
-  className: classnames(style.simpleText, innerHTML) // eslint-disable-next-line react/no-danger
+  className: classnames(style.simpleText, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: text
@@ -107,7 +106,7 @@ const Question = ({
 }) => /*#__PURE__*/React.createElement("div", {
   className: style.question
 }, /*#__PURE__*/React.createElement("p", {
-  className: classnames(style.questionHeader, innerHTML) // eslint-disable-next-line react/no-danger
+  className: classnames(style.questionHeader, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: header
@@ -120,7 +119,7 @@ const Question = ({
 }), answerPrefix ? /*#__PURE__*/React.createElement("span", {
   className: style.answerPrefix
 }, answerPrefix) : null, /*#__PURE__*/React.createElement("span", {
-  className: classnames(style.answer, innerHTML) // eslint-disable-next-line react/no-danger
+  className: classnames(style.answer, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: answer

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":["React","Component","PropTypes","NovaCompositionCoorpacademyCheck","CheckIcon","NovaLineInterfaceFeedbackInterfaceAlertCircle","AlertIcon","classnames","Loader","Link","Provider","ResourceBrowser","Accordion","innerHTML","Header","style","extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","browserWrapper","value","browser","propTypes","shape","SimpleText","text","simpleTextWrapper","simpleText","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","constructor","state","initWrapper","bind","componentDidMount","deferOpen","clearTimeout","deferedOpen","onOpen","setState","wrapper","render","extraLifeGranted","gameOver","klf","tips","quit","assistanceLink","primary","tabs","isLoading","failed","className","finalBackground","initialBackground","cta","linkProps","quitCta","color","hideQuitCta","scrollWrapper","loadingWrapper","loadingContent","content","activeLoader"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,6CAA6C,IAAIC,SAFnD,QAGO,0BAHP;AAIA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,IAAP,MAAiB,oBAAjB;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,eAAP,MAA4B,oCAA5B;AACA,OAAOC,SAAP,MAAsB,uCAAtB;AACA,SAAQC,SAAR,QAAwB,+BAAxB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IACvB,MAAKA,KAAL,EAAYC,GAAZ,CAAgBC,IAAI,IAAI;AACtB,QAAMC,IAAI,GAAGH,KAAK,CAACE,IAAD,CAAlB;AACA,SAAO;AAACE,IAAAA,QAAQ,EAAEF,IAAX;AAAiBG,IAAAA,KAAK,EAAEF,IAAI,CAACE,KAA7B;AAAoCC,IAAAA,MAAM,EAAEH,IAAI,CAACI;AAAjD,GAAP;AACD,CAHD,CADF;;AAMA,MAAMC,SAAS,GAAG,CAAC;AAACC,EAAAA,SAAD;AAAYC,EAAAA;AAAZ,CAAD,kBAChB;AAAK,EAAA,SAAS,EAAEZ,KAAK,CAACa;AAAtB,gBACE,oBAAC,eAAD;AAAiB,EAAA,SAAS,EAAEF,SAAS,CAACG,KAAtC;AAA6C,EAAA,OAAO,EAAEF,OAAtD;AAA+D,EAAA,SAAS,EAAEZ,KAAK,CAACe;AAAhF,EADF,CADF;;AAMAL,SAAS,CAACM,SAAV,2CAAsB;AACpBL,EAAAA,SAAS,EAAExB,SAAS,CAAC8B,KAAV,CAAgB;AACzBH,IAAAA,KAAK,EAAElB,eAAe,CAACoB,SAAhB,CAA0BL;AADR,GAAhB,CADS;AAIpBC,EAAAA,OAAO,EAAEhB,eAAe,CAACoB,SAAhB,CAA0BJ;AAJf,CAAtB;;AAOA,MAAMM,UAAU,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACjB;AAAK,eAAU,YAAf;AAA4B,EAAA,SAAS,EAAEnB,KAAK,CAACoB;AAA7C,gBACE;AACE,EAAA,SAAS,EAAE5B,UAAU,CAACQ,KAAK,CAACqB,UAAP,EAAmBvB,SAAnB,CADvB,CAEE;AAFF;AAGE,EAAA,uBAAuB,EAAE;AAACwB,IAAAA,MAAM,EAAEH;AAAT;AAH3B,EADF,CADF;;AAUAD,UAAU,CAACF,SAAX,2CAAuB;AACrBG,EAAAA,IAAI,EAAEhC,SAAS,CAACoC;AADK,CAAvB;;AAIA,MAAMC,cAAc,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACzC,MAAI,SAAQD,KAAR,CAAJ,EAAoB,OAAO,IAAP;AACpB,QAAM;AAAClB,IAAAA,KAAD;AAAQoB,IAAAA;AAAR,MAAmBF,KAAzB;AACA,QAAM;AAACG,IAAAA;AAAD,MAASF,OAAf;;AACA,QAAMG,KAAK,GAAG,KAAI,cAAJ,EAAoBD,IAApB,CAAd;;AAEA,sBACE;AAAK,IAAA,SAAS,EAAE5B,KAAK,CAAC8B,iBAAtB;AAAyC,IAAA,OAAO,EAAEH;AAAlD,kBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAE3B,KAAK,CAAC+B,SAA5B;AAAuC,IAAA,KAAK,EAAEF;AAA9C,IADF,eAEE;AAAM,IAAA,SAAS,EAAE7B,KAAK,CAACgC;AAAvB,UAAoCzB,KAApC,MAFF,CADF;AAMD,CAZD;;AAcAiB,cAAc,CAACS,YAAf,GAA8B;AAC5BL,EAAAA,IAAI,EAAEjC,QAAQ,CAACuC,iBAAT,CAA2BN;AADL,CAA9B;AAIAJ,cAAc,CAACR,SAAf,2CAA2B;AACzBT,EAAAA,KAAK,EAAEpB,SAAS,CAACoC,MADQ;AAEzBI,EAAAA,OAAO,EAAExC,SAAS,CAACgD;AAFM,CAA3B;;AAKA,MAAMC,QAAQ,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA,MAAT;AAAiBC,EAAAA;AAAjB,CAAD,kBACf;AAAK,EAAA,SAAS,EAAEvC,KAAK,CAACwC;AAAtB,gBACE;AACE,EAAA,SAAS,EAAEhD,UAAU,CAACQ,KAAK,CAACyC,cAAP,EAAuB3C,SAAvB,CADvB,CAEE;AAFF;AAGE,EAAA,uBAAuB,EAAE;AAACwB,IAAAA,MAAM,EAAEe;AAAT;AAH3B,EADF,eAME;AAAK,EAAA,SAAS,EAAErC,KAAK,CAAC0C;AAAtB,gBACE,oBAAC,SAAD;AAAW,EAAA,SAAS,EAAE1C,KAAK,CAAC2C,SAA5B;AAAuC,EAAA,KAAK,EAAC;AAA7C,EADF,EAEGJ,YAAY,gBAAG;AAAM,EAAA,SAAS,EAAEvC,KAAK,CAACuC;AAAvB,GAAsCA,YAAtC,CAAH,GAAgE,IAF/E,eAGE;AACE,EAAA,SAAS,EAAE/C,UAAU,CAACQ,KAAK,CAACsC,MAAP,EAAexC,SAAf,CADvB,CAEE;AAFF;AAGE,EAAA,uBAAuB,EAAE;AAACwB,IAAAA,MAAM,EAAEgB;AAAT;AAH3B,EAHF,CANF,CADF;;AAmBAF,QAAQ,CAACpB,SAAT,2CAAqB;AACnBqB,EAAAA,MAAM,EAAElD,SAAS,CAACoC,MADC;AAEnBgB,EAAAA,YAAY,EAAEpD,SAAS,CAACoC,MAFL;AAGnBe,EAAAA,MAAM,EAAEnD,SAAS,CAACoC;AAHC,CAArB;;AAMA,MAAMqB,eAAN,SAA8B1D,SAA9B,CAAwC;AAyBtC2D,EAAAA,WAAW,CAACpB,KAAD,EAAQ;AACjB,UAAMA,KAAN;AACA,SAAKqB,KAAL,GAAa;AAACrC,MAAAA,IAAI,EAAE;AAAP,KAAb;AACA,SAAKsC,WAAL,GAAmB,KAAKA,WAAL,CAAiBC,IAAjB,CAAsB,IAAtB,CAAnB;AACD;;AAEDC,EAAAA,iBAAiB,GAAG;AAClB,SAAKC,SAAL;AACD;;AAEDA,EAAAA,SAAS,GAAG;AACVC,IAAAA,YAAY,CAAC,KAAKC,WAAN,CAAZ;AAEA,SAAKA,WAAL,GAAmB,OAAM,MAAM;AAC7B,YAAM;AAACC,QAAAA;AAAD,UAAW,KAAK5B,KAAtB;AACA,WAAK6B,QAAL,CAAc;AAAC7C,QAAAA,IAAI,EAAE;AAAP,OAAd;AACA4C,MAAAA,MAAM,IAAIA,MAAM,EAAhB;AACD,KAJkB,CAAnB;AAKD;;AAEDN,EAAAA,WAAW,CAACQ,OAAD,EAAU;AACnB,SAAKA,OAAL,GAAeA,OAAf;AACD;;AAEDC,EAAAA,MAAM,GAAG;AACP,UAAM;AACJnB,MAAAA,MAAM,GAAG,EADL;AAEJoB,MAAAA,gBAFI;AAGJC,MAAAA,QAHI;AAIJlB,MAAAA,QAJI;AAKJ5B,MAAAA,OALI;AAMJD,MAAAA,SANI;AAOJgD,MAAAA,GAPI;AAQJC,MAAAA,IARI;AASJjC,MAAAA,OATI;AAUJkC,MAAAA,IAAI,GAAG,EAVH;AAWJC,MAAAA,cAAc,GAAG;AAXb,QAYF,KAAKrC,KAZT;AAcA,UAAM;AAAChB,MAAAA;AAAD,QAAS,KAAKqC,KAApB;AAEA,UAAM;AAAClB,MAAAA;AAAD,QAAS,KAAKF,OAApB;;AACA,UAAMqC,OAAO,GAAG,OAAM,MAAN,EAAc,gBAAd,EAAgCnC,IAAhC,CAAhB;;AAEA,UAAMoC,IAAI,GAAG/D,WAAW,CAAC;AAACU,MAAAA,SAAD;AAAYgD,MAAAA,GAAZ;AAAiBC,MAAAA;AAAjB,KAAD,CAAxB;;AACA,UAAMK,SAAS,GAAG,OAAM5B,MAAM,CAAC6B,MAAb,CAAlB;;AACA,UAAMC,SAAS,GAAG1D,IAAI,GAAGT,KAAK,CAACoE,eAAT,GAA2BpE,KAAK,CAACqE,iBAAvD;;AACA,iBAA8BR,IAAI,CAACS,GAAL,IAAY,EAA1C;AAAA,UAAM;AAAC/D,MAAAA;AAAD,KAAN;AAAA,UAAiBgE,SAAjB;;AAEA,UAAMC,OAAO,GACXjE,KAAK,IAAIkD,gBAAT,gBACE,oBAAC,IAAD,eACMc,SADN;AAEE,MAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAEV;AADF,OAFT;AAKE,MAAA,SAAS,EAAEN,gBAAgB,GAAGzD,KAAK,CAAC0E,WAAT,GAAuB1E,KAAK,CAACwE,OAL1D;AAME,mBAAU,UANZ;AAOE,oBAAW,iBAPb;AAQE,mBAAU;AARZ,QAUGjE,KAVH,CADF,GAaI,IAdN;AAgBA,wBACE;AAAK,MAAA,GAAG,EAAE,KAAKwC,WAAf;AAA4B,MAAA,SAAS,EAAEoB,SAAvC;AAAkD,mBAAU;AAA5D,oBACE;AAAK,MAAA,SAAS,EAAEnE,KAAK,CAAC2E;AAAtB,oBACE;AAAK,MAAA,SAAS,EAAEV,SAAS,GAAGjE,KAAK,CAAC4E,cAAT,GAA0B5E,KAAK,CAACuD;AAAzD,oBACE;AAAK,MAAA,SAAS,EAAEU,SAAS,GAAGjE,KAAK,CAAC6E,cAAT,GAA0B7E,KAAK,CAAC8E;AAAzD,oBACE,oBAAC,MAAD,eACMzC,MADN;AAEE,MAAA,QAAQ,EAAEqB,QAFZ;AAGE,MAAA,gBAAgB,EAAED,gBAHpB;AAIE,MAAA,QAAQ;AAJV,OADF,eAOE,oBAAC,QAAD,EAAcjB,QAAd,CAPF,eAQE,oBAAC,SAAD;AAAW,MAAA,QAAQ,EAAEwB,IAArB;AAA2B,MAAA,OAAO,EAAErC,OAApC;AAA6C,MAAA,UAAU;AAAvD,OACG,SAAQ,OAAM,EAAN,EAAU,OAAV,EAAmBhB,SAAnB,CAAR,IAAyC,IAAzC,gBACC,oBAAC,SAAD;AAAW,MAAA,SAAS,EAAEA,SAAtB;AAAiC,MAAA,OAAO,EAAEC;AAA1C,MAFJ,EAIG+C,GAAG,CAAC7C,KAAJ,gBAAY,oBAAC,UAAD;AAAY,MAAA,IAAI,EAAE6C,GAAG,CAAC7C;AAAtB,MAAZ,GAA8C,IAJjD,EAKG8C,IAAI,CAAC9C,KAAL,gBAAa,oBAAC,UAAD;AAAY,MAAA,IAAI,EAAE8C,IAAI,CAAC9C;AAAvB,MAAb,GAAgD,IALnD,CARF,CADF,EAiBG0D,OAjBH,eAkBE,oBAAC,cAAD,EAAoBV,cAApB,CAlBF,CADF,EAqBGG,SAAS,gBAAG,oBAAC,MAAD;AAAQ,MAAA,SAAS,EAAEjE,KAAK,CAAC+E;AAAzB,MAAH,GAA+C,IArB3D,CADF,CADF;AA2BD;;AArHqC;;gBAAlCnC,e,kBAqBkB;AACpBhB,EAAAA,IAAI,EAAEjC,QAAQ,CAACuC,iBAAT,CAA2BN;AADb,C;;AArBlBgB,e,CACG5B,S,2CAAY;AACjBL,EAAAA,SAAS,EAAED,SAAS,CAACM,SAAV,CAAoBL,SADd;AAEjBC,EAAAA,OAAO,EAAEhB,eAAe,CAACoB,SAAhB,CAA0BJ,OAFlB;AAGjBkD,EAAAA,cAAc,EAAE3E,SAAS,CAAC8B,KAAV,CAAgBO,cAAc,CAACR,SAA/B,CAHC;AAIjBqB,EAAAA,MAAM,EAAElD,SAAS,CAAC8B,KAAV,CAAgB,MAAK,CAAC,UAAD,CAAL,EAAmBlB,MAAM,CAACiB,SAA1B,CAAhB,CAJS;AAKjByC,EAAAA,gBAAgB,EAAE1D,MAAM,CAACiB,SAAP,CAAiByC,gBALlB;AAMjBC,EAAAA,QAAQ,EAAE3D,MAAM,CAACiB,SAAP,CAAiB0C,QANV;AAOjBlB,EAAAA,QAAQ,EAAErD,SAAS,CAAC8B,KAAV,CAAgBmB,QAAQ,CAACpB,SAAzB,CAPO;AAQjB2C,EAAAA,GAAG,EAAExE,SAAS,CAAC8B,KAAV,CAAgBC,UAAU,CAACF,SAA3B,CARY;AASjB4C,EAAAA,IAAI,EAAEzE,SAAS,CAAC8B,KAAV,CAAgBC,UAAU,CAACF,SAA3B,CATW;AAUjBW,EAAAA,OAAO,EAAE9B,SAAS,CAACmB,SAAV,CAAoBW,OAVZ;AAWjBkC,EAAAA,IAAI,EAAE1E,SAAS,CAAC8B,KAAV,CAAgB;AACpBqD,IAAAA,GAAG,EAAEnF,SAAS,CAAC8B,KAAV,uBACAvB,IAAI,CAACsB,SADL;AAEHT,MAAAA,KAAK,EAAEpB,SAAS,CAACoC;AAFd;AADe,GAAhB,CAXW;AAiBjB8B,EAAAA,MAAM,EAAElE,SAAS,CAACgD;AAjBD,C;AAuHrB,eAAeS,eAAf","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 {innerHTML} from '../../../atom/label/style.css';\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, 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  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, 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, innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: answer}}\n      />\n    </div>\n  </div>\n);\n\nQuestion.propTypes = {\n  header: PropTypes.string,\n  answerPrefix: PropTypes.string,\n  answer: PropTypes.string\n};\n\nclass PopinCorrection extends Component {\n  static propTypes = {\n    resources: Resources.propTypes.resources,\n    overlay: ResourceBrowser.propTypes.overlay,\n    assistanceLink: PropTypes.shape(AssistanceLink.propTypes),\n    header: PropTypes.shape(omit(['animated'], Header.propTypes)),\n    extraLifeGranted: Header.propTypes.extraLifeGranted,\n    gameOver: Header.propTypes.gameOver,\n    question: PropTypes.shape(Question.propTypes),\n    klf: PropTypes.shape(SimpleText.propTypes),\n    tips: PropTypes.shape(SimpleText.propTypes),\n    onClick: Accordion.propTypes.onClick,\n    quit: PropTypes.shape({\n      cta: PropTypes.shape({\n        ...Link.propTypes,\n        title: PropTypes.string\n      })\n    }),\n    onOpen: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {open: false};\n    this.initWrapper = this.initWrapper.bind(this);\n  }\n\n  componentDidMount() {\n    this.deferOpen();\n  }\n\n  deferOpen() {\n    clearTimeout(this.deferedOpen);\n\n    this.deferedOpen = defer(() => {\n      const {onOpen} = this.props;\n      this.setState({open: true});\n      onOpen && onOpen();\n    });\n  }\n\n  initWrapper(wrapper) {\n    this.wrapper = wrapper;\n  }\n\n  render() {\n    const {\n      header = {},\n      extraLifeGranted,\n      gameOver,\n      question,\n      overlay,\n      resources,\n      klf,\n      tips,\n      onClick,\n      quit = {},\n      assistanceLink = {}\n    } = this.props;\n\n    const {open} = this.state;\n\n    const {skin} = this.context;\n    const primary = getOr('#f0f', 'common.primary', skin);\n\n    const tabs = extractTabs({resources, klf, tips});\n    const isLoading = isNil(header.failed);\n    const className = open ? style.finalBackground : style.initialBackground;\n    const {title, ...linkProps} = quit.cta || {};\n\n    const quitCta =\n      title || extraLifeGranted ? (\n        <Link\n          {...linkProps}\n          style={{\n            color: primary\n          }}\n          className={extraLifeGranted ? style.hideQuitCta : style.quitCta}\n          data-name=\"nextLink\"\n          data-popin=\"popinCorrection\"\n          data-next=\"quit-with-extra-life\"\n        >\n          {title}\n        </Link>\n      ) : null;\n\n    return (\n      <div ref={this.initWrapper} className={className} data-name=\"popinCorrection\">\n        <div className={style.scrollWrapper}>\n          <div className={isLoading ? style.loadingWrapper : style.wrapper}>\n            <div className={isLoading ? style.loadingContent : style.content}>\n              <Header\n                {...header}\n                gameOver={gameOver}\n                extraLifeGranted={extraLifeGranted}\n                animated\n              />\n              <Question {...question} />\n              <Accordion tabProps={tabs} onClick={onClick} oneTabOnly>\n                {isEmpty(getOr([], 'value', resources)) ? null : (\n                  <Resources resources={resources} overlay={overlay} />\n                )}\n                {klf.value ? <SimpleText text={klf.value} /> : null}\n                {tips.value ? <SimpleText text={tips.value} /> : null}\n              </Accordion>\n            </div>\n            {quitCta}\n            <AssistanceLink {...assistanceLink} />\n          </div>\n          {isLoading ? <Loader className={style.activeLoader} /> : null}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PopinCorrection;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":["React","Component","PropTypes","NovaCompositionCoorpacademyCheck","CheckIcon","NovaLineInterfaceFeedbackInterfaceAlertCircle","AlertIcon","classnames","Loader","Link","Provider","ResourceBrowser","Accordion","Header","style","extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","browserWrapper","value","browser","propTypes","shape","SimpleText","text","simpleTextWrapper","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","constructor","state","initWrapper","bind","componentDidMount","deferOpen","clearTimeout","deferedOpen","onOpen","setState","wrapper","render","extraLifeGranted","gameOver","klf","tips","quit","assistanceLink","primary","tabs","isLoading","failed","className","finalBackground","initialBackground","cta","linkProps","quitCta","color","hideQuitCta","scrollWrapper","loadingWrapper","loadingContent","content","activeLoader"],"mappings":"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","sourcesContent":["import React, {Component} from 'react';\nimport PropTypes from 'prop-types';\nimport {defer, isNil, isEmpty, get, getOr, keys, omit} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaLineInterfaceFeedbackInterfaceAlertCircle as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Link from '../../../atom/link';\nimport Provider from '../../../atom/provider';\nimport ResourceBrowser from '../../../organism/resource-browser';\nimport Accordion from '../../../organism/accordion/container';\nimport Header from '../popin-header';\nimport style from './style.css';\n\nconst extractTabs = items =>\n  keys(items).map(type => {\n    const item = items[type];\n    return {iconType: type, title: item.title, isOpen: item.open};\n  });\n\nconst Resources = ({resources, overlay}) => (\n  <div className={style.browserWrapper}>\n    <ResourceBrowser resources={resources.value} overlay={overlay} className={style.browser} />\n  </div>\n);\n\nResources.propTypes = {\n  resources: PropTypes.shape({\n    value: ResourceBrowser.propTypes.resources\n  }),\n  overlay: ResourceBrowser.propTypes.overlay\n};\n\nconst SimpleText = ({text}) => (\n  <div data-name=\"simpleText\" className={style.simpleTextWrapper}>\n    <p\n      className={classnames(style.simpleText, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  </div>\n);\n\nSimpleText.propTypes = {\n  text: PropTypes.string\n};\n\nconst AssistanceLink = (props, context) => {\n  if (isEmpty(props)) return null;\n  const {title, onClick} = props;\n  const {skin} = context;\n  const white = get('common.white', skin);\n\n  return (\n    <div className={style.wrapperAssistance} onClick={onClick}>\n      <AlertIcon className={style.alertIcon} color={white} />\n      <span className={style.titleLink}> {title} </span>\n    </div>\n  );\n};\n\nAssistanceLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAssistanceLink.propTypes = {\n  title: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst Question = ({header, answer, answerPrefix}) => (\n  <div className={style.question}>\n    <p\n      className={classnames(style.questionHeader, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: header}}\n    />\n    <div className={style.answerWrapper}>\n      <CheckIcon className={style.checkIcon} color=\"inherit\" />\n      {answerPrefix ? <span className={style.answerPrefix}>{answerPrefix}</span> : null}\n      <span\n        className={classnames(style.answer, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: answer}}\n      />\n    </div>\n  </div>\n);\n\nQuestion.propTypes = {\n  header: PropTypes.string,\n  answerPrefix: PropTypes.string,\n  answer: PropTypes.string\n};\n\nclass PopinCorrection extends Component {\n  static propTypes = {\n    resources: Resources.propTypes.resources,\n    overlay: ResourceBrowser.propTypes.overlay,\n    assistanceLink: PropTypes.shape(AssistanceLink.propTypes),\n    header: PropTypes.shape(omit(['animated'], Header.propTypes)),\n    extraLifeGranted: Header.propTypes.extraLifeGranted,\n    gameOver: Header.propTypes.gameOver,\n    question: PropTypes.shape(Question.propTypes),\n    klf: PropTypes.shape(SimpleText.propTypes),\n    tips: PropTypes.shape(SimpleText.propTypes),\n    onClick: Accordion.propTypes.onClick,\n    quit: PropTypes.shape({\n      cta: PropTypes.shape({\n        ...Link.propTypes,\n        title: PropTypes.string\n      })\n    }),\n    onOpen: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {open: false};\n    this.initWrapper = this.initWrapper.bind(this);\n  }\n\n  componentDidMount() {\n    this.deferOpen();\n  }\n\n  deferOpen() {\n    clearTimeout(this.deferedOpen);\n\n    this.deferedOpen = defer(() => {\n      const {onOpen} = this.props;\n      this.setState({open: true});\n      onOpen && onOpen();\n    });\n  }\n\n  initWrapper(wrapper) {\n    this.wrapper = wrapper;\n  }\n\n  render() {\n    const {\n      header = {},\n      extraLifeGranted,\n      gameOver,\n      question,\n      overlay,\n      resources,\n      klf,\n      tips,\n      onClick,\n      quit = {},\n      assistanceLink = {}\n    } = this.props;\n\n    const {open} = this.state;\n\n    const {skin} = this.context;\n    const primary = getOr('#f0f', 'common.primary', skin);\n\n    const tabs = extractTabs({resources, klf, tips});\n    const isLoading = isNil(header.failed);\n    const className = open ? style.finalBackground : style.initialBackground;\n    const {title, ...linkProps} = quit.cta || {};\n\n    const quitCta =\n      title || extraLifeGranted ? (\n        <Link\n          {...linkProps}\n          style={{\n            color: primary\n          }}\n          className={extraLifeGranted ? style.hideQuitCta : style.quitCta}\n          data-name=\"nextLink\"\n          data-popin=\"popinCorrection\"\n          data-next=\"quit-with-extra-life\"\n        >\n          {title}\n        </Link>\n      ) : null;\n\n    return (\n      <div ref={this.initWrapper} className={className} data-name=\"popinCorrection\">\n        <div className={style.scrollWrapper}>\n          <div className={isLoading ? style.loadingWrapper : style.wrapper}>\n            <div className={isLoading ? style.loadingContent : style.content}>\n              <Header\n                {...header}\n                gameOver={gameOver}\n                extraLifeGranted={extraLifeGranted}\n                animated\n              />\n              <Question {...question} />\n              <Accordion tabProps={tabs} onClick={onClick} oneTabOnly>\n                {isEmpty(getOr([], 'value', resources)) ? null : (\n                  <Resources resources={resources} overlay={overlay} />\n                )}\n                {klf.value ? <SimpleText text={klf.value} /> : null}\n                {tips.value ? <SimpleText text={tips.value} /> : null}\n              </Accordion>\n            </div>\n            {quitCta}\n            <AssistanceLink {...assistanceLink} />\n          </div>\n          {isLoading ? <Loader className={style.activeLoader} /> : null}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PopinCorrection;\n"],"file":"index.js"}

package/es/template/app-player/popin-correction/style.css

@@ -169,6 +169,10 @@
   color: dark;
 }
 
+.innerHTML {
+  composes: innerHTML from '../../../atom/label/style.css';
+}
+
 @media mobile {
   .wrapperAssistance {
     margin-bottom: 8px;

package/es/template/app-player/popin-end/summary.css

@@ -342,3 +342,7 @@
 .commentSectionLink:hover {
   color: medium;
 }
+
+.innerHTML {
+  composes: innerHTML from '../../../atom/label/style.css';
+}

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

@@ -19,7 +19,6 @@ import Loader from '../../../atom/loader';
 import Card from '../../../molecule/card';
 import Feedback from '../../../molecule/feedback';
 import CardsList from '../../../molecule/dashboard/cards-list';
-import { innerHTML } from '../../../atom/label/style.css';
 import PopinHeader from '../popin-header';
 import AtomLottieWrapper from '../../../atom/lottie-wrapper';
 import style from './summary.css';
@@ -47,7 +46,7 @@ const SimpleAction = ({
     className: style.simplePrefix
   }, prefix), /*#__PURE__*/React.createElement("span", {
     "data-name": "simpleTitle",
-    className: classnames(style.simpleTitle, innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(style.simpleTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -81,7 +80,7 @@ const NextCourse = ({
 }, /*#__PURE__*/React.createElement("div", {
   className: style.nextCoursePrefix
 }, prefix), /*#__PURE__*/React.createElement("div", {
-  className: classnames(style.nextCourseTitle, innerHTML) // eslint-disable-next-line react/no-danger
+  className: classnames(style.nextCourseTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: title
@@ -116,7 +115,7 @@ const Subscribe = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: style.subscribeDescription
   }, description), /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.subscribeTitle, innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(style.subscribeTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title