@eric-emg/symphiq-components 1.2.309 → 1.2.310

package/fesm2022/symphiq-components.mjs

@@ -54308,12 +54308,18 @@ class SymphiqConnectGaDashboardComponent {
                 }
             }
         }, ...(ngDevMode ? [{ debugName: "embeddedScrollEffect" }] : []));
+        this.previousPropertiesLength = 0;
         this.propertiesReceivedEffect = effect(() => {
             const properties = this.gaProperties();
-            if (properties && properties.length > 0) {
+            const currentLength = properties?.length ?? 0;
+            console.log('[ConnectGA] propertiesReceivedEffect - currentLength:', currentLength, 'previousLength:', this.previousPropertiesLength, 'internalConnecting:', this.internalConnecting());
+            if (this.internalConnecting() && currentLength > 0 && currentLength !== this.previousPropertiesLength) {
+                console.log('[ConnectGA] resetting internalConnecting and isReconnecting to false');
                 this.internalConnecting.set(false);
+                this.isReconnecting.set(false);
             }
-        }, ...(ngDevMode ? [{ debugName: "propertiesReceivedEffect" }] : []));
+            this.previousPropertiesLength = currentLength;
+        }, ...(ngDevMode ? [{ debugName: "propertiesReceivedEffect", allowSignalWrites: true }] : [{ allowSignalWrites: true }]));
         this.scrollProgress = computed(() => this.headerScrollService.scrollProgress(), ...(ngDevMode ? [{ debugName: "scrollProgress" }] : []));
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
     }
@@ -54377,23 +54383,43 @@ class SymphiqConnectGaDashboardComponent {
         }
     }
     reconnectWithDifferentAccount() {
+        console.log('[ConnectGA] reconnectWithDifferentAccount called');
         this.isReconnecting.set(true);
+        const element = this.scrollElement();
+        console.log('[ConnectGA] scrollElement:', element);
+        if (element) {
+            element.scrollTo({ top: 0, behavior: 'smooth' });
+            console.log('[ConnectGA] scrolled via scrollElement');
+        }
+        else {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+            console.log('[ConnectGA] scrolled via window');
+        }
     }
     cancelReconnectMode() {
+        console.log('[ConnectGA] cancelReconnectMode called');
         this.isReconnecting.set(false);
     }
     onGoogleButtonClick() {
+        console.log('[ConnectGA] onGoogleButtonClick called');
+        console.log('[ConnectGA] setting internalConnecting to true');
         this.internalConnecting.set(true);
+        console.log('[ConnectGA] internalConnecting value:', this.internalConnecting());
+        console.log('[ConnectGA] isConnecting value:', this.isConnecting());
         this.googleButtonClick.emit();
     }
     useDifferentGoogleAccount() {
+        console.log('[ConnectGA] useDifferentGoogleAccount called');
         this.isReconnecting.set(true);
         const element = this.scrollElement();
+        console.log('[ConnectGA] scrollElement:', element);
         if (element) {
             element.scrollTo({ top: 0, behavior: 'smooth' });
+            console.log('[ConnectGA] scrolled via scrollElement');
         }
         else {
             window.scrollTo({ top: 0, behavior: 'smooth' });
+            console.log('[ConnectGA] scrolled via window');
         }
     }
     getContainerClasses() {