@coorpacademy/app-review 0.8.9 → 0.8.10-alpha.1

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: PrimarySkin;
 };
 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 PrimarySkin = {
+    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`,
@@ -211,7 +211,7 @@ const buildQuitPopinProps = (dispatch) => (onQuitClick, translate) => {
             label: translate('Stop learning'),
             type: 'tertiary',
             customStyle: {
-                color: '#ED3436'
+                color: skin.common.primary
             },
             handleOnclick: onQuitClick,
             'aria-label': translate('Stop learning')
@@ -312,7 +312,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 +345,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: PrimarySkin;
 };
 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 PrimarySkin = {
+    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`,
@@ -218,7 +218,7 @@ const buildQuitPopinProps = (dispatch) => (onQuitClick, translate) => {
             label: translate('Stop learning'),
             type: 'tertiary',
             customStyle: {
-                color: '#ED3436'
+                color: skin.common.primary
             },
             handleOnclick: onQuitClick,
             'aria-label': translate('Stop learning')
@@ -319,7 +319,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 +352,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.8.9",
+  "version": "0.8.10-alpha.1+2503fa1e9",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -37,7 +37,7 @@
   "dependencies": {
     "@coorpacademy/components": "10.28.7",
     "@coorpacademy/redux-task": "1.1.6",
-    "@coorpacademy/translate": "^6.1.5",
+    "@coorpacademy/translate": "6.1.5",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
     "react-redux": "^7.2.9",
@@ -71,5 +71,5 @@
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"
   },
-  "gitHead": "761de76bebf26748140505da5eb938de2c543d1f"
+  "gitHead": "2503fa1e90128d836b29cfd57bdf05d68e8e30c7"
 }