@coorpacademy/components 10.19.6-alpha.6.6 → 10.19.8

package/lib/template/activity/progression-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/activity/progression-item.js"],"names":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","handleCTAClick","e","stopPropagation","preventDefault","link","color","cta","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"file":"progression-item.js"}
+{"version":3,"sources":["../../../src/template/activity/progression-item.js"],"names":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","handleCTAClick","e","stopPropagation","preventDefault","link","color","cta","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","childContextTypes"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon color={white} height={14} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon color={primary} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} color={dark} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} color={primary} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"file":"progression-item.js"}

package/lib/template/activity/style.css

@@ -153,3 +153,8 @@
     margin: 10px 10px 0;
   }
 }
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}
+

package/lib/template/app-player/popin-correction/test/index.js

@@ -22,15 +22,20 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 (0, _enzyme.configure)({
   adapter: new _enzymeAdapterReact.default()
 });
-
-_ava.default.cb('should open with transition', t => {
-  const props = _extends({
-    onOpen: t.end
-  }, _correctClosed.default.props);
-
-  const context = {
-    skin: {}
-  };
-  (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, props), context);
+(0, _ava.default)('should open with transition', async t => {
+  t.plan(1);
+  await new Promise(resolve => {
+    const props = _extends({
+      onOpen: () => {
+        t.pass();
+        resolve();
+      }
+    }, _correctClosed.default.props);
+
+    const context = {
+      skin: {}
+    };
+    (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, props), context);
+  });
 });
 //# sourceMappingURL=index.js.map

package/lib/template/app-player/popin-correction/test/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/app-player/popin-correction/test/index.js"],"names":["adapter","Adapter","test","cb","t","props","onOpen","end","correctClosed","context","skin"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;;AAEAC,aAAKC,EAAL,CAAQ,6BAAR,EAAuCC,CAAC,IAAI;AAC1C,QAAMC,KAAK;AAAIC,IAAAA,MAAM,EAAEF,CAAC,CAACG;AAAd,KAAsBC,uBAAcH,KAApC,CAAX;;AACA,QAAMI,OAAO,GAAG;AAACC,IAAAA,IAAI,EAAE;AAAP,GAAhB;AAEA,qCAAQ,6BAAC,SAAD,EAAqBL,KAArB,CAAR,EAAwCI,OAAxC;AACD,CALD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport Adapter from '@wojtekmaj/enzyme-adapter-react-17';\nimport PopinCorrection from '..';\nimport correctClosed from './fixtures/correct-closed';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest.cb('should open with transition', t => {\n  const props = {onOpen: t.end, ...correctClosed.props};\n  const context = {skin: {}};\n\n  shallow(<PopinCorrection {...props} />, context);\n});\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../src/template/app-player/popin-correction/test/index.js"],"names":["adapter","Adapter","t","plan","Promise","resolve","props","onOpen","pass","correctClosed","context","skin"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AAEA,kBAAK,6BAAL,EAAoC,MAAMC,CAAN,IAAW;AAC7CA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AACA,QAAM,IAAIC,OAAJ,CAAYC,OAAO,IAAI;AAC3B,UAAMC,KAAK;AACTC,MAAAA,MAAM,EAAE,MAAM;AACZL,QAAAA,CAAC,CAACM,IAAF;AACAH,QAAAA,OAAO;AACR;AAJQ,OAKNI,uBAAcH,KALR,CAAX;;AAOA,UAAMI,OAAO,GAAG;AAACC,MAAAA,IAAI,EAAE;AAAP,KAAhB;AAEA,uCAAQ,6BAAC,SAAD,EAAqBL,KAArB,CAAR,EAAwCI,OAAxC;AACD,GAXK,CAAN;AAYD,CAdD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport Adapter from '@wojtekmaj/enzyme-adapter-react-17';\nimport PopinCorrection from '..';\nimport correctClosed from './fixtures/correct-closed';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should open with transition', async t => {\n  t.plan(1);\n  await new Promise(resolve => {\n    const props = {\n      onOpen: () => {\n        t.pass();\n        resolve();\n      },\n      ...correctClosed.props\n    };\n    const context = {skin: {}};\n\n    shallow(<PopinCorrection {...props} />, context);\n  });\n});\n"],"file":"index.js"}

package/lib/template/app-review/root-view/common.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ViewNames = void 0;
+const ViewNames = {
+  home: 'home',
+  onboarding: 'onboarding',
+  slides: 'slides'
+};
+exports.ViewNames = ViewNames;
+//# sourceMappingURL=common.js.map

package/lib/template/app-review/root-view/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/root-view/common.js"],"names":["ViewNames","home","onboarding","slides"],"mappings":";;;;AAAO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,UAAU,EAAE,YAFW;AAGvBC,EAAAA,MAAM,EAAE;AAHe,CAAlB","sourcesContent":["export const ViewNames = {\n  home: 'home',\n  onboarding: 'onboarding',\n  slides: 'slides'\n};\n"],"file":"common.js"}

package/lib/template/app-review/root-view/prop-types.js

@@ -5,12 +5,24 @@ exports.default = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
+var _reviewDashboardSkills = _interopRequireDefault(require("../../review-dashboard-skills"));
+
+var _slidesReview = _interopRequireDefault(require("../slides-review"));
+
+var _common = require("./common");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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); }
+
 var _default = {
-  viewName: _propTypes.default.string,
+  viewName: _propTypes.default.oneOf((0, _keys.default)(_common.ViewNames)),
   navigateBack: _propTypes.default.func,
-  navigateTo: _propTypes.default.func
+  navigateTo: _propTypes.default.func,
+  onboarding: _propTypes.default.shape(_extends({}, _reviewDashboardSkills.default.propTypes)),
+  slidesReview: _propTypes.default.shape(_extends({}, _slidesReview.default.propTypes))
 };
 exports.default = _default;
 //# sourceMappingURL=prop-types.js.map

package/lib/template/app-review/root-view/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/root-view/prop-types.js"],"names":["viewName","PropTypes","string","navigateBack","func","navigateTo"],"mappings":";;;;;AAAA;;;;eAEe;AACbA,EAAAA,QAAQ,EAAEC,mBAAUC,MADP;AAEbC,EAAAA,YAAY,EAAEF,mBAAUG,IAFX;AAGbC,EAAAA,UAAU,EAAEJ,mBAAUG;AAHT,C","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {\n  viewName: PropTypes.string,\n  navigateBack: PropTypes.func,\n  navigateTo: PropTypes.func\n};\n"],"file":"prop-types.js"}
+{"version":3,"sources":["../../../../src/template/app-review/root-view/prop-types.js"],"names":["viewName","PropTypes","oneOf","ViewNames","navigateBack","func","navigateTo","onboarding","shape","ReviewDashboardSkills","propTypes","slidesReview","SlidesReview"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,QAAQ,EAAEC,mBAAUC,KAAV,CAAgB,mBAAKC,iBAAL,CAAhB,CADG;AAEbC,EAAAA,YAAY,EAAEH,mBAAUI,IAFX;AAGbC,EAAAA,UAAU,EAAEL,mBAAUI,IAHT;AAIbE,EAAAA,UAAU,EAAEN,mBAAUO,KAAV,cAAoBC,+BAAsBC,SAA1C,EAJC;AAKbC,EAAAA,YAAY,EAAEV,mBAAUO,KAAV,cAAoBI,sBAAaF,SAAjC;AALD,C","sourcesContent":["import PropTypes from 'prop-types';\nimport keys from 'lodash/fp/keys';\nimport ReviewDashboardSkills from '../../review-dashboard-skills';\nimport SlidesReview from '../slides-review';\nimport {ViewNames} from './common';\n\nexport default {\n  viewName: PropTypes.oneOf(keys(ViewNames)),\n  navigateBack: PropTypes.func,\n  navigateTo: PropTypes.func,\n  onboarding: PropTypes.shape({...ReviewDashboardSkills.propTypes}),\n  slidesReview: PropTypes.shape({...SlidesReview.propTypes})\n};\n"],"file":"prop-types.js"}

package/lib/template/app-review/root-view/root-view.js

@@ -5,51 +5,17 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("./prop-types"));
+var _slidesReview = _interopRequireDefault(require("../slides-review"));
 
-var _rootViewModules = _interopRequireDefault(require("./root-view.modules.css"));
+var _propTypes = _interopRequireDefault(require("./prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 Button = props => /*#__PURE__*/_react.default.createElement("p", _extends({}, props, {
-  className: _rootViewModules.default.textButton
-})); // -----------------------------------------------------------------------------
-
-
 const RootView = ({
-  viewName,
-  navigateTo
+  slidesReview
 }) => {
-  const handleClick = v => () => navigateTo(v);
-
-  switch (viewName) {
-    case 'home':
-      {
-        return /*#__PURE__*/_react.default.createElement(Button, {
-          onClick: handleClick('onboarding')
-        }, "view home");
-      }
-
-    case 'onboarding':
-      {
-        return /*#__PURE__*/_react.default.createElement(Button, {
-          onClick: handleClick('quizzer')
-        }, "view onboarding");
-      }
-
-    case 'quizzer':
-      {
-        return /*#__PURE__*/_react.default.createElement(Button, {
-          onClick: handleClick('home')
-        }, "view quizzer");
-      }
-
-    default:
-      return /*#__PURE__*/_react.default.createElement(Button, null, "view (none selected)");
-  }
+  return /*#__PURE__*/_react.default.createElement(_slidesReview.default, slidesReview);
 };
 
 RootView.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {}; // -----------------------------------------------------------------------------

package/lib/template/app-review/root-view/root-view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/root-view/root-view.js"],"names":["Button","props","styles","textButton","RootView","viewName","navigateTo","handleClick","v","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEA;AAEA,MAAMA,MAAM,GAAGC,KAAK,iBAAI,+CAAOA,KAAP;AAAc,EAAA,SAAS,EAAEC,yBAAOC;AAAhC,GAAxB,C,CAEA;;;AAEA,MAAMC,QAAQ,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA;AAAX,CAAD,KAA4B;AAC3C,QAAMC,WAAW,GAAGC,CAAC,IAAI,MAAMF,UAAU,CAACE,CAAD,CAAzC;;AAEA,UAAQH,QAAR;AACE,SAAK,MAAL;AAAa;AACX,4BAAO,6BAAC,MAAD;AAAQ,UAAA,OAAO,EAAEE,WAAW,CAAC,YAAD;AAA5B,uBAAP;AACD;;AACD,SAAK,YAAL;AAAmB;AACjB,4BAAO,6BAAC,MAAD;AAAQ,UAAA,OAAO,EAAEA,WAAW,CAAC,SAAD;AAA5B,6BAAP;AACD;;AACD,SAAK,SAAL;AAAgB;AACd,4BAAO,6BAAC,MAAD;AAAQ,UAAA,OAAO,EAAEA,WAAW,CAAC,MAAD;AAA5B,0BAAP;AACD;;AACD;AACE,0BAAO,6BAAC,MAAD,+BAAP;AAXJ;AAaD,CAhBD;;AAkBAH,QAAQ,CAACK,SAAT,2CAAqBA,kBAArB,M,CAEA;;eAEeL,Q","sourcesContent":["import React from 'react';\nimport propTypes from './prop-types';\nimport styles from './root-view.modules.css';\n\n// -----------------------------------------------------------------------------\n\nconst Button = props => <p {...props} className={styles.textButton} />;\n\n// -----------------------------------------------------------------------------\n\nconst RootView = ({viewName, navigateTo}) => {\n  const handleClick = v => () => navigateTo(v);\n\n  switch (viewName) {\n    case 'home': {\n      return <Button onClick={handleClick('onboarding')}>view home</Button>;\n    }\n    case 'onboarding': {\n      return <Button onClick={handleClick('quizzer')}>view onboarding</Button>;\n    }\n    case 'quizzer': {\n      return <Button onClick={handleClick('home')}>view quizzer</Button>;\n    }\n    default:\n      return <Button>view (none selected)</Button>;\n  }\n};\n\nRootView.propTypes = propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default RootView;\n"],"file":"root-view.js"}
+{"version":3,"sources":["../../../../src/template/app-review/root-view/root-view.js"],"names":["RootView","slidesReview","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA;AAEA,MAAMA,QAAQ,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAoB;AACnC,sBAAO,6BAAC,qBAAD,EAAkBA,YAAlB,CAAP;AACD,CAFD;;AAIAD,QAAQ,CAACE,SAAT,2CAAqBA,kBAArB,M,CAEA;;eAEeF,Q","sourcesContent":["import React from 'react';\nimport SlidesReview from '../slides-review';\nimport propTypes from './prop-types';\n\n// -----------------------------------------------------------------------------\n\nconst RootView = ({slidesReview}) => {\n  return <SlidesReview {...slidesReview} />;\n};\n\nRootView.propTypes = propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default RootView;\n"],"file":"root-view.js"}

package/lib/template/app-review/root-view/root-view.native.js

@@ -9,6 +9,8 @@ var _reactNative = require("react-native");
 
 var _propTypes = _interopRequireDefault(require("./prop-types"));
 
+var _common = require("./common");
+
 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; }
@@ -32,17 +34,17 @@ const NavText = ({
   const handlePress = v => () => navigateTo(v);
 
   switch (viewName) {
-    case 'home':
+    case _common.ViewNames.home:
       return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
         onPress: handlePress('onboarding')
       }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "view home"));
 
-    case 'onboarding':
+    case _common.ViewNames.onboarding:
       return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
         onPress: handlePress('quizzer')
       }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "view onboarding"));
 
-    case 'quizzer':
+    case _common.ViewNames.slides:
       return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
         onPress: handlePress('home')
       }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "view quizzer"));
@@ -68,7 +70,7 @@ const RootView = ({
     const backHandler = _reactNative.BackHandler.addEventListener('hardwareBackPress', backAction);
 
     return () => backHandler.remove();
-  }, []);
+  }, [navigateBack]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.rootView
   }, /*#__PURE__*/_react.default.createElement(NavText, {

package/lib/template/app-review/root-view/root-view.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/root-view/root-view.native.js"],"names":["styles","StyleSheet","create","rootView","flex","alignItems","justifyContent","NavText","viewName","navigateTo","handlePress","v","RootView","navigateBack","backAction","backHandler","BackHandler","addEventListener","remove","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;;;AAEA;AAEA,MAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,UAAU,EAAE,QAFJ;AAGRC,IAAAA,cAAc,EAAE;AAHR;AADqB,CAAlB,CAAf,C,CAQA;;;AAEA,MAAMC,OAAO,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA;AAAX,CAAD,KAA4B;AAC1C,QAAMC,WAAW,GAAGC,CAAC,IAAI,MAAMF,UAAU,CAACE,CAAD,CAAzC;;AAEA,UAAQH,QAAR;AACE,SAAK,MAAL;AACE,0BACE,6BAAC,sBAAD;AAAW,QAAA,OAAO,EAAEE,WAAW,CAAC,YAAD;AAA/B,sBACE,6BAAC,iBAAD,oBADF,CADF;;AAKF,SAAK,YAAL;AACE,0BACE,6BAAC,sBAAD;AAAW,QAAA,OAAO,EAAEA,WAAW,CAAC,SAAD;AAA/B,sBACE,6BAAC,iBAAD,0BADF,CADF;;AAKF,SAAK,SAAL;AACE,0BACE,6BAAC,sBAAD;AAAW,QAAA,OAAO,EAAEA,WAAW,CAAC,MAAD;AAA/B,sBACE,6BAAC,iBAAD,uBADF,CADF;;AAKF;AACE,0BAAO,6BAAC,iBAAD,+BAAP;AApBJ;AAsBD,CAzBD,C,CA2BA;;;AAEA,MAAME,QAAQ,GAAG,CAAC;AAACJ,EAAAA,QAAD;AAAWK,EAAAA,YAAX;AAAyBJ,EAAAA;AAAzB,CAAD,KAA0C;AACzD,wBAAU,MAAM;AACd,UAAMK,UAAU,GAAG,MAAM;AACvBD,MAAAA,YAAY;AACZ,aAAO,IAAP;AACD,KAHD,CADc,CAMd;;;AACA,UAAME,WAAW,GAAGC,yBAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDH,UAAlD,CAApB;;AAEA,WAAO,MAAMC,WAAW,CAACG,MAAZ,EAAb;AACD,GAVD,EAUG,EAVH;AAYA,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAElB,MAAM,CAACG;AAApB,kBACE,6BAAC,OAAD;AAAS,IAAA,QAAQ,EAAEK,QAAnB;AAA6B,IAAA,UAAU,EAAEC;AAAzC,IADF,CADF;AAKD,CAlBD,C,CAoBA;;;AAEAG,QAAQ,CAACO,SAAT,2CAAqBA,kBAArB;AACAZ,OAAO,CAACY,SAAR,2CAAoBP,QAAQ,CAACO,SAA7B,M,CAEA;;eAEeP,Q","sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, Pressable, View, BackHandler} from 'react-native';\nimport propTypes from './prop-types';\n\n// -----------------------------------------------------------------------------\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\n// -----------------------------------------------------------------------------\n\nconst NavText = ({viewName, navigateTo}) => {\n  const handlePress = v => () => navigateTo(v);\n\n  switch (viewName) {\n    case 'home':\n      return (\n        <Pressable onPress={handlePress('onboarding')}>\n          <Text>view home</Text>\n        </Pressable>\n      );\n    case 'onboarding':\n      return (\n        <Pressable onPress={handlePress('quizzer')}>\n          <Text>view onboarding</Text>\n        </Pressable>\n      );\n    case 'quizzer':\n      return (\n        <Pressable onPress={handlePress('home')}>\n          <Text>view quizzer</Text>\n        </Pressable>\n      );\n    default:\n      return <Text>view (none selected)</Text>;\n  }\n};\n\n// -----------------------------------------------------------------------------\n\nconst RootView = ({viewName, navigateBack, navigateTo}) => {\n  useEffect(() => {\n    const backAction = () => {\n      navigateBack();\n      return true;\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, []);\n\n  return (\n    <View style={styles.rootView}>\n      <NavText viewName={viewName} navigateTo={navigateTo} />\n    </View>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nRootView.propTypes = propTypes;\nNavText.propTypes = RootView.propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default RootView;\n"],"file":"root-view.native.js"}
+{"version":3,"sources":["../../../../src/template/app-review/root-view/root-view.native.js"],"names":["styles","StyleSheet","create","rootView","flex","alignItems","justifyContent","NavText","viewName","navigateTo","handlePress","v","ViewNames","home","onboarding","slides","RootView","navigateBack","backAction","backHandler","BackHandler","addEventListener","remove","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AAEA,MAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,UAAU,EAAE,QAFJ;AAGRC,IAAAA,cAAc,EAAE;AAHR;AADqB,CAAlB,CAAf,C,CAQA;;;AAEA,MAAMC,OAAO,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA;AAAX,CAAD,KAA4B;AAC1C,QAAMC,WAAW,GAAGC,CAAC,IAAI,MAAMF,UAAU,CAACE,CAAD,CAAzC;;AAEA,UAAQH,QAAR;AACE,SAAKI,kBAAUC,IAAf;AACE,0BACE,6BAAC,sBAAD;AAAW,QAAA,OAAO,EAAEH,WAAW,CAAC,YAAD;AAA/B,sBACE,6BAAC,iBAAD,oBADF,CADF;;AAKF,SAAKE,kBAAUE,UAAf;AACE,0BACE,6BAAC,sBAAD;AAAW,QAAA,OAAO,EAAEJ,WAAW,CAAC,SAAD;AAA/B,sBACE,6BAAC,iBAAD,0BADF,CADF;;AAKF,SAAKE,kBAAUG,MAAf;AACE,0BACE,6BAAC,sBAAD;AAAW,QAAA,OAAO,EAAEL,WAAW,CAAC,MAAD;AAA/B,sBACE,6BAAC,iBAAD,uBADF,CADF;;AAKF;AACE,0BAAO,6BAAC,iBAAD,+BAAP;AApBJ;AAsBD,CAzBD,C,CA2BA;;;AAEA,MAAMM,QAAQ,GAAG,CAAC;AAACR,EAAAA,QAAD;AAAWS,EAAAA,YAAX;AAAyBR,EAAAA;AAAzB,CAAD,KAA0C;AACzD,wBAAU,MAAM;AACd,UAAMS,UAAU,GAAG,MAAM;AACvBD,MAAAA,YAAY;AACZ,aAAO,IAAP;AACD,KAHD,CADc,CAMd;;;AACA,UAAME,WAAW,GAAGC,yBAAYC,gBAAZ,CAA6B,mBAA7B,EAAkDH,UAAlD,CAApB;;AAEA,WAAO,MAAMC,WAAW,CAACG,MAAZ,EAAb;AACD,GAVD,EAUG,CAACL,YAAD,CAVH;AAYA,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEjB,MAAM,CAACG;AAApB,kBACE,6BAAC,OAAD;AAAS,IAAA,QAAQ,EAAEK,QAAnB;AAA6B,IAAA,UAAU,EAAEC;AAAzC,IADF,CADF;AAKD,CAlBD,C,CAoBA;;;AAEAO,QAAQ,CAACO,SAAT,2CAAqBA,kBAArB;AACAhB,OAAO,CAACgB,SAAR,2CAAoBP,QAAQ,CAACO,SAA7B,M,CAEA;;eAEeP,Q","sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, Pressable, View, BackHandler} from 'react-native';\nimport propTypes from './prop-types';\nimport {ViewNames} from './common';\n\n// -----------------------------------------------------------------------------\n\nconst styles = StyleSheet.create({\n  rootView: {\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n});\n\n// -----------------------------------------------------------------------------\n\nconst NavText = ({viewName, navigateTo}) => {\n  const handlePress = v => () => navigateTo(v);\n\n  switch (viewName) {\n    case ViewNames.home:\n      return (\n        <Pressable onPress={handlePress('onboarding')}>\n          <Text>view home</Text>\n        </Pressable>\n      );\n    case ViewNames.onboarding:\n      return (\n        <Pressable onPress={handlePress('quizzer')}>\n          <Text>view onboarding</Text>\n        </Pressable>\n      );\n    case ViewNames.slides:\n      return (\n        <Pressable onPress={handlePress('home')}>\n          <Text>view quizzer</Text>\n        </Pressable>\n      );\n    default:\n      return <Text>view (none selected)</Text>;\n  }\n};\n\n// -----------------------------------------------------------------------------\n\nconst RootView = ({viewName, navigateBack, navigateTo}) => {\n  useEffect(() => {\n    const backAction = () => {\n      navigateBack();\n      return true;\n    };\n\n    // https://reactnative.dev/docs/backhandler\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n    return () => backHandler.remove();\n  }, [navigateBack]);\n\n  return (\n    <View style={styles.rootView}>\n      <NavText viewName={viewName} navigateTo={navigateTo} />\n    </View>\n  );\n};\n\n// -----------------------------------------------------------------------------\n\nRootView.propTypes = propTypes;\nNavText.propTypes = RootView.propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default RootView;\n"],"file":"root-view.native.js"}

package/lib/template/{slides-review → app-review/slides-review}/index.js

@@ -15,19 +15,19 @@ var _omit = _interopRequireDefault(require("lodash/fp/omit"));
 
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
 
-var _reviewBackground = _interopRequireDefault(require("../../atom/review-background"));
+var _reviewBackground = _interopRequireDefault(require("../../../atom/review-background"));
 
-var _reviewHeaderStepItem = require("../../atom/review-header-step-item");
+var _reviewHeaderStepItem = require("../../../atom/review-header-step-item");
 
-var _reviewCongrats = _interopRequireDefault(require("../../organism/review-congrats"));
+var _reviewCongrats = _interopRequireDefault(require("../../../organism/review-congrats"));
 
-var _reviewHeader = _interopRequireDefault(require("../../organism/review-header"));
+var _reviewHeader = _interopRequireDefault(require("../../../organism/review-header"));
 
-var _reviewCorrectionPopin = _interopRequireDefault(require("../../molecule/review-correction-popin"));
+var _reviewCorrectionPopin = _interopRequireDefault(require("../../../molecule/review-correction-popin"));
 
-var _answer = _interopRequireDefault(require("../../molecule/answer"));
+var _answer = _interopRequireDefault(require("../../../molecule/answer"));
 
-var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+var _buttonLink = _interopRequireDefault(require("../../../atom/button-link"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
@@ -410,11 +410,17 @@ const SlidesReview = ({
     className: _style.default.playerBackground
   }, /*#__PURE__*/_react.default.createElement(_reviewBackground.default, {
     "aria-label": reviewBackgroundAriaLabel
-  })), /*#__PURE__*/_react.default.createElement(_reviewHeader.default, _headerProps), shouldMountSlides ? /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__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", {
+  }, builtStackedSlides)) : null, reviewState === 'finished' ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.congrats
   }, /*#__PURE__*/_react.default.createElement(_reviewCongrats.default, congratsProps)) : null);
 };

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

@@ -0,0 +1 @@
+{"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"}

package/{es/template → lib/template/app-review}/slides-review/style.css

@@ -1,9 +1,9 @@
-@value colors: "../../variables/colors.css";
+@value colors: "../../../variables/colors.css";
 @value black from colors;
 @value white from colors;
 @value cm_blue_900 from colors;
 @value cm_grey_400 from colors;
-@value breakpoints: "../../variables/breakpoints.css";
+@value breakpoints: "../../../variables/breakpoints.css";
 @value mobile from breakpoints;
 @value tablet from breakpoints;
 
@@ -11,8 +11,22 @@
   position: relative;
   display: flex;
   flex-direction: column;
-  overflow-y: auto;
-  height: 100vh;
+  /* --- ie11 fallback --- */
+  height: 100%;
+  /* --------------------- */
+  height: min-content;
+  min-height: 832px;
+}
+
+/* 
+  mozilla specific styling
+  - supports min-content but it calculates dynamic
+  flex child height differently than chromium browsers
+*/
+@supports (-moz-appearance:none) {
+  div.slidesRevisionContainer {
+    height: 100%;
+  } 
 }
 
 .fontBase {
@@ -20,15 +34,34 @@
   user-select: none;
 }
 
+.stackedSlidesYAxisOverflowContainer {
+  width: 100%;
+  padding-top: 20px;
+  height: 100%;
+  min-height: 870px;
+  /* --- ie11 fallback --- */
+  overflow-y: hidden;
+  /* --------------------- */
+  overflow-y: clip;
+  overflow-x: visible;
+  display: flex;
+  justify-content: center;
+  flex-grow: 1;
+}
+
 .stackedSlidesContainer {
   position: relative;
-  margin-top: 50px;
-  height: 738px;
+  padding-top: 20px;
+  height: 788px;
   max-width: 1240px;
   width: 85%;
   align-self: center;
 }
 
+.reviewHeaderContainer {
+  width: 100%;
+}
+
 .congrats {
   width: 100%;
   height: 100%;
@@ -38,14 +71,15 @@
 
 .playerBackground {
   position: absolute;
-  height: 100vh;
-  min-height: 832px;
+  display: block;
+  height: 100%;
+  min-height: 120vh;
   top: 0;
   left: 0;
 }
 
 .slideBase {
-  box-shadow: 0px 4px 77px rgba(0, 0, 0, 0.05);
+  box-shadow: 0px 4px 58px rgba(0, 0, 0, 0.05);
   background: white;
   height: 706px;
   border-radius: 24px;

package/lib/template/{slides-review → app-review/slides-review}/test/fixtures/failure.js

@@ -3,13 +3,13 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _noAnsweredQuestion = _interopRequireDefault(require("../../../../organism/review-header/test/fixtures/no-answered-question"));
+var _noAnsweredQuestion = _interopRequireDefault(require("../../../../../organism/review-header/test/fixtures/no-answered-question"));
 
-var _default2 = _interopRequireDefault(require("../../../../organism/review-congrats/test/fixtures/default"));
+var _default2 = _interopRequireDefault(require("../../../../../organism/review-congrats/test/fixtures/default"));
 
-var _qcmDrag = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-drag"));
+var _qcmDrag = _interopRequireDefault(require("../../../../../molecule/answer/test/fixtures/qcm-drag"));
 
-var _qcmGraphic = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-graphic"));
+var _qcmGraphic = _interopRequireDefault(require("../../../../../molecule/answer/test/fixtures/qcm-graphic"));
 
 var _success = require("./success");
 

package/lib/template/app-review/slides-review/test/fixtures/failure.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/app-review/slides-review/test/fixtures/failure.js"],"names":["qcmDrag","AnswerQCMDrag","props","qcmGraphic","AnswerQCMGraphic","onValidateClick","console","log","Promise","resolve","validationResult","nextSlide","question","answer","endReview","headerProps","reviewBackgroundAriaLabel","validate","label","onClick","firstSlide","correctionPopinProps","congratsProps"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAGC,iBAAcC,KAA9B;AACA,MAAMC,UAAU,GAAGC,oBAAiBF,KAApC;;AAEA,MAAMG,eAAe,GAAG,MAAM;AAC5BC,EAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ;AACA,SAAOC,OAAO,CAACC,OAAR,CAAgB;AACrBC,IAAAA,gBAAgB,EAAE,SADG;AAErBC,IAAAA,SAAS,EAAE;AAACC,MAAAA,QAAQ,EAAE,iBAAX;AAA8BC,MAAAA,MAAM,EAAEV;AAAtC,KAFU;AAGrBW,IAAAA,SAAS,EAAE;AAHU,GAAhB,CAAP;AAKD,CAPD;;eASe;AACbZ,EAAAA,KAAK,EAAE;AACLa,IAAAA,WAAW,EAAEA,4BAAYb,KADpB;AAELc,IAAAA,yBAAyB,EAAE,gBAFtB;AAGLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,UADC;AAERC,MAAAA,OAAO,EAAEd;AAFD,KAHL;AAOLe,IAAAA,UAAU,EAAE;AACVR,MAAAA,QAAQ,EAAE,0DADA;AAEVC,MAAAA,MAAM,EAAEb;AAFE,KAPP;AAWLqB,IAAAA,oBAAoB,EAApBA,6BAXK;AAYLC,IAAAA,aAAa,EAAEA,kBAAcpB;AAZxB;AADM,C","sourcesContent":["import headerProps from '../../../../../organism/review-header/test/fixtures/no-answered-question';\nimport congratsProps from '../../../../../organism/review-congrats/test/fixtures/default';\nimport AnswerQCMDrag from '../../../../../molecule/answer/test/fixtures/qcm-drag';\nimport AnswerQCMGraphic from '../../../../../molecule/answer/test/fixtures/qcm-graphic';\nimport {correctionPopinProps} from './success';\n\nconst qcmDrag = AnswerQCMDrag.props;\nconst qcmGraphic = AnswerQCMGraphic.props;\n\nconst onValidateClick = () => {\n  console.log('onValidateClick');\n  return Promise.resolve({\n    validationResult: 'failure',\n    nextSlide: {question: 'Other question?', answer: qcmGraphic},\n    endReview: false\n  });\n};\n\nexport default {\n  props: {\n    headerProps: headerProps.props,\n    reviewBackgroundAriaLabel: 'review BG Aria',\n    validate: {\n      label: 'Validate',\n      onClick: onValidateClick\n    },\n    firstSlide: {\n      question: 'Hey there! ......dramatic suspense..... ready to answer?',\n      answer: qcmDrag\n    },\n    correctionPopinProps,\n    congratsProps: congratsProps.props\n  }\n};\n"],"file":"failure.js"}

package/lib/template/{slides-review → app-review/slides-review}/test/fixtures/only-once-on-last-slide.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _qcmGraphic = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-graphic"));
+var _qcmGraphic = _interopRequireDefault(require("../../../../../molecule/answer/test/fixtures/qcm-graphic"));
 
 var _success = _interopRequireDefault(require("./success"));
 

package/lib/template/app-review/slides-review/test/fixtures/only-once-on-last-slide.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/app-review/slides-review/test/fixtures/only-once-on-last-slide.js"],"names":["qcmGraphic","AnswerQCMGraphic","props","numberOfTries","onValidateClick","console","log","Promise","resolve","validationResult","nextSlide","question","answer","endReview","successFixture","validate","label","onClick"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAGC,oBAAiBC,KAApC;AAEA,IAAIC,aAAa,GAAG,CAApB;;AACA,MAAMC,eAAe,GAAG,MAAM;AAC5BD,EAAAA,aAAa,GAAGA,aAAa,GAAG,CAAhC;AACAE,EAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ;AACA,SAAOC,OAAO,CAACC,OAAR,CAAgB;AACrBC,IAAAA,gBAAgB,EAAEN,aAAa,KAAK,CAAlB,GAAsB,SAAtB,GAAkC,SAD/B;AAErBO,IAAAA,SAAS,EAAE;AAACC,MAAAA,QAAQ,EAAE,iBAAX;AAA8BC,MAAAA,MAAM,EAAEZ;AAAtC,KAFU;AAGrBa,IAAAA,SAAS,EAAE;AAHU,GAAhB,CAAP;AAKD,CARD;;eAUe;AACbX,EAAAA,KAAK,wBACAY,iBAAeZ,KADf;AAEHa,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,UADC;AAERC,MAAAA,OAAO,EAAEb;AAFD;AAFP;AADQ,C","sourcesContent":["import AnswerQCMGraphic from '../../../../../molecule/answer/test/fixtures/qcm-graphic';\nimport successFixture from './success';\n\nconst qcmGraphic = AnswerQCMGraphic.props;\n\nlet numberOfTries = 0;\nconst onValidateClick = () => {\n  numberOfTries = numberOfTries + 1;\n  console.log('onValidateClick');\n  return Promise.resolve({\n    validationResult: numberOfTries === 5 ? 'failure' : 'success',\n    nextSlide: {question: 'other question?', answer: qcmGraphic},\n    endReview: false\n  });\n};\n\nexport default {\n  props: {\n    ...successFixture.props,\n    validate: {\n      label: 'Validate',\n      onClick: onValidateClick\n    }\n  }\n};\n"],"file":"only-once-on-last-slide.js"}

package/lib/template/{slides-review → app-review/slides-review}/test/fixtures/random-responses.js

@@ -5,9 +5,9 @@ exports.default = void 0;
 
 var _random = _interopRequireDefault(require("lodash/fp/random"));
 
-var _qcmDrag = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-drag"));
+var _qcmDrag = _interopRequireDefault(require("../../../../../molecule/answer/test/fixtures/qcm-drag"));
 
-var _qcmGraphic = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-graphic"));
+var _qcmGraphic = _interopRequireDefault(require("../../../../../molecule/answer/test/fixtures/qcm-graphic"));
 
 var _success = _interopRequireDefault(require("./success"));
 

package/lib/template/app-review/slides-review/test/fixtures/random-responses.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/app-review/slides-review/test/fixtures/random-responses.js"],"names":["getRandomResult","qcmDrag","AnswerQCMDrag","props","qcmGraphic","AnswerQCMGraphic","onValidateClick","console","log","result","Promise","resolve","validationResult","nextSlide","question","answer","endReview","successFixture","validate","label","onClick"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,MAAO,qBAAO,CAAP,EAAU,GAAV,KAAkB,EAAlB,GAAuB,SAAvB,GAAmC,SAAlE;;AAEA,MAAMC,OAAO,GAAGC,iBAAcC,KAA9B;AACA,MAAMC,UAAU,GAAGC,oBAAiBF,KAApC;;AAEA,MAAMG,eAAe,GAAG,MAAM;AAC5BC,EAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ;AACA,QAAMC,MAAM,GAAGT,eAAe,EAA9B;AACA,SAAOU,OAAO,CAACC,OAAR,CAAgB;AACrBC,IAAAA,gBAAgB,EAAEH,MADG;AAErBI,IAAAA,SAAS,EAAE;AAACC,MAAAA,QAAQ,EAAE,iBAAX;AAA8BC,MAAAA,MAAM,EAAEN,MAAM,KAAK,SAAX,GAAuBR,OAAvB,GAAiCG;AAAvE,KAFU;AAGrBY,IAAAA,SAAS,EAAE;AAHU,GAAhB,CAAP;AAKD,CARD;;eAUe;AACbb,EAAAA,KAAK,wBACAc,iBAAed,KADf;AAEHe,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,UADC;AAERC,MAAAA,OAAO,EAAEd;AAFD;AAFP;AADQ,C","sourcesContent":["import random from 'lodash/fp/random';\nimport AnswerQCMDrag from '../../../../../molecule/answer/test/fixtures/qcm-drag';\nimport AnswerQCMGraphic from '../../../../../molecule/answer/test/fixtures/qcm-graphic';\nimport successFixture from './success';\n\nconst getRandomResult = () => (random(0, 100) >= 45 ? 'success' : 'failure');\n\nconst qcmDrag = AnswerQCMDrag.props;\nconst qcmGraphic = AnswerQCMGraphic.props;\n\nconst onValidateClick = () => {\n  console.log('onValidateClick');\n  const result = getRandomResult();\n  return Promise.resolve({\n    validationResult: result,\n    nextSlide: {question: 'Other question?', answer: result === 'success' ? qcmDrag : qcmGraphic},\n    endReview: false\n  });\n};\n\nexport default {\n  props: {\n    ...successFixture.props,\n    validate: {\n      label: 'Validate',\n      onClick: onValidateClick\n    }\n  }\n};\n"],"file":"random-responses.js"}

package/lib/template/{slides-review → app-review/slides-review}/test/fixtures/success.js

@@ -3,13 +3,13 @@
 exports.__esModule = true;
 exports.default = exports.correctionPopinProps = void 0;
 
-var _noAnsweredQuestion = _interopRequireDefault(require("../../../../organism/review-header/test/fixtures/no-answered-question"));
+var _noAnsweredQuestion = _interopRequireDefault(require("../../../../../organism/review-header/test/fixtures/no-answered-question"));
 
-var _default2 = _interopRequireDefault(require("../../../../organism/review-congrats/test/fixtures/default"));
+var _default2 = _interopRequireDefault(require("../../../../../organism/review-congrats/test/fixtures/default"));
 
-var _qcmDrag = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-drag"));
+var _qcmDrag = _interopRequireDefault(require("../../../../../molecule/answer/test/fixtures/qcm-drag"));
 
-var _qcmGraphic = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-graphic"));
+var _qcmGraphic = _interopRequireDefault(require("../../../../../molecule/answer/test/fixtures/qcm-graphic"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/template/app-review/slides-review/test/fixtures/success.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/app-review/slides-review/test/fixtures/success.js"],"names":["qcmDrag","AnswerQCMDrag","props","qcmGraphic","AnswerQCMGraphic","onValidateClick","console","log","Promise","resolve","validationResult","nextSlide","question","answer","endReview","correctionPopinProps","klf","label","tooltip","onClick","information","message","next","successLabel","failureLabel","headerProps","reviewBackgroundAriaLabel","validate","firstSlide","congratsProps"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAGC,iBAAcC,KAA9B;AACA,MAAMC,UAAU,GAAGC,oBAAiBF,KAApC;;AAEA,MAAMG,eAAe,GAAG,MAAM;AAC5BC,EAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ;AACA,SAAOC,OAAO,CAACC,OAAR,CAAgB;AACrBC,IAAAA,gBAAgB,EAAE,SADG;AAErBC,IAAAA,SAAS,EAAE;AAACC,MAAAA,QAAQ,EAAE,iBAAX;AAA8BC,MAAAA,MAAM,EAAEV;AAAtC,KAFU;AAGrBW,IAAAA,SAAS,EAAE;AAHU,GAAhB,CAAP;AAKD,CAPD;;AASO,MAAMC,oBAAoB,GAAG;AAClCC,EAAAA,GAAG,EAAE;AACHC,IAAAA,KAAK,EAAE,qBADJ;AAEHC,IAAAA,OAAO,EAAE,oBAFN;AAGHC,IAAAA,OAAO,EAAE,MAAM;AACbb,MAAAA,OAAO,CAACC,GAAR,CAAY,aAAZ;AACD;AALE,GAD6B;AAQlCa,EAAAA,WAAW,EAAE;AACXH,IAAAA,KAAK,EAAE,qBADI;AAEXI,IAAAA,OAAO,EAAE;AAFE,GARqB;AAYlCC,EAAAA,IAAI,EAAE;AACJL,IAAAA,KAAK,EAAE;AADH,GAZ4B;AAelCM,EAAAA,YAAY,EAAE,gBAfoB;AAgBlCC,EAAAA,YAAY,EAAE;AAhBoB,CAA7B;;eAmBQ;AACbtB,EAAAA,KAAK,EAAE;AACLuB,IAAAA,WAAW,EAAEA,4BAAYvB,KADpB;AAELwB,IAAAA,yBAAyB,EAAE,gBAFtB;AAGLC,IAAAA,QAAQ,EAAE;AACRV,MAAAA,KAAK,EAAE,UADC;AAERE,MAAAA,OAAO,EAAEd;AAFD,KAHL;AAOLuB,IAAAA,UAAU,EAAE;AACVhB,MAAAA,QAAQ,EAAE,4DADA;AAEVC,MAAAA,MAAM,EAAEb;AAFE,KAPP;AAWLe,IAAAA,oBAXK;AAYLc,IAAAA,aAAa,EAAEA,kBAAc3B;AAZxB;AADM,C","sourcesContent":["import headerProps from '../../../../../organism/review-header/test/fixtures/no-answered-question';\nimport congratsProps from '../../../../../organism/review-congrats/test/fixtures/default';\nimport AnswerQCMDrag from '../../../../../molecule/answer/test/fixtures/qcm-drag';\nimport AnswerQCMGraphic from '../../../../../molecule/answer/test/fixtures/qcm-graphic';\n\nconst qcmDrag = AnswerQCMDrag.props;\nconst qcmGraphic = AnswerQCMGraphic.props;\n\nconst onValidateClick = () => {\n  console.log('onValidateClick');\n  return Promise.resolve({\n    validationResult: 'success',\n    nextSlide: {question: 'other question?', answer: qcmGraphic},\n    endReview: false\n  });\n};\n\nexport const correctionPopinProps = {\n  klf: {\n    label: 'Key learning factor',\n    tooltip: 'Some tooltip info.',\n    onClick: () => {\n      console.log('klf onClick');\n    }\n  },\n  information: {\n    label: 'Key learning factor',\n    message: 'info msg'\n  },\n  next: {\n    label: 'Next'\n  },\n  successLabel: 'CORRECT ANSWER',\n  failureLabel: 'WRONG ANSWER'\n};\n\nexport default {\n  props: {\n    headerProps: headerProps.props,\n    reviewBackgroundAriaLabel: 'review BG Aria',\n    validate: {\n      label: 'Validate',\n      onClick: onValidateClick\n    },\n    firstSlide: {\n      question: 'Hey there, .....suspense.... ready to select some answers?',\n      answer: qcmDrag\n    },\n    correctionPopinProps,\n    congratsProps: congratsProps.props\n  }\n};\n"],"file":"success.js"}