fix: attachments list is not getting updated in file utility (#405)

Author: tumms2021389

packages/angular-sdk-components/src/lib/_components/widget/file-utility/file-utility.component.ts

@@ -4,13 +4,17 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import download from 'downloadjs';
+import debounce from 'lodash.debounce';
+
 import { AngularPConnectData, AngularPConnectService } from '../../../_bridge/angular-pconnect';
 import { Utils } from '../../../_helpers/utils';
 import { ComponentMapperComponent } from '../../../_bridge/component-mapper/component-mapper.component';
+import { getResolvedConstantValue } from '../../../_helpers/object-utils';
 
 interface FileUtilityProps {
   // If any, enter additional props that only exist on this component
   label?: string;
+  caseId?: string;
 }
 
 @Component({
@@ -62,6 +66,8 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
   closeSvgIcon$ = '';
 
   currentCaseID = '';
+  debouncedGetAttachments: any;
+  attachSubId;
 
   addAttachmentsActions: any;
 
@@ -77,7 +83,9 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
 
     const configProps: FileUtilityProps = this.pConn$.resolveConfigProps(this.pConn$.getConfigProps());
 
-    this.lu_name$ = configProps.label ?? '';
+    const { caseId, label } = configProps;
+
+    this.lu_name$ = label ?? '';
     this.lu_icon$ = 'paper-clip';
 
     this.closeSvgIcon$ = this.utils.getImageSrc('times', this.utils.getSDKStaticContentUrl());
@@ -100,23 +108,31 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
     this.removeFileFromList$ = { onClick: this.removeFileFromList.bind(this) };
     this.removeLinksFromList$ = { onClick: this.removeLinksFromList.bind(this) };
 
+    this.debouncedGetAttachments = debounce(this.refreshAttachments.bind(this), 1000);
+
     this.updateSelf();
 
     this.createModalButtons();
 
-    PCore.getPubSubUtils().subscribe(
-      PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW,
-      this.updateSelf.bind(this),
-      'caseAttachmentsUpdateFromCaseview'
-    );
+    const caseID = caseId ?? getResolvedConstantValue(this.pConn$, PCore.getConstants().CASE_INFO.CASE_INFO_ID);
+
+    const attachSubObject = {
+      matcher: 'ATTACHMENTS',
+      criteria: {
+        ID: caseID
+      }
+    };
+    this.attachSubId = PCore.getMessagingServiceManager().subscribe(attachSubObject, this.debouncedGetAttachments, this.pConn$.getContextName());
+
+    this.debouncedGetAttachments();
   }
 
   ngOnDestroy(): void {
     if (this.angularPConnectData.unsubscribeFn) {
       this.angularPConnectData.unsubscribeFn();
     }
 
-    PCore.getPubSubUtils().unsubscribe(PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, 'caseAttachmentsUpdateFromCaseview');
+    PCore.getMessagingServiceManager().unsubscribe(this.attachSubId);
   }
 
   // Callback passed when subscribing to store change
@@ -136,7 +152,7 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
     }
   }
 
-  onAttachFiles(files) {
+  onAttachFiles(files: any[] = []) {
     const attachmentUtils = PCore.getAttachmentUtils();
     const caseID = this.pConn$.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
 

packages/angular-sdk-components/src/lib/_helpers/object-utils.ts

@@ -0,0 +1,10 @@
+/**
+ * Returns the value of the key from objectInfo/caseInfo
+ * Added fallback to retrieve from caseInfo if objectInfo not present.
+ * @param pConnect
+ * @param key
+ * @returns the value of key
+ */
+export const getResolvedConstantValue = (pConnect: typeof PConnect, key: string) => {
+  return pConnect.getValue(PCore.getResolvedConstantValue(key)) || pConnect.getValue(key);
+};