@ohif/app 3.8.0-beta.8 → 3.8.0-beta.80

package/dist/{19.bundle.f77c5787b6d8ac0b638b.js → 325.bundle.84909a08305556e9f924.js}

@@ -1,27 +1,27 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[19,579],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[325,481],{
 
-/***/ 41832:
+/***/ 219:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  Z: () => (/* binding */ src_getContextModule),
-  I: () => (/* reexport */ useTrackedMeasurements)
+  A: () => (/* binding */ src_getContextModule),
+  B: () => (/* reexport */ useTrackedMeasurements)
 });
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(43001);
+var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
-var prop_types = __webpack_require__(3827);
+var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ../../../node_modules/xstate/es/index.js + 22 modules
-var es = __webpack_require__(261);
+var es = __webpack_require__(57593);
 // EXTERNAL MODULE: ../../../node_modules/@xstate/react/es/index.js + 8 modules
-var react_es = __webpack_require__(44530);
-// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
-var src = __webpack_require__(22582);
+var react_es = __webpack_require__(6835);
+// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
+var src = __webpack_require__(5085);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/measurementTrackingMachine.js
 
 const RESPONSE = {
@@ -53,10 +53,27 @@ const machineConfiguration = {
     off: {
       type: 'final'
     },
+    labellingOnly: {
+      on: {
+        TRACK_SERIES: [{
+          target: 'promptLabelAnnotation',
+          actions: ['setPreviousState']
+        }, {
+          target: 'off'
+        }]
+      }
+    },
     idle: {
       entry: 'clearContext',
       on: {
-        TRACK_SERIES: 'promptBeginTracking',
+        TRACK_SERIES: [{
+          target: 'promptLabelAnnotation',
+          cond: 'isLabelOnMeasure',
+          actions: ['setPreviousState']
+        }, {
+          target: 'promptBeginTracking',
+          actions: ['setPreviousState']
+        }],
         // Unused? We may only do PROMPT_HYDRATE_SR now?
         SET_TRACKED_SERIES: [{
           target: 'tracking',
@@ -69,7 +86,7 @@ const machineConfiguration = {
         RESTORE_PROMPT_HYDRATE_SR: 'promptHydrateStructuredReport',
         HYDRATE_SR: 'hydrateStructuredReport',
         UPDATE_ACTIVE_VIEWPORT_ID: {
-          actions: (0,es/* assign */.f0)({
+          actions: (0,es/* assign */.kp)({
             activeViewportId: (_, event) => event.activeViewportId
           })
         }
@@ -82,6 +99,9 @@ const machineConfiguration = {
           target: 'tracking',
           actions: ['setTrackedStudyAndSeries', 'setIsDirty'],
           cond: 'shouldSetStudyAndSeries'
+        }, {
+          target: 'labellingOnly',
+          cond: 'isLabelOnMeasureAndShouldKillMachine'
         }, {
           target: 'off',
           cond: 'shouldKillMachine'
@@ -96,6 +116,10 @@ const machineConfiguration = {
     tracking: {
       on: {
         TRACK_SERIES: [{
+          target: 'promptLabelAnnotation',
+          cond: 'isLabelOnMeasure',
+          actions: ['setPreviousState']
+        }, {
           target: 'promptTrackNewStudy',
           cond: 'isNewStudy'
         }, {
@@ -224,6 +248,29 @@ const machineConfiguration = {
           target: 'idle'
         }
       }
+    },
+    promptLabelAnnotation: {
+      invoke: {
+        src: 'promptLabelAnnotation',
+        onDone: [{
+          target: 'labellingOnly',
+          cond: 'wasLabellingOnly'
+        }, {
+          target: 'promptBeginTracking',
+          cond: 'wasIdle'
+        }, {
+          target: 'promptTrackNewStudy',
+          cond: 'wasTrackingAndIsNewStudy'
+        }, {
+          target: 'promptTrackNewSeries',
+          cond: 'wasTrackingAndIsNewSeries'
+        }, {
+          target: 'tracking',
+          cond: 'wasTracking'
+        }, {
+          target: 'off'
+        }]
+      }
     }
   },
   strict: true
@@ -253,7 +300,7 @@ const defaultOptions = {
     showStructuredReportDisplaySetInActiveViewport: (ctx, evt) => {
       console.warn('showStructuredReportDisplaySetInActiveViewport: not implemented');
     },
-    clearContext: (0,es/* assign */.f0)({
+    clearContext: (0,es/* assign */.kp)({
       trackedStudy: '',
       trackedSeries: [],
       ignoredSeries: [],
@@ -262,7 +309,7 @@ const defaultOptions = {
       prevIgnoredSeries: []
     }),
     // Promise resolves w/ `evt.data.*`
-    setTrackedStudyAndSeries: (0,es/* assign */.f0)((ctx, evt) => ({
+    setTrackedStudyAndSeries: (0,es/* assign */.kp)((ctx, evt) => ({
       prevTrackedStudy: ctx.trackedStudy,
       prevTrackedSeries: ctx.trackedSeries.slice(),
       prevIgnoredSeries: ctx.ignoredSeries.slice(),
@@ -271,7 +318,7 @@ const defaultOptions = {
       trackedSeries: [evt.data.SeriesInstanceUID],
       ignoredSeries: []
     })),
-    setTrackedStudyAndMultipleSeries: (0,es/* assign */.f0)((ctx, evt) => {
+    setTrackedStudyAndMultipleSeries: (0,es/* assign */.kp)((ctx, evt) => {
       const studyInstanceUID = evt.StudyInstanceUID || evt.data.StudyInstanceUID;
       const seriesInstanceUIDs = evt.SeriesInstanceUIDs || evt.data.SeriesInstanceUIDs;
       return {
@@ -284,27 +331,32 @@ const defaultOptions = {
         ignoredSeries: []
       };
     }),
-    setIsDirtyToClean: (0,es/* assign */.f0)((ctx, evt) => ({
+    setIsDirtyToClean: (0,es/* assign */.kp)((ctx, evt) => ({
       isDirty: false
     })),
-    setIsDirty: (0,es/* assign */.f0)((ctx, evt) => ({
+    setIsDirty: (0,es/* assign */.kp)((ctx, evt) => ({
       isDirty: true
     })),
-    ignoreSeries: (0,es/* assign */.f0)((ctx, evt) => ({
+    ignoreSeries: (0,es/* assign */.kp)((ctx, evt) => ({
       prevIgnoredSeries: [...ctx.ignoredSeries],
       ignoredSeries: [...ctx.ignoredSeries, evt.data.SeriesInstanceUID]
     })),
-    ignoreHydrationForSRSeries: (0,es/* assign */.f0)((ctx, evt) => ({
+    ignoreHydrationForSRSeries: (0,es/* assign */.kp)((ctx, evt) => ({
       ignoredSRSeriesForHydration: [...ctx.ignoredSRSeriesForHydration, evt.data.srSeriesInstanceUID]
     })),
-    addTrackedSeries: (0,es/* assign */.f0)((ctx, evt) => ({
+    addTrackedSeries: (0,es/* assign */.kp)((ctx, evt) => ({
       prevTrackedSeries: [...ctx.trackedSeries],
       trackedSeries: [...ctx.trackedSeries, evt.data.SeriesInstanceUID]
     })),
-    removeTrackedSeries: (0,es/* assign */.f0)((ctx, evt) => ({
+    removeTrackedSeries: (0,es/* assign */.kp)((ctx, evt) => ({
       prevTrackedSeries: ctx.trackedSeries.slice().filter(ser => ser !== evt.SeriesInstanceUID),
       trackedSeries: ctx.trackedSeries.slice().filter(ser => ser !== evt.SeriesInstanceUID)
-    }))
+    })),
+    setPreviousState: (0,es/* assign */.kp)((ctx, evt, meta) => {
+      return {
+        prevState: meta.state.value
+      };
+    })
   },
   guards: {
     // We set dirty any time we performan an action that:
@@ -330,6 +382,21 @@ const defaultOptions = {
         evt.SeriesInstanceUID === undefined || ctx.trackedSeries.includes(evt.SeriesInstanceUID)
       );
     },
+    wasLabellingOnly: (ctx, evt, condMeta) => {
+      return ctx.prevState === 'labellingOnly';
+    },
+    wasIdle: (ctx, evt, condMeta) => {
+      return ctx.prevState === 'idle';
+    },
+    wasTracking: (ctx, evt, condMeta) => {
+      return ctx.prevState === 'tracking';
+    },
+    wasTrackingAndIsNewStudy: (ctx, evt, condMeta) => {
+      return ctx.prevState === 'tracking' && !ctx.ignoredSeries.includes(evt.data.SeriesInstanceUID) && ctx.trackedStudy !== evt.data.StudyInstanceUID;
+    },
+    wasTrackingAndIsNewSeries: (ctx, evt, condMeta) => {
+      return ctx.prevState === 'tracking' && !ctx.ignoredSeries.includes(evt.data.SeriesInstanceUID) && !ctx.trackedSeries.includes(evt.data.SeriesInstanceUID);
+    },
     shouldKillMachine: (ctx, evt) => evt.data && evt.data.userResponse === RESPONSE.NO_NEVER,
     shouldAddSeries: (ctx, evt) => evt.data && evt.data.userResponse === RESPONSE.ADD_SERIES,
     shouldSetStudyAndSeries: (ctx, evt) => evt.data && evt.data.userResponse === RESPONSE.SET_STUDY_AND_SERIES,
@@ -350,8 +417,11 @@ const defaultOptions = {
   }
 };
 
+// EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
+var i18next = __webpack_require__(92344);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/promptBeginTracking.js
 
+
 const promptBeginTracking_RESPONSE = {
   NO_NEVER: -1,
   CANCEL: 0,
@@ -359,19 +429,20 @@ const promptBeginTracking_RESPONSE = {
   ADD_SERIES: 2,
   SET_STUDY_AND_SERIES: 3
 };
-function promptBeginTracking(_ref, ctx, evt) {
-  let {
-    servicesManager,
-    extensionManager
-  } = _ref;
+function promptBeginTracking({
+  servicesManager,
+  extensionManager
+}, ctx, evt) {
   const {
     uiViewportDialogService
   } = servicesManager.services;
+  // When the state change happens after a promise, the state machine sends the retult in evt.data;
+  // In case of direct transition to the state, the state machine sends the data in evt;
   const {
     viewportId,
     StudyInstanceUID,
     SeriesInstanceUID
-  } = evt;
+  } = evt.data || evt;
   return new Promise(async function (resolve, reject) {
     let promptResult = await _askTrackMeasurements(uiViewportDialogService, viewportId);
     resolve({
@@ -384,21 +455,21 @@ function promptBeginTracking(_ref, ctx, evt) {
 }
 function _askTrackMeasurements(uiViewportDialogService, viewportId) {
   return new Promise(function (resolve, reject) {
-    const message = 'Track measurements for this series?';
+    const message = i18next/* default */.A.t('MeasurementTable:Track measurements for this series?');
     const actions = [{
       id: 'prompt-begin-tracking-cancel',
-      type: src/* ButtonEnums.type */.LZ.dt.secondary,
-      text: 'No',
+      type: src/* ButtonEnums.type */.Ny.NW.secondary,
+      text: i18next/* default */.A.t('Common:No'),
       value: promptBeginTracking_RESPONSE.CANCEL
     }, {
       id: 'prompt-begin-tracking-no-do-not-ask-again',
-      type: src/* ButtonEnums.type */.LZ.dt.secondary,
-      text: 'No, do not ask again',
+      type: src/* ButtonEnums.type */.Ny.NW.secondary,
+      text: i18next/* default */.A.t('MeasurementTable:No, do not ask again'),
       value: promptBeginTracking_RESPONSE.NO_NEVER
     }, {
       id: 'prompt-begin-tracking-yes',
-      type: src/* ButtonEnums.type */.LZ.dt.primary,
-      text: 'Yes',
+      type: src/* ButtonEnums.type */.Ny.NW.primary,
+      text: i18next/* default */.A.t('Common:Yes'),
       value: promptBeginTracking_RESPONSE.SET_STUDY_AND_SERIES
     }];
     const onSubmit = result => {
@@ -415,6 +486,12 @@ function _askTrackMeasurements(uiViewportDialogService, viewportId) {
       onOutsideClick: () => {
         uiViewportDialogService.hide();
         resolve(promptBeginTracking_RESPONSE.CANCEL);
+      },
+      onKeyPress: event => {
+        if (event.key === 'Enter') {
+          const action = actions.find(action => action.id === 'prompt-begin-tracking-yes');
+          onSubmit(action.value);
+        }
       }
     });
   });
@@ -430,19 +507,20 @@ const promptTrackNewSeries_RESPONSE = {
   SET_STUDY_AND_SERIES: 3,
   NO_NOT_FOR_SERIES: 4
 };
-function promptTrackNewSeries(_ref, ctx, evt) {
-  let {
-    servicesManager,
-    extensionManager
-  } = _ref;
+function promptTrackNewSeries({
+  servicesManager,
+  extensionManager
+}, ctx, evt) {
   const {
     UIViewportDialogService
   } = servicesManager.services;
+  // When the state change happens after a promise, the state machine sends the retult in evt.data;
+  // In case of direct transition to the state, the state machine sends the data in evt;
   const {
     viewportId,
     StudyInstanceUID,
     SeriesInstanceUID
-  } = evt;
+  } = evt.data || evt;
   return new Promise(async function (resolve, reject) {
     let promptResult = await _askShouldAddMeasurements(UIViewportDialogService, viewportId);
     if (promptResult === promptTrackNewSeries_RESPONSE.CREATE_REPORT) {
@@ -461,15 +539,15 @@ function _askShouldAddMeasurements(uiViewportDialogService, viewportId) {
   return new Promise(function (resolve, reject) {
     const message = 'Do you want to add this measurement to the existing report?';
     const actions = [{
-      type: src/* ButtonEnums.type */.LZ.dt.secondary,
+      type: src/* ButtonEnums.type */.Ny.NW.secondary,
       text: 'Cancel',
       value: promptTrackNewSeries_RESPONSE.CANCEL
     }, {
-      type: src/* ButtonEnums.type */.LZ.dt.primary,
+      type: src/* ButtonEnums.type */.Ny.NW.primary,
       text: 'Create new report',
       value: promptTrackNewSeries_RESPONSE.CREATE_REPORT
     }, {
-      type: src/* ButtonEnums.type */.LZ.dt.primary,
+      type: src/* ButtonEnums.type */.Ny.NW.primary,
       text: 'Add to existing report',
       value: promptTrackNewSeries_RESPONSE.ADD_SERIES
     }];
@@ -525,6 +603,7 @@ function _askSaveDiscardOrCancel(UIViewportDialogService, viewportId) {
 }
 /* harmony default export */ const TrackedMeasurementsContext_promptTrackNewSeries = (promptTrackNewSeries);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/promptTrackNewStudy.js
+
 const promptTrackNewStudy_RESPONSE = {
   NO_NEVER: -1,
   CANCEL: 0,
@@ -533,19 +612,20 @@ const promptTrackNewStudy_RESPONSE = {
   SET_STUDY_AND_SERIES: 3,
   NO_NOT_FOR_SERIES: 4
 };
-function promptTrackNewStudy(_ref, ctx, evt) {
-  let {
-    servicesManager,
-    extensionManager
-  } = _ref;
+function promptTrackNewStudy({
+  servicesManager,
+  extensionManager
+}, ctx, evt) {
   const {
     UIViewportDialogService
   } = servicesManager.services;
+  // When the state change happens after a promise, the state machine sends the retult in evt.data;
+  // In case of direct transition to the state, the state machine sends the data in evt;
   const {
     viewportId,
     StudyInstanceUID,
     SeriesInstanceUID
-  } = evt;
+  } = evt.data || evt;
   return new Promise(async function (resolve, reject) {
     let promptResult = await promptTrackNewStudy_askTrackMeasurements(UIViewportDialogService, viewportId);
     if (promptResult === promptTrackNewStudy_RESPONSE.SET_STUDY_AND_SERIES) {
@@ -562,18 +642,18 @@ function promptTrackNewStudy(_ref, ctx, evt) {
 }
 function promptTrackNewStudy_askTrackMeasurements(UIViewportDialogService, viewportId) {
   return new Promise(function (resolve, reject) {
-    const message = 'Track measurements for this series?';
+    const message = i18next/* default */.A.t('MeasurementTable:Track measurements for this series?');
     const actions = [{
       type: 'cancel',
-      text: 'No',
+      text: i18next/* default */.A.t('MeasurementTable:No'),
       value: promptTrackNewStudy_RESPONSE.CANCEL
     }, {
       type: 'secondary',
-      text: 'No, do not ask again for this series',
+      text: i18next/* default */.A.t('MeasurementTable:No, do not ask again'),
       value: promptTrackNewStudy_RESPONSE.NO_NOT_FOR_SERIES
     }, {
       type: 'primary',
-      text: 'Yes',
+      text: i18next/* default */.A.t('MeasurementTable:Yes'),
       value: promptTrackNewStudy_RESPONSE.SET_STUDY_AND_SERIES
     }];
     const onSubmit = result => {
@@ -589,6 +669,12 @@ function promptTrackNewStudy_askTrackMeasurements(UIViewportDialogService, viewp
       onOutsideClick: () => {
         UIViewportDialogService.hide();
         resolve(promptTrackNewStudy_RESPONSE.CANCEL);
+      },
+      onKeyPress: event => {
+        if (event.key === 'Enter') {
+          const action = actions.find(action => action.value === promptTrackNewStudy_RESPONSE.SET_STUDY_AND_SERIES);
+          onSubmit(action.value);
+        }
       }
     });
   });
@@ -627,8 +713,8 @@ function promptTrackNewStudy_askSaveDiscardOrCancel(UIViewportDialogService, vie
   });
 }
 /* harmony default export */ const TrackedMeasurementsContext_promptTrackNewStudy = (promptTrackNewStudy);
-// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 76 modules
-var default_src = __webpack_require__(56342);
+// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 85 modules
+var default_src = __webpack_require__(7206);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/_shared/getNextSRSeriesNumber.js
 const MIN_SR_SERIES_NUMBER = 4700;
 function getNextSRSeriesNumber(displaySetService) {
@@ -652,12 +738,11 @@ const PROMPT_RESPONSES_RESPONSE = {
 
 
 
-function promptSaveReport(_ref, ctx, evt) {
-  let {
-    servicesManager,
-    commandsManager,
-    extensionManager
-  } = _ref;
+function promptSaveReport({
+  servicesManager,
+  commandsManager,
+  extensionManager
+}, ctx, evt) {
   const {
     uiDialogService,
     measurementService,
@@ -718,7 +803,7 @@ function promptSaveReport(_ref, ctx, evt) {
 }
 /* harmony default export */ const TrackedMeasurementsContext_promptSaveReport = (promptSaveReport);
 // EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/index.tsx + 15 modules
-var cornerstone_dicom_sr_src = __webpack_require__(42170);
+var cornerstone_dicom_sr_src = __webpack_require__(53540);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/promptHydrateStructuredReport.js
 
 
@@ -731,12 +816,11 @@ const promptHydrateStructuredReport_RESPONSE = {
   NO_NOT_FOR_SERIES: 4,
   HYDRATE_REPORT: 5
 };
-function promptHydrateStructuredReport(_ref, ctx, evt) {
-  let {
-    servicesManager,
-    extensionManager,
-    appConfig
-  } = _ref;
+function promptHydrateStructuredReport({
+  servicesManager,
+  extensionManager,
+  appConfig
+}, ctx, evt) {
   const {
     uiViewportDialogService,
     displaySetService
@@ -775,11 +859,11 @@ function promptHydrateStructuredReport_askTrackMeasurements(uiViewportDialogServ
   return new Promise(function (resolve, reject) {
     const message = 'Do you want to continue tracking measurements for this study?';
     const actions = [{
-      type: src/* ButtonEnums.type */.LZ.dt.secondary,
+      type: src/* ButtonEnums.type */.Ny.NW.secondary,
       text: 'No',
       value: promptHydrateStructuredReport_RESPONSE.CANCEL
     }, {
-      type: src/* ButtonEnums.type */.LZ.dt.primary,
+      type: src/* ButtonEnums.type */.Ny.NW.primary,
       text: 'Yes',
       value: promptHydrateStructuredReport_RESPONSE.HYDRATE_REPORT
     }];
@@ -796,6 +880,12 @@ function promptHydrateStructuredReport_askTrackMeasurements(uiViewportDialogServ
       onOutsideClick: () => {
         uiViewportDialogService.hide();
         resolve(promptHydrateStructuredReport_RESPONSE.CANCEL);
+      },
+      onKeyPress: event => {
+        if (event.key === 'Enter') {
+          const action = actions.find(action => action.value === promptHydrateStructuredReport_RESPONSE.HYDRATE_REPORT);
+          onSubmit(action.value);
+        }
       }
     });
   });
@@ -803,11 +893,11 @@ function promptHydrateStructuredReport_askTrackMeasurements(uiViewportDialogServ
 /* harmony default export */ const TrackedMeasurementsContext_promptHydrateStructuredReport = (promptHydrateStructuredReport);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/hydrateStructuredReport.tsx
 
-function hydrateStructuredReport(_ref, ctx, evt) {
-  let {
-    servicesManager,
-    extensionManager
-  } = _ref;
+function hydrateStructuredReport({
+  servicesManager,
+  extensionManager,
+  appConfig
+}, ctx, evt) {
   const {
     displaySetService
   } = servicesManager.services;
@@ -819,7 +909,8 @@ function hydrateStructuredReport(_ref, ctx, evt) {
   return new Promise((resolve, reject) => {
     const hydrationResult = (0,cornerstone_dicom_sr_src.hydrateStructuredReport)({
       servicesManager,
-      extensionManager
+      extensionManager,
+      appConfig
     }, displaySetInstanceUID);
     const StudyInstanceUID = hydrationResult.StudyInstanceUID;
     const SeriesInstanceUIDs = hydrationResult.SeriesInstanceUIDs;
@@ -834,7 +925,41 @@ function hydrateStructuredReport(_ref, ctx, evt) {
 }
 /* harmony default export */ const TrackedMeasurementsContext_hydrateStructuredReport = (hydrateStructuredReport);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
-var state = __webpack_require__(62657);
+var state = __webpack_require__(15575);
+;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/promptLabelAnnotation.js
+function promptLabelAnnotation({
+  servicesManager,
+  extensionManager
+}, ctx, evt) {
+  const {
+    measurementService,
+    customizationService
+  } = servicesManager.services;
+  const {
+    viewportId,
+    StudyInstanceUID,
+    SeriesInstanceUID,
+    measurementId
+  } = evt;
+  const utilityModule = extensionManager.getModuleEntry('@ohif/extension-cornerstone.utilityModule.common');
+  const {
+    showLabelAnnotationPopup
+  } = utilityModule.exports;
+  return new Promise(async function (resolve) {
+    const labelConfig = customizationService.get('measurementLabels');
+    const measurement = measurementService.getMeasurement(measurementId);
+    const value = await showLabelAnnotationPopup(measurement, servicesManager.services.uiDialogService, labelConfig);
+    measurementService.update(measurementId, {
+      ...value
+    }, true);
+    resolve({
+      StudyInstanceUID,
+      SeriesInstanceUID,
+      viewportId
+    });
+  });
+}
+/* harmony default export */ const TrackedMeasurementsContext_promptLabelAnnotation = (promptLabelAnnotation);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/TrackedMeasurementsContext.tsx
 
 
@@ -849,6 +974,7 @@ var state = __webpack_require__(62657);
 
 
 
+
 const TrackedMeasurementsContext = /*#__PURE__*/react.createContext();
 TrackedMeasurementsContext.displayName = 'TrackedMeasurementsContext';
 const useTrackedMeasurements = () => (0,react.useContext)(TrackedMeasurementsContext);
@@ -858,26 +984,26 @@ const SR_SOPCLASSHANDLERID = '@ohif/extension-cornerstone-dicom-sr.sopClassHandl
  *
  * @param {*} param0
  */
-function TrackedMeasurementsContextProvider(_ref, // Bound by consumer
-_ref2 // Component props
+function TrackedMeasurementsContextProvider({
+  servicesManager,
+  commandsManager,
+  extensionManager
+},
+// Bound by consumer
+{
+  children
+} // Component props
 ) {
-  let {
-    servicesManager,
-    commandsManager,
-    extensionManager
-  } = _ref;
-  let {
-    children
-  } = _ref2;
-  const [appConfig] = (0,state/* useAppConfig */.M)();
-  const [viewportGrid, viewportGridService] = (0,src/* useViewportGrid */.O_)();
+  const [appConfig] = (0,state/* useAppConfig */.r)();
+  const [viewportGrid, viewportGridService] = (0,src/* useViewportGrid */.ih)();
   const {
     activeViewportId,
     viewports
   } = viewportGrid;
   const {
     measurementService,
-    displaySetService
+    displaySetService,
+    customizationService
   } = servicesManager.services;
   const machineOptions = Object.assign({}, defaultOptions);
   machineOptions.actions = Object.assign({}, machineOptions.actions, {
@@ -974,8 +1100,22 @@ _ref2 // Component props
       servicesManager,
       extensionManager,
       appConfig
+    }),
+    promptLabelAnnotation: TrackedMeasurementsContext_promptLabelAnnotation.bind(null, {
+      servicesManager,
+      extensionManager
     })
   });
+  machineOptions.guards = Object.assign({}, machineOptions.guards, {
+    isLabelOnMeasure: (ctx, evt, condMeta) => {
+      const labelConfig = customizationService.get('measurementLabels');
+      return labelConfig?.labelOnMeasure;
+    },
+    isLabelOnMeasureAndShouldKillMachine: (ctx, evt, condMeta) => {
+      const labelConfig = customizationService.get('measurementLabels');
+      return evt.data && evt.data.userResponse === RESPONSE.NO_NEVER && labelConfig?.labelOnMeasure;
+    }
+  });
 
   // TODO: IMPROVE
   // - Add measurement_updated to cornerstone; debounced? (ext side, or consumption?)
@@ -986,8 +1126,8 @@ _ref2 // Component props
   // - Fix viewport border resize
   // - created/destroyed hooks for extensions (cornerstone measurement subscriptions in it's `init`)
 
-  const measurementTrackingMachine = (0,es/* Machine */.J)(machineConfiguration, machineOptions);
-  const [trackedMeasurements, sendTrackedMeasurementsEvent] = (0,react_es/* useMachine */.eO)(measurementTrackingMachine);
+  const measurementTrackingMachine = (0,es/* Machine */.u5)(machineConfiguration, machineOptions);
+  const [trackedMeasurements, sendTrackedMeasurementsEvent] = (0,react_es/* useMachine */.zl)(measurementTrackingMachine);
   (0,react.useEffect)(() => {
     // Update the state machine with the active viewport ID
     sendTrackedMeasurementsEvent('UPDATE_ACTIVE_VIEWPORT_ID', {
@@ -997,51 +1137,54 @@ _ref2 // Component props
 
   // ~~ Listen for changes to ViewportGrid for potential SRs hung in panes when idle
   (0,react.useEffect)(() => {
-    if (viewports.size > 0) {
-      const activeViewport = viewports.get(activeViewportId);
-      if (!activeViewport || !activeViewport?.displaySetInstanceUIDs?.length) {
-        return;
-      }
+    const triggerPromptHydrateFlow = async () => {
+      if (viewports.size > 0) {
+        const activeViewport = viewports.get(activeViewportId);
+        if (!activeViewport || !activeViewport?.displaySetInstanceUIDs?.length) {
+          return;
+        }
 
-      // Todo: Getting the first displaySetInstanceUID is wrong, but we don't have
-      // tracking fusion viewports yet. This should change when we do.
-      const {
-        displaySetService
-      } = servicesManager.services;
-      const displaySet = displaySetService.getDisplaySetByUID(activeViewport.displaySetInstanceUIDs[0]);
-      if (!displaySet) {
-        return;
-      }
+        // Todo: Getting the first displaySetInstanceUID is wrong, but we don't have
+        // tracking fusion viewports yet. This should change when we do.
+        const {
+          displaySetService
+        } = servicesManager.services;
+        const displaySet = displaySetService.getDisplaySetByUID(activeViewport.displaySetInstanceUIDs[0]);
+        if (!displaySet) {
+          return;
+        }
 
-      // If this is an SR produced by our SR SOPClassHandler,
-      // and it hasn't been loaded yet, do that now so we
-      // can check if it can be rehydrated or not.
-      //
-      // Note: This happens:
-      // - If the viewport is not currently an OHIFCornerstoneSRViewport
-      // - If the displaySet has never been hung
-      //
-      // Otherwise, the displaySet will be loaded by the useEffect handler
-      // listening to displaySet changes inside OHIFCornerstoneSRViewport.
-      // The issue here is that this handler in TrackedMeasurementsContext
-      // ends up occurring before the Viewport is created, so the displaySet
-      // is not loaded yet, and isRehydratable is undefined unless we call load().
-      if (displaySet.SOPClassHandlerId === SR_SOPCLASSHANDLERID && !displaySet.isLoaded && displaySet.load) {
-        displaySet.load();
-      }
+        // If this is an SR produced by our SR SOPClassHandler,
+        // and it hasn't been loaded yet, do that now so we
+        // can check if it can be rehydrated or not.
+        //
+        // Note: This happens:
+        // - If the viewport is not currently an OHIFCornerstoneSRViewport
+        // - If the displaySet has never been hung
+        //
+        // Otherwise, the displaySet will be loaded by the useEffect handler
+        // listening to displaySet changes inside OHIFCornerstoneSRViewport.
+        // The issue here is that this handler in TrackedMeasurementsContext
+        // ends up occurring before the Viewport is created, so the displaySet
+        // is not loaded yet, and isRehydratable is undefined unless we call load().
+        if (displaySet.SOPClassHandlerId === SR_SOPCLASSHANDLERID && !displaySet.isLoaded && displaySet.load) {
+          await displaySet.load();
+        }
 
-      // Magic string
-      // load function added by our sopClassHandler module
-      if (displaySet.SOPClassHandlerId === SR_SOPCLASSHANDLERID && displaySet.isRehydratable === true) {
-        console.log('sending event...', trackedMeasurements);
-        sendTrackedMeasurementsEvent('PROMPT_HYDRATE_SR', {
-          displaySetInstanceUID: displaySet.displaySetInstanceUID,
-          SeriesInstanceUID: displaySet.SeriesInstanceUID,
-          viewportId: activeViewportId
-        });
+        // Magic string
+        // load function added by our sopClassHandler module
+        if (displaySet.SOPClassHandlerId === SR_SOPCLASSHANDLERID && displaySet.isRehydratable === true) {
+          console.log('sending event...', trackedMeasurements);
+          sendTrackedMeasurementsEvent('PROMPT_HYDRATE_SR', {
+            displaySetInstanceUID: displaySet.displaySetInstanceUID,
+            SeriesInstanceUID: displaySet.SeriesInstanceUID,
+            viewportId: activeViewportId
+          });
+        }
       }
-    }
-  }, [activeViewportId, sendTrackedMeasurementsEvent, servicesManager.services, viewports]);
+    };
+    triggerPromptHydrateFlow();
+  }, [trackedMeasurements, activeViewportId, sendTrackedMeasurementsEvent, servicesManager.services, viewports]);
   return /*#__PURE__*/react.createElement(TrackedMeasurementsContext.Provider, {
     value: [trackedMeasurements, sendTrackedMeasurementsEvent]
   }, children);
@@ -1060,12 +1203,11 @@ TrackedMeasurementsContextProvider.propTypes = {
 
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/getContextModule.tsx
 
-function getContextModule(_ref) {
-  let {
-    servicesManager,
-    extensionManager,
-    commandsManager
-  } = _ref;
+function getContextModule({
+  servicesManager,
+  extensionManager,
+  commandsManager
+}) {
   const BoundTrackedMeasurementsContextProvider = TrackedMeasurementsContextProvider.bind(null, {
     servicesManager,
     extensionManager,
@@ -1082,7 +1224,7 @@ function getContextModule(_ref) {
 
 /***/ }),
 
-/***/ 28030:
+/***/ 84284:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -1093,21 +1235,21 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ measurement_tracking_src)
 });
 
-// EXTERNAL MODULE: ../../../extensions/measurement-tracking/src/getContextModule.tsx + 12 modules
-var getContextModule = __webpack_require__(41832);
+// EXTERNAL MODULE: ../../../extensions/measurement-tracking/src/getContextModule.tsx + 13 modules
+var getContextModule = __webpack_require__(219);
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(43001);
+var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
-var prop_types = __webpack_require__(3827);
+var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ../node_modules/react-router-dom/dist/index.js
-var dist = __webpack_require__(62474);
+var dist = __webpack_require__(37396);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
-var es = __webpack_require__(69190);
-// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
-var src = __webpack_require__(71771);
-// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
-var ui_src = __webpack_require__(22582);
+var es = __webpack_require__(80619);
+// EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
+var src = __webpack_require__(55411);
+// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
+var ui_src = __webpack_require__(5085);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelStudyBrowserTracking/PanelStudyBrowserTracking.tsx
 
 
@@ -1124,36 +1266,36 @@ const {
  *
  * @param {*} param0
  */
-function PanelStudyBrowserTracking(_ref) {
-  let {
-    servicesManager,
-    getImageSrc,
-    getStudiesForPatientByMRN,
-    requestDisplaySetCreationForStudy,
-    dataSource
-  } = _ref;
+function PanelStudyBrowserTracking({
+  servicesManager,
+  getImageSrc,
+  getStudiesForPatientByMRN,
+  requestDisplaySetCreationForStudy,
+  dataSource
+}) {
   const {
     displaySetService,
     uiDialogService,
     hangingProtocolService,
-    uiNotificationService
+    uiNotificationService,
+    measurementService
   } = servicesManager.services;
-  const navigate = (0,dist/* useNavigate */.s0)();
+  const navigate = (0,dist/* useNavigate */.Zp)();
   const {
     t
-  } = (0,es/* useTranslation */.$G)('Common');
+  } = (0,es/* useTranslation */.Bd)('Common');
 
   // Normally you nest the components so the tree isn't so deep, and the data
   // doesn't have to have such an intense shape. This works well enough for now.
   // Tabs --> Studies --> DisplaySets --> Thumbnails
   const {
     StudyInstanceUIDs
-  } = (0,ui_src/* useImageViewer */.zG)();
+  } = (0,ui_src/* useImageViewer */.Bz)();
   const [{
     activeViewportId,
     viewports
-  }, viewportGridService] = (0,ui_src/* useViewportGrid */.O_)();
-  const [trackedMeasurements, sendTrackedMeasurementsEvent] = (0,getContextModule/* useTrackedMeasurements */.I)();
+  }, viewportGridService] = (0,ui_src/* useViewportGrid */.ih)();
+  const [trackedMeasurements, sendTrackedMeasurementsEvent] = (0,getContextModule/* useTrackedMeasurements */.B)();
   const [activeTabName, setActiveTabName] = (0,react.useState)('primary');
   const [expandedStudyInstanceUIDs, setExpandedStudyInstanceUIDs] = (0,react.useState)([...StudyInstanceUIDs]);
   const [studyDisplayList, setStudyDisplayList] = (0,react.useState)([]);
@@ -1236,7 +1378,7 @@ function PanelStudyBrowserTracking(_ref) {
       const newImageSrcEntry = {};
       const displaySet = displaySetService.getDisplaySetByUID(dSet.displaySetInstanceUID);
       const imageIds = dataSource.getImageIdsForDisplaySet(displaySet);
-      const imageId = imageIds[Math.floor(imageIds.length / 2)];
+      const imageId = getImageIdForThumbnail(displaySet, imageIds);
 
       // TODO: Is it okay that imageIds are not returned here for SR displaySets?
       if (!imageId || displaySet?.unsupported) {
@@ -1283,7 +1425,7 @@ function PanelStudyBrowserTracking(_ref) {
           setJumpToDisplaySet(displaySetInstanceUID);
         }
         const imageIds = dataSource.getImageIdsForDisplaySet(displaySet);
-        const imageId = imageIds[Math.floor(imageIds.length / 2)];
+        const imageId = getImageIdForThumbnail(displaySet, imageIds);
 
         // TODO: Is it okay that imageIds are not returned here for SR displaysets?
         if (!imageId) {
@@ -1369,7 +1511,66 @@ function PanelStudyBrowserTracking(_ref) {
       setExpandedStudyInstanceUIDs(updatedExpandedStudyInstanceUIDs);
     }
   }, [expandedStudyInstanceUIDs, jumpToDisplaySet, tabs]);
-  return /*#__PURE__*/react.createElement(ui_src/* StudyBrowser */.eX, {
+  const onClickUntrack = displaySetInstanceUID => {
+    const onConfirm = () => {
+      const displaySet = displaySetService.getDisplaySetByUID(displaySetInstanceUID);
+      sendTrackedMeasurementsEvent('UNTRACK_SERIES', {
+        SeriesInstanceUID: displaySet.SeriesInstanceUID
+      });
+      const measurements = measurementService.getMeasurements();
+      measurements.forEach(m => {
+        if (m.referenceSeriesUID === displaySet.SeriesInstanceUID) {
+          measurementService.remove(m.uid);
+        }
+      });
+    };
+    uiDialogService.create({
+      id: 'untrack-series',
+      centralize: true,
+      isDraggable: false,
+      showOverlay: true,
+      content: ui_src/* Dialog */.lG,
+      contentProps: {
+        title: 'Untrack Series',
+        body: () => /*#__PURE__*/react.createElement("div", {
+          className: "bg-primary-dark p-4 text-white"
+        }, /*#__PURE__*/react.createElement("p", null, "Are you sure you want to untrack this series?"), /*#__PURE__*/react.createElement("p", {
+          className: "mt-2"
+        }, "This action cannot be undone and will delete all your existing measurements.")),
+        actions: [{
+          id: 'cancel',
+          text: 'Cancel',
+          type: ui_src/* ButtonEnums.type */.Ny.NW.secondary
+        }, {
+          id: 'yes',
+          text: 'Yes',
+          type: ui_src/* ButtonEnums.type */.Ny.NW.primary,
+          classes: ['untrack-yes-button']
+        }],
+        onClose: () => uiDialogService.dismiss({
+          id: 'untrack-series'
+        }),
+        onSubmit: async ({
+          action
+        }) => {
+          switch (action.id) {
+            case 'yes':
+              onConfirm();
+              uiDialogService.dismiss({
+                id: 'untrack-series'
+              });
+              break;
+            case 'cancel':
+              uiDialogService.dismiss({
+                id: 'untrack-series'
+              });
+              break;
+          }
+        }
+      }
+    });
+  };
+  return /*#__PURE__*/react.createElement(ui_src/* StudyBrowser */.M4, {
     tabs: tabs,
     servicesManager: servicesManager,
     activeTabName: activeTabName,
@@ -1379,12 +1580,7 @@ function PanelStudyBrowserTracking(_ref) {
       setActiveTabName(clickedTabName);
     },
     onClickUntrack: displaySetInstanceUID => {
-      const displaySet = displaySetService.getDisplaySetByUID(displaySetInstanceUID);
-      // TODO: shift this somewhere else where we're centralizing this logic?
-      // Potentially a helper from displaySetInstanceUID to this
-      sendTrackedMeasurementsEvent('UNTRACK_SERIES', {
-        SeriesInstanceUID: displaySet.SeriesInstanceUID
-      });
+      onClickUntrack(displaySetInstanceUID);
     },
     onClickThumbnail: () => {},
     onDoubleClickThumbnail: onDoubleClickThumbnailHandler,
@@ -1401,6 +1597,18 @@ PanelStudyBrowserTracking.propTypes = {
   requestDisplaySetCreationForStudy: (prop_types_default()).func.isRequired
 };
 /* harmony default export */ const PanelStudyBrowserTracking_PanelStudyBrowserTracking = (PanelStudyBrowserTracking);
+function getImageIdForThumbnail(displaySet, imageIds) {
+  let imageId;
+  if (displaySet.isDynamicVolume) {
+    const timePoints = displaySet.dynamicVolumeInfo.timePoints;
+    const middleIndex = Math.floor(timePoints.length / 2);
+    const middleTimePointImageIds = timePoints[middleIndex];
+    imageId = middleTimePointImageIds[Math.floor(middleTimePointImageIds.length / 2)];
+  } else {
+    imageId = imageIds[Math.floor(imageIds.length / 2)];
+  }
+  return imageId;
+}
 
 /**
  * Maps from the DataSource's format to a naturalized object
@@ -1432,14 +1640,6 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
     const imageSrc = thumbnailImageSrcMap[ds.displaySetInstanceUID];
     const componentType = _getComponentType(ds);
     const numPanes = viewportGridService.getNumViewportPanes();
-    const viewportIdentificator = [];
-    if (numPanes !== 1) {
-      viewports.forEach(viewportData => {
-        if (viewportData?.displaySetInstanceUIDs?.includes(ds.displaySetInstanceUID)) {
-          viewportIdentificator.push(viewportData.viewportLabel);
-        }
-      });
-    }
     const array = componentType === 'thumbnailTracked' ? thumbnailDisplaySets : thumbnailNoImageDisplaySets;
     const {
       displaySetInstanceUID
@@ -1461,10 +1661,8 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
         displaySetInstanceUID
         // .. Any other data to pass
       },
-
       isTracked: trackedSeriesInstanceUIDs.includes(ds.SeriesInstanceUID),
-      isHydratedForDerivedDisplaySet: ds.isHydrated,
-      viewportIdentificator
+      isHydratedForDerivedDisplaySet: ds.isHydrated
     };
     if (componentType === 'thumbnailNoImage') {
       if (dataSource.reject && dataSource.reject.series) {
@@ -1475,7 +1673,7 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
             centralize: true,
             isDraggable: false,
             showOverlay: true,
-            content: ui_src/* Dialog */.Vq,
+            content: ui_src/* Dialog */.lG,
             contentProps: {
               title: 'Delete Report',
               body: () => /*#__PURE__*/react.createElement("div", {
@@ -1486,11 +1684,11 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
               actions: [{
                 id: 'cancel',
                 text: 'Cancel',
-                type: ui_src/* ButtonEnums.type */.LZ.dt.secondary
+                type: ui_src/* ButtonEnums.type */.Ny.NW.secondary
               }, {
                 id: 'yes',
                 text: 'Yes',
-                type: ui_src/* ButtonEnums.type */.LZ.dt.primary,
+                type: ui_src/* ButtonEnums.type */.Ny.NW.primary,
                 classes: ['reject-yes-button']
               }],
               onClose: () => uiDialogService.dismiss({
@@ -1500,10 +1698,9 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
                 const yesButton = document.querySelector('.reject-yes-button');
                 yesButton.focus();
               },
-              onSubmit: async _ref2 => {
-                let {
-                  action
-                } = _ref2;
+              onSubmit: async ({
+                action
+              }) => {
                 switch (action.id) {
                   case 'yes':
                     try {
@@ -1657,6 +1854,11 @@ function _findTabAndStudyOfDisplaySet(displaySetInstanceUID, tabs) {
 function getImageSrcFromImageId(cornerstone, imageId) {
   return new Promise((resolve, reject) => {
     const canvas = document.createElement('canvas');
+    // Note: the default width and height of the canvas is 300x150
+    // but we need to set the width and height to the same number since
+    // the thumbnails are usually square and we want to maintain the aspect ratio
+    canvas.width = 128 / window.devicePixelRatio;
+    canvas.height = 128 / window.devicePixelRatio;
     cornerstone.utilities.loadImageToCanvas({
       canvas,
       imageId
@@ -1699,16 +1901,15 @@ function _getStudyForPatientUtility(extensionManager) {
  * @param {object} commandsManager
  * @param {object} extensionManager
  */
-function WrappedPanelStudyBrowserTracking(_ref) {
-  let {
-    commandsManager,
-    extensionManager,
-    servicesManager
-  } = _ref;
+function WrappedPanelStudyBrowserTracking({
+  commandsManager,
+  extensionManager,
+  servicesManager
+}) {
   const dataSource = extensionManager.getActiveDataSource()[0];
   const getStudiesForPatientByMRN = _getStudyForPatientUtility(extensionManager);
   const _getStudiesForPatientByMRN = getStudiesForPatientByMRN.bind(null, dataSource);
-  const _getImageSrcFromImageId = _createGetImageSrcFromImageIdFn(extensionManager);
+  const _getImageSrcFromImageId = (0,react.useCallback)(_createGetImageSrcFromImageIdFn(extensionManager), []);
   const _requestDisplaySetCreationForStudy = PanelStudyBrowserTracking_requestDisplaySetCreationForStudy.bind(null, dataSource);
   return /*#__PURE__*/react.createElement(PanelStudyBrowserTracking_PanelStudyBrowserTracking, {
     servicesManager: servicesManager,
@@ -1746,47 +1947,11 @@ WrappedPanelStudyBrowserTracking.propTypes = {
 };
 /* harmony default export */ const panels_PanelStudyBrowserTracking = (WrappedPanelStudyBrowserTracking);
 // EXTERNAL MODULE: ./hooks/index.js + 1 modules
-var hooks = __webpack_require__(10800);
-;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelMeasurementTableTracking/ActionButtons.tsx
-
-
-
-
-function ActionButtons(_ref) {
-  let {
-    onExportClick,
-    onCreateReportClick,
-    disabled
-  } = _ref;
-  const {
-    t
-  } = (0,es/* useTranslation */.$G)('MeasurementTable');
-  return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ui_src/* Button */.zx, {
-    onClick: onExportClick,
-    disabled: disabled,
-    type: ui_src/* ButtonEnums.type */.LZ.dt.secondary,
-    size: ui_src/* ButtonEnums.size */.LZ.dp.small
-  }, t('Export')), /*#__PURE__*/react.createElement(ui_src/* Button */.zx, {
-    className: "ml-2",
-    onClick: onCreateReportClick,
-    type: ui_src/* ButtonEnums.type */.LZ.dt.secondary,
-    size: ui_src/* ButtonEnums.size */.LZ.dp.small,
-    disabled: disabled
-  }, t('Create Report')));
-}
-ActionButtons.propTypes = {
-  onExportClick: (prop_types_default()).func,
-  onCreateReportClick: (prop_types_default()).func,
-  disabled: (prop_types_default()).bool
-};
-ActionButtons.defaultProps = {
-  onExportClick: () => alert('Export'),
-  onCreateReportClick: () => alert('Create Report'),
-  disabled: false
-};
-/* harmony default export */ const PanelMeasurementTableTracking_ActionButtons = (ActionButtons);
+var hooks = __webpack_require__(25103);
+// EXTERNAL MODULE: ./state/index.js + 1 modules
+var state = __webpack_require__(15575);
 // EXTERNAL MODULE: ../../../node_modules/lodash.debounce/index.js
-var lodash_debounce = __webpack_require__(8324);
+var lodash_debounce = __webpack_require__(14771);
 var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelMeasurementTableTracking/index.tsx
 
@@ -1797,6 +1962,7 @@ var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce
 
 
 
+
 const {
   downloadCSVReport
 } = src.utils;
@@ -1812,21 +1978,23 @@ const DISPLAY_STUDY_SUMMARY_INITIAL_VALUE = {
   // 'CT',
   description: '' // 'CHEST/ABD/PELVIS W CONTRAST',
 };
-
-function PanelMeasurementTableTracking(_ref) {
-  let {
-    servicesManager,
-    extensionManager
-  } = _ref;
-  const [viewportGrid] = (0,ui_src/* useViewportGrid */.O_)();
+function PanelMeasurementTableTracking({
+  servicesManager,
+  extensionManager
+}) {
+  const [viewportGrid] = (0,ui_src/* useViewportGrid */.ih)();
+  const {
+    t
+  } = (0,es/* useTranslation */.Bd)('MeasurementTable');
   const [measurementChangeTimestamp, setMeasurementsUpdated] = (0,react.useState)(Date.now().toString());
-  const debouncedMeasurementChangeTimestamp = (0,hooks/* useDebounce */.N)(measurementChangeTimestamp, 200);
+  const debouncedMeasurementChangeTimestamp = (0,hooks/* useDebounce */.d)(measurementChangeTimestamp, 200);
   const {
     measurementService,
     uiDialogService,
-    displaySetService
+    displaySetService,
+    customizationService
   } = servicesManager.services;
-  const [trackedMeasurements, sendTrackedMeasurementsEvent] = (0,getContextModule/* useTrackedMeasurements */.I)();
+  const [trackedMeasurements, sendTrackedMeasurementsEvent] = (0,getContextModule/* useTrackedMeasurements */.B)();
   const {
     trackedStudy,
     trackedSeries
@@ -1834,6 +2002,7 @@ function PanelMeasurementTableTracking(_ref) {
   const [displayStudySummary, setDisplayStudySummary] = (0,react.useState)(DISPLAY_STUDY_SUMMARY_INITIAL_VALUE);
   const [displayMeasurements, setDisplayMeasurements] = (0,react.useState)([]);
   const measurementsPanelRef = (0,react.useRef)(null);
+  const [appConfig] = (0,state/* useAppConfig */.r)();
   (0,react.useEffect)(() => {
     const measurements = measurementService.getMeasurements();
     const filteredMeasurements = measurements.filter(m => trackedStudy === m.referenceStudyUID && trackedSeries.includes(m.referenceSeriesUID));
@@ -1909,109 +2078,40 @@ function PanelMeasurementTableTracking(_ref) {
     const trackedMeasurements = measurements.filter(m => trackedStudy === m.referenceStudyUID && trackedSeries.includes(m.referenceSeriesUID));
     downloadCSVReport(trackedMeasurements, measurementService);
   }
-  const jumpToImage = _ref2 => {
-    let {
-      uid,
-      isActive
-    } = _ref2;
+  const jumpToImage = ({
+    uid,
+    isActive
+  }) => {
     measurementService.jumpToMeasurement(viewportGrid.activeViewportId, uid);
     onMeasurementItemClickHandler({
       uid,
       isActive
     });
   };
-  const onMeasurementItemEditHandler = _ref3 => {
-    let {
-      uid,
-      isActive
-    } = _ref3;
-    const measurement = measurementService.getMeasurement(uid);
+  const onMeasurementItemEditHandler = ({
+    uid,
+    isActive
+  }) => {
     jumpToImage({
       uid,
       isActive
     });
-    const onSubmitHandler = _ref4 => {
-      let {
-        action,
-        value
-      } = _ref4;
-      switch (action.id) {
-        case 'save':
-          {
-            measurementService.update(uid, {
-              ...measurement,
-              ...value
-            }, true);
-          }
-      }
-      uiDialogService.dismiss({
-        id: 'enter-annotation'
-      });
-    };
-    uiDialogService.create({
-      id: 'enter-annotation',
-      centralize: true,
-      isDraggable: false,
-      showOverlay: true,
-      content: ui_src/* Dialog */.Vq,
-      contentProps: {
-        title: 'Annotation',
-        noCloseButton: true,
-        value: {
-          label: measurement.label || ''
-        },
-        body: _ref5 => {
-          let {
-            value,
-            setValue
-          } = _ref5;
-          const onChangeHandler = event => {
-            event.persist();
-            setValue(value => ({
-              ...value,
-              label: event.target.value
-            }));
-          };
-          const onKeyPressHandler = event => {
-            if (event.key === 'Enter') {
-              onSubmitHandler({
-                value,
-                action: {
-                  id: 'save'
-                }
-              });
-            }
-          };
-          return /*#__PURE__*/react.createElement(ui_src/* Input */.II, {
-            label: "Enter your annotation",
-            labelClassName: "text-white grow text-[14px] leading-[1.2]",
-            autoFocus: true,
-            id: "annotation",
-            className: "border-primary-main bg-black",
-            type: "text",
-            value: value.label,
-            onChange: onChangeHandler,
-            onKeyPress: onKeyPressHandler
-          });
-        },
-        actions: [{
-          id: 'cancel',
-          text: 'Cancel',
-          type: ui_src/* ButtonEnums.type */.LZ.dt.secondary
-        }, {
-          id: 'save',
-          text: 'Save',
-          type: ui_src/* ButtonEnums.type */.LZ.dt.primary
-        }],
-        onSubmit: onSubmitHandler
-      }
+    const labelConfig = customizationService.get('measurementLabels');
+    const measurement = measurementService.getMeasurement(uid);
+    const utilityModule = extensionManager.getModuleEntry('@ohif/extension-cornerstone.utilityModule.common');
+    const {
+      showLabelAnnotationPopup
+    } = utilityModule.exports;
+    showLabelAnnotationPopup(measurement, uiDialogService, labelConfig).then(val => {
+      measurementService.update(uid, {
+        ...val
+      }, true);
     });
   };
-  const onMeasurementItemClickHandler = _ref6 => {
-    let {
-      uid,
-      isActive
-    } = _ref6;
+  const onMeasurementItemClickHandler = ({
+    uid,
+    isActive
+  }) => {
     if (!isActive) {
       const measurements = [...displayMeasurements];
       const measurement = measurements.find(m => m.uid === uid);
@@ -2022,37 +2122,44 @@ function PanelMeasurementTableTracking(_ref) {
   };
   const displayMeasurementsWithoutFindings = displayMeasurements.filter(dm => dm.measurementType !== measurementService.VALUE_TYPES.POINT);
   const additionalFindings = displayMeasurements.filter(dm => dm.measurementType === measurementService.VALUE_TYPES.POINT);
+  const disabled = additionalFindings.length === 0 && displayMeasurementsWithoutFindings.length === 0;
   return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
     className: "invisible-scrollbar overflow-y-auto overflow-x-hidden",
     ref: measurementsPanelRef,
     "data-cy": 'trackedMeasurements-panel'
-  }, displayStudySummary.key && /*#__PURE__*/react.createElement(ui_src/* StudySummary */.YL, {
+  }, displayStudySummary.key && /*#__PURE__*/react.createElement(ui_src/* StudySummary */.u3, {
     date: PanelMeasurementTableTracking_formatDate(displayStudySummary.date),
     modality: displayStudySummary.modality,
     description: displayStudySummary.description
-  }), /*#__PURE__*/react.createElement(ui_src/* MeasurementTable */.wt, {
+  }), /*#__PURE__*/react.createElement(ui_src/* MeasurementTable */.V, {
     title: "Measurements",
     data: displayMeasurementsWithoutFindings,
     servicesManager: servicesManager,
     onClick: jumpToImage,
     onEdit: onMeasurementItemEditHandler
-  }), additionalFindings.length !== 0 && /*#__PURE__*/react.createElement(ui_src/* MeasurementTable */.wt, {
+  }), additionalFindings.length !== 0 && /*#__PURE__*/react.createElement(ui_src/* MeasurementTable */.V, {
     title: "Additional Findings",
     data: additionalFindings,
     servicesManager: servicesManager,
     onClick: jumpToImage,
     onEdit: onMeasurementItemEditHandler
-  })), /*#__PURE__*/react.createElement("div", {
+  })), !appConfig?.disableEditing && /*#__PURE__*/react.createElement("div", {
     className: "flex justify-center p-4"
-  }, /*#__PURE__*/react.createElement(PanelMeasurementTableTracking_ActionButtons, {
-    onExportClick: exportReport,
-    onCreateReportClick: () => {
-      sendTrackedMeasurementsEvent('SAVE_REPORT', {
-        viewportId: viewportGrid.activeViewportId,
-        isBackupSave: true
-      });
-    },
-    disabled: additionalFindings.length === 0 && displayMeasurementsWithoutFindings.length === 0
+  }, /*#__PURE__*/react.createElement(ui_src/* ActionButtons */.wr, {
+    t: t,
+    actions: [{
+      label: 'Export',
+      onClick: exportReport
+    }, {
+      label: 'Create Report',
+      onClick: () => {
+        sendTrackedMeasurementsEvent('SAVE_REPORT', {
+          viewportId: viewportGrid.activeViewportId,
+          isBackupSave: true
+        });
+      }
+    }],
+    disabled: disabled
   })));
 }
 PanelMeasurementTableTracking.propTypes = {
@@ -2123,24 +2230,26 @@ function _mapMeasurementToDisplay(measurement, types, displaySetService) {
 
 
 
+// EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
+var i18next = __webpack_require__(92344);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/getPanelModule.tsx
 
 
+
 // TODO:
 // - No loading UI exists yet
 // - cancel promises when component is destroyed
 // - show errors in UI for thumbnails if promise fails
-function getPanelModule(_ref) {
-  let {
-    commandsManager,
-    extensionManager,
-    servicesManager
-  } = _ref;
+function getPanelModule({
+  commandsManager,
+  extensionManager,
+  servicesManager
+}) {
   return [{
     name: 'seriesList',
     iconName: 'tab-studies',
     iconLabel: 'Studies',
-    label: 'Studies',
+    label: i18next/* default */.A.t('SidePanel:Studies'),
     component: panels_PanelStudyBrowserTracking.bind(null, {
       commandsManager,
       extensionManager,
@@ -2150,7 +2259,7 @@ function getPanelModule(_ref) {
     name: 'trackedMeasurements',
     iconName: 'tab-linear',
     iconLabel: 'Measure',
-    label: 'Measurements',
+    label: i18next/* default */.A.t('SidePanel:Measurements'),
     component: panels_PanelMeasurementTableTracking.bind(null, {
       commandsManager,
       extensionManager,
@@ -2163,19 +2272,18 @@ function getPanelModule(_ref) {
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return __webpack_require__.e(/* import() */ 822).then(__webpack_require__.bind(__webpack_require__, 86822));
+  return __webpack_require__.e(/* import() */ 862).then(__webpack_require__.bind(__webpack_require__, 49862));
 });
 const OHIFCornerstoneViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {
     fallback: /*#__PURE__*/react.createElement("div", null, "Loading...")
   }, /*#__PURE__*/react.createElement(Component, props));
 };
-function getViewportModule(_ref) {
-  let {
-    servicesManager,
-    commandsManager,
-    extensionManager
-  } = _ref;
+function getViewportModule({
+  servicesManager,
+  commandsManager,
+  extensionManager
+}) {
   const ExtendedOHIFCornerstoneTrackingViewport = props => {
     return /*#__PURE__*/react.createElement(OHIFCornerstoneViewport, _extends({
       servicesManager: servicesManager,
@@ -2190,10 +2298,10 @@ function getViewportModule(_ref) {
 }
 /* harmony default export */ const src_getViewportModule = (getViewportModule);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/package.json
-const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-measurement-tracking"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/extension-measurement-tracking"}');
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/id.js
 
-const id = package_namespaceObject.u2;
+const id = package_namespaceObject.UU;
 
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/index.tsx
 
@@ -2205,7 +2313,7 @@ const measurementTrackingExtension = {
    * Only required property. Should be a unique value across all extensions.
    */
   id: id,
-  getContextModule: getContextModule/* default */.Z,
+  getContextModule: getContextModule/* default */.A,
   getPanelModule: src_getPanelModule,
   getViewportModule: src_getViewportModule
 };