npm - @coorpacademy/components - Versions diffs - 10.22.5 → 10.22.8 - Mend

@coorpacademy/components 10.22.5 → 10.22.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (78) hide show

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

@@ -35,11 +35,9 @@ var _resourceBrowser = _interopRequireDefault(require("../../../organism/resourc
 var _container = _interopRequireDefault(require("../../../organism/accordion/container"));
-var _style = require("../../../atom/label/style.css");
 var _popinHeader = _interopRequireDefault(require("../popin-header"));
-var _style2 = _interopRequireDefault(require("./style.css"));
+var _style = _interopRequireDefault(require("./style.css"));
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -66,11 +64,11 @@ const Resources = ({
   resources,
   overlay
 }) => /*#__PURE__*/_react.default.createElement("div", {
-  className: _style2.default.browserWrapper
+  className: _style.default.browserWrapper
 }, /*#__PURE__*/_react.default.createElement(_resourceBrowser.default, {
   resources: resources.value,
   overlay: overlay,
-  className: _style2.default.browser
+  className: _style.default.browser
 }));
 Resources.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -84,9 +82,9 @@ const SimpleText = ({
   text
 }) => /*#__PURE__*/_react.default.createElement("div", {
   "data-name": "simpleText",
-  className: _style2.default.simpleTextWrapper
+  className: _style.default.simpleTextWrapper
 }, /*#__PURE__*/_react.default.createElement("p", {
-  className: (0, _classnames.default)(_style2.default.simpleText, _style.innerHTML) // eslint-disable-next-line react/no-danger
+  className: (0, _classnames.default)(_style.default.simpleText, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: text
@@ -108,13 +106,13 @@ const AssistanceLink = (props, context) => {
   } = context;
   const white = (0, _get2.default)('common.white', skin);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.wrapperAssistance,
+    className: _style.default.wrapperAssistance,
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineInterfaceFeedbackInterfaceAlertCircle, {
-    className: _style2.default.alertIcon,
+    className: _style.default.alertIcon,
     color: white
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: _style2.default.titleLink
+    className: _style.default.titleLink
   }, " ", title, " "));
 };
@@ -131,22 +129,22 @@ const Question = ({
   answer,
   answerPrefix
 }) => /*#__PURE__*/_react.default.createElement("div", {
-  className: _style2.default.question
+  className: _style.default.question
 }, /*#__PURE__*/_react.default.createElement("p", {
-  className: (0, _classnames.default)(_style2.default.questionHeader, _style.innerHTML) // eslint-disable-next-line react/no-danger
+  className: (0, _classnames.default)(_style.default.questionHeader, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: header
   }
 }), /*#__PURE__*/_react.default.createElement("div", {
-  className: _style2.default.answerWrapper
+  className: _style.default.answerWrapper
 }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
-  className: _style2.default.checkIcon,
+  className: _style.default.checkIcon,
   color: "inherit"
 }), answerPrefix ? /*#__PURE__*/_react.default.createElement("span", {
-  className: _style2.default.answerPrefix
+  className: _style.default.answerPrefix
 }, answerPrefix) : null, /*#__PURE__*/_react.default.createElement("span", {
-  className: (0, _classnames.default)(_style2.default.answer, _style.innerHTML) // eslint-disable-next-line react/no-danger
+  className: (0, _classnames.default)(_style.default.answer, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: answer
@@ -216,7 +214,7 @@ class PopinCorrection extends _react.Component {
       tips
     });
     const isLoading = (0, _isNil2.default)(header.failed);
-    const className = open ? _style2.default.finalBackground : _style2.default.initialBackground;
+    const className = open ? _style.default.finalBackground : _style.default.initialBackground;
     const _ref = quit.cta || {},
           {
@@ -228,7 +226,7 @@ class PopinCorrection extends _react.Component {
       style: {
         color: primary
       },
-      className: extraLifeGranted ? _style2.default.hideQuitCta : _style2.default.quitCta,
+      className: extraLifeGranted ? _style.default.hideQuitCta : _style.default.quitCta,
       "data-name": "nextLink",
       "data-popin": "popinCorrection",
       "data-next": "quit-with-extra-life"
@@ -238,11 +236,11 @@ class PopinCorrection extends _react.Component {
       className: className,
       "data-name": "popinCorrection"
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style2.default.scrollWrapper
+      className: _style.default.scrollWrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: isLoading ? _style2.default.loadingWrapper : _style2.default.wrapper
+      className: isLoading ? _style.default.loadingWrapper : _style.default.wrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: isLoading ? _style2.default.loadingContent : _style2.default.content
+      className: isLoading ? _style.default.loadingContent : _style.default.content
     }, /*#__PURE__*/_react.default.createElement(_popinHeader.default, _extends({}, header, {
       gameOver: gameOver,
       extraLifeGranted: extraLifeGranted,
@@ -259,7 +257,7 @@ class PopinCorrection extends _react.Component {
     }) : null, tips.value ? /*#__PURE__*/_react.default.createElement(SimpleText, {
       text: tips.value
     }) : null)), quitCta, /*#__PURE__*/_react.default.createElement(AssistanceLink, assistanceLink)), isLoading ? /*#__PURE__*/_react.default.createElement(_loader.default, {
-      className: _style2.default.activeLoader
+      className: _style.default.activeLoader
     }) : null));
   }

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":["extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","style","browserWrapper","value","browser","propTypes","PropTypes","shape","ResourceBrowser","SimpleText","text","simpleTextWrapper","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","Provider","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","Component","constructor","state","initWrapper","bind","componentDidMount","deferOpen","clearTimeout","deferedOpen","onOpen","setState","wrapper","render","extraLifeGranted","gameOver","klf","tips","quit","assistanceLink","primary","tabs","isLoading","failed","className","finalBackground","initialBackground","cta","linkProps","quitCta","color","hideQuitCta","scrollWrapper","loadingWrapper","loadingContent","content","activeLoader","Header","Accordion","Link"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IACvB,oBAAKA,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,EAAEC,gBAAMC;AAAtB,gBACE,6BAAC,wBAAD;AAAiB,EAAA,SAAS,EAAEH,SAAS,CAACI,KAAtC;AAA6C,EAAA,OAAO,EAAEH,OAAtD;AAA+D,EAAA,SAAS,EAAEC,gBAAMG;AAAhF,EADF,CADF;;AAMAN,SAAS,CAACO,SAAV,2CAAsB;AACpBN,EAAAA,SAAS,EAAEO,mBAAUC,KAAV,CAAgB;AACzBJ,IAAAA,KAAK,EAAEK,yBAAgBH,SAAhB,CAA0BN;AADR,GAAhB,CADS;AAIpBC,EAAAA,OAAO,EAAEQ,yBAAgBH,SAAhB,CAA0BL;AAJf,CAAtB;;AAOA,MAAMS,UAAU,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACjB;AAAK,eAAU,YAAf;AAA4B,EAAA,SAAS,EAAET,gBAAMU;AAA7C,gBACE;AACE,EAAA,SAAS,EAAE,yBAAWV,gBAAMW,UAAjB,EAA6BC,gBAA7B,CADb,CAEE;AAFF;AAGE,EAAA,uBAAuB,EAAE;AAACC,IAAAA,MAAM,EAAEJ;AAAT;AAH3B,EADF,CADF;;AAUAD,UAAU,CAACJ,SAAX,2CAAuB;AACrBK,EAAAA,IAAI,EAAEJ,mBAAUS;AADK,CAAvB;;AAIA,MAAMC,cAAc,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACzC,MAAI,uBAAQD,KAAR,CAAJ,EAAoB,OAAO,IAAP;AACpB,QAAM;AAACtB,IAAAA,KAAD;AAAQwB,IAAAA;AAAR,MAAmBF,KAAzB;AACA,QAAM;AAACG,IAAAA;AAAD,MAASF,OAAf;AACA,QAAMG,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEnB,gBAAMqB,iBAAtB;AAAyC,IAAA,OAAO,EAAEH;AAAlD,kBACE,6BAAC,wDAAD;AAAW,IAAA,SAAS,EAAElB,gBAAMsB,SAA5B;AAAuC,IAAA,KAAK,EAAEF;AAA9C,IADF,eAEE;AAAM,IAAA,SAAS,EAAEpB,gBAAMuB;AAAvB,UAAoC7B,KAApC,MAFF,CADF;AAMD,CAZD;;AAcAqB,cAAc,CAACS,YAAf,GAA8B;AAC5BL,EAAAA,IAAI,EAAEM,kBAASC,iBAAT,CAA2BP;AADL,CAA9B;AAIAJ,cAAc,CAACX,SAAf,2CAA2B;AACzBV,EAAAA,KAAK,EAAEW,mBAAUS,MADQ;AAEzBI,EAAAA,OAAO,EAAEb,mBAAUsB;AAFM,CAA3B;;AAKA,MAAMC,QAAQ,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA,MAAT;AAAiBC,EAAAA;AAAjB,CAAD,kBACf;AAAK,EAAA,SAAS,EAAE/B,gBAAMgC;AAAtB,gBACE;AACE,EAAA,SAAS,EAAE,yBAAWhC,gBAAMiC,cAAjB,EAAiCrB,gBAAjC,CADb,CAEE;AAFF;AAGE,EAAA,uBAAuB,EAAE;AAACC,IAAAA,MAAM,EAAEgB;AAAT;AAH3B,EADF,eAME;AAAK,EAAA,SAAS,EAAE7B,gBAAMkC;AAAtB,gBACE,6BAAC,2CAAD;AAAW,EAAA,SAAS,EAAElC,gBAAMmC,SAA5B;AAAuC,EAAA,KAAK,EAAC;AAA7C,EADF,EAEGJ,YAAY,gBAAG;AAAM,EAAA,SAAS,EAAE/B,gBAAM+B;AAAvB,GAAsCA,YAAtC,CAAH,GAAgE,IAF/E,eAGE;AACE,EAAA,SAAS,EAAE,yBAAW/B,gBAAM8B,MAAjB,EAAyBlB,gBAAzB,CADb,CAEE;AAFF;AAGE,EAAA,uBAAuB,EAAE;AAACC,IAAAA,MAAM,EAAEiB;AAAT;AAH3B,EAHF,CANF,CADF;;AAmBAF,QAAQ,CAACxB,SAAT,2CAAqB;AACnByB,EAAAA,MAAM,EAAExB,mBAAUS,MADC;AAEnBiB,EAAAA,YAAY,EAAE1B,mBAAUS,MAFL;AAGnBgB,EAAAA,MAAM,EAAEzB,mBAAUS;AAHC,CAArB;;AAMA,MAAMsB,eAAN,SAA8BC,gBAA9B,CAAwC;AAyBtCC,EAAAA,WAAW,CAACtB,KAAD,EAAQ;AACjB,UAAMA,KAAN;AACA,SAAKuB,KAAL,GAAa;AAAC3C,MAAAA,IAAI,EAAE;AAAP,KAAb;AACA,SAAK4C,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,qBAAM,MAAM;AAC7B,YAAM;AAACC,QAAAA;AAAD,UAAW,KAAK9B,KAAtB;AACA,WAAK+B,QAAL,CAAc;AAACnD,QAAAA,IAAI,EAAE;AAAP,OAAd;AACAkD,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;AACJpB,MAAAA,MAAM,GAAG,EADL;AAEJqB,MAAAA,gBAFI;AAGJC,MAAAA,QAHI;AAIJnB,MAAAA,QAJI;AAKJjC,MAAAA,OALI;AAMJD,MAAAA,SANI;AAOJsD,MAAAA,GAPI;AAQJC,MAAAA,IARI;AASJnC,MAAAA,OATI;AAUJoC,MAAAA,IAAI,GAAG,EAVH;AAWJC,MAAAA,cAAc,GAAG;AAXb,QAYF,KAAKvC,KAZT;AAcA,UAAM;AAACpB,MAAAA;AAAD,QAAS,KAAK2C,KAApB;AAEA,UAAM;AAACpB,MAAAA;AAAD,QAAS,KAAKF,OAApB;AACA,UAAMuC,OAAO,GAAG,qBAAM,MAAN,EAAc,gBAAd,EAAgCrC,IAAhC,CAAhB;AAEA,UAAMsC,IAAI,GAAGrE,WAAW,CAAC;AAACU,MAAAA,SAAD;AAAYsD,MAAAA,GAAZ;AAAiBC,MAAAA;AAAjB,KAAD,CAAxB;AACA,UAAMK,SAAS,GAAG,qBAAM7B,MAAM,CAAC8B,MAAb,CAAlB;AACA,UAAMC,SAAS,GAAGhE,IAAI,GAAGI,gBAAM6D,eAAT,GAA2B7D,gBAAM8D,iBAAvD;;AACA,iBAA8BR,IAAI,CAACS,GAAL,IAAY,EAA1C;AAAA,UAAM;AAACrE,MAAAA;AAAD,KAAN;AAAA,UAAiBsE,SAAjB;;AAEA,UAAMC,OAAO,GACXvE,KAAK,IAAIwD,gBAAT,gBACE,6BAAC,aAAD,eACMc,SADN;AAEE,MAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAEV;AADF,OAFT;AAKE,MAAA,SAAS,EAAEN,gBAAgB,GAAGlD,gBAAMmE,WAAT,GAAuBnE,gBAAMiE,OAL1D;AAME,mBAAU,UANZ;AAOE,oBAAW,iBAPb;AAQE,mBAAU;AARZ,QAUGvE,KAVH,CADF,GAaI,IAdN;AAgBA,wBACE;AAAK,MAAA,GAAG,EAAE,KAAK8C,WAAf;AAA4B,MAAA,SAAS,EAAEoB,SAAvC;AAAkD,mBAAU;AAA5D,oBACE;AAAK,MAAA,SAAS,EAAE5D,gBAAMoE;AAAtB,oBACE;AAAK,MAAA,SAAS,EAAEV,SAAS,GAAG1D,gBAAMqE,cAAT,GAA0BrE,gBAAMgD;AAAzD,oBACE;AAAK,MAAA,SAAS,EAAEU,SAAS,GAAG1D,gBAAMsE,cAAT,GAA0BtE,gBAAMuE;AAAzD,oBACE,6BAAC,oBAAD,eACM1C,MADN;AAEE,MAAA,QAAQ,EAAEsB,QAFZ;AAGE,MAAA,gBAAgB,EAAED,gBAHpB;AAIE,MAAA,QAAQ;AAJV,OADF,eAOE,6BAAC,QAAD,EAAclB,QAAd,CAPF,eAQE,6BAAC,kBAAD;AAAW,MAAA,QAAQ,EAAEyB,IAArB;AAA2B,MAAA,OAAO,EAAEvC,OAApC;AAA6C,MAAA,UAAU;AAAvD,OACG,uBAAQ,qBAAM,EAAN,EAAU,OAAV,EAAmBpB,SAAnB,CAAR,IAAyC,IAAzC,gBACC,6BAAC,SAAD;AAAW,MAAA,SAAS,EAAEA,SAAtB;AAAiC,MAAA,OAAO,EAAEC;AAA1C,MAFJ,EAIGqD,GAAG,CAAClD,KAAJ,gBAAY,6BAAC,UAAD;AAAY,MAAA,IAAI,EAAEkD,GAAG,CAAClD;AAAtB,MAAZ,GAA8C,IAJjD,EAKGmD,IAAI,CAACnD,KAAL,gBAAa,6BAAC,UAAD;AAAY,MAAA,IAAI,EAAEmD,IAAI,CAACnD;AAAvB,MAAb,GAAgD,IALnD,CARF,CADF,EAiBG+D,OAjBH,eAkBE,6BAAC,cAAD,EAAoBV,cAApB,CAlBF,CADF,EAqBGG,SAAS,gBAAG,6BAAC,eAAD;AAAQ,MAAA,SAAS,EAAE1D,gBAAMwE;AAAzB,MAAH,GAA+C,IArB3D,CADF,CADF;AA2BD;;AArHqC;;gBAAlCpC,e,kBAqBkB;AACpBjB,EAAAA,IAAI,EAAEM,kBAASC,iBAAT,CAA2BP;AADb,C;;AArBlBiB,e,CACGhC,S,2CAAY;AACjBN,EAAAA,SAAS,EAAED,SAAS,CAACO,SAAV,CAAoBN,SADd;AAEjBC,EAAAA,OAAO,EAAEQ,yBAAgBH,SAAhB,CAA0BL,OAFlB;AAGjBwD,EAAAA,cAAc,EAAElD,mBAAUC,KAAV,CAAgBS,cAAc,CAACX,SAA/B,CAHC;AAIjByB,EAAAA,MAAM,EAAExB,mBAAUC,KAAV,CAAgB,oBAAK,CAAC,UAAD,CAAL,EAAmBmE,qBAAOrE,SAA1B,CAAhB,CAJS;AAKjB8C,EAAAA,gBAAgB,EAAEuB,qBAAOrE,SAAP,CAAiB8C,gBALlB;AAMjBC,EAAAA,QAAQ,EAAEsB,qBAAOrE,SAAP,CAAiB+C,QANV;AAOjBnB,EAAAA,QAAQ,EAAE3B,mBAAUC,KAAV,CAAgBsB,QAAQ,CAACxB,SAAzB,CAPO;AAQjBgD,EAAAA,GAAG,EAAE/C,mBAAUC,KAAV,CAAgBE,UAAU,CAACJ,SAA3B,CARY;AASjBiD,EAAAA,IAAI,EAAEhD,mBAAUC,KAAV,CAAgBE,UAAU,CAACJ,SAA3B,CATW;AAUjBc,EAAAA,OAAO,EAAEwD,mBAAUtE,SAAV,CAAoBc,OAVZ;AAWjBoC,EAAAA,IAAI,EAAEjD,mBAAUC,KAAV,CAAgB;AACpByD,IAAAA,GAAG,EAAE1D,mBAAUC,KAAV,uBACAqE,cAAKvE,SADL;AAEHV,MAAAA,KAAK,EAAEW,mBAAUS;AAFd;AADe,GAAhB,CAXW;AAiBjBgC,EAAAA,MAAM,EAAEzC,mBAAUsB;AAjBD,C;eAuHNS,e","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"}
1	+ {"version":3,"sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":["extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","style","browserWrapper","value","browser","propTypes","PropTypes","shape","ResourceBrowser","SimpleText","text","simpleTextWrapper","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","Provider","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","Component","constructor","state","initWrapper","bind","componentDidMount","deferOpen","clearTimeout","deferedOpen","onOpen","setState","wrapper","render","extraLifeGranted","gameOver","klf","tips","quit","assistanceLink","primary","tabs","isLoading","failed","className","finalBackground","initialBackground","cta","linkProps","quitCta","color","hideQuitCta","scrollWrapper","loadingWrapper","loadingContent","content","activeLoader","Header","Accordion","Link"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IACvB,oBAAKA,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,EAAEC,eAAMC;AAAtB,gBACE,6BAAC,wBAAD;AAAiB,EAAA,SAAS,EAAEH,SAAS,CAACI,KAAtC;AAA6C,EAAA,OAAO,EAAEH,OAAtD;AAA+D,EAAA,SAAS,EAAEC,eAAMG;AAAhF,EADF,CADF;;AAMAN,SAAS,CAACO,SAAV,2CAAsB;AACpBN,EAAAA,SAAS,EAAEO,mBAAUC,KAAV,CAAgB;AACzBJ,IAAAA,KAAK,EAAEK,yBAAgBH,SAAhB,CAA0BN;AADR,GAAhB,CADS;AAIpBC,EAAAA,OAAO,EAAEQ,yBAAgBH,SAAhB,CAA0BL;AAJf,CAAtB;;AAOA,MAAMS,UAAU,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACjB;AAAK,eAAU,YAAf;AAA4B,EAAA,SAAS,EAAET,eAAMU;AAA7C,gBACE;AACE,EAAA,SAAS,EAAE,yBAAWV,eAAMW,UAAjB,EAA6BX,eAAMY,SAAnC,CADb,CAEE;AAFF;AAGE,EAAA,uBAAuB,EAAE;AAACC,IAAAA,MAAM,EAAEJ;AAAT;AAH3B,EADF,CADF;;AAUAD,UAAU,CAACJ,SAAX,2CAAuB;AACrBK,EAAAA,IAAI,EAAEJ,mBAAUS;AADK,CAAvB;;AAIA,MAAMC,cAAc,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACzC,MAAI,uBAAQD,KAAR,CAAJ,EAAoB,OAAO,IAAP;AACpB,QAAM;AAACtB,IAAAA,KAAD;AAAQwB,IAAAA;AAAR,MAAmBF,KAAzB;AACA,QAAM;AAACG,IAAAA;AAAD,MAASF,OAAf;AACA,QAAMG,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEnB,eAAMqB,iBAAtB;AAAyC,IAAA,OAAO,EAAEH;AAAlD,kBACE,6BAAC,wDAAD;AAAW,IAAA,SAAS,EAAElB,eAAMsB,SAA5B;AAAuC,IAAA,KAAK,EAAEF;AAA9C,IADF,eAEE;AAAM,IAAA,SAAS,EAAEpB,eAAMuB;AAAvB,UAAoC7B,KAApC,MAFF,CADF;AAMD,CAZD;;AAcAqB,cAAc,CAACS,YAAf,GAA8B;AAC5BL,EAAAA,IAAI,EAAEM,kBAASC,iBAAT,CAA2BP;AADL,CAA9B;AAIAJ,cAAc,CAACX,SAAf,2CAA2B;AACzBV,EAAAA,KAAK,EAAEW,mBAAUS,MADQ;AAEzBI,EAAAA,OAAO,EAAEb,mBAAUsB;AAFM,CAA3B;;AAKA,MAAMC,QAAQ,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA,MAAT;AAAiBC,EAAAA;AAAjB,CAAD,kBACf;AAAK,EAAA,SAAS,EAAE/B,eAAMgC;AAAtB,gBACE;AACE,EAAA,SAAS,EAAE,yBAAWhC,eAAMiC,cAAjB,EAAiCjC,eAAMY,SAAvC,CADb,CAEE;AAFF;AAGE,EAAA,uBAAuB,EAAE;AAACC,IAAAA,MAAM,EAAEgB;AAAT;AAH3B,EADF,eAME;AAAK,EAAA,SAAS,EAAE7B,eAAMkC;AAAtB,gBACE,6BAAC,2CAAD;AAAW,EAAA,SAAS,EAAElC,eAAMmC,SAA5B;AAAuC,EAAA,KAAK,EAAC;AAA7C,EADF,EAEGJ,YAAY,gBAAG;AAAM,EAAA,SAAS,EAAE/B,eAAM+B;AAAvB,GAAsCA,YAAtC,CAAH,GAAgE,IAF/E,eAGE;AACE,EAAA,SAAS,EAAE,yBAAW/B,eAAM8B,MAAjB,EAAyB9B,eAAMY,SAA/B,CADb,CAEE;AAFF;AAGE,EAAA,uBAAuB,EAAE;AAACC,IAAAA,MAAM,EAAEiB;AAAT;AAH3B,EAHF,CANF,CADF;;AAmBAF,QAAQ,CAACxB,SAAT,2CAAqB;AACnByB,EAAAA,MAAM,EAAExB,mBAAUS,MADC;AAEnBiB,EAAAA,YAAY,EAAE1B,mBAAUS,MAFL;AAGnBgB,EAAAA,MAAM,EAAEzB,mBAAUS;AAHC,CAArB;;AAMA,MAAMsB,eAAN,SAA8BC,gBAA9B,CAAwC;AAyBtCC,EAAAA,WAAW,CAACtB,KAAD,EAAQ;AACjB,UAAMA,KAAN;AACA,SAAKuB,KAAL,GAAa;AAAC3C,MAAAA,IAAI,EAAE;AAAP,KAAb;AACA,SAAK4C,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,qBAAM,MAAM;AAC7B,YAAM;AAACC,QAAAA;AAAD,UAAW,KAAK9B,KAAtB;AACA,WAAK+B,QAAL,CAAc;AAACnD,QAAAA,IAAI,EAAE;AAAP,OAAd;AACAkD,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;AACJpB,MAAAA,MAAM,GAAG,EADL;AAEJqB,MAAAA,gBAFI;AAGJC,MAAAA,QAHI;AAIJnB,MAAAA,QAJI;AAKJjC,MAAAA,OALI;AAMJD,MAAAA,SANI;AAOJsD,MAAAA,GAPI;AAQJC,MAAAA,IARI;AASJnC,MAAAA,OATI;AAUJoC,MAAAA,IAAI,GAAG,EAVH;AAWJC,MAAAA,cAAc,GAAG;AAXb,QAYF,KAAKvC,KAZT;AAcA,UAAM;AAACpB,MAAAA;AAAD,QAAS,KAAK2C,KAApB;AAEA,UAAM;AAACpB,MAAAA;AAAD,QAAS,KAAKF,OAApB;AACA,UAAMuC,OAAO,GAAG,qBAAM,MAAN,EAAc,gBAAd,EAAgCrC,IAAhC,CAAhB;AAEA,UAAMsC,IAAI,GAAGrE,WAAW,CAAC;AAACU,MAAAA,SAAD;AAAYsD,MAAAA,GAAZ;AAAiBC,MAAAA;AAAjB,KAAD,CAAxB;AACA,UAAMK,SAAS,GAAG,qBAAM7B,MAAM,CAAC8B,MAAb,CAAlB;AACA,UAAMC,SAAS,GAAGhE,IAAI,GAAGI,eAAM6D,eAAT,GAA2B7D,eAAM8D,iBAAvD;;AACA,iBAA8BR,IAAI,CAACS,GAAL,IAAY,EAA1C;AAAA,UAAM;AAACrE,MAAAA;AAAD,KAAN;AAAA,UAAiBsE,SAAjB;;AAEA,UAAMC,OAAO,GACXvE,KAAK,IAAIwD,gBAAT,gBACE,6BAAC,aAAD,eACMc,SADN;AAEE,MAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAEV;AADF,OAFT;AAKE,MAAA,SAAS,EAAEN,gBAAgB,GAAGlD,eAAMmE,WAAT,GAAuBnE,eAAMiE,OAL1D;AAME,mBAAU,UANZ;AAOE,oBAAW,iBAPb;AAQE,mBAAU;AARZ,QAUGvE,KAVH,CADF,GAaI,IAdN;AAgBA,wBACE;AAAK,MAAA,GAAG,EAAE,KAAK8C,WAAf;AAA4B,MAAA,SAAS,EAAEoB,SAAvC;AAAkD,mBAAU;AAA5D,oBACE;AAAK,MAAA,SAAS,EAAE5D,eAAMoE;AAAtB,oBACE;AAAK,MAAA,SAAS,EAAEV,SAAS,GAAG1D,eAAMqE,cAAT,GAA0BrE,eAAMgD;AAAzD,oBACE;AAAK,MAAA,SAAS,EAAEU,SAAS,GAAG1D,eAAMsE,cAAT,GAA0BtE,eAAMuE;AAAzD,oBACE,6BAAC,oBAAD,eACM1C,MADN;AAEE,MAAA,QAAQ,EAAEsB,QAFZ;AAGE,MAAA,gBAAgB,EAAED,gBAHpB;AAIE,MAAA,QAAQ;AAJV,OADF,eAOE,6BAAC,QAAD,EAAclB,QAAd,CAPF,eAQE,6BAAC,kBAAD;AAAW,MAAA,QAAQ,EAAEyB,IAArB;AAA2B,MAAA,OAAO,EAAEvC,OAApC;AAA6C,MAAA,UAAU;AAAvD,OACG,uBAAQ,qBAAM,EAAN,EAAU,OAAV,EAAmBpB,SAAnB,CAAR,IAAyC,IAAzC,gBACC,6BAAC,SAAD;AAAW,MAAA,SAAS,EAAEA,SAAtB;AAAiC,MAAA,OAAO,EAAEC;AAA1C,MAFJ,EAIGqD,GAAG,CAAClD,KAAJ,gBAAY,6BAAC,UAAD;AAAY,MAAA,IAAI,EAAEkD,GAAG,CAAClD;AAAtB,MAAZ,GAA8C,IAJjD,EAKGmD,IAAI,CAACnD,KAAL,gBAAa,6BAAC,UAAD;AAAY,MAAA,IAAI,EAAEmD,IAAI,CAACnD;AAAvB,MAAb,GAAgD,IALnD,CARF,CADF,EAiBG+D,OAjBH,eAkBE,6BAAC,cAAD,EAAoBV,cAApB,CAlBF,CADF,EAqBGG,SAAS,gBAAG,6BAAC,eAAD;AAAQ,MAAA,SAAS,EAAE1D,eAAMwE;AAAzB,MAAH,GAA+C,IArB3D,CADF,CADF;AA2BD;;AArHqC;;gBAAlCpC,e,kBAqBkB;AACpBjB,EAAAA,IAAI,EAAEM,kBAASC,iBAAT,CAA2BP;AADb,C;;AArBlBiB,e,CACGhC,S,2CAAY;AACjBN,EAAAA,SAAS,EAAED,SAAS,CAACO,SAAV,CAAoBN,SADd;AAEjBC,EAAAA,OAAO,EAAEQ,yBAAgBH,SAAhB,CAA0BL,OAFlB;AAGjBwD,EAAAA,cAAc,EAAElD,mBAAUC,KAAV,CAAgBS,cAAc,CAACX,SAA/B,CAHC;AAIjByB,EAAAA,MAAM,EAAExB,mBAAUC,KAAV,CAAgB,oBAAK,CAAC,UAAD,CAAL,EAAmBmE,qBAAOrE,SAA1B,CAAhB,CAJS;AAKjB8C,EAAAA,gBAAgB,EAAEuB,qBAAOrE,SAAP,CAAiB8C,gBALlB;AAMjBC,EAAAA,QAAQ,EAAEsB,qBAAOrE,SAAP,CAAiB+C,QANV;AAOjBnB,EAAAA,QAAQ,EAAE3B,mBAAUC,KAAV,CAAgBsB,QAAQ,CAACxB,SAAzB,CAPO;AAQjBgD,EAAAA,GAAG,EAAE/C,mBAAUC,KAAV,CAAgBE,UAAU,CAACJ,SAA3B,CARY;AASjBiD,EAAAA,IAAI,EAAEhD,mBAAUC,KAAV,CAAgBE,UAAU,CAACJ,SAA3B,CATW;AAUjBc,EAAAA,OAAO,EAAEwD,mBAAUtE,SAAV,CAAoBc,OAVZ;AAWjBoC,EAAAA,IAAI,EAAEjD,mBAAUC,KAAV,CAAgB;AACpByD,IAAAA,GAAG,EAAE1D,mBAAUC,KAAV,uBACAqE,cAAKvE,SADL;AAEHV,MAAAA,KAAK,EAAEW,mBAAUS;AAFd;AADe,GAAhB,CAXW;AAiBjBgC,EAAAA,MAAM,EAAEzC,mBAAUsB;AAjBD,C;eAuHNS,e","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/lib/template/app-player/popin-correction/style.css CHANGED Viewed

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

package/lib/template/app-player/popin-end/summary.css CHANGED Viewed

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

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

@@ -35,8 +35,6 @@ var _feedback = _interopRequireDefault(require("../../../molecule/feedback"));
 var _cardsList = _interopRequireDefault(require("../../../molecule/dashboard/cards-list"));
-var _style = require("../../../atom/label/style.css");
 var _popinHeader = _interopRequireDefault(require("../popin-header"));
 var _lottieWrapper = _interopRequireDefault(require("../../../atom/lottie-wrapper"));
@@ -72,7 +70,7 @@ const SimpleAction = ({
     className: _summary.default.simplePrefix
   }, prefix), /*#__PURE__*/_react.default.createElement("span", {
     "data-name": "simpleTitle",
-    className: (0, _classnames.default)(_summary.default.simpleTitle, _style.innerHTML) // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_summary.default.simpleTitle, _summary.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -106,7 +104,7 @@ const NextCourse = ({
 }, /*#__PURE__*/_react.default.createElement("div", {
   className: _summary.default.nextCoursePrefix
 }, prefix), /*#__PURE__*/_react.default.createElement("div", {
-  className: (0, _classnames.default)(_summary.default.nextCourseTitle, _style.innerHTML) // eslint-disable-next-line react/no-danger
+  className: (0, _classnames.default)(_summary.default.nextCourseTitle, _summary.default.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: title
@@ -141,7 +139,7 @@ const Subscribe = ({
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _summary.default.subscribeDescription
   }, description), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_summary.default.subscribeTitle, _style.innerHTML) // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(_summary.default.subscribeTitle, _summary.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/template/app-player/popin-end/summary.js"],"names":["Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","style","simpleWrapper","simpleTexts","simplePrefix","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","ie11ImageBackup","animationControl","lottie","ie11Backup","largeCircle","mediumCircle","smallCircle","PopinHeader","href","url","func","isRequired","Feedback"],"mappings":"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","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 {innerHTML} from '../../../atom/label/style.css';\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, 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, 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, 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 comment && header ? (\n <div className={style.discussionWrapper}>\n <CommentSection {...comment} />\n </div>\n ) : null;\n const footerView = 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 <div className={style.animationContainer}>\n {!failed ? (\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 ie11ImageBackup:\n 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',\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 ) : null}\n </div>\n <div>\n <div className={style.largeCircle}>\n <div className={style.mediumCircle}>\n <div className={style.smallCircle}>{children}</div>\n </div>\n </div>\n </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: PropTypes.url,\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"],"file":"summary.js"}
1	+ {"version":3,"sources":["../../../../src/template/app-player/popin-end/summary.js"],"names":["Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","style","simpleWrapper","simpleTexts","simplePrefix","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","ie11ImageBackup","animationControl","lottie","ie11Backup","largeCircle","mediumCircle","smallCircle","PopinHeader","href","url","func","isRequired","Feedback"],"mappings":"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","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 comment && header ? (\n <div className={style.discussionWrapper}>\n <CommentSection {...comment} />\n </div>\n ) : null;\n const footerView = 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 <div className={style.animationContainer}>\n {!failed ? (\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 ie11ImageBackup:\n 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',\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 ) : null}\n </div>\n <div>\n <div className={style.largeCircle}>\n <div className={style.mediumCircle}>\n <div className={style.smallCircle}>{children}</div>\n </div>\n </div>\n </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: PropTypes.url,\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"],"file":"summary.js"}

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

@@ -47,9 +47,7 @@ var _animationScheduler = _interopRequireWildcard(require("../../../hoc/animatio
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
-var _style = require("../../../atom/label/style.css");
-var _style2 = _interopRequireDefault(require("./style.css"));
+var _style = _interopRequireDefault(require("./style.css"));
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -63,7 +61,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const separator = index => /*#__PURE__*/_react.default.createElement("span", {
   key: index,
-  className: _style2.default.answerSeparator
+  className: _style.default.answerSeparator
 }, "/");
 const joinBySeparator = elements => {
@@ -80,7 +78,7 @@ const AnswersCorrection = ({
       key: key,
       "data-name": "answer",
       "data-correct": correction.isCorrect,
-      className: (0, _classnames.default)(correction.isCorrect ? _style2.default.correctAnswer : _style2.default.wrongAnswer, _style.innerHTML) // eslint-disable-next-line react/no-danger
+      className: (0, _classnames.default)(correction.isCorrect ? _style.default.correctAnswer : _style.default.wrongAnswer, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: correction.answer
@@ -88,7 +86,7 @@ const AnswersCorrection = ({
     });
   }, corrections);
   return /*#__PURE__*/_react.default.createElement("p", {
-    className: _style2.default.fullAnswer
+    className: _style.default.fullAnswer
   }, joinBySeparator(answers));
 };
@@ -115,18 +113,18 @@ const Rank = ({
     animated: animated,
     onAnimationEnd: onAnimationEnd
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.centerContent
+    className: _style.default.centerContent
   }, /*#__PURE__*/_react.default.createElement(_transition.default, {
     name: "label",
     after: "counter",
-    className: _style2.default.bumped
+    className: _style.default.bumped
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.iconBubble
+    className: _style.default.iconBubble
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCharts, {
-    className: _style2.default.icon,
+    className: _style.default.icon,
     color: positive
   }))), /*#__PURE__*/_react.default.createElement("span", {
-    className: _style2.default.iconText
+    className: _style.default.iconText
   }, /*#__PURE__*/_react.default.createElement(_animation.default, {
     name: "counter",
     bezier: _animation.EASE_OUT_CUBIC,
@@ -158,19 +156,19 @@ const Stars = ({
     animated: animated,
     onAnimationEnd: onAnimationEnd
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.centerContent
+    className: _style.default.centerContent
   }, /*#__PURE__*/_react.default.createElement(_transition.default, {
     name: "label",
     after: "counter",
-    className: _style2.default.bumped
+    className: _style.default.bumped
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.iconBubble
+    className: _style.default.iconBubble
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyStar, {
-    className: _style2.default.icon,
+    className: _style.default.icon,
     color: positive
   }))), /*#__PURE__*/_react.default.createElement("span", {
     "data-name": "iconText",
-    className: _style2.default.iconText
+    className: _style.default.iconText
   }, /*#__PURE__*/_react.default.createElement(_animation.default, {
     name: "counter",
     bezier: _animation.EASE_OUT_CUBIC,
@@ -200,7 +198,7 @@ const Lifes = ({
     count: lives,
     animated: animated,
     revival: revival,
-    className: _style2.default.life
+    className: _style.default.life
   });
 };
@@ -223,7 +221,7 @@ const IconsPart = props => {
   return /*#__PURE__*/_react.default.createElement(_animationScheduler.default, {
     animated: true
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.iconsWrapper
+    className: _style.default.iconsWrapper
   }, /*#__PURE__*/_react.default.createElement(Lifes, {
     lives: lives,
     failed: failed,
@@ -263,9 +261,9 @@ const getLinkStyle = ({
   extraLifeGranted
 }) => {
   if (extraLifeGranted) {
-    return _style2.default.oneMoreLife;
+    return _style.default.oneMoreLife;
   } else if (gameOver) {
-    return _style2.default.gameOver;
+    return _style.default.gameOver;
   } else {
     return null;
   }
@@ -273,11 +271,11 @@ const getLinkStyle = ({
 const renderIconStatusScorm = failed => {
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: failed ? _style2.default.iconCloseContainer : _style2.default.iconSuccessContainer
+    className: failed ? _style.default.iconCloseContainer : _style.default.iconSuccessContainer
   }, failed ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
-    className: _style2.default.failIcon
+    className: _style.default.failIcon
   }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
-    className: _style2.default.checkIcon
+    className: _style.default.checkIcon
   }));
 };
@@ -299,21 +297,21 @@ const CorrectionPart = props => {
     mode = 'default'
   } = props;
   const isLoading = (0, _isNil2.default)(failed);
-  const className = buildClass(failed, stars && rank ? _style2.default.correctionSectionEndSuccess : _style2.default.correctionSectionSuccess, gameOver ? _style2.default.correctionSectionFailGameOver : _style2.default.correctionSectionFail, _style2.default.correctionSectionLoading, mode, _style2.default.resultContenantContainerScorm);
+  const className = buildClass(failed, stars && rank ? _style.default.correctionSectionEndSuccess : _style.default.correctionSectionSuccess, gameOver ? _style.default.correctionSectionFailGameOver : _style.default.correctionSectionFail, _style.default.correctionSectionLoading, mode, _style.default.resultContenantContainerScorm);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "correctionSection",
     className: className
   }, mode === 'scorm' && renderIconStatusScorm(failed), /*#__PURE__*/_react.default.createElement("div", {
-    className: buildDefaultOrScormStyle(_style2.default.titlesWrapper, mode, _style2.default.titlesWrapperScorm, failed)
+    className: buildDefaultOrScormStyle(_style.default.titlesWrapper, mode, _style.default.titlesWrapperScorm, failed)
   }, isLoading ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : null, /*#__PURE__*/_react.default.createElement("h1", {
     "data-name": "title",
-    className: buildDefaultOrScormStyle((0, _classnames.default)(_style2.default.title, _style.innerHTML), mode, _style2.default.resultTitleScorm, failed) // eslint-disable-next-line react/no-danger
+    className: buildDefaultOrScormStyle((0, _classnames.default)(_style.default.title, _style.default.innerHTML), mode, _style.default.resultTitleScorm, failed) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
     }
   }), /*#__PURE__*/_react.default.createElement("h2", {
-    className: buildDefaultOrScormStyle(_style2.default.subtitle, mode, _style2.default.resultSubtitleScorm, failed, _style2.default.statusPlayerResultFailScorm)
+    className: buildDefaultOrScormStyle(_style.default.subtitle, mode, _style.default.resultSubtitleScorm, failed, _style.default.statusPlayerResultFailScorm)
   }, subtitle), failed && !(0, _isEmpty2.default)(corrections) ? /*#__PURE__*/_react.default.createElement(AnswersCorrection, {
     corrections: corrections
   }) : null), /*#__PURE__*/_react.default.createElement(IconsPart, props));
@@ -380,14 +378,14 @@ const NextQuestionPart = (props, context) => {
   }
   const nextStep = nextStepTitle ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(gameOver ? _style2.default.gameOverSubtitle : _style2.default.nextStepTitle, _style.innerHTML) // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(gameOver ? _style.default.gameOverSubtitle : _style.default.nextStepTitle, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: nextStepTitle
     }
   }) : null;
   return /*#__PURE__*/_react.default.createElement(_link.default, _extends({}, linkProps, {
-    className: (0, _classnames.default)(_style2.default.nextSection, getLinkStyle({
+    className: (0, _classnames.default)(_style.default.nextSection, getLinkStyle({
       gameOver,
       extraLifeGranted
     })),
@@ -395,12 +393,12 @@ const NextQuestionPart = (props, context) => {
     "data-popin": type,
     "data-next": dataNext
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.wrapperNextSection
+    className: _style.default.wrapperNextSection
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style2.default.nextButton
+    className: _style.default.nextButton
   }, title, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
     color: "inherit",
-    className: _style2.default.nextButtonIcon
+    className: _style.default.nextButtonIcon
   })), nextStep));
 };
@@ -443,11 +441,11 @@ const PopinHeader = (props, context) => {
     lives: lives
   }) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: cta ? _style2.default.header : _style2.default.headerWithoutCTA,
+    className: cta ? _style.default.header : _style.default.headerWithoutCTA,
     "data-name": "popinHeader",
     "data-state": state
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: mode !== 'scorm' ? _style2.default.headerTitle : null
+    className: mode !== 'scorm' ? _style.default.headerTitle : null
   }, /*#__PURE__*/_react.default.createElement(CorrectionPart, {
     title: title,
     subtitle: subtitle,