@ohif/app 3.9.0-beta.2 → 3.9.0-beta.4

package/dist/{app.bundle.c53b289734d5f7178a39.js → app.bundle.9e22e72ec23a08cde379.js}

@@ -103,8 +103,8 @@ Compose.propTypes = {
 var ui_src = __webpack_require__(5085);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(15575);
-// EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
-var core_src = __webpack_require__(55411);
+// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
+var core_src = __webpack_require__(8633);
 // EXTERNAL MODULE: ../node_modules/react-router/dist/index.js
 var react_router_dist = __webpack_require__(10971);
 // EXTERNAL MODULE: ./hooks/useSearchParams.ts
@@ -1004,8 +1004,8 @@ function WorkList({
     };
   });
   const hasStudies = numOfStudies > 0;
-  const versionNumber = "3.9.0-beta.2";
-  const commitHash = "730f4349100f21b4489a21707dbb2dca9dbfbba2";
+  const versionNumber = "3.9.0-beta.4";
+  const commitHash = "8fa339f296fd7e844f3879cfd81e47dbff315e66";
   const menuOptions = [{
     title: t('Header:About'),
     icon: 'info',
@@ -1132,7 +1132,7 @@ WorkList.propTypes = {
     getConfig: (prop_types_default()).func
   }).isRequired,
   isLoadingData: (prop_types_default()).bool.isRequired,
-  servicesManager: prop_types_default().instanceOf(core_src/* ServicesManager */.CS)
+  servicesManager: (prop_types_default()).object.isRequired
 };
 const defaultFilterValues = {
   patientName: '',
@@ -1864,7 +1864,7 @@ function ViewerViewportGrid(props) {
 }
 ViewerViewportGrid.propTypes = {
   viewportComponents: (prop_types_default()).array.isRequired,
-  servicesManager: prop_types_default().instanceOf(core_src/* ServicesManager */.CS)
+  servicesManager: prop_types_default().instanceOf(Object).isRequired
 };
 ViewerViewportGrid.defaultProps = {
   viewportComponents: []
@@ -1924,23 +1924,23 @@ modes.push("@ohif/mode-preclinical-4d");
 async function loadModule(module) {
   if (typeof module !== 'string') return module;
   if (module === "@ohif/extension-default") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(931), __webpack_require__.e(206), __webpack_require__.e(481)]).then(__webpack_require__.bind(__webpack_require__, 7206));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(931), __webpack_require__.e(390), __webpack_require__.e(481)]).then(__webpack_require__.bind(__webpack_require__, 47390));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(722), __webpack_require__.e(445), __webpack_require__.e(321)]).then(__webpack_require__.bind(__webpack_require__, 12702));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(722), __webpack_require__.e(445), __webpack_require__.e(550)]).then(__webpack_require__.bind(__webpack_require__, 550));
     return imported.default;
   }
   if (module === "@ohif/extension-measurement-tracking") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(342), __webpack_require__.e(931), __webpack_require__.e(835), __webpack_require__.e(206), __webpack_require__.e(669), __webpack_require__.e(325)]).then(__webpack_require__.bind(__webpack_require__, 84284));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(342), __webpack_require__.e(931), __webpack_require__.e(835), __webpack_require__.e(390), __webpack_require__.e(721), __webpack_require__.e(325)]).then(__webpack_require__.bind(__webpack_require__, 84284));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-sr") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(342), __webpack_require__.e(669)]).then(__webpack_require__.bind(__webpack_require__, 61669));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(342), __webpack_require__.e(721)]).then(__webpack_require__.bind(__webpack_require__, 14721));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-seg") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(342), __webpack_require__.e(931), __webpack_require__.e(726), __webpack_require__.e(206), __webpack_require__.e(633)]).then(__webpack_require__.bind(__webpack_require__, 27400));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(342), __webpack_require__.e(931), __webpack_require__.e(726), __webpack_require__.e(390), __webpack_require__.e(998)]).then(__webpack_require__.bind(__webpack_require__, 32009));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dynamic-volume") {
