@coorpacademy/components 10.19.12 → 10.19.13-alpha.8

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

@@ -1,453 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
-
-var _omit = _interopRequireDefault(require("lodash/fp/omit"));
-
-var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-
-var _reviewBackground = _interopRequireDefault(require("../../../atom/review-background"));
-
-var _reviewHeaderStepItem = require("../../../atom/review-header-step-item");
-
-var _reviewCongrats = _interopRequireDefault(require("../../../organism/review-congrats"));
-
-var _reviewHeader = _interopRequireDefault(require("../../../organism/review-header"));
-
-var _reviewCorrectionPopin = _interopRequireDefault(require("../../../molecule/review-correction-popin"));
-
-var _answer = _interopRequireDefault(require("../../../molecule/answer"));
-
-var _buttonLink = _interopRequireDefault(require("../../../atom/button-link"));
-
-var _style = _interopRequireDefault(require("./style.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-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); }
-
-const stylesByPosition = {
-  0: _style.default.position0,
-  1: _style.default.position1,
-  2: _style.default.position2,
-  3: _style.default.position3,
-  4: _style.default.position4
-};
-const TOTAL_SLIDES_STACK = 5;
-const HIGHEST_INDEX = TOTAL_SLIDES_STACK - 1;
-
-const getSlideAnimation = (action, position, hidden) => {
-  switch (action) {
-    case 'unstack':
-      return _style.default.slideOutHideAndIn;
-
-    case 'restack':
-      return _style.default.slideOutAndIn;
-
-    default:
-      return hidden ? _style.default.hiddenSlide : stylesByPosition[position];
-  }
-};
-
-const buildSlide = (slideNumber, slidesState, updateSlides, primarySkinColor, validate, correctionPopinProps, updateStepItems, finishedSlides, updateFinishedSlides, updateReviewState, updateShouldMountSlides) => {
-  const {
-    hidden,
-    endReview,
-    position,
-    action,
-    validationResult,
-    question,
-    answer
-  } = slidesState.get(slideNumber);
-  const {
-    onClick: onValidateClick,
-    label: validateLabel
-  } = 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
-      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.
-    */
-    onClick: async () => {
-      const {
-        validationResult: result,
-        nextSlide,
-        endReview: _endReview
-      } = await onValidateClick();
-      updateSlides([slideNumber, {
-        hidden,
-        position,
-        validationResult: result,
-        answer,
-        question,
-        nextSlide,
-        numberOfFinishedSlides: finishedSlides.size,
-        endReview: _endReview
-      }]); // on endReview, this gives some time for the slides to slide out && then launch
-      // the 'finished' logic as it would happen when normally finishing the review
-
-      if (_endReview) {
-        updateReviewState('finished');
-        setTimeout(() => updateShouldMountSlides(false), 2000);
-      }
-
-      updateStepItems([slideNumber, {
-        icon: result === 'success' ? _reviewHeaderStepItem.ICON_VALUES.right : _reviewHeaderStepItem.ICON_VALUES.wrong,
-        finishedSlides
-      }]); // only stores successful slides
-
-      if (result === 'success') updateFinishedSlides([slideNumber, true]);
-    },
-    'aria-label': validateLabel,
-    label: validateLabel,
-    'data-name': `slide-validate-button-${slideNumber}`,
-    className: _style.default.validateButton,
-    disabled: !(0, _isNil.default)(validationResult)
-  };
-  const {
-    klf,
-    information,
-    next,
-    successLabel,
-    failureLabel
-  } = correctionPopinProps;
-  const _correctionPopinProps = {
-    next: {
-      /* 
-        next slide action, this will trigger the slides animations
-        if it is the last slide AND the content needs to be different, then that update
-        of the content will be handled here (and in the validate as it happens normally )
-        from the content carried from the validate action.
-      */
-      onClick: () => {
-        updateSlides([slideNumber, {
-          hidden: validationResult === 'success',
-          position: HIGHEST_INDEX - finishedSlides.size,
-          action: validationResult === 'success' ? 'unstack' : 'restack',
-          answer,
-          question,
-          validationResult,
-          numberOfFinishedSlides: finishedSlides.size,
-          endReview
-        }]);
-        updateStepItems([slideNumber, {
-          setNext: true,
-          finishedSlides,
-          current: finishedSlides.size === HIGHEST_INDEX && validationResult !== 'success'
-        }]); // if slides are successfully reviewed, then trigger the 'finished' state
-
-        if (finishedSlides.size === TOTAL_SLIDES_STACK) {
-          updateReviewState('finished');
-          setTimeout(() => updateShouldMountSlides(false), 2000);
-        }
-      },
-      label: next.label,
-      'data-name': `next-question-button-${slideNumber}`,
-      'aria-label': next['aria-label']
-    },
-    klf,
-    information,
-    type: validationResult === 'success' ? 'right' : 'wrong',
-    resultLabel: validationResult === 'success' ? successLabel : failureLabel
-  };
-  const questionOrigin = 'From "Master Design Thinking to become more agile" course';
-  return /*#__PURE__*/_react.default.createElement("div", {
-    key: `slide-${slideNumber}`,
-    "data-name": `slide-${slideNumber}`,
-    className: (0, _classnames.default)(_style.default.slideBase, getSlideAnimation(action, position, hidden), endReview ? _style.default.endReview : null)
-  }, answer && question ? /*#__PURE__*/_react.default.createElement("div", {
-    key: "content-container",
-    className: _style.default.slideContentContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    key: "from-course",
-    className: _style.default.questionOrigin
-  }, questionOrigin), /*#__PURE__*/_react.default.createElement("div", {
-    key: "title",
-    className: _style.default.question
-  }, question), /*#__PURE__*/_react.default.createElement("div", {
-    key: "help",
-    className: _style.default.help
-  }, answer.help), /*#__PURE__*/_react.default.createElement("div", {
-    key: "answer-container",
-    className: _style.default.answerContainer
-  }, /*#__PURE__*/_react.default.createElement(_answer.default, _extends({}, answer, {
-    key: "answer"
-  })))) : null, /*#__PURE__*/_react.default.createElement("div", {
-    key: "button-wrapper",
-    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 && {
-      display: 'none'
-    })
-  }, /*#__PURE__*/_react.default.createElement(_reviewCorrectionPopin.default, _correctionPopinProps)));
-}; // ||-------> Handles the updates of a given slide (using the 'id' in the action),
-// & then updates de remaining slides if this given change should impact their content
-
-
-const slidesStateReducer = (state, action) => {
-  const [id, value] = action;
-
-  const _state = new Map();
-
-  const {
-    nextSlide,
-    numberOfFinishedSlides
-  } = value,
-        newValue = _objectWithoutPropertiesLoose(value, ["nextSlide", "numberOfFinishedSlides"]); // eslint-disable-next-line fp/no-loops
-
-
-  for (const [index, previousValue] of state) {
-    if (index === id) {
-      // update the given slide
-      if (nextSlide && numberOfFinishedSlides === HIGHEST_INDEX) {
-        _state.set(index, _extends(_extends({}, previousValue), {}, {
-          nextSlide,
-          position: newValue.position,
-          validationResult: newValue.validationResult
-        }));
-      } else if (numberOfFinishedSlides === HIGHEST_INDEX && previousValue.nextSlide) {
-        _state.set(index, _extends(_extends({}, previousValue.nextSlide), {}, {
-          position: previousValue.position
-        }));
-      } else _state.set(id, newValue);
-    } else {
-      // updates the rest of the slides here
-      const {
-        hidden,
-        position,
-        answer,
-        question
-      } = previousValue;
-
-      if (nextSlide) {
-        _state.set(index, _extends(_extends({}, nextSlide), {}, {
-          endReview: newValue.endReview,
-          hidden,
-          position
-        }));
-      } else {
-        _state.set(index, {
-          hidden,
-          position: position - 1,
-          answer,
-          question,
-          endReview: newValue.endReview
-        });
-      }
-    }
-  }
-
-  return _state;
-}; // ||-------> aux function, finds the consecutive index to loop from 0 to HIGHEST_INDEX (4) & again to 0
-
-
-const getNextIndex = currentIndex => currentIndex === HIGHEST_INDEX ? 0 : currentIndex + 1; // ||-------> calculates which should be the next step to visit (as there can be already answered slides &&
-// they have to be skipped)
-
-
-const calculateNextStepIndex = (currentSlideIndex, finishedSlides, lastVisitedIndex = null) => {
-  // only one slide remaining
-  if (lastVisitedIndex === currentSlideIndex) {
-    return currentSlideIndex;
-  }
-
-  const indexToVisit = getNextIndex((0, _isNil.default)(lastVisitedIndex) ? currentSlideIndex : lastVisitedIndex);
-  return finishedSlides.has(indexToVisit) ? calculateNextStepIndex(currentSlideIndex, finishedSlides, indexToVisit) : indexToVisit;
-}; // ||-------> Handles the updates of a given step item (using the 'id' in the action),
-// & then updates de remaining step items if this given change should impact their content
-
-
-const stepItemsReducer = (state, action) => {
-  const [id, value] = action;
-
-  const {
-    setNext,
-    finishedSlides
-  } = value,
-        rest = _objectWithoutPropertiesLoose(value, ["setNext", "finishedSlides"]);
-
-  const _state = new Map();
-
-  const nextIndex = !rest.current && setNext ? calculateNextStepIndex(id, finishedSlides) : null; // eslint-disable-next-line fp/no-loops
-
-  for (const [index, previousValue] of state) {
-    if (id === index) _state.set(id, _extends(_extends({}, previousValue), rest));else if (setNext && nextIndex === index) {
-      _state.set(index, _extends(_extends({}, previousValue), {}, {
-        current: true
-      }));
-    } else _state.set(index, previousValue);
-  }
-
-  return _state;
-}; // ||-------> Stores the correctly answered (finished) slides, the initial state is an empty Map
-
-
-const finishedSlidesReducer = (state, action) => {
-  const [id, value] = action;
-
-  const _state = new Map(); // eslint-disable-next-line fp/no-loops
-
-
-  for (const [index, previousValue] of state) {
-    _state.set(index, previousValue);
-  }
-
-  _state.set(id, value);
-
-  return _state;
-};
-
-const SlidesReview = ({
-  headerProps,
-  reviewBackgroundAriaLabel,
-  validate,
-  correctionPopinProps,
-  firstSlide,
-  congratsProps
-}, context) => {
-  const {
-    skin
-  } = context;
-  const primarySkinColor = (0, _react.useMemo)(() => (0, _getOr.default)('#00B0FF', 'common.primary', skin), [skin]); // ||-------> States init: build initial states && memoize them + reducers creation
-
-  const slidesInitialState = (0, _react.useMemo)(() => {
-    const states = new Map();
-    const {
-      answer,
-      question
-    } = firstSlide; // eslint-disable-next-line fp/no-loops
-
-    for (let index = 0; index < TOTAL_SLIDES_STACK; index++) {
-      const content = index === 0 ? {
-        answer,
-        question
-      } : {};
-      states.set(index, _extends(_extends({}, content), {}, {
-        hidden: false,
-        position: index
-      }));
-    }
-
-    return states;
-  }, [firstSlide]);
-  const stepItemsInitialState = (0, _react.useMemo)(() => {
-    const states = new Map(); // eslint-disable-next-line fp/no-loops
-
-    for (let index = 0; index < TOTAL_SLIDES_STACK; index++) {
-      const current = index === 0;
-      states.set(index, {
-        current,
-        value: `${index + 1}`,
-        icon: null
-      });
-    }
-
-    return states;
-  }, []);
-  const [finishedSlides, updateFinishedSlides] = (0, _react.useReducer)(finishedSlidesReducer, new Map());
-  const [slidesState, updateSlides] = (0, _react.useReducer)(slidesStateReducer, slidesInitialState);
-  const [stepItemsState, updateStepItems] = (0, _react.useReducer)(stepItemsReducer, stepItemsInitialState);
-  const [reviewState, updateReviewState] = (0, _react.useState)('ongoing');
-  /*
-    ||-------> 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)
-  */
-
-  const [shouldMountSlides, updateShouldMountSlides] = (0, _react.useState)(true); // ||-------> build each slide, passing down the reducers that will act on validation & next clicks
-
-  const builtStackedSlides = (0, _react.useMemo)(() => {
-    const StackedSlides = []; // eslint-disable-next-line fp/no-loops
-
-    for (let slideNumber = 0; slideNumber < TOTAL_SLIDES_STACK; slideNumber++) {
-      StackedSlides.push(buildSlide(slideNumber, slidesState, updateSlides, primarySkinColor, validate, correctionPopinProps, updateStepItems, finishedSlides, updateFinishedSlides, updateReviewState, updateShouldMountSlides));
-    }
-
-    return StackedSlides;
-  }, [slidesState, primarySkinColor, validate, correctionPopinProps, finishedSlides]); // ||-------> transform the step items state (Map structure) to an Array
-
-  const stepItemsArray = (0, _react.useMemo)(() => {
-    // eslint-disable-next-line unicorn/prefer-spread
-    return Array.from(stepItemsState.values());
-  }, [stepItemsState]);
-
-  const _headerProps = _extends(_extends({}, headerProps), {}, {
-    steps: stepItemsArray,
-    key: 'review-header',
-    hiddenSteps: reviewState !== 'ongoing'
-  });
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    key: "slides-revision-container",
-    "data-name": "slides-revision-container",
-    className: _style.default.slidesRevisionContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    key: "player-background-container",
-    className: _style.default.playerBackground
-  }, /*#__PURE__*/_react.default.createElement(_reviewBackground.default, {
-    "aria-label": reviewBackgroundAriaLabel
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    key: "review-header-wrapper",
-    className: _style.default.reviewHeaderContainer
-  }, /*#__PURE__*/_react.default.createElement(_reviewHeader.default, _headerProps)), shouldMountSlides ? /*#__PURE__*/_react.default.createElement("div", {
-    key: "stacked-slides-container-y-overflow",
-    className: _style.default.stackedSlidesYAxisOverflowContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    key: "stacked-slides-container",
-    "data-name": "stacked-slides-container",
-    className: _style.default.stackedSlidesContainer
-  }, builtStackedSlides)) : null, reviewState === 'finished' ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.congrats
-  }, /*#__PURE__*/_react.default.createElement(_reviewCongrats.default, congratsProps)) : null);
-};
-
-SlidesReview.propTypes = process.env.NODE_ENV !== "production" ? {
-  headerProps: _propTypes.default.shape((0, _omit.default)(['steps', ''], _reviewHeader.default.propTypes)),
-  reviewBackgroundAriaLabel: _reviewBackground.default.propTypes['aria-label'],
-  validate: _propTypes.default.shape({
-    label: _propTypes.default.string,
-    onClick: _propTypes.default.func
-  }),
-  firstSlide: _propTypes.default.shape({
-    question: _propTypes.default.string,
-    answer: _propTypes.default.shape(_answer.default.propTypes)
-  }),
-  correctionPopinProps: _propTypes.default.shape({
-    klf: _reviewCorrectionPopin.default.propTypes.klf,
-    information: _reviewCorrectionPopin.default.propTypes.information,
-    next: _propTypes.default.shape({
-      label: _propTypes.default.string,
-      'aria-label': _propTypes.default.string
-    }),
-    successLabel: _reviewCorrectionPopin.default.propTypes.resultLabel,
-    failureLabel: _reviewCorrectionPopin.default.propTypes.resultLabel
-  }),
-  congratsProps: _propTypes.default.shape(_reviewCongrats.default.propTypes)
-} : {};
-var _default = SlidesReview;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/template/app-review/slides-review/index.js"],"names":["stylesByPosition","style","position0","position1","position2","position3","position4","TOTAL_SLIDES_STACK","HIGHEST_INDEX","getSlideAnimation","action","position","hidden","slideOutHideAndIn","slideOutAndIn","hiddenSlide","buildSlide","slideNumber","slidesState","updateSlides","primarySkinColor","validate","correctionPopinProps","updateStepItems","finishedSlides","updateFinishedSlides","updateReviewState","updateShouldMountSlides","endReview","validationResult","question","answer","get","onClick","onValidateClick","label","validateLabel","validateButtonProps","customStyle","backgroundColor","result","nextSlide","_endReview","numberOfFinishedSlides","size","setTimeout","icon","ICON_VALUES","right","wrong","className","validateButton","disabled","klf","information","next","successLabel","failureLabel","_correctionPopinProps","setNext","current","type","resultLabel","questionOrigin","slideBase","slideContentContainer","help","answerContainer","validateButtonWrapper","correctionPopinWrapper","hiddenCorrectionPopinWrapper","display","slidesStateReducer","state","id","value","_state","Map","newValue","index","previousValue","set","getNextIndex","currentIndex","calculateNextStepIndex","currentSlideIndex","lastVisitedIndex","indexToVisit","has","stepItemsReducer","rest","nextIndex","finishedSlidesReducer","SlidesReview","headerProps","reviewBackgroundAriaLabel","firstSlide","congratsProps","context","skin","slidesInitialState","states","content","stepItemsInitialState","stepItemsState","reviewState","shouldMountSlides","builtStackedSlides","StackedSlides","push","stepItemsArray","Array","from","values","_headerProps","steps","key","hiddenSteps","slidesRevisionContainer","playerBackground","reviewHeaderContainer","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer","congrats","propTypes","PropTypes","shape","ReviewHeader","ReviewBackground","string","func","Answer","ReviewCorrectionPopin","ReviewCongrats"],"mappings":"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","sourcesContent":["import React, {useState, useReducer, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport omit from 'lodash/fp/omit';\nimport isNil from 'lodash/fp/isNil';\nimport ReviewBackground from '../../../atom/review-background';\nimport {ICON_VALUES} from '../../../atom/review-header-step-item';\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewHeader from '../../../organism/review-header';\nimport ReviewCorrectionPopin from '../../../molecule/review-correction-popin';\nimport Answer from '../../../molecule/answer';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\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 TOTAL_SLIDES_STACK = 5;\nconst HIGHEST_INDEX = TOTAL_SLIDES_STACK - 1;\n\nconst getSlideAnimation = (action, position, hidden) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return style.slideOutAndIn;\n    default:\n      return hidden ? style.hiddenSlide : stylesByPosition[position];\n  }\n};\n\nconst buildSlide = (\n  slideNumber,\n  slidesState,\n  updateSlides,\n  primarySkinColor,\n  validate,\n  correctionPopinProps,\n  updateStepItems,\n  finishedSlides,\n  updateFinishedSlides,\n  updateReviewState,\n  updateShouldMountSlides\n) => {\n  const {hidden, endReview, position, action, validationResult, question, answer} = slidesState.get(\n    slideNumber\n  );\n  const {onClick: onValidateClick, label: validateLabel} = validate;\n\n  const validateButtonProps = {\n    customStyle: {\n      backgroundColor: primarySkinColor\n    },\n    /* \n      slide validation action, this will trigger the correction popin but will not trigger any\n      animations unless the endReview signal is received (all slides will disappear),\n      if there is a nextSlide content, it will be loaded here\n      if it is the last slide and the content needs to be different, then that update will\n      be handled on the next slide logic but the content will be carried from here.\n    */\n    onClick: async () => {\n      const {validationResult: result, nextSlide, endReview: _endReview} = await onValidateClick();\n      updateSlides([\n        slideNumber,\n        {\n          hidden,\n          position,\n          validationResult: result,\n          answer,\n          question,\n          nextSlide,\n          numberOfFinishedSlides: finishedSlides.size,\n          endReview: _endReview\n        }\n      ]);\n      // on endReview, this gives some time for the slides to slide out && then launch\n      // the 'finished' logic as it would happen when normally finishing the review\n      if (_endReview) {\n        updateReviewState('finished');\n        setTimeout(() => updateShouldMountSlides(false), 2000);\n      }\n      updateStepItems([\n        slideNumber,\n        {\n          icon: result === 'success' ? ICON_VALUES.right : ICON_VALUES.wrong,\n          finishedSlides\n        }\n      ]);\n      // only stores successful slides\n      if (result === 'success') updateFinishedSlides([slideNumber, true]);\n    },\n    'aria-label': validateLabel,\n    label: validateLabel,\n    'data-name': `slide-validate-button-${slideNumber}`,\n    className: style.validateButton,\n    disabled: !isNil(validationResult)\n  };\n\n  const {klf, information, next, successLabel, failureLabel} = correctionPopinProps;\n\n  const _correctionPopinProps = {\n    next: {\n      /* \n        next slide action, this will trigger the slides animations\n        if it is the last slide AND the content needs to be different, then that update\n        of the content will be handled here (and in the validate as it happens normally )\n        from the content carried from the validate action.\n      */\n      onClick: () => {\n        updateSlides([\n          slideNumber,\n          {\n            hidden: validationResult === 'success',\n            position: HIGHEST_INDEX - finishedSlides.size,\n            action: validationResult === 'success' ? 'unstack' : 'restack',\n            answer,\n            question,\n            validationResult,\n            numberOfFinishedSlides: finishedSlides.size,\n            endReview\n          }\n        ]);\n        updateStepItems([\n          slideNumber,\n          {\n            setNext: true,\n            finishedSlides,\n            current: finishedSlides.size === HIGHEST_INDEX && validationResult !== 'success'\n          }\n        ]);\n        // if slides are successfully reviewed, then trigger the 'finished' state\n        if (finishedSlides.size === TOTAL_SLIDES_STACK) {\n          updateReviewState('finished');\n          setTimeout(() => updateShouldMountSlides(false), 2000);\n        }\n      },\n      label: next.label,\n      'data-name': `next-question-button-${slideNumber}`,\n      'aria-label': next['aria-label']\n    },\n    klf,\n    information,\n    type: validationResult === 'success' ? 'right' : 'wrong',\n    resultLabel: validationResult === 'success' ? successLabel : failureLabel\n  };\n\n  const questionOrigin = 'From \"Master Design Thinking to become more agile\" course';\n\n  return (\n    <div\n      key={`slide-${slideNumber}`}\n      data-name={`slide-${slideNumber}`}\n      className={classnames(\n        style.slideBase,\n        getSlideAnimation(action, position, hidden),\n        endReview ? style.endReview : null\n      )}\n    >\n      {answer && question ? (\n        <div key=\"content-container\" className={style.slideContentContainer}>\n          <div key=\"from-course\" className={style.questionOrigin}>\n            {questionOrigin}\n          </div>\n          <div key=\"title\" className={style.question}>\n            {question}\n          </div>\n          <div key=\"help\" className={style.help}>\n            {answer.help}\n          </div>\n          <div key=\"answer-container\" className={style.answerContainer}>\n            <Answer {...answer} key=\"answer\" />\n          </div>\n        </div>\n      ) : null}\n\n      <div key=\"button-wrapper\" className={style.validateButtonWrapper}>\n        <ButtonLink {...validateButtonProps} />\n      </div>\n      <div\n        className={\n          validationResult ? style.correctionPopinWrapper : style.hiddenCorrectionPopinWrapper\n        }\n        style={{\n          ...(finishedSlides.size !== HIGHEST_INDEX &&\n            !validationResult && {\n              display: 'none'\n            })\n        }}\n      >\n        <ReviewCorrectionPopin {..._correctionPopinProps} />\n      </div>\n    </div>\n  );\n};\n\n// ||-------> Handles the updates of a given slide (using the 'id' in the action),\n// & then updates de remaining slides if this given change should impact their content\nconst slidesStateReducer = (state, action) => {\n  const [id, value] = action;\n  const _state = new Map();\n\n  const {nextSlide, numberOfFinishedSlides, ...newValue} = value;\n\n  // eslint-disable-next-line fp/no-loops\n  for (const [index, previousValue] of state) {\n    if (index === id) {\n      // update the given slide\n      if (nextSlide && numberOfFinishedSlides === HIGHEST_INDEX) {\n        _state.set(index, {\n          ...previousValue,\n          nextSlide,\n          position: newValue.position,\n          validationResult: newValue.validationResult\n        });\n      } else if (numberOfFinishedSlides === HIGHEST_INDEX && previousValue.nextSlide) {\n        _state.set(index, {...previousValue.nextSlide, position: previousValue.position});\n      } else _state.set(id, newValue);\n    } else {\n      // updates the rest of the slides here\n      const {hidden, position, answer, question} = previousValue;\n      if (nextSlide) {\n        _state.set(index, {...nextSlide, endReview: newValue.endReview, hidden, position});\n      } else {\n        _state.set(index, {\n          hidden,\n          position: position - 1,\n          answer,\n          question,\n          endReview: newValue.endReview\n        });\n      }\n    }\n  }\n\n  return _state;\n};\n\n// ||-------> aux function, finds the consecutive index to loop from 0 to HIGHEST_INDEX (4) & again to 0\nconst getNextIndex = currentIndex => (currentIndex === HIGHEST_INDEX ? 0 : currentIndex + 1);\n\n// ||-------> calculates which should be the next step to visit (as there can be already answered slides &&\n// they have to be skipped)\nconst calculateNextStepIndex = (currentSlideIndex, finishedSlides, lastVisitedIndex = null) => {\n  // only one slide remaining\n  if (lastVisitedIndex === currentSlideIndex) {\n    return currentSlideIndex;\n  }\n\n  const indexToVisit = getNextIndex(isNil(lastVisitedIndex) ? currentSlideIndex : lastVisitedIndex);\n\n  return finishedSlides.has(indexToVisit)\n    ? calculateNextStepIndex(currentSlideIndex, finishedSlides, indexToVisit)\n    : indexToVisit;\n};\n\n// ||-------> Handles the updates of a given step item (using the 'id' in the action),\n// & then updates de remaining step items if this given change should impact their content\nconst stepItemsReducer = (state, action) => {\n  const [id, value] = action;\n  const {setNext, finishedSlides, ...rest} = value;\n  const _state = new Map();\n  const nextIndex = !rest.current && setNext ? calculateNextStepIndex(id, finishedSlides) : null;\n\n  // eslint-disable-next-line fp/no-loops\n  for (const [index, previousValue] of state) {\n    if (id === index)\n      _state.set(id, {\n        ...previousValue,\n        ...rest\n      });\n    else if (setNext && nextIndex === index) {\n      _state.set(index, {...previousValue, current: true});\n    } else _state.set(index, previousValue);\n  }\n\n  return _state;\n};\n\n// ||-------> Stores the correctly answered (finished) slides, the initial state is an empty Map\nconst finishedSlidesReducer = (state, action) => {\n  const [id, value] = action;\n  const _state = new Map();\n\n  // eslint-disable-next-line fp/no-loops\n  for (const [index, previousValue] of state) {\n    _state.set(index, previousValue);\n  }\n\n  _state.set(id, value);\n\n  return _state;\n};\n\nconst SlidesReview = (\n  {\n    headerProps,\n    reviewBackgroundAriaLabel,\n    validate,\n    correctionPopinProps,\n    firstSlide,\n    congratsProps\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySkinColor = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n\n  // ||-------> States init: build initial states && memoize them + reducers creation\n  const slidesInitialState = useMemo(() => {\n    const states = new Map();\n    const {answer, question} = firstSlide;\n    // eslint-disable-next-line fp/no-loops\n    for (let index = 0; index < TOTAL_SLIDES_STACK; index++) {\n      const content = index === 0 ? {answer, question} : {};\n      states.set(index, {...content, hidden: false, position: index});\n    }\n    return states;\n  }, [firstSlide]);\n\n  const stepItemsInitialState = useMemo(() => {\n    const states = new Map();\n    // eslint-disable-next-line fp/no-loops\n    for (let index = 0; index < TOTAL_SLIDES_STACK; index++) {\n      const current = index === 0;\n      states.set(index, {current, value: `${index + 1}`, icon: null});\n    }\n    return states;\n  }, []);\n\n  const [finishedSlides, updateFinishedSlides] = useReducer(finishedSlidesReducer, new Map());\n\n  const [slidesState, updateSlides] = useReducer(slidesStateReducer, slidesInitialState);\n\n  const [stepItemsState, updateStepItems] = useReducer(stepItemsReducer, stepItemsInitialState);\n\n  const [reviewState, updateReviewState] = useState('ongoing');\n\n  /*\n    ||-------> the slides have an slightly longer lifespan than the \"ongoing\" review State,\n    after reviewState changes to \"finished\" the slides don't have to unmount until the last\n    slide-out animation is finished, the slides have to be unmounted to be RGAA complaint \n    (if they are only invisible but still mounted, then they will be found the assisting tools & clutter it)\n  */\n  const [shouldMountSlides, updateShouldMountSlides] = useState(true);\n\n  // ||-------> build each slide, passing down the reducers that will act on validation & next clicks\n  const builtStackedSlides = useMemo(() => {\n    const StackedSlides = [];\n    // eslint-disable-next-line fp/no-loops\n    for (let slideNumber = 0; slideNumber < TOTAL_SLIDES_STACK; slideNumber++) {\n      StackedSlides.push(\n        buildSlide(\n          slideNumber,\n          slidesState,\n          updateSlides,\n          primarySkinColor,\n          validate,\n          correctionPopinProps,\n          updateStepItems,\n          finishedSlides,\n          updateFinishedSlides,\n          updateReviewState,\n          updateShouldMountSlides\n        )\n      );\n    }\n\n    return StackedSlides;\n  }, [slidesState, primarySkinColor, validate, correctionPopinProps, finishedSlides]);\n\n  // ||-------> transform the step items state (Map structure) to an Array\n  const stepItemsArray = useMemo(() => {\n    // eslint-disable-next-line unicorn/prefer-spread\n    return Array.from(stepItemsState.values());\n  }, [stepItemsState]);\n\n  const _headerProps = {\n    ...headerProps,\n    steps: stepItemsArray,\n    key: 'review-header',\n    hiddenSteps: reviewState !== 'ongoing'\n  };\n\n  return (\n    <div\n      key=\"slides-revision-container\"\n      data-name=\"slides-revision-container\"\n      className={style.slidesRevisionContainer}\n    >\n      <div key=\"player-background-container\" className={style.playerBackground}>\n        <ReviewBackground aria-label={reviewBackgroundAriaLabel} />\n      </div>\n\n      <div key=\"review-header-wrapper\" className={style.reviewHeaderContainer}>\n        <ReviewHeader {..._headerProps} />\n      </div>\n\n      {shouldMountSlides ? (\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            {builtStackedSlides}\n          </div>\n        </div>\n      ) : null}\n\n      {reviewState === 'finished' ? (\n        <div className={style.congrats}>\n          <ReviewCongrats {...congratsProps} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSlidesReview.propTypes = {\n  headerProps: PropTypes.shape(omit(['steps', ''], ReviewHeader.propTypes)),\n  reviewBackgroundAriaLabel: ReviewBackground.propTypes['aria-label'],\n  validate: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  firstSlide: PropTypes.shape({\n    question: PropTypes.string,\n    answer: PropTypes.shape(Answer.propTypes)\n  }),\n  correctionPopinProps: PropTypes.shape({\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\nexport default SlidesReview;\n"],"file":"index.js"}