@coorpacademy/components 10.24.2 → 10.24.3-alpha.8

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useEffect","useRef","AtomLottieWrapper","ButtonLink","MoleculeReviewCardCongrats","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 AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats 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 className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n      <AtomLottieWrapper\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              <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <MoleculeReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          <ButtonLink\n            {...buttonRevising}\n            className={style.buttonRevise}\n            data-name=\"revise-skill-link\"\n          />\n          <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\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,iBAAP,MAA8B,2BAA9B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,0BAAP,MAAuC,qCAAvC;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;IAAK,SAAS,EAAElB,KAAK,CAACqB,aAAtB;IAAqC,cAAYX,SAAjD;IAA4D,aAAWC;EAAvE,gBACE,oBAAC,iBAAD,eACMC,eADN;IAEE,IAAI,EAAE,KAFR;IAGE,gBAAgB,EAAE,MAHpB;IAIE,QAAQ,MAJV;IAKE,aAAU,gBALZ;IAME,SAAS,EAAEZ,KAAK,CAACsB,MANnB;IAOE,oBAAoB,EAAEtB,KAAK,CAACuB;EAP9B,GADF,eAUE;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,0BAAD,eAAgCD,gBAAhC;IAAkD,SAAS,EAAEd,KAAK,CAAC0B;EAAnE,GADF,eAEE,oBAAC,0BAAD,eACMX,gBADN;IAEE,cAAc,EAAE,IAFlB;IAGE,SAAS,EAAEf,KAAK,CAAC2B;EAHnB,GAFF,CADe,gBAUf,oBAAC,0BAAD,eAAgCb,gBAAhC;IAAkD,SAAS,EAAEd,KAAK,CAAC4B;EAAnE,GAXJ,CAFF,eAgBE;IAAK,SAAS,EAAE5B,KAAK,CAAC6B;EAAtB,gBACE,oBAAC,UAAD,eACMb,cADN;IAEE,SAAS,EAAEhB,KAAK,CAAC8B,YAFnB;IAGE,aAAU;EAHZ,GADF,eAME,oBAAC,UAAD,eAAgBb,mBAAhB;IAAqC,SAAS,EAAEjB,KAAK,CAAC8B;EAAtD,GANF,CAhBF,CAVF,CADF;AAsCD,CAzDD;;AA2DAtB,cAAc,CAACP,SAAf,2CAA2BA,SAA3B;AAEA,eAAeO,cAAf"}
+{"version":3,"file":"index.js","names":["React","useEffect","useRef","AtomLottieWrapper","ButtonLink","MoleculeReviewCardCongrats","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 AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats 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 className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n      <AtomLottieWrapper\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              <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n              <MoleculeReviewCardCongrats\n                {...cardCongratsRank}\n                timerAnimation={1800}\n                className={style.cardRank}\n              />\n            </>\n          ) : (\n            <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStarNoRank} />\n          )}\n        </div>\n        <div className={style.buttonContainer}>\n          {buttonRevising ? (\n            <ButtonLink\n              {...buttonRevising}\n              className={style.buttonRevise}\n              data-name=\"revise-skill-link\"\n            />\n          ) : null}\n          {buttonRevisingSkill ? (\n            <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\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,iBAAP,MAA8B,2BAA9B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,0BAAP,MAAuC,qCAAvC;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;IAAK,SAAS,EAAElB,KAAK,CAACqB,aAAtB;IAAqC,cAAYX,SAAjD;IAA4D,aAAWC;EAAvE,gBACE,oBAAC,iBAAD,eACMC,eADN;IAEE,IAAI,EAAE,KAFR;IAGE,gBAAgB,EAAE,MAHpB;IAIE,QAAQ,MAJV;IAKE,aAAU,gBALZ;IAME,SAAS,EAAEZ,KAAK,CAACsB,MANnB;IAOE,oBAAoB,EAAEtB,KAAK,CAACuB;EAP9B,GADF,eAUE;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,0BAAD,eAAgCD,gBAAhC;IAAkD,SAAS,EAAEd,KAAK,CAAC0B;EAAnE,GADF,eAEE,oBAAC,0BAAD,eACMX,gBADN;IAEE,cAAc,EAAE,IAFlB;IAGE,SAAS,EAAEf,KAAK,CAAC2B;EAHnB,GAFF,CADe,gBAUf,oBAAC,0BAAD,eAAgCb,gBAAhC;IAAkD,SAAS,EAAEd,KAAK,CAAC4B;EAAnE,GAXJ,CAFF,eAgBE;IAAK,SAAS,EAAE5B,KAAK,CAAC6B;EAAtB,GACGb,cAAc,gBACb,oBAAC,UAAD,eACMA,cADN;IAEE,SAAS,EAAEhB,KAAK,CAAC8B,YAFnB;IAGE,aAAU;EAHZ,GADa,GAMX,IAPN,EAQGb,mBAAmB,gBAClB,oBAAC,UAAD,eAAgBA,mBAAhB;IAAqC,SAAS,EAAEjB,KAAK,CAAC8B;EAAtD,GADkB,GAEhB,IAVN,CAhBF,CAVF,CADF;AA0CD,CA7DD;;AA+DAtB,cAAc,CAACP,SAAf,2CAA2BA,SAA3B;AAEA,eAAeO,cAAf"}

package/es/organism/review-stacked-slides/index.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import classnames from 'classnames';
 import _toString from 'lodash/fp/toString';
@@ -47,14 +45,13 @@ const StackedSlides = ({
       key: `slide-${slideIndex}`,
       "data-name": `slide-${slideIndex}`,
       className: classnames(style.slideBase, getSlideAnimation(animationType, position), endReview ? style.endReview : null)
-    }, /*#__PURE__*/React.createElement(ReviewSlide, _extends({
+    }, /*#__PURE__*/React.createElement(ReviewSlide, {
       slideIndex: _toString(slideIndex),
       slide,
       validateButton,
-      correctionPopinProps
-    }, {
+      correctionPopinProps,
       key: slideIndex
-    })));
+    }));
     stackedSlides.push(slideView);
   }
 

package/es/organism/review-stacked-slides/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","_toString","ReviewSlide","propTypes","style","TOTAL_SLIDES_STACK","stylesByPosition","position0","position1","position2","position3","position4","getSlideAnimation","action","position","slideOutHideAndIn","slideOutAndIn","hiddenSlide","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","animationType","slideView","slideBase","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer"],"sources":["../../../src/organism/review-stacked-slides/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport _toString from 'lodash/fp/toString';\nimport ReviewSlide from '../review-slide';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst stylesByPosition = {\n  0: style.position0,\n  1: style.position1,\n  2: style.position2,\n  3: style.position3,\n  4: style.position4\n};\n\nconst getSlideAnimation = (action, position) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return style.slideOutAndIn;\n    default:\n      return position < 0 ? style.hiddenSlide : stylesByPosition[position];\n  }\n};\n\nconst StackedSlides = ({slides, endReview, validateButton, correctionPopinProps}) => {\n  const stackedSlides = [];\n  // eslint-disable-next-line fp/no-loops\n  for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {\n    const slide = slides[_toString(slideIndex)];\n    const {animationType, position} = slide;\n\n    const slideView = (\n      <div\n        key={`slide-${slideIndex}`}\n        data-name={`slide-${slideIndex}`}\n        className={classnames(\n          style.slideBase,\n          getSlideAnimation(animationType, position),\n          endReview ? style.endReview : null\n        )}\n      >\n        <ReviewSlide\n          {...{\n            slideIndex: _toString(slideIndex),\n            slide,\n            validateButton,\n            correctionPopinProps\n          }}\n          key={slideIndex}\n        />\n      </div>\n    );\n    stackedSlides.push(slideView);\n  }\n\n  return (\n    <div\n      key=\"stacked-slides-container-y-overflow\"\n      className={style.stackedSlidesYAxisOverflowContainer}\n    >\n      <div\n        key=\"stacked-slides-container\"\n        data-name=\"stacked-slides-container\"\n        className={style.stackedSlidesContainer}\n      >\n        {stackedSlides}\n      </div>\n    </div>\n  );\n};\n\nStackedSlides.propTypes = propTypes;\n\nexport default StackedSlides;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,oBAAtB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;AAEP,MAAMC,gBAAgB,GAAG;EACvB,GAAGF,KAAK,CAACG,SADc;EAEvB,GAAGH,KAAK,CAACI,SAFc;EAGvB,GAAGJ,KAAK,CAACK,SAHc;EAIvB,GAAGL,KAAK,CAACM,SAJc;EAKvB,GAAGN,KAAK,CAACO;AALc,CAAzB;;AAQA,MAAMC,iBAAiB,GAAG,CAACC,MAAD,EAASC,QAAT,KAAsB;EAC9C,QAAQD,MAAR;IACE,KAAK,SAAL;MACE,OAAOT,KAAK,CAACW,iBAAb;;IACF,KAAK,SAAL;MACE,OAAOX,KAAK,CAACY,aAAb;;IACF;MACE,OAAOF,QAAQ,GAAG,CAAX,GAAeV,KAAK,CAACa,WAArB,GAAmCX,gBAAgB,CAACQ,QAAD,CAA1D;EANJ;AAQD,CATD;;AAWA,MAAMI,aAAa,GAAG,CAAC;EAACC,MAAD;EAASC,SAAT;EAAoBC,cAApB;EAAoCC;AAApC,CAAD,KAA+D;EACnF,MAAMC,aAAa,GAAG,EAAtB,CADmF,CAEnF;;EACA,KAAK,IAAIC,UAAU,GAAG,CAAtB,EAAyBA,UAAU,GAAGnB,kBAAtC,EAA0DmB,UAAU,EAApE,EAAwE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAAClB,SAAS,CAACuB,UAAD,CAAV,CAApB;;IACA,MAAM;MAACE,aAAD;MAAgBZ;IAAhB,IAA4BW,KAAlC;IAEA,MAAME,SAAS,gBACb;MACE,GAAG,EAAG,SAAQH,UAAW,EAD3B;MAEE,aAAY,SAAQA,UAAW,EAFjC;MAGE,SAAS,EAAExB,UAAU,CACnBI,KAAK,CAACwB,SADa,EAEnBhB,iBAAiB,CAACc,aAAD,EAAgBZ,QAAhB,CAFE,EAGnBM,SAAS,GAAGhB,KAAK,CAACgB,SAAT,GAAqB,IAHX;IAHvB,gBASE,oBAAC,WAAD,WACM;MACFI,UAAU,EAAEvB,SAAS,CAACuB,UAAD,CADnB;MAEFC,KAFE;MAGFJ,cAHE;MAIFC;IAJE,CADN;MAOE,GAAG,EAAEE;IAPP,GATF,CADF;IAqBAD,aAAa,CAACM,IAAd,CAAmBF,SAAnB;EACD;;EAED,oBACE;IACE,GAAG,EAAC,qCADN;IAEE,SAAS,EAAEvB,KAAK,CAAC0B;EAFnB,gBAIE;IACE,GAAG,EAAC,0BADN;IAEE,aAAU,0BAFZ;IAGE,SAAS,EAAE1B,KAAK,CAAC2B;EAHnB,GAKGR,aALH,CAJF,CADF;AAcD,CA7CD;;AA+CAL,aAAa,CAACf,SAAd,2CAA0BA,SAA1B;AAEA,eAAee,aAAf"}
+{"version":3,"file":"index.js","names":["React","classnames","_toString","ReviewSlide","propTypes","style","TOTAL_SLIDES_STACK","stylesByPosition","position0","position1","position2","position3","position4","getSlideAnimation","action","position","slideOutHideAndIn","slideOutAndIn","hiddenSlide","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","animationType","slideView","slideBase","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer"],"sources":["../../../src/organism/review-stacked-slides/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport _toString from 'lodash/fp/toString';\nimport ReviewSlide from '../review-slide';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst stylesByPosition = {\n  0: style.position0,\n  1: style.position1,\n  2: style.position2,\n  3: style.position3,\n  4: style.position4\n};\n\nconst getSlideAnimation = (action, position) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return style.slideOutAndIn;\n    default:\n      return position < 0 ? style.hiddenSlide : stylesByPosition[position];\n  }\n};\n\nconst StackedSlides = ({slides, endReview, validateButton, correctionPopinProps}) => {\n  const stackedSlides = [];\n  // eslint-disable-next-line fp/no-loops\n  for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {\n    const slide = slides[_toString(slideIndex)];\n    const {animationType, position} = slide;\n\n    const slideView = (\n      <div\n        key={`slide-${slideIndex}`}\n        data-name={`slide-${slideIndex}`}\n        className={classnames(\n          style.slideBase,\n          getSlideAnimation(animationType, position),\n          endReview ? style.endReview : null\n        )}\n      >\n        <ReviewSlide\n          {...{\n            slideIndex: _toString(slideIndex),\n            slide,\n            validateButton,\n            correctionPopinProps\n          }}\n          key={slideIndex}\n        />\n      </div>\n    );\n    stackedSlides.push(slideView);\n  }\n\n  return (\n    <div\n      key=\"stacked-slides-container-y-overflow\"\n      className={style.stackedSlidesYAxisOverflowContainer}\n    >\n      <div\n        key=\"stacked-slides-container\"\n        data-name=\"stacked-slides-container\"\n        className={style.stackedSlidesContainer}\n      >\n        {stackedSlides}\n      </div>\n    </div>\n  );\n};\n\nStackedSlides.propTypes = propTypes;\n\nexport default StackedSlides;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,oBAAtB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;AAEP,MAAMC,gBAAgB,GAAG;EACvB,GAAGF,KAAK,CAACG,SADc;EAEvB,GAAGH,KAAK,CAACI,SAFc;EAGvB,GAAGJ,KAAK,CAACK,SAHc;EAIvB,GAAGL,KAAK,CAACM,SAJc;EAKvB,GAAGN,KAAK,CAACO;AALc,CAAzB;;AAQA,MAAMC,iBAAiB,GAAG,CAACC,MAAD,EAASC,QAAT,KAAsB;EAC9C,QAAQD,MAAR;IACE,KAAK,SAAL;MACE,OAAOT,KAAK,CAACW,iBAAb;;IACF,KAAK,SAAL;MACE,OAAOX,KAAK,CAACY,aAAb;;IACF;MACE,OAAOF,QAAQ,GAAG,CAAX,GAAeV,KAAK,CAACa,WAArB,GAAmCX,gBAAgB,CAACQ,QAAD,CAA1D;EANJ;AAQD,CATD;;AAWA,MAAMI,aAAa,GAAG,CAAC;EAACC,MAAD;EAASC,SAAT;EAAoBC,cAApB;EAAoCC;AAApC,CAAD,KAA+D;EACnF,MAAMC,aAAa,GAAG,EAAtB,CADmF,CAEnF;;EACA,KAAK,IAAIC,UAAU,GAAG,CAAtB,EAAyBA,UAAU,GAAGnB,kBAAtC,EAA0DmB,UAAU,EAApE,EAAwE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAAClB,SAAS,CAACuB,UAAD,CAAV,CAApB;;IACA,MAAM;MAACE,aAAD;MAAgBZ;IAAhB,IAA4BW,KAAlC;IAEA,MAAME,SAAS,gBACb;MACE,GAAG,EAAG,SAAQH,UAAW,EAD3B;MAEE,aAAY,SAAQA,UAAW,EAFjC;MAGE,SAAS,EAAExB,UAAU,CACnBI,KAAK,CAACwB,SADa,EAEnBhB,iBAAiB,CAACc,aAAD,EAAgBZ,QAAhB,CAFE,EAGnBM,SAAS,GAAGhB,KAAK,CAACgB,SAAT,GAAqB,IAHX;IAHvB,gBASE,oBAAC,WAAD;MAEII,UAAU,EAAEvB,SAAS,CAACuB,UAAD,CAFzB;MAGIC,KAHJ;MAIIJ,cAJJ;MAKIC,oBALJ;MAOE,GAAG,EAAEE;IAPP,EATF,CADF;IAqBAD,aAAa,CAACM,IAAd,CAAmBF,SAAnB;EACD;;EAED,oBACE;IACE,GAAG,EAAC,qCADN;IAEE,SAAS,EAAEvB,KAAK,CAAC0B;EAFnB,gBAIE;IACE,GAAG,EAAC,0BADN;IAEE,aAAU,0BAFZ;IAGE,SAAS,EAAE1B,KAAK,CAAC2B;EAHnB,GAKGR,aALH,CAJF,CADF;AAcD,CA7CD;;AA+CAL,aAAa,CAACf,SAAd,2CAA0BA,SAA1B;AAEA,eAAee,aAAf"}

package/es/organism/review-stacked-slides/index.native.js

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import keys from 'lodash/fp/keys';
@@ -23,15 +21,14 @@ const StackedSlides = props => {
   const stackedSlides = indexes.map(slideIndex => {
     const slide = slides[slideIndex]; // const {animationType, hidden, position} = slide;
 
-    return /*#__PURE__*/React.createElement(Slide, _extends({
+    return /*#__PURE__*/React.createElement(Slide, {
       num: Number.parseInt(slideIndex),
       slideIndex,
       slide,
       validateButton,
-      correctionPopinProps
-    }, {
+      correctionPopinProps,
       key: slideIndex
-    }));
+    });
   });
   return /*#__PURE__*/React.createElement(View, {
     style: style.slides

package/es/organism/review-stacked-slides/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","keys","Slide","TOTAL_SLIDES_STACK","style","create","slides","flex","height","width","StackedSlides","props","validateButton","correctionPopinProps","indexes","reverse","stackedSlides","map","slideIndex","slide","num","Number","parseInt"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport Slide from '../review-slide/index.native';\nimport {Props} from './prop-types';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst style = StyleSheet.create({\n  slides: {\n    flex: 1,\n    height: '100%',\n    width: '100%'\n  }\n});\n\nconst StackedSlides = (props: Props) => {\n  const {slides, validateButton, correctionPopinProps} = props;\n\n  const indexes = keys(slides).reverse();\n  const stackedSlides = indexes.map(slideIndex => {\n    const slide = slides[slideIndex];\n    // const {animationType, hidden, position} = slide;\n\n    return (\n      <Slide\n        {...{\n          num: Number.parseInt(slideIndex),\n          slideIndex,\n          slide,\n          validateButton,\n          correctionPopinProps\n        }}\n        key={slideIndex}\n      />\n    );\n  });\n\n  return <View style={style.slides}>{stackedSlides}</View>;\n};\n\nexport default StackedSlides;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA+B,cAA/B;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,KAAP,MAAkB,8BAAlB;AAGA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;AAEP,MAAMC,KAAK,GAAGL,UAAU,CAACM,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IACNC,IAAI,EAAE,CADA;IAENC,MAAM,EAAE,MAFF;IAGNC,KAAK,EAAE;EAHD;AADsB,CAAlB,CAAd;;AAQA,MAAMC,aAAa,GAAIC,KAAD,IAAkB;EACtC,MAAM;IAACL,MAAD;IAASM,cAAT;IAAyBC;EAAzB,IAAiDF,KAAvD;EAEA,MAAMG,OAAO,GAAGb,IAAI,CAACK,MAAD,CAAJ,CAAaS,OAAb,EAAhB;EACA,MAAMC,aAAa,GAAGF,OAAO,CAACG,GAAR,CAAYC,UAAU,IAAI;IAC9C,MAAMC,KAAK,GAAGb,MAAM,CAACY,UAAD,CAApB,CAD8C,CAE9C;;IAEA,oBACE,oBAAC,KAAD,WACM;MACFE,GAAG,EAAEC,MAAM,CAACC,QAAP,CAAgBJ,UAAhB,CADH;MAEFA,UAFE;MAGFC,KAHE;MAIFP,cAJE;MAKFC;IALE,CADN;MAQE,GAAG,EAAEK;IARP,GADF;EAYD,CAhBqB,CAAtB;EAkBA,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAEd,KAAK,CAACE;EAAnB,GAA4BU,aAA5B,CAAP;AACD,CAvBD;;AAyBA,eAAeN,aAAf"}
+{"version":3,"file":"index.native.js","names":["React","StyleSheet","View","keys","Slide","TOTAL_SLIDES_STACK","style","create","slides","flex","height","width","StackedSlides","props","validateButton","correctionPopinProps","indexes","reverse","stackedSlides","map","slideIndex","slide","num","Number","parseInt"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {StyleSheet, View} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport Slide from '../review-slide/index.native';\nimport {Props} from './prop-types';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst style = StyleSheet.create({\n  slides: {\n    flex: 1,\n    height: '100%',\n    width: '100%'\n  }\n});\n\nconst StackedSlides = (props: Props) => {\n  const {slides, validateButton, correctionPopinProps} = props;\n\n  const indexes = keys(slides).reverse();\n  const stackedSlides = indexes.map(slideIndex => {\n    const slide = slides[slideIndex];\n    // const {animationType, hidden, position} = slide;\n\n    return (\n      <Slide\n        {...{\n          num: Number.parseInt(slideIndex),\n          slideIndex,\n          slide,\n          validateButton,\n          correctionPopinProps\n        }}\n        key={slideIndex}\n      />\n    );\n  });\n\n  return <View style={style.slides}>{stackedSlides}</View>;\n};\n\nexport default StackedSlides;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,UAAR,EAAoBC,IAApB,QAA+B,cAA/B;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,KAAP,MAAkB,8BAAlB;AAGA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;AAEP,MAAMC,KAAK,GAAGL,UAAU,CAACM,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IACNC,IAAI,EAAE,CADA;IAENC,MAAM,EAAE,MAFF;IAGNC,KAAK,EAAE;EAHD;AADsB,CAAlB,CAAd;;AAQA,MAAMC,aAAa,GAAIC,KAAD,IAAkB;EACtC,MAAM;IAACL,MAAD;IAASM,cAAT;IAAyBC;EAAzB,IAAiDF,KAAvD;EAEA,MAAMG,OAAO,GAAGb,IAAI,CAACK,MAAD,CAAJ,CAAaS,OAAb,EAAhB;EACA,MAAMC,aAAa,GAAGF,OAAO,CAACG,GAAR,CAAYC,UAAU,IAAI;IAC9C,MAAMC,KAAK,GAAGb,MAAM,CAACY,UAAD,CAApB,CAD8C,CAE9C;;IAEA,oBACE,oBAAC,KAAD;MAEIE,GAAG,EAAEC,MAAM,CAACC,QAAP,CAAgBJ,UAAhB,CAFT;MAGIA,UAHJ;MAIIC,KAJJ;MAKIP,cALJ;MAMIC,oBANJ;MAQE,GAAG,EAAEK;IARP,EADF;EAYD,CAhBqB,CAAtB;EAkBA,oBAAO,oBAAC,IAAD;IAAM,KAAK,EAAEd,KAAK,CAACE;EAAnB,GAA4BU,aAA5B,CAAP;AACD,CAvBD;;AAyBA,eAAeN,aAAf"}

package/es/template/app-player/popin-end/summary.js

@@ -311,7 +311,7 @@ const BackgroundScorm = props => {
     className: style.organismPlayerResultContainerScorm
   }, failed === false ? /*#__PURE__*/React.createElement("div", {
     className: style.animationContainer
-  }, /*#__PURE__*/React.createElement(AtomLottieWrapper, _extends({
+  }, /*#__PURE__*/React.createElement(AtomLottieWrapper, {
     'aria-label': 'aria lottie',
     'data-name': 'default-lottie',
     className: undefined,
@@ -323,15 +323,14 @@ const BackgroundScorm = props => {
       animationClassName: ''
     },
     ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',
-    animationControl: undefined
-  }, {
+    animationControl: undefined,
     loop: false,
     animationControl: 'play',
     autoplay: true,
     "data-name": "lottie-wrapper",
     className: style.lottie,
     backupImageClassName: style.ie11Backup
-  }))) : null, /*#__PURE__*/React.createElement("div", {
+  })) : null, /*#__PURE__*/React.createElement("div", {
     className: style.background
   }, /*#__PURE__*/React.createElement("div", {
     className: style.largeCircle

package/es/template/app-player/popin-end/summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"summary.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Provider","Button","Link","Discussion","Loader","Card","Feedback","CardsList","PopinHeader","AtomLottieWrapper","style","Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","string","shape","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","Subscribe","description","subscribeWrapper","subscribeTexts","subscribeDescription","subscribeTitle","subscribeButtonWrapper","subscribeButton","submitValue","actions","simple","subscribe","nextCourse","Action","type","actionProps","Type","oneOf","CardsLoader","loaderWrapper","CommentConfirmation","context","onClick","commentSectionTitle","confirmationLinkText","skin","dark","commentSection","commentSectionIconWrapper","commentSectionIcon","commentSectionTexts","commentSectionLink","node","children","contextTypes","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","mode","primary","commentView","discussionWrapper","footerView","feedbackView","failed","summaryWrapper","BackgroundScorm","organismPlayerResultContainerScorm","animationContainer","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","ie11ImageBackup","animationControl","lottie","ie11Backup","background","largeCircle","mediumCircle","smallCircle","content","href","func","isRequired"],"sources":["../../../../src/template/app-player/popin-end/summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport PopinHeader from '../popin-header';\nimport AtomLottieWrapper from '../../../atom/lottie-wrapper';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n      <div className={style.simpleTexts}>\n        <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n          {prefix}\n        </span>\n        <span\n          data-name=\"simpleTitle\"\n          className={classnames(style.simpleTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n      <Button\n        {...linkProps}\n        type=\"link\"\n        style={{\n          backgroundColor: color\n        }}\n        className={style.simpleButton}\n        submitValue={buttonTitle}\n      />\n    </div>\n  );\n};\nSimpleAction.propTypes = {\n  color: PropTypes.string,\n  prefix: PropTypes.string,\n  title: PropTypes.string,\n  button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n  <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n    <div className={style.nextCourseTexts}>\n      <div className={style.nextCoursePrefix}>{prefix}</div>\n      <div\n        className={classnames(style.nextCourseTitle, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n    </div>\n    <div className={style.nextCourseCard}>\n      <Card {...card} dataName={'popin-end-next-course'} />\n    </div>\n  </div>\n);\nNextCourse.propTypes = {\n  title: PropTypes.string,\n  prefix: PropTypes.string,\n  card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div className={style.subscribeWrapper}>\n      <div className={style.subscribeTexts}>\n        <div className={style.subscribeDescription}>{description}</div>\n        <div\n          className={classnames(style.subscribeTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.subscribeButtonWrapper}>\n          <Button\n            {...linkProps}\n            type=\"link\"\n            className={style.subscribeButton}\n            submitValue={buttonTitle}\n          />\n        </div>\n      </div>\n      <div>\n        <Card {...card} dataName={'popin-end-subscribe'} />\n      </div>\n    </div>\n  );\n};\n\nSubscribe.propTypes = {\n  ...Button.propTypes.propTypes,\n  title: Button.propTypes.submitValue\n};\n\nconst actions = {\n  simple: SimpleAction,\n  subscribe: Subscribe,\n  nextCourse: NextCourse\n};\n\nconst Action = props => {\n  const {type, ...actionProps} = props;\n  const Type = get(type, actions);\n\n  return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n  type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n  <div className={style.loaderWrapper}>\n    <Loader />\n  </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n  const {onClick, commentSectionTitle, confirmationLinkText} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.commentSection}>\n      <div className={style.commentSectionIconWrapper}>\n        <CheckIcon className={style.commentSectionIcon} color={dark} />\n      </div>\n      <div className={style.commentSectionTexts}>\n        <p>{commentSectionTitle}</p>\n        <Link onClick={onClick} className={style.commentSectionLink}>\n          {confirmationLinkText}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nCommentConfirmation.propTypes = {\n  commentSectionTitle: PropTypes.node,\n  confirmationLinkText: Link.propTypes.children,\n  onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n  const {isSent, edition, confirmation} = props;\n  if (isSent) {\n    const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n    return (\n      <CommentConfirmation\n        onClick={onClick}\n        commentSectionTitle={commentSectionTitle}\n        confirmationLinkText={confirmationLinkText}\n      />\n    );\n  }\n\n  return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n  isSent: PropTypes.bool,\n  edition: PropTypes.shape(Discussion.propTypes),\n  confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n  const {cards} = props;\n\n  return get('cards', props) === null ? (\n    <CardsLoader />\n  ) : (\n    (isEmpty(cards) ? null : (\n      <div className={style.cardsWrapper}>\n        <CardsList {...props} dataName={'popin-end-recommendation'} />\n      </div>\n    )) || null\n  );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n  <Link\n    {...linkProps}\n    style={{\n      color\n    }}\n    className={style.footer}\n    data-name=\"nextLink\"\n    data-popin=\"popinEnd\"\n    data-next=\"home\"\n  >\n    {title}\n  </Link>\n);\n\nFooter.propTypes = {\n  ...Link.propTypes,\n  title: Link.propTypes.children,\n  color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n  const {header, recommendation, comment, footer, action, feedback, mode} = props;\n  const {skin} = context;\n  const primary = getOr('#f0f', 'common.primary', skin);\n  const commentView =\n    mode !== 'scorm' && comment && header ? (\n      <div className={style.discussionWrapper}>\n        <CommentSection {...comment} />\n      </div>\n    ) : null;\n  const footerView =\n    mode !== 'scorm' && footer && header ? <Footer {...footer} color={primary} /> : null;\n  const feedbackView = feedback ? <Feedback {...feedback} mode={mode} /> : null;\n\n  return (\n    <BackgroundScorm mode={mode} failed={header.failed}>\n      <div className={mode !== 'scorm' ? style.summaryWrapper : null}>\n        <Header {...header} mode={mode} />\n        {feedbackView}\n        <Action {...action} color={primary} />\n        <Cards {...recommendation} />\n        {commentView}\n        {footerView}\n      </div>\n    </BackgroundScorm>\n  );\n};\n\nconst BackgroundScorm = props => {\n  const {mode = 'default', children, failed} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.organismPlayerResultContainerScorm}>\n        {failed === false ? (\n          <div className={style.animationContainer}>\n            <AtomLottieWrapper\n              {...{\n                'aria-label': 'aria lottie',\n                'data-name': 'default-lottie',\n                className: undefined,\n                animationSrc:\n                  'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n                loop: undefined,\n                autoplay: true,\n                rendererSettings: {\n                  hideOnTransparent: false,\n                  animationClassName: ''\n                },\n                ie11ImageBackup:\n                  'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',\n                animationControl: undefined\n              }}\n              loop={false}\n              animationControl={'play'}\n              autoplay\n              data-name=\"lottie-wrapper\"\n              className={style.lottie}\n              backupImageClassName={style.ie11Backup}\n            />\n          </div>\n        ) : null}\n        <div className={style.background}>\n          <div className={style.largeCircle} />\n          <div className={style.mediumCircle} />\n          <div className={style.smallCircle} />\n        </div>\n        <div className={style.content}>{children}</div>\n      </div>\n    );\n  return children;\n};\n\nSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n  header: PropTypes.shape(PopinHeader.propTypes),\n  footer: PropTypes.shape({\n    title: PropTypes.string,\n    href: Link.propTypes.href,\n    onClick: PropTypes.func\n  }),\n  comment: PropTypes.shape(CommentSection.propTypes),\n  action: PropTypes.shape({\n    type: PropTypes.oneOf(keys(actions)).isRequired\n  }),\n  recommendation: PropTypes.shape(CardsList.propTypes),\n  feedback: PropTypes.shape(Feedback.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default Summary;\n"],"mappings":"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"}
+{"version":3,"file":"summary.js","names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Provider","Button","Link","Discussion","Loader","Card","Feedback","CardsList","PopinHeader","AtomLottieWrapper","style","Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","string","shape","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","Subscribe","description","subscribeWrapper","subscribeTexts","subscribeDescription","subscribeTitle","subscribeButtonWrapper","subscribeButton","submitValue","actions","simple","subscribe","nextCourse","Action","type","actionProps","Type","oneOf","CardsLoader","loaderWrapper","CommentConfirmation","context","onClick","commentSectionTitle","confirmationLinkText","skin","dark","commentSection","commentSectionIconWrapper","commentSectionIcon","commentSectionTexts","commentSectionLink","node","children","contextTypes","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","mode","primary","commentView","discussionWrapper","footerView","feedbackView","failed","summaryWrapper","BackgroundScorm","organismPlayerResultContainerScorm","animationContainer","className","undefined","animationSrc","loop","autoplay","rendererSettings","hideOnTransparent","animationClassName","ie11ImageBackup","animationControl","lottie","ie11Backup","background","largeCircle","mediumCircle","smallCircle","content","href","func","isRequired"],"sources":["../../../../src/template/app-player/popin-end/summary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport PopinHeader from '../popin-header';\nimport AtomLottieWrapper from '../../../atom/lottie-wrapper';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n      <div className={style.simpleTexts}>\n        <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n          {prefix}\n        </span>\n        <span\n          data-name=\"simpleTitle\"\n          className={classnames(style.simpleTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n      <Button\n        {...linkProps}\n        type=\"link\"\n        style={{\n          backgroundColor: color\n        }}\n        className={style.simpleButton}\n        submitValue={buttonTitle}\n      />\n    </div>\n  );\n};\nSimpleAction.propTypes = {\n  color: PropTypes.string,\n  prefix: PropTypes.string,\n  title: PropTypes.string,\n  button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n  <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n    <div className={style.nextCourseTexts}>\n      <div className={style.nextCoursePrefix}>{prefix}</div>\n      <div\n        className={classnames(style.nextCourseTitle, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n    </div>\n    <div className={style.nextCourseCard}>\n      <Card {...card} dataName={'popin-end-next-course'} />\n    </div>\n  </div>\n);\nNextCourse.propTypes = {\n  title: PropTypes.string,\n  prefix: PropTypes.string,\n  card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div className={style.subscribeWrapper}>\n      <div className={style.subscribeTexts}>\n        <div className={style.subscribeDescription}>{description}</div>\n        <div\n          className={classnames(style.subscribeTitle, style.innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.subscribeButtonWrapper}>\n          <Button\n            {...linkProps}\n            type=\"link\"\n            className={style.subscribeButton}\n            submitValue={buttonTitle}\n          />\n        </div>\n      </div>\n      <div>\n        <Card {...card} dataName={'popin-end-subscribe'} />\n      </div>\n    </div>\n  );\n};\n\nSubscribe.propTypes = {\n  ...Button.propTypes.propTypes,\n  title: Button.propTypes.submitValue\n};\n\nconst actions = {\n  simple: SimpleAction,\n  subscribe: Subscribe,\n  nextCourse: NextCourse\n};\n\nconst Action = props => {\n  const {type, ...actionProps} = props;\n  const Type = get(type, actions);\n\n  return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n  type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n  <div className={style.loaderWrapper}>\n    <Loader />\n  </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n  const {onClick, commentSectionTitle, confirmationLinkText} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.commentSection}>\n      <div className={style.commentSectionIconWrapper}>\n        <CheckIcon className={style.commentSectionIcon} color={dark} />\n      </div>\n      <div className={style.commentSectionTexts}>\n        <p>{commentSectionTitle}</p>\n        <Link onClick={onClick} className={style.commentSectionLink}>\n          {confirmationLinkText}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nCommentConfirmation.propTypes = {\n  commentSectionTitle: PropTypes.node,\n  confirmationLinkText: Link.propTypes.children,\n  onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n  const {isSent, edition, confirmation} = props;\n  if (isSent) {\n    const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n    return (\n      <CommentConfirmation\n        onClick={onClick}\n        commentSectionTitle={commentSectionTitle}\n        confirmationLinkText={confirmationLinkText}\n      />\n    );\n  }\n\n  return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n  isSent: PropTypes.bool,\n  edition: PropTypes.shape(Discussion.propTypes),\n  confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n  const {cards} = props;\n\n  return get('cards', props) === null ? (\n    <CardsLoader />\n  ) : (\n    (isEmpty(cards) ? null : (\n      <div className={style.cardsWrapper}>\n        <CardsList {...props} dataName={'popin-end-recommendation'} />\n      </div>\n    )) || null\n  );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n  <Link\n    {...linkProps}\n    style={{\n      color\n    }}\n    className={style.footer}\n    data-name=\"nextLink\"\n    data-popin=\"popinEnd\"\n    data-next=\"home\"\n  >\n    {title}\n  </Link>\n);\n\nFooter.propTypes = {\n  ...Link.propTypes,\n  title: Link.propTypes.children,\n  color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n  const {header, recommendation, comment, footer, action, feedback, mode} = props;\n  const {skin} = context;\n  const primary = getOr('#f0f', 'common.primary', skin);\n  const commentView =\n    mode !== 'scorm' && comment && header ? (\n      <div className={style.discussionWrapper}>\n        <CommentSection {...comment} />\n      </div>\n    ) : null;\n  const footerView =\n    mode !== 'scorm' && footer && header ? <Footer {...footer} color={primary} /> : null;\n  const feedbackView = feedback ? <Feedback {...feedback} mode={mode} /> : null;\n\n  return (\n    <BackgroundScorm mode={mode} failed={header.failed}>\n      <div className={mode !== 'scorm' ? style.summaryWrapper : null}>\n        <Header {...header} mode={mode} />\n        {feedbackView}\n        <Action {...action} color={primary} />\n        <Cards {...recommendation} />\n        {commentView}\n        {footerView}\n      </div>\n    </BackgroundScorm>\n  );\n};\n\nconst BackgroundScorm = props => {\n  const {mode = 'default', children, failed} = props;\n  if (mode === 'scorm')\n    return (\n      <div className={style.organismPlayerResultContainerScorm}>\n        {failed === false ? (\n          <div className={style.animationContainer}>\n            <AtomLottieWrapper\n              {...{\n                'aria-label': 'aria lottie',\n                'data-name': 'default-lottie',\n                className: undefined,\n                animationSrc:\n                  'https://static-staging.coorpacademy.com/animations/review/confetti.json',\n                loop: undefined,\n                autoplay: true,\n                rendererSettings: {\n                  hideOnTransparent: false,\n                  animationClassName: ''\n                },\n                ie11ImageBackup:\n                  'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg',\n                animationControl: undefined\n              }}\n              loop={false}\n              animationControl={'play'}\n              autoplay\n              data-name=\"lottie-wrapper\"\n              className={style.lottie}\n              backupImageClassName={style.ie11Backup}\n            />\n          </div>\n        ) : null}\n        <div className={style.background}>\n          <div className={style.largeCircle} />\n          <div className={style.mediumCircle} />\n          <div className={style.smallCircle} />\n        </div>\n        <div className={style.content}>{children}</div>\n      </div>\n    );\n  return children;\n};\n\nSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n  header: PropTypes.shape(PopinHeader.propTypes),\n  footer: PropTypes.shape({\n    title: PropTypes.string,\n    href: Link.propTypes.href,\n    onClick: PropTypes.func\n  }),\n  comment: PropTypes.shape(CommentSection.propTypes),\n  action: PropTypes.shape({\n    type: PropTypes.oneOf(keys(actions)).isRequired\n  }),\n  recommendation: PropTypes.shape(CardsList.propTypes),\n  feedback: PropTypes.shape(Feedback.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default Summary;\n"],"mappings":"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"}

package/es/template/app-review/skills/index.native.js

@@ -1,38 +1,35 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
+import React, { useState, useEffect } from 'react';
 import { View, FlatList, Pressable, StyleSheet, Text } from 'react-native';
-import { NovaCompositionNavigationArrowRight as ArrowRight } from '@coorpacademy/nova-icons';
-import propTypes, { ListSkillsPropTypes, NoSkillsPropTypes } from '../../../organism/review-skills/prop-types'; // import theme from '../../../modules/theme';
-// import translations from '../../../translations';
-// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';
-// import noSkillsImage from '../../../assets/images/revision-no-skills.png';
-// import Touchable from '../../../app-shared/components/touchable';
-
-const styles = StyleSheet.create({
+import { NovaCompositionNavigationArrowRight as ArrowRight, NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision } from '@coorpacademy/nova-icons';
+import { useTemplateContext } from '../template-context';
+import { HEADER_HEIGHT } from '../../../organism/header-v2/index.native';
+
+const createStyleSheet = theme => StyleSheet.create({
   container: {
     flex: 1,
-    padding: 20 // paddingTop: HEADER_HEIGHT + 20,
-    // backgroundColor: theme.colors.white
-
+    padding: 20,
+    paddingTop: HEADER_HEIGHT + 20,
+    backgroundColor: theme.colors.white
   },
   title: {
-    // fontSize: theme.fontSize.xlarge,
-    // fontWeight: theme.fontWeight.bold,
-    lineHeight: 28 // color: theme.colors.text.primary,
-    // marginBottom: theme.spacing.base,
-    // marginTop: theme.spacing.small
-
+    fontSize: theme.fontSize.xlarge,
+    fontWeight: theme.fontWeight.bold,
+    lineHeight: 28,
+    color: theme.colors.text.primary,
+    marginBottom: theme.spacing.base,
+    marginTop: theme.spacing.small
   },
-  subtitle: {// fontSize: theme.fontSize.xlarge,
-    // color: theme.colors.text.primary,
-    // marginBottom: theme.spacing.tiny
+  subtitle: {
+    fontSize: theme.fontSize.xlarge,
+    color: theme.colors.text.primary,
+    marginBottom: theme.spacing.tiny
   },
   text: {
     fontSize: 16,
     lineHeight: 22,
-    // color: theme.colors.text.primary,
-    opacity: 0.7 // marginBottom: theme.spacing.base
-
+    color: theme.colors.text.primary,
+    opacity: 0.7,
+    marginBottom: theme.spacing.base
   },
   noSkillsImage: {
     flex: 1,
@@ -40,18 +37,20 @@ const styles = StyleSheet.create({
     width: 320,
     height: 300
   },
-  skills: {},
+  skills: {
+    paddingBottom: 100
+  },
   skill: {
     display: 'flex',
     flexDirection: 'row',
     overflow: 'hidden',
     alignItems: 'center',
     height: 118,
-    borderRadius: 8 // backgroundColor: theme.colors.gray.lighter,
-    // marginTop: theme.spacing.micro,
-    // marginBottom: theme.spacing.micro,
-    // padding: theme.spacing.base
-
+    borderRadius: 8,
+    backgroundColor: theme.colors.gray.lighter,
+    marginTop: theme.spacing.micro,
+    marginBottom: theme.spacing.micro,
+    padding: theme.spacing.base
   },
   skillTexts: {
     flex: 1,
@@ -60,20 +59,18 @@ const styles = StyleSheet.create({
   skillTitle: {
     fontSize: 18,
     fontWeight: '600',
-    lineHeight: 22 // color: theme.colors.text.primary,
-    // marginBottom: theme.spacing.tiny
-
+    lineHeight: 22,
+    color: theme.colors.text.primary,
+    marginBottom: theme.spacing.tiny
   },
   skillInfo: {
     fontSize: 12,
-    lineHeight: 16 // color: theme.colors.gray.medium
-
-  },
-  extraSpace: {
-    height: 100
+    lineHeight: 16,
+    color: theme.colors.gray.medium
   }
 }); // -----------------------------------------------------------------------------
 
+
 const onSelectSkill = title => () => {
   // eslint-disable-next-line no-console
   console.log('pressed on', {
@@ -81,99 +78,141 @@ const onSelectSkill = title => () => {
   });
 };
 
-const ExtraSpace = () => /*#__PURE__*/React.createElement(View, {
-  style: styles.extraSpace
-});
-
 const Skill = ({
   title,
   info
-}) => /*#__PURE__*/React.createElement(Pressable, {
-  style: styles.skill,
-  onPress: onSelectSkill(title)
-}, /*#__PURE__*/React.createElement(View, {
-  style: styles.skillTexts
-}, /*#__PURE__*/React.createElement(Text, {
-  style: styles.skillTitle
-}, title), /*#__PURE__*/React.createElement(Text, {
-  style: styles.skillInfo
-}, info)), /*#__PURE__*/React.createElement(ArrowRight, {
-  color: "#ededed",
-  height: 20,
-  width: 20
-}));
-
-Skill.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: PropTypes.string,
-  info: PropTypes.string
-} : {}; // -----------------------------------------------------------------------------
+}) => {
+  const templateContext = useTemplateContext();
+  const [styleSheet, setStylesheet] = useState(null);
+  const {
+    theme
+  } = templateContext;
+  useEffect(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: styleSheet.skill,
+    onPress: onSelectSkill(title)
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styleSheet.skillTexts
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.skillTitle
+  }, title), /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.skillInfo
+  }, info)), /*#__PURE__*/React.createElement(ArrowRight, {
+    color: "#ededed",
+    height: 20,
+    width: 20
+  }));
+}; // -----------------------------------------------------------------------------
+
 
 const Item = ({
   item: {
     title,
-    info,
-    isExtraSpace = false
+    info
   }
-}) => isExtraSpace ? /*#__PURE__*/React.createElement(ExtraSpace, null) : /*#__PURE__*/React.createElement(Skill, {
+}) => /*#__PURE__*/React.createElement(Skill, {
   title: title,
   info: info
 });
 
-const List = ({
-  skills
-}) => /*#__PURE__*/React.createElement(FlatList, {
-  contentContainerStyle: styles.skills,
-  data: skills,
-  renderItem: Item
-});
+const List = props => {
+  const templateContext = useTemplateContext();
+  const [styleSheet, setStylesheet] = useState(null);
+  const {
+    theme
+  } = templateContext;
+  const {
+    skills
+  } = props;
+  useEffect(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  const formattedDataList = [];
+  skills.map(skill => formattedDataList.push({
+    title: skill.skillTitle,
+    info: skill.skillAriaLabel
+  }));
+  return /*#__PURE__*/React.createElement(FlatList, {
+    contentContainerStyle: styleSheet.skills,
+    data: formattedDataList,
+    renderItem: Item
+  });
+}; // -----------------------------------------------------------------------------
+
+
+const NoSkills = () => {
+  const templateContext = useTemplateContext();
+  const [styleSheet, setStylesheet] = useState(null);
+  const {
+    theme,
+    translations
+  } = templateContext;
+  useEffect(() => {
+    const _stylesheet = createStyleSheet(theme);
 
-Item.propTypes = process.env.NODE_ENV !== "production" ? {
-  item: PropTypes.shape({
-    title: PropTypes.string,
-    info: PropTypes.string,
-    isExtraSpace: PropTypes.bool
-  })
-} : {};
-List.propTypes = process.env.NODE_ENV !== "production" ? {
-  skills: ListSkillsPropTypes.listSkills
-} : {}; // -----------------------------------------------------------------------------
-
-/*
-  title: translations.revision.home.noSkills
-  text: translations.revision.home.noSkillsDetails
-  image: use web svg
-  <ImageBackground source={noSkillsImage} style={styles.noSkillsImage} />
-*/
-
-const NoSkills = ({
-  titleNoSkills,
-  textNoSkills
-}) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-  style: styles.subtitle
-}, titleNoSkills), /*#__PURE__*/React.createElement(Text, {
-  style: styles.text
-}, textNoSkills));
-
-NoSkills.propTypes = process.env.NODE_ENV !== "production" ? NoSkillsPropTypes : {}; // -----------------------------------------------------------------------------
+    setStylesheet(_stylesheet);
+  }, [theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.subtitle
+  }, translations.appReview?.noSkills?.title), /*#__PURE__*/React.createElement(Text, {
+    style: styleSheet.text
+  }, translations.appReview?.noSkills?.text), /*#__PURE__*/React.createElement(EmptyStateHomeRevision, {
+    style: styleSheet.noSkillsImage
+  }));
+}; // -----------------------------------------------------------------------------
 //  title --> translations.revision.home.title
 
+
 const Skills = props => {
   const {
     title,
     listSkills
   } = props;
+  const templateContext = useTemplateContext();
+  const [styleSheet, setStylesheet] = useState(null);
+  const {
+    theme
+  } = templateContext;
+  useEffect(() => {
+    const _stylesheet = createStyleSheet(theme);
+
+    setStylesheet(_stylesheet);
+  }, [theme]); // ------------------------------------
+
+  if (!styleSheet) {
+    return null;
+  }
+
   return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    style: styleSheet.container
   }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.title
+    style: styleSheet.title
   }, title), !listSkills || listSkills.length === 0 ? /*#__PURE__*/React.createElement(NoSkills, null) : /*#__PURE__*/React.createElement(List, {
-    skills: [...listSkills, {
-      isExtraSpace: true
-    }]
+    skills: listSkills
   }));
-};
+}; // -----------------------------------------------------------------------------
 
-Skills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {}; // -----------------------------------------------------------------------------
 
 export default Skills;
 //# sourceMappingURL=index.native.js.map