@eric-emg/symphiq-components 1.3.95 → 1.3.97

package/fesm2022/symphiq-components.mjs

@@ -25736,8 +25736,7 @@ class ConfidenceLevelCardComponent {
             return dataMap[stepId] || dataMap['business-analysis'];
         }, ...(ngDevMode ? [{ debugName: "confidenceData" }] : []));
         this.shouldPulse = computed(() => {
-            const grade = this.confidenceData().grade;
-            return grade === 'A+';
+            return false;
         }, ...(ngDevMode ? [{ debugName: "shouldPulse" }] : []));
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
         this.effectivePotentialPercentage = computed(() => {
@@ -116536,36 +116535,71 @@ class JourneyCompletedFooterComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], startActing: [{ type: i0.Output, args: ["startActing"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JourneyCompletedFooterComponent, { className: "JourneyCompletedFooterComponent", filePath: "lib/components/journey-completed-dashboard/journey-completed-footer.component.ts", lineNumber: 74 }); })();
 
+function SymphiqJourneyCompletedDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 9);
+    i0.ɵɵlistener("stepClick", function SymphiqJourneyCompletedDashboardComponent_Conditional_5_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.JourneyStepIdEnum.COMPLETE)("showNextStepAction", false)("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
+} }
 class SymphiqJourneyCompletedDashboardComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
+        this.embedded = input(false, ...(ngDevMode ? [{ debugName: "embedded" }] : []));
+        this.isLoading = input(...(ngDevMode ? [undefined, { debugName: "isLoading" }] : []));
         this.businessName = input('Your Business', ...(ngDevMode ? [{ debugName: "businessName" }] : []));
         this.businessGoals = input(undefined, ...(ngDevMode ? [{ debugName: "businessGoals" }] : []));
+        this.unifiedProfileAnalysis = input(...(ngDevMode ? [undefined, { debugName: "unifiedProfileAnalysis" }] : []));
+        this.sourceProfileAnalyses = input(...(ngDevMode ? [undefined, { debugName: "sourceProfileAnalyses" }] : []));
+        this.scrollEvent = input(...(ngDevMode ? [undefined, { debugName: "scrollEvent" }] : []));
+        this.scrollElement = input(...(ngDevMode ? [undefined, { debugName: "scrollElement" }] : []));
+        this.isOnboarded = input(false, ...(ngDevMode ? [{ debugName: "isOnboarded" }] : []));
+        this.forDemo = input(false, ...(ngDevMode ? [{ debugName: "forDemo" }] : []));
+        this.maxAccessibleStepId = input(...(ngDevMode ? [undefined, { debugName: "maxAccessibleStepId" }] : []));
         this.startActing = output();
