@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

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

@@ -6,8 +6,11 @@ import _isEmpty from "lodash/fp/isEmpty";
 import _isNil from "lodash/fp/isNil";
 import _defer from "lodash/fp/defer";
 const _excluded = ["title"];
+
 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; }
+
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionCoorpacademyCheck as CheckIcon, NovaLineInterfaceFeedbackInterfaceAlertCircle as AlertIcon } from '@coorpacademy/nova-icons';
@@ -20,6 +23,7 @@ import Accordion from '../../../organism/accordion/container';
 import CMPopin from '../../../molecule/cm-popin';
 import Header from '../popin-header';
 import style from './style.css';
+
 const extractTabs = items => _keys(items).map(type => {
   const item = items[type];
   return {
@@ -28,6 +32,7 @@ const extractTabs = items => _keys(items).map(type => {
     isOpen: item.open
   };
 });
+
 const Resources = ({
   resources,
   overlay
@@ -38,28 +43,31 @@ const Resources = ({
   overlay: overlay,
   className: style.browser
 }));
+
 Resources.propTypes = process.env.NODE_ENV !== "production" ? {
   resources: PropTypes.shape({
     value: ResourceBrowser.propTypes.resources
   }),
   overlay: ResourceBrowser.propTypes.overlay
 } : {};
+
 const SimpleText = ({
   text
 }) => /*#__PURE__*/React.createElement("div", {
   "data-name": "simpleText",
   className: style.simpleTextWrapper
 }, /*#__PURE__*/React.createElement("p", {
-  className: classnames(style.simpleText, style.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: classnames(style.simpleText, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: text
   }
 }));
+
 SimpleText.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string
 } : {};
+
 const AssistanceLink = (props, context) => {
   if (_isEmpty(props)) return null;
   const {
@@ -70,7 +78,9 @@ const AssistanceLink = (props, context) => {
   const {
     skin
   } = context;
+
   const white = _get('common.white', skin);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapperAssistance,
     onClick: onClick
@@ -81,6 +91,7 @@ const AssistanceLink = (props, context) => {
     className: style.titleLink
   }, " ", title, " "));
 };
+
 AssistanceLink.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -88,6 +99,7 @@ AssistanceLink.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   onClick: PropTypes.func
 } : {};
+
 const Question = ({
   header,
   answer,
@@ -95,8 +107,7 @@ const Question = ({
 }) => /*#__PURE__*/React.createElement("div", {
   className: style.question
 }, /*#__PURE__*/React.createElement("p", {
-  className: classnames(style.questionHeader, style.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: classnames(style.questionHeader, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: header
@@ -109,18 +120,19 @@ const Question = ({
 }), answerPrefix ? /*#__PURE__*/React.createElement("span", {
   className: style.answerPrefix
 }, answerPrefix) : null, /*#__PURE__*/React.createElement("span", {
-  className: classnames(style.answer, style.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: classnames(style.answer, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: answer
   }
 })));
+
 Question.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.string,
   answerPrefix: PropTypes.string,
   answer: PropTypes.string
 } : {};
+
 class PopinCorrection extends Component {
   constructor(props) {
     super(props);
@@ -129,9 +141,11 @@ class PopinCorrection extends Component {
     };
     this.initWrapper = this.initWrapper.bind(this);
   }
+
   componentDidMount() {
     this.deferOpen();
   }
+
   deferOpen() {
     clearTimeout(this.deferedOpen);
     this.deferedOpen = _defer(() => {
@@ -144,9 +158,11 @@ class PopinCorrection extends Component {
       onOpen && onOpen();
     });
   }
+
   initWrapper(wrapper) {
     this.wrapper = wrapper;
   }
+
   render() {
     const {
       header = {},
@@ -168,19 +184,25 @@ class PopinCorrection extends Component {
     const {
       skin
     } = this.context;
+
     const primary = _getOr('#f0f', 'common.primary', skin);
+
     const tabs = extractTabs({
       resources,
       klf,
       tips
     });
+
     const isLoading = _isNil(header.failed);
+
     const className = open ? style.finalBackground : style.initialBackground;
+
     const _ref = quit.cta || {},
-      {
-        title
-      } = _ref,
-      linkProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+          {
+      title
+    } = _ref,
+          linkProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+
     const quitCta = title || extraLifeGranted ? /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
       style: {
         color: primary
@@ -219,7 +241,9 @@ class PopinCorrection extends Component {
       className: style.activeLoader
     }) : null));
   }
+
 }
+
 PopinCorrection.contextTypes = {
   skin: Provider.childContextTypes.skin
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Component","PropTypes","NovaCompositionCoorpacademyCheck","CheckIcon","NovaLineInterfaceFeedbackInterfaceAlertCircle","AlertIcon","classnames","Loader","Link","Provider","ResourceBrowser","Accordion","CMPopin","Header","style","extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","browserWrapper","value","browser","propTypes","shape","SimpleText","text","simpleTextWrapper","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","constructor","state","initWrapper","bind","componentDidMount","deferOpen","clearTimeout","deferedOpen","onOpen","setState","wrapper","render","extraLifeGranted","gameOver","klf","tips","quit","assistanceLink","popinError","primary","tabs","isLoading","failed","className","finalBackground","initialBackground","cta","linkProps","quitCta","color","hideQuitCta","scrollWrapper","loadingWrapper","loadingContent","content","activeLoader"],"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":["React","Component","PropTypes","NovaCompositionCoorpacademyCheck","CheckIcon","NovaLineInterfaceFeedbackInterfaceAlertCircle","AlertIcon","classnames","Loader","Link","Provider","ResourceBrowser","Accordion","CMPopin","Header","style","extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","browserWrapper","value","browser","propTypes","shape","SimpleText","text","simpleTextWrapper","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","constructor","state","initWrapper","bind","componentDidMount","deferOpen","clearTimeout","deferedOpen","onOpen","setState","wrapper","render","extraLifeGranted","gameOver","klf","tips","quit","assistanceLink","popinError","primary","tabs","isLoading","failed","className","finalBackground","initialBackground","cta","linkProps","quitCta","color","hideQuitCta","scrollWrapper","loadingWrapper","loadingContent","content","activeLoader"],"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/es/template/app-player/popin-end/index.js

@@ -1,10 +1,12 @@
 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); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import Header from '../player/slides/header';
 import CMPopin from '../../../molecule/cm-popin';
 import Summary from './summary';
 import style from './style.css';
+
 const Content = props => {
   const {
     mode = 'default'
@@ -13,9 +15,11 @@ const Content = props => {
     className: mode !== 'scorm' ? style.popinWrapper : null
   }, /*#__PURE__*/React.createElement(Summary, props));
 };
+
 Content.propTypes = process.env.NODE_ENV !== "production" ? {
   mode: PropTypes.oneOf(['scorm', 'default'])
 } : {};
+
 const PopinEnd = props => {
   const {
     header,
@@ -32,6 +36,7 @@ const PopinEnd = props => {
     mode: mode
   })));
 };
+
 PopinEnd.propTypes = process.env.NODE_ENV !== "production" ? {
   header: PropTypes.shape(Header.propTypes),
   summary: PropTypes.shape(Summary.propTypes),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Header","CMPopin","Summary","style","Content","props","mode","popinWrapper","propTypes","oneOf","PopinEnd","header","summary","popinError","wrapper","slidesHeader","shape"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,OAAO,MAAM,4BAA4B;AAChD,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACC,IAAI,GAAG;EAAS,CAAC,GAAGD,KAAK;EAChC,oBACE;IAAK,SAAS,EAAEC,IAAI,KAAK,OAAO,GAAGH,KAAK,CAACI,YAAY,GAAG;EAAK,gBAC3D,oBAAC,OAAO,EAAKF,KAAK,CAAI,CAClB;AAEV,CAAC;AACDD,OAAO,CAACI,SAAS,2CAAG;EAClBF,IAAI,EAAEP,SAAS,CAACU,KAAK,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC;AAC5C,CAAC;AAED,MAAMC,QAAQ,GAAGL,KAAK,IAAI;EACxB,MAAM;IAACM,MAAM;IAAEC,OAAO;IAAEN,IAAI,GAAG,SAAS;IAAEO;EAAU,CAAC,GAAGR,KAAK;EAC7D,oBACE;IAAK,aAAU,UAAU;IAAC,SAAS,EAAEF,KAAK,CAACW;EAAQ,GAChDD,UAAU,gBAAG,oBAAC,OAAO,EAAKA,UAAU,CAAI,GAAG,IAAI,eAChD;IAAK,SAAS,EAAEV,KAAK,CAACY;EAAa,gBACjC,oBAAC,MAAM,EAAKJ,MAAM,CAAI,CAClB,eACN,oBAAC,OAAO,eAAKC,OAAO;IAAE,IAAI,EAAEN;EAAK,GAAG,CAChC;AAEV,CAAC;AAEDI,QAAQ,CAACF,SAAS,2CAAG;EACnBG,MAAM,EAAEZ,SAAS,CAACiB,KAAK,CAAChB,MAAM,CAACQ,SAAS,CAAC;EACzCI,OAAO,EAAEb,SAAS,CAACiB,KAAK,CAACd,OAAO,CAACM,SAAS,CAAC;EAC3CF,IAAI,EAAEP,SAAS,CAACU,KAAK,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;EAC3CI,UAAU,EAAEd,SAAS,CAACiB,KAAK,CAACf,OAAO,CAACO,SAAS;AAC/C,CAAC;AAED,eAAeE,QAAQ"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Header","CMPopin","Summary","style","Content","props","mode","popinWrapper","propTypes","oneOf","PopinEnd","header","summary","popinError","wrapper","slidesHeader","shape"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAGC,KAAK,IAAI;EACvB,MAAM;IAACC,IAAI,GAAG;EAAR,IAAqBD,KAA3B;EACA,oBACE;IAAK,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBH,KAAK,CAACI,YAAzB,GAAwC;EAAxD,gBACE,oBAAC,OAAD,EAAaF,KAAb,CADF,CADF;AAKD,CAPD;;AAQAD,OAAO,CAACI,SAAR,2CAAoB;EAClBF,IAAI,EAAEP,SAAS,CAACU,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AADY,CAApB;;AAIA,MAAMC,QAAQ,GAAGL,KAAK,IAAI;EACxB,MAAM;IAACM,MAAD;IAASC,OAAT;IAAkBN,IAAI,GAAG,SAAzB;IAAoCO;EAApC,IAAkDR,KAAxD;EACA,oBACE;IAAK,aAAU,UAAf;IAA0B,SAAS,EAAEF,KAAK,CAACW;EAA3C,GACGD,UAAU,gBAAG,oBAAC,OAAD,EAAaA,UAAb,CAAH,GAAiC,IAD9C,eAEE;IAAK,SAAS,EAAEV,KAAK,CAACY;EAAtB,gBACE,oBAAC,MAAD,EAAYJ,MAAZ,CADF,CAFF,eAKE,oBAAC,OAAD,eAAaC,OAAb;IAAsB,IAAI,EAAEN;EAA5B,GALF,CADF;AASD,CAXD;;AAaAI,QAAQ,CAACF,SAAT,2CAAqB;EACnBG,MAAM,EAAEZ,SAAS,CAACiB,KAAV,CAAgBhB,MAAM,CAACQ,SAAvB,CADW;EAEnBI,OAAO,EAAEb,SAAS,CAACiB,KAAV,CAAgBd,OAAO,CAACM,SAAxB,CAFU;EAGnBF,IAAI,EAAEP,SAAS,CAACU,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB,CAHa;EAInBI,UAAU,EAAEd,SAAS,CAACiB,KAAV,CAAgBf,OAAO,CAACO,SAAxB;AAJO,CAArB;AAOA,eAAeE,QAAf"}

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

@@ -3,11 +3,14 @@ import _keys from "lodash/fp/keys";
 import _getOr from "lodash/fp/getOr";
 import _get from "lodash/fp/get";
 const _excluded = ["title"],
-  _excluded2 = ["title"],
-  _excluded3 = ["type"],
-  _excluded4 = ["title", "color"];
+      _excluded2 = ["title"],
+      _excluded3 = ["type"],
+      _excluded4 = ["title", "color"];
+
 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; }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -23,7 +26,9 @@ import CardsList from '../../../molecule/dashboard/cards-list';
 import PopinHeader from '../popin-header';
 import AtomLottieWrapper from '../../../atom/lottie-wrapper';
 import style from './summary.css';
+
 const Header = props => /*#__PURE__*/React.createElement(PopinHeader, props);
+
 const SimpleAction = ({
   color,
   prefix,
@@ -31,9 +36,10 @@ const SimpleAction = ({
   button
 }) => {
   const {
-      title: buttonTitle
-    } = button,
-    linkProps = _objectWithoutPropertiesLoose(button, _excluded);
+    title: buttonTitle
+  } = button,
+        linkProps = _objectWithoutPropertiesLoose(button, _excluded);
+
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "simpleAction",
     className: style.simpleWrapper
@@ -44,8 +50,7 @@ const SimpleAction = ({
     className: style.simplePrefix
   }, prefix), /*#__PURE__*/React.createElement("span", {
     "data-name": "simpleTitle",
-    className: classnames(style.simpleTitle, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.simpleTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -59,12 +64,14 @@ const SimpleAction = ({
     submitValue: buttonTitle
   })));
 };
+
 SimpleAction.propTypes = process.env.NODE_ENV !== "production" ? {
   color: PropTypes.string,
   prefix: PropTypes.string,
   title: PropTypes.string,
   button: PropTypes.shape(Button.propTypes)
 } : {};
+
 const NextCourse = ({
   title,
   prefix,
@@ -77,8 +84,7 @@ const NextCourse = ({
 }, /*#__PURE__*/React.createElement("div", {
   className: style.nextCoursePrefix
 }, prefix), /*#__PURE__*/React.createElement("div", {
-  className: classnames(style.nextCourseTitle, style.innerHTML)
-  // eslint-disable-next-line react/no-danger
+  className: classnames(style.nextCourseTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
   ,
   dangerouslySetInnerHTML: {
     __html: title
@@ -88,11 +94,13 @@ const NextCourse = ({
 }, /*#__PURE__*/React.createElement(Card, _extends({}, card, {
   dataName: 'popin-end-next-course'
 }))));
+
 NextCourse.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   prefix: PropTypes.string,
   card: PropTypes.shape(CardsList.propTypes)
 } : {};
+
 const Subscribe = ({
   title,
   description,
@@ -100,9 +108,10 @@ const Subscribe = ({
   card
 }) => {
   const {
-      title: buttonTitle
-    } = button,
-    linkProps = _objectWithoutPropertiesLoose(button, _excluded2);
+    title: buttonTitle
+  } = button,
+        linkProps = _objectWithoutPropertiesLoose(button, _excluded2);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.subscribeWrapper
   }, /*#__PURE__*/React.createElement("div", {
@@ -110,8 +119,7 @@ const Subscribe = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: style.subscribeDescription
   }, description), /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.subscribeTitle, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(style.subscribeTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -126,6 +134,7 @@ const Subscribe = ({
     dataName: 'popin-end-subscribe'
   }))));
 };
+
 Subscribe.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, Button.propTypes.propTypes, {
   title: Button.propTypes.submitValue
 }) : {};
@@ -134,20 +143,26 @@ const actions = {
   subscribe: Subscribe,
   nextCourse: NextCourse
 };
+
 const Action = props => {
   const {
-      type
-    } = props,
-    actionProps = _objectWithoutPropertiesLoose(props, _excluded3);
+    type
+  } = props,
+        actionProps = _objectWithoutPropertiesLoose(props, _excluded3);
+
   const Type = _get(type, actions);
+
   return Type ? /*#__PURE__*/React.createElement(Type, actionProps) : null;
 };
+
 Action.propTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.oneOf(_keys(actions))
 } : {};
+
 const CardsLoader = () => /*#__PURE__*/React.createElement("div", {
   className: style.loaderWrapper
 }, /*#__PURE__*/React.createElement(Loader, null));
+
 const CommentConfirmation = (props, context) => {
   const {
     onClick,
@@ -157,7 +172,9 @@ const CommentConfirmation = (props, context) => {
   const {
     skin
   } = context;
+
   const dark = _get('common.dark', skin);
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.commentSection
   }, /*#__PURE__*/React.createElement("div", {
@@ -172,6 +189,7 @@ const CommentConfirmation = (props, context) => {
     className: style.commentSectionLink
   }, confirmationLinkText)));
 };
+
 CommentConfirmation.propTypes = process.env.NODE_ENV !== "production" ? {
   commentSectionTitle: PropTypes.node,
   confirmationLinkText: Link.propTypes.children,
@@ -180,12 +198,14 @@ CommentConfirmation.propTypes = process.env.NODE_ENV !== "production" ? {
 CommentConfirmation.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
+
 const CommentSection = props => {
   const {
     isSent,
     edition,
     confirmation
   } = props;
+
   if (isSent) {
     const {
       onClick,
@@ -198,13 +218,16 @@ const CommentSection = props => {
       confirmationLinkText: confirmationLinkText
     });
   }
+
   return /*#__PURE__*/React.createElement(Discussion, edition);
 };
+
 CommentSection.propTypes = process.env.NODE_ENV !== "production" ? {
   isSent: PropTypes.bool,
   edition: PropTypes.shape(Discussion.propTypes),
   confirmation: PropTypes.shape(CommentConfirmation.propTypes)
 } : {};
+
 const Cards = props => {
   const {
     cards
@@ -215,13 +238,16 @@ const Cards = props => {
     dataName: 'popin-end-recommendation'
   })))) || null;
 };
+
 Cards.propTypes = process.env.NODE_ENV !== "production" ? CardsList.propTypes : {};
+
 const Footer = _ref => {
   let {
-      title,
-      color
-    } = _ref,
-    linkProps = _objectWithoutPropertiesLoose(_ref, _excluded4);
+    title,
+    color
+  } = _ref,
+      linkProps = _objectWithoutPropertiesLoose(_ref, _excluded4);
+
   return /*#__PURE__*/React.createElement(Link, _extends({}, linkProps, {
     style: {
       color
@@ -232,10 +258,12 @@ const Footer = _ref => {
     "data-next": "home"
   }), title);
 };
+
 Footer.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, Link.propTypes, {
   title: Link.propTypes.children,
   color: PropTypes.string
 }) : {};
+
 const Summary = (props, context) => {
   const {
     header,
@@ -249,7 +277,9 @@ const Summary = (props, context) => {
   const {
     skin
   } = context;
+
   const primary = _getOr('#f0f', 'common.primary', skin);
+
   const commentView = mode !== 'scorm' && comment && header ? /*#__PURE__*/React.createElement("div", {
     className: style.discussionWrapper
   }, /*#__PURE__*/React.createElement(CommentSection, comment)) : null;
@@ -270,6 +300,7 @@ const Summary = (props, context) => {
     color: primary
   })), /*#__PURE__*/React.createElement(Cards, recommendation), commentView, footerView));
 };
+
 const BackgroundScorm = props => {
   const {
     mode = 'default',
@@ -311,6 +342,7 @@ const BackgroundScorm = props => {
   }, children));
   return children;
 };
+
 Summary.contextTypes = {
   skin: Provider.childContextTypes.skin
 };