@metrifox/angular-sdk 0.0.2-beta.2 → 0.0.2-beta.3

package/dist/lib/metrifox.service.d.ts

@@ -1,6 +1,6 @@
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
-import { MetrifoxConfig, Theme, CustomerDetails, Product, ProductPlans, BillingHistory, EntitlementUsage, EntitlementSummary, Wallet, CreditAllocation, Invoice, Localization, LocalizationSettings, WalletSetting, CreateWalletSettings } from './types';
+import { MetrifoxConfig, Theme, CustomerDetails, Product, ProductPlans, BillingHistory, EntitlementUsage, EntitlementSummary, Wallet, CreditAllocation, Invoice, Localization, LocalizationSettings, WalletSetting, CreateWalletSettings, CreditTransaction } from './types';
 import { setIfDefined as _setIfDefined, customerPortalThemeToCssVars as _customerPortalThemeToCssVars, pricingTableThemeToCssVars as _pricingTableThemeToCssVars, getGradient as _getGradient, getBackgroundImage as _getBackgroundImage } from './utils/theme';
 import * as i0 from "@angular/core";
 /**
@@ -109,7 +109,7 @@ export declare class MetrifoxService {
     /**
      * Get credit transactions for an allocation
      */
-    getCreditTransactions(allocationId: string): Observable<any>;
+    getCreditTransactions(allocationId: string): Observable<CreditTransaction[]>;
     /**
      * Read wallet settings for customer
      */
@@ -117,15 +117,15 @@ export declare class MetrifoxService {
     /**
      * Create wallet settings
      */
-    createWalletSettings(payload: CreateWalletSettings): Observable<any>;
+    createWalletSettings(payload: CreateWalletSettings): Observable<unknown>;
     /**
      * Edit wallet settings
      */
-    editWalletSettings(id: string, payload: CreateWalletSettings): Observable<any>;
+    editWalletSettings(id: string, payload: CreateWalletSettings): Observable<unknown>;
     /**
      * Delete wallet settings
      */
-    deleteWalletSettings(id: string): Observable<any>;
+    deleteWalletSettings(id: string): Observable<unknown>;
     /**
      * Cancel subscription (schedule cancellation)
      */

package/dist/lib/types/enum.d.ts

@@ -85,7 +85,8 @@ export declare enum ResetIntervals {
     WEEKLY = "weekly",
     DAILY = "daily",
     BILLING_PERIOD = "billing_period",
-    NEVER = "never"
+    NEVER = "never",
+    NONE = "none"
 }
 /**
  * Enforcement types
@@ -109,7 +110,8 @@ export declare enum BillingInterval {
  */
 export declare enum BillingTimingTypes {
     IN_ADVANCE = "in_advance",
-    IN_ARREARS = "in_arrears"
+    IN_ARREARS = "in_arrears",
+    PAY_AS_YOU_GO = "pay_as_you_go"
 }
 /**
  * Aggregation methods

package/dist/lib/types/interface.d.ts

@@ -468,6 +468,7 @@ export interface SubscriptionDetails {
     can_update_quantities: boolean;
 }
 export interface SubscriptionItem {
+    id?: string;
     price_option_id: string;
     name: string;
     currency_code: string;
@@ -477,7 +478,9 @@ export interface SubscriptionItem {
     billing_period_start: string | null;
     billing_period_end: string | null;
     line_source_type: string;
+    source_type?: string;
     is_addon?: boolean;
+    offering_key?: string;
 }
 export interface UpcomingInvoice {
     invoice_id: string;
@@ -647,6 +650,8 @@ export interface CreditTransaction {
     type: string;
     created_at: string;
     description?: string;
+    event_name?: string;
+    quantity?: number;
 }
 export interface WalletSetting {
     id: string;

package/dist/modules/customer-portal/components/billing-history.component.d.ts

@@ -1,7 +1,8 @@
+import { BillingHistory, SectionConfig } from '../../../lib/types';
 import * as i0 from "@angular/core";
 export declare class BillingHistorySectionComponent {
-    billingHistory: any[];
-    sectionsConfig: any[] | undefined;
+    billingHistory: BillingHistory[];
+    sectionsConfig: SectionConfig[] | undefined;
     _formatDate(d: string | null | undefined): string;
     _formatCurrency(amount: number | null | undefined, currency: string | null | undefined): string;
     _formatStatus(status: string | null | undefined): string;

package/dist/modules/customer-portal/components/credit/credit-balance-section.component.d.ts

@@ -1,12 +1,14 @@
 import { EventEmitter, OnDestroy } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
+import { Wallet, SectionConfig, CreditAllocation, CreditTransaction, WalletSetting } from '../../../../lib/types';
+import { IconName } from '../../utils/icons';
 import * as i0 from "@angular/core";
 export declare class CreditBalanceSectionComponent implements OnDestroy {
-    wallets: any[];
-    creditAllocations: any[];
+    wallets: Wallet[];
+    creditAllocations: CreditAllocation[];
     allocationsLoading: boolean;
     customerKey: string;
-    sectionsConfig: any[] | undefined;
+    sectionsConfig: SectionConfig[] | undefined;
     walletTabChanged: EventEmitter<{
         walletId: string;
         tab: string;
@@ -26,8 +28,8 @@ export declare class CreditBalanceSectionComponent implements OnDestroy {
         label: string;
     })[];
     showCreditTransactions: import("@angular/core").WritableSignal<boolean>;
-    selectedAllocation: import("@angular/core").WritableSignal<any>;
-    creditTransactions: import("@angular/core").WritableSignal<any[]>;
+    selectedAllocation: import("@angular/core").WritableSignal<CreditAllocation>;
+    creditTransactions: import("@angular/core").WritableSignal<CreditTransaction[]>;
     creditTransactionsLoading: import("@angular/core").WritableSignal<boolean>;
     showWalletSettings: import("@angular/core").WritableSignal<boolean>;
     selectedWalletForSettings: string;
@@ -36,7 +38,7 @@ export declare class CreditBalanceSectionComponent implements OnDestroy {
     walletSettingBehaviour: 'notify' | 'auto_top_up';
     walletSettingTargetBalance: string;
     walletSettingMonthlyLimit: string;
-    walletSettingsList: import("@angular/core").WritableSignal<any[]>;
+    walletSettingsList: import("@angular/core").WritableSignal<WalletSetting[]>;
     walletSettingsLoading: import("@angular/core").WritableSignal<boolean>;
     walletSettingsSaving: import("@angular/core").WritableSignal<boolean>;
     walletSettingsError: import("@angular/core").WritableSignal<string>;
@@ -47,7 +49,7 @@ export declare class CreditBalanceSectionComponent implements OnDestroy {
     private sanitizer;
     _isSectionHidden(key: string): boolean;
     _getSectionLabel(key: string): string;
-    _getIcon(name: any): SafeHtml;
+    _getIcon(name: IconName): SafeHtml;
     _formatPrice(value: number | undefined | null): string;
     selectWallet(index: number): void;
     changeWalletTab(tab: 'active' | 'expired' | 'overage'): void;
@@ -55,9 +57,9 @@ export declare class CreditBalanceSectionComponent implements OnDestroy {
     formatAllocationDateShort(dateStr: string): string;
     formatAllocationSource(type: string): string;
     formatValidUntilDate(dateStr: string): string;
-    getAllocationBalance(allocation: any): number;
-    getAllocationProgressPercent(allocation: any): number;
-    openCreditTransactions(allocation: any): void;
+    getAllocationBalance(allocation: CreditAllocation): number;
+    getAllocationProgressPercent(allocation: CreditAllocation): number;
+    openCreditTransactions(allocation: CreditAllocation): void;
     closeCreditTransactions(): void;
     openWalletSettings(): void;
     closeWalletSettings(): void;

package/dist/modules/customer-portal/components/customer-portal.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
-import { CustomerDetails, Wallet, SectionConfig, CustomerDataLoadedEvent, ErrorEvent, CustomerPortalTheme, BillingHistory, ProductPlans, Offering, Invoice, Subscription } from '../../../lib/types';
+import { CustomerDetails, Wallet, SectionConfig, CustomerDataLoadedEvent, ErrorEvent, CustomerPortalTheme, BillingHistory, ProductPlans, Offering, Invoice, Subscription, EntitlementSummary, EntitlementUsage, CreditAllocation, UpcomingInvoice } from '../../../lib/types';
 import { ICONS } from '../utils/icons';
 import { defaultCustomerPortalTheme } from '../utils/defaults';
 import * as i0 from "@angular/core";
@@ -24,12 +24,12 @@ export declare class CustomerPortalComponent implements OnInit, OnChanges, OnDes
     wallets: import("@angular/core").WritableSignal<Wallet[]>;
     billingHistory: import("@angular/core").WritableSignal<BillingHistory[]>;
     productPlans: import("@angular/core").WritableSignal<ProductPlans>;
-    entitlementSummary: import("@angular/core").WritableSignal<any[]>;
-    entitlementUsage: import("@angular/core").WritableSignal<any[]>;
-    creditAllocations: import("@angular/core").WritableSignal<any[]>;
+    entitlementSummary: import("@angular/core").WritableSignal<EntitlementSummary[]>;
+    entitlementUsage: import("@angular/core").WritableSignal<EntitlementUsage[]>;
+    creditAllocations: import("@angular/core").WritableSignal<CreditAllocation[]>;
     selectedTabIndex: import("@angular/core").WritableSignal<number>;
     showInvoicePreview: import("@angular/core").WritableSignal<boolean>;
-    selectedInvoice: import("@angular/core").WritableSignal<any>;
+    selectedInvoice: import("@angular/core").WritableSignal<Record<string, unknown>>;
     invoiceDetails: import("@angular/core").WritableSignal<Invoice>;
     invoiceDetailsLoading: import("@angular/core").WritableSignal<boolean>;
     allocationsLoading: import("@angular/core").WritableSignal<boolean>;
@@ -51,9 +51,9 @@ export declare class CustomerPortalComponent implements OnInit, OnChanges, OnDes
     private loadCreditAllocations;
     selectTab(index: number): void;
     getIcon(name: keyof typeof ICONS): SafeHtml;
-    handleManagePlan(_subscription: any): void;
+    handleManagePlan(_subscription: unknown): void;
     handleTopup(walletId: string): void;
-    openInvoicePreview(invoice: any): void;
+    openInvoicePreview(invoice: UpcomingInvoice): void;
     closeInvoicePreview(): void;
     onWalletTabChanged(event: {
         walletId: string;

package/dist/modules/customer-portal/components/entitlements/entitlement-summary.component.d.ts

@@ -0,0 +1,15 @@
+import { SafeHtml } from '@angular/platform-browser';
+import { IconName } from '../../utils/icons';
+import { EntitlementSummary } from '../../../../lib/types';
+import * as i0 from "@angular/core";
+export declare class EntitlementSummaryComponent {
+    private sanitizer;
+    entitlementSummary: EntitlementSummary[];
+    _getIcon(name: IconName): SafeHtml;
+    _capitalize(str: string): string;
+    formatUsageModel(entitlement: EntitlementSummary): string;
+    formatIncludedAllowance(entitlement: EntitlementSummary): string;
+    formatUsageLimits(entitlement: EntitlementSummary): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntitlementSummaryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntitlementSummaryComponent, "cp-entitlement-summary", never, { "entitlementSummary": { "alias": "entitlementSummary"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/modules/customer-portal/components/entitlements/entitlement-usage.component.d.ts

@@ -0,0 +1,35 @@
+import { SafeHtml } from '@angular/platform-browser';
+import { IconName } from '../../utils/icons';
+import { EntitlementUsage } from '../../../../lib/types';
+import * as i0 from "@angular/core";
+interface ProcessedPool {
+    pool: string;
+    balance: number;
+    used: number;
+    amount: number;
+    color: string;
+    percent: number;
+    isUnlimited: boolean;
+    order: number;
+    nextResetAt: string | null;
+}
+export declare class EntitlementUsageComponent {
+    private sanitizer;
+    private expandedEntitlements;
+    Math: Math;
+    entitlementUsage: EntitlementUsage[];
+    get meteredEntitlements(): EntitlementUsage[];
+    _getIcon(name: IconName): SafeHtml;
+    _capitalize(str: string): string;
+    _formatNumber(num: number): string;
+    toggleExpand(id: string): void;
+    isExpanded(id: string): boolean;
+    getUsageBalance(usage: EntitlementUsage): string;
+    getUsagePercent(usage: EntitlementUsage): number;
+    getUsageText(usage: EntitlementUsage): string;
+    getProcessedPools(usage: EntitlementUsage): ProcessedPool[];
+    formatResetDate(dateStr: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntitlementUsageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntitlementUsageComponent, "cp-entitlement-usage", never, { "entitlementUsage": { "alias": "entitlementUsage"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/dist/modules/customer-portal/components/entitlements/entitlements-section.component.d.ts

@@ -1,30 +1,14 @@
-import { SafeHtml } from '@angular/platform-browser';
+import { SectionConfig, EntitlementSummary, EntitlementUsage } from '../../../../lib/types/interface';
 import * as i0 from "@angular/core";
 export declare class EntitlementsSectionComponent {
-    private sanitizer;
-    entitlementSummary: any[];
-    entitlementUsage: any[];
-    sectionsConfig: any[] | undefined;
+    entitlementSummary: EntitlementSummary[];
+    entitlementUsage: EntitlementUsage[];
+    sectionsConfig: SectionConfig[] | undefined;
     entitlementTab: import("@angular/core").WritableSignal<"usage" | "summary">;
-    expandedEntitlements: Set<string>;
-    Math: Math;
+    get hasMeteredEntitlements(): boolean;
     _isSectionHidden(key: string): boolean;
     _getSectionLabel(key: string): string;
-    _getIcon(name: any): SafeHtml;
-    _capitalize(str: string): string;
-    _formatNumber(num: number): string;
     changeEntitlementTab(tab: 'summary' | 'usage'): void;
-    getMeteredEntitlements(): any[];
-    formatUsageModel(entitlement: any): string;
-    formatIncludedAllowance(entitlement: any): string;
-    formatUsageLimits(entitlement: any): string;
-    toggleEntitlementExpand(id: string): void;
-    isEntitlementExpanded(id: string): boolean;
-    getEntitlementUsageBalance(usage: any): string;
-    getEntitlementUsagePercent(usage: any): number;
-    getEntitlementUsageText(usage: any): string;
-    getProcessedPools(usage: any): any[];
-    formatResetDate(dateStr: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<EntitlementsSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EntitlementsSectionComponent, "cp-entitlements-section", never, { "entitlementSummary": { "alias": "entitlementSummary"; "required": false; }; "entitlementUsage": { "alias": "entitlementUsage"; "required": false; }; "sectionsConfig": { "alias": "sectionsConfig"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dist/modules/customer-portal/components/invoice-preview.component.d.ts

@@ -1,22 +1,23 @@
 import { EventEmitter } from '@angular/core';
+import { Invoice, TenantAddress, CustomerDetails } from '../../../lib/types';
 import * as i0 from "@angular/core";
 export declare class InvoicePreviewComponent {
     show: boolean;
-    selectedInvoice: any;
-    invoiceDetails: any;
+    selectedInvoice: Record<string, any> | null;
+    invoiceDetails: Invoice | null;
     invoiceDetailsLoading: boolean;
     close: EventEmitter<void>;
     closePreview(): void;
     formatInvoiceDate(d: string | null | undefined): string;
     formatInvoicePrice(amount: number): string;
     toNumber(value: string | number | null | undefined): number;
-    getInvoiceCurrencySymbol(invoice: any): string;
-    getInvoiceSummaryNumber(invoice: any, ...keys: string[]): number;
-    getInvoiceLineItems(invoice: any): any[];
+    getInvoiceCurrencySymbol(invoice: Invoice | null): string;
+    getInvoiceSummaryNumber(invoice: Invoice | null, ...keys: string[]): number;
+    getInvoiceLineItems(invoice: Invoice | null): Record<string, any>[];
     private getInvoiceLineItemRangeLabel;
     private normalizeInvoiceLineItem;
-    buildTenantAddress(addr: any): string;
-    buildBilledToAddress(customer: any): string;
+    buildTenantAddress(addr: TenantAddress | null | undefined): string;
+    buildBilledToAddress(customer: CustomerDetails | null | undefined): string;
     private escapeHtml;
     triggerInvoicePrint(): void;
     private buildInvoicePrintHtml;

package/dist/modules/customer-portal/components/payment.component.d.ts

@@ -1,8 +1,9 @@
+import { Subscription, CustomerDetails, SectionConfig } from '../../../lib/types';
 import * as i0 from "@angular/core";
 export declare class PaymentSectionComponent {
-    subscription: any;
-    customerDetails: any;
-    sectionsConfig: any[] | undefined;
+    subscription: Subscription | undefined;
+    customerDetails: CustomerDetails | undefined;
+    sectionsConfig: SectionConfig[] | undefined;
     _isSectionHidden(key: string): boolean;
     _getSectionLabel(key: string): string;
     getBillingAddress(): string;

package/dist/modules/customer-portal/components/plan/plans-section.component.d.ts

@@ -1,15 +1,17 @@
 import { OnChanges } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 import { formatPrice } from '../../utils/helpers';
+import { IconName } from '../../utils/icons';
+import { SectionConfig, Offering, PriceOption, Entitlement, CreditSystem, Subscription } from '../../../../lib/types';
 import * as i0 from "@angular/core";
 export declare class PlansSectionComponent implements OnChanges {
-    plans: any[];
+    plans: Offering[];
     planIntervals: string[];
-    subscription: any;
+    subscription: Subscription | undefined;
     tenantCheckoutUsername: string;
-    sectionsConfig: any[] | undefined;
+    sectionsConfig: SectionConfig[] | undefined;
     selectedPlanInterval: import("@angular/core").WritableSignal<string>;
-    explorePricesPlan: import("@angular/core").WritableSignal<any>;
+    explorePricesPlan: import("@angular/core").WritableSignal<Offering>;
     private sanitizer;
     ngOnChanges(): void;
     currentPlanIndex: import("@angular/core").Signal<number>;
@@ -17,33 +19,33 @@ export declare class PlansSectionComponent implements OnChanges {
     shouldShowDynamicPricesSlot: import("@angular/core").Signal<boolean>;
     _isSectionHidden(key: string): boolean;
     _getSectionLabel(key: string): string;
-    _getIcon(name: any): SafeHtml;
+    _getIcon(name: IconName): SafeHtml;
     selectPlanInterval(interval: string): void;
     formatPlanInterval(interval: string): string;
-    getPlanPriceOption(plan: any): any;
-    getPlanPriceInteger(plan: any): string;
-    getPlanPriceDecimal(plan: any): string;
+    getPlanPriceOption(plan: Offering): PriceOption | undefined;
+    getPlanPriceInteger(plan: Offering): string;
+    getPlanPriceDecimal(plan: Offering): string;
     getMultiplyNumber(interval: string, intervalValue: number): number;
-    getPlanFixedPriceBilledAmount(plan: any): number;
-    getPlanFixedPriceCurrencySymbol(plan: any): string;
-    hasFixedPrice(plan: any): boolean;
-    getDynamicPrices(plan: any): any[];
-    getDynamicPriceName(priceOption: any): string;
-    formatDynamicPrice(priceOption: any): string;
-    formatDynamicPriceFull(priceOption: any): string;
-    getDynamicPriceAmountDisplay(priceOption: any): string;
-    getMainDynamicPriceInteger(plan: any): string;
-    getMainDynamicPriceDecimal(plan: any): string;
-    getMainDynamicPriceUnit(plan: any): string;
-    getPluralizedUnit(plan: any): string;
-    getPlanButtonText(plan: any, index: number): string;
-    getVisibleEntitlements(plan: any): any[];
-    getVisibleCredits(plan: any): any[];
-    formatEntitlement(entitlement: any): string;
+    getPlanFixedPriceBilledAmount(plan: Offering): number;
+    getPlanFixedPriceCurrencySymbol(plan: Offering): string;
+    hasFixedPrice(plan: Offering): boolean;
+    getDynamicPrices(plan: Offering): PriceOption[];
+    getDynamicPriceName(priceOption: PriceOption): string;
+    formatDynamicPrice(priceOption: PriceOption): string;
+    formatDynamicPriceFull(priceOption: PriceOption): string;
+    getDynamicPriceAmountDisplay(priceOption: PriceOption): string;
+    getMainDynamicPriceInteger(plan: Offering): string;
+    getMainDynamicPriceDecimal(plan: Offering): string;
+    getMainDynamicPriceUnit(plan: Offering): string;
+    getPluralizedUnit(plan: Offering): string;
+    getPlanButtonText(plan: Offering, index: number): string;
+    getVisibleEntitlements(plan: Offering): Entitlement[];
+    getVisibleCredits(plan: Offering): CreditSystem[];
+    formatEntitlement(entitlement: Entitlement): string;
     getListingUrl(): string;
-    openExplorePricesModal(plan: any): void;
+    openExplorePricesModal(plan: Offering): void;
     closeExplorePricesModal(): void;
-    handlePlanAction(plan: any): void;
+    handlePlanAction(plan: Offering): void;
     formatPrice: typeof formatPrice;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlansSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PlansSectionComponent, "cp-plans-section", never, { "plans": { "alias": "plans"; "required": false; }; "planIntervals": { "alias": "planIntervals"; "required": false; }; "subscription": { "alias": "subscription"; "required": false; }; "tenantCheckoutUsername": { "alias": "tenantCheckoutUsername"; "required": false; }; "sectionsConfig": { "alias": "sectionsConfig"; "required": false; }; }, {}, never, never, true, never>;

package/dist/modules/customer-portal/components/subscription/subscription-details.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import { SubscriptionDetails, UpcomingInvoice } from '../../../../lib/types';
+import * as i0 from "@angular/core";
+export declare class SubscriptionDetailsComponent {
+    sub: SubscriptionDetails;
+    invoicePreview: EventEmitter<UpcomingInvoice>;
+    _formatDate(d: string | null | undefined): string;
+    _formatCurrency(amount: number | null | undefined, currency: string | null | undefined): string;
+    _formatStatus(status: string | null | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SubscriptionDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SubscriptionDetailsComponent, "cp-subscription-details", never, { "sub": { "alias": "sub"; "required": true; }; }, { "invoicePreview": "invoicePreview"; }, never, never, true, never>;
+}

package/dist/modules/customer-portal/components/subscription/subscription-items.component.d.ts

@@ -0,0 +1,27 @@
+import { SubscriptionItem } from '../../../../lib/types';
+import * as i0 from "@angular/core";
+export declare class SubscriptionItemsComponent {
+    private expandedAddons;
+    items: SubscriptionItem[];
+    canUpdateQuantities: boolean;
+    tenantCheckoutUsername: string;
+    customerKey: string;
+    subscriptionId: string;
+    offeringKey: string;
+    toggleAddon(key: string): void;
+    isAddonExpanded(key: string): boolean;
+    openUpdateItems(): void;
+    handleAddAddon(): void;
+    getPlanLineItems(): SubscriptionItem[];
+    getAddonLineItems(): SubscriptionItem[];
+    getGroupedAddonItems(): {
+        key: string;
+        name: string;
+        baseItem: SubscriptionItem;
+        children: SubscriptionItem[];
+    }[];
+    _capitalize(str: string | undefined): string;
+    _formatCurrency(amount: number | null | undefined, currency: string | null | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SubscriptionItemsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SubscriptionItemsComponent, "cp-subscription-items", never, { "items": { "alias": "items"; "required": false; }; "canUpdateQuantities": { "alias": "canUpdateQuantities"; "required": false; }; "tenantCheckoutUsername": { "alias": "tenantCheckoutUsername"; "required": false; }; "customerKey": { "alias": "customerKey"; "required": false; }; "subscriptionId": { "alias": "subscriptionId"; "required": false; }; "offeringKey": { "alias": "offeringKey"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/modules/customer-portal/components/subscription/subscription-section.component.d.ts

@@ -1,36 +1,16 @@
 import { EventEmitter } from '@angular/core';
-import { SafeHtml } from '@angular/platform-browser';
+import { SectionConfig, Subscription, UpcomingInvoice } from '../../../../lib/types';
 import * as i0 from "@angular/core";
 export declare class SubscriptionSectionComponent {
-    subscription: any;
-    sectionsConfig: any[] | undefined;
+    subscription: Subscription | undefined;
+    sectionsConfig: SectionConfig[] | undefined;
     customerKey: string;
     tenantCheckoutUsername: string;
-    invoicePreview: EventEmitter<any>;
-    managePlan: EventEmitter<any>;
-    private expandedAddons;
-    private sanitizer;
-    toggleAddon(key: string): void;
-    isAddonExpanded(key: string): boolean;
-    openUpdateItems(subscription: any): void;
+    invoicePreview: EventEmitter<UpcomingInvoice>;
+    managePlan: EventEmitter<Subscription>;
     handleManagePlan(): void;
-    handleAddAddon(): void;
-    getPlanLineItems(items: any[]): any[];
-    getAddonLineItems(items: any[]): any[];
-    getGroupedAddonItems(items: any[]): {
-        key: string;
-        name: string;
-        baseItem: any;
-        children: any[];
-    }[];
-    getStatusBgClass(status: string | null | undefined): string;
-    _formatDate(d: string | null | undefined): string;
-    _formatCurrency(amount: number | null | undefined, currency: string | null | undefined): string;
-    _formatStatus(status: string | null | undefined): string;
-    _capitalize(str: string | undefined): string;
     _isSectionHidden(key: string): boolean;
     _getSectionLabel(key: string): string;
-    _getIcon(name: any): SafeHtml;
     static ɵfac: i0.ɵɵFactoryDeclaration<SubscriptionSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SubscriptionSectionComponent, "cp-subscription-section", never, { "subscription": { "alias": "subscription"; "required": false; }; "sectionsConfig": { "alias": "sectionsConfig"; "required": false; }; "customerKey": { "alias": "customerKey"; "required": false; }; "tenantCheckoutUsername": { "alias": "tenantCheckoutUsername"; "required": false; }; }, { "invoicePreview": "invoicePreview"; "managePlan": "managePlan"; }, never, never, true, never>;
 }

package/dist/modules/pricing-table/components/pricing-table.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
-import { Product, ParentOffering, Offering, PlanSelectedEvent, PurchaseSelectedEvent, ErrorEvent, Entitlement } from '../../../lib/types';
+import { Product, ParentOffering, Offering, PlanSelectedEvent, PurchaseSelectedEvent, ErrorEvent, PricingTableTheme, Entitlement, CreditSystem } from '../../../lib/types';
 import * as i0 from "@angular/core";
 declare const ICONS: {
     check: string;
@@ -45,11 +45,17 @@ export declare class PricingTableComponent implements OnInit, OnDestroy {
     /** Product key to load pricing for */
     productKey: string;
     /** Show only plans (hide single purchases) */
-    plansOnly: boolean;
+    private plansOnlySignal;
+    set plansOnly(value: boolean);
     /** Show only single purchases (hide plans) */
-    singlePurchasesOnly: boolean;
+    private singlePurchasesOnlySignal;
+    set singlePurchasesOnly(value: boolean);
     /** Show tab header when both plans and purchases exist */
-    showTabHeader: boolean;
+    protected showTabHeaderSignal: import("@angular/core").WritableSignal<boolean>;
+    set showTabHeader(value: boolean);
+    /** Optional theme override for this instance */
+    private themeSignal;
+    set theme(value: PricingTableTheme | undefined);
     /** Emitted when a plan is selected */
     planSelected: EventEmitter<PlanSelectedEvent>;
     /** Emitted when a single purchase is selected */
@@ -126,7 +132,7 @@ export declare class PricingTableComponent implements OnInit, OnDestroy {
     /**
      * Get visible credits (included_usage or included_allowance)
      */
-    getVisibleCredits(offering: Offering): any[];
+    getVisibleCredits(offering: Offering): CreditSystem[];
     /**
      * Format entitlement for display
      */
@@ -158,6 +164,6 @@ export declare class PricingTableComponent implements OnInit, OnDestroy {
     private updateCartItem;
     proceedToCheckout(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PricingTableComponent, "metrifox-pricing-table", never, { "checkoutUsername": { "alias": "checkoutUsername"; "required": true; }; "productKey": { "alias": "productKey"; "required": true; }; "plansOnly": { "alias": "plansOnly"; "required": false; }; "singlePurchasesOnly": { "alias": "singlePurchasesOnly"; "required": false; }; "showTabHeader": { "alias": "showTabHeader"; "required": false; }; }, { "planSelected": "planSelected"; "purchaseSelected": "purchaseSelected"; "errorOccurred": "errorOccurred"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PricingTableComponent, "metrifox-pricing-table", never, { "checkoutUsername": { "alias": "checkoutUsername"; "required": true; }; "productKey": { "alias": "productKey"; "required": true; }; "plansOnly": { "alias": "plansOnly"; "required": false; }; "singlePurchasesOnly": { "alias": "singlePurchasesOnly"; "required": false; }; "showTabHeader": { "alias": "showTabHeader"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "planSelected": "planSelected"; "purchaseSelected": "purchaseSelected"; "errorOccurred": "errorOccurred"; }, never, never, true, never>;
 }
 export {};

package/dist/modules/pricing-table/utils/defaults.d.ts

@@ -0,0 +1,2 @@
+import { PricingTableTheme } from '../../../lib/types';
+export declare const defaultPricingTableTheme: PricingTableTheme;

package/dist/public-api.d.ts

@@ -9,13 +9,13 @@ export { MetrifoxService, metrifoxInit, MetrifoxNotInitializedError } from './li
 export { CustomerPortalComponent } from './modules/customer-portal/components/customer-portal.component';
 export { PricingTableComponent } from './modules/pricing-table/components/pricing-table.component';
 export { MetrifoxModule, provideMetrifox } from './lib/metrifox.module';
-export type { Theme, CustomerPortalTheme, PricingTableTheme, } from './lib/types';
-export { setIfDefined, customerPortalThemeToCssVars, pricingTableThemeToCssVars, getGradient, getBackgroundImage, } from './lib/utils/theme';
-export type { MetrifoxConfig, SectionConfig, SectionKey, } from './lib/types';
-export type { CustomerPortalProps, CustomerDetails, Subscription, SubscriptionDetails, SubscriptionItem, UpcomingInvoice, PaymentMethod, BillingAddress, Currency, InvoiceStatus, } from './lib/types';
-export type { Entitlement, Feature, EntitlementUsage, EntitlementSummary, Pool, ProcessedPool, } from './lib/types';
-export type { Wallet, WalletAllocation, CreditAllocation, CreditTransaction, WalletSetting, CreditSystem, CreditOwner, } from './lib/types';
-export type { PricingTableProps, Product, Offering, ParentOffering, PriceOption, PriceOwner, Price, Tier, SinglePurchase, } from './lib/types';
-export type { Invoice, InvoiceLineItem, InvoiceSummary, Tenant, TenantAddress, BillingHistory, } from './lib/types';
-export type { CustomerDataLoadedEvent, PlanSelectedEvent, PurchaseSelectedEvent, ErrorEvent, CssVarMap, } from './lib/types';
-export { FeatureType, FeatureModel, FeatureStatus, SubscriptionStatus, InvoiceStatusType, InvoiceItemType, PriceTypes, TierType, ResetIntervals, EnforcementType, BillingInterval, BillingTimingTypes, AggregationMethods, OneOffType, PoolType, OfferingTypes, } from './lib/types/enum';
+export type { Theme, CustomerPortalTheme, PricingTableTheme } from './lib/types';
+export { setIfDefined, customerPortalThemeToCssVars, pricingTableThemeToCssVars, getGradient, getBackgroundImage } from './lib/utils/theme';
+export type { MetrifoxConfig, SectionConfig, SectionKey } from './lib/types';
+export type { CustomerPortalProps, CustomerDetails, Subscription, SubscriptionDetails, SubscriptionItem, UpcomingInvoice, PaymentMethod, BillingAddress, Currency, InvoiceStatus } from './lib/types';
+export type { Entitlement, Feature, EntitlementUsage, EntitlementSummary, Pool, ProcessedPool } from './lib/types';
+export type { Wallet, WalletAllocation, CreditAllocation, CreditTransaction, WalletSetting, CreditSystem, CreditOwner } from './lib/types';
+export type { PricingTableProps, Product, Offering, ParentOffering, PriceOption, PriceOwner, Price, Tier, SinglePurchase } from './lib/types';
+export type { Invoice, InvoiceLineItem, InvoiceSummary, Tenant, TenantAddress, BillingHistory } from './lib/types';
+export type { CustomerDataLoadedEvent, PlanSelectedEvent, PurchaseSelectedEvent, ErrorEvent, CssVarMap } from './lib/types';
+export { FeatureType, FeatureModel, FeatureStatus, SubscriptionStatus, InvoiceStatusType, InvoiceItemType, PriceTypes, TierType, ResetIntervals, EnforcementType, BillingInterval, BillingTimingTypes, AggregationMethods, OneOffType, PoolType, OfferingTypes } from './lib/types/enum';