@eric-emg/symphiq-components 1.2.433 → 1.2.434

package/fesm2022/symphiq-components.mjs

@@ -94489,41 +94489,62 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_1
     i0.ɵɵrepeater(focusArea_r4.tools);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39);
-    i0.ɵɵelement(1, "div", 45);
-    i0.ɵɵelementStart(2, "span", 46);
-    i0.ɵɵtext(3, "Profile Generation Pending");
+    i0.ɵɵelementStart(0, "div", 39)(1, "div", 41);
+    i0.ɵɵelement(2, "div", 45);
+    i0.ɵɵelementStart(3, "span", 46);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 47);
+    i0.ɵɵelement(6, "div", 48);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 49);
+    i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const focusArea_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap(ctx_r1.isLightMode() ? "text-blue-600" : "text-blue-400");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", (focusArea_r4.itemStatus == null ? null : focusArea_r4.itemStatus.message) || "Generating Profile...", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.isLightMode() ? "bg-slate-200" : "bg-slate-700");
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("width", (focusArea_r4.itemStatus == null ? null : focusArea_r4.itemStatus.percentageComplete) ?? 0, "%");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.isLightMode() ? "text-slate-500" : "text-slate-400");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", (focusArea_r4.itemStatus == null ? null : focusArea_r4.itemStatus.percentageComplete) ?? 0, "% complete ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49);
+    i0.ɵɵelementStart(0, "div", 51);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 52);
+    i0.ɵɵelementStart(1, "svg", 54);
     i0.ɵɵelement(2, "path", 26);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Complete ");
     i0.ɵɵelementEnd();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 50);
+    i0.ɵɵelementStart(0, "div", 52);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 52);
-    i0.ɵɵelement(2, "path", 53);
+    i0.ɵɵelementStart(1, "svg", 54);
+    i0.ɵɵelement(2, "path", 55);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " In Progress ");
     i0.ɵɵelementEnd();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
+    i0.ɵɵelementStart(0, "div", 53);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 52);
-    i0.ɵɵelement(2, "path", 54);
+    i0.ɵɵelementStart(1, "svg", 54);
+    i0.ɵɵelement(2, "path", 56);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Not Started ");
     i0.ɵɵelementEnd();
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 40)(1, "div", 47)(2, "span");
+    i0.ɵɵelementStart(0, "div", 40)(1, "div", 50)(2, "span");
     i0.ɵɵtext(3, "Progress");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "span");
@@ -94532,7 +94553,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_1
     i0.ɵɵelementStart(6, "div");
     i0.ɵɵelement(7, "div", 48);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_8_Template, 4, 0, "div", 49)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_9_Template, 4, 0, "div", 50)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_10_Template, 4, 0, "div", 51);
+    i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_8_Template, 4, 0, "div", 51)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_9_Template, 4, 0, "div", 52)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_10_Template, 4, 0, "div", 53);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const focusArea_r4 = i0.ɵɵnextContext().$implicit;
@@ -94551,12 +94572,12 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_1
     i0.ɵɵconditional(focusArea_r4.status === "complete" ? 8 : focusArea_r4.status === "in-progress" ? 9 : 10);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "div", 55)(2, "span", 56);
+    i0.ɵɵelementStart(0, "div")(1, "div", 57)(2, "span", 58);
     i0.ɵɵtext(3, "View Details");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 57);
-    i0.ɵɵelement(5, "path", 58);
+    i0.ɵɵelementStart(4, "svg", 59);
+    i0.ɵɵelement(5, "path", 60);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -94580,7 +94601,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template(rf,
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(12, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_Template, 7, 1, "div", 38);
-    i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_13_Template, 4, 0, "div", 39)(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Template, 11, 11, "div", 40);
+    i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_13_Template, 9, 10, "div", 39)(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Template, 11, 11, "div", 40);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template, 6, 2, "div", 28);
     i0.ɵɵelementEnd();
