@eric-emg/symphiq-components 1.3.4 → 1.3.6

package/fesm2022/symphiq-components.mjs

@@ -53005,21 +53005,12 @@ const _forTrack0$E = ($index, $item) => $item.focusArea.focusAreaDomain;
 const _forTrack1$7 = ($index, $item) => $item.domain;
 function SymphiqCreateAccountDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵelement(1, "symphiq-indeterminate-spinner", 12);
-    i0.ɵɵelementStart(2, "div", 13)(3, "h2", 14);
-    i0.ɵɵtext(4, " Your account is being created ");
+    i0.ɵɵelement(1, "symphiq-loading-card", 12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 15);
-    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_9_Conditional_1_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Shopify ");
@@ -53032,43 +53023,43 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_1_Cond
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 16)(1, "div", 18)(2, "div", 19)(3, "div")(4, "h2", 14);
+    i0.ɵɵelementStart(0, "div", 13)(1, "div", 15)(2, "div", 16)(3, "div")(4, "h2", 17);
     i0.ɵɵtext(5, " Shop Details ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "p", 1);
     i0.ɵɵtext(7, " Your shop information ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "button", 20);
+    i0.ɵɵelementStart(8, "button", 18);
     i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_9_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", 21);
-    i0.ɵɵelement(10, "path", 22);
+    i0.ɵɵelementStart(9, "svg", 19);
+    i0.ɵɵelement(10, "path", 20);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(11, " Edit ");
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(12, "div", 23)(13, "div")(14, "label", 24);
+    i0.ɵɵelementStart(12, "div", 21)(13, "div")(14, "label", 22);
     i0.ɵɵtext(15, " Shop Name ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "p", 15);
+    i0.ɵɵelementStart(16, "p", 23);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div")(19, "label", 24);
+    i0.ɵɵelementStart(18, "div")(19, "label", 22);
     i0.ɵɵtext(20, " Shop URL ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "a", 25);
+    i0.ɵɵelementStart(21, "a", 24);
     i0.ɵɵtext(22);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div")(24, "label", 24);
+    i0.ɵɵelementStart(23, "div")(24, "label", 22);
     i0.ɵɵtext(25, " Shop Platform ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "p", 15);
+    i0.ɵɵelementStart(26, "p", 23);
     i0.ɵɵconditionalCreate(27, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_1_Conditional_27_Template, 1, 0)(28, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_1_Conditional_28_Template, 1, 1);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(29, "div")(30, "label", 24);
+    i0.ɵɵelementStart(29, "div")(30, "label", 22);
     i0.ɵɵtext(31, " Company Name ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "p", 15);
+    i0.ɵɵelementStart(32, "p", 23);
     i0.ɵɵtext(33);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
@@ -53108,7 +53099,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_1_Temp
     i0.ɵɵtextInterpolate1(" ", ctx_r0.accountData().companyName, " ");
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 31);
+    i0.ɵɵelementStart(0, "p", 30);
     i0.ɵɵtext(1, " Shop name is required ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -53116,7 +53107,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Cond
     i0.ɵɵproperty("ngClass", ctx_r0.errorClasses());
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 31);
+    i0.ɵɵelementStart(0, "p", 30);
     i0.ɵɵtext(1, " Shop URL is required ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -53124,13 +53115,13 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Cond
     i0.ɵɵproperty("ngClass", ctx_r0.errorClasses());
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 41);
+    i0.ɵɵelement(0, "div", 40);
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 41);
+    i0.ɵɵelement(0, "div", 40);
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_48_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 31);
+    i0.ɵɵelementStart(0, "p", 30);
     i0.ɵɵtext(1, " Platform name is required ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -53138,13 +53129,13 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Cond
     i0.ɵɵproperty("ngClass", ctx_r0.errorClasses());
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_48_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "label", 28);
+    i0.ɵɵelementStart(0, "div")(1, "label", 27);
     i0.ɵɵtext(2, " Platform Name ");
-    i0.ɵɵelementStart(3, "span", 29);
+    i0.ɵɵelementStart(3, "span", 28);
     i0.ɵɵtext(4, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(5, "input", 50);
-    i0.ɵɵconditionalCreate(6, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_48_Conditional_6_Template, 2, 1, "p", 31);
+    i0.ɵɵelement(5, "input", 49);
+    i0.ɵɵconditionalCreate(6, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_48_Conditional_6_Template, 2, 1, "p", 30);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -53156,7 +53147,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Cond
     i0.ɵɵconditional(ctx_r0.isFieldInvalid("otherPlatformName") ? 6 : -1);
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_60_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 31);
+    i0.ɵɵelementStart(0, "p", 30);
     i0.ɵɵtext(1, " Company name is required ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -53165,69 +53156,69 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Cond
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 16)(1, "div", 18)(2, "div", 26)(3, "h2", 14);
+    i0.ɵɵelementStart(0, "div", 13)(1, "div", 15)(2, "div", 25)(3, "h2", 17);
     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", 27)(8, "div")(9, "label", 28);
+    i0.ɵɵelementStart(7, "form", 26)(8, "div")(9, "label", 27);
     i0.ɵɵtext(10, " Shop Name ");
-    i0.ɵɵelementStart(11, "span", 29);
+    i0.ɵɵelementStart(11, "span", 28);
     i0.ɵɵtext(12, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(13, "input", 30, 0);
-    i0.ɵɵconditionalCreate(15, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_15_Template, 2, 1, "p", 31);
+    i0.ɵɵelement(13, "input", 29, 0);
+    i0.ɵɵconditionalCreate(15, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_15_Template, 2, 1, "p", 30);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div")(17, "label", 28);
+    i0.ɵɵelementStart(16, "div")(17, "label", 27);
     i0.ɵɵtext(18, " Shop URL ");
-    i0.ɵɵelementStart(19, "span", 29);
+    i0.ɵɵelementStart(19, "span", 28);
     i0.ɵɵtext(20, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 32)(22, "span", 33);
+    i0.ɵɵelementStart(21, "div", 31)(22, "span", 32);
     i0.ɵɵtext(23, " https:// ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(24, "input", 34);
+    i0.ɵɵelement(24, "input", 33);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(25, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_25_Template, 2, 1, "p", 31);
+    i0.ɵɵconditionalCreate(25, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_25_Template, 2, 1, "p", 30);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div")(27, "label", 35);
+    i0.ɵɵelementStart(26, "div")(27, "label", 34);
     i0.ɵɵtext(28, " Shop Platform ");
-    i0.ɵɵelementStart(29, "span", 29);
+    i0.ɵɵelementStart(29, "span", 28);
     i0.ɵɵtext(30, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 36)(32, "label", 37);
-    i0.ɵɵelement(33, "input", 38);
-    i0.ɵɵelementStart(34, "div", 39)(35, "div", 40);
-    i0.ɵɵconditionalCreate(36, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_36_Template, 1, 0, "div", 41);
+    i0.ɵɵelementStart(31, "div", 35)(32, "label", 36);
+    i0.ɵɵelement(33, "input", 37);
+    i0.ɵɵelementStart(34, "div", 38)(35, "div", 39);
+    i0.ɵɵconditionalCreate(36, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_36_Template, 1, 0, "div", 40);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "div", 42)(38, "div", 43);
+    i0.ɵɵelementStart(37, "div", 41)(38, "div", 42);
     i0.ɵɵtext(39, " Shopify ");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(40, "label", 37);
-    i0.ɵɵelement(41, "input", 38);
-    i0.ɵɵelementStart(42, "div", 39)(43, "div", 40);
-    i0.ɵɵconditionalCreate(44, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_44_Template, 1, 0, "div", 41);
+    i0.ɵɵelementStart(40, "label", 36);
+    i0.ɵɵelement(41, "input", 37);
+    i0.ɵɵelementStart(42, "div", 38)(43, "div", 39);
+    i0.ɵɵconditionalCreate(44, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_44_Template, 1, 0, "div", 40);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "div", 42)(46, "div", 43);
+    i0.ɵɵelementStart(45, "div", 41)(46, "div", 42);
     i0.ɵɵtext(47, " Other ");
     i0.ɵɵelementEnd()()()()()();
     i0.ɵɵconditionalCreate(48, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_48_Template, 7, 3, "div");
-    i0.ɵɵelementStart(49, "div")(50, "label", 28);
+    i0.ɵɵelementStart(49, "div")(50, "label", 27);
     i0.ɵɵtext(51, " Company Name ");
-    i0.ɵɵelementStart(52, "span", 29);
+    i0.ɵɵelementStart(52, "span", 28);
     i0.ɵɵtext(53, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(54, "input", 44);
-    i0.ɵɵelementStart(55, "div", 45)(56, "label", 46)(57, "input", 47);
+    i0.ɵɵelement(54, "input", 43);
+    i0.ɵɵelementStart(55, "div", 44)(56, "label", 45)(57, "input", 46);
     i0.ɵɵlistener("change", function SymphiqCreateAccountDashboardComponent_Conditional_9_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", 48);
+    i0.ɵɵelementStart(58, "span", 47);
     i0.ɵɵtext(59, " Same as Shop Name ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(60, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_60_Template, 2, 1, "p", 31);
+    i0.ɵɵconditionalCreate(60, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Conditional_60_Template, 2, 1, "p", 30);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(61, "input", 49);
+    i0.ɵɵelement(61, "input", 48);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     let tmp_19_0;
@@ -53294,7 +53285,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Temp
     i0.ɵɵconditional(ctx_r0.isFieldInvalid("companyName") ? 60 : -1);
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Conditional_6_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 61);
+    i0.ɵɵelementStart(0, "span", 60);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -53305,11 +53296,11 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
     i0.ɵɵtextInterpolate1(" ", tool_r5, " ");
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58)(1, "span", 59);
+    i0.ɵɵelementStart(0, "div", 57)(1, "span", 58);
     i0.ɵɵtext(2, "Tools:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 60);
-    i0.ɵɵrepeaterCreate(4, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Conditional_6_For_5_Template, 2, 2, "span", 61, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(3, "div", 59);
+    i0.ɵɵrepeaterCreate(4, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Conditional_6_For_5_Template, 2, 2, "span", 60, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r6 = i0.ɵɵnextContext().$implicit;
@@ -53320,13 +53311,13 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
     i0.ɵɵrepeater(item_r6.focusArea.tools);
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 54)(1, "div", 55)(2, "h4", 56);
+    i0.ɵɵelementStart(0, "div", 53)(1, "div", 54)(2, "h4", 55);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 57);
+    i0.ɵɵelementStart(4, "span", 56);
     i0.ɵɵtext(5, " Engaged ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(6, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Conditional_6_Template, 6, 1, "div", 58);
+    i0.ɵɵconditionalCreate(6, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Conditional_6_Template, 6, 1, "div", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r6 = ctx.$implicit;
@@ -53342,12 +53333,12 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
     i0.ɵɵconditional(item_r6.focusArea.tools && item_r6.focusArea.tools.length > 0 ? 6 : -1);
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 26)(1, "h3", 51);
-    i0.ɵɵelement(2, "span", 52);
+    i0.ɵɵelementStart(0, "div", 25)(1, "h3", 50);
+    i0.ɵɵelement(2, "span", 51);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 53);
-    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 54, _forTrack0$E);
+    i0.ɵɵelementStart(4, "div", 52);
+    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_For_6_Template, 7, 5, "div", 53, _forTrack0$E);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -53359,7 +53350,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
     i0.ɵɵrepeater(ctx_r0.engagedFocusAreasDisplay());
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 64)(1, "h4", 56);
+    i0.ɵɵelementStart(0, "div", 63)(1, "h4", 55);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -53372,12 +53363,12 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
     i0.ɵɵtextInterpolate1(" ", item_r7.title, " ");
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 26)(1, "h3", 51);
-    i0.ɵɵelement(2, "span", 62);
+    i0.ɵɵelementStart(0, "div", 25)(1, "h3", 50);
+    i0.ɵɵelement(2, "span", 61);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 63);
-    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 64, _forTrack0$E);
+    i0.ɵɵelementStart(4, "div", 62);
+    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_For_6_Template, 3, 3, "div", 63, _forTrack0$E);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -53389,7 +53380,7 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
     i0.ɵɵrepeater(ctx_r0.interestedFocusAreasDisplay());
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 67)(1, "span", 59);
+    i0.ɵɵelementStart(0, "div", 66)(1, "span", 58);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -53402,12 +53393,12 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
     i0.ɵɵtextInterpolate1(" ", item_r8.title, " ");
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "h3", 51);
-    i0.ɵɵelement(2, "span", 65);
+    i0.ɵɵelementStart(0, "div")(1, "h3", 50);
+    i0.ɵɵelement(2, "span", 64);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 66);
-    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 67, _forTrack0$E);
+    i0.ɵɵelementStart(4, "div", 65);
+    i0.ɵɵrepeaterCreate(5, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_For_6_Template, 3, 3, "div", 66, _forTrack0$E);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -53420,22 +53411,22 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Cond
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 17)(1, "div", 18)(2, "div", 19)(3, "div")(4, "h2", 14);
+    i0.ɵɵelementStart(0, "div", 14)(1, "div", 15)(2, "div", 16)(3, "div")(4, "h2", 17);
     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", 20);
