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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","style","browserWrapper","value","browser","propTypes","PropTypes","shape","ResourceBrowser","SimpleText","text","simpleTextWrapper","classnames","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","Provider","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","Component","constructor","state","initWrapper","bind","componentDidMount","deferOpen","clearTimeout","deferedOpen","onOpen","setState","wrapper","render","extraLifeGranted","gameOver","klf","tips","quit","assistanceLink","popinError","primary","tabs","isLoading","failed","className","finalBackground","initialBackground","cta","linkProps","quitCta","color","hideQuitCta","scrollWrapper","loadingWrapper","loadingContent","content","activeLoader","Header","Accordion","Link","CMPopin"],"sources":["../../../../src/template/app-player/popin-correction/index.js"],"sourcesContent":["import React, {Component} from 'react';\nimport PropTypes from 'prop-types';\nimport {defer, isNil, isEmpty, get, getOr, keys, omit} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaLineInterfaceFeedbackInterfaceAlertCircle as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Link from '../../../atom/link';\nimport Provider from '../../../atom/provider';\nimport ResourceBrowser from '../../../organism/resource-browser';\nimport Accordion from '../../../organism/accordion/container';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Header from '../popin-header';\nimport style from './style.css';\n\nconst extractTabs = items =>\n  keys(items).map(type => {\n    const item = items[type];\n    return {iconType: type, title: item.title, isOpen: item.open};\n  });\n\nconst Resources = ({resources, overlay}) => (\n  <div className={style.browserWrapper}>\n    <ResourceBrowser resources={resources.value} overlay={overlay} className={style.browser} />\n  </div>\n);\n\nResources.propTypes = {\n  resources: PropTypes.shape({\n    value: ResourceBrowser.propTypes.resources\n  }),\n  overlay: ResourceBrowser.propTypes.overlay\n};\n\nconst SimpleText = ({text}) => (\n  <div data-name=\"simpleText\" className={style.simpleTextWrapper}>\n    <p\n      className={classnames(style.simpleText, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  </div>\n);\n\nSimpleText.propTypes = {\n  text: PropTypes.string\n};\n\nconst AssistanceLink = (props, context) => {\n  if (isEmpty(props)) return null;\n  const {title, onClick} = props;\n  if (isEmpty(title)) return null;\n  const {skin} = context;\n  const white = get('common.white', skin);\n\n  return (\n    <div className={style.wrapperAssistance} onClick={onClick}>\n      <AlertIcon className={style.alertIcon} color={white} />\n      <span className={style.titleLink}> {title} </span>\n    </div>\n  );\n};\n\nAssistanceLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAssistanceLink.propTypes = {\n  title: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst Question = ({header, answer, answerPrefix}) => (\n  <div className={style.question}>\n    <p\n      className={classnames(style.questionHeader, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: header}}\n    />\n    <div className={style.answerWrapper}>\n      <CheckIcon className={style.checkIcon} color=\"inherit\" />\n      {answerPrefix ? <span className={style.answerPrefix}>{answerPrefix}</span> : null}\n      <span\n        className={classnames(style.answer, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: answer}}\n      />\n    </div>\n  </div>\n);\n\nQuestion.propTypes = {\n  header: PropTypes.string,\n  answerPrefix: PropTypes.string,\n  answer: PropTypes.string\n};\n\nclass PopinCorrection extends Component {\n  static propTypes = {\n    resources: Resources.propTypes.resources,\n    overlay: ResourceBrowser.propTypes.overlay,\n    assistanceLink: PropTypes.shape(AssistanceLink.propTypes),\n    header: PropTypes.shape(omit(['animated'], Header.propTypes)),\n    extraLifeGranted: Header.propTypes.extraLifeGranted,\n    gameOver: Header.propTypes.gameOver,\n    question: PropTypes.shape(Question.propTypes),\n    klf: PropTypes.shape(SimpleText.propTypes),\n    tips: PropTypes.shape(SimpleText.propTypes),\n    onClick: Accordion.propTypes.onClick,\n    quit: PropTypes.shape({\n      cta: PropTypes.shape({\n        ...Link.propTypes,\n        title: PropTypes.string\n      })\n    }),\n    onOpen: PropTypes.func,\n    popinError: PropTypes.shape(CMPopin.propTypes)\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {open: false};\n    this.initWrapper = this.initWrapper.bind(this);\n  }\n\n  componentDidMount() {\n    this.deferOpen();\n  }\n\n  deferOpen() {\n    clearTimeout(this.deferedOpen);\n\n    this.deferedOpen = defer(() => {\n      const {onOpen} = this.props;\n      this.setState({open: true});\n      onOpen && onOpen();\n    });\n  }\n\n  initWrapper(wrapper) {\n    this.wrapper = wrapper;\n  }\n\n  render() {\n    const {\n      header = {},\n      extraLifeGranted,\n      gameOver,\n      question,\n      overlay,\n      resources,\n      klf,\n      tips,\n      onClick,\n      quit = {},\n      assistanceLink = {},\n      popinError\n    } = this.props;\n\n    const {open} = this.state;\n\n    const {skin} = this.context;\n    const primary = getOr('#f0f', 'common.primary', skin);\n\n    const tabs = extractTabs({resources, klf, tips});\n    const isLoading = isNil(header.failed);\n    const className = open ? style.finalBackground : style.initialBackground;\n    const {title, ...linkProps} = quit.cta || {};\n\n    const quitCta =\n      title || extraLifeGranted ? (\n        <Link\n          {...linkProps}\n          style={{\n            color: primary\n          }}\n          className={extraLifeGranted ? style.hideQuitCta : style.quitCta}\n          data-name=\"nextLink\"\n          data-popin=\"popinCorrection\"\n          data-next=\"quit-with-extra-life\"\n        >\n          {title}\n        </Link>\n      ) : null;\n\n    return (\n      <div ref={this.initWrapper} className={className} data-name=\"popinCorrection\">\n        {popinError ? <CMPopin {...popinError} /> : null}\n        <div className={style.scrollWrapper}>\n          <div className={isLoading ? style.loadingWrapper : style.wrapper}>\n            <div className={isLoading ? style.loadingContent : style.content}>\n              <Header\n                {...header}\n                gameOver={gameOver}\n                extraLifeGranted={extraLifeGranted}\n                animated\n              />\n              <Question {...question} />\n              <Accordion tabProps={tabs} onClick={onClick} oneTabOnly>\n                {isEmpty(getOr([], 'value', resources)) ? null : (\n                  <Resources resources={resources} overlay={overlay} />\n                )}\n                {klf.value ? <SimpleText text={klf.value} /> : null}\n                {tips.value ? <SimpleText text={tips.value} /> : null}\n              </Accordion>\n            </div>\n            {quitCta}\n            <AssistanceLink {...assistanceLink} />\n          </div>\n          {isLoading ? <Loader className={style.activeLoader} /> : null}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PopinCorrection;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","style","browserWrapper","value","browser","propTypes","PropTypes","shape","ResourceBrowser","SimpleText","text","simpleTextWrapper","classnames","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","Provider","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","Component","constructor","state","initWrapper","bind","componentDidMount","deferOpen","clearTimeout","deferedOpen","onOpen","setState","wrapper","render","extraLifeGranted","gameOver","klf","tips","quit","assistanceLink","popinError","primary","tabs","isLoading","failed","className","finalBackground","initialBackground","cta","linkProps","quitCta","color","hideQuitCta","scrollWrapper","loadingWrapper","loadingContent","content","activeLoader","Header","Accordion","Link","CMPopin"],"sources":["../../../../src/template/app-player/popin-correction/index.js"],"sourcesContent":["import React, {Component} from 'react';\nimport PropTypes from 'prop-types';\nimport {defer, isNil, isEmpty, get, getOr, keys, omit} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaLineInterfaceFeedbackInterfaceAlertCircle as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Link from '../../../atom/link';\nimport Provider from '../../../atom/provider';\nimport ResourceBrowser from '../../../organism/resource-browser';\nimport Accordion from '../../../organism/accordion/container';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Header from '../popin-header';\nimport style from './style.css';\n\nconst extractTabs = items =>\n  keys(items).map(type => {\n    const item = items[type];\n    return {iconType: type, title: item.title, isOpen: item.open};\n  });\n\nconst Resources = ({resources, overlay}) => (\n  <div className={style.browserWrapper}>\n    <ResourceBrowser resources={resources.value} overlay={overlay} className={style.browser} />\n  </div>\n);\n\nResources.propTypes = {\n  resources: PropTypes.shape({\n    value: ResourceBrowser.propTypes.resources\n  }),\n  overlay: ResourceBrowser.propTypes.overlay\n};\n\nconst SimpleText = ({text}) => (\n  <div data-name=\"simpleText\" className={style.simpleTextWrapper}>\n    <p\n      className={classnames(style.simpleText, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  </div>\n);\n\nSimpleText.propTypes = {\n  text: PropTypes.string\n};\n\nconst AssistanceLink = (props, context) => {\n  if (isEmpty(props)) return null;\n  const {title, onClick} = props;\n  if (isEmpty(title)) return null;\n  const {skin} = context;\n  const white = get('common.white', skin);\n\n  return (\n    <div className={style.wrapperAssistance} onClick={onClick}>\n      <AlertIcon className={style.alertIcon} color={white} />\n      <span className={style.titleLink}> {title} </span>\n    </div>\n  );\n};\n\nAssistanceLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAssistanceLink.propTypes = {\n  title: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst Question = ({header, answer, answerPrefix}) => (\n  <div className={style.question}>\n    <p\n      className={classnames(style.questionHeader, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: header}}\n    />\n    <div className={style.answerWrapper}>\n      <CheckIcon className={style.checkIcon} color=\"inherit\" />\n      {answerPrefix ? <span className={style.answerPrefix}>{answerPrefix}</span> : null}\n      <span\n        className={classnames(style.answer, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: answer}}\n      />\n    </div>\n  </div>\n);\n\nQuestion.propTypes = {\n  header: PropTypes.string,\n  answerPrefix: PropTypes.string,\n  answer: PropTypes.string\n};\n\nclass PopinCorrection extends Component {\n  static propTypes = {\n    resources: Resources.propTypes.resources,\n    overlay: ResourceBrowser.propTypes.overlay,\n    assistanceLink: PropTypes.shape(AssistanceLink.propTypes),\n    header: PropTypes.shape(omit(['animated'], Header.propTypes)),\n    extraLifeGranted: Header.propTypes.extraLifeGranted,\n    gameOver: Header.propTypes.gameOver,\n    question: PropTypes.shape(Question.propTypes),\n    klf: PropTypes.shape(SimpleText.propTypes),\n    tips: PropTypes.shape(SimpleText.propTypes),\n    onClick: Accordion.propTypes.onClick,\n    quit: PropTypes.shape({\n      cta: PropTypes.shape({\n        ...Link.propTypes,\n        title: PropTypes.string\n      })\n    }),\n    onOpen: PropTypes.func,\n    popinError: PropTypes.shape(CMPopin.propTypes)\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {open: false};\n    this.initWrapper = this.initWrapper.bind(this);\n  }\n\n  componentDidMount() {\n    this.deferOpen();\n  }\n\n  deferOpen() {\n    clearTimeout(this.deferedOpen);\n\n    this.deferedOpen = defer(() => {\n      const {onOpen} = this.props;\n      this.setState({open: true});\n      onOpen && onOpen();\n    });\n  }\n\n  initWrapper(wrapper) {\n    this.wrapper = wrapper;\n  }\n\n  render() {\n    const {\n      header = {},\n      extraLifeGranted,\n      gameOver,\n      question,\n      overlay,\n      resources,\n      klf,\n      tips,\n      onClick,\n      quit = {},\n      assistanceLink = {},\n      popinError\n    } = this.props;\n\n    const {open} = this.state;\n\n    const {skin} = this.context;\n    const primary = getOr('#f0f', 'common.primary', skin);\n\n    const tabs = extractTabs({resources, klf, tips});\n    const isLoading = isNil(header.failed);\n    const className = open ? style.finalBackground : style.initialBackground;\n    const {title, ...linkProps} = quit.cta || {};\n\n    const quitCta =\n      title || extraLifeGranted ? (\n        <Link\n          {...linkProps}\n          style={{\n            color: primary\n          }}\n          className={extraLifeGranted ? style.hideQuitCta : style.quitCta}\n          data-name=\"nextLink\"\n          data-popin=\"popinCorrection\"\n          data-next=\"quit-with-extra-life\"\n        >\n          {title}\n        </Link>\n      ) : null;\n\n    return (\n      <div ref={this.initWrapper} className={className} data-name=\"popinCorrection\">\n        {popinError ? <CMPopin {...popinError} /> : null}\n        <div className={style.scrollWrapper}>\n          <div className={isLoading ? style.loadingWrapper : style.wrapper}>\n            <div className={isLoading ? style.loadingContent : style.content}>\n              <Header\n                {...header}\n                gameOver={gameOver}\n                extraLifeGranted={extraLifeGranted}\n                animated\n              />\n              <Question {...question} />\n              <Accordion tabProps={tabs} onClick={onClick} oneTabOnly>\n                {isEmpty(getOr([], 'value', resources)) ? null : (\n                  <Resources resources={resources} overlay={overlay} />\n                )}\n                {klf.value ? <SimpleText text={klf.value} /> : null}\n                {tips.value ? <SimpleText text={tips.value} /> : null}\n              </Accordion>\n            </div>\n            {quitCta}\n            <AssistanceLink {...assistanceLink} />\n          </div>\n          {isLoading ? <Loader className={style.activeLoader} /> : null}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PopinCorrection;\n"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -2,33 +2,58 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
+
 var _button = _interopRequireDefault(require("../../../atom/button"));
+
 var _link = _interopRequireDefault(require("../../../atom/link"));
+
 var _discussion = _interopRequireDefault(require("../../../organism/discussion"));
+
 var _loader = _interopRequireDefault(require("../../../atom/loader"));
+
 var _card = _interopRequireDefault(require("../../../molecule/card"));
+
 var _feedback = _interopRequireDefault(require("../../../molecule/feedback"));
+
 var _cardsList = _interopRequireDefault(require("../../../molecule/dashboard/cards-list"));
+
 var _popinHeader = _interopRequireDefault(require("../popin-header"));
+
 var _lottieWrapper = _interopRequireDefault(require("../../../atom/lottie-wrapper"));
+
 var _summary = _interopRequireDefault(require("./summary.css"));
+
 const _excluded = ["title"],
-  _excluded2 = ["title"],
-  _excluded3 = ["type"],
-  _excluded4 = ["title", "color"];
+      _excluded2 = ["title"],
+      _excluded3 = ["type"],
+      _excluded4 = ["title", "color"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 const Header = props => /*#__PURE__*/_react.default.createElement(_popinHeader.default, props);
+
 const SimpleAction = ({
   color,
   prefix,
@@ -36,9 +61,10 @@ const SimpleAction = ({
   button
 }) => {
   const {
-      title: buttonTitle
-    } = button,
-    linkProps = _objectWithoutPropertiesLoose(button, _excluded);
+    title: buttonTitle
+  } = button,
+        linkProps = _objectWithoutPropertiesLoose(button, _excluded);
+
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "simpleAction",
     className: _summary.default.simpleWrapper
@@ -49,8 +75,7 @@ const SimpleAction = ({
     className: _summary.default.simplePrefix
   }, prefix), /*#__PURE__*/_react.default.createElement("span", {
     "data-name": "simpleTitle",
-    className: (0, _classnames.default)(_summary.default.simpleTitle, _summary.default.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
@@ -64,12 +89,14 @@ const SimpleAction = ({
     submitValue: buttonTitle
   })));
 };
+
 SimpleAction.propTypes = process.env.NODE_ENV !== "production" ? {
   color: _propTypes.default.string,
   prefix: _propTypes.default.string,
   title: _propTypes.default.string,
   button: _propTypes.default.shape(_button.default.propTypes)
 } : {};
+
 const NextCourse = ({
   title,
   prefix,
@@ -82,8 +109,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, _summary.default.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
@@ -93,11 +119,13 @@ const NextCourse = ({
 }, /*#__PURE__*/_react.default.createElement(_card.default, _extends({}, card, {
   dataName: 'popin-end-next-course'
 }))));
+
 NextCourse.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   prefix: _propTypes.default.string,
   card: _propTypes.default.shape(_cardsList.default.propTypes)
 } : {};
+
 const Subscribe = ({
   title,
   description,
@@ -105,9 +133,10 @@ const Subscribe = ({
   card
 }) => {
   const {
-      title: buttonTitle
-    } = button,
-    linkProps = _objectWithoutPropertiesLoose(button, _excluded2);
+    title: buttonTitle
+  } = button,
+        linkProps = _objectWithoutPropertiesLoose(button, _excluded2);
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _summary.default.subscribeWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -115,8 +144,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, _summary.default.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
@@ -131,6 +159,7 @@ const Subscribe = ({
     dataName: 'popin-end-subscribe'
   }))));
 };
+
 Subscribe.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _button.default.propTypes.propTypes, {
   title: _button.default.propTypes.submitValue
 }) : {};
@@ -139,20 +168,25 @@ const actions = {
   subscribe: Subscribe,
   nextCourse: NextCourse
 };
+
 const Action = props => {
   const {
-      type
-    } = props,
-    actionProps = _objectWithoutPropertiesLoose(props, _excluded3);
+    type
+  } = props,
+        actionProps = _objectWithoutPropertiesLoose(props, _excluded3);
+
   const Type = (0, _get2.default)(type, actions);
   return Type ? /*#__PURE__*/_react.default.createElement(Type, actionProps) : null;
 };
+
 Action.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _propTypes.default.oneOf((0, _keys2.default)(actions))
 } : {};
+
 const CardsLoader = () => /*#__PURE__*/_react.default.createElement("div", {
   className: _summary.default.loaderWrapper
 }, /*#__PURE__*/_react.default.createElement(_loader.default, null));
+
 const CommentConfirmation = (props, context) => {
   const {
     onClick,
@@ -177,6 +211,7 @@ const CommentConfirmation = (props, context) => {
     className: _summary.default.commentSectionLink
   }, confirmationLinkText)));
 };
+
 CommentConfirmation.propTypes = process.env.NODE_ENV !== "production" ? {
   commentSectionTitle: _propTypes.default.node,
   confirmationLinkText: _link.default.propTypes.children,
@@ -185,12 +220,14 @@ CommentConfirmation.propTypes = process.env.NODE_ENV !== "production" ? {
 CommentConfirmation.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
+
 const CommentSection = props => {
   const {
     isSent,
     edition,
     confirmation
   } = props;
+
   if (isSent) {
     const {
       onClick,
@@ -203,13 +240,16 @@ const CommentSection = props => {
       confirmationLinkText: confirmationLinkText
     });
   }
+
   return /*#__PURE__*/_react.default.createElement(_discussion.default, edition);
 };
+
 CommentSection.propTypes = process.env.NODE_ENV !== "production" ? {
   isSent: _propTypes.default.bool,
   edition: _propTypes.default.shape(_discussion.default.propTypes),
   confirmation: _propTypes.default.shape(CommentConfirmation.propTypes)
 } : {};
+
 const Cards = props => {
   const {
     cards
@@ -220,13 +260,16 @@ const Cards = props => {
     dataName: 'popin-end-recommendation'
   })))) || null;
 };
+
 Cards.propTypes = process.env.NODE_ENV !== "production" ? _cardsList.default.propTypes : {};
+
 const Footer = _ref => {
   let {
-      title,
-      color
-    } = _ref,
-    linkProps = _objectWithoutPropertiesLoose(_ref, _excluded4);
+    title,
+    color
+  } = _ref,
+      linkProps = _objectWithoutPropertiesLoose(_ref, _excluded4);
+
   return /*#__PURE__*/_react.default.createElement(_link.default, _extends({}, linkProps, {
     style: {
       color
@@ -237,10 +280,12 @@ const Footer = _ref => {
     "data-next": "home"
   }), title);
 };
+
 Footer.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _link.default.propTypes, {
   title: _link.default.propTypes.children,
   color: _propTypes.default.string
 }) : {};
+
 const Summary = (props, context) => {
   const {
     header,
@@ -275,6 +320,7 @@ const Summary = (props, context) => {
     color: primary
   })), /*#__PURE__*/_react.default.createElement(Cards, recommendation), commentView, footerView));
 };
+
 const BackgroundScorm = props => {
   const {
     mode = 'default',
@@ -316,6 +362,7 @@ const BackgroundScorm = props => {
   }, children));
   return children;
 };
+
 Summary.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };