@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -1,13 +1,17 @@
 import _omit from "lodash/fp/omit";
 import _find from "lodash/fp/find";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _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
@@ -15,25 +19,30 @@ 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)
@@ -48,6 +57,7 @@ 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","createElement","resourcesList","map","resource","_extends","_omit","key","_id","propTypes","process","env","NODE_ENV","arrayOf","shape","string","ResourceBrowser","props","overlay","selectedResource","_find","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,GAAGA,CAAC;EAACF,SAAS;EAAEG;AAAS,CAAC,KAAK;EAC5C,IAAIJ,aAAa,CAACC,SAAS,CAAC,EAAE;IAC5B,OAAO,IAAI;EACb;EAEA,oBACEP,KAAA,CAAAW,aAAA;IAAKD,SAAS,EAAEL,KAAK,CAACO;EAAc,GACjCL,SAAS,CAACM,GAAG,CAACC,QAAQ,iBACrBd,KAAA,CAAAW,aAAA,CAACR,iBAAiB,EAAAY,QAAA,KAAKC,KAAA,CAAK,KAAK,EAAEF,QAAQ,CAAC;IAAEG,GAAG,EAAEH,QAAQ,CAACI;EAAI,EAAE,CACnE,CACE,CAAC;AAEV,CAAC;AAEDT,SAAS,CAACU,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBf,SAAS,EAAEN,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACuB,KAAK,CAACR,KAAA,CAAK,KAAK,EAAEb,iBAAiB,CAACgB,SAAS,CAAC,CAAC,CAAC;EACvFT,SAAS,EAAET,SAAS,CAACwB;AACvB,CAAC;AAED,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACpB,SAAS;IAAEG,SAAS;IAAEkB;EAAO,CAAC,GAAGD,KAAK;EAC7C,MAAME,gBAAgB,GAAGC,KAAA,CAAK,CAAC;IAACC;EAAQ,CAAC,KAAKA,QAAQ,EAAExB,SAAS,CAAC;EAClE,oBACEP,KAAA,CAAAW,aAAA;IAAK,aAAU,iBAAiB;IAACD,SAAS,EAAER,UAAU,CAACG,KAAK,CAAC2B,OAAO,EAAEtB,SAAS;EAAE,gBAC/EV,KAAA,CAAAW,aAAA;IAAKD,SAAS,EAAEL,KAAK,CAAC4B;EAAsB,GACzCJ,gBAAgB,gBACf7B,KAAA,CAAAW,aAAA,CAACP,cAAc;IACbwB,OAAO,EAAEA,OAAQ;IACjBlB,SAAS,EAAEL,KAAK,CAAC6B,cAAe;IAChCpB,QAAQ,EAAEe;EAAiB,CAC5B,CAAC,GACA,IACD,CAAC,eACN7B,KAAA,CAAAW,aAAA,CAACF,SAAS;IAACF,SAAS,EAAEA,SAAU;IAACG,SAAS,EAAEA;EAAU,CAAE,CACrD,CAAC;AAEV,CAAC;AAEDgB,eAAe,CAACP,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC1BZ,SAAS,EAAET,SAAS,CAACwB,MAAM;EAC3BlB,SAAS,EAAEE,SAAS,CAACU,SAAS,CAACZ,SAAS;EACxCqB,OAAO,EAAExB,cAAc,CAACe,SAAS,CAACS;AACpC,CAAC;AAED,eAAeF,eAAe","ignoreList":[]}
+{"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"}

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

@@ -1,4 +1,5 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _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';
@@ -11,6 +12,7 @@ export const setScroll = container => () => {
     behavior: 'smooth'
   });
 };
+
 const ReviewCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -33,7 +35,8 @@ 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,
@@ -64,6 +67,7 @@ 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","createElement","className","mainContainer","_extends","loop","animationControl","autoplay","lottie","backupImageClassName","ie11Backup","containerCongrats","ref","containerCards","Fragment","cardStar","timerAnimation","cardRank","cardStarNoRank","buttonContainer","buttonRevise","process","env","NODE_ENV"],"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":"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","ignoreList":[]}
+{"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"}

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

@@ -8,6 +8,7 @@ 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',
@@ -47,6 +48,7 @@ const createStyleSheet = theme => StyleSheet.create({
     paddingHorizontal: 40
   }
 });
+
 const fadeIn = {
   property: 'opacity',
   fromValue: 0,
@@ -59,6 +61,7 @@ const translateHorizontally = {
   toValue: 0,
   duration: 800
 };
+
 const ReviewCongrats = props => {
   const {
     'aria-label': ariaLabel,
@@ -92,8 +95,7 @@ const ReviewCongrats = props => {
   });
   const showConfettis = useAnimateProp(fadeIn);
   const fadeInRank = useAnimateProp(fadeIn);
-  const translateRank = useTranslateX({
-    ...translateHorizontally,
+  const translateRank = useTranslateX({ ...translateHorizontally,
     onComplete: () => {
       setRankShown(true);
       setTimeout(() => {
@@ -102,29 +104,29 @@ const ReviewCongrats = props => {
     }
   });
   const animatedRank = [fadeInRank.animatedStyle, translateRank.animatedStyle];
-  const fadeInStars = useAnimateProp({
-    ...fadeIn,
+  const fadeInStars = useAnimateProp({ ...fadeIn,
     delay: cardCongratsRank ? 1000 : 0
   });
-  const translateStars = useTranslateX({
-    ...translateHorizontally,
+  const translateStars = useTranslateX({ ...translateHorizontally,
     delay: cardCongratsRank ? 1000 : 0
   });
   const showButton1 = useAnimateProp(fadeIn);
   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;
@@ -167,8 +169,7 @@ const ReviewCongrats = props => {
     onPress: handleReviseAnotherSkillPress,
     accessibilityLabel: buttonRevisingSkill['aria-label'],
     submitValue: buttonRevisingSkill.label,
-    style: {
-      ...BOX_STYLE,
+    style: { ...BOX_STYLE,
       backgroundColor: '#fff'
     },
     textStyle: {
@@ -191,5 +192,6 @@ 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","_noop","handleReviseAnotherSkillPress","showStarLottieAnimation","createElement","View","style","accessibilityLabel","ref","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","animationUri","animationSrc","reviewCardTitle","value","reviewCardValue","rankSuffix","Icon","iconColor","positive","textColor","direction","battle","onPress","submitValue","label","backgroundColor","textStyle","source","uri","autoPlay","loop"],"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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","ignoreList":[]}
+{"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.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,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","ignoreList":[]}
+{"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"}

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

@@ -6,6 +6,7 @@ import ButtonLinkIcon from '../../atom/button-link-icon';
 import ReviewHeaderSteps from '../../molecule/review-header-steps';
 import style from './style.css';
 import propTypes from './types';
+
 const ReviewHeader = (props, legacyContext) => {
   const {
     steps,
@@ -57,6 +58,7 @@ const ReviewHeader = (props, legacyContext) => {
     "data-testid": "review-header-close-button-wrapper"
   }, /*#__PURE__*/React.createElement(ButtonLinkIcon, buttonProps)));
 };
+
 ReviewHeader.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 ReviewHeader.contextTypes = {
   skin: Provider.childContextTypes.skin,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","getOr","Provider","GetTranslateFromContext","GetSkinFromContext","ButtonLinkIcon","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","legacyContext","steps","mode","skillName","ariaLabel","onQuitClick","hiddenSteps","translate","skin","closeButtonAriaLabel","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","createElement","headerWrapper","titlesWrapper","title","color","key","iconButtonWrapper","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, legacyContext) => {\n  const {steps, mode, skillName, 'aria-label': ariaLabel, onQuitClick, hiddenSteps} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  const skin = GetSkinFromContext(legacyContext);\n  const closeButtonAriaLabel = translate('close_button_ariaLabel');\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        <ButtonLinkIcon {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nReviewHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default ReviewHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,iBAAiB;AACnC,OAAOC,QAAQ,IAAGC,uBAAuB,EAAEC,kBAAkB,QAAO,qBAAqB;AACzF,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,iBAAiB,MAAM,oCAAoC;AAClE,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,SAAS;AAE/B,MAAMC,YAAY,GAAGA,CAACC,KAAK,EAAEC,aAAa,KAAK;EAC7C,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEC,SAAS;IAAE,YAAY,EAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGP,KAAK;EACzF,MAAMQ,SAAS,GAAGf,uBAAuB,CAACQ,aAAa,CAAC;EACxD,MAAMQ,IAAI,GAAGf,kBAAkB,CAACO,aAAa,CAAC;EAC9C,MAAMS,oBAAoB,GAAGF,SAAS,CAAC,wBAAwB,CAAC;EAChE,MAAMG,gBAAgB,GAAGpB,KAAK,CAAC,SAAS,EAAE,gBAAgB,EAAEkB,IAAI,CAAC;EAEjE,MAAMG,WAAW,GAAG;IAClBC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,4BAA4B;IACzC,YAAY,EAAEH,oBAAoB;IAClCI,OAAO,EAAER,WAAW;IACpBS,IAAI,EAAE,YAAY;IAClBC,SAAS,EAAEnB,KAAK,CAACoB;EACnB,CAAC;EAED,MAAMC,YAAY,GAAG5B,UAAU,CAC7BO,KAAK,CAACqB,YAAY,EAClBX,WAAW,GAAGV,KAAK,CAACsB,qBAAqB,GAAG,IAC9C,CAAC;EAED,oBACE9B,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEnB,KAAK,CAACwB,aAAc;IAAC,aAAU,eAAe;IAAC,cAAYhB;EAAU,gBACnFhB,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEnB,KAAK,CAACyB;EAAc,gBAClCjC,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEnB,KAAK,CAAC0B,KAAM;IAACA,KAAK,EAAEpB,IAAK;IAAC,cAAYA,IAAK;IAAC,aAAU;EAAoB,GACvFA,IACE,CAAC,eACNd,KAAA,CAAA+B,aAAA;IACEJ,SAAS,EAAEnB,KAAK,CAACO,SAAU;IAC3BP,KAAK,EAAE;MACL2B,KAAK,EAAEb;IACT,CAAE;IACFY,KAAK,EAAEnB,SAAU;IACjB,cAAYA,SAAU;IACtB,aAAU;EAA0B,GAEnCA,SACE,CACF,CAAC,eAENf,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEE;EAAa,gBAC3B7B,KAAA,CAAA+B,aAAA,CAACxB,iBAAiB;IAACM,KAAK,EAAEA,KAAM;IAACuB,GAAG,EAAE;EAAsB,CAAE,CAC3D,CAAC,eAENpC,KAAA,CAAA+B,aAAA;IAAKJ,SAAS,EAAEnB,KAAK,CAAC6B,iBAAkB;IAAC,eAAY;EAAoC,gBACvFrC,KAAA,CAAA+B,aAAA,CAACzB,cAAc,EAAKiB,WAAc,CAC/B,CACF,CAAC;AAEV,CAAC;AAEDb,YAAY,CAACD,SAAS,GAAA6B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG/B,SAAS;AAElCC,YAAY,CAAC+B,YAAY,GAAG;EAC1BrB,IAAI,EAAEjB,QAAQ,CAACuC,iBAAiB,CAACtB,IAAI;EACrCD,SAAS,EAAEhB,QAAQ,CAACuC,iBAAiB,CAACvB;AACxC,CAAC;AAED,eAAeT,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classnames","getOr","Provider","GetTranslateFromContext","GetSkinFromContext","ButtonLinkIcon","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","legacyContext","steps","mode","skillName","ariaLabel","onQuitClick","hiddenSteps","translate","skin","closeButtonAriaLabel","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper","contextTypes","childContextTypes"],"sources":["../../../src/organism/review-header/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport Provider, {GetTranslateFromContext, GetSkinFromContext} from '../../atom/provider';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst ReviewHeader = (props, legacyContext) => {\n  const {steps, mode, skillName, 'aria-label': ariaLabel, onQuitClick, hiddenSteps} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  const skin = GetSkinFromContext(legacyContext);\n  const closeButtonAriaLabel = translate('close_button_ariaLabel');\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        <ButtonLinkIcon {...buttonProps} />\n      </div>\n    </div>\n  );\n};\n\nReviewHeader.propTypes = propTypes;\n\nReviewHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default ReviewHeader;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,QAAP,IAAkBC,uBAAlB,EAA2CC,kBAA3C,QAAoE,qBAApE;AACA,OAAOC,cAAP,MAA2B,6BAA3B;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,SAAtB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EAC7C,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,SAAd;IAAyB,cAAcC,SAAvC;IAAkDC,WAAlD;IAA+DC;EAA/D,IAA8EP,KAApF;EACA,MAAMQ,SAAS,GAAGf,uBAAuB,CAACQ,aAAD,CAAzC;EACA,MAAMQ,IAAI,GAAGf,kBAAkB,CAACO,aAAD,CAA/B;EACA,MAAMS,oBAAoB,GAAGF,SAAS,CAAC,wBAAD,CAAtC;EACA,MAAMG,gBAAgB,GAAGpB,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8BkB,IAA9B,CAA9B;EAEA,MAAMG,WAAW,GAAG;IAClBC,IAAI,EAAE,OADY;IAElB,aAAa,4BAFK;IAGlB,cAAcH,oBAHI;IAIlBI,OAAO,EAAER,WAJS;IAKlBS,IAAI,EAAE,YALY;IAMlBC,SAAS,EAAEnB,KAAK,CAACoB;EANC,CAApB;EASA,MAAMC,YAAY,GAAG5B,UAAU,CAC7BO,KAAK,CAACqB,YADuB,EAE7BX,WAAW,GAAGV,KAAK,CAACsB,qBAAT,GAAiC,IAFf,CAA/B;EAKA,oBACE;IAAK,SAAS,EAAEtB,KAAK,CAACuB,aAAtB;IAAqC,aAAU,eAA/C;IAA+D,cAAYf;EAA3E,gBACE;IAAK,SAAS,EAAER,KAAK,CAACwB;EAAtB,gBACE;IAAK,SAAS,EAAExB,KAAK,CAACyB,KAAtB;IAA6B,KAAK,EAAEnB,IAApC;IAA0C,cAAYA,IAAtD;IAA4D,aAAU;EAAtE,GACGA,IADH,CADF,eAIE;IACE,SAAS,EAAEN,KAAK,CAACO,SADnB;IAEE,KAAK,EAAE;MACLmB,KAAK,EAAEZ;IADF,CAFT;IAKE,KAAK,EAAEP,SALT;IAME,cAAYA,SANd;IAOE,aAAU;EAPZ,GASGA,SATH,CAJF,CADF,eAkBE;IAAK,SAAS,EAAEc;EAAhB,gBACE,oBAAC,iBAAD;IAAmB,KAAK,EAAEhB,KAA1B;IAAiC,GAAG,EAAE;EAAtC,EADF,CAlBF,eAsBE;IAAK,SAAS,EAAEL,KAAK,CAAC2B,iBAAtB;IAAyC,eAAY;EAArD,gBACE,oBAAC,cAAD,EAAoBZ,WAApB,CADF,CAtBF,CADF;AA4BD,CAjDD;;AAmDAb,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEAC,YAAY,CAAC0B,YAAb,GAA4B;EAC1BhB,IAAI,EAAEjB,QAAQ,CAACkC,iBAAT,CAA2BjB,IADP;EAE1BD,SAAS,EAAEhB,QAAQ,CAACkC,iBAAT,CAA2BlB;AAFZ,CAA5B;AAKA,eAAeT,YAAf"}

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

@@ -1,4 +1,5 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _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';
@@ -32,6 +33,7 @@ const style = StyleSheet.create({
     height: 12
   }
 });
+
 const ReviewHeader = props => {
   const {
     steps,
@@ -54,5 +56,6 @@ 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","createElement","map","step","_extends","key","value","isHighlight","onPress","accessibilityLabel","testID","color"],"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/status-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,qCAAqC;AACtD,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,oBACEzB,KAAA,CAAA4B,aAAA,CAAC1B,IAAI;IAACK,KAAK,EAAEA,KAAK,CAACE;EAAU,gBAC3BT,KAAA,CAAA4B,aAAA,CAAC1B,IAAI;IAACK,KAAK,EAAEA,KAAK,CAACQ;EAAO,GACvBW,KAAK,CAACG,GAAG,CAACC,IAAI,iBACb9B,KAAA,CAAA4B,aAAA,CAACvB,IAAI,EAAA0B,QAAA,KAAKD,IAAI;IAAEE,GAAG,EAAEF,IAAI,CAACG;EAAM,EAAE,CACnC,CACG,CAAC,eACPjC,KAAA,CAAA4B,aAAA,CAACtB,SAAS;IACRC,KAAK,EAAEA,KAAK,CAACW,SAAU;IACvBgB,WAAW;IACXC,OAAO,EAAER,WAAY;IACrBS,kBAAkB,EAAC,mBAAmB;IACtCC,MAAM,EAAC;EAAmB,gBAE1BrC,KAAA,CAAA4B,aAAA,CAACxB,SAAS;IAACG,KAAK,EAAEA,KAAK,CAACgB,IAAK;IAACe,KAAK,EAAC;EAAS,CAAE,CACtC,CACP,CAAC;AAEX,CAAC;AAED,eAAed,YAAY","ignoreList":[]}
+{"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/status-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,qCAAjB;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"}

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 {StatusItemProps} from '../../atom/status-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: StatusItemProps[];\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","ignoreList":[]}
+{"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 {StatusItemProps} from '../../atom/status-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: StatusItemProps[];\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"}

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

@@ -2,6 +2,7 @@ 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,
@@ -22,6 +23,7 @@ const ReviewNoSkills = ({
     "aria-label": iconSkillAriaLabel
   }) : null);
 };
+
 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","imagePosition","createElement","className","noSkillsContainer","imgNoSkillsReverse","imgNoSkills","process","env","NODE_ENV"],"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 = ({\n  titleNoSkills,\n  textNoSkills,\n  iconSkillAriaLabel,\n  imagePosition = 'bottom'\n}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      {imagePosition === 'top' ? (\n        <EmptyStateHomeRevision\n          className={style.imgNoSkillsReverse}\n          aria-label={iconSkillAriaLabel}\n        />\n      ) : null}\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      {imagePosition === 'bottom' ? (\n        <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n      ) : null}\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,GAAGA,CAAC;EACtBC,aAAa;EACbC,YAAY;EACZC,kBAAkB;EAClBC,aAAa,GAAG;AAClB,CAAC,KAAK;EACJ,oBACET,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACS;EAAkB,GACrCH,aAAa,KAAK,KAAK,gBACtBT,KAAA,CAAAU,aAAA,CAACR,sBAAsB;IACrBS,SAAS,EAAER,KAAK,CAACU,kBAAmB;IACpC,cAAYL;EAAmB,CAChC,CAAC,GACA,IAAI,eACRR,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACG;EAAc,GAAEA,aAAmB,CAAC,eAC1DN,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACI;EAAa,GAAC,GAAC,EAACA,YAAkB,CAAC,EACxDE,aAAa,KAAK,QAAQ,gBACzBT,KAAA,CAAAU,aAAA,CAACR,sBAAsB;IAACS,SAAS,EAAER,KAAK,CAACW,WAAY;IAAC,cAAYN;EAAmB,CAAE,CAAC,GACtF,IACD,CAAC;AAEV,CAAC;AAEDH,cAAc,CAACD,SAAS,GAAAW,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGb,SAAS;AAEpC,eAAeC,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","style","propTypes","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","imagePosition","noSkillsContainer","imgNoSkillsReverse","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 = ({\n  titleNoSkills,\n  textNoSkills,\n  iconSkillAriaLabel,\n  imagePosition = 'bottom'\n}) => {\n  return (\n    <div className={style.noSkillsContainer}>\n      {imagePosition === 'top' ? (\n        <EmptyStateHomeRevision\n          className={style.imgNoSkillsReverse}\n          aria-label={iconSkillAriaLabel}\n        />\n      ) : null}\n      <div className={style.titleNoSkills}>{titleNoSkills}</div>\n      <div className={style.textNoSkills}> {textNoSkills}</div>\n      {imagePosition === 'bottom' ? (\n        <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n      ) : null}\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;EACtBC,aADsB;EAEtBC,YAFsB;EAGtBC,kBAHsB;EAItBC,aAAa,GAAG;AAJM,CAAD,KAKjB;EACJ,oBACE;IAAK,SAAS,EAAEN,KAAK,CAACO;EAAtB,GACGD,aAAa,KAAK,KAAlB,gBACC,oBAAC,sBAAD;IACE,SAAS,EAAEN,KAAK,CAACQ,kBADnB;IAEE,cAAYH;EAFd,EADD,GAKG,IANN,eAOE;IAAK,SAAS,EAAEL,KAAK,CAACG;EAAtB,GAAsCA,aAAtC,CAPF,eAQE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,QAAsCA,YAAtC,CARF,EASGE,aAAa,KAAK,QAAlB,gBACC,oBAAC,sBAAD;IAAwB,SAAS,EAAEN,KAAK,CAACS,WAAzC;IAAsD,cAAYJ;EAAlE,EADD,GAEG,IAXN,CADF;AAeD,CArBD;;AAuBAH,cAAc,CAACD,SAAf,2CAA2BA,SAA3B;AAEA,eAAeC,cAAf"}

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

@@ -2,6 +2,7 @@ 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,
@@ -22,6 +23,7 @@ const createStyleSheet = theme => StyleSheet.create({
     height: 300
   }
 });
+
 const ReviewNoSkills = props => {
   const {
     titleNoSkills,
@@ -35,11 +37,14 @@ 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, {
@@ -49,5 +54,6 @@ 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","createElement","style"],"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,CAAC,CAAC;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,oBACEpC,KAAA,CAAAuC,aAAA,CAAClC,IAAI,qBACHL,KAAA,CAAAuC,aAAA,CAACnC,IAAI;IAACoC,KAAK,EAAEJ,UAAU,CAACxB;EAAS,GAAEoB,aAAoB,CAAC,eACxDhC,KAAA,CAAAuC,aAAA,CAACnC,IAAI;IAACoC,KAAK,EAAEJ,UAAU,CAACnB;EAAK,GAAEgB,YAAmB,CAAC,eACnDjC,KAAA,CAAAuC,aAAA,CAAChC,sBAAsB;IACrBiC,KAAK,EAAEJ,UAAU,CAACX,aAAc;IAChCS,kBAAkB,EAAEA;EAAmB,CACxC,CACG,CAAC;AAEX,CAAC;AAED,eAAeJ,cAAc","ignoreList":[]}
+{"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"}

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","imagePosition","oneOf"],"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  imagePosition: PropTypes.oneOf(['top', 'bottom'])\n};\n\nexport default propTypes;\n\nexport type NoSkillsProps = {\n  titleNoSkills: string;\n  textNoSkills: string;\n  iconSkillAriaLabel: string;\n  imagePosition?: 'top' | 'bottom';\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,UAAU;EAC/CG,aAAa,EAAEP,SAAS,CAACQ,KAAK,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC;AAClD,CAAC;AAED,eAAeP,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","titleNoSkills","string","isRequired","textNoSkills","iconSkillAriaLabel","imagePosition","oneOf"],"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  imagePosition: PropTypes.oneOf(['top', 'bottom'])\n};\n\nexport default propTypes;\n\nexport type NoSkillsProps = {\n  titleNoSkills: string;\n  textNoSkills: string;\n  iconSkillAriaLabel: string;\n  imagePosition?: 'top' | 'bottom';\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,UAHrB;EAIhBG,aAAa,EAAEP,SAAS,CAACQ,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,CAAhB;AAJC,CAAlB;AAOA,eAAeP,SAAf"}

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

@@ -3,6 +3,7 @@ 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
 }) => {
@@ -17,6 +18,7 @@ const ReviewListSkills = ({
     }, /*#__PURE__*/React.createElement(SkillCard, skillCard));
   }, listSkills));
 };
+
 ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewListSkills;
 //# sourceMappingURL=index.js.map