@eric-emg/symphiq-components 1.2.336 → 1.2.337

package/fesm2022/symphiq-components.mjs

@@ -86915,11 +86915,21 @@ class PlanCardComponent {
     formatPrice() {
         const info = this.planInfo();
         let price = info.planItemPrice.price || 0;
-        if (info.planItemPrice.periodUnit === ChargebeeItemPricePeriodUnitEnum.YEAR) {
+        const periodUnit = info.planItemPrice.periodUnit;
+        console.log('[formatPrice]', {
+            externalName: info.planItemPrice.externalName,
+            originalPrice: info.planItemPrice.price,
+            periodUnit,
+            isYear: periodUnit === ChargebeeItemPricePeriodUnitEnum.YEAR,
+            yearEnumValue: ChargebeeItemPricePeriodUnitEnum.YEAR
+        });
+        if (periodUnit === ChargebeeItemPricePeriodUnitEnum.YEAR) {
             price = price / 12;
+            console.log('[formatPrice] divided by 12:', price);
         }
         const symbol = this.getCurrencySymbol();
         const formattedPrice = Math.floor(price / 100).toLocaleString();
+        console.log('[formatPrice] final:', `${symbol}${formattedPrice}`);
         return `${symbol}${formattedPrice}`;
     }
     getCurrencySymbol() {
@@ -88869,6 +88879,7 @@ class SymphiqProfileAnalysisDashboardComponent {
         this.isCurrencySelectionLoading = signal(false, ...(ngDevMode ? [{ debugName: "isCurrencySelectionLoading" }] : []));
         this.selectedCurrency = signal(null, ...(ngDevMode ? [{ debugName: "selectedCurrency" }] : []));
         this.isPlanLoading = signal(false, ...(ngDevMode ? [{ debugName: "isPlanLoading" }] : []));
+        this.planLoadingStartTime = signal(0, ...(ngDevMode ? [{ debugName: "planLoadingStartTime" }] : []));
         this.isEditingCurrency = signal(false, ...(ngDevMode ? [{ debugName: "isEditingCurrency" }] : []));
         this.editingCurrencySelection = signal(null, ...(ngDevMode ? [{ debugName: "editingCurrencySelection" }] : []));
         this.selectedPeriodUnit = computed(() => {
@@ -88913,7 +88924,17 @@ class SymphiqProfileAnalysisDashboardComponent {
             const planCardInfos = this.planCardInfos();
             const isLoading = untracked(() => this.isPlanLoading());
             if (planCardInfos && isLoading) {
-                this.isPlanLoading.set(false);
+                const startTime = untracked(() => this.planLoadingStartTime());
+                const elapsed = Date.now() - startTime;
+                const minDelay = 300;
+                if (elapsed >= minDelay) {
+                    this.isPlanLoading.set(false);
+                }
+                else {
+                    setTimeout(() => {
+                        this.isPlanLoading.set(false);
+                    }, minDelay - elapsed);
+                }
             }
         }, ...(ngDevMode ? [{ debugName: "planLoadingEffect" }] : []));
         this.embeddedScrollEffect = effect(() => {
@@ -89636,6 +89657,7 @@ class SymphiqProfileAnalysisDashboardComponent {
         }
     }
     handlePeriodUnitChange(periodUnit) {
+        this.planLoadingStartTime.set(Date.now());
         this.isPlanLoading.set(true);
         this.periodUnitChanged.emit(periodUnit);
     }