Merge branch 'IbrahimCSAE-feat/interactive-onboarding-guides'

platform/core/package.json

@@ -54,6 +54,8 @@
     "moment": "*",
     "object-hash": "2.1.1",
     "query-string": "^6.14.0",
+    "react-shepherd": "^6.1.1",
+    "shepherd.js": "^13.0.3",
     "validate.js": "^0.12.0"
   },
   "devDependencies": {

platform/core/src/services/_shared/pubSubServiceInterface.ts

@@ -80,6 +80,9 @@ function _broadcastEvent(eventName, callbackProps) {
   const hasListeners = Object.keys(this.listeners).length > 0;
   const hasCallbacks = Array.isArray(this.listeners[eventName]);
 
+  const event = new CustomEvent(eventName, { detail: callbackProps });
+  document.body.dispatchEvent(event);
+
   if (hasListeners && hasCallbacks) {
     this.listeners[eventName].forEach(listener => {
       listener.callback(callbackProps);

platform/core/src/types/AppTypes.ts

@@ -22,6 +22,8 @@ import ExtensionManagerType from '../extensions/ExtensionManager';
 
 import Hotkey from '../classes/Hotkey';
 
+import { StepOptions, TourOptions } from 'shepherd.js';
+
 declare global {
   namespace AppTypes {
     export type ServicesManager = ServicesManagerType;
@@ -129,6 +131,12 @@ declare global {
         maxNumPrefetchRequests: number;
         order: 'closest' | 'downward' | 'upward';
       };
+      tours?: Array<{
+        id: string;
+        steps: StepOptions[];
+        tourOptions: TourOptions;
+        route: string;
+      }>;
     }
 
     export interface Test {