@eric-emg/symphiq-components 1.3.15 → 1.3.17

package/fesm2022/symphiq-components.mjs

@@ -55002,14 +55002,167 @@ class SymphiqCreateAccountDashboardComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 618 }); })();
 
+function ConnectGaWelcomeBannerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Your Google Analytics Connection ");
+} }
+function ConnectGaWelcomeBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Connect Google Analytics 4 ");
+} }
+class ConnectGaWelcomeBannerComponent {
+    constructor() {
+        this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
+        this.whatYoullSeeBelowItems = [
+            { title: 'Google Sign-In', description: 'Authenticate securely with your Google account to grant Symphiq read-only access to your analytics data' },
+            { title: 'Property Selection', description: 'Choose the GA4 property associated with your shop from your available properties' },
+            { title: 'Data Connection', description: 'Link your analytics data to enable funnel analysis, performance tracking, and personalized recommendations' }
+        ];
+    }
+    containerClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-slate-800/40 border-slate-700/50'
+            : 'bg-white border-slate-200';
+    }
+    contentClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-gradient-to-br from-slate-800/60 via-slate-800/40 to-slate-800/60'
+            : 'bg-gradient-to-br from-blue-50/30 via-white to-purple-50/30';
+    }
+    iconContainerClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'bg-gradient-to-br from-blue-500/20 to-purple-500/20 text-blue-400'
+            : 'bg-gradient-to-br from-blue-100 to-purple-100 text-blue-600';
+    }
+    titleClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-white'
+            : 'bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent';
+    }
+    textClasses() {
+        return this.viewMode() === ViewModeEnum.DARK
+            ? 'text-slate-300'
+            : 'text-slate-700';
+    }
+    static { this.ɵfac = function ConnectGaWelcomeBannerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConnectGaWelcomeBannerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConnectGaWelcomeBannerComponent, selectors: [["symphiq-connect-ga-welcome-banner"]], inputs: { viewMode: [1, "viewMode"], isOnboarded: [1, "isOnboarded"] }, decls: 21, vars: 12, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-6", "mb-6"], [1, "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], ["currentStepId", "connect-ga4", 1, "block", "max-w-sm", 3, "viewMode"], [1, "mt-6", "block", 3, "viewMode", "items"], ["title", "What Happens Next", "onboardedTitle", "Manage Your Connection", "description", "After connecting GA4, you'll set revenue targets that define your growth goals. Symphiq will then analyze your funnel performance against these targets to deliver precise, actionable recommendations.", "onboardedDescription", "Your GA4 connection remains active, continuously syncing your latest performance data. You can change your connected property or Google account at any time if your analytics setup evolves.", 1, "mt-6", "block", 3, "viewMode", "isOnboarded"]], template: function ConnectGaWelcomeBannerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(4, "svg", 4);
+            i0.ɵɵelement(5, "path", 5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵnamespaceHTML();
+            i0.ɵɵelementStart(6, "div", 6)(7, "h2", 7);
+            i0.ɵɵconditionalCreate(8, ConnectGaWelcomeBannerComponent_Conditional_8_Template, 1, 0)(9, ConnectGaWelcomeBannerComponent_Conditional_9_Template, 1, 0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "div", 8)(11, "div", 9)(12, "p", 10);
+            i0.ɵɵtext(13, " Connecting Google Analytics 4 enables Symphiq to access your performance data in read-only mode. This integration provides the quantitative foundation that powers all of Symphiq's insights and recommendations. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(14, "p", 10)(15, "strong", 11);
+            i0.ɵɵtext(16, "Why this matters:");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(17, " Your GA4 data reveals how visitors interact with your site\u2014from initial page views through purchases. Combined with your business context, this data enables Symphiq to identify specific opportunities and provide actionable, data-driven recommendations. ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(18, "symphiq-confidence-level-card", 12);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(19, "symphiq-what-youll-see-below", 13)(20, "symphiq-continue-your-journey", 14);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.containerClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.contentClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.iconContainerClasses());
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngClass", ctx.titleClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isOnboarded() ? 8 : 9);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngClass", ctx.textClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.textClasses());
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("viewMode", ctx.viewMode());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("items", ctx.whatYoullSeeBelowItems);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("isOnboarded", ctx.isOnboarded());
+        } }, dependencies: [CommonModule, i1$1.NgClass, ConfidenceLevelCardComponent, ContinueYourJourneyComponent, WhatYoullSeeBelowComponent], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConnectGaWelcomeBannerComponent, [{
+        type: Component,
+        args: [{
+                selector: 'symphiq-connect-ga-welcome-banner',
+                standalone: true,
+                imports: [CommonModule, ConfidenceLevelCardComponent, ContinueYourJourneyComponent, WhatYoullSeeBelowComponent],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                template: `
+    <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden">
+      <div [ngClass]="contentClasses()" class="px-8 py-8">
+        <div class="flex items-start gap-6">
+          <div [ngClass]="iconContainerClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
+            <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path>
+            </svg>
+          </div>
+
+          <div class="flex-1">
+            <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-3">
+              @if (isOnboarded()) {
+                Your Google Analytics Connection
+              } @else {
+                Connect Google Analytics 4
+              }
+            </h2>
+
+            <div class="space-y-6 mb-6">
+              <div class="space-y-3">
+                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                  Connecting Google Analytics 4 enables Symphiq to access your performance data in read-only mode. This integration provides the quantitative foundation that powers all of Symphiq's insights and recommendations.
+                </p>
+                <p [ngClass]="textClasses()" class="text-base leading-relaxed">
+                  <strong class="font-semibold">Why this matters:</strong> Your GA4 data reveals how visitors interact with your site—from initial page views through purchases. Combined with your business context, this data enables Symphiq to identify specific opportunities and provide actionable, data-driven recommendations.
+                </p>
+              </div>
+
+              <symphiq-confidence-level-card
+                class="block max-w-sm"
+                [viewMode]="viewMode()"
+                currentStepId="connect-ga4"
+              />
+            </div>
+
+            <symphiq-what-youll-see-below
+              class="mt-6 block"
+              [viewMode]="viewMode()"
+              [items]="whatYoullSeeBelowItems"
+            />
+
+            <symphiq-continue-your-journey
+              class="mt-6 block"
+              [viewMode]="viewMode()"
+              [isOnboarded]="isOnboarded()"
+              title="What Happens Next"
+              onboardedTitle="Manage Your Connection"
+              description="After connecting GA4, you'll set revenue targets that define your growth goals. Symphiq will then analyze your funnel performance against these targets to deliver precise, actionable recommendations."
+              onboardedDescription="Your GA4 connection remains active, continuously syncing your latest performance data. You can change your connected property or Google account at any time if your analytics setup evolves."
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  `
+            }]
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConnectGaWelcomeBannerComponent, { className: "ConnectGaWelcomeBannerComponent", filePath: "lib/components/connect-ga-dashboard/connect-ga-welcome-banner.component.ts", lineNumber: 70 }); })();
+
 const _forTrack0$D = ($index, $item) => $item.property.id;
