feat: add 'mergeUpdate' override to merge nested props

src/app/apolloCache/reactiveVars/authenticatedUserStore.ts

@@ -7,6 +7,36 @@ import { isConnectOnboardingNeededStore } from "./isConnectOnboardingNeededStore
 import type { EncodedAuthToken, AuthTokenPayload } from "@types";
 
 class AuthenticatedUserStore extends ReactiveStore<AuthTokenPayload> {
+  /**
+   * An override of `ReactiveStore.mergeUpdate` that shallow-merges all
+   * `AuthTokenPayload` properties, including nested objects.
+   */
+  override mergeUpdate(partialNewValue: Partial<AuthTokenPayload>) {
+    const currentValue = this.get();
+
+    const typeSafeCurrentValue =
+      currentValue && typeof currentValue === "object"
+        ? currentValue
+        : ({} as Partial<AuthTokenPayload>);
+
+    return this.set({
+      ...typeSafeCurrentValue,
+      ...partialNewValue,
+      profile: {
+        ...(typeSafeCurrentValue?.profile ?? {}),
+        ...(partialNewValue?.profile ?? {}),
+      },
+      subscription: {
+        ...(typeSafeCurrentValue?.subscription ?? {}),
+        ...(partialNewValue?.subscription ?? {}),
+      },
+      stripeConnectAccount: {
+        ...(typeSafeCurrentValue?.stripeConnectAccount ?? {}),
+        ...(partialNewValue?.stripeConnectAccount ?? {}),
+      },
+    } as AuthTokenPayload);
+  }
+
   /**
    * Process an auth token to authenticate the user.
    */