fix(cine): Resolve Cine Player Faults on DisplaySet Update (#4909)

platform/app/src/components/ViewportGrid.tsx

@@ -247,7 +247,8 @@ function ViewerViewportGrid(props: withAppTypes) {
         });
 
         event.consume();
-        viewportGridService.setDisplaySetsForViewports(updatedViewports);
+
+        commandsManager.run('setDisplaySetsForViewports', { viewportsToUpdate: updatedViewports });
       }
     );
 
@@ -268,7 +269,8 @@ function ViewerViewportGrid(props: withAppTypes) {
     dropHandlerPromise.then(({ handled }) => {
       if (!handled) {
         const updatedViewports = _getUpdatedViewports(viewportId, displaySetInstanceUID);
-        viewportGridService.setDisplaySetsForViewports(updatedViewports);
+
+        commandsManager.run('setDisplaySetsForViewports', { viewportsToUpdate: updatedViewports });
       }
     });
     viewportGridService.publishViewportOnDropHandled({ displaySetInstanceUID });

platform/core/src/services/ViewportGridService/ViewportGridService.ts

@@ -189,14 +189,14 @@ class ViewportGridService extends PubSubService {
     this.setDisplaySetsForViewports([props]);
   }
 
-  public async setDisplaySetsForViewports(props) {
-    await this.serviceImplementation._setDisplaySetsForViewports(props);
+  public async setDisplaySetsForViewports(viewportsToUpdate) {
+    await this.serviceImplementation._setDisplaySetsForViewports(viewportsToUpdate);
     const state = this.getState();
     const updatedViewports = [];
 
     const removedViewportIds = [];
 
-    for (const viewport of props) {
+    for (const viewport of viewportsToUpdate) {
       const updatedViewport = state.viewports.get(viewport.viewportId);
 
       if (updatedViewport) {

platform/docs/docs/platform/services/customization-service/sampleCustomizations.tsx

@@ -1814,7 +1814,10 @@ window.config = {
                 });
             }
 
-            viewportGridService.setDisplaySetsForViewports(updatedViewports);
+            commandsManager.run({
+              commandName: 'setDisplaySetsForViewports',
+              commandOptions: { viewportsToUpdate: updatedViewports },
+            });
         },
 }`,
     configuration: `
@@ -1859,7 +1862,10 @@ window.config = {
                             duration: 3000,
                         });
                     }
-                    viewportGridService.setDisplaySetsForViewports(updatedViewports);
+                  commandsManager.run({
+                    commandName: 'setDisplaySetsForViewports',
+                    commandOptions: { viewportsToUpdate: updatedViewports },
+                  });
                 };
         },
     }],