@coorpacademy/components 11.32.52 → 11.33.0

package/es/molecule/resource-player/index.js

@@ -1,11 +1,6 @@
 import _get from "lodash/fp/get";
 import _omit from "lodash/fp/omit";
-const _excluded = ["type", "videoId"];
-
-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); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaSolidVideosVideoControlPlay as Play } from '@coorpacademy/nova-icons';
@@ -20,43 +15,41 @@ export const TYPE_PDF = 'pdf';
 export const TYPE_VIDEO = 'video';
 export const TYPE_AUDIO = 'audio';
 const isType = process.env.NODE_ENV !== "production" ? name => PropTypes.oneOf([name]) : {};
-const videoPropType = process.env.NODE_ENV !== "production" ? PropTypes.shape(_extends({
+const videoPropType = process.env.NODE_ENV !== "production" ? PropTypes.shape({
   type: isType(TYPE_VIDEO).isRequired,
-  description: PropTypes.string.isRequired
-}, VideoPlayer.propTypes)) : {};
-const pdfPropType = process.env.NODE_ENV !== "production" ? PropTypes.shape(_extends({
+  description: PropTypes.string.isRequired,
+  ...VideoPlayer.propTypes
+}) : {};
+const pdfPropType = process.env.NODE_ENV !== "production" ? PropTypes.shape({
   type: isType(TYPE_PDF).isRequired,
   description: PropTypes.string.isRequired,
-  mediaUrl: PropTypes.string.isRequired
-}, Pdf.propTypes)) : {};
-const audioPropType = process.env.NODE_ENV !== "production" ? PropTypes.shape(_extends({
+  mediaUrl: PropTypes.string.isRequired,
+  ...Pdf.propTypes
+}) : {};
+const audioPropType = process.env.NODE_ENV !== "production" ? PropTypes.shape({
   type: isType(TYPE_AUDIO).isRequired,
   description: PropTypes.string.isRequired,
-  mediaUrl: PropTypes.string.isRequired
-}, Audio.propTypes)) : {};
+  mediaUrl: PropTypes.string.isRequired,
+  ...Audio.propTypes
+}) : {};
 const imgPropType = process.env.NODE_ENV !== "production" ? PropTypes.shape({
   type: isType(TYPE_IMAGE).isRequired,
   url: PropTypes.string.isRequired
 }) : {};
-
 const ResourceElement = props => {
   const {
     resource,
     autoplay = false,
     disableAutostart
   } = props;
-
-  const _omit2 = _omit('id', resource),
-        {
+  const {
     type,
-    videoId
-  } = _omit2,
-        childProps = _objectWithoutPropertiesLoose(_omit2, _excluded);
-
+    videoId,
+    ...childProps
+  } = _omit('id', resource);
   const {
     url
   } = childProps;
-
   switch (type) {
     case TYPE_IMAGE:
       return /*#__PURE__*/React.createElement("div", {
@@ -65,13 +58,10 @@ const ResourceElement = props => {
           backgroundImage: `url(${url})`
         }
       });
-
     case TYPE_PDF:
       return /*#__PURE__*/React.createElement(Pdf, childProps);
-
     case TYPE_AUDIO:
       return /*#__PURE__*/React.createElement(Audio, childProps);
-
     case TYPE_VIDEO:
       return /*#__PURE__*/React.createElement(VideoPlayer, _extends({}, _omit('id', childProps), {
         autoplay: autoplay,
@@ -80,13 +70,11 @@ const ResourceElement = props => {
       }));
   }
 };
-
 ResourceElement.propTypes = process.env.NODE_ENV !== "production" ? {
   resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),
   autoplay: PropTypes.bool,
   disableAutostart: PropTypes.bool
 } : {};
-
 const OverlayElement = (props = {}, context = undefined) => {
   const {
     title,
@@ -97,9 +85,7 @@ const OverlayElement = (props = {}, context = undefined) => {
   const {
     skin
   } = context;
-
   const dark = _get('common.dark', skin);
-
   return /*#__PURE__*/React.createElement("div", {
     className: style.overlay,
     onClick: onClick,
@@ -125,7 +111,6 @@ const OverlayElement = (props = {}, context = undefined) => {
     className: style.overlayText
   }, text));
 };
-
 OverlayElement.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
@@ -135,7 +120,6 @@ OverlayElement.propTypes = process.env.NODE_ENV !== "production" ? {
   text: PropTypes.string,
   title: PropTypes.string
 } : {};
-
 class ResourcePlayer extends React.Component {
   constructor(props, context) {
     super(props);
@@ -145,14 +129,12 @@ class ResourcePlayer extends React.Component {
     };
     this.handleOverlay = this.handleOverlay.bind(this);
   }
-
   handleOverlay() {
     this.setState({
       autoplay: true,
       overlay: null
     });
   }
-
   render() {
     const {
       className: customClassName,
@@ -184,9 +166,7 @@ class ResourcePlayer extends React.Component {
       autoplay: autoplay
     }))));
   }
