@coorpacademy/app-review 0.5.3 → 0.5.4

package/es/actions/api/fetch-rank.js

@@ -6,6 +6,10 @@ export const RANK_FETCH_START_FAILURE = '@@rank/FETCH_START_FAILURE';
 export const RANK_FETCH_END_REQUEST = '@@rank/FETCH_END_REQUEST';
 export const RANK_FETCH_END_SUCCESS = '@@rank/FETCH_END_SUCCESS';
 export const RANK_FETCH_END_FAILURE = '@@rank/FETCH_END_FAILURE';
+const bailout = (path) => (state) => {
+    const value = get(path, state);
+    return !Number.isNaN(value);
+};
 export const fetchRank = (dispatch, getState, services, types, path) => {
     const action = buildTask({
         types,
@@ -14,7 +18,7 @@ export const fetchRank = (dispatch, getState, services, types, path) => {
             const token = get(['data', 'token'], state);
             return services.fetchRank(token);
         },
-        bailout: path ? (state) => !!get(path, state) : undefined
+        bailout: path ? bailout(path) : undefined
     });
     return dispatch(action);
 };

package/es/actions/ui/quit-popin.d.ts

@@ -0,0 +1,8 @@
+export declare const OPEN_POPIN: "@@ui/OPEN_POPIN";
+export declare const CLOSE_POPIN: "@@ui/CLOSE_POPIN";
+export declare const openQuitPopin: {
+    type: "@@ui/OPEN_POPIN";
+};
+export declare const closeQuitPopin: {
+    type: "@@ui/CLOSE_POPIN";
+};

package/es/actions/ui/quit-popin.js

@@ -0,0 +1,8 @@
+export const OPEN_POPIN = '@@ui/OPEN_POPIN';
+export const CLOSE_POPIN = '@@ui/CLOSE_POPIN';
+export const openQuitPopin = {
+    type: OPEN_POPIN
+};
+export const closeQuitPopin = {
+    type: CLOSE_POPIN
+};

package/es/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AppOptions } from './types/common';
 declare const AppReview: ({ options }: {
     options: AppOptions;

package/es/reducers/data/rank.d.ts

@@ -1,7 +1,8 @@
+import { type ReceivedProgression } from '../../actions/api/post-progression';
 import { RankAction } from '../../actions/api/fetch-rank';
 export declare type RankState = {
-    start?: number | null;
-    end?: number | null;
+    start: number;
+    end: number;
 };
-declare const reducer: (state: RankState | undefined, action: RankAction) => RankState;
+declare const reducer: (state: RankState | undefined, action: RankAction | ReceivedProgression) => RankState;
 export default reducer;

package/es/reducers/data/rank.js

@@ -1,34 +1,25 @@
-import { get, isNull, isUndefined, pipe, set, unset, update } from 'lodash/fp';
-import { RANK_FETCH_START_REQUEST, RANK_FETCH_START_SUCCESS, RANK_FETCH_START_FAILURE, RANK_FETCH_END_REQUEST, RANK_FETCH_END_SUCCESS, RANK_FETCH_END_FAILURE } from '../../actions/api/fetch-rank';
-const initialState = {};
+import set from 'lodash/fp/set';
+import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+import { RANK_FETCH_START_SUCCESS, RANK_FETCH_END_SUCCESS } from '../../actions/api/fetch-rank';
+const initialState = {
+    start: Number.NaN,
+    end: Number.NaN
+};
 const reducer = (
 // eslint-disable-next-line default-param-last
 state = initialState, action) => {
     switch (action.type) {
-        case RANK_FETCH_START_REQUEST: {
-            return update('start', (startRank) => (isUndefined(startRank) ? null : startRank), state);
+        case POST_PROGRESSION_SUCCESS: {
+            return initialState;
         }
         case RANK_FETCH_START_SUCCESS: {
             const { payload } = action;
             return set('start', payload.rank, state);
         }
-        case RANK_FETCH_START_FAILURE: {
-            if (pipe(get('start'), isNull)(state))
-                return unset('start', state);
-            return state;
-        }
-        case RANK_FETCH_END_REQUEST: {
-            return update('end', (endRank) => (isUndefined(endRank) ? null : endRank), state);
-        }
         case RANK_FETCH_END_SUCCESS: {
             const { payload } = action;
             return set('end', payload.rank, state);
         }
-        case RANK_FETCH_END_FAILURE: {
-            if (pipe(get('end'), isNull)(state))
-                return unset('end', state);
-            return state;
-        }
         default:
             return state;
     }

package/es/reducers/index.d.ts

@@ -19,6 +19,12 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         answers: import("./ui/answers").UIAnswerState;
         slide: import("./ui/slide").UISlideState;
         positions: import("./ui/positions").UIPositionState;
+        showQuitPopin: boolean;
+        showCongrats: boolean;
     }>;
-}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlideAction | import("../actions/api/fetch-rank").RankAction | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/next-slide").NextSlideAction | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction>;
+}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlideAction | import("../actions/api/fetch-rank").RankAction | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/next-slide").NextSlideAction | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction | {
+    type: "@@ui/OPEN_POPIN";
+} | {
+    type: "@@ui/CLOSE_POPIN";
+}>;
 export default _default;

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