-function SymphiqConnectGaDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 9)(2, "div", 10);
-    i0.ɵɵelement(3, "symphiq-indeterminate-spinner", 11);
-    i0.ɵɵelementStart(4, "h2", 12);
+function SymphiqConnectGaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 10)(2, "div", 11);
+    i0.ɵɵelement(3, "symphiq-indeterminate-spinner", 12);
+    i0.ɵɵelementStart(4, "h2", 13);
     i0.ɵɵtext(5, " Connecting to Google ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "p", 13);
+    i0.ɵɵelementStart(6, "p", 14);
     i0.ɵɵtext(7, " Please complete the sign-in process in the popup window. Once authorized, your Google Analytics properties will appear here. ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -55024,83 +55177,83 @@ function SymphiqConnectGaDashboardComponent_Conditional_7_Template(rf, ctx) { if
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Change Google Account ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Connect Google Analytics 4 ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 50);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelReconnectMode()); });
+    i0.ɵɵelementStart(0, "button", 51);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelReconnectMode()); });
     i0.ɵɵtext(1, " Cancel ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.headerCancelButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Sign in with a different Google account to access other Google Analytics properties. ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Integrating Google Analytics is essential. We use it to pull the majority of your data in a read-only format, ensuring no changes are made to your analytics. Please make sure you have access to the Google Analytics property associated with this shop to ensure proper integration. ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 14)(2, "div", 15)(3, "div", 16);
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 15)(2, "div", 16)(3, "div", 17);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 17);
-    i0.ɵɵelement(5, "path", 18);
+    i0.ɵɵelementStart(4, "svg", 18);
+    i0.ɵɵelement(5, "path", 19);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 19)(7, "div", 20)(8, "h2", 21);
-    i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_10_Template, 1, 0);
+    i0.ɵɵelementStart(6, "div", 20)(7, "div", 21)(8, "h2", 22);
+    i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_10_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_11_Template, 2, 1, "button", 22);
+    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_11_Template, 2, 1, "button", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "p", 23);
-    i0.ɵɵconditionalCreate(13, SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_13_Template, 1, 0)(14, SymphiqConnectGaDashboardComponent_Conditional_8_Conditional_14_Template, 1, 0);
+    i0.ɵɵelementStart(12, "p", 24);
+    i0.ɵɵconditionalCreate(13, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_13_Template, 1, 0)(14, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 24)(16, "button", 25);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_8_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onGoogleButtonClick()); });
-    i0.ɵɵelement(17, "div", 26);
-    i0.ɵɵelementStart(18, "div", 27)(19, "div", 28);
+    i0.ɵɵelementStart(15, "div", 25)(16, "button", 26);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_9_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onGoogleButtonClick()); });
+    i0.ɵɵelement(17, "div", 27);
+    i0.ɵɵelementStart(18, "div", 28)(19, "div", 29);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(20, "svg", 29);
-    i0.ɵɵelement(21, "path", 30)(22, "path", 31)(23, "path", 32)(24, "path", 33)(25, "path", 34);
+    i0.ɵɵelementStart(20, "svg", 30);
+    i0.ɵɵelement(21, "path", 31)(22, "path", 32)(23, "path", 33)(24, "path", 34)(25, "path", 35);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(26, "span", 35);
+    i0.ɵɵelementStart(26, "span", 36);
     i0.ɵɵtext(27, "Continue with Google");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(28, "div", 36);
+    i0.ɵɵelementStart(28, "div", 37);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(29, "svg", 37);
-    i0.ɵɵelement(30, "path", 38);
+    i0.ɵɵelementStart(29, "svg", 38);
+    i0.ɵɵelement(30, "path", 39);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(31, "div", 19)(32, "p", 39)(33, "strong", 40);
+    i0.ɵɵelementStart(31, "div", 20)(32, "p", 40)(33, "strong", 41);
     i0.ɵɵtext(34, "Note:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(35, " When you click \"Continue with Google\", you'll be asked to sign in to your Google account and select the Analytics property associated with your shop. ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(36, "div", 41)(37, "div", 42);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_8_Template_div_click_37_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleExpanded()); });
-    i0.ɵɵelementStart(38, "span", 43);
+    i0.ɵɵelementStart(36, "div", 42)(37, "div", 43);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_9_Template_div_click_37_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleExpanded()); });
+    i0.ɵɵelementStart(38, "span", 44);
     i0.ɵɵtext(39, " How do we use your Google Analytics data? ");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(40, "svg", 44);
-    i0.ɵɵelement(41, "path", 45);
+    i0.ɵɵelementStart(40, "svg", 45);
+    i0.ɵɵelement(41, "path", 46);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(42, "div", 46)(43, "div", 47)(44, "p", 48);
+    i0.ɵɵelementStart(42, "div", 47)(43, "div", 48)(44, "p", 49);
     i0.ɵɵtext(45, " We request access to your Google Analytics data to aggregate this information into funnel stages and display trends within our application. This allows us to provide you with a clear overview of your web performance. By analyzing the data, we can map out recommendations, measure the impact of your current strategies, and suggest actionable next steps for improvement. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(46, "p", 39);
+    i0.ɵɵelementStart(46, "p", 40);
     i0.ɵɵtext(47, " Symphiq's use and transfer to any other app of information received from Google APIs will adhere to ");
-    i0.ɵɵelementStart(48, "strong", 49);
+    i0.ɵɵelementStart(48, "strong", 50);
     i0.ɵɵtext(49, "Google API Services User Data Policy");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(50, " including the Limited Use requirements. ");
@@ -55146,33 +55299,33 @@ function SymphiqConnectGaDashboardComponent_Conditional_8_Template(rf, ctx) { if
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.expandedTextClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Change Google Analytics Property ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Choose Your Property ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 50);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelEditMode()); });
+    i0.ɵɵelementStart(0, "button", 51);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelEditMode()); });
     i0.ɵɵtext(1, " Cancel ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.headerCancelButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 61);
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 62);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66);
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 67);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 67);
-    i0.ɵɵelement(2, "path", 68);
+    i0.ɵɵelementStart(1, "svg", 68);
+    i0.ɵɵelement(2, "path", 69);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span", 65);
+    i0.ɵɵelementStart(3, "span", 66);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -55184,31 +55337,31 @@ function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_C
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" Account: ", ctx.name || "Unnamed Account", " ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Conditional_10_Conditional_0_Template, 5, 3, "div", 66);
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Conditional_10_Conditional_0_Template, 5, 3, "div", 67);
 } if (rf & 2) {
     let tmp_13_0;
     const item_r7 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional((tmp_13_0 = ctx_r0.getAccountForProperty(item_r7.property)) ? 0 : -1, tmp_13_0);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 58);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Template_label_click_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProperty(item_r7.property.id)); })("keydown.enter", function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Template_label_keydown_enter_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProperty(item_r7.property.id)); })("keydown.space", function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Template_label_keydown_space_0_listener($event) { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); ctx_r0.selectProperty(item_r7.property.id); return i0.ɵɵresetView($event.preventDefault()); });
-    i0.ɵɵelementStart(1, "div", 59)(2, "div", 60);
-    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Conditional_3_Template, 1, 0, "div", 61);
+    i0.ɵɵelementStart(0, "label", 59);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template_label_click_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProperty(item_r7.property.id)); })("keydown.enter", function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template_label_keydown_enter_0_listener() { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProperty(item_r7.property.id)); })("keydown.space", function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template_label_keydown_space_0_listener($event) { const item_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); ctx_r0.selectProperty(item_r7.property.id); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵelementStart(1, "div", 60)(2, "div", 61);
+    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Conditional_3_Template, 1, 0, "div", 62);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 62)(5, "div", 63);
+    i0.ɵɵelementStart(4, "div", 63)(5, "div", 64);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(6, "svg", 64);
-    i0.ɵɵelement(7, "path", 18);
+    i0.ɵɵelementStart(6, "svg", 65);
+    i0.ɵɵelement(7, "path", 19);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(8, "div", 65);
+    i0.ɵɵelementStart(8, "div", 66);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Conditional_10_Template, 1, 1);
+    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Conditional_10_Template, 1, 1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const item_r7 = ctx.$implicit;
@@ -55228,17 +55381,17 @@ function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_T
     i0.ɵɵadvance();
     i0.ɵɵconditional(item_r7.property.gaAccountId ? 10 : -1);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 52);
-    i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_For_2_Template, 11, 8, "label", 53, _forTrack0$D);
+    i0.ɵɵelementStart(0, "div", 53);
+    i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_For_2_Template, 11, 8, "label", 54, _forTrack0$D);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "div", 54);
-    i0.ɵɵelementStart(4, "button", 55);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.useDifferentGoogleAccount()); });
+    i0.ɵɵelement(3, "div", 55);
+    i0.ɵɵelementStart(4, "button", 56);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.useDifferentGoogleAccount()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 56);
-    i0.ɵɵelement(6, "path", 57);
+    i0.ɵɵelementStart(5, "svg", 57);
+    i0.ɵɵelement(6, "path", 58);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(7, " Use Different Google Account ");
     i0.ɵɵelementEnd();
@@ -55251,8 +55404,8 @@ function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Templat
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.useDifferentAccountButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51)(1, "p", 69);
+function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 52)(1, "p", 70);
     i0.ɵɵtext(2, " No properties found. Please connect your Google Analytics account. ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -55260,22 +55413,22 @@ function SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_15_Templat
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.emptyStateTextClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 14)(2, "div", 15)(3, "div", 16);
+function SymphiqConnectGaDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 15)(2, "div", 16)(3, "div", 17);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 17);
-    i0.ɵɵelement(5, "path", 18);
+    i0.ɵɵelementStart(4, "svg", 18);
+    i0.ɵɵelement(5, "path", 19);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 19)(7, "div", 20)(8, "h2", 21);
-    i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_10_Template, 1, 0);
+    i0.ɵɵelementStart(6, "div", 20)(7, "div", 21)(8, "h2", 22);
+    i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_10_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_11_Template, 2, 1, "button", 22);
+    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_11_Template, 2, 1, "button", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "p", 23);
+    i0.ɵɵelementStart(12, "p", 24);
     i0.ɵɵtext(13, " Please choose the Google Analytics property you'd like to link to your shop. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(14, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_14_Template, 8, 2)(15, SymphiqConnectGaDashboardComponent_Conditional_9_Conditional_15_Template, 3, 1, "div", 51);
+    i0.ɵɵconditionalCreate(14, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_14_Template, 8, 2)(15, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_15_Template, 3, 1, "div", 52);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -55295,11 +55448,11 @@ function SymphiqConnectGaDashboardComponent_Conditional_9_Template(rf, ctx) { if
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.propertiesDisplay().length > 0 ? 14 : 15);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66);
+function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 67);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 67);
-    i0.ɵɵelement(2, "path", 68);
+    i0.ɵɵelementStart(1, "svg", 68);
+    i0.ɵɵelement(2, "path", 69);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(3, "span", 0);
@@ -55314,20 +55467,20 @@ function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_17_Condit
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx.name || "Unnamed Account", " ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 75)(1, "div", 77)(2, "div", 78);
+function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 76)(1, "div", 78)(2, "div", 79);
     i0.ɵɵtext(3, " Connected ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 79);
+    i0.ɵɵelementStart(4, "div", 80);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 80);
-    i0.ɵɵelement(6, "path", 18);
+    i0.ɵɵelementStart(5, "svg", 81);
+    i0.ɵɵelement(6, "path", 19);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(7, "div")(8, "div", 81);
+    i0.ɵɵelementStart(7, "div")(8, "div", 82);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_17_Conditional_10_Template, 5, 3, "div", 66);
+    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_17_Conditional_10_Template, 5, 3, "div", 67);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     let tmp_8_0;
@@ -55344,35 +55497,35 @@ function SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_17_Templa
     i0.ɵɵadvance();
     i0.ɵɵconditional((tmp_8_0 = ctx_r0.selectedPropertyAccount()) ? 10 : -1, tmp_8_0);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 14)(2, "div", 15)(3, "div", 16);
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 15)(2, "div", 16)(3, "div", 17);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 17);
-    i0.ɵɵelement(5, "path", 70);
+    i0.ɵɵelementStart(4, "svg", 18);
+    i0.ɵɵelement(5, "path", 71);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 19)(7, "div", 71)(8, "div")(9, "h2", 72);
+    i0.ɵɵelementStart(6, "div", 20)(7, "div", 72)(8, "div")(9, "h2", 73);
     i0.ɵɵtext(10, " Connected to Google Analytics ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "p", 69);
+    i0.ɵɵelementStart(11, "p", 70);
     i0.ɵɵtext(12, " Your analytics data is linked ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "button", 73);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_10_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.enableEditMode()); });
+    i0.ɵɵelementStart(13, "button", 74);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_11_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.enableEditMode()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(14, "svg", 56);
-    i0.ɵɵelement(15, "path", 74);
+    i0.ɵɵelementStart(14, "svg", 57);
+    i0.ɵɵelement(15, "path", 75);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(16, " Edit ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(17, SymphiqConnectGaDashboardComponent_Conditional_10_Conditional_17_Template, 11, 6, "div", 75);
+    i0.ɵɵconditionalCreate(17, SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_17_Template, 11, 6, "div", 76);
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(18, "button", 76);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_10_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reconnectWithDifferentAccount()); });
+    i0.ɵɵelementStart(18, "button", 77);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_11_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.reconnectWithDifferentAccount()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(19, "svg", 56);
-    i0.ɵɵelement(20, "path", 57);
+    i0.ɵɵelementStart(19, "svg", 57);
+    i0.ɵɵelement(20, "path", 58);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(21, " Use Different Google Account ");
     i0.ɵɵelementEnd()()()()();
@@ -55395,14 +55548,14 @@ function SymphiqConnectGaDashboardComponent_Conditional_10_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.reconnectButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 85);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelEditMode()); });
+    i0.ɵɵelementStart(0, "button", 86);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.cancelEditMode()); });
     i0.ɵɵtext(1, " Cancel ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 86);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.submitPropertyChange()); });
+    i0.ɵɵelementStart(2, "button", 87);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.submitPropertyChange()); });
     i0.ɵɵtext(3, " Submit ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -55411,19 +55564,19 @@ function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_3_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("disabled", !ctx_r0.hasPropertyChanged())("ngClass", ctx_r0.submitButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 86);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.submitPropertySelection()); });
+    i0.ɵɵelementStart(0, "button", 87);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.submitPropertySelection()); });
     i0.ɵɵtext(1, " Continue ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("disabled", !ctx_r0.hasPropertySelected())("ngClass", ctx_r0.submitButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8)(1, "div", 82)(2, "div", 83);
-    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_3_Template, 4, 3)(4, SymphiqConnectGaDashboardComponent_Conditional_11_Conditional_4_Template, 2, 2, "button", 84);
+function SymphiqConnectGaDashboardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 83)(2, "div", 84);
+    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_3_Template, 4, 3)(4, SymphiqConnectGaDashboardComponent_Conditional_12_Conditional_4_Template, 2, 2, "button", 85);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -55461,6 +55614,7 @@ class SymphiqConnectGaDashboardComponent {
         this.forDemo = input(false, ...(ngDevMode ? [{ debugName: "forDemo" }] : []));
         this.maxAccessibleStepId = input(undefined, ...(ngDevMode ? [{ debugName: "maxAccessibleStepId" }] : []));
         this.showNextStepAction = input(true, ...(ngDevMode ? [{ debugName: "showNextStepAction" }] : []));
+        this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
         this.gaProperties = input(undefined, ...(ngDevMode ? [{ debugName: "gaProperties" }] : []));
         this.gaAccounts = input(undefined, ...(ngDevMode ? [{ debugName: "gaAccounts" }] : []));
         this.selectedGaPropertyId = input(undefined, ...(ngDevMode ? [{ debugName: "selectedGaPropertyId" }] : []));
@@ -55847,7 +56001,7 @@ class SymphiqConnectGaDashboardComponent {
             i0.ɵɵlistener("scroll", function SymphiqConnectGaDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
         } if (rf & 2) {
             i0.ɵɵclassProp("light", ctx.isLightMode())("dark", !ctx.isLightMode());
-        } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], showNextStepAction: [1, "showNextStepAction"], gaProperties: [1, "gaProperties"], gaAccounts: [1, "gaAccounts"], selectedGaPropertyId: [1, "selectedGaPropertyId"], isConnectingToGoogle: [1, "isConnectingToGoogle"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange" }, decls: 12, vars: 19, consts: [[3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], [1, "px-8", "py-16", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "text-center", "gap-8"], ["size", "large", 3, "viewMode"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-4", 3, "ngClass"], [1, "text-base", "leading-relaxed", "max-w-md", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"], [1, "flex-1"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "text-2xl", "sm:text-3xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "text-base", "leading-relaxed", "mb-6", 3, "ngClass"], [1, "mb-6"], ["type", "button", 1, "gsi-material-button", 3, "click"], [1, "gsi-material-button-state"], [1, "gsi-material-button-content-wrapper"], [1, "gsi-material-button-icon"], ["version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 48 48", 0, "xmlns", "xlink", "http://www.w3.org/1999/xlink", 2, "display", "block"], ["fill", "#EA4335", "d", "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"], ["fill", "#4285F4", "d", "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"], ["fill", "#FBBC05", "d", "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"], ["fill", "#34A853", "d", "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"], ["fill", "none", "d", "M0 0h48v48H0z"], [1, "gsi-material-button-contents"], [1, "p-4", "rounded-lg", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "rounded-lg", "border", "overflow-hidden", 3, "ngClass"], [1, "px-4", "py-4", "cursor-pointer", "flex", "items-center", "justify-between", "gap-3", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "text-base", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-300", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "px-4", "pb-4", "pt-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "font-bold"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], [1, "text-center", "py-8"], ["role", "radiogroup", "aria-label", "Google Analytics Properties", 1, "space-y-3"], ["tabindex", "0", "role", "radio", 1, "block", 3, "ngClass"], [1, "my-6", "border-t", 3, "ngClass"], ["type", "button", 1, "w-full", "px-4", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"], ["tabindex", "0", "role", "radio", 1, "block", 3, "click", "keydown.enter", "keydown.space", "ngClass"], [1, "flex", "items-center", "gap-4", "p-4"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"], [1, "text-base", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "rounded-xl", "border-2", "p-6", "mb-6", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-4"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", 3, "ngClass"], [1, "text-lg", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "disabled", "ngClass"], ["type", "button", 1, "flex-1", "sm:flex-none", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "disabled", "ngClass"]], template: function SymphiqConnectGaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], showNextStepAction: [1, "showNextStepAction"], isOnboarded: [1, "isOnboarded"], gaProperties: [1, "gaProperties"], gaAccounts: [1, "gaAccounts"], selectedGaPropertyId: [1, "selectedGaPropertyId"], isConnectingToGoogle: [1, "isConnectingToGoogle"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange" }, decls: 13, vars: 21, consts: [[3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "block", "mb-8", 3, "viewMode", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], [1, "px-8", "py-16", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "text-center", "gap-8"], ["size", "large", 3, "viewMode"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-4", 3, "ngClass"], [1, "text-base", "leading-relaxed", "max-w-md", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"], [1, "flex-1"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-4"], [1, "text-2xl", "sm:text-3xl", "font-bold", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "ngClass"], [1, "text-base", "leading-relaxed", "mb-6", 3, "ngClass"], [1, "mb-6"], ["type", "button", 1, "gsi-material-button", 3, "click"], [1, "gsi-material-button-state"], [1, "gsi-material-button-content-wrapper"], [1, "gsi-material-button-icon"], ["version", "1.1", "xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 48 48", 0, "xmlns", "xlink", "http://www.w3.org/1999/xlink", 2, "display", "block"], ["fill", "#EA4335", "d", "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"], ["fill", "#4285F4", "d", "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"], ["fill", "#FBBC05", "d", "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"], ["fill", "#34A853", "d", "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"], ["fill", "none", "d", "M0 0h48v48H0z"], [1, "gsi-material-button-contents"], [1, "p-4", "rounded-lg", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "rounded-lg", "border", "overflow-hidden", 3, "ngClass"], [1, "px-4", "py-4", "cursor-pointer", "flex", "items-center", "justify-between", "gap-3", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "text-base", "font-semibold", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-300", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "px-4", "pb-4", "pt-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "font-bold"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-semibold", "text-sm", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", "flex-shrink-0", 3, "click", "ngClass"], [1, "text-center", "py-8"], ["role", "radiogroup", "aria-label", "Google Analytics Properties", 1, "space-y-3"], ["tabindex", "0", "role", "radio", 1, "block", 3, "ngClass"], [1, "my-6", "border-t", 3, "ngClass"], ["type", "button", 1, "w-full", "px-4", "py-3", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"], ["tabindex", "0", "role", "radio", 1, "block", 3, "click", "keydown.enter", "keydown.space", "ngClass"], [1, "flex", "items-center", "gap-4", "p-4"], [1, "w-5", "h-5", "rounded-full", "border-2", "flex", "items-center", "justify-center", "flex-shrink-0", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-current"], [1, "flex-1", "min-w-0"], [1, "flex", "items-center", "gap-2", "mb-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", 3, "ngClass"], [1, "truncate", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-1"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "flex-shrink-0", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"], [1, "text-base", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-2", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "hover:scale-105", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "rounded-xl", "border-2", "p-6", "mb-6", 3, "ngClass"], ["type", "button", 1, "px-4", "py-2", "rounded-lg", "font-medium", "text-sm", "transition-all", "duration-200", "flex", "items-center", "gap-2", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-4"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", "border", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", 3, "ngClass"], [1, "text-lg", 3, "ngClass"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-3"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "disabled", "ngClass"], ["type", "button", 1, "flex-1", "sm:flex-none", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "hover:scale-105", "cursor-pointer", 3, "click", "disabled", "ngClass"]], template: function SymphiqConnectGaDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -55856,12 +56010,13 @@ class SymphiqConnectGaDashboardComponent {
             i0.ɵɵlistener("stepClick", function SymphiqConnectGaDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_4_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqConnectGaDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_4_listener() { return ctx.nextStepClick.emit(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(5, "main", 5)(6, "div", 6);
-            i0.ɵɵconditionalCreate(7, SymphiqConnectGaDashboardComponent_Conditional_7_Template, 8, 5, "div", 7);
-            i0.ɵɵconditionalCreate(8, SymphiqConnectGaDashboardComponent_Conditional_8_Template, 51, 28, "div", 7);
-            i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_9_Template, 16, 8, "div", 7);
-            i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_10_Template, 22, 8, "div", 7);
+            i0.ɵɵelement(7, "symphiq-connect-ga-welcome-banner", 7);
+            i0.ɵɵconditionalCreate(8, SymphiqConnectGaDashboardComponent_Conditional_8_Template, 8, 5, "div", 8);
+            i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_9_Template, 51, 28, "div", 8);
+            i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_10_Template, 16, 8, "div", 8);
+            i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_11_Template, 22, 8, "div", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_11_Template, 5, 2, "div", 8);
+            i0.ɵɵconditionalCreate(12, SymphiqConnectGaDashboardComponent_Conditional_12_Template, 5, 2, "div", 9);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
@@ -55872,20 +56027,22 @@ class SymphiqConnectGaDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.CONNECT_GA4)("showNextStepAction", ctx.showNextStepAction())("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.isConnecting() ? 7 : -1);
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("isOnboarded", ctx.isOnboarded());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.isConnecting() ? 8 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isConnectState() && !ctx.isConnecting() ? 8 : -1);
+            i0.ɵɵconditional(ctx.isConnectState() && !ctx.isConnecting() ? 9 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSelectionState() && !ctx.isConnecting() ? 9 : -1);
+            i0.ɵɵconditional(ctx.isSelectionState() && !ctx.isConnecting() ? 10 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSelectedState() && !ctx.isConnecting() ? 10 : -1);
+            i0.ɵɵconditional(ctx.isSelectedState() && !ctx.isConnecting() ? 11 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showSubmitButton() ? 11 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, JourneyProgressIndicatorComponent, IndeterminateSpinnerComponent, DashboardHeaderComponent], styles: ["[_nghost-%COMP%]{display:block}.animated-bubbles[_ngcontent-%COMP%]{overflow:hidden}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out;opacity:.05}.animated-bubbles[_ngcontent-%COMP%]:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode[_ngcontent-%COMP%]:before, .animated-bubbles.light-mode[_ngcontent-%COMP%]:after{opacity:.03}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-icon[_ngcontent-%COMP%]{height:20px;margin-right:12px;min-width:20px;width:20px}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-content-wrapper[_ngcontent-%COMP%]{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-contents[_ngcontent-%COMP%]{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-state[_ngcontent-%COMP%]{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-contents[_ngcontent-%COMP%]{opacity:38%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-icon[_ngcontent-%COMP%]{opacity:38%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):active   .gsi-material-button-state[_ngcontent-%COMP%], .light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):focus   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#303030;opacity:12%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#303030;opacity:8%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-icon[_ngcontent-%COMP%]{height:20px;margin-right:12px;min-width:20px;width:20px}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-content-wrapper[_ngcontent-%COMP%]{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-contents[_ngcontent-%COMP%]{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-state[_ngcontent-%COMP%]{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#e3e3e31f}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-contents[_ngcontent-%COMP%]{opacity:38%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-icon[_ngcontent-%COMP%]{opacity:38%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):active   .gsi-material-button-state[_ngcontent-%COMP%], .dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):focus   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#fff;opacity:12%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#fff;opacity:8%}"], changeDetection: 0 }); }
+            i0.ɵɵconditional(ctx.showSubmitButton() ? 12 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass, JourneyProgressIndicatorComponent, IndeterminateSpinnerComponent, DashboardHeaderComponent, ConnectGaWelcomeBannerComponent], styles: ["[_nghost-%COMP%]{display:block}.animated-bubbles[_ngcontent-%COMP%]{overflow:hidden}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out;opacity:.05}.animated-bubbles[_ngcontent-%COMP%]:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode[_ngcontent-%COMP%]:before, .animated-bubbles.light-mode[_ngcontent-%COMP%]:after{opacity:.03}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-icon[_ngcontent-%COMP%]{height:20px;margin-right:12px;min-width:20px;width:20px}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-content-wrapper[_ngcontent-%COMP%]{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-contents[_ngcontent-%COMP%]{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-state[_ngcontent-%COMP%]{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-contents[_ngcontent-%COMP%]{opacity:38%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-icon[_ngcontent-%COMP%]{opacity:38%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):active   .gsi-material-button-state[_ngcontent-%COMP%], .light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):focus   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#303030;opacity:12%}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.light[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#303030;opacity:8%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-icon[_ngcontent-%COMP%]{height:20px;margin-right:12px;min-width:20px;width:20px}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-content-wrapper[_ngcontent-%COMP%]{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-contents[_ngcontent-%COMP%]{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]   .gsi-material-button-state[_ngcontent-%COMP%]{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#e3e3e31f}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-contents[_ngcontent-%COMP%]{opacity:38%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:disabled   .gsi-material-button-icon[_ngcontent-%COMP%]{opacity:38%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):active   .gsi-material-button-state[_ngcontent-%COMP%], .dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):focus   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#fff;opacity:12%}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.dark[_nghost-%COMP%]   .gsi-material-button[_ngcontent-%COMP%]:not(:disabled):hover   .gsi-material-button-state[_ngcontent-%COMP%]{background-color:#fff;opacity:8%}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqConnectGaDashboardComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-connect-ga-dashboard', standalone: true, imports: [CommonModule, JourneyProgressIndicatorComponent, IndeterminateSpinnerComponent, DashboardHeaderComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+        args: [{ selector: 'symphiq-connect-ga-dashboard', standalone: true, imports: [CommonModule, JourneyProgressIndicatorComponent, IndeterminateSpinnerComponent, DashboardHeaderComponent, ConnectGaWelcomeBannerComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                     '[class.light]': 'isLightMode()',
                     '[class.dark]': '!isLightMode()'
                 }, template: `
@@ -55915,6 +56072,13 @@ class SymphiqConnectGaDashboardComponent {
 
         <main class="relative pb-32">
           <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+            <!-- Welcome Banner -->
+            <symphiq-connect-ga-welcome-banner
+              class="block mb-8"
+              [viewMode]="viewMode()"
+              [isOnboarded]="isOnboarded()"
+            />
+
             <!-- Connecting to Google State -->
             @if (isConnecting()) {
               <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
@@ -56259,11 +56423,11 @@ class SymphiqConnectGaDashboardComponent {
       </div>
     </div>
   `, styles: [":host{display:block}.animated-bubbles{overflow:hidden}.animated-bubbles:before,.animated-bubbles:after{content:\"\";position:absolute;border-radius:50%;animation:float 20s infinite ease-in-out;opacity:.05}.animated-bubbles:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode:before,.animated-bubbles.light-mode:after{opacity:.03}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}:host.light .gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}:host.light .gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}:host.light .gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}:host.light .gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}:host.light .gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}:host.light .gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}:host.light .gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}:host.light .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}:host.light .gsi-material-button:not(:disabled):active .gsi-material-button-state,:host.light .gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}:host.light .gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}:host.light .gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}:host.dark .gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}:host.dark .gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}:host.dark .gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}:host.dark .gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}:host.dark .gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}:host.dark .gsi-material-button:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}:host.dark .gsi-material-button:disabled .gsi-material-button-state{background-color:#e3e3e31f}:host.dark .gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}:host.dark .gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}:host.dark .gsi-material-button:not(:disabled):active .gsi-material-button-state,:host.dark .gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#fff;opacity:12%}:host.dark .gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}:host.dark .gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#fff;opacity:8%}\n"] }]
-    }], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], showNextStepAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNextStepAction", required: false }] }], gaProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaProperties", required: false }] }], gaAccounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaAccounts", required: false }] }], selectedGaPropertyId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedGaPropertyId", required: false }] }], isConnectingToGoogle: [{ type: i0.Input, args: [{ isSignal: true, alias: "isConnectingToGoogle", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], googleButtonClick: [{ type: i0.Output, args: ["googleButtonClick"] }], onPropertySelect: [{ type: i0.Output, args: ["onPropertySelect"] }], onPropertyChange: [{ type: i0.Output, args: ["onPropertyChange"] }], onScroll: [{
+    }], () => [], { embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], parentHeaderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentHeaderOffset", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], showNextStepAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNextStepAction", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], gaProperties: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaProperties", required: false }] }], gaAccounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaAccounts", required: false }] }], selectedGaPropertyId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedGaPropertyId", required: false }] }], isConnectingToGoogle: [{ type: i0.Input, args: [{ isSignal: true, alias: "isConnectingToGoogle", required: false }] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], googleButtonClick: [{ type: i0.Output, args: ["googleButtonClick"] }], onPropertySelect: [{ type: i0.Output, args: ["onPropertySelect"] }], onPropertyChange: [{ type: i0.Output, args: ["onPropertyChange"] }], onScroll: [{
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber: 671 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber: 679 }); })();
 
 class RevenueCalculatorWelcomeBannerComponent {
     constructor() {