@coorpacademy/app-review 0.1.14 → 0.1.16

package/src/reducers/ui/step-items.ts

@@ -1,116 +0,0 @@
-import get from 'lodash/fp/get';
-import has from 'lodash/fp/has';
-import map from 'lodash/fp/map';
-import {IconValue, FinishedSlides} from '../../types/common';
-import {
-  StepItemsAction,
-  UPDATE_STEP_ITEMS_ON_NEXT,
-  UPDATE_STEP_ITEMS_ON_VALIDATION
-} from '../../actions/ui/step-items';
-import {HIGHEST_INDEX, slideNumbers, TOTAL_SLIDES_STACK} from '../../common';
-
-export type StepItem = {
-  current: boolean;
-  icon: IconValue;
-  value: string;
-};
-
-export type StepItemsState = {
-  slideNumbers: number[];
-  [key: number]: StepItem;
-};
-
-const getInitialState = (): StepItemsState => {
-  const state: StepItemsState = {
-    slideNumbers
-  };
-
-  // eslint-disable-next-line fp/no-loops
-  for (let index = 0; index < TOTAL_SLIDES_STACK; index++) {
-    const current = index === 0;
-    state[index] = {current, value: `${index + 1}`, icon: 'no-answer'};
-  }
-  return state;
-};
-
-export const initialState: StepItemsState = getInitialState();
-
-// -----------------------------------------------------------------------------
-
-// ||-------> aux function, finds the next consecutive index
-// to loop from 0 to HIGHEST_INDEX (4) & again to 0
-const getNextIndex = (currentIndex: number): number =>
-  currentIndex === HIGHEST_INDEX ? 0 : currentIndex + 1;
-
-// ||-------> calculates which should be the next step to visit (as there can be already answered slides &&
-// they have to be skipped)
-const calculateNextStepIndex = (
-  currentStepNumber: number,
-  finishedSlides: FinishedSlides,
-  lastVisitedIndex = -1
-): number => {
-  // only one slide remaining, the step should stay on the same number
-  if (lastVisitedIndex === currentStepNumber) {
-    return currentStepNumber;
-  }
-
-  const 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)
-    : indexToVisit;
-};
-
-type StepItemToUpdateProps =
-  | Pick<StepItem, 'icon'>
-  | (Pick<StepItem, 'current'> & {nextIndex: number});
-
-const recalculateStepItemsState = (
-  state: StepItemsState,
-  stepNumber: number,
-  stepItemToUpdateProps: StepItemToUpdateProps
-): StepItemsState => {
-  const nextIndex: number = get('nextIndex', stepItemToUpdateProps);
-  const _state: StepItemsState = {
-    slideNumbers
-  };
-
-  // eslint-disable-next-line lodash-fp/no-unused-result
-  map(index => {
-    const previousValue = state[index];
-    if (stepNumber === index)
-      _state[stepNumber] = {
-        ...previousValue,
-        ...stepItemToUpdateProps
-      };
-    /* only for UPDATE_STEP_ITEMS_ON_NEXT -> */ else if (nextIndex === index) {
-      _state[index] = {...previousValue, current: true};
-    } else _state[index] = previousValue;
-  }, state.slideNumbers);
-
-  return _state;
-};
-
-// -----------------------------------------------------------------------------
-
-// eslint-disable-next-line default-param-last
-const reducer = (state: StepItemsState = initialState, action: StepItemsAction): StepItemsState => {
-  switch (action.type) {
-    case UPDATE_STEP_ITEMS_ON_VALIDATION: {
-      const {stepNumber, icon} = action.payload;
-      return recalculateStepItemsState(state, stepNumber, {icon});
-    }
-    case UPDATE_STEP_ITEMS_ON_NEXT: {
-      const {stepNumber, finishedSlides, current} = action.payload;
-      const nextIndex = !current ? calculateNextStepIndex(stepNumber, finishedSlides) : -1;
-      return recalculateStepItemsState(state, stepNumber, {current, nextIndex});
-    }
-    default:
-      return state;
-  }
-};
-
-// -----------------------------------------------------------------------------
-
-export default reducer;

package/src/types/ui-progression.ts

@@ -1,25 +0,0 @@
-export type UiProgression = {
-  _id?: string;
-  // virtual field
-  slideNumber?: number;
-  isCorrect?: boolean;
-  // pass down the successExitNode if all slides are finished, not before
-  exitNode?: 'successExitNode' | 'failExitNode';
-  // TODO: create another action, to retrieve the next slide
-  // ex: nextContent: {ref: "sli_E1n2i2sBo", type: "slide"}
-  // the middleware should trigger a nextContent request once the result is
-  // received && update the state accordingly
-  // nextContent?: {
-  //   questionText?: string;
-  //   answerUI?: AnswerUI;
-  // };
-  nextContent?: {
-    ref: 'successExitNode' | string;
-    type: 'success' | 'slide';
-  };
-  // unused for now / to decide whether to use it when the
-  // validation-progression is plugged in
-  // step: {
-  //   current: number;
-  // };
-} | null;

package/src/types/views/skills.ts

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

package/src/types/views/slides.ts

@@ -1,65 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import type {StoreState} from '../../reducers';
-import {Dispatchers} from '../../actions';
-
-type SlidesViewStaticProps = {
-  slides: StoreState['data']['slides'];
-  headerProps: {
-    mode: string;
-    skillName: string;
-    onQuitClick: Function;
-    'aria-label'?: string;
-    closeButtonAriaLabel: string;
-  };
-  finishedSlides: StoreState['ui']['finishedSlides'];
-  stepItems: StoreState['ui']['stepItems'];
-  reviewStatus: StoreState['ui']['reviewStatus'];
-  validate: {
-    label: string;
-  };
-  congratsProps?: {
-    'aria-label'?: string;
-    'data-name'?: string;
-    animationLottie: any;
-    title: string;
-    cardCongratsStar: any;
-    cardCongratsRank: any;
-    buttonRevising: {
-      'aria-label'?: string;
-      label: string;
-      onClick: Function;
-      type: string;
-    };
-    buttonRevisingSkill: {
-      'aria-label'?: string;
-      label: string;
-      onClick: Function;
-      type: string;
-    };
-  };
-  correctionPopinProps?: {
-    klf: {
-      label: string;
-      onClick: Function;
-      tooltip: string;
-    };
-    information: {
-      label: string;
-      message: string;
-    };
-    next: {
-      label: string;
-      ariaLabel: string;
-    };
-    successLabel: string;
-    failureLabel: string;
-  };
-  reviewBackgroundAriaLabel?: string;
-  progression: StoreState['data']['progression'];
-};
-
-type SlidesViewDispatcherProps = Omit<Dispatchers, 'navigateTo' | 'navigateBack'>;
-
-type SlidesViewProps = SlidesViewStaticProps & SlidesViewDispatcherProps;
-
-export {SlidesViewStaticProps, SlidesViewDispatcherProps, SlidesViewProps};