@eric-emg/symphiq-components 1.2.428 → 1.2.430

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _jebgem_model from '@jebgem/model';
-import { FocusAreaTopPriorityInterface, MetricTopPriorityInterface, ProfileItemInterface, ViewModeEnum, GoalV3Interface, ObjectiveV3Interface, StrategyV3Interface, OperationalCategoryInterface, CategoryStrengthInterface, CategoryGapInterface, CategoryOpportunityInterface, InsightBlockInterface, ProfileAnalysisRecommendationInterface, PerformanceMetricInterface, KeyStrengthInterface, CriticalGapInterface, AiChartInterface, ProfileAnalysisRecommendationActionStepInterface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, MetricEnum, FunnelMetricInterface, TargetInterface, UiDataInterface, ProfileAnalysisInterface, FunnelAnalysisInterface, FocusAreaDetailInterface, BreakdownMetricInterface, UserInterface, ItemStatusInterface, AiDynamicContentStatusEnum, PerformanceOverviewStructuredV3Interface, OverallAssessmentInterface, FocusAreaDomainEnum, FocusAreaDetailStatusEnum, GaPropertyInterface, GaAccountInterface, ShopDataLoadStatusEnum, PacingResponseInterface, DataResultsInterface, CalculateRevenueReverseResponseInterface, CalculateRevenueResponseInterface, TargetHistoryInterface, CalculateRevenueRequestInterface, CalculateRevenueReverseRequestInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, AccountInterface, ProfileShopInterface, ProfileShopQuestionInterface, AbstractItemProfileAnswerInterface, AbstractItemProfileAnswerHistoryInterface, PlanCardInfoInterface, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ChargebeeItemPriceInterface, IconSourceEnum, ProfileAnalysisSectionV3Interface, ExecutiveSummaryInterface, ProfileFocusAreaInterface, FocusAreaExecutiveSummaryInterface, MetricExecutiveSummaryInterface, ChartTypeEnum } from '@jebgem/model';
+import { FocusAreaTopPriorityInterface, MetricTopPriorityInterface, ProfileItemInterface, ViewModeEnum, GoalV3Interface, ObjectiveV3Interface, StrategyV3Interface, OperationalCategoryInterface, CategoryStrengthInterface, CategoryGapInterface, CategoryOpportunityInterface, InsightBlockInterface, ProfileAnalysisRecommendationInterface, PerformanceMetricInterface, KeyStrengthInterface, CriticalGapInterface, AiChartInterface, ProfileAnalysisRecommendationActionStepInterface, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ProfileSectionInterface, ProfileSubsectionInterface, ProfileInterface, MetricEnum, FunnelMetricInterface, TargetInterface, UiDataInterface, ProfileAnalysisInterface, FunnelAnalysisInterface, FocusAreaDetailInterface, BreakdownMetricInterface, UserInterface, ItemStatusInterface, AiDynamicContentStatusEnum, PerformanceOverviewStructuredV3Interface, OverallAssessmentInterface, FocusAreaDomainEnum, FocusAreaDetailStatusEnum, GaPropertyInterface, GaAccountInterface, ShopDataLoadStatusEnum, PacingResponseInterface, DataResultsInterface, CalculateRevenueReverseResponseInterface, CalculateRevenueResponseInterface, TargetHistoryInterface, CalculateRevenueRequestInterface, CalculateRevenueReverseRequestInterface, ProfileItemTypeEnum, IconObjectInterface as IconObjectInterface$1, NapkinVisualInterface, HierarchyDataInterface, ProfileShopQuestionInterface, AbstractItemProfileAnswerInterface, AbstractItemProfileAnswerHistoryInterface, AccountInterface, ProfileShopInterface, PlanCardInfoInterface, CurrencyCodeEnum, ChargebeeItemPricePeriodUnitEnum, ChargebeeItemPriceInterface, IconSourceEnum, ProfileAnalysisSectionV3Interface, ExecutiveSummaryInterface, ProfileFocusAreaInterface, FocusAreaExecutiveSummaryInterface, MetricExecutiveSummaryInterface, ChartTypeEnum } from '@jebgem/model';
 export * from '@jebgem/model';
 import * as _angular_core from '@angular/core';
 import { OnInit, AfterViewInit, ElementRef, WritableSignal, OnDestroy, OnChanges, SimpleChanges, Renderer2 } from '@angular/core';
@@ -10,10 +10,6 @@ import * as _angular_platform_browser from '@angular/platform-browser';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import * as _jebgem_model_lib_funnel_analysis_performance_overview_structured_v3_interface from '@jebgem/model/lib/funnel-analysis/performance-overview-structured-v3.interface';
 import { FormGroup } from '@angular/forms';
