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

package/es/index.js

@@ -8,15 +8,15 @@ import { navigateBack, navigateTo } from './actions/ui/navigation';
 import { storeToken } from './actions/data/token';
 import { fetchSkills } from './actions/api/fetch-skills';
 import { postProgression } from './actions/api/post-progression';
-import { mapStateToSlidesProps } from './views/slides';
 import { mapStateToSkillsProps } from './views/skills';
-const ConnectedApp = ({ onQuitClick }) => {
+import { mapStateToSlidesProps } from './views/slides';
+const ConnectedApp = (options) => {
     const dispatch = useDispatch();
     const props = {
-        navigateBack: () => dispatch(navigateBack),
         viewName: useSelector((state) => state.ui.navigation[state.ui.navigation.length - 1]),
-        slides: useSelector((state) => mapStateToSlidesProps(state, dispatch, onQuitClick)),
+        slides: useSelector((state) => mapStateToSlidesProps(state, dispatch, options)),
         skills: useSelector((state) => mapStateToSkillsProps(state)),
+        navigateBack: () => dispatch(navigateBack),
         onboarding: {}
     };
     return React.createElement(AppReviewTemplate, { ...props });
@@ -24,7 +24,7 @@ const ConnectedApp = ({ onQuitClick }) => {
 const AppReview = ({ options }) => {
     const [store, setStore] = useState(null);
     const [isProgressionCreated, setIsProgressionCreated] = useState(false);
-    const onQuitClick = options.onQuitClick;
+    const { translate, onQuitClick } = 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 })));
+        React.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate })));
 };
 export default AppReview;

package/es/types/common.d.ts

@@ -137,12 +137,17 @@ export declare type Services = {
     fetchRank(token: string): Promise<Rank>;
     fetchSlidesToReviewBySkillRef(url: string, token: string, skillRef: string): Promise<SlideIdFromAPI[]>;
 };
-export declare type AppOptions = {
+export declare type Options = {
+    services: Services;
+};
+export declare type ConnectedOptions = {
+    translate: (key: string, data?: unknown) => string;
+    onQuitClick: () => void;
+};
+export declare type AppOptions = ConnectedOptions & {
     token: string;
     skillRef?: string;
     services: Services;
-    onQuitClick: () => void;
-    translate: Function;
     url: string;
     callbackOnViewChanged?: (viewName: ViewName) => void;
 };

package/es/views/slides/index.d.ts

@@ -1,6 +1,7 @@
 import type { Dispatch } from 'redux';
 import { ReviewPlayerProps } from '@coorpacademy/components/es/template/app-review/player/prop-types';
 import { SlideProps } from '@coorpacademy/components/es/organism/review-slide/prop-types';
+import type { ConnectedOptions } from '../../types/common';
 import type { StoreState } from '../../reducers';
 import type { AnswerUI } from '../../types/slides';
 declare const ICON_VALUES: {
@@ -30,5 +31,5 @@ declare type SlidesStack = {
 };
 export declare const initialState: SlidesStack;
 export declare const buildStepItems: (state: StoreState) => StepItem[];
-export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch, onQuitClick: () => void) => ReviewPlayerProps;
+export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch, options: ConnectedOptions) => ReviewPlayerProps;
 export {};

package/es/views/slides/index.js

@@ -281,7 +281,8 @@ const isEndOfProgression = (progression) => {
         return false;
     return progression.state.nextContent.ref === 'successExitNode';
 };
-export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
+export const mapStateToSlidesProps = (state, dispatch, options) => {
+    const { translate, onQuitClick } = options;
     const currentSlideRef = getCurrentSlideRef(state);
     const endReview = isEndOfProgression(state.data.progression);
     const correction = get(['data', 'corrections', currentSlideRef], state);
@@ -291,7 +292,7 @@ export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
     const showCongrats = get(['ui', 'showCongrats'], state);
     return {
         header: {
-            mode: '__revision_mode',
+            mode: translate('Review Title'),
             skillName: '__agility',
             onQuitClick: () => dispatch(openQuitPopin),
             'aria-label': 'aria-header-wrapper',

package/lib/index.js

@@ -36,15 +36,15 @@ const navigation_1 = require("./actions/ui/navigation");
 const token_1 = require("./actions/data/token");
 const fetch_skills_1 = require("./actions/api/fetch-skills");
 const post_progression_1 = require("./actions/api/post-progression");
-const slides_1 = require("./views/slides");
 const skills_1 = require("./views/skills");
-const ConnectedApp = ({ onQuitClick }) => {
+const slides_1 = require("./views/slides");
+const ConnectedApp = (options) => {
     const dispatch = (0, react_redux_1.useDispatch)();
     const props = {
-        navigateBack: () => dispatch(navigation_1.navigateBack),
         viewName: (0, react_redux_1.useSelector)((state) => state.ui.navigation[state.ui.navigation.length - 1]),
-        slides: (0, react_redux_1.useSelector)((state) => (0, slides_1.mapStateToSlidesProps)(state, dispatch, onQuitClick)),
+        slides: (0, react_redux_1.useSelector)((state) => (0, slides_1.mapStateToSlidesProps)(state, dispatch, options)),
         skills: (0, react_redux_1.useSelector)((state) => (0, skills_1.mapStateToSkillsProps)(state)),
+        navigateBack: () => dispatch(navigation_1.navigateBack),
         onboarding: {}
     };
     return react_1.default.createElement(app_review_1.default, { ...props });
@@ -52,7 +52,7 @@ const ConnectedApp = ({ onQuitClick }) => {
 const AppReview = ({ options }) => {
     const [store, setStore] = (0, react_1.useState)(null);
     const [isProgressionCreated, setIsProgressionCreated] = (0, react_1.useState)(false);
-    const onQuitClick = options.onQuitClick;
+    const { translate, onQuitClick } = 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 })));
+        react_1.default.createElement(ConnectedApp, { onQuitClick: onQuitClick, translate: translate })));
 };
 exports.default = AppReview;

package/lib/types/common.d.ts

@@ -137,12 +137,17 @@ export declare type Services = {
     fetchRank(token: string): Promise<Rank>;
     fetchSlidesToReviewBySkillRef(url: string, token: string, skillRef: string): Promise<SlideIdFromAPI[]>;
 };
-export declare type AppOptions = {
+export declare type Options = {
+    services: Services;
+};
+export declare type ConnectedOptions = {
+    translate: (key: string, data?: unknown) => string;
+    onQuitClick: () => void;
+};
+export declare type AppOptions = ConnectedOptions & {
     token: string;
     skillRef?: string;
     services: Services;
-    onQuitClick: () => void;
-    translate: Function;
     url: string;
     callbackOnViewChanged?: (viewName: ViewName) => void;
 };

package/lib/views/slides/index.d.ts

@@ -1,6 +1,7 @@
 import type { Dispatch } from 'redux';
 import { ReviewPlayerProps } from '@coorpacademy/components/es/template/app-review/player/prop-types';
 import { SlideProps } from '@coorpacademy/components/es/organism/review-slide/prop-types';
+import type { ConnectedOptions } from '../../types/common';
 import type { StoreState } from '../../reducers';
 import type { AnswerUI } from '../../types/slides';
 declare const ICON_VALUES: {
@@ -30,5 +31,5 @@ declare type SlidesStack = {
 };
 export declare const initialState: SlidesStack;
 export declare const buildStepItems: (state: StoreState) => StepItem[];
-export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch, onQuitClick: () => void) => ReviewPlayerProps;
+export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch, options: ConnectedOptions) => ReviewPlayerProps;
 export {};

package/lib/views/slides/index.js

@@ -288,7 +288,8 @@ const isEndOfProgression = (progression) => {
         return false;
     return progression.state.nextContent.ref === 'successExitNode';
 };
-const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
+const mapStateToSlidesProps = (state, dispatch, options) => {
+    const { translate, onQuitClick } = options;
     const currentSlideRef = getCurrentSlideRef(state);
     const endReview = isEndOfProgression(state.data.progression);
     const correction = (0, get_1.default)(['data', 'corrections', currentSlideRef], state);
@@ -298,7 +299,7 @@ const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
     const showCongrats = (0, get_1.default)(['ui', 'showCongrats'], state);
     return {
         header: {
-            mode: '__revision_mode',
+            mode: translate('Review Title'),
             skillName: '__agility',
             onQuitClick: () => dispatch(quit_popin_1.openQuitPopin),
             'aria-label': 'aria-header-wrapper',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.7.2-alpha.0+c67805b5f",
+  "version": "0.7.2-alpha.4+e1775899f",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -34,7 +34,7 @@
   "main": "lib/index.js",
   "module": "es/index.js",
   "dependencies": {
-    "@coorpacademy/components": "10.27.1-alpha.0+c67805b5f",
+    "@coorpacademy/components": "10.27.0",
     "@coorpacademy/redux-task": "1.1.6",
     "@coorpacademy/translate": "6.1.5",
     "cross-fetch": "^3.1.5",
@@ -70,5 +70,5 @@
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1"
   },
-  "gitHead": "c67805b5f6cd6c8d74a4d9c3ead99fa8a0d5465d"
+  "gitHead": "e1775899ff6dac4b740383674f511e550a203ca2"
 }