@eric-emg/symphiq-components 1.2.167 → 1.2.169

package/fesm2022/symphiq-components.mjs

@@ -25488,9 +25488,9 @@ class JourneyProgressIndicatorComponent {
         // Create abbreviated versions of titles
         const abbreviations = {
             'Welcome to Symphiq': 'Welcome',
-            'Create Account': 'Create',
+            'Create Account': 'Account',
             'Business Analysis': 'Business',
-            'Connect GA4 Data': 'Connect',
+            'Connect GA4 Data': 'GA4 Data',
             'Revenue Calculator': 'Revenue',
             'Funnel Analysis': 'Funnel',
             'Shop Analysis': 'Shop',
@@ -54187,6 +54187,28 @@ class SymphiqCreateAccountDashboardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 625 }); })();
 
 const _forTrack0$i = ($index, $item) => $item.id;
+function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Change Google Account ");
+} }
+function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Connect Google Analytics 4 ");
+} }
+function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 49);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.cancelReconnectMode()); });
+    i0.ɵɵtext(1, " Cancel ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r2.headerCancelButtonClasses());
+} }
+function SymphiqConnectGaDashboardComponent_Conditional_21_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_21_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_21_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "div", 15)(3, "div", 16);
@@ -54195,179 +54217,197 @@ function SymphiqConnectGaDashboardComponent_Conditional_21_Template(rf, ctx) { i
     i0.ɵɵelement(5, "path", 18);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 19)(7, "h2", 20);
-    i0.ɵɵtext(8, " Connect Google Analytics 4 ");
+    i0.ɵɵelementStart(6, "div", 19)(7, "div", 20)(8, "h2", 21);
+    i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_10_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "p", 21);
-    i0.ɵɵtext(10, " 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. ");
+    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_11_Template, 2, 1, "button", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 22)(12, "button", 23);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_21_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.googleButtonClick.emit()); });
-    i0.ɵɵelement(13, "div", 24);
-    i0.ɵɵelementStart(14, "div", 25)(15, "div", 26);
+    i0.ɵɵelementStart(12, "p", 23);
+    i0.ɵɵconditionalCreate(13, SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_13_Template, 1, 0)(14, SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_14_Template, 1, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "div", 24)(16, "button", 25);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_21_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.googleButtonClick.emit()); });
+    i0.ɵɵelement(17, "div", 26);
+    i0.ɵɵelementStart(18, "div", 27)(19, "div", 28);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(16, "svg", 27);
-    i0.ɵɵelement(17, "path", 28)(18, "path", 29)(19, "path", 30)(20, "path", 31)(21, "path", 32);
+    i0.ɵɵelementStart(20, "svg", 29);
+    i0.ɵɵelement(21, "path", 30)(22, "path", 31)(23, "path", 32)(24, "path", 33)(25, "path", 34);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(22, "span", 33);
-    i0.ɵɵtext(23, "Continue with Google");
+    i0.ɵɵelementStart(26, "span", 35);
+    i0.ɵɵtext(27, "Continue with Google");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(24, "div", 34);
+    i0.ɵɵelementStart(28, "div", 36);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(25, "svg", 35);
-    i0.ɵɵelement(26, "path", 36);
+    i0.ɵɵelementStart(29, "svg", 37);
+    i0.ɵɵelement(30, "path", 38);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(27, "div", 19)(28, "p", 37)(29, "strong", 38);
-    i0.ɵɵtext(30, "Note:");
+    i0.ɵɵelementStart(31, "div", 19)(32, "p", 39)(33, "strong", 40);
+    i0.ɵɵtext(34, "Note:");
     i0.ɵɵelementEnd();