-
 }
-
 ResourcePlayer.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),

package/es/molecule/resource-player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidVideosVideoControlPlay","Play","Pdf","Audio","VideoPlayer","Life","Provider","style","TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","isType","name","oneOf","videoPropType","shape","type","isRequired","description","string","propTypes","pdfPropType","mediaUrl","audioPropType","imgPropType","url","ResourceElement","props","resource","autoplay","disableAutostart","videoId","childProps","img","backgroundImage","oneOfType","bool","OverlayElement","context","undefined","title","text","lifeAmount","onClick","skin","dark","overlay","icons","playButton","color","delay","overlayTitle","overlayText","contextTypes","childContextTypes","number","func","ResourcePlayer","Component","constructor","state","handleOverlay","bind","setState","render","className","customClassName","propsOverlay","stateOverlay","overlayView","image","pdf","audio","video"],"sources":["../../../src/molecule/resource-player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {omit, get} from 'lodash/fp';\nimport {NovaSolidVideosVideoControlPlay as Play} from '@coorpacademy/nova-icons';\nimport Pdf from '../pdf';\nimport Audio from '../audio';\nimport VideoPlayer from '../video-player';\nimport Life from '../../atom/life';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_PDF = 'pdf';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = name => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  type: isType(TYPE_VIDEO).isRequired,\n  description: PropTypes.string.isRequired,\n  ...VideoPlayer.propTypes\n});\n\nconst pdfPropType = PropTypes.shape({\n  type: isType(TYPE_PDF).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Pdf.propTypes\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Audio.propTypes\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst ResourceElement = props => {\n  const {resource, autoplay = false, disableAutostart} = props;\n  const {type, videoId, ...childProps} = omit('id', resource);\n  const {url} = childProps;\n\n  switch (type) {\n    case TYPE_IMAGE:\n      return <div className={style.img} style={{backgroundImage: `url(${url})`}} />;\n    case TYPE_PDF:\n      return <Pdf {...childProps} />;\n    case TYPE_AUDIO:\n      return <Audio {...childProps} />;\n    case TYPE_VIDEO:\n      return (\n        <VideoPlayer\n          {...omit('id', childProps)}\n          autoplay={autoplay}\n          disableAutostart={disableAutostart}\n          id={videoId}\n        />\n      );\n  }\n};\n\nResourceElement.propTypes = {\n  resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool\n};\n\nconst OverlayElement = (props = {}, context = undefined) => {\n  const {title, text, lifeAmount, onClick} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.overlay} onClick={onClick} data-name=\"overlay\">\n      <div className={style.icons}>\n        <Play className={style.playButton} style={{color: dark}} />\n        <Life\n          count={lifeAmount}\n          operator=\"+\"\n          bounce={{\n            type: 'bounceTwice',\n            delay: '2.5s'\n          }}\n          heartOnRight\n        />\n      </div>\n\n      <p className={style.overlayTitle}>{title}</p>\n      <p className={style.overlayText}>{text}</p>\n    </div>\n  );\n};\n\nOverlayElement.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nOverlayElement.propTypes = {\n  lifeAmount: PropTypes.number,\n  onClick: PropTypes.func,\n  text: PropTypes.string,\n  title: PropTypes.string\n};\n\nclass ResourcePlayer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n    overlay: PropTypes.shape({\n      title: PropTypes.string,\n      text: PropTypes.string,\n      lifeAmount: PropTypes.number\n    })\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      autoplay: false,\n      overlay: props.overlay\n    };\n\n    this.handleOverlay = this.handleOverlay.bind(this);\n  }\n\n  handleOverlay() {\n    this.setState({\n      autoplay: true,\n      overlay: null\n    });\n  }\n\n  render() {\n    const {className: customClassName, resource, overlay: propsOverlay} = this.props;\n    const {overlay: stateOverlay, autoplay} = this.state;\n    const {type} = resource;\n\n    const overlayView = stateOverlay ? (\n      <OverlayElement {...stateOverlay} onClick={this.handleOverlay} />\n    ) : null;\n\n    return (\n      <div data-name={type} className={customClassName}>\n        <div\n          className={\n            {\n              [TYPE_IMAGE]: style.image,\n              [TYPE_PDF]: style.pdf,\n              [TYPE_AUDIO]: style.audio,\n              [TYPE_VIDEO]: style.video\n            }[type]\n          }\n        >\n          {overlayView}\n          <ResourceElement {...this.props} disableAutostart={!!propsOverlay} autoplay={autoplay} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ResourcePlayer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidVideosVideoControlPlay","Play","Pdf","Audio","VideoPlayer","Life","Provider","style","TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","isType","process","env","NODE_ENV","name","oneOf","videoPropType","shape","type","isRequired","description","string","propTypes","pdfPropType","mediaUrl","audioPropType","imgPropType","url","ResourceElement","props","resource","autoplay","disableAutostart","videoId","childProps","_omit","createElement","className","img","backgroundImage","_extends","id","oneOfType","bool","OverlayElement","context","undefined","title","text","lifeAmount","onClick","skin","dark","_get","overlay","icons","playButton","color","count","operator","bounce","delay","heartOnRight","overlayTitle","overlayText","contextTypes","childContextTypes","number","func","ResourcePlayer","Component","constructor","state","handleOverlay","bind","setState","render","customClassName","propsOverlay","stateOverlay","overlayView","image","pdf","audio","video"],"sources":["../../../src/molecule/resource-player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {omit, get} from 'lodash/fp';\nimport {NovaSolidVideosVideoControlPlay as Play} from '@coorpacademy/nova-icons';\nimport Pdf from '../pdf';\nimport Audio from '../audio';\nimport VideoPlayer from '../video-player';\nimport Life from '../../atom/life';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_PDF = 'pdf';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = name => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  type: isType(TYPE_VIDEO).isRequired,\n  description: PropTypes.string.isRequired,\n  ...VideoPlayer.propTypes\n});\n\nconst pdfPropType = PropTypes.shape({\n  type: isType(TYPE_PDF).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Pdf.propTypes\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Audio.propTypes\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst ResourceElement = props => {\n  const {resource, autoplay = false, disableAutostart} = props;\n  const {type, videoId, ...childProps} = omit('id', resource);\n  const {url} = childProps;\n\n  switch (type) {\n    case TYPE_IMAGE:\n      return <div className={style.img} style={{backgroundImage: `url(${url})`}} />;\n    case TYPE_PDF:\n      return <Pdf {...childProps} />;\n    case TYPE_AUDIO:\n      return <Audio {...childProps} />;\n    case TYPE_VIDEO:\n      return (\n        <VideoPlayer\n          {...omit('id', childProps)}\n          autoplay={autoplay}\n          disableAutostart={disableAutostart}\n          id={videoId}\n        />\n      );\n  }\n};\n\nResourceElement.propTypes = {\n  resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool\n};\n\nconst OverlayElement = (props = {}, context = undefined) => {\n  const {title, text, lifeAmount, onClick} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.overlay} onClick={onClick} data-name=\"overlay\">\n      <div className={style.icons}>\n        <Play className={style.playButton} style={{color: dark}} />\n        <Life\n          count={lifeAmount}\n          operator=\"+\"\n          bounce={{\n            type: 'bounceTwice',\n            delay: '2.5s'\n          }}\n          heartOnRight\n        />\n      </div>\n\n      <p className={style.overlayTitle}>{title}</p>\n      <p className={style.overlayText}>{text}</p>\n    </div>\n  );\n};\n\nOverlayElement.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nOverlayElement.propTypes = {\n  lifeAmount: PropTypes.number,\n  onClick: PropTypes.func,\n  text: PropTypes.string,\n  title: PropTypes.string\n};\n\nclass ResourcePlayer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n    overlay: PropTypes.shape({\n      title: PropTypes.string,\n      text: PropTypes.string,\n      lifeAmount: PropTypes.number\n    })\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      autoplay: false,\n      overlay: props.overlay\n    };\n\n    this.handleOverlay = this.handleOverlay.bind(this);\n  }\n\n  handleOverlay() {\n    this.setState({\n      autoplay: true,\n      overlay: null\n    });\n  }\n\n  render() {\n    const {className: customClassName, resource, overlay: propsOverlay} = this.props;\n    const {overlay: stateOverlay, autoplay} = this.state;\n    const {type} = resource;\n\n    const overlayView = stateOverlay ? (\n      <OverlayElement {...stateOverlay} onClick={this.handleOverlay} />\n    ) : null;\n\n    return (\n      <div data-name={type} className={customClassName}>\n        <div\n          className={\n            {\n              [TYPE_IMAGE]: style.image,\n              [TYPE_PDF]: style.pdf,\n              [TYPE_AUDIO]: style.audio,\n              [TYPE_VIDEO]: style.video\n            }[type]\n          }\n        >\n          {overlayView}\n          <ResourceElement {...this.props} disableAutostart={!!propsOverlay} autoplay={autoplay} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ResourcePlayer;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/review-card-congrats/index.js

@@ -2,9 +2,7 @@ import _multiply from "lodash/fp/multiply";
 import _parseInt2 from "lodash/fp/parseInt";
 import _round from "lodash/fp/round";
 import _pipe from "lodash/fp/pipe";
-
-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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useEffect, useState } from 'react';
 import classnames from 'classnames';
 import { NovaCompositionCoorpacademyStar as StarIcon, NovaSolidVoteRewardsRewardsBadge5 as RankIcon } from '@coorpacademy/nova-icons';
@@ -17,7 +15,6 @@ export const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {
   setIsAnimationVisible('play');
   setIsAnimated(true);
 };
-
 const ReviewCardCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -34,12 +31,11 @@ const ReviewCardCongrats = props => {
   const [isAnimationVisible, setIsAnimationVisible] = useState('loading');
   const [isAnimated, setIsAnimated] = useState(false);
   useEffect(() => {
-    let timer; // istanbul ignore else
-
+    let timer;
+    // istanbul ignore else
     if (!isAnimationVisible || !isAnimated) {
       timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);
     }
-
     return () => timer && clearTimeout(timer);
   }, [timerAnimation, isAnimated, isAnimationVisible]);
   const wrapperClassName = classnames(className, style.cardContainer, cardType === 'card-star' ? style.cardStar : style.cardRank);
@@ -83,7 +79,6 @@ const ReviewCardCongrats = props => {
     className: style.rankSuffix
   }, rankSuffix)));
 };
