@eric-emg/symphiq-components 1.2.495 → 1.2.496

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -92708,7 +92708,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
92708
92708
  } }
92709
92709
  function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
92710
92710
  i0.ɵɵelementStart(0, "div", 36);
92711
- i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 46);
92711
+ i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 45);
92712
92712
  i0.ɵɵelementEnd();
92713
92713
  } if (rf & 2) {
92714
92714
  const ctx_r1 = i0.ɵɵnextContext(4);
@@ -92718,7 +92718,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
92718
92718
  function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
92719
92719
  const _r5 = i0.ɵɵgetCurrentView();
92720
92720
  i0.ɵɵconditionalCreate(0, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Conditional_0_Template, 2, 1, "div", 36);
92721
- i0.ɵɵelementStart(1, "symphiq-billing-currency-selector-card", 45);
92721
+ i0.ɵɵelementStart(1, "symphiq-billing-currency-selector-card", 44);
92722
92722
  i0.ɵɵlistener("currencySelected", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template_symphiq_billing_currency_selector_card_currencySelected_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleCurrencyChange($event)); })("selectionChanged", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template_symphiq_billing_currency_selector_card_selectionChanged_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleCurrencySelectionChange($event)); });
92723
92723
  i0.ɵɵelementEnd();
92724
92724
  } if (rf & 2) {
@@ -92730,14 +92730,19 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
92730
92730
  } }
92731
92731
  function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
92732
92732
  const _r6 = i0.ɵɵgetCurrentView();
92733
- i0.ɵɵelementStart(0, "div", 43, 1)(2, "symphiq-plan-selection-container", 47);
92734
- i0.ɵɵlistener("periodUnitChanged", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template_symphiq_plan_selection_container_periodUnitChanged_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handlePeriodUnitChange($event)); })("planSelected", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template_symphiq_plan_selection_container_planSelected_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handlePlanSelection($event)); })("editCurrency", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template_symphiq_plan_selection_container_editCurrency_2_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleEditCurrencyClick()); })("checkout", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template_symphiq_plan_selection_container_checkout_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.checkoutPlanClick.emit($event)); });
92733
+ i0.ɵɵelementStart(0, "div", 36);
92734
+ i0.ɵɵelement(1, "symphiq-subscription-value-proposition-card", 45);
92735
+ i0.ɵɵelementEnd();
92736
+ i0.ɵɵelementStart(2, "div", 46, 1)(4, "symphiq-plan-selection-container", 47);
92737
+ i0.ɵɵlistener("periodUnitChanged", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template_symphiq_plan_selection_container_periodUnitChanged_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handlePeriodUnitChange($event)); })("planSelected", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template_symphiq_plan_selection_container_planSelected_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handlePlanSelection($event)); })("editCurrency", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template_symphiq_plan_selection_container_editCurrency_4_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.handleEditCurrencyClick()); })("checkout", function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template_symphiq_plan_selection_container_checkout_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.checkoutPlanClick.emit($event)); });
92735
92738
  i0.ɵɵelementEnd()();
92736
92739
  } if (rf & 2) {
92737
- let tmp_5_0;
92740
+ let tmp_6_0;
92738
92741
  const ctx_r1 = i0.ɵɵnextContext(3);
92739
- i0.ɵɵadvance(2);
92740
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_5_0 = ctx_r1.account()) == null ? null : tmp_5_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD)("planCardInfos", ctx_r1.planCardInfos())("isLoading", ctx_r1.isPlanLoading())("selectedPeriodUnit", ctx_r1.selectedPeriodUnit());
92742
+ i0.ɵɵadvance();
92743
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode());
92744
+ i0.ɵɵadvance(3);
92745
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("selectedCurrency", ((tmp_6_0 = ctx_r1.account()) == null ? null : tmp_6_0.billingCurrencyCode) || ctx_r1.CurrencyCodeEnum.USD)("planCardInfos", ctx_r1.planCardInfos())("isLoading", ctx_r1.isPlanLoading())("selectedPeriodUnit", ctx_r1.selectedPeriodUnit());
92741
92746
  } }
92742
92747
  function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
92743
92748
  const _r7 = i0.ɵɵgetCurrentView();
@@ -92751,7 +92756,7 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_
92751
92756
  } }
92752
92757
  function SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
