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

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

@@ -2,58 +2,33 @@
 
 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,
@@ -61,10 +36,9 @@ 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
@@ -75,7 +49,8 @@ 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
@@ -89,14 +64,12 @@ 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,
@@ -109,7 +82,8 @@ 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
@@ -119,13 +93,11 @@ 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,
@@ -133,10 +105,9 @@ 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", {
@@ -144,7 +115,8 @@ 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
@@ -159,7 +131,6 @@ const Subscribe = ({
     dataName: 'popin-end-subscribe'
   }))));
 };
-
 Subscribe.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, _button.default.propTypes.propTypes, {
   title: _button.default.propTypes.submitValue
 }) : {};
@@ -168,25 +139,20 @@ 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,
@@ -211,7 +177,6 @@ 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,
@@ -220,14 +185,12 @@ 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,
@@ -240,16 +203,13 @@ 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
@@ -260,16 +220,13 @@ 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
@@ -280,12 +237,10 @@ 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,
@@ -320,7 +275,6 @@ const Summary = (props, context) => {
     color: primary
   })), /*#__PURE__*/_react.default.createElement(Cards, recommendation), commentView, footerView));
 };
-
 const BackgroundScorm = props => {
   const {
     mode = 'default',
@@ -362,7 +316,6 @@ const BackgroundScorm = props => {
   }, children));
   return children;
 };
-
 Summary.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };

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

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

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

@@ -2,75 +2,43 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _multiply2 = _interopRequireDefault(require("lodash/fp/multiply"));
-
 var _parseInt3 = _interopRequireDefault(require("lodash/fp/parseInt"));
-
 var _round2 = _interopRequireDefault(require("lodash/fp/round"));
-
 var _zip2 = _interopRequireDefault(require("lodash/fp/zip"));
-
 var _times2 = _interopRequireDefault(require("lodash/fp/times"));
-
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
-
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
-
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _flatten2 = _interopRequireDefault(require("lodash/fp/flatten"));
-
 var _compact2 = _interopRequireDefault(require("lodash/fp/compact"));
-
 var _react = _interopRequireDefault(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 _life = _interopRequireDefault(require("../../../atom/life"));
-
 var _link = _interopRequireDefault(require("../../../atom/link"));
-
 var _animation = _interopRequireWildcard(require("../../../hoc/animation"));
-
 var _transition = _interopRequireDefault(require("../../../hoc/transition"));
-
 var _animationScheduler = _interopRequireWildcard(require("../../../hoc/animation-scheduler"));
-
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
-
 var _style = _interopRequireDefault(require("./style.css"));
-
 const _excluded = ["title", "nextStepTitle", "showNextLevel"];
-
 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 _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); }
-
 const separator = index => /*#__PURE__*/_react.default.createElement("span", {
   key: index,
   className: _style.default.answerSeparator
 }, "/");
-
 const joinBySeparator = elements => {
   const separators = (0, _times2.default)(separator, elements.length - 1);
   return (0, _pipe2.default)(_zip2.default, _flatten2.default, _compact2.default)(elements, separators);
 };
