@coorpacademy/components 10.20.0-alpha.0 → 10.21.1

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

@@ -1,371 +0,0 @@
-@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

@@ -1,37 +0,0 @@
-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

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

@@ -1,29 +0,0 @@
-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

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

@@ -1,34 +0,0 @@
-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

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

@@ -1,54 +0,0 @@
-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

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