92753
92758
  i0.ɵɵelementStart(0, "div", 36);
92754
- i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template, 2, 4)(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template, 3, 5, "div", 43)(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 44);
92759
+ i0.ɵɵconditionalCreate(1, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_1_Template, 2, 4)(2, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_2_Template, 5, 6)(3, SymphiqProfileShopAnalysisDashboardComponent_Conditional_9_Conditional_2_Conditional_3_Template, 1, 2, "symphiq-plan-selection-placeholder-card", 43);
92755
92760
  i0.ɵɵelementEnd();
92756
92761
  } if (rf & 2) {
92757
92762
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -93081,8 +93086,8 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
93081
93086
  } if (rf & 2) {
93082
93087
  const ctx_r14 = i0.ɵɵnextContext();
93083
93088
  const section_r14 = ctx_r14.$implicit;
93084
- const ɵ$index_231_r16 = ctx_r14.$index;
93085
- i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_231_r16 % 2 === 0);
93089
+ const ɵ$index_235_r16 = ctx_r14.$index;
93090
+ i0.ɵɵclassProp("lg:flex-row-reverse", ɵ$index_235_r16 % 2 === 0);
93086
93091
  i0.ɵɵadvance();
93087
93092
  i0.ɵɵconditional(section_r14.visual && section_r14.visual.enabled ? 1 : -1);
93088
93093
  i0.ɵɵadvance();
@@ -93091,10 +93096,10 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
93091
93096
  function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
93092
93097
  i0.ɵɵelement(0, "symphiq-section-divider", 92);
93093
93098
  } if (rf & 2) {
93094
- const ɵ$index_231_r16 = i0.ɵɵnextContext().$index;
93099
+ const ɵ$index_235_r16 = i0.ɵɵnextContext().$index;
93095
93100
  const sectionList_r17 = i0.ɵɵnextContext();
93096
93101
  const ctx_r1 = i0.ɵɵnextContext(2);
93097
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r17[ɵ$index_231_r16 + 1].icon);
93102
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("sectionIcon", sectionList_r17[ɵ$index_235_r16 + 1].icon);
93098
93103
  } }
93099
93104
  function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
93100
93105
  i0.ɵɵelementStart(0, "div", 93)(1, "div", 94);
@@ -93108,8 +93113,8 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
93108
93113
  i0.ɵɵconditionalCreate(8, SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_8_Template, 1, 2, "symphiq-section-divider", 92);
93109
93114
  } if (rf & 2) {
93110
93115
  const section_r14 = ctx.$implicit;
93111
- const ɵ$index_231_r16 = ctx.$index;
93112
- const ɵ$count_231_r18 = ctx.$count;
93116
+ const ɵ$index_235_r16 = ctx.$index;
93117
+ const ɵ$count_235_r18 = ctx.$count;
93113
93118
  const ctx_r1 = i0.ɵɵnextContext(3);
93114
93119
  i0.ɵɵproperty("id", "section-" + section_r14.id)("ngClass", ctx_r1.getSectionCardClasses());
93115
93120
  i0.ɵɵadvance(2);
@@ -93121,9 +93126,9 @@ function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional
93121
93126
  i0.ɵɵadvance();
93122
93127
  i0.ɵɵconditional(section_r14.description || section_r14.visual && section_r14.visual.enabled ? 6 : -1);
93123
93128
  i0.ɵɵadvance();
93124
- i0.ɵɵproperty("section", section_r14)("executiveSummary", section_r14.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_231_r16)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
93129
+ i0.ɵɵproperty("section", section_r14)("executiveSummary", section_r14.id === "executive-summary" ? ctx_r1.executiveSummary() : undefined)("viewMode", ctx_r1.viewMode())("sectionIndex", ɵ$index_235_r16)("allGoals", ctx_r1.allGoals())("allMetrics", ctx_r1.allMetrics())("allCharts", ctx_r1.allCharts())("allInsights", ctx_r1.allInsights())("businessProfile", ctx_r1.profile());
93125
93130
  i0.ɵɵadvance();
93126
- i0.ɵɵconditional(!(ɵ$index_231_r16 === ɵ$count_231_r18 - 1) ? 8 : -1);
93131
+ i0.ɵɵconditional(!(ɵ$index_235_r16 === ɵ$count_235_r18 - 1) ? 8 : -1);
93127
93132
  } }