-
 const AnswersCorrection = ({
   corrections
 }) => {
@@ -80,7 +48,8 @@ const AnswersCorrection = ({
       key: key,
       "data-name": "answer",
       "data-correct": correction.isCorrect,
-      className: (0, _classnames.default)(correction.isCorrect ? _style.default.correctAnswer : _style.default.wrongAnswer, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
+      className: (0, _classnames.default)(correction.isCorrect ? _style.default.correctAnswer : _style.default.wrongAnswer, _style.default.innerHTML)
+      // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: correction.answer
@@ -91,16 +60,13 @@ const AnswersCorrection = ({
     className: _style.default.fullAnswer
   }, joinBySeparator(answers));
 };
-
 AnswersCorrection.propTypes = process.env.NODE_ENV !== "production" ? {
   corrections: _propTypes.default.arrayOf(_propTypes.default.shape({
     answer: _propTypes.default.string.isRequired,
     isCorrect: _propTypes.default.bool.isRequired
   }))
 } : {};
-
 const formatPlusSign = value => (value >= 0 ? '+' : '') + value;
-
 const Rank = ({
   failed,
   rank,
@@ -133,7 +99,6 @@ const Rank = ({
     duration: 1000
   }, progress => (0, _pipe2.default)((0, _parseInt3.default)(10), (0, _multiply2.default)(progress), _round2.default, formatPlusSign)(rank)))));
 };
-
 Rank.propTypes = process.env.NODE_ENV !== "production" ? {
   failed: _propTypes.default.bool,
   rank: _propTypes.default.string,
@@ -143,7 +108,6 @@ Rank.propTypes = process.env.NODE_ENV !== "production" ? {
 Rank.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
-
 const Stars = ({
   failed,
   stars,
@@ -177,7 +141,6 @@ const Stars = ({
     duration: 1000
   }, progress => (0, _pipe2.default)((0, _parseInt3.default)(10), (0, _multiply2.default)(progress), _round2.default, formatPlusSign)(stars)))));
 };
-
 Stars.propTypes = process.env.NODE_ENV !== "production" ? {
   failed: _propTypes.default.bool,
   stars: _propTypes.default.string,
@@ -187,7 +150,6 @@ Stars.propTypes = process.env.NODE_ENV !== "production" ? {
 Stars.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
-
 const Lifes = ({
   lives,
   failed,
@@ -203,14 +165,12 @@ const Lifes = ({
     className: _style.default.life
   });
 };
-
 Lifes.propTypes = process.env.NODE_ENV !== "production" ? {
   lives: _life.default.propTypes.count,
   failed: _life.default.propTypes.failed,
   animated: _life.default.propTypes.animated,
   revival: _life.default.propTypes.revival
 } : {};
-
 const IconsPart = props => {
   const {
     lives,
@@ -242,7 +202,6 @@ const IconsPart = props => {
     fail: failed
   }))));
 };
-
 IconsPart.propTypes = process.env.NODE_ENV !== "production" ? {
   lives: Lifes.propTypes.lives,
   failed: Lifes.propTypes.failed,
@@ -251,13 +210,11 @@ IconsPart.propTypes = process.env.NODE_ENV !== "production" ? {
   animated: _animationScheduler.default.propTypes.animated,
   revival: _propTypes.default.bool
 } : {};
-
 const buildClass = (value, success, failed, loading, scormStyle, mode = 'default') => {
   if (loading && (0, _isNil2.default)(value)) return loading;
   if (mode === 'scorm') return scormStyle;
   return value ? failed : success;
 };
-
 const getLinkStyle = ({
   gameOver,
   extraLifeGranted
@@ -270,7 +227,6 @@ const getLinkStyle = ({
     return null;
   }
 };
-
 const renderIconStatusScorm = failed => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: failed ? _style.default.iconCloseContainer : _style.default.iconSuccessContainer
@@ -280,13 +236,11 @@ const renderIconStatusScorm = failed => {
     className: _style.default.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,
@@ -307,7 +261,8 @@ const CorrectionPart = props => {
     className: buildDefaultOrScormStyle(_style.default.titlesWrapper, _style.default.titlesWrapperScorm, failed, mode)
   }, isLoading ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : null, /*#__PURE__*/_react.default.createElement("h1", {
     "data-name": "title",
-    className: buildDefaultOrScormStyle((0, _classnames.default)(_style.default.title, _style.default.innerHTML), _style.default.resultTitleScorm, failed, mode) // eslint-disable-next-line react/no-danger
+    className: buildDefaultOrScormStyle((0, _classnames.default)(_style.default.title, _style.default.innerHTML), _style.default.resultTitleScorm, failed, mode)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -318,7 +273,6 @@ const CorrectionPart = props => {
     corrections: corrections
   }) : null), mode !== 'scorm' ? /*#__PURE__*/_react.default.createElement(IconsPart, props) : null);
 };
-
 CorrectionPart.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, IconsPart.propTypes, {
   failed: _propTypes.default.bool,
   corrections: AnswersCorrection.propTypes.corrections,
@@ -328,7 +282,6 @@ CorrectionPart.propTypes = process.env.NODE_ENV !== "production" ? _extends({},
   rank: _propTypes.default.string,
   gameOver: _propTypes.default.bool
 }) : {};
-
 const NextQuestionPart = (props, context) => {
   const {
     cta,
@@ -339,17 +292,14 @@ 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':
       {
@@ -364,10 +314,8 @@ const NextQuestionPart = (props, context) => {
         } else {
           dataNext = 'continue-success';
         }
-
         break;
       }
-
     case 'popinEnd':
       {
         if (failed) {
@@ -379,9 +327,9 @@ const NextQuestionPart = (props, context) => {
         }
       }
   }
-
   const nextStep = nextStepTitle ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(gameOver ? _style.default.gameOverSubtitle : _style.default.nextStepTitle, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
+    className: (0, _classnames.default)(gameOver ? _style.default.gameOverSubtitle : _style.default.nextStepTitle, _style.default.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: nextStepTitle
@@ -404,7 +352,6 @@ const NextQuestionPart = (props, context) => {
     className: _style.default.nextButtonIcon
   })), nextStep)) : null;
 };
-
 NextQuestionPart.propTypes = process.env.NODE_ENV !== "production" ? {
   cta: _propTypes.default.shape(_extends({}, _link.default.propTypes, {
     title: _propTypes.default.string,
@@ -418,7 +365,6 @@ NextQuestionPart.propTypes = process.env.NODE_ENV !== "production" ? {
   lives: _propTypes.default.number,
   mode: _propTypes.default.string
 } : {};
-
 const PopinHeader = (props, context) => {
   const {
     animated,
@@ -465,7 +411,6 @@ const PopinHeader = (props, context) => {
     mode: mode
   }), nextLink));
 };
-
 PopinHeader.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };