@eric-emg/symphiq-components 1.2.305 → 1.2.307

package/fesm2022/symphiq-components.mjs

@@ -51941,557 +51941,593 @@ class FocusAreaToolsModalComponent {
 
 const _c0$v = ["shopNameInput"];
 const _forTrack0$m = ($index, $item) => $item.focusAreaDomain;
-function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 17);
+    i0.ɵɵelementStart(2, "div", 18)(3, "h2", 19);
+    i0.ɵɵtext(4, " Your account is being created ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p", 20);
+    i0.ɵɵtext(6, " Please wait while we set everything up for you... ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionDescriptionClasses());
+} }
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Shopify ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.accountData().otherPlatformName || "Other", " ");
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.accountData().otherPlatformName || "Other", " ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14)(1, "div", 18)(2, "div", 19)(3, "div")(4, "h2", 20);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 21)(1, "div", 23)(2, "div", 24)(3, "div")(4, "h2", 19);
     i0.ɵɵtext(5, " Shop Details ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "p", 1);
     i0.ɵɵtext(7, " Your shop information ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "button", 21);
-    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_23_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.enableEditMode()); });
+    i0.ɵɵelementStart(8, "button", 25);
+    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.enableEditMode()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(9, "svg", 22);
-    i0.ɵɵelement(10, "path", 23);
+    i0.ɵɵelementStart(9, "svg", 26);
+    i0.ɵɵelement(10, "path", 27);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(11, " Edit ");
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(12, "div", 24)(13, "div")(14, "label", 25);
+    i0.ɵɵelementStart(12, "div", 28)(13, "div")(14, "label", 29);
     i0.ɵɵtext(15, " Shop Name ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "p", 26);
+    i0.ɵɵelementStart(16, "p", 20);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div")(19, "label", 25);
+    i0.ɵɵelementStart(18, "div")(19, "label", 29);
     i0.ɵɵtext(20, " Shop URL ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "a", 27);
+    i0.ɵɵelementStart(21, "a", 30);
     i0.ɵɵtext(22);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div")(24, "label", 25);
+    i0.ɵɵelementStart(23, "div")(24, "label", 29);
     i0.ɵɵtext(25, " Shop Platform ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "p", 26);
-    i0.ɵɵconditionalCreate(27, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_27_Template, 1, 0)(28, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_28_Template, 1, 1);
+    i0.ɵɵelementStart(26, "p", 20);
+    i0.ɵɵconditionalCreate(27, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Conditional_27_Template, 1, 0)(28, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Conditional_28_Template, 1, 1);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(29, "div")(30, "label", 25);
+    i0.ɵɵelementStart(29, "div")(30, "label", 29);
     i0.ɵɵtext(31, " Company Name ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "p", 26);
+    i0.ɵɵelementStart(32, "p", 20);
     i0.ɵɵtext(33);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.containerClasses());
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.contentClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.sectionTitleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.sectionDescriptionClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionDescriptionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.editButtonClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.editButtonClasses());
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("ngClass", ctx_r1.viewLabelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.viewLabelClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.viewValueClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.viewValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.accountData().shopName, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.accountData().shopName, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.viewLabelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.viewLabelClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("href", ctx_r1.accountData().shopUrl, i0.ɵɵsanitizeUrl)("ngClass", ctx_r1.viewLinkClasses());
+    i0.ɵɵproperty("href", ctx_r0.accountData().shopUrl, i0.ɵɵsanitizeUrl)("ngClass", ctx_r0.viewLinkClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.accountData().shopUrl, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.accountData().shopUrl, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.viewLabelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.viewLabelClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.viewValueClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.viewValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.accountData().shopPlatform === ctx_r1.ShopPlatformEnum.SHOPIFY ? 27 : 28);
+    i0.ɵɵconditional(ctx_r0.accountData().shopPlatform === ctx_r0.ShopPlatformEnum.SHOPIFY ? 27 : 28);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.viewLabelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.viewLabelClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.viewValueClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.viewValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.accountData().companyName, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.accountData().companyName, " ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 33);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 36);
     i0.ɵɵtext(1, " Shop name is required ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.errorClasses());
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r0.errorClasses());
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 33);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 36);
     i0.ɵɵtext(1, " Shop URL is required ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.errorClasses());
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r0.errorClasses());
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 43);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 46);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 43);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 46);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_48_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 33);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_48_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 36);
     i0.ɵɵtext(1, " Platform name is required ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.errorClasses());
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.errorClasses());
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_48_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "label", 30);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "label", 33);
     i0.ɵɵtext(2, " Platform Name ");
