From dc153228227ffcda5f86eb8d678bc7aaa1a8ccc0 Mon Sep 17 00:00:00 2001
From: kurilova <kurilova@google.com>
Date: Mon, 20 Oct 2025 11:45:28 +0000
Subject: [PATCH] Show "Welcome modal" when the version is updated

---
 .../ui/src/app/components/version/version.component.ts    | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/modules/ui/src/app/components/version/version.component.ts b/modules/ui/src/app/components/version/version.component.ts
index 21a6faaed..debfd3dca 100644
--- a/modules/ui/src/app/components/version/version.component.ts
+++ b/modules/ui/src/app/components/version/version.component.ts
@@ -39,6 +39,8 @@ import { filter, timer } from 'rxjs';
 import { ConsentDialogComponent } from './consent-dialog/consent-dialog.component';
 import { LocalStorageService } from '../../services/local-storage.service';
 
+export const INSTALLED_VERSION = 'INSTALLED_VERSION';
+
 // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
 declare const gtag: Function;
 @Component({
@@ -64,11 +66,15 @@ export class VersionComponent implements OnInit, OnDestroy {
     this.version$ = this.testRunService.getVersion().pipe(
       filter(version => version !== null),
       tap(version => {
-        if (!this.consentShown) {
+        if (
+          !this.consentShown ||
+          version.installed_version !== localStorage.getItem(INSTALLED_VERSION)
+        ) {
           timer(2000).subscribe(() => {
             this.openConsentDialog(version);
             this.consentShownEvent.emit();
           });
+          localStorage.setItem(INSTALLED_VERSION, version.installed_version);
         }
         // @ts-expect-error data layer is not null
         window.dataLayer.push({