+    i0.ɵɵelementStart(8, "button", 18);
     i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_9_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", 21);
-    i0.ɵɵelement(10, "path", 22);
+    i0.ɵɵelementStart(9, "svg", 19);
+    i0.ɵɵelement(10, "path", 20);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(11, " Edit ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_Template, 7, 2, "div", 26);
-    i0.ɵɵconditionalCreate(13, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_Template, 7, 2, "div", 26);
+    i0.ɵɵconditionalCreate(12, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_12_Template, 7, 2, "div", 25);
+    i0.ɵɵconditionalCreate(13, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_13_Template, 7, 2, "div", 25);
     i0.ɵɵconditionalCreate(14, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Conditional_14_Template, 7, 2, "div");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -53457,36 +53448,36 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Temp
     i0.ɵɵconditional(ctx_r0.notInterestedFocusAreas().length > 0 ? 14 : -1);
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_For_13_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 71);
+    i0.ɵɵelement(0, "div", 70);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("ngClass", ctx_r0.dividerClasses());
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_For_13_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-focus-area-question", 70);
+    i0.ɵɵelementStart(0, "symphiq-focus-area-question", 69);
     i0.ɵɵlistener("statusChange", function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_For_13_Template_symphiq_focus_area_question_statusChange_0_listener($event) { const item_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onFocusAreaStatusChange(item_r10.domain, $event)); })("toolsClick", function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_For_13_Template_symphiq_focus_area_question_toolsClick_0_listener() { const item_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onFocusAreaToolsClick(item_r10.domain)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(1, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_For_13_Conditional_1_Template, 1, 1, "div", 71);
+    i0.ɵɵconditionalCreate(1, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_For_13_Conditional_1_Template, 1, 1, "div", 70);
 } if (rf & 2) {
     const item_r10 = ctx.$implicit;
-    const ɵ$index_331_r11 = ctx.$index;
+    const ɵ$index_323_r11 = ctx.$index;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("focusAreaDomain", item_r10.domain)("selectedStatus", item_r10.status)("selectedTools", item_r10.tools)("viewMode", ctx_r0.viewMode())("title", item_r10.title)("description", item_r10.description);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ɵ$index_331_r11 < ctx_r0.focusAreaDomainsDisplay().length - 1 ? 1 : -1);
+    i0.ɵɵconditional(ɵ$index_323_r11 < ctx_r0.focusAreaDomainsDisplay().length - 1 ? 1 : -1);
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17)(1, "div", 18)(2, "div", 26)(3, "div", 68)(4, "div")(5, "h2", 14);
+    i0.ɵɵelementStart(0, "div", 14)(1, "div", 15)(2, "div", 25)(3, "div", 67)(4, "div")(5, "h2", 17);
     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", 69);
+    i0.ɵɵelementStart(9, "div", 68);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "div", 23);
+    i0.ɵɵelementStart(11, "div", 21);
     i0.ɵɵrepeaterCreate(12, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_For_13_Template, 2, 7, null, null, _forTrack1$7);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -53507,10 +53498,10 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_Temp
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵconditionalCreate(1, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_1_Template, 34, 18, "div", 16);
-    i0.ɵɵconditionalCreate(2, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Template, 62, 35, "div", 16);
-    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Template, 15, 8, "div", 17);
-    i0.ɵɵconditionalCreate(4, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_Template, 14, 7, "div", 17);
+    i0.ɵɵconditionalCreate(1, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_1_Template, 34, 18, "div", 13);
+    i0.ɵɵconditionalCreate(2, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_2_Template, 62, 35, "div", 13);
+    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_3_Template, 15, 8, "div", 14);
+    i0.ɵɵconditionalCreate(4, SymphiqCreateAccountDashboardComponent_Conditional_9_Conditional_4_Template, 14, 7, "div", 14);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -53523,50 +53514,74 @@ function SymphiqCreateAccountDashboardComponent_Conditional_9_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r0.accountData() || ctx_r0.focusAreasEditMode() ? 4 : -1);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72)(1, "div", 76)(2, "span", 58);
+    i0.ɵɵtext(3, " Focus Areas ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 77);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 78);
+    i0.ɵɵelement(7, "div", 79);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaProgressLabelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaProgressCountClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" ", ctx_r0.focusAreasAnswered(), " / ", ctx_r0.totalFocusAreas(), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaProgressBarBgClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("width", ctx_r0.focusAreaProgressPercent(), "%");
+    i0.ɵɵproperty("ngClass", ctx_r0.focusAreaProgressBarFillClasses());
+} }
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 76);
-    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_11_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.ɵɵelementStart(0, "button", 80);
+    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_4_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_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.cancelButtonClasses());
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Saving Focus Areas... ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Updating Account... ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Creating Account... ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 77);
-    i0.ɵɵelement(1, "circle", 78)(2, "path", 79);
+    i0.ɵɵelementStart(0, "svg", 81);
+    i0.ɵɵelement(1, "circle", 82)(2, "path", 83);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Conditional_3_Template, 1, 0)(4, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Conditional_4_Template, 1, 0)(5, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_5_Conditional_5_Template, 1, 0);
+    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_3_Template, 1, 0)(4, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_4_Template, 1, 0)(5, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_5_Template, 1, 0);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r0.focusAreasEditMode() ? 3 : ctx_r0.accountData() && ctx_r0.editMode() ? 4 : 5);
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Save Focus Areas ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Save Changes ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Create Account ");
 } }
