progress

platform/app/src/App.tsx

@@ -24,7 +24,7 @@ import {
   UserAuthenticationProvider,
   ToolboxProvider,
 } from '@ohif/ui';
-import { ThemeWrapper as ThemeWrapperNext } from '@ohif/ui-next';
+import { ThemeWrapper as ThemeWrapperNext, OnboardingProvider } from '@ohif/ui-next';
 // Viewer Project
 // TODO: Should this influence study list?
 import { AppConfigProvider } from '@state';
@@ -99,6 +99,7 @@ function App({
     cineService,
     userAuthenticationService,
     customizationService,
+    onboardingService,
   } = servicesManager.services;
 
   const providers = [
@@ -115,6 +116,7 @@ function App({
     [SnackbarProvider, { service: uiNotificationService }],
     [DialogProvider, { service: uiDialogService }],
     [ModalProvider, { service: uiModalService, modal: Modal }],
+    [OnboardingProvider, { service: onboardingService }],
   ];
 
   // Loop through and register each of the service providers registered with the ServiceProvidersManager.

platform/app/src/appInit.js

@@ -21,6 +21,7 @@ import {
   PanelService,
   WorkflowStepsService,
   StudyPrefetcherService,
+  OnboardingService,
   // utils,
 } from '@ohif/core';
 
@@ -75,6 +76,7 @@ async function appInit(appConfigOrFunc, defaultExtensions, defaultModes) {
     WorkflowStepsService.REGISTRATION,
     StateSyncService.REGISTRATION,
     [StudyPrefetcherService.REGISTRATION, appConfig.studyPrefetcher],
+    OnboardingService.REGISTRATION,
   ]);
 
   errorHandler.getHTTPErrorHandler = () => {