fix(typescript): Missed renames UIModalService and UserAuthenticationService (#3171)

platform/viewer/src/App.tsx

@@ -60,18 +60,18 @@ function App({ config, defaultExtensions, defaultModes }) {
 
   const {
     UIDialogService,
-    UIModalService,
+    uiModalService,
     UINotificationService,
     UIViewportDialogService,
     ViewportGridService,
     CineService,
-    UserAuthenticationService,
+    userAuthenticationService,
     customizationService,
   } = servicesManager.services;
 
   const providers = [
     [AppConfigProvider, { value: appConfigState }],
-    [UserAuthenticationProvider, { service: UserAuthenticationService }],
+    [UserAuthenticationProvider, { service: userAuthenticationService }],
     [I18nextProvider, { i18n }],
     [ThemeWrapper],
     [ViewportGridProvider, { service: ViewportGridService }],
@@ -79,7 +79,7 @@ function App({ config, defaultExtensions, defaultModes }) {
     [CineProvider, { service: CineService }],
     [SnackbarProvider, { service: UINotificationService }],
     [DialogProvider, { service: UIDialogService }],
-    [ModalProvider, { service: UIModalService, modal: Modal }],
+    [ModalProvider, { service: uiModalService, modal: Modal }],
   ];
   const CombinedProviders = ({ children }) =>
     Compose({ components: providers, children });
@@ -106,7 +106,7 @@ function App({ config, defaultExtensions, defaultModes }) {
       <OpenIdConnectRoutes
         oidc={oidc}
         routerBasename={routerBasename}
-        UserAuthenticationService={UserAuthenticationService}
+        userAuthenticationService={userAuthenticationService}
       />
     );
   }

platform/viewer/src/routes/index.tsx

@@ -81,7 +81,7 @@ const createRoutes = ({
     );
   }
 
-  const { UserAuthenticationService } = servicesManager.services;
+  const { userAuthenticationService } = servicesManager.services;
 
   // Note: PrivateRoutes in react-router-dom 6.x should be defined within
   // a Route element
@@ -96,7 +96,7 @@ const createRoutes = ({
             element={
               <PrivateRoute
                 handleUnauthenticated={
-                  UserAuthenticationService.handleUnauthenticated
+                  userAuthenticationService.handleUnauthenticated
                 }
               >
                 <RouteWithErrorBoundary route={route} />

platform/viewer/src/utils/OpenIdConnectRoutes.tsx

@@ -104,12 +104,12 @@ function LoginComponent(userManager) {
 function OpenIdConnectRoutes({
   oidc,
   routerBasename,
-  UserAuthenticationService,
+  userAuthenticationService,
 }) {
   const userManager = initUserManager(oidc, routerBasename);
 
   const getAuthorizationHeader = () => {
-    const user = UserAuthenticationService.getUser();
+    const user = userAuthenticationService.getUser();
 
     return {
       Authorization: `Bearer ${user.access_token}`,
@@ -145,9 +145,9 @@ function OpenIdConnectRoutes({
   }, []);
 
   useEffect(() => {
-    UserAuthenticationService.set({ enabled: true });
+    userAuthenticationService.set({ enabled: true });
 
-    UserAuthenticationService.setServiceImplementation({
+    userAuthenticationService.setServiceImplementation({
       getAuthorizationHeader,
       handleUnauthenticated,
     });
@@ -200,7 +200,7 @@ function OpenIdConnectRoutes({
                 sessionStorage.getItem('ohif-redirect-to')
               );
 
-              UserAuthenticationService.setUser(user);
+              userAuthenticationService.setUser(user);
 
               navigate({
                 pathname,