93128
93133
  function SymphiqProfileShopAnalysisDashboardComponent_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
93129
93134
  i0.ɵɵelementStart(0, "section", 52);
@@ -93411,6 +93416,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
93411
93416
  this.COLLAPSE_THRESHOLD = 20;
93412
93417
  this.EXPAND_THRESHOLD = 10;
93413
93418
  this.hasScrolledToPlanSelection = signal(false, ...(ngDevMode ? [{ debugName: "hasScrolledToPlanSelection" }] : []));
93419
+ this.shouldScrollToPlanSelection = signal(false, ...(ngDevMode ? [{ debugName: "shouldScrollToPlanSelection" }] : []));
93414
93420
  this.currencySelectionEffect = effect(() => {
93415
93421
  const hasCurrency = this.hasBillingCurrency();
93416
93422
  if (hasCurrency && this.isCurrencySelectionLoading()) {
@@ -93420,9 +93426,10 @@ class SymphiqProfileShopAnalysisDashboardComponent {
93420
93426
  this.scrollToPlanSelectionEffect = effect(() => {
93421
93427
  const hasCurrency = this.hasBillingCurrency();
93422
93428
  const showPlans = this.showPlanSelection();
93429
+ const shouldScroll = this.shouldScrollToPlanSelection();
93423
93430
  const hasScrolled = untracked(() => this.hasScrolledToPlanSelection());
93424
- console.log('[ScrollToPlan] Effect triggered:', { hasCurrency, showPlans, hasScrolled });
93425
- if (hasCurrency && showPlans && !hasScrolled) {
93431
+ console.log('[ScrollToPlan] Effect triggered:', { hasCurrency, showPlans, shouldScroll, hasScrolled });
93432
+ if (hasCurrency && showPlans && shouldScroll && !hasScrolled) {
93426
93433
  console.log('[ScrollToPlan] Conditions met, initiating scroll');
93427
93434
  this.hasScrolledToPlanSelection.set(true);
93428
93435
  this.scrollToPlanSelectionWithRetry();
@@ -93964,6 +93971,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
93964
93971
  if (currency) {
93965
93972
  this.isCurrencySelectionLoading.set(true);
93966
93973
  this.selectedCurrency.set(currency);
93974
+ this.shouldScrollToPlanSelection.set(true);
93967
93975
  this.currencySelectionClick.emit(currency);
93968
93976
  BillingCurrencySelectorCardComponent.clearStoredCurrency();
93969
93977
  }
@@ -94228,7 +94236,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
94228
94236
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.planSelectionContainer = _t.first);
94229
94237
  } }, hostBindings: function SymphiqProfileShopAnalysisDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
94230
94238
  i0.ɵɵlistener("scroll", function SymphiqProfileShopAnalysisDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
94231
- } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 52, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "min-h-screen", "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [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", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "metricName", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [1, "mb-32"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "selectionChanged", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
94239
+ } }, inputs: { viewMode: [1, "viewMode"], requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalysis: [1, "profileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileShop: [1, "profileShop"], profileShopQuestions: [1, "profileShopQuestions"], profileAnswers: [1, "profileAnswers"], profileAnswerHistories: [1, "profileAnswerHistories"], itemStatusProfileShop: [1, "itemStatusProfileShop"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], planCardInfos: [1, "planCardInfos"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"] }, outputs: { stepClick: "stepClick", nextStepClick: "nextStepClick", currencySelectionClick: "currencySelectionClick", editCurrencyClick: "editCurrencyClick", periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", checkoutPlanClick: "checkoutPlanClick", answerShopProfileQuestions: "answerShopProfileQuestions", continueShopProfileQuestions: "continueShopProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", shopProfileAdminAnswerAction: "shopProfileAdminAnswerAction" }, features: [i0.ɵɵNgOnChangesFeature], decls: 30, vars: 52, consts: [["shopProfileStatusCard", ""], ["planSelectionContainer", ""], [1, "min-h-screen", "relative", 3, "ngClass"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [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", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode", "viewMode", "allMetrics", "allInsights", "allCharts"], [3, "isLightMode"], [3, "viewMode", "isEnabled", "isLoading"], [3, "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "fixed", "bottom-0", "left-0", "right-0", "z-50", "border-t", "backdrop-blur-lg", 3, "ngClass"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [3, "viewMode", "businessName", "isOnboarded"], [3, "viewMode", "metricName", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [3, "startCategoryQuestions", "answerSave", "adminAnswerAction", "viewMode", "totalQuestions", "answeredQuestions", "questions", "profileAnswers", "profileAnswerHistories", "users", "config", "groupConfig", "currentUser"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Shop Profile", "subtitle", "We're analyzing your data to create shop specific questions and answers. They will appear when ready.", 3, "itemStatus", "viewMode"], ["subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode", "title"], [3, "viewMoreClick", "goals", "viewMode"], [3, "viewMode", "selectedCurrency"], [3, "currencySelected", "selectionChanged", "viewMode", "isLoading", "initialCurrency"], [3, "viewMode"], [1, "mb-32"], [3, "periodUnitChanged", "planSelected", "editCurrency", "checkout", "viewMode", "selectedCurrency", "planCardInfos", "isLoading", "selectedPeriodUnit"], [3, "editCurrency", "viewMode", "selectedCurrency"], [3, "sections", "viewMode", "executiveSummary", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], ["type", "button", 1, "p-4", "rounded-xl", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "group", "cursor-pointer", 3, "click", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", "mb-2", 3, "ngClass"], [1, "flex", "items-center", "gap-1.5", "text-xs", "font-medium"], [3, "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-x-1", 3, "icon", "ngClass"], ["size", "w-4 h-4", 1, "transition-transform", "group-hover:translate-y-1", "animate-bounce", 3, "icon", "ngClass"], ["id", "quick-wins-section", 1, "space-y-4", "scroll-mt-24"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [3, "relatedGoalIds", "allGoals", "viewMode"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "executiveSummary", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [1, "w-full"], [3, "continueClick", "viewMode", "isEnabled", "isLoading"], [3, "continueClick", "viewMode", "totalQuestions", "answeredQuestions", "buttonConfig"], [1, "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-4"], [1, "flex", "items-center", "gap-4"], [1, "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "cursor-pointer", 3, "click", "ngClass"], [1, "flex-1", "px-6", "py-4", "rounded-xl", "font-semibold", "text-lg", "transition-all", "duration-300", "flex", "items-center", "justify-center", "gap-3", "shadow-2xl", 3, "click", "disabled", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"]], template: function SymphiqProfileShopAnalysisDashboardComponent_Template(rf, ctx) { if (rf & 1) {
94232
94240
  i0.ɵɵelementStart(0, "div", 2);
94233
94241
  i0.ɵɵelement(1, "div", 3);
94234
94242
  i0.ɵɵelementStart(2, "div");
@@ -94504,8 +94512,14 @@ class SymphiqProfileShopAnalysisDashboardComponent {
94504
94512
  (selectionChanged)="handleCurrencySelectionChange($event)"
94505
94513
  />
94506
94514
  } @else if (showPlanSelection()) {
94507
- <!-- Plan Selection -->
94515
+ <!-- Value Proposition Card -->
94516
+ <div class="mb-8">
94517
+ <symphiq-subscription-value-proposition-card
94518
+ [viewMode]="viewMode()"
94519
+ />
94520
+ </div>
94508
94521
 
94522
+ <!-- Plan Selection -->
94509
94523
  <div #planSelectionContainer class="mb-32">
94510
94524
  <symphiq-plan-selection-container
94511
94525
  [viewMode]="viewMode()"
@@ -95026,7 +95040,7 @@ class SymphiqProfileShopAnalysisDashboardComponent {
95026
95040
  type: HostListener,
95027
95041
  args: ['window:scroll', ['$event']]
95028
95042
  }] }); })();
95029
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileShopAnalysisDashboardComponent, { className: "SymphiqProfileShopAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/symphiq-profile-shop-analysis-dashboard.component.ts", lineNumber: 800 }); })();
95043
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileShopAnalysisDashboardComponent, { className: "SymphiqProfileShopAnalysisDashboardComponent", filePath: "lib/components/profile-analysis-shop-dashboard/symphiq-profile-shop-analysis-dashboard.component.ts", lineNumber: 806 }); })();
95030
95044
 
95031
95045
  const _forTrack0$6 = ($index, $item) => $item.domain;
95032
95046
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {