@coorpacademy/app-review 0.9.0 → 0.9.1-alpha.12

package/es/index.js

@@ -24,7 +24,7 @@ const ConnectedApp = (options) => {
 const AppReview = ({ options }) => {
     const [store, setStore] = useState(null);
     const [isProgressionCreated, setIsProgressionCreated] = useState(false);
-    const { translate, onQuitClick } = options;
+    const { translate, onQuitClick, skin } = options;
     useEffect(() => {
         if (store)
             return;
@@ -68,6 +68,6 @@ const AppReview = ({ options }) => {
     if (!store)
         return null;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate })));
+        React.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate, skin: skin })));
 };
 export default AppReview;

package/es/types/common.d.ts

@@ -151,6 +151,7 @@ export declare type Options = {
 export declare type ConnectedOptions = {
     translate: Translate;
     onQuitClick: () => void;
+    skin: Skin;
 };
 export declare type AppOptions = ConnectedOptions & {
     token: string;
@@ -174,4 +175,9 @@ export declare type JWT = {
 export declare type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
+export declare type Skin = {
+    common: {
+        primary: string;
+    };
+};
 export {};

package/es/views/slides/index.js

@@ -201,7 +201,7 @@ const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf, tr
         type: isCorrect ? 'right' : 'wrong'
     };
 };
-const buildQuitPopinProps = (dispatch) => (onQuitClick, translate) => {
+const buildQuitPopinProps = (dispatch) => (onQuitClick, translate, skin) => {
     return {
         content: translate('Quit Title'),
         icon: `MoonRocket`,
@@ -219,6 +219,9 @@ const buildQuitPopinProps = (dispatch) => (onQuitClick, translate) => {
         secondButton: {
             label: translate('Continue learning'),
             type: 'primary',
+            customStyle: {
+                backgroundColor: skin.common.primary
+            },
             handleOnclick: () => {
                 dispatch(closeQuitPopin);
             },
@@ -312,7 +315,7 @@ const isEndOfProgression = (progression) => {
     return progression.state.nextContent.ref === 'successExitNode';
 };
 export const mapStateToSlidesProps = (state, dispatch, options) => {
-    const { translate, onQuitClick } = options;
+    const { translate, onQuitClick, skin } = options;
     const currentSlideRef = getCurrentSlideRef(state);
     const endReview = isEndOfProgression(state.data.progression);
     const correction = get(['data', 'corrections', currentSlideRef], state);
@@ -345,6 +348,8 @@ export const mapStateToSlidesProps = (state, dispatch, options) => {
             endReview: endReview && state.ui.showCongrats
         },
         congrats: buildCongratsProps(state, dispatch, options),
-        quitPopin: showQuitPopin ? buildQuitPopinProps(dispatch)(onQuitClick, translate) : undefined
+        quitPopin: showQuitPopin
+            ? buildQuitPopinProps(dispatch)(onQuitClick, translate, skin)
+            : undefined
     };
 };

package/lib/index.js

@@ -52,7 +52,7 @@ const ConnectedApp = (options) => {
 const AppReview = ({ options }) => {
     const [store, setStore] = (0, react_1.useState)(null);
     const [isProgressionCreated, setIsProgressionCreated] = (0, react_1.useState)(false);
-    const { translate, onQuitClick } = options;
+    const { translate, onQuitClick, skin } = options;
     (0, react_1.useEffect)(() => {
         if (store)
             return;
@@ -96,6 +96,6 @@ const AppReview = ({ options }) => {
     if (!store)
         return null;
     return (react_1.default.createElement(react_redux_1.Provider, { store: store },
-        react_1.default.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate })));
+        react_1.default.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate, skin: skin })));
 };
 exports.default = AppReview;

package/lib/types/common.d.ts

@@ -151,6 +151,7 @@ export declare type Options = {
 export declare type ConnectedOptions = {
     translate: Translate;
     onQuitClick: () => void;
+    skin: Skin;
 };
 export declare type AppOptions = ConnectedOptions & {
     token: string;
@@ -174,4 +175,9 @@ export declare type JWT = {
 export declare type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
+export declare type Skin = {
+    common: {
+        primary: string;
+    };
+};
 export {};

package/lib/views/slides/index.js

@@ -208,7 +208,7 @@ const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf, tr
         type: isCorrect ? 'right' : 'wrong'
     };
 };
-const buildQuitPopinProps = (dispatch) => (onQuitClick, translate) => {
+const buildQuitPopinProps = (dispatch) => (onQuitClick, translate, skin) => {
     return {
         content: translate('Quit Title'),
         icon: `MoonRocket`,
@@ -226,6 +226,9 @@ const buildQuitPopinProps = (dispatch) => (onQuitClick, translate) => {
         secondButton: {
             label: translate('Continue learning'),
             type: 'primary',
+            customStyle: {
+                backgroundColor: skin.common.primary
+            },
             handleOnclick: () => {
                 dispatch(quit_popin_1.closeQuitPopin);
             },
@@ -319,7 +322,7 @@ const isEndOfProgression = (progression) => {
     return progression.state.nextContent.ref === 'successExitNode';
 };
 const mapStateToSlidesProps = (state, dispatch, options) => {
-    const { translate, onQuitClick } = options;
+    const { translate, onQuitClick, skin } = options;
     const currentSlideRef = getCurrentSlideRef(state);
     const endReview = isEndOfProgression(state.data.progression);
     const correction = (0, get_1.default)(['data', 'corrections', currentSlideRef], state);
@@ -352,7 +355,9 @@ const mapStateToSlidesProps = (state, dispatch, options) => {
             endReview: endReview && state.ui.showCongrats
         },
         congrats: buildCongratsProps(state, dispatch, options),
-        quitPopin: showQuitPopin ? buildQuitPopinProps(dispatch)(onQuitClick, translate) : undefined
+        quitPopin: showQuitPopin
+            ? buildQuitPopinProps(dispatch)(onQuitClick, translate, skin)
+            : undefined
     };
 };
 exports.mapStateToSlidesProps = mapStateToSlidesProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.9.0",
+  "version": "0.9.1-alpha.12+238f6dd65",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -35,7 +35,7 @@
   "main": "lib/index.js",
   "module": "es/index.js",
   "dependencies": {
-    "@coorpacademy/components": "10.29.0",
+    "@coorpacademy/components": "10.29.1-alpha.12+238f6dd65",
     "@coorpacademy/redux-task": "1.1.6",
     "@coorpacademy/translate": "6.2.0",
     "cross-fetch": "^3.1.5",
@@ -71,5 +71,5 @@
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"
   },
-  "gitHead": "d86b61ca4d94a5e0c8691bc10bc5c8e67e45153d"
+  "gitHead": "238f6dd650f5af8fcb1d52f35eaadf9a4abc91e6"
 }

package/locales/.mtslconfig.json

@@ -1 +0,0 @@
-{"ignore_dirs":[]}