-import { ScrollCustomEvent as ScrollCustomEvent$1 } from '@symphiq-components/components/funnel-analysis-dashboard/symphiq-funnel-analysis-dashboard.component';
-import { ShopProfileStatusCardComponent as ShopProfileStatusCardComponent$1 } from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/shop-profile-status-card.component';
-import { ProfileQuestionAnswerSaveEvent as ProfileQuestionAnswerSaveEvent$1 } from '@symphiq-components/components/profile-analysis-shop-dashboard/cards/shop-profile-question-answer.component';
-import { JourneyStepIdEnum as JourneyStepIdEnum$1 } from '@symphiq-components/components/business-analysis-dashboard/journey-progress-indicator.component';
 
 interface FunnelMetricOrder {
     metric: string;
@@ -2904,7 +2900,7 @@ declare class SymphiqBusinessAnalysisDashboardComponent implements OnInit, After
     parentHeaderOffset: _angular_core.InputSignal<number>;
     requestedByUser: _angular_core.InputSignal<UserInterface | undefined>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent$1 | null | undefined>;
+    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | null | undefined>;
     scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     isLoading: _angular_core.InputSignal<boolean | undefined>;
     isOnboarded: _angular_core.InputSignal<boolean>;
@@ -3278,6 +3274,202 @@ declare class BusinessAnalysisModalComponent implements OnInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BusinessAnalysisModalComponent, "symphiq-business-analysis-modal", never, { "isLightMode": { "alias": "isLightMode"; "required": false; "isSignal": true; }; }, { "viewInContextRequested": "viewInContextRequested"; }, never, never, true, never>;
 }
 
