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

package/es/organism/resource-browser/index.js

@@ -1,17 +1,13 @@
 import _omit from "lodash/fp/omit";
 import _find from "lodash/fp/find";
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import ResourceMiniature from '../../atom/resource-miniature';
 import ResourcePlayer from '../../molecule/resource-player';
 import style from './style.css';
-
 const hideResources = resources => !resources || resources.length < 2;
-
 const Resources = ({
   resources,
   className
@@ -19,30 +15,25 @@ const Resources = ({
   if (hideResources(resources)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: style.resourcesList
   }, resources.map(resource => /*#__PURE__*/React.createElement(ResourceMiniature, _extends({}, _omit('ref', resource), {
     key: resource._id
   }))));
 };
-
 Resources.propTypes = process.env.NODE_ENV !== "production" ? {
   resources: PropTypes.arrayOf(PropTypes.shape(_omit('ref', ResourceMiniature.propTypes))),
   className: PropTypes.string
 } : {};
-
 const ResourceBrowser = props => {
   const {
     resources,
     className,
     overlay
   } = props;
-
   const selectedResource = _find(({
     selected
   }) => selected, resources);
-
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "resourceBrowser",
     className: classnames(style.default, className)
@@ -57,7 +48,6 @@ const ResourceBrowser = props => {
     className: className
   }));
 };
-
 ResourceBrowser.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   resources: Resources.propTypes.resources,

package/es/organism/resource-browser/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ResourceMiniature","ResourcePlayer","style","hideResources","resources","length","Resources","className","resourcesList","map","resource","_id","propTypes","arrayOf","shape","string","ResourceBrowser","props","overlay","selectedResource","selected","default","resourcePlayerWrapper","resourcePlayer"],"sources":["../../../src/organism/resource-browser/index.js"],"sourcesContent":["import React from 'react';\nimport {find, omit} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport ResourceMiniature from '../../atom/resource-miniature';\nimport ResourcePlayer from '../../molecule/resource-player';\nimport style from './style.css';\n\nconst hideResources = resources => !resources || resources.length < 2;\n\nconst Resources = ({resources, className}) => {\n  if (hideResources(resources)) {\n    return null;\n  }\n\n  return (\n    <div className={style.resourcesList}>\n      {resources.map(resource => (\n        <ResourceMiniature {...omit('ref', resource)} key={resource._id} />\n      ))}\n    </div>\n  );\n};\n\nResources.propTypes = {\n  resources: PropTypes.arrayOf(PropTypes.shape(omit('ref', ResourceMiniature.propTypes))),\n  className: PropTypes.string\n};\n\nconst ResourceBrowser = props => {\n  const {resources, className, overlay} = props;\n  const selectedResource = find(({selected}) => selected, resources);\n  return (\n    <div data-name=\"resourceBrowser\" className={classnames(style.default, className)}>\n      <div className={style.resourcePlayerWrapper}>\n        {selectedResource ? (\n          <ResourcePlayer\n            overlay={overlay}\n            className={style.resourcePlayer}\n            resource={selectedResource}\n          />\n        ) : null}\n      </div>\n      <Resources resources={resources} className={className} />\n    </div>\n  );\n};\n\nResourceBrowser.propTypes = {\n  className: PropTypes.string,\n  resources: Resources.propTypes.resources,\n  overlay: ResourcePlayer.propTypes.overlay\n};\n\nexport default ResourceBrowser;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,iBAAP,MAA8B,+BAA9B;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,SAAS,IAAI,CAACA,SAAD,IAAcA,SAAS,CAACC,MAAV,GAAmB,CAApE;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACF,SAAD;EAAYG;AAAZ,CAAD,KAA4B;EAC5C,IAAIJ,aAAa,CAACC,SAAD,CAAjB,EAA8B;IAC5B,OAAO,IAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAtB,GACGJ,SAAS,CAACK,GAAV,CAAcC,QAAQ,iBACrB,oBAAC,iBAAD,eAAuB,MAAK,KAAL,EAAYA,QAAZ,CAAvB;IAA8C,GAAG,EAAEA,QAAQ,CAACC;EAA5D,GADD,CADH,CADF;AAOD,CAZD;;AAcAL,SAAS,CAACM,SAAV,2CAAsB;EACpBR,SAAS,EAAEN,SAAS,CAACe,OAAV,CAAkBf,SAAS,CAACgB,KAAV,CAAgB,MAAK,KAAL,EAAYd,iBAAiB,CAACY,SAA9B,CAAhB,CAAlB,CADS;EAEpBL,SAAS,EAAET,SAAS,CAACiB;AAFD,CAAtB;;AAKA,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACb,SAAD;IAAYG,SAAZ;IAAuBW;EAAvB,IAAkCD,KAAxC;;EACA,MAAME,gBAAgB,GAAG,MAAK,CAAC;IAACC;EAAD,CAAD,KAAgBA,QAArB,EAA+BhB,SAA/B,CAAzB;;EACA,oBACE;IAAK,aAAU,iBAAf;IAAiC,SAAS,EAAEL,UAAU,CAACG,KAAK,CAACmB,OAAP,EAAgBd,SAAhB;EAAtD,gBACE;IAAK,SAAS,EAAEL,KAAK,CAACoB;EAAtB,GACGH,gBAAgB,gBACf,oBAAC,cAAD;IACE,OAAO,EAAED,OADX;IAEE,SAAS,EAAEhB,KAAK,CAACqB,cAFnB;IAGE,QAAQ,EAAEJ;EAHZ,EADe,GAMb,IAPN,CADF,eAUE,oBAAC,SAAD;IAAW,SAAS,EAAEf,SAAtB;IAAiC,SAAS,EAAEG;EAA5C,EAVF,CADF;AAcD,CAjBD;;AAmBAS,eAAe,CAACJ,SAAhB,2CAA4B;EAC1BL,SAAS,EAAET,SAAS,CAACiB,MADK;EAE1BX,SAAS,EAAEE,SAAS,CAACM,SAAV,CAAoBR,SAFL;EAG1Bc,OAAO,EAAEjB,cAAc,CAACW,SAAf,CAAyBM;AAHR,CAA5B;AAMA,eAAeF,eAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","ResourceMiniature","ResourcePlayer","style","hideResources","resources","length","Resources","className","resourcesList","map","resource","_id","propTypes","arrayOf","shape","string","ResourceBrowser","props","overlay","selectedResource","selected","default","resourcePlayerWrapper","resourcePlayer"],"sources":["../../../src/organism/resource-browser/index.js"],"sourcesContent":["import React from 'react';\nimport {find, omit} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport ResourceMiniature from '../../atom/resource-miniature';\nimport ResourcePlayer from '../../molecule/resource-player';\nimport style from './style.css';\n\nconst hideResources = resources => !resources || resources.length < 2;\n\nconst Resources = ({resources, className}) => {\n  if (hideResources(resources)) {\n    return null;\n  }\n\n  return (\n    <div className={style.resourcesList}>\n      {resources.map(resource => (\n        <ResourceMiniature {...omit('ref', resource)} key={resource._id} />\n      ))}\n    </div>\n  );\n};\n\nResources.propTypes = {\n  resources: PropTypes.arrayOf(PropTypes.shape(omit('ref', ResourceMiniature.propTypes))),\n  className: PropTypes.string\n};\n\nconst ResourceBrowser = props => {\n  const {resources, className, overlay} = props;\n  const selectedResource = find(({selected}) => selected, resources);\n  return (\n    <div data-name=\"resourceBrowser\" className={classnames(style.default, className)}>\n      <div className={style.resourcePlayerWrapper}>\n        {selectedResource ? (\n          <ResourcePlayer\n            overlay={overlay}\n            className={style.resourcePlayer}\n            resource={selectedResource}\n          />\n        ) : null}\n      </div>\n      <Resources resources={resources} className={className} />\n    </div>\n  );\n};\n\nResourceBrowser.propTypes = {\n  className: PropTypes.string,\n  resources: Resources.propTypes.resources,\n  overlay: ResourcePlayer.propTypes.overlay\n};\n\nexport default ResourceBrowser;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,iBAAiB,MAAM,+BAA+B;AAC7D,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,aAAa,GAAGC,SAAS,IAAI,CAACA,SAAS,IAAIA,SAAS,CAACC,MAAM,GAAG,CAAC;AAErE,MAAMC,SAAS,GAAG,CAAC;EAACF,SAAS;EAAEG;AAAS,CAAC,KAAK;EAC5C,IAAIJ,aAAa,CAACC,SAAS,CAAC,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAc,GACjCJ,SAAS,CAACK,GAAG,CAACC,QAAQ,iBACrB,oBAAC,iBAAiB,eAAK,MAAK,KAAK,EAAEA,QAAQ,CAAC;IAAE,GAAG,EAAEA,QAAQ,CAACC;EAAI,GACjE,CAAC,CACE;AAEV,CAAC;AAEDL,SAAS,CAACM,SAAS,2CAAG;EACpBR,SAAS,EAAEN,SAAS,CAACe,OAAO,CAACf,SAAS,CAACgB,KAAK,CAAC,MAAK,KAAK,EAAEd,iBAAiB,CAACY,SAAS,CAAC,CAAC,CAAC;EACvFL,SAAS,EAAET,SAAS,CAACiB;AACvB,CAAC;AAED,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACb,SAAS;IAAEG,SAAS;IAAEW;EAAO,CAAC,GAAGD,KAAK;EAC7C,MAAME,gBAAgB,GAAG,MAAK,CAAC;IAACC;EAAQ,CAAC,KAAKA,QAAQ,EAAEhB,SAAS,CAAC;EAClE,oBACE;IAAK,aAAU,iBAAiB;IAAC,SAAS,EAAEL,UAAU,CAACG,KAAK,CAACmB,OAAO,EAAEd,SAAS;EAAE,gBAC/E;IAAK,SAAS,EAAEL,KAAK,CAACoB;EAAsB,GACzCH,gBAAgB,gBACf,oBAAC,cAAc;IACb,OAAO,EAAED,OAAQ;IACjB,SAAS,EAAEhB,KAAK,CAACqB,cAAe;IAChC,QAAQ,EAAEJ;EAAiB,EAC3B,GACA,IAAI,CACJ,eACN,oBAAC,SAAS;IAAC,SAAS,EAAEf,SAAU;IAAC,SAAS,EAAEG;EAAU,EAAG,CACrD;AAEV,CAAC;AAEDS,eAAe,CAACJ,SAAS,2CAAG;EAC1BL,SAAS,EAAET,SAAS,CAACiB,MAAM;EAC3BX,SAAS,EAAEE,SAAS,CAACM,SAAS,CAACR,SAAS;EACxCc,OAAO,EAAEjB,cAAc,CAACW,SAAS,CAACM;AACpC,CAAC;AAED,eAAeF,eAAe"}

package/es/organism/review-congrats/index.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useEffect, useRef } from 'react';
 import LottieWrapper from '../../atom/lottie-wrapper';
 import ButtonLink from '../../atom/button-link';