@@ -1960,7 +1960,7 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-tmtv") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(342), __webpack_require__.e(7)]).then(__webpack_require__.bind(__webpack_require__, 89007));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(342), __webpack_require__.e(981)]).then(__webpack_require__.bind(__webpack_require__, 93981));
     return imported.default;
   }
   if (module === "@ohif/extension-test") {
@@ -1968,11 +1968,11 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-rt") {
-    const imported = await __webpack_require__.e(/* import() */ 188).then(__webpack_require__.bind(__webpack_require__, 99188));
+    const imported = await __webpack_require__.e(/* import() */ 243).then(__webpack_require__.bind(__webpack_require__, 5243));
     return imported.default;
   }
   if (module === "@ohif/mode-longitudinal") {
-    const imported = await __webpack_require__.e(/* import() */ 41).then(__webpack_require__.bind(__webpack_require__, 97041));
+    const imported = await __webpack_require__.e(/* import() */ 682).then(__webpack_require__.bind(__webpack_require__, 82682));
     return imported.default;
   }
   if (module === "@ohif/mode-segmentation") {
@@ -1980,7 +1980,7 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/mode-tmtv") {
-    const imported = await __webpack_require__.e(/* import() */ 724).then(__webpack_require__.bind(__webpack_require__, 28724));
+    const imported = await __webpack_require__.e(/* import() */ 776).then(__webpack_require__.bind(__webpack_require__, 40776));
     return imported.default;
   }
   if (module === "@ohif/mode-microscopy") {
@@ -1996,7 +1996,7 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/mode-basic-dev-mode") {
-    const imported = await __webpack_require__.e(/* import() */ 594).then(__webpack_require__.bind(__webpack_require__, 26594));
+    const imported = await __webpack_require__.e(/* import() */ 989).then(__webpack_require__.bind(__webpack_require__, 50989));
     return imported.default;
   }
   return (await import( /* webpackIgnore: true */module)).default;
