@coorpacademy/components 10.19.1-alpha.0 → 10.19.2

package/lib/template/slides-review/style.css

@@ -0,0 +1,371 @@
+@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 mobile from breakpoints;
+@value tablet from breakpoints;
+
+.slidesRevisionContainer {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  height: 100vh;
+}
+
+.fontBase {
+  font-family: "Gilroy";
+  user-select: none;
+}
+
+.stackedSlidesContainer {
+  position: relative;
+  margin-top: 50px;
+  height: 738px;
+  max-width: 1240px;
+  width: 85%;
+  align-self: center;
+}
+
+.congrats {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+}
+
+.playerBackground {
+  position: absolute;
+  height: 100vh;
+  top: 0;
+  left: 0;
+}
+
+.slideBase {
+  box-shadow: 0px 4px 77px rgba(0, 0, 0, 0.05);
+  background: white;
+  height: 706px;
+  border-radius: 24px;
+  overflow: hidden;
+  position: absolute;
+
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  transition: transform 0.5s ease-in;
+  pointer-events: none;
+}
+
+
+.position0 {
+  z-index: 50;
+  width: 100%;
+  transform: translate(0, 0);
+  transition: transform 0.5s ease-in;
+}
+
+.slideBase.position0 {
+  pointer-events: auto;
+}
+
+.position1 {
+  z-index: 45;
+  width: 98%;
+  transform: translate(0.8%, -8px);
+  transition: transform 0.5s ease-in;
+}
+
+.position2 {
+  z-index: 40;
+  width: 96%;
+  transform: translate(1.6%, -16px);
+  transition: transform 0.5s ease-in;
+}
+
+.position3 {
+  z-index: 35;
+  width: 94%;
+  transform: translate(2.4%, -24px);
+  transition: transform 0.5 ease-in;
+}
+
+.position4 {
+  z-index: 30;
+  width: 92%;
+  transform: translate(3.2%, -32px);
+  transition: transform 0.5 ease-in;
+}
+
+@keyframes slideOutHideAndSlideIn {
+  0% {
+    z-index: 55;
+    transform: translate(0, 0);
+  }
+  50% {
+    z-index: 50;
+    transform: translate(0, 1000px);
+    opacity: 1;
+  }
+  51% {
+    z-index: 30;
+    opacity: 0;
+  }
+  100% {
+    z-index: 30;
+    transform: translate(3.2%, -32px);
+    opacity: 0;
+  }
+}
+
+@keyframes slideOutAndIn {
+  0% {
+    z-index: 55;
+    transform: translate(0, 0);
+  }
+  50% {
+    width: 100%;
+    z-index: 50;
+    transform: translate(0, 1000px);
+  }
+  60% {
+    width: 92%;
+    z-index: 30;
+    transform: translate(3.2%, 900px);
+  }
+  100% {
+    z-index: 30;
+    width: 92%;
+    transform: translate(3.2%, -32px);
+  }
+}
+
+.slideOutHideAndIn {
+  pointer-events: none;
+  animation: slideOutHideAndSlideIn 3s ease forwards;
+}
+
+.slideOutAndIn {
+  pointer-events: none;
+  animation: slideOutAndIn 3s ease forwards;
+}
+
+.hiddenSlide {
+  display: none;
+}
+
+
+.slideContentContainer {
+  margin-top: 15px;
+  height: 563px;
+  display: flex;
+  justify-items: center;
+  align-items: center;
+  flex-direction: column;
+  overflow-y: auto;
+  position: relative;
+}
+
+/* ie fallback */
+_:-ms-fullscreen, :root .slideContentContainer {
+  width: 100%;
+}
+
+.validateButtonWrapper {
+  position: absolute;
+  bottom: 64px;
+  background-color: black;
+  border-radius: 7px;
+  min-width: 250px;
+  width: min-content;
+}
+
+/* ie fallback */
+_:-ms-fullscreen, :root .validateButtonWrapper {
+  width: 300px;
+  left: 40%;
+  right: 40%;
+}
+
+.answerContainer {
+  width: 95%;
+  display: flex;
+  justify-content: center;
+  height: 100%;
+  /*
+    To break wrappers layout (to enclose large answers in the scroll bar), works like
+    display: contents for this use case but w ie11 support
+  */
+  display: grid;
+}
+
+.question {
+  composes: fontBase;
+  font-size: 20px;
+  font-weight: bold;
+  color: cm_blue_900;
+  text-align: center;
+  margin: 24px 0 4px;
+  max-width: 70%;
+  width: 100%;
+  padding: 0 9px;
+  box-sizing: border-box;
+}
+
+.questionOrigin {
+  composes: fontBase;
+  font-size: 15px;
+  color: cm_blue_900;
+  margin-top: 49px;
+  text-align: center;
+}
+
+.questionOrigin:empty:after {
+  content: "\a0";
+}
+
+.help {
+  composes: fontBase;
+  font-size: 15px;
+  color: cm_grey_400;
+  flex-grow: 0.1;
+  margin: 4px 0 10px;
+  text-align: center;
+  max-width: 70%;
+  width: 100%;
+}
+
+/* to keep the content space even if the help label is empty */
+.help:empty:after {
+  content: "\a0";
+}
+
+@keyframes popInAnimation {
+  from {
+    transform: translate3d(0, 200px, 0);
+  }
+  to {
+    transform: translate3d(0, -40px, 0);
+  }
+}
+
+.correctionPopinWrapper {
+  position: absolute;
+  bottom: 0px;
+  border-radius: 7px;
+  margin: 0 15px;
+  width: 95%;
+  animation: popInAnimation 0.5s ease-out forwards;
+}
+
+/* ie fallback */
+_:-ms-fullscreen, :root .correctionPopinWrapper {
+  left: 15px;
+}
+
+@keyframes popOutAnimation {
+  from {
+    transform: translate3d(0, -40px, 0);
+  }
+  to {
+    transform: translate3d(0, 200px, 0);
+  }
+}
+
+.hiddenCorrectionPopinWrapper {
+  composes: correctionPopinWrapper;
+  animation: popOutAnimation 0.5s ease-out forwards;
+}
+
+.validateButton {
+  color: white;
+  transition: opacity 0.25s ease-in;
+}
+
+.validateButton:hover {
+  opacity: 0.8;
+}
+
+@keyframes slideOut {
+  0% {}
+  90% {
+    transform: translate(0, 1000px);
+  }
+  100% {
+    transform: scale(0);
+  }
+}
+
+.endReview {
+  pointer-events: none;
+  animation: slideOut 2.5s ease forwards;
+}
+
+@media tablet {
+  .stackedSlidesContainer {
+    height: 638px;
+    max-width: 960px;
+  }
+
+  .slideBase {
+    height: 606px;
+  }
+
+  .slideContentContainer {
+    height: 473px;
+  }
+  
+
+  @keyframes popInAnimation {
+    from {
+      transform: translate3d(0, 400px, 0);
+    }
+    to {
+      transform: translate3d(0, -40px, 0);
+    }
+  }
+
+  @keyframes popOutAnimation {
+    from {
+      transform: translate3d(0, -40px, 0);
+    }
+    to {
+      transform: translate3d(0, 400px, 0);
+    }
+  }
+}
+
+@media mobile {
+  .stackedSlidesContainer {
+    height: 670px;
+    max-width: 335px;
+  }
+
+  .slideBase {
+    height: 654px;
+  }
+
+  .slideContentContainer {
+    height: 511px;
+  }
+  
+
+  @keyframes popInAnimation {
+    from {
+      transform: translate3d(0, 500px, 0);
+    }
+    to {
+      transform: translate3d(0, -40px, 0);
+    }
+  }
+
+  @keyframes popOutAnimation {
+    from {
+      transform: translate3d(0, -40px, 0);
+    }
+    to {
+      transform: translate3d(0, 500px, 0);
+    }
+  }
+}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _noAnsweredQuestion = _interopRequireDefault(require("../../../../organism/review-header/test/fixtures/no-answered-question"));
+
+var _default2 = _interopRequireDefault(require("../../../../organism/review-congrats/test/fixtures/default"));
+
+var _qcmDrag = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-drag"));
+
+var _qcmGraphic = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-graphic"));
+
+var _success = require("./success");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const qcmDrag = _qcmDrag.default.props;
+const qcmGraphic = _qcmGraphic.default.props;
+
+const onValidateClick = () => {
+  console.log('onValidateClick');
+  return Promise.resolve({
+    validationResult: 'failure',
+    nextSlide: {
+      question: 'Other question?',
+      answer: qcmGraphic
+    },
+    endReview: false
+  });
+};
+
+var _default = {
+  props: {
+    headerProps: _noAnsweredQuestion.default.props,
+    reviewBackgroundAriaLabel: 'review BG Aria',
+    validate: {
+      label: 'Validate',
+      onClick: onValidateClick
+    },
+    firstSlide: {
+      question: 'Hey there! ......dramatic suspense..... ready to answer?',
+      answer: qcmDrag
+    },
+    correctionPopinProps: _success.correctionPopinProps,
+    congratsProps: _default2.default.props
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=failure.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/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/test/fixtures/only-once-on-last-slide.js

@@ -0,0 +1,39 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _qcmGraphic = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-graphic"));
+
+var _success = _interopRequireDefault(require("./success"));
+
+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 qcmGraphic = _qcmGraphic.default.props;
+let numberOfTries = 0;
+
+const onValidateClick = () => {
+  numberOfTries = numberOfTries + 1;
+  console.log('onValidateClick');
+  return Promise.resolve({
+    validationResult: numberOfTries === 5 ? 'failure' : 'success',
+    nextSlide: {
+      question: 'other question?',
+      answer: qcmGraphic
+    },
+    endReview: false
+  });
+};
+
+var _default = {
+  props: _extends(_extends({}, _success.default.props), {}, {
+    validate: {
+      label: 'Validate',
+      onClick: onValidateClick
+    }
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=only-once-on-last-slide.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/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/test/fixtures/random-responses.js

@@ -0,0 +1,45 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _random = _interopRequireDefault(require("lodash/fp/random"));
+
+var _qcmDrag = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-drag"));
+
+var _qcmGraphic = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-graphic"));
+
+var _success = _interopRequireDefault(require("./success"));
+
+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 getRandomResult = () => (0, _random.default)(0, 100) >= 45 ? 'success' : 'failure';
+
+const qcmDrag = _qcmDrag.default.props;
+const qcmGraphic = _qcmGraphic.default.props;
+
+const onValidateClick = () => {
+  console.log('onValidateClick');
+  const result = getRandomResult();
+  return Promise.resolve({
+    validationResult: result,
+    nextSlide: {
+      question: 'Other question?',
+      answer: result === 'success' ? qcmDrag : qcmGraphic
+    },
+    endReview: false
+  });
+};
+
+var _default = {
+  props: _extends(_extends({}, _success.default.props), {}, {
+    validate: {
+      label: 'Validate',
+      onClick: onValidateClick
+    }
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=random-responses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/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/test/fixtures/success.js

@@ -0,0 +1,67 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.correctionPopinProps = void 0;
+
+var _noAnsweredQuestion = _interopRequireDefault(require("../../../../organism/review-header/test/fixtures/no-answered-question"));
+
+var _default2 = _interopRequireDefault(require("../../../../organism/review-congrats/test/fixtures/default"));
+
+var _qcmDrag = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-drag"));
+
+var _qcmGraphic = _interopRequireDefault(require("../../../../molecule/answer/test/fixtures/qcm-graphic"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const qcmDrag = _qcmDrag.default.props;
+const qcmGraphic = _qcmGraphic.default.props;
+
+const onValidateClick = () => {
+  console.log('onValidateClick');
+  return Promise.resolve({
+    validationResult: 'success',
+    nextSlide: {
+      question: 'other question?',
+      answer: qcmGraphic
+    },
+    endReview: false
+  });
+};
+
+const correctionPopinProps = {
+  klf: {
+    label: 'Key learning factor',
+    tooltip: 'Some tooltip info.',
+    onClick: () => {
+      console.log('klf onClick');
+    }
+  },
+  information: {
+    label: 'Key learning factor',
+    message: 'info msg'
+  },
+  next: {
+    label: 'Next'
+  },
+  successLabel: 'CORRECT ANSWER',
+  failureLabel: 'WRONG ANSWER'
+};
+exports.correctionPopinProps = correctionPopinProps;
+var _default = {
+  props: {
+    headerProps: _noAnsweredQuestion.default.props,
+    reviewBackgroundAriaLabel: 'review BG Aria',
+    validate: {
+      label: 'Validate',
+      onClick: onValidateClick
+    },
+    firstSlide: {
+      question: 'Hey there, .....suspense.... ready to select some answers?',
+      answer: qcmDrag
+    },
+    correctionPopinProps,
+    congratsProps: _default2.default.props
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=success.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/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/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)('Template › TemplateSlidesReview > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Template.TemplateSlidesReview.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Template › TemplateSlidesReview › Failure › should be rendered', _renderComponent.default, _.default, _failure.default);
+(0, _ava.default)('Template › TemplateSlidesReview › OnlyOnceOnLastSlide › should be rendered', _renderComponent.default, _.default, _onlyOnceOnLastSlide.default);
+(0, _ava.default)('Template › TemplateSlidesReview › RandomResponses › should be rendered', _renderComponent.default, _.default, _randomResponses.default);
+(0, _ava.default)('Template › TemplateSlidesReview › Success › should be rendered', _renderComponent.default, _.default, _success.default);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/slides-review/test/fixtures.js"],"names":["t","pass","TemplateSlidesReview","propTypes","value","key","not","undefined","renderComponentMacro","fixtureFailure","fixtureOnlyOnceOnLastSlide","fixtureRandomResponses","fixtureSuccess"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,+DAAL,EAAsEA,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqBC,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gEAAL,EAAuEG,wBAAvE,EAA6FN,SAA7F,EAAmHO,gBAAnH;AACA,kBAAK,4EAAL,EAAmFD,wBAAnF,EAAyGN,SAAzG,EAA+HQ,4BAA/H;AACA,kBAAK,wEAAL,EAA+EF,wBAA/E,EAAqGN,SAArG,EAA2HS,wBAA3H;AACA,kBAAK,gEAAL,EAAuEH,wBAAvE,EAA6FN,SAA7F,EAAmHU,gBAAnH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport TemplateSlidesReview 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('Template › TemplateSlidesReview > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateSlidesReview.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Template.TemplateSlidesReview.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Template › TemplateSlidesReview › Failure › should be rendered', renderComponentMacro, TemplateSlidesReview, fixtureFailure);\ntest('Template › TemplateSlidesReview › OnlyOnceOnLastSlide › should be rendered', renderComponentMacro, TemplateSlidesReview, fixtureOnlyOnceOnLastSlide);\ntest('Template › TemplateSlidesReview › RandomResponses › should be rendered', renderComponentMacro, TemplateSlidesReview, fixtureRandomResponses);\ntest('Template › TemplateSlidesReview › Success › should be rendered', renderComponentMacro, TemplateSlidesReview, fixtureSuccess);\n"],"file":"fixtures.js"}