@coorpacademy/components 11.10.1 → 11.10.2

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

@@ -1 +1 @@
-{"version":3,"file":"learner.js","names":["LearnerHeaderWrapper","props","children","mode","onClick","style","contentWrapperScorm","backIcon","contentWrapper","propTypes","Link","PropTypes","string","oneOfType","arrayOf","node","isRequired","Content","title","details","context","skin","primarySkinColor","content","contentDetails","color","classnames","contentTitle","innerHTML","__html","contextTypes","Provider","childContextTypes","Subcontent","subcontent","subcontentDetails","subcontentTitle","LearnerHeader","wrapper","shape"],"sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"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 LearnerHeaderWrapper = props => {\n  const {children, mode, onClick} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.contentWrapperScorm}>\n        <div className={style.backIcon} />\n        {children}\n      </div>\n    );\n  return (\n    <Link onClick={onClick} className={style.contentWrapper}>\n      <BackIcon className={style.backIcon} color=\"inherit\" />\n      {children}\n    </Link>\n  );\n};\n\nLearnerHeaderWrapper.propTypes = {\n  onClick: Link.propTypes.onClick,\n  mode: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst Content = ({onClick, title, details, mode}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <LearnerHeaderWrapper mode={mode} onClick={onClick}>\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    </LearnerHeaderWrapper>\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  mode: 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, mode} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} mode={mode} />\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  mode: PropTypes.string\n};\n\nexport default LearnerHeader;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,oBAAoB,GAAGC,KAAK,IAAI;EACpC,MAAM;IAACC,QAAD;IAAWC,IAAX;IAAiBC;EAAjB,IAA4BH,KAAlC;EACA,IAAIE,IAAI,KAAK,OAAb,EACE,oBACE;IAAK,SAAS,EAAEE,gBAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,gBAAA,CAAME;EAAtB,EADF,EAEGL,QAFH,CADF;EAMF,oBACE,6BAAC,aAAD;IAAM,OAAO,EAAEE,OAAf;IAAwB,SAAS,EAAEC,gBAAA,CAAMG;EAAzC,gBACE,6BAAC,6CAAD;IAAU,SAAS,EAAEH,gBAAA,CAAME,QAA3B;IAAqC,KAAK,EAAC;EAA3C,EADF,EAEGL,QAFH,CADF;AAMD,CAfD;;AAiBAF,oBAAoB,CAACS,SAArB,2CAAiC;EAC/BL,OAAO,EAAEM,aAAA,CAAKD,SAAL,CAAeL,OADO;EAE/BD,IAAI,EAAEQ,kBAAA,CAAUC,MAFe;EAG/BV,QAAQ,EAAES,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUG,OAAV,CAAkBH,kBAAA,CAAUI,IAA5B,CAAD,EAAoCJ,kBAAA,CAAUI,IAA9C,CAApB,EAAyEC;AAHpD,CAAjC;;AAMA,MAAMC,OAAO,GAAG,CAAC;EAACb,OAAD;EAAUc,KAAV;EAAiBC,OAAjB;EAA0BhB;AAA1B,CAAD,EAAkCiB,OAAlC,KAA8C;EAC5D,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAME,gBAAgB,GAAG,mBAAI,gBAAJ,EAAsBD,IAAtB,CAAzB;EAEA,oBACE,6BAAC,oBAAD;IAAsB,IAAI,EAAElB,IAA5B;IAAkC,OAAO,EAAEC;EAA3C,gBACE;IAAK,SAAS,EAAEC,gBAAA,CAAMkB;EAAtB,gBACE;IACE,SAAS,EAAElB,gBAAA,CAAMmB,cADnB;IAEE,KAAK,EAAE;MACLC,KAAK,EAAEH;IADF;EAFT,GAMGH,OANH,CADF,eAUE;IACE,aAAU,cADZ;IAEE,SAAS,EAAE,IAAAO,mBAAA,EAAWrB,gBAAA,CAAMsB,YAAjB,EAA+BtB,gBAAA,CAAMuB,SAArC,CAFb,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEX;IAAT;EAJ3B,EAVF,CADF,CADF;AAqBD,CAzBD;;AA2BAD,OAAO,CAACa,YAAR,GAAuB;EACrBT,IAAI,EAAEU,iBAAA,CAASC,iBAAT,CAA2BX;AADZ,CAAvB;AAIAJ,OAAO,CAACR,SAAR,2CAAoB;EAClBL,OAAO,EAAEM,aAAA,CAAKD,SAAL,CAAeL,OADN;EAElBc,KAAK,EAAEP,kBAAA,CAAUC,MAAV,CAAiBI,UAFN;EAGlBG,OAAO,EAAER,kBAAA,CAAUC,MAHD;EAIlBT,IAAI,EAAEQ,kBAAA,CAAUC;AAJE,CAApB;;AAOA,MAAMqB,UAAU,GAAG,CAAC;EAACf,KAAD;EAAQC;AAAR,CAAD,EAAmBC,OAAnB,kBACjB;EAAK,SAAS,EAAEf,gBAAA,CAAM6B;AAAtB,gBACE;EAAK,SAAS,EAAE7B,gBAAA,CAAM8B;AAAtB,GAA0ChB,OAA1C,CADF,eAEE;EACE,SAAS,EAAE,IAAAO,mBAAA,EAAWrB,gBAAA,CAAM+B,eAAjB,EAAkC/B,gBAAA,CAAMuB,SAAxC,CADb,CAEE;EAFF;EAGE,uBAAuB,EAAE;IAACC,MAAM,EAAEX;EAAT;AAH3B,EAFF,CADF;;AAWAe,UAAU,CAACxB,SAAX,2CAAuB;EACrBS,KAAK,EAAEP,kBAAA,CAAUC,MAAV,CAAiBI,UADH;EAErBG,OAAO,EAAER,kBAAA,CAAUC;AAFE,CAAvB;;AAKA,MAAMyB,aAAa,GAAG,CAACpC,KAAD,EAAQmB,OAAR,KAAoB;EACxC,MAAM;IAACG,OAAD;IAAUW,UAAV;IAAsB/B;EAAtB,IAA8BF,KAApC;EAEA,oBACE;IAAK,SAAS,EAAEI,gBAAA,CAAMiC;EAAtB,gBACE,6BAAC,OAAD,eAAaf,OAAb;IAAsB,IAAI,EAAEpB;EAA5B,GADF,eAEE,6BAAC,UAAD,EAAgB+B,UAAhB,CAFF,CADF;AAMD,CATD;;AAWAG,aAAa,CAAC5B,SAAd,2CAA0B;EACxBc,OAAO,EAAEZ,kBAAA,CAAU4B,KAAV,CAAgBtB,OAAO,CAACR,SAAxB,EAAmCO,UADpB;EAExBkB,UAAU,EAAEvB,kBAAA,CAAU4B,KAAV,CAAgBN,UAAU,CAACxB,SAA3B,EAAsCO,UAF1B;EAGxBb,IAAI,EAAEQ,kBAAA,CAAUC;AAHQ,CAA1B;eAMeyB,a"}
+{"version":3,"file":"learner.js","names":["LearnerHeaderWrapper","props","children","mode","onClick","style","contentWrapperScorm","backIcon","contentWrapper","propTypes","Link","PropTypes","string","oneOfType","arrayOf","node","isRequired","Content","title","details","context","skin","primarySkinColor","content","contentDetails","color","classnames","contentTitle","innerHTML","__html","contextTypes","Provider","childContextTypes","Subcontent","subcontent","subcontentDetails","subcontentTitle","LearnerHeader","wrapper","shape"],"sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"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 LearnerHeaderWrapper = props => {\n  const {children, mode, onClick} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.contentWrapperScorm}>\n        <div className={style.backIcon} />\n        {children}\n      </div>\n    );\n  return (\n    <Link onClick={onClick} className={style.contentWrapper}>\n      <BackIcon className={style.backIcon} />\n      {children}\n    </Link>\n  );\n};\n\nLearnerHeaderWrapper.propTypes = {\n  onClick: Link.propTypes.onClick,\n  mode: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nconst Content = ({onClick, title, details, mode}, context) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <LearnerHeaderWrapper mode={mode} onClick={onClick}>\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    </LearnerHeaderWrapper>\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  mode: 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, mode} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <Content {...content} mode={mode} />\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  mode: PropTypes.string\n};\n\nexport default LearnerHeader;\n"],"mappings":"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"}

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

@@ -23,6 +23,7 @@
 
 .backIcon {
   composes: backIcon from './style.css';
+  color: inherit;
 }
 
 .contentTitle {

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

@@ -24,8 +24,7 @@ const Content = ({
   onClick: onClick,
   className: _microlearning.default.content
 }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowLeft, {
-  className: _microlearning.default.backIcon,
-  color: "inherit"
+  className: _microlearning.default.backIcon
 }), /*#__PURE__*/_react.default.createElement("div", {
   "data-name": "contentTitle",
   className: (0, _classnames.default)(_microlearning.default.contentTitle, _microlearning.default.innerHTML) // eslint-disable-next-line react/no-danger

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

@@ -1 +1 @@
-{"version":3,"file":"microlearning.js","names":["Content","onClick","title","context","style","content","backIcon","classnames","contentTitle","innerHTML","__html","propTypes","Link","PropTypes","node","MicrolearningHeader","props","shape","string","isRequired"],"sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"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"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;EAACC,OAAD;EAAUC;AAAV,CAAD,EAAmBC,OAAnB,kBACd,6BAAC,aAAD;EAAM,OAAO,EAAEF,OAAf;EAAwB,SAAS,EAAEG,sBAAA,CAAMC;AAAzC,gBACE,6BAAC,6CAAD;EAAU,SAAS,EAAED,sBAAA,CAAME,QAA3B;EAAqC,KAAK,EAAC;AAA3C,EADF,eAEE;EACE,aAAU,cADZ;EAEE,SAAS,EAAE,IAAAC,mBAAA,EAAWH,sBAAA,CAAMI,YAAjB,EAA+BJ,sBAAA,CAAMK,SAArC,CAFb,CAGE;EAHF;EAIE,uBAAuB,EAAE;IAACC,MAAM,EAAER;EAAT;AAJ3B,EAFF,CADF;;AAYAF,OAAO,CAACW,SAAR,2CAAoB;EAClBV,OAAO,EAAEW,aAAA,CAAKD,SAAL,CAAeV,OADN;EAElBC,KAAK,EAAEW,kBAAA,CAAUC;AAFC,CAApB;;AAKA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQb,OAAR,KAAoB;EAC9C,MAAM;IAACE;EAAD,IAAYW,KAAlB;EACA,oBAAO,6BAAC,OAAD,EAAaX,OAAb,CAAP;AACD,CAHD;;AAKAU,mBAAmB,CAACJ,SAApB,2CAAgC;EAC9BN,OAAO,EAAEQ,kBAAA,CAAUI,KAAV,CAAgB;IACvBhB,OAAO,EAAEW,aAAA,CAAKD,SAAL,CAAeV,OADD;IAEvBC,KAAK,EAAEW,kBAAA,CAAUK,MAAV,CAAiBC;EAFD,CAAhB;AADqB,CAAhC;eAOeJ,mB"}
+{"version":3,"file":"microlearning.js","names":["Content","onClick","title","context","style","content","backIcon","classnames","contentTitle","innerHTML","__html","propTypes","Link","PropTypes","node","MicrolearningHeader","props","shape","string","isRequired"],"sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"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} />\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"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;EAACC,OAAD;EAAUC;AAAV,CAAD,EAAmBC,OAAnB,kBACd,6BAAC,aAAD;EAAM,OAAO,EAAEF,OAAf;EAAwB,SAAS,EAAEG,sBAAA,CAAMC;AAAzC,gBACE,6BAAC,6CAAD;EAAU,SAAS,EAAED,sBAAA,CAAME;AAA3B,EADF,eAEE;EACE,aAAU,cADZ;EAEE,SAAS,EAAE,IAAAC,mBAAA,EAAWH,sBAAA,CAAMI,YAAjB,EAA+BJ,sBAAA,CAAMK,SAArC,CAFb,CAGE;EAHF;EAIE,uBAAuB,EAAE;IAACC,MAAM,EAAER;EAAT;AAJ3B,EAFF,CADF;;AAYAF,OAAO,CAACW,SAAR,2CAAoB;EAClBV,OAAO,EAAEW,aAAA,CAAKD,SAAL,CAAeV,OADN;EAElBC,KAAK,EAAEW,kBAAA,CAAUC;AAFC,CAApB;;AAKA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQb,OAAR,KAAoB;EAC9C,MAAM;IAACE;EAAD,IAAYW,KAAlB;EACA,oBAAO,6BAAC,OAAD,EAAaX,OAAb,CAAP;AACD,CAHD;;AAKAU,mBAAmB,CAACJ,SAApB,2CAAgC;EAC9BN,OAAO,EAAEQ,kBAAA,CAAUI,KAAV,CAAgB;IACvBhB,OAAO,EAAEW,aAAA,CAAKD,SAAL,CAAeV,OADD;IAEvBC,KAAK,EAAEW,kBAAA,CAAUK,MAAV,CAAiBC;EAFD,CAAhB;AADqB,CAAhC;eAOeJ,mB"}

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

@@ -113,7 +113,9 @@ const AssistanceLink = (props, context) => {
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineInterfaceFeedbackInterfaceAlertCircle, {
     className: _style.default.alertIcon,
-    color: white
+    style: {
+      color: white
+    }
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.titleLink
   }, " ", title, " "));
@@ -142,8 +144,7 @@ const Question = ({
 }), /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.answerWrapper
 }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
