@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -2,27 +2,46 @@
 
 exports.__esModule = true;
 exports.setAnimations = exports.default = void 0;
+
 var _multiply2 = _interopRequireDefault(require("lodash/fp/multiply"));
+
 var _parseInt3 = _interopRequireDefault(require("lodash/fp/parseInt"));
+
 var _round2 = _interopRequireDefault(require("lodash/fp/round"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _lottieWrapper = _interopRequireDefault(require("../../atom/lottie-wrapper"));
+
 var _animation = _interopRequireWildcard(require("../../hoc/animation"));
+
 var _animationScheduler = _interopRequireDefault(require("../../hoc/animation-scheduler"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireDefault(require("./prop-types"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {
   setIsAnimationVisible('play');
   setIsAnimated(true);
 };
+
 exports.setAnimations = setAnimations;
+
 const ReviewCardCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -39,11 +58,12 @@ const ReviewCardCongrats = props => {
   const [isAnimationVisible, setIsAnimationVisible] = (0, _react.useState)('loading');
   const [isAnimated, setIsAnimated] = (0, _react.useState)(false);
   (0, _react.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 = (0, _classnames.default)(className, _style.default.cardContainer, cardType === 'card-star' ? _style.default.cardStar : _style.default.cardRank);
@@ -87,6 +107,8 @@ const ReviewCardCongrats = props => {
     className: _style.default.rankSuffix
   }, rankSuffix)));
 };
+
 ReviewCardCongrats.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
-var _default = exports.default = ReviewCardCongrats;
+var _default = ReviewCardCongrats;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_novaIcons","_lottieWrapper","_animation","_animationScheduler","_style","_propTypes","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","setAnimations","setIsAnimationVisible","setIsAnimated","exports","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","useState","isAnimated","useEffect","timer","setTimeout","clearTimeout","wrapperClassName","classnames","style","cardContainer","cardStar","cardRank","createElement","mainIcon","loop","animationControl","autoplay","wrapperLottie","backupImageClassName","ie11Backup","title","role","textContainerStar","textContainerRank","NovaSolidVoteRewardsRewardsBadge5","iconRank","width","height","animated","textStar","textRank","name","bezier","EASE_OUT_CUBIC","duration","progress","_pipe2","_parseInt3","_multiply2","_round2","NovaCompositionCoorpacademyStar","iconStar","propTypes","process","env","NODE_ENV","_default"],"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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAIA,IAAAI,cAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAN,uBAAA,CAAAC,OAAA;AACA,IAAAM,mBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,MAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,UAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAqC,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAhB,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAAA,SAAAmB,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAE9B,MAAMG,aAAa,GAAGA,CAACC,qBAAqB,EAAEC,aAAa,KAAK,MAAM;EAC3ED,qBAAqB,CAAC,MAAM,CAAC;EAC7BC,aAAa,CAAC,IAAI,CAAC;AACrB,CAAC;AAACC,OAAA,CAAAH,aAAA,GAAAA,aAAA;AAEF,MAAMI,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IACJ,YAAY,EAAEC,SAAS;IACvB,WAAW,EAAEC,QAAQ;IACrBC,eAAe;IACfC,QAAQ;IACRC,aAAa;IACbC,SAAS;IACTC,eAAe;IACfC,eAAe;IACfC,UAAU;IACVC;EACF,CAAC,GAAGV,KAAK;EAET,MAAM,CAACW,kBAAkB,EAAEf,qBAAqB,CAAC,GAAG,IAAAgB,eAAQ,EAAC,SAAS,CAAC;EACvE,MAAM,CAACC,UAAU,EAAEhB,aAAa,CAAC,GAAG,IAAAe,eAAQ,EAAC,KAAK,CAAC;EAEnD,IAAAE,gBAAS,EAAC,MAAM;IACd,IAAIC,KAAK;IACT;IACA,IAAI,CAACJ,kBAAkB,IAAI,CAACE,UAAU,EAAE;MACtCE,KAAK,GAAGC,UAAU,CAACrB,aAAa,CAACC,qBAAqB,EAAEC,aAAa,CAAC,EAAEa,cAAc,CAAC;IACzF;IACA,OAAO,MAAMK,KAAK,IAAIE,YAAY,CAACF,KAAK,CAAC;EAC3C,CAAC,EAAE,CAACL,cAAc,EAAEG,UAAU,EAAEF,kBAAkB,CAAC,CAAC;EAEpD,MAAMO,gBAAgB,GAAG,IAAAC,mBAAU,EACjCb,SAAS,EACTc,cAAK,CAACC,aAAa,EACnBjB,QAAQ,KAAK,WAAW,GAAGgB,cAAK,CAACE,QAAQ,GAAGF,cAAK,CAACG,QACpD,CAAC;EAED,oBACEjE,MAAA,CAAAiB,OAAA,CAAAiD,aAAA;IAAKlB,SAAS,EAAEY,gBAAiB;IAAC,aAAWhB;EAAS,gBACpD5C,MAAA,CAAAiB,OAAA,CAAAiD,aAAA;IAAKlB,SAAS,EAAEc,cAAK,CAACK;EAAS,gBAC7BnE,MAAA,CAAAiB,OAAA,CAAAiD,aAAA,CAAC5D,cAAA,CAAAW,OAAa,EAAAc,QAAA,KACRc,eAAe;IACnBuB,IAAI,EAAE,KAAM;IACZC,gBAAgB,EAAEhB,kBAAmB;IACrCiB,QAAQ,EAAE,KAAM;IAChB,aAAU,gBAAgB;IAC1BtB,SAAS,EAAEc,cAAK,CAACS,aAAc;IAC/BC,oBAAoB,EAAEV,cAAK,CAACW;EAAW,EACxC,CACE,CAAC,eACNzE,MAAA,CAAAiB,OAAA,CAAAiD,aAAA;IAAKlB,SAAS,EAAEc,cAAK,CAACY,KAAM;IAACC,IAAI,EAAC,QAAQ;IAAC,cAAYhC;EAAU,GAC9DM,eACE,CAAC,eACNjD,MAAA,CAAAiB,OAAA,CAAAiD,aAAA;IAAKlB,SAAS,EAAEF,QAAQ,KAAK,WAAW,GAAGgB,cAAK,CAACc,iBAAiB,GAAGd,cAAK,CAACe;EAAkB,GAC1F/B,QAAQ,KAAK,WAAW,gBACvB9C,MAAA,CAAAiB,OAAA,CAAAiD,aAAA,CAAC7D,UAAA,CAAAyE,iCAAQ;IAAC9B,SAAS,EAAEc,cAAK,CAACiB,QAAS;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAAC,cAAYlC;EAAc,CAAE,CAAC,GACvF,IAAI,eACR/C,MAAA,CAAAiB,OAAA,CAAAiD,aAAA,CAAC1D,mBAAA,CAAAS,OAAkB;IAACiE,QAAQ,EAAE3B;EAAW,gBACvCvD,MAAA,CAAAiB,OAAA,CAAAiD,aAAA,2BACElE,MAAA,CAAAiB,OAAA,CAAAiD,aAAA;IAAMlB,SAAS,EAAEF,QAAQ,KAAK,WAAW,GAAGgB,cAAK,CAACqB,QAAQ,GAAGrB,cAAK,CAACsB;EAAS,gBAC1EpF,MAAA,CAAAiB,OAAA,CAAAiD,aAAA,CAAC3D,UAAA,CAAAU,OAAS;IAACoE,IAAI,EAAC,SAAS;IAACC,MAAM,EAAEC,yBAAe;IAACC,QAAQ,EAAE;EAAK,GAC9DC,QAAQ,IAAI,IAAAC,MAAA,CAAAzE,OAAA,EAAK,IAAA0E,UAAA,CAAA1E,OAAA,EAAU,EAAE,CAAC,EAAE,IAAA2E,UAAA,CAAA3E,OAAA,EAASwE,QAAQ,CAAC,EAAAI,OAAA,CAAA5E,OAAO,CAAC,CAACiC,eAAe,CAClE,CACP,CACH,CACa,CAAC,EACpBJ,QAAQ,KAAK,WAAW,gBACvB9C,MAAA,CAAAiB,OAAA,CAAAiD,aAAA,CAAC7D,UAAA,CAAAyF,+BAAQ;IAAC9C,SAAS,EAAEc,cAAK,CAACiC,QAAS;IAACf,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAAC,cAAYlC;EAAc,CAAE,CAAC,gBAEzF/C,MAAA,CAAAiB,OAAA,CAAAiD,aAAA;IAAKlB,SAAS,EAAEc,cAAK,CAACX;EAAW,GAAEA,UAAgB,CAElD,CACF,CAAC;AAEV,CAAC;AAEDV,kBAAkB,CAACuD,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,kBAAS;AAAC,IAAAI,QAAA,GAAA5D,OAAA,CAAAvB,OAAA,GAE1BwB,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["setAnimations","setIsAnimationVisible","setIsAnimated","ReviewCardCongrats","props","ariaLabel","dataName","animationLottie","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","isAnimationVisible","useState","isAnimated","useEffect","timer","setTimeout","clearTimeout","wrapperClassName","classnames","style","cardContainer","cardStar","cardRank","mainIcon","wrapperLottie","ie11Backup","title","textContainerStar","textContainerRank","iconRank","textStar","textRank","EASE_OUT_CUBIC","progress","iconStar","propTypes"],"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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"}

package/lib/molecule/review-card-congrats/prop-types.js

@@ -2,10 +2,14 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("../../atom/lottie-wrapper/prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
   'aria-label': _propTypes.default.string,
   'data-name': _propTypes.default.string,
   animationLottie: _propTypes.default.shape(_propTypes2.default),
@@ -17,4 +21,5 @@ var _default = exports.default = {
   rankSuffix: _propTypes.default.string,
   timerAnimation: _propTypes.default.number
 };
+exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","_propTypes2","e","__esModule","default","_default","exports","PropTypes","string","animationLottie","shape","AtomLottieWrapperPropTypes","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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAE8C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAe/B;EACb,YAAY,EAAEG,kBAAS,CAACC,MAAM;EAC9B,WAAW,EAAED,kBAAS,CAACC,MAAM;EAC7BC,eAAe,EAAEF,kBAAS,CAACG,KAAK,CAACC,mBAA0B,CAAC;EAC5DC,QAAQ,EAAEL,kBAAS,CAACC,MAAM;EAC1BK,aAAa,EAAEN,kBAAS,CAACC,MAAM;EAC/BM,SAAS,EAAEP,kBAAS,CAACC,MAAM;EAC3BO,eAAe,EAAER,kBAAS,CAACC,MAAM;EACjCQ,eAAe,EAAET,kBAAS,CAACC,MAAM;EACjCS,UAAU,EAAEV,kBAAS,CAACC,MAAM;EAC5BU,cAAc,EAAEX,kBAAS,CAACY;AAC5B,CAAC","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["PropTypes","string","animationLottie","shape","AtomLottieWrapperPropTypes","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;;AACA;;;;eAiBe;EACb,cAAcA,kBAAA,CAAUC,MADX;EAEb,aAAaD,kBAAA,CAAUC,MAFV;EAGbC,eAAe,EAAEF,kBAAA,CAAUG,KAAV,CAAgBC,mBAAhB,CAHJ;EAIbC,QAAQ,EAAEL,kBAAA,CAAUC,MAJP;EAKbK,aAAa,EAAEN,kBAAA,CAAUC,MALZ;EAMbM,SAAS,EAAEP,kBAAA,CAAUC,MANR;EAObO,eAAe,EAAER,kBAAA,CAAUC,MAPd;EAQbQ,eAAe,EAAET,kBAAA,CAAUC,MARd;EASbS,UAAU,EAAEV,kBAAA,CAAUC,MATT;EAUbU,cAAc,EAAEX,kBAAA,CAAUY;AAVb,C"}

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

@@ -2,24 +2,36 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
+
 var _tooltip = _interopRequireDefault(require("../../atom/tooltip"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireDefault(require("./prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 _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 KlfButton = ({
   klf
 }, legacyContext) => {
   const translate = (0, _provider.GetTranslateFromContext)(legacyContext);
-  const klfButtonProps = (0, _react.useMemo)(() => ({
-    ...klf,
+  const klfButtonProps = (0, _react.useMemo)(() => ({ ...klf,
     icon: {
       position: 'left',
       type: 'key'
@@ -36,8 +48,7 @@ const KlfButton = ({
     useTitle: false
   }))), [klfButtonProps]);
   const TooltipContent = (0, _react.useCallback)(() => /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.tooltipText
-    // eslint-disable-next-line react/no-danger
+    className: _style.default.tooltipText // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: klf.tooltip
@@ -54,12 +65,14 @@ const KlfButton = ({
     className: _style.default.klfContainer
   }, /*#__PURE__*/_react.default.createElement(_tooltip.default, toolTipProps));
 };
+
 KlfButton.propTypes = process.env.NODE_ENV !== "production" ? {
   klf: _propTypes.default.klf
 } : {};
 KlfButton.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
+
 const ReviewCorrectionPopin = props => {
   const {
     information,
@@ -68,8 +81,7 @@ const ReviewCorrectionPopin = props => {
     klf,
     next
   } = props;
-  const nextQuestionButtonProps = {
-    ...next,
+  const nextQuestionButtonProps = { ...next,
     type: 'primary'
   };
   const cta = type === 'wrong' ? /*#__PURE__*/_react.default.createElement(KlfButton, {
@@ -108,8 +120,7 @@ const ReviewCorrectionPopin = props => {
     "aria-label": information.label
   }, information.label)), /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.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
@@ -123,6 +134,8 @@ const ReviewCorrectionPopin = props => {
     className: _style.default.nextQuestionButton
   }))))));
 };
+
 ReviewCorrectionPopin.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
-var _default = exports.default = ReviewCorrectionPopin;
+var _default = ReviewCorrectionPopin;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_novaIcons","_buttonLink","_provider","_tooltip","_style","_propTypes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","KlfButton","klf","legacyContext","translate","GetTranslateFromContext","klfButtonProps","useMemo","icon","position","type","AnchorButton","useCallback","onKeyDown","createElement","className","style","klfButtonContainer","klfButton","useTitle","TooltipContent","tooltipText","dangerouslySetInnerHTML","__html","tooltip","toolTipProps","closeToolTipInformationTextAriaLabel","AnchorElement","tooltipClassName","toolTipCustomization","klfContainer","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","RightIcon","wrong","WrongIcon","Icon","wrapper","classnames","popin","correctionSection","iconCircle","iconRight","iconWrong","role","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton","_default","exports"],"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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAIA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAN,uBAAA,CAAAC,OAAA;AACA,IAAAM,QAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,MAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,UAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAqC,SAAAE,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAErC,MAAMG,SAAS,GAAGA,CAAC;EAACC;AAAG,CAAC,EAAEC,aAAa,KAAK;EAC1C,MAAMC,SAAS,GAAG,IAAAC,iCAAuB,EAACF,aAAa,CAAC;EACxD,MAAMG,cAAc,GAAG,IAAAC,cAAO,EAC5B,OAAO;IACL,GAAGL,GAAG;IACNM,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBC,IAAI,EAAE;IACR,CAAC;IACDA,IAAI,EAAE;EACR,CAAC,CAAC,EACF,CAACR,GAAG,CACN,CAAC;EAED,MAAMS,YAAY,GAAG,IAAAC,kBAAW,EAC9B,CAAC;IAACC;EAAS,CAAC,kBACVjD,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAmB,gBACvCrD,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAAC5C,WAAA,CAAAO,OAAU,EAAAkB,QAAA,KACLW,cAAc;IAClBS,SAAS,EAAEC,cAAK,CAACE,SAAU;IAC3BL,SAAS,EAAEA,SAAU;IACrBM,QAAQ,EAAE;EAAM,EACjB,CACE,CACN,EACD,CAACb,cAAc,CACjB,CAAC;EAED,MAAMc,cAAc,GAAG,IAAAR,kBAAW,EAChC,mBACEhD,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACK;IACjB;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAErB,GAAG,CAACsB;IAAO;EAAE,CAChD,CACF,EACD,CAACtB,GAAG,CAACsB,OAAO,CACd,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAlB,cAAO,EAC1B,OAAO;IACLmB,oCAAoC,EAAEtB,SAAS,CAAC,2BAA2B,CAAC;IAC5EuB,aAAa,EAAEhB,YAAY;IAC3BS,cAAc;IACd,YAAY,EAAEhB,SAAS,CAAC,cAAc,CAAC;IACvCwB,gBAAgB,EAAEZ,cAAK,CAACa;EAC1B,CAAC,CAAC,EACF,CAAClB,YAAY,EAAES,cAAc,EAAEhB,SAAS,CAC1C,CAAC;EAED,oBACExC,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACc;EAAa,gBACjClE,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAAC1C,QAAA,CAAAK,OAAO,EAAKgD,YAAe,CACzB,CAAC;AAEV,CAAC;AAEDxB,SAAS,CAAC8B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBhC,GAAG,EAAE6B,kBAAS,CAAC7B;AACjB,CAAC;AAEDD,SAAS,CAACkC,YAAY,GAAG;EACvB/B,SAAS,EAAEgC,iBAAQ,CAACC,iBAAiB,CAACjC;AACxC,CAAC;AAED,MAAMkC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,WAAW;IAAEC,WAAW;IAAE/B,IAAI;IAAER,GAAG;IAAEwC;EAAI,CAAC,GAAGH,KAAK;EAEzD,MAAMI,uBAAuB,GAAG;IAC9B,GAAGD,IAAI;IACPhC,IAAI,EAAE;EACR,CAAC;EAED,MAAMkC,GAAG,GAAGlC,IAAI,KAAK,OAAO,gBAAG9C,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAACb,SAAS;IAACC,GAAG,EAAEA;EAAI,CAAE,CAAC,GAAG,IAAI;EAE7D,MAAM2C,KAAK,GAAG;IACZC,KAAK,EAAEC,2CAAS;IAChBC,KAAK,EAAEC;EACT,CAAC;EACD,MAAMC,IAAI,GAAGL,KAAK,CAACnC,IAAI,CAAC;EAExB,oBACE9C,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACmC,OAAQ;IAAC,eAAY;EAAyB,gBAClEvF,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAE,IAAAqC,mBAAU,EAACpC,cAAK,CAACqC,KAAK,EAAE3C,IAAI,KAAK,OAAO,GAAGM,cAAK,CAAC8B,KAAK,GAAG9B,cAAK,CAACgC,KAAK;EAAE,gBACpFpF,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACsC;EAAkB,gBACtC1F,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACuC;EAAW,gBAC/B3F,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAACoC,IAAI;IAACnC,SAAS,EAAEL,IAAI,KAAK,OAAO,GAAGM,cAAK,CAACwC,SAAS,GAAGxC,cAAK,CAACyC;EAAU,CAAE,CACrE,CAAC,eACN7F,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACyB;EAAY,gBAChC7E,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAM,cAAY2B,WAAY;IAACiB,IAAI,EAAC;EAAQ,GACzCjB,WACG,CACH,CACF,CAAC,eACN7E,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC2C;EAAgB,gBACpC/F,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACwB,WAAY;IAAC,cAAW;EAAoB,gBAChE5E,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC4C;EAAe,gBACnChG,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAMC,SAAS,EAAEC,cAAK,CAAC6C,KAAM;IAAC,cAAYrB,WAAW,CAACqB;EAAM,GACzDrB,WAAW,CAACqB,KACT,CACH,CAAC,eACNjG,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IACEC,SAAS,EAAEC,cAAK,CAAC8C,OAAQ;IACzB,cAAYtB,WAAW,CAACsB;IACxB;IAAA;IACAxC,uBAAuB,EAAE;MAACC,MAAM,EAAEiB,WAAW,CAACsB;IAAO;EAAE,CACxD,CACE,CACF,CAAC,eACNlG,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEL,IAAI,KAAK,OAAO,GAAGM,cAAK,CAAC+C,OAAO,GAAG/C,cAAK,CAACgD;EAAa,GACnEpB,GAAG,eACJhF,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACiD,qBAAsB;IAAC,eAAY;EAAgC,gBACvFrG,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAAC5C,WAAA,CAAAO,OAAU,EAAAkB,QAAA,KAAKgD,uBAAuB;IAAE5B,SAAS,EAAEC,cAAK,CAACkD;EAAmB,EAAE,CAC5E,CACF,CACF,CACF,CAAC;AAEV,CAAC;AAED5B,qBAAqB,CAACP,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,kBAAS;AAAC,IAAAoC,QAAA,GAAAC,OAAA,CAAA3F,OAAA,GAE7B6D,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["KlfButton","klf","legacyContext","translate","GetTranslateFromContext","klfButtonProps","useMemo","icon","position","type","AnchorButton","useCallback","onKeyDown","style","klfButtonContainer","klfButton","TooltipContent","tooltipText","__html","tooltip","toolTipProps","closeToolTipInformationTextAriaLabel","AnchorElement","tooltipClassName","toolTipCustomization","klfContainer","propTypes","contextTypes","Provider","childContextTypes","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","RightIcon","wrong","WrongIcon","Icon","wrapper","classnames","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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"}

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

@@ -2,17 +2,29 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
 var _index = _interopRequireDefault(require("../../atom/html/index.native"));
+
 var _index2 = _interopRequireDefault(require("../../atom/text/index.native"));
+
 var _index3 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
 var _templateContext = require("../../template/app-review/template-context");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
 const createStyleSheet = (theme, type) => _reactNative.StyleSheet.create({
   wrapper: {
     backgroundColor: '#00000000',
@@ -188,6 +200,7 @@ const createStyleSheet = (theme, type) => _reactNative.StyleSheet.create({
     borderRadius: 4
   }
 });
+
 const KlfButton = ({
   klf,
   styleSheet
@@ -234,8 +247,7 @@ const KlfButton = ({
   }, tooltip)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: triangleTooltip
   })), /*#__PURE__*/_react.default.createElement(_index3.default, {
-    style: displayTooltip ? {
-      ...buttonKlf,
+    style: displayTooltip ? { ...buttonKlf,
       ...buttonKlfActive
     } : buttonKlf,
     accessibilityLabel: `aria-label-${label}`,
@@ -248,10 +260,12 @@ const KlfButton = ({
     style: buttonKlfText
   }, label)));
 };
+
 const ICONS = {
   right: _novaIcons.NovaCompositionCoorpacademyCheck,
   wrong: _novaIcons.NovaSolidStatusClose
 };
+
 const ReviewCorrectionPopin = ({
   information,
   klf,
@@ -268,11 +282,14 @@ const ReviewCorrectionPopin = ({
   const Icon = ICONS[type];
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme, type);
+
     setStylesheet(_stylesheet);
   }, [theme, type]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.wrapper
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -309,5 +326,7 @@ const ReviewCorrectionPopin = ({
     style: styleSheet.buttonText
   }, next.label))));
 };
-var _default = exports.default = ReviewCorrectionPopin;
+
+var _default = ReviewCorrectionPopin;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/molecule/review-correction-popin/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_reactNativeAnimation","_index","_interopRequireDefault","_index2","_index3","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","theme","type","StyleSheet","create","wrapper","backgroundColor","height","display","justifyContent","popin","padding","spacing","medium","borderRadius","flexDirection","alignItems","colors","negative","positive","shadowColor","shadowOpacity","shadowOffset","width","shadowRadius","elevation","correctionSection","iconCircle","white","opacity","icon","resultLabel","color","fontSize","fontWeight","lineHeight","marginLeft","textTransform","feedbackSection","marginVertical","labelContainer","alignSelf","paddingHorizontal","tiny","paddingVertical","micro","marginBottom","label","extraBold","htmlInfoMessage","button","base","small","buttonText","cta","bold","textAlign","containerButtonKlf","buttonKlf","buttonKlfActive","buttonKlfText","iconKey","marginRight","containerTooltip","zIndex","position","black","buttonTooltip","bottom","right","htmlTooltipText","text","primary","triangleTooltip","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderTopWidth","borderLeftColor","borderTopColor","borderRightColor","borderBottomColor","transform","rotate","left","top","KlfButton","klf","styleSheet","displayTooltip","setDisplayTooltip","useState","fadeIn","useAnimateProp","property","fromValue","toValue","duration","easing","Easing","bezier","handlePressKey","useCallback","start","reset","tooltip","createElement","View","style","Animated","animatedStyle","accessibilityLabel","isHighlight","onPress","testID","NovaLineLoginKey1","ICONS","RightIcon","wrong","WrongIcon","ReviewCorrectionPopin","information","next","templateContext","useTemplateContext","setStylesheet","handlePressNext","onClick","Icon","useEffect","_stylesheet","needsOffscreenAlphaCompositing","message","_default","exports"],"sources":["../../../src/molecule/review-correction-popin/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState} from 'react';\nimport {Animated, Easing, TextStyle, StyleSheet, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon,\n  NovaLineLoginKey1 as KlfIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport Html from '../../atom/html/index.native';\nimport {Theme} from '../../variables/theme.native';\nimport Text from '../../atom/text/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ReviewCorrectionPopinKLFProps, ReviewCorrectionPopinProps} from './prop-types';\n\ninterface StyleSheetType {\n  wrapper: ViewStyle;\n  popin: ViewStyle;\n  correctionSection: ViewStyle;\n  iconCircle: ViewStyle;\n  icon: ViewStyle;\n  resultLabel: TextStyle;\n  feedbackSection: ViewStyle;\n  labelContainer: ViewStyle;\n  label: TextStyle;\n  htmlInfoMessage: TextStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  buttonKlf: ViewStyle;\n  buttonKlfActive: TextStyle;\n  buttonKlfText: TextStyle;\n  iconKey: ViewStyle;\n  containerTooltip: ViewStyle;\n  buttonTooltip: ViewStyle;\n  containerButtonKlf: ViewStyle;\n  triangleTooltip: ViewStyle;\n  htmlTooltipText: TextStyle;\n}\n\nconst createStyleSheet = (theme: Theme, type: string): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      backgroundColor: '#00000000',\n      height: 2000,\n      display: 'flex',\n      justifyContent: 'flex-end'\n    },\n    popin: {\n      padding: theme.spacing.medium,\n      borderRadius: 16,\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      backgroundColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n      shadowColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n      shadowOpacity: 0.5,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 15,\n      elevation: 4\n    },\n    correctionSection: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      width: '80%'\n    },\n    iconCircle: {\n      width: 60,\n      height: 60,\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: theme.colors.white,\n      opacity: 0.7,\n      borderRadius: 50\n    },\n    icon: {\n      height: 30,\n      width: 30\n    },\n    resultLabel: {\n      color: theme.colors.white,\n      fontSize: 24,\n      fontWeight: '600',\n      lineHeight: 24,\n      marginLeft: 12,\n      textTransform: 'uppercase'\n    },\n    feedbackSection: {\n      marginVertical: theme.spacing.medium\n    },\n    labelContainer: {\n      alignSelf: 'flex-start',\n      backgroundColor: 'rgba(255, 255, 255, 0.3)',\n      borderRadius: 56,\n      paddingHorizontal: theme.spacing.tiny,\n      paddingVertical: theme.spacing.micro,\n      marginBottom: 8\n    },\n    label: {\n      color: theme.colors.white,\n      fontSize: 14,\n      fontWeight: theme.fontWeight.extraBold,\n      lineHeight: 17\n    },\n    htmlInfoMessage: {\n      color: theme.colors.white,\n      fontSize: 16,\n      fontWeight: '600',\n      lineHeight: 19\n    },\n    button: {\n      alignSelf: 'stretch',\n      backgroundColor: theme.colors.white,\n      borderRadius: 7,\n      paddingHorizontal: theme.spacing.base,\n      paddingVertical: theme.spacing.small\n    },\n    buttonText: {\n      color: theme.colors.cta,\n      fontSize: 14,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    containerButtonKlf: {\n      width: '100%'\n    },\n    buttonKlf: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n      borderRadius: 7,\n      paddingHorizontal: theme.spacing.base,\n      paddingVertical: theme.spacing.small,\n      marginBottom: theme.spacing.tiny\n    },\n    buttonKlfActive: {\n      backgroundColor:\n        'linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), rgba(255, 255, 255, 0.1)'\n    },\n    buttonKlfText: {\n      color: 'white',\n      fontSize: 14,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    iconKey: {\n      width: 12,\n      height: 12,\n      marginRight: theme.spacing.tiny\n    },\n    containerTooltip: {\n      zIndex: 30,\n      position: 'relative',\n      shadowColor: theme.colors.black,\n      shadowOpacity: 0.3,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 8\n    },\n    buttonTooltip: {\n      zIndex: 20,\n      flexDirection: 'column',\n      justifyContent: 'center',\n      backgroundColor: theme.colors.white,\n      borderRadius: 15,\n      padding: theme.spacing.small,\n      width: '112%',\n      position: 'absolute',\n      bottom: 4,\n      right: -15,\n      shadowColor: theme.colors.black,\n      shadowOpacity: 0.3,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 8,\n      elevation: 6\n    },\n    htmlTooltipText: {\n      color: theme.colors.text.primary,\n      fontSize: 16,\n      fontWeight: '600',\n      lineHeight: 22,\n      textAlign: 'center'\n    },\n    triangleTooltip: {\n      zIndex: 31,\n      width: 0,\n      height: 0,\n      backgroundColor: 'transparent',\n      borderStyle: 'solid',\n      borderLeftWidth: 13,\n      borderRightWidth: 13,\n      borderBottomWidth: 13,\n      borderTopWidth: 13,\n      borderLeftColor: 'transparent',\n      borderTopColor: 'transparent',\n      borderRightColor: theme.colors.white,\n      borderBottomColor: theme.colors.white,\n      transform: [{rotate: '45deg'}],\n      position: 'absolute',\n      left: 110,\n      top: -20,\n      borderRadius: 4\n    }\n  });\n\nconst KlfButton = ({\n  klf,\n  styleSheet\n}: {\n  klf: ReviewCorrectionPopinKLFProps;\n  styleSheet: StyleSheetType;\n}) => {\n  const [displayTooltip, setDisplayTooltip] = useState(false);\n  const fadeIn = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 250,\n    easing: Easing.bezier(0.25, 1, 0.5, 1)\n  });\n\n  const handlePressKey = useCallback(() => {\n    setDisplayTooltip(!displayTooltip);\n    !displayTooltip ? fadeIn.start() : fadeIn.reset();\n  }, [displayTooltip, fadeIn]);\n\n  const {\n    buttonKlf,\n    buttonKlfActive,\n    buttonKlfText,\n    containerButtonKlf,\n    containerTooltip,\n    buttonTooltip,\n    htmlTooltipText,\n    iconKey,\n    triangleTooltip\n  } = styleSheet;\n\n  const {label, tooltip} = klf;\n\n  return (\n    <View style={containerButtonKlf}>\n      <Animated.View style={[containerTooltip, fadeIn.animatedStyle]}>\n        <Touchable\n          style={buttonTooltip}\n          accessibilityLabel={`aria-label-tooltip`}\n          isHighlight\n          onPress={handlePressKey}\n          testID=\"button-tooltip\"\n        >\n          <Html style={htmlTooltipText}>{tooltip}</Html>\n        </Touchable>\n        <View style={triangleTooltip} />\n      </Animated.View>\n      <Touchable\n        style={displayTooltip ? {...buttonKlf, ...buttonKlfActive} : buttonKlf}\n        accessibilityLabel={`aria-label-${label}`}\n        onPress={handlePressKey}\n        testID=\"button-klf\"\n      >\n        <KlfIcon style={iconKey} color=\"white\" />\n        <Text style={buttonKlfText}>{label}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nconst ICONS = {\n  right: RightIcon,\n  wrong: WrongIcon\n};\n\nconst ReviewCorrectionPopin = ({\n  information,\n  klf,\n  next,\n  type,\n  resultLabel\n}: ReviewCorrectionPopinProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const handlePressNext = next.onClick;\n\n  const Icon = ICONS[type];\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, type);\n    setStylesheet(_stylesheet);\n  }, [theme, type]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.wrapper}>\n      <View style={styleSheet.popin}>\n        <View style={styleSheet.correctionSection}>\n          <View style={styleSheet.iconCircle}>\n            <Icon\n              style={styleSheet.icon}\n              color={type === 'wrong' ? theme.colors.negative : theme.colors.positive}\n            />\n          </View>\n          <Text style={styleSheet.resultLabel}>{resultLabel}</Text>\n        </View>\n        <View style={styleSheet.feedbackSection} accessibilityLabel=\"answer-information\">\n          <View style={styleSheet.labelContainer} needsOffscreenAlphaCompositing>\n            <Text accessibilityLabel={information.label} style={styleSheet.label}>\n              {information.label}\n            </Text>\n          </View>\n          <Html style={styleSheet.htmlInfoMessage}>{information.message}</Html>\n        </View>\n        {klf && type === 'wrong' ? <KlfButton styleSheet={styleSheet} klf={klf} /> : null}\n        <Touchable\n          style={styleSheet.button}\n          onPress={handlePressNext}\n          accessibilityLabel={next['aria-label']}\n          testID={next['data-name']}\n        >\n          <Text style={styleSheet.buttonText}>{next.label}</Text>\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","type","StyleSheet","create","wrapper","backgroundColor","height","display","justifyContent","popin","padding","spacing","medium","borderRadius","flexDirection","alignItems","colors","negative","positive","shadowColor","shadowOpacity","shadowOffset","width","shadowRadius","elevation","correctionSection","iconCircle","white","opacity","icon","resultLabel","color","fontSize","fontWeight","lineHeight","marginLeft","textTransform","feedbackSection","marginVertical","labelContainer","alignSelf","paddingHorizontal","tiny","paddingVertical","micro","marginBottom","label","extraBold","htmlInfoMessage","button","base","small","buttonText","cta","bold","textAlign","containerButtonKlf","buttonKlf","buttonKlfActive","buttonKlfText","iconKey","marginRight","containerTooltip","zIndex","position","black","buttonTooltip","bottom","right","htmlTooltipText","text","primary","triangleTooltip","borderStyle","borderLeftWidth","borderRightWidth","borderBottomWidth","borderTopWidth","borderLeftColor","borderTopColor","borderRightColor","borderBottomColor","transform","rotate","left","top","KlfButton","klf","styleSheet","displayTooltip","setDisplayTooltip","useState","fadeIn","useAnimateProp","property","fromValue","toValue","duration","easing","Easing","bezier","handlePressKey","useCallback","start","reset","tooltip","animatedStyle","ICONS","RightIcon","wrong","WrongIcon","ReviewCorrectionPopin","information","next","templateContext","useTemplateContext","setStylesheet","handlePressNext","onClick","Icon","useEffect","_stylesheet","message"],"sources":["../../../src/molecule/review-correction-popin/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState} from 'react';\nimport {Animated, Easing, TextStyle, StyleSheet, View, ViewStyle} from 'react-native';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon,\n  NovaLineLoginKey1 as KlfIcon\n} from '@coorpacademy/nova-icons';\nimport {useAnimateProp} from '@coorpacademy/react-native-animation';\nimport Html from '../../atom/html/index.native';\nimport {Theme} from '../../variables/theme.native';\nimport Text from '../../atom/text/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ReviewCorrectionPopinKLFProps, ReviewCorrectionPopinProps} from './prop-types';\n\ninterface StyleSheetType {\n  wrapper: ViewStyle;\n  popin: ViewStyle;\n  correctionSection: ViewStyle;\n  iconCircle: ViewStyle;\n  icon: ViewStyle;\n  resultLabel: TextStyle;\n  feedbackSection: ViewStyle;\n  labelContainer: ViewStyle;\n  label: TextStyle;\n  htmlInfoMessage: TextStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  buttonKlf: ViewStyle;\n  buttonKlfActive: TextStyle;\n  buttonKlfText: TextStyle;\n  iconKey: ViewStyle;\n  containerTooltip: ViewStyle;\n  buttonTooltip: ViewStyle;\n  containerButtonKlf: ViewStyle;\n  triangleTooltip: ViewStyle;\n  htmlTooltipText: TextStyle;\n}\n\nconst createStyleSheet = (theme: Theme, type: string): StyleSheetType =>\n  StyleSheet.create({\n    wrapper: {\n      backgroundColor: '#00000000',\n      height: 2000,\n      display: 'flex',\n      justifyContent: 'flex-end'\n    },\n    popin: {\n      padding: theme.spacing.medium,\n      borderRadius: 16,\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      backgroundColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n      shadowColor: type === 'wrong' ? theme.colors.negative : theme.colors.positive,\n      shadowOpacity: 0.5,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 15,\n      elevation: 4\n    },\n    correctionSection: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      width: '80%'\n    },\n    iconCircle: {\n      width: 60,\n      height: 60,\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: theme.colors.white,\n      opacity: 0.7,\n      borderRadius: 50\n    },\n    icon: {\n      height: 30,\n      width: 30\n    },\n    resultLabel: {\n      color: theme.colors.white,\n      fontSize: 24,\n      fontWeight: '600',\n      lineHeight: 24,\n      marginLeft: 12,\n      textTransform: 'uppercase'\n    },\n    feedbackSection: {\n      marginVertical: theme.spacing.medium\n    },\n    labelContainer: {\n      alignSelf: 'flex-start',\n      backgroundColor: 'rgba(255, 255, 255, 0.3)',\n      borderRadius: 56,\n      paddingHorizontal: theme.spacing.tiny,\n      paddingVertical: theme.spacing.micro,\n      marginBottom: 8\n    },\n    label: {\n      color: theme.colors.white,\n      fontSize: 14,\n      fontWeight: theme.fontWeight.extraBold,\n      lineHeight: 17\n    },\n    htmlInfoMessage: {\n      color: theme.colors.white,\n      fontSize: 16,\n      fontWeight: '600',\n      lineHeight: 19\n    },\n    button: {\n      alignSelf: 'stretch',\n      backgroundColor: theme.colors.white,\n      borderRadius: 7,\n      paddingHorizontal: theme.spacing.base,\n      paddingVertical: theme.spacing.small\n    },\n    buttonText: {\n      color: theme.colors.cta,\n      fontSize: 14,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    containerButtonKlf: {\n      width: '100%'\n    },\n    buttonKlf: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: 'rgba(255, 255, 255, 0.1)',\n      borderRadius: 7,\n      paddingHorizontal: theme.spacing.base,\n      paddingVertical: theme.spacing.small,\n      marginBottom: theme.spacing.tiny\n    },\n    buttonKlfActive: {\n      backgroundColor:\n        'linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), rgba(255, 255, 255, 0.1)'\n    },\n    buttonKlfText: {\n      color: 'white',\n      fontSize: 14,\n      fontWeight: theme.fontWeight.bold,\n      lineHeight: 20,\n      textAlign: 'center'\n    },\n    iconKey: {\n      width: 12,\n      height: 12,\n      marginRight: theme.spacing.tiny\n    },\n    containerTooltip: {\n      zIndex: 30,\n      position: 'relative',\n      shadowColor: theme.colors.black,\n      shadowOpacity: 0.3,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 8\n    },\n    buttonTooltip: {\n      zIndex: 20,\n      flexDirection: 'column',\n      justifyContent: 'center',\n      backgroundColor: theme.colors.white,\n      borderRadius: 15,\n      padding: theme.spacing.small,\n      width: '112%',\n      position: 'absolute',\n      bottom: 4,\n      right: -15,\n      shadowColor: theme.colors.black,\n      shadowOpacity: 0.3,\n      shadowOffset: {width: 0, height: 0},\n      shadowRadius: 8,\n      elevation: 6\n    },\n    htmlTooltipText: {\n      color: theme.colors.text.primary,\n      fontSize: 16,\n      fontWeight: '600',\n      lineHeight: 22,\n      textAlign: 'center'\n    },\n    triangleTooltip: {\n      zIndex: 31,\n      width: 0,\n      height: 0,\n      backgroundColor: 'transparent',\n      borderStyle: 'solid',\n      borderLeftWidth: 13,\n      borderRightWidth: 13,\n      borderBottomWidth: 13,\n      borderTopWidth: 13,\n      borderLeftColor: 'transparent',\n      borderTopColor: 'transparent',\n      borderRightColor: theme.colors.white,\n      borderBottomColor: theme.colors.white,\n      transform: [{rotate: '45deg'}],\n      position: 'absolute',\n      left: 110,\n      top: -20,\n      borderRadius: 4\n    }\n  });\n\nconst KlfButton = ({\n  klf,\n  styleSheet\n}: {\n  klf: ReviewCorrectionPopinKLFProps;\n  styleSheet: StyleSheetType;\n}) => {\n  const [displayTooltip, setDisplayTooltip] = useState(false);\n  const fadeIn = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 250,\n    easing: Easing.bezier(0.25, 1, 0.5, 1)\n  });\n\n  const handlePressKey = useCallback(() => {\n    setDisplayTooltip(!displayTooltip);\n    !displayTooltip ? fadeIn.start() : fadeIn.reset();\n  }, [displayTooltip, fadeIn]);\n\n  const {\n    buttonKlf,\n    buttonKlfActive,\n    buttonKlfText,\n    containerButtonKlf,\n    containerTooltip,\n    buttonTooltip,\n    htmlTooltipText,\n    iconKey,\n    triangleTooltip\n  } = styleSheet;\n\n  const {label, tooltip} = klf;\n\n  return (\n    <View style={containerButtonKlf}>\n      <Animated.View style={[containerTooltip, fadeIn.animatedStyle]}>\n        <Touchable\n          style={buttonTooltip}\n          accessibilityLabel={`aria-label-tooltip`}\n          isHighlight\n          onPress={handlePressKey}\n          testID=\"button-tooltip\"\n        >\n          <Html style={htmlTooltipText}>{tooltip}</Html>\n        </Touchable>\n        <View style={triangleTooltip} />\n      </Animated.View>\n      <Touchable\n        style={displayTooltip ? {...buttonKlf, ...buttonKlfActive} : buttonKlf}\n        accessibilityLabel={`aria-label-${label}`}\n        onPress={handlePressKey}\n        testID=\"button-klf\"\n      >\n        <KlfIcon style={iconKey} color=\"white\" />\n        <Text style={buttonKlfText}>{label}</Text>\n      </Touchable>\n    </View>\n  );\n};\n\nconst ICONS = {\n  right: RightIcon,\n  wrong: WrongIcon\n};\n\nconst ReviewCorrectionPopin = ({\n  information,\n  klf,\n  next,\n  type,\n  resultLabel\n}: ReviewCorrectionPopinProps) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const handlePressNext = next.onClick;\n\n  const Icon = ICONS[type];\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, type);\n    setStylesheet(_stylesheet);\n  }, [theme, type]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.wrapper}>\n      <View style={styleSheet.popin}>\n        <View style={styleSheet.correctionSection}>\n          <View style={styleSheet.iconCircle}>\n            <Icon\n              style={styleSheet.icon}\n              color={type === 'wrong' ? theme.colors.negative : theme.colors.positive}\n            />\n          </View>\n          <Text style={styleSheet.resultLabel}>{resultLabel}</Text>\n        </View>\n        <View style={styleSheet.feedbackSection} accessibilityLabel=\"answer-information\">\n          <View style={styleSheet.labelContainer} needsOffscreenAlphaCompositing>\n            <Text accessibilityLabel={information.label} style={styleSheet.label}>\n              {information.label}\n            </Text>\n          </View>\n          <Html style={styleSheet.htmlInfoMessage}>{information.message}</Html>\n        </View>\n        {klf && type === 'wrong' ? <KlfButton styleSheet={styleSheet} klf={klf} /> : null}\n        <Touchable\n          style={styleSheet.button}\n          onPress={handlePressNext}\n          accessibilityLabel={next['aria-label']}\n          testID={next['data-name']}\n        >\n          <Text style={styleSheet.buttonText}>{next.label}</Text>\n        </Touchable>\n      </View>\n    </View>\n  );\n};\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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"}

package/lib/molecule/review-correction-popin/prop-types.js

@@ -2,8 +2,11 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const propTypes = {
   type: _propTypes.default.oneOf(['right', 'wrong']),
   resultLabel: _propTypes.default.string,
@@ -22,5 +25,6 @@ const propTypes = {
     tooltip: _propTypes.default.string
   })
 };
-var _default = exports.default = propTypes;
+var _default = propTypes;
+exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

package/lib/molecule/review-correction-popin/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","propTypes","type","PropTypes","oneOf","resultLabel","string","information","shape","label","message","next","onClick","func","klf","tooltip","_default","exports"],"sources":["../../../src/molecule/review-correction-popin/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  type: PropTypes.oneOf(['right', 'wrong']),\n  resultLabel: PropTypes.string,\n  information: PropTypes.shape({\n    label: PropTypes.string,\n    message: PropTypes.string\n  }),\n  next: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    'data-name': PropTypes.string,\n    'aria-label': PropTypes.string\n  }),\n  klf: PropTypes.shape({\n    label: PropTypes.string,\n    tooltip: PropTypes.string\n  })\n};\n\nexport type ReviewCorrectionPopinKLFProps = {\n  label: string;\n  tooltip: string;\n};\n\nexport type ReviewCorrectionPopinProps = {\n  klf?: ReviewCorrectionPopinKLFProps;\n  information: {\n    label: string;\n    message: string;\n  };\n  next: {\n    label: string;\n    onClick: () => void;\n    'data-name'?: string;\n    'aria-label': string;\n  };\n  resultLabel: string;\n  type: 'right' | 'wrong';\n};\n\nexport type Fixture = {props: ReviewCorrectionPopinProps};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,SAAS,GAAG;EAChBC,IAAI,EAAEC,kBAAS,CAACC,KAAK,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;EACzCC,WAAW,EAAEF,kBAAS,CAACG,MAAM;EAC7BC,WAAW,EAAEJ,kBAAS,CAACK,KAAK,CAAC;IAC3BC,KAAK,EAAEN,kBAAS,CAACG,MAAM;IACvBI,OAAO,EAAEP,kBAAS,CAACG;EACrB,CAAC,CAAC;EACFK,IAAI,EAAER,kBAAS,CAACK,KAAK,CAAC;IACpBC,KAAK,EAAEN,kBAAS,CAACG,MAAM;IACvBM,OAAO,EAAET,kBAAS,CAACU,IAAI;IACvB,WAAW,EAAEV,kBAAS,CAACG,MAAM;IAC7B,YAAY,EAAEH,kBAAS,CAACG;EAC1B,CAAC,CAAC;EACFQ,GAAG,EAAEX,kBAAS,CAACK,KAAK,CAAC;IACnBC,KAAK,EAAEN,kBAAS,CAACG,MAAM;IACvBS,OAAO,EAAEZ,kBAAS,CAACG;EACrB,CAAC;AACH,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAyBaC,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["propTypes","type","PropTypes","oneOf","resultLabel","string","information","shape","label","message","next","onClick","func","klf","tooltip"],"sources":["../../../src/molecule/review-correction-popin/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  type: PropTypes.oneOf(['right', 'wrong']),\n  resultLabel: PropTypes.string,\n  information: PropTypes.shape({\n    label: PropTypes.string,\n    message: PropTypes.string\n  }),\n  next: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    'data-name': PropTypes.string,\n    'aria-label': PropTypes.string\n  }),\n  klf: PropTypes.shape({\n    label: PropTypes.string,\n    tooltip: PropTypes.string\n  })\n};\n\nexport type ReviewCorrectionPopinKLFProps = {\n  label: string;\n  tooltip: string;\n};\n\nexport type ReviewCorrectionPopinProps = {\n  klf?: ReviewCorrectionPopinKLFProps;\n  information: {\n    label: string;\n    message: string;\n  };\n  next: {\n    label: string;\n    onClick: () => void;\n    'data-name'?: string;\n    'aria-label': string;\n  };\n  resultLabel: string;\n  type: 'right' | 'wrong';\n};\n\nexport type Fixture = {props: ReviewCorrectionPopinProps};\n\nexport default propTypes;\n"],"mappings":";;;;;AAAA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,IAAI,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADU;EAEhBC,WAAW,EAAEF,kBAAA,CAAUG,MAFP;EAGhBC,WAAW,EAAEJ,kBAAA,CAAUK,KAAV,CAAgB;IAC3BC,KAAK,EAAEN,kBAAA,CAAUG,MADU;IAE3BI,OAAO,EAAEP,kBAAA,CAAUG;EAFQ,CAAhB,CAHG;EAOhBK,IAAI,EAAER,kBAAA,CAAUK,KAAV,CAAgB;IACpBC,KAAK,EAAEN,kBAAA,CAAUG,MADG;IAEpBM,OAAO,EAAET,kBAAA,CAAUU,IAFC;IAGpB,aAAaV,kBAAA,CAAUG,MAHH;IAIpB,cAAcH,kBAAA,CAAUG;EAJJ,CAAhB,CAPU;EAahBQ,GAAG,EAAEX,kBAAA,CAAUK,KAAV,CAAgB;IACnBC,KAAK,EAAEN,kBAAA,CAAUG,MADE;IAEnBS,OAAO,EAAEZ,kBAAA,CAAUG;EAFA,CAAhB;AAbW,CAAlB;eA0CeL,S"}

package/lib/molecule/review-header-steps/index.js

@@ -2,27 +2,38 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _map = _interopRequireDefault(require("lodash/fp/map"));
+
 var _statusItem = _interopRequireDefault(require("../../atom/status-item"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _propTypes = _interopRequireDefault(require("./prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ReviewHeaderSteps = props => {
   const {
     steps
   } = props;
+
   const items = _map.default.convert({
     cap: false
   })((step, index) => /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.statusItemContainer,
     key: index
   }, /*#__PURE__*/_react.default.createElement(_statusItem.default, step)), steps);
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper,
     "data-name": "header-steps"
   }, items);
 };
