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

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
 };

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

@@ -1 +1 @@
-{"version":3,"file":"summary.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Provider","Button","Link","Discussion","Loader","Card","Feedback","CardsList","PopinHeader","AtomLottieWrapper","style","Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","string","shape","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","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","children","contextTypes","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","mode","primary","commentView","discussionWrapper","footerView","feedbackView","failed","summaryWrapper","BackgroundScorm","organismPlayerResultContainerScorm","animationContainer","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","animationControl","lottie","ie11Backup","background","largeCircle","mediumCircle","smallCircle","content","href","func","isRequired"],"sources":["../../../../src/template/app-player/popin-end/summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport PopinHeader from '../popin-header';\nimport AtomLottieWrapper from '../../../atom/lottie-wrapper';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n      <div className={style.simpleTexts}>\n        <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n          {prefix}\n        </span>\n        <span\n          data-name=\"simpleTitle\"\n          className={classnames(style.simpleTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n      <Button\n        {...linkProps}\n        type=\"link\"\n        style={{\n          backgroundColor: color\n        }}\n        className={style.simpleButton}\n        submitValue={buttonTitle}\n      />\n    </div>\n  );\n};\nSimpleAction.propTypes = {\n  color: PropTypes.string,\n  prefix: PropTypes.string,\n  title: PropTypes.string,\n  button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n  <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n    <div className={style.nextCourseTexts}>\n      <div className={style.nextCoursePrefix}>{prefix}</div>\n      <div\n        className={classnames(style.nextCourseTitle, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n    </div>\n    <div className={style.nextCourseCard}>\n      <Card {...card} dataName={'popin-end-next-course'} />\n    </div>\n  </div>\n);\nNextCourse.propTypes = {\n  title: PropTypes.string,\n  prefix: PropTypes.string,\n  card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div className={style.subscribeWrapper}>\n      <div className={style.subscribeTexts}>\n        <div className={style.subscribeDescription}>{description}</div>\n        <div\n          className={classnames(style.subscribeTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.subscribeButtonWrapper}>\n          <Button\n            {...linkProps}\n            type=\"link\"\n            className={style.subscribeButton}\n            submitValue={buttonTitle}\n          />\n        </div>\n      </div>\n      <div>\n        <Card {...card} dataName={'popin-end-subscribe'} />\n      </div>\n    </div>\n  );\n};\n\nSubscribe.propTypes = {\n  ...Button.propTypes.propTypes,\n  title: Button.propTypes.submitValue\n};\n\nconst actions = {\n  simple: SimpleAction,\n  subscribe: Subscribe,\n  nextCourse: NextCourse\n};\n\nconst Action = props => {\n  const {type, ...actionProps} = props;\n  const Type = get(type, actions);\n\n  return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n  type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n  <div className={style.loaderWrapper}>\n    <Loader />\n  </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n  const {onClick, commentSectionTitle, confirmationLinkText} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.commentSection}>\n      <div className={style.commentSectionIconWrapper}>\n        <CheckIcon className={style.commentSectionIcon} color={dark} />\n      </div>\n      <div className={style.commentSectionTexts}>\n        <p>{commentSectionTitle}</p>\n        <Link onClick={onClick} className={style.commentSectionLink}>\n          {confirmationLinkText}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nCommentConfirmation.propTypes = {\n  commentSectionTitle: PropTypes.node,\n  confirmationLinkText: Link.propTypes.children,\n  onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n  const {isSent, edition, confirmation} = props;\n  if (isSent) {\n    const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n    return (\n      <CommentConfirmation\n        onClick={onClick}\n        commentSectionTitle={commentSectionTitle}\n        confirmationLinkText={confirmationLinkText}\n      />\n    );\n  }\n\n  return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n  isSent: PropTypes.bool,\n  edition: PropTypes.shape(Discussion.propTypes),\n  confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n  const {cards} = props;\n\n  return get('cards', props) === null ? (\n    <CardsLoader />\n  ) : (\n    (isEmpty(cards) ? null : (\n      <div className={style.cardsWrapper}>\n        <CardsList {...props} dataName={'popin-end-recommendation'} />\n      </div>\n    )) || null\n  );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n  <Link\n    {...linkProps}\n    style={{\n      color\n    }}\n    className={style.footer}\n    data-name=\"nextLink\"\n    data-popin=\"popinEnd\"\n    data-next=\"home\"\n  >\n    {title}\n  </Link>\n);\n\nFooter.propTypes = {\n  ...Link.propTypes,\n  title: Link.propTypes.children,\n  color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n  const {header, recommendation, comment, footer, action, feedback, mode} = props;\n  const {skin} = context;\n  const primary = getOr('#f0f', 'common.primary', skin);\n  const commentView =\n    mode !== 'scorm' && comment && header ? (\n      <div className={style.discussionWrapper}>\n        <CommentSection {...comment} />\n      </div>\n    ) : null;\n  const footerView =\n    mode !== 'scorm' && footer && header ? <Footer {...footer} color={primary} /> : null;\n  const feedbackView = feedback ? <Feedback {...feedback} mode={mode} /> : null;\n\n  return (\n    <BackgroundScorm mode={mode} failed={header.failed}>\n      <div className={mode !== 'scorm' ? style.summaryWrapper : null}>\n        <Header {...header} mode={mode} />\n        {feedbackView}\n        <Action {...action} color={primary} />\n        <Cards {...recommendation} />\n        {commentView}\n        {footerView}\n      </div>\n    </BackgroundScorm>\n  );\n};\n\nconst BackgroundScorm = props => {\n  const {mode = 'default', children, failed} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.organismPlayerResultContainerScorm}>\n        {failed === false ? (\n          <div className={style.animationContainer}>\n            <AtomLottieWrapper\n              {...{\n                'aria-label': 'aria lottie',\n                'data-name': 'default-lottie',\n                className: undefined,\n                animationSrc:\n                  'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n                loop: undefined,\n                autoplay: true,\n                rendererSettings: {\n                  hideOnTransparent: false,\n                  animationClassName: ''\n                },\n                animationControl: undefined\n              }}\n              loop={false}\n              animationControl={'play'}\n              autoplay\n              data-name=\"lottie-wrapper\"\n              className={style.lottie}\n              backupImageClassName={style.ie11Backup}\n            />\n          </div>\n        ) : null}\n        <div className={style.background}>\n          <div className={style.largeCircle} />\n          <div className={style.mediumCircle} />\n          <div className={style.smallCircle} />\n        </div>\n        <div className={style.content}>{children}</div>\n      </div>\n    );\n  return children;\n};\n\nSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n  header: PropTypes.shape(PopinHeader.propTypes),\n  footer: PropTypes.shape({\n    title: PropTypes.string,\n    href: Link.propTypes.href,\n    onClick: PropTypes.func\n  }),\n  comment: PropTypes.shape(CommentSection.propTypes),\n  action: PropTypes.shape({\n    type: PropTypes.oneOf(keys(actions)).isRequired\n  }),\n  recommendation: PropTypes.shape(CardsList.propTypes),\n  feedback: PropTypes.shape(Feedback.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default Summary;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,2BAA2B,IAAIC,SAAS,QAAO,0BAA0B;AACjF,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,IAAI,MAAM,oBAAoB;AACrC,OAAOC,UAAU,MAAM,8BAA8B;AACrD,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,QAAQ,MAAM,4BAA4B;AACjD,OAAOC,SAAS,MAAM,wCAAwC;AAC9D,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,iBAAiB,MAAM,8BAA8B;AAC5D,OAAOC,KAAK,MAAM,eAAe;AAEjC,MAAMC,MAAM,GAAGC,KAAK,iBAAI,oBAAC,WAAW,EAAKA,KAAK,CAAI;AAElD,MAAMC,YAAY,GAAG,CAAC;EAACC,KAAK;EAAEC,MAAM;EAAEC,KAAK;EAAEC;AAAM,CAAC,KAAK;EACvD,MAAM;MAACD,KAAK,EAAEE;IAAyB,CAAC,GAAGD,MAAM;IAAnBE,SAAS,iCAAIF,MAAM;EACjD,oBACE;IAAK,aAAU,cAAc;IAAC,SAAS,EAAEP,KAAK,CAACU;EAAc,gBAC3D;IAAK,SAAS,EAAEV,KAAK,CAACW;EAAY,gBAChC;IAAM,aAAU,cAAc;IAAC,SAAS,EAAEX,KAAK,CAACY;EAAa,GAC1DP,MAAM,CACF,eACP;IACE,aAAU,aAAa;IACvB,SAAS,EAAElB,UAAU,CAACa,KAAK,CAACa,WAAW,EAAEb,KAAK,CAACc,SAAS;IACxD;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAK;EAAE,EACzC,CACE,eACN,oBAAC,MAAM,eACDG,SAAS;IACb,IAAI,EAAC,MAAM;IACX,KAAK,EAAE;MACLO,eAAe,EAAEZ;IACnB,CAAE;IACF,SAAS,EAAEJ,KAAK,CAACiB,YAAa;IAC9B,WAAW,EAAET;EAAY,GACzB,CACE;AAEV,CAAC;AACDL,YAAY,CAACe,SAAS,2CAAG;EACvBd,KAAK,EAAElB,SAAS,CAACiC,MAAM;EACvBd,MAAM,EAAEnB,SAAS,CAACiC,MAAM;EACxBb,KAAK,EAAEpB,SAAS,CAACiC,MAAM;EACvBZ,MAAM,EAAErB,SAAS,CAACkC,KAAK,CAAC7B,MAAM,CAAC2B,SAAS;AAC1C,CAAC;AAED,MAAMG,UAAU,GAAG,CAAC;EAACf,KAAK;EAAED,MAAM;EAAEiB;AAAI,CAAC,kBACvC;EAAK,aAAU,YAAY;EAAC,SAAS,EAAEtB,KAAK,CAACuB;AAAkB,gBAC7D;EAAK,SAAS,EAAEvB,KAAK,CAACwB;AAAgB,gBACpC;EAAK,SAAS,EAAExB,KAAK,CAACyB;AAAiB,GAAEpB,MAAM,CAAO,eACtD;EACE,SAAS,EAAElB,UAAU,CAACa,KAAK,CAAC0B,eAAe,EAAE1B,KAAK,CAACc,SAAS;EAC5D;EAAA;EACA,uBAAuB,EAAE;IAACC,MAAM,EAAET;EAAK;AAAE,EACzC,CACE,eACN;EAAK,SAAS,EAAEN,KAAK,CAAC2B;AAAe,gBACnC,oBAAC,IAAI,eAAKL,IAAI;EAAE,QAAQ,EAAE;AAAwB,GAAG,CACjD,CAET;AACDD,UAAU,CAACH,SAAS,2CAAG;EACrBZ,KAAK,EAAEpB,SAAS,CAACiC,MAAM;EACvBd,MAAM,EAAEnB,SAAS,CAACiC,MAAM;EACxBG,IAAI,EAAEpC,SAAS,CAACkC,KAAK,CAACvB,SAAS,CAACqB,SAAS;AAC3C,CAAC;AAED,MAAMU,SAAS,GAAG,CAAC;EAACtB,KAAK;EAAEuB,WAAW;EAAEtB,MAAM;EAAEe;AAAI,CAAC,KAAK;EACxD,MAAM;MAAChB,KAAK,EAAEE;IAAyB,CAAC,GAAGD,MAAM;IAAnBE,SAAS,iCAAIF,MAAM;EACjD,oBACE;IAAK,SAAS,EAAEP,KAAK,CAAC8B;EAAiB,gBACrC;IAAK,SAAS,EAAE9B,KAAK,CAAC+B;EAAe,gBACnC;IAAK,SAAS,EAAE/B,KAAK,CAACgC;EAAqB,GAAEH,WAAW,CAAO,eAC/D;IACE,SAAS,EAAE1C,UAAU,CAACa,KAAK,CAACiC,cAAc,EAAEjC,KAAK,CAACc,SAAS;IAC3D;IAAA;IACA,uBAAuB,EAAE;MAACC,MAAM,EAAET;IAAK;EAAE,EACzC,eACF;IAAK,SAAS,EAAEN,KAAK,CAACkC;EAAuB,gBAC3C,oBAAC,MAAM,eACDzB,SAAS;IACb,IAAI,EAAC,MAAM;IACX,SAAS,EAAET,KAAK,CAACmC,eAAgB;IACjC,WAAW,EAAE3B;EAAY,GACzB,CACE,CACF,eACN,8CACE,oBAAC,IAAI,eAAKc,IAAI;IAAE,QAAQ,EAAE;EAAsB,GAAG,CAC/C,CACF;AAEV,CAAC;AAEDM,SAAS,CAACV,SAAS,wDACd3B,MAAM,CAAC2B,SAAS,CAACA,SAAS;EAC7BZ,KAAK,EAAEf,MAAM,CAAC2B,SAAS,CAACkB;AAAW;AAGrC,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAEnC,YAAY;EACpBoC,SAAS,EAAEX,SAAS;EACpBY,UAAU,EAAEnB;AACd,CAAC;AAED,MAAMoB,MAAM,GAAGvC,KAAK,IAAI;EACtB,MAAM;MAACwC;IAAoB,CAAC,GAAGxC,KAAK;IAApByC,WAAW,iCAAIzC,KAAK;EACpC,MAAM0C,IAAI,GAAG,KAAIF,IAAI,EAAEL,OAAO,CAAC;EAE/B,OAAOO,IAAI,gBAAG,oBAAC,IAAI,EAAKD,WAAW,CAAI,GAAG,IAAI;AAChD,CAAC;AAEDF,MAAM,CAACvB,SAAS,2CAAG;EACjBwB,IAAI,EAAExD,SAAS,CAAC2D,KAAK,CAAC,MAAKR,OAAO,CAAC;AACrC,CAAC;AAED,MAAMS,WAAW,GAAG,mBAClB;EAAK,SAAS,EAAE9C,KAAK,CAAC+C;AAAc,gBAClC,oBAAC,MAAM,OAAG,CAEb;AAED,MAAMC,mBAAmB,GAAG,CAAC9C,KAAK,EAAE+C,OAAO,KAAK;EAC9C,MAAM;IAACC,OAAO;IAAEC,mBAAmB;IAAEC;EAAoB,CAAC,GAAGlD,KAAK;EAClE,MAAM;IAACmD;EAAI,CAAC,GAAGJ,OAAO;EACtB,MAAMK,IAAI,GAAG,KAAI,aAAa,EAAED,IAAI,CAAC;EAErC,oBACE;IAAK,SAAS,EAAErD,KAAK,CAACuD;EAAe,gBACnC;IAAK,SAAS,EAAEvD,KAAK,CAACwD;EAA0B,gBAC9C,oBAAC,SAAS;IAAC,SAAS,EAAExD,KAAK,CAACyD,kBAAmB;IAAC,KAAK,EAAEH;EAAK,EAAG,CAC3D,eACN;IAAK,SAAS,EAAEtD,KAAK,CAAC0D;EAAoB,gBACxC,+BAAIP,mBAAmB,CAAK,eAC5B,oBAAC,IAAI;IAAC,OAAO,EAAED,OAAQ;IAAC,SAAS,EAAElD,KAAK,CAAC2D;EAAmB,GACzDP,oBAAoB,CAChB,CACH,CACF;AAEV,CAAC;AAEDJ,mBAAmB,CAAC9B,SAAS,2CAAG;EAC9BiC,mBAAmB,EAAEjE,SAAS,CAAC0E,IAAI;EACnCR,oBAAoB,EAAE5D,IAAI,CAAC0B,SAAS,CAAC2C,QAAQ;EAC7CX,OAAO,EAAE1D,IAAI,CAAC0B,SAAS,CAACgC;AAC1B,CAAC;AAEDF,mBAAmB,CAACc,YAAY,GAAG;EACjCT,IAAI,EAAE/D,QAAQ,CAACyE,iBAAiB,CAACV;AACnC,CAAC;AAED,MAAMW,cAAc,GAAG9D,KAAK,IAAI;EAC9B,MAAM;IAAC+D,MAAM;IAAEC,OAAO;IAAEC;EAAY,CAAC,GAAGjE,KAAK;EAC7C,IAAI+D,MAAM,EAAE;IACV,MAAM;MAACf,OAAO;MAAEC,mBAAmB;MAAEC;IAAoB,CAAC,GAAGe,YAAY;IACzE,oBACE,oBAAC,mBAAmB;MAClB,OAAO,EAAEjB,OAAQ;MACjB,mBAAmB,EAAEC,mBAAoB;MACzC,oBAAoB,EAAEC;IAAqB,EAC3C;EAEN;EAEA,oBAAO,oBAAC,UAAU,EAAKc,OAAO,CAAI;AACpC,CAAC;AAEDF,cAAc,CAAC9C,SAAS,2CAAG;EACzB+C,MAAM,EAAE/E,SAAS,CAACkF,IAAI;EACtBF,OAAO,EAAEhF,SAAS,CAACkC,KAAK,CAAC3B,UAAU,CAACyB,SAAS,CAAC;EAC9CiD,YAAY,EAAEjF,SAAS,CAACkC,KAAK,CAAC4B,mBAAmB,CAAC9B,SAAS;AAC7D,CAAC;AAED,MAAMmD,KAAK,GAAGnE,KAAK,IAAI;EACrB,MAAM;IAACoE;EAAK,CAAC,GAAGpE,KAAK;EAErB,OAAO,KAAI,OAAO,EAAEA,KAAK,CAAC,KAAK,IAAI,gBACjC,oBAAC,WAAW,OAAG,GAEf,CAAC,SAAQoE,KAAK,CAAC,GAAG,IAAI,gBACpB;IAAK,SAAS,EAAEtE,KAAK,CAACuE;EAAa,gBACjC,oBAAC,SAAS,eAAKrE,KAAK;IAAE,QAAQ,EAAE;EAA2B,GAAG,CAEjE,KAAK,IACP;AACH,CAAC;AAEDmE,KAAK,CAACnD,SAAS,2CAAGrB,SAAS,CAACqB,SAAS;AAErC,MAAMsD,MAAM,GAAG;EAAA,IAAC;MAAClE,KAAK;MAAEF;IAAmB,CAAC;IAAVK,SAAS;EAAA,oBACzC,oBAAC,IAAI,eACCA,SAAS;IACb,KAAK,EAAE;MACLL;IACF,CAAE;IACF,SAAS,EAAEJ,KAAK,CAACyE,MAAO;IACxB,aAAU,UAAU;IACpB,cAAW,UAAU;IACrB,aAAU;EAAM,IAEfnE,KAAK,CACD;AAAA,CACR;AAEDkE,MAAM,CAACtD,SAAS,wDACX1B,IAAI,CAAC0B,SAAS;EACjBZ,KAAK,EAAEd,IAAI,CAAC0B,SAAS,CAAC2C,QAAQ;EAC9BzD,KAAK,EAAElB,SAAS,CAACiC;AAAM;AAGzB,MAAMuD,OAAO,GAAG,CAACxE,KAAK,EAAE+C,OAAO,KAAK;EAClC,MAAM;IAAC0B,MAAM;IAAEC,cAAc;IAAEC,OAAO;IAAEJ,MAAM;IAAEK,MAAM;IAAEC,QAAQ;IAAEC;EAAI,CAAC,GAAG9E,KAAK;EAC/E,MAAM;IAACmD;EAAI,CAAC,GAAGJ,OAAO;EACtB,MAAMgC,OAAO,GAAG,OAAM,MAAM,EAAE,gBAAgB,EAAE5B,IAAI,CAAC;EACrD,MAAM6B,WAAW,GACfF,IAAI,KAAK,OAAO,IAAIH,OAAO,IAAIF,MAAM,gBACnC;IAAK,SAAS,EAAE3E,KAAK,CAACmF;EAAkB,gBACtC,oBAAC,cAAc,EAAKN,OAAO,CAAI,CAC3B,GACJ,IAAI;EACV,MAAMO,UAAU,GACdJ,IAAI,KAAK,OAAO,IAAIP,MAAM,IAAIE,MAAM,gBAAG,oBAAC,MAAM,eAAKF,MAAM;IAAE,KAAK,EAAEQ;EAAQ,GAAG,GAAG,IAAI;EACtF,MAAMI,YAAY,GAAGN,QAAQ,gBAAG,oBAAC,QAAQ,eAAKA,QAAQ;IAAE,IAAI,EAAEC;EAAK,GAAG,GAAG,IAAI;EAE7E,oBACE,oBAAC,eAAe;IAAC,IAAI,EAAEA,IAAK;IAAC,MAAM,EAAEL,MAAM,CAACW;EAAO,gBACjD;IAAK,SAAS,EAAEN,IAAI,KAAK,OAAO,GAAGhF,KAAK,CAACuF,cAAc,GAAG;EAAK,gBAC7D,oBAAC,MAAM,eAAKZ,MAAM;IAAE,IAAI,EAAEK;EAAK,GAAG,EACjCK,YAAY,eACb,oBAAC,MAAM,eAAKP,MAAM;IAAE,KAAK,EAAEG;EAAQ,GAAG,eACtC,oBAAC,KAAK,EAAKL,cAAc,CAAI,EAC5BM,WAAW,EACXE,UAAU,CACP,CACU;AAEtB,CAAC;AAED,MAAMI,eAAe,GAAGtF,KAAK,IAAI;EAC/B,MAAM;IAAC8E,IAAI,GAAG,SAAS;IAAEnB,QAAQ;IAAEyB;EAAM,CAAC,GAAGpF,KAAK;EAClD,IAAI8E,IAAI,KAAK,OAAO,EAClB,oBACE;IAAK,SAAS,EAAEhF,KAAK,CAACyF;EAAmC,GACtDH,MAAM,KAAK,KAAK,gBACf;IAAK,SAAS,EAAEtF,KAAK,CAAC0F;EAAmB,gBACvC,oBAAC,iBAAiB;IAEd,YAAY,EAAE,aAAa;IAC3B,WAAW,EAAE,gBAAgB;IAC7BC,SAAS,EAAEC,SAAS;IACpBC,YAAY,EACV,yEAAyE;IAC3EC,IAAI,EAAEF,SAAS;IACfG,QAAQ,EAAE,IAAI;IACdC,gBAAgB,EAAE;MAChBC,iBAAiB,EAAE,KAAK;MACxBC,kBAAkB,EAAE;IACtB,CAAC;IACDC,gBAAgB,EAAEP,SAAS;IAE7B,IAAI,EAAE,KAAM;IACZ,gBAAgB,EAAE,MAAO;IACzB,QAAQ;IACR,aAAU,gBAAgB;IAC1B,SAAS,EAAE5F,KAAK,CAACoG,MAAO;IACxB,oBAAoB,EAAEpG,KAAK,CAACqG;EAAW,EACvC,CACE,GACJ,IAAI,eACR;IAAK,SAAS,EAAErG,KAAK,CAACsG;EAAW,gBAC/B;IAAK,SAAS,EAAEtG,KAAK,CAACuG;EAAY,EAAG,eACrC;IAAK,SAAS,EAAEvG,KAAK,CAACwG;EAAa,EAAG,eACtC;IAAK,SAAS,EAAExG,KAAK,CAACyG;EAAY,EAAG,CACjC,eACN;IAAK,SAAS,EAAEzG,KAAK,CAAC0G;EAAQ,GAAE7C,QAAQ,CAAO,CAC3C;EAEV,OAAOA,QAAQ;AACjB,CAAC;AAEDa,OAAO,CAACZ,YAAY,GAAG;EACrBT,IAAI,EAAE/D,QAAQ,CAACyE,iBAAiB,CAACV;AACnC,CAAC;AAEDqB,OAAO,CAACxD,SAAS,2CAAG;EAClByD,MAAM,EAAEzF,SAAS,CAACkC,KAAK,CAACtB,WAAW,CAACoB,SAAS,CAAC;EAC9CuD,MAAM,EAAEvF,SAAS,CAACkC,KAAK,CAAC;IACtBd,KAAK,EAAEpB,SAAS,CAACiC,MAAM;IACvBwF,IAAI,EAAEnH,IAAI,CAAC0B,SAAS,CAACyF,IAAI;IACzBzD,OAAO,EAAEhE,SAAS,CAAC0H;EACrB,CAAC,CAAC;EACF/B,OAAO,EAAE3F,SAAS,CAACkC,KAAK,CAAC4C,cAAc,CAAC9C,SAAS,CAAC;EAClD4D,MAAM,EAAE5F,SAAS,CAACkC,KAAK,CAAC;IACtBsB,IAAI,EAAExD,SAAS,CAAC2D,KAAK,CAAC,MAAKR,OAAO,CAAC,CAAC,CAACwE;EACvC,CAAC,CAAC;EACFjC,cAAc,EAAE1F,SAAS,CAACkC,KAAK,CAACvB,SAAS,CAACqB,SAAS,CAAC;EACpD6D,QAAQ,EAAE7F,SAAS,CAACkC,KAAK,CAACxB,QAAQ,CAACsB,SAAS,CAAC;EAC7C8D,IAAI,EAAE9F,SAAS,CAAC2D,KAAK,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC;AAC5C,CAAC;AAED,eAAe6B,OAAO"}
+{"version":3,"file":"summary.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Provider","Button","Link","Discussion","Loader","Card","Feedback","CardsList","PopinHeader","AtomLottieWrapper","style","Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","string","shape","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","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","children","contextTypes","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","mode","primary","commentView","discussionWrapper","footerView","feedbackView","failed","summaryWrapper","BackgroundScorm","organismPlayerResultContainerScorm","animationContainer","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","animationControl","lottie","ie11Backup","background","largeCircle","mediumCircle","smallCircle","content","href","func","isRequired"],"sources":["../../../../src/template/app-player/popin-end/summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport PopinHeader from '../popin-header';\nimport AtomLottieWrapper from '../../../atom/lottie-wrapper';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n      <div className={style.simpleTexts}>\n        <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n          {prefix}\n        </span>\n        <span\n          data-name=\"simpleTitle\"\n          className={classnames(style.simpleTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n      <Button\n        {...linkProps}\n        type=\"link\"\n        style={{\n          backgroundColor: color\n        }}\n        className={style.simpleButton}\n        submitValue={buttonTitle}\n      />\n    </div>\n  );\n};\nSimpleAction.propTypes = {\n  color: PropTypes.string,\n  prefix: PropTypes.string,\n  title: PropTypes.string,\n  button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n  <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n    <div className={style.nextCourseTexts}>\n      <div className={style.nextCoursePrefix}>{prefix}</div>\n      <div\n        className={classnames(style.nextCourseTitle, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n    </div>\n    <div className={style.nextCourseCard}>\n      <Card {...card} dataName={'popin-end-next-course'} />\n    </div>\n  </div>\n);\nNextCourse.propTypes = {\n  title: PropTypes.string,\n  prefix: PropTypes.string,\n  card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div className={style.subscribeWrapper}>\n      <div className={style.subscribeTexts}>\n        <div className={style.subscribeDescription}>{description}</div>\n        <div\n          className={classnames(style.subscribeTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.subscribeButtonWrapper}>\n          <Button\n            {...linkProps}\n            type=\"link\"\n            className={style.subscribeButton}\n            submitValue={buttonTitle}\n          />\n        </div>\n      </div>\n      <div>\n        <Card {...card} dataName={'popin-end-subscribe'} />\n      </div>\n    </div>\n  );\n};\n\nSubscribe.propTypes = {\n  ...Button.propTypes.propTypes,\n  title: Button.propTypes.submitValue\n};\n\nconst actions = {\n  simple: SimpleAction,\n  subscribe: Subscribe,\n  nextCourse: NextCourse\n};\n\nconst Action = props => {\n  const {type, ...actionProps} = props;\n  const Type = get(type, actions);\n\n  return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n  type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n  <div className={style.loaderWrapper}>\n    <Loader />\n  </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n  const {onClick, commentSectionTitle, confirmationLinkText} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.commentSection}>\n      <div className={style.commentSectionIconWrapper}>\n        <CheckIcon className={style.commentSectionIcon} color={dark} />\n      </div>\n      <div className={style.commentSectionTexts}>\n        <p>{commentSectionTitle}</p>\n        <Link onClick={onClick} className={style.commentSectionLink}>\n          {confirmationLinkText}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nCommentConfirmation.propTypes = {\n  commentSectionTitle: PropTypes.node,\n  confirmationLinkText: Link.propTypes.children,\n  onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n  const {isSent, edition, confirmation} = props;\n  if (isSent) {\n    const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n    return (\n      <CommentConfirmation\n        onClick={onClick}\n        commentSectionTitle={commentSectionTitle}\n        confirmationLinkText={confirmationLinkText}\n      />\n    );\n  }\n\n  return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n  isSent: PropTypes.bool,\n  edition: PropTypes.shape(Discussion.propTypes),\n  confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n  const {cards} = props;\n\n  return get('cards', props) === null ? (\n    <CardsLoader />\n  ) : (\n    (isEmpty(cards) ? null : (\n      <div className={style.cardsWrapper}>\n        <CardsList {...props} dataName={'popin-end-recommendation'} />\n      </div>\n    )) || null\n  );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n  <Link\n    {...linkProps}\n    style={{\n      color\n    }}\n    className={style.footer}\n    data-name=\"nextLink\"\n    data-popin=\"popinEnd\"\n    data-next=\"home\"\n  >\n    {title}\n  </Link>\n);\n\nFooter.propTypes = {\n  ...Link.propTypes,\n  title: Link.propTypes.children,\n  color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n  const {header, recommendation, comment, footer, action, feedback, mode} = props;\n  const {skin} = context;\n  const primary = getOr('#f0f', 'common.primary', skin);\n  const commentView =\n    mode !== 'scorm' && comment && header ? (\n      <div className={style.discussionWrapper}>\n        <CommentSection {...comment} />\n      </div>\n    ) : null;\n  const footerView =\n    mode !== 'scorm' && footer && header ? <Footer {...footer} color={primary} /> : null;\n  const feedbackView = feedback ? <Feedback {...feedback} mode={mode} /> : null;\n\n  return (\n    <BackgroundScorm mode={mode} failed={header.failed}>\n      <div className={mode !== 'scorm' ? style.summaryWrapper : null}>\n        <Header {...header} mode={mode} />\n        {feedbackView}\n        <Action {...action} color={primary} />\n        <Cards {...recommendation} />\n        {commentView}\n        {footerView}\n      </div>\n    </BackgroundScorm>\n  );\n};\n\nconst BackgroundScorm = props => {\n  const {mode = 'default', children, failed} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.organismPlayerResultContainerScorm}>\n        {failed === false ? (\n          <div className={style.animationContainer}>\n            <AtomLottieWrapper\n              {...{\n                'aria-label': 'aria lottie',\n                'data-name': 'default-lottie',\n                className: undefined,\n                animationSrc:\n                  'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n                loop: undefined,\n                autoplay: true,\n                rendererSettings: {\n                  hideOnTransparent: false,\n                  animationClassName: ''\n                },\n                animationControl: undefined\n              }}\n              loop={false}\n              animationControl={'play'}\n              autoplay\n              data-name=\"lottie-wrapper\"\n              className={style.lottie}\n              backupImageClassName={style.ie11Backup}\n            />\n          </div>\n        ) : null}\n        <div className={style.background}>\n          <div className={style.largeCircle} />\n          <div className={style.mediumCircle} />\n          <div className={style.smallCircle} />\n        </div>\n        <div className={style.content}>{children}</div>\n      </div>\n    );\n  return children;\n};\n\nSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n  header: PropTypes.shape(PopinHeader.propTypes),\n  footer: PropTypes.shape({\n    title: PropTypes.string,\n    href: Link.propTypes.href,\n    onClick: PropTypes.func\n  }),\n  comment: PropTypes.shape(CommentSection.propTypes),\n  action: PropTypes.shape({\n    type: PropTypes.oneOf(keys(actions)).isRequired\n  }),\n  recommendation: PropTypes.shape(CardsList.propTypes),\n  feedback: PropTypes.shape(Feedback.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default Summary;\n"],"mappings":"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"}

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