@@ -2488,20 +2488,18 @@ function ModeRoute({
        */
       const filters = Array.from(query.keys()).reduce((acc, val) => {
         const lowerVal = val.toLowerCase();
-        if (lowerVal !== 'studyinstanceuids') {
-          // Not sure why the case matters here - it doesn't in the URL
-          if (lowerVal === 'seriesinstanceuids') {
-            const seriesUIDs = Mode_getSplitParam(lowerVal, query);
-            return {
-              ...acc,
-              seriesInstanceUID: seriesUIDs
-            };
-          }
+        // Not sure why the case matters here - it doesn't in the URL
+        if (lowerVal === 'seriesinstanceuids') {
+          const seriesUIDs = Mode_getSplitParam(lowerVal, query);
           return {
             ...acc,
-            [val]: Mode_getSplitParam(lowerVal, query)
+            seriesInstanceUID: seriesUIDs
           };
         }
+        return {
+          ...acc,
+          [val]: Mode_getSplitParam(lowerVal, query)
+        };
       }, {}) ?? {};
       let unsubs;
       if (route.init) {
@@ -2842,7 +2840,7 @@ const createRoutes = ({
       exact: true,
       path: route.path,
       element: /*#__PURE__*/react.createElement(routes_PrivateRoute, {
-        handleUnauthenticated: userAuthenticationService.handleUnauthenticated
+        handleUnauthenticated: () => userAuthenticationService.handleUnauthenticated()
       }, /*#__PURE__*/react.createElement(RouteWithErrorBoundary, {
         route: route
       }))
@@ -6616,7 +6614,7 @@ const detectionOptions = {
   }
 });
 ;// CONCATENATED MODULE: ../../i18n/package.json
-const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.9.0-beta.1"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.9.0-beta.3"}');
 ;// CONCATENATED MODULE: ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -19271,8 +19269,8 @@ ViewportDialogProvider.propTypes = {
 // EXTERNAL MODULE: ../../../node_modules/lodash.merge/index.js
 var lodash_merge = __webpack_require__(40592);
 var lodash_merge_default = /*#__PURE__*/__webpack_require__.n(lodash_merge);
-// EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
-var src = __webpack_require__(55411);
+// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
+var src = __webpack_require__(8633);
 ;// CONCATENATED MODULE: ../../ui/src/utils/viewportLabels.ts
 const viewportLabels = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
 /* harmony default export */ const utils_viewportLabels = (viewportLabels);
@@ -32887,7 +32885,6 @@ const MeasurementTable = ({
   onDelete,
   servicesManager
 }) => {
-  servicesManager = servicesManager;
   const {
     customizationService,
     measurementService
@@ -59743,7 +59740,6 @@ SwiperSlide.displayName = 'SwiperSlide';
 
 
 
-
 const LegacySidePanel_borderSize = 4;
 const expandedWidth = 248;
 const LegacySidePanel_collapsedWidth = 25;
@@ -59936,7 +59932,7 @@ LegacySidePanel_LegacySidePanel.defaultProps = {
   defaultComponentOpen: null
 };
 LegacySidePanel_LegacySidePanel.propTypes = {
-  servicesManager: prop_types_default().instanceOf(src/* ServicesManager */.CS),
+  servicesManager: (prop_types_default()).object.isRequired,
   side: prop_types_default().oneOf(['left', 'right']).isRequired,
   className: (prop_types_default()).string,
   activeTabIndex: (prop_types_default()).number,
@@ -63326,7 +63322,7 @@ function _getImageOrientationPatient(image) {
 
 /***/ }),
 
-/***/ 55411:
+/***/ 8633:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -63354,10 +63350,10 @@ __webpack_require__.d(__webpack_exports__, {
   CS: () => (/* reexport */ ServicesManager),
   wb: () => (/* reexport */ services_StateSyncService),
   ToolbarService: () => (/* reexport */ ToolBarService),
-  u$: () => (/* reexport */ UIDialogService),
+  u$: () => (/* reexport */ services_UIDialogService),
   zo: () => (/* reexport */ services_UIModalService),
   v4: () => (/* reexport */ services_UINotificationService),
-  A$: () => (/* reexport */ UIViewportDialogService),
+  A$: () => (/* reexport */ services_UIViewportDialogService),
   pS: () => (/* reexport */ services_UserAuthenticationService),
   sI: () => (/* reexport */ services_ViewportGridService),
   Ai: () => (/* reexport */ services_WorkflowStepsService),
@@ -64172,142 +64168,89 @@ class ServiceProvidersManager {
     this.providers[serviceName] = provider;
   }
 }
-;// CONCATENATED MODULE: ../../core/src/services/UIDialogService/index.js
-/**
- * A UI Element Position
- *
- * @typedef {Object} ElementPosition
- * @property {number} top -
- * @property {number} left -
- * @property {number} right -
- * @property {number} bottom -
- */
-
-/**
- * UI Dialog
- *
- * @typedef {Object} DialogProps
- * @property {string} id The dialog id.
- * @property {ReactElement|HTMLElement} content The dialog content.
- * @property {Object} contentProps The dialog content props.
- * @property {boolean} [isDraggable=true] Controls if dialog content is draggable or not.
- * @property {boolean} [showOverlay=false] Controls dialog overlay.
- * @property {boolean} [centralize=false] Center the dialog on the screen.
- * @property {boolean} [preservePosition=true] Use last position instead of default.
- * @property {ElementPosition} defaultPosition Specifies the `x` and `y` that the dragged item should start at.
- * @property {Function} onStart Called when dragging starts. If `false` is returned any handler, the action will cancel.
- * @property {Function} onStop Called when dragging stops.
- * @property {Function} onDrag Called while dragging.
- */
-
-const UIDialogService_name = 'uiDialogService';
-const publicAPI = {
-  name: UIDialogService_name,
-  dismiss: _dismiss,
-  dismissAll: _dismissAll,
-  create: _create,
-  setServiceImplementation
-};
-const serviceImplementation = {
-  _dismiss: () => console.warn('dismiss() NOT IMPLEMENTED'),
-  _dismissAll: () => console.warn('dismissAll() NOT IMPLEMENTED'),
-  _create: () => console.warn('create() NOT IMPLEMENTED')
-};
+;// CONCATENATED MODULE: ../../core/src/services/UIDialogService/UIDialogService.ts
+var _UIDialogService;
 
-/**
- * Show a new UI dialog;
- *
- * @param {DialogProps} props { id, content, contentProps, onStart, onDrag, onStop, centralize, isDraggable, showOverlay, preservePosition, defaultPosition }
- */
-function _create({
-  id,
-  content,
-  contentProps,
-  onStart,
-  onDrag,
-  onStop,
-  centralize = false,
-  preservePosition = true,
-  isDraggable = true,
-  showOverlay = false,
-  onClickOutside,
-  defaultPosition
-}) {
-  return serviceImplementation._create({
+class UIDialogService extends pubSubServiceInterface/* PubSubService */.R {
+  constructor() {
+    super(UIDialogService.EVENTS);
+    this.serviceImplementation = {
+      _dismiss: () => console.warn('dismiss() NOT IMPLEMENTED'),
+      _dismissAll: () => console.warn('dismissAll() NOT IMPLEMENTED'),
+      _create: () => console.warn('create() NOT IMPLEMENTED')
+    };
+    this.serviceImplementation = {
+      ...this.serviceImplementation
+    };
+  }
+  create({
     id,
     content,
     contentProps,
     onStart,
     onDrag,
     onStop,
-    centralize,
-    preservePosition,
-    isDraggable,
-    onClickOutside,
-    showOverlay,
+    centralize = false,
+    preservePosition = true,
+    isDraggable = true,
+    showOverlay = false,
     defaultPosition
-  });
-}
-
-/**
- * Destroys all dialogs, if any
- *
- * @returns void
- */
-function _dismissAll() {
-  return serviceImplementation._dismissAll();
-}
-
-/**
- * Destroy the dialog, if currently created
- *
- * @returns void
- */
-function _dismiss({
-  id
-}) {
-  return serviceImplementation._dismiss({
+  }) {
+    return this.serviceImplementation._create({
+      id,
+      content,
+      contentProps,
+      onStart,
+      onDrag,
+      onStop,
+      centralize,
+      preservePosition,
+      isDraggable,
+      showOverlay,
+      defaultPosition
+    });
+  }
+  dismiss({
     id
-  });
-}
-
-/**
- *
- *
- * @param {*} {
- *   dismiss: dismissImplementation,
- *   dismissAll: dismissAllImplementation,
- *   create: createImplementation,
- * }
- */
-function setServiceImplementation({
-  dismiss: dismissImplementation,
-  dismissAll: dismissAllImplementation,
-  create: createImplementation
-}) {
-  if (dismissImplementation) {
-    serviceImplementation._dismiss = dismissImplementation;
+  }) {
+    return this.serviceImplementation._dismiss({
+      id
+    });
   }
-  if (dismissAllImplementation) {
-    serviceImplementation._dismissAll = dismissAllImplementation;
+  dismissAll() {
+    return this.serviceImplementation._dismissAll();
   }
-  if (createImplementation) {
-    serviceImplementation._create = createImplementation;
+  setServiceImplementation({
+    dismiss: dismissImplementation,
+    dismissAll: dismissAllImplementation,
+    create: createImplementation
+  }) {
+    if (dismissImplementation) {
+      this.serviceImplementation._dismiss = dismissImplementation;
+    }
+    if (dismissAllImplementation) {
+      this.serviceImplementation._dismissAll = dismissAllImplementation;
+    }
+    if (createImplementation) {
+      this.serviceImplementation._create = createImplementation;
+    }
   }
 }
-
-// TODO - export type here
-/* harmony default export */ const UIDialogService = ({
-  REGISTRATION: {
-    name: UIDialogService_name,
-    altName: 'UIDialogService',
-    create: ({
-      configuration = {}
-    }) => {
-      return publicAPI;
-    }
+_UIDialogService = UIDialogService;
+UIDialogService.EVENTS = {};
+UIDialogService.REGISTRATION = {
+  name: 'uiDialogService',
+  altName: 'UIDialogService',
+  create: ({
+    configuration = {}
+  }) => {
+    return new _UIDialogService();
   }
-});
+};
+/* harmony default export */ const UIDialogService_UIDialogService = (UIDialogService);
+;// CONCATENATED MODULE: ../../core/src/services/UIDialogService/index.ts
+
+/* harmony default export */ const services_UIDialogService = (UIDialogService_UIDialogService);
 ;// CONCATENATED MODULE: ../../core/src/services/UIModalService/index.ts
 var _UIModalService;
 /**
@@ -64324,7 +64267,7 @@ var _UIModalService;
  */
 
 const UIModalService_name = 'uiModalService';
-const UIModalService_serviceImplementation = {
+const serviceImplementation = {
   _hide: () => console.warn('hide() NOT IMPLEMENTED'),
   _show: () => console.warn('show() NOT IMPLEMENTED')
 };
@@ -64349,7 +64292,7 @@ class UIModalService {
     containerDimensions = null,
     contentDimensions = null
   }) {
-    return UIModalService_serviceImplementation._show({
+    return serviceImplementation._show({
       content,
       contentProps,
       shouldCloseOnEsc,
@@ -64369,7 +64312,7 @@ class UIModalService {
    * @returns void
    */
   hide() {
-    return UIModalService_serviceImplementation._hide();
+    return serviceImplementation._hide();
   }
 
   /**
@@ -64385,10 +64328,10 @@ class UIModalService {
     show: showImplementation
   }) {
     if (hideImplementation) {
-      UIModalService_serviceImplementation._hide = hideImplementation;
+      serviceImplementation._hide = hideImplementation;
     }
     if (showImplementation) {
-      UIModalService_serviceImplementation._show = showImplementation;
+      serviceImplementation._show = showImplementation;
     }
   }
 }
@@ -64494,44 +64437,21 @@ UINotificationService.REGISTRATION = {
   }
 };
 /* harmony default export */ const services_UINotificationService = (UINotificationService);
-;// CONCATENATED MODULE: ../../core/src/services/UIViewportDialogService/index.js
-/**
- * Viewport Dialog
- *
- * @typedef {Object} ViewportDialogProps
- * @property {ReactElement|HTMLElement} [content=null] Modal content.
- * @property {Object} [contentProps=null] Modal content props.
- * @property {boolean} [viewportId=false] Modal is dismissible via the esc key.
- */
+;// CONCATENATED MODULE: ../../core/src/services/UIViewportDialogService/UIViewportDialogService.ts
+var _UIViewportDialogService;
 
-const UIViewportDialogService_name = 'uiViewportDialogService';
-const UIViewportDialogService_publicAPI = {
-  name: UIViewportDialogService_name,
-  hide: _hide,
-  show: _show,
-  setServiceImplementation: UIViewportDialogService_setServiceImplementation
-};
-const UIViewportDialogService_serviceImplementation = {
-  _hide: () => console.warn('hide() NOT IMPLEMENTED'),
-  _show: () => console.warn('show() NOT IMPLEMENTED')
-};
-
-/**
- * Show a new UI viewport dialog on the specified viewportId;
- *
- * @param {ViewportDialogProps} props { content, contentProps, viewportId }
- */
-function _show({
-  viewportId,
-  id,
-  type,
-  message,
-  actions,
-  onSubmit,
-  onOutsideClick,
-  onKeyPress
-}) {
-  return UIViewportDialogService_serviceImplementation._show({
+class UIViewportDialogService extends pubSubServiceInterface/* PubSubService */.R {
+  constructor() {
+    super(UIViewportDialogService.EVENTS);
+    this.serviceImplementation = {
+      _hide: () => console.warn('hide() NOT IMPLEMENTED'),
+      _show: () => console.warn('show() NOT IMPLEMENTED')
+    };
+    this.serviceImplementation = {
+      ...this.serviceImplementation
+    };
+  }
+  show({
     viewportId,
     id,
     type,
@@ -64540,47 +64460,48 @@ function _show({
     onSubmit,
     onOutsideClick,
     onKeyPress
-  });
-}
-
-/**
- * Hides/dismisses the viewport dialog, if currently shown
- */
-function _hide() {
-  return UIViewportDialogService_serviceImplementation._hide();
-}
-
-/**
- *
- *
- * @param {*} {
- *   hide: hideImplementation,
- *   show: showImplementation,
- *   viewportId,
- * }
- */
-function UIViewportDialogService_setServiceImplementation({
-  hide: hideImplementation,
-  show: showImplementation
-}) {
-  if (hideImplementation) {
-    UIViewportDialogService_serviceImplementation._hide = hideImplementation;
+  }) {
+    return this.serviceImplementation._show({
+      viewportId,
+      id,
+      type,
+      message,
+      actions,
+      onSubmit,
+      onOutsideClick,
+      onKeyPress
+    });
   }
-  if (showImplementation) {
-    UIViewportDialogService_serviceImplementation._show = showImplementation;
+  hide() {
+    return this.serviceImplementation._hide();
   }
-}
-/* harmony default export */ const UIViewportDialogService = ({
-  REGISTRATION: {
-    name: UIViewportDialogService_name,
-    altName: 'UIViewportDialogService',
-    create: ({
-      configuration = {}
-    }) => {
-      return UIViewportDialogService_publicAPI;
+  setServiceImplementation({
+    hide: hideImplementation,
+    show: showImplementation
+  }) {
+    if (hideImplementation) {
+      this.serviceImplementation._hide = hideImplementation;
+    }
+    if (showImplementation) {
+      this.serviceImplementation._show = showImplementation;
     }
   }
-});
+}
+_UIViewportDialogService = UIViewportDialogService;
+UIViewportDialogService.EVENTS = {};
+UIViewportDialogService.REGISTRATION = {
+  name: 'uiViewportDialogService',
+  altName: 'UIViewportDialogService',
+  create: ({
+    configuration = {}
+  }) => {
+    return new _UIViewportDialogService();
+  }
+};
+/* harmony default export */ const UIViewportDialogService_UIViewportDialogService = (UIViewportDialogService);
+;// CONCATENATED MODULE: ../../core/src/services/UIViewportDialogService/index.ts
+
+/* harmony default export */ const services_UIViewportDialogService = (UIViewportDialogService_UIViewportDialogService);
 // EXTERNAL MODULE: ../../core/src/services/DicomMetadataStore/DicomMetadataStore.ts + 2 modules
 var DicomMetadataStore = __webpack_require__(23221);
 ;// CONCATENATED MODULE: ../../core/src/services/DicomMetadataStore/index.ts
@@ -68229,96 +68150,94 @@ HangingProtocolService.REGISTRATION = {
 ;// CONCATENATED MODULE: ../../core/src/services/HangingProtocolService/index.ts
 
 /* harmony default export */ const services_HangingProtocolService = (HangingProtocolService);
-;// CONCATENATED MODULE: ../../core/src/services/UserAuthenticationService/UserAuthenticationService.js
-const UserAuthenticationService_name = 'userAuthenticationService';
-const UserAuthenticationService_publicAPI = {
-  name: UserAuthenticationService_name,
-  getState: _getState,
-  setUser: _setUser,
-  getUser: _getUser,
-  getAuthorizationHeader: _getAuthorizationHeader,
-  handleUnauthenticated: _handleUnauthenticated,
-  setServiceImplementation: UserAuthenticationService_setServiceImplementation,
-  reset: _reset,
-  set: _set
-};
-const UserAuthenticationService_serviceImplementation = {
-  _getState: () => console.warn('getState() NOT IMPLEMENTED'),
-  _setUser: () => console.warn('_setUser() NOT IMPLEMENTED'),
-  _getUser: () => console.warn('_setUser() NOT IMPLEMENTED'),
-  _getAuthorizationHeader: () => {},
-  // TODO: have enabled/disabled state?
-  //console.warn('_getAuthorizationHeader() NOT IMPLEMENTED'),
-  _handleUnauthenticated: () => console.warn('_handleUnauthenticated() NOT IMPLEMENTED'),
-  _reset: () => console.warn('reset() NOT IMPLEMENTED'),
-  _set: () => console.warn('set() NOT IMPLEMENTED')
-};
-function _getState() {
-  return UserAuthenticationService_serviceImplementation._getState();
-}
-function _setUser(user) {
-  return UserAuthenticationService_serviceImplementation._setUser(user);
-}
-function _getUser() {
-  return UserAuthenticationService_serviceImplementation._getUser();
-}
-function _getAuthorizationHeader() {
-  return UserAuthenticationService_serviceImplementation._getAuthorizationHeader();
-}
-function _handleUnauthenticated() {
-  return UserAuthenticationService_serviceImplementation._handleUnauthenticated();
-}
-function _set(state) {
-  return UserAuthenticationService_serviceImplementation._set(state);
-}
-function _reset() {
-  return UserAuthenticationService_serviceImplementation._reset({});
-}
-function UserAuthenticationService_setServiceImplementation({
-  getState: getStateImplementation,
-  setUser: setUserImplementation,
-  getUser: getUserImplementation,
-  getAuthorizationHeader: getAuthorizationHeaderImplementation,
-  handleUnauthenticated: handleUnauthenticatedImplementation,
-  reset: resetImplementation,
-  set: setImplementation
-}) {
-  if (getStateImplementation) {
-    UserAuthenticationService_serviceImplementation._getState = getStateImplementation;
+;// CONCATENATED MODULE: ../../core/src/services/UserAuthenticationService/UserAuthenticationService.ts
+var _UserAuthenticationService;
+
+class UserAuthenticationService extends pubSubServiceInterface/* PubSubService */.R {
+  constructor() {
+    super(UserAuthenticationService.EVENTS);
+    this.serviceImplementation = {
+      _getState: () => console.warn('getState() NOT IMPLEMENTED'),
+      _setUser: () => console.warn('_setUser() NOT IMPLEMENTED'),
+      _getUser: () => console.warn('_getUser() NOT IMPLEMENTED'),
+      _getAuthorizationHeader: () => {},
+      // TODO: Implement this method
+      _handleUnauthenticated: () => console.warn('_handleUnauthenticated() NOT IMPLEMENTED'),
+      _reset: () => console.warn('reset() NOT IMPLEMENTED'),
+      _set: () => console.warn('set() NOT IMPLEMENTED')
+    };
+    this.serviceImplementation = {
+      ...this.serviceImplementation
+    };
   }
-  if (setUserImplementation) {
-    UserAuthenticationService_serviceImplementation._setUser = setUserImplementation;
+  getState() {
+    return this.serviceImplementation._getState();
   }
-  if (getUserImplementation) {
-    UserAuthenticationService_serviceImplementation._getUser = getUserImplementation;
+  setUser(user) {
+    return this.serviceImplementation._setUser(user);
   }
-  if (getAuthorizationHeaderImplementation) {
-    UserAuthenticationService_serviceImplementation._getAuthorizationHeader = getAuthorizationHeaderImplementation;
+  getUser() {
+    return this.serviceImplementation._getUser();
   }
-  if (handleUnauthenticatedImplementation) {
-    UserAuthenticationService_serviceImplementation._handleUnauthenticated = handleUnauthenticatedImplementation;
+  getAuthorizationHeader() {
+    return this.serviceImplementation._getAuthorizationHeader();
   }
-  if (resetImplementation) {
-    UserAuthenticationService_serviceImplementation._reset = resetImplementation;
+  handleUnauthenticated() {
+    return this.serviceImplementation._handleUnauthenticated();
   }
-  if (setImplementation) {
-    UserAuthenticationService_serviceImplementation._set = setImplementation;
+  reset() {
+    return this.serviceImplementation._reset();
   }
-}
-/* harmony default export */ const UserAuthenticationService = ({
-  REGISTRATION: {
-    name: UserAuthenticationService_name,
-    altName: 'UserAuthenticationService',
-    create: ({
-      configuration = {}
-    }) => {
-      return UserAuthenticationService_publicAPI;
+  set(state) {
+    return this.serviceImplementation._set(state);
+  }
+  setServiceImplementation({
+    getState: getStateImplementation,
+    setUser: setUserImplementation,
+    getUser: getUserImplementation,
+    getAuthorizationHeader: getAuthorizationHeaderImplementation,
+    handleUnauthenticated: handleUnauthenticatedImplementation,
+    reset: resetImplementation,
+    set: setImplementation
+  }) {
+    if (getStateImplementation) {
+      this.serviceImplementation._getState = getStateImplementation;
+    }
+    if (setUserImplementation) {
+      this.serviceImplementation._setUser = setUserImplementation;
+    }
+    if (getUserImplementation) {
+      this.serviceImplementation._getUser = getUserImplementation;
+    }
+    if (getAuthorizationHeaderImplementation) {
+      this.serviceImplementation._getAuthorizationHeader = getAuthorizationHeaderImplementation;
+    }
+    if (handleUnauthenticatedImplementation) {
+      this.serviceImplementation._handleUnauthenticated = handleUnauthenticatedImplementation;
+    }
+    if (resetImplementation) {
+      this.serviceImplementation._reset = resetImplementation;
+    }
+    if (setImplementation) {
+      this.serviceImplementation._set = setImplementation;
     }
   }
-});
-;// CONCATENATED MODULE: ../../core/src/services/UserAuthenticationService/index.js
+}
+_UserAuthenticationService = UserAuthenticationService;
+UserAuthenticationService.EVENTS = {};
+UserAuthenticationService.REGISTRATION = {
+  name: 'userAuthenticationService',
+  altName: 'UserAuthenticationService',
+  create: ({
+    configuration = {}
+  }) => {
+    return new _UserAuthenticationService();
+  }
+};
+/* harmony default export */ const UserAuthenticationService_UserAuthenticationService = (UserAuthenticationService);
+;// CONCATENATED MODULE: ../../core/src/services/UserAuthenticationService/index.ts
 
-/* harmony default export */ const services_UserAuthenticationService = (UserAuthenticationService);
+/* harmony default export */ const services_UserAuthenticationService = (UserAuthenticationService_UserAuthenticationService);
 // EXTERNAL MODULE: ../../../node_modules/lodash.merge/index.js
 var lodash_merge = __webpack_require__(40592);
 var lodash_merge_default = /*#__PURE__*/__webpack_require__.n(lodash_merge);
@@ -71594,10 +71513,10 @@ const OHIF = {
   CineService: services_CineService,
   CustomizationService: services_CustomizationService,
   StateSyncService: services_StateSyncService,
-  UIDialogService: UIDialogService,
+  UIDialogService: services_UIDialogService,
   UIModalService: services_UIModalService,
   UINotificationService: services_UINotificationService,
-  UIViewportDialogService: UIViewportDialogService,
+  UIViewportDialogService: services_UIViewportDialogService,
   DisplaySetService: services_DisplaySetService,
   MeasurementService: services_MeasurementService,
   ToolbarService: ToolBarService,
@@ -258059,7 +257978,7 @@ var selectOrdinal = function selectOrdinal() {
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + ({"54":"histogram-worker","525":"dicom-microscopy-viewer","572":"polySeg","584":"suv-peak-worker"}[chunkId] || chunkId) + ".bundle." + {"7":"3a17fe8266b2149334a6","41":"faaf3b05d1083e3c8831","54":"829e14ec12c2b41a4323","94":"ecaaba845625d93bad6b","109":"b4fee2a22b622839baf5","121":"a6063e0272df61cefccc","188":"b31173cb165eb21c3ec6","206":"e98e6ba9bfd9f36dc508","236":"4ca7987e1d57f60ec13a","295":"9926ff25c6dbf53845b1","297":"194d8985ab974839b5b6","321":"07e853e559665d6e15b6","325":"47f5b8a085837ee6b512","342":"340982440de15f540a89","445":"38c6d2af64e41cd7c614","448":"94a6da9fac68fc69f8c2","473":"6cd4be953853f35b29c3","481":"a2b01ffe06a262fa9375","483":"a353efc5a5dd563c903c","487":"71a2893d94d214741e13","525":"d3a56dc9f62df5e11019","530":"207b38c15c4c01e4db0e","544":"b005b8c8b9b08aaa3324","572":"1799686b019040500219","574":"88b619217339b5e93d3e","584":"25f8b85eab9ec06da48d","594":"01b124740b2b3f8a6d20","633":"ff1a1d0bdb0d1ef143af","644":"1e77691d2eeb96a423b0","669":"84745782e36f25eb05bc","699":"8210579412d62beafa91","722":"2547630541b670f10d6e","724":"519141a0c4d0d1a3192a","726":"c8de818cf1a3ff0cf7d2","783":"86c38ee55f4d01b111ca","806":"50e039eb624382ee1fce","835":"4c0eaa2c1a427ee41817","862":"4a0bd82b803ba158018f","889":"9fbab4f0bbf643306879","905":"7e940707e10096970ca1","907":"f5aa0414d0f77e575a1f","931":"d270a1fda9a2836c3cc5","939":"9d93b2e47c52338747a2","961":"ff7da8afd7d8495d0bbe"}[chunkId] + ".js";
+/******/ 			return "" + ({"54":"histogram-worker","525":"dicom-microscopy-viewer","572":"polySeg","584":"suv-peak-worker"}[chunkId] || chunkId) + ".bundle." + {"54":"829e14ec12c2b41a4323","94":"08683468d52365475d9a","109":"b4fee2a22b622839baf5","121":"b582314ec0024fdf2d15","236":"4ca7987e1d57f60ec13a","243":"391c2805222b849abc2c","295":"9926ff25c6dbf53845b1","297":"194d8985ab974839b5b6","325":"1c54c1689fb4b1955e8c","342":"340982440de15f540a89","390":"5a21388b461ee51db594","445":"38c6d2af64e41cd7c614","448":"077b4b50ee63487516eb","473":"6cd4be953853f35b29c3","481":"a2b01ffe06a262fa9375","483":"a353efc5a5dd563c903c","487":"a517b1d6cd2d82b9a7ea","525":"d3a56dc9f62df5e11019","530":"17b9a34fefff133e5379","544":"e8227e98860e39636a00","550":"4f728d9ab7a8c7685abd","572":"1799686b019040500219","574":"72bd5061ccd504235419","584":"25f8b85eab9ec06da48d","644":"1e77691d2eeb96a423b0","682":"0909fbf9a76430e4bbc9","699":"f62694527f6dfe417f81","721":"0de8f780088aee87dbd9","722":"2547630541b670f10d6e","726":"c8de818cf1a3ff0cf7d2","776":"91747df457143051f872","783":"1f650e1ef1b10d19870f","806":"50e039eb624382ee1fce","835":"4c0eaa2c1a427ee41817","862":"55dde21bab4c841b6259","889":"6df37a2db81b97f4a76a","905":"c1c60224a599e789feb4","907":"d2c612ec56380e73df89","931":"d270a1fda9a2836c3cc5","939":"9d93b2e47c52338747a2","961":"6aea7b3de9e93a9ebab1","981":"cccdc8caaa5a11f4a998","989":"bf32dc457ea9abccca09","998":"f2ba5b6c1aa0caa6d672"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	
@@ -258230,7 +258149,7 @@ var selectOrdinal = function selectOrdinal() {
 /******/ 		};
 /******/ 		
 /******/ 		__webpack_require__.f.miniCss = (chunkId, promises) => {
-/******/ 			var cssChunks = {"321":1,"325":1,"481":1,"544":1,"574":1,"633":1};
+/******/ 			var cssChunks = {"325":1,"481":1,"544":1,"550":1,"574":1,"998":1};
 /******/ 			if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
 /******/ 			else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
 /******/ 				promises.push(installedCssChunks[chunkId] = loadStylesheet(chunkId).then(() => {
@@ -258354,20 +258273,17 @@ var selectOrdinal = function selectOrdinal() {
 /******/ 	/* webpack/runtime/chunk prefetch trigger */
 /******/ 	(() => {
 /******/ 		var chunkToChildrenMap = {
-/******/ 			"188": [
+/******/ 			"243": [
 /******/ 				121
 /******/ 			],
-/******/ 			"321": [
-/******/ 				574
-/******/ 			],
 /******/ 			"325": [
 /******/ 				530,
 /******/ 				862
 /******/ 			],
-/******/ 			"633": [
-/******/ 				295
+/******/ 			"550": [
+/******/ 				574
 /******/ 			],
-/******/ 			"669": [
+/******/ 			"721": [
 /******/ 				530
 /******/ 			],
 /******/ 			"907": [
@@ -258375,6 +258291,9 @@ var selectOrdinal = function selectOrdinal() {
 /******/ 			],
 /******/ 			"961": [
 /******/ 				939
+/******/ 			],
+/******/ 			"998": [
+/******/ 				295
 /******/ 			]
 /******/ 		};
 /******/ 		__webpack_require__.f.prefetch = (chunkId, promises) => (Promise.all(promises).then(() => {