-    i0.ɵɵtext(31, " 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.ɵɵ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(32, "div", 39)(33, "div", 40);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_21_Template_div_click_33_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleExpanded()); });
-    i0.ɵɵelementStart(34, "span", 41);
-    i0.ɵɵtext(35, " How do we use your Google Analytics data? ");
+    i0.ɵɵelementStart(36, "div", 41)(37, "div", 42);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_21_Template_div_click_37_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleExpanded()); });
+    i0.ɵɵelementStart(38, "span", 43);
+    i0.ɵɵtext(39, " How do we use your Google Analytics data? ");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(36, "svg", 42);
-    i0.ɵɵelement(37, "path", 43);
+    i0.ɵɵelementStart(40, "svg", 44);
+    i0.ɵɵelement(41, "path", 45);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(38, "div", 4)(39, "div", 44)(40, "p", 45);
-    i0.ɵɵtext(41, " 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.ɵɵelementStart(42, "div", 4)(43, "div", 46)(44, "p", 47);
+    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(42, "p", 37);
-    i0.ɵɵtext(43, " Symphiq's use and transfer to any other app of information received from Google APIs will adhere to ");
-    i0.ɵɵelementStart(44, "strong", 46);
-    i0.ɵɵtext(45, "Google API Services User Data Policy");
+    i0.ɵɵelementStart(46, "p", 39);
+    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", 48);
+    i0.ɵɵtext(49, "Google API Services User Data Policy");
     i0.ɵɵelementEnd();
-    i0.ɵɵtext(46, " including the Limited Use requirements. ");
+    i0.ɵɵtext(50, " including the Limited Use requirements. ");
     i0.ɵɵelementEnd()()()()()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.containerClasses());
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r2.containerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.contentClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.contentClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.iconContainerClasses());
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.iconContainerClasses());
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.isReconnecting() ? 9 : 10);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.textClasses());
+    i0.ɵɵconditional(ctx_r2.isReconnecting() ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r2.textClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.isReconnecting() ? 13 : 14);
     i0.ɵɵadvance(15);
-    i0.ɵɵproperty("ngClass", ctx_r1.noteBoxClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.noteBoxClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.noteIconClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.noteIconClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.noteTextClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.noteTextClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", ctx_r1.expandableCardClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.expandableCardClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.expandableHeaderClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.expandableHeaderClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.expandableHeaderTextClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.expandableHeaderTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("rotate-180", ctx_r1.isExpanded());
-    i0.ɵɵproperty("ngClass", ctx_r1.chevronClasses());
+    i0.ɵɵclassProp("rotate-180", ctx_r2.isExpanded());
+    i0.ɵɵproperty("ngClass", ctx_r2.chevronClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("max-h-0", !ctx_r1.isExpanded())("opacity-0", !ctx_r1.isExpanded())("max-h-[1000px]", ctx_r1.isExpanded())("opacity-100", ctx_r1.isExpanded());
+    i0.ɵɵclassProp("max-h-0", !ctx_r2.isExpanded())("opacity-0", !ctx_r2.isExpanded())("max-h-[1000px]", ctx_r2.isExpanded())("opacity-100", ctx_r2.isExpanded());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.expandedContentClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.expandedContentClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.expandedTextClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.expandedTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.expandedTextClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.expandedTextClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Change Google Analytics Property ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Choose Your Property ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 53);
+function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 49);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.cancelEditMode()); });
+    i0.ɵɵtext(1, " Cancel ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r2.headerCancelButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58);
+function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 56);
+} }
+function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 59);
-    i0.ɵɵelement(2, "path", 60);
+    i0.ɵɵelementStart(1, "svg", 62);
+    i0.ɵɵelement(2, "path", 63);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span", 57);
+    i0.ɵɵelementStart(3, "span", 60);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(5);
+    const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.accountNameClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.accountNameClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.accountNameClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.accountNameClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" Account: ", ctx.name || "Unnamed Account", " ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Conditional_10_Conditional_0_Template, 5, 3, "div", 58);
+function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_10_Conditional_0_Template, 5, 3, "div", 61);
 } if (rf & 2) {
     let tmp_13_0;
-    const property_r4 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵconditional((tmp_13_0 = ctx_r1.getAccountForProperty(property_r4)) ? 0 : -1, tmp_13_0);
+    const property_r6 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional((tmp_13_0 = ctx_r2.getAccountForProperty(property_r6)) ? 0 : -1, tmp_13_0);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 50);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Template_label_click_0_listener() { const property_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectProperty(property_r4.id)); })("keydown.enter", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Template_label_keydown_enter_0_listener() { const property_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectProperty(property_r4.id)); })("keydown.space", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Template_label_keydown_space_0_listener($event) { const property_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); ctx_r1.selectProperty(property_r4.id); return i0.ɵɵresetView($event.preventDefault()); });
-    i0.ɵɵelementStart(1, "div", 51)(2, "div", 52);
-    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Conditional_3_Template, 1, 0, "div", 53);
+function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 53);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Template_label_click_0_listener() { const property_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.selectProperty(property_r6.id)); })("keydown.enter", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Template_label_keydown_enter_0_listener() { const property_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.selectProperty(property_r6.id)); })("keydown.space", function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Template_label_keydown_space_0_listener($event) { const property_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); ctx_r2.selectProperty(property_r6.id); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵelementStart(1, "div", 54)(2, "div", 55);
+    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_3_Template, 1, 0, "div", 56);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 54)(5, "div", 55);
+    i0.ɵɵelementStart(4, "div", 57)(5, "div", 58);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(6, "svg", 56);
+    i0.ɵɵelementStart(6, "svg", 59);
     i0.ɵɵelement(7, "path", 18);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(8, "div", 57);
+    i0.ɵɵelementStart(8, "div", 60);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Conditional_10_Template, 1, 1);
+    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_10_Template, 1, 1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const property_r4 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.propertyCardClasses(property_r4.id));
-    i0.ɵɵattribute("aria-checked", (ctx_r1.isEditingProperty() ? ctx_r1.currentEditingPropertyId() : ctx_r1.selectedGaPropertyId()) === property_r4.id);
+    const property_r6 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r2.propertyCardClasses(property_r6.id));
+    i0.ɵɵattribute("aria-checked", ctx_r2.isEditingProperty() ? ctx_r2.currentEditingPropertyId() === property_r6.id : ctx_r2.selectedGaPropertyId() ? ctx_r2.selectedGaPropertyId() === property_r6.id : ctx_r2.currentSelectingPropertyId() === property_r6.id);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.radioIndicatorClasses(property_r4.id));
+    i0.ɵɵproperty("ngClass", ctx_r2.radioIndicatorClasses(property_r6.id));
     i0.ɵɵadvance();
-    i0.ɵɵconditional((ctx_r1.isEditingProperty() ? ctx_r1.currentEditingPropertyId() : ctx_r1.selectedGaPropertyId()) === property_r4.id ? 3 : -1);
+    i0.ɵɵconditional((ctx_r2.isEditingProperty() ? ctx_r2.currentEditingPropertyId() === property_r6.id : ctx_r2.selectedGaPropertyId() ? ctx_r2.selectedGaPropertyId() === property_r6.id : ctx_r2.currentSelectingPropertyId() === property_r6.id) ? 3 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.noteIconClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.noteIconClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.propertyNameClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.propertyNameClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", property_r4.name || "Unnamed Property", " ");
+    i0.ɵɵtextInterpolate1(" ", property_r6.name || "Unnamed Property", " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(property_r4.gaAccountId ? 10 : -1);
+    i0.ɵɵconditional(property_r6.gaAccountId ? 10 : -1);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 47);
-    i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_For_2_Template, 11, 8, "label", 49, _forTrack0$i);
+function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 50);
+    i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Template, 11, 8, "label", 52, _forTrack0$i);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.gaProperties());
+    i0.ɵɵrepeater(ctx_r2.sortedGaProperties());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 48)(1, "p", 61);
+function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 51)(1, "p", 64);
     i0.ɵɵtext(2, " No properties found. Please connect your Google Analytics account. ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.emptyStateTextClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.emptyStateTextClasses());
 } }
 function SymphiqConnectGaDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "div", 15)(3, "div", 16);
@@ -54376,147 +54416,169 @@ function SymphiqConnectGaDashboardComponent_Conditional_22_Template(rf, ctx) { i
     i0.ɵɵelement(5, "path", 18);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 19)(7, "h2", 20);
-    i0.ɵɵconditionalCreate(8, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_8_Template, 1, 0)(9, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_9_Template, 1, 0);
+    i0.ɵɵelementStart(6, "div", 19)(7, "div", 20)(8, "h2", 21);
+    i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_10_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "p", 21);
-    i0.ɵɵtext(11, " Please choose the Google Analytics property you'd like to link to your shop. ");
+    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template, 2, 1, "button", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(12, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_12_Template, 3, 0, "div", 47)(13, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_13_Template, 3, 1, "div", 48);
+    i0.ɵɵelementStart(12, "p", 23);
+    i0.ɵɵtext(13, " Please choose the Google Analytics property you'd like to link to your shop. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(14, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_Template, 3, 0, "div", 50)(15, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_15_Template, 3, 1, "div", 51);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.containerClasses());
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r2.containerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.contentClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.contentClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.iconContainerClasses());
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.iconContainerClasses());
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isEditingProperty() ? 8 : 9);
+    i0.ɵɵconditional(ctx_r2.isEditingProperty() ? 9 : 10);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.textClasses());
+    i0.ɵɵconditional(ctx_r2.isEditingProperty() ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r2.textClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.gaProperties() && ctx_r1.gaProperties().length > 0 ? 12 : 13);
+    i0.ɵɵconditional(ctx_r2.sortedGaProperties() && ctx_r2.sortedGaProperties().length > 0 ? 14 : 15);
 } }
 function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58);