-    i0.ɵɵelementStart(3, "span", 31);
+    i0.ɵɵelementStart(3, "span", 34);
     i0.ɵɵtext(4, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(5, "input", 52);
-    i0.ɵɵconditionalCreate(6, SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_48_Conditional_6_Template, 2, 1, "p", 33);
+    i0.ɵɵelement(5, "input", 55);
+    i0.ɵɵconditionalCreate(6, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_48_Conditional_6_Template, 2, 1, "p", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", ctx_r1.inputClasses("otherPlatformName"));
+    i0.ɵɵproperty("ngClass", ctx_r0.inputClasses("otherPlatformName"));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isFieldInvalid("otherPlatformName") ? 6 : -1);
+    i0.ɵɵconditional(ctx_r0.isFieldInvalid("otherPlatformName") ? 6 : -1);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_60_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 33);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_60_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 36);
     i0.ɵɵtext(1, " Company name is required ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.errorClasses());
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r0.errorClasses());
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14)(1, "div", 18)(2, "div", 28)(3, "h2", 20);
+    i0.ɵɵelementStart(0, "div", 21)(1, "div", 23)(2, "div", 31)(3, "h2", 19);
     i0.ɵɵtext(4, " Shop Details ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "p", 1);
     i0.ɵɵtext(6, " Enter your shop details to get started with Symphiq ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "form", 29)(8, "div")(9, "label", 30);
+    i0.ɵɵelementStart(7, "form", 32)(8, "div")(9, "label", 33);
     i0.ɵɵtext(10, " Shop Name ");
-    i0.ɵɵelementStart(11, "span", 31);
+    i0.ɵɵelementStart(11, "span", 34);
     i0.ɵɵtext(12, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(13, "input", 32, 0);
-    i0.ɵɵconditionalCreate(15, SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_15_Template, 2, 1, "p", 33);
+    i0.ɵɵelement(13, "input", 35, 0);
+    i0.ɵɵconditionalCreate(15, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_15_Template, 2, 1, "p", 36);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div")(17, "label", 30);
+    i0.ɵɵelementStart(16, "div")(17, "label", 33);
     i0.ɵɵtext(18, " Shop URL ");
-    i0.ɵɵelementStart(19, "span", 31);
+    i0.ɵɵelementStart(19, "span", 34);
     i0.ɵɵtext(20, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 34)(22, "span", 35);
+    i0.ɵɵelementStart(21, "div", 37)(22, "span", 38);
     i0.ɵɵtext(23, " https:// ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(24, "input", 36);
+    i0.ɵɵelement(24, "input", 39);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(25, SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_25_Template, 2, 1, "p", 33);
+    i0.ɵɵconditionalCreate(25, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_25_Template, 2, 1, "p", 36);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div")(27, "label", 37);
+    i0.ɵɵelementStart(26, "div")(27, "label", 40);
     i0.ɵɵtext(28, " Shop Platform ");
-    i0.ɵɵelementStart(29, "span", 31);
+    i0.ɵɵelementStart(29, "span", 34);
     i0.ɵɵtext(30, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 38)(32, "label", 39);
-    i0.ɵɵelement(33, "input", 40);
-    i0.ɵɵelementStart(34, "div", 41)(35, "div", 42);
-    i0.ɵɵconditionalCreate(36, SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_36_Template, 1, 0, "div", 43);
+    i0.ɵɵelementStart(31, "div", 41)(32, "label", 42);
+    i0.ɵɵelement(33, "input", 43);
+    i0.ɵɵelementStart(34, "div", 44)(35, "div", 45);
+    i0.ɵɵconditionalCreate(36, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_36_Template, 1, 0, "div", 46);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "div", 44)(38, "div", 45);
+    i0.ɵɵelementStart(37, "div", 47)(38, "div", 48);
     i0.ɵɵtext(39, " Shopify ");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(40, "label", 39);
-    i0.ɵɵelement(41, "input", 40);
-    i0.ɵɵelementStart(42, "div", 41)(43, "div", 42);
-    i0.ɵɵconditionalCreate(44, SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_44_Template, 1, 0, "div", 43);
+    i0.ɵɵelementStart(40, "label", 42);
+    i0.ɵɵelement(41, "input", 43);
+    i0.ɵɵelementStart(42, "div", 44)(43, "div", 45);
+    i0.ɵɵconditionalCreate(44, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_44_Template, 1, 0, "div", 46);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "div", 44)(46, "div", 45);
+    i0.ɵɵelementStart(45, "div", 47)(46, "div", 48);
     i0.ɵɵtext(47, " Other ");
     i0.ɵɵelementEnd()()()()()();
-    i0.ɵɵconditionalCreate(48, SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_48_Template, 7, 3, "div");
-    i0.ɵɵelementStart(49, "div")(50, "label", 30);
+    i0.ɵɵconditionalCreate(48, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_48_Template, 7, 3, "div");
+    i0.ɵɵelementStart(49, "div")(50, "label", 33);
     i0.ɵɵtext(51, " Company Name ");
-    i0.ɵɵelementStart(52, "span", 31);
+    i0.ɵɵelementStart(52, "span", 34);
     i0.ɵɵtext(53, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(54, "input", 46);
-    i0.ɵɵelementStart(55, "div", 47)(56, "label", 48)(57, "input", 49);
-    i0.ɵɵlistener("change", function SymphiqCreateAccountDashboardComponent_Conditional_24_Template_input_change_57_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleSameAsShopName()); });
+    i0.ɵɵelement(54, "input", 49);
+    i0.ɵɵelementStart(55, "div", 50)(56, "label", 51)(57, "input", 52);
+    i0.ɵɵlistener("change", function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Template_input_change_57_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.toggleSameAsShopName()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(58, "span", 50);
+    i0.ɵɵelementStart(58, "span", 53);
     i0.ɵɵtext(59, " Same as Shop Name ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(60, SymphiqCreateAccountDashboardComponent_Conditional_24_Conditional_60_Template, 2, 1, "p", 33);
+    i0.ɵɵconditionalCreate(60, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Conditional_60_Template, 2, 1, "p", 36);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(61, "input", 51);
+    i0.ɵɵelement(61, "input", 54);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    let tmp_18_0;
-    let tmp_23_0;
-    let tmp_25_0;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.containerClasses());
+    let tmp_19_0;
+    let tmp_24_0;
+    let tmp_26_0;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.contentClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.sectionTitleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.sectionDescriptionClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionDescriptionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("formGroup", ctx_r1.accountForm);
+    i0.ɵɵproperty("formGroup", ctx_r0.accountForm);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", ctx_r1.inputClasses("shopName"));
+    i0.ɵɵproperty("ngClass", ctx_r0.inputClasses("shopName"));
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.isFieldInvalid("shopName") ? 15 : -1);
+    i0.ɵɵconditional(ctx_r0.isFieldInvalid("shopName") ? 15 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngClass", ctx_r1.urlPrefixClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.urlPrefixClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.urlInputClasses("shopUrl"));
+    i0.ɵɵproperty("ngClass", ctx_r0.urlInputClasses("shopUrl"));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isFieldInvalid("shopUrl") ? 25 : -1);
+    i0.ɵɵconditional(ctx_r0.isFieldInvalid("shopUrl") ? 25 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngClass", ctx_r1.radioPlatformClasses(ctx_r1.ShopPlatformEnum.SHOPIFY));
+    i0.ɵɵproperty("ngClass", ctx_r0.radioPlatformClasses(ctx_r0.ShopPlatformEnum.SHOPIFY));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("value", ctx_r1.ShopPlatformEnum.SHOPIFY);
+    i0.ɵɵproperty("value", ctx_r0.ShopPlatformEnum.SHOPIFY);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.radioIndicatorClasses(ctx_r1.ShopPlatformEnum.SHOPIFY));
+    i0.ɵɵproperty("ngClass", ctx_r0.radioIndicatorClasses(ctx_r0.ShopPlatformEnum.SHOPIFY));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_18_0 = ctx_r1.accountForm.get("shopPlatform")) == null ? null : tmp_18_0.value) === ctx_r1.ShopPlatformEnum.SHOPIFY ? 36 : -1);
+    i0.ɵɵconditional(((tmp_19_0 = ctx_r0.accountForm.get("shopPlatform")) == null ? null : tmp_19_0.value) === ctx_r0.ShopPlatformEnum.SHOPIFY ? 36 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.radioLabelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.radioLabelClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.radioPlatformClasses(ctx_r1.ShopPlatformEnum.OTHER));
+    i0.ɵɵproperty("ngClass", ctx_r0.radioPlatformClasses(ctx_r0.ShopPlatformEnum.OTHER));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("value", ctx_r1.ShopPlatformEnum.OTHER);
+    i0.ɵɵproperty("value", ctx_r0.ShopPlatformEnum.OTHER);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.radioIndicatorClasses(ctx_r1.ShopPlatformEnum.OTHER));
+    i0.ɵɵproperty("ngClass", ctx_r0.radioIndicatorClasses(ctx_r0.ShopPlatformEnum.OTHER));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_23_0 = ctx_r1.accountForm.get("shopPlatform")) == null ? null : tmp_23_0.value) === ctx_r1.ShopPlatformEnum.OTHER ? 44 : -1);
+    i0.ɵɵconditional(((tmp_24_0 = ctx_r0.accountForm.get("shopPlatform")) == null ? null : tmp_24_0.value) === ctx_r0.ShopPlatformEnum.OTHER ? 44 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.radioLabelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.radioLabelClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(((tmp_25_0 = ctx_r1.accountForm.get("shopPlatform")) == null ? null : tmp_25_0.value) === ctx_r1.ShopPlatformEnum.OTHER ? 48 : -1);
+    i0.ɵɵconditional(((tmp_26_0 = ctx_r0.accountForm.get("shopPlatform")) == null ? null : tmp_26_0.value) === ctx_r0.ShopPlatformEnum.OTHER ? 48 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵclassProp("cursor-not-allowed", ctx_r1.sameAsShopName())("opacity-60", ctx_r1.sameAsShopName());
-    i0.ɵɵproperty("ngClass", ctx_r1.inputClasses("companyName"))("readonly", ctx_r1.sameAsShopName());
+    i0.ɵɵclassProp("cursor-not-allowed", ctx_r0.sameAsShopName())("opacity-60", ctx_r0.sameAsShopName());
+    i0.ɵɵproperty("ngClass", ctx_r0.inputClasses("companyName"))("readonly", ctx_r0.sameAsShopName());
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("checked", ctx_r1.sameAsShopName())("ngClass", ctx_r1.checkboxClasses());
+    i0.ɵɵproperty("checked", ctx_r0.sameAsShopName())("ngClass", ctx_r0.checkboxClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.checkboxLabelClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.checkboxLabelClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.isFieldInvalid("companyName") ? 60 : -1);
+    i0.ɵɵconditional(ctx_r0.isFieldInvalid("companyName") ? 60 : -1);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_12_For_6_Conditional_6_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 63);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Conditional_6_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 66);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const tool_r5 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵproperty("ngClass", ctx_r1.toolChipViewClasses());
+    const ctx_r0 = i0.ɵɵnextContext(6);
+    i0.ɵɵproperty("ngClass", ctx_r0.toolChipViewClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", tool_r5, " ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_12_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 60)(1, "span", 61);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 63)(1, "span", 64);
     i0.ɵɵtext(2, "Tools:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 62);
-    i0.ɵɵrepeaterCreate(4, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_12_For_6_Conditional_6_For_5_Template, 2, 2, "span", 63, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(3, "div", 65);
+    i0.ɵɵrepeaterCreate(4, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Conditional_6_For_5_Template, 2, 2, "span", 66, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const focusArea_r6 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.toolsLabelViewClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.toolsLabelViewClasses());
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(focusArea_r6.tools);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 56)(1, "div", 57)(2, "h4", 58);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59)(1, "div", 60)(2, "h4", 61);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 59);
+    i0.ɵɵelementStart(4, "span", 62);
     i0.ɵɵtext(5, " Engaged ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(6, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_12_For_6_Conditional_6_Template, 6, 1, "div", 60);
+    i0.ɵɵconditionalCreate(6, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Conditional_6_Template, 6, 1, "div", 63);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const focusArea_r6 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.focusAreaViewCardClasses("engaged"));
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaViewCardClasses("engaged"));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.focusAreaViewTitleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaViewTitleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getFocusAreaTitle(focusArea_r6.focusAreaDomain), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.getFocusAreaTitle(focusArea_r6.focusAreaDomain), " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.statusBadgeClasses("engaged"));
+    i0.ɵɵproperty("ngClass", ctx_r0.statusBadgeClasses("engaged"));
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(focusArea_r6.tools && focusArea_r6.tools.length > 0 ? 6 : -1);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28)(1, "h3", 53);
-    i0.ɵɵelement(2, "span", 54);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31)(1, "h3", 56);
+    i0.ɵɵelement(2, "span", 57);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 55);
-    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_12_For_6_Template, 7, 5, "div", 56, _forTrack0$m);
+    i0.ɵɵelementStart(4, "div", 58);
+    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 59, _forTrack0$m);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.groupTitleClasses("engaged"));
+    i0.ɵɵproperty("ngClass", ctx_r0.groupTitleClasses("engaged"));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Engaged In (", ctx_r1.engagedFocusAreas().length, ") ");
+    i0.ɵɵtextInterpolate1(" Engaged In (", ctx_r0.engagedFocusAreas().length, ") ");
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.engagedFocusAreas());
+    i0.ɵɵrepeater(ctx_r0.engagedFocusAreas());
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_13_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66)(1, "h4", 58);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_13_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 69)(1, "h4", 61);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const focusArea_r7 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.focusAreaViewCardClasses("interested"));
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaViewCardClasses("interested"));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.focusAreaViewTitleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaViewTitleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getFocusAreaTitle(focusArea_r7.focusAreaDomain), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.getFocusAreaTitle(focusArea_r7.focusAreaDomain), " ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28)(1, "h3", 53);
-    i0.ɵɵelement(2, "span", 64);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31)(1, "h3", 56);
+    i0.ɵɵelement(2, "span", 67);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 65);
-    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_13_For_6_Template, 3, 3, "div", 66, _forTrack0$m);
+    i0.ɵɵelementStart(4, "div", 68);
+    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 69, _forTrack0$m);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.groupTitleClasses("interested"));
+    i0.ɵɵproperty("ngClass", ctx_r0.groupTitleClasses("interested"));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Interested In (", ctx_r1.interestedFocusAreas().length, ") ");
+    i0.ɵɵtextInterpolate1(" Interested In (", ctx_r0.interestedFocusAreas().length, ") ");
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.interestedFocusAreas());
+    i0.ɵɵrepeater(ctx_r0.interestedFocusAreas());
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_14_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 69)(1, "span", 61);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_14_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72)(1, "span", 64);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const focusArea_r8 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.focusAreaViewCardClasses("not-interested"));
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaViewCardClasses("not-interested"));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.focusAreaViewTitleSmallClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaViewTitleSmallClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getFocusAreaTitle(focusArea_r8.focusAreaDomain), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.getFocusAreaTitle(focusArea_r8.focusAreaDomain), " ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "h3", 53);
-    i0.ɵɵelement(2, "span", 67);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "h3", 56);
+    i0.ɵɵelement(2, "span", 70);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 68);
-    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_14_For_6_Template, 3, 3, "div", 69, _forTrack0$m);
+    i0.ɵɵelementStart(4, "div", 71);
+    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 72, _forTrack0$m);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.groupTitleClasses("not-interested"));
+    i0.ɵɵproperty("ngClass", ctx_r0.groupTitleClasses("not-interested"));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Not Interested (", ctx_r1.notInterestedFocusAreas().length, ") ");
+    i0.ɵɵtextInterpolate1(" Not Interested (", ctx_r0.notInterestedFocusAreas().length, ") ");
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.notInterestedFocusAreas());
+    i0.ɵɵrepeater(ctx_r0.notInterestedFocusAreas());
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15)(1, "div", 18)(2, "div", 19)(3, "div")(4, "h2", 20);
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "div", 24)(3, "div")(4, "h2", 19);
     i0.ɵɵtext(5, " Focus Areas ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "p", 1);
     i0.ɵɵtext(7, " Your marketing and operational focus areas ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "button", 21);
-    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_25_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.enableFocusAreasEditMode()); });
+    i0.ɵɵelementStart(8, "button", 25);
+    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.enableFocusAreasEditMode()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(9, "svg", 22);
-    i0.ɵɵelement(10, "path", 23);
+    i0.ɵɵelementStart(9, "svg", 26);
+    i0.ɵɵelement(10, "path", 27);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(11, " Edit ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_12_Template, 7, 2, "div", 28);
-    i0.ɵɵconditionalCreate(13, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_13_Template, 7, 2, "div", 28);
-    i0.ɵɵconditionalCreate(14, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_14_Template, 7, 2, "div");
+    i0.ɵɵconditionalCreate(12, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_12_Template, 7, 2, "div", 31);
+    i0.ɵɵconditionalCreate(13, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_13_Template, 7, 2, "div", 31);
+    i0.ɵɵconditionalCreate(14, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Conditional_14_Template, 7, 2, "div");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.containerClasses());
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.contentClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.sectionTitleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.sectionDescriptionClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionDescriptionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.editButtonClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.editButtonClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.engagedFocusAreas().length > 0 ? 12 : -1);
+    i0.ɵɵconditional(ctx_r0.engagedFocusAreas().length > 0 ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.interestedFocusAreas().length > 0 ? 13 : -1);
+    i0.ɵɵconditional(ctx_r0.interestedFocusAreas().length > 0 ? 13 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.notInterestedFocusAreas().length > 0 ? 14 : -1);
+    i0.ɵɵconditional(ctx_r0.notInterestedFocusAreas().length > 0 ? 14 : -1);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_26_For_13_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 73);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_For_13_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 76);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.dividerClasses());
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("ngClass", ctx_r0.dividerClasses());
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_26_For_13_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_For_13_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-focus-area-question", 72);
-    i0.ɵɵlistener("statusChange", function SymphiqCreateAccountDashboardComponent_Conditional_26_For_13_Template_symphiq_focus_area_question_statusChange_0_listener($event) { const domain_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFocusAreaStatusChange(domain_r10, $event)); })("toolsClick", function SymphiqCreateAccountDashboardComponent_Conditional_26_For_13_Template_symphiq_focus_area_question_toolsClick_0_listener() { const domain_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFocusAreaToolsClick(domain_r10)); });
+    i0.ɵɵelementStart(0, "symphiq-focus-area-question", 75);
+    i0.ɵɵlistener("statusChange", function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_For_13_Template_symphiq_focus_area_question_statusChange_0_listener($event) { const domain_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onFocusAreaStatusChange(domain_r10, $event)); })("toolsClick", function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_For_13_Template_symphiq_focus_area_question_toolsClick_0_listener() { const domain_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onFocusAreaToolsClick(domain_r10)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(1, SymphiqCreateAccountDashboardComponent_Conditional_26_For_13_Conditional_1_Template, 1, 1, "div", 73);
+    i0.ɵɵconditionalCreate(1, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_For_13_Conditional_1_Template, 1, 1, "div", 76);
 } if (rf & 2) {
     const domain_r10 = ctx.$implicit;
-    const ɵ$index_342_r11 = ctx.$index;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("focusAreaDomain", domain_r10)("selectedStatus", ctx_r1.getFocusAreaStatus(domain_r10))("selectedTools", ctx_r1.getFocusAreaTools(domain_r10))("viewMode", ctx_r1.viewMode())("title", ctx_r1.getFocusAreaTitle(domain_r10))("description", ctx_r1.getFocusAreaDescription(domain_r10));
+    const ɵ$index_356_r11 = ctx.$index;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("focusAreaDomain", domain_r10)("selectedStatus", ctx_r0.getFocusAreaStatus(domain_r10))("selectedTools", ctx_r0.getFocusAreaTools(domain_r10))("viewMode", ctx_r0.viewMode())("title", ctx_r0.getFocusAreaTitle(domain_r10))("description", ctx_r0.getFocusAreaDescription(domain_r10));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ɵ$index_342_r11 < ctx_r1.allFocusAreaDomains().length - 1 ? 1 : -1);
+    i0.ɵɵconditional(ɵ$index_356_r11 < ctx_r0.allFocusAreaDomains().length - 1 ? 1 : -1);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15)(1, "div", 18)(2, "div", 28)(3, "div", 70)(4, "div")(5, "h2", 20);
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23)(2, "div", 31)(3, "div", 73)(4, "div")(5, "h2", 19);
     i0.ɵɵtext(6, " Focus Areas ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(7, "p", 1);
     i0.ɵɵtext(8, " Tell us about your marketing and operational focus areas ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 71);
+    i0.ɵɵelementStart(9, "div", 74);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "div", 24);
-    i0.ɵɵrepeaterCreate(12, SymphiqCreateAccountDashboardComponent_Conditional_26_For_13_Template, 2, 7, null, null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(11, "div", 28);
+    i0.ɵɵrepeaterCreate(12, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_For_13_Template, 2, 7, null, null, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.containerClasses());
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.contentClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", ctx_r1.sectionTitleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.sectionDescriptionClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionDescriptionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.progressBadgeClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.progressBadgeClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" ", ctx_r1.focusAreasAnswered(), " of ", ctx_r1.totalFocusAreas(), " answered ");
+    i0.ɵɵtextInterpolate2(" ", ctx_r0.focusAreasAnswered(), " of ", ctx_r0.totalFocusAreas(), " answered ");
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.allFocusAreaDomains());
+    i0.ɵɵrepeater(ctx_r0.allFocusAreaDomains());
+} }
+function SymphiqCreateAccountDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵconditionalCreate(1, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_1_Template, 34, 18, "div", 21);
+    i0.ɵɵconditionalCreate(2, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_2_Template, 62, 35, "div", 21);
+    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_3_Template, 15, 8, "div", 22);
+    i0.ɵɵconditionalCreate(4, SymphiqCreateAccountDashboardComponent_Conditional_23_Conditional_4_Template, 14, 7, "div", 22);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.accountData() && !ctx_r0.editMode() && !ctx_r0.focusAreasEditMode() ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r0.accountData() || ctx_r0.editMode() ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.accountData() && ctx_r0.accountData().focusAreaDetails && !ctx_r0.focusAreasEditMode() && !ctx_r0.editMode() ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r0.accountData() || ctx_r0.focusAreasEditMode() ? 4 : -1);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 78);
-    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.focusAreasEditMode() ? ctx_r1.cancelFocusAreasEditMode() : ctx_r1.cancelEditMode()); });
+    i0.ɵɵelementStart(0, "button", 81);
+    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.focusAreasEditMode() ? ctx_r0.cancelFocusAreasEditMode() : ctx_r0.cancelEditMode()); });
     i0.ɵɵtext(1, " Cancel ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.cancelButtonClasses());
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.cancelButtonClasses());
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Saving Focus Areas... ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Updating Account... ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Creating Account... ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 79);
-    i0.ɵɵelement(1, "circle", 80)(2, "path", 81);
+    i0.ɵɵelementStart(0, "svg", 82);
+    i0.ɵɵelement(1, "circle", 83)(2, "path", 84);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_5_Conditional_3_Template, 1, 0)(4, SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_5_Conditional_4_Template, 1, 0)(5, SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_5_Conditional_5_Template, 1, 0);
+    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Conditional_3_Template, 1, 0)(4, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Conditional_4_Template, 1, 0)(5, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Conditional_5_Template, 1, 0);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.focusAreasEditMode() ? 3 : ctx_r1.accountData() && ctx_r1.editMode() ? 4 : 5);
+    i0.ɵɵconditional(ctx_r0.focusAreasEditMode() ? 3 : ctx_r0.accountData() && ctx_r0.editMode() ? 4 : 5);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Save Focus Areas ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Save Changes ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Create Account ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_6_Conditional_0_Template, 1, 0)(1, SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_6_Conditional_1_Template, 1, 0)(2, SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_6_Conditional_2_Template, 1, 0);
+function SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Conditional_0_Template, 1, 0)(1, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Conditional_1_Template, 1, 0)(2, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Conditional_2_Template, 1, 0);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(3, "svg", 82);
-    i0.ɵɵelement(4, "path", 83);
+    i0.ɵɵelementStart(3, "svg", 85);
+    i0.ɵɵelement(4, "path", 86);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(ctx_r1.focusAreasEditMode() ? 0 : ctx_r1.accountData() && ctx_r1.editMode() ? 1 : 2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r0.focusAreasEditMode() ? 0 : ctx_r0.accountData() && ctx_r0.editMode() ? 1 : 2);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 17)(1, "div", 74)(2, "div", 75);
-    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_3_Template, 2, 1, "button", 76);
-    i0.ɵɵelementStart(4, "button", 77);
-    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_28_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.focusAreasEditMode() ? ctx_r1.handleSaveFocusAreas() : ctx_r1.handleContinue()); });
-    i0.ɵɵconditionalCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_5_Template, 6, 1)(6, SymphiqCreateAccountDashboardComponent_Conditional_28_Conditional_6_Template, 5, 1);
+    i0.ɵɵelementStart(0, "div", 16)(1, "div", 77)(2, "div", 78);
+    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_3_Template, 2, 1, "button", 79);
+    i0.ɵɵelementStart(4, "button", 80);
+    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_25_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.focusAreasEditMode() ? ctx_r0.handleSaveFocusAreas() : ctx_r0.handleContinue()); });
+    i0.ɵɵconditionalCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_5_Template, 6, 1)(6, SymphiqCreateAccountDashboardComponent_Conditional_25_Conditional_6_Template, 5, 1);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r1.stickyButtonContainerClasses());
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.stickyButtonContainerClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.accountData() && ctx_r1.editMode() || ctx_r1.accountData() && ctx_r1.focusAreasEditMode() ? 3 : -1);
+    i0.ɵɵconditional(ctx_r0.accountData() && ctx_r0.editMode() || ctx_r0.accountData() && ctx_r0.focusAreasEditMode() ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("cursor-pointer", ctx_r1.isButtonEnabled())("cursor-not-allowed", !ctx_r1.isButtonEnabled())("opacity-50", !ctx_r1.isButtonEnabled())("hover:scale-105", ctx_r1.isButtonEnabled());
-    i0.ɵɵproperty("disabled", !ctx_r1.isButtonEnabled())("ngClass", ctx_r1.continueButtonClasses());
+    i0.ɵɵclassProp("cursor-pointer", ctx_r0.isButtonEnabled())("cursor-not-allowed", !ctx_r0.isButtonEnabled())("opacity-50", !ctx_r0.isButtonEnabled())("hover:scale-105", ctx_r0.isButtonEnabled());
+    i0.ɵɵproperty("disabled", !ctx_r0.isButtonEnabled())("ngClass", ctx_r0.continueButtonClasses());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isLoading() ? 5 : 6);
+    i0.ɵɵconditional(ctx_r0.isLoading() ? 5 : 6);
 } }
 var ShopPlatformEnum;
 (function (ShopPlatformEnum) {
@@ -52557,6 +52593,7 @@ class SymphiqCreateAccountDashboardComponent {
         this.editMode = signal(false, ...(ngDevMode ? [{ debugName: "editMode" }] : []));
         this.sameAsShopName = signal(false, ...(ngDevMode ? [{ debugName: "sameAsShopName" }] : []));
         this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.isCreatingAccount = computed(() => this.isLoading() && !this.accountData(), ...(ngDevMode ? [{ debugName: "isCreatingAccount" }] : []));
         this.formChanged = signal(false, ...(ngDevMode ? [{ debugName: "formChanged" }] : []));
         this.originalFormValue = null;
         this.loadTime = Date.now();
@@ -53108,7 +53145,7 @@ class SymphiqCreateAccountDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.shopNameInput = _t.first);
         } }, hostBindings: function SymphiqCreateAccountDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqCreateAccountDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], accountData: [1, "accountData"], forDemo: [1, "forDemo"], showNextStepAction: [1, "showNextStepAction"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { onCreateAccount: "onCreateAccount", stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 29, vars: 51, consts: [["shopNameInput", ""], [3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 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, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "close", "save", "isOpen", "focusAreaDomain", "focusAreaTitle", "selectedTools", "viewMode"], [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", "justify-between", "mb-6"], [1, "text-2xl", "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, "space-y-4"], [1, "block", "text-sm", "font-medium", "mb-1", 3, "ngClass"], [1, "text-base", 3, "ngClass"], ["target", "_blank", "rel", "noopener noreferrer", 1, "text-base", "hover:underline", 3, "href", "ngClass"], [1, "mb-6"], [1, "space-y-6", 3, "formGroup"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-red-500"], ["type", "text", "formControlName", "shopName", "placeholder", "Enter your shop name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "mt-1", "text-sm", 3, "ngClass"], [1, "flex", "items-center"], [1, "px-4", "py-3", "rounded-l-lg", "border-2", "border-r-0", "text-sm", "font-medium", 3, "ngClass"], ["type", "text", "formControlName", "shopUrl", "placeholder", "yourshop.com", 1, "flex-1", "px-4", "py-3", "rounded-r-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "block", "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-4"], [1, "cursor-pointer", 3, "ngClass"], ["type", "radio", "formControlName", "shopPlatform", 1, "sr-only", 3, "value"], [1, "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border-2", "transition-all", "duration-200"], [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"], [1, "font-semibold", 3, "ngClass"], ["type", "text", "formControlName", "companyName", "placeholder", "Enter company name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass", "readonly"], [1, "mt-2"], [1, "flex", "items-center", "gap-2", "cursor-pointer"], ["type", "checkbox", 1, "w-4", "h-4", "rounded", "border-2", "transition-all", "duration-200", 3, "change", "checked", "ngClass"], [1, "text-sm", 3, "ngClass"], ["formControlName", "website", "tabindex", "-1", "autocomplete", "off", 1, "absolute", "-left-[9999px]", "opacity-0"], ["type", "text", "formControlName", "otherPlatformName", "placeholder", "Enter platform name (e.g., WooCommerce, Magento)", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "text-base", "font-bold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-emerald-500"], [1, "space-y-3"], [1, "p-4", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-2"], [1, "font-semibold", "text-sm", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-blue-500"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-3"], [1, "p-3", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400"], [1, "grid", "grid-cols-2", "sm:grid-cols-3", "gap-2"], [1, "p-2", "rounded", "text-center", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [3, "statusChange", "toolsClick", "focusAreaDomain", "selectedStatus", "selectedTools", "viewMode", "title", "description"], [1, "my-4", 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, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-lg", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-3", "shadow-lg", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqCreateAccountDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { embedded: [1, "embedded"], parentHeaderOffset: [1, "parentHeaderOffset"], viewMode: [1, "viewMode"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], accountData: [1, "accountData"], forDemo: [1, "forDemo"], showNextStepAction: [1, "showNextStepAction"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { onCreateAccount: "onCreateAccount", stepClick: "stepClick", nextStepClick: "nextStepClick" }, decls: 26, vars: 48, consts: [["shopNameInput", ""], [3, "ngClass"], [1, "h-full", "transition-all", "duration-200", "ease-out", 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, "flex", "flex-col", "items-center", "justify-center", "min-h-[60vh]", "gap-6"], [1, "max-w-3xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8"], [3, "close", "save", "isOpen", "focusAreaDomain", "focusAreaTitle", "selectedTools", "viewMode"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-sm", 3, "ngClass"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-8", "py-8", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-6"], ["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, "space-y-4"], [1, "block", "text-sm", "font-medium", "mb-1", 3, "ngClass"], ["target", "_blank", "rel", "noopener noreferrer", 1, "text-base", "hover:underline", 3, "href", "ngClass"], [1, "mb-6"], [1, "space-y-6", 3, "formGroup"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "text-red-500"], ["type", "text", "formControlName", "shopName", "placeholder", "Enter your shop name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "mt-1", "text-sm", 3, "ngClass"], [1, "flex", "items-center"], [1, "px-4", "py-3", "rounded-l-lg", "border-2", "border-r-0", "text-sm", "font-medium", 3, "ngClass"], ["type", "text", "formControlName", "shopUrl", "placeholder", "yourshop.com", 1, "flex-1", "px-4", "py-3", "rounded-r-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "block", "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-4"], [1, "cursor-pointer", 3, "ngClass"], ["type", "radio", "formControlName", "shopPlatform", 1, "sr-only", 3, "value"], [1, "flex", "items-center", "gap-3", "p-4", "rounded-lg", "border-2", "transition-all", "duration-200"], [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"], [1, "font-semibold", 3, "ngClass"], ["type", "text", "formControlName", "companyName", "placeholder", "Enter company name", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass", "readonly"], [1, "mt-2"], [1, "flex", "items-center", "gap-2", "cursor-pointer"], ["type", "checkbox", 1, "w-4", "h-4", "rounded", "border-2", "transition-all", "duration-200", 3, "change", "checked", "ngClass"], [1, "text-sm", 3, "ngClass"], ["formControlName", "website", "tabindex", "-1", "autocomplete", "off", 1, "absolute", "-left-[9999px]", "opacity-0"], ["type", "text", "formControlName", "otherPlatformName", "placeholder", "Enter platform name (e.g., WooCommerce, Magento)", 1, "w-full", "px-4", "py-3", "rounded-lg", "border-2", "transition-all", "duration-200", "focus:outline-none", "focus:ring-2", 3, "ngClass"], [1, "text-base", "font-bold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-emerald-500"], [1, "space-y-3"], [1, "p-4", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "flex", "items-start", "justify-between", "mb-2"], [1, "font-semibold", "text-sm", 3, "ngClass"], [1, "px-2", "py-0.5", "rounded", "text-xs", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mt-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-blue-500"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "gap-3"], [1, "p-3", "rounded-lg", "border-l-4", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", "bg-slate-400"], [1, "grid", "grid-cols-2", "sm:grid-cols-3", "gap-2"], [1, "p-2", "rounded", "text-center", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "whitespace-nowrap", 3, "ngClass"], [3, "statusChange", "toolsClick", "focusAreaDomain", "selectedStatus", "selectedTools", "viewMode", "title", "description"], [1, "my-4", 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, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "ngClass"], ["type", "button", 1, "flex-1", "px-6", "py-4", "rounded-xl", "font-bold", "text-lg", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-3", "shadow-lg", 3, "click", "disabled", "ngClass"], ["type", "button", 1, "px-6", "py-4", "rounded-xl", "font-bold", "text-base", "transition-all", "duration-200", "flex", "items-center", "justify-center", "gap-2", "cursor-pointer", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "animate-spin"], ["cx", "12", "cy", "12", "r", "10", "stroke", "currentColor", "stroke-width", "4", 1, "opacity-25"], ["fill", "currentColor", "d", "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", 1, "opacity-75"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqCreateAccountDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1)(1, "div");
             i0.ɵɵelement(2, "div", 2);
             i0.ɵɵelementEnd();
@@ -53125,16 +53162,13 @@ class SymphiqCreateAccountDashboardComponent {
             i0.ɵɵelementStart(20, "symphiq-journey-progress-indicator", 11);
             i0.ɵɵlistener("stepClick", function SymphiqCreateAccountDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_20_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqCreateAccountDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_20_listener() { return ctx.nextStepClick.emit(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "main", 12)(22, "div", 13);
-            i0.ɵɵconditionalCreate(23, SymphiqCreateAccountDashboardComponent_Conditional_23_Template, 34, 18, "div", 14);
-            i0.ɵɵconditionalCreate(24, SymphiqCreateAccountDashboardComponent_Conditional_24_Template, 62, 35, "div", 14);
-            i0.ɵɵconditionalCreate(25, SymphiqCreateAccountDashboardComponent_Conditional_25_Template, 15, 8, "div", 15);
-            i0.ɵɵconditionalCreate(26, SymphiqCreateAccountDashboardComponent_Conditional_26_Template, 14, 7, "div", 15);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(27, "symphiq-focus-area-tools-modal", 16);
-            i0.ɵɵlistener("close", function SymphiqCreateAccountDashboardComponent_Template_symphiq_focus_area_tools_modal_close_27_listener() { return ctx.onToolsModalClose(); })("save", function SymphiqCreateAccountDashboardComponent_Template_symphiq_focus_area_tools_modal_save_27_listener($event) { return ctx.onToolsModalSave($event); });
+            i0.ɵɵelementStart(21, "main", 12);
+            i0.ɵɵconditionalCreate(22, SymphiqCreateAccountDashboardComponent_Conditional_22_Template, 7, 3, "div", 13)(23, SymphiqCreateAccountDashboardComponent_Conditional_23_Template, 5, 4, "div", 14);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(28, SymphiqCreateAccountDashboardComponent_Conditional_28_Template, 7, 13, "div", 17);
+            i0.ɵɵelementStart(24, "symphiq-focus-area-tools-modal", 15);
+            i0.ɵɵlistener("close", function SymphiqCreateAccountDashboardComponent_Template_symphiq_focus_area_tools_modal_close_24_listener() { return ctx.onToolsModalClose(); })("save", function SymphiqCreateAccountDashboardComponent_Template_symphiq_focus_area_tools_modal_save_24_listener($event) { return ctx.onToolsModalSave($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(25, SymphiqCreateAccountDashboardComponent_Conditional_25_Template, 7, 13, "div", 16);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
@@ -53163,23 +53197,17 @@ class SymphiqCreateAccountDashboardComponent {
             i0.ɵɵproperty("ngClass", ctx.isLightMode() ? "text-xl font-bold bg-gradient-to-r from-blue-600 to-cyan-600 bg-clip-text text-transparent truncate" : "text-xl font-bold bg-gradient-to-r from-blue-400 to-cyan-400 bg-clip-text text-transparent truncate");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode())("currentStepId", ctx.JourneyStepIdEnum.CREATE_ACCOUNT)("showNextStepAction", ctx.showNextStepAction())("forDemo", ctx.forDemo())("maxAccessibleStepId", ctx.maxAccessibleStepId());
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.accountData() && !ctx.editMode() && !ctx.focusAreasEditMode() ? 23 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.accountData() || ctx.editMode() ? 24 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.accountData() && ctx.accountData().focusAreaDetails && !ctx.focusAreasEditMode() && !ctx.editMode() ? 25 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.accountData() || ctx.focusAreasEditMode() ? 26 : -1);
-            i0.ɵɵadvance();
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.isCreatingAccount() ? 22 : 23);
+            i0.ɵɵadvance(2);
             i0.ɵɵproperty("isOpen", ctx.toolsModalOpen())("focusAreaDomain", ctx.currentEditingFocusArea())("focusAreaTitle", ctx.currentEditingFocusAreaTitle())("selectedTools", ctx.currentEditingTools())("viewMode", ctx.viewMode());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.accountData() || ctx.editMode() || ctx.focusAreasEditMode() ? 28 : -1);
-        } }, dependencies: [CommonModule, i1$1.NgClass, ReactiveFormsModule, i2$1.ɵNgNoValidate, i2$1.DefaultValueAccessor, i2$1.RadioControlValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, JourneyProgressIndicatorComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent], 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)}}"], changeDetection: 0 }); }
+            i0.ɵɵconditional((!ctx.accountData() || ctx.editMode() || ctx.focusAreasEditMode()) && !ctx.isCreatingAccount() ? 25 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass, ReactiveFormsModule, i2$1.ɵNgNoValidate, i2$1.DefaultValueAccessor, i2$1.RadioControlValueAccessor, i2$1.NgControlStatus, i2$1.NgControlStatusGroup, i2$1.FormGroupDirective, i2$1.FormControlName, JourneyProgressIndicatorComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, IndeterminateSpinnerComponent], 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)}}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqCreateAccountDashboardComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-create-account-dashboard', standalone: true, imports: [CommonModule, ReactiveFormsModule, JourneyProgressIndicatorComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        args: [{ selector: 'symphiq-create-account-dashboard', standalone: true, imports: [CommonModule, ReactiveFormsModule, JourneyProgressIndicatorComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, IndeterminateSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div [ngClass]="getContainerClasses()">
       <!-- Scroll Progress Bar -->
       <div [class]="embedded() ? 'sticky top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30' : 'fixed top-0 left-0 right-0 h-1 z-[60] bg-slate-200/30'">
@@ -53252,6 +53280,22 @@ class SymphiqCreateAccountDashboardComponent {
         />
 
         <main class="relative pb-32">
+          @if (isCreatingAccount()) {
+            <div class="flex flex-col items-center justify-center min-h-[60vh] gap-6">
+              <symphiq-indeterminate-spinner
+                [viewMode]="viewMode()"
+                size="large"
+              />
+              <div class="text-center">
+                <h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold mb-2">
+                  Your account is being created
+                </h2>
+                <p [ngClass]="sectionDescriptionClasses()" class="text-base">
+                  Please wait while we set everything up for you...
+                </p>
+              </div>
+            </div>
+          } @else {
           <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
             <!-- View Mode: Display Account Data -->
             @if (accountData() && !editMode() && !focusAreasEditMode()) {
@@ -53637,6 +53681,7 @@ class SymphiqCreateAccountDashboardComponent {
               </div>
             }
           </div>
+          }
         </main>
 
         <!-- Tools Selection Modal -->
@@ -53651,7 +53696,7 @@ class SymphiqCreateAccountDashboardComponent {
         />
 
         <!-- Sticky Continue Button -->
-        @if (!accountData() || editMode() || focusAreasEditMode()) {
+        @if ((!accountData() || editMode() || focusAreasEditMode()) && !isCreatingAccount()) {
           <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">
@@ -53713,401 +53758,436 @@ class SymphiqCreateAccountDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 624 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 642 }); })();
 
 const _forTrack0$l = ($index, $item) => $item.id;
-function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "div", 15);
+    i0.ɵɵelement(3, "symphiq-indeterminate-spinner", 16);
+    i0.ɵɵelementStart(4, "h2", 17);
+    i0.ɵɵtext(5, " Connecting to Google ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 18);
+    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) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("viewMode", ctx_r0.viewMode());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.titleClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
+} }
+function SymphiqConnectGaDashboardComponent_Conditional_22_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) {
+function SymphiqConnectGaDashboardComponent_Conditional_22_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()); });
+function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 54);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_22_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_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.headerCancelButtonClasses());
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.headerCancelButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_22_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) {
+function SymphiqConnectGaDashboardComponent_Conditional_22_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);
+function SymphiqConnectGaDashboardComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19)(2, "div", 20)(3, "div", 21);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 17);
-    i0.ɵɵelement(5, "path", 18);
+    i0.ɵɵelementStart(4, "svg", 22);
+    i0.ɵɵelement(5, "path", 23);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    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.ɵɵelementStart(6, "div", 24)(7, "div", 25)(8, "h2", 26);
+    i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_10_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_21_Conditional_11_Template, 2, 1, "button", 22);
+    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template, 2, 1, "button", 27);
     i0.ɵɵelementEnd();
-    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.ɵɵelementStart(12, "p", 28);
+    i0.ɵɵconditionalCreate(13, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_13_Template, 1, 0)(14, SymphiqConnectGaDashboardComponent_Conditional_22_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.ɵɵelementStart(15, "div", 29)(16, "button", 30);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_22_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.googleButtonClick.emit()); });
+    i0.ɵɵelement(17, "div", 31);
+    i0.ɵɵelementStart(18, "div", 32)(19, "div", 33);
     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", 34);
+    i0.ɵɵelement(21, "path", 35)(22, "path", 36)(23, "path", 37)(24, "path", 38)(25, "path", 39);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(26, "span", 35);
+    i0.ɵɵelementStart(26, "span", 40);
     i0.ɵɵtext(27, "Continue with Google");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(28, "div", 36);
+    i0.ɵɵelementStart(28, "div", 41);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(29, "svg", 37);
-    i0.ɵɵelement(30, "path", 38);
+    i0.ɵɵelementStart(29, "svg", 42);
+    i0.ɵɵelement(30, "path", 43);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(31, "div", 19)(32, "p", 39)(33, "strong", 40);
+    i0.ɵɵelementStart(31, "div", 24)(32, "p", 44)(33, "strong", 45);
     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_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.ɵɵelementStart(36, "div", 46)(37, "div", 47);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_22_Template_div_click_37_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleExpanded()); });
+    i0.ɵɵelementStart(38, "span", 48);
     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", 49);
+    i0.ɵɵelement(41, "path", 50);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(42, "div", 4)(43, "div", 46)(44, "p", 47);
+    i0.ɵɵelementStart(42, "div", 4)(43, "div", 51)(44, "p", 52);
     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", 44);
     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.ɵɵelementStart(48, "strong", 53);
     i0.ɵɵtext(49, "Google API Services User Data Policy");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(50, " including the Limited Use requirements. ");
     i0.ɵɵelementEnd()()()()()()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r2.containerClasses());
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.contentClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.iconContainerClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.iconContainerClasses());
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.titleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.isReconnecting() ? 9 : 10);
+    i0.ɵɵconditional(ctx_r0.isReconnecting() ? 9 : 10);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.isReconnecting() ? 11 : -1);
+    i0.ɵɵconditional(ctx_r0.isReconnecting() ? 11 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.textClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.isReconnecting() ? 13 : 14);
+    i0.ɵɵconditional(ctx_r0.isReconnecting() ? 13 : 14);
     i0.ɵɵadvance(15);
-    i0.ɵɵproperty("ngClass", ctx_r2.noteBoxClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.noteBoxClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.noteIconClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.noteIconClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r2.noteTextClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.noteTextClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngClass", ctx_r2.expandableCardClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.expandableCardClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.expandableHeaderClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.expandableHeaderClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.expandableHeaderTextClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.expandableHeaderTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("rotate-180", ctx_r2.isExpanded());
-    i0.ɵɵproperty("ngClass", ctx_r2.chevronClasses());
+    i0.ɵɵclassProp("rotate-180", ctx_r0.isExpanded());
+    i0.ɵɵproperty("ngClass", ctx_r0.chevronClasses());
     i0.ɵɵadvance(2);
-    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.ɵɵclassProp("max-h-0", !ctx_r0.isExpanded())("opacity-0", !ctx_r0.isExpanded())("max-h-[1000px]", ctx_r0.isExpanded())("opacity-100", ctx_r0.isExpanded());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.expandedContentClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.expandedContentClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.expandedTextClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.expandedTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.expandedTextClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.expandedTextClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Change Google Analytics Property ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Choose Your Property ");
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function SymphiqConnectGaDashboardComponent_Conditional_23_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.ɵɵelementStart(0, "button", 54);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_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_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.headerCancelButtonClasses());
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.headerCancelButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 56);
+function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 65);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 61);
+function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 70);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 62);
-    i0.ɵɵelement(2, "path", 63);
+    i0.ɵɵelementStart(1, "svg", 71);
+    i0.ɵɵelement(2, "path", 72);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span", 60);
+    i0.ɵɵelementStart(3, "span", 69);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(5);
+    const ctx_r0 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.accountNameClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.accountNameClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.accountNameClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.accountNameClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" Account: ", ctx.name || "Unnamed Account", " ");
 } }
