@coorpacademy/app-review 0.7.2-alpha.4 → 0.7.2-alpha.9

package/es/views/slides/index.js

@@ -166,22 +166,22 @@ export const buildStepItems = (state) => {
     });
     return steps;
 };
-const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf) => {
+const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf, translate) => {
     return {
         klf: isCorrect
             ? undefined
             : {
-                label: '_klf',
+                label: translate('KLF'),
                 tooltip: klf
             },
-        resultLabel: isCorrect ? '_right' : '_wrong',
+        resultLabel: isCorrect ? translate('Correct Answer') : translate('Wrong Answer'),
         information: {
-            label: isCorrect ? '_klf' : '_correctAnswer',
+            label: isCorrect ? translate('KLF') : translate('Correct Answer'),
             message: isCorrect ? klf : join(',', correctAnswer)
         },
         next: {
-            'aria-label': '_correctionNextAriaLabel',
-            label: '_correctionNextLabel',
+            'aria-label': translate('Next Question'),
+            label: translate('Next Question'),
             onClick: () => {
                 dispatch(nextSlide);
             }
@@ -214,7 +214,7 @@ const buildQuitPopinProps = (dispatch) => (onQuitClick) => {
         }
     };
 };
-const buildRankCard = (rank) => {
+const buildRankCard = (rank, translate) => {
     return {
         'aria-label': 'Review Card Congrats Container',
         'data-name': 'card-rank',
@@ -229,13 +229,13 @@ const buildRankCard = (rank) => {
         cardType: 'card-rank',
         iconAriaLabel: 'Image without information',
         className: undefined,
-        reviewCardTitle: 'You are now',
+        reviewCardTitle: translate('You are now'),
         reviewCardValue: `${rank}`,
         rankSuffix: 'th',
         timerAnimation: 200
     };
 };
-const buildCongratsProps = (state) => {
+const buildCongratsProps = (state, translate) => {
     if (!state.ui.showCongrats)
         return;
     const progression = state.data.progression;
@@ -258,18 +258,18 @@ const buildCongratsProps = (state) => {
         iconAriaLabel: 'Image without information',
         className: undefined,
         cardType: 'card-star',
-        reviewCardTitle: 'You have won',
+        reviewCardTitle: translate('You have won'),
         reviewCardValue: `${stars}`,
         timerAnimation: 200
     };
     const { start, end } = state.data.rank;
     const newRank = start - end;
-    const cardCongratsRank = !Number.isNaN(newRank) && newRank > 0 ? buildRankCard(end) : undefined;
+    const cardCongratsRank = !Number.isNaN(newRank) && newRank > 0 ? buildRankCard(end, translate) : undefined;
     return {
         'aria-label': 'Review Congratulations',
         'data-name': 'review-congrats',
         animationLottie: confettiAnimation,
-        title: 'Congratulations!',
+        title: translate('Congratulations!'),
         cardCongratsStar,
         cardCongratsRank,
         buttonRevising: undefined,
@@ -293,7 +293,7 @@ export const mapStateToSlidesProps = (state, dispatch, options) => {
     return {
         header: {
             mode: translate('Review Title'),
-            skillName: '__agility',
+            skillName: translate('Content Parent Title'),
             onQuitClick: () => dispatch(openQuitPopin),
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
@@ -303,16 +303,17 @@ export const mapStateToSlidesProps = (state, dispatch, options) => {
         stack: {
             slides: buildStackSlides(state, dispatch),
             validateButton: {
-                label: '__validate',
+                label: translate('Validate'),
                 disabled: !get(['ui', 'slide', currentSlideRef, 'validateButton'], state),
                 onClick: () => {
                     dispatch(postAnswer);
                 }
             },
-            correctionPopinProps: correction && getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf),
+            correctionPopinProps: correction &&
+                getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf, translate),
             endReview: endReview && state.ui.showCongrats
         },
-        congrats: buildCongratsProps(state),
+        congrats: buildCongratsProps(state, translate),
         quitPopin: showQuitPopin ? buildQuitPopinProps(dispatch)(onQuitClick) : undefined
     };
 };

package/lib/views/slides/index.js

@@ -173,22 +173,22 @@ const buildStepItems = (state) => {
     return steps;
 };
 exports.buildStepItems = buildStepItems;
-const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf) => {
+const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf, translate) => {
     return {
         klf: isCorrect
             ? undefined
             : {
-                label: '_klf',
+                label: translate('KLF'),
                 tooltip: klf
             },
-        resultLabel: isCorrect ? '_right' : '_wrong',
+        resultLabel: isCorrect ? translate('Correct Answer') : translate('Wrong Answer'),
         information: {
-            label: isCorrect ? '_klf' : '_correctAnswer',
+            label: isCorrect ? translate('KLF') : translate('Correct Answer'),
             message: isCorrect ? klf : (0, join_1.default)(',', correctAnswer)
         },
         next: {
-            'aria-label': '_correctionNextAriaLabel',
-            label: '_correctionNextLabel',
+            'aria-label': translate('Next Question'),
+            label: translate('Next Question'),
             onClick: () => {
                 dispatch(next_slide_1.nextSlide);
             }
@@ -221,7 +221,7 @@ const buildQuitPopinProps = (dispatch) => (onQuitClick) => {
         }
     };
 };
-const buildRankCard = (rank) => {
+const buildRankCard = (rank, translate) => {
     return {
         'aria-label': 'Review Card Congrats Container',
         'data-name': 'card-rank',
@@ -236,13 +236,13 @@ const buildRankCard = (rank) => {
         cardType: 'card-rank',
         iconAriaLabel: 'Image without information',
         className: undefined,
-        reviewCardTitle: 'You are now',
+        reviewCardTitle: translate('You are now'),
         reviewCardValue: `${rank}`,
         rankSuffix: 'th',
         timerAnimation: 200
     };
 };
-const buildCongratsProps = (state) => {
+const buildCongratsProps = (state, translate) => {
     if (!state.ui.showCongrats)
         return;
     const progression = state.data.progression;
@@ -265,18 +265,18 @@ const buildCongratsProps = (state) => {
         iconAriaLabel: 'Image without information',
         className: undefined,
         cardType: 'card-star',
-        reviewCardTitle: 'You have won',
+        reviewCardTitle: translate('You have won'),
         reviewCardValue: `${stars}`,
         timerAnimation: 200
     };
     const { start, end } = state.data.rank;
     const newRank = start - end;
-    const cardCongratsRank = !Number.isNaN(newRank) && newRank > 0 ? buildRankCard(end) : undefined;
+    const cardCongratsRank = !Number.isNaN(newRank) && newRank > 0 ? buildRankCard(end, translate) : undefined;
     return {
         'aria-label': 'Review Congratulations',
         'data-name': 'review-congrats',
         animationLottie: confettiAnimation,
-        title: 'Congratulations!',
+        title: translate('Congratulations!'),
         cardCongratsStar,
         cardCongratsRank,
         buttonRevising: undefined,
@@ -300,7 +300,7 @@ const mapStateToSlidesProps = (state, dispatch, options) => {
     return {
         header: {
             mode: translate('Review Title'),
-            skillName: '__agility',
+            skillName: translate('Content Parent Title'),
             onQuitClick: () => dispatch(quit_popin_1.openQuitPopin),
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
@@ -310,16 +310,17 @@ const mapStateToSlidesProps = (state, dispatch, options) => {
         stack: {
             slides: buildStackSlides(state, dispatch),
             validateButton: {
-                label: '__validate',
+                label: translate('Validate'),
                 disabled: !(0, get_1.default)(['ui', 'slide', currentSlideRef, 'validateButton'], state),
                 onClick: () => {
                     dispatch(post_answer_1.postAnswer);
                 }
             },
-            correctionPopinProps: correction && getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf),
+            correctionPopinProps: correction &&
+                getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf, translate),
             endReview: endReview && state.ui.showCongrats
         },
-        congrats: buildCongratsProps(state),
+        congrats: buildCongratsProps(state, translate),
         quitPopin: showQuitPopin ? buildQuitPopinProps(dispatch)(onQuitClick) : undefined
     };
 };

package/locales/en/review.json

@@ -0,0 +1,14 @@
+{
+    "Review Title": "Review Mode",
+    "Content Parent Title": "From `{{contentTitle}}` `{{contentType}}`",
+    "Validate": "Validate",
+    "Next question": "Next Question",
+    "KLF": "Key point",
+    "Correct Answer": "Good Answer",
+    "Wrong Answer": "Wrong Answer",
+    "You have won": "You have won",
+    "You are now": "You are now",
+    "Revise another skill": "Review another skill",
+    "Continue reviewing": "Keep reviewing",
+    "Congratulations!": "Congratulations!"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.7.2-alpha.4+e1775899f",
+  "version": "0.7.2-alpha.9+84d18dcd0",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -29,6 +29,7 @@
   "files": [
     "lib",
     "es",
+    "locales",
     "readme.md"
   ],
   "main": "lib/index.js",
@@ -70,5 +71,5 @@
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"
   },
-  "gitHead": "e1775899ff6dac4b740383674f511e550a203ca2"
+  "gitHead": "84d18dcd0a82d7d82ed2b00d99d5a872f8c94404"
 }