-function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_0_Template, 1, 0)(1, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_1_Template, 1, 0)(2, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Conditional_2_Template, 1, 0);
+function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Conditional_0_Template, 1, 0)(1, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Conditional_1_Template, 1, 0)(2, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Conditional_2_Template, 1, 0);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(3, "svg", 80);
-    i0.ɵɵelement(4, "path", 81);
+    i0.ɵɵelementStart(3, "svg", 84);
+    i0.ɵɵelement(4, "path", 85);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -53574,22 +53589,26 @@ function SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Tem
 } }
 function SymphiqCreateAccountDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11)(1, "div", 72)(2, "div", 73);
-    i0.ɵɵconditionalCreate(3, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_3_Template, 2, 1, "button", 74);
-    i0.ɵɵelementStart(4, "button", 75);
-    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_11_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_11_Conditional_5_Template, 6, 1)(6, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Template, 5, 1);
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 71);
+    i0.ɵɵconditionalCreate(2, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_2_Template, 8, 8, "div", 72);
+    i0.ɵɵelementStart(3, "div", 73);
+    i0.ɵɵconditionalCreate(4, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_4_Template, 2, 1, "button", 74);
+    i0.ɵɵelementStart(5, "button", 75);
+    i0.ɵɵlistener("click", function SymphiqCreateAccountDashboardComponent_Conditional_11_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.focusAreasEditMode() ? ctx_r0.handleSaveFocusAreas() : ctx_r0.handleContinue()); });
+    i0.ɵɵconditionalCreate(6, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_6_Template, 6, 1)(7, SymphiqCreateAccountDashboardComponent_Conditional_11_Conditional_7_Template, 5, 1);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.stickyButtonContainerClasses());
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r0.accountData() && ctx_r0.editMode() || ctx_r0.accountData() && ctx_r0.focusAreasEditMode() ? 3 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.formValid() && !ctx_r0.accountData() && !ctx_r0.focusAreasEditMode() ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.accountData() && ctx_r0.editMode() || ctx_r0.accountData() && ctx_r0.focusAreasEditMode() ? 4 : -1);
     i0.ɵɵadvance();
     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_r0.isLoading() ? 5 : 6);