+        this.stepClick = output();
+        this.headerScrollService = inject(HeaderScrollService);
+        this.JourneyStepIdEnum = JourneyStepIdEnum;
+        this.scrollProgress = signal(0, ...(ngDevMode ? [{ debugName: "scrollProgress" }] : []));
         this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
     }
     static { this.ɵfac = function SymphiqJourneyCompletedDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqJourneyCompletedDashboardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqJourneyCompletedDashboardComponent, selectors: [["symphiq-journey-completed-dashboard"]], inputs: { viewMode: [1, "viewMode"], businessName: [1, "businessName"], businessGoals: [1, "businessGoals"] }, outputs: { startActing: "startActing" }, decls: 7, vars: 6, 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, "relative", "z-10"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "pb-36"], [3, "viewMode", "businessName", "businessGoals"], [3, "startActing", "viewMode"]], template: function SymphiqJourneyCompletedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqJourneyCompletedDashboardComponent, selectors: [["symphiq-journey-completed-dashboard"]], inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], businessName: [1, "businessName"], businessGoals: [1, "businessGoals"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { startActing: "startActing", stepClick: "stepClick" }, decls: 10, vars: 20, consts: [[1, "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"], ["colorScheme", "blue-cyan", 3, "viewMode", "progress", "embedded"], [1, "relative", "z-51"], [3, "title", "subtitle", "viewMode", "isLoading", "showSearchControl", "showViewModeControl", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "pb-36"], [3, "viewMode", "businessName", "businessGoals"], [3, "startActing", "viewMode"], [3, "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"]], template: function SymphiqJourneyCompletedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵelement(1, "div", 1);
-            i0.ɵɵelementStart(2, "div", 2)(3, "main", 3);
-            i0.ɵɵelement(4, "symphiq-journey-completed-welcome-banner", 4);
+            i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
+            i0.ɵɵelementStart(3, "div", 3);
+            i0.ɵɵelement(4, "symphiq-dashboard-header", 4);
+            i0.ɵɵconditionalCreate(5, SymphiqJourneyCompletedDashboardComponent_Conditional_5_Template, 1, 5, "symphiq-journey-progress-indicator", 5);
+            i0.ɵɵelementStart(6, "main", 6);
+            i0.ɵɵelement(7, "symphiq-journey-completed-welcome-banner", 7);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelement(5, "symphiq-tooltip-container");
-            i0.ɵɵelementStart(6, "symphiq-journey-completed-footer", 5);
-            i0.ɵɵlistener("startActing", function SymphiqJourneyCompletedDashboardComponent_Template_symphiq_journey_completed_footer_startActing_6_listener() { return ctx.startActing.emit(); });
+            i0.ɵɵelement(8, "symphiq-tooltip-container");
+            i0.ɵɵelementStart(9, "symphiq-journey-completed-footer", 8);
+            i0.ɵɵlistener("startActing", function SymphiqJourneyCompletedDashboardComponent_Template_symphiq_journey_completed_footer_startActing_9_listener() { return ctx.startActing.emit(); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
+            i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
             i0.ɵɵadvance();
             i0.ɵɵclassProp("light-mode", ctx.isLightMode());
-            i0.ɵɵadvance(3);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("viewMode", ctx.viewMode())("progress", ctx.scrollProgress())("embedded", ctx.embedded());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("title", "Journey Complete")("subtitle", "Congratulations! You have completed your Symphiq journey.")("viewMode", ctx.viewMode())("isLoading", ctx.isLoading())("showSearchControl", false)("showViewModeControl", false)("embedded", ctx.embedded())("scrollEvent", ctx.scrollEvent());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.isOnboarded() ? 5 : -1);
+            i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode())("businessName", ctx.businessName())("businessGoals", ctx.businessGoals());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("viewMode", ctx.viewMode());
         } }, dependencies: [CommonModule,
             JourneyCompletedWelcomeBannerComponent,
             JourneyCompletedFooterComponent,
-            TooltipContainerComponent], encapsulation: 2, changeDetection: 0 }); }
+            TooltipContainerComponent,
+            JourneyProgressIndicatorComponent,
+            ScrollProgressBarComponent,
+            DashboardHeaderComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqJourneyCompletedDashboardComponent, [{
         type: Component,
@@ -116576,16 +116610,48 @@ class SymphiqJourneyCompletedDashboardComponent {
                     CommonModule,
                     JourneyCompletedWelcomeBannerComponent,
                     JourneyCompletedFooterComponent,
-                    TooltipContainerComponent
+                    TooltipContainerComponent,
+                    JourneyProgressIndicatorComponent,
+                    ScrollProgressBarComponent,
+                    DashboardHeaderComponent
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: `
-    <div class="min-h-screen relative">
+    <div [class.min-h-screen]="!embedded()" class="relative">
       <div class="animated-bubbles" [class.light-mode]="isLightMode()"
            style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
 
-      <div class="relative z-10">
-        <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 pb-36">
+      <symphiq-scroll-progress-bar
+          [viewMode]="viewMode()"
+          [progress]="scrollProgress()"
+          [embedded]="embedded()"
+          colorScheme="blue-cyan"
+      />
+
+      <div class="relative z-51">
+        <symphiq-dashboard-header
+            [title]="'Journey Complete'"
+            [subtitle]="'Congratulations! You have completed your Symphiq journey.'"
+            [viewMode]="viewMode()"
+            [isLoading]="isLoading()"
+            [showSearchControl]="false"
+            [showViewModeControl]="false"
+            [embedded]="embedded()"
+            [scrollEvent]="scrollEvent()"
+        />
+
+        @if (!isOnboarded()) {
+          <symphiq-journey-progress-indicator
+              [viewMode]="viewMode()"
+              [currentStepId]="JourneyStepIdEnum.COMPLETE"
+              [showNextStepAction]="false"
+              [forDemo]="forDemo()"
+              [maxAccessibleStepId]="maxAccessibleStepId()"
+              (stepClick)="stepClick.emit($event)"
+          />
+        }
+
+        <main class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 pb-36">
           <symphiq-journey-completed-welcome-banner
               [viewMode]="viewMode()"
               [businessName]="businessName()"
@@ -116603,8 +116669,8 @@ class SymphiqJourneyCompletedDashboardComponent {
     </div>
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], businessName: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessName", required: false }] }], businessGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessGoals", required: false }] }], startActing: [{ type: i0.Output, args: ["startActing"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqJourneyCompletedDashboardComponent, { className: "SymphiqJourneyCompletedDashboardComponent", filePath: "lib/components/journey-completed-dashboard/symphiq-journey-completed-dashboard.component.ts", lineNumber: 48 }); })();
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], businessName: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessName", required: false }] }], businessGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "businessGoals", required: false }] }], unifiedProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "unifiedProfileAnalysis", required: false }] }], sourceProfileAnalyses: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceProfileAnalyses", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], startActing: [{ type: i0.Output, args: ["startActing"] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqJourneyCompletedDashboardComponent, { className: "SymphiqJourneyCompletedDashboardComponent", filePath: "lib/components/journey-completed-dashboard/symphiq-journey-completed-dashboard.component.ts", lineNumber: 87 }); })();
 
 /*
  * Public API Surface of symphiq-components