@@ -3,12 +3,16 @@ import { NavigationState } from './navigation';
 import { UIAnswerState } from './answers';
 import { UIPositionState } from './positions';
 import { UISlideState } from './slide';
+import { type ShowQuitPopinState } from './quit-popin';
+import { UIShowCongratsState } from './show-congrats';
 export declare type UIState = {
     currentSlideRef: CurrentSlideRefState;
     navigation: NavigationState;
     answers: UIAnswerState;
     slide: UISlideState;
     positions: UIPositionState;
+    showQuitPopin: ShowQuitPopinState;
+    showCongrats: UIShowCongratsState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     currentSlideRef: string;
@@ -16,5 +20,11 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     answers: UIAnswerState;
     slide: UISlideState;
     positions: UIPositionState;
-}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlideAction | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/ui/next-slide").NextSlideAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction>;
+    showQuitPopin: boolean;
+    showCongrats: boolean;
+}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlideAction | import("../../actions/api/fetch-slide").FetchSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/ui/next-slide").NextSlideAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction | {
+    type: "@@ui/OPEN_POPIN";
+} | {
+    type: "@@ui/CLOSE_POPIN";
+}>;
 export default _default;

package/es/reducers/ui/index.js

@@ -4,10 +4,14 @@ import navigation from './navigation';
 import answers from './answers';
 import positions from './positions';
 import slide from './slide';
+import showQuitPopin from './quit-popin';
+import showCongrats from './show-congrats';
 export default combineReducers({
     currentSlideRef,
     navigation,
     answers,
     slide,
-    positions
+    positions,
+    showQuitPopin,
+    showCongrats
 });

package/es/reducers/ui/navigation.js

@@ -15,5 +15,4 @@ state = [], action) => {
             return state;
     }
 };
-// -----------------------------------------------------------------------------
 export default reducer;

package/es/reducers/ui/positions.js