@@ -12,7 +11,6 @@ export const setScroll = container => () => {
     behavior: 'smooth'
   });
 };
-
 const ReviewCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -35,8 +33,7 @@ const ReviewCongrats = props => {
     "data-name": dataName,
     "data-testid": "congrats"
   }, /*#__PURE__*/React.createElement(LottieWrapper
-  /** confetti animation */
-  , _extends({}, animationLottie, {
+  /** confetti animation */, _extends({}, animationLottie, {
     loop: false,
     animationControl: 'play',
     autoplay: true,
@@ -67,7 +64,6 @@ const ReviewCongrats = props => {
     "data-testid": "revise-another-skill-link"
   })) : null)));
 };
-
 ReviewCongrats.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewCongrats;
 //# sourceMappingURL=index.js.map

package/es/organism/review-congrats/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useRef","LottieWrapper","ButtonLink","ReviewCardCongrats","style","propTypes","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","cardStarNoRank","buttonContainer","buttonRevise"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport ReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n  container.current?.scrollTo &&\n    container.current.scrollTo({\n      left: 1000,\n      behavior: 'smooth'\n    });\n};\n\nconst ReviewCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const container = useRef(null);\n\n  useEffect(() => {\n    const timer = setTimeout(setScroll(container), 2000);\n    return () => timer && clearTimeout(timer);\n  }, []);\n\n  return (\n    <div\n      className={style.mainContainer}\n      aria-label={ariaLabel}\n      data-name={dataName}\n      data-testid=\"congrats\"\n    >\n      <LottieWrapper\n        /** confetti animation */\n        {...animationLottie}\n        loop={false}\n        animationControl={'play'}\n        autoplay\n        data-name=\"lottie-wrapper\"\n        className={style.lottie}\n        backupImageClassName={style.ie11Backup}\n      />\n      <div className={style.containerCongrats}>\n        <div className={style.title}>{title}</div>\n        <div ref={container} className={style.containerCards}>\n          {cardCongratsRank ? (\n            <>\n              <ReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <ReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <ReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-testid=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink\n              {...buttonRevisingSkill}\n              className={style.buttonRevise}\n              data-testid=\"revise-another-skill-link\"\n            />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,MAA1B,QAAuC,OAAvC;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,kBAAP,MAA+B,qCAA/B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AAEA,OAAO,MAAMC,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAV,EAAmBC,QAAnB,IACEF,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;IACzBC,IAAI,EAAE,IADmB;IAEzBC,QAAQ,EAAE;EAFe,CAA3B,CADF;AAKD,CANM;;AAQP,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,cAAcC,SADV;IAEJ,aAAaC,QAFT;IAGJC,eAHI;IAIJC,KAJI;IAKJC,gBALI;IAMJC,gBANI;IAOJC,cAPI;IAQJC;EARI,IASFR,KATJ;EAWA,MAAMN,SAAS,GAAGP,MAAM,CAAC,IAAD,CAAxB;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMuB,KAAK,GAAGC,UAAU,CAACjB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;IACA,OAAO,MAAMe,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;EACD,CAHQ,EAGN,EAHM,CAAT;EAKA,oBACE;IACE,SAAS,EAAElB,KAAK,CAACqB,aADnB;IAEE,cAAYX,SAFd;IAGE,aAAWC,QAHb;IAIE,eAAY;EAJd,gBAME,oBAAC;EACC;EADF,eAEMC,eAFN;IAGE,IAAI,EAAE,KAHR;IAIE,gBAAgB,EAAE,MAJpB;IAKE,QAAQ,MALV;IAME,aAAU,gBANZ;IAOE,SAAS,EAAEZ,KAAK,CAACsB,MAPnB;IAQE,oBAAoB,EAAEtB,KAAK,CAACuB;EAR9B,GANF,eAgBE;IAAK,SAAS,EAAEvB,KAAK,CAACwB;EAAtB,gBACE;IAAK,SAAS,EAAExB,KAAK,CAACa;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,GAAG,EAAEV,SAAV;IAAqB,SAAS,EAAEH,KAAK,CAACyB;EAAtC,GACGV,gBAAgB,gBACf,uDACE,oBAAC,kBAAD,eAAwBD,gBAAxB;IAA0C,SAAS,EAAEd,KAAK,CAAC0B;EAA3D,GADF,eAEE,oBAAC,kBAAD,eACMX,gBADN;IAEE,cAAc,EAAE,IAFlB;IAGE,SAAS,EAAEf,KAAK,CAAC2B;EAHnB,GAFF,CADe,gBAUf,oBAAC,kBAAD,eAAwBb,gBAAxB;IAA0C,SAAS,EAAEd,KAAK,CAAC4B;EAA3D,GAXJ,CAFF,eAgBE;IAAK,SAAS,EAAE5B,KAAK,CAAC6B;EAAtB,GACGb,cAAc,gBACb,oBAAC,UAAD,eACMA,cADN;IAEE,SAAS,EAAEhB,KAAK,CAAC8B,YAFnB;IAGE,eAAY;EAHd,GADa,GAMX,IAPN,EAQGb,mBAAmB,gBAClB,oBAAC,UAAD,eACMA,mBADN;IAEE,SAAS,EAAEjB,KAAK,CAAC8B,YAFnB;IAGE,eAAY;EAHd,GADkB,GAMhB,IAdN,CAhBF,CAhBF,CADF;AAoDD,CAvED;;AAyEAtB,cAAc,CAACP,SAAf,2CAA2BA,SAA3B;AAEA,eAAeO,cAAf"}
+{"version":3,"file":"index.js","names":["React","useEffect","useRef","LottieWrapper","ButtonLink","ReviewCardCongrats","style","propTypes","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","cardStarNoRank","buttonContainer","buttonRevise"],"sources":["../../../src/organism/review-congrats/index.js"],"sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport LottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport ReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n  container.current?.scrollTo &&\n    container.current.scrollTo({\n      left: 1000,\n      behavior: 'smooth'\n    });\n};\n\nconst ReviewCongrats = props => {\n  const {\n    'aria-label': ariaLabel,\n    'data-name': dataName,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const container = useRef(null);\n\n  useEffect(() => {\n    const timer = setTimeout(setScroll(container), 2000);\n    return () => timer && clearTimeout(timer);\n  }, []);\n\n  return (\n    <div\n      className={style.mainContainer}\n      aria-label={ariaLabel}\n      data-name={dataName}\n      data-testid=\"congrats\"\n    >\n      <LottieWrapper\n        /** confetti animation */\n        {...animationLottie}\n        loop={false}\n        animationControl={'play'}\n        autoplay\n        data-name=\"lottie-wrapper\"\n        className={style.lottie}\n        backupImageClassName={style.ie11Backup}\n      />\n      <div className={style.containerCongrats}>\n        <div className={style.title}>{title}</div>\n        <div ref={container} className={style.containerCards}>\n          {cardCongratsRank ? (\n            <>\n              <ReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <ReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <ReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-testid=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink\n              {...buttonRevisingSkill}\n              className={style.buttonRevise}\n              data-testid=\"revise-another-skill-link\"\n            />\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,MAAM,QAAO,OAAO;AAC9C,OAAOC,aAAa,MAAM,2BAA2B;AACrD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,kBAAkB,MAAM,qCAAqC;AACpE,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,OAAO,MAAMC,SAAS,GAAGC,SAAS,IAAI,MAAM;EAC1CA,SAAS,CAACC,OAAO,EAAEC,QAAQ,IACzBF,SAAS,CAACC,OAAO,CAACC,QAAQ,CAAC;IACzBC,IAAI,EAAE,IAAI;IACVC,QAAQ,EAAE;EACZ,CAAC,CAAC;AACN,CAAC;AAED,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IACJ,YAAY,EAAEC,SAAS;IACvB,WAAW,EAAEC,QAAQ;IACrBC,eAAe;IACfC,KAAK;IACLC,gBAAgB;IAChBC,gBAAgB;IAChBC,cAAc;IACdC;EACF,CAAC,GAAGR,KAAK;EAET,MAAMN,SAAS,GAAGP,MAAM,CAAC,IAAI,CAAC;EAE9BD,SAAS,CAAC,MAAM;IACd,MAAMuB,KAAK,GAAGC,UAAU,CAACjB,SAAS,CAACC,SAAS,CAAC,EAAE,IAAI,CAAC;IACpD,OAAO,MAAMe,KAAK,IAAIE,YAAY,CAACF,KAAK,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE;IACE,SAAS,EAAElB,KAAK,CAACqB,aAAc;IAC/B,cAAYX,SAAU;IACtB,aAAWC,QAAS;IACpB,eAAY;EAAU,gBAEtB,oBAAC;EACC,wCACIC,eAAe;IACnB,IAAI,EAAE,KAAM;IACZ,gBAAgB,EAAE,MAAO;IACzB,QAAQ;IACR,aAAU,gBAAgB;IAC1B,SAAS,EAAEZ,KAAK,CAACsB,MAAO;IACxB,oBAAoB,EAAEtB,KAAK,CAACuB;EAAW,GACvC,eACF;IAAK,SAAS,EAAEvB,KAAK,CAACwB;EAAkB,gBACtC;IAAK,SAAS,EAAExB,KAAK,CAACa;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,GAAG,EAAEV,SAAU;IAAC,SAAS,EAAEH,KAAK,CAACyB;EAAe,GAClDV,gBAAgB,gBACf,uDACE,oBAAC,kBAAkB,eAAKD,gBAAgB;IAAE,SAAS,EAAEd,KAAK,CAAC0B;EAAS,GAAG,eACvE,oBAAC,kBAAkB,eACbX,gBAAgB;IACpB,cAAc,EAAE,IAAK;IACrB,SAAS,EAAEf,KAAK,CAAC2B;EAAS,GAC1B,CACD,gBAEH,oBAAC,kBAAkB,eAAKb,gBAAgB;IAAE,SAAS,EAAEd,KAAK,CAAC4B;EAAe,GAC3E,CACG,eACN;IAAK,SAAS,EAAE5B,KAAK,CAAC6B;EAAgB,GACnCb,cAAc,gBACb,oBAAC,UAAU,eACLA,cAAc;IAClB,SAAS,EAAEhB,KAAK,CAAC8B,YAAa;IAC9B,eAAY;EAAmB,GAC/B,GACA,IAAI,EACPb,mBAAmB,gBAClB,oBAAC,UAAU,eACLA,mBAAmB;IACvB,SAAS,EAAEjB,KAAK,CAAC8B,YAAa;IAC9B,eAAY;EAA2B,GACvC,GACA,IAAI,CACJ,CACF,CACF;AAEV,CAAC;AAEDtB,cAAc,CAACP,SAAS,2CAAGA,SAAS;AAEpC,eAAeO,cAAc"}

package/es/organism/review-congrats/index.native.js

@@ -1,7 +1,5 @@
 import _noop from "lodash/fp/noop";
-
 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, useRef, useState } from 'react';
 import { Animated, ScrollView, StyleSheet, Text } from 'react-native';
 import LottieView from 'lottie-react-native';
@@ -11,7 +9,6 @@ import { useTemplateContext } from '../../template/app-review/template-context';
 import Button from '../../atom/button/index.native';
 import { BOX_STYLE } from '../../variables/shadow';
 import CardCongrats from '../../molecule/card-congrats/index.native';
-
 const createStyleSheet = theme => StyleSheet.create({
   congrats: {
     position: 'absolute',
@@ -51,7 +48,6 @@ const createStyleSheet = theme => StyleSheet.create({
     paddingHorizontal: 40
   }
 });
-
 const fadeIn = {
   property: 'opacity',
   fromValue: 0,
@@ -64,7 +60,6 @@ const translateHorizontally = {
   toValue: 0,
   duration: 800
 };
-
 const ReviewCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -117,19 +112,17 @@ const ReviewCongrats = props => {
   const showButton2 = useAnimateProp(fadeIn);
   const congratsSequence = sequence([parallel([showCongrats, translateCongrats]), parallel([showConfettis, cardCongratsRank ? sequence([parallel([fadeInRank, translateRank]), parallel([fadeInStars, translateStars])]) : parallel([fadeInStars, translateStars])]), sequence([showButton1, showButton2])]);
   useEffect(() => {
-    congratsSequence.start(); // (required only once on mount)
+    congratsSequence.start();
+    // (required only once on mount)
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
-
   if (!styleSheet) {
     return null;
   }
-
   const handleContinueRevisingPress = buttonRevising?.onClick || _noop;
   const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || _noop;
   const showStarLottieAnimation = !cardCongratsRank || isRankShown;
@@ -195,6 +188,5 @@ const ReviewCongrats = props => {
     loop: false
   })) : null);
 };
-
 export default ReviewCongrats;
 //# sourceMappingURL=index.native.js.map

package/es/organism/review-congrats/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useEffect","useRef","useState","Animated","ScrollView","StyleSheet","Text","LottieView","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","sequence","parallel","useAnimateProp","useTranslateY","useTranslateX","useTemplateContext","Button","BOX_STYLE","CardCongrats","createStyleSheet","theme","create","congrats","position","width","height","flexDirection","alignItems","paddingVertical","flex","buttons","paddingHorizontal","justifyContent","title","fontWeight","fontSize","lineHeight","marginVertical","color","colors","text","primary","confettis","flexGrow","pointerEvents","scrollView","scrollViewContent","fadeIn","property","fromValue","toValue","duration","translateHorizontally","ReviewCongrats","props","ariaLabel","animationLottie","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","styleSheet","setStylesheet","isCongratsTranslationDone","setCongratsTranslationDone","isRankShown","setRankShown","scrollViewRef","showCongrats","onComplete","translateCongrats","showConfettis","fadeInRank","translateRank","setTimeout","current","scrollToEnd","animatedRank","animatedStyle","fadeInStars","delay","translateStars","showButton1","showButton2","congratsSequence","start","_stylesheet","handleContinueRevisingPress","onClick","handleReviseAnotherSkillPress","showStarLottieAnimation","animationSrc","reviewCardTitle","reviewCardValue","rankSuffix","positive","battle","label","backgroundColor","uri"],"sources":["../../../src/organism/review-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, ScrollView, StyleSheet, Text, TextStyle, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {noop} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport {\n  sequence,\n  parallel,\n  useAnimateProp,\n  useTranslateY,\n  useTranslateX\n} from '@coorpacademy/react-native-animation';\nimport type {AnimatePropParams} from '@coorpacademy/react-native-animation/es/use-animate-prop';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport CardCongrats from '../../molecule/card-congrats/index.native';\nimport {ReviewCongratsProps} from './prop-types';\n\ntype StyleSheetType = {\n  buttons: ViewStyle;\n  congrats: ViewStyle;\n  confettis: ViewStyle;\n  scrollView: ViewStyle;\n  scrollViewContent: ViewStyle;\n  title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    congrats: {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      flexDirection: 'column',\n      alignItems: 'center',\n      paddingVertical: 90,\n      flex: 1\n    },\n    buttons: {\n      width: '100%',\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      height: 114\n    },\n    title: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      marginVertical: 20,\n      color: theme.colors.text.primary\n    },\n    confettis: {\n      flexGrow: 1,\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      pointerEvents: 'box-none'\n    },\n    scrollView: {\n      height: 300\n    },\n    scrollViewContent: {\n      alignItems: 'center',\n      paddingHorizontal: 40\n    }\n  });\n\nconst fadeIn: AnimatePropParams = {\n  property: 'opacity',\n  fromValue: 0,\n  toValue: 1,\n  duration: 350\n};\n\nconst translateHorizontally = {\n  property: 'translateX',\n  fromValue: 180,\n  toValue: 0,\n  duration: 800\n};\n\nconst ReviewCongrats = (props: ReviewCongratsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const {theme} = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [isCongratsTranslationDone, setCongratsTranslationDone] = useState<boolean>(false);\n  const [isRankShown, setRankShown] = useState<boolean>(false);\n\n  const scrollViewRef = useRef<ScrollView>(null);\n\n  const showCongrats = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 950,\n    onComplete: () => {\n      setCongratsTranslationDone(true);\n    }\n  });\n\n  const translateCongrats = useTranslateY({\n    fromValue: 100,\n    toValue: 0,\n    duration: 550\n  });\n\n  const showConfettis = useAnimateProp(fadeIn);\n  const fadeInRank = useAnimateProp(fadeIn);\n  const translateRank = useTranslateX({\n    ...translateHorizontally,\n    onComplete: () => {\n      setRankShown(true);\n      setTimeout(() => {\n        scrollViewRef?.current?.scrollToEnd();\n      }, 700);\n    }\n  });\n\n  const animatedRank = [fadeInRank.animatedStyle, translateRank.animatedStyle];\n\n  const fadeInStars = useAnimateProp({\n    ...fadeIn,\n    delay: cardCongratsRank ? 1000 : 0\n  });\n\n  const translateStars = useTranslateX({\n    ...translateHorizontally,\n    delay: cardCongratsRank ? 1000 : 0\n  });\n\n  const showButton1 = useAnimateProp(fadeIn);\n  const showButton2 = useAnimateProp(fadeIn);\n\n  const congratsSequence = sequence([\n    parallel([showCongrats, translateCongrats]),\n    parallel([\n      showConfettis,\n      cardCongratsRank\n        ? sequence([parallel([fadeInRank, translateRank]), parallel([fadeInStars, translateStars])])\n        : parallel([fadeInStars, translateStars])\n    ]),\n    sequence([showButton1, showButton2])\n  ]);\n\n  useEffect(() => {\n    congratsSequence.start();\n    // (required only once on mount)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const handleContinueRevisingPress = buttonRevising?.onClick || noop;\n  const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || noop;\n  const showStarLottieAnimation = !cardCongratsRank || isRankShown;\n\n  return (\n    <Animated.View\n      style={[styleSheet.congrats, translateCongrats.animatedStyle, showCongrats.animatedStyle]}\n      accessibilityLabel={ariaLabel}\n    >\n      <Text style={styleSheet.title}>{title}</Text>\n      <ScrollView\n        ref={scrollViewRef}\n        horizontal\n        showsHorizontalScrollIndicator={false}\n        style={styleSheet.scrollView}\n        contentContainerStyle={styleSheet.scrollViewContent}\n      >\n        {cardCongratsRank ? (\n          <Animated.View style={animatedRank}>\n            <CardCongrats\n              animationUri={cardCongratsRank.animationLottie.animationSrc}\n              text={cardCongratsRank.reviewCardTitle}\n              value={`${cardCongratsRank.reviewCardValue} ${cardCongratsRank.rankSuffix}`}\n              Icon={RankIcon}\n              iconColor={theme.colors.positive}\n              textColor={theme.colors.text.primary}\n              direction=\"row-reverse\"\n            />\n          </Animated.View>\n        ) : null}\n        <Animated.View style={[fadeInStars.animatedStyle, translateStars.animatedStyle]}>\n          <CardCongrats\n            animationUri={\n              showStarLottieAnimation ? cardCongratsStar.animationLottie.animationSrc : null\n            }\n            Icon={StarIcon}\n            text={cardCongratsStar.reviewCardTitle}\n            value={cardCongratsStar.reviewCardValue}\n            iconColor={theme.colors.battle}\n            textColor={theme.colors.battle}\n            direction=\"row\"\n          />\n        </Animated.View>\n      </ScrollView>\n\n      <Animated.View style={styleSheet.buttons}>\n        {buttonRevisingSkill ? (\n          <Animated.View style={showButton1.animatedStyle}>\n            <Button\n              onPress={handleReviseAnotherSkillPress}\n              accessibilityLabel={buttonRevisingSkill['aria-label']}\n              submitValue={buttonRevisingSkill.label}\n              style={{...BOX_STYLE, backgroundColor: '#fff'}}\n              textStyle={{color: '#123'}}\n            />\n          </Animated.View>\n        ) : null}\n        {buttonRevising ? (\n          <Animated.View style={showButton2.animatedStyle}>\n            <Button\n              onPress={handleContinueRevisingPress}\n              accessibilityLabel={buttonRevising['aria-label']}\n              submitValue={buttonRevising.label}\n            />\n          </Animated.View>\n        ) : null}\n      </Animated.View>\n\n      {isCongratsTranslationDone ? (\n        <Animated.View\n          pointerEvents=\"none\"\n          style={[styleSheet.confettis, showConfettis.animatedStyle]}\n        >\n          <LottieView source={{uri: animationLottie.animationSrc}} autoPlay loop={false} />\n        </Animated.View>\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default ReviewCongrats;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["React","useEffect","useRef","useState","Animated","ScrollView","StyleSheet","Text","LottieView","NovaCompositionCoorpacademyStar","StarIcon","NovaSolidVoteRewardsRewardsBadge5","RankIcon","sequence","parallel","useAnimateProp","useTranslateY","useTranslateX","useTemplateContext","Button","BOX_STYLE","CardCongrats","createStyleSheet","theme","create","congrats","position","width","height","flexDirection","alignItems","paddingVertical","flex","buttons","paddingHorizontal","justifyContent","title","fontWeight","fontSize","lineHeight","marginVertical","color","colors","text","primary","confettis","flexGrow","pointerEvents","scrollView","scrollViewContent","fadeIn","property","fromValue","toValue","duration","translateHorizontally","ReviewCongrats","props","ariaLabel","animationLottie","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","styleSheet","setStylesheet","isCongratsTranslationDone","setCongratsTranslationDone","isRankShown","setRankShown","scrollViewRef","showCongrats","onComplete","translateCongrats","showConfettis","fadeInRank","translateRank","setTimeout","current","scrollToEnd","animatedRank","animatedStyle","fadeInStars","delay","translateStars","showButton1","showButton2","congratsSequence","start","_stylesheet","handleContinueRevisingPress","onClick","handleReviseAnotherSkillPress","showStarLottieAnimation","animationSrc","reviewCardTitle","reviewCardValue","rankSuffix","positive","battle","label","backgroundColor","uri"],"sources":["../../../src/organism/review-congrats/index.native.tsx"],"sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport {Animated, ScrollView, StyleSheet, Text, TextStyle, ViewStyle} from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport {noop} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaSolidVoteRewardsRewardsBadge5 as RankIcon\n} from '@coorpacademy/nova-icons';\nimport {\n  sequence,\n  parallel,\n  useAnimateProp,\n  useTranslateY,\n  useTranslateX\n} from '@coorpacademy/react-native-animation';\nimport type {AnimatePropParams} from '@coorpacademy/react-native-animation/es/use-animate-prop';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {BOX_STYLE} from '../../variables/shadow';\nimport CardCongrats from '../../molecule/card-congrats/index.native';\nimport {ReviewCongratsProps} from './prop-types';\n\ntype StyleSheetType = {\n  buttons: ViewStyle;\n  congrats: ViewStyle;\n  confettis: ViewStyle;\n  scrollView: ViewStyle;\n  scrollViewContent: ViewStyle;\n  title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    congrats: {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      flexDirection: 'column',\n      alignItems: 'center',\n      paddingVertical: 90,\n      flex: 1\n    },\n    buttons: {\n      width: '100%',\n      paddingHorizontal: 20,\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      height: 114\n    },\n    title: {\n      fontWeight: '400',\n      fontSize: 32,\n      lineHeight: 40,\n      marginVertical: 20,\n      color: theme.colors.text.primary\n    },\n    confettis: {\n      flexGrow: 1,\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      pointerEvents: 'box-none'\n    },\n    scrollView: {\n      height: 300\n    },\n    scrollViewContent: {\n      alignItems: 'center',\n      paddingHorizontal: 40\n    }\n  });\n\nconst fadeIn: AnimatePropParams = {\n  property: 'opacity',\n  fromValue: 0,\n  toValue: 1,\n  duration: 350\n};\n\nconst translateHorizontally = {\n  property: 'translateX',\n  fromValue: 180,\n  toValue: 0,\n  duration: 800\n};\n\nconst ReviewCongrats = (props: ReviewCongratsProps) => {\n  const {\n    'aria-label': ariaLabel,\n    animationLottie,\n    title,\n    cardCongratsStar,\n    cardCongratsRank,\n    buttonRevising,\n    buttonRevisingSkill\n  } = props;\n\n  const {theme} = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const [isCongratsTranslationDone, setCongratsTranslationDone] = useState<boolean>(false);\n  const [isRankShown, setRankShown] = useState<boolean>(false);\n\n  const scrollViewRef = useRef<ScrollView>(null);\n\n  const showCongrats = useAnimateProp({\n    property: 'opacity',\n    fromValue: 0,\n    toValue: 1,\n    duration: 950,\n    onComplete: () => {\n      setCongratsTranslationDone(true);\n    }\n  });\n\n  const translateCongrats = useTranslateY({\n    fromValue: 100,\n    toValue: 0,\n    duration: 550\n  });\n\n  const showConfettis = useAnimateProp(fadeIn);\n  const fadeInRank = useAnimateProp(fadeIn);\n  const translateRank = useTranslateX({\n    ...translateHorizontally,\n    onComplete: () => {\n      setRankShown(true);\n      setTimeout(() => {\n        scrollViewRef?.current?.scrollToEnd();\n      }, 700);\n    }\n  });\n\n  const animatedRank = [fadeInRank.animatedStyle, translateRank.animatedStyle];\n\n  const fadeInStars = useAnimateProp({\n    ...fadeIn,\n    delay: cardCongratsRank ? 1000 : 0\n  });\n\n  const translateStars = useTranslateX({\n    ...translateHorizontally,\n    delay: cardCongratsRank ? 1000 : 0\n  });\n\n  const showButton1 = useAnimateProp(fadeIn);\n  const showButton2 = useAnimateProp(fadeIn);\n\n  const congratsSequence = sequence([\n    parallel([showCongrats, translateCongrats]),\n    parallel([\n      showConfettis,\n      cardCongratsRank\n        ? sequence([parallel([fadeInRank, translateRank]), parallel([fadeInStars, translateStars])])\n        : parallel([fadeInStars, translateStars])\n    ]),\n    sequence([showButton1, showButton2])\n  ]);\n\n  useEffect(() => {\n    congratsSequence.start();\n    // (required only once on mount)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const handleContinueRevisingPress = buttonRevising?.onClick || noop;\n  const handleReviseAnotherSkillPress = buttonRevisingSkill?.onClick || noop;\n  const showStarLottieAnimation = !cardCongratsRank || isRankShown;\n\n  return (\n    <Animated.View\n      style={[styleSheet.congrats, translateCongrats.animatedStyle, showCongrats.animatedStyle]}\n      accessibilityLabel={ariaLabel}\n    >\n      <Text style={styleSheet.title}>{title}</Text>\n      <ScrollView\n        ref={scrollViewRef}\n        horizontal\n        showsHorizontalScrollIndicator={false}\n        style={styleSheet.scrollView}\n        contentContainerStyle={styleSheet.scrollViewContent}\n      >\n        {cardCongratsRank ? (\n          <Animated.View style={animatedRank}>\n            <CardCongrats\n              animationUri={cardCongratsRank.animationLottie.animationSrc}\n              text={cardCongratsRank.reviewCardTitle}\n              value={`${cardCongratsRank.reviewCardValue} ${cardCongratsRank.rankSuffix}`}\n              Icon={RankIcon}\n              iconColor={theme.colors.positive}\n              textColor={theme.colors.text.primary}\n              direction=\"row-reverse\"\n            />\n          </Animated.View>\n        ) : null}\n        <Animated.View style={[fadeInStars.animatedStyle, translateStars.animatedStyle]}>\n          <CardCongrats\n            animationUri={\n              showStarLottieAnimation ? cardCongratsStar.animationLottie.animationSrc : null\n            }\n            Icon={StarIcon}\n            text={cardCongratsStar.reviewCardTitle}\n            value={cardCongratsStar.reviewCardValue}\n            iconColor={theme.colors.battle}\n            textColor={theme.colors.battle}\n            direction=\"row\"\n          />\n        </Animated.View>\n      </ScrollView>\n\n      <Animated.View style={styleSheet.buttons}>\n        {buttonRevisingSkill ? (\n          <Animated.View style={showButton1.animatedStyle}>\n            <Button\n              onPress={handleReviseAnotherSkillPress}\n              accessibilityLabel={buttonRevisingSkill['aria-label']}\n              submitValue={buttonRevisingSkill.label}\n              style={{...BOX_STYLE, backgroundColor: '#fff'}}\n              textStyle={{color: '#123'}}\n            />\n          </Animated.View>\n        ) : null}\n        {buttonRevising ? (\n          <Animated.View style={showButton2.animatedStyle}>\n            <Button\n              onPress={handleContinueRevisingPress}\n              accessibilityLabel={buttonRevising['aria-label']}\n              submitValue={buttonRevising.label}\n            />\n          </Animated.View>\n        ) : null}\n      </Animated.View>\n\n      {isCongratsTranslationDone ? (\n        <Animated.View\n          pointerEvents=\"none\"\n          style={[styleSheet.confettis, showConfettis.animatedStyle]}\n        >\n          <LottieView source={{uri: animationLottie.animationSrc}} autoPlay loop={false} />\n        </Animated.View>\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default ReviewCongrats;\n"],"mappings":"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"}

package/es/organism/review-congrats/prop-types.d.ts

@@ -84,7 +84,7 @@ declare const propTypes: {
     }>>;
 };
 export default propTypes;
-export declare type ReviewCongratsProps = {
+export type ReviewCongratsProps = {
     'aria-label': string;
     'data-name': 'review-congrats';
     animationLottie: LottieAnimationProps;

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

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-congrats/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAmC,EACjC,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAA4C,EAC1C,iBAAiB,EAClB,MAAM,gDAAgD,CAAC;AAExD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,mBAAmB,GAAG;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,eAAe,EAAE,oBAAoB,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE;QACf,YAAY,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,mBAAmB,CAAC,EAAE;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-congrats/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAmC,EACjC,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAA4C,EAC1C,iBAAiB,EAClB,MAAM,gDAAgD,CAAC;AAExD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,eAAe,EAAE,oBAAoB,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,iBAAiB,CAAC;IACpC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE;QACf,YAAY,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,mBAAmB,CAAC,EAAE;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH,CAAC"}

package/es/organism/review-congrats/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","AtomLottieWrapperPropTypes","MoleculeReviewCardCongratsPropTypes","propTypes","string","animationLottie","shape","title","cardCongratsStar","cardCongratsRank","buttonRevising","label","onClick","func","type","buttonRevisingSkill"],"sources":["../../../src/organism/review-congrats/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes, {\n  LottieAnimationProps\n} from '../../atom/lottie-wrapper/prop-types';\nimport MoleculeReviewCardCongratsPropTypes, {\n  CongratsCardProps\n} from '../../molecule/review-card-congrats/prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  title: PropTypes.string,\n  cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  buttonRevising: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  }),\n  buttonRevisingSkill: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  })\n};\n\nexport default propTypes;\n\nexport type ReviewCongratsProps = {\n  'aria-label': string;\n  'data-name': 'review-congrats';\n  animationLottie: LottieAnimationProps;\n  title: string;\n  cardCongratsStar: CongratsCardProps;\n  cardCongratsRank?: CongratsCardProps;\n  buttonRevising?: {\n    'aria-label': string;\n    label: string;\n    onClick: () => void;\n    type: string;\n  };\n  buttonRevisingSkill?: {\n    label: string;\n    'aria-label': string;\n    onClick: () => void;\n    type: string;\n  };\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAEO,sCAFP;AAGA,OAAOC,mCAAP,MAEO,gDAFP;AAIA,MAAMC,SAAS,GAAG;EAChB,cAAcH,SAAS,CAACI,MADR;EAEhB,aAAaJ,SAAS,CAACI,MAFP;EAGhBC,eAAe,EAAEL,SAAS,CAACM,KAAV,CAAgBL,0BAAhB,CAHD;EAIhBM,KAAK,EAAEP,SAAS,CAACI,MAJD;EAKhBI,gBAAgB,EAAER,SAAS,CAACM,KAAV,CAAgBJ,mCAAhB,CALF;EAMhBO,gBAAgB,EAAET,SAAS,CAACM,KAAV,CAAgBJ,mCAAhB,CANF;EAOhBQ,cAAc,EAAEV,SAAS,CAACM,KAAV,CAAgB;IAC9BK,KAAK,EAAEX,SAAS,CAACI,MADa;IAE9BQ,OAAO,EAAEZ,SAAS,CAACa,IAFW;IAG9BC,IAAI,EAAEd,SAAS,CAACI;EAHc,CAAhB,CAPA;EAYhBW,mBAAmB,EAAEf,SAAS,CAACM,KAAV,CAAgB;IACnCK,KAAK,EAAEX,SAAS,CAACI,MADkB;IAEnCQ,OAAO,EAAEZ,SAAS,CAACa,IAFgB;IAGnCC,IAAI,EAAEd,SAAS,CAACI;EAHmB,CAAhB;AAZL,CAAlB;AAmBA,eAAeD,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","AtomLottieWrapperPropTypes","MoleculeReviewCardCongratsPropTypes","propTypes","string","animationLottie","shape","title","cardCongratsStar","cardCongratsRank","buttonRevising","label","onClick","func","type","buttonRevisingSkill"],"sources":["../../../src/organism/review-congrats/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes, {\n  LottieAnimationProps\n} from '../../atom/lottie-wrapper/prop-types';\nimport MoleculeReviewCardCongratsPropTypes, {\n  CongratsCardProps\n} from '../../molecule/review-card-congrats/prop-types';\n\nconst propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n  title: PropTypes.string,\n  cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n  buttonRevising: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  }),\n  buttonRevisingSkill: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    type: PropTypes.string\n  })\n};\n\nexport default propTypes;\n\nexport type ReviewCongratsProps = {\n  'aria-label': string;\n  'data-name': 'review-congrats';\n  animationLottie: LottieAnimationProps;\n  title: string;\n  cardCongratsStar: CongratsCardProps;\n  cardCongratsRank?: CongratsCardProps;\n  buttonRevising?: {\n    'aria-label': string;\n    label: string;\n    onClick: () => void;\n    type: string;\n  };\n  buttonRevisingSkill?: {\n    label: string;\n    'aria-label': string;\n    onClick: () => void;\n    type: string;\n  };\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,0BAA0B,MAE1B,sCAAsC;AAC7C,OAAOC,mCAAmC,MAEnC,gDAAgD;AAEvD,MAAMC,SAAS,GAAG;EAChB,YAAY,EAAEH,SAAS,CAACI,MAAM;EAC9B,WAAW,EAAEJ,SAAS,CAACI,MAAM;EAC7BC,eAAe,EAAEL,SAAS,CAACM,KAAK,CAACL,0BAA0B,CAAC;EAC5DM,KAAK,EAAEP,SAAS,CAACI,MAAM;EACvBI,gBAAgB,EAAER,SAAS,CAACM,KAAK,CAACJ,mCAAmC,CAAC;EACtEO,gBAAgB,EAAET,SAAS,CAACM,KAAK,CAACJ,mCAAmC,CAAC;EACtEQ,cAAc,EAAEV,SAAS,CAACM,KAAK,CAAC;IAC9BK,KAAK,EAAEX,SAAS,CAACI,MAAM;IACvBQ,OAAO,EAAEZ,SAAS,CAACa,IAAI;IACvBC,IAAI,EAAEd,SAAS,CAACI;EAClB,CAAC,CAAC;EACFW,mBAAmB,EAAEf,SAAS,CAACM,KAAK,CAAC;IACnCK,KAAK,EAAEX,SAAS,CAACI,MAAM;IACvBQ,OAAO,EAAEZ,SAAS,CAACa,IAAI;IACvBC,IAAI,EAAEd,SAAS,CAACI;EAClB,CAAC;AACH,CAAC;AAED,eAAeD,SAAS"}

package/es/organism/review-header/index.js

@@ -5,7 +5,6 @@ import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
 import ReviewHeaderSteps from '../../molecule/review-header-steps';
 import style from './style.css';
 import propTypes from './types';
-
 const ReviewHeader = (props, context) => {
   const {
     steps,
@@ -58,7 +57,6 @@ const ReviewHeader = (props, context) => {
     "data-testid": "review-header-close-button-wrapper"
   }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, buttonProps)));
 };
-
 ReviewHeader.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewHeader;
 //# sourceMappingURL=index.js.map

package/es/organism/review-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","getOr","ButtonLinkIconOnly","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","context","steps","mode","skillName","ariaLabel","closeButtonAriaLabel","onQuitClick","hiddenSteps","skin","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, context) => {\n  const {\n    steps,\n    mode,\n    skillName,\n    'aria-label': ariaLabel,\n    closeButtonAriaLabel,\n    onQuitClick,\n    hiddenSteps\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-testid=\"review-header-close-button-wrapper\">\n        <ButtonLinkIconOnly {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nexport default ReviewHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,SAAtB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IACJC,KADI;IAEJC,IAFI;IAGJC,SAHI;IAIJ,cAAcC,SAJV;IAKJC,oBALI;IAMJC,WANI;IAOJC;EAPI,IAQFR,KARJ;EASA,MAAM;IAACS;EAAD,IAASR,OAAf;EACA,MAAMS,gBAAgB,GAAGhB,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8Be,IAA9B,CAA9B;EAEA,MAAME,WAAW,GAAG;IAClBC,IAAI,EAAE,OADY;IAElB,aAAa,4BAFK;IAGlB,cAAcN,oBAHI;IAIlBO,OAAO,EAAEN,WAJS;IAKlBO,IAAI,EAAE,YALY;IAMlBC,SAAS,EAAElB,KAAK,CAACmB;EANC,CAApB;EASA,MAAMC,YAAY,GAAGxB,UAAU,CAC7BI,KAAK,CAACoB,YADuB,EAE7BT,WAAW,GAAGX,KAAK,CAACqB,qBAAT,GAAiC,IAFf,CAA/B;EAKA,oBACE;IAAK,SAAS,EAAErB,KAAK,CAACsB,aAAtB;IAAqC,aAAU,eAA/C;IAA+D,cAAYd;EAA3E,gBACE;IAAK,SAAS,EAAER,KAAK,CAACuB;EAAtB,gBACE;IAAK,SAAS,EAAEvB,KAAK,CAACwB,KAAtB;IAA6B,KAAK,EAAElB,IAApC;IAA0C,cAAYA,IAAtD;IAA4D,aAAU;EAAtE,GACGA,IADH,CADF,eAIE;IACE,SAAS,EAAEN,KAAK,CAACO,SADnB;IAEE,KAAK,EAAE;MACLkB,KAAK,EAAEZ;IADF,CAFT;IAKE,KAAK,EAAEN,SALT;IAME,cAAYA,SANd;IAOE,aAAU;EAPZ,GASGA,SATH,CAJF,CADF,eAkBE;IAAK,SAAS,EAAEa;EAAhB,gBACE,oBAAC,iBAAD;IAAmB,KAAK,EAAEf,KAA1B;IAAiC,GAAG,EAAE;EAAtC,EADF,CAlBF,eAsBE;IAAK,SAAS,EAAEL,KAAK,CAAC0B,iBAAtB;IAAyC,eAAY;EAArD,gBACE,oBAAC,kBAAD,EAAwBZ,WAAxB,CADF,CAtBF,CADF;AA4BD,CAvDD;;AAyDAZ,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEA,eAAeC,YAAf"}
+{"version":3,"file":"index.js","names":["React","classnames","getOr","ButtonLinkIconOnly","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","context","steps","mode","skillName","ariaLabel","closeButtonAriaLabel","onQuitClick","hiddenSteps","skin","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, context) => {\n  const {\n    steps,\n    mode,\n    skillName,\n    'aria-label': ariaLabel,\n    closeButtonAriaLabel,\n    onQuitClick,\n    hiddenSteps\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    icon: 'close',\n    'data-name': 'review-header-close-button',\n    'aria-label': closeButtonAriaLabel,\n    onClick: onQuitClick,\n    size: 'responsive',\n    className: style.review\n  };\n\n  const stepsWrapper = classnames(\n    style.stepsWrapper,\n    hiddenSteps ? style.stepsWrapperAnimation : null\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n      <div className={style.titlesWrapper}>\n        <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n          {mode}\n        </div>\n        <div\n          className={style.skillName}\n          style={{\n            color: primarySkinColor\n          }}\n          title={skillName}\n          aria-label={skillName}\n          data-name=\"review-header-skill-name\"\n        >\n          {skillName}\n        </div>\n      </div>\n\n      <div className={stepsWrapper}>\n        <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n      </div>\n\n      <div className={style.iconButtonWrapper} data-testid=\"review-header-close-button-wrapper\">\n        <ButtonLinkIconOnly {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nexport default ReviewHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,kBAAkB,MAAM,kCAAkC;AACjE,OAAOC,iBAAiB,MAAM,oCAAoC;AAClE,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,SAAS;AAE/B,MAAMC,YAAY,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACvC,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,SAAS;IACT,YAAY,EAAEC,SAAS;IACvBC,oBAAoB;IACpBC,WAAW;IACXC;EACF,CAAC,GAAGR,KAAK;EACT,MAAM;IAACS;EAAI,CAAC,GAAGR,OAAO;EACtB,MAAMS,gBAAgB,GAAGhB,KAAK,CAAC,SAAS,EAAE,gBAAgB,EAAEe,IAAI,CAAC;EAEjE,MAAME,WAAW,GAAG;IAClBC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,4BAA4B;IACzC,YAAY,EAAEN,oBAAoB;IAClCO,OAAO,EAAEN,WAAW;IACpBO,IAAI,EAAE,YAAY;IAClBC,SAAS,EAAElB,KAAK,CAACmB;EACnB,CAAC;EAED,MAAMC,YAAY,GAAGxB,UAAU,CAC7BI,KAAK,CAACoB,YAAY,EAClBT,WAAW,GAAGX,KAAK,CAACqB,qBAAqB,GAAG,IAAI,CACjD;EAED,oBACE;IAAK,SAAS,EAAErB,KAAK,CAACsB,aAAc;IAAC,aAAU,eAAe;IAAC,cAAYd;EAAU,gBACnF;IAAK,SAAS,EAAER,KAAK,CAACuB;EAAc,gBAClC;IAAK,SAAS,EAAEvB,KAAK,CAACwB,KAAM;IAAC,KAAK,EAAElB,IAAK;IAAC,cAAYA,IAAK;IAAC,aAAU;EAAoB,GACvFA,IAAI,CACD,eACN;IACE,SAAS,EAAEN,KAAK,CAACO,SAAU;IAC3B,KAAK,EAAE;MACLkB,KAAK,EAAEZ;IACT,CAAE;IACF,KAAK,EAAEN,SAAU;IACjB,cAAYA,SAAU;IACtB,aAAU;EAA0B,GAEnCA,SAAS,CACN,CACF,eAEN;IAAK,SAAS,EAAEa;EAAa,gBAC3B,oBAAC,iBAAiB;IAAC,KAAK,EAAEf,KAAM;IAAC,GAAG,EAAE;EAAsB,EAAG,CAC3D,eAEN;IAAK,SAAS,EAAEL,KAAK,CAAC0B,iBAAkB;IAAC,eAAY;EAAoC,gBACvF,oBAAC,kBAAkB,EAAKZ,WAAW,CAAI,CACnC,CACF;AAEV,CAAC;AAEDZ,YAAY,CAACD,SAAS,2CAAGA,SAAS;AAElC,eAAeC,YAAY"}

package/es/organism/review-header/index.native.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { NovaSolidStatusClose as CloseIcon } from '@coorpacademy/nova-icons';
@@ -33,7 +32,6 @@ const style = StyleSheet.create({
     height: 12
   }
 });
-
 const ReviewHeader = props => {
   const {
     steps,
@@ -56,6 +54,5 @@ const ReviewHeader = props => {
     color: "#06265B"
   })));
 };
-
 export default ReviewHeader;
 //# sourceMappingURL=index.native.js.map

package/es/organism/review-header/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","NovaSolidStatusClose","CloseIcon","Step","Touchable","style","create","container","flexDirection","justifyContent","alignItems","alignContent","width","header","height","paddingTop","touchArea","position","right","borderRadius","padding","icon","ReviewHeader","props","steps","onQuitClick","map","step","value"],"sources":["../../../src/organism/review-header/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\nimport Step from '../../atom/review-header-step-item/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {HeaderProps} from './types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n  touchArea: ViewStyle;\n  icon: ViewStyle;\n};\n\nconst style: StyleSheetType = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignContent: 'center',\n    width: '100%'\n  },\n  header: {\n    width: '80%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 70,\n    paddingTop: 8\n  },\n  touchArea: {\n    position: 'absolute',\n    right: 24,\n    borderRadius: 12,\n    paddingTop: 16,\n    padding: 8\n  },\n  icon: {\n    width: 12,\n    height: 12\n  }\n});\n\nconst ReviewHeader = (props: HeaderProps) => {\n  const {steps, onQuitClick} = props;\n\n  return (\n    <View style={style.container}>\n      <View style={style.header}>\n        {steps.map(step => (\n          <Step {...step} key={step.value} />\n        ))}\n      </View>\n      <Touchable\n        style={style.touchArea}\n        isHighlight\n        onPress={onQuitClick}\n        accessibilityLabel=\"open-popin-button\"\n        testID=\"open-popin-button\"\n      >\n        <CloseIcon style={style.icon} color=\"#06265B\" />\n      </Touchable>\n    </View>\n  );\n};\n\nexport default ReviewHeader;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA0C,cAA1C;AACA,SAAQC,oBAAoB,IAAIC,SAAhC,QAAgD,0BAAhD;AACA,OAAOC,IAAP,MAAiB,iDAAjB;AACA,OAAOC,SAAP,MAAsB,kCAAtB;AAUA,MAAMC,KAAqB,GAAGN,UAAU,CAACO,MAAX,CAAkB;EAC9CC,SAAS,EAAE;IACTC,aAAa,EAAE,KADN;IAETC,cAAc,EAAE,QAFP;IAGTC,UAAU,EAAE,QAHH;IAITC,YAAY,EAAE,QAJL;IAKTC,KAAK,EAAE;EALE,CADmC;EAQ9CC,MAAM,EAAE;IACND,KAAK,EAAE,KADD;IAENJ,aAAa,EAAE,KAFT;IAGNE,UAAU,EAAE,QAHN;IAIND,cAAc,EAAE,QAJV;IAKNK,MAAM,EAAE,EALF;IAMNC,UAAU,EAAE;EANN,CARsC;EAgB9CC,SAAS,EAAE;IACTC,QAAQ,EAAE,UADD;IAETC,KAAK,EAAE,EAFE;IAGTC,YAAY,EAAE,EAHL;IAITJ,UAAU,EAAE,EAJH;IAKTK,OAAO,EAAE;EALA,CAhBmC;EAuB9CC,IAAI,EAAE;IACJT,KAAK,EAAE,EADH;IAEJE,MAAM,EAAE;EAFJ;AAvBwC,CAAlB,CAA9B;;AA6BA,MAAMQ,YAAY,GAAIC,KAAD,IAAwB;EAC3C,MAAM;IAACC,KAAD;IAAQC;EAAR,IAAuBF,KAA7B;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAElB,KAAK,CAACE;EAAnB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEF,KAAK,CAACQ;EAAnB,GACGW,KAAK,CAACE,GAAN,CAAUC,IAAI,iBACb,oBAAC,IAAD,eAAUA,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACC;EAA1B,GADD,CADH,CADF,eAME,oBAAC,SAAD;IACE,KAAK,EAAEvB,KAAK,CAACW,SADf;IAEE,WAAW,MAFb;IAGE,OAAO,EAAES,WAHX;IAIE,kBAAkB,EAAC,mBAJrB;IAKE,MAAM,EAAC;EALT,gBAOE,oBAAC,SAAD;IAAW,KAAK,EAAEpB,KAAK,CAACgB,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAPF,CANF,CADF;AAkBD,CArBD;;AAuBA,eAAeC,YAAf"}
+{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","NovaSolidStatusClose","CloseIcon","Step","Touchable","style","create","container","flexDirection","justifyContent","alignItems","alignContent","width","header","height","paddingTop","touchArea","position","right","borderRadius","padding","icon","ReviewHeader","props","steps","onQuitClick","map","step","value"],"sources":["../../../src/organism/review-header/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View, ViewStyle} from 'react-native';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\nimport Step from '../../atom/review-header-step-item/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {HeaderProps} from './types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n  touchArea: ViewStyle;\n  icon: ViewStyle;\n};\n\nconst style: StyleSheetType = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignContent: 'center',\n    width: '100%'\n  },\n  header: {\n    width: '80%',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 70,\n    paddingTop: 8\n  },\n  touchArea: {\n    position: 'absolute',\n    right: 24,\n    borderRadius: 12,\n    paddingTop: 16,\n    padding: 8\n  },\n  icon: {\n    width: 12,\n    height: 12\n  }\n});\n\nconst ReviewHeader = (props: HeaderProps) => {\n  const {steps, onQuitClick} = props;\n\n  return (\n    <View style={style.container}>\n      <View style={style.header}>\n        {steps.map(step => (\n          <Step {...step} key={step.value} />\n        ))}\n      </View>\n      <Touchable\n        style={style.touchArea}\n        isHighlight\n        onPress={onQuitClick}\n        accessibilityLabel=\"open-popin-button\"\n        testID=\"open-popin-button\"\n      >\n        <CloseIcon style={style.icon} color=\"#06265B\" />\n      </Touchable>\n    </View>\n  );\n};\n\nexport default ReviewHeader;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,UAAU,EAAEC,IAAI,QAAkB,cAAc;AACxD,SAAQC,oBAAoB,IAAIC,SAAS,QAAO,0BAA0B;AAC1E,OAAOC,IAAI,MAAM,iDAAiD;AAClE,OAAOC,SAAS,MAAM,kCAAkC;AAUxD,MAAMC,KAAqB,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC9CC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,QAAQ;IACtBC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACND,KAAK,EAAE,KAAK;IACZJ,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE,QAAQ;IACxBK,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd,CAAC;EACDC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,EAAE;IACTC,YAAY,EAAE,EAAE;IAChBJ,UAAU,EAAE,EAAE;IACdK,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJT,KAAK,EAAE,EAAE;IACTE,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,MAAMQ,YAAY,GAAIC,KAAkB,IAAK;EAC3C,MAAM;IAACC,KAAK;IAAEC;EAAW,CAAC,GAAGF,KAAK;EAElC,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAElB,KAAK,CAACE;EAAU,gBAC3B,oBAAC,IAAI;IAAC,KAAK,EAAEF,KAAK,CAACQ;EAAO,GACvBW,KAAK,CAACE,GAAG,CAACC,IAAI,iBACb,oBAAC,IAAI,eAAKA,IAAI;IAAE,GAAG,EAAEA,IAAI,CAACC;EAAM,GACjC,CAAC,CACG,eACP,oBAAC,SAAS;IACR,KAAK,EAAEvB,KAAK,CAACW,SAAU;IACvB,WAAW;IACX,OAAO,EAAES,WAAY;IACrB,kBAAkB,EAAC,mBAAmB;IACtC,MAAM,EAAC;EAAmB,gBAE1B,oBAAC,SAAS;IAAC,KAAK,EAAEpB,KAAK,CAACgB,IAAK;IAAC,KAAK,EAAC;EAAS,EAAG,CACtC,CACP;AAEX,CAAC;AAED,eAAeC,YAAY"}

package/es/organism/review-header/types.d.ts

@@ -14,7 +14,7 @@ declare const propTypes: {
     hiddenSteps: PropTypes.Requireable<boolean>;
 };
 export default propTypes;
-export declare type HeaderProps = {
+export type HeaderProps = {
     steps: HeaderStepItemProps[];
     mode: string;
     skillName: string;

package/es/organism/review-header/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,mBAAmB,EAAC,MAAM,0CAA0C,CAAC;AAE7E,QAAA,MAAM,SAAS;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-header/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,mBAAmB,EAAC,MAAM,0CAA0C,CAAC;AAE7E,QAAA,MAAM,SAAS;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC"}

package/es/organism/review-header/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","ReviewHeaderStepsPropTypes","propTypes","steps","mode","string","isRequired","skillName","closeButtonAriaLabel","onQuitClick","func","hiddenSteps","bool"],"sources":["../../../src/organism/review-header/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewHeaderStepsPropTypes from '../../molecule/review-header-steps/prop-types';\nimport {HeaderStepItemProps} from '../../atom/review-header-step-item/types';\n\nconst propTypes = {\n  steps: ReviewHeaderStepsPropTypes.steps,\n  mode: PropTypes.string.isRequired,\n  skillName: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  closeButtonAriaLabel: PropTypes.string,\n  onQuitClick: PropTypes.func,\n  hiddenSteps: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type HeaderProps = {\n  steps: HeaderStepItemProps[];\n  mode: string;\n  skillName: string;\n  'aria-label': string;\n  closeButtonAriaLabel: string;\n  onQuitClick: () => void;\n  hiddenSteps: boolean;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAAuC,+CAAvC;AAGA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,0BAA0B,CAACE,KADlB;EAEhBC,IAAI,EAAEJ,SAAS,CAACK,MAAV,CAAiBC,UAFP;EAGhBC,SAAS,EAAEP,SAAS,CAACK,MAAV,CAAiBC,UAHZ;EAIhB,cAAcN,SAAS,CAACK,MAJR;EAKhBG,oBAAoB,EAAER,SAAS,CAACK,MALhB;EAMhBI,WAAW,EAAET,SAAS,CAACU,IANP;EAOhBC,WAAW,EAAEX,SAAS,CAACY;AAPP,CAAlB;AAUA,eAAeV,SAAf"}
+{"version":3,"file":"types.js","names":["PropTypes","ReviewHeaderStepsPropTypes","propTypes","steps","mode","string","isRequired","skillName","closeButtonAriaLabel","onQuitClick","func","hiddenSteps","bool"],"sources":["../../../src/organism/review-header/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewHeaderStepsPropTypes from '../../molecule/review-header-steps/prop-types';\nimport {HeaderStepItemProps} from '../../atom/review-header-step-item/types';\n\nconst propTypes = {\n  steps: ReviewHeaderStepsPropTypes.steps,\n  mode: PropTypes.string.isRequired,\n  skillName: PropTypes.string.isRequired,\n  'aria-label': PropTypes.string,\n  closeButtonAriaLabel: PropTypes.string,\n  onQuitClick: PropTypes.func,\n  hiddenSteps: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type HeaderProps = {\n  steps: HeaderStepItemProps[];\n  mode: string;\n  skillName: string;\n  'aria-label': string;\n  closeButtonAriaLabel: string;\n  onQuitClick: () => void;\n  hiddenSteps: boolean;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,0BAA0B,MAAM,+CAA+C;AAGtF,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAEF,0BAA0B,CAACE,KAAK;EACvCC,IAAI,EAAEJ,SAAS,CAACK,MAAM,CAACC,UAAU;EACjCC,SAAS,EAAEP,SAAS,CAACK,MAAM,CAACC,UAAU;EACtC,YAAY,EAAEN,SAAS,CAACK,MAAM;EAC9BG,oBAAoB,EAAER,SAAS,CAACK,MAAM;EACtCI,WAAW,EAAET,SAAS,CAACU,IAAI;EAC3BC,WAAW,EAAEX,SAAS,CAACY;AACzB,CAAC;AAED,eAAeV,SAAS"}

package/es/organism/review-no-skills/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision } from '@coorpacademy/nova-icons';
 import style from './style.css';
 import propTypes from './prop-types';
-
 const ReviewNoSkills = ({
   titleNoSkills,
   textNoSkills,
@@ -19,7 +18,6 @@ const ReviewNoSkills = ({
     "aria-label": iconSkillAriaLabel
   }));
 };
-
 ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewNoSkills;
 //# sourceMappingURL=index.js.map

package/es/organism/review-no-skills/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","style","propTypes","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills"],"sources":["../../../src/organism/review-no-skills/index.js"],"sourcesContent":["import React from 'react';\nimport {NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n    </div>\n  );\n};\n\nReviewNoSkills.propTypes = propTypes;\n\nexport default ReviewNoSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,iDAAiD,IAAIC,sBAA7D,QAA0F,0BAA1F;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,cAAc,GAAG,CAAC;EAACC,aAAD;EAAgBC,YAAhB;EAA8BC;AAA9B,CAAD,KAAuD;EAC5E,oBACE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACG;EAAtB,GAAsCA,aAAtC,CADF,eAEE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,QAAsCA,YAAtC,CAFF,eAGE,oBAAC,sBAAD;IAAwB,SAAS,EAAEJ,KAAK,CAACO,WAAzC;IAAsD,cAAYF;EAAlE,EAHF,CADF;AAOD,CARD;;AAUAH,cAAc,CAACD,SAAf,2CAA2BA,SAA3B;AAEA,eAAeC,cAAf"}
+{"version":3,"file":"index.js","names":["React","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","style","propTypes","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills"],"sources":["../../../src/organism/review-no-skills/index.js"],"sourcesContent":["import React from 'react';\nimport {NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n    </div>\n  );\n};\n\nReviewNoSkills.propTypes = propTypes;\n\nexport default ReviewNoSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,iDAAiD,IAAIC,sBAAsB,QAAO,0BAA0B;AACpH,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,cAAc,GAAG,CAAC;EAACC,aAAa;EAAEC,YAAY;EAAEC;AAAkB,CAAC,KAAK;EAC5E,oBACE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAkB,gBACtC;IAAK,SAAS,EAAEN,KAAK,CAACG;EAAc,GAAEA,aAAa,CAAO,eAC1D;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAa,GAAC,GAAC,EAACA,YAAY,CAAO,eACzD,oBAAC,sBAAsB;IAAC,SAAS,EAAEJ,KAAK,CAACO,WAAY;IAAC,cAAYF;EAAmB,EAAG,CACpF;AAEV,CAAC;AAEDH,cAAc,CAACD,SAAS,2CAAGA,SAAS;AAEpC,eAAeC,cAAc"}

package/es/organism/review-no-skills/index.native.js

@@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision } from '@coorpacademy/nova-icons';
 import { useTemplateContext } from '../../template/app-review/template-context';
-
 const createStyleSheet = theme => StyleSheet.create({
   subtitle: {
     fontSize: theme.fontSize.xlarge,
@@ -23,7 +22,6 @@ const createStyleSheet = theme => StyleSheet.create({
     height: 300
   }
 });
-
 const ReviewNoSkills = props => {
   const {
     titleNoSkills,
@@ -37,14 +35,11 @@ const ReviewNoSkills = props => {
   } = templateContext;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
-
     setStylesheet(_stylesheet);
   }, [theme]);
-
   if (!styleSheet) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
     style: styleSheet.subtitle
   }, titleNoSkills), /*#__PURE__*/React.createElement(Text, {
@@ -54,6 +49,5 @@ const ReviewNoSkills = props => {
     iconSkillAriaLabel: iconSkillAriaLabel
   }));
 };
-
 export default ReviewNoSkills;
 //# sourceMappingURL=index.native.js.map

package/es/organism/review-no-skills/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","Text","View","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","useTemplateContext","createStyleSheet","theme","create","subtitle","fontSize","xlarge","color","colors","text","primary","marginBottom","spacing","tiny","lineHeight","opacity","base","noSkillsImage","flex","alignSelf","width","height","ReviewNoSkills","props","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","styleSheet","setStylesheet","_stylesheet"],"sources":["../../../src/organism/review-no-skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {StyleSheet, Text, View, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision} from '@coorpacademy/nova-icons';\nimport {Theme} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {NoSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  subtitle: TextStyle;\n  text: TextStyle;\n  noSkillsImage: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    subtitle: {\n      fontSize: theme.fontSize.xlarge,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    text: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      opacity: 0.7,\n      marginBottom: theme.spacing.base\n    },\n    noSkillsImage: {\n      flex: 1,\n      alignSelf: 'center',\n      width: 320,\n      height: 300\n    }\n  });\n\nconst ReviewNoSkills = (props: NoSkillsProps) => {\n  const {titleNoSkills, textNoSkills, iconSkillAriaLabel} = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View>\n      <Text style={styleSheet.subtitle}>{titleNoSkills}</Text>\n      <Text style={styleSheet.text}>{textNoSkills}</Text>\n      <EmptyStateHomeRevision\n        style={styleSheet.noSkillsImage}\n        iconSkillAriaLabel={iconSkillAriaLabel}\n      />\n    </View>\n  );\n};\n\nexport default ReviewNoSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,UAAR,EAAoBC,IAApB,EAA0BC,IAA1B,QAA2D,cAA3D;AACA,SAAQC,iDAAiD,IAAIC,sBAA7D,QAA0F,0BAA1F;AAEA,SAAQC,kBAAR,QAAiC,4CAAjC;;AASA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBP,UAAU,CAACQ,MAAX,CAAkB;EAChBC,QAAQ,EAAE;IACRC,QAAQ,EAAEH,KAAK,CAACG,QAAN,CAAeC,MADjB;IAERC,KAAK,EAAEL,KAAK,CAACM,MAAN,CAAaC,IAAb,CAAkBC,OAFjB;IAGRC,YAAY,EAAET,KAAK,CAACU,OAAN,CAAcC;EAHpB,CADM;EAMhBJ,IAAI,EAAE;IACJJ,QAAQ,EAAE,EADN;IAEJS,UAAU,EAAE,EAFR;IAGJP,KAAK,EAAEL,KAAK,CAACM,MAAN,CAAaC,IAAb,CAAkBC,OAHrB;IAIJK,OAAO,EAAE,GAJL;IAKJJ,YAAY,EAAET,KAAK,CAACU,OAAN,CAAcI;EALxB,CANU;EAahBC,aAAa,EAAE;IACbC,IAAI,EAAE,CADO;IAEbC,SAAS,EAAE,QAFE;IAGbC,KAAK,EAAE,GAHM;IAIbC,MAAM,EAAE;EAJK;AAbC,CAAlB,CADF;;AAsBA,MAAMC,cAAc,GAAIC,KAAD,IAA0B;EAC/C,MAAM;IAACC,aAAD;IAAgBC,YAAhB;IAA8BC;EAA9B,IAAoDH,KAA1D;EACA,MAAMI,eAAe,GAAG3B,kBAAkB,EAA1C;EACA,MAAM,CAAC4B,UAAD,EAAaC,aAAb,IAA8BpC,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACS;EAAD,IAAUyB,eAAhB;EAEAjC,SAAS,CAAC,MAAM;IACd,MAAMoC,WAAW,GAAG7B,gBAAgB,CAACC,KAAD,CAApC;;IACA2B,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAAC5B,KAAD,CAHM,CAAT;;EAKA,IAAI,CAAC0B,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD,qBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAACxB;EAAxB,GAAmCoB,aAAnC,CADF,eAEE,oBAAC,IAAD;IAAM,KAAK,EAAEI,UAAU,CAACnB;EAAxB,GAA+BgB,YAA/B,CAFF,eAGE,oBAAC,sBAAD;IACE,KAAK,EAAEG,UAAU,CAACX,aADpB;IAEE,kBAAkB,EAAES;EAFtB,EAHF,CADF;AAUD,CAzBD;;AA2BA,eAAeJ,cAAf"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","Text","View","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","useTemplateContext","createStyleSheet","theme","create","subtitle","fontSize","xlarge","color","colors","text","primary","marginBottom","spacing","tiny","lineHeight","opacity","base","noSkillsImage","flex","alignSelf","width","height","ReviewNoSkills","props","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","styleSheet","setStylesheet","_stylesheet"],"sources":["../../../src/organism/review-no-skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {StyleSheet, Text, View, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision} from '@coorpacademy/nova-icons';\nimport {Theme} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {NoSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  subtitle: TextStyle;\n  text: TextStyle;\n  noSkillsImage: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    subtitle: {\n      fontSize: theme.fontSize.xlarge,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    text: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      opacity: 0.7,\n      marginBottom: theme.spacing.base\n    },\n    noSkillsImage: {\n      flex: 1,\n      alignSelf: 'center',\n      width: 320,\n      height: 300\n    }\n  });\n\nconst ReviewNoSkills = (props: NoSkillsProps) => {\n  const {titleNoSkills, textNoSkills, iconSkillAriaLabel} = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View>\n      <Text style={styleSheet.subtitle}>{titleNoSkills}</Text>\n      <Text style={styleSheet.text}>{textNoSkills}</Text>\n      <EmptyStateHomeRevision\n        style={styleSheet.noSkillsImage}\n        iconSkillAriaLabel={iconSkillAriaLabel}\n      />\n    </View>\n  );\n};\n\nexport default ReviewNoSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,SAAS,QAAO,OAAO;AAChD,SAAQC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAA6B,cAAc;AACzE,SAAQC,iDAAiD,IAAIC,sBAAsB,QAAO,0BAA0B;AAEpH,SAAQC,kBAAkB,QAAO,4CAA4C;AAS7E,MAAMC,gBAAgB,GAAIC,KAAY,IACpCP,UAAU,CAACQ,MAAM,CAAC;EAChBC,QAAQ,EAAE;IACRC,QAAQ,EAAEH,KAAK,CAACG,QAAQ,CAACC,MAAM;IAC/BC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAI,CAACC,OAAO;IAChCC,YAAY,EAAET,KAAK,CAACU,OAAO,CAACC;EAC9B,CAAC;EACDJ,IAAI,EAAE;IACJJ,QAAQ,EAAE,EAAE;IACZS,UAAU,EAAE,EAAE;IACdP,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAI,CAACC,OAAO;IAChCK,OAAO,EAAE,GAAG;IACZJ,YAAY,EAAET,KAAK,CAACU,OAAO,CAACI;EAC9B,CAAC;EACDC,aAAa,EAAE;IACbC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEJ,MAAMC,cAAc,GAAIC,KAAoB,IAAK;EAC/C,MAAM;IAACC,aAAa;IAAEC,YAAY;IAAEC;EAAkB,CAAC,GAAGH,KAAK;EAC/D,MAAMI,eAAe,GAAG3B,kBAAkB,EAAE;EAC5C,MAAM,CAAC4B,UAAU,EAAEC,aAAa,CAAC,GAAGpC,QAAQ,CAAwB,IAAI,CAAC;EACzE,MAAM;IAACS;EAAK,CAAC,GAAGyB,eAAe;EAE/BjC,SAAS,CAAC,MAAM;IACd,MAAMoC,WAAW,GAAG7B,gBAAgB,CAACC,KAAK,CAAC;IAC3C2B,aAAa,CAACC,WAAW,CAAC;EAC5B,CAAC,EAAE,CAAC5B,KAAK,CAAC,CAAC;EAEX,IAAI,CAAC0B,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,oBAAC,IAAI,qBACH,oBAAC,IAAI;IAAC,KAAK,EAAEA,UAAU,CAACxB;EAAS,GAAEoB,aAAa,CAAQ,eACxD,oBAAC,IAAI;IAAC,KAAK,EAAEI,UAAU,CAACnB;EAAK,GAAEgB,YAAY,CAAQ,eACnD,oBAAC,sBAAsB;IACrB,KAAK,EAAEG,UAAU,CAACX,aAAc;IAChC,kBAAkB,EAAES;EAAmB,EACvC,CACG;AAEX,CAAC;AAED,eAAeJ,cAAc"}

package/es/organism/review-no-skills/prop-types.d.ts

@@ -5,7 +5,7 @@ declare const propTypes: {
     iconSkillAriaLabel: PropTypes.Validator<string>;
 };
 export default propTypes;
-export declare type NoSkillsProps = {
+export type NoSkillsProps = {
     titleNoSkills: string;
     textNoSkills: string;
     iconSkillAriaLabel: string;

package/es/organism/review-no-skills/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-no-skills/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,aAAa,GAAG;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-no-skills/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC"}

package/es/organism/review-no-skills/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","titleNoSkills","string","isRequired","textNoSkills","iconSkillAriaLabel"],"sources":["../../../src/organism/review-no-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  titleNoSkills: PropTypes.string.isRequired,\n  textNoSkills: PropTypes.string.isRequired,\n  iconSkillAriaLabel: PropTypes.string.isRequired\n};\n\nexport default propTypes;\n\nexport type NoSkillsProps = {\n  titleNoSkills: string;\n  textNoSkills: string;\n  iconSkillAriaLabel: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,aAAa,EAAEF,SAAS,CAACG,MAAV,CAAiBC,UADhB;EAEhBC,YAAY,EAAEL,SAAS,CAACG,MAAV,CAAiBC,UAFf;EAGhBE,kBAAkB,EAAEN,SAAS,CAACG,MAAV,CAAiBC;AAHrB,CAAlB;AAMA,eAAeH,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","titleNoSkills","string","isRequired","textNoSkills","iconSkillAriaLabel"],"sources":["../../../src/organism/review-no-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  titleNoSkills: PropTypes.string.isRequired,\n  textNoSkills: PropTypes.string.isRequired,\n  iconSkillAriaLabel: PropTypes.string.isRequired\n};\n\nexport default propTypes;\n\nexport type NoSkillsProps = {\n  titleNoSkills: string;\n  textNoSkills: string;\n  iconSkillAriaLabel: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,aAAa,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EAC1CC,YAAY,EAAEL,SAAS,CAACG,MAAM,CAACC,UAAU;EACzCE,kBAAkB,EAAEN,SAAS,CAACG,MAAM,CAACC;AACvC,CAAC;AAED,eAAeH,SAAS"}

package/es/organism/review-skills/index.js

@@ -3,7 +3,6 @@ import map from 'lodash/fp/map';
 import SkillCard from '../../molecule/skill-card';
 import style from './style.css';
 import propTypes from './prop-types';
-
 const ReviewListSkills = ({
   listSkills
 }) => {
@@ -18,7 +17,6 @@ const ReviewListSkills = ({
     }, /*#__PURE__*/React.createElement(SkillCard, skillCard));
   }, listSkills));
 };
-
 ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewListSkills;
 //# sourceMappingURL=index.js.map