+interface CategoryProgressItem {
+    id: string;
+    label: string;
+    name: string;
+    totalQuestions: number;
+    answeredQuestions: number;
+    progress: number;
+}
+declare class ShopProfileCategoryListComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    items: _angular_core.InputSignal<CategoryProgressItem[]>;
+    delayAnimation: _angular_core.InputSignal<boolean>;
+    itemClick: _angular_core.OutputEmitterRef<CategoryProgressItem>;
+    protected onItemClick(item: CategoryProgressItem): void;
+    protected getButtonText(item: CategoryProgressItem): string;
+    protected getCardClasses(): string;
+    protected getLabelClasses(): string;
+    protected getNameClasses(): string;
+    protected getButtonClasses(item: CategoryProgressItem): string;
+    protected getProgressBarContainerClasses(): string;
+    protected getProgressBarFillClasses(): string;
+    protected getProgressTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileCategoryListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileCategoryListComponent, "symphiq-shop-profile-category-list", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "delayAnimation": { "alias": "delayAnimation"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+type ShopProfileViewType = 'category' | 'focus-area';
+declare class ShopProfileViewToggleComponent {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    currentView: _angular_core.InputSignal<ShopProfileViewType>;
+    viewChanged: _angular_core.OutputEmitterRef<ShopProfileViewType>;
+    protected selectView(view: ShopProfileViewType): void;
+    protected getContainerClasses(): string;
+    protected getButtonClasses(view: ShopProfileViewType): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileViewToggleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileViewToggleComponent, "symphiq-shop-profile-view-toggle", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currentView": { "alias": "currentView"; "required": false; "isSignal": true; }; }, { "viewChanged": "viewChanged"; }, never, never, true, never>;
+}
+
+interface AnswerOption {
+    text: string;
+    isCustom: boolean;
+    isSelected: boolean;
+    tempId: string;
+}
+interface ProfileQuestionAnswerSaveEvent {
+    profileQuestionId: number;
+    answers: string[];
+}
+type SaveActionType = 'save' | 'saveAndNext' | null;
+declare class ShopProfileQuestionAnswerComponent implements AfterViewInit, OnDestroy {
+    question: _angular_core.InputSignal<ProfileShopQuestionInterface>;
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    viewType: _angular_core.InputSignal<"category" | "focus-area" | "all">;
+    selectedCategoryId: _angular_core.InputSignal<string | null>;
+    selectedFocusAreaId: _angular_core.InputSignal<string | null>;
+    filteredQuestions: _angular_core.InputSignal<ProfileShopQuestionInterface[]>;
+    profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[]>;
+    backClick: _angular_core.OutputEmitterRef<void>;
+    saveClick: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
+    saveAndNextClick: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
+    navigateToList: _angular_core.OutputEmitterRef<void>;
+    navigateToNextQuestion: _angular_core.OutputEmitterRef<void>;
+    scrollContainer?: ElementRef<HTMLDivElement>;
+    stickySentinel?: ElementRef<HTMLDivElement>;
+    stickyHeader?: ElementRef<HTMLDivElement>;
+    questionTitle?: ElementRef<HTMLHeadingElement>;
+    private ngZone;
+    private intersectionObserver?;
+    protected isSticky: boolean;
+    protected selectedAnswerTexts: _angular_core.WritableSignal<string[]>;
+    private initialAnswerTexts;
+    protected addOtherAnswersExpanded: _angular_core.WritableSignal<boolean>;
+    protected customAnswerText: _angular_core.WritableSignal<string>;
+    protected isSaving: _angular_core.WritableSignal<boolean>;
+    protected pendingSaveAction: _angular_core.WritableSignal<SaveActionType>;
+    private pendingQuestionId;
+    protected isCountAnimating: _angular_core.WritableSignal<boolean>;
+    private previousAnsweredCount;
+    private saveStartTime;
+    private lastLoadedQuestionId;
+    protected answerOptions: _angular_core.Signal<AnswerOption[]>;
+    protected relatedFocusAreas: _angular_core.Signal<FocusAreaDomainEnum[]>;
+    protected breadcrumbPath: _angular_core.Signal<string>;
+    protected unansweredQuestions: _angular_core.Signal<ProfileShopQuestionInterface[]>;
+    protected answeredCount: _angular_core.Signal<number>;
+    protected totalCount: _angular_core.Signal<number>;
+    protected progressPercentage: _angular_core.Signal<number>;
+    protected allQuestionsAnswered: _angular_core.Signal<boolean>;
+    protected canAddCustomAnswers: _angular_core.Signal<boolean>;
+    protected hasAnswersChanged: _angular_core.Signal<boolean>;
+    protected saveButtonsDisabled: _angular_core.Signal<boolean>;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private stickyState;
+    private lastStickyChange;
+    private setupStickyObserver;
+    protected toggleAnswer(text: string): void;
+    protected toggleAddOtherAnswers(): void;
+    protected addCustomAnswers(): void;
+    protected cancelCustomAnswers(): void;
+    protected onSave(): void;
+    protected onSaveAndNext(): void;
+    protected getFocusAreaTitle(focusArea: FocusAreaDomainEnum): string;
+    protected formatCategoryName(category: string): string;
+    protected formatFocusAreaName(focusArea: string): string;
+    protected isLightMode(): boolean;
+    protected skeletonClasses(): string;
+    protected savingTextClasses(): string;
+    protected statusHeaderClasses(): string;
+    protected statusTitleClasses(): string;
+    protected progressBarContainerClasses(): string;
+    protected progressBarFillClasses(): string;
+    protected progressTextClasses(): string;
+    protected breadcrumbClasses(): string;
+    protected stickyHeaderClasses(): string;
+    protected questionTextClasses(): string;
+    protected contextTextClasses(): string;
+    protected relatedLabelClasses(): string;
+    protected focusAreaChipClasses(): string;
+    protected checkboxRowClasses(): string;
+    protected checkboxClasses(): string;
+    protected checkboxLabelClasses(): string;
+    protected textareaClasses(): string;
+    protected cancelButtonClasses(): string;
+    protected addButtonClasses(): string;
+    protected addOtherAnswersButtonClasses(): string;
+    protected footerClasses(): string;
+    protected saveButtonClasses(): string;
+    protected saveAndNextButtonClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileQuestionAnswerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileQuestionAnswerComponent, "symphiq-shop-profile-question-answer", never, { "question": { "alias": "question"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "selectedCategoryId": { "alias": "selectedCategoryId"; "required": false; "isSignal": true; }; "selectedFocusAreaId": { "alias": "selectedFocusAreaId"; "required": false; "isSignal": true; }; "filteredQuestions": { "alias": "filteredQuestions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; }, { "backClick": "backClick"; "saveClick": "saveClick"; "saveAndNextClick": "saveAndNextClick"; "navigateToList": "navigateToList"; "navigateToNextQuestion": "navigateToNextQuestion"; }, never, never, true, never>;
+}
+
+declare class ShopProfileStatusCardComponent implements AfterViewInit, OnDestroy {
+    viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    totalQuestions: _angular_core.InputSignal<number>;
+    answeredQuestions: _angular_core.InputSignal<number>;
+    questions: _angular_core.InputSignal<ProfileShopQuestionInterface[]>;
+    profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[]>;
+    profileAnswerHistories: _angular_core.InputSignal<AbstractItemProfileAnswerHistoryInterface[]>;
+    users: _angular_core.InputSignal<UserInterface[]>;
+    startAnsweringAll: _angular_core.InputSignal<boolean>;
+    currentUser: _angular_core.InputSignal<UserInterface | null | undefined>;
+    startCategoryQuestions: _angular_core.OutputEmitterRef<string>;
+    questionAnswerRequested: _angular_core.OutputEmitterRef<ProfileShopQuestionInterface>;
+    answerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
+    adminAnswerAction: _angular_core.OutputEmitterRef<boolean>;
+    chartDiv: ElementRef;
+    private root?;
+    private chartElement?;
+    private chartSeries?;
+    private centerLabel?;
+    protected currentView: _angular_core.WritableSignal<ShopProfileViewType>;
+    protected questionsModalOpen: _angular_core.WritableSignal<boolean>;
+    protected selectedCategoryId: _angular_core.WritableSignal<string | null>;
+    protected selectedFocusAreaId: _angular_core.WritableSignal<string | null>;
+    protected showAllQuestions: _angular_core.WritableSignal<boolean>;
+    protected startDirectAnswer: _angular_core.WritableSignal<boolean>;
+    protected computedAnsweredCount: _angular_core.Signal<number>;
+    protected completionPercentage: _angular_core.Signal<number>;
+    protected notStartedPercentage: _angular_core.Signal<number>;
+    protected shouldShowFullIntro: _angular_core.Signal<boolean>;
+    protected hasQuestions: _angular_core.Signal<boolean>;
+    protected showAdminButtons: _angular_core.Signal<boolean>;
+    protected unansweredQuestions: _angular_core.Signal<number>;
+    protected questionsByCategory: _angular_core.Signal<CategoryProgressItem[]>;
+    protected questionsByFocusArea: _angular_core.Signal<CategoryProgressItem[]>;
+    protected currentGroupedQuestions: _angular_core.Signal<CategoryProgressItem[]>;
+    constructor();
+    private updateChartData;
+    protected handleViewChange(view: ShopProfileViewType): void;
+    protected handleItemClick(item: CategoryProgressItem): void;
+    protected onQuestionsModalClose(): void;
+    openAllQuestionsAnswerMode(): void;
+    protected onQuestionAnswerClick(question: ProfileShopQuestionInterface): void;
+    protected onAnswerSave(event: ProfileQuestionAnswerSaveEvent): void;
+    private formatCategoryName;
+    private formatFocusAreaName;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private createChart;
+    protected containerClasses(): string;
+    protected headerClasses(): string;
+    protected iconContainerClasses(): string;
+    protected titleClasses(): string;
+    protected subtitleClasses(): string;
+    protected contentClasses(): string;
+    protected getIntroductionContainerClasses(): string;
+    protected getIntroIconClasses(): string;
+    protected getIntroTitleClasses(): string;
+    protected getIntroTextClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileStatusCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileStatusCardComponent, "symphiq-shop-profile-status-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "totalQuestions": { "alias": "totalQuestions"; "required": false; "isSignal": true; }; "answeredQuestions": { "alias": "answeredQuestions"; "required": false; "isSignal": true; }; "questions": { "alias": "questions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "startAnsweringAll": { "alias": "startAnsweringAll"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; }, { "startCategoryQuestions": "startCategoryQuestions"; "questionAnswerRequested": "questionAnswerRequested"; "answerSave": "answerSave"; "adminAnswerAction": "adminAnswerAction"; }, never, never, true, never>;
+}
+
 type ProfileModalData = {
     goal: GoalV3Interface;
     viewMode: ViewModeEnum;
@@ -3312,7 +3504,7 @@ type ProfileModalData = {
 } | null;
 declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, OnChanges, OnDestroy, AfterViewInit {
     funnelModalComponent?: ModalComponent;
-    shopProfileStatusCard?: ShopProfileStatusCardComponent$1;
+    shopProfileStatusCard?: ShopProfileStatusCardComponent;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     constructor();
     requestedByUser: _angular_core.InputSignal<UserInterface | undefined>;
@@ -3331,7 +3523,7 @@ declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, On
     itemStatusProfileAnalysis: _angular_core.InputSignal<ItemStatusInterface | undefined>;
     planCardInfos: _angular_core.InputSignal<PlanCardInfoInterface[] | undefined>;
     isOnboarded: _angular_core.InputSignal<boolean>;
-    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent$1 | null | undefined>;
+    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | null | undefined>;
     scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     users: _angular_core.InputSignal<UserInterface[] | undefined>;
     isLoading: _angular_core.InputSignal<boolean | undefined>;
@@ -3347,7 +3539,7 @@ declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, On
     checkoutPlanClick: _angular_core.OutputEmitterRef<ChargebeeItemPriceInterface>;
     answerShopProfileQuestions: _angular_core.OutputEmitterRef<string | null>;
     continueShopProfileQuestions: _angular_core.OutputEmitterRef<void>;
-    profileQuestionAnswerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent$1>;
+    profileQuestionAnswerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
     shopProfileAdminAnswerAction: _angular_core.OutputEmitterRef<boolean>;
     protected isCurrencySelectionLoading: _angular_core.WritableSignal<boolean>;
     protected selectedCurrency: _angular_core.WritableSignal<CurrencyCodeEnum | null>;
@@ -3536,7 +3728,7 @@ declare class SymphiqProfileShopAnalysisDashboardComponent implements OnInit, On
     protected getEditCurrencyCancelButtonClasses(): string;
     protected getEditCurrencyContinueButtonClasses(): string;
     protected handleStartCategoryQuestions(categoryId: string): void;
-    protected handleProfileQuestionAnswerSave(event: ProfileQuestionAnswerSaveEvent$1): void;
+    protected handleProfileQuestionAnswerSave(event: ProfileQuestionAnswerSaveEvent): void;
     protected handleShopProfileContinueClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileShopAnalysisDashboardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileShopAnalysisDashboardComponent, "symphiq-profile-shop-analysis-dashboard", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "profileAnalysis": { "alias": "profileAnalysis"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "profileShop": { "alias": "profileShop"; "required": false; "isSignal": true; }; "profileShopQuestions": { "alias": "profileShopQuestions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "itemStatusProfileShop": { "alias": "itemStatusProfileShop"; "required": false; "isSignal": true; }; "itemStatusProfileAnalysis": { "alias": "itemStatusProfileAnalysis"; "required": false; "isSignal": true; }; "planCardInfos": { "alias": "planCardInfos"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; }, { "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "currencySelectionClick": "currencySelectionClick"; "editCurrencyClick": "editCurrencyClick"; "periodUnitChanged": "periodUnitChanged"; "planSelected": "planSelected"; "checkoutPlanClick": "checkoutPlanClick"; "answerShopProfileQuestions": "answerShopProfileQuestions"; "continueShopProfileQuestions": "continueShopProfileQuestions"; "profileQuestionAnswerSave": "profileQuestionAnswerSave"; "shopProfileAdminAnswerAction": "shopProfileAdminAnswerAction"; }, never, never, true, never>;
@@ -3587,24 +3779,27 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     itemStatusesProfileFocusArea: _angular_core.InputSignal<ItemStatusInterface[] | undefined>;
     itemStatusesProfileAnalysis: _angular_core.InputSignal<ItemStatusInterface[] | undefined>;
     isOnboarded: _angular_core.InputSignal<boolean>;
-    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent$1 | null | undefined>;
+    scrollEvent: _angular_core.InputSignal<ScrollCustomEvent | null | undefined>;
     scrollElement: _angular_core.InputSignal<HTMLElement | null | undefined>;
     users: _angular_core.InputSignal<UserInterface[] | undefined>;
     isLoading: _angular_core.InputSignal<boolean | undefined>;
     forDemo: _angular_core.InputSignal<boolean>;
     currentUser: _angular_core.InputSignal<UserInterface | undefined>;
-    maxAccessibleStepId: _angular_core.InputSignal<JourneyStepIdEnum$1 | undefined>;
+    maxAccessibleStepId: _angular_core.InputSignal<JourneyStepIdEnum | undefined>;
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
+    displayMode: _angular_core.InputSignal<DisplayModeEnum>;
+    currentStepId: _angular_core.InputSignal<JourneyStepIdEnum>;
     focusAreaClicked: _angular_core.OutputEmitterRef<FocusAreaDomainEnum>;
     stepClick: _angular_core.OutputEmitterRef<number>;
     nextStepClick: _angular_core.OutputEmitterRef<void>;
     answerFocusAreaProfileQuestions: _angular_core.OutputEmitterRef<string | null>;
     continueFocusAreaProfileQuestions: _angular_core.OutputEmitterRef<void>;
-    profileQuestionAnswerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent$1>;
+    profileQuestionAnswerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
     focusAreaProfileAdminAnswerAction: _angular_core.OutputEmitterRef<boolean>;
     showSearchModal: _angular_core.WritableSignal<boolean>;
     scrollProgress: _angular_core.WritableSignal<number>;
     isLightMode: _angular_core.Signal<boolean>;
+    isSimplifiedView: _angular_core.Signal<boolean>;
     focusAreaCards: _angular_core.Signal<FocusAreaCardData[]>;
     handleFocusAreaClick(domain: FocusAreaDomainEnum): void;
     handleSearchClick(): void;
@@ -3627,7 +3822,7 @@ declare class SymphiqProfileFocusAreasAnalysesDashboardComponent {
     getWelcomeBannerHighlightListClasses(): string;
     private getIconForDomain;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SymphiqProfileFocusAreasAnalysesDashboardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileFocusAreasAnalysesDashboardComponent, "symphiq-profile-focus-areas-analyses-dashboard", never, { "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "profileAnalyses": { "alias": "profileAnalyses"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "profileFocusAreas": { "alias": "profileFocusAreas"; "required": false; "isSignal": true; }; "itemStatusesProfileFocusArea": { "alias": "itemStatusesProfileFocusArea"; "required": false; "isSignal": true; }; "itemStatusesProfileAnalysis": { "alias": "itemStatusesProfileAnalysis"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; }, { "focusAreaClicked": "focusAreaClicked"; "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "answerFocusAreaProfileQuestions": "answerFocusAreaProfileQuestions"; "continueFocusAreaProfileQuestions": "continueFocusAreaProfileQuestions"; "profileQuestionAnswerSave": "profileQuestionAnswerSave"; "focusAreaProfileAdminAnswerAction": "focusAreaProfileAdminAnswerAction"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SymphiqProfileFocusAreasAnalysesDashboardComponent, "symphiq-profile-focus-areas-analyses-dashboard", never, { "requestedByUser": { "alias": "requestedByUser"; "required": false; "isSignal": true; }; "createdDate": { "alias": "createdDate"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "profileAnalyses": { "alias": "profileAnalyses"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "funnelAnalysis": { "alias": "funnelAnalysis"; "required": false; "isSignal": true; }; "focusAreaDetails": { "alias": "focusAreaDetails"; "required": false; "isSignal": true; }; "account": { "alias": "account"; "required": false; "isSignal": true; }; "profileFocusAreas": { "alias": "profileFocusAreas"; "required": false; "isSignal": true; }; "itemStatusesProfileFocusArea": { "alias": "itemStatusesProfileFocusArea"; "required": false; "isSignal": true; }; "itemStatusesProfileAnalysis": { "alias": "itemStatusesProfileAnalysis"; "required": false; "isSignal": true; }; "isOnboarded": { "alias": "isOnboarded"; "required": false; "isSignal": true; }; "scrollEvent": { "alias": "scrollEvent"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "forDemo": { "alias": "forDemo"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; "maxAccessibleStepId": { "alias": "maxAccessibleStepId"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "currentStepId": { "alias": "currentStepId"; "required": false; "isSignal": true; }; }, { "focusAreaClicked": "focusAreaClicked"; "stepClick": "stepClick"; "nextStepClick": "nextStepClick"; "answerFocusAreaProfileQuestions": "answerFocusAreaProfileQuestions"; "continueFocusAreaProfileQuestions": "continueFocusAreaProfileQuestions"; "profileQuestionAnswerSave": "profileQuestionAnswerSave"; "focusAreaProfileAdminAnswerAction": "focusAreaProfileAdminAnswerAction"; }, never, never, true, never>;
 }
 
 declare class MetricWelcomeBannerComponent {
@@ -3782,202 +3977,6 @@ declare class StickySubscriptionContinueButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StickySubscriptionContinueButtonComponent, "symphiq-sticky-subscription-continue-button", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "isEnabled": { "alias": "isEnabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "continueClick": "continueClick"; }, never, never, true, never>;
 }
 
-interface CategoryProgressItem {
-    id: string;
-    label: string;
-    name: string;
-    totalQuestions: number;
-    answeredQuestions: number;
-    progress: number;
-}
-declare class ShopProfileCategoryListComponent {
-    viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    items: _angular_core.InputSignal<CategoryProgressItem[]>;
-    delayAnimation: _angular_core.InputSignal<boolean>;
-    itemClick: _angular_core.OutputEmitterRef<CategoryProgressItem>;
-    protected onItemClick(item: CategoryProgressItem): void;
-    protected getButtonText(item: CategoryProgressItem): string;
-    protected getCardClasses(): string;
-    protected getLabelClasses(): string;
-    protected getNameClasses(): string;
-    protected getButtonClasses(item: CategoryProgressItem): string;
-    protected getProgressBarContainerClasses(): string;
-    protected getProgressBarFillClasses(): string;
-    protected getProgressTextClasses(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileCategoryListComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileCategoryListComponent, "symphiq-shop-profile-category-list", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "delayAnimation": { "alias": "delayAnimation"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
-}
-
-type ShopProfileViewType = 'category' | 'focus-area';
-declare class ShopProfileViewToggleComponent {
-    viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    currentView: _angular_core.InputSignal<ShopProfileViewType>;
-    viewChanged: _angular_core.OutputEmitterRef<ShopProfileViewType>;
-    protected selectView(view: ShopProfileViewType): void;
-    protected getContainerClasses(): string;
-    protected getButtonClasses(view: ShopProfileViewType): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileViewToggleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileViewToggleComponent, "symphiq-shop-profile-view-toggle", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "currentView": { "alias": "currentView"; "required": false; "isSignal": true; }; }, { "viewChanged": "viewChanged"; }, never, never, true, never>;
-}
-
-interface AnswerOption {
-    text: string;
-    isCustom: boolean;
-    isSelected: boolean;
-    tempId: string;
-}
-interface ProfileQuestionAnswerSaveEvent {
-    profileQuestionId: number;
-    answers: string[];
-}
-type SaveActionType = 'save' | 'saveAndNext' | null;
-declare class ShopProfileQuestionAnswerComponent implements AfterViewInit, OnDestroy {
-    question: _angular_core.InputSignal<ProfileShopQuestionInterface>;
-    viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    viewType: _angular_core.InputSignal<"category" | "focus-area" | "all">;
-    selectedCategoryId: _angular_core.InputSignal<string | null>;
-    selectedFocusAreaId: _angular_core.InputSignal<string | null>;
-    filteredQuestions: _angular_core.InputSignal<ProfileShopQuestionInterface[]>;
-    profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[]>;
-    backClick: _angular_core.OutputEmitterRef<void>;
-    saveClick: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
-    saveAndNextClick: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
-    navigateToList: _angular_core.OutputEmitterRef<void>;
-    navigateToNextQuestion: _angular_core.OutputEmitterRef<void>;
-    scrollContainer?: ElementRef<HTMLDivElement>;
-    stickySentinel?: ElementRef<HTMLDivElement>;
-    stickyHeader?: ElementRef<HTMLDivElement>;
-    questionTitle?: ElementRef<HTMLHeadingElement>;
-    private ngZone;
-    private intersectionObserver?;
-    protected isSticky: boolean;
-    protected selectedAnswerTexts: _angular_core.WritableSignal<string[]>;
-    private initialAnswerTexts;
-    protected addOtherAnswersExpanded: _angular_core.WritableSignal<boolean>;
-    protected customAnswerText: _angular_core.WritableSignal<string>;
-    protected isSaving: _angular_core.WritableSignal<boolean>;
-    protected pendingSaveAction: _angular_core.WritableSignal<SaveActionType>;
-    private pendingQuestionId;
-    protected isCountAnimating: _angular_core.WritableSignal<boolean>;
-    private previousAnsweredCount;
-    private saveStartTime;
-    private lastLoadedQuestionId;
-    protected answerOptions: _angular_core.Signal<AnswerOption[]>;
-    protected relatedFocusAreas: _angular_core.Signal<FocusAreaDomainEnum[]>;
-    protected breadcrumbPath: _angular_core.Signal<string>;
-    protected unansweredQuestions: _angular_core.Signal<ProfileShopQuestionInterface[]>;
-    protected answeredCount: _angular_core.Signal<number>;
-    protected totalCount: _angular_core.Signal<number>;
-    protected progressPercentage: _angular_core.Signal<number>;
-    protected allQuestionsAnswered: _angular_core.Signal<boolean>;
-    protected canAddCustomAnswers: _angular_core.Signal<boolean>;
-    protected hasAnswersChanged: _angular_core.Signal<boolean>;
-    protected saveButtonsDisabled: _angular_core.Signal<boolean>;
-    constructor();
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private stickyState;
-    private lastStickyChange;
-    private setupStickyObserver;
-    protected toggleAnswer(text: string): void;
-    protected toggleAddOtherAnswers(): void;
-    protected addCustomAnswers(): void;
-    protected cancelCustomAnswers(): void;
-    protected onSave(): void;
-    protected onSaveAndNext(): void;
-    protected getFocusAreaTitle(focusArea: FocusAreaDomainEnum): string;
-    protected formatCategoryName(category: string): string;
-    protected formatFocusAreaName(focusArea: string): string;
-    protected isLightMode(): boolean;
-    protected skeletonClasses(): string;
-    protected savingTextClasses(): string;
-    protected statusHeaderClasses(): string;
-    protected statusTitleClasses(): string;
-    protected progressBarContainerClasses(): string;
-    protected progressBarFillClasses(): string;
-    protected progressTextClasses(): string;
-    protected breadcrumbClasses(): string;
-    protected stickyHeaderClasses(): string;
-    protected questionTextClasses(): string;
-    protected contextTextClasses(): string;
-    protected relatedLabelClasses(): string;
-    protected focusAreaChipClasses(): string;
-    protected checkboxRowClasses(): string;
-    protected checkboxClasses(): string;
-    protected checkboxLabelClasses(): string;
-    protected textareaClasses(): string;
-    protected cancelButtonClasses(): string;
-    protected addButtonClasses(): string;
-    protected addOtherAnswersButtonClasses(): string;
-    protected footerClasses(): string;
-    protected saveButtonClasses(): string;
-    protected saveAndNextButtonClasses(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileQuestionAnswerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileQuestionAnswerComponent, "symphiq-shop-profile-question-answer", never, { "question": { "alias": "question"; "required": true; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "selectedCategoryId": { "alias": "selectedCategoryId"; "required": false; "isSignal": true; }; "selectedFocusAreaId": { "alias": "selectedFocusAreaId"; "required": false; "isSignal": true; }; "filteredQuestions": { "alias": "filteredQuestions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; }, { "backClick": "backClick"; "saveClick": "saveClick"; "saveAndNextClick": "saveAndNextClick"; "navigateToList": "navigateToList"; "navigateToNextQuestion": "navigateToNextQuestion"; }, never, never, true, never>;
-}
-
-declare class ShopProfileStatusCardComponent implements AfterViewInit, OnDestroy {
-    viewMode: _angular_core.InputSignal<ViewModeEnum>;
-    totalQuestions: _angular_core.InputSignal<number>;
-    answeredQuestions: _angular_core.InputSignal<number>;
-    questions: _angular_core.InputSignal<ProfileShopQuestionInterface[]>;
-    profileAnswers: _angular_core.InputSignal<AbstractItemProfileAnswerInterface[]>;
-    profileAnswerHistories: _angular_core.InputSignal<AbstractItemProfileAnswerHistoryInterface[]>;
-    users: _angular_core.InputSignal<UserInterface[]>;
-    startAnsweringAll: _angular_core.InputSignal<boolean>;
-    currentUser: _angular_core.InputSignal<UserInterface | null | undefined>;
-    startCategoryQuestions: _angular_core.OutputEmitterRef<string>;
-    questionAnswerRequested: _angular_core.OutputEmitterRef<ProfileShopQuestionInterface>;
-    answerSave: _angular_core.OutputEmitterRef<ProfileQuestionAnswerSaveEvent>;
-    adminAnswerAction: _angular_core.OutputEmitterRef<boolean>;
-    chartDiv: ElementRef;
-    private root?;
-    private chartElement?;
-    private chartSeries?;
-    private centerLabel?;
-    protected currentView: _angular_core.WritableSignal<ShopProfileViewType>;
-    protected questionsModalOpen: _angular_core.WritableSignal<boolean>;
-    protected selectedCategoryId: _angular_core.WritableSignal<string | null>;
-    protected selectedFocusAreaId: _angular_core.WritableSignal<string | null>;
-    protected showAllQuestions: _angular_core.WritableSignal<boolean>;
-    protected startDirectAnswer: _angular_core.WritableSignal<boolean>;
-    protected computedAnsweredCount: _angular_core.Signal<number>;
-    protected completionPercentage: _angular_core.Signal<number>;
-    protected notStartedPercentage: _angular_core.Signal<number>;
-    protected shouldShowFullIntro: _angular_core.Signal<boolean>;
-    protected hasQuestions: _angular_core.Signal<boolean>;
-    protected showAdminButtons: _angular_core.Signal<boolean>;
-    protected unansweredQuestions: _angular_core.Signal<number>;
-    protected questionsByCategory: _angular_core.Signal<CategoryProgressItem[]>;
-    protected questionsByFocusArea: _angular_core.Signal<CategoryProgressItem[]>;
-    protected currentGroupedQuestions: _angular_core.Signal<CategoryProgressItem[]>;
-    constructor();
-    private updateChartData;
-    protected handleViewChange(view: ShopProfileViewType): void;
-    protected handleItemClick(item: CategoryProgressItem): void;
-    protected onQuestionsModalClose(): void;
-    openAllQuestionsAnswerMode(): void;
-    protected onQuestionAnswerClick(question: ProfileShopQuestionInterface): void;
-    protected onAnswerSave(event: ProfileQuestionAnswerSaveEvent): void;
-    private formatCategoryName;
-    private formatFocusAreaName;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private createChart;
-    protected containerClasses(): string;
-    protected headerClasses(): string;
-    protected iconContainerClasses(): string;
-    protected titleClasses(): string;
-    protected subtitleClasses(): string;
-    protected contentClasses(): string;
-    protected getIntroductionContainerClasses(): string;
-    protected getIntroIconClasses(): string;
-    protected getIntroTitleClasses(): string;
-    protected getIntroTextClasses(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShopProfileStatusCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShopProfileStatusCardComponent, "symphiq-shop-profile-status-card", never, { "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "totalQuestions": { "alias": "totalQuestions"; "required": false; "isSignal": true; }; "answeredQuestions": { "alias": "answeredQuestions"; "required": false; "isSignal": true; }; "questions": { "alias": "questions"; "required": false; "isSignal": true; }; "profileAnswers": { "alias": "profileAnswers"; "required": false; "isSignal": true; }; "profileAnswerHistories": { "alias": "profileAnswerHistories"; "required": false; "isSignal": true; }; "users": { "alias": "users"; "required": false; "isSignal": true; }; "startAnsweringAll": { "alias": "startAnsweringAll"; "required": false; "isSignal": true; }; "currentUser": { "alias": "currentUser"; "required": false; "isSignal": true; }; }, { "startCategoryQuestions": "startCategoryQuestions"; "questionAnswerRequested": "questionAnswerRequested"; "answerSave": "answerSave"; "adminAnswerAction": "adminAnswerAction"; }, never, never, true, never>;
-}
-
 declare class ShopProfileStickyFooterComponent {
     viewMode: _angular_core.InputSignal<ViewModeEnum>;
     totalQuestions: _angular_core.InputSignal<number>;