@@ -10,8 +10,11 @@ import _get from "lodash/fp/get";
 import _flatten from "lodash/fp/flatten";
 import _compact from "lodash/fp/compact";
 const _excluded = ["title", "nextStepTitle", "showNextLevel"];
+
 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; }
+
 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 { NovaCompositionNavigationArrowRight as ArrowRight, NovaCompositionCoorpacademyCharts as ChartsIcon, NovaCompositionCoorpacademyStar as StarIcon, NovaCompositionCoorpacademyCheck as CheckIcon, NovaSolidStatusClose as Close } from '@coorpacademy/nova-icons';
@@ -24,14 +27,18 @@ import Transition from '../../../hoc/transition';
 import AnimationScheduler, { AnimationAdapter } from '../../../hoc/animation-scheduler';
 import Provider from '../../../atom/provider';
 import style from './style.css';
+
 const separator = index => /*#__PURE__*/React.createElement("span", {
   key: index,
   className: style.answerSeparator
 }, "/");
+
 const joinBySeparator = elements => {
   const separators = _times(separator, elements.length - 1);
+
   return _pipe(_zip, _flatten, _compact)(elements, separators);
 };
+
 const AnswersCorrection = ({
   corrections
 }) => {
@@ -41,8 +48,7 @@ const AnswersCorrection = ({
       key: key,
       "data-name": "answer",
       "data-correct": correction.isCorrect,
-      className: classnames(correction.isCorrect ? style.correctAnswer : style.wrongAnswer, style.innerHTML)
-      // eslint-disable-next-line react/no-danger
+      className: classnames(correction.isCorrect ? style.correctAnswer : style.wrongAnswer, style.innerHTML) // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: correction.answer
@@ -53,13 +59,16 @@ const AnswersCorrection = ({
     className: style.fullAnswer
   }, joinBySeparator(answers));
 };
+
 AnswersCorrection.propTypes = process.env.NODE_ENV !== "production" ? {
   corrections: PropTypes.arrayOf(PropTypes.shape({
     answer: PropTypes.string.isRequired,
     isCorrect: PropTypes.bool.isRequired
   }))
 } : {};
+
 const formatPlusSign = value => (value >= 0 ? '+' : '') + value;
+
 const Rank = ({
   failed,
   rank,
@@ -69,6 +78,7 @@ const Rank = ({
   skin
 }) => {
   const positive = _get('common.positive', skin);
+
   if (failed || _isNil(rank)) return null;
   return /*#__PURE__*/React.createElement(AnimationScheduler, {
     animated: animated,
@@ -92,6 +102,7 @@ const Rank = ({
     duration: 1000
   }, progress => _pipe(_parseInt2(10), _multiply(progress), _round, formatPlusSign)(rank)))));
 };
+
 Rank.propTypes = process.env.NODE_ENV !== "production" ? {
   failed: PropTypes.bool,
   rank: PropTypes.string,
@@ -101,6 +112,7 @@ Rank.propTypes = process.env.NODE_ENV !== "production" ? {
 Rank.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
+
 const Stars = ({
   failed,
   stars,
@@ -110,6 +122,7 @@ const Stars = ({
   skin
 }) => {
   const positive = _get('common.positive', skin);
+
   if (failed || _isNil(stars)) return null;
   return /*#__PURE__*/React.createElement(AnimationScheduler, {
     animated: animated,
@@ -134,6 +147,7 @@ const Stars = ({
     duration: 1000
   }, progress => _pipe(_parseInt2(10), _multiply(progress), _round, formatPlusSign)(stars)))));
 };
+
 Stars.propTypes = process.env.NODE_ENV !== "production" ? {
   failed: PropTypes.bool,
   stars: PropTypes.string,
@@ -143,6 +157,7 @@ Stars.propTypes = process.env.NODE_ENV !== "production" ? {
 Stars.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
+
 const Lifes = ({
   lives,
   failed,
@@ -158,12 +173,14 @@ const Lifes = ({
     className: style.life
   });
 };
+
 Lifes.propTypes = process.env.NODE_ENV !== "production" ? {
   lives: Life.propTypes.count,
   failed: Life.propTypes.failed,
   animated: Life.propTypes.animated,
   revival: Life.propTypes.revival
 } : {};
+
 const IconsPart = props => {
   const {
     lives,
@@ -195,6 +212,7 @@ const IconsPart = props => {
     fail: failed
   }))));
 };
+
 IconsPart.propTypes = process.env.NODE_ENV !== "production" ? {
   lives: Lifes.propTypes.lives,
   failed: Lifes.propTypes.failed,
@@ -203,11 +221,13 @@ IconsPart.propTypes = process.env.NODE_ENV !== "production" ? {
   animated: AnimationScheduler.propTypes.animated,
   revival: PropTypes.bool
 } : {};
+
 const buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {
   if (loading && _isNil(value)) return loading;
   if (mode === 'scorm') return scormStyle;
   return value ? failed : success;
 };
+
 const getLinkStyle = ({
   gameOver,
   extraLifeGranted
@@ -220,6 +240,7 @@ const getLinkStyle = ({
     return null;
   }
 };
+
 const renderIconStatusScorm = failed => {
   return /*#__PURE__*/React.createElement("div", {
     className: failed ? style.iconCloseContainer : style.iconSuccessContainer
@@ -229,11 +250,13 @@ const renderIconStatusScorm = failed => {
     className: style.checkIcon
   }));
 };
+
 const buildDefaultOrScormStyle = (defaultStyle, styleScorm, failed, mode = 'default', failedStyle = null) => {
   if (mode === 'scorm' && failed && failedStyle) return failedStyle;
   if (mode === 'scorm') return styleScorm;
   return defaultStyle;
 };
+
 const CorrectionPart = props => {
   const {
     failed,
@@ -245,7 +268,9 @@ const CorrectionPart = props => {
     gameOver,
     mode = 'default'
   } = props;
+
   const isLoading = _isNil(failed);
+
   const className = buildClass(failed, stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess, gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail, style.correctionSectionLoading, style.resultContenantContainerScorm, mode);
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "correctionSection",
@@ -254,8 +279,7 @@ const CorrectionPart = props => {
     className: buildDefaultOrScormStyle(style.titlesWrapper, style.titlesWrapperScorm, failed, mode)
   }, isLoading ? /*#__PURE__*/React.createElement(Loader, null) : null, /*#__PURE__*/React.createElement("h1", {
     "data-name": "title",
-    className: buildDefaultOrScormStyle(classnames(style.title, style.innerHTML), style.resultTitleScorm, failed, mode)
-    // eslint-disable-next-line react/no-danger
+    className: buildDefaultOrScormStyle(classnames(style.title, style.innerHTML), style.resultTitleScorm, failed, mode) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -266,6 +290,7 @@ const CorrectionPart = props => {
     corrections: corrections
   }) : null), mode !== 'scorm' ? /*#__PURE__*/React.createElement(IconsPart, props) : null);
 };
+
 CorrectionPart.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, IconsPart.propTypes, {
   failed: PropTypes.bool,
   corrections: AnswersCorrection.propTypes.corrections,
@@ -275,6 +300,7 @@ CorrectionPart.propTypes = process.env.NODE_ENV !== "production" ? _extends({},
   rank: PropTypes.string,
   gameOver: PropTypes.bool
 }) : {};
+
 const NextQuestionPart = (props, context) => {
   const {
     cta,
@@ -285,14 +311,17 @@ const NextQuestionPart = (props, context) => {
     lives = 0,
     mode
   } = props;
+
   const _ref = cta || {},
-    {
-      title,
-      nextStepTitle,
-      showNextLevel = false
-    } = _ref,
-    linkProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+        {
+    title,
+    nextStepTitle,
+    showNextLevel = false
+  } = _ref,
+        linkProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   let dataNext;
+
   switch (type) {
     case 'popinCorrection':
       {
@@ -307,8 +336,10 @@ const NextQuestionPart = (props, context) => {
         } else {
           dataNext = 'continue-success';
         }
+
         break;
       }
+
     case 'popinEnd':
       {
         if (failed) {
@@ -320,9 +351,9 @@ const NextQuestionPart = (props, context) => {
         }
       }
   }
+
   const nextStep = nextStepTitle ? /*#__PURE__*/React.createElement("div", {
-    className: classnames(gameOver ? style.gameOverSubtitle : style.nextStepTitle, style.innerHTML)
-    // eslint-disable-next-line react/no-danger
+    className: classnames(gameOver ? style.gameOverSubtitle : style.nextStepTitle, style.innerHTML) // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: nextStepTitle
@@ -345,6 +376,7 @@ const NextQuestionPart = (props, context) => {
     className: style.nextButtonIcon
   })), nextStep)) : null;
 };
+
 NextQuestionPart.propTypes = process.env.NODE_ENV !== "production" ? {
   cta: PropTypes.shape(_extends({}, Link.propTypes, {
     title: PropTypes.string,
@@ -358,6 +390,7 @@ NextQuestionPart.propTypes = process.env.NODE_ENV !== "production" ? {
   lives: PropTypes.number,
   mode: PropTypes.string
 } : {};
+
 const PopinHeader = (props, context) => {
   const {
     animated,
@@ -404,6 +437,7 @@ const PopinHeader = (props, context) => {
     mode: mode
   }), nextLink));
 };
+
 PopinHeader.contextTypes = {
   skin: Provider.childContextTypes.skin
 };