-
 ReviewCardCongrats.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewCardCongrats;
 //# sourceMappingURL=index.js.map

package/es/molecule/review-card-congrats/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useState","classnames","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","LottieWrapper","Animation","EASE_OUT_CUBIC","AnimationScheduler","style","propTypes","setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","isAnimated","timer","setTimeout","clearTimeout","wrapperClassName","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","progress","iconStar"],"sources":["../../../src/molecule/review-card-congrats/index.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n  setIsAnimationVisible('play');\n  setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    cardType,\n    iconAriaLabel,\n    className,\n    reviewCardTitle,\n    reviewCardValue,\n    rankSuffix,\n    timerAnimation\n  } = props;\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n  const [isAnimated, setIsAnimated] = useState(false);\n\n  useEffect(() => {\n    let timer;\n    // istanbul ignore else\n    if (!isAnimationVisible || !isAnimated) {\n      timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n    }\n    return () => timer && clearTimeout(timer);\n  }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n  const wrapperClassName = classnames(\n    className,\n    style.cardContainer,\n    cardType === 'card-star' ? style.cardStar : style.cardRank\n  );\n\n  return (\n    <div className={wrapperClassName} data-name={dataName}>\n      <div className={style.mainIcon}>\n        <LottieWrapper\n          {...animationLottie}\n          loop={false}\n          animationControl={isAnimationVisible}\n          autoplay={false}\n          data-name=\"lottie-wrapper\"\n          className={style.wrapperLottie}\n          backupImageClassName={style.ie11Backup}\n        />\n      </div>\n      <div className={style.title} role=\"status\" aria-label={ariaLabel}>\n        {reviewCardTitle}\n      </div>\n      <div className={cardType === 'card-star' ? style.textContainerStar : style.textContainerRank}>\n        {cardType === 'card-rank' ? (\n          <RankIcon className={style.iconRank} width={40} height={40} aria-label={iconAriaLabel} />\n        ) : null}\n        <AnimationScheduler animated={isAnimated}>\n          <div>\n            <span className={cardType === 'card-star' ? style.textStar : style.textRank}>\n              <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={2000}>\n                {progress => pipe(_parseInt(10), multiply(progress), round)(reviewCardValue)}\n              </Animation>\n            </span>\n          </div>\n        </AnimationScheduler>\n        {cardType === 'card-star' ? (\n          <StarIcon className={style.iconStar} width={53} height={53} aria-label={iconAriaLabel} />\n        ) : (\n          <div className={style.rankSuffix}>{rankSuffix}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nReviewCardCongrats.propTypes = propTypes;\n\nexport default ReviewCardCongrats;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useEffect","useState","classnames","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","LottieWrapper","Animation","EASE_OUT_CUBIC","AnimationScheduler","style","propTypes","setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","isAnimated","timer","setTimeout","clearTimeout","wrapperClassName","cardContainer","cardStar","cardRank","createElement","mainIcon","_extends","loop","animationControl","autoplay","wrapperLottie","backupImageClassName","ie11Backup","title","role","textContainerStar","textContainerRank","iconRank","width","height","animated","textStar","textRank","name","bezier","duration","progress","_pipe","_parseInt2","_multiply","_round","iconStar","process","env","NODE_ENV"],"sources":["../../../src/molecule/review-card-congrats/index.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport classnames from 'classnames';\nimport {pipe, round, parseInt as _parseInt, multiply} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport Animation, {EASE_OUT_CUBIC} from '../../hoc/animation';\nimport AnimationScheduler from '../../hoc/animation-scheduler';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {\n  setIsAnimationVisible('play');\n  setIsAnimated(true);\n};\n\nconst ReviewCardCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    cardType,\n    iconAriaLabel,\n    className,\n    reviewCardTitle,\n    reviewCardValue,\n    rankSuffix,\n    timerAnimation\n  } = props;\n\n  const [isAnimationVisible, setIsAnimationVisible] = useState('loading');\n  const [isAnimated, setIsAnimated] = useState(false);\n\n  useEffect(() => {\n    let timer;\n    // istanbul ignore else\n    if (!isAnimationVisible || !isAnimated) {\n      timer = setTimeout(setAnimations(setIsAnimationVisible, setIsAnimated), timerAnimation);\n    }\n    return () => timer && clearTimeout(timer);\n  }, [timerAnimation, isAnimated, isAnimationVisible]);\n\n  const wrapperClassName = classnames(\n    className,\n    style.cardContainer,\n    cardType === 'card-star' ? style.cardStar : style.cardRank\n  );\n\n  return (\n    <div className={wrapperClassName} data-name={dataName}>\n      <div className={style.mainIcon}>\n        <LottieWrapper\n          {...animationLottie}\n          loop={false}\n          animationControl={isAnimationVisible}\n          autoplay={false}\n          data-name=\"lottie-wrapper\"\n          className={style.wrapperLottie}\n          backupImageClassName={style.ie11Backup}\n        />\n      </div>\n      <div className={style.title} role=\"status\" aria-label={ariaLabel}>\n        {reviewCardTitle}\n      </div>\n      <div className={cardType === 'card-star' ? style.textContainerStar : style.textContainerRank}>\n        {cardType === 'card-rank' ? (\n          <RankIcon className={style.iconRank} width={40} height={40} aria-label={iconAriaLabel} />\n        ) : null}\n        <AnimationScheduler animated={isAnimated}>\n          <div>\n            <span className={cardType === 'card-star' ? style.textStar : style.textRank}>\n              <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={2000}>\n                {progress => pipe(_parseInt(10), multiply(progress), round)(reviewCardValue)}\n              </Animation>\n            </span>\n          </div>\n        </AnimationScheduler>\n        {cardType === 'card-star' ? (\n          <StarIcon className={style.iconStar} width={53} height={53} aria-label={iconAriaLabel} />\n        ) : (\n          <div className={style.rankSuffix}>{rankSuffix}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nReviewCardCongrats.propTypes = propTypes;\n\nexport default ReviewCardCongrats;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/review-card-congrats/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","AtomLottieWrapperPropTypes","string","animationLottie","shape","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","number"],"sources":["../../../src/molecule/review-card-congrats/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes, {\n  LottieAnimationProps\n} from '../../atom/lottie-wrapper/prop-types';\n\nexport type CongratsCardProps = {\n  'aria-label': string;\n  'data-name': string;\n  animationLottie: LottieAnimationProps;\n  iconAriaLabel: string;\n  className?: string;\n  cardType: string;\n  reviewCardTitle: string;\n  reviewCardValue: string;\n  rankSuffix?: string;\n  timerAnimation: number;\n};\n\nexport default {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  cardType: PropTypes.string,\n  iconAriaLabel: PropTypes.string,\n  className: PropTypes.string,\n  reviewCardTitle: PropTypes.string,\n  reviewCardValue: PropTypes.string,\n  rankSuffix: PropTypes.string,\n  timerAnimation: PropTypes.number\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAEO,sCAFP;AAiBA,eAAe;EACb,cAAcD,SAAS,CAACE,MADX;EAEb,aAAaF,SAAS,CAACE,MAFV;EAGbC,eAAe,EAAEH,SAAS,CAACI,KAAV,CAAgBH,0BAAhB,CAHJ;EAIbI,QAAQ,EAAEL,SAAS,CAACE,MAJP;EAKbI,aAAa,EAAEN,SAAS,CAACE,MALZ;EAMbK,SAAS,EAAEP,SAAS,CAACE,MANR;EAObM,eAAe,EAAER,SAAS,CAACE,MAPd;EAQbO,eAAe,EAAET,SAAS,CAACE,MARd;EASbQ,UAAU,EAAEV,SAAS,CAACE,MATT;EAUbS,cAAc,EAAEX,SAAS,CAACY;AAVb,CAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","AtomLottieWrapperPropTypes","string","animationLottie","shape","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","number"],"sources":["../../../src/molecule/review-card-congrats/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes, {\n  LottieAnimationProps\n} from '../../atom/lottie-wrapper/prop-types';\n\nexport type CongratsCardProps = {\n  'aria-label': string;\n  'data-name': string;\n  animationLottie: LottieAnimationProps;\n  iconAriaLabel: string;\n  className?: string;\n  cardType: string;\n  reviewCardTitle: string;\n  reviewCardValue: string;\n  rankSuffix?: string;\n  timerAnimation: number;\n};\n\nexport default {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  cardType: PropTypes.string,\n  iconAriaLabel: PropTypes.string,\n  className: PropTypes.string,\n  reviewCardTitle: PropTypes.string,\n  reviewCardValue: PropTypes.string,\n  rankSuffix: PropTypes.string,\n  timerAnimation: PropTypes.number\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,0BAA0B,MAE1B,sCAAsC;AAe7C,eAAe;EACb,YAAY,EAAED,SAAS,CAACE,MAAM;EAC9B,WAAW,EAAEF,SAAS,CAACE,MAAM;EAC7BC,eAAe,EAAEH,SAAS,CAACI,KAAK,CAACH,0BAA0B,CAAC;EAC5DI,QAAQ,EAAEL,SAAS,CAACE,MAAM;EAC1BI,aAAa,EAAEN,SAAS,CAACE,MAAM;EAC/BK,SAAS,EAAEP,SAAS,CAACE,MAAM;EAC3BM,eAAe,EAAER,SAAS,CAACE,MAAM;EACjCO,eAAe,EAAET,SAAS,CAACE,MAAM;EACjCQ,UAAU,EAAEV,SAAS,CAACE,MAAM;EAC5BS,cAAc,EAAEX,SAAS,CAACY;AAC5B,CAAC","ignoreList":[]}

package/es/molecule/review-correction-popin/index.js

@@ -1,5 +1,4 @@
-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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback, useMemo } from 'react';
 import classnames from 'classnames';
 import { NovaCompositionCoorpacademyCheck as RightIcon, NovaSolidStatusClose as WrongIcon } from '@coorpacademy/nova-icons';
@@ -8,12 +7,12 @@ import Provider, { GetTranslateFromContext } from '../../atom/provider';
 import Tooltip from '../../atom/tooltip';
 import style from './style.css';
 import propTypes from './prop-types';
-
 const KlfButton = ({
   klf
 }, legacyContext) => {
   const translate = GetTranslateFromContext(legacyContext);
-  const klfButtonProps = useMemo(() => _extends({}, klf, {
+  const klfButtonProps = useMemo(() => ({
+    ...klf,
     icon: {
       position: 'left',
       type: 'key'
@@ -30,7 +29,8 @@ const KlfButton = ({
     useTitle: false
   }))), [klfButtonProps]);
   const TooltipContent = useCallback(() => /*#__PURE__*/React.createElement("span", {
-    className: style.tooltipText // eslint-disable-next-line react/no-danger
+    className: style.tooltipText
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: klf.tooltip
@@ -47,14 +47,12 @@ const KlfButton = ({
     className: style.klfContainer
   }, /*#__PURE__*/React.createElement(Tooltip, toolTipProps));
 };
-
 KlfButton.propTypes = process.env.NODE_ENV !== "production" ? {
   klf: propTypes.klf
 } : {};
 KlfButton.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
-
 const ReviewCorrectionPopin = props => {
   const {
     information,
@@ -63,11 +61,10 @@ const ReviewCorrectionPopin = props => {
     klf,
     next
   } = props;
-
-  const nextQuestionButtonProps = _extends({}, next, {
+  const nextQuestionButtonProps = {
+    ...next,
     type: 'primary'
-  });
-
+  };
   const cta = type === 'wrong' ? /*#__PURE__*/React.createElement(KlfButton, {
     klf: klf
   }) : null;
@@ -104,7 +101,8 @@ const ReviewCorrectionPopin = props => {
     "aria-label": information.label
   }, information.label)), /*#__PURE__*/React.createElement("span", {
     className: style.message,
-    "aria-label": information.message // eslint-disable-next-line react/no-danger
+    "aria-label": information.message
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: information.message
@@ -118,7 +116,6 @@ const ReviewCorrectionPopin = props => {
     className: style.nextQuestionButton
   }))))));
 };
-
 ReviewCorrectionPopin.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewCorrectionPopin;
 //# sourceMappingURL=index.js.map

package/es/molecule/review-correction-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","Provider","GetTranslateFromContext","Tooltip","style","propTypes","KlfButton","klf","legacyContext","translate","klfButtonProps","icon","position","type","AnchorButton","onKeyDown","klfButtonContainer","klfButton","TooltipContent","tooltipText","__html","tooltip","toolTipProps","closeToolTipInformationTextAriaLabel","AnchorElement","tooltipClassName","toolTipCustomization","klfContainer","contextTypes","childContextTypes","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport Tooltip from '../../atom/tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst KlfButton = ({klf}, legacyContext) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const klfButtonProps = useMemo(\n    () => ({\n      ...klf,\n      icon: {\n        position: 'left',\n        type: 'key'\n      },\n      type: 'primary'\n    }),\n    [klf]\n  );\n\n  const AnchorButton = useCallback(\n    ({onKeyDown}) => (\n      <div className={style.klfButtonContainer}>\n        <ButtonLink\n          {...klfButtonProps}\n          className={style.klfButton}\n          onKeyDown={onKeyDown}\n          useTitle={false}\n        />\n      </div>\n    ),\n    [klfButtonProps]\n  );\n\n  const TooltipContent = useCallback(\n    () => (\n      <span\n        className={style.tooltipText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: klf.tooltip}}\n      />\n    ),\n    [klf.tooltip]\n  );\n\n  const toolTipProps = useMemo(\n    () => ({\n      closeToolTipInformationTextAriaLabel: translate('close_tooltip_information'),\n      AnchorElement: AnchorButton,\n      TooltipContent,\n      'aria-label': translate('More details'),\n      tooltipClassName: style.toolTipCustomization\n    }),\n    [AnchorButton, TooltipContent, translate]\n  );\n\n  return (\n    <div className={style.klfContainer}>\n      <Tooltip {...toolTipProps} />\n    </div>\n  );\n};\n\nKlfButton.propTypes = {\n  klf: propTypes.klf\n};\n\nKlfButton.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? <KlfButton klf={klf} /> : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper} data-testid=\"review-correction-popin\">\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel}>\n            <span aria-label={resultLabel} role=\"status\">\n              {resultLabel}\n            </span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span\n              className={style.message}\n              aria-label={information.message}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: information.message}}\n            />\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer} data-testid=\"next-question-button-container\">\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","Provider","GetTranslateFromContext","Tooltip","style","propTypes","KlfButton","klf","legacyContext","translate","klfButtonProps","icon","position","type","AnchorButton","onKeyDown","createElement","className","klfButtonContainer","_extends","klfButton","useTitle","TooltipContent","tooltipText","dangerouslySetInnerHTML","__html","tooltip","toolTipProps","closeToolTipInformationTextAriaLabel","AnchorElement","tooltipClassName","toolTipCustomization","klfContainer","process","env","NODE_ENV","contextTypes","childContextTypes","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","role","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport Tooltip from '../../atom/tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst KlfButton = ({klf}, legacyContext) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const klfButtonProps = useMemo(\n    () => ({\n      ...klf,\n      icon: {\n        position: 'left',\n        type: 'key'\n      },\n      type: 'primary'\n    }),\n    [klf]\n  );\n\n  const AnchorButton = useCallback(\n    ({onKeyDown}) => (\n      <div className={style.klfButtonContainer}>\n        <ButtonLink\n          {...klfButtonProps}\n          className={style.klfButton}\n          onKeyDown={onKeyDown}\n          useTitle={false}\n        />\n      </div>\n    ),\n    [klfButtonProps]\n  );\n\n  const TooltipContent = useCallback(\n    () => (\n      <span\n        className={style.tooltipText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: klf.tooltip}}\n      />\n    ),\n    [klf.tooltip]\n  );\n\n  const toolTipProps = useMemo(\n    () => ({\n      closeToolTipInformationTextAriaLabel: translate('close_tooltip_information'),\n      AnchorElement: AnchorButton,\n      TooltipContent,\n      'aria-label': translate('More details'),\n      tooltipClassName: style.toolTipCustomization\n    }),\n    [AnchorButton, TooltipContent, translate]\n  );\n\n  return (\n    <div className={style.klfContainer}>\n      <Tooltip {...toolTipProps} />\n    </div>\n  );\n};\n\nKlfButton.propTypes = {\n  klf: propTypes.klf\n};\n\nKlfButton.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? <KlfButton klf={klf} /> : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper} data-testid=\"review-correction-popin\">\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel}>\n            <span aria-label={resultLabel} role=\"status\">\n              {resultLabel}\n            </span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span\n              className={style.message}\n              aria-label={information.message}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: information.message}}\n            />\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer} data-testid=\"next-question-button-container\">\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/review-correction-popin/index.native.js

@@ -1,5 +1,3 @@
-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, { useCallback, useEffect, useState } from 'react';
 import { Animated, Easing, StyleSheet, View } from 'react-native';
 import { NovaCompositionCoorpacademyCheck as RightIcon, NovaSolidStatusClose as WrongIcon, NovaLineLoginKey1 as KlfIcon } from '@coorpacademy/nova-icons';
@@ -8,7 +6,6 @@ import Html from '../../atom/html/index.native';
 import Text from '../../atom/text/index.native';
 import Touchable from '../../hoc/touchable/index.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
-
 const createStyleSheet = (theme, type) => StyleSheet.create({
   wrapper: {
     backgroundColor: '#00000000',
@@ -184,7 +181,6 @@ const createStyleSheet = (theme, type) => StyleSheet.create({
     borderRadius: 4
   }
 });
-
 const KlfButton = ({
   klf,
   styleSheet
@@ -231,7 +227,10 @@ const KlfButton = ({
   }, tooltip)), /*#__PURE__*/React.createElement(View, {
     style: triangleTooltip
   })), /*#__PURE__*/React.createElement(Touchable, {
-    style: displayTooltip ? _extends({}, buttonKlf, buttonKlfActive) : buttonKlf,
+    style: displayTooltip ? {
+      ...buttonKlf,
+      ...buttonKlfActive
+    } : buttonKlf,
     accessibilityLabel: `aria-label-${label}`,
     onPress: handlePressKey,
     testID: "button-klf"
@@ -242,12 +241,10 @@ const KlfButton = ({
     style: buttonKlfText
   }, label)));
 };
-
 const ICONS = {
   right: RightIcon,
   wrong: WrongIcon
 };
-
 const ReviewCorrectionPopin = ({
   information,
   klf,
@@ -264,14 +261,11 @@ const ReviewCorrectionPopin = ({
   const Icon = ICONS[type];
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme, type);
-
     setStylesheet(_stylesheet);
   }, [theme, type]);
-
   if (!styleSheet) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(View, {
     style: styleSheet.wrapper
   }, /*#__PURE__*/React.createElement(View, {
@@ -308,6 +302,5 @@ const ReviewCorrectionPopin = ({
     style: styleSheet.buttonText
   }, next.label))));
 };
-
 export default ReviewCorrectionPopin;
 //# sourceMappingURL=index.native.js.map