+
 ReviewHeaderSteps.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
-var _default = exports.default = ReviewHeaderSteps;
+var _default = ReviewHeaderSteps;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/molecule/review-header-steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_map","_statusItem","_style","_propTypes","e","__esModule","default","ReviewHeaderSteps","props","steps","items","map","convert","cap","step","index","createElement","className","style","statusItemContainer","key","wrapper","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/review-header-steps/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport StatusItem from '../../atom/status-item';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewHeaderSteps = props => {\n  const {steps} = props;\n\n  const items = map.convert({cap: false})(\n    (step, index) => (\n      <div className={style.statusItemContainer} key={index}>\n        <StatusItem {...step} />\n      </div>\n    ),\n    steps\n  );\n\n  return (\n    <div className={style.wrapper} data-name=\"header-steps\">\n      {items}\n    </div>\n  );\n};\n\nReviewHeaderSteps.propTypes = propTypes;\n\nexport default ReviewHeaderSteps;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAqC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAErC,MAAMG,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC;EAAK,CAAC,GAAGD,KAAK;EAErB,MAAME,KAAK,GAAGC,YAAG,CAACC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CACrC,CAACC,IAAI,EAAEC,KAAK,kBACVlB,MAAA,CAAAS,OAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC,mBAAoB;IAACC,GAAG,EAAEL;EAAM,gBACpDlB,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAACf,WAAA,CAAAK,OAAU,EAAKQ,IAAO,CACpB,CACN,EACDL,KACF,CAAC;EAED,oBACEZ,MAAA,CAAAS,OAAA,CAAAU,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACG,OAAQ;IAAC,aAAU;EAAc,GACpDX,KACE,CAAC;AAEV,CAAC;AAEDH,iBAAiB,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,kBAAS;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEzBC,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ReviewHeaderSteps","props","steps","items","map","convert","cap","step","index","style","statusItemContainer","wrapper","propTypes"],"sources":["../../../src/molecule/review-header-steps/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport StatusItem from '../../atom/status-item';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewHeaderSteps = props => {\n  const {steps} = props;\n\n  const items = map.convert({cap: false})(\n    (step, index) => (\n      <div className={style.statusItemContainer} key={index}>\n        <StatusItem {...step} />\n      </div>\n    ),\n    steps\n  );\n\n  return (\n    <div className={style.wrapper} data-name=\"header-steps\">\n      {items}\n    </div>\n  );\n};\n\nReviewHeaderSteps.propTypes = propTypes;\n\nexport default ReviewHeaderSteps;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC;EAAD,IAAUD,KAAhB;;EAEA,MAAME,KAAK,GAAGC,YAAA,CAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EACZ,CAACC,IAAD,EAAOC,KAAP,kBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC,mBAAtB;IAA2C,GAAG,EAAEF;EAAhD,gBACE,6BAAC,mBAAD,EAAgBD,IAAhB,CADF,CAFU,EAMZL,KANY,CAAd;;EASA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAME,OAAtB;IAA+B,aAAU;EAAzC,GACGR,KADH,CADF;AAKD,CAjBD;;AAmBAH,iBAAiB,CAACY,SAAlB,2CAA8BA,kBAA9B;eAEeZ,iB"}