-  className: _style.default.checkIcon,
-  color: "inherit"
+  className: _style.default.checkIcon
 }), answerPrefix ? /*#__PURE__*/_react.default.createElement("span", {
   className: _style.default.answerPrefix
 }, answerPrefix) : null, /*#__PURE__*/_react.default.createElement("span", {

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","color","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","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} style={{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} />\n      {answerPrefix ? <span className={style.answerPrefix}>{answerPrefix}</span> : null}\n      <span\n        className={classnames(style.answer, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: answer}}\n      />\n    </div>\n  </div>\n);\n\nQuestion.propTypes = {\n  header: PropTypes.string,\n  answerPrefix: PropTypes.string,\n  answer: PropTypes.string\n};\n\nclass PopinCorrection extends Component {\n  static propTypes = {\n    resources: Resources.propTypes.resources,\n    overlay: ResourceBrowser.propTypes.overlay,\n    assistanceLink: PropTypes.shape(AssistanceLink.propTypes),\n    header: PropTypes.shape(omit(['animated'], Header.propTypes)),\n    extraLifeGranted: Header.propTypes.extraLifeGranted,\n    gameOver: Header.propTypes.gameOver,\n    question: PropTypes.shape(Question.propTypes),\n    klf: PropTypes.shape(SimpleText.propTypes),\n    tips: PropTypes.shape(SimpleText.propTypes),\n    onClick: Accordion.propTypes.onClick,\n    quit: PropTypes.shape({\n      cta: PropTypes.shape({\n        ...Link.propTypes,\n        title: PropTypes.string\n      })\n    }),\n    onOpen: PropTypes.func,\n    popinError: PropTypes.shape(CMPopin.propTypes)\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {open: false};\n    this.initWrapper = this.initWrapper.bind(this);\n  }\n\n  componentDidMount() {\n    this.deferOpen();\n  }\n\n  deferOpen() {\n    clearTimeout(this.deferedOpen);\n\n    this.deferedOpen = defer(() => {\n      const {onOpen} = this.props;\n      this.setState({open: true});\n      onOpen && onOpen();\n    });\n  }\n\n  initWrapper(wrapper) {\n    this.wrapper = wrapper;\n  }\n\n  render() {\n    const {\n      header = {},\n      extraLifeGranted,\n      gameOver,\n      question,\n      overlay,\n      resources,\n      klf,\n      tips,\n      onClick,\n      quit = {},\n      assistanceLink = {},\n      popinError\n    } = this.props;\n\n    const {open} = this.state;\n\n    const {skin} = this.context;\n    const primary = getOr('#f0f', 'common.primary', skin);\n\n    const tabs = extractTabs({resources, klf, tips});\n    const isLoading = isNil(header.failed);\n    const className = open ? style.finalBackground : style.initialBackground;\n    const {title, ...linkProps} = quit.cta || {};\n\n    const quitCta =\n      title || extraLifeGranted ? (\n        <Link\n          {...linkProps}\n          style={{\n            color: primary\n          }}\n          className={extraLifeGranted ? style.hideQuitCta : style.quitCta}\n          data-name=\"nextLink\"\n          data-popin=\"popinCorrection\"\n          data-next=\"quit-with-extra-life\"\n        >\n          {title}\n        </Link>\n      ) : null;\n\n    return (\n      <div ref={this.initWrapper} className={className} data-name=\"popinCorrection\">\n        {popinError ? <CMPopin {...popinError} /> : null}\n        <div className={style.scrollWrapper}>\n          <div className={isLoading ? style.loadingWrapper : style.wrapper}>\n            <div className={isLoading ? style.loadingContent : style.content}>\n              <Header\n                {...header}\n                gameOver={gameOver}\n                extraLifeGranted={extraLifeGranted}\n                animated\n              />\n              <Question {...question} />\n              <Accordion tabProps={tabs} onClick={onClick} oneTabOnly>\n                {isEmpty(getOr([], 'value', resources)) ? null : (\n                  <Resources resources={resources} overlay={overlay} />\n                )}\n                {klf.value ? <SimpleText text={klf.value} /> : null}\n                {tips.value ? <SimpleText text={tips.value} /> : null}\n              </Accordion>\n            </div>\n            {quitCta}\n            <AssistanceLink {...assistanceLink} />\n          </div>\n          {isLoading ? <Loader className={style.activeLoader} /> : null}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PopinCorrection;\n"],"mappings":"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"}

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

@@ -130,6 +130,7 @@
   width: 14px;
   height: 14px;
   margin-right: 8px;
+  color: inherit;
 }
 
 .answerPrefix {

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

@@ -203,7 +203,9 @@ const CommentConfirmation = (props, context) => {
     className: _summary.default.commentSectionIconWrapper
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusCheckCircle2, {
     className: _summary.default.commentSectionIcon,
-    color: dark
+    style: {
+      color: dark
+    }
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: _summary.default.commentSectionTexts
   }, /*#__PURE__*/_react.default.createElement("p", null, commentSectionTitle), /*#__PURE__*/_react.default.createElement(_link.default, {

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

@@ -1 +1 @@
-{"version":3,"file":"summary.js","names":["Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","style","simpleWrapper","simpleTexts","simplePrefix","classnames","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","PropTypes","string","shape","Button","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","CardsList","Subscribe","description","subscribeWrapper","subscribeTexts","subscribeDescription","subscribeTitle","subscribeButtonWrapper","subscribeButton","submitValue","actions","simple","subscribe","nextCourse","Action","type","actionProps","Type","oneOf","CardsLoader","loaderWrapper","CommentConfirmation","context","onClick","commentSectionTitle","confirmationLinkText","skin","dark","commentSection","commentSectionIconWrapper","commentSectionIcon","commentSectionTexts","commentSectionLink","node","Link","children","contextTypes","Provider","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Discussion","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","mode","primary","commentView","discussionWrapper","footerView","feedbackView","failed","summaryWrapper","BackgroundScorm","organismPlayerResultContainerScorm","animationContainer","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","animationControl","lottie","ie11Backup","background","largeCircle","mediumCircle","smallCircle","content","PopinHeader","href","func","isRequired","Feedback"],"sources":["../../../../src/template/app-player/popin-end/summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport PopinHeader from '../popin-header';\nimport AtomLottieWrapper from '../../../atom/lottie-wrapper';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n      <div className={style.simpleTexts}>\n        <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n          {prefix}\n        </span>\n        <span\n          data-name=\"simpleTitle\"\n          className={classnames(style.simpleTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n      <Button\n        {...linkProps}\n        type=\"link\"\n        style={{\n          backgroundColor: color\n        }}\n        className={style.simpleButton}\n        submitValue={buttonTitle}\n      />\n    </div>\n  );\n};\nSimpleAction.propTypes = {\n  color: PropTypes.string,\n  prefix: PropTypes.string,\n  title: PropTypes.string,\n  button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n  <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n    <div className={style.nextCourseTexts}>\n      <div className={style.nextCoursePrefix}>{prefix}</div>\n      <div\n        className={classnames(style.nextCourseTitle, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n    </div>\n    <div className={style.nextCourseCard}>\n      <Card {...card} dataName={'popin-end-next-course'} />\n    </div>\n  </div>\n);\nNextCourse.propTypes = {\n  title: PropTypes.string,\n  prefix: PropTypes.string,\n  card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div className={style.subscribeWrapper}>\n      <div className={style.subscribeTexts}>\n        <div className={style.subscribeDescription}>{description}</div>\n        <div\n          className={classnames(style.subscribeTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.subscribeButtonWrapper}>\n          <Button\n            {...linkProps}\n            type=\"link\"\n            className={style.subscribeButton}\n            submitValue={buttonTitle}\n          />\n        </div>\n      </div>\n      <div>\n        <Card {...card} dataName={'popin-end-subscribe'} />\n      </div>\n    </div>\n  );\n};\n\nSubscribe.propTypes = {\n  ...Button.propTypes.propTypes,\n  title: Button.propTypes.submitValue\n};\n\nconst actions = {\n  simple: SimpleAction,\n  subscribe: Subscribe,\n  nextCourse: NextCourse\n};\n\nconst Action = props => {\n  const {type, ...actionProps} = props;\n  const Type = get(type, actions);\n\n  return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n  type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n  <div className={style.loaderWrapper}>\n    <Loader />\n  </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n  const {onClick, commentSectionTitle, confirmationLinkText} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.commentSection}>\n      <div className={style.commentSectionIconWrapper}>\n        <CheckIcon className={style.commentSectionIcon} color={dark} />\n      </div>\n      <div className={style.commentSectionTexts}>\n        <p>{commentSectionTitle}</p>\n        <Link onClick={onClick} className={style.commentSectionLink}>\n          {confirmationLinkText}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nCommentConfirmation.propTypes = {\n  commentSectionTitle: PropTypes.node,\n  confirmationLinkText: Link.propTypes.children,\n  onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n  const {isSent, edition, confirmation} = props;\n  if (isSent) {\n    const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n    return (\n      <CommentConfirmation\n        onClick={onClick}\n        commentSectionTitle={commentSectionTitle}\n        confirmationLinkText={confirmationLinkText}\n      />\n    );\n  }\n\n  return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n  isSent: PropTypes.bool,\n  edition: PropTypes.shape(Discussion.propTypes),\n  confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n  const {cards} = props;\n\n  return get('cards', props) === null ? (\n    <CardsLoader />\n  ) : (\n    (isEmpty(cards) ? null : (\n      <div className={style.cardsWrapper}>\n        <CardsList {...props} dataName={'popin-end-recommendation'} />\n      </div>\n    )) || null\n  );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n  <Link\n    {...linkProps}\n    style={{\n      color\n    }}\n    className={style.footer}\n    data-name=\"nextLink\"\n    data-popin=\"popinEnd\"\n    data-next=\"home\"\n  >\n    {title}\n  </Link>\n);\n\nFooter.propTypes = {\n  ...Link.propTypes,\n  title: Link.propTypes.children,\n  color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n  const {header, recommendation, comment, footer, action, feedback, mode} = props;\n  const {skin} = context;\n  const primary = getOr('#f0f', 'common.primary', skin);\n  const commentView =\n    mode !== 'scorm' && comment && header ? (\n      <div className={style.discussionWrapper}>\n        <CommentSection {...comment} />\n      </div>\n    ) : null;\n  const footerView =\n    mode !== 'scorm' && footer && header ? <Footer {...footer} color={primary} /> : null;\n  const feedbackView = feedback ? <Feedback {...feedback} mode={mode} /> : null;\n\n  return (\n    <BackgroundScorm mode={mode} failed={header.failed}>\n      <div className={mode !== 'scorm' ? style.summaryWrapper : null}>\n        <Header {...header} mode={mode} />\n        {feedbackView}\n        <Action {...action} color={primary} />\n        <Cards {...recommendation} />\n        {commentView}\n        {footerView}\n      </div>\n    </BackgroundScorm>\n  );\n};\n\nconst BackgroundScorm = props => {\n  const {mode = 'default', children, failed} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.organismPlayerResultContainerScorm}>\n        {failed === false ? (\n          <div className={style.animationContainer}>\n            <AtomLottieWrapper\n              {...{\n                'aria-label': 'aria lottie',\n                'data-name': 'default-lottie',\n                className: undefined,\n                animationSrc:\n                  'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n                loop: undefined,\n                autoplay: true,\n                rendererSettings: {\n                  hideOnTransparent: false,\n                  animationClassName: ''\n                },\n                animationControl: undefined\n              }}\n              loop={false}\n              animationControl={'play'}\n              autoplay\n              data-name=\"lottie-wrapper\"\n              className={style.lottie}\n              backupImageClassName={style.ie11Backup}\n            />\n          </div>\n        ) : null}\n        <div className={style.background}>\n          <div className={style.largeCircle} />\n          <div className={style.mediumCircle} />\n          <div className={style.smallCircle} />\n        </div>\n        <div className={style.content}>{children}</div>\n      </div>\n    );\n  return children;\n};\n\nSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n  header: PropTypes.shape(PopinHeader.propTypes),\n  footer: PropTypes.shape({\n    title: PropTypes.string,\n    href: Link.propTypes.href,\n    onClick: PropTypes.func\n  }),\n  comment: PropTypes.shape(CommentSection.propTypes),\n  action: PropTypes.shape({\n    type: PropTypes.oneOf(keys(actions)).isRequired\n  }),\n  recommendation: PropTypes.shape(CardsList.propTypes),\n  feedback: PropTypes.shape(Feedback.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default Summary;\n"],"mappings":"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"}
+{"version":3,"file":"summary.js","names":["Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","style","simpleWrapper","simpleTexts","simplePrefix","classnames","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","PropTypes","string","shape","Button","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","CardsList","Subscribe","description","subscribeWrapper","subscribeTexts","subscribeDescription","subscribeTitle","subscribeButtonWrapper","subscribeButton","submitValue","actions","simple","subscribe","nextCourse","Action","type","actionProps","Type","oneOf","CardsLoader","loaderWrapper","CommentConfirmation","context","onClick","commentSectionTitle","confirmationLinkText","skin","dark","commentSection","commentSectionIconWrapper","commentSectionIcon","commentSectionTexts","commentSectionLink","node","Link","children","contextTypes","Provider","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Discussion","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","mode","primary","commentView","discussionWrapper","footerView","feedbackView","failed","summaryWrapper","BackgroundScorm","organismPlayerResultContainerScorm","animationContainer","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","animationControl","lottie","ie11Backup","background","largeCircle","mediumCircle","smallCircle","content","PopinHeader","href","func","isRequired","Feedback"],"sources":["../../../../src/template/app-player/popin-end/summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport PopinHeader from '../popin-header';\nimport AtomLottieWrapper from '../../../atom/lottie-wrapper';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n      <div className={style.simpleTexts}>\n        <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n          {prefix}\n        </span>\n        <span\n          data-name=\"simpleTitle\"\n          className={classnames(style.simpleTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n      <Button\n        {...linkProps}\n        type=\"link\"\n        style={{\n          backgroundColor: color\n        }}\n        className={style.simpleButton}\n        submitValue={buttonTitle}\n      />\n    </div>\n  );\n};\nSimpleAction.propTypes = {\n  color: PropTypes.string,\n  prefix: PropTypes.string,\n  title: PropTypes.string,\n  button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n  <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n    <div className={style.nextCourseTexts}>\n      <div className={style.nextCoursePrefix}>{prefix}</div>\n      <div\n        className={classnames(style.nextCourseTitle, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n    </div>\n    <div className={style.nextCourseCard}>\n      <Card {...card} dataName={'popin-end-next-course'} />\n    </div>\n  </div>\n);\nNextCourse.propTypes = {\n  title: PropTypes.string,\n  prefix: PropTypes.string,\n  card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div className={style.subscribeWrapper}>\n      <div className={style.subscribeTexts}>\n        <div className={style.subscribeDescription}>{description}</div>\n        <div\n          className={classnames(style.subscribeTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.subscribeButtonWrapper}>\n          <Button\n            {...linkProps}\n            type=\"link\"\n            className={style.subscribeButton}\n            submitValue={buttonTitle}\n          />\n        </div>\n      </div>\n      <div>\n        <Card {...card} dataName={'popin-end-subscribe'} />\n      </div>\n    </div>\n  );\n};\n\nSubscribe.propTypes = {\n  ...Button.propTypes.propTypes,\n  title: Button.propTypes.submitValue\n};\n\nconst actions = {\n  simple: SimpleAction,\n  subscribe: Subscribe,\n  nextCourse: NextCourse\n};\n\nconst Action = props => {\n  const {type, ...actionProps} = props;\n  const Type = get(type, actions);\n\n  return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n  type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n  <div className={style.loaderWrapper}>\n    <Loader />\n  </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n  const {onClick, commentSectionTitle, confirmationLinkText} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.commentSection}>\n      <div className={style.commentSectionIconWrapper}>\n        <CheckIcon className={style.commentSectionIcon} style={{color: dark}} />\n      </div>\n      <div className={style.commentSectionTexts}>\n        <p>{commentSectionTitle}</p>\n        <Link onClick={onClick} className={style.commentSectionLink}>\n          {confirmationLinkText}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nCommentConfirmation.propTypes = {\n  commentSectionTitle: PropTypes.node,\n  confirmationLinkText: Link.propTypes.children,\n  onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n  const {isSent, edition, confirmation} = props;\n  if (isSent) {\n    const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n    return (\n      <CommentConfirmation\n        onClick={onClick}\n        commentSectionTitle={commentSectionTitle}\n        confirmationLinkText={confirmationLinkText}\n      />\n    );\n  }\n\n  return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n  isSent: PropTypes.bool,\n  edition: PropTypes.shape(Discussion.propTypes),\n  confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n  const {cards} = props;\n\n  return get('cards', props) === null ? (\n    <CardsLoader />\n  ) : (\n    (isEmpty(cards) ? null : (\n      <div className={style.cardsWrapper}>\n        <CardsList {...props} dataName={'popin-end-recommendation'} />\n      </div>\n    )) || null\n  );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n  <Link\n    {...linkProps}\n    style={{\n      color\n    }}\n    className={style.footer}\n    data-name=\"nextLink\"\n    data-popin=\"popinEnd\"\n    data-next=\"home\"\n  >\n    {title}\n  </Link>\n);\n\nFooter.propTypes = {\n  ...Link.propTypes,\n  title: Link.propTypes.children,\n  color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n  const {header, recommendation, comment, footer, action, feedback, mode} = props;\n  const {skin} = context;\n  const primary = getOr('#f0f', 'common.primary', skin);\n  const commentView =\n    mode !== 'scorm' && comment && header ? (\n      <div className={style.discussionWrapper}>\n        <CommentSection {...comment} />\n      </div>\n    ) : null;\n  const footerView =\n    mode !== 'scorm' && footer && header ? <Footer {...footer} color={primary} /> : null;\n  const feedbackView = feedback ? <Feedback {...feedback} mode={mode} /> : null;\n\n  return (\n    <BackgroundScorm mode={mode} failed={header.failed}>\n      <div className={mode !== 'scorm' ? style.summaryWrapper : null}>\n        <Header {...header} mode={mode} />\n        {feedbackView}\n        <Action {...action} color={primary} />\n        <Cards {...recommendation} />\n        {commentView}\n        {footerView}\n      </div>\n    </BackgroundScorm>\n  );\n};\n\nconst BackgroundScorm = props => {\n  const {mode = 'default', children, failed} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.organismPlayerResultContainerScorm}>\n        {failed === false ? (\n          <div className={style.animationContainer}>\n            <AtomLottieWrapper\n              {...{\n                'aria-label': 'aria lottie',\n                'data-name': 'default-lottie',\n                className: undefined,\n                animationSrc:\n                  'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n                loop: undefined,\n                autoplay: true,\n                rendererSettings: {\n                  hideOnTransparent: false,\n                  animationClassName: ''\n                },\n                animationControl: undefined\n              }}\n              loop={false}\n              animationControl={'play'}\n              autoplay\n              data-name=\"lottie-wrapper\"\n              className={style.lottie}\n              backupImageClassName={style.ie11Backup}\n            />\n          </div>\n        ) : null}\n        <div className={style.background}>\n          <div className={style.largeCircle} />\n          <div className={style.mediumCircle} />\n          <div className={style.smallCircle} />\n        </div>\n        <div className={style.content}>{children}</div>\n      </div>\n    );\n  return children;\n};\n\nSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n  header: PropTypes.shape(PopinHeader.propTypes),\n  footer: PropTypes.shape({\n    title: PropTypes.string,\n    href: Link.propTypes.href,\n    onClick: PropTypes.func\n  }),\n  comment: PropTypes.shape(CommentSection.propTypes),\n  action: PropTypes.shape({\n    type: PropTypes.oneOf(keys(actions)).isRequired\n  }),\n  recommendation: PropTypes.shape(CardsList.propTypes),\n  feedback: PropTypes.shape(Feedback.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default Summary;\n"],"mappings":"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"}

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

@@ -124,7 +124,9 @@ const Rank = ({
     className: _style.default.iconBubble
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCharts, {
     className: _style.default.icon,
-    color: positive
+    style: {
+      color: positive
+    }
   }))), /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.iconText
   }, /*#__PURE__*/_react.default.createElement(_animation.default, {
@@ -167,7 +169,9 @@ const Stars = ({
     className: _style.default.iconBubble
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyStar, {
     className: _style.default.icon,
-    color: positive
+    style: {
+      color: positive
+    }
   }))), /*#__PURE__*/_react.default.createElement("span", {
     "data-name": "iconText",
     className: _style.default.iconText
@@ -400,7 +404,6 @@ const NextQuestionPart = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.nextButton
   }, title, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
-    color: "inherit",
     className: _style.default.nextButtonIcon
   })), nextStep)) : null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["separator","index","style","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","classnames","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","PropTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","iconText","EASE_OUT_CUBIC","progress","Animation","contextTypes","Provider","childContextTypes","Stars","stars","Lifes","lives","revival","life","Life","count","IconsPart","props","iconsWrapper","AnimationScheduler","buildClass","success","loading","scormStyle","mode","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","Link","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"sources":["../../../../src/template/app-player/popin-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  compact,\n  flatten,\n  get,\n  isNil,\n  pipe,\n  times,\n  zip,\n  round,\n  parseInt as _parseInt,\n  multiply,\n  isEmpty\n} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n  <span key={index} className={style.answerSeparator}>\n    /\n  </span>\n);\n\nconst joinBySeparator = elements => {\n  const separators = times(separator, elements.length - 1);\n  return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n  const answers = corrections.map((correction, index) => {\n    const key = `answer_${index}`;\n    return (\n      <span\n        key={key}\n        data-name=\"answer\"\n        data-correct={correction.isCorrect}\n        className={classnames(\n          correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: correction.answer}}\n      />\n    );\n  }, corrections);\n  return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n  corrections: PropTypes.arrayOf(\n    PropTypes.shape({\n      answer: PropTypes.string.isRequired,\n      isCorrect: PropTypes.bool.isRequired\n    })\n  )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(rank)) return null;\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <ChartsIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nRank.propTypes = {\n  failed: PropTypes.bool,\n  rank: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(stars)) return null;\n\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <StarIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span data-name=\"iconText\" className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nStars.propTypes = {\n  failed: PropTypes.bool,\n  stars: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n  if (isNil(lives)) return null;\n\n  return (\n    <Life\n      failed={failed}\n      count={lives}\n      animated={animated}\n      revival={revival}\n      className={style.life}\n    />\n  );\n};\n\nLifes.propTypes = {\n  lives: Life.propTypes.count,\n  failed: Life.propTypes.failed,\n  animated: Life.propTypes.animated,\n  revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n  const {lives, failed, stars, rank, animated, revival} = props;\n  return (\n    <AnimationScheduler animated>\n      <div className={style.iconsWrapper}>\n        <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n        <AnimationAdapter name=\"stars\">\n          <Stars stars={stars} fail={failed} />\n        </AnimationAdapter>\n        <AnimationAdapter name=\"rank\" after=\"stars\">\n          <Rank rank={rank} fail={failed} />\n        </AnimationAdapter>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nIconsPart.propTypes = {\n  lives: Lifes.propTypes.lives,\n  failed: Lifes.propTypes.failed,\n  stars: Stars.propTypes.stars,\n  rank: Rank.propTypes.rank,\n  animated: AnimationScheduler.propTypes.animated,\n  revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {\n  if (loading && isNil(value)) return loading;\n  if (mode === 'scorm') return scormStyle;\n  return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n  if (extraLifeGranted) {\n    return style.oneMoreLife;\n  } else if (gameOver) {\n    return style.gameOver;\n  } else {\n    return null;\n  }\n};\nconst renderIconStatusScorm = failed => {\n  return (\n    <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n      {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n    </div>\n  );\n};\nconst buildDefaultOrScormStyle = (\n  defaultStyle,\n  styleScorm,\n  failed,\n  mode = 'default',\n  failedStyle = null\n) => {\n  if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n  if (mode === 'scorm') return styleScorm;\n  return defaultStyle;\n};\nconst CorrectionPart = props => {\n  const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n  const isLoading = isNil(failed);\n  const className = buildClass(\n    failed,\n    stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n    gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n    style.correctionSectionLoading,\n    style.resultContenantContainerScorm,\n    mode\n  );\n  return (\n    <div data-name=\"correctionSection\" className={className}>\n      {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n      <div\n        className={buildDefaultOrScormStyle(\n          style.titlesWrapper,\n          style.titlesWrapperScorm,\n          failed,\n          mode\n        )}\n      >\n        {isLoading ? <Loader /> : null}\n        <h1\n          data-name=\"title\"\n          className={buildDefaultOrScormStyle(\n            classnames(style.title, style.innerHTML),\n            style.resultTitleScorm,\n            failed,\n            mode\n          )}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <h2\n          className={buildDefaultOrScormStyle(\n            style.subtitle,\n            style.resultSubtitleScorm,\n            failed,\n            mode,\n            style.statusPlayerResultFailScorm\n          )}\n        >\n          {subtitle}\n        </h2>\n        {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n      </div>\n      {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n    </div>\n  );\n};\n\nCorrectionPart.propTypes = {\n  ...IconsPart.propTypes,\n  failed: PropTypes.bool,\n  corrections: AnswersCorrection.propTypes.corrections,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  stars: PropTypes.string,\n  rank: PropTypes.string,\n  gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n  const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n  const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n  let dataNext;\n\n  switch (type) {\n    case 'popinCorrection': {\n      if (gameOver) {\n        dataNext = 'game-over';\n      } else if (failed) {\n        if (lives > 0) {\n          dataNext = 'continue-failure';\n        } else if (extraLifeGranted) {\n          dataNext = 'continue-used-extra-life';\n        }\n      } else {\n        dataNext = 'continue-success';\n      }\n      break;\n    }\n\n    case 'popinEnd': {\n      if (failed) {\n        dataNext = 'redo-content';\n      } else if (showNextLevel) {\n        dataNext = 'next-level';\n      } else {\n        dataNext = 'home';\n      }\n    }\n  }\n\n  const nextStep = nextStepTitle ? (\n    <div\n      className={classnames(\n        gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n        style.innerHTML\n      )}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: nextStepTitle}}\n    />\n  ) : null;\n\n  return mode !== 'scorm' ? (\n    <Link\n      {...linkProps}\n      className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n      data-name=\"nextLink\"\n      data-popin={type}\n      data-next={dataNext}\n    >\n      <div className={style.wrapperNextSection}>\n        <div className={style.nextButton}>\n          {title}\n          <ArrowRight color=\"inherit\" className={style.nextButtonIcon} />\n        </div>\n        {nextStep}\n      </div>\n    </Link>\n  ) : null;\n};\n\nNextQuestionPart.propTypes = {\n  cta: PropTypes.shape({\n    ...Link.propTypes,\n    title: PropTypes.string,\n    nextStepTitle: PropTypes.string,\n    showNextLevel: PropTypes.bool\n  }),\n  type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n  extraLifeGranted: PropTypes.bool,\n  gameOver: PropTypes.bool,\n  failed: PropTypes.bool,\n  lives: PropTypes.number,\n  mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n  const {\n    animated,\n    failed,\n    title,\n    subtitle,\n    lives,\n    stars,\n    rank,\n    corrections,\n    cta,\n    extraLifeGranted,\n    gameOver = false,\n    type,\n    mode = 'default'\n  } = props;\n  const state = buildClass(failed, 'success', 'failed', null);\n\n  const nextLink = cta ? (\n    <NextQuestionPart\n      cta={cta}\n      type={type}\n      extraLifeGranted={extraLifeGranted}\n      failed={failed}\n      gameOver={gameOver}\n      lives={lives}\n      mode={mode}\n    />\n  ) : null;\n\n  return (\n    <div\n      className={classnames(\n        mode === 'scorm' && style.scorm,\n        cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n      )}\n      data-name=\"popinHeader\"\n      data-state={state}\n    >\n      <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n        <CorrectionPart\n          title={title}\n          subtitle={subtitle}\n          lives={lives}\n          animated={animated}\n          stars={stars}\n          rank={rank}\n          failed={failed}\n          gameOver={gameOver}\n          revival={extraLifeGranted}\n          corrections={corrections}\n          mode={mode}\n        />\n        {nextLink}\n      </div>\n    </div>\n  );\n};\n\nPopinHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n  cta: NextQuestionPart.propTypes.cta,\n  type: NextQuestionPart.propTypes.type,\n  extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n  failed: NextQuestionPart.propTypes.failed,\n  gameOver: NextQuestionPart.propTypes.gameOver,\n  lives: NextQuestionPart.propTypes.lives,\n  title: CorrectionPart.propTypes.title,\n  subtitle: CorrectionPart.propTypes.subtitle,\n  animated: CorrectionPart.propTypes.animated,\n  stars: CorrectionPart.propTypes.stars,\n  rank: CorrectionPart.propTypes.rank,\n  corrections: CorrectionPart.propTypes.corrections,\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["separator","index","style","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","classnames","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","PropTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","color","iconText","EASE_OUT_CUBIC","progress","Animation","contextTypes","Provider","childContextTypes","Stars","stars","Lifes","lives","revival","life","Life","count","IconsPart","props","iconsWrapper","AnimationScheduler","buildClass","success","loading","scormStyle","mode","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","Link","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"sources":["../../../../src/template/app-player/popin-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  compact,\n  flatten,\n  get,\n  isNil,\n  pipe,\n  times,\n  zip,\n  round,\n  parseInt as _parseInt,\n  multiply,\n  isEmpty\n} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n  <span key={index} className={style.answerSeparator}>\n    /\n  </span>\n);\n\nconst joinBySeparator = elements => {\n  const separators = times(separator, elements.length - 1);\n  return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n  const answers = corrections.map((correction, index) => {\n    const key = `answer_${index}`;\n    return (\n      <span\n        key={key}\n        data-name=\"answer\"\n        data-correct={correction.isCorrect}\n        className={classnames(\n          correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: correction.answer}}\n      />\n    );\n  }, corrections);\n  return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n  corrections: PropTypes.arrayOf(\n    PropTypes.shape({\n      answer: PropTypes.string.isRequired,\n      isCorrect: PropTypes.bool.isRequired\n    })\n  )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(rank)) return null;\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <ChartsIcon className={style.icon} style={{color: positive}} />\n          </div>\n        </Transition>\n        <span className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nRank.propTypes = {\n  failed: PropTypes.bool,\n  rank: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(stars)) return null;\n\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <StarIcon className={style.icon} style={{color: positive}} />\n          </div>\n        </Transition>\n        <span data-name=\"iconText\" className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nStars.propTypes = {\n  failed: PropTypes.bool,\n  stars: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n  if (isNil(lives)) return null;\n\n  return (\n    <Life\n      failed={failed}\n      count={lives}\n      animated={animated}\n      revival={revival}\n      className={style.life}\n    />\n  );\n};\n\nLifes.propTypes = {\n  lives: Life.propTypes.count,\n  failed: Life.propTypes.failed,\n  animated: Life.propTypes.animated,\n  revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n  const {lives, failed, stars, rank, animated, revival} = props;\n  return (\n    <AnimationScheduler animated>\n      <div className={style.iconsWrapper}>\n        <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n        <AnimationAdapter name=\"stars\">\n          <Stars stars={stars} fail={failed} />\n        </AnimationAdapter>\n        <AnimationAdapter name=\"rank\" after=\"stars\">\n          <Rank rank={rank} fail={failed} />\n        </AnimationAdapter>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nIconsPart.propTypes = {\n  lives: Lifes.propTypes.lives,\n  failed: Lifes.propTypes.failed,\n  stars: Stars.propTypes.stars,\n  rank: Rank.propTypes.rank,\n  animated: AnimationScheduler.propTypes.animated,\n  revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {\n  if (loading && isNil(value)) return loading;\n  if (mode === 'scorm') return scormStyle;\n  return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n  if (extraLifeGranted) {\n    return style.oneMoreLife;\n  } else if (gameOver) {\n    return style.gameOver;\n  } else {\n    return null;\n  }\n};\nconst renderIconStatusScorm = failed => {\n  return (\n    <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n      {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n    </div>\n  );\n};\nconst buildDefaultOrScormStyle = (\n  defaultStyle,\n  styleScorm,\n  failed,\n  mode = 'default',\n  failedStyle = null\n) => {\n  if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n  if (mode === 'scorm') return styleScorm;\n  return defaultStyle;\n};\nconst CorrectionPart = props => {\n  const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n  const isLoading = isNil(failed);\n  const className = buildClass(\n    failed,\n    stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n    gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n    style.correctionSectionLoading,\n    style.resultContenantContainerScorm,\n    mode\n  );\n  return (\n    <div data-name=\"correctionSection\" className={className}>\n      {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n      <div\n        className={buildDefaultOrScormStyle(\n          style.titlesWrapper,\n          style.titlesWrapperScorm,\n          failed,\n          mode\n        )}\n      >\n        {isLoading ? <Loader /> : null}\n        <h1\n          data-name=\"title\"\n          className={buildDefaultOrScormStyle(\n            classnames(style.title, style.innerHTML),\n            style.resultTitleScorm,\n            failed,\n            mode\n          )}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <h2\n          className={buildDefaultOrScormStyle(\n            style.subtitle,\n            style.resultSubtitleScorm,\n            failed,\n            mode,\n            style.statusPlayerResultFailScorm\n          )}\n        >\n          {subtitle}\n        </h2>\n        {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n      </div>\n      {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n    </div>\n  );\n};\n\nCorrectionPart.propTypes = {\n  ...IconsPart.propTypes,\n  failed: PropTypes.bool,\n  corrections: AnswersCorrection.propTypes.corrections,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  stars: PropTypes.string,\n  rank: PropTypes.string,\n  gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n  const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n  const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n  let dataNext;\n\n  switch (type) {\n    case 'popinCorrection': {\n      if (gameOver) {\n        dataNext = 'game-over';\n      } else if (failed) {\n        if (lives > 0) {\n          dataNext = 'continue-failure';\n        } else if (extraLifeGranted) {\n          dataNext = 'continue-used-extra-life';\n        }\n      } else {\n        dataNext = 'continue-success';\n      }\n      break;\n    }\n\n    case 'popinEnd': {\n      if (failed) {\n        dataNext = 'redo-content';\n      } else if (showNextLevel) {\n        dataNext = 'next-level';\n      } else {\n        dataNext = 'home';\n      }\n    }\n  }\n\n  const nextStep = nextStepTitle ? (\n    <div\n      className={classnames(\n        gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n        style.innerHTML\n      )}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: nextStepTitle}}\n    />\n  ) : null;\n\n  return mode !== 'scorm' ? (\n    <Link\n      {...linkProps}\n      className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n      data-name=\"nextLink\"\n      data-popin={type}\n      data-next={dataNext}\n    >\n      <div className={style.wrapperNextSection}>\n        <div className={style.nextButton}>\n          {title}\n          <ArrowRight className={style.nextButtonIcon} />\n        </div>\n        {nextStep}\n      </div>\n    </Link>\n  ) : null;\n};\n\nNextQuestionPart.propTypes = {\n  cta: PropTypes.shape({\n    ...Link.propTypes,\n    title: PropTypes.string,\n    nextStepTitle: PropTypes.string,\n    showNextLevel: PropTypes.bool\n  }),\n  type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n  extraLifeGranted: PropTypes.bool,\n  gameOver: PropTypes.bool,\n  failed: PropTypes.bool,\n  lives: PropTypes.number,\n  mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n  const {\n    animated,\n    failed,\n    title,\n    subtitle,\n    lives,\n    stars,\n    rank,\n    corrections,\n    cta,\n    extraLifeGranted,\n    gameOver = false,\n    type,\n    mode = 'default'\n  } = props;\n  const state = buildClass(failed, 'success', 'failed', null);\n\n  const nextLink = cta ? (\n    <NextQuestionPart\n      cta={cta}\n      type={type}\n      extraLifeGranted={extraLifeGranted}\n      failed={failed}\n      gameOver={gameOver}\n      lives={lives}\n      mode={mode}\n    />\n  ) : null;\n\n  return (\n    <div\n      className={classnames(\n        mode === 'scorm' && style.scorm,\n        cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n      )}\n      data-name=\"popinHeader\"\n      data-state={state}\n    >\n      <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n        <CorrectionPart\n          title={title}\n          subtitle={subtitle}\n          lives={lives}\n          animated={animated}\n          stars={stars}\n          rank={rank}\n          failed={failed}\n          gameOver={gameOver}\n          revival={extraLifeGranted}\n          corrections={corrections}\n          mode={mode}\n        />\n        {nextLink}\n      </div>\n    </div>\n  );\n};\n\nPopinHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n  cta: NextQuestionPart.propTypes.cta,\n  type: NextQuestionPart.propTypes.type,\n  extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n  failed: NextQuestionPart.propTypes.failed,\n  gameOver: NextQuestionPart.propTypes.gameOver,\n  lives: NextQuestionPart.propTypes.lives,\n  title: CorrectionPart.propTypes.title,\n  subtitle: CorrectionPart.propTypes.subtitle,\n  animated: CorrectionPart.propTypes.animated,\n  stars: CorrectionPart.propTypes.stars,\n  rank: CorrectionPart.propTypes.rank,\n  corrections: CorrectionPart.propTypes.corrections,\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"mappings":"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"}

package/lib/template/app-player/popin-header/style.css

@@ -359,6 +359,7 @@
   padding: 0;
   box-sizing: border-box;
   margin-left: 2px;
+  color: inherit;
 }
 
 .nextStepTitle {

package/lib/template/back-office/brand-update/index.d.ts

@@ -1513,6 +1513,35 @@ declare namespace BrandUpdate {
                 }>>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }>>;
+        }> | PropTypes.InferProps<{
+            key: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+            mainText: PropTypes.Requireable<string>;
+            subText: PropTypes.Requireable<string>;
+            imageUrl: PropTypes.Requireable<any>;
+            progressionValue: PropTypes.Requireable<number>;
+            leftButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+                ariaLabel: PropTypes.Requireable<string>;
+                dataName: PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                }>>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
+            rightButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                type: PropTypes.Requireable<string>;
+                label: PropTypes.Requireable<string>;
+                ariaLabel: PropTypes.Requireable<string>;
+                dataName: PropTypes.Requireable<string>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<{
+                    position: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                }>>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            }>>;
         }> | null | undefined>>;
         export const documentation: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;

package/lib/template/back-office/brand-update/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/brand-update/index.js"],"names":[],"mappings":";AAsLA,sDA6CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/back-office/brand-update/index.js"],"names":[],"mappings":";AAyLA,sDA6CC"}

package/lib/template/back-office/brand-update/index.js

@@ -51,6 +51,8 @@ var _buttonLinkIconOnly = _interopRequireDefault(require("../../../atom/button-l
 
 var _emptyStateDashboard = _interopRequireDefault(require("../../../molecule/empty-state-dashboard"));
 
+var _uploadingFileProgress = _interopRequireDefault(require("../../../molecule/uploading-file-progress"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -211,6 +213,9 @@ const buildContentView = content => {
 
     case 'empty-state-dashboard':
       return /*#__PURE__*/_react.default.createElement(_emptyStateDashboard.default, content);
+
+    case 'uploading-file-progress':
+      return /*#__PURE__*/_react.default.createElement(_uploadingFileProgress.default, content);
   }
 };
 
@@ -303,6 +308,9 @@ BrandUpdate.propTypes = process.env.NODE_ENV !== "production" ? {
   })), _propTypes.default.shape(_extends({}, _emptyStateDashboard.default.propTypes, {
     key: _propTypes.default.string,
     type: _propTypes.default.oneOf(['empty-state-dashboard'])
+  })), _propTypes.default.shape(_extends({}, _uploadingFileProgress.default.propTypes, {
+    key: _propTypes.default.string,
+    type: _propTypes.default.oneOf(['uploading-file-progress'])
   }))]),
   documentation: _propTypes.default.shape({
     content: _propTypes.default.string,