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

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","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} 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","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","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} 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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"}

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

@@ -2,7 +2,9 @@ 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); }
+
 import React, { useEffect, useState } from 'react';
 import classnames from 'classnames';
 import { NovaCompositionCoorpacademyStar as StarIcon, NovaSolidVoteRewardsRewardsBadge5 as RankIcon } from '@coorpacademy/nova-icons';
@@ -15,6 +17,7 @@ export const setAnimations = (setIsAnimationVisible, setIsAnimated) => () => {
   setIsAnimationVisible('play');
   setIsAnimated(true);
 };
+
 const ReviewCardCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -31,11 +34,12 @@ 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);
@@ -78,6 +82,7 @@ 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} aria-label={ariaLabel} 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}>{reviewCardTitle}</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","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} aria-label={ariaLabel} 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}>{reviewCardTitle}</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/es/molecule/review-card-congrats/prop-types.d.ts

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import { LottieAnimationProps } from '../../atom/lottie-wrapper/prop-types';
-export type CongratsCardProps = {
+export declare type CongratsCardProps = {
     'aria-label': string;
     'data-name': string;
     animationLottie: LottieAnimationProps;

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAmC,EACjC,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,oBAAoB,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wBAWE"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-card-congrats/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAmC,EACjC,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAE9C,oBAAY,iBAAiB,GAAG;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,oBAAoB,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wBAWE"}

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,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"}
+{"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"}

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

@@ -1,10 +1,12 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import classnames from 'classnames';
 import { NovaCompositionCoorpacademyCheck as RightIcon, NovaSolidStatusClose as WrongIcon } from '@coorpacademy/nova-icons';
 import ButtonLink from '../../atom/button-link';
 import style from './style.css';
 import propTypes from './prop-types';
+
 const buildKlfButton = klf => {
   const klfButtonProps = _extends({}, klf, {
     icon: {
@@ -13,6 +15,7 @@ const buildKlfButton = klf => {
     },
     type: 'primary'
   });
+
   return /*#__PURE__*/React.createElement("div", {
     className: style.klfContainer
   }, /*#__PURE__*/React.createElement("div", {
@@ -22,14 +25,14 @@ const buildKlfButton = klf => {
   }))), /*#__PURE__*/React.createElement("div", {
     className: style.toolTip
   }, /*#__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
     }
   })));
 };
+
 const ReviewCorrectionPopin = props => {
   const {
     information,
@@ -38,9 +41,11 @@ const ReviewCorrectionPopin = props => {
     klf,
     next
   } = props;
+
   const nextQuestionButtonProps = _extends({}, next, {
     type: 'primary'
   });
+
   const cta = type === 'wrong' ? buildKlfButton(klf) : null;
   const ICONS = {
     right: RightIcon,
@@ -75,8 +80,7 @@ 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
@@ -90,6 +94,7 @@ 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","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","style","propTypes","buildKlfButton","klf","klfButtonProps","icon","position","type","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","__html","tooltip","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 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 style from './style.css';\nimport propTypes from './prop-types';\n\nconst buildKlfButton = klf => {\n  const klfButtonProps = {\n    ...klf,\n    icon: {\n      position: 'left',\n      type: 'key'\n    },\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.klfContainer}>\n      <div className={style.klfButtonContainer}>\n        <ButtonLink {...klfButtonProps} className={style.klfButton} />\n      </div>\n      <div className={style.toolTip}>\n        <span\n          className={style.tooltipText}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: klf.tooltip}}\n        />\n      </div>\n    </div>\n  );\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' ? buildKlfButton(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} aria-label=\"result\">\n            <span aria-label={resultLabel}>{resultLabel}</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","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","style","propTypes","buildKlfButton","klf","klfButtonProps","icon","position","type","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","__html","tooltip","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 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 style from './style.css';\nimport propTypes from './prop-types';\n\nconst buildKlfButton = klf => {\n  const klfButtonProps = {\n    ...klf,\n    icon: {\n      position: 'left',\n      type: 'key'\n    },\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.klfContainer}>\n      <div className={style.klfButtonContainer}>\n        <ButtonLink {...klfButtonProps} className={style.klfButton} />\n      </div>\n      <div className={style.toolTip}>\n        <span\n          className={style.tooltipText}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: klf.tooltip}}\n        />\n      </div>\n    </div>\n  );\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' ? buildKlfButton(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} aria-label=\"result\">\n            <span aria-label={resultLabel}>{resultLabel}</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/es/molecule/review-correction-popin/index.native.js

@@ -1,4 +1,5 @@
 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';
@@ -7,6 +8,7 @@ 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',
@@ -173,6 +175,7 @@ const createStyleSheet = (theme, type) => StyleSheet.create({
     borderRadius: 4
   }
 });
+
 const KlfButton = ({
   klf,
   styleSheet
@@ -229,10 +232,12 @@ const KlfButton = ({
     style: buttonKlfText
   }, label)));
 };
+
 const ICONS = {
   right: RightIcon,
   wrong: WrongIcon
 };
+
 const ReviewCorrectionPopin = ({
   information,
   klf,
@@ -249,11 +254,14 @@ 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, {
@@ -290,5 +298,6 @@ const ReviewCorrectionPopin = ({
     style: styleSheet.buttonText
   }, next.label))));
 };
+
 export default ReviewCorrectionPopin;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useState","Animated","Easing","StyleSheet","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","NovaLineLoginKey1","KlfIcon","useAnimateProp","Html","Text","Touchable","useTemplateContext","createStyleSheet","theme","type","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","fadeIn","property","fromValue","toValue","easing","bezier","handlePressKey","start","revert","tooltip","animatedStyle","ICONS","wrong","ReviewCorrectionPopin","information","next","templateContext","setStylesheet","handlePressNext","onClick","Icon","_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      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      zIndex: 20\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      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    easing: Easing.bezier(0.25, 1, 0.5, 1)\n  });\n\n  const handlePressKey = useCallback(() => {\n    setDisplayTooltip(!displayTooltip);\n    !displayTooltip ? fadeIn.start() : fadeIn.revert();\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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"}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useState","Animated","Easing","StyleSheet","View","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","NovaLineLoginKey1","KlfIcon","useAnimateProp","Html","Text","Touchable","useTemplateContext","createStyleSheet","theme","type","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","fadeIn","property","fromValue","toValue","easing","bezier","handlePressKey","start","revert","tooltip","animatedStyle","ICONS","wrong","ReviewCorrectionPopin","information","next","templateContext","setStylesheet","handlePressNext","onClick","Icon","_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      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      zIndex: 20\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      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    easing: Easing.bezier(0.25, 1, 0.5, 1)\n  });\n\n  const handlePressKey = useCallback(() => {\n    setDisplayTooltip(!displayTooltip);\n    !displayTooltip ? fadeIn.start() : fadeIn.revert();\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":";;AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,SAA5B,EAAuCC,QAAvC,QAAsD,OAAtD;AACA,SAAQC,QAAR,EAAkBC,MAAlB,EAAqCC,UAArC,EAAiDC,IAAjD,QAAuE,cAAvE;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,oBAAoB,IAAIC,SAF1B,EAGEC,iBAAiB,IAAIC,OAHvB,QAIO,0BAJP;AAKA,SAAQC,cAAR,QAA6B,sCAA7B;AACA,OAAOC,IAAP,MAAiB,8BAAjB;AAEA,OAAOC,IAAP,MAAiB,8BAAjB;AACA,OAAOC,SAAP,MAAsB,kCAAtB;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;;AA2BA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAeC,IAAf,KACvBf,UAAU,CAACgB,MAAX,CAAkB;EAChBC,OAAO,EAAE;IACPC,eAAe,EAAE,WADV;IAEPC,MAAM,EAAE,IAFD;IAGPC,OAAO,EAAE,MAHF;IAIPC,cAAc,EAAE;EAJT,CADO;EAOhBC,KAAK,EAAE;IACLC,OAAO,EAAET,KAAK,CAACU,OAAN,CAAcC,MADlB;IAELC,YAAY,EAAE,EAFT;IAGLN,OAAO,EAAE,MAHJ;IAILO,aAAa,EAAE,QAJV;IAKLC,UAAU,EAAE,YALP;IAMLV,eAAe,EAAEH,IAAI,KAAK,OAAT,GAAmBD,KAAK,CAACe,MAAN,CAAaC,QAAhC,GAA2ChB,KAAK,CAACe,MAAN,CAAaE,QANpE;IAOLC,WAAW,EAAEjB,IAAI,KAAK,OAAT,GAAmBD,KAAK,CAACe,MAAN,CAAaC,QAAhC,GAA2ChB,KAAK,CAACe,MAAN,CAAaE,QAPhE;IAQLE,aAAa,EAAE,GARV;IASLC,YAAY,EAAE;MAACC,KAAK,EAAE,CAAR;MAAWhB,MAAM,EAAE;IAAnB,CATT;IAULiB,YAAY,EAAE,EAVT;IAWLC,SAAS,EAAE;EAXN,CAPS;EAoBhBC,iBAAiB,EAAE;IACjBX,aAAa,EAAE,KADE;IAEjBC,UAAU,EAAE,QAFK;IAGjBO,KAAK,EAAE;EAHU,CApBH;EAyBhBI,UAAU,EAAE;IACVJ,KAAK,EAAE,EADG;IAEVhB,MAAM,EAAE,EAFE;IAGVS,UAAU,EAAE,QAHF;IAIVP,cAAc,EAAE,QAJN;IAKVH,eAAe,EAAEJ,KAAK,CAACe,MAAN,CAAaW,KALpB;IAMVC,OAAO,EAAE,GANC;IAOVf,YAAY,EAAE;EAPJ,CAzBI;EAkChBgB,IAAI,EAAE;IACJvB,MAAM,EAAE,EADJ;IAEJgB,KAAK,EAAE;EAFH,CAlCU;EAsChBQ,WAAW,EAAE;IACXC,KAAK,EAAE9B,KAAK,CAACe,MAAN,CAAaW,KADT;IAEXK,QAAQ,EAAE,EAFC;IAGXC,UAAU,EAAE,KAHD;IAIXC,UAAU,EAAE,EAJD;IAKXC,UAAU,EAAE,EALD;IAMXC,aAAa,EAAE;EANJ,CAtCG;EA8ChBC,eAAe,EAAE;IACfC,cAAc,EAAErC,KAAK,CAACU,OAAN,CAAcC;EADf,CA9CD;EAiDhB2B,cAAc,EAAE;IACdC,SAAS,EAAE,YADG;IAEdnC,eAAe,EAAE,0BAFH;IAGdQ,YAAY,EAAE,EAHA;IAId4B,iBAAiB,EAAExC,KAAK,CAACU,OAAN,CAAc+B,IAJnB;IAKdC,eAAe,EAAE1C,KAAK,CAACU,OAAN,CAAciC,KALjB;IAMdC,YAAY,EAAE;EANA,CAjDA;EAyDhBC,KAAK,EAAE;IACLf,KAAK,EAAE9B,KAAK,CAACe,MAAN,CAAaW,KADf;IAELK,QAAQ,EAAE,EAFL;IAGLC,UAAU,EAAEhC,KAAK,CAACgC,UAAN,CAAiBc,SAHxB;IAILb,UAAU,EAAE;EAJP,CAzDS;EA+DhBc,eAAe,EAAE;IACfjB,KAAK,EAAE9B,KAAK,CAACe,MAAN,CAAaW,KADL;IAEfK,QAAQ,EAAE,EAFK;IAGfC,UAAU,EAAE,KAHG;IAIfC,UAAU,EAAE;EAJG,CA/DD;EAqEhBe,MAAM,EAAE;IACNT,SAAS,EAAE,SADL;IAENnC,eAAe,EAAEJ,KAAK,CAACe,MAAN,CAAaW,KAFxB;IAGNd,YAAY,EAAE,CAHR;IAIN4B,iBAAiB,EAAExC,KAAK,CAACU,OAAN,CAAcuC,IAJ3B;IAKNP,eAAe,EAAE1C,KAAK,CAACU,OAAN,CAAcwC;EALzB,CArEQ;EA4EhBC,UAAU,EAAE;IACVrB,KAAK,EAAE9B,KAAK,CAACe,MAAN,CAAaqC,GADV;IAEVrB,QAAQ,EAAE,EAFA;IAGVC,UAAU,EAAEhC,KAAK,CAACgC,UAAN,CAAiBqB,IAHnB;IAIVpB,UAAU,EAAE,EAJF;IAKVqB,SAAS,EAAE;EALD,CA5EI;EAmFhBC,kBAAkB,EAAE;IAClBlC,KAAK,EAAE;EADW,CAnFJ;EAsFhBmC,SAAS,EAAE;IACT3C,aAAa,EAAE,KADN;IAETC,UAAU,EAAE,QAFH;IAGTP,cAAc,EAAE,QAHP;IAITH,eAAe,EAAE,0BAJR;IAKTQ,YAAY,EAAE,CALL;IAMT4B,iBAAiB,EAAExC,KAAK,CAACU,OAAN,CAAcuC,IANxB;IAOTP,eAAe,EAAE1C,KAAK,CAACU,OAAN,CAAcwC,KAPtB;IAQTN,YAAY,EAAE5C,KAAK,CAACU,OAAN,CAAc+B;EARnB,CAtFK;EAgGhBgB,eAAe,EAAE;IACfrD,eAAe,EACb;EAFa,CAhGD;EAoGhBsD,aAAa,EAAE;IACb5B,KAAK,EAAE,OADM;IAEbC,QAAQ,EAAE,EAFG;IAGbC,UAAU,EAAEhC,KAAK,CAACgC,UAAN,CAAiBqB,IAHhB;IAIbpB,UAAU,EAAE,EAJC;IAKbqB,SAAS,EAAE;EALE,CApGC;EA2GhBK,OAAO,EAAE;IACPtC,KAAK,EAAE,EADA;IAEPhB,MAAM,EAAE,EAFD;IAGPuD,WAAW,EAAE5D,KAAK,CAACU,OAAN,CAAc+B;EAHpB,CA3GO;EAgHhBoB,gBAAgB,EAAE;IAChBC,MAAM,EAAE,EADQ;IAEhBC,QAAQ,EAAE,UAFM;IAGhB7C,WAAW,EAAElB,KAAK,CAACe,MAAN,CAAaiD,KAHV;IAIhB7C,aAAa,EAAE,GAJC;IAKhBC,YAAY,EAAE;MAACC,KAAK,EAAE,CAAR;MAAWhB,MAAM,EAAE;IAAnB,CALE;IAMhBiB,YAAY,EAAE;EANE,CAhHF;EAwHhB2C,aAAa,EAAE;IACbpD,aAAa,EAAE,QADF;IAEbN,cAAc,EAAE,QAFH;IAGbH,eAAe,EAAEJ,KAAK,CAACe,MAAN,CAAaW,KAHjB;IAIbd,YAAY,EAAE,EAJD;IAKbH,OAAO,EAAET,KAAK,CAACU,OAAN,CAAcwC,KALV;IAMb7B,KAAK,EAAE,MANM;IAOb0C,QAAQ,EAAE,UAPG;IAQbG,MAAM,EAAE,CARK;IASbC,KAAK,EAAE,CAAC,EATK;IAUbL,MAAM,EAAE;EAVK,CAxHC;EAoIhBM,eAAe,EAAE;IACftC,KAAK,EAAE9B,KAAK,CAACe,MAAN,CAAasD,IAAb,CAAkBC,OADV;IAEfvC,QAAQ,EAAE,EAFK;IAGfC,UAAU,EAAE,KAHG;IAIfC,UAAU,EAAE,EAJG;IAKfqB,SAAS,EAAE;EALI,CApID;EA2IhBiB,eAAe,EAAE;IACflD,KAAK,EAAE,CADQ;IAEfhB,MAAM,EAAE,CAFO;IAGfD,eAAe,EAAE,aAHF;IAIfoE,WAAW,EAAE,OAJE;IAKfC,eAAe,EAAE,EALF;IAMfC,gBAAgB,EAAE,EANH;IAOfC,iBAAiB,EAAE,EAPJ;IAQfC,cAAc,EAAE,EARD;IASfC,eAAe,EAAE,aATF;IAUfC,cAAc,EAAE,aAVD;IAWfC,gBAAgB,EAAE/E,KAAK,CAACe,MAAN,CAAaW,KAXhB;IAYfsD,iBAAiB,EAAEhF,KAAK,CAACe,MAAN,CAAaW,KAZjB;IAafuD,SAAS,EAAE,CAAC;MAACC,MAAM,EAAE;IAAT,CAAD,CAbI;IAcfnB,QAAQ,EAAE,UAdK;IAefoB,IAAI,EAAE,GAfS;IAgBfC,GAAG,EAAE,CAAC,EAhBS;IAiBfxE,YAAY,EAAE;EAjBC;AA3ID,CAAlB,CADF;;AAiKA,MAAMyE,SAAS,GAAG,CAAC;EACjBC,GADiB;EAEjBC;AAFiB,CAAD,KAMZ;EACJ,MAAM,CAACC,cAAD,EAAiBC,iBAAjB,IAAsC1G,QAAQ,CAAC,KAAD,CAApD;EACA,MAAM2G,MAAM,GAAGhG,cAAc,CAAC;IAC5BiG,QAAQ,EAAE,SADkB;IAE5BC,SAAS,EAAE,CAFiB;IAG5BC,OAAO,EAAE,CAHmB;IAI5BC,MAAM,EAAE7G,MAAM,CAAC8G,MAAP,CAAc,IAAd,EAAoB,CAApB,EAAuB,GAAvB,EAA4B,CAA5B;EAJoB,CAAD,CAA7B;EAOA,MAAMC,cAAc,GAAGnH,WAAW,CAAC,MAAM;IACvC4G,iBAAiB,CAAC,CAACD,cAAF,CAAjB;IACA,CAACA,cAAD,GAAkBE,MAAM,CAACO,KAAP,EAAlB,GAAmCP,MAAM,CAACQ,MAAP,EAAnC;EACD,CAHiC,EAG/B,CAACV,cAAD,EAAiBE,MAAjB,CAH+B,CAAlC;EAKA,MAAM;IACJlC,SADI;IAEJC,eAFI;IAGJC,aAHI;IAIJH,kBAJI;IAKJM,gBALI;IAMJI,aANI;IAOJG,eAPI;IAQJT,OARI;IASJY;EATI,IAUFgB,UAVJ;EAYA,MAAM;IAAC1C,KAAD;IAAQsD;EAAR,IAAmBb,GAAzB;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE/B;EAAb,gBACE,oBAAC,QAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACM,gBAAD,EAAmB6B,MAAM,CAACU,aAA1B;EAAtB,gBACE,oBAAC,SAAD;IACE,KAAK,EAAEnC,aADT;IAEE,kBAAkB,EAAG,oBAFvB;IAGE,WAAW,MAHb;IAIE,OAAO,EAAE+B,cAJX;IAKE,MAAM,EAAC;EALT,gBAOE,oBAAC,IAAD;IAAM,KAAK,EAAE5B;EAAb,GAA+B+B,OAA/B,CAPF,CADF,eAUE,oBAAC,IAAD;IAAM,KAAK,EAAE5B;EAAb,EAVF,CADF,eAaE,oBAAC,SAAD;IACE,KAAK,EAAEiB,cAAc,gBAAOhC,SAAP,EAAqBC,eAArB,IAAwCD,SAD/D;IAEE,kBAAkB,EAAG,cAAaX,KAAM,EAF1C;IAGE,OAAO,EAAEmD,cAHX;IAIE,MAAM,EAAC;EAJT,gBAME,oBAAC,OAAD;IAAS,KAAK,EAAErC,OAAhB;IAAyB,KAAK,EAAC;EAA/B,EANF,eAOE,oBAAC,IAAD;IAAM,KAAK,EAAED;EAAb,GAA6Bb,KAA7B,CAPF,CAbF,CADF;AAyBD,CA3DD;;AA6DA,MAAMwD,KAAK,GAAG;EACZlC,KAAK,EAAE9E,SADK;EAEZiH,KAAK,EAAE/G;AAFK,CAAd;;AAKA,MAAMgH,qBAAqB,GAAG,CAAC;EAC7BC,WAD6B;EAE7BlB,GAF6B;EAG7BmB,IAH6B;EAI7BxG,IAJ6B;EAK7B4B;AAL6B,CAAD,KAMI;EAChC,MAAM6E,eAAe,GAAG5G,kBAAkB,EAA1C;EACA,MAAM,CAACyF,UAAD,EAAaoB,aAAb,IAA8B5H,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACiB;EAAD,IAAU0G,eAAhB;EACA,MAAME,eAAe,GAAGH,IAAI,CAACI,OAA7B;EAEA,MAAMC,IAAI,GAAGT,KAAK,CAACpG,IAAD,CAAlB;EAEAnB,SAAS,CAAC,MAAM;IACd,MAAMiI,WAAW,GAAGhH,gBAAgB,CAACC,KAAD,EAAQC,IAAR,CAApC;;IACA0G,aAAa,CAACI,WAAD,CAAb;EACD,CAHQ,EAGN,CAAC/G,KAAD,EAAQC,IAAR,CAHM,CAAT;;EAKA,IAAI,CAACsF,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAACpF;EAAxB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEoF,UAAU,CAAC/E;EAAxB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAE+E,UAAU,CAAC/D;EAAxB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAE+D,UAAU,CAAC9D;EAAxB,gBACE,oBAAC,IAAD;IACE,KAAK,EAAE8D,UAAU,CAAC3D,IADpB;IAEE,KAAK,EAAE3B,IAAI,KAAK,OAAT,GAAmBD,KAAK,CAACe,MAAN,CAAaC,QAAhC,GAA2ChB,KAAK,CAACe,MAAN,CAAaE;EAFjE,EADF,CADF,eAOE,oBAAC,IAAD;IAAM,KAAK,EAAEsE,UAAU,CAAC1D;EAAxB,GAAsCA,WAAtC,CAPF,CADF,eAUE,oBAAC,IAAD;IAAM,KAAK,EAAE0D,UAAU,CAACnD,eAAxB;IAAyC,kBAAkB,EAAC;EAA5D,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEmD,UAAU,CAACjD,cAAxB;IAAwC,8BAA8B;EAAtE,gBACE,oBAAC,IAAD;IAAM,kBAAkB,EAAEkE,WAAW,CAAC3D,KAAtC;IAA6C,KAAK,EAAE0C,UAAU,CAAC1C;EAA/D,GACG2D,WAAW,CAAC3D,KADf,CADF,CADF,eAME,oBAAC,IAAD;IAAM,KAAK,EAAE0C,UAAU,CAACxC;EAAxB,GAA0CyD,WAAW,CAACQ,OAAtD,CANF,CAVF,EAkBG1B,GAAG,IAAIrF,IAAI,KAAK,OAAhB,gBAA0B,oBAAC,SAAD;IAAW,UAAU,EAAEsF,UAAvB;IAAmC,GAAG,EAAED;EAAxC,EAA1B,GAA4E,IAlB/E,eAmBE,oBAAC,SAAD;IACE,KAAK,EAAEC,UAAU,CAACvC,MADpB;IAEE,OAAO,EAAE4D,eAFX;IAGE,kBAAkB,EAAEH,IAAI,CAAC,YAAD,CAH1B;IAIE,MAAM,EAAEA,IAAI,CAAC,WAAD;EAJd,gBAME,oBAAC,IAAD;IAAM,KAAK,EAAElB,UAAU,CAACpC;EAAxB,GAAqCsD,IAAI,CAAC5D,KAA1C,CANF,CAnBF,CADF,CADF;AAgCD,CAvDD;;AAyDA,eAAe0D,qBAAf"}

package/es/molecule/review-correction-popin/prop-types.d.ts

@@ -17,11 +17,11 @@ declare const propTypes: {
         tooltip: PropTypes.Requireable<string>;
     }>>;
 };
-export type ReviewCorrectionPopinKLFProps = {
+export declare type ReviewCorrectionPopinKLFProps = {
     label: string;
     tooltip: string;
 };
-export type ReviewCorrectionPopinProps = {
+export declare type ReviewCorrectionPopinProps = {
     klf?: ReviewCorrectionPopinKLFProps;
     information: {
         label: string;
@@ -36,7 +36,7 @@ export type ReviewCorrectionPopinProps = {
     resultLabel: string;
     type: 'right' | 'wrong';
 };
-export type Fixture = {
+export declare type Fixture = {
     props: ReviewCorrectionPopinProps;
 };
 export default propTypes;

package/es/molecule/review-correction-popin/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,GAAG,CAAC,EAAE,6BAA6B,CAAC;IACpC,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC;AAE1D,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEF,oBAAY,6BAA6B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,0BAA0B,GAAG;IACvC,GAAG,CAAC,EAAE,6BAA6B,CAAC;IACpC,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC;AAE1D,eAAe,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","type","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,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAEF,SAAS,CAACG,KAAK,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;EACzCC,WAAW,EAAEJ,SAAS,CAACK,MAAM;EAC7BC,WAAW,EAAEN,SAAS,CAACO,KAAK,CAAC;IAC3BC,KAAK,EAAER,SAAS,CAACK,MAAM;IACvBI,OAAO,EAAET,SAAS,CAACK;EACrB,CAAC,CAAC;EACFK,IAAI,EAAEV,SAAS,CAACO,KAAK,CAAC;IACpBC,KAAK,EAAER,SAAS,CAACK,MAAM;IACvBM,OAAO,EAAEX,SAAS,CAACY,IAAI;IACvB,WAAW,EAAEZ,SAAS,CAACK,MAAM;IAC7B,YAAY,EAAEL,SAAS,CAACK;EAC1B,CAAC,CAAC;EACFQ,GAAG,EAAEb,SAAS,CAACO,KAAK,CAAC;IACnBC,KAAK,EAAER,SAAS,CAACK,MAAM;IACvBS,OAAO,EAAEd,SAAS,CAACK;EACrB,CAAC;AACH,CAAC;AAyBD,eAAeJ,SAAS"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","type","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,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAEF,SAAS,CAACG,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADU;EAEhBC,WAAW,EAAEJ,SAAS,CAACK,MAFP;EAGhBC,WAAW,EAAEN,SAAS,CAACO,KAAV,CAAgB;IAC3BC,KAAK,EAAER,SAAS,CAACK,MADU;IAE3BI,OAAO,EAAET,SAAS,CAACK;EAFQ,CAAhB,CAHG;EAOhBK,IAAI,EAAEV,SAAS,CAACO,KAAV,CAAgB;IACpBC,KAAK,EAAER,SAAS,CAACK,MADG;IAEpBM,OAAO,EAAEX,SAAS,CAACY,IAFC;IAGpB,aAAaZ,SAAS,CAACK,MAHH;IAIpB,cAAcL,SAAS,CAACK;EAJJ,CAAhB,CAPU;EAahBQ,GAAG,EAAEb,SAAS,CAACO,KAAV,CAAgB;IACnBC,KAAK,EAAER,SAAS,CAACK,MADE;IAEnBS,OAAO,EAAEd,SAAS,CAACK;EAFA,CAAhB;AAbW,CAAlB;AA0CA,eAAeJ,SAAf"}

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

@@ -1,9 +1,11 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import map from 'lodash/fp/map';
 import ReviewHeaderStepItem from '../../atom/review-header-step-item';
 import style from './style.css';
 import propTypes from './prop-types';
+
 const ReviewHeaderSteps = props => {
   const {
     steps
@@ -18,6 +20,7 @@ const ReviewHeaderSteps = props => {
     "data-name": "header-steps"
   }, items);
 };
+
 ReviewHeaderSteps.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewHeaderSteps;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","map","ReviewHeaderStepItem","style","propTypes","ReviewHeaderSteps","props","steps","items","convert","cap","step","index","wrapper"],"sources":["../../../src/molecule/review-header-steps/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport ReviewHeaderStepItem from '../../atom/review-header-step-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) => <ReviewHeaderStepItem {...step} key={index} />,\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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,oBAAoB,MAAM,oCAAoC;AACrE,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC;EAAK,CAAC,GAAGD,KAAK;EAErB,MAAME,KAAK,GAAGP,GAAG,CAACQ,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CACrC,CAACC,IAAI,EAAEC,KAAK,kBAAK,oBAAC,oBAAoB,eAAKD,IAAI;IAAE,GAAG,EAAEC;EAAM,GAAG,EAC/DL,KAAK,CACN;EAED,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACU,OAAQ;IAAC,aAAU;EAAc,GACpDL,KAAK,CACF;AAEV,CAAC;AAEDH,iBAAiB,CAACD,SAAS,2CAAGA,SAAS;AAEvC,eAAeC,iBAAiB"}
+{"version":3,"file":"index.js","names":["React","map","ReviewHeaderStepItem","style","propTypes","ReviewHeaderSteps","props","steps","items","convert","cap","step","index","wrapper"],"sources":["../../../src/molecule/review-header-steps/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport ReviewHeaderStepItem from '../../atom/review-header-step-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) => <ReviewHeaderStepItem {...step} key={index} />,\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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,oBAAP,MAAiC,oCAAjC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC;EAAD,IAAUD,KAAhB;EAEA,MAAME,KAAK,GAAGP,GAAG,CAACQ,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EACZ,CAACC,IAAD,EAAOC,KAAP,kBAAiB,oBAAC,oBAAD,eAA0BD,IAA1B;IAAgC,GAAG,EAAEC;EAArC,GADL,EAEZL,KAFY,CAAd;EAKA,oBACE;IAAK,SAAS,EAAEJ,KAAK,CAACU,OAAtB;IAA+B,aAAU;EAAzC,GACGL,KADH,CADF;AAKD,CAbD;;AAeAH,iBAAiB,CAACD,SAAlB,2CAA8BA,SAA9B;AAEA,eAAeC,iBAAf"}

package/es/molecule/review-header-steps/prop-types.d.ts

@@ -8,7 +8,7 @@ declare const propTypes: {
     }> | null | undefined)[]>;
 };
 export default propTypes;
-export type ReviewHeaderStepsProps = {
+export declare type ReviewHeaderStepsProps = {
     steps: HeaderStepItemProps[];
 };
 //# sourceMappingURL=prop-types.d.ts.map

package/es/molecule/review-header-steps/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-header-steps/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAsC,EACpC,mBAAmB,EACpB,MAAM,0CAA0C,CAAC;AAElD,QAAA,MAAM,SAAS;;;;;;CAEd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-header-steps/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAsC,EACpC,mBAAmB,EACpB,MAAM,0CAA0C,CAAC;AAElD,QAAA,MAAM,SAAS;;;;;;CAEd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC"}

package/es/molecule/review-header-steps/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewHeaderStepItemPropTypes","propTypes","steps","arrayOf","shape"],"sources":["../../../src/molecule/review-header-steps/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewHeaderStepItemPropTypes, {\n  HeaderStepItemProps\n} from '../../atom/review-header-step-item/types';\n\nconst propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItemPropTypes))\n};\n\nexport default propTypes;\n\nexport type ReviewHeaderStepsProps = {\n  steps: HeaderStepItemProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,OAAOC,6BAA6B,MAE7B,0CAA0C;AAEjD,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEH,SAAS,CAACI,OAAO,CAACJ,SAAS,CAACK,KAAK,CAACJ,6BAA6B,CAAC;AACzE,CAAC;AAED,eAAeC,SAAS"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewHeaderStepItemPropTypes","propTypes","steps","arrayOf","shape"],"sources":["../../../src/molecule/review-header-steps/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewHeaderStepItemPropTypes, {\n  HeaderStepItemProps\n} from '../../atom/review-header-step-item/types';\n\nconst propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItemPropTypes))\n};\n\nexport default propTypes;\n\nexport type ReviewHeaderStepsProps = {\n  steps: HeaderStepItemProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,6BAAP,MAEO,0CAFP;AAIA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgBJ,6BAAhB,CAAlB;AADS,CAAlB;AAIA,eAAeC,SAAf"}