@servicetitan/standalone-root 1.4.0 → 1.5.0

package/src/stores/standalone-root.store.ts

@@ -1,22 +1,20 @@
 import { makeObservable, observable, runInAction } from 'mobx';
 
 import {
-    CurrentUserClientApi,
+    UserDetails,
     PartitionInfo,
     PartitionsClientApi,
-    UserDetails,
+    CurrentUserClientApi,
 } from '@servicetitan/marketing-services-api/identity';
-import { LoadStatus, SymbolTokenDataType } from '@servicetitan/standalone-ui';
 import { inject, injectable } from '@servicetitan/react-ioc';
 import {
     AppConfigApi,
     AppSettings,
 } from '@servicetitan/marketing-services-api/dist/common/app-config.mrk.api';
+import { LoadStatus, SymbolTokenDataType } from '@servicetitan/standalone-ui';
 import { TenantManagementApi, TenantModel } from '@servicetitan/standalone-tm-api';
 import { OnboardingApi, OnboardingResponse } from '@servicetitan/marketing-services-api/settings';
 
-import { Events } from '../utils/events';
-import { EventEmitter } from '../utils/event-emitter';
 import {
     storageKeyForUser,
     storageKeyForLocale,
@@ -26,10 +24,12 @@ import {
     storageKeyForAppSettings,
     storageKeyForTenantConfigs,
 } from '../utils/storage-keys';
-import { ModifiableRootSection } from '../enums';
-import { POSSIBLE_CHANGES_TOKEN } from '../utils/tokens';
+import { RootSection } from '../enums';
+import { Events } from '../utils/events';
+import { EventEmitter } from '../utils/event-emitter';
+import { REFRESH_SECTIONS_TOKEN, SIDE_EFFECTS_TOKEN } from '../utils/tokens';
 import { cultureKeyInCoreConfigs, defaultLocale, defaultTimezone } from '../utils/constants';
-import { eventEmitterSymbol, isInitializedSymbol, registeredChangesSymbol } from '../utils/symbols';
+import { eventEmitterSymbol, isInitializedSymbol, sideEffectsSymbol } from '../utils/symbols';
 
 @injectable()
 export class StandaloneRootStore {
@@ -52,8 +52,10 @@ export class StandaloneRootStore {
         @inject(CurrentUserClientApi) private readonly currentUserClientApi: CurrentUserClientApi,
         @inject(OnboardingApi) private readonly onboardingApi: OnboardingApi,
         @inject(PartitionsClientApi) private readonly partitionsApi: PartitionsClientApi,
-        @inject(POSSIBLE_CHANGES_TOKEN)
-        private readonly possibleChanges: SymbolTokenDataType<typeof POSSIBLE_CHANGES_TOKEN>,
+        @inject(SIDE_EFFECTS_TOKEN)
+        private readonly sideEffects: SymbolTokenDataType<typeof SIDE_EFFECTS_TOKEN>,
+        @inject(REFRESH_SECTIONS_TOKEN)
+        private readonly refreshSections: SymbolTokenDataType<typeof REFRESH_SECTIONS_TOKEN>,
     ) {
         this.initializeEventEmitter();
         makeObservable(this);
@@ -100,12 +102,25 @@ export class StandaloneRootStore {
                 const isSuccess = this.syncFromStorage();
 
                 if (isSuccess) {
-                    if (this.registeredChanges?.length) {
+                    const registeredSideEffects = this.registeredSideEffects;
+
+                    if (registeredSideEffects?.length || this.refreshSections?.length) {
+                        const distinctSections = Array.from(
+                            new Set([
+                                ...(this.registeredSideEffects ?? []),
+                                ...(this.refreshSections ?? []),
+                            ]),
+                        );
+
                         await Promise.all(
-                            this.registeredChanges.map(section =>
+                            distinctSections.map(section =>
                                 this.mapModifiableSectionToFetcher[section](),
                             ),
                         );
+
+                        if (registeredSideEffects?.length) {
+                            this.unregisterSideEffects();
+                        }
                     }
                 } else {
                     await fetchAll();
@@ -116,8 +131,6 @@ export class StandaloneRootStore {
                 this.setIsInitialized(true);
             }
 
-            this.removeRegisteredChanges();
-
             const timezoneFetched = this.tenantConfigs.TimeZone;
 
             if (timezoneFetched) {
@@ -158,22 +171,22 @@ export class StandaloneRootStore {
     }
 
     dispose = () => {
-        this.registerPossibleChanges();
+        this.registerSideEffects();
         this.unregisterGlobalSyncListener();
     };
 
-    private registerPossibleChanges = () => {
-        if (this.possibleChanges?.length) {
-            (window as any)[registeredChangesSymbol] = this.possibleChanges;
+    private registerSideEffects = () => {
+        if (this.sideEffects?.length) {
+            (window as any)[sideEffectsSymbol] = this.sideEffects;
         }
     };
 
-    private removeRegisteredChanges = () => {
-        (window as any)[registeredChangesSymbol] = undefined;
+    private unregisterSideEffects = () => {
+        (window as any)[sideEffectsSymbol] = undefined;
     };
 
     private unregisterGlobalSyncListener = () => {
-        this.eventEmitter.off(Events.SyncFromStorage, this.listenGlobalSync);
+        this.eventEmitter.off(Events.SyncFromStorage, this.globalSyncListener);
     };
 
     private initializeEventEmitter = () => {
@@ -188,10 +201,10 @@ export class StandaloneRootStore {
     };
 
     private registerGlobalSyncListener = () => {
-        this.eventEmitter.on(Events.SyncFromStorage, this.listenGlobalSync);
+        this.eventEmitter.on(Events.SyncFromStorage, this.globalSyncListener);
     };
 
-    private listenGlobalSync = (instanceSymbol: symbol) => {
+    private globalSyncListener = (instanceSymbol: symbol) => {
         if (instanceSymbol !== this.currentInstanceSymbol) {
             this.syncFromStorage();
         }
@@ -322,13 +335,18 @@ export class StandaloneRootStore {
         return !!(window as any)[isInitializedSymbol];
     }
 
-    private get registeredChanges(): typeof this.possibleChanges {
-        return (window as any)[registeredChangesSymbol];
+    private get registeredSideEffects(): typeof this.sideEffects {
+        return (window as any)[sideEffectsSymbol];
     }
 
-    private get mapModifiableSectionToFetcher(): Record<ModifiableRootSection, () => void> {
+    private get mapModifiableSectionToFetcher(): Record<RootSection, () => void> {
         return {
-            [ModifiableRootSection.Onboarding]: this.fetchOnboarding,
+            [RootSection.Tenant]: this.fetchTenant,
+            [RootSection.TenantConfigs]: this.fetchTenantConfigs,
+            [RootSection.User]: this.fetchUser,
+            [RootSection.AppSettings]: this.fetchAppSettings,
+            [RootSection.Onboarding]: this.fetchOnboarding,
+            [RootSection.Partitions]: this.fetchPartitions,
         };
     }
 }

package/src/utils/symbols.ts

@@ -4,4 +4,4 @@ const registeredChangesSymbolKey = 'standalone-root-modifiable-changes-symbol-ke
 
 export const isInitializedSymbol = Symbol.for(rootSymbolKey);
 export const eventEmitterSymbol = Symbol.for(eventEmitterSymbolKey);
-export const registeredChangesSymbol = Symbol.for(registeredChangesSymbolKey);
+export const sideEffectsSymbol = Symbol.for(registeredChangesSymbolKey);

package/src/utils/tokens.ts

@@ -1,7 +1,12 @@
 import { symbolToken } from '@servicetitan/react-ioc';
-import { ModifiableRootSection } from '../enums';
+import { RootSection } from '../enums';
 
-export const POSSIBLE_CHANGES_TOKEN = symbolToken<ModifiableRootSection[] | undefined>(
-    'POSSIBLE_CHANGES_TOKEN',
+export const SIDE_EFFECTS_TOKEN = symbolToken<RootSection[] | undefined>(
+    'SIDE_EFFECTS_TOKEN',
+    false,
+);
+
+export const REFRESH_SECTIONS_TOKEN = symbolToken<RootSection[] | undefined>(
+    'REFRESH_SECTIONS_TOKEN',
     false,
 );