+    i0.ɵɵconditional(ctx_r0.isLoading() ? 6 : 7);
 } }
 var ShopPlatformEnum;
 (function (ShopPlatformEnum) {
@@ -53657,6 +53676,7 @@ class SymphiqCreateAccountDashboardComponent {
         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.formValid = signal(false, ...(ngDevMode ? [{ debugName: "formValid" }] : []));
         this.originalFormValue = null;
         this.loadTime = Date.now();
         this.ShopPlatformEnum = ShopPlatformEnum;
@@ -53693,6 +53713,12 @@ class SymphiqCreateAccountDashboardComponent {
         this.allFocusAreasAnswered = computed(() => {
             return this.focusAreasAnswered() === this.totalFocusAreas();
         }, ...(ngDevMode ? [{ debugName: "allFocusAreasAnswered" }] : []));
+        this.focusAreaProgressPercent = computed(() => {
+            const total = this.totalFocusAreas();
+            if (total === 0)
+                return 0;
+            return (this.focusAreasAnswered() / total) * 100;
+        }, ...(ngDevMode ? [{ debugName: "focusAreaProgressPercent" }] : []));
         this.currentEditingFocusAreaTitle = computed(() => {
             const domain = this.currentEditingFocusArea();
             return domain ? FocusAreaDomainEnumUtil.title(domain) : '';
@@ -53740,6 +53766,22 @@ class SymphiqCreateAccountDashboardComponent {
                 title: FocusAreaDomainEnumUtil.title(fa.focusAreaDomain)
             }));
         }, ...(ngDevMode ? [{ debugName: "notInterestedFocusAreasDisplay" }] : []));
+        this.isButtonEnabled = computed(() => {
+            if (this.isLoading())
+                return false;
+            if (this.focusAreasEditMode()) {
+                return this.allFocusAreasAnswered() && this.focusAreasChanged();
+            }
+            if (!this.formValid())
+                return false;
+            if (!this.accountData()) {
+                return this.allFocusAreasAnswered();
+            }
+            if (this.accountData() && this.editMode()) {
+                return this.formChanged();
+            }
+            return true;
+        }, ...(ngDevMode ? [{ debugName: "isButtonEnabled" }] : []));
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
         this.containerWrapperClasses = computed(() => {
             if (this.embedded()) {
@@ -53833,6 +53875,38 @@ class SymphiqCreateAccountDashboardComponent {
                 ? 'bg-gradient-to-r from-blue-600 to-cyan-600 hover:from-blue-700 hover:to-cyan-700 text-white'
                 : 'bg-gradient-to-r from-blue-500 to-cyan-500 hover:from-blue-600 hover:to-cyan-600 text-white';
         }, ...(ngDevMode ? [{ debugName: "continueButtonClasses" }] : []));
+        this.focusAreaProgressLabelClasses = computed(() => {
+            return this.isLightMode()
+                ? 'text-slate-600'
+                : 'text-slate-400';
+        }, ...(ngDevMode ? [{ debugName: "focusAreaProgressLabelClasses" }] : []));
+        this.focusAreaProgressCountClasses = computed(() => {
+            const allAnswered = this.allFocusAreasAnswered();
+            if (allAnswered) {
+                return this.isLightMode()
+                    ? 'text-emerald-600'
+                    : 'text-emerald-400';
+            }
+            return this.isLightMode()
+                ? 'text-blue-600'
+                : 'text-blue-400';
+        }, ...(ngDevMode ? [{ debugName: "focusAreaProgressCountClasses" }] : []));
+        this.focusAreaProgressBarBgClasses = computed(() => {
+            return this.isLightMode()
+                ? 'bg-slate-200'
+                : 'bg-slate-700';
+        }, ...(ngDevMode ? [{ debugName: "focusAreaProgressBarBgClasses" }] : []));
+        this.focusAreaProgressBarFillClasses = computed(() => {
+            const allAnswered = this.allFocusAreasAnswered();
+            if (allAnswered) {
+                return this.isLightMode()
+                    ? 'bg-gradient-to-r from-emerald-500 to-teal-500'
+                    : 'bg-gradient-to-r from-emerald-400 to-teal-400';
+            }
+            return this.isLightMode()
+                ? 'bg-gradient-to-r from-blue-500 to-cyan-500'
+                : 'bg-gradient-to-r from-blue-400 to-cyan-400';
+        }, ...(ngDevMode ? [{ debugName: "focusAreaProgressBarFillClasses" }] : []));
         this.progressBadgeClasses = computed(() => {
             const allAnswered = this.allFocusAreasAnswered();
             return this.isLightMode()
@@ -53920,6 +53994,10 @@ class SymphiqCreateAccountDashboardComponent {
                 this.checkFormChanged();
             }
         });
+        this.accountForm.statusChanges.subscribe(() => {
+            this.formValid.set(this.accountForm.valid);
+        });
+        this.formValid.set(this.accountForm.valid);
     }
     onScroll() {
         this.headerScrollService.handleScroll(this.embedded());
@@ -53968,22 +54046,6 @@ class SymphiqCreateAccountDashboardComponent {
     isFormValid() {
         return this.accountForm.valid;
     }
-    isButtonEnabled() {
-        if (this.isLoading())
-            return false;
-        if (this.focusAreasEditMode()) {
-            return this.allFocusAreasAnswered() && this.focusAreasChanged();
-        }
-        if (!this.isFormValid())
-            return false;
-        if (!this.accountData()) {
-            return this.allFocusAreasAnswered();
-        }
-        if (this.accountData() && this.editMode()) {
-            return this.formChanged();
-        }
-        return true;
-    }
     handleContinue() {
         if (this.accountForm.get('website')?.value) {
             return;
@@ -54205,7 +54267,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() { return ctx.onScroll(); }, 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: 12, vars: 26, 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]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [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) {
+        } }, 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: 12, vars: 26, 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]"], [3, "title", "subtitle", "viewMode", "showControls", "embedded", "scrollEvent"], [3, "stepClick", "nextStepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "pb-32"], [1, "flex", "items-center", "justify-center", "min-h-[60vh]", "px-4"], [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"], ["title", "Your account is being created", "subtitle", "Please wait while we set everything up for you...", "size", "large", 3, "viewMode"], [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"], [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, "mb-3"], [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"], [1, "flex", "items-center", "justify-between", "mb-1.5"], [1, "text-xs", "font-semibold", 3, "ngClass"], [1, "h-2", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", "ease-out", 3, "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();
@@ -54216,12 +54278,12 @@ class SymphiqCreateAccountDashboardComponent {
             i0.ɵɵlistener("stepClick", function SymphiqCreateAccountDashboardComponent_Template_symphiq_journey_progress_indicator_stepClick_6_listener($event) { return ctx.stepClick.emit($event); })("nextStepClick", function SymphiqCreateAccountDashboardComponent_Template_symphiq_journey_progress_indicator_nextStepClick_6_listener() { return ctx.nextStepClick.emit(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(7, "main", 7);
-            i0.ɵɵconditionalCreate(8, SymphiqCreateAccountDashboardComponent_Conditional_8_Template, 7, 3, "div", 8)(9, SymphiqCreateAccountDashboardComponent_Conditional_9_Template, 5, 4, "div", 9);
+            i0.ɵɵconditionalCreate(8, SymphiqCreateAccountDashboardComponent_Conditional_8_Template, 2, 1, "div", 8)(9, SymphiqCreateAccountDashboardComponent_Conditional_9_Template, 5, 4, "div", 9);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(10, "symphiq-focus-area-tools-modal", 10);
             i0.ɵɵlistener("close", function SymphiqCreateAccountDashboardComponent_Template_symphiq_focus_area_tools_modal_close_10_listener() { return ctx.onToolsModalClose(); })("save", function SymphiqCreateAccountDashboardComponent_Template_symphiq_focus_area_tools_modal_save_10_listener($event) { return ctx.onToolsModalSave($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(11, SymphiqCreateAccountDashboardComponent_Conditional_11_Template, 7, 13, "div", 11);
+            i0.ɵɵconditionalCreate(11, SymphiqCreateAccountDashboardComponent_Conditional_11_Template, 8, 14, "div", 11);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngClass", ctx.containerWrapperClasses());
@@ -54242,11 +54304,11 @@ class SymphiqCreateAccountDashboardComponent {
             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()) && !ctx.isCreatingAccount() ? 11 : -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, DashboardHeaderComponent], styles: ["[_nghost-%COMP%]{display:block}.animated-bubbles[_ngcontent-%COMP%]{overflow:hidden}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out;opacity:.05}.animated-bubbles[_ngcontent-%COMP%]:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode[_ngcontent-%COMP%]:before, .animated-bubbles.light-mode[_ngcontent-%COMP%]:after{opacity:.03}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}"], changeDetection: 0 }); }
+        } }, 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, LoadingCardComponent, DashboardHeaderComponent], styles: ["[_nghost-%COMP%]{display:block}.animated-bubbles[_ngcontent-%COMP%]{overflow:hidden}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out;opacity:.05}.animated-bubbles[_ngcontent-%COMP%]:before{width:600px;height:600px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-300px;left:-300px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:800px;height:800px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);bottom:-400px;right:-400px;animation-delay:-10s}.animated-bubbles.light-mode[_ngcontent-%COMP%]:before, .animated-bubbles.light-mode[_ngcontent-%COMP%]:after{opacity:.03}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}"], 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, IndeterminateSpinnerComponent, DashboardHeaderComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        args: [{ selector: 'symphiq-create-account-dashboard', standalone: true, imports: [CommonModule, ReactiveFormsModule, JourneyProgressIndicatorComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, LoadingCardComponent, DashboardHeaderComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div [ngClass]="containerWrapperClasses()">
       <!-- 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'">
@@ -54282,19 +54344,13 @@ 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
+            <div class="flex items-center justify-center min-h-[60vh] px-4">
+              <symphiq-loading-card
                 [viewMode]="viewMode()"
+                title="Your account is being created"
+                subtitle="Please wait while we set everything up for you..."
                 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">
@@ -54700,6 +54756,25 @@ class SymphiqCreateAccountDashboardComponent {
         @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">
+              @if (formValid() && !accountData() && !focusAreasEditMode()) {
+                <div class="mb-3">
+                  <div class="flex items-center justify-between mb-1.5">
+                    <span [ngClass]="focusAreaProgressLabelClasses()" class="text-xs font-medium">
+                      Focus Areas
+                    </span>
+                    <span [ngClass]="focusAreaProgressCountClasses()" class="text-xs font-semibold">
+                      {{ focusAreasAnswered() }} / {{ totalFocusAreas() }}
+                    </span>
+                  </div>
+                  <div [ngClass]="focusAreaProgressBarBgClasses()" class="h-2 rounded-full overflow-hidden">
+                    <div
+                      [style.width.%]="focusAreaProgressPercent()"
+                      [ngClass]="focusAreaProgressBarFillClasses()"
+                      class="h-full rounded-full transition-all duration-500 ease-out">
+                    </div>
+                  </div>
+                </div>
+              }
               <div class="flex items-center gap-3">
                 @if ((accountData() && editMode()) || (accountData() && focusAreasEditMode())) {
                   <button
@@ -54759,7 +54834,7 @@ class SymphiqCreateAccountDashboardComponent {
             type: HostListener,
             args: ['window:scroll']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 605 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqCreateAccountDashboardComponent, { className: "SymphiqCreateAccountDashboardComponent", filePath: "lib/components/create-account-dashboard/symphiq-create-account-dashboard.component.ts", lineNumber: 618 }); })();
 
 const _forTrack0$D = ($index, $item) => $item.property.id;
 function SymphiqConnectGaDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {