@coorpacademy/components 10.19.13-alpha.8 → 10.21.0

package/es/template/app-review/slides/prop-types.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || 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 PropTypes from 'prop-types';
 import omit from 'lodash/fp/omit';
 import ReviewCongrats from '../../../organism/review-congrats';
@@ -5,16 +7,57 @@ import ReviewCorrectionPopin from '../../../molecule/review-correction-popin';
 import ReviewBackground from '../../../atom/review-background';
 import ReviewHeader from '../../../organism/review-header';
 import Answer from '../../../molecule/answer';
+const NextSlideProp = PropTypes.shape({
+  hidden: PropTypes.bool,
+  position: PropTypes.number,
+  // 'unstack' | 'restack'
+  animationType: PropTypes.string,
+  // 'success' | 'failure'
+  validationResult: PropTypes.string,
+  endReview: PropTypes.bool,
+  questionText: PropTypes.string,
+  answerUI: Answer
+});
+const SlideProp = PropTypes.shape(_extends(_extends({}, NextSlideProp.props), {}, {
+  nextSlide: NextSlideProp
+}));
+const StepItemProp = PropTypes.shape({
+  current: PropTypes.bool,
+  icon: PropTypes.string,
+  value: PropTypes.string
+});
 export const SlidesReviewPropTypes = {
   headerProps: PropTypes.shape(omit('steps', ReviewHeader.propTypes)),
   reviewBackgroundAriaLabel: ReviewBackground.propTypes['aria-label'],
   validate: PropTypes.shape({
     label: PropTypes.string
   }),
-  slides: PropTypes.instanceOf(Map),
-  finishedSlides: PropTypes.instanceOf(Map),
-  stepItems: PropTypes.instanceOf(Map),
-  reviewStatus: PropTypes.oneOfType(['finished', 'ongoing']),
+  slides: PropTypes.shape({
+    slideNumbers: PropTypes.arrayOf(PropTypes.number),
+    0: SlideProp,
+    1: SlideProp,
+    2: SlideProp,
+    3: SlideProp,
+    4: SlideProp
+  }),
+  finishedSlides: PropTypes.shape({
+    slideNumbers: PropTypes.arrayOf(PropTypes.number),
+    0: PropTypes.bool,
+    1: PropTypes.bool,
+    2: PropTypes.bool,
+    3: PropTypes.bool,
+    4: PropTypes.bool
+  }),
+  stepItems: PropTypes.shape({
+    slideNumbers: PropTypes.arrayOf(PropTypes.number),
+    0: StepItemProp,
+    1: StepItemProp,
+    2: StepItemProp,
+    3: StepItemProp,
+    4: StepItemProp
+  }),
+  // 'finished' | 'ongoing'
+  reviewStatus: PropTypes.string,
   correctionPopinProps: PropTypes.shape({
     // ---------------
     klf: ReviewCorrectionPopin.propTypes.klf,
@@ -27,7 +70,18 @@ export const SlidesReviewPropTypes = {
     failureLabel: ReviewCorrectionPopin.propTypes.resultLabel
   }),
   congratsProps: PropTypes.shape(ReviewCongrats.propTypes),
-  // ---------------
+  slideValidationResult: PropTypes.shape({
+    slideNumber: PropTypes.number,
+    // 'success' | 'failure'
+    result: PropTypes.string,
+    // 'successExitNode' | 'failExitNode'
+    exitNode: PropTypes.string,
+    nextSlide: PropTypes.shape({
+      questionText: PropTypes.string,
+      answerUI: PropTypes.shape(Answer.propTypes)
+    })
+  }),
+  // ---------------------------------------------------------------------------
   // Dispatchers
   validateSlide: PropTypes.func.isRequired,
   updateSlidesOnValidation: PropTypes.func.isRequired,
@@ -35,32 +89,22 @@ export const SlidesReviewPropTypes = {
   updateReviewStatus: PropTypes.func.isRequired,
   updateStepItemsOnValidation: PropTypes.func.isRequired,
   updateStepItemsOnNext: PropTypes.func.isRequired,
-  updateFinishedSlides: PropTypes.func.isRequired,
-  slideValidationResult: PropTypes.shape({
-    slideNumber: PropTypes.number,
-    result: PropTypes.oneOfType(['success', 'failure']),
-    exitNode: PropTypes.oneOfType(['successExitNode', 'failExitNode', undefined]),
-    nextSlide: PropTypes.shape({
-      questionText: PropTypes.string,
-      answerUI: PropTypes.shape(Answer.propTypes)
-    })
-  })
+  updateFinishedSlides: PropTypes.func.isRequired
 };
 export const SlidePropTypes = {
   slideNumber: PropTypes.number,
   slides: SlidesReviewPropTypes.slides,
+  primarySkinColor: PropTypes.string,
   validate: SlidesReviewPropTypes.validate,
   finishedSlides: SlidesReviewPropTypes.finishedSlides,
+  finishedSlidesSize: PropTypes.number,
   correctionPopinProps: SlidesReviewPropTypes.correctionPopinProps,
   // ---------------
   // Dispatchers
   validateSlide: SlidesReviewPropTypes.validateSlide,
-  updateSlidesOnValidation: SlidesReviewPropTypes.updateSlidesOnValidation,
   updateSlidesOnNext: SlidesReviewPropTypes.updateSlidesOnNext,
   updateReviewStatus: SlidesReviewPropTypes.updateReviewStatus,
-  updateStepItemsOnValidation: SlidesReviewPropTypes.updateStepItemsOnValidation,
   updateStepItemsOnNext: SlidesReviewPropTypes.updateStepItemsOnNext,
-  updateFinishedSlides: SlidesReviewPropTypes.updateFinishedSlides,
   slideValidationResult: SlidesReviewPropTypes.slideValidationResult
 };
 export const StackedSlidesPropTypes = omit('slideNumber', SlidePropTypes);

package/es/template/app-review/slides/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/slides/prop-types.js"],"names":["PropTypes","omit","ReviewCongrats","ReviewCorrectionPopin","ReviewBackground","ReviewHeader","Answer","SlidesReviewPropTypes","headerProps","shape","propTypes","reviewBackgroundAriaLabel","validate","label","string","slides","instanceOf","Map","finishedSlides","stepItems","reviewStatus","oneOfType","correctionPopinProps","klf","information","next","successLabel","resultLabel","failureLabel","congratsProps","validateSlide","func","isRequired","updateSlidesOnValidation","updateSlidesOnNext","updateReviewStatus","updateStepItemsOnValidation","updateStepItemsOnNext","updateFinishedSlides","slideValidationResult","slideNumber","number","result","exitNode","undefined","nextSlide","questionText","answerUI","SlidePropTypes","StackedSlidesPropTypes"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport omit from 'lodash/fp/omit';\n\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewCorrectionPopin from '../../../molecule/review-correction-popin';\nimport ReviewBackground from '../../../atom/review-background';\nimport ReviewHeader from '../../../organism/review-header';\nimport Answer from '../../../molecule/answer';\n\nexport const SlidesReviewPropTypes = {\n  headerProps: PropTypes.shape(omit('steps', ReviewHeader.propTypes)),\n  reviewBackgroundAriaLabel: ReviewBackground.propTypes['aria-label'],\n  validate: PropTypes.shape({\n    label: PropTypes.string\n  }),\n  slides: PropTypes.instanceOf(Map),\n  finishedSlides: PropTypes.instanceOf(Map),\n  stepItems: PropTypes.instanceOf(Map),\n  reviewStatus: PropTypes.oneOfType(['finished', 'ongoing']),\n  correctionPopinProps: PropTypes.shape({\n    // ---------------\n    klf: ReviewCorrectionPopin.propTypes.klf,\n    information: ReviewCorrectionPopin.propTypes.information,\n    next: PropTypes.shape({\n      label: PropTypes.string,\n      'aria-label': PropTypes.string\n    }),\n    successLabel: ReviewCorrectionPopin.propTypes.resultLabel,\n    failureLabel: ReviewCorrectionPopin.propTypes.resultLabel\n  }),\n  congratsProps: PropTypes.shape(ReviewCongrats.propTypes),\n  // ---------------\n  // Dispatchers\n  validateSlide: PropTypes.func.isRequired,\n  updateSlidesOnValidation: PropTypes.func.isRequired,\n  updateSlidesOnNext: PropTypes.func.isRequired,\n  updateReviewStatus: PropTypes.func.isRequired,\n  updateStepItemsOnValidation: PropTypes.func.isRequired,\n  updateStepItemsOnNext: PropTypes.func.isRequired,\n  updateFinishedSlides: PropTypes.func.isRequired,\n  slideValidationResult: PropTypes.shape({\n    slideNumber: PropTypes.number,\n    result: PropTypes.oneOfType(['success', 'failure']),\n    exitNode: PropTypes.oneOfType(['successExitNode', 'failExitNode', undefined]),\n    nextSlide: PropTypes.shape({\n      questionText: PropTypes.string,\n      answerUI: PropTypes.shape(Answer.propTypes)\n    })\n  })\n};\n\nexport const SlidePropTypes = {\n  slideNumber: PropTypes.number,\n  slides: SlidesReviewPropTypes.slides,\n  validate: SlidesReviewPropTypes.validate,\n  finishedSlides: SlidesReviewPropTypes.finishedSlides,\n  correctionPopinProps: SlidesReviewPropTypes.correctionPopinProps,\n  // ---------------\n  // Dispatchers\n  validateSlide: SlidesReviewPropTypes.validateSlide,\n  updateSlidesOnValidation: SlidesReviewPropTypes.updateSlidesOnValidation,\n  updateSlidesOnNext: SlidesReviewPropTypes.updateSlidesOnNext,\n  updateReviewStatus: SlidesReviewPropTypes.updateReviewStatus,\n  updateStepItemsOnValidation: SlidesReviewPropTypes.updateStepItemsOnValidation,\n  updateStepItemsOnNext: SlidesReviewPropTypes.updateStepItemsOnNext,\n  updateFinishedSlides: SlidesReviewPropTypes.updateFinishedSlides,\n  slideValidationResult: SlidesReviewPropTypes.slideValidationResult\n};\n\nexport const StackedSlidesPropTypes = omit('slideNumber', SlidePropTypes);\n"],"file":"prop-types.js"}
+{"version":3,"sources":["../../../../src/template/app-review/slides/prop-types.js"],"names":["PropTypes","omit","ReviewCongrats","ReviewCorrectionPopin","ReviewBackground","ReviewHeader","Answer","NextSlideProp","shape","hidden","bool","position","number","animationType","string","validationResult","endReview","questionText","answerUI","SlideProp","props","nextSlide","StepItemProp","current","icon","value","SlidesReviewPropTypes","headerProps","propTypes","reviewBackgroundAriaLabel","validate","label","slides","slideNumbers","arrayOf","finishedSlides","stepItems","reviewStatus","correctionPopinProps","klf","information","next","successLabel","resultLabel","failureLabel","congratsProps","slideValidationResult","slideNumber","result","exitNode","validateSlide","func","isRequired","updateSlidesOnValidation","updateSlidesOnNext","updateReviewStatus","updateStepItemsOnValidation","updateStepItemsOnNext","updateFinishedSlides","SlidePropTypes","primarySkinColor","finishedSlidesSize","StackedSlidesPropTypes"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport omit from 'lodash/fp/omit';\n\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewCorrectionPopin from '../../../molecule/review-correction-popin';\nimport ReviewBackground from '../../../atom/review-background';\nimport ReviewHeader from '../../../organism/review-header';\nimport Answer from '../../../molecule/answer';\n\nconst NextSlideProp = PropTypes.shape({\n  hidden: PropTypes.bool,\n  position: PropTypes.number,\n  // 'unstack' | 'restack'\n  animationType: PropTypes.string,\n  // 'success' | 'failure'\n  validationResult: PropTypes.string,\n  endReview: PropTypes.bool,\n  questionText: PropTypes.string,\n  answerUI: Answer\n});\n\nconst SlideProp = PropTypes.shape({\n  ...NextSlideProp.props,\n  nextSlide: NextSlideProp\n});\n\nconst StepItemProp = PropTypes.shape({\n  current: PropTypes.bool,\n  icon: PropTypes.string,\n  value: PropTypes.string\n});\n\nexport const SlidesReviewPropTypes = {\n  headerProps: PropTypes.shape(omit('steps', ReviewHeader.propTypes)),\n  reviewBackgroundAriaLabel: ReviewBackground.propTypes['aria-label'],\n  validate: PropTypes.shape({\n    label: PropTypes.string\n  }),\n  slides: PropTypes.shape({\n    slideNumbers: PropTypes.arrayOf(PropTypes.number),\n    0: SlideProp,\n    1: SlideProp,\n    2: SlideProp,\n    3: SlideProp,\n    4: SlideProp\n  }),\n  finishedSlides: PropTypes.shape({\n    slideNumbers: PropTypes.arrayOf(PropTypes.number),\n    0: PropTypes.bool,\n    1: PropTypes.bool,\n    2: PropTypes.bool,\n    3: PropTypes.bool,\n    4: PropTypes.bool\n  }),\n  stepItems: PropTypes.shape({\n    slideNumbers: PropTypes.arrayOf(PropTypes.number),\n    0: StepItemProp,\n    1: StepItemProp,\n    2: StepItemProp,\n    3: StepItemProp,\n    4: StepItemProp\n  }),\n  // 'finished' | 'ongoing'\n  reviewStatus: PropTypes.string,\n  correctionPopinProps: PropTypes.shape({\n    // ---------------\n    klf: ReviewCorrectionPopin.propTypes.klf,\n    information: ReviewCorrectionPopin.propTypes.information,\n    next: PropTypes.shape({\n      label: PropTypes.string,\n      'aria-label': PropTypes.string\n    }),\n    successLabel: ReviewCorrectionPopin.propTypes.resultLabel,\n    failureLabel: ReviewCorrectionPopin.propTypes.resultLabel\n  }),\n  congratsProps: PropTypes.shape(ReviewCongrats.propTypes),\n  slideValidationResult: PropTypes.shape({\n    slideNumber: PropTypes.number,\n    // 'success' | 'failure'\n    result: PropTypes.string,\n    // 'successExitNode' | 'failExitNode'\n    exitNode: PropTypes.string,\n    nextSlide: PropTypes.shape({\n      questionText: PropTypes.string,\n      answerUI: PropTypes.shape(Answer.propTypes)\n    })\n  }),\n  // ---------------------------------------------------------------------------\n  // Dispatchers\n  validateSlide: PropTypes.func.isRequired,\n  updateSlidesOnValidation: PropTypes.func.isRequired,\n  updateSlidesOnNext: PropTypes.func.isRequired,\n  updateReviewStatus: PropTypes.func.isRequired,\n  updateStepItemsOnValidation: PropTypes.func.isRequired,\n  updateStepItemsOnNext: PropTypes.func.isRequired,\n  updateFinishedSlides: PropTypes.func.isRequired\n};\n\nexport const SlidePropTypes = {\n  slideNumber: PropTypes.number,\n  slides: SlidesReviewPropTypes.slides,\n  primarySkinColor: PropTypes.string,\n  validate: SlidesReviewPropTypes.validate,\n  finishedSlides: SlidesReviewPropTypes.finishedSlides,\n  finishedSlidesSize: PropTypes.number,\n  correctionPopinProps: SlidesReviewPropTypes.correctionPopinProps,\n  // ---------------\n  // Dispatchers\n  validateSlide: SlidesReviewPropTypes.validateSlide,\n  updateSlidesOnNext: SlidesReviewPropTypes.updateSlidesOnNext,\n  updateReviewStatus: SlidesReviewPropTypes.updateReviewStatus,\n  updateStepItemsOnNext: SlidesReviewPropTypes.updateStepItemsOnNext,\n  slideValidationResult: SlidesReviewPropTypes.slideValidationResult\n};\n\nexport const StackedSlidesPropTypes = omit('slideNumber', SlidePropTypes);\n"],"file":"prop-types.js"}

package/es/template/app-review/slides/style.css

@@ -136,10 +136,12 @@
 
 @keyframes slideOutHideAndSlideIn {
   0% {
+    width: 100%;
     z-index: 55;
     transform: translate(0, 0);
   }
   50% {
+    width: 100%;
     z-index: 50;
     transform: translate(0, 1000px);
     opacity: 1;

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

@@ -21,9 +21,13 @@ const ReviewHeaderSteps = props => {
   const {
     steps
   } = props;
-  const items = (0, _map.default)(step => /*#__PURE__*/_react.default.createElement(_reviewHeaderStepItem.default, _extends({}, step, {
-    key: step.value
+
+  const items = _map.default.convert({
+    cap: false
+  })((step, index) => /*#__PURE__*/_react.default.createElement(_reviewHeaderStepItem.default, _extends({}, step, {
+    key: index
   })), steps);
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper,
     "data-name": "header-steps"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/review-header-steps/index.js"],"names":["ReviewHeaderSteps","props","steps","items","step","value","style","wrapper","propTypes","PropTypes","arrayOf","shape","ReviewHeaderStepItem"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,iBAAiB,GAAGC,KAAK,IAAI;AACjC,QAAM;AAACC,IAAAA;AAAD,MAAUD,KAAhB;AAEA,QAAME,KAAK,GAAG,kBAAIC,IAAI,iBAAI,6BAAC,6BAAD,eAA0BA,IAA1B;AAAgC,IAAA,GAAG,EAAEA,IAAI,CAACC;AAA1C,KAAZ,EAAiEH,KAAjE,CAAd;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEI,eAAMC,OAAtB;AAA+B,iBAAU;AAAzC,KACGJ,KADH,CADF;AAKD,CAVD;;AAYAH,iBAAiB,CAACQ,SAAlB,2CAA8B;AAC5BN,EAAAA,KAAK,EAAEO,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,8BAAqBX,KAArC,CAAlB;AADqB,CAA9B;eAIeD,iB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport ReviewHeaderStepItem from '../../atom/review-header-step-item';\nimport style from './style.css';\n\nconst ReviewHeaderSteps = props => {\n  const {steps} = props;\n\n  const items = map(step => <ReviewHeaderStepItem {...step} key={step.value} />, steps);\n\n  return (\n    <div className={style.wrapper} data-name=\"header-steps\">\n      {items}\n    </div>\n  );\n};\n\nReviewHeaderSteps.propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItem.props))\n};\n\nexport default ReviewHeaderSteps;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/review-header-steps/index.js"],"names":["ReviewHeaderSteps","props","steps","items","map","convert","cap","step","index","style","wrapper","propTypes","PropTypes","arrayOf","shape","ReviewHeaderStepItem"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,iBAAiB,GAAGC,KAAK,IAAI;AACjC,QAAM;AAACC,IAAAA;AAAD,MAAUD,KAAhB;;AAEA,QAAME,KAAK,GAAGC,aAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EACZ,CAACC,IAAD,EAAOC,KAAP,kBAAiB,6BAAC,6BAAD,eAA0BD,IAA1B;AAAgC,IAAA,GAAG,EAAEC;AAArC,KADL,EAEZN,KAFY,CAAd;;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEO,eAAMC,OAAtB;AAA+B,iBAAU;AAAzC,KACGP,KADH,CADF;AAKD,CAbD;;AAeAH,iBAAiB,CAACW,SAAlB,2CAA8B;AAC5BT,EAAAA,KAAK,EAAEU,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,8BAAqBd,KAArC,CAAlB;AADqB,CAA9B;eAIeD,iB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport ReviewHeaderStepItem from '../../atom/review-header-step-item';\nimport style from './style.css';\n\nconst ReviewHeaderSteps = props => {\n  const {steps} = props;\n\n  const items = map.convert({cap: false})(\n    (step, index) => <ReviewHeaderStepItem {...step} key={index} />,\n    steps\n  );\n\n  return (\n    <div className={style.wrapper} data-name=\"header-steps\">\n      {items}\n    </div>\n  );\n};\n\nReviewHeaderSteps.propTypes = {\n  steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItem.props))\n};\n\nexport default ReviewHeaderSteps;\n"],"file":"index.js"}

package/lib/template/app-review/slides/index.js

@@ -13,6 +13,14 @@ var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
 
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
 
+var _map = _interopRequireDefault(require("lodash/fp/map"));
+
+var _omit = _interopRequireDefault(require("lodash/fp/omit"));
+
+var _pipe = _interopRequireDefault(require("lodash/fp/pipe"));
+
+var _size = _interopRequireDefault(require("lodash/fp/size"));
+
 var _reviewHeaderStepItem = require("../../../atom/review-header-step-item");
 
 var _reviewBackground = _interopRequireDefault(require("../../../atom/review-background"));
@@ -53,9 +61,12 @@ exports.HIGHEST_INDEX = HIGHEST_INDEX;
 
 const getSlideAnimation = (action, position, hidden) => {
   switch (action) {
+    /* istanbul ignore next */
     case 'unstack':
       return _style.default.slideOutHideAndIn;
 
+    /* istanbul ignore next */
+
     case 'restack':
       return _style.default.slideOutAndIn;
 
@@ -66,45 +77,37 @@ const getSlideAnimation = (action, position, hidden) => {
 
 const Slide = ({
   slideNumber,
-  slidesState,
+  slides,
   primarySkinColor,
   validate,
   validateSlide,
   finishedSlides,
-  updateSlidesOnValidation,
+  finishedSlidesSize,
   updateSlidesOnNext,
   updateReviewStatus,
-  updateStepItemsOnValidation,
   updateStepItemsOnNext,
-  updateFinishedSlides,
   slideValidationResult,
-  correctionPopinProps = {}
+  correctionPopinProps
 }) => {
-  const result = (0, _get.default)('result', slideValidationResult);
-  const exitNode = (0, _get.default)('exitNode', slideValidationResult);
-  const nextSlide = (0, _get.default)('nextSlide', slideValidationResult); // const validatedSlideNumber = get('slideNumber', slideValidationResult);
-
-  const {
-    hidden,
-    endReview,
-    position,
-    animationType,
-    validationResult,
-    questionText,
-    answerUI
-  } = slidesState.get(slideNumber);
-  const {
-    label: validateLabel
-  } = validate;
+  const hidden = (0, _getOr.default)(false, `${slideNumber}.hidden`, slides);
+  const endReview = (0, _getOr.default)(false, `${slideNumber}.endReview`, slides);
+  const position = (0, _get.default)(`${slideNumber}.position`, slides);
+  const animationType = (0, _getOr.default)(false, `${slideNumber}.animationType`, slides);
+  const validationResult = (0, _getOr.default)(null, `${slideNumber}.validationResult`, slides);
+  const questionText = (0, _get.default)(`${slideNumber}.questionText`, slides);
+  const answerUI = (0, _get.default)(`${slideNumber}.answerUI`, slides);
+  const validateLabel = (0, _getOr.default)('', 'label', validate);
   const validateButtonProps = {
     customStyle: {
       backgroundColor: primarySkinColor
     },
 
     /*
-      slide validation action, this will trigger the correction popin but will not trigger any
-      animations unless the endReview signal is received (all slides will disappear),
-      if there is a nextSlide content, it will be loaded here
+      slide validation action, this will trigger the correction popin
+      (with the useEffect that fires the dispatchers, if there is a nextSlide content,
+      it will be loaded here) but will not trigger any animations unless the endReview
+      signal is received (all slides will disappear, also fired in a useEffect),
+      
       if it is the last slide and the content needs to be different, then that update will
       be handled on the next slide logic but the content will be carried from here.
     */
@@ -112,26 +115,6 @@ const Slide = ({
       // result: 'success' | 'failure'
       // endReview based on nextContent ref exit node values: 'successExitNode' : 'failExitNode'
       await validateSlide();
-      updateSlidesOnValidation({
-        slideNumber,
-        newSlideContent: {
-          hidden,
-          position,
-          validationResult: result,
-          endReview: !!exitNode
-        },
-        numberOfFinishedSlides: finishedSlides.size,
-        nextSlide
-      });
-      updateStepItemsOnValidation({
-        stepNumber: slideNumber,
-        icon: result === 'success' ? _reviewHeaderStepItem.ICON_VALUES.right : _reviewHeaderStepItem.ICON_VALUES.wrong
-      });
-      if (result === 'success') updateFinishedSlides([slideNumber, true]);
-
-      if (endReview) {
-        updateReviewStatus('finished');
-      }
     },
     'aria-label': validateLabel,
     label: validateLabel,
@@ -139,16 +122,14 @@ const Slide = ({
     className: _style.default.validateButton,
     disabled: !(0, _isNil.default)(validationResult)
   };
-  const {
-    klf = {},
-    information = {
-      label: '',
-      message: ''
-    },
-    next,
-    successLabel = '',
-    failureLabel = ''
-  } = correctionPopinProps;
+  const klf = (0, _getOr.default)({}, 'klf', correctionPopinProps);
+  const information = (0, _getOr.default)({
+    label: '',
+    message: ''
+  }, 'information', correctionPopinProps);
+  const next = (0, _get.default)('next', correctionPopinProps);
+  const successLabel = (0, _getOr.default)('', 'successLabel', correctionPopinProps);
+  const failureLabel = (0, _getOr.default)('', 'failureLabel', correctionPopinProps);
   const _correctionPopinProps = {
     next: {
       /*
@@ -158,28 +139,29 @@ const Slide = ({
         from the content carried from the validate action.
       */
       onClick: () => {
+        const exitNode = (0, _get.default)('exitNode', slideValidationResult);
         updateSlidesOnNext({
           slideNumber,
           newSlideContent: {
             hidden: validationResult === 'success',
-            position: HIGHEST_INDEX - finishedSlides.size,
+            position: HIGHEST_INDEX - finishedSlidesSize,
+            // to restack the slide
             animationType: validationResult === 'success' ? 'unstack' : 'restack',
             validationResult,
             endReview: !!exitNode,
             answerUI,
             questionText
           },
-          numberOfFinishedSlides: finishedSlides.size
+          numberOfFinishedSlides: finishedSlidesSize
         });
         updateStepItemsOnNext({
           stepNumber: slideNumber,
           finishedSlides,
-          current: finishedSlides.size === HIGHEST_INDEX && validationResult !== 'success'
+          current: finishedSlidesSize === HIGHEST_INDEX &&
+          /* istanbul ignore next */
+          validationResult !== 'success'
         });
-
-        if (finishedSlides.size === TOTAL_SLIDES_STACK) {
-          updateReviewStatus('finished');
-        }
+        if (finishedSlidesSize === TOTAL_SLIDES_STACK) updateReviewStatus('finished');
       },
       label: next && next.label,
       'data-name': `next-question-button-${slideNumber}`,
@@ -191,7 +173,9 @@ const Slide = ({
     resultLabel: validationResult === 'success' ? successLabel : failureLabel
   };
   const questionOrigin = 'From "Master Design Thinking to become more agile" course';
-  const answerProps = (0, _get.default)(['model', 'choices'], answerUI) ? _extends(_extends({}, answerUI), {}, {
+  const answerProps = (0, _get.default)(['model', 'choices'], answerUI) ?
+  /* istanbul ignore next */
+  _extends(_extends({}, answerUI), {}, {
     model: _extends(_extends({}, answerUI.model), {}, {
       answers: answerUI.model.choices
     })
@@ -222,7 +206,7 @@ const Slide = ({
     className: _style.default.validateButtonWrapper
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, validateButtonProps)), /*#__PURE__*/_react.default.createElement("div", {
     className: validationResult ? _style.default.correctionPopinWrapper : _style.default.hiddenCorrectionPopinWrapper,
-    style: _extends({}, finishedSlides.size !== HIGHEST_INDEX && !validationResult && {
+    style: _extends({}, finishedSlidesSize !== HIGHEST_INDEX && !validationResult && {
       display: 'none'
     })
   }, /*#__PURE__*/_react.default.createElement(_reviewCorrectionPopin.default, _correctionPopinProps)));
@@ -236,12 +220,10 @@ const StackedSlides = ({
   validate,
   validateSlide,
   finishedSlides,
-  updateSlidesOnValidation,
+  finishedSlidesSize,
   updateSlidesOnNext,
   updateReviewStatus,
-  updateStepItemsOnValidation,
   updateStepItemsOnNext,
-  updateFinishedSlides,
   slideValidationResult,
   correctionPopinProps
 }) => {
@@ -255,12 +237,10 @@ const StackedSlides = ({
       validate,
       validateSlide,
       finishedSlides,
-      updateSlidesOnValidation,
+      finishedSlidesSize,
       updateSlidesOnNext,
       updateReviewStatus,
-      updateStepItemsOnValidation,
       updateStepItemsOnNext,
-      updateFinishedSlides,
       slideValidationResult,
       correctionPopinProps
     }, {
@@ -292,30 +272,69 @@ const SlidesReview = ({
   updateStepItemsOnValidation,
   updateStepItemsOnNext,
   updateFinishedSlides,
-  slideValidationResult = {}
+  slideValidationResult
 }, context) => {
   const {
     skin
   } = context;
   const primarySkinColor = (0, _react.useMemo)(() => (0, _getOr.default)('#00B0FF', 'common.primary', skin), [skin]);
+  const finishedSlidesSize = (0, _react.useMemo)(() => (0, _pipe.default)((0, _omit.default)('slideNumbers'), _size.default)(finishedSlides), [finishedSlides]);
   /*
     ||-------> the slides have an slightly longer lifespan than the "ongoing" review State,
     after reviewState changes to "finished" the slides don't have to unmount until the last
-    slide-out animation is finished, the slides have to be unmounted to be RGAA complaint
-    (if they are only invisible but still mounted, then they will be found the assisting tools & clutter it)
+    slide-out animation is finished, the slides have to be unmounted to be RGAA complaint.
+    (if they are only invisible -but- still mounted, then they will be found by the assisting
+    tools & clutter them)
   */
 
   const [shouldMountSlides, updateShouldMountSlides] = (0, _react.useState)(true);
-  (0, _react.useEffect)(() => {
-    if (reviewStatus === 'finished' || finishedSlides.size === TOTAL_SLIDES_STACK) {
+  (0, _react.useEffect)(
+  /* istanbul ignore next */
+  () => {
+    const slideNumber = (0, _get.default)('slideNumber', slideValidationResult);
+
+    if (slideValidationResult) {
+      const hidden = (0, _getOr.default)(false, `${slideNumber}.hidden`, slides);
+      const endReview = (0, _getOr.default)(false, `${slideNumber}.endReview`, slides);
+      const position = (0, _get.default)(`${slideNumber}.position`, slides);
+      const result = (0, _get.default)('result', slideValidationResult);
+      const exitNode = (0, _get.default)('exitNode', slideValidationResult);
+      const nextSlide = (0, _get.default)('nextSlide', slideValidationResult);
+      updateSlidesOnValidation({
+        slideNumber,
+        newSlideContent: {
+          hidden,
+          position,
+          validationResult: result,
+          endReview: !!exitNode
+        },
+        numberOfFinishedSlides: finishedSlidesSize,
+        nextSlide
+      });
+      updateStepItemsOnValidation({
+        stepNumber: slideNumber,
+        icon: result === 'success' ? _reviewHeaderStepItem.ICON_VALUES.right : _reviewHeaderStepItem.ICON_VALUES.wrong
+      });
+      if (result === 'success') updateFinishedSlides({
+        slideNumber,
+        value: true
+      });
+
+      if (endReview) {
+        updateReviewStatus('finished');
+      }
+    }
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [slideValidationResult]);
+  (0, _react.useEffect)(
+  /* istanbul ignore next */
+  () => {
+    if (reviewStatus === 'finished') {
       setTimeout(() => updateShouldMountSlides(false), 2000);
     }
-  }, [finishedSlides.size, reviewStatus, updateReviewStatus]); // ||-------> transform the step items state (Map structure) to an Array
+  }, [finishedSlidesSize, reviewStatus, updateReviewStatus]); // ||-------> transform the step items state to Array
 
-  const stepItemsArray = (0, _react.useMemo)(() => {
-    // eslint-disable-next-line unicorn/prefer-spread
-    return Array.from(stepItems.values());
-  }, [stepItems]);
+  const stepItemsArray = (0, _react.useMemo)(() => (0, _pipe.default)((0, _omit.default)('slideNumbers'), (0, _map.default)(stepItem => stepItem))(stepItems), [stepItems]);
 
   const _headerProps = _extends(_extends({}, headerProps), {}, {
     steps: stepItemsArray,
@@ -348,16 +367,17 @@ const SlidesReview = ({
     validate,
     validateSlide,
     finishedSlides,
-    updateSlidesOnValidation,
+    finishedSlidesSize,
     updateSlidesOnNext,
     updateReviewStatus,
-    updateStepItemsOnValidation,
     updateStepItemsOnNext,
-    updateFinishedSlides,
     slideValidationResult,
     correctionPopinProps
-  }))) : null, reviewStatus === 'finished' ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.congrats
+  }))) :
+  /* istanbul ignore next */
+  null, reviewStatus === 'finished' ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.congrats,
+    "data-name": "congrats-container"
   }, /*#__PURE__*/_react.default.createElement(_reviewCongrats.default, congratsProps)) : null);
 };