@zeniai/client-epic-state 4.10.10 → 4.10.11

package/lib/commonStateTypes/reduceFetchState.d.ts

@@ -16,7 +16,7 @@ export declare const isAllFetchCompleted: (fetchStateList: FetchStateAndError[])
  * @param fetchStateList list of fetch states
  * @returns true if any fetch state is erroed out.
  */
-export declare const isAnyFetchErredOut: (fetchStateList: FetchStateAndError[]) => boolean;
+export declare const isAnyFetchErroredOut: (fetchStateList: FetchStateAndError[]) => boolean;
 /**
  * Reduces list of fetch state to single fetchState
  * @param fetchStateList list of fetch states
@@ -40,7 +40,7 @@ export declare const isAnyFetchCompleted: (fetchStateList: FetchStateAndError[])
  * @param fetchStateList list of fetch states
  * @returns true if all fetch states are errored out.
  */
-export declare const isAllFetchErredOut: (fetchStateList: FetchStateAndError[]) => boolean;
+export declare const isAllFetchErroredOut: (fetchStateList: FetchStateAndError[]) => boolean;
 /**
  * Reduces list of fetch state to single fetchState
  * @param fetchStateList list of fetch states
@@ -53,3 +53,9 @@ export declare const reduceAnyFetchState: (fetchStateList: FetchStateAndError[])
  * @returns If all fetch states are completed, then the fetch state comes back as completed, if all of them are errored out, then state comes as error.
  */
 export declare const reduceAllFetchState: (fetchStateList: FetchStateAndError[]) => FetchStateAndError;
+/**
+ * Reduces list of fetch state to single fetchState
+ * @param fetchStateList list of fetch states
+ * @returns If any fetch state is completed, then the fetch state comes back as completed, if any of them is errored out, then state comes as error.
+ */
+export declare const reduceAnyCompletedFetchState: (fetchStateList: FetchStateAndError[]) => FetchStateAndError;

package/lib/commonStateTypes/reduceFetchState.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.reduceAllFetchState = exports.reduceAnyFetchState = exports.isAllFetchErredOut = exports.isAnyFetchCompleted = exports.isAnyFetchInProgress = exports.reduceFetchState = exports.isAnyFetchErredOut = exports.isAllFetchCompleted = exports.isAllFetchInProgress = void 0;
+exports.reduceAnyCompletedFetchState = exports.reduceAllFetchState = exports.reduceAnyFetchState = exports.isAllFetchErroredOut = exports.isAnyFetchCompleted = exports.isAnyFetchInProgress = exports.reduceFetchState = exports.isAnyFetchErroredOut = exports.isAllFetchCompleted = exports.isAllFetchInProgress = void 0;
 /**
  * Reduces list of fetch state to boolean
  * @param fetchStateList list of fetch states
@@ -24,10 +24,10 @@ exports.isAllFetchCompleted = isAllFetchCompleted;
  * @param fetchStateList list of fetch states
  * @returns true if any fetch state is erroed out.
  */
-const isAnyFetchErredOut = (fetchStateList) => fetchStateList.reduce((prevValue, currentValue) => {
+const isAnyFetchErroredOut = (fetchStateList) => fetchStateList.reduce((prevValue, currentValue) => {
     return prevValue === true || currentValue.fetchState === 'Error';
 }, false);
-exports.isAnyFetchErredOut = isAnyFetchErredOut;
+exports.isAnyFetchErroredOut = isAnyFetchErroredOut;
 const reduceError = (fetchStateList) => fetchStateList.reduce((prevValue, currentValue) => {
     return prevValue !== null && prevValue !== void 0 ? prevValue : currentValue.error;
 }, undefined);
@@ -39,7 +39,7 @@ const reduceError = (fetchStateList) => fetchStateList.reduce((prevValue, curren
 function reduceFetchState(fetchStateList) {
     const isAllInProgress = (0, exports.isAllFetchInProgress)(fetchStateList);
     const isAllCompleted = (0, exports.isAllFetchCompleted)(fetchStateList);
-    const isAnyError = (0, exports.isAnyFetchErredOut)(fetchStateList);
+    const isAnyError = (0, exports.isAnyFetchErroredOut)(fetchStateList);
     const error = reduceError(fetchStateList);
     let fetchState = 'Not-Started';
     if (isAllInProgress) {
@@ -80,10 +80,10 @@ exports.isAnyFetchCompleted = isAnyFetchCompleted;
  * @param fetchStateList list of fetch states
  * @returns true if all fetch states are errored out.
  */
-const isAllFetchErredOut = (fetchStateList) => fetchStateList.reduce((prevValue, currentValue) => {
+const isAllFetchErroredOut = (fetchStateList) => fetchStateList.reduce((prevValue, currentValue) => {
     return prevValue === true && currentValue.fetchState === 'Error';
 }, true);
-exports.isAllFetchErredOut = isAllFetchErredOut;
+exports.isAllFetchErroredOut = isAllFetchErroredOut;
 /**
  * Reduces list of fetch state to single fetchState
  * @param fetchStateList list of fetch states
@@ -92,7 +92,7 @@ exports.isAllFetchErredOut = isAllFetchErredOut;
 // TODO - Better name for other variants
 const reduceAnyFetchState = (fetchStateList) => {
     let fetchState = 'Not-Started';
-    if ((0, exports.isAnyFetchErredOut)(fetchStateList)) {
+    if ((0, exports.isAnyFetchErroredOut)(fetchStateList)) {
         fetchState = 'Error';
     }
     else if ((0, exports.isAllFetchCompleted)(fetchStateList)) {
@@ -127,7 +127,7 @@ const reduceAllFetchState = (fetchStateList) => {
     else if ((0, exports.isAllFetchCompleted)(fetchStateList)) {
         fetchState = 'Completed';
     }
-    else if ((0, exports.isAllFetchErredOut)(fetchStateList)) {
+    else if ((0, exports.isAllFetchErroredOut)(fetchStateList)) {
         fetchState = 'Error';
     }
     return {
@@ -136,3 +136,34 @@ const reduceAllFetchState = (fetchStateList) => {
     };
 };
 exports.reduceAllFetchState = reduceAllFetchState;
+/**
+ * Reduces list of fetch state to single fetchState
+ * @param fetchStateList list of fetch states
+ * @returns If any fetch state is completed, then the fetch state comes back as completed, if any of them is errored out, then state comes as error.
+ */
+const reduceAnyCompletedFetchState = (fetchStateList) => {
+    let fetchState = 'Not-Started';
+    const error = reduceError(fetchStateList);
+    if (fetchStateList.length === 0) {
+        return {
+            fetchState,
+            error,
+        };
+    }
+    if ((0, exports.isAllFetchInProgress)(fetchStateList)) {
+        fetchState = 'In-Progress';
+    }
+    else if ((0, exports.isAnyFetchCompleted)(fetchStateList)) {
+        // This scenario is useful where we have two independnet apis and want to rely/react as soon as one api returns valid response
+        fetchState = 'Completed';
+    }
+    else if ((0, exports.isAnyFetchErroredOut)(fetchStateList)) {
+        // So we are not bothered much about `error` scenario before any completed state
+        fetchState = 'Error';
+    }
+    return {
+        fetchState,
+        error,
+    };
+};
+exports.reduceAnyCompletedFetchState = reduceAnyCompletedFetchState;

package/lib/view/notificationView/notificationViewReducer.js

@@ -326,7 +326,7 @@ const notificationView = (0, toolkit_1.createSlice)({
         updateNotificationViewTabState: {
             reducer(draft, action) {
                 const { notificationTabState, tab } = action.payload;
-                const { allNotificationsIds, selectedNotificationIds, fetchCountState, markAsReadState, markAsAllReadState, } = notificationTabState;
+                const { allNotificationsIds, selectedNotificationIds, fetchCountState, markAsReadState, markAsAllReadState, fetchState, error, } = notificationTabState;
                 if (allNotificationsIds != null) {
                     draft.stateByTab[tab].allNotificationsIds = allNotificationsIds;
                 }
@@ -334,6 +334,12 @@ const notificationView = (0, toolkit_1.createSlice)({
                     draft.stateByTab[tab].selectedNotificationIds =
                         selectedNotificationIds;
                 }
+                if (fetchState != null) {
+                    draft.stateByTab[tab].fetchState = fetchState;
+                }
+                if (error != null) {
+                    draft.stateByTab[tab].error = error;
+                }
                 if (fetchCountState != null) {
                     draft.stateByTab[tab].fetchCountState = fetchCountState;
                 }

package/lib/view/notificationView/notificationViewSelector.js

@@ -11,7 +11,7 @@ exports.getNotificationView = (0, toolkit_1.createSelector)((state) => state.not
         tasks: Object.assign(Object.assign({}, stateByTab.tasks), { allNotificationsIdsForSubTab: [], selectedNotificationIdsForSubTab: [] }),
         comments: Object.assign(Object.assign({}, stateByTab.comments), { allNotificationsIdsForSubTab: [], selectedNotificationIdsForSubTab: [] }),
     };
-    const reducedFetchCountState = (0, reduceFetchState_1.reduceAllFetchState)(Object.values(stateByTab).map((tabDetails) => tabDetails.fetchCountState));
+    const reducedFetchCountState = (0, reduceFetchState_1.reduceAnyCompletedFetchState)(Object.values(stateByTab).map((tabDetails) => tabDetails.fetchCountState));
     const { selectedNotificationIds } = notificationDetails[currentTab];
     const notificationsForCurrentTabAndSubTab = [];
     const externalNotificationsForCurrentTabAndSubTab = [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/client-epic-state",
-  "version": "4.10.10",
+  "version": "4.10.11",
   "description": "Shared module between Web & Mobile containing required abstractions for state management, async network communication. ",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",