+    i0.ɵɵelementStart(0, "div", 61);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 59);
-    i0.ɵɵelement(2, "path", 60);
+    i0.ɵɵelementStart(1, "svg", 62);
+    i0.ɵɵelement(2, "path", 63);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(3, "span", 0);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.accountNameClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.accountNameClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.accountNameClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.accountNameClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx.name || "Unnamed Account", " ");
 } }
 function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 68)(1, "div", 71)(2, "div", 72);
+    i0.ɵɵelementStart(0, "div", 71)(1, "div", 74)(2, "div", 75);
     i0.ɵɵtext(3, " Connected ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 73);
+    i0.ɵɵelementStart(4, "div", 76);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 74);
+    i0.ɵɵelementStart(5, "svg", 77);
     i0.ɵɵelement(6, "path", 18);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(7, "div")(8, "div", 75);
+    i0.ɵɵelementStart(7, "div")(8, "div", 78);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Conditional_10_Template, 5, 3, "div", 58);
+    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Conditional_10_Template, 5, 3, "div", 61);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     let tmp_8_0;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.selectedPropertyCardClasses());
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r2.selectedPropertyCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.statusBadgeClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.statusBadgeClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.noteIconClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.noteIconClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.propertyNameClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.propertyNameClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx.name || "Unnamed Property", " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_8_0 = ctx_r1.selectedPropertyAccount()) ? 10 : -1, tmp_8_0);
+    i0.ɵɵconditional((tmp_8_0 = ctx_r2.selectedPropertyAccount()) ? 10 : -1, tmp_8_0);
 } }
 function SymphiqConnectGaDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
+    const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "div", 15)(3, "div", 16);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(4, "svg", 17);
-    i0.ɵɵelement(5, "path", 62);
+    i0.ɵɵelement(5, "path", 65);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 19)(7, "div", 63)(8, "div")(9, "h2", 64);
+    i0.ɵɵelementStart(6, "div", 19)(7, "div", 66)(8, "div")(9, "h2", 67);
     i0.ɵɵtext(10, " Connected to Google Analytics ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "p", 61);
+    i0.ɵɵelementStart(11, "p", 64);
     i0.ɵɵtext(12, " Your analytics data is linked ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "button", 65);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.enableEditMode()); });
+    i0.ɵɵelementStart(13, "button", 68);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.enableEditMode()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(14, "svg", 66);
-    i0.ɵɵelement(15, "path", 67);
+    i0.ɵɵelementStart(14, "svg", 69);
+    i0.ɵɵelement(15, "path", 70);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(16, " Edit ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(17, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Template, 11, 6, "div", 68);
+    i0.ɵɵconditionalCreate(17, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Template, 11, 6, "div", 71);
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(18, "button", 69);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.reconnectWithDifferentAccount()); });
+    i0.ɵɵelementStart(18, "button", 72);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.reconnectWithDifferentAccount()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(19, "svg", 66);
-    i0.ɵɵelement(20, "path", 70);
+    i0.ɵɵelementStart(19, "svg", 69);
+    i0.ɵɵelement(20, "path", 73);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(21, " Use Different Google Account ");
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     let tmp_7_0;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.containerClasses());
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r2.containerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.contentClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.contentClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.iconContainerClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.iconContainerClasses());
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.textClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.textClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.editButtonClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.editButtonClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional((tmp_7_0 = ctx_r1.selectedProperty()) ? 17 : -1, tmp_7_0);
+    i0.ɵɵconditional((tmp_7_0 = ctx_r2.selectedProperty()) ? 17 : -1, tmp_7_0);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.reconnectButtonClasses());
+    i0.ɵɵproperty("ngClass", ctx_r2.reconnectButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 76)(2, "div", 77)(3, "button", 78);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelEditMode()); });
-    i0.ɵɵtext(4, " Cancel ");
+function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 82);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.cancelEditMode()); });
+    i0.ɵɵtext(1, " Cancel ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "button", 83);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.submitPropertyChange()); });
+    i0.ɵɵtext(3, " Submit ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 79);
-    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.submitPropertyChange()); });
-    i0.ɵɵtext(6, " Submit ");
-    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.stickyButtonContainerClasses());
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.cancelButtonClasses());
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r2.cancelButtonClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", !ctx_r1.hasPropertyChanged())("ngClass", ctx_r1.submitButtonClasses());
+    i0.ɵɵproperty("disabled", !ctx_r2.hasPropertyChanged())("ngClass", ctx_r2.submitButtonClasses());
+} }
+function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 83);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.submitPropertySelection()); });
+    i0.ɵɵtext(1, " Continue ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", !ctx_r2.hasPropertySelected())("ngClass", ctx_r2.submitButtonClasses());
+} }
+function SymphiqConnectGaDashboardComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13)(1, "div", 79)(2, "div", 80);
+    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_3_Template, 4, 3)(4, SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_4_Template, 2, 2, "button", 81);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r2.stickyButtonContainerClasses());
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r2.isEditingProperty() ? 3 : 4);
 } }
 class SymphiqConnectGaDashboardComponent {
     constructor() {
@@ -54536,17 +54598,29 @@ class SymphiqConnectGaDashboardComponent {
         this.googleButtonClick = output();
         this.onPropertySelect = output();
         this.onPropertyChange = output();
-        this.onReconnectGoogle = output();
         this.headerScrollService = inject(HeaderScrollService);
         this.JourneyStepIdEnum = JourneyStepIdEnum;
         this.COLLAPSE_THRESHOLD = 20;
         this.EXPAND_THRESHOLD = 10;
         this.isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
         this.isEditingProperty = signal(false, ...(ngDevMode ? [{ debugName: "isEditingProperty" }] : []));
+        this.isReconnecting = signal(false, ...(ngDevMode ? [{ debugName: "isReconnecting" }] : []));
         this.currentEditingPropertyId = signal(undefined, ...(ngDevMode ? [{ debugName: "currentEditingPropertyId" }] : []));
+        this.currentSelectingPropertyId = signal(undefined, ...(ngDevMode ? [{ debugName: "currentSelectingPropertyId" }] : []));
+        this.sortedGaProperties = computed(() => {
+            const properties = this.gaProperties();
+            if (!properties)
+                return undefined;
+            return [...properties].sort((a, b) => {
+                const nameA = (a.name || '').toLowerCase();
+                const nameB = (b.name || '').toLowerCase();
+                return nameA.localeCompare(nameB);
+            });
+        }, ...(ngDevMode ? [{ debugName: "sortedGaProperties" }] : []));
         this.isConnectState = computed(() => {
             const properties = this.gaProperties();
-            return !properties || properties.length === 0;
+            const reconnecting = this.isReconnecting();
+            return (!properties || properties.length === 0) || reconnecting;
         }, ...(ngDevMode ? [{ debugName: "isConnectState" }] : []));
         this.isSelectionState = computed(() => {
             const properties = this.gaProperties();
@@ -54565,6 +54639,17 @@ class SymphiqConnectGaDashboardComponent {
             const selected = this.selectedGaPropertyId();
             return current !== undefined && current !== selected;
         }, ...(ngDevMode ? [{ debugName: "hasPropertyChanged" }] : []));
+        this.hasPropertySelected = computed(() => {
+            const current = this.currentSelectingPropertyId();
+            return current !== undefined;
+        }, ...(ngDevMode ? [{ debugName: "hasPropertySelected" }] : []));
+        this.showSubmitButton = computed(() => {
+            const isSelecting = this.isSelectionState();
+            const isEditing = this.isEditingProperty();
+            const hasSelection = this.currentSelectingPropertyId() !== undefined;
+            const hasChange = this.hasPropertyChanged();
+            return (isSelecting && !isEditing && hasSelection) || (isEditing && hasChange);
+        }, ...(ngDevMode ? [{ debugName: "showSubmitButton" }] : []));
         this.selectedProperty = computed(() => {
             const selectedId = this.selectedGaPropertyId();
             if (selectedId === undefined)
@@ -54638,12 +54723,12 @@ class SymphiqConnectGaDashboardComponent {
         return this.getAccountById(property.gaAccountId);
     }
     selectProperty(propertyId) {
-        if (!this.isEditingProperty()) {
-            this.onPropertySelect.emit(propertyId);
-        }
-        else {
+        if (this.isEditingProperty()) {
             this.currentEditingPropertyId.set(propertyId);
         }
+        else if (!this.selectedGaPropertyId()) {
+            this.currentSelectingPropertyId.set(propertyId);
+        }
     }
     enableEditMode() {
         this.isEditingProperty.set(true);
@@ -54653,6 +54738,16 @@ class SymphiqConnectGaDashboardComponent {
         this.isEditingProperty.set(false);
         this.currentEditingPropertyId.set(undefined);
     }
+    cancelSelection() {
+        this.currentSelectingPropertyId.set(undefined);
+    }
+    submitPropertySelection() {
+        const selectedId = this.currentSelectingPropertyId();
+        if (selectedId !== undefined) {
+            this.onPropertySelect.emit(selectedId);
+            this.currentSelectingPropertyId.set(undefined);
+        }
+    }
     submitPropertyChange() {
         const newPropertyId = this.currentEditingPropertyId();
         if (newPropertyId !== undefined && this.hasPropertyChanged()) {
@@ -54662,7 +54757,10 @@ class SymphiqConnectGaDashboardComponent {
         }
     }
     reconnectWithDifferentAccount() {
-        this.onReconnectGoogle.emit();
+        this.isReconnecting.set(true);
+    }
+    cancelReconnectMode() {
+        this.isReconnecting.set(false);
     }
     getContainerClasses() {
         return this.isLightMode()
@@ -54755,9 +54853,16 @@ class SymphiqConnectGaDashboardComponent {
             : 'text-slate-300';
     }
     propertyCardClasses(propertyId) {
-        const isSelected = this.isEditingProperty()
-            ? this.currentEditingPropertyId() === propertyId
-            : this.selectedGaPropertyId() === propertyId;
+        let isSelected;
+        if (this.isEditingProperty()) {
+            isSelected = this.currentEditingPropertyId() === propertyId;
+        }
+        else if (this.selectedGaPropertyId()) {
+            isSelected = this.selectedGaPropertyId() === propertyId;
+        }
+        else {
+            isSelected = this.currentSelectingPropertyId() === propertyId;
+        }
         const baseClasses = this.isLightMode()
             ? 'border-2 rounded-xl transition-all duration-200 cursor-pointer hover:shadow-md'
             : 'border-2 rounded-xl transition-all duration-200 cursor-pointer hover:shadow-md';
@@ -54770,9 +54875,16 @@ class SymphiqConnectGaDashboardComponent {
         return `${baseClasses} ${isSelected ? selectedClasses : unselectedClasses}`;
     }
     radioIndicatorClasses(propertyId) {
-        const isSelected = this.isEditingProperty()
-            ? this.currentEditingPropertyId() === propertyId
-            : this.selectedGaPropertyId() === propertyId;
+        let isSelected;
+        if (this.isEditingProperty()) {
+            isSelected = this.currentEditingPropertyId() === propertyId;
+        }
+        else if (this.selectedGaPropertyId()) {
+            isSelected = this.selectedGaPropertyId() === propertyId;
+        }
+        else {
+            isSelected = this.currentSelectingPropertyId() === propertyId;
+        }
         const baseClasses = 'transition-all duration-200';
         const selectedClasses = this.isLightMode()
             ? 'border-blue-500 text-blue-500'
@@ -54812,6 +54924,11 @@ class SymphiqConnectGaDashboardComponent {
             ? 'bg-white/80 border-slate-200'
             : 'bg-slate-900/80 border-slate-700';
     }
+    headerCancelButtonClasses() {
+        return this.isLightMode()
+            ? 'bg-slate-100 text-slate-700 hover:bg-slate-200 border border-slate-300'
+            : 'bg-slate-700 text-slate-200 hover:bg-slate-600 border border-slate-600';
+    }
     cancelButtonClasses() {
         return this.isLightMode()
             ? 'border-2 border-slate-300 text-slate-700 hover:bg-slate-50'
@@ -54837,7 +54954,7 @@ class SymphiqConnectGaDashboardComponent {
             i0.ɵɵlistener("scroll", function SymphiqConnectGaDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, 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"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange", onReconnectGoogle: "onReconnectGoogle" }, decls: 25, vars: 40, 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]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [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-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", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-4", 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, "px-4", "pb-4", "pt-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-4", 3, "ngClass"], [1, "font-bold"], ["role", "radiogroup", "aria-label", "Google Analytics Properties", 1, "space-y-3"], [1, "text-center", "py-8"], ["tabindex", "0", "role", "radio", 1, "block", 3, "ngClass"], ["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"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["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"], ["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"], [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", "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"], gaProperties: [1, "gaProperties"], gaAccounts: [1, "gaAccounts"], selectedGaPropertyId: [1, "selectedGaPropertyId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", googleButtonClick: "googleButtonClick", onPropertySelect: "onPropertySelect", onPropertyChange: "onPropertyChange" }, decls: 25, vars: 40, 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]"], [1, "sticky", "top-0", "z-50", 3, "ngClass"], [1, "transition-all", "duration-300", "ease-in-out", "overflow-hidden"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [1, "flex", "items-center", "justify-between"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-3"], [1, "flex-1", "min-w-0", "mr-4"], [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-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, "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"], ["role", "radiogroup", "aria-label", "Google Analytics Properties", 1, "space-y-3"], [1, "text-center", "py-8"], ["tabindex", "0", "role", "radio", 1, "block", 3, "ngClass"], ["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"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["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"], ["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"], [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)(3, "header", 3)(4, "div", 4)(5, "div", 5)(6, "div", 6)(7, "div")(8, "h1", 0);
@@ -54853,11 +54970,11 @@ class SymphiqConnectGaDashboardComponent {
             i0.ɵɵlistener("stepClick", function SymphiqConnectGaDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_18_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqConnectGaDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_18_listener() { return ctx.nextStepClick.emit(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(19, "main", 10)(20, "div", 11);
-            i0.ɵɵconditionalCreate(21, SymphiqConnectGaDashboardComponent_Conditional_21_Template, 47, 25, "div", 12);
-            i0.ɵɵconditionalCreate(22, SymphiqConnectGaDashboardComponent_Conditional_22_Template, 14, 7, "div", 12);
+            i0.ɵɵconditionalCreate(21, SymphiqConnectGaDashboardComponent_Conditional_21_Template, 51, 28, "div", 12);
+            i0.ɵɵconditionalCreate(22, SymphiqConnectGaDashboardComponent_Conditional_22_Template, 16, 8, "div", 12);
             i0.ɵɵconditionalCreate(23, SymphiqConnectGaDashboardComponent_Conditional_23_Template, 22, 8, "div", 12);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(24, SymphiqConnectGaDashboardComponent_Conditional_24_Template, 7, 4, "div", 13);
+            i0.ɵɵconditionalCreate(24, SymphiqConnectGaDashboardComponent_Conditional_24_Template, 5, 2, "div", 13);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
@@ -54888,7 +55005,7 @@ class SymphiqConnectGaDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSelectedState() ? 23 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isEditingProperty() ? 24 : -1);
+            i0.ɵɵconditional(ctx.showSubmitButton() ? 24 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, JourneyProgressIndicatorComponent], 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, [{
@@ -54968,17 +55085,37 @@ class SymphiqConnectGaDashboardComponent {
                   <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="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
+                        <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-4">
-                        Connect Google Analytics 4
-                      </h2>
+                      <div class="flex items-start justify-between gap-4 mb-4">
+                        <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold">
+                          @if (isReconnecting()) {
+                            Change Google Account
+                          } @else {
+                            Connect Google Analytics 4
+                          }
+                        </h2>
+
+                        @if (isReconnecting()) {
+                          <button
+                            type="button"
+                            (click)="cancelReconnectMode()"
+                            [ngClass]="headerCancelButtonClasses()"
+                            class="px-4 py-2 rounded-lg font-semibold text-sm transition-all duration-200 hover:scale-105 cursor-pointer flex-shrink-0">
+                            Cancel
+                          </button>
+                        }
+                      </div>
 
                       <p [ngClass]="textClasses()" class="text-base leading-relaxed mb-6">
-                        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.
+                        @if (isReconnecting()) {
+                          Sign in with a different Google account to access other Google Analytics properties.
+                        } @else {
+                          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.
+                        }
                       </p>
 
                       <div class="mb-6">
@@ -55044,26 +55181,38 @@ class SymphiqConnectGaDashboardComponent {
                   <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="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
+                        <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-4">
+                      <div class="flex items-start justify-between gap-4 mb-4">
+                        <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold">
+                          @if (isEditingProperty()) {
+                            Change Google Analytics Property
+                          } @else {
+                            Choose Your Property
+                          }
+                        </h2>
+
                         @if (isEditingProperty()) {
-                          Change Google Analytics Property
-                        } @else {
-                          Choose Your Property
+                          <button
+                            type="button"
+                            (click)="cancelEditMode()"
+                            [ngClass]="headerCancelButtonClasses()"
+                            class="px-4 py-2 rounded-lg font-semibold text-sm transition-all duration-200 hover:scale-105 cursor-pointer flex-shrink-0">
+                            Cancel
+                          </button>
                         }
-                      </h2>
+                      </div>
 
                       <p [ngClass]="textClasses()" class="text-base leading-relaxed mb-6">
                         Please choose the Google Analytics property you'd like to link to your shop.
                       </p>
 
-                      @if (gaProperties() && gaProperties()!.length > 0) {
+                      @if (sortedGaProperties() && sortedGaProperties()!.length > 0) {
                         <div class="space-y-3" role="radiogroup" aria-label="Google Analytics Properties">
-                          @for (property of gaProperties(); track property.id) {
+                          @for (property of sortedGaProperties(); track property.id) {
                             <label
                               [ngClass]="propertyCardClasses(property.id!)"
                               class="block"
@@ -55072,10 +55221,10 @@ class SymphiqConnectGaDashboardComponent {
                               (keydown.space)="selectProperty(property.id!); $event.preventDefault()"
                               tabindex="0"
                               role="radio"
-                              [attr.aria-checked]="(isEditingProperty() ? currentEditingPropertyId() : selectedGaPropertyId()) === property.id">
+                              [attr.aria-checked]="isEditingProperty() ? (currentEditingPropertyId() === property.id) : (selectedGaPropertyId() ? (selectedGaPropertyId() === property.id) : (currentSelectingPropertyId() === property.id))">
                               <div class="flex items-center gap-4 p-4">
                                 <div [ngClass]="radioIndicatorClasses(property.id!)" class="w-5 h-5 rounded-full border-2 flex items-center justify-center flex-shrink-0">
-                                  @if ((isEditingProperty() ? currentEditingPropertyId() : selectedGaPropertyId()) === property.id) {
+                                  @if (isEditingProperty() ? (currentEditingPropertyId() === property.id) : (selectedGaPropertyId() ? (selectedGaPropertyId() === property.id) : (currentSelectingPropertyId() === property.id))) {
                                     <div class="w-3 h-3 rounded-full bg-current"></div>
                                   }
                                 </div>
@@ -55083,7 +55232,7 @@ class SymphiqConnectGaDashboardComponent {
                                 <div class="flex-1 min-w-0">
                                   <div class="flex items-center gap-2 mb-1">
                                     <svg class="w-5 h-5 flex-shrink-0" [ngClass]="noteIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
+                                      <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 [ngClass]="propertyNameClasses()" class="truncate">
                                       {{ property.name || 'Unnamed Property' }}
@@ -55163,7 +55312,7 @@ class SymphiqConnectGaDashboardComponent {
 
                           <div class="flex items-center gap-3 mb-3">
                             <svg class="w-6 h-6 flex-shrink-0" [ngClass]="noteIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
+                              <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 [ngClass]="propertyNameClasses()" class="text-lg">
@@ -55201,26 +55350,37 @@ class SymphiqConnectGaDashboardComponent {
             }
           </div>
 
-          <!-- Sticky Bottom Action Bar (Edit Mode) -->
-          @if (isEditingProperty()) {
+          <!-- Sticky Bottom Action Bar (Selection or Edit Mode) -->
+          @if (showSubmitButton()) {
             <div [ngClass]="stickyButtonContainerClasses()" class="fixed bottom-0 left-0 right-0 z-50 border-t backdrop-blur-sm">
               <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
                 <div class="flex items-center gap-3">
-                  <button
-                    type="button"
-                    (click)="cancelEditMode()"
-                    [ngClass]="cancelButtonClasses()"
-                    class="flex-1 sm:flex-none px-6 py-4 rounded-xl font-bold text-base transition-all duration-200 hover:scale-105 cursor-pointer">
-                    Cancel
-                  </button>
-                  <button
-                    type="button"
-                    (click)="submitPropertyChange()"
-                    [disabled]="!hasPropertyChanged()"
-                    [ngClass]="submitButtonClasses()"
-                    class="flex-1 px-6 py-4 rounded-xl font-bold text-base transition-all duration-200 hover:scale-105 cursor-pointer">
-                    Submit
-                  </button>
+                  @if (isEditingProperty()) {
+                    <button
+                      type="button"
+                      (click)="cancelEditMode()"
+                      [ngClass]="cancelButtonClasses()"
+                      class="flex-1 sm:flex-none px-6 py-4 rounded-xl font-bold text-base transition-all duration-200 hover:scale-105 cursor-pointer">
+                      Cancel
+                    </button>
+                    <button
+                      type="button"
+                      (click)="submitPropertyChange()"
+                      [disabled]="!hasPropertyChanged()"
+                      [ngClass]="submitButtonClasses()"
+                      class="flex-1 px-6 py-4 rounded-xl font-bold text-base transition-all duration-200 hover:scale-105 cursor-pointer">
+                      Submit
+                    </button>
+                  } @else {
+                    <button
+                      type="button"
+                      (click)="submitPropertySelection()"
+                      [disabled]="!hasPropertySelected()"
+                      [ngClass]="submitButtonClasses()"
+                      class="flex-1 px-6 py-4 rounded-xl font-bold text-base transition-all duration-200 hover:scale-105 cursor-pointer">
+                      Continue
+                    </button>
+                  }
                 </div>
               </div>
             </div>
@@ -55229,11 +55389,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 }] }], 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"] }], onReconnectGoogle: [{ type: i0.Output, args: ["onReconnectGoogle"] }], 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 }] }], 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 }] }], 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', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber: 631 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber: 674 }); })();
 
 function HierarchyDisplayComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 1);