-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);
+function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Conditional_10_Conditional_0_Template, 5, 3, "div", 70);
 } if (rf & 2) {
     let 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);
+    const property_r7 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional((tmp_13_0 = ctx_r0.getAccountForProperty(property_r7)) ? 0 : -1, tmp_13_0);
 } }
-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);
+function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 62);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template_label_click_0_listener() { const property_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProperty(property_r7.id)); })("keydown.enter", function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template_label_keydown_enter_0_listener() { const property_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectProperty(property_r7.id)); })("keydown.space", function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template_label_keydown_space_0_listener($event) { const property_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); ctx_r0.selectProperty(property_r7.id); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵelementStart(1, "div", 63)(2, "div", 64);
+    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Conditional_3_Template, 1, 0, "div", 65);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 57)(5, "div", 58);
+    i0.ɵɵelementStart(4, "div", 66)(5, "div", 67);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(6, "svg", 59);
-    i0.ɵɵelement(7, "path", 18);
+    i0.ɵɵelementStart(6, "svg", 68);
+    i0.ɵɵelement(7, "path", 23);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(8, "div", 60);
+    i0.ɵɵelementStart(8, "div", 69);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_14_For_2_Conditional_10_Template, 1, 1);
+    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Conditional_10_Template, 1, 1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    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);
+    const property_r7 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", ctx_r0.propertyCardClasses(property_r7.id));
+    i0.ɵɵattribute("aria-checked", ctx_r0.isEditingProperty() ? ctx_r0.currentEditingPropertyId() === property_r7.id : ctx_r0.selectedGaPropertyId() ? ctx_r0.selectedGaPropertyId() === property_r7.id : ctx_r0.currentSelectingPropertyId() === property_r7.id);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.radioIndicatorClasses(property_r6.id));
+    i0.ɵɵproperty("ngClass", ctx_r0.radioIndicatorClasses(property_r7.id));
     i0.ɵɵadvance();
-    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.ɵɵconditional((ctx_r0.isEditingProperty() ? ctx_r0.currentEditingPropertyId() === property_r7.id : ctx_r0.selectedGaPropertyId() ? ctx_r0.selectedGaPropertyId() === property_r7.id : ctx_r0.currentSelectingPropertyId() === property_r7.id) ? 3 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r2.noteIconClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.noteIconClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.propertyNameClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.propertyNameClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", property_r6.name || "Unnamed Property", " ");
+    i0.ɵɵtextInterpolate1(" ", property_r7.name || "Unnamed Property", " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(property_r6.gaAccountId ? 10 : -1);
+    i0.ɵɵconditional(property_r7.gaAccountId ? 10 : -1);
 } }
-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$l);
+function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 56);
+    i0.ɵɵrepeaterCreate(1, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_For_2_Template, 11, 8, "label", 57, _forTrack0$l);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "div", 58);
+    i0.ɵɵelementStart(4, "button", 59);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_23_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", 60);
+    i0.ɵɵelement(6, "path", 61);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(7, " Use Different Google Account ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r2.sortedGaProperties());
+    i0.ɵɵrepeater(ctx_r0.sortedGaProperties());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.dividerClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.useDifferentAccountButtonClasses());
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51)(1, "p", 64);
+function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55)(1, "p", 73);
     i0.ɵɵtext(2, " No properties found. Please connect your Google Analytics account. ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.emptyStateTextClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.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);
+function SymphiqConnectGaDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19)(2, "div", 20)(3, "div", 21);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 17);
-    i0.ɵɵelement(5, "path", 18);
+    i0.ɵɵelementStart(4, "svg", 22);
+    i0.ɵɵelement(5, "path", 23);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    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.ɵɵelementStart(6, "div", 24)(7, "div", 25)(8, "h2", 26);
+    i0.ɵɵconditionalCreate(9, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_9_Template, 1, 0)(10, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_10_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_22_Conditional_11_Template, 2, 1, "button", 22);
+    i0.ɵɵconditionalCreate(11, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_11_Template, 2, 1, "button", 27);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "p", 23);
+    i0.ɵɵelementStart(12, "p", 28);
     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.ɵɵconditionalCreate(14, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_14_Template, 8, 2)(15, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_15_Template, 3, 1, "div", 55);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r2.containerClasses());
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.contentClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.iconContainerClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.iconContainerClasses());
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.titleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.isEditingProperty() ? 9 : 10);
+    i0.ɵɵconditional(ctx_r0.isEditingProperty() ? 9 : 10);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.isEditingProperty() ? 11 : -1);
+    i0.ɵɵconditional(ctx_r0.isEditingProperty() ? 11 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.textClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.sortedGaProperties() && ctx_r2.sortedGaProperties().length > 0 ? 14 : 15);
+    i0.ɵɵconditional(ctx_r0.sortedGaProperties() && ctx_r0.sortedGaProperties().length > 0 ? 14 : 15);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 61);
+function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_17_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 70);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 62);
-    i0.ɵɵelement(2, "path", 63);
+    i0.ɵɵelementStart(1, "svg", 71);
+    i0.ɵɵelement(2, "path", 72);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
     i0.ɵɵelementStart(3, "span", 0);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.accountNameClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.accountNameClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.accountNameClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.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", 71)(1, "div", 74)(2, "div", 75);
+function SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 79)(1, "div", 81)(2, "div", 82);
     i0.ɵɵtext(3, " Connected ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 76);
+    i0.ɵɵelementStart(4, "div", 83);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 77);
-    i0.ɵɵelement(6, "path", 18);
+    i0.ɵɵelementStart(5, "svg", 84);
+    i0.ɵɵelement(6, "path", 23);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(7, "div")(8, "div", 78);
+    i0.ɵɵelementStart(7, "div")(8, "div", 85);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Conditional_10_Template, 5, 3, "div", 61);
+    i0.ɵɵconditionalCreate(10, SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_17_Conditional_10_Template, 5, 3, "div", 70);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     let tmp_8_0;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.selectedPropertyCardClasses());
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.selectedPropertyCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.statusBadgeClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.statusBadgeClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r2.noteIconClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.noteIconClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", ctx_r2.propertyNameClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.propertyNameClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx.name || "Unnamed Property", " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_8_0 = ctx_r2.selectedPropertyAccount()) ? 10 : -1, tmp_8_0);
+    i0.ɵɵconditional((tmp_8_0 = ctx_r0.selectedPropertyAccount()) ? 10 : -1, tmp_8_0);
 } }
-function SymphiqConnectGaDashboardComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 14)(2, "div", 15)(3, "div", 16);
+function SymphiqConnectGaDashboardComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19)(2, "div", 20)(3, "div", 21);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 17);
-    i0.ɵɵelement(5, "path", 65);
+    i0.ɵɵelementStart(4, "svg", 22);
+    i0.ɵɵelement(5, "path", 74);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 19)(7, "div", 66)(8, "div")(9, "h2", 67);
+    i0.ɵɵelementStart(6, "div", 24)(7, "div", 75)(8, "div")(9, "h2", 76);
     i0.ɵɵtext(10, " Connected to Google Analytics ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "p", 64);
+    i0.ɵɵelementStart(11, "p", 73);
     i0.ɵɵtext(12, " Your analytics data is linked ");
     i0.ɵɵelementEnd()();
-    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.ɵɵelementStart(13, "button", 77);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_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", 69);
-    i0.ɵɵelement(15, "path", 70);
+    i0.ɵɵelementStart(14, "svg", 60);
+    i0.ɵɵelement(15, "path", 78);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(16, " Edit ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(17, SymphiqConnectGaDashboardComponent_Conditional_23_Conditional_17_Template, 11, 6, "div", 71);
+    i0.ɵɵconditionalCreate(17, SymphiqConnectGaDashboardComponent_Conditional_24_Conditional_17_Template, 11, 6, "div", 79);
     i0.ɵɵnamespaceHTML();
-    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.ɵɵelementStart(18, "button", 80);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_24_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", 69);
-    i0.ɵɵelement(20, "path", 73);
+    i0.ɵɵelementStart(19, "svg", 60);
+    i0.ɵɵelement(20, "path", 61);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(21, " Use Different Google Account ");
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     let tmp_7_0;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r2.containerClasses());
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.containerClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.contentClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.contentClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.iconContainerClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.iconContainerClasses());
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("ngClass", ctx_r2.titleClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.titleClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.textClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.textClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.editButtonClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.editButtonClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional((tmp_7_0 = ctx_r2.selectedProperty()) ? 17 : -1, tmp_7_0);
+    i0.ɵɵconditional((tmp_7_0 = ctx_r0.selectedProperty()) ? 17 : -1, tmp_7_0);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r2.reconnectButtonClasses());
+    i0.ɵɵproperty("ngClass", ctx_r0.reconnectButtonClasses());
 } }
-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()); });
+function SymphiqConnectGaDashboardComponent_Conditional_25_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 89);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_25_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", 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.ɵɵelementStart(2, "button", 90);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_25_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) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r2.cancelButtonClasses());
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.cancelButtonClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", !ctx_r2.hasPropertyChanged())("ngClass", ctx_r2.submitButtonClasses());
+    i0.ɵɵproperty("disabled", !ctx_r0.hasPropertyChanged())("ngClass", ctx_r0.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()); });
+function SymphiqConnectGaDashboardComponent_Conditional_25_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 90);
+    i0.ɵɵlistener("click", function SymphiqConnectGaDashboardComponent_Conditional_25_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_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", !ctx_r2.hasPropertySelected())("ngClass", ctx_r2.submitButtonClasses());
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", !ctx_r0.hasPropertySelected())("ngClass", ctx_r0.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);
+function SymphiqConnectGaDashboardComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13)(1, "div", 86)(2, "div", 87);
+    i0.ɵɵconditionalCreate(3, SymphiqConnectGaDashboardComponent_Conditional_25_Conditional_3_Template, 4, 3)(4, SymphiqConnectGaDashboardComponent_Conditional_25_Conditional_4_Template, 2, 2, "button", 88);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r2.stickyButtonContainerClasses());
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.stickyButtonContainerClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r2.isEditingProperty() ? 3 : 4);
+    i0.ɵɵconditional(ctx_r0.isEditingProperty() ? 3 : 4);
 } }
 class SymphiqConnectGaDashboardComponent {
     constructor() {
@@ -54122,6 +54202,7 @@ class SymphiqConnectGaDashboardComponent {
         this.gaProperties = input(undefined, ...(ngDevMode ? [{ debugName: "gaProperties" }] : []));
         this.gaAccounts = input(undefined, ...(ngDevMode ? [{ debugName: "gaAccounts" }] : []));
         this.selectedGaPropertyId = input(undefined, ...(ngDevMode ? [{ debugName: "selectedGaPropertyId" }] : []));
+        this.isConnectingToGoogle = input(false, ...(ngDevMode ? [{ debugName: "isConnectingToGoogle" }] : []));
         this.stepClick = output();
         this.nextStepClick = output();
         this.googleButtonClick = output();
@@ -54292,7 +54373,10 @@ class SymphiqConnectGaDashboardComponent {
     cancelReconnectMode() {
         this.isReconnecting.set(false);
     }
-    getContainerClasses() {
+    useDifferentGoogleAccount() {
+        this.isReconnecting.set(true);
+    }
+    getContainerClasses() {
         return this.isLightMode()
             ? 'min-h-screen bg-gradient-to-br from-slate-50 to-slate-100'
             : 'min-h-screen bg-gradient-to-br from-slate-900 to-slate-800';
@@ -54479,12 +54563,22 @@ class SymphiqConnectGaDashboardComponent {
             ? 'text-slate-600'
             : 'text-slate-400';
     }
+    dividerClasses() {
+        return this.isLightMode()
+            ? 'border-slate-200'
+            : 'border-slate-700';
+    }
+    useDifferentAccountButtonClasses() {
+        return this.isLightMode()
+            ? 'text-slate-600 hover:text-slate-900 hover:bg-slate-100 border border-slate-300'
+            : 'text-slate-400 hover:text-white hover:bg-slate-700 border border-slate-600';
+    }
     static { this.ɵfac = function SymphiqConnectGaDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqConnectGaDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqConnectGaDashboardComponent, selectors: [["symphiq-connect-ga-dashboard"]], hostVars: 4, hostBindings: function SymphiqConnectGaDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             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" }, 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) {
+        } }, 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: 26, vars: 41, 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-16", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "text-center"], ["size", "large", 3, "viewMode"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mt-8", "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, "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)(3, "header", 3)(4, "div", 4)(5, "div", 5)(6, "div", 6)(7, "div")(8, "h1", 0);
@@ -54500,11 +54594,12 @@ 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, 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.ɵɵconditionalCreate(21, SymphiqConnectGaDashboardComponent_Conditional_21_Template, 8, 5, "div", 12);
+            i0.ɵɵconditionalCreate(22, SymphiqConnectGaDashboardComponent_Conditional_22_Template, 51, 28, "div", 12);
+            i0.ɵɵconditionalCreate(23, SymphiqConnectGaDashboardComponent_Conditional_23_Template, 16, 8, "div", 12);
+            i0.ɵɵconditionalCreate(24, SymphiqConnectGaDashboardComponent_Conditional_24_Template, 22, 8, "div", 12);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(24, SymphiqConnectGaDashboardComponent_Conditional_24_Template, 5, 2, "div", 13);
+            i0.ɵɵconditionalCreate(25, SymphiqConnectGaDashboardComponent_Conditional_25_Template, 5, 2, "div", 13);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.getContainerClasses());
@@ -54529,401 +54624,436 @@ class SymphiqConnectGaDashboardComponent {
             i0.ɵɵadvance(2);
             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.isConnectState() ? 21 : -1);
+            i0.ɵɵconditional(ctx.isConnectingToGoogle() ? 21 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSelectionState() ? 22 : -1);
+            i0.ɵɵconditional(ctx.isConnectState() && !ctx.isConnectingToGoogle() ? 22 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSelectedState() ? 23 : -1);
+            i0.ɵɵconditional(ctx.isSelectionState() && !ctx.isConnectingToGoogle() ? 23 : -1);
             i0.ɵɵadvance();
-            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 }); }
+            i0.ɵɵconditional(ctx.isSelectedState() && !ctx.isConnectingToGoogle() ? 24 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showSubmitButton() ? 25 : -1);
+        } }, dependencies: [CommonModule, i1$1.NgClass, JourneyProgressIndicatorComponent, IndeterminateSpinnerComponent], 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], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+        args: [{ selector: 'symphiq-connect-ga-dashboard', standalone: true, imports: [CommonModule, JourneyProgressIndicatorComponent, IndeterminateSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                     '[class.light]': 'isLightMode()',
                     '[class.dark]': '!isLightMode()'
-                }, template: `
-    <div [ngClass]="getContainerClasses()">
-      <div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
-
-      <div class="relative z-[51]">
-        <header [ngClass]="getHeaderClasses()" class="sticky top-0 z-50">
-          <!-- Expanded Header -->
-          <div
-            class="transition-all duration-300 ease-in-out overflow-hidden"
-            [class.max-h-0]="headerScrollService.isScrolled()"
-            [class.opacity-0]="headerScrollService.isScrolled()"
-            [class.max-h-96]="!headerScrollService.isScrolled()"
-            [class.opacity-100]="!headerScrollService.isScrolled()">
-            <div
-              class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"
-              [class.pointer-events-none]="headerScrollService.isScrolled()"
-              [class.pointer-events-auto]="!headerScrollService.isScrolled()">
-              <div class="flex items-center justify-between">
-                <div>
-                  <h1 [ngClass]="getMainTitleClasses()">
-                    Connect Google Analytics 4
-                  </h1>
-                  <p [ngClass]="getSubtitleClasses()">
-                    Link your analytics data
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- Condensed Header -->
-          <div
-            class="transition-all duration-300 ease-in-out overflow-hidden"
-            [class.max-h-0]="!headerScrollService.isScrolled()"
-            [class.opacity-0]="!headerScrollService.isScrolled()"
-            [class.max-h-20]="headerScrollService.isScrolled()"
-            [class.opacity-100]="headerScrollService.isScrolled()">
-            <div
-              class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3"
-              [class.pointer-events-none]="!headerScrollService.isScrolled()"
-              [class.pointer-events-auto]="headerScrollService.isScrolled()">
-              <div class="flex items-center justify-between">
-                <div class="flex-1 min-w-0 mr-4">
-                  <h1 [ngClass]="isLightMode() ? 'text-xl font-bold bg-gradient-to-r from-blue-600 to-cyan-600 bg-clip-text text-transparent truncate' : 'text-xl font-bold bg-gradient-to-r from-blue-400 to-cyan-400 bg-clip-text text-transparent truncate'">
-                    Connect Google Analytics 4
-                  </h1>
-                </div>
-              </div>
-            </div>
-          </div>
-        </header>
-
-        <!-- Journey Progress Indicator -->
-        <symphiq-journey-progress-indicator
-          [viewMode]="viewMode()"
-          [currentStepId]="JourneyStepIdEnum.CONNECT_GA4"
-          [showNextStepAction]="showNextStepAction()"
-          [forDemo]="forDemo()"
-          [maxAccessibleStepId]="maxAccessibleStepId()"
-          (stepClick)="stepClick.emit($event)"
-          (nextStepClick)="nextStepClick.emit()"
-        />
-
-        <main class="relative pb-32">
-          <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-            <!-- Connect to Google State -->
-            @if (isConnectState()) {
-              <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
-                <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">
-                      <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">
-                        @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">
-                        <button type="button" class="gsi-material-button" (click)="googleButtonClick.emit()">
-                          <div class="gsi-material-button-state"></div>
-                          <div class="gsi-material-button-content-wrapper">
-                            <div class="gsi-material-button-icon">
-                              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: block;">
-                                <path 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"></path>
-                                <path 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"></path>
-                                <path 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"></path>
-                                <path 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"></path>
-                                <path fill="none" d="M0 0h48v48H0z"></path>
-                              </svg>
-                            </div>
-                            <span class="gsi-material-button-contents">Continue with Google</span>
-                          </div>
-                        </button>
-                      </div>
-
-                      <div [ngClass]="noteBoxClasses()" class="p-4 rounded-lg border flex items-start gap-3">
-                        <svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="noteIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                          <path 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"></path>
-                        </svg>
-                        <div class="flex-1">
-                          <p [ngClass]="noteTextClasses()" class="text-sm leading-relaxed">
-                            <strong class="font-semibold">Note:</strong> 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.
-                          </p>
-                        </div>
-                      </div>
-
-                      <div [ngClass]="expandableCardClasses()" class="mt-6 rounded-lg border overflow-hidden">
-                        <div (click)="toggleExpanded()" [ngClass]="expandableHeaderClasses()" class="px-4 py-4 cursor-pointer flex items-center justify-between gap-3 transition-colors duration-200">
-                          <span [ngClass]="expandableHeaderTextClasses()" class="text-base font-semibold">
-                            How do we use your Google Analytics data?
-                          </span>
-                          <svg [ngClass]="chevronClasses()" class="w-5 h-5 flex-shrink-0 transition-transform duration-300" [class.rotate-180]="isExpanded()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
-                          </svg>
-                        </div>
-
-                        <div class="transition-all duration-300 ease-in-out overflow-hidden" [class.max-h-0]="!isExpanded()" [class.opacity-0]="!isExpanded()" [class.max-h-[1000px]]="isExpanded()" [class.opacity-100]="isExpanded()">
-                          <div [ngClass]="expandedContentClasses()" class="px-4 pb-4 pt-2">
-                            <p [ngClass]="expandedTextClasses()" class="text-sm leading-relaxed mb-4">
-                              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.
-                            </p>
-                            <p [ngClass]="expandedTextClasses()" class="text-sm leading-relaxed">
-                              Symphiq's use and transfer to any other app of information received from Google APIs will adhere to <strong class="font-bold">Google API Services User Data Policy</strong> including the Limited Use requirements.
-                            </p>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            }
-
-            <!-- Property Selection State -->
-            @if (isSelectionState()) {
-              <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
-                <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">
-                      <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()) {
-                          <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>
-                        }
-                      </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 (sortedGaProperties() && sortedGaProperties()!.length > 0) {
-                        <div class="space-y-3" role="radiogroup" aria-label="Google Analytics Properties">
-                          @for (property of sortedGaProperties(); track property.id) {
-                            <label
-                              [ngClass]="propertyCardClasses(property.id!)"
-                              class="block"
-                              (click)="selectProperty(property.id!)"
-                              (keydown.enter)="selectProperty(property.id!)"
-                              (keydown.space)="selectProperty(property.id!); $event.preventDefault()"
-                              tabindex="0"
-                              role="radio"
-                              [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() === property.id) : (selectedGaPropertyId() ? (selectedGaPropertyId() === property.id) : (currentSelectingPropertyId() === property.id))) {
-                                    <div class="w-3 h-3 rounded-full bg-current"></div>
-                                  }
-                                </div>
-
-                                <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="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' }}
-                                    </div>
-                                  </div>
-
-                                  @if (property.gaAccountId) {
-                                    @if (getAccountForProperty(property); as account) {
-                                      <div class="flex items-center gap-2 mt-1">
-                                        <svg class="w-4 h-4 flex-shrink-0" [ngClass]="accountNameClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                          <path 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"></path>
-                                        </svg>
-                                        <span [ngClass]="accountNameClasses()" class="truncate">
-                                          Account: {{ account.name || 'Unnamed Account' }}
-                                        </span>
-                                      </div>
-                                    }
-                                  }
-                                </div>
-                              </div>
-                            </label>
-                          }
-                        </div>
-                      } @else {
-                        <div class="text-center py-8">
-                          <p [ngClass]="emptyStateTextClasses()" class="text-base">
-                            No properties found. Please connect your Google Analytics account.
-                          </p>
-                        </div>
-                      }
-                    </div>
-                  </div>
-                </div>
-              </div>
-            }
-
-            <!-- Selected Property State -->
-            @if (isSelectedState()) {
-              <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
-                <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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-                      </svg>
-                    </div>
-
-                    <div class="flex-1">
-                      <div class="flex items-start justify-between mb-6">
-                        <div>
-                          <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-2">
-                            Connected to Google Analytics
-                          </h2>
-                          <p [ngClass]="textClasses()" class="text-base">
-                            Your analytics data is linked
-                          </p>
-                        </div>
-                        <button
-                          type="button"
-                          (click)="enableEditMode()"
-                          [ngClass]="editButtonClasses()"
-                          class="px-4 py-2 rounded-lg font-medium text-sm transition-all duration-200 hover:scale-105 flex items-center gap-2 cursor-pointer">
-                          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                            <path 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"/>
-                          </svg>
-                          Edit
-                        </button>
-                      </div>
-
-                      @if (selectedProperty(); as property) {
-                        <div [ngClass]="selectedPropertyCardClasses()" class="rounded-xl border-2 p-6 mb-6">
-                          <div class="flex items-start gap-3 mb-4">
-                            <div [ngClass]="statusBadgeClasses()" class="px-3 py-1 rounded-full text-xs font-semibold border">
-                              Connected
-                            </div>
-                          </div>
-
-                          <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="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">
-                                {{ property.name || 'Unnamed Property' }}
-                              </div>
-                              @if (selectedPropertyAccount(); as account) {
-                                <div class="flex items-center gap-2 mt-1">
-                                  <svg class="w-4 h-4 flex-shrink-0" [ngClass]="accountNameClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                    <path 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"></path>
-                                  </svg>
-                                  <span [ngClass]="accountNameClasses()">
-                                    {{ account.name || 'Unnamed Account' }}
-                                  </span>
-                                </div>
-                              }
-                            </div>
-                          </div>
-                        </div>
-                      }
-
-                      <button
-                        type="button"
-                        (click)="reconnectWithDifferentAccount()"
-                        [ngClass]="reconnectButtonClasses()"
-                        class="px-4 py-2 rounded-lg font-medium text-sm transition-all duration-200 flex items-center gap-2 cursor-pointer">
-                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                          <path 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"/>
-                        </svg>
-                        Use Different Google Account
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            }
-          </div>
-
-          <!-- 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">
-                  @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>
-          }
-        </main>
-      </div>
-    </div>
+                }, template: `
+    <div [ngClass]="getContainerClasses()">
+      <div class="animated-bubbles" [class.light-mode]="isLightMode()" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
+
+      <div class="relative z-[51]">
+        <header [ngClass]="getHeaderClasses()" class="sticky top-0 z-50">
+          <!-- Expanded Header -->
+          <div
+            class="transition-all duration-300 ease-in-out overflow-hidden"
+            [class.max-h-0]="headerScrollService.isScrolled()"
+            [class.opacity-0]="headerScrollService.isScrolled()"
+            [class.max-h-96]="!headerScrollService.isScrolled()"
+            [class.opacity-100]="!headerScrollService.isScrolled()">
+            <div
+              class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"
+              [class.pointer-events-none]="headerScrollService.isScrolled()"
+              [class.pointer-events-auto]="!headerScrollService.isScrolled()">
+              <div class="flex items-center justify-between">
+                <div>
+                  <h1 [ngClass]="getMainTitleClasses()">
+                    Connect Google Analytics 4
+                  </h1>
+                  <p [ngClass]="getSubtitleClasses()">
+                    Link your analytics data
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Condensed Header -->
+          <div
+            class="transition-all duration-300 ease-in-out overflow-hidden"
+            [class.max-h-0]="!headerScrollService.isScrolled()"
+            [class.opacity-0]="!headerScrollService.isScrolled()"
+            [class.max-h-20]="headerScrollService.isScrolled()"
+            [class.opacity-100]="headerScrollService.isScrolled()">
+            <div
+              class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3"
+              [class.pointer-events-none]="!headerScrollService.isScrolled()"
+              [class.pointer-events-auto]="headerScrollService.isScrolled()">
+              <div class="flex items-center justify-between">
+                <div class="flex-1 min-w-0 mr-4">
+                  <h1 [ngClass]="isLightMode() ? 'text-xl font-bold bg-gradient-to-r from-blue-600 to-cyan-600 bg-clip-text text-transparent truncate' : 'text-xl font-bold bg-gradient-to-r from-blue-400 to-cyan-400 bg-clip-text text-transparent truncate'">
+                    Connect Google Analytics 4
+                  </h1>
+                </div>
+              </div>
+            </div>
+          </div>
+        </header>
+
+        <!-- Journey Progress Indicator -->
+        <symphiq-journey-progress-indicator
+          [viewMode]="viewMode()"
+          [currentStepId]="JourneyStepIdEnum.CONNECT_GA4"
+          [showNextStepAction]="showNextStepAction()"
+          [forDemo]="forDemo()"
+          [maxAccessibleStepId]="maxAccessibleStepId()"
+          (stepClick)="stepClick.emit($event)"
+          (nextStepClick)="nextStepClick.emit()"
+        />
+
+        <main class="relative pb-32">
+          <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+            <!-- Connecting to Google State -->
+            @if (isConnectingToGoogle()) {
+              <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
+                <div [ngClass]="contentClasses()" class="px-8 py-16">
+                  <div class="flex flex-col items-center justify-center text-center">
+                    <symphiq-indeterminate-spinner
+                      [viewMode]="viewMode()"
+                      size="large"
+                    />
+                    <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mt-8 mb-4">
+                      Connecting to Google
+                    </h2>
+                    <p [ngClass]="textClasses()" class="text-base leading-relaxed max-w-md">
+                      Please complete the sign-in process in the popup window. Once authorized, your Google Analytics properties will appear here.
+                    </p>
+                  </div>
+                </div>
+              </div>
+            }
+
+            <!-- Connect to Google State -->
+            @if (isConnectState() && !isConnectingToGoogle()) {
+              <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
+                <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">
+                      <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">
+                        @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">
+                        <button type="button" class="gsi-material-button" (click)="googleButtonClick.emit()">
+                          <div class="gsi-material-button-state"></div>
+                          <div class="gsi-material-button-content-wrapper">
+                            <div class="gsi-material-button-icon">
+                              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: block;">
+                                <path 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"></path>
+                                <path 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"></path>
+                                <path 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"></path>
+                                <path 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"></path>
+                                <path fill="none" d="M0 0h48v48H0z"></path>
+                              </svg>
+                            </div>
+                            <span class="gsi-material-button-contents">Continue with Google</span>
+                          </div>
+                        </button>
+                      </div>
+
+                      <div [ngClass]="noteBoxClasses()" class="p-4 rounded-lg border flex items-start gap-3">
+                        <svg class="w-5 h-5 flex-shrink-0 mt-0.5" [ngClass]="noteIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                          <path 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"></path>
+                        </svg>
+                        <div class="flex-1">
+                          <p [ngClass]="noteTextClasses()" class="text-sm leading-relaxed">
+                            <strong class="font-semibold">Note:</strong> 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.
+                          </p>
+                        </div>
+                      </div>
+
+                      <div [ngClass]="expandableCardClasses()" class="mt-6 rounded-lg border overflow-hidden">
+                        <div (click)="toggleExpanded()" [ngClass]="expandableHeaderClasses()" class="px-4 py-4 cursor-pointer flex items-center justify-between gap-3 transition-colors duration-200">
+                          <span [ngClass]="expandableHeaderTextClasses()" class="text-base font-semibold">
+                            How do we use your Google Analytics data?
+                          </span>
+                          <svg [ngClass]="chevronClasses()" class="w-5 h-5 flex-shrink-0 transition-transform duration-300" [class.rotate-180]="isExpanded()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+                          </svg>
+                        </div>
+
+                        <div class="transition-all duration-300 ease-in-out overflow-hidden" [class.max-h-0]="!isExpanded()" [class.opacity-0]="!isExpanded()" [class.max-h-[1000px]]="isExpanded()" [class.opacity-100]="isExpanded()">
+                          <div [ngClass]="expandedContentClasses()" class="px-4 pb-4 pt-2">
+                            <p [ngClass]="expandedTextClasses()" class="text-sm leading-relaxed mb-4">
+                              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.
+                            </p>
+                            <p [ngClass]="expandedTextClasses()" class="text-sm leading-relaxed">
+                              Symphiq's use and transfer to any other app of information received from Google APIs will adhere to <strong class="font-bold">Google API Services User Data Policy</strong> including the Limited Use requirements.
+                            </p>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            }
+
+            <!-- Property Selection State -->
+            @if (isSelectionState() && !isConnectingToGoogle()) {
+              <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
+                <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">
+                      <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()) {
+                          <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>
+                        }
+                      </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 (sortedGaProperties() && sortedGaProperties()!.length > 0) {
+                        <div class="space-y-3" role="radiogroup" aria-label="Google Analytics Properties">
+                          @for (property of sortedGaProperties(); track property.id) {
+                            <label
+                              [ngClass]="propertyCardClasses(property.id!)"
+                              class="block"
+                              (click)="selectProperty(property.id!)"
+                              (keydown.enter)="selectProperty(property.id!)"
+                              (keydown.space)="selectProperty(property.id!); $event.preventDefault()"
+                              tabindex="0"
+                              role="radio"
+                              [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() === property.id) : (selectedGaPropertyId() ? (selectedGaPropertyId() === property.id) : (currentSelectingPropertyId() === property.id))) {
+                                    <div class="w-3 h-3 rounded-full bg-current"></div>
+                                  }
+                                </div>
+
+                                <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="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' }}
+                                    </div>
+                                  </div>
+
+                                  @if (property.gaAccountId) {
+                                    @if (getAccountForProperty(property); as account) {
+                                      <div class="flex items-center gap-2 mt-1">
+                                        <svg class="w-4 h-4 flex-shrink-0" [ngClass]="accountNameClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                          <path 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"></path>
+                                        </svg>
+                                        <span [ngClass]="accountNameClasses()" class="truncate">
+                                          Account: {{ account.name || 'Unnamed Account' }}
+                                        </span>
+                                      </div>
+                                    }
+                                  }
+                                </div>
+                              </div>
+                            </label>
+                          }
+                        </div>
+
+                        <!-- Divider and Use Different Google Account Button -->
+                        <div [ngClass]="dividerClasses()" class="my-6 border-t"></div>
+                        <button
+                          type="button"
+                          (click)="useDifferentGoogleAccount()"
+                          [ngClass]="useDifferentAccountButtonClasses()"
+                          class="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">
+                          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path 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"/>
+                          </svg>
+                          Use Different Google Account
+                        </button>
+                      } @else {
+                        <div class="text-center py-8">
+                          <p [ngClass]="emptyStateTextClasses()" class="text-base">
+                            No properties found. Please connect your Google Analytics account.
+                          </p>
+                        </div>
+                      }
+                    </div>
+                  </div>
+                </div>
+              </div>
+            }
+
+            <!-- Selected Property State -->
+            @if (isSelectedState() && !isConnectingToGoogle()) {
+              <div [ngClass]="containerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
+                <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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                      </svg>
+                    </div>
+
+                    <div class="flex-1">
+                      <div class="flex items-start justify-between mb-6">
+                        <div>
+                          <h2 [ngClass]="titleClasses()" class="text-2xl sm:text-3xl font-bold mb-2">
+                            Connected to Google Analytics
+                          </h2>
+                          <p [ngClass]="textClasses()" class="text-base">
+                            Your analytics data is linked
+                          </p>
+                        </div>
+                        <button
+                          type="button"
+                          (click)="enableEditMode()"
+                          [ngClass]="editButtonClasses()"
+                          class="px-4 py-2 rounded-lg font-medium text-sm transition-all duration-200 hover:scale-105 flex items-center gap-2 cursor-pointer">
+                          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path 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"/>
+                          </svg>
+                          Edit
+                        </button>
+                      </div>
+
+                      @if (selectedProperty(); as property) {
+                        <div [ngClass]="selectedPropertyCardClasses()" class="rounded-xl border-2 p-6 mb-6">
+                          <div class="flex items-start gap-3 mb-4">
+                            <div [ngClass]="statusBadgeClasses()" class="px-3 py-1 rounded-full text-xs font-semibold border">
+                              Connected
+                            </div>
+                          </div>
+
+                          <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="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">
+                                {{ property.name || 'Unnamed Property' }}
+                              </div>
+                              @if (selectedPropertyAccount(); as account) {
+                                <div class="flex items-center gap-2 mt-1">
+                                  <svg class="w-4 h-4 flex-shrink-0" [ngClass]="accountNameClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                    <path 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"></path>
+                                  </svg>
+                                  <span [ngClass]="accountNameClasses()">
+                                    {{ account.name || 'Unnamed Account' }}
+                                  </span>
+                                </div>
+                              }
+                            </div>
+                          </div>
+                        </div>
+                      }
+
+                      <button
+                        type="button"
+                        (click)="reconnectWithDifferentAccount()"
+                        [ngClass]="reconnectButtonClasses()"
+                        class="px-4 py-2 rounded-lg font-medium text-sm transition-all duration-200 flex items-center gap-2 cursor-pointer">
+                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                          <path 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"/>
+                        </svg>
+                        Use Different Google Account
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            }
+          </div>
+
+          <!-- 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">
+                  @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>
+          }
+        </main>
+      </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"] }], 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 }] }], 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', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber: 674 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqConnectGaDashboardComponent, { className: "SymphiqConnectGaDashboardComponent", filePath: "lib/components/connect-ga-dashboard/symphiq-connect-ga-dashboard.component.ts", lineNumber: 708 }); })();
 
 class RevenueCalculatorWelcomeBannerComponent {
     constructor() {