@servicetitan/web-components 30.0.0 → 30.1.0

package/dist/contexts/mfe-data-context.d.ts

@@ -1,10 +1,8 @@
 /**
  * Context used to pass data from the host to the MFEs
  */
-import { JSON, JSONPrimitive } from '../types';
-export type MFEContextData<T> = {
-    [P in keyof T]: T[P] extends JSONPrimitive ? T[P] : T[P] extends (infer U)[] ? MFEContextData<U>[] : T[P] extends JSON ? MFEContextData<T[P]> : never;
-};
+import { JSON, Serializable } from '../types';
+export type MFEContextData<T> = Serializable<T>;
 export declare const MFEDataContext: import("react").Context<JSON>;
 export declare function useMFEDataContext<T extends MFEContextData<T>>(): T;
 //# sourceMappingURL=mfe-data-context.d.ts.map

package/dist/contexts/mfe-data-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mfe-data-context.d.ts","sourceRoot":"","sources":["../../src/contexts/mfe-data-context.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;KAC3B,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,aAAa,GACpC,CAAC,CAAC,CAAC,CAAC,GACJ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GACtB,cAAc,CAAC,CAAC,CAAC,EAAE,GACnB,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,GACf,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACpB,KAAK;CAClB,CAAC;AAEF,eAAO,MAAM,cAAc,+BAA0B,CAAC;AAEtD,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,OAI5D"}
+{"version":3,"file":"mfe-data-context.d.ts","sourceRoot":"","sources":["../../src/contexts/mfe-data-context.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;AAEhD,eAAO,MAAM,cAAc,+BAA0B,CAAC;AAEtD,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,OAI5D"}

package/dist/contexts/mfe-data-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"mfe-data-context.js","sourceRoot":"","sources":["../../src/contexts/mfe-data-context.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAclD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAO,EAAE,CAAC,CAAC;AAEtD,MAAM,UAAU,iBAAiB;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAM,CAAC;IAEhD,OAAO,OAAO,CAAC;AACnB,CAAC"}
+{"version":3,"file":"mfe-data-context.js","sourceRoot":"","sources":["../../src/contexts/mfe-data-context.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKlD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAO,EAAE,CAAC,CAAC;AAEtD,MAAM,UAAU,iBAAiB;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAM,CAAC;IAEhD,OAAO,OAAO,CAAC;AACnB,CAAC"}

package/dist/event-bus.d.ts

@@ -1,25 +1,61 @@
 import { SymbolToken } from '@servicetitan/react-ioc';
-import { JSON } from './types';
-export type EventHandler<T = unknown> = (data: T) => void;
+import { JSON, JSONPrimitive, Serializable } from './types';
+export declare const EVENT_BUS_TOKEN: SymbolToken<EventBus<never>>;
+export declare function typedEventBusToken<EventTypes extends Serializable<EventTypes>>(): SymbolToken<EventBus<EventTypes>>;
+export type EventHandler<EventTypes, Event> = (data: Event extends SymbolToken<infer DataType> ? Serializable<DataType> : Event extends keyof EventTypes ? EventTypes[Event] : never) => void;
 type JobPayload = JSON | void;
-export type JobEventHandler<Result extends JobPayload = void> = (defer: {
-    resolve(result: Result): void;
+export type JobEventHandler<Event> = (defer: {
+    /**
+     * Successfully complete a job.
+     * @param result The value to return from the successfully completed job.
+     */
+    resolve(...result: Event extends SymbolToken<infer ResultType> ? undefined extends ResultType ? [Serializable<ResultType>?] : [Serializable<ResultType>] : [JobPayload]): void;
+    /**
+     * Fail a job.
+     * @param reason The error to return from the failed job.
+     */
     reject(reason?: string | Error): void;
 }) => void;
-export type EventType = string | number | symbol;
-export type SymbolTokenEventType<T, U extends EventType = EventType> = U extends SymbolToken<any> ? SymbolToken<T> : U;
-export declare const EVENT_BUS_TOKEN: SymbolToken<EventBus>;
-export declare class EventBus {
+export declare class EventBus<EventTypes extends Serializable<EventTypes> = never> {
     job: {
-        on: <Result extends JobPayload = void>(type: string, handler: JobEventHandler<Result>) => void;
-        off: <Result extends JobPayload = void>(type: string, handler: JobEventHandler<Result>) => void;
-        emit: <Result extends JobPayload = void>(type: string) => Promise<Result>;
+        /**
+         * Register a job event handler. Jobs event handlers return a result or an error.
+         * @param event The job event to handle.
+         * @param handler The handler to call when the event occurs. This handler is passed a `resolve` callback to return a successful result, and a `reject` callback to return an error.
+         */
+        on: <Event extends SymbolToken<any> | keyof EventTypes>(event: Event, handler: JobEventHandler<Event>) => void;
+        /**
+         * Deregister a job event handler.
+         * @param event The previously registered event.
+         * @param handler The previously registered handler.
+         */
+        off: <Event extends SymbolToken<any> | keyof EventTypes>(event: Event, handler: JobEventHandler<Event>) => void;
+        /**
+         * Send a job event.
+         * @param event The event to send.
+         * @returns a Promise that resolves or rejects depending on whether the job completes successfully.
+         */
+        emit: <Event extends SymbolToken<any> | keyof EventTypes>(event: Event) => Promise<Event extends SymbolToken<infer ResultType> ? Serializable<ResultType> : JobPayload>;
     };
     private emitter;
-    on: <T, U extends EventType = EventType>(type: SymbolTokenEventType<T, U>, handler: EventHandler<T>) => void;
-    off: <T, U extends EventType = EventType>(type: SymbolTokenEventType<T, U>, handler: EventHandler<T>) => void;
-    emit: <T, U extends EventType = EventType>(type: SymbolTokenEventType<T, U>, data?: T) => void;
+    /**
+     * Register an event handler.
+     * @param event The event to handle.
+     * @param handler The handler to call when the event occurs.
+     */
+    on: <Event extends SymbolToken<any> | keyof EventTypes>(event: Event, handler: EventHandler<EventTypes, Event>) => void;
+    /**
+     * Deregister an event handler.
+     * @param event The previously registered event.
+     * @param handler The previously registered handler.
+     */
+    off: <Event extends SymbolToken<any> | keyof EventTypes>(event: Event, handler: EventHandler<EventTypes, Event>) => void;
+    /**
+     * Send an event.
+     * @param event The event to send.
+     * @param data The data to pass to the event's handler.
+     */
+    emit: <Event extends SymbolToken<any> | keyof EventTypes>(event: Event, ...data: Event extends SymbolToken<infer DataType> ? undefined extends DataType ? [Serializable<DataType>?] : [Serializable<DataType>] : [EventTypes] extends [never] ? [(JSON | JSONPrimitive)?] : Event extends keyof EventTypes ? undefined extends EventTypes[Event] ? [EventTypes[Event]?] : [EventTypes[Event]] extends [never] ? [] : [EventTypes[Event]] : never) => void;
 }
-export declare function useEventBus(): EventBus;
 export {};
 //# sourceMappingURL=event-bus.d.ts.map

package/dist/event-bus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"event-bus.d.ts","sourceRoot":"","sources":["../src/event-bus.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;AAC1D,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9B,MAAM,MAAM,eAAe,CAAC,MAAM,SAAS,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE;IACpE,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,CAAC;CACzC,KAAK,IAAI,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AACjD,MAAM,MAAM,oBAAoB,CAAC,CAAC,EAAE,CAAC,SAAS,SAAS,GAAG,SAAS,IAC/D,CAAC,SAAS,WAAW,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAEpD,eAAO,MAAM,eAAe,uBAA2C,CAAC;AACxE,qBAAa,QAAQ;IACjB,GAAG;aACM,MAAM,SAAS,UAAU,eAAe,MAAM,WAAW,eAAe,CAAC,MAAM,CAAC;cAG/E,MAAM,SAAS,UAAU,eAAe,MAAM,WAAW,eAAe,CAAC,MAAM,CAAC;eAG/E,MAAM,SAAS,UAAU,eAAe,MAAM;MAcvD;IAEF,OAAO,CAAC,OAAO,CAAe;IAE9B,EAAE,GAAI,CAAC,EAAE,CAAC,SAAS,SAAS,GAAG,SAAS,EACpC,MAAM,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,EAChC,SAAS,YAAY,CAAC,CAAC,CAAC,UAG1B;IAEF,GAAG,GAAI,CAAC,EAAE,CAAC,SAAS,SAAS,GAAG,SAAS,EACrC,MAAM,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,EAChC,SAAS,YAAY,CAAC,CAAC,CAAC,UAG1B;IAEF,IAAI,GAAI,CAAC,EAAE,CAAC,SAAS,SAAS,GAAG,SAAS,EAAE,MAAM,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,UAEpF;CACL;AAED,wBAAgB,WAAW,aAE1B"}
+{"version":3,"file":"event-bus.d.ts","sourceRoot":"","sources":["../src/event-bus.ts"],"names":[],"mappings":"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"}

package/dist/event-bus.js

@@ -1,7 +1,9 @@
-import mitt from 'mitt';
 import { symbolToken } from '@servicetitan/react-ioc';
-import { useRef } from 'react';
+import mitt from 'mitt';
 export const EVENT_BUS_TOKEN = symbolToken('EVENT_BUS_TOKEN');
+export function typedEventBusToken() {
+    return symbolToken('EVENT_BUS_TOKEN');
+}
 export class EventBus {
     constructor() {
         Object.defineProperty(this, "job", {
@@ -9,15 +11,30 @@ export class EventBus {
             configurable: true,
             writable: true,
             value: {
-                on: (type, handler) => {
-                    this.emitter.on(type, handler);
+                /**
+                 * Register a job event handler. Jobs event handlers return a result or an error.
+                 * @param event The job event to handle.
+                 * @param handler The handler to call when the event occurs. This handler is passed a `resolve` callback to return a successful result, and a `reject` callback to return an error.
+                 */
+                on: (event, handler) => {
+                    this.emitter.on(event, handler);
                 },
-                off: (type, handler) => {
-                    this.emitter.off(type, handler);
+                /**
+                 * Deregister a job event handler.
+                 * @param event The previously registered event.
+                 * @param handler The previously registered handler.
+                 */
+                off: (event, handler) => {
+                    this.emitter.off(event, handler);
                 },
-                emit: (type) => {
+                /**
+                 * Send a job event.
+                 * @param event The event to send.
+                 * @returns a Promise that resolves or rejects depending on whether the job completes successfully.
+                 */
+                emit: (event) => {
                     return new Promise((resolve, reject) => {
-                        this.emitter.emit(type, {
+                        this.emitter.emit(event, {
                             resolve,
                             reject: (reason) => {
                                 if (typeof reason === 'string' || reason instanceof Error) {
@@ -38,33 +55,45 @@ export class EventBus {
             writable: true,
             value: mitt()
         });
+        /**
+         * Register an event handler.
+         * @param event The event to handle.
+         * @param handler The handler to call when the event occurs.
+         */
         Object.defineProperty(this, "on", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (type, handler) => {
-                this.emitter.on(type, handler);
+            value: (event, handler) => {
+                this.emitter.on(event, handler);
             }
         });
+        /**
+         * Deregister an event handler.
+         * @param event The previously registered event.
+         * @param handler The previously registered handler.
+         */
         Object.defineProperty(this, "off", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (type, handler) => {
-                this.emitter.off(type, handler);
+            value: (event, handler) => {
+                this.emitter.off(event, handler);
             }
         });
+        /**
+         * Send an event.
+         * @param event The event to send.
+         * @param data The data to pass to the event's handler.
+         */
         Object.defineProperty(this, "emit", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (type, data) => {
-                this.emitter.emit(type, data);
+            value: (event, ...data) => {
+                this.emitter.emit(event, data[0]);
             }
         });
     }
 }
-export function useEventBus() {
-    return useRef(new EventBus()).current;
-}
 //# sourceMappingURL=event-bus.js.map

package/dist/event-bus.js.map

@@ -1 +1 @@
-{"version":3,"file":"event-bus.js","sourceRoot":"","sources":["../src/event-bus.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAc/B,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAW,iBAAiB,CAAC,CAAC;AACxE,MAAM,OAAO,QAAQ;IAArB;QACI;;;;mBAAM;gBACF,EAAE,EAAE,CAAmC,IAAY,EAAE,OAAgC,EAAE,EAAE;oBACrF,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;gBACnC,CAAC;gBACD,GAAG,EAAE,CAAmC,IAAY,EAAE,OAAgC,EAAE,EAAE;oBACtF,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;gBACpC,CAAC;gBACD,IAAI,EAAE,CAAmC,IAAY,EAAE,EAAE;oBACrD,OAAO,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;wBAC3C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;4BACpB,OAAO;4BACP,MAAM,EAAE,CAAC,MAAuB,EAAE,EAAE;gCAChC,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,YAAY,KAAK,EAAE,CAAC;oCACxD,MAAM,CAAC,MAAM,CAAC,CAAC;gCACnB,CAAC;qCAAM,CAAC;oCACJ,MAAM,EAAE,CAAC;gCACb,CAAC;4BACL,CAAC;yBACJ,CAAC,CAAC;oBACP,CAAC,CAAC,CAAC;gBACP,CAAC;aACJ;WAAC;QAEM;;;;mBAAU,IAAI,EAAO;WAAC;QAE9B;;;;mBAAK,CACD,IAAgC,EAChC,OAAwB,EAC1B,EAAE;gBACA,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACnC,CAAC;WAAC;QAEF;;;;mBAAM,CACF,IAAgC,EAChC,OAAwB,EAC1B,EAAE;gBACA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACpC,CAAC;WAAC;QAEF;;;;mBAAO,CAAqC,IAAgC,EAAE,IAAQ,EAAE,EAAE;gBACtF,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAClC,CAAC;WAAC;IACN,CAAC;CAAA;AAED,MAAM,UAAU,WAAW;IACvB,OAAO,MAAM,CAAC,IAAI,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC;AAC1C,CAAC"}
+{"version":3,"file":"event-bus.js","sourceRoot":"","sources":["../src/event-bus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AACnE,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAW,iBAAiB,CAAC,CAAC;AAExE,MAAM,UAAU,kBAAkB;IAC9B,OAAO,WAAW,CAAuB,iBAAiB,CAAC,CAAC;AAChE,CAAC;AA+BD,MAAM,OAAO,QAAQ;IAArB;QACI;;;;mBAAM;gBACF;;;;mBAIG;gBACH,EAAE,EAAE,CACA,KAAY,EACZ,OAA+B,EACjC,EAAE;oBACA,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;gBACpC,CAAC;gBAED;;;;mBAIG;gBACH,GAAG,EAAE,CACD,KAAY,EACZ,OAA+B,EACjC,EAAE;oBACA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;gBACrC,CAAC;gBAED;;;;mBAIG;gBACH,IAAI,EAAE,CAAoD,KAAY,EAAE,EAAE;oBACtE,OAAO,IAAI,OAAO,CAEhB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;wBAClB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE;4BACrB,OAAO;4BACP,MAAM,EAAE,CAAC,MAAuB,EAAE,EAAE;gCAChC,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,YAAY,KAAK,EAAE,CAAC;oCACxD,MAAM,CAAC,MAAM,CAAC,CAAC;gCACnB,CAAC;qCAAM,CAAC;oCACJ,MAAM,EAAE,CAAC;gCACb,CAAC;4BACL,CAAC;yBACJ,CAAC,CAAC;oBACP,CAAC,CAAC,CAAC;gBACP,CAAC;aACJ;WAAC;QAEM;;;;mBAAU,IAAI,EAAO;WAAC;QAE9B;;;;WAIG;QACH;;;;mBAAK,CACD,KAAY,EACZ,OAAwC,EAC1C,EAAE;gBACA,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YACpC,CAAC;WAAC;QAEF;;;;WAIG;QACH;;;;mBAAM,CACF,KAAY,EACZ,OAAwC,EAC1C,EAAE;gBACA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YACrC,CAAC;WAAC;QAEF;;;;WAIG;QACH;;;;mBAAO,CACH,KAAY,EACZ,GAAG,IAYY,EACjB,EAAE;gBACA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YACtC,CAAC;WAAC;IACN,CAAC;CAAA"}

package/dist/loader.d.ts

@@ -21,5 +21,5 @@ export interface LoaderProps<T> {
 export type LoaderDataProps = Pick<LoaderProps<{}>, 'data' | 'className'> & {
     LoadingFallback: () => JSX.Element;
 };
-export declare const Loader: import("react").ForwardRefExoticComponent<LoaderProps<{}> & import("react").RefAttributes<EventBus>>;
+export declare const Loader: import("react").ForwardRefExoticComponent<LoaderProps<{}> & import("react").RefAttributes<LoaderRef>>;
 //# sourceMappingURL=loader.d.ts.map

package/dist/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,SAAS,EAOZ,MAAM,OAAO,CAAC;AAMf,OAAO,EAKH,YAAY,EAEf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAgC,MAAM,aAAa,CAAC;AAYrE,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;AAEjC,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;AAEzD,MAAM,WAAW,WAAW,CAAC,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uHAAuH;IACvH,IAAI,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,cAAc,CAAC,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC;CACjD;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IACxE,eAAe,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,MAAM,sGAuEjB,CAAC"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,SAAS,EAQZ,MAAM,OAAO,CAAC;AAMf,OAAO,EAKH,YAAY,EAEf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAmB,MAAM,aAAa,CAAC;AAYxD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;AAEjC,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;AAEzD,MAAM,WAAW,WAAW,CAAC,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uHAAuH;IACvH,IAAI,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,cAAc,CAAC,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC;CACjD;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IACxE,eAAe,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,MAAM,uGAuEjB,CAAC"}

package/dist/loader.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Suspense, forwardRef, lazy, useEffect, useImperativeHandle, useMemo, } from 'react';
+import { Suspense, forwardRef, lazy, useEffect, useImperativeHandle, useMemo, useRef, } from 'react';
 import { ErrorBoundary } from '@servicetitan/error-boundary';
 import { Log } from '@servicetitan/log-service';
 import { useOptionalDependencies } from '@servicetitan/react-ioc';
 import { EXPOSED_DEPENDENCIES_TOKEN, EXPOSED_INSTANCE_DEPENDENCIES_TOKEN, useCancelation, } from './common';
 import { Delayed } from './delayed';
-import { EVENT_BUS_TOKEN, useEventBus } from './event-bus';
+import { EventBus, EVENT_BUS_TOKEN } from './event-bus';
 import { EXPOSED_DEPENDENCIES, EXPOSED_INSTANCE_DEPENDENCIES } from './globals';
 import { TtlCache, getBundleInfo, getLDServiceToken, validateBundleInfo, loadScripts, webComponent, } from './utils';
 export const Loader = forwardRef((props, ref) => {
@@ -136,6 +136,9 @@ function ensureLDService(exposedInstanceDependencies, ldService) {
     }
     return exposedInstanceDependencies;
 }
+function useEventBus() {
+    return useRef(new EventBus()).current;
+}
 const MINUTE = 1000 * 60;
 const bundleCache = new TtlCache({ ttlMs: 15 * MINUTE });
 //# sourceMappingURL=loader.js.map

package/dist/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sourceRoot":"","sources":["../src/loader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGH,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,SAAS,EACT,mBAAmB,EACnB,OAAO,GACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,EACH,0BAA0B,EAC1B,mCAAmC,EAInC,cAAc,GACjB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAY,eAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,6BAA6B,EAAE,MAAM,WAAW,CAAC;AAChF,OAAO,EAEH,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,YAAY,GACf,MAAM,SAAS,CAAC;AAyBjB,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACxE,MAAM,EAAE,KAAK,GAAG,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IACpF,MAAM,EAAE,eAAe,EAAE,sBAAsB,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjE,MAAM,GAAG,GAAG,WAAW,EAAE,CAAC;IAC1B,MAAM,CAAC,UAAU,EAAE,mBAAmB,GAAG,oBAAoB,EAAE,QAAQ,GAAG,GAAG,CAAC,GAC1E,uBAAuB,CAAC,GAAG,EAAE,0BAA0B,EAAE,eAAe,CAAC,CAAC;IAC9E,IAAI,CAAC,2BAA2B,GAAG,6BAA6B,CAAC,GAAG,uBAAuB,CACvF,mCAAmC,CACtC,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,GAAG,uBAAuB,CAAC,MAAA,iBAAiB,EAAE,mCAAI,MAAM,EAAE,CAAC,CAAC;IAC7E,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,OAAO,GAAG,UAAU,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;QACjE,OAAO,WAAW,CAAC,eAAe,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,sBAAsB,EAAE,CAAC,CAAC;IACtF,CAAC,EAAE,CAAC,eAAe,EAAE,sBAAsB,EAAE,GAAG,CAAC,CAAC,CAAC;IAEnD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,OAAO,GAAG,uBAAuB,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QACnF,OAAO,WAAW,CAAC,KAAK,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC;IAE/B,2BAA2B,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,eAAe,CAAC,2BAA2B,EAAE,SAAS,CAAC,EAC7D,CAAC,2BAA2B,EAAE,SAAS,CAAC,CAC3C,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAClB,GAAG,EAAE,CACD,UAAU,CAAC;QACP,QAAQ;QACR,KAAK;QACL,WAAW;QACX,mBAAmB;QACnB,2BAA2B;QAC3B,QAAQ;QACR,WAAW;QACX,UAAU;QACV,cAAc;QACd,OAAO;QACP,GAAG;KACN,CAAC,EACN;QACI,QAAQ;QACR,KAAK;QACL,WAAW;QACX,mBAAmB;QACnB,2BAA2B;QAC3B,QAAQ;QACR,UAAU;QACV,cAAc;QACd,WAAW;QACX,OAAO;QACP,GAAG;KACN,CACJ,CAAC;IAEF,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErD,OAAO,CACH,KAAC,aAAa,IAAC,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,YACnD,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,eAAe,KAAG,YACnC,KAAC,MAAM,IACH,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,eAAe,GAClC,GACK,GACC,CACnB,CAAC;AACN,CAAC,CAAC,CAAC;AAUH,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE9B,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,CAAC,KAAsB,EAAE,EAAE;QAC9B,SAAS,CAAC,GAAG,EAAE;YACX,OAAO,GAAG,EAAE;gBACR,WAAW,CAAC,KAAK,EAAE,CAAC;YACxB,CAAC,CAAC;QACN,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACH,KAAC,gBAAgB,IACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,KAAK,CAAC,eAAe,GACxC,CACL,CAAC;IACN,CAAC,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAsB;IAC5C,MAAM,EACF,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,2BAA2B,EAC3B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,cAAc,EACd,OAAO,EACP,GAAG,GACN,GAAG,KAAK,CAAC;IAEV,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEtB,OAAO,IAAI,CAA6C,KAAK,IAAI,EAAE;;QAC/D,IAAI,UAAU,GAA2B,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAClF,IAAI,CAAC,UAAU,EAAE,CAAC;YACd,IAAI,CAAC;gBACD,UAAU,GAAG,MAAM,aAAa,CAAC;oBAC7B,cAAc,EAAE,GAAG;oBACnB,kBAAkB,EAAE,WAAW;oBAC/B,mBAAmB;oBACnB,2BAA2B;oBAC3B,MAAM,EAAE,WAAW,CAAC,MAAM;oBAC1B,OAAO;oBACP,cAAc;iBACjB,CAAC,CAAC;YACP,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACT,IAAI,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;oBAC7B,OAAO;wBACH,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;qBACtB,CAAC;gBACN,CAAC;gBAED,MAAM,CAAC,CAAC;YACZ,CAAC;YAED,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,0BAA0B,EAAE,CAAC;gBAC3D,KAAK,GAAG,CAAC,CAAC,CAAC;YACf,CAAC;YAED,IAAI,KAAK,EAAE,CAAC;gBACR,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,UAAU,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YACpF,CAAC;YAED,kBAAkB,CAAC,UAAU,EAAE;gBAC3B,mBAAmB;gBACnB,2BAA2B;gBAC3B,UAAU;gBACV,UAAU,EAAE,GAAG;aAClB,CAAC,CAAC;QACP,CAAC;QAED,MAAM,WAAW,CAAC,UAAU,CAAC,CAAC;QAE9B,MAAM,SAAS,GAAG,UAAU,CAAC,mCAAmC;YAC5D,CAAC,CAAC,MAAA,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,YAAY,0CAAE,SAAS;YACtD,CAAC,CAAC,SAAS,CAAC;QAEhB,OAAO;YACH,OAAO,EAAE,YAAY,CAAC;gBAClB,QAAQ;gBACR,UAAU;gBACV,QAAQ;gBACR,mBAAmB;gBACnB,2BAA2B;gBAC3B,SAAS;gBACT,UAAU;aACb,CAAC;SACL,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,WAAW,CAChB,IAA8B,EAC9B,OAAe,EACf,EAAE,OAAO,GAAG,KAAK,KAA4B,EAAE;IAE/C,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAE,IAAqB,CAAC,CAAC,CAAC,uBAAK,OAAO,GAAM,CAAC;IACtF,OAAO,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,KAAC,OAAO,cAAE,YAAY,GAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;AAClF,CAAC;AAED,SAAS,WAAW,CAAC,MAAc;IAC/B,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAC9E,CAAC;AAED,SAAS,eAAe,CACpB,2BAAyD,EACzD,SAAqB;IAErB,MAAM,YAAY,GAAG,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,YAAY,CAAC;IAC/D,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,KAAI,CAAC,YAAY,CAAC,SAAS,IAAI,SAAS,EAAE,CAAC;QAChE,OAAO,EAAE,GAAG,2BAA2B,EAAE,YAAY,EAAE,EAAE,GAAG,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC;IAC5F,CAAC;IACD,OAAO,2BAA2B,CAAC;AACvC,CAAC;AAED,MAAM,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;AACzB,MAAM,WAAW,GAAG,IAAI,QAAQ,CAAa,EAAE,KAAK,EAAE,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC"}
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../src/loader.tsx"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -2,4 +2,7 @@ export type JSONPrimitive = string | number | boolean | null | undefined;
 export type JSON = {
     [key: string]: JSONPrimitive | JSON[] | JSON;
 };
+export type Serializable<T> = {
+    [P in keyof T]: T[P] extends JSONPrimitive ? T[P] : T[P] extends (infer U)[] ? Serializable<U>[] : T[P] extends JSON | undefined ? Serializable<T[P]> : never;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;AAGzE,MAAM,MAAM,IAAI,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,EAAE,GAAG,IAAI,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;AAGzE,MAAM,MAAM,IAAI,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,EAAE,GAAG,IAAI,CAAA;CAAE,CAAC;AAEpE,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;KACzB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,aAAa,GACpC,CAAC,CAAC,CAAC,CAAC,GACJ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GACtB,YAAY,CAAC,CAAC,CAAC,EAAE,GACjB,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,SAAS,GAC3B,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAClB,KAAK;CAClB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/web-components",
-    "version": "30.0.0",
+    "version": "30.1.0",
     "description": "",
     "repository": {
         "type": "git",
@@ -15,20 +15,20 @@
         "src"
     ],
     "dependencies": {
-        "@servicetitan/error-boundary": "30.0.0",
+        "@servicetitan/error-boundary": "30.1.0",
         "lodash.get": "~4.4.2",
         "mitt": "~3.0.1",
         "semver": "~7.7.1"
     },
     "devDependencies": {
-        "@servicetitan/anvil2": "^1.26.0",
-        "@servicetitan/design-system": "~14.5.1",
-        "@servicetitan/launchdarkly-service": "30.0.0",
-        "@servicetitan/log-service": "30.0.0",
-        "@servicetitan/react-ioc": "30.0.0",
+        "@servicetitan/anvil2": "^1.31.0",
+        "@servicetitan/design-system": "~14.5.2",
+        "@servicetitan/launchdarkly-service": "30.1.0",
+        "@servicetitan/log-service": "30.1.0",
+        "@servicetitan/react-ioc": "30.1.0",
         "@testing-library/dom": "^10.4.0",
         "@testing-library/jest-dom": "^6.6.3",
-        "@testing-library/react": "^16.2.0",
+        "@testing-library/react": "^16.3.0",
         "@types/history": "~4.7.10",
         "@types/lodash.get": "~4.4.6",
         "@types/react": "~18.3.3",
@@ -41,11 +41,11 @@
         "shadow-dom-testing-library": "^1.12.0"
     },
     "peerDependencies": {
-        "@servicetitan/anvil2": ">=1.26.0",
-        "@servicetitan/design-system": ">=14.5.1",
-        "@servicetitan/launchdarkly-service": "30.0.0",
-        "@servicetitan/log-service": "30.0.0",
-        "@servicetitan/react-ioc": "30.0.0",
+        "@servicetitan/anvil2": ">=1.31.0",
+        "@servicetitan/design-system": ">=14.5.2",
+        "@servicetitan/launchdarkly-service": "30.1.0",
+        "@servicetitan/log-service": "30.1.0",
+        "@servicetitan/react-ioc": "30.1.0",
         "history": "~4.10.1",
         "react": ">=17.0.2",
         "react-dom": ">=17.0.2"
@@ -67,5 +67,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "e182cbb85cf66d62f235a9ca172fc04dc705fd0a"
+    "gitHead": "ebfab3b30337bab2d2c7b1bf6a1caeedc262c884"
 }

package/src/__tests__/event-bus-types.test.ts

@@ -0,0 +1,507 @@
+import { symbolToken } from '@servicetitan/react-ioc';
+import { EventBus } from '../event-bus';
+
+jest.mock('../event-bus', () => {
+    return {
+        EventBus: jest.fn().mockImplementation(() => {
+            return {
+                job: {
+                    emit: jest.fn(),
+                    on: jest.fn(),
+                    off: jest.fn(),
+                },
+                emit: jest.fn(),
+                on: jest.fn(),
+                off: jest.fn(),
+            };
+        }),
+    };
+});
+
+describe(`[web-components] ${EventBus.name}`, () => {
+    describe('type definitions', () => {
+        describe('EventBus<T>', () => {
+            test('rejects invalid data type', () => {
+                // @ts-expect-error Types of property 'foo' are incompatible.
+                eventBus = EventBus<{ foo: () => void }>;
+            });
+        });
+
+        describe('when eventBus is not typed', () => {
+            const eventBus = new EventBus();
+
+            describe('emit', () => {
+                test('accepts valid event with valid data', () => {
+                    eventBus.emit('foo', '');
+                    eventBus.emit('bar', { value: 1 });
+                    eventBus.emit(Symbol(), '');
+                    eventBus.emit(123, '');
+                });
+
+                test('accepts event with no data', () => {
+                    eventBus.emit('foo');
+                });
+
+                test('rejects invalid event', () => {
+                    // @ts-expect-error Argument of type '() => void' is not assignable to parameter of type 'string | number | symbol | SymbolToken<any>'.
+                    eventBus.emit(() => {}, '');
+
+                    // @ts-expect-error Argument of type 'Date' is not assignable to parameter of type 'string | number | symbol | SymbolToken<any>'.
+                    eventBus.emit(new Date(), '');
+
+                    // @ts-expect-error Argument of type 'boolean' is not assignable to parameter of type 'string | number | symbol | SymbolToken<any>'.
+                    eventBus.emit(true, '');
+                });
+
+                test('rejects invalid data', () => {
+                    // @ts-expect-error Argument of type '() => void' is not assignable to parameter of type 'JSON | JSONPrimitive'
+                    eventBus.emit('foo', () => {});
+
+                    // @ts-expect-error Argument of type 'Date' is not assignable to parameter of type 'JSON | JSONPrimitive'.
+                    eventBus.emit('foo', new Date());
+
+                    eventBus.emit('foo', {
+                        value: 1,
+                        // @ts-expect-error Type '() => void' is not assignable to type 'JSON | JSONPrimitive | JSON[]'.
+                        otherValue: () => {},
+                    });
+                });
+            });
+
+            describe('on', () => {
+                test('accepts valid event with any handler', () => {
+                    eventBus.on('foo', () => {});
+                    eventBus.on('bar', (_value: string) => {});
+                    eventBus.on('baz', ({ value: _value }: { value: Date }) => {});
+                    eventBus.on(Symbol(), () => {});
+                    eventBus.on(123, () => {});
+                });
+
+                test('rejects invalid event', () => {
+                    // @ts-expect-error Argument of type 'Date' is not assignable to parameter of type 'JSON | JSONPrimitive'.
+                    eventBus.on(new Date(), () => {});
+                });
+            });
+
+            describe('off', () => {
+                test('accepts valid event with any handler', () => {
+                    eventBus.off('foo', () => {});
+                    eventBus.off('bar', (_value: string) => {});
+                    eventBus.off('baz', ({ value: _value }: { value: Date }) => {});
+                    eventBus.off(Symbol(), () => {});
+                    eventBus.off(123, () => {});
+                });
+
+                test('rejects invalid event', () => {
+                    // @ts-expect-error Argument of type 'Date' is not assignable to parameter of type 'JSON | JSONPrimitive'.
+                    eventBus.off(new Date(), () => {});
+                });
+            });
+
+            describe('job.emit', () => {
+                test('accepts valid event', () => {
+                    eventBus.job.emit('foo');
+                });
+
+                test('rejects invalid event', () => {
+                    // @ts-expect-error Argument of type 'Date' is not assignable to parameter of type 'JSON | JSONPrimitive'.
+                    eventBus.job.emit(new Date());
+                });
+            });
+
+            describe('job.on', () => {
+                test('accepts valid event with valid handler', () => {
+                    eventBus.job.on('foo', () => {});
+                    eventBus.job.on('foo', ({ resolve }) => resolve({ value: '' }));
+                    eventBus.job.on('foo', ({ reject }) => reject(new Error('Oops!')));
+                    eventBus.job.on('foo', ({ reject }) => reject('Oops!'));
+                    eventBus.job.on(Symbol(), () => {});
+                    eventBus.job.on(123, () => {});
+                });
+
+                test('rejects invalid event', () => {
+                    // @ts-expect-error Argument of type 'Date' is not assignable to parameter of type 'JSON | JSONPrimitive'.
+                    eventBus.job.on(new Date(), () => {});
+                });
+
+                test('rejects invalid handler', () => {
+                    eventBus.job.on('foo', ({ reject }) => {
+                        // @ts-expect-error Argument of type '123' is not assignable to parameter of type 'string | Error | undefined'.
+                        reject(123);
+                    });
+                });
+            });
+
+            describe('job.off', () => {
+                test('accepts valid event with valid handler', () => {
+                    eventBus.job.off('foo', () => {});
+                    eventBus.job.off('foo', ({ resolve }) => resolve({ value: '' }));
+                    eventBus.job.off('foo', ({ reject }) => reject(new Error('Oops!')));
+                    eventBus.job.off('foo', ({ reject }) => reject('Oops!'));
+                    eventBus.job.off(Symbol(), () => {});
+                    eventBus.job.off(123, () => {});
+                });
+
+                test('rejects invalid event', () => {
+                    // @ts-expect-error Argument of type 'Date' is not assignable to parameter of type 'JSON | JSONPrimitive'.
+                    eventBus.job.off(new Date(), () => {});
+                });
+
+                test('rejects invalid handler', () => {
+                    eventBus.job.off('foo', ({ reject }) => {
+                        // @ts-expect-error Argument of type '123' is not assignable to parameter of type 'string | Error | undefined'.
+                        reject(123);
+                    });
+                });
+            });
+
+            describe('when event is symbolToken', () => {
+                const token = symbolToken<{ value: number }>('token');
+                const optionalPayloadToken = symbolToken<{ value: number } | undefined>(
+                    'optionalToken'
+                );
+
+                describe('emit', () => {
+                    test('accepts valid data', () => {
+                        eventBus.emit(token, { value: 1 });
+                        eventBus.emit(optionalPayloadToken, { value: 1 });
+                        eventBus.emit(optionalPayloadToken);
+                    });
+
+                    test('rejects invalid data', () => {
+                        // @ts-expect-error Type 'string' is not assignable to type 'number'
+                        eventBus.emit(token, { value: '' });
+                    });
+
+                    test('rejects missing data', () => {
+                        // @ts-expect-error Expected 2 arguments, but got 1
+                        eventBus.emit(token);
+                    });
+
+                    test('rejects invalid data type', () => {
+                        const token = symbolToken<{ value: () => void }>('token');
+
+                        // @ts-expect-error Argument of type 'SymbolToken<{ value: () => void; }>' is not assignable to parameter of type ...
+                        eventBus.emit(token, { value: () => {} });
+                    });
+                });
+
+                describe('on', () => {
+                    test('accepts valid handler', () => {
+                        eventBus.on(token, () => {});
+                        eventBus.on(token, data => data.value++);
+                    });
+
+                    test('rejects invalid handler', () => {
+                        // @ts-expect-error Argument of type '(_: number) => void' is not assignable to parameter of type ...
+                        eventBus.on(token, (_: number) => {});
+
+                        // @ts-expect-error Argument of type '(data: { value: string; }) => number' is not assignable to parameter of type ...
+                        eventBus.on(token, (data: { value: string }) => data.value.split(''));
+                    });
+                });
+
+                describe('off', () => {
+                    test('accepts valid handler', () => {
+                        eventBus.off(token, () => {});
+                        eventBus.off(token, (data: { value: number }) => data.value++);
+                    });
+
+                    test('rejects invalid handler', () => {
+                        // @ts-expect-error Argument of type '(_: number) => void' is not assignable to parameter of type ...
+                        eventBus.off(token, (_: number) => {});
+
+                        // @ts-expect-error Argument of type '(data: { value: string; }) => number' is not assignable to parameter of type ...
+                        eventBus.off(token, (data: { value: string }) => data.value.split(''));
+                    });
+                });
+
+                describe('job.emit', () => {
+                    test('accepts token', () => {
+                        eventBus.job.emit(token);
+                    });
+                });
+
+                describe('job.on', () => {
+                    test('accepts valid handler', () => {
+                        eventBus.job.on(token, ({ resolve }) => resolve({ value: 1 }));
+                        eventBus.job.on(token, ({ reject }) => reject(new Error('Oops!')));
+                        eventBus.job.on(token, ({ reject }) => reject('Oops!'));
+                        eventBus.job.on(optionalPayloadToken, ({ resolve }) =>
+                            resolve({ value: 1 })
+                        );
+                        eventBus.job.on(optionalPayloadToken, ({ resolve }) => resolve());
+                    });
+
+                    test('rejects invalid handler', () => {
+                        eventBus.job.on(token, ({ resolve }) => {
+                            // @ts-expect-error Type 'string' is not assignable to type 'number'.ts(2322)
+                            resolve({ value: '' });
+                        });
+                        eventBus.job.on(token, ({ reject }) => {
+                            // @ts-expect-error Argument of type '123' is not assignable to parameter of type 'string | Error | undefined'.
+                            reject(123);
+                        });
+                    });
+                });
+
+                describe('job.off', () => {
+                    test('accepts valid handler', () => {
+                        eventBus.job.off(token, ({ resolve }) => resolve({ value: 1 }));
+                        eventBus.job.off(token, ({ reject }) => reject(new Error('Oops!')));
+                        eventBus.job.off(token, ({ reject }) => reject('Oops!'));
+                    });
+
+                    test('rejects invalid handler', () => {
+                        eventBus.job.off(token, ({ resolve }) => {
+                            // @ts-expect-error Type 'string' is not assignable to type 'number'.ts(2322)
+                            resolve({ value: '' });
+                        });
+                        eventBus.job.off(token, ({ reject }) => {
+                            // @ts-expect-error Argument of type '123' is not assignable to parameter of type 'string | Error | undefined'.
+                            reject(123);
+                        });
+                    });
+                });
+            });
+        });
+
+        describe('when eventBus is typed', () => {
+            interface TestEvents {
+                'number-event': { value: number };
+                'string-event': { value: string };
+                'optional-payload-event': { value: number } | undefined;
+            }
+
+            const eventBus = new EventBus<TestEvents>();
+
+            describe('emit', () => {
+                test('accepts valid events and data', () => {
+                    eventBus.emit('number-event', { value: 1 });
+                    eventBus.emit('string-event', { value: '' });
+                    eventBus.emit('optional-payload-event', { value: 1 });
+                    eventBus.emit('optional-payload-event');
+                });
+
+                test('rejects invalid event', () => {
+                    // @ts-expect-error '"foo"' is not assignable to parameter of type 'keyof TestEvents'
+                    eventBus.emit('foo', { value: 1 });
+                });
+
+                test('rejects invalid data', () => {
+                    // @ts-expect-error Type 'string' is not assignable to type 'number'
+                    eventBus.emit('number-event', { value: '' });
+
+                    // @ts-expect-error 'foo' does not exist in type '{ value: number; }'
+                    eventBus.emit('number-event', { foo: 1 });
+                });
+
+                test('rejects missing data', () => {
+                    // @ts-expect-error Expected 2 arguments, but got 1
+                    eventBus.emit('number-event');
+                });
+
+                test('accepts event with no data', () => {
+                    new EventBus<{ foo: never }>().emit('foo');
+                    new EventBus<{ foo: undefined }>().emit('foo');
+                });
+            });
+
+            describe('on', () => {
+                test('accepts valid event and handler', () => {
+                    eventBus.on('number-event', () => {});
+                    eventBus.on('number-event', data => data.value++);
+                    eventBus.on('string-event', data => data.value.split(''));
+                });
+
+                test('rejects invalid event', () => {
+                    // @ts-expect-error Argument of type '"foo"' is not assignable to parameter of type 'keyof TestEvents'
+                    eventBus.on('foo', () => {});
+                });
+
+                test('rejects invalid handler', () => {
+                    // @ts-expect-error Property 'split' does not exist on type 'number'.
+                    eventBus.on('number-event', data => data.value.split(''));
+
+                    // @ts-expect-error An arithmetic operand must be of type 'any', 'number', 'bigint' or an enum type.
+                    eventBus.on('string-event', data => data.value++);
+                });
+            });
+
+            describe('off', () => {
+                test('accepts valid event and handler', () => {
+                    eventBus.off('number-event', () => {});
+                    eventBus.off('number-event', data => data.value++);
+                    eventBus.off('string-event', data => data.value.split(''));
+                });
+
+                test('rejects invalid event', () => {
+                    // @ts-expect-error Argument of type '"foo"' is not assignable to parameter of type 'keyof TestEvents'
+                    eventBus.off('foo', () => {});
+                });
+
+                test('rejects invalid handler', () => {
+                    // @ts-expect-error Property 'split' does not exist on type 'number'.
+                    eventBus.off('number-event', data => data.value.split(''));
+
+                    // @ts-expect-error An arithmetic operand must be of type 'any', 'number', 'bigint' or an enum type.
+                    eventBus.off('string-event', data => data.value++);
+                });
+            });
+
+            describe('job.emit', () => {
+                test('accepts valid event', () => {
+                    eventBus.job.emit('number-event');
+                    eventBus.job.emit('string-event');
+                });
+
+                test('rejects invalid event', () => {
+                    // @ts-expect-error Argument of type '"foo"' is not assignable to parameter of type 'keyof TestEvents'.
+                    eventBus.job.emit('foo');
+                });
+            });
+
+            describe('job.on', () => {
+                test('accepts valid event and handler', () => {
+                    eventBus.job.on('number-event', () => {});
+                    eventBus.job.on('number-event', ({ resolve }) => resolve({ foo: 1 }));
+                    eventBus.job.on('string-event', ({ resolve }) => resolve({ foo: 1 }));
+                    eventBus.job.on('string-event', ({ reject }) => reject(new Error('Oops!')));
+                    eventBus.job.on('number-event', ({ reject }) => reject('Oops!'));
+                });
+
+                test('rejects invalid event', () => {
+                    // @ts-expect-error Argument of type '"foo"' is not assignable to parameter of type 'keyof TestEvents'.
+                    eventBus.job.on('foo', () => {});
+                });
+
+                test('rejects invalid handler', () => {
+                    // @ts-expect-error Argument of type '123' is not assignable to parameter of type 'string | Error | undefined'
+                    eventBus.job.on('number-event', ({ reject }) => reject(123));
+                });
+            });
+
+            describe('job.off', () => {
+                test('accepts valid event and handler', () => {
+                    eventBus.job.off('number-event', () => {});
+                    eventBus.job.off('number-event', ({ resolve }) => resolve({ foo: 1 }));
+                    eventBus.job.off('string-event', ({ resolve }) => resolve({ foo: 1 }));
+                    eventBus.job.off('string-event', ({ reject }) => reject(new Error('Oops!')));
+                    eventBus.job.off('number-event', ({ reject }) => reject('Oops!'));
+                });
+
+                test('rejects invalid event', () => {
+                    // @ts-expect-error Argument of type '"foo"' is not assignable to parameter of type 'keyof TestEvents'.
+                    eventBus.job.off('foo', () => {});
+                });
+
+                test('rejects invalid handler', () => {
+                    // @ts-expect-error Argument of type '123' is not assignable to parameter of type 'string | Error | undefined'
+                    eventBus.job.off('number-event', ({ reject }) => reject(123));
+                });
+            });
+
+            describe('when event is symbolToken', () => {
+                const token = symbolToken<{ value: number }>('token');
+                const optionalPayloadToken = symbolToken<{ value: number } | undefined>(
+                    'optionalToken'
+                );
+
+                const eventBus = new EventBus<TestEvents>();
+
+                describe('emit', () => {
+                    test('accepts valid data', () => {
+                        eventBus.emit(token, { value: 1 });
+                        eventBus.emit(optionalPayloadToken, { value: 1 });
+                        eventBus.emit(optionalPayloadToken);
+                    });
+
+                    test('rejects invalid data', () => {
+                        // @ts-expect-error Type 'string' is not assignable to type 'number'
+                        eventBus.emit(token, { value: '' });
+                    });
+
+                    test('rejects missing value', () => {
+                        // @ts-expect-error Expected 2 arguments, but got 1
+                        eventBus.emit(token);
+                    });
+                });
+
+                describe('on', () => {
+                    test('accepts valid handler', () => {
+                        eventBus.on(token, () => {});
+                        eventBus.on(token, data => data.value++);
+                    });
+
+                    test('rejects invalid handler', () => {
+                        // @ts-expect-error Argument of type '(_: number) => void' is not assignable to parameter of type ...
+                        eventBus.on(token, (_: number) => {});
+
+                        // @ts-expect-error Argument of type '(data: { value: string; }) => number' is not assignable to parameter of type ...
+                        eventBus.on(token, (data: { value: string }) => data.value.split(''));
+                    });
+                });
+
+                describe('off', () => {
+                    test('accepts valid handler', () => {
+                        eventBus.off(token, () => {});
+                        eventBus.off(token, data => data.value++);
+                    });
+
+                    test('rejects invalid handler', () => {
+                        // @ts-expect-error Argument of type '(_: number) => void' is not assignable to parameter of type ...
+                        eventBus.off(token, (_: number) => {});
+
+                        // @ts-expect-error Argument of type '(data: { value: string; }) => number' is not assignable to parameter of type ...
+                        eventBus.off(token, (data: { value: string }) => data.value.split(''));
+                    });
+                });
+
+                describe('job.emit', () => {
+                    test('accepts token', () => {
+                        eventBus.job.emit(token);
+                    });
+                });
+
+                describe('job.on', () => {
+                    test('accepts valid handler', () => {
+                        eventBus.job.on(token, ({ resolve }) => resolve({ value: 1 }));
+                        eventBus.job.on(token, ({ reject }) => reject(new Error('Oops!')));
+                        eventBus.job.on(token, ({ reject }) => reject('Oops!'));
+                        eventBus.job.on(optionalPayloadToken, ({ resolve }) => resolve());
+                    });
+
+                    test('rejects invalid handler', () => {
+                        eventBus.job.on(token, ({ resolve }) => {
+                            // @ts-expect-error Type 'string' is not assignable to type 'number'.ts(2322)
+                            resolve({ value: '' });
+                        });
+                        eventBus.job.on(token, ({ reject }) => {
+                            // @ts-expect-error Argument of type '123' is not assignable to parameter of type 'string | Error | undefined'.
+                            reject(123);
+                        });
+                    });
+                });
+
+                describe('job.off', () => {
+                    test('accepts valid handler', () => {
+                        eventBus.job.off(token, ({ resolve }) => resolve({ value: 1 }));
+                        eventBus.job.off(token, ({ reject }) => reject(new Error('Oops!')));
+                        eventBus.job.off(token, ({ reject }) => reject('Oops!'));
+                    });
+
+                    test('rejects invalid handler', () => {
+                        eventBus.job.off(token, ({ resolve }) => {
+                            // @ts-expect-error Type 'string' is not assignable to type 'number'.ts(2322)
+                            resolve({ value: '' });
+                        });
+                        eventBus.job.off(token, ({ reject }) => {
+                            // @ts-expect-error Argument of type '123' is not assignable to parameter of type 'string | Error | undefined'.
+                            reject(123);
+                        });
+                    });
+                });
+            });
+        });
+    });
+});

package/src/__tests__/event-bus.test.ts

@@ -1,6 +1,5 @@
 import * as mitt from 'mitt';
-import { renderHook } from '@testing-library/react';
-import { useEventBus, EventBus } from '../event-bus';
+import { EventBus, typedEventBusToken, EVENT_BUS_TOKEN } from '../event-bus';
 
 jest.mock('mitt', () => jest.fn());
 
@@ -126,22 +125,10 @@ describe(`[web-components] ${EventBus.name}`, () => {
     });
 });
 
-describe(`[web-components] ${useEventBus.name}`, () => {
-    function subject() {
-        return renderHook(() => useEventBus());
-    }
+describe(`[web-components] ${typedEventBusToken.name}`, () => {
+    const subject = () => typedEventBusToken<any>();
 
-    test('provides an event bus instance', () => {
-        expect(subject().result.current).toBeInstanceOf(EventBus);
-    });
-
-    test('when the component using useEventBus is re-rendered, useEventBus provides the same event bus instance', () => {
-        const { result, rerender } = subject();
-
-        const firstInstance = result.current;
-        rerender();
-
-        const secondInstance = result.current;
-        expect(firstInstance).toBe(secondInstance);
+    test('returns EVENT_BUS_TOKEN', () => {
+        expect(subject()).toBe(EVENT_BUS_TOKEN);
     });
 });

package/src/contexts/mfe-data-context.ts

@@ -3,18 +3,9 @@
  */
 
 import { createContext, useContext } from 'react';
-import { JSON, JSONPrimitive } from '../types';
+import { JSON, Serializable } from '../types';
 
-// Type complexity below is required to support Interfaces being used
-export type MFEContextData<T> = {
-    [P in keyof T]: T[P] extends JSONPrimitive
-        ? T[P]
-        : T[P] extends (infer U)[]
-          ? MFEContextData<U>[]
-          : T[P] extends JSON
-            ? MFEContextData<T[P]>
-            : never;
-};
+export type MFEContextData<T> = Serializable<T>;
 
 export const MFEDataContext = createContext<JSON>({});
 

package/src/event-bus.ts

@@ -1,32 +1,79 @@
+import { symbolToken, SymbolToken } from '@servicetitan/react-ioc';
 import mitt from 'mitt';
 
-import { symbolToken, SymbolToken } from '@servicetitan/react-ioc';
-import { useRef } from 'react';
-import { JSON } from './types';
+import { JSON, JSONPrimitive, Serializable } from './types';
+
+export const EVENT_BUS_TOKEN = symbolToken<EventBus>('EVENT_BUS_TOKEN');
+
+export function typedEventBusToken<EventTypes extends Serializable<EventTypes>>() {
+    return symbolToken<EventBus<EventTypes>>('EVENT_BUS_TOKEN');
+}
+
+export type EventHandler<EventTypes, Event> = (
+    data: Event extends SymbolToken<infer DataType>
+        ? Serializable<DataType>
+        : Event extends keyof EventTypes
+          ? EventTypes[Event]
+          : never
+) => void;
 
-export type EventHandler<T = unknown> = (data: T) => void;
 type JobPayload = JSON | void;
 
-export type JobEventHandler<Result extends JobPayload = void> = (defer: {
-    resolve(result: Result): void;
+export type JobEventHandler<Event> = (defer: {
+    /**
+     * Successfully complete a job.
+     * @param result The value to return from the successfully completed job.
+     */
+    resolve(
+        ...result: Event extends SymbolToken<infer ResultType>
+            ? undefined extends ResultType
+                ? [Serializable<ResultType>?]
+                : [Serializable<ResultType>]
+            : [JobPayload]
+    ): void;
+    /**
+     * Fail a job.
+     * @param reason The error to return from the failed job.
+     */
     reject(reason?: string | Error): void;
 }) => void;
-export type EventType = string | number | symbol;
-export type SymbolTokenEventType<T, U extends EventType = EventType> =
-    U extends SymbolToken<any> ? SymbolToken<T> : U;
 
-export const EVENT_BUS_TOKEN = symbolToken<EventBus>('EVENT_BUS_TOKEN');
-export class EventBus {
+export class EventBus<EventTypes extends Serializable<EventTypes> = never> {
     job = {
-        on: <Result extends JobPayload = void>(type: string, handler: JobEventHandler<Result>) => {
-            this.emitter.on(type, handler);
+        /**
+         * Register a job event handler. Jobs event handlers return a result or an error.
+         * @param event The job event to handle.
+         * @param handler The handler to call when the event occurs. This handler is passed a `resolve` callback to return a successful result, and a `reject` callback to return an error.
+         */
+        on: <Event extends SymbolToken<any> | keyof EventTypes>(
+            event: Event,
+            handler: JobEventHandler<Event>
+        ) => {
+            this.emitter.on(event, handler);
         },
-        off: <Result extends JobPayload = void>(type: string, handler: JobEventHandler<Result>) => {
-            this.emitter.off(type, handler);
+
+        /**
+         * Deregister a job event handler.
+         * @param event The previously registered event.
+         * @param handler The previously registered handler.
+         */
+        off: <Event extends SymbolToken<any> | keyof EventTypes>(
+            event: Event,
+            handler: JobEventHandler<Event>
+        ) => {
+            this.emitter.off(event, handler);
         },
-        emit: <Result extends JobPayload = void>(type: string) => {
-            return new Promise<Result>((resolve, reject) => {
-                this.emitter.emit(type, {
+
+        /**
+         * Send a job event.
+         * @param event The event to send.
+         * @returns a Promise that resolves or rejects depending on whether the job completes successfully.
+         */
+        emit: <Event extends SymbolToken<any> | keyof EventTypes>(event: Event) => {
+            return new Promise<
+                Event extends SymbolToken<infer ResultType> ? Serializable<ResultType> : JobPayload
+            >((resolve, reject) => {
+                this.emitter.emit(event, {
                     resolve,
                     reject: (reason?: string | Error) => {
                         if (typeof reason === 'string' || reason instanceof Error) {
@@ -42,25 +89,51 @@ export class EventBus {
 
     private emitter = mitt<any>();
 
-    on = <T, U extends EventType = EventType>(
-        type: SymbolTokenEventType<T, U>,
-        handler: EventHandler<T>
+    /**
+     * Register an event handler.
+     * @param event The event to handle.
+     * @param handler The handler to call when the event occurs.
+     */
+    on = <Event extends SymbolToken<any> | keyof EventTypes>(
+        event: Event,
+        handler: EventHandler<EventTypes, Event>
     ) => {
-        this.emitter.on(type, handler);
+        this.emitter.on(event, handler);
     };
 
-    off = <T, U extends EventType = EventType>(
-        type: SymbolTokenEventType<T, U>,
-        handler: EventHandler<T>
+    /**
+     * Deregister an event handler.
+     * @param event The previously registered event.
+     * @param handler The previously registered handler.
+     */
+    off = <Event extends SymbolToken<any> | keyof EventTypes>(
+        event: Event,
+        handler: EventHandler<EventTypes, Event>
     ) => {
-        this.emitter.off(type, handler);
+        this.emitter.off(event, handler);
     };
 
-    emit = <T, U extends EventType = EventType>(type: SymbolTokenEventType<T, U>, data?: T) => {
-        this.emitter.emit(type, data);
+    /**
+     * Send an event.
+     * @param event The event to send.
+     * @param data The data to pass to the event's handler.
+     */
+    emit = <Event extends SymbolToken<any> | keyof EventTypes>(
+        event: Event,
+        ...data: Event extends SymbolToken<infer DataType>
+            ? undefined extends DataType
+                ? [Serializable<DataType>?]
+                : [Serializable<DataType>]
+            : [EventTypes] extends [never]
+              ? [(JSON | JSONPrimitive)?]
+              : Event extends keyof EventTypes
+                ? undefined extends EventTypes[Event]
+                    ? [EventTypes[Event]?]
+                    : [EventTypes[Event]] extends [never]
+                      ? []
+                      : [EventTypes[Event]]
+                : never
+    ) => {
+        this.emitter.emit(event, data[0]);
     };
 }
-
-export function useEventBus() {
-    return useRef(new EventBus()).current;
-}

package/src/loader.tsx

@@ -7,6 +7,7 @@ import {
     useEffect,
     useImperativeHandle,
     useMemo,
+    useRef,
 } from 'react';
 import { ErrorBoundary } from '@servicetitan/error-boundary';
 import { type LDService } from '@servicetitan/launchdarkly-service';
@@ -23,7 +24,7 @@ import {
 } from './common';
 import { MFEContextData } from './contexts/mfe-data-context';
 import { Delayed } from './delayed';
-import { EventBus, EVENT_BUS_TOKEN, useEventBus } from './event-bus';
+import { EventBus, EVENT_BUS_TOKEN } from './event-bus';
 import { EXPOSED_DEPENDENCIES, EXPOSED_INSTANCE_DEPENDENCIES } from './globals';
 import {
     BundleInfo,
@@ -260,5 +261,9 @@ function ensureLDService(
     return exposedInstanceDependencies;
 }
 
+function useEventBus() {
+    return useRef(new EventBus()).current;
+}
+
 const MINUTE = 1000 * 60;
 const bundleCache = new TtlCache<BundleInfo>({ ttlMs: 15 * MINUTE });

package/src/types.ts

@@ -2,3 +2,13 @@ export type JSONPrimitive = string | number | boolean | null | undefined;
 
 // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
 export type JSON = { [key: string]: JSONPrimitive | JSON[] | JSON };
+
+export type Serializable<T> = {
+    [P in keyof T]: T[P] extends JSONPrimitive
+        ? T[P]
+        : T[P] extends (infer U)[]
+          ? Serializable<U>[]
+          : T[P] extends JSON | undefined
+            ? Serializable<T[P]>
+            : never;
+};