@@ -94605,7 +94626,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵconditional(focusArea_r4.engagementStatus === ctx_r1.FocusAreaDetailStatusEnum.ENGAGED && focusArea_r4.tools.length > 0 ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(focusArea_r4.status === "pending" ? 13 : 14);
+    i0.ɵɵconditional(focusArea_r4.selfContentStatus !== null && focusArea_r4.selfContentStatus !== ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r4.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 13 : focusArea_r4.selfContentStatus === ctx_r1.AiDynamicContentStatusEnum.GENERATED || focusArea_r4.status !== "pending" ? 14 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(focusArea_r4.canViewDetails ? 15 : -1);
 } }
@@ -94621,19 +94642,12 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8
     i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r7.engagementStatus), " ");
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39);
-    i0.ɵɵelement(1, "div", 45);
-    i0.ɵɵelementStart(2, "span", 46);
-    i0.ɵɵtext(3, "Profile Generation Pending");
-    i0.ɵɵelementEnd()();
-} }
-function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "div", 55)(2, "span", 56);
+    i0.ɵɵelementStart(0, "div")(1, "div", 57)(2, "span", 58);
     i0.ɵɵtext(3, "View Details");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 57);
-    i0.ɵɵelement(5, "path", 58);
+    i0.ɵɵelementStart(4, "svg", 59);
+    i0.ɵɵelement(5, "path", 60);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -94654,10 +94668,8 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(9, "p");
     i0.ɵɵtext(10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_11_Template, 4, 0, "div", 39);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(12, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_12_Template, 6, 2, "div", 28);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_11_Template, 6, 2, "div", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const focusArea_r7 = ctx.$implicit;
@@ -94676,20 +94688,18 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", focusArea_r7.description, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(focusArea_r7.status === "pending" ? 11 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(focusArea_r7.canViewDetails ? 12 : -1);
+    i0.ɵɵconditional(focusArea_r7.canViewDetails ? 11 : -1);
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29)(1, "div", 59);
-    i0.ɵɵelement(2, "div", 60);
-    i0.ɵɵelementStart(3, "span", 61);
+    i0.ɵɵelementStart(0, "div", 29)(1, "div", 61);
+    i0.ɵɵelement(2, "div", 62);
+    i0.ɵɵelementStart(3, "span", 63);
     i0.ɵɵtext(4, "Not Interested");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "div", 60);
+    i0.ɵɵelement(5, "div", 62);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 62);
-    i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Template, 13, 12, "div", 28, _forTrack0);
+    i0.ɵɵelementStart(6, "div", 64);
+    i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Template, 12, 11, "div", 28, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -94704,7 +94714,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Templ
 } }
 function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "symphiq-search-modal", 63);
+    i0.ɵɵelementStart(0, "symphiq-search-modal", 65);
     i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
     i0.ɵɵelementEnd();
 } }
@@ -94745,11 +94755,47 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
         this.isSimplifiedView = computed(() => this.displayMode() === DisplayModeEnum.SIMPLIFIED, ...(ngDevMode ? [{ debugName: "isSimplifiedView" }] : []));
         this.FocusAreaDetailStatusEnum = FocusAreaDetailStatusEnum;
+        this.AiDynamicContentStatusEnum = AiDynamicContentStatusEnum;
+        this.COLLAPSE_THRESHOLD = 50;
+        this.EXPAND_THRESHOLD = 30;
+        this.embeddedScrollEffect = effect(() => {
+            const scrollEvent = this.scrollEvent();
+            const isEmbedded = this.embedded();
+            if (isEmbedded && !scrollEvent) {
+                return;
+            }
+            if (!scrollEvent || !isEmbedded) {
+                return;
+            }
+            const detail = scrollEvent.detail;
+            if (!detail) {
+                return;
+            }
+            const scrollTop = detail.scrollTop || 0;
+            const currentState = this.headerScrollService.isScrolled();
+            if (!currentState && scrollTop > this.COLLAPSE_THRESHOLD) {
+                this.headerScrollService.isScrolled.set(true);
+            }
+            else if (currentState && scrollTop < this.EXPAND_THRESHOLD) {
+                this.headerScrollService.isScrolled.set(false);
+            }
+            const scrollElement = this.scrollElement();
+            if (scrollElement) {
+                const scrollHeight = scrollElement.scrollHeight || 0;
+                const clientHeight = scrollElement.clientHeight || 0;
+                const maxScroll = scrollHeight - clientHeight;
+                if (maxScroll > 0) {
+                    const progress = (scrollTop / maxScroll) * 100;
+                    this.scrollProgress.set(Math.min(100, Math.max(0, progress)));
+                }
+            }
+        }, ...(ngDevMode ? [{ debugName: "embeddedScrollEffect" }] : []));
         this.focusAreaCards = computed(() => {
             const allDomains = FocusAreaDomainEnumUtil.sorted();
             const focusAreaDetailsData = this.focusAreaDetails();
             const profileFocusAreasData = this.profileFocusAreas();
             const profileAnalysesData = this.profileAnalyses();
+            const itemStatusesData = this.itemStatusesProfileFocusArea();
             const isDemo = this.forDemo();
             const mockProgressData = {
                 [FocusAreaDomainEnum.AFFILIATE_AND_REFERRAL_PROGRAMS]: { answered: 8, total: 12, hasAnalysis: true },
@@ -94772,18 +94818,22 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             const focusAreaDetailsMap = new Map(focusAreaDetailsData?.map(fad => [fad.focusAreaDomain, fad]));
             const profileFocusAreasMap = new Map(profileFocusAreasData?.map(pfa => [pfa.focusAreaDomain, pfa]));
             const profileAnalysesMap = new Map(profileAnalysesData?.map(pa => [pa.focusAreaDomain, pa]));
+            const itemStatusesMap = new Map(itemStatusesData?.map(is => [is.itemId, is]));
             return allDomains.map(domain => {
                 let questionsAnswered = 0;
                 let totalQuestions = 0;
                 let hasAnalysis = false;
                 let status = 'pending';
                 let canViewDetails = false;
+                let selfContentStatus = null;
+                let itemStatus = null;
                 if (isDemo) {
                     const mockData = mockProgressData[domain];
                     questionsAnswered = mockData.answered;
                     totalQuestions = mockData.total;
                     hasAnalysis = mockData.hasAnalysis;
                     canViewDetails = true;
+                    selfContentStatus = AiDynamicContentStatusEnum.GENERATED;
                     if (questionsAnswered === totalQuestions && totalQuestions > 0) {
                         status = 'complete';
                     }
@@ -94801,8 +94851,12 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                     if (profileFocusArea) {
                         questionsAnswered = profileFocusArea.questionsAnswered ?? 0;
                         totalQuestions = profileFocusArea.totalQuestions ?? 0;
-                        const selfContentStatus = profileFocusArea.selfContentStatus;
+                        selfContentStatus = profileFocusArea.selfContentStatus ?? null;
                         canViewDetails = selfContentStatus === AiDynamicContentStatusEnum.GENERATED;
+                        const profileFocusAreaId = profileFocusArea.id;
+                        if (profileFocusAreaId) {
+                            itemStatus = itemStatusesMap.get(profileFocusAreaId) ?? null;
+                        }
                         if (questionsAnswered === totalQuestions && totalQuestions > 0) {
                             status = 'complete';
                         }
@@ -94830,7 +94884,9 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                     status,
                     engagementStatus,
                     tools,
-                    canViewDetails
+                    canViewDetails,
+                    selfContentStatus,
+                    itemStatus
                 };
             });
         }, ...(ngDevMode ? [{ debugName: "focusAreaCards" }] : []));
@@ -94988,7 +95044,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     static { this.ɵfac = function SymphiqProfileFocusAreasAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileFocusAreasAnalysesDashboardComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileFocusAreasAnalysesDashboardComponent, selectors: [["symphiq-profile-focus-areas-analyses-dashboard"]], hostBindings: function SymphiqProfileFocusAreasAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileFocusAreasAnalysesDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { focusAreaClicked: "focusAreaClicked", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 57, vars: 23, consts: [[1, "min-h-screen", "relative"], [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, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [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", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 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, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "click"], [1, "p-6"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-3", "py-1", "bg-green-100", "dark:bg-green-900/30", "text-green-700", "dark:text-green-400", "text-xs", "font-semibold", "rounded-full"], [1, "mt-3", "mb-2"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2"], [1, "flex", "items-center", "gap-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, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "group-hover:text-blue-500", "dark:group-hover:text-blue-400", "group-hover:translate-x-1", "transition-all"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { focusAreaClicked: "focusAreaClicked", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 57, vars: 23, consts: [[1, "min-h-screen", "relative"], [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, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [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", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 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, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "click"], [1, "p-6"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-3", "py-1", "bg-green-100", "dark:bg-green-900/30", "text-green-700", "dark:text-green-400", "text-xs", "font-semibold", "rounded-full"], [1, "mt-3", "mb-2"], [1, "w-full", "space-y-2", "py-2"], [1, "space-y-2"], [1, "flex", "items-center", "gap-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, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "text-xs", "font-medium"], [1, "w-full", "h-2", "rounded-full"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "text-xs", "tabular-nums"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "group-hover:text-blue-500", "dark:group-hover:text-blue-400", "group-hover:translate-x-1", "transition-all"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -95246,12 +95302,25 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                     </div>
                   }
 
-                  @if (focusArea.status === 'pending') {
-                    <div class="flex items-center gap-2 py-2">
-                      <div class="animate-spin w-4 h-4 border-2 border-amber-500/30 border-t-amber-500 rounded-full"></div>
-                      <span class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
+                  @if (focusArea.selfContentStatus !== null && focusArea.selfContentStatus !== AiDynamicContentStatusEnum.GENERATED && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
+                    <div class="w-full space-y-2 py-2">
+                      <div class="flex items-center gap-2">
+                        <div class="animate-spin w-4 h-4 border-2 border-blue-500/30 border-t-blue-500 rounded-full"></div>
+                        <span class="text-xs font-medium" [class]="isLightMode() ? 'text-blue-600' : 'text-blue-400'">
+                          {{ focusArea.itemStatus?.message || 'Generating Profile...' }}
+                        </span>
+                      </div>
+                      <div class="w-full h-2 rounded-full" [class]="isLightMode() ? 'bg-slate-200' : 'bg-slate-700'">
+                        <div
+                          class="h-full bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full transition-all duration-500"
+                          [style.width.%]="focusArea.itemStatus?.percentageComplete ?? 0"
+                        ></div>
+                      </div>
+                      <div class="text-xs tabular-nums" [class]="isLightMode() ? 'text-slate-500' : 'text-slate-400'">
+                        {{ focusArea.itemStatus?.percentageComplete ?? 0 }}% complete
+                      </div>
                     </div>
-                  } @else {
+                  } @else if (focusArea.selfContentStatus === AiDynamicContentStatusEnum.GENERATED || focusArea.status !== 'pending') {
                     <div class="space-y-2">
                       <div class="flex items-center justify-between text-sm">
                         <span [class]="getLabelClasses()">Progress</span>
@@ -95341,13 +95410,6 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
                       <p [class]="getDescriptionClasses()">
                         {{ focusArea.description }}
                       </p>
-
-                      @if (focusArea.status === 'pending') {
-                        <div class="flex items-center gap-2 py-2">
-                          <div class="animate-spin w-4 h-4 border-2 border-amber-500/30 border-t-amber-500 rounded-full"></div>
-                          <span class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
-                        </div>
-                      }
                     </div>
 
                     @if (focusArea.canViewDetails) {
@@ -95380,7 +95442,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 383 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 392 }); })();
 
 function FocusAreaStatusCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "div", 9);