@coorpacademy/app-review 0.1.3 → 0.1.5

package/lib/reducers/index.d.ts

@@ -1,12 +1,15 @@
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
+    data: import("redux").CombinedState<{
+        progression: import("./data/progression").ProgressionState;
+        skills: import("../types/skills").Skills;
+        slides: import("./data/slides").SlidesState;
+        token: import("./data/token").TokenState;
+    }>;
     ui: import("redux").CombinedState<{
-        courses: import("./courses").State;
-        finishedSlides: import("../types/finished-slides").FinishedSlides;
-        navigation: import("../types/states").NavigationState;
-        reviewStatus: import("./review-status").State;
-        slides: import("../types/slides").Slides;
-        stepItems: import("../types/step-items").StepItems;
+        finishedSlides: import("./ui/finished-slides").FinishedSlidesState;
+        navigation: import("./ui/navigation").NavigationState;
+        reviewStatus: import("./ui/review-status").ReviewStatusState;
+        stepItems: import("./ui/step-items").StepItems;
     }>;
-    data: import("../types/data").DataState;
-}>, import("redux").AnyAction>;
+}>, import("../actions/data/slides").ValidateSlide | import("../actions/data/slides").SlidesAction | import("../actions/data/skills").ReceivedSkills | import("../actions/data/token").StoreToken | import("../actions/ui/finished-slides").UpdateFinishedSlides | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/review-status").UpdateReviewStatus | import("../actions/ui/step-items").StepItemsAction>;
 export default _default;

package/lib/reducers/index.js

@@ -1,20 +1,7 @@
 import { combineReducers } from 'redux';
 import data from './data';
-import courses from './courses';
-import finishedSlides from './finished-slides';
-import navigation from './navigation';
-import reviewStatus from './review-status';
-import slides from './slides';
-import stepItems from './step-items';
-var ui = combineReducers({
-    courses: courses,
-    finishedSlides: finishedSlides,
-    navigation: navigation,
-    reviewStatus: reviewStatus,
-    slides: slides,
-    stepItems: stepItems
-});
+import ui from './ui';
 export default combineReducers({
-    ui: ui,
-    data: data
+    data: data,
+    ui: ui
 });

package/lib/reducers/ui/finished-slides.d.ts

@@ -0,0 +1,8 @@
+import { UpdateFinishedSlides } from '../../actions/ui/finished-slides';
+export declare type FinishedSlidesState = {
+    slideNumbers: number[];
+    [key: number]: true;
+};
+export declare const initialState: FinishedSlidesState;
+declare const reducer: (state: FinishedSlidesState | undefined, action: UpdateFinishedSlides) => FinishedSlidesState;
+export default reducer;

package/lib/reducers/{finished-slides.js → ui/finished-slides.js}

@@ -10,17 +10,20 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import forEach from 'lodash/fp/forEach';
-import { UPDATE_FINISHED_SLIDES } from '../actions/finished-slides';
-import { slideNumbers } from '../common';
-var _forEach = forEach.convert({
-    cap: false
-});
+import { UPDATE_FINISHED_SLIDES } from '../../actions/ui/finished-slides';
+import { slideNumbers } from '../../common';
+// -----------------------------------------------------------------------------
 export var initialState = {
     slideNumbers: slideNumbers
 };
 // -----------------------------------------------------------------------------
+var _forEach = forEach.convert({
+    cap: false
+});
+// -----------------------------------------------------------------------------
+var reducer = function (
 // eslint-disable-next-line default-param-last
-var reducer = function (state, action) {
+state, action) {
     if (state === void 0) { state = initialState; }
     switch (action.type) {
         case UPDATE_FINISHED_SLIDES: {

package/lib/reducers/ui/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import("redux").Reducer<import("redux").CombinedState<{
+    finishedSlides: import("./finished-slides").FinishedSlidesState;
+    navigation: import("./navigation").NavigationState;
+    reviewStatus: import("./review-status").ReviewStatusState;
+    stepItems: import("./step-items").StepItems;
+}>, import("../../actions/ui/finished-slides").UpdateFinishedSlides | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/review-status").UpdateReviewStatus | import("../../actions/ui/step-items").StepItemsAction>;
+export default _default;

package/lib/reducers/ui/index.js

@@ -0,0 +1,11 @@
+import { combineReducers } from 'redux';
+import finishedSlides from './finished-slides';
+import navigation from './navigation';
+import reviewStatus from './review-status';
+import stepItems from './step-items';
+export default combineReducers({
+    finishedSlides: finishedSlides,
+    navigation: navigation,
+    reviewStatus: reviewStatus,
+    stepItems: stepItems
+});

package/lib/reducers/ui/navigation.d.ts

@@ -0,0 +1,5 @@
+import { type NavigateTo, type NavigateBack } from '../../actions/ui/navigation';
+export declare type NavigationState = Array<'skills' | 'onboarding' | 'slides'>;
+export declare const initialState: NavigationState;
+declare const reducer: (state: NavigationState | undefined, action: NavigateTo | NavigateBack) => NavigationState;
+export default reducer;

package/lib/reducers/{courses.js → ui/navigation.js}

@@ -7,16 +7,22 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { RECEIVED_COURSE } from '../actions/courses';
+import { NAVIGATE_BACK, NAVIGATE_TO } from '../../actions/ui/navigation';
 export var initialState = [];
 // -----------------------------------------------------------------------------
+var reducer = function (
 // eslint-disable-next-line default-param-last
-var reducer = function (state, action) {
+state, action) {
     if (state === void 0) { state = initialState; }
     switch (action.type) {
-        case RECEIVED_COURSE: {
+        case NAVIGATE_TO: {
             return __spreadArray(__spreadArray([], state, true), [action.payload], false);
         }
+        case NAVIGATE_BACK: {
+            var newState = __spreadArray([], state, true);
+            newState.pop();
+            return newState;
+        }
         default:
             return state;
     }

package/lib/reducers/ui/review-status.d.ts

@@ -0,0 +1,5 @@
+import { UpdateReviewStatus } from '../../actions/ui/review-status';
+export declare type ReviewStatusState = 'finished' | 'ongoing';
+export declare const initialState: ReviewStatusState;
+declare const reducer: (state: ReviewStatusState | undefined, action: UpdateReviewStatus) => ReviewStatusState;
+export default reducer;

package/lib/reducers/{review-status.js → ui/review-status.js}

@@ -1,8 +1,9 @@
-import { UPDATE_REVIEW_STATUS } from '../actions/review-status';
+import { UPDATE_REVIEW_STATUS } from '../../actions/ui/review-status';
 export var initialState = 'ongoing';
 // -----------------------------------------------------------------------------
+var reducer = function (
 // eslint-disable-next-line default-param-last
-var reducer = function (state, action) {
+state, action) {
     if (state === void 0) { state = initialState; }
     switch (action.type) {
         case UPDATE_REVIEW_STATUS: {

package/lib/reducers/ui/step-items.d.ts

@@ -0,0 +1,14 @@
+import { IconValue, StepItemsAction } from '../../actions/ui/step-items';
+declare type StepItem = {
+    current: boolean;
+    icon: IconValue;
+    value: string;
+};
+export declare type StepItems = {
+    slideNumbers: number[];
+    [key: number]: StepItem;
+};
+export declare type StepItemsState = StepItems;
+export declare const initialState: StepItemsState;
+declare const reducer: (state: StepItems | undefined, action: StepItemsAction) => StepItemsState;
+export default reducer;

package/lib/reducers/{step-items.js → ui/step-items.js}

@@ -9,12 +9,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import isNil from 'lodash/fp/isNil';
 import get from 'lodash/fp/get';
 import has from 'lodash/fp/has';
 import map from 'lodash/fp/map';
-import { UPDATE_STEP_ITEMS_ON_NEXT, UPDATE_STEP_ITEMS_ON_VALIDATION } from '../actions/step-items';
-import { HIGHEST_INDEX, slideNumbers, TOTAL_SLIDES_STACK } from '../common';
+import { UPDATE_STEP_ITEMS_ON_NEXT, UPDATE_STEP_ITEMS_ON_VALIDATION } from '../../actions/ui/step-items';
+import { HIGHEST_INDEX, slideNumbers, TOTAL_SLIDES_STACK } from '../../common';
+// -----------------------------------------------------------------------------
 var getInitialState = function () {
     var state = {
         slideNumbers: slideNumbers
@@ -22,7 +22,7 @@ var getInitialState = function () {
     // eslint-disable-next-line fp/no-loops
     for (var index = 0; index < TOTAL_SLIDES_STACK; index++) {
         var current = index === 0;
-        state[index] = { current: current, value: "".concat(index + 1), icon: null };
+        state[index] = { current: current, value: "".concat(index + 1), icon: 'no-answer' };
     }
     return state;
 };
@@ -36,12 +36,12 @@ var getNextIndex = function (currentIndex) {
 // ||-------> calculates which should be the next step to visit (as there can be already answered slides &&
 // they have to be skipped)
 var calculateNextStepIndex = function (currentStepNumber, finishedSlides, lastVisitedIndex) {
-    if (lastVisitedIndex === void 0) { lastVisitedIndex = null; }
+    if (lastVisitedIndex === void 0) { lastVisitedIndex = -1; }
     // only one slide remaining, the step should stay on the same number
     if (lastVisitedIndex === currentStepNumber) {
         return currentStepNumber;
     }
-    var indexToVisit = getNextIndex(isNil(lastVisitedIndex) ? currentStepNumber : lastVisitedIndex);
+    var indexToVisit = getNextIndex(lastVisitedIndex === -1 ? currentStepNumber : lastVisitedIndex);
     // if the index is already included in the correctly answered (finished) slides, then we proceed to check for the next one
     return has(indexToVisit, finishedSlides)
         ? calculateNextStepIndex(currentStepNumber, finishedSlides, indexToVisit)
@@ -76,7 +76,7 @@ var reducer = function (state, action) {
         }
         case UPDATE_STEP_ITEMS_ON_NEXT: {
             var _b = action.payload, stepNumber = _b.stepNumber, finishedSlides = _b.finishedSlides, current = _b.current;
-            var nextIndex = !current ? calculateNextStepIndex(stepNumber, finishedSlides) : null;
+            var nextIndex = !current ? calculateNextStepIndex(stepNumber, finishedSlides) : -1;
             return recalculateStepItemsState(state, stepNumber, { current: current, nextIndex: nextIndex });
         }
         default:

package/lib/services/fetch-skills.d.ts

@@ -0,0 +1,8 @@
+import crossFetch from 'cross-fetch';
+import { Skills } from '../types/skills';
+declare type FetchSkills = (token: string) => Promise<Skills>;
+declare type CreateFetchSkills = (fetch: typeof crossFetch) => FetchSkills;
+declare const fetchSkills: CreateFetchSkills;
+export { fetchSkills };
+declare const _default: FetchSkills;
+export default _default;

package/lib/services/{fetch-demo.js → fetch-skills.js}

@@ -36,41 +36,34 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import crossFetch from 'cross-fetch';
 import decode from 'jwt-decode';
-import { toJSON } from './fetch-responses';
-var buildUrlQueryParams = function (params) {
-    return Object.keys(params)
-        .map(function (key) {
-        var value = params[key].toString();
-        return "".concat(encodeURIComponent(key), "=").concat(encodeURIComponent(value));
-    })
-        .join('&');
-};
+import { toJSON } from './tools/fetch-responses';
+import mockFetchSkills from './fetch-skills.mock';
 // -----------------------------------------------------------------------------
-var fetchCourse = function (fetch) {
-    return function (token, language, universalRef) { return __awaiter(void 0, void 0, void 0, function () {
-        var jwt, query, response, hits;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    jwt = decode(token);
-                    query = {
-                        type: 'course',
-                        universalRef: universalRef,
-                        lang: language
-                    };
-                    return [4 /*yield*/, fetch("".concat(jwt.host, "/api/v2/contents?").concat(buildUrlQueryParams(query)), {
-                            headers: { authorization: token }
-                        })];
-                case 1:
-                    response = _a.sent();
-                    return [4 /*yield*/, toJSON(response)];
-                case 2:
-                    hits = (_a.sent()).hits;
-                    return [2 /*return*/, hits === null || hits === void 0 ? void 0 : hits[0]];
-            }
-        });
-    }); };
+var fetchSkills = function (fetch) { return function (token) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a, userId, host, response, skills;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                _a = decode(token), userId = _a.user, host = _a.host;
+                return [4 /*yield*/, fetch("".concat(host, "/api/v2/skills/review/user/").concat(userId), {
+                        headers: { authorization: token }
+                    })];
+            case 1:
+                response = _b.sent();
+                return [4 /*yield*/, toJSON(response)];
+            case 2:
+                skills = (_b.sent());
+                return [2 /*return*/, skills];
+        }
+    });
+}); }; };
+// -----------------------------------------------------------------------------
+var createFetchSkills = function () {
+    if (process.env.SERVICES !== 'mocks') {
+        return fetchSkills(crossFetch);
+    }
+    return fetchSkills(mockFetchSkills);
 };
 // -----------------------------------------------------------------------------
-export { fetchCourse };
-export default fetchCourse(crossFetch);
+export { fetchSkills };
+export default createFetchSkills();

package/lib/services/fetch-skills.mock.d.ts

@@ -0,0 +1,3 @@
+import crossFetch from 'cross-fetch';
+declare const mockFetchSkills: typeof crossFetch;
+export default mockFetchSkills;

package/lib/services/fetch-skills.mock.js

@@ -0,0 +1,17 @@
+import { okJSONResponse } from './tools/fetch.mocks';
+var result = [
+    {
+        skillRef: '_skill-ref',
+        slidesToReview: 2,
+        name: 'skill-test',
+        custom: false
+    },
+    {
+        skillRef: '_skill-ref-2',
+        slidesToReview: 2,
+        name: 'skill-test-2',
+        custom: true
+    }
+];
+var mockFetchSkills = okJSONResponse(result);
+export default mockFetchSkills;

package/lib/services/{fetch-demo.test.js → fetch-skills.test.js}

@@ -35,22 +35,41 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import test from 'ava';
-import { fetchCourse as _fetchCourse } from './fetch-demo';
-import { okJSONResponse } from './fetch.mocks';
-test('should fetch a demo course', function (t) { return __awaiter(void 0, void 0, void 0, function () {
-    var token, language, universalRef, result, fetchCourse, course;
+import { fetchSkills } from './fetch-skills';
+import { okJSONResponse, token } from './tools/fetch.mocks';
+test('should fetch skills with success', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var result, mockedFetchSkills, skills;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
-                token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c';
-                language = 'fr';
-                universalRef = 'bar';
-                result = { hits: [{ title: 'Digital IQ test' }] };
-                fetchCourse = _fetchCourse(okJSONResponse(result));
-                return [4 /*yield*/, fetchCourse(token, language, universalRef)];
+                result = [
+                    {
+                        slidesToReview: 1,
+                        name: 'skill-test',
+                        custom: false,
+                        skillRef: '_skill-ref'
+                    }
+                ];
+                mockedFetchSkills = fetchSkills(okJSONResponse(result));
+                return [4 /*yield*/, mockedFetchSkills(token)];
             case 1:
-                course = _a.sent();
-                t.is(course.title, 'Digital IQ test');
+                skills = _a.sent();
+                t.deepEqual(result, skills);
+                return [2 /*return*/];
+        }
+    });
+}); });
+test('should reject bad token', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var badToken, mockedFetchSkills, error;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                badToken = 'token is not a jwt';
+                mockedFetchSkills = fetchSkills(okJSONResponse([]));
+                return [4 /*yield*/, t.throwsAsync(function () { return mockedFetchSkills(badToken); })];
+            case 1:
+                error = _a.sent();
+                t.is(error === null || error === void 0 ? void 0 : error.message, "Invalid token specified: Cannot read properties of undefined (reading 'replace')");
                 return [2 /*return*/];
         }
     });

package/lib/services/tools/fetch-responses.d.ts

@@ -0,0 +1,7 @@
+export declare class ResponseError extends Error {
+    statusCode: number;
+    constructor(statusCode: number, statusText: string, body?: string);
+}
+export declare const toJSON: (response: Response) => Promise<unknown>;
+export declare const toText: (response: Response) => Promise<string>;
+export declare const toVoid: (response: Response) => Promise<void>;

package/lib/services/tools/fetch.mocks.d.ts

@@ -0,0 +1,8 @@
+import crossFetch from 'cross-fetch';
+export declare const toResponse: (statusCode: number, statusText: string, body: string) => Promise<Response>;
+export declare const okJSONResponse: (body: unknown) => typeof crossFetch;
+export declare const internalServerErrorJSONResponse: (body: unknown) => typeof crossFetch;
+export declare const notFoundJSONResponse: (body: unknown) => typeof crossFetch;
+export declare const okTextResponse: (body: string) => typeof crossFetch;
+export declare const internalServerErrorTextResponse: (body: string) => typeof crossFetch;
+export declare const token: string;

package/lib/services/{fetch.mocks.js → tools/fetch.mocks.js}

@@ -32,3 +32,4 @@ export var internalServerErrorTextResponse = function (body) {
         return toResponse(500, 'InternalServerError', body);
     };
 };
+export var token = process.env.API_TEST_TOKEN || 'no-API_TEST_TOKEN';

package/lib/types/common.d.ts

@@ -5,3 +5,15 @@ export declare type AppOptions = {
     translations?: unknown;
     slide?: Slide;
 };
+export declare type JWT = {
+    exp: number;
+    iat: number;
+    grants: unknown;
+    iss: string;
+    user: string;
+    usage: string;
+    host: string;
+};
+export declare type WithRequired<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};

package/lib/types/skills.d.ts

@@ -0,0 +1,7 @@
+export declare type Skill = {
+    skillRef: string;
+    slidesToReview: number;
+    custom: boolean;
+    name: string;
+};
+export declare type Skills = Skill[];

package/lib/types/slides.d.ts

@@ -1,14 +1,14 @@
-import { WithRequired } from './utils';
 export declare type Choice = {
     order?: number;
     selected: boolean;
     title: string;
     help: string;
+    onClick: Function;
 };
 export declare type QcmDrag = {
     type: 'qcmDrag';
-    choices: Choice[];
-    help: string;
+    answers: Choice[];
+    help?: string;
 };
 export declare type Qcm = {
     type: 'qcm';
@@ -62,26 +62,8 @@ export declare type AnswerUI = {
     model: QcmDrag | Qcm | QcmGraphic | FreeText | DropDown | QuestionRange | Template;
     help: string;
 };
-export declare type SlideNumber = number;
 export declare type SlideUIAnimations = 'unstack' | 'restack';
 export declare type Slide = {
-    hidden?: boolean;
-    position?: number;
-    animationType?: SlideUIAnimations;
-    validationResult?: 'success' | 'failure';
-    endReview?: boolean;
     questionText?: string;
     answerUI?: AnswerUI;
-    nextSlide?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextSlide'>;
-};
-export declare type Slides = {
-    slideNumbers: SlideNumber[];
-    [key: SlideNumber]: Slide;
-};
-export declare type UpdateSlidesOnValidationPayload = {
-    slideNumber: SlideNumber;
-    newSlideContent: Slide;
-    numberOfFinishedSlides: number;
-    nextSlide: WithRequired<Slide['nextSlide'], 'answerUI' | 'questionText'>;
 };
-export declare type UpdateSlidesOnNextPayload = Omit<UpdateSlidesOnValidationPayload, 'nextSlide'>;

package/lib/types/views/skills.d.ts

@@ -0,0 +1,24 @@
+declare type SkillCard = {
+    'aria-label': string;
+    skillTitle: string;
+    skillAriaLabel: string;
+    buttonLabel: string;
+    buttonAriaLabel: string;
+    reviseLabel: string;
+    reviseAriaLabel: string;
+    isCustom: boolean;
+    onClick: Function;
+};
+declare type NoSkillsProps = {
+    titleNoSkills: string;
+    textNoSkills: string;
+    iconSkillAriaLabel: string;
+};
+declare type SkillsProps = NoSkillsProps & {
+    'aria-label'?: string;
+    title: string;
+    isLoading?: boolean;
+    isLoadingAriaLabel: string;
+    listSkills: SkillCard[];
+};
+export { SkillsProps };

package/{es/types/views.d.ts → lib/types/views/slides.d.ts}

@@ -1,11 +1,7 @@
-import { State as ReviewStatus } from '../reducers/review-status';
-import { DataState } from './data';
-import { Dispatchers } from './dispatchers';
-import { FinishedSlides } from './finished-slides';
-import { Slides } from './slides';
-import { StepItems } from './step-items';
+import { Dispatchers } from '../../actions';
+import { StoreState } from '../../configure-store';
 declare type SlidesViewStaticProps = {
-    slides: Slides;
+    slides: StoreState['data']['slides'];
     headerProps: {
         mode: string;
         skillName: string;
@@ -13,9 +9,9 @@ declare type SlidesViewStaticProps = {
         'aria-label'?: string;
         closeButtonAriaLabel: string;
     };
-    finishedSlides: FinishedSlides;
-    stepItems: StepItems;
-    reviewStatus: ReviewStatus;
+    finishedSlides: StoreState['ui']['finishedSlides'];
+    stepItems: StoreState['ui']['stepItems'];
+    reviewStatus: StoreState['ui']['reviewStatus'];
     validate: {
         label: string;
     };
@@ -57,7 +53,7 @@ declare type SlidesViewStaticProps = {
         failureLabel: string;
     };
     reviewBackgroundAriaLabel?: string;
-    slideValidationResult: DataState['slideValidationResult'];
+    progression: StoreState['data']['progression'];
 };
 declare type SlidesViewDispatcherProps = Omit<Dispatchers, 'navigateTo' | 'navigateBack'>;
 declare type SlidesViewProps = SlidesViewStaticProps & SlidesViewDispatcherProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -40,7 +40,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@coorpacademy/components": "10.21.2",
+    "@coorpacademy/components": "10.21.4",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
     "react-redux": "^8.0.1",
@@ -76,5 +76,5 @@
     "ts-node": "^10.8.1",
     "typescript": "^4.7.4"
   },
-  "gitHead": "d45f65336f89f149396b5b466c74318fe742dfe1"
+  "gitHead": "aeb09b5a833e5f1a16c8ca15bf82fd2fcc9c3adb"
 }

package/src/actions/data/skills.ts

@@ -0,0 +1,24 @@
+import {Skills} from '../../types/skills';
+
+export const RECEIVED_SKILLS = '@@data/skills/RECEIVED_SKILLS';
+export const ERROR_FETCHING_SKILLS = '@@data/skills/ERROR_FETCHING_SKILLS';
+
+export type ReceivedSkills = {
+  type: '@@data/skills/RECEIVED_SKILLS';
+  payload: Skills;
+};
+
+export type ErrorFetchingSkills = {
+  type: '@@data/skills/ERROR_FETCHING_SKILLS';
+  payload: Error;
+};
+
+export const receivedSkills = (skills: Skills): ReceivedSkills => ({
+  type: RECEIVED_SKILLS,
+  payload: skills
+});
+
+export const errorFetchingSkills = (error: Error): ErrorFetchingSkills => ({
+  type: ERROR_FETCHING_SKILLS,
+  payload: error
+});