extract isSaving property in callsMapping from localStorage to memory

packages/ringcentral-widgets/modules/CallLogSection/getCallLogSectionReducer.js

@@ -1,8 +1,25 @@
+import * as R from 'ramda';
 import { combineReducers } from 'redux';
 import getModuleStatusReducer from 'ringcentral-integration/lib/getModuleStatusReducer';
 
+function getCallsSavingStatusReducer(types) {
+  return (state = {}, { type, identify }) => {
+    switch (type) {
+      case types.saving:
+        return R.assoc(identify, true, state);
+      case types.saveSuccess: case types.saveError:
+        return R.assoc(identify, false, state);
+      case types.cleanUp:
+        return {};
+      default:
+        return state;
+    }
+  };
+}
+
 export default function getCallLogSectionReducer(types) {
   return combineReducers({
     status: getModuleStatusReducer(types),
+    callsSavingStatus: getCallsSavingStatusReducer(types),
   });
 }

packages/ringcentral-widgets/modules/CallLogSection/getStorageReducer.js

@@ -16,7 +16,6 @@ function getCallsMappingReducer(types) {
           ...state,
           [identify]: {
             ...state[identify],
-            isSaving: true
           },
         };
       case types.saveSuccess:
@@ -25,7 +24,6 @@ function getCallsMappingReducer(types) {
           [identify]: {
             ...state[identify],
             isEdited: false,
-            isSaving: false,
           },
         };
       case types.saveError:
@@ -34,7 +32,6 @@ function getCallsMappingReducer(types) {
           [identify]: {
             ...state[identify],
             isEdited: true,
-            isSaving: false,
           },
         };
       case types.cleanUp:

packages/ringcentral-widgets/modules/CallLogSection/index.js

@@ -1,3 +1,4 @@
+import * as R from 'ramda';
 import RcModule from 'ringcentral-integration/lib/RcModule';
 import { Module } from 'ringcentral-integration/lib/di';
 import ensureExist from 'ringcentral-integration/lib/ensureExist';
@@ -216,14 +217,34 @@ export default class CallLogSection extends RcModule {
     (list, mapping) => list.map(identify => mapping[identify])
   );
 
+  /**
+   * Merge isSaving property from reducer to callsMapping
+   */
+  @getter
+  callsMapping = createSelector(
+    () => this._callsMapping,
+    () => this._callsSavingStatus,
+    R.converge(
+      R.mergeWith(R.flip(R.assoc('isSaving'))),
+      [R.identity, R.useWith(R.pick, [R.keys, R.identity])]
+    )
+  )
+
   get callsList() {
     return this._storage.getItem(this._storageKey).callsList;
   }
 
-  get callsMapping() {
+  /**
+   * Private calls mapping relationship without isSaving property
+   */
+  get _callsMapping() {
     return this._storage.getItem(this._storageKey).callsMapping;
   }
 
+  get _callsSavingStatus() {
+    return this.state.callsSavingStatus;
+  }
+
   get currentIdentify() {
     return this._storage.getItem(this._storageKey).currentIdentify;
   }