@coorpacademy/components 10.19.1 → 10.19.2

package/es/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/es/template/slides-review/test/fixtures/failure.js

@@ -0,0 +1,37 @@
+import headerProps from '../../../../organism/review-header/test/fixtures/no-answered-question';
+import congratsProps from '../../../../organism/review-congrats/test/fixtures/default';
+import AnswerQCMDrag from '../../../../molecule/answer/test/fixtures/qcm-drag';
+import AnswerQCMGraphic from '../../../../molecule/answer/test/fixtures/qcm-graphic';
+import { correctionPopinProps } from './success';
+const qcmDrag = AnswerQCMDrag.props;
+const qcmGraphic = AnswerQCMGraphic.props;
+
+const onValidateClick = () => {
+  console.log('onValidateClick');
+  return Promise.resolve({
+    validationResult: 'failure',
+    nextSlide: {
+      question: 'Other question?',
+      answer: qcmGraphic
+    },
+    endReview: false
+  });
+};
+
+export default {
+  props: {
+    headerProps: headerProps.props,
+    reviewBackgroundAriaLabel: 'review BG Aria',
+    validate: {
+      label: 'Validate',
+      onClick: onValidateClick
+    },
+    firstSlide: {
+      question: 'Hey there! ......dramatic suspense..... ready to answer?',
+      answer: qcmDrag
+    },
+    correctionPopinProps,
+    congratsProps: congratsProps.props
+  }
+};
+//# sourceMappingURL=failure.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/slides-review/test/fixtures/failure.js"],"names":["headerProps","congratsProps","AnswerQCMDrag","AnswerQCMGraphic","correctionPopinProps","qcmDrag","props","qcmGraphic","onValidateClick","console","log","Promise","resolve","validationResult","nextSlide","question","answer","endReview","reviewBackgroundAriaLabel","validate","label","onClick","firstSlide"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,uEAAxB;AACA,OAAOC,aAAP,MAA0B,4DAA1B;AACA,OAAOC,aAAP,MAA0B,oDAA1B;AACA,OAAOC,gBAAP,MAA6B,uDAA7B;AACA,SAAQC,oBAAR,QAAmC,WAAnC;AAEA,MAAMC,OAAO,GAAGH,aAAa,CAACI,KAA9B;AACA,MAAMC,UAAU,GAAGJ,gBAAgB,CAACG,KAApC;;AAEA,MAAME,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,EAAET;AAAtC,KAFU;AAGrBU,IAAAA,SAAS,EAAE;AAHU,GAAhB,CAAP;AAKD,CAPD;;AASA,eAAe;AACbX,EAAAA,KAAK,EAAE;AACLN,IAAAA,WAAW,EAAEA,WAAW,CAACM,KADpB;AAELY,IAAAA,yBAAyB,EAAE,gBAFtB;AAGLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,UADC;AAERC,MAAAA,OAAO,EAAEb;AAFD,KAHL;AAOLc,IAAAA,UAAU,EAAE;AACVP,MAAAA,QAAQ,EAAE,0DADA;AAEVC,MAAAA,MAAM,EAAEX;AAFE,KAPP;AAWLD,IAAAA,oBAXK;AAYLH,IAAAA,aAAa,EAAEA,aAAa,CAACK;AAZxB;AADM,CAAf","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/es/template/slides-review/test/fixtures/only-once-on-last-slide.js

@@ -0,0 +1,29 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import AnswerQCMGraphic from '../../../../molecule/answer/test/fixtures/qcm-graphic';
+import successFixture from './success';
+const qcmGraphic = AnswerQCMGraphic.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
+  });
+};
+
+export default {
+  props: _extends(_extends({}, successFixture.props), {}, {
+    validate: {
+      label: 'Validate',
+      onClick: onValidateClick
+    }
+  })
+};
+//# sourceMappingURL=only-once-on-last-slide.js.map

package/es/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":["AnswerQCMGraphic","successFixture","qcmGraphic","props","numberOfTries","onValidateClick","console","log","Promise","resolve","validationResult","nextSlide","question","answer","endReview","validate","label","onClick"],"mappings":";;AAAA,OAAOA,gBAAP,MAA6B,uDAA7B;AACA,OAAOC,cAAP,MAA2B,WAA3B;AAEA,MAAMC,UAAU,GAAGF,gBAAgB,CAACG,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,EAAEX;AAAtC,KAFU;AAGrBY,IAAAA,SAAS,EAAE;AAHU,GAAhB,CAAP;AAKD,CARD;;AAUA,eAAe;AACbX,EAAAA,KAAK,wBACAF,cAAc,CAACE,KADf;AAEHY,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,UADC;AAERC,MAAAA,OAAO,EAAEZ;AAFD;AAFP;AADQ,CAAf","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/es/template/slides-review/test/fixtures/random-responses.js

@@ -0,0 +1,34 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import random from 'lodash/fp/random';
+import AnswerQCMDrag from '../../../../molecule/answer/test/fixtures/qcm-drag';
+import AnswerQCMGraphic from '../../../../molecule/answer/test/fixtures/qcm-graphic';
+import successFixture from './success';
+
+const getRandomResult = () => random(0, 100) >= 45 ? 'success' : 'failure';
+
+const qcmDrag = AnswerQCMDrag.props;
+const qcmGraphic = AnswerQCMGraphic.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
+  });
+};
+
+export default {
+  props: _extends(_extends({}, successFixture.props), {}, {
+    validate: {
+      label: 'Validate',
+      onClick: onValidateClick
+    }
+  })
+};
+//# sourceMappingURL=random-responses.js.map

package/es/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":["random","AnswerQCMDrag","AnswerQCMGraphic","successFixture","getRandomResult","qcmDrag","props","qcmGraphic","onValidateClick","console","log","result","Promise","resolve","validationResult","nextSlide","question","answer","endReview","validate","label","onClick"],"mappings":";;AAAA,OAAOA,MAAP,MAAmB,kBAAnB;AACA,OAAOC,aAAP,MAA0B,oDAA1B;AACA,OAAOC,gBAAP,MAA6B,uDAA7B;AACA,OAAOC,cAAP,MAA2B,WAA3B;;AAEA,MAAMC,eAAe,GAAG,MAAOJ,MAAM,CAAC,CAAD,EAAI,GAAJ,CAAN,IAAkB,EAAlB,GAAuB,SAAvB,GAAmC,SAAlE;;AAEA,MAAMK,OAAO,GAAGJ,aAAa,CAACK,KAA9B;AACA,MAAMC,UAAU,GAAGL,gBAAgB,CAACI,KAApC;;AAEA,MAAME,eAAe,GAAG,MAAM;AAC5BC,EAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ;AACA,QAAMC,MAAM,GAAGP,eAAe,EAA9B;AACA,SAAOQ,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,GAAuBN,OAAvB,GAAiCE;AAAvE,KAFU;AAGrBW,IAAAA,SAAS,EAAE;AAHU,GAAhB,CAAP;AAKD,CARD;;AAUA,eAAe;AACbZ,EAAAA,KAAK,wBACAH,cAAc,CAACG,KADf;AAEHa,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,UADC;AAERC,MAAAA,OAAO,EAAEb;AAFD;AAFP;AADQ,CAAf","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/es/template/slides-review/test/fixtures/success.js

@@ -0,0 +1,54 @@
+import headerProps from '../../../../organism/review-header/test/fixtures/no-answered-question';
+import congratsProps from '../../../../organism/review-congrats/test/fixtures/default';
+import AnswerQCMDrag from '../../../../molecule/answer/test/fixtures/qcm-drag';
+import AnswerQCMGraphic from '../../../../molecule/answer/test/fixtures/qcm-graphic';
+const qcmDrag = AnswerQCMDrag.props;
+const qcmGraphic = AnswerQCMGraphic.props;
+
+const onValidateClick = () => {
+  console.log('onValidateClick');
+  return Promise.resolve({
+    validationResult: 'success',
+    nextSlide: {
+      question: 'other question?',
+      answer: qcmGraphic
+    },
+    endReview: false
+  });
+};
+
+export 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'
+};
+export default {
+  props: {
+    headerProps: headerProps.props,
+    reviewBackgroundAriaLabel: 'review BG Aria',
+    validate: {
+      label: 'Validate',
+      onClick: onValidateClick
+    },
+    firstSlide: {
+      question: 'Hey there, .....suspense.... ready to select some answers?',
+      answer: qcmDrag
+    },
+    correctionPopinProps,
+    congratsProps: congratsProps.props
+  }
+};
+//# sourceMappingURL=success.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/slides-review/test/fixtures/success.js"],"names":["headerProps","congratsProps","AnswerQCMDrag","AnswerQCMGraphic","qcmDrag","props","qcmGraphic","onValidateClick","console","log","Promise","resolve","validationResult","nextSlide","question","answer","endReview","correctionPopinProps","klf","label","tooltip","onClick","information","message","next","successLabel","failureLabel","reviewBackgroundAriaLabel","validate","firstSlide"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,uEAAxB;AACA,OAAOC,aAAP,MAA0B,4DAA1B;AACA,OAAOC,aAAP,MAA0B,oDAA1B;AACA,OAAOC,gBAAP,MAA6B,uDAA7B;AAEA,MAAMC,OAAO,GAAGF,aAAa,CAACG,KAA9B;AACA,MAAMC,UAAU,GAAGH,gBAAgB,CAACE,KAApC;;AAEA,MAAME,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,EAAET;AAAtC,KAFU;AAGrBU,IAAAA,SAAS,EAAE;AAHU,GAAhB,CAAP;AAKD,CAPD;;AASA,OAAO,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;AAmBP,eAAe;AACbrB,EAAAA,KAAK,EAAE;AACLL,IAAAA,WAAW,EAAEA,WAAW,CAACK,KADpB;AAELsB,IAAAA,yBAAyB,EAAE,gBAFtB;AAGLC,IAAAA,QAAQ,EAAE;AACRT,MAAAA,KAAK,EAAE,UADC;AAERE,MAAAA,OAAO,EAAEd;AAFD,KAHL;AAOLsB,IAAAA,UAAU,EAAE;AACVf,MAAAA,QAAQ,EAAE,4DADA;AAEVC,MAAAA,MAAM,EAAEX;AAFE,KAPP;AAWLa,IAAAA,oBAXK;AAYLhB,IAAAA,aAAa,EAAEA,aAAa,CAACI;AAZxB;AADM,CAAf","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/es/template/slides-review/test/fixtures.js

@@ -0,0 +1,19 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import TemplateSlidesReview from '..';
+import fixtureFailure from './fixtures/failure';
+import fixtureOnlyOnceOnLastSlide from './fixtures/only-once-on-last-slide';
+import fixtureRandomResponses from './fixtures/random-responses';
+import fixtureSuccess from './fixtures/success';
+test('Template › TemplateSlidesReview > should have valid propTypes', t => {
+  t.pass();
+  forEach(TemplateSlidesReview.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Template.TemplateSlidesReview.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Template › TemplateSlidesReview › Failure › should be rendered', renderComponentMacro, TemplateSlidesReview, fixtureFailure);
+test('Template › TemplateSlidesReview › OnlyOnceOnLastSlide › should be rendered', renderComponentMacro, TemplateSlidesReview, fixtureOnlyOnceOnLastSlide);
+test('Template › TemplateSlidesReview › RandomResponses › should be rendered', renderComponentMacro, TemplateSlidesReview, fixtureRandomResponses);
+test('Template › TemplateSlidesReview › Success › should be rendered', renderComponentMacro, TemplateSlidesReview, fixtureSuccess);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/slides-review/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateSlidesReview","fixtureFailure","fixtureOnlyOnceOnLastSlide","fixtureRandomResponses","fixtureSuccess","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,oBAAP,MAAiC,IAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,0BAAP,MAAuC,oCAAvC;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAP,IAAI,CAAC,+DAAD,EAAkEQ,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACAR,EAAAA,OAAO,CAACE,oBAAoB,CAACO,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAZ,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,oBAAzF,EAA+GC,cAA/G,CAAJ;AACAJ,IAAI,CAAC,4EAAD,EAA+EE,oBAA/E,EAAqGC,oBAArG,EAA2HE,0BAA3H,CAAJ;AACAL,IAAI,CAAC,wEAAD,EAA2EE,oBAA3E,EAAiGC,oBAAjG,EAAuHG,sBAAvH,CAAJ;AACAN,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,oBAAzF,EAA+GI,cAA/G,CAAJ","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"}