@nyris/nyris-webapp 0.3.42 → 0.3.43

package/src/Store/auth/Auth.ts

@@ -1,33 +0,0 @@
-import { createSlice, PayloadAction } from '@reduxjs/toolkit';
-import jscookie from 'js-cookie';
-import { InitialStateTypes, LoginResponse } from './types';
-
-const initialState: InitialStateTypes = {
-  accessToken: null,
-  name: null,
-  role: null,
-};
-
-export const authSlice = createSlice({
-  name: 'auth',
-  initialState,
-  reducers: {
-    login: (state, data: PayloadAction<LoginResponse>) => {
-      // state.accessToken = payload.access_token;
-      // state.name = payload.name;
-      // state.role = payload.role;
-      // if (payload.access_token) {
-      //   jscookie.set("token", payload?.access_token);
-      // }
-    },
-    logout: state => {
-      state.accessToken = null;
-      state.name = null;
-      state.role = null;
-      jscookie.remove('token');
-    },
-  },
-});
-
-export const { login, logout } = authSlice.actions;
-export default authSlice.reducer;

package/src/Store/auth/types.ts

@@ -1,11 +0,0 @@
-export interface InitialStateTypes {
-  accessToken?: string | Record<string, unknown> | null;
-  name?: string | null;
-  role?: string | null;
-}
-
-export interface LoginResponse {
-  access_token?: string | Record<string, unknown> | null;
-  name?: string | null;
-  role?: string | null;
-}

package/src/Store/nyris/Nyris.ts

@@ -1,67 +0,0 @@
-import { createSlice } from '@reduxjs/toolkit';
-import { NyrisAppState, NyrisFeedbackState } from './types';
-
-const initialState: NyrisAppState | NyrisFeedbackState = {
-  showPart: 'start',
-  feedbackState: 'hidden',
-};
-
-export const nyrisSlice = createSlice({
-  name: 'nyris',
-  initialState,
-  reducers: {
-    showStart: state => {
-      return {
-        ...state,
-        showPart: 'start',
-      };
-    },
-    showCamera: state => {
-      return {
-        ...state,
-        showPart: 'camera',
-      };
-    },
-    showResults: state => {
-      return {
-        ...state,
-        showPart: 'results',
-      };
-    },
-    showFeedback: state => {
-      return {
-        ...state,
-        feedbackState: 'question',
-      };
-    },
-    hideFeedback: state => {
-      return {
-        ...state,
-        feedbackState: 'hidden',
-      };
-    },
-    feedbackSubmitPositive: state => {
-      return {
-        ...state,
-        feedbackState: 'positive',
-      };
-    },
-    feedbackNegative: state => {
-      return {
-        ...state,
-        feedbackState: 'negative',
-      };
-    },
-  },
-});
-
-export const {
-  showStart,
-  showCamera,
-  showResults,
-  showFeedback,
-  hideFeedback,
-  feedbackSubmitPositive,
-  feedbackNegative,
-} = nyrisSlice.actions;
-export default nyrisSlice.reducer;

package/src/Store/nyris/types.ts

@@ -1,11 +0,0 @@
-export type NyrisAppPart = 'start' | 'camera' | 'results';
-export type NyrisFeedbackState =
-  | 'hidden'
-  | 'question'
-  | 'positive'
-  | 'negative';
-
-export interface NyrisAppState {
-  showPart: NyrisAppPart;
-  feedbackState: NyrisFeedbackState;
-}

package/src/components/Feedback.tsx

@@ -1,91 +0,0 @@
-import { useAppDispatch, useAppSelector } from 'Store/Store';
-import { feedbackNegative, feedbackSubmitPositive } from 'Store/nyris/Nyris';
-import { NyrisFeedbackState } from 'Store/nyris/types';
-import React from 'react';
-import { Animate } from 'react-move';
-import { feedbackSuccessEpic } from 'services/Feedback';
-interface FeedbackProps {
-  feedbackState: NyrisFeedbackState;
-  onClose?: () => void;
-}
-
-const Feedback: React.FC<FeedbackProps> = ({ feedbackState, onClose }) => {
-  let inner: any = null;
-  const state = useAppSelector(state => state);
-  const dispatch = useAppDispatch();
-  const onPositiveFeedback = (data: boolean) => {
-    feedbackSuccessEpic(state, data);
-    if (data) {
-      dispatch(feedbackSubmitPositive());
-    } else {
-      dispatch(feedbackNegative());
-    }
-  };
-
-  switch (feedbackState) {
-    case 'question':
-      inner = (
-        <div className="feedbackForm">
-          <p>Did you find what you were looking for?</p>
-          <div
-            className="btn primary positiveFeedback"
-            onClick={() => onPositiveFeedback(true)}
-          >
-            Yes
-          </div>
-          <div
-            className="btn secondary negativeFeedback"
-            onClick={() => onPositiveFeedback(false)}
-          >
-            No
-          </div>
-        </div>
-      );
-      break;
-    case 'positive':
-      inner = (
-        <div className="feedbackMessage positive">
-          Great, thank you for your feedback!
-        </div>
-      );
-      break;
-    case 'negative':
-      inner = (
-        <div className="feedbackMessage negative">
-          We saved your request so we can track down the issue and improve the
-          search experience. Your Feedback helps us to make our service better
-          for everyone, thank you!
-          <br />
-          <div className="btn dismiss" onClick={onClose}>
-            Dismiss
-          </div>
-        </div>
-      );
-      break;
-    default:
-      inner = null;
-      break;
-  }
-  return (
-    <Animate
-      show={feedbackState !== 'hidden'}
-      start={{ y: 100, opacity: 0 }}
-      enter={{ y: [0], opacity: [1] }}
-      leave={{ y: [100], opacity: [0] }}
-    >
-      {({ y, opacity }) => (
-        <section
-          className="feedback"
-          style={{ transform: `translateY(${y}%)`, opacity }}
-        >
-          <div className="wrapper">{inner}</div>
-          <div className="closeFeedbackContainer">
-            <div className="closeFeedback" onClick={onClose} />
-          </div>
-        </section>
-      )}
-    </Animate>
-  );
-};
-
-export default Feedback;