@eric-emg/symphiq-components 1.2.346 → 1.2.348

package/fesm2022/symphiq-components.mjs

@@ -86873,7 +86873,7 @@ class BillingPeriodToggleComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BillingPeriodToggleComponent, { className: "BillingPeriodToggleComponent", filePath: "lib/components/profile-analysis-dashboard/cards/billing-period-toggle.component.ts", lineNumber: 47 }); })();
 
 function PlanCardComponent_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelementStart(0, "div", 12);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -86884,10 +86884,10 @@ function PlanCardComponent_Conditional_1_Conditional_4_Template(rf, ctx) { if (r
     i0.ɵɵtextInterpolate1(" ", ctx_r0.getSavingsPercentage(), " ");
 } }
 function PlanCardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 27)(2, "span", 28);
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 9)(2, "span", 10);
     i0.ɵɵtext(3, "Best Value");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(4, PlanCardComponent_Conditional_1_Conditional_4_Template, 2, 6, "div", 29);
+    i0.ɵɵconditionalCreate(4, PlanCardComponent_Conditional_1_Conditional_4_Template, 2, 6, "div", 11);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -86897,38 +86897,139 @@ function PlanCardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r0.getSavingsPercentage() ? 4 : -1);
 } }
-function PlanCardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 5);
+function PlanCardComponent_Conditional_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 18);
-    i0.ɵɵelement(2, "path", 31);
+    i0.ɵɵelement(2, "path", 19);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " Most Popular Choice ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.recommendedTextClasses());
 } }
-function PlanCardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 9);
+function PlanCardComponent_Conditional_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 18);
-    i0.ɵɵelement(2, "path", 32);
+    i0.ɵɵelement(2, "path", 20);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.savingsTextClasses());
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", ctx_r0.getSavingsAmount(), " ");
 } }
-function PlanCardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 12);
+function PlanCardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PlanCardComponent_Conditional_6_Conditional_0_Template, 4, 1, "div", 13);
+    i0.ɵɵelementStart(1, "div", 14)(2, "span", 15);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 16);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(6, PlanCardComponent_Conditional_6_Conditional_6_Template, 4, 2, "div", 17);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.showBestValueBadge() ? 0 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.priceClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.formatPrice(), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.pricePeriodClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.getPricePeriod(), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.showBestValueBadge() && ctx_r0.getSavingsAmount() ? 6 : -1);
+} }
+function PlanCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 7);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.radioInnerClasses());
 } }
+function PlanCardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 21)(2, "div", 22)(3, "span", 23);
+    i0.ɵɵtext(4, "AI usage");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 24);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(6, "svg", 18);
+    i0.ɵɵelement(7, "path", 25);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(8, "span", 26);
+    i0.ɵɵtext(9, " Charged monthly based on your actual usage\u2014no per-token counting, just straightforward monthly billing. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 21)(11, "span", 23);
+    i0.ɵɵtext(12, "Unlimited recommendations");
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(13, "svg", 27);
+    i0.ɵɵelement(14, "path", 28);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(15, "div", 21)(16, "span", 23);
+    i0.ɵɵtext(17, "Unlimited seats");
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(18, "svg", 27);
+    i0.ɵɵelement(19, "path", 28);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(20, "div", 29)(21, "span", 23);
+    i0.ɵɵtext(22, "Google Analytics integration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(23, "svg", 27);
+    i0.ɵɵelement(24, "path", 28);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(25, "div", 30)(26, "h4", 31);
+    i0.ɵɵtext(27, " Contract terms ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(28, "p", 32);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.sectionClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.featureRowClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("libSymphiqTooltip", ctx_r0.aiUsageTooltipContent())("ngClass", ctx_r0.tooltipButtonClasses());
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngClass", ctx_r0.valueClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.featureRowClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.checkIconClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.featureRowClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.checkIconClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.featureRowClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.labelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.checkIconClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.contractTermsClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r0.contractTermsLabelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r0.contractTermsTextClasses())("innerHTML", ctx_r0.getContractTerms(), i0.ɵɵsanitizeHtml);
+} }
 class PlanCardComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -86940,6 +87041,10 @@ class PlanCardComponent {
         this.showBestValueBadge = computed(() => {
             return this.planInfo().bestValue === true;
         }, ...(ngDevMode ? [{ debugName: "showBestValueBadge" }] : []));
+        this.isEmgPlan = computed(() => {
+            const title = this.getPlanTitle().toLowerCase();
+            return title.includes('emg');
+        }, ...(ngDevMode ? [{ debugName: "isEmgPlan" }] : []));
     }
     handleCardClick() {
         this.planSelected.emit(this.planInfo());
@@ -86972,6 +87077,9 @@ class PlanCardComponent {
     getPricePeriod() {
         const info = this.planInfo();
         if (info.periodUnit === ChargebeeItemPricePeriodUnitEnum.YEAR) {
+            if (info.planItemPrice.periodUnit === ChargebeeItemPricePeriodUnitEnum.MONTH) {
+                return 'per month, billed monthly';
+            }
             return 'per month, billed annually';
         }
         else {
@@ -87169,125 +87277,40 @@ At the end of each month, your total AI usage is calculated and automatically bi
         return null;
     }
     static { this.ɵfac = function PlanCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PlanCardComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PlanCardComponent, selectors: [["symphiq-plan-card"]], inputs: { viewMode: [1, "viewMode"], planInfo: [1, "planInfo"], isSelected: [1, "isSelected"], selectedPeriodUnit: [1, "selectedPeriodUnit"], monthlyComparisonPrice: [1, "monthlyComparisonPrice"] }, outputs: { planSelected: "planSelected" }, decls: 45, vars: 35, consts: [[1, "relative", "rounded-2xl", "border-2", "p-6", "transition-all", "duration-200", "cursor-pointer", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "absolute", "-top-5", "left-1/2", "flex", "flex-col", "items-center", "gap-2", "z-10"], [1, "flex", "items-start", "justify-between", "mb-6"], [1, "flex-1"], [1, "text-xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-2", "flex", "items-center", "gap-1", 3, "ngClass"], [1, "flex", "items-baseline", "gap-2"], [1, "text-4xl", "font-bold", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "text-sm", "font-bold", "mt-2", "flex", "items-center", "gap-1", 3, "ngClass"], [1, "flex-shrink-0", "ml-4"], [1, "w-6", "h-6", "rounded-full", "border-2", "flex", "items-center", "justify-center", "transition-all", "duration-200", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", 3, "ngClass"], [1, "space-y-4", 3, "ngClass"], [1, "flex", "justify-between", "items-center", "py-3", "border-b", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "text-sm", "font-medium", 3, "ngClass"], ["tooltipType", "markdown", "tooltipPosition", "right", 1, "w-5", "h-5", "rounded-full", "flex", "items-center", "justify-center", 3, "libSymphiqTooltip", "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z", "clip-rule", "evenodd"], [1, "text-sm", "font-semibold", "text-right", "max-w-[60%]", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", 3, "ngClass"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "flex", "justify-between", "items-center", "py-3", 3, "ngClass"], [1, "pt-4", "mt-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass", "innerHTML"], [1, "px-6", "py-2", "rounded-full", "text-base", "font-extrabold", "shadow-2xl", 3, "ngClass"], [1, "drop-shadow-lg"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-bold", "shadow-lg", 3, "ngClass", "savings-badge", "savings-badge-selected"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-bold", "shadow-lg", 3, "ngClass"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732l-3.354 1.935-1.18 4.455a1 1 0 01-1.933 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732l3.354-1.935 1.18-4.455A1 1 0 0112 2z", "clip-rule", "evenodd"]], template: function PlanCardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PlanCardComponent, selectors: [["symphiq-plan-card"]], inputs: { viewMode: [1, "viewMode"], planInfo: [1, "planInfo"], isSelected: [1, "isSelected"], selectedPeriodUnit: [1, "selectedPeriodUnit"], monthlyComparisonPrice: [1, "monthlyComparisonPrice"] }, outputs: { planSelected: "planSelected" }, decls: 11, vars: 16, consts: [[1, "relative", "rounded-2xl", "border-2", "p-6", "transition-all", "duration-200", "cursor-pointer", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "absolute", "-top-5", "left-1/2", "flex", "flex-col", "items-center", "gap-2", "z-10"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "flex-shrink-0", "ml-4"], [1, "w-6", "h-6", "rounded-full", "border-2", "flex", "items-center", "justify-center", "transition-all", "duration-200", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", 3, "ngClass"], [1, "space-y-4", 3, "ngClass"], [1, "px-6", "py-2", "rounded-full", "text-base", "font-extrabold", "shadow-2xl", 3, "ngClass"], [1, "drop-shadow-lg"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-bold", "shadow-lg", 3, "ngClass", "savings-badge", "savings-badge-selected"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-bold", "shadow-lg", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-2", "flex", "items-center", "gap-1", 3, "ngClass"], [1, "flex", "items-baseline", "gap-2"], [1, "text-4xl", "font-bold", 3, "ngClass"], [1, "text-base", 3, "ngClass"], [1, "text-sm", "font-bold", "mt-2", "flex", "items-center", "gap-1", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732l-3.354 1.935-1.18 4.455a1 1 0 01-1.933 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732l3.354-1.935 1.18-4.455A1 1 0 0112 2z", "clip-rule", "evenodd"], [1, "flex", "justify-between", "items-center", "py-3", "border-b", 3, "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "text-sm", "font-medium", 3, "ngClass"], ["tooltipType", "markdown", "tooltipPosition", "right", 1, "w-5", "h-5", "rounded-full", "flex", "items-center", "justify-center", 3, "libSymphiqTooltip", "ngClass"], ["fill-rule", "evenodd", "d", "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z", "clip-rule", "evenodd"], [1, "text-sm", "font-semibold", "text-right", "max-w-[60%]", 3, "ngClass"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", 3, "ngClass"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "flex", "justify-between", "items-center", "py-3", 3, "ngClass"], [1, "pt-4", "mt-4", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass", "innerHTML"]], template: function PlanCardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("click", function PlanCardComponent_Template_div_click_0_listener() { return ctx.handleCardClick(); });
             i0.ɵɵconditionalCreate(1, PlanCardComponent_Conditional_1_Template, 5, 6, "div", 1);
             i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "h3", 4);
             i0.ɵɵtext(5);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(6, PlanCardComponent_Conditional_6_Template, 4, 1, "div", 5);
-            i0.ɵɵelementStart(7, "div", 6)(8, "span", 7);
-            i0.ɵɵtext(9);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "span", 8);
-            i0.ɵɵtext(11);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(12, PlanCardComponent_Conditional_12_Template, 4, 2, "div", 9);
+            i0.ɵɵconditionalCreate(6, PlanCardComponent_Conditional_6_Template, 7, 6);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "div", 10)(14, "div", 11);
-            i0.ɵɵconditionalCreate(15, PlanCardComponent_Conditional_15_Template, 1, 1, "div", 12);
+            i0.ɵɵelementStart(7, "div", 5)(8, "div", 6);
+            i0.ɵɵconditionalCreate(9, PlanCardComponent_Conditional_9_Template, 1, 1, "div", 7);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(16, "div", 13)(17, "div", 14)(18, "div", 15)(19, "span", 16);
-            i0.ɵɵtext(20, "AI usage");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "button", 17);
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(22, "svg", 18);
-            i0.ɵɵelement(23, "path", 19);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(24, "span", 20);
-            i0.ɵɵtext(25, " Charged monthly based on your actual usage\u2014no per-token counting, just straightforward monthly billing. ");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(26, "div", 14)(27, "span", 16);
-            i0.ɵɵtext(28, "Unlimited recommendations");
-            i0.ɵɵelementEnd();
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(29, "svg", 21);
-            i0.ɵɵelement(30, "path", 22);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(31, "div", 14)(32, "span", 16);
-            i0.ɵɵtext(33, "Unlimited seats");
-            i0.ɵɵelementEnd();
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(34, "svg", 21);
-            i0.ɵɵelement(35, "path", 22);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(36, "div", 23)(37, "span", 16);
-            i0.ɵɵtext(38, "Google Analytics integration");
-            i0.ɵɵelementEnd();
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵelementStart(39, "svg", 21);
-            i0.ɵɵelement(40, "path", 22);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵnamespaceHTML();
-            i0.ɵɵelementStart(41, "div", 24)(42, "h4", 25);
-            i0.ɵɵtext(43, " Contract terms ");
+            i0.ɵɵconditionalCreate(10, PlanCardComponent_Conditional_10_Template, 29, 19, "div", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(44, "p", 26);
-            i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵclassProp("best-value-card", ctx.showBestValueBadge() && !ctx.isSelected())("best-value-card-selected", ctx.showBestValueBadge() && ctx.isSelected());
             i0.ɵɵproperty("ngClass", ctx.cardContainerClasses());
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.showBestValueBadge() ? 1 : -1);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", ctx.planTitleClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ctx.getPlanTitle(), " ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showBestValueBadge() ? 6 : -1);
+            i0.ɵɵclassProp("mb-6", !ctx.isEmgPlan());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.priceClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ctx.formatPrice(), " ");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.pricePeriodClasses());
+            i0.ɵɵclassProp("mb-2", !ctx.isEmgPlan());
+            i0.ɵɵproperty("ngClass", ctx.planTitleClasses());
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ctx.getPricePeriod(), " ");
+            i0.ɵɵtextInterpolate1(" ", ctx.getPlanTitle(), " ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showBestValueBadge() && ctx.getSavingsAmount() ? 12 : -1);
+            i0.ɵɵconditional(!ctx.isEmgPlan() ? 6 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngClass", ctx.radioClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSelected() ? 15 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.sectionClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.featureRowClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.labelClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("libSymphiqTooltip", ctx.aiUsageTooltipContent())("ngClass", ctx.tooltipButtonClasses());
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", ctx.valueClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.featureRowClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.labelClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.featureRowClasses());
+            i0.ɵɵconditional(ctx.isSelected() ? 9 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.labelClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.featureRowClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.labelClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.checkIconClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.contractTermsClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.contractTermsLabelClasses());
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.contractTermsTextClasses())("innerHTML", ctx.getContractTerms(), i0.ɵɵsanitizeHtml);
+            i0.ɵɵconditional(!ctx.isEmgPlan() ? 10 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, TooltipDirective], styles: ["@keyframes _ngcontent-%COMP%_pulse-glow{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 20px #eab30899,0 0 40px #eab30866,0 0 60px #eab30833,inset 0 0 20px #ffffff4d}50%{transform:translate(-50%) scale(1.06);box-shadow:0 0 25px #eab308b3,0 0 50px #eab30880,0 0 75px #eab3084d,inset 0 0 25px #fff6}}@keyframes _ngcontent-%COMP%_pulse-glow-selected{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 20px #3b82f699,0 0 40px #3b82f666,0 0 60px #3b82f633,inset 0 0 20px #ffffff4d}50%{transform:translate(-50%) scale(1.06);box-shadow:0 0 25px #3b82f6b3,0 0 50px #3b82f680,0 0 75px #3b82f64d,inset 0 0 25px #fff6}}@keyframes _ngcontent-%COMP%_shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes _ngcontent-%COMP%_border-glow{0%,to{box-shadow:0 0 20px #eab30866,0 0 40px #eab30833,0 0 60px #eab3081a}50%{box-shadow:0 0 25px #eab30880,0 0 50px #eab3084d,0 0 75px #eab30826}}@keyframes _ngcontent-%COMP%_border-glow-selected{0%,to{box-shadow:0 0 20px #3b82f666,0 0 40px #3b82f633,0 0 60px #3b82f61a}50%{box-shadow:0 0 25px #3b82f680,0 0 50px #3b82f64d,0 0 75px #3b82f626}}.best-value-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-glow 12s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b,#ec4899,#d946ef,#a855f7,#ec4899 75%,#f59e0b 85%,#fbbf24);background-size:300% 300%;animation:_ngcontent-%COMP%_pulse-glow 12s ease-in-out infinite,_ngcontent-%COMP%_shimmer 20s linear infinite;position:relative;overflow:hidden;transition:all .3s ease}.best-value-badge-selected[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-glow-selected 12s ease-in-out infinite,_ngcontent-%COMP%_shimmer 20s linear infinite;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8,#3b82f6,#2563eb,#3b82f6);background-size:300% 300%}.best-value-badge[_ngcontent-%COMP%]:before{content:\"\";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:_ngcontent-%COMP%_shimmer 12s infinite}.best-value-card[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_border-glow 12s ease-in-out infinite;border-width:3px;transition:all .3s ease}.best-value-card-selected[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_border-glow-selected 12s ease-in-out infinite}.best-value-card[_ngcontent-%COMP%]:hover{transform:scale(1.02)}.savings-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-glow 14s ease-in-out infinite}.savings-badge-selected[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse-glow-selected 14s ease-in-out infinite}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PlanCardComponent, [{
@@ -87319,34 +87342,36 @@ At the end of each month, your total AI usage is calculated and automatically bi
         </div>
       }
 
-      <div class="flex items-start justify-between mb-6">
+      <div class="flex items-start justify-between" [class.mb-6]="!isEmgPlan()">
         <div class="flex-1">
-          <h3 [ngClass]="planTitleClasses()" class="text-xl font-bold mb-2">
+          <h3 [ngClass]="planTitleClasses()" class="text-xl font-bold" [class.mb-2]="!isEmgPlan()">
             {{ getPlanTitle() }}
           </h3>
-          @if (showBestValueBadge()) {
-            <div [ngClass]="recommendedTextClasses()" class="text-sm font-semibold mb-2 flex items-center gap-1">
-              <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
-              </svg>
-              Most Popular Choice
-            </div>
-          }
-          <div class="flex items-baseline gap-2">
-            <span [ngClass]="priceClasses()" class="text-4xl font-bold">
-              {{ formatPrice() }}
-            </span>
-            <span [ngClass]="pricePeriodClasses()" class="text-base">
-              {{ getPricePeriod() }}
-            </span>
-          </div>
-          @if (showBestValueBadge() && getSavingsAmount()) {
-            <div [ngClass]="savingsTextClasses()" class="text-sm font-bold mt-2 flex items-center gap-1">
-              <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-                <path fill-rule="evenodd" d="M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732l-3.354 1.935-1.18 4.455a1 1 0 01-1.933 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732l3.354-1.935 1.18-4.455A1 1 0 0112 2z" clip-rule="evenodd"/>
-              </svg>
-              {{ getSavingsAmount() }}
+          @if (!isEmgPlan()) {
+            @if (showBestValueBadge()) {
+              <div [ngClass]="recommendedTextClasses()" class="text-sm font-semibold mb-2 flex items-center gap-1">
+                <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+                  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
+                </svg>
+                Most Popular Choice
+              </div>
+            }
+            <div class="flex items-baseline gap-2">
+              <span [ngClass]="priceClasses()" class="text-4xl font-bold">
+                {{ formatPrice() }}
+              </span>
+              <span [ngClass]="pricePeriodClasses()" class="text-base">
+                {{ getPricePeriod() }}
+              </span>
             </div>
+            @if (showBestValueBadge() && getSavingsAmount()) {
+              <div [ngClass]="savingsTextClasses()" class="text-sm font-bold mt-2 flex items-center gap-1">
+                <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+                  <path fill-rule="evenodd" d="M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732l-3.354 1.935-1.18 4.455a1 1 0 01-1.933 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732l3.354-1.935 1.18-4.455A1 1 0 0112 2z" clip-rule="evenodd"/>
+                </svg>
+                {{ getSavingsAmount() }}
+              </div>
+            }
           }
         </div>
         <div class="flex-shrink-0 ml-4">
@@ -87358,6 +87383,7 @@ At the end of each month, your total AI usage is calculated and automatically bi
         </div>
       </div>
 
+      @if (!isEmgPlan()) {
       <div [ngClass]="sectionClasses()" class="space-y-4">
         <div [ngClass]="featureRowClasses()" class="flex justify-between items-center py-3 border-b">
           <div class="flex items-center gap-2">
@@ -87406,10 +87432,11 @@ At the end of each month, your total AI usage is calculated and automatically bi
           <p [ngClass]="contractTermsTextClasses()" class="text-sm leading-relaxed" [innerHTML]="getContractTerms()"></p>
         </div>
       </div>
+      }
     </div>
   `, styles: ["@keyframes pulse-glow{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 20px #eab30899,0 0 40px #eab30866,0 0 60px #eab30833,inset 0 0 20px #ffffff4d}50%{transform:translate(-50%) scale(1.06);box-shadow:0 0 25px #eab308b3,0 0 50px #eab30880,0 0 75px #eab3084d,inset 0 0 25px #fff6}}@keyframes pulse-glow-selected{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 20px #3b82f699,0 0 40px #3b82f666,0 0 60px #3b82f633,inset 0 0 20px #ffffff4d}50%{transform:translate(-50%) scale(1.06);box-shadow:0 0 25px #3b82f6b3,0 0 50px #3b82f680,0 0 75px #3b82f64d,inset 0 0 25px #fff6}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes border-glow{0%,to{box-shadow:0 0 20px #eab30866,0 0 40px #eab30833,0 0 60px #eab3081a}50%{box-shadow:0 0 25px #eab30880,0 0 50px #eab3084d,0 0 75px #eab30826}}@keyframes border-glow-selected{0%,to{box-shadow:0 0 20px #3b82f666,0 0 40px #3b82f633,0 0 60px #3b82f61a}50%{box-shadow:0 0 25px #3b82f680,0 0 50px #3b82f64d,0 0 75px #3b82f626}}.best-value-badge{animation:pulse-glow 12s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b,#ec4899,#d946ef,#a855f7,#ec4899 75%,#f59e0b 85%,#fbbf24);background-size:300% 300%;animation:pulse-glow 12s ease-in-out infinite,shimmer 20s linear infinite;position:relative;overflow:hidden;transition:all .3s ease}.best-value-badge-selected{animation:pulse-glow-selected 12s ease-in-out infinite,shimmer 20s linear infinite;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8,#3b82f6,#2563eb,#3b82f6);background-size:300% 300%}.best-value-badge:before{content:\"\";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 12s infinite}.best-value-card{animation:border-glow 12s ease-in-out infinite;border-width:3px;transition:all .3s ease}.best-value-card-selected{animation:border-glow-selected 12s ease-in-out infinite}.best-value-card:hover{transform:scale(1.02)}.savings-badge{animation:pulse-glow 14s ease-in-out infinite}.savings-badge-selected{animation:pulse-glow-selected 14s ease-in-out infinite}\n"] }]
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], planInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "planInfo", required: true }] }], isSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelected", required: false }] }], selectedPeriodUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedPeriodUnit", required: false }] }], monthlyComparisonPrice: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthlyComparisonPrice", required: false }] }], planSelected: [{ type: i0.Output, args: ["planSelected"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanCardComponent, { className: "PlanCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/plan-card.component.ts", lineNumber: 270 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PlanCardComponent, { className: "PlanCardComponent", filePath: "lib/components/profile-analysis-dashboard/cards/plan-card.component.ts", lineNumber: 274 }); })();
 
 const _forTrack0$1 = ($index, $item) => $item.planItemPrice.id;
 function PlanSelectionContainerComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {