@coorpacademy/components 10.19.6-alpha.6.6 → 10.19.6

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/{review-dashboard-skills → app-review/review-dashboard-skills}/index.js

@@ -7,9 +7,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reviewPresentation = _interopRequireDefault(require("../../atom/review-presentation"));
+var _reviewPresentation = _interopRequireDefault(require("../../../atom/review-presentation"));
 
-var _reviewSkills = _interopRequireDefault(require("../../organism/review-skills"));
+var _reviewSkills = _interopRequireDefault(require("../../../organism/review-skills"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 

package/lib/template/app-review/review-dashboard-skills/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/review-dashboard-skills/index.js"],"names":["ReviewDashboardSkills","props","ariaLabel","reviewPresentation","reviewSkills","style","reviewDashboardContainer","reviewPresentationContainer","reviewSkillsContainer","propTypes","PropTypes","string","shape","ReviewPresentation","ReviewSkills"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AAAC,kBAAcC,SAAf;AAA0BC,IAAAA,kBAA1B;AAA8CC,IAAAA;AAA9C,MAA8DH,KAApE;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEI,eAAMC,wBAAtB;AAAgD,kBAAYJ;AAA5D,kBACE;AAAK,IAAA,SAAS,EAAEG,eAAME;AAAtB,kBACE,6BAAC,2BAAD,EAAwBJ,kBAAxB,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEE,eAAMG;AAAtB,kBACE,6BAAC,qBAAD,EAAkBJ,YAAlB,CADF,CAJF,CADF;AAUD,CAbD;;AAeAJ,qBAAqB,CAACS,SAAtB,2CAAkC;AAChC,gBAAcC,mBAAUC,MADQ;AAEhCR,EAAAA,kBAAkB,EAAEO,mBAAUE,KAAV,CAAgBC,4BAAmBJ,SAAnC,CAFY;AAGhCL,EAAAA,YAAY,EAAEM,mBAAUE,KAAV,CAAgBE,sBAAaL,SAA7B;AAHkB,CAAlC;eAKeT,qB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReviewPresentation from '../../../atom/review-presentation';\nimport ReviewSkills from '../../../organism/review-skills';\nimport style from './style.css';\n\nconst ReviewDashboardSkills = props => {\n  const {'aria-label': ariaLabel, reviewPresentation, reviewSkills} = props;\n\n  return (\n    <div className={style.reviewDashboardContainer} aria-label={ariaLabel}>\n      <div className={style.reviewPresentationContainer}>\n        <ReviewPresentation {...reviewPresentation} />\n      </div>\n      <div className={style.reviewSkillsContainer}>\n        <ReviewSkills {...reviewSkills} />\n      </div>\n    </div>\n  );\n};\n\nReviewDashboardSkills.propTypes = {\n  'aria-label': PropTypes.string,\n  reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),\n  reviewSkills: PropTypes.shape(ReviewSkills.propTypes)\n};\nexport default ReviewDashboardSkills;\n"],"file":"index.js"}

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

@@ -1,4 +1,4 @@
-@value breakpoints: "../../variables/breakpoints.css";
+@value breakpoints: "../../../variables/breakpoints.css";
 @value tablet from breakpoints;
 @value mobile from breakpoints;
 

package/lib/template/{review-dashboard-skills → app-review/review-dashboard-skills}/test/fixtures/loading.js

@@ -3,9 +3,9 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _default2 = _interopRequireDefault(require("../../../../atom/review-presentation/test/fixtures/default"));
+var _default2 = _interopRequireDefault(require("../../../../../atom/review-presentation/test/fixtures/default"));
 
-var _loading = _interopRequireDefault(require("../../../../organism/review-skills/test/fixtures/loading"));
+var _loading = _interopRequireDefault(require("../../../../../organism/review-skills/test/fixtures/loading"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/template/app-review/review-dashboard-skills/test/fixtures/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/app-review/review-dashboard-skills/test/fixtures/loading.js"],"names":["props","reviewPresentation","reviewSkills"],"mappings":";;;;;AAAA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,wBADT;AAELC,IAAAA,kBAAkB,EAAEA,kBAAmBD,KAFlC;AAGLE,IAAAA,YAAY,EAAEA,iBAAaF;AAHtB;AADM,C","sourcesContent":["import reviewPresentation from '../../../../../atom/review-presentation/test/fixtures/default';\nimport reviewSkills from '../../../../../organism/review-skills/test/fixtures/loading';\n\nexport default {\n  props: {\n    'aria-label': 'Review Skills Template',\n    reviewPresentation: reviewPresentation.props,\n    reviewSkills: reviewSkills.props\n  }\n};\n"],"file":"loading.js"}

package/lib/template/{review-dashboard-skills → app-review/review-dashboard-skills}/test/fixtures/many-skills.js

@@ -3,9 +3,9 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _default2 = _interopRequireDefault(require("../../../../atom/review-presentation/test/fixtures/default"));
+var _default2 = _interopRequireDefault(require("../../../../../atom/review-presentation/test/fixtures/default"));
 
-var _manySkills = _interopRequireDefault(require("../../../../organism/review-skills/test/fixtures/many-skills"));
+var _manySkills = _interopRequireDefault(require("../../../../../organism/review-skills/test/fixtures/many-skills"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/template/app-review/review-dashboard-skills/test/fixtures/many-skills.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/app-review/review-dashboard-skills/test/fixtures/many-skills.js"],"names":["props","reviewPresentation","reviewSkills"],"mappings":";;;;;AAAA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,wBADT;AAELC,IAAAA,kBAAkB,EAAEA,kBAAmBD,KAFlC;AAGLE,IAAAA,YAAY,EAAEA,oBAAaF;AAHtB;AADM,C","sourcesContent":["import reviewPresentation from '../../../../../atom/review-presentation/test/fixtures/default';\nimport reviewSkills from '../../../../../organism/review-skills/test/fixtures/many-skills';\n\nexport default {\n  props: {\n    'aria-label': 'Review Skills Template',\n    reviewPresentation: reviewPresentation.props,\n    reviewSkills: reviewSkills.props\n  }\n};\n"],"file":"many-skills.js"}

package/lib/template/{review-dashboard-skills → app-review/review-dashboard-skills}/test/fixtures/no-skills.js

@@ -3,9 +3,9 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _default2 = _interopRequireDefault(require("../../../../atom/review-presentation/test/fixtures/default"));
+var _default2 = _interopRequireDefault(require("../../../../../atom/review-presentation/test/fixtures/default"));
 
-var _noSkills = _interopRequireDefault(require("../../../../organism/review-skills/test/fixtures/no-skills"));
+var _noSkills = _interopRequireDefault(require("../../../../../organism/review-skills/test/fixtures/no-skills"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/template/app-review/review-dashboard-skills/test/fixtures/no-skills.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/app-review/review-dashboard-skills/test/fixtures/no-skills.js"],"names":["props","reviewPresentation","reviewSkills"],"mappings":";;;;;AAAA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc,wBADT;AAELC,IAAAA,kBAAkB,EAAEA,kBAAmBD,KAFlC;AAGLE,IAAAA,YAAY,EAAEA,kBAAaF;AAHtB;AADM,C","sourcesContent":["import reviewPresentation from '../../../../../atom/review-presentation/test/fixtures/default';\nimport reviewSkills from '../../../../../organism/review-skills/test/fixtures/no-skills';\n\nexport default {\n  props: {\n    'aria-label': 'Review Skills Template',\n    reviewPresentation: reviewPresentation.props,\n    reviewSkills: reviewSkills.props\n  }\n};\n"],"file":"no-skills.js"}

package/lib/template/app-review/review-dashboard-skills/test/fixtures.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _loading = _interopRequireDefault(require("./fixtures/loading"));
+
+var _manySkills = _interopRequireDefault(require("./fixtures/many-skills"));
+
+var _noSkills = _interopRequireDefault(require("./fixtures/no-skills"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('TemplateAppReview › TemplateAppReviewReviewDashboardSkills > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "TemplateAppReview.TemplateAppReviewReviewDashboardSkills.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('TemplateAppReview › TemplateAppReviewReviewDashboardSkills › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
+(0, _ava.default)('TemplateAppReview › TemplateAppReviewReviewDashboardSkills › ManySkills › should be rendered', _renderComponent.default, _.default, _manySkills.default);
+(0, _ava.default)('TemplateAppReview › TemplateAppReviewReviewDashboardSkills › NoSkills › should be rendered', _renderComponent.default, _.default, _noSkills.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/template/app-review/review-dashboard-skills/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/app-review/review-dashboard-skills/test/fixtures.js"],"names":["t","pass","TemplateAppReviewReviewDashboardSkills","propTypes","value","key","not","undefined","renderComponentMacro","fixtureLoading","fixtureManySkills","fixtureNoSkills"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,0FAAL,EAAiGA,CAAC,IAAI;AACpGA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuCC,SAA/C,EAA0D,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxEL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,oFAAmFF,GAAI,mEAAhH;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,2FAAL,EAAkGG,wBAAlG,EAAwHN,SAAxH,EAAgKO,gBAAhK;AACA,kBAAK,8FAAL,EAAqGD,wBAArG,EAA2HN,SAA3H,EAAmKQ,mBAAnK;AACA,kBAAK,4FAAL,EAAmGF,wBAAnG,EAAyHN,SAAzH,EAAiKS,iBAAjK","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport TemplateAppReviewReviewDashboardSkills from '..';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureManySkills from './fixtures/many-skills';\nimport fixtureNoSkills from './fixtures/no-skills';\n\ntest('TemplateAppReview › TemplateAppReviewReviewDashboardSkills > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateAppReviewReviewDashboardSkills.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"TemplateAppReview.TemplateAppReviewReviewDashboardSkills.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('TemplateAppReview › TemplateAppReviewReviewDashboardSkills › Loading › should be rendered', renderComponentMacro, TemplateAppReviewReviewDashboardSkills, fixtureLoading);\ntest('TemplateAppReview › TemplateAppReviewReviewDashboardSkills › ManySkills › should be rendered', renderComponentMacro, TemplateAppReviewReviewDashboardSkills, fixtureManySkills);\ntest('TemplateAppReview › TemplateAppReviewReviewDashboardSkills › NoSkills › should be rendered', renderComponentMacro, TemplateAppReviewReviewDashboardSkills, fixtureNoSkills);\n"],"file":"fixtures.js"}

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

@@ -9,8 +9,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var _default = {
   viewName: _propTypes.default.string,
-  navigateBack: _propTypes.default.func,
-  navigateTo: _propTypes.default.func
+  navigateBack: _propTypes.default.function,
+  navigateTo: _propTypes.default.function
 };
 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","string","navigateBack","function","navigateTo"],"mappings":";;;;;AAAA;;;;eAEe;AACbA,EAAAA,QAAQ,EAAEC,mBAAUC,MADP;AAEbC,EAAAA,YAAY,EAAEF,mBAAUG,QAFX;AAGbC,EAAAA,UAAU,EAAEJ,mBAAUG;AAHT,C","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {\n  viewName: PropTypes.string,\n  navigateBack: PropTypes.function,\n  navigateTo: PropTypes.function\n};\n"],"file":"prop-types.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/lib/template/{slides-review → 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"}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _failure = _interopRequireDefault(require("./fixtures/failure"));
+
+var _onlyOnceOnLastSlide = _interopRequireDefault(require("./fixtures/only-once-on-last-slide"));
+
+var _randomResponses = _interopRequireDefault(require("./fixtures/random-responses"));
+
+var _success = _interopRequireDefault(require("./fixtures/success"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('TemplateAppReview › TemplateAppReviewSlidesReview > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "TemplateAppReview.TemplateAppReviewSlidesReview.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('TemplateAppReview › TemplateAppReviewSlidesReview › Failure › should be rendered', _renderComponent.default, _.default, _failure.default);
+(0, _ava.default)('TemplateAppReview › TemplateAppReviewSlidesReview › OnlyOnceOnLastSlide › should be rendered', _renderComponent.default, _.default, _onlyOnceOnLastSlide.default);
+(0, _ava.default)('TemplateAppReview › TemplateAppReviewSlidesReview › RandomResponses › should be rendered', _renderComponent.default, _.default, _randomResponses.default);
+(0, _ava.default)('TemplateAppReview › TemplateAppReviewSlidesReview › Success › should be rendered', _renderComponent.default, _.default, _success.default);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/app-review/slides-review/test/fixtures.js"],"names":["t","pass","TemplateAppReviewSlidesReview","propTypes","value","key","not","undefined","renderComponentMacro","fixtureFailure","fixtureOnlyOnceOnLastSlide","fixtureRandomResponses","fixtureSuccess"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iFAAL,EAAwFA,CAAC,IAAI;AAC3FA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA8BC,SAAtC,EAAiD,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2EAA0EF,GAAI,mEAAvG;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kFAAL,EAAyFG,wBAAzF,EAA+GN,SAA/G,EAA8IO,gBAA9I;AACA,kBAAK,8FAAL,EAAqGD,wBAArG,EAA2HN,SAA3H,EAA0JQ,4BAA1J;AACA,kBAAK,0FAAL,EAAiGF,wBAAjG,EAAuHN,SAAvH,EAAsJS,wBAAtJ;AACA,kBAAK,kFAAL,EAAyFH,wBAAzF,EAA+GN,SAA/G,EAA8IU,gBAA9I","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport TemplateAppReviewSlidesReview from '..';\nimport fixtureFailure from './fixtures/failure';\nimport fixtureOnlyOnceOnLastSlide from './fixtures/only-once-on-last-slide';\nimport fixtureRandomResponses from './fixtures/random-responses';\nimport fixtureSuccess from './fixtures/success';\n\ntest('TemplateAppReview › TemplateAppReviewSlidesReview > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateAppReviewSlidesReview.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"TemplateAppReview.TemplateAppReviewSlidesReview.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('TemplateAppReview › TemplateAppReviewSlidesReview › Failure › should be rendered', renderComponentMacro, TemplateAppReviewSlidesReview, fixtureFailure);\ntest('TemplateAppReview › TemplateAppReviewSlidesReview › OnlyOnceOnLastSlide › should be rendered', renderComponentMacro, TemplateAppReviewSlidesReview, fixtureOnlyOnceOnLastSlide);\ntest('TemplateAppReview › TemplateAppReviewSlidesReview › RandomResponses › should be rendered', renderComponentMacro, TemplateAppReviewSlidesReview, fixtureRandomResponses);\ntest('TemplateAppReview › TemplateAppReviewSlidesReview › Success › should be rendered', renderComponentMacro, TemplateAppReviewSlidesReview, fixtureSuccess);\n"],"file":"fixtures.js"}

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

@@ -10,7 +10,7 @@ var _react2 = require("@testing-library/react");
 
 var _ = _interopRequireDefault(require(".."));
 
-var _qcmDrag = _interopRequireDefault(require("../../../molecule/answer/test/fixtures/qcm-drag"));
+var _qcmDrag = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-drag"));
 
 var _success = _interopRequireDefault(require("./fixtures/success"));