@eric-emg/symphiq-components 1.2.348 → 1.2.350

package/fesm2022/symphiq-components.mjs

@@ -89099,19 +89099,42 @@ class SymphiqProfileAnalysisDashboardComponent {
         this.isEditingCurrency = signal(false, ...(ngDevMode ? [{ debugName: "isEditingCurrency" }] : []));
         this.editingCurrencySelection = signal(null, ...(ngDevMode ? [{ debugName: "editingCurrencySelection" }] : []));
         this.selectedPeriodUnit = computed(() => {
-            return this.account()?.chargebeeItemPricePeriodUnit || ChargebeeItemPricePeriodUnitEnum.YEAR;
+            return this.accountSignal()?.chargebeeItemPricePeriodUnit || ChargebeeItemPricePeriodUnitEnum.YEAR;
         }, ...(ngDevMode ? [{ debugName: "selectedPeriodUnit" }] : []));
         this.showPlanSelection = computed(() => {
-            return this.hasBillingCurrency() && this.planCardInfos() && this.planCardInfos().length > 0;
+            const hasCurrency = this.hasBillingCurrency();
+            const isActive = this.isSubscriptionActive();
+            const hasPlans = this.planCardInfos() && this.planCardInfos().length > 0;
+            const result = hasCurrency && !isActive && hasPlans;
+            console.log('[ProfileAnalysisDashboard] showPlanSelection computed:', {
+                hasBillingCurrency: hasCurrency,
+                isSubscriptionActive: isActive,
+                hasPlans,
+                result
+            });
+            return result;
         }, ...(ngDevMode ? [{ debugName: "showPlanSelection" }] : []));
+        this.accountSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "accountSignal" }] : []));
+        this.accountInputEffect = effect(() => {
+            const accountInput = this.account();
+            console.log('[ProfileAnalysisDashboard] account input effect triggered:', {
+                subscriptionStatus: accountInput?.subscriptionStatus,
+                billingCurrencyCode: accountInput?.billingCurrencyCode,
+                isActive: accountInput ? ChargebeeSubscriptionStatusEnumUtil.isActive(accountInput.subscriptionStatus) : false
+            });
+            this.accountSignal.set(accountInput);
+        }, ...(ngDevMode ? [{ debugName: "accountInputEffect", allowSignalWrites: true }] : [{ allowSignalWrites: true }]));
         this.isSubscriptionActive = computed(() => {
-            const account = this.account();
-            if (!account)
-                return false;
-            return ChargebeeSubscriptionStatusEnumUtil.isActive(account.subscriptionStatus) ?? false;
+            const account = this.accountSignal();
+            const isActive = account ? (ChargebeeSubscriptionStatusEnumUtil.isActive(account.subscriptionStatus) ?? false) : false;
+            console.log('[ProfileAnalysisDashboard] isSubscriptionActive computed:', {
+                subscriptionStatus: account?.subscriptionStatus,
+                isActive
+            });
+            return isActive;
         }, ...(ngDevMode ? [{ debugName: "isSubscriptionActive" }] : []));
         this.hasBillingCurrency = computed(() => {
-            const account = this.account();
+            const account = this.accountSignal();
             return !!account?.billingCurrencyCode;
         }, ...(ngDevMode ? [{ debugName: "hasBillingCurrency" }] : []));
         this.hasCurrencySelected = computed(() => {
@@ -89501,14 +89524,36 @@ class SymphiqProfileAnalysisDashboardComponent {
         }
     }
     ngOnChanges(changes) {
+        console.log('[ProfileAnalysisDashboard] ngOnChanges called with keys:', Object.keys(changes));
         // Update the signal whenever funnelAnalysis input changes
         if (changes['funnelAnalysis']) {
             this.funnelAnalysisSignal.set(this.funnelAnalysis());
         }
+        // Update account signal when account input changes
+        if (changes['account']) {
+            const prevAccount = changes['account'].previousValue;
+            const currAccount = changes['account'].currentValue;
+            console.log('[ProfileAnalysisDashboard] account input changed:', {
+                previousSubscriptionStatus: prevAccount?.subscriptionStatus,
+                currentSubscriptionStatus: currAccount?.subscriptionStatus,
+                previousBillingCurrency: prevAccount?.billingCurrencyCode,
+                currentBillingCurrency: currAccount?.billingCurrencyCode,
+                isFirstChange: changes['account'].firstChange,
+                sameReference: prevAccount === currAccount
+            });
+            this.accountSignal.set(this.account());
+            console.log('[ProfileAnalysisDashboard] accountSignal updated, isSubscriptionActive:', this.isSubscriptionActive());
+        }
     }
     ngOnInit() {
+        console.log('[ProfileAnalysisDashboard] ngOnInit called with account:', {
+            subscriptionStatus: this.account()?.subscriptionStatus,
+            billingCurrencyCode: this.account()?.billingCurrencyCode
+        });
         // Set the signal with the funnelAnalysis data
         this.funnelAnalysisSignal.set(this.funnelAnalysis());
+        // Set account signal (effect also does this, but ensure it's set on init)
+        this.accountSignal.set(this.account());
         // Index business profile recommendations into ProfileContextService
         // This enables detailed recommendation lookup for goal business insights
         const profileToUse = this.profile();