@@ -12,7 +12,9 @@ state = initialState, action) => {
             return initialState;
         }
         case NEXT_SLIDE: {
-            const { totalCorrectAnswers, answeredSlides, currentSlideRef, animationType } = action.payload;
+            const { totalCorrectAnswers, answeredSlides, currentSlideRef, animationType, nextSlideRef } = action.payload;
+            if (nextSlideRef === 'successExitNode')
+                return state;
             const nextCurrentSlidePosition = animationType === 'unstack' ? -1 : 4 - totalCorrectAnswers;
             const currentSlideIndex = findIndex(ref => ref === currentSlideRef, answeredSlides);
             const newState = map(position => (position === -1 ? position : position - 1), state);

package/es/reducers/ui/quit-popin.d.ts

@@ -0,0 +1,4 @@
+import { closeQuitPopin, openQuitPopin } from '../../actions/ui/quit-popin';
+export declare type ShowQuitPopinState = boolean;
+declare const reducer: (state: boolean | undefined, action: typeof openQuitPopin | typeof closeQuitPopin) => ShowQuitPopinState;
+export default reducer;

package/es/reducers/ui/quit-popin.js

@@ -0,0 +1,16 @@
+import { CLOSE_POPIN, OPEN_POPIN } from '../../actions/ui/quit-popin';
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = false, action) => {
+    switch (action.type) {
+        case OPEN_POPIN: {
+            return true;
+        }
+        case CLOSE_POPIN: {
+            return false;
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;

package/es/reducers/ui/show-congrats.d.ts

@@ -0,0 +1,5 @@
+import { NextSlideAction } from '../../actions/ui/next-slide';
+import { ReceivedProgression } from '../../actions/api/post-progression';
+export declare type UIShowCongratsState = boolean;
+declare const reducer: (state: boolean | undefined, action: NextSlideAction | ReceivedProgression) => UIShowCongratsState;
+export default reducer;

package/es/reducers/ui/show-congrats.js

@@ -0,0 +1,20 @@
+import { NEXT_SLIDE } from '../../actions/ui/next-slide';
+import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
+const reducer = (
+// eslint-disable-next-line default-param-last
+state = false, action) => {
+    switch (action.type) {
+        case POST_PROGRESSION_SUCCESS: {
+            return false;
+        }
+        case NEXT_SLIDE: {
+            const { nextSlideRef } = action.payload;
+            if (nextSlideRef === 'successExitNode')
+                return true;
+            return false;
+        }
+        default:
+            return state;
+    }
+};
+export default reducer;

package/es/reducers/ui/slide.js

@@ -35,7 +35,10 @@ state = initialState, action) => {
             return pipe(set([action.meta.slideRef, 'animateCorrectionPopin'], true), set([action.meta.slideRef, 'showCorrectionPopin'], true))(state);
         }
         case NEXT_SLIDE: {
-            return pipe(set([action.payload.currentSlideRef, 'animateCorrectionPopin'], false), set([action.payload.currentSlideRef, 'animationType'], action.payload.animationType))(state);
+            const { currentSlideRef, nextSlideRef } = action.payload;
+            if (nextSlideRef === 'successExitNode')
+                return state;
+            return pipe(set([currentSlideRef, 'animateCorrectionPopin'], false), set([currentSlideRef, 'animationType'], action.payload.animationType))(state);
         }
         default:
             return state;

package/es/types/common.d.ts

@@ -77,17 +77,19 @@ export declare type ProgressionAnswerItem = {
     slideRef: string;
     answer: string[];
 };
+export declare type SlideContent = {
+    type: 'slide';
+    ref: string;
+};
+export declare type SuccessNodeContent = {
+    type: 'success';
+    ref: 'successExitNode';
+};
 export declare type ProgressionState = {
     allAnswers: ProgressionAnswerItem[];
-    content?: {
-        ref: string;
-        type: string;
-    };
+    content?: SlideContent;
     isCorrect: boolean;
-    nextContent: {
-        type: 'success' | 'slide';
-        ref: 'successExitNode' | string;
-    };
+    nextContent: SlideContent | SuccessNodeContent;
     pendingSlides: string[];
     slides: string[];
     step: {

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

@@ -40,6 +40,15 @@ declare type CorrectionPopinNext = {
     ariaLabel: string;
     onClick: Function;
 };
+declare type QuitPopinButton = {
+    label: string;
+    type: string;
+    customStyle?: {
+        color: string;
+    };
+    handleOnclick: Function;
+    ariaLabel: string;
+};
 export declare type CorrectionPopinProps = {
     klf?: CorrectionPopinKlf;
     information: CorrectionPopinInformation;
@@ -47,6 +56,14 @@ export declare type CorrectionPopinProps = {
     resultLabel: string;
     type: 'right' | 'wrong';
 };
+export declare type QuitPopinProps = {
+    content: string;
+    icon: string;
+    mode: string;
+    descriptionText: string;
+    firstButton: QuitPopinButton;
+    secondButton: QuitPopinButton;
+};
 export declare type SlidesViewProps = {
     header: {
         mode: string;
@@ -67,25 +84,56 @@ export declare type SlidesViewProps = {
         endReview: boolean;
     };
     reviewBackgroundAriaLabel?: string;
-    congrats?: {
-        'aria-label'?: string;
-        'data-name'?: string;
-        animationLottie: unknown;
-        title: string;
-        cardCongratsStar: unknown;
-        cardCongratsRank: unknown;
-        buttonRevising: {
-            'aria-label'?: string;
-            label: string;
-            onClick: Function;
-            type: string;
-        };
-        buttonRevisingSkill: {
-            'aria-label'?: string;
-            label: string;
-            onClick: Function;
-            type: string;
-        };
+    congrats?: CongratsProps;
+    quitPopin?: QuitPopinProps;
+};
+declare type LottieAnimationProps = {
+    'aria-label': string;
+    'data-name'?: string;
+    animationSrc: string;
+    loop?: boolean;
+    rendererSettings?: {
+        hideOnTransparent?: boolean;
+        className?: string;
+    };
+    height?: number;
+    width?: number;
+    className?: number;
+    ie11ImageBackup: string;
+    backupImageClassName?: string;
+    autoplay?: boolean;
+    animationControl?: 'play' | 'pause' | 'stop' | 'loading';
+};
+export declare type CongratsCardProps = {
+    'aria-label': string;
+    'data-name': string;
+    animationLottie: LottieAnimationProps;
+    iconAriaLabel: string;
+    className?: string;
+    cardType: string;
+    reviewCardTitle: string;
+    reviewCardValue: string;
+    rankSuffix?: string;
+    timerAnimation: number;
+};
+export declare type CongratsProps = {
+    'aria-label': string;
+    'data-name': 'review-congrats';
+    animationLottie: LottieAnimationProps;
+    title: string;
+    cardCongratsStar: CongratsCardProps;
+    cardCongratsRank?: CongratsCardProps;
+    buttonRevising?: {
+        'aria-label': string;
+        label: string;
+        onClick: Function;
+        type: string;
+    };
+    buttonRevisingSkill?: {
+        label: string;
+        'aria-label': string;
+        onClick: Function;
+        type: string;
     };
 };
 export declare const initialState: SlidesStack;

package/es/views/slides/index.js

@@ -6,6 +6,7 @@ import reduce from 'lodash/fp/reduce';
 import set from 'lodash/fp/set';
 import toInteger from 'lodash/fp/toInteger';
 import join from 'lodash/fp/join';
+import { closeQuitPopin, openQuitPopin } from '../../actions/ui/quit-popin';
 import { getProgressionSlidesRefs } from '../../common';
 import { postAnswer } from '../../actions/api/post-answer';
 import { nextSlide } from '../../actions/ui/next-slide';
@@ -15,7 +16,18 @@ const ICON_VALUES = {
     wrong: 'wrong',
     'no-answer': 'no-answer'
 };
-// TODO replace this, position no more needed
+const confettiAnimation = {
+    'aria-label': 'aria lottie',
+    'data-name': 'default-lottie',
+    className: undefined,
+    animationSrc: 'https://static-staging.coorpacademy.com/animations/review/confetti.json',
+    loop: undefined,
+    autoplay: true,
+    rendererSettings: {
+        hideOnTransparent: false
+    },
+    ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/conffeti_congrats.svg'
+};
 export const initialState = {
     '0': {
         position: 0,
@@ -38,8 +50,17 @@ export const initialState = {
         loading: true
     }
 };
+const getCurrentSlideRef = (state) => {
+    const currentSlideRef = get(['ui', 'currentSlideRef'], state);
+    const endReview = currentSlideRef === 'successExitNode';
+    if (!endReview)
+        return currentSlideRef;
+    const progression = state.data.progression;
+    const content = progression.state.content;
+    return content.ref;
+};
 const buildStackSlides = (state, dispatch) => {
-    const currentSlideRef = state.ui.currentSlideRef;
+    const currentSlideRef = getCurrentSlideRef(state);
     const progression = state.data.progression;
     if (!currentSlideRef || !progression)
         return initialState;
@@ -168,16 +189,110 @@ const getCorrectionPopinProps = (dispatch) => (isCorrect, correctAnswer, klf) =>
         type: isCorrect ? 'right' : 'wrong'
     };
 };
+const buildQuitPopinProps = (dispatch) => (onQuitClick) => {
+    return {
+        content: `Tu t'en vas déjà ?`,
+        icon: `MoonRocket`,
+        mode: 'alert',
+        descriptionText: `Tu vas t'en sortir ! Si tu arrêtes maintenant, tu vas perdre ta progression.`,
+        firstButton: {
+            label: 'Arrêter ma session',
+            type: 'tertiary',
+            customStyle: {
+                color: '#ED3436'
+            },
+            handleOnclick: onQuitClick,
+            ariaLabel: 'Stop session'
+        },
+        secondButton: {
+            label: `Continuer d'apprendre`,
+            type: 'primary',
+            handleOnclick: () => {
+                dispatch(closeQuitPopin);
+            },
+            ariaLabel: 'Continue review'
+        }
+    };
+};
+const buildRankCard = (rank) => {
+    return {
+        'aria-label': 'Review Card Congrats Container',
+        'data-name': 'card-rank',
+        animationLottie: {
+            'aria-label': 'aria lottie',
+            'data-name': 'default-lottie',
+            animationSrc: 'https://static-staging.coorpacademy.com/animations/review/rank.json',
+            loop: true,
+            autoplay: true,
+            ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/rank_icon_congrats.svg'
+        },
+        cardType: 'card-rank',
+        iconAriaLabel: 'Image without information',
+        className: undefined,
+        reviewCardTitle: 'You are now',
+        reviewCardValue: `${rank}`,
+        rankSuffix: 'th',
+        timerAnimation: 200
+    };
+};
+const buildCongratsProps = (state) => {
+    if (!state.ui.showCongrats)
+        return;
+    const progression = state.data.progression;
+    const stars = progression.state.stars;
+    const cardCongratsStar = {
+        'aria-label': 'Review Card Congrats Container',
+        'data-name': 'card-star',
+        animationLottie: {
+            'aria-label': 'aria lottie',
+            'data-name': 'default-lottie',
+            className: undefined,
+            animationSrc: 'https://static-staging.coorpacademy.com/animations/review/star.json',
+            loop: false,
+            autoplay: undefined,
+            rendererSettings: {
+                hideOnTransparent: false
+            },
+            ie11ImageBackup: 'https://static-staging.coorpacademy.com/animations/review/stars_icon_congrats.svg'
+        },
+        iconAriaLabel: 'Image without information',
+        className: undefined,
+        cardType: 'card-star',
+        reviewCardTitle: '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;
+    return {
+        'aria-label': 'Review Congratulations',
+        'data-name': 'review-congrats',
+        animationLottie: confettiAnimation,
+        title: 'Congratulations!',
+        cardCongratsStar,
+        cardCongratsRank,
+        buttonRevising: undefined,
+        buttonRevisingSkill: undefined // TODO make boutons and actions
+    };
+};
+const isEndOfProgression = (progression) => {
+    if (!progression)
+        return false;
+    return progression.state.nextContent.ref === 'successExitNode';
+};
 export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
-    const currentSlideRef = get(['ui', 'currentSlideRef'], state);
+    const currentSlideRef = getCurrentSlideRef(state);
+    const endReview = isEndOfProgression(state.data.progression);
     const correction = get(['data', 'corrections', currentSlideRef], state);
     const isCorrect = get(['data', 'progression', 'state', 'isCorrect'], state);
     const klf = getOr('', ['data', 'slides', currentSlideRef, 'klf'], state);
+    const showQuitPopin = get(['ui', 'showQuitPopin'], state);
     return {
         header: {
             mode: '__revision_mode',
             skillName: '__agility',
-            onQuitClick,
+            onQuitClick: () => dispatch(openQuitPopin),
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
             steps: buildStepItems(state)
@@ -192,8 +307,9 @@ export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
                 }
             },
             correctionPopinProps: correction && getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf),
-            endReview: false
+            endReview: endReview && state.ui.showCongrats
         },
-        congrats: undefined
+        congrats: buildCongratsProps(state),
+        quitPopin: showQuitPopin ? buildQuitPopinProps(dispatch)(onQuitClick) : undefined
     };
 };

package/lib/actions/api/fetch-rank.js

@@ -6,6 +6,12 @@ export var RANK_FETCH_START_FAILURE = '@@rank/FETCH_START_FAILURE';
 export var RANK_FETCH_END_REQUEST = '@@rank/FETCH_END_REQUEST';
 export var RANK_FETCH_END_SUCCESS = '@@rank/FETCH_END_SUCCESS';
 export var RANK_FETCH_END_FAILURE = '@@rank/FETCH_END_FAILURE';
+var bailout = function (path) {
+    return function (state) {
+        var value = get(path, state);
+        return !Number.isNaN(value);
+    };
+};
 export var fetchRank = function (dispatch, getState, services, types, path) {
     var action = buildTask({
         types: types,
@@ -14,7 +20,7 @@ export var fetchRank = function (dispatch, getState, services, types, path) {
             var token = get(['data', 'token'], state);
             return services.fetchRank(token);
         },
-        bailout: path ? function (state) { return !!get(path, state); } : undefined
+        bailout: path ? bailout(path) : undefined
     });
     return dispatch(action);
 };

package/lib/actions/ui/quit-popin.d.ts

@@ -0,0 +1,8 @@
+export declare const OPEN_POPIN: "@@ui/OPEN_POPIN";
+export declare const CLOSE_POPIN: "@@ui/CLOSE_POPIN";
+export declare const openQuitPopin: {
+    type: "@@ui/OPEN_POPIN";
+};
+export declare const closeQuitPopin: {
+    type: "@@ui/CLOSE_POPIN";
+};

package/lib/actions/ui/quit-popin.js

@@ -0,0 +1,8 @@
+export var OPEN_POPIN = '@@ui/OPEN_POPIN';
+export var CLOSE_POPIN = '@@ui/CLOSE_POPIN';
+export var openQuitPopin = {
+    type: OPEN_POPIN
+};
+export var closeQuitPopin = {
+    type: CLOSE_POPIN
+};

package/lib/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AppOptions } from './types/common';
 declare const AppReview: ({ options }: {
     options: AppOptions;

package/lib/reducers/data/rank.d.ts

@@ -1,7 +1,8 @@
+import { type ReceivedProgression } from '../../actions/api/post-progression';
 import { RankAction } from '../../actions/api/fetch-rank';
 export declare type RankState = {
-    start?: number | null;
-    end?: number | null;
+    start: number;
+    end: number;
 };
-declare const reducer: (state: RankState | undefined, action: RankAction) => RankState;
+declare const reducer: (state: RankState | undefined, action: RankAction | ReceivedProgression) => RankState;
 export default reducer;