@eric-emg/symphiq-components 1.2.337 → 1.2.339
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.
- package/fesm2022/symphiq-components.mjs +4 -13
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +15 -15
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -86916,20 +86916,11 @@ class PlanCardComponent {
|
|
|
86916
86916
|
const info = this.planInfo();
|
|
86917
86917
|
let price = info.planItemPrice.price || 0;
|
|
86918
86918
|
const periodUnit = info.planItemPrice.periodUnit;
|
|
86919
|
-
console.log('[formatPrice]', {
|
|
86920
|
-
externalName: info.planItemPrice.externalName,
|
|
86921
|
-
originalPrice: info.planItemPrice.price,
|
|
86922
|
-
periodUnit,
|
|
86923
|
-
isYear: periodUnit === ChargebeeItemPricePeriodUnitEnum.YEAR,
|
|
86924
|
-
yearEnumValue: ChargebeeItemPricePeriodUnitEnum.YEAR
|
|
86925
|
-
});
|
|
86926
86919
|
if (periodUnit === ChargebeeItemPricePeriodUnitEnum.YEAR) {
|
|
86927
86920
|
price = price / 12;
|
|
86928
|
-
console.log('[formatPrice] divided by 12:', price);
|
|
86929
86921
|
}
|
|
86930
86922
|
const symbol = this.getCurrencySymbol();
|
|
86931
|
-
const formattedPrice = Math.floor(price
|
|
86932
|
-
console.log('[formatPrice] final:', `${symbol}${formattedPrice}`);
|
|
86923
|
+
const formattedPrice = Math.floor(price).toLocaleString();
|
|
86933
86924
|
return `${symbol}${formattedPrice}`;
|
|
86934
86925
|
}
|
|
86935
86926
|
getCurrencySymbol() {
|
|
@@ -87425,7 +87416,7 @@ class PlanSelectionContainerComponent {
|
|
|
87425
87416
|
: 'text-slate-500';
|
|
87426
87417
|
}
|
|
87427
87418
|
static { this.ɵfac = function PlanSelectionContainerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PlanSelectionContainerComponent)(); }; }
|
|
87428
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PlanSelectionContainerComponent, selectors: [["symphiq-plan-selection-container"]], inputs: { viewMode: [1, "viewMode"], selectedCurrency: [1, "selectedCurrency"], planCardInfos: [1, "planCardInfos"], isLoading: [1, "isLoading"], selectedPeriodUnit: [1, "selectedPeriodUnit"] }, outputs: { periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", editCurrency: "editCurrency" }, decls: 22, vars: 12, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", "flex", "items-center", "gap-2", 3, "ngClass"], [1, "font-semibold"], [1, "inline-flex", "items-center", "gap-1", "px-2", "py-0.5", "text-xs", "font-medium", "rounded-md", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "p-8", 3, "ngClass"], [3, "periodUnitChanged", "viewMode", "selectedPeriodUnit", "isLoading"], [1, "flex", "flex-col", "items-center", "justify-center", "
|
|
87419
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PlanSelectionContainerComponent, selectors: [["symphiq-plan-selection-container"]], inputs: { viewMode: [1, "viewMode"], selectedCurrency: [1, "selectedCurrency"], planCardInfos: [1, "planCardInfos"], isLoading: [1, "isLoading"], selectedPeriodUnit: [1, "selectedPeriodUnit"] }, outputs: { periodUnitChanged: "periodUnitChanged", planSelected: "planSelected", editCurrency: "editCurrency" }, decls: 22, vars: 12, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", "flex", "items-center", "gap-2", 3, "ngClass"], [1, "font-semibold"], [1, "inline-flex", "items-center", "gap-1", "px-2", "py-0.5", "text-xs", "font-medium", "rounded-md", "transition-colors", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"], [1, "p-8", 3, "ngClass"], [3, "periodUnitChanged", "viewMode", "selectedPeriodUnit", "isLoading"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-6", "min-h-[500px]", "mb-32"], [1, "flex", "flex-col", "gap-8", "mb-32", "min-h-[500px]"], [1, "text-center", "py-16", 3, "ngClass"], [3, "viewMode", "size"], [1, "text-base", "font-medium", 3, "ngClass"], [3, "viewMode", "planInfo", "isSelected", "selectedPeriodUnit"], [3, "planSelected", "viewMode", "planInfo", "isSelected", "selectedPeriodUnit"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16", "mx-auto", "mb-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "text-lg", "font-semibold", 3, "ngClass"], [1, "text-sm", "mt-2", 3, "ngClass"]], template: function PlanSelectionContainerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
87429
87420
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
|
|
87430
87421
|
i0.ɵɵnamespaceSVG();
|
|
87431
87422
|
i0.ɵɵelementStart(4, "svg", 4);
|
|
@@ -87522,7 +87513,7 @@ class PlanSelectionContainerComponent {
|
|
|
87522
87513
|
/>
|
|
87523
87514
|
|
|
87524
87515
|
@if (isLoading()) {
|
|
87525
|
-
<div class="flex flex-col items-center justify-center
|
|
87516
|
+
<div class="flex flex-col items-center justify-center space-y-6 min-h-[500px] mb-32">
|
|
87526
87517
|
<symphiq-indeterminate-spinner
|
|
87527
87518
|
[viewMode]="viewMode()"
|
|
87528
87519
|
[size]="'large'"
|
|
@@ -87532,7 +87523,7 @@ class PlanSelectionContainerComponent {
|
|
|
87532
87523
|
</p>
|
|
87533
87524
|
</div>
|
|
87534
87525
|
} @else if (planCardInfos() && planCardInfos()!.length > 0) {
|
|
87535
|
-
<div class="flex flex-col gap-8 mb-32">
|
|
87526
|
+
<div class="flex flex-col gap-8 mb-32 min-h-[500px]">
|
|
87536
87527
|
@for (plan of planCardInfos(); track plan.planItemPrice.id) {
|
|
87537
87528
|
<symphiq-plan-card
|
|
87538
87529
|
[viewMode]="viewMode()"
|