misc: trigger call logger event when ai note updated (#954)

src/components/SideDrawerView/SmartNoteApp.tsx

@@ -23,6 +23,7 @@ export function SmartNoteApp({
   onAlert,
   smartNoteRemoteEntry,
   themeType,
+  onSave,
 }) {
   const theme = useTheme();
   const SmartNotePlugin = useApp({
@@ -47,6 +48,7 @@ export function SmartNoteApp({
         onAlert={onAlert}
         theme={theme}
         themeType={themeType}
+        onSave={onSave}
       />
     </Container>
   );

src/components/SideDrawerView/index.tsx

@@ -18,6 +18,7 @@ export function SideDrawerView({
   onClose,
   onAlert,
   themeType,
+  onSmartNoteSave,
 }) {
   const [session, setSession] = useState(null);
   useEffect(() => {
@@ -46,6 +47,7 @@ export function SideDrawerView({
         onAlert={onAlert}
         smartNoteRemoteEntry={smartNoteRemoteEntry}
         themeType={themeType}
+        onSave={onSmartNoteSave}
       />
     </StyledDrawer>
   );

src/modules/CallLogger/index.ts

@@ -2,10 +2,11 @@ import { computed } from '@ringcentral-integration/core';
 import { Module } from '@ringcentral-integration/commons/lib/di';
 import { CallLogger as CallLoggerBase } from '@ringcentral-integration/commons/modules/CallLogger';
 import { isRinging } from '@ringcentral-integration/commons/lib/callLogHelpers';
+import { callLoggerTriggerTypes } from '@ringcentral-integration/commons/enums/callLoggerTriggerTypes';
 
 @Module({
   name: 'CallLogger',
-  deps: ['ThirdPartyService', 'CallLog'],
+  deps: ['ThirdPartyService', 'CallLog', 'SmartNotes'],
 })
 export class CallLogger extends CallLoggerBase {
   private _logFunction: (data: any) => Promise<void>;
@@ -19,6 +20,7 @@ export class CallLogger extends CallLoggerBase {
     };
     this._readyCheckFunction = () => this._deps.thirdPartyService.callLoggerRegistered;
     this._autoLogHistoryCallsTimer = null;
+    this._deps.smartNotes.onSmartNoteUpdate(this.onCallNoteUpdated);
   }
 
   async _doLog({ item, ...options }) {
@@ -127,4 +129,15 @@ export class CallLogger extends CallLoggerBase {
   get hideEditLogButton() {
     return this._deps.thirdPartyService.callLoggerHideEditLogButton;
   }
+
+  onCallNoteUpdated = (telephonySessionId) => {
+    if (!this.ready) {
+      return;
+    }
+    const call = this._deps.callHistory.calls.find(call => call.telephonySessionId === telephonySessionId);
+    if (!call) {
+      return;
+    }
+    this._onCallUpdated(call, callLoggerTriggerTypes.callLogSync);
+  }
 }

src/modules/SideDrawerUI/index.ts

@@ -60,10 +60,15 @@ export class SideDrawerUI extends RcUIModuleV2 {
     });
   }
 
+  onSmartNoteSave = async (data) => {
+    return this._deps.smartNotes.onSmartNoteSave();
+  }
+
   getUIFunctions() {
     return {
       onClose: this.onClose,
-      onAlert: this.onAlert
+      onAlert: this.onAlert,
+      onSmartNoteSave: this.onSmartNoteSave,
     };
   }
 }

src/modules/SmartNotes/index.ts

@@ -53,6 +53,7 @@ export class SmartNotes extends RcModuleV2 {
   protected _smartNoteMFERemoteEntry: string;
   protected _smartNoteIframeUri: string;
   protected _webphoneHookAdded: boolean;
+  protected _onSmartNoteUpdate?: (id: string) => void;
 
   constructor(deps) {
     super({
@@ -65,6 +66,7 @@ export class SmartNotes extends RcModuleV2 {
     this._smartNoteIframeUri = '';
     this._smartNoteMFERemoteEntry = '';
     this._webphoneHookAdded = false;
+    this._onSmartNoteUpdate = undefined;
   }
 
   async onInit() {
@@ -409,6 +411,11 @@ export class SmartNotes extends RcModuleV2 {
     this.smartNoteTextStore = newStore;
   }
 
+  @action
+  removeSmartNoteTextStore(id) {
+    this.smartNoteTextStore = this.smartNoteTextStore.filter((item) => item.id !== id);
+  }
+
   async _fetchNotesUntilFinished(telephonySessionId, retryCount = 0) {
     const sdk = this._deps.client.service;
     const result = await this.SmartNoteClient.getNotes(sdk, telephonySessionId);
@@ -509,4 +516,18 @@ export class SmartNotes extends RcModuleV2 {
       return map;
     }, {});
   }
+
+  onSmartNoteSave = async () => {
+    if (!this.session) {
+      return;
+    }
+    this.removeSmartNoteTextStore(this.session.id);
+    if (this._onSmartNoteUpdate) {
+      this._onSmartNoteUpdate(this.session.id);
+    }
+  }
+
+ onSmartNoteUpdate(onSmartNoteUpdate) {
+    this._onSmartNoteUpdate = onSmartNoteUpdate;
+  }
 }