@metrifox/angular-sdk 1.0.2 → 2.0.0

package/dist/lib/utils/theme.d.ts

@@ -0,0 +1,27 @@
+import { CustomerPortalTheme, PricingTableTheme, CssVarMap } from '../types/interface';
+/**
+ * Set CSS variable only when value is defined and non-empty.
+ */
+export declare function setIfDefined(vars: CssVarMap, key: string, value?: string): void;
+/**
+ * Convert CustomerPortal theme to CSS variables.
+ * Matches the React SDK's customerPortalThemeToCssVars exactly.
+ */
+export declare function customerPortalThemeToCssVars(theme: CustomerPortalTheme): CssVarMap;
+/**
+ * Convert PricingTable theme to CSS variables.
+ * Matches the React SDK's pricingThemeToCssVars exactly.
+ */
+export declare function pricingTableThemeToCssVars(theme: PricingTableTheme): CssVarMap;
+/**
+ * Get gradient CSS for current plan card.
+ */
+export declare function getGradient(theme: PricingTableTheme | CustomerPortalTheme): {
+    gradient: {
+        100: string;
+    };
+};
+/**
+ * Get background image CSS properties for current plan card gradient.
+ */
+export declare function getBackgroundImage(theme: PricingTableTheme | CustomerPortalTheme): CssVarMap;

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

@@ -0,0 +1,14 @@
+import { BillingHistory, SectionConfig } from '../../../lib/types';
+import * as i0 from "@angular/core";
+export declare class BillingHistorySectionComponent {
+    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;
+    _formatSourceType(sourceType: string | null | undefined): string;
+    _isSectionHidden(key: string): boolean;
+    _getSectionLabel(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BillingHistorySectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BillingHistorySectionComponent, "cp-billing-history-section", never, { "billingHistory": { "alias": "billingHistory"; "required": false; }; "sectionsConfig": { "alias": "sectionsConfig"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,76 @@
+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: Wallet[];
+    creditAllocations: CreditAllocation[];
+    allocationsLoading: boolean;
+    customerKey: string;
+    sectionsConfig: SectionConfig[] | undefined;
+    walletTabChanged: EventEmitter<{
+        walletId: string;
+        tab: string;
+    }>;
+    walletSelected: EventEmitter<number>;
+    topup: EventEmitter<string>;
+    selectedWalletIndex: import("@angular/core").WritableSignal<number>;
+    walletTab: import("@angular/core").WritableSignal<"active" | "expired" | "overage">;
+    walletTabs: ({
+        key: "active";
+        label: string;
+    } | {
+        key: "expired";
+        label: string;
+    } | {
+        key: "overage";
+        label: string;
+    })[];
+    showCreditTransactions: import("@angular/core").WritableSignal<boolean>;
+    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;
+    lowBalanceEnabled: boolean;
+    walletSettingThreshold: string;
+    walletSettingBehaviour: 'notify' | 'auto_top_up';
+    walletSettingTargetBalance: string;
+    walletSettingMonthlyLimit: string;
+    walletSettingsList: import("@angular/core").WritableSignal<WalletSetting[]>;
+    walletSettingsLoading: import("@angular/core").WritableSignal<boolean>;
+    walletSettingsSaving: import("@angular/core").WritableSignal<boolean>;
+    walletSettingsError: import("@angular/core").WritableSignal<string>;
+    walletSettingEditId: import("@angular/core").WritableSignal<string>;
+    Math: Math;
+    private destroy$;
+    private metrifoxService;
+    private sanitizer;
+    _isSectionHidden(key: string): boolean;
+    _getSectionLabel(key: string): string;
+    _getIcon(name: IconName): SafeHtml;
+    _formatPrice(value: number | undefined | null): string;
+    selectWallet(index: number): void;
+    changeWalletTab(tab: 'active' | 'expired' | 'overage'): void;
+    handleTopup(walletId: string): void;
+    formatAllocationDateShort(dateStr: string): string;
+    formatAllocationSource(type: string): string;
+    formatValidUntilDate(dateStr: string): string;
+    getAllocationBalance(allocation: CreditAllocation): number;
+    getAllocationProgressPercent(allocation: CreditAllocation): number;
+    openCreditTransactions(allocation: CreditAllocation): void;
+    closeCreditTransactions(): void;
+    openWalletSettings(): void;
+    closeWalletSettings(): void;
+    getWalletSettingsValidationErrors(): string[];
+    saveWalletSettings(): void;
+    onWalletSelectChange(event: Event): void;
+    toggleLowBalance(): void;
+    getSelectedWalletName(): string;
+    ngOnDestroy(): void;
+    private loadWalletSettings;
+    private applyExistingWalletSetting;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CreditBalanceSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CreditBalanceSectionComponent, "cp-credit-balance-section", never, { "wallets": { "alias": "wallets"; "required": false; }; "creditAllocations": { "alias": "creditAllocations"; "required": false; }; "allocationsLoading": { "alias": "allocationsLoading"; "required": false; }; "customerKey": { "alias": "customerKey"; "required": false; }; "sectionsConfig": { "alias": "sectionsConfig"; "required": false; }; }, { "walletTabChanged": "walletTabChanged"; "walletSelected": "walletSelected"; "topup": "topup"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,64 @@
+import { EventEmitter, OnInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import { CustomerDetails, Wallet, SectionConfig, CustomerDataLoadedEvent, ErrorEvent, CustomerPortalTheme, BillingHistory, Invoice, Subscription, EntitlementSummary, EntitlementUsage, CreditAllocation, UpcomingInvoice, SubscriptionSettings } from '../../../lib/types';
+import { ICONS } from '../utils/icons';
+import { defaultCustomerPortalTheme } from '../utils/defaults';
+import * as i0 from "@angular/core";
+export { defaultCustomerPortalTheme };
+export declare class CustomerPortalComponent implements OnInit, OnChanges, OnDestroy {
+    private destroy$;
+    private isLoadingData;
+    private lastLoadedCustomerKey;
+    private iconCache;
+    customerKey: string;
+    sectionsConfig?: SectionConfig[];
+    private themeSignal;
+    set theme(value: CustomerPortalTheme | undefined);
+    dataLoaded: EventEmitter<CustomerDataLoadedEvent>;
+    errorOccurred: EventEmitter<ErrorEvent>;
+    private metrifoxService;
+    private sanitizer;
+    loading: import("@angular/core").WritableSignal<boolean>;
+    error: import("@angular/core").WritableSignal<string>;
+    customerDetails: import("@angular/core").WritableSignal<CustomerDetails>;
+    wallets: import("@angular/core").WritableSignal<Wallet[]>;
+    billingHistory: import("@angular/core").WritableSignal<BillingHistory[]>;
+    subscriptionSettings: import("@angular/core").WritableSignal<SubscriptionSettings>;
+    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<Record<string, unknown>>;
+    invoiceDetails: import("@angular/core").WritableSignal<Invoice>;
+    invoiceDetailsLoading: import("@angular/core").WritableSignal<boolean>;
+    allocationsLoading: import("@angular/core").WritableSignal<boolean>;
+    subscriptions: import("@angular/core").Signal<Subscription[]>;
+    tenantCheckoutUsername: import("@angular/core").Signal<string>;
+    cssVars: import("@angular/core").Signal<{
+        'font-family': string;
+        'background-color': string;
+        'border-radius': string;
+    }>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private loadCustomerDetails;
+    private loadAdditionalData;
+    private loadDataForSubscription;
+    private loadCreditAllocations;
+    selectTab(index: number): void;
+    getIcon(name: keyof typeof ICONS): SafeHtml;
+    reloadCustomerDetails(): void;
+    handleManagePlan(_subscription: unknown): void;
+    handleTopup(walletId: string): void;
+    openInvoicePreview(invoice: UpcomingInvoice): void;
+    closeInvoicePreview(): void;
+    onWalletTabChanged(event: {
+        walletId: string;
+        tab: string;
+    }): void;
+    onWalletSelected(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomerPortalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomerPortalComponent, "metrifox-customer-portal", never, { "customerKey": { "alias": "customerKey"; "required": true; }; "sectionsConfig": { "alias": "sectionsConfig"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "dataLoaded": "dataLoaded"; "errorOccurred": "errorOccurred"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,14 @@
+import { SectionConfig, EntitlementSummary, EntitlementUsage } from '../../../../lib/types/interface';
+import * as i0 from "@angular/core";
+export declare class EntitlementsSectionComponent {
+    entitlementSummary: EntitlementSummary[];
+    entitlementUsage: EntitlementUsage[];
+    sectionsConfig: SectionConfig[] | undefined;
+    entitlementTab: import("@angular/core").WritableSignal<"usage" | "summary">;
+    get hasMeteredEntitlements(): boolean;
+    _isSectionHidden(key: string): boolean;
+    _getSectionLabel(key: string): string;
+    changeEntitlementTab(tab: 'summary' | 'usage'): void;
+    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

@@ -0,0 +1,26 @@
+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: 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: Invoice | null): string;
+    getInvoiceSummaryNumber(invoice: Invoice | null, ...keys: string[]): number;
+    getInvoiceLineItems(invoice: Invoice | null): Record<string, any>[];
+    private getInvoiceLineItemRangeLabel;
+    private normalizeInvoiceLineItem;
+    buildTenantAddress(addr: TenantAddress | null | undefined): string;
+    buildBilledToAddress(customer: CustomerDetails | null | undefined): string;
+    private escapeHtml;
+    triggerInvoicePrint(): void;
+    private buildInvoicePrintHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InvoicePreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InvoicePreviewComponent, "cp-invoice-preview", never, { "show": { "alias": "show"; "required": false; }; "selectedInvoice": { "alias": "selectedInvoice"; "required": false; }; "invoiceDetails": { "alias": "invoiceDetails"; "required": false; }; "invoiceDetailsLoading": { "alias": "invoiceDetailsLoading"; "required": false; }; }, { "close": "close"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,12 @@
+import { Subscription, CustomerDetails, SectionConfig } from '../../../lib/types';
+import * as i0 from "@angular/core";
+export declare class PaymentSectionComponent {
+    subscription: Subscription | undefined;
+    customerDetails: CustomerDetails | undefined;
+    sectionsConfig: SectionConfig[] | undefined;
+    _isSectionHidden(key: string): boolean;
+    _getSectionLabel(key: string): string;
+    getBillingAddress(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaymentSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaymentSectionComponent, "cp-payment-section", never, { "subscription": { "alias": "subscription"; "required": false; }; "customerDetails": { "alias": "customerDetails"; "required": false; }; "sectionsConfig": { "alias": "sectionsConfig"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,70 @@
+import { OnChanges, OnDestroy, SimpleChanges } 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, OnDestroy {
+    subscription: Subscription | undefined;
+    customerKey: string;
+    tenantCheckoutUsername: string;
+    sectionsConfig: SectionConfig[] | undefined;
+    selectedPlanInterval: import("@angular/core").WritableSignal<string>;
+    explorePricesPlan: import("@angular/core").WritableSignal<Offering>;
+    plansData: import("@angular/core").WritableSignal<Offering[]>;
+    loadingPlans: import("@angular/core").WritableSignal<boolean>;
+    selectedCountry: import("@angular/core").WritableSignal<string>;
+    localizationOptions: import("@angular/core").WritableSignal<{
+        label: string;
+        value: string;
+    }[]>;
+    showLocalizationDropdown: import("@angular/core").WritableSignal<boolean>;
+    resolvingLocalization: import("@angular/core").WritableSignal<boolean>;
+    private sanitizer;
+    private metrifox;
+    private http;
+    private destroy$;
+    planIntervals: import("@angular/core").Signal<string[]>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private loadPublishedPlans;
+    private dedupePlans;
+    private buildLocalizationOptions;
+    onCountryChange(value: string): void;
+    private syncInterval;
+    currentPlanIndex: import("@angular/core").Signal<number>;
+    shouldShowPlanDescription: import("@angular/core").Signal<boolean>;
+    shouldShowDynamicPricesSlot: import("@angular/core").Signal<boolean>;
+    _isSectionHidden(key: string): boolean;
+    _getSectionLabel(key: string): string;
+    _getIcon(name: IconName): SafeHtml;
+    selectPlanInterval(interval: string): void;
+    formatPlanInterval(interval: string): string;
+    getPlanPriceOption(plan: Offering): PriceOption | undefined;
+    getPlanPriceInteger(plan: Offering): string;
+    getPlanPriceDecimal(plan: Offering): string;
+    getMultiplyNumber(interval: string, intervalValue: number): number;
+    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: Offering): void;
+    closeExplorePricesModal(): void;
+    handlePlanAction(plan: Offering): void;
+    formatPrice: typeof formatPrice;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlansSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlansSectionComponent, "cp-plans-section", never, { "subscription": { "alias": "subscription"; "required": false; }; "customerKey": { "alias": "customerKey"; "required": false; }; "tenantCheckoutUsername": { "alias": "tenantCheckoutUsername"; "required": false; }; "sectionsConfig": { "alias": "sectionsConfig"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,22 @@
+import { SafeHtml } from '@angular/platform-browser';
+import { ThemedPopoverComponent } from '../../../metrifox-ui';
+import * as i0 from "@angular/core";
+export interface SubscriptionActionItem {
+    label: string;
+    onClick: () => void;
+    danger?: boolean;
+}
+/** Class string for a subscription action row (popover menu item). Exported for unit tests. */
+export declare function subscriptionActionItemClass(danger?: boolean): string;
+export declare class SubscriptionActionsComponent {
+    private sanitizer;
+    actions: SubscriptionActionItem[];
+    disabled: boolean;
+    readonly triggerClass = "inline-flex items-center justify-center text-[var(--cp-popover-trigger-icon-color)] hover:opacity-80 !bg-transparent !border-0 cursor-pointer p-1 outline-none";
+    readonly panelClass = "min-w-[10rem] py-1 rounded-[var(--cp-popover-menu-radius)] bg-[var(--cp-popover-menu-bg)] border border-[var(--cp-popover-menu-border)] shadow-lg";
+    moreIcon: SafeHtml;
+    itemClass(danger?: boolean): string;
+    run(action: SubscriptionActionItem, popover: ThemedPopoverComponent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SubscriptionActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SubscriptionActionsComponent, "cp-subscription-actions", never, { "actions": { "alias": "actions"; "required": false; }; "disabled": { "alias": "disabled"; "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

@@ -0,0 +1,34 @@
+import { EventEmitter } from '@angular/core';
+import { SectionConfig, Subscription, SubscriptionSettings, UpcomingInvoice } from '../../../../lib/types';
+import { SubscriptionActionItem } from './subscription-actions.component';
+import * as i0 from "@angular/core";
+export declare class SubscriptionSectionComponent {
+    private metrifox;
+    subscription: Subscription | undefined;
+    sectionsConfig: SectionConfig[] | undefined;
+    customerKey: string;
+    tenantCheckoutUsername: string;
+    subscriptionSettings: SubscriptionSettings | null;
+    invoicePreview: EventEmitter<UpcomingInvoice>;
+    managePlan: EventEmitter<Subscription>;
+    subscriptionRefreshed: EventEmitter<void>;
+    openCancel: import("@angular/core").WritableSignal<boolean>;
+    openRevert: import("@angular/core").WritableSignal<boolean>;
+    openCancelScheduled: import("@angular/core").WritableSignal<boolean>;
+    actionLoading: import("@angular/core").WritableSignal<boolean>;
+    actionError: import("@angular/core").WritableSignal<string>;
+    subscriptionActions(): SubscriptionActionItem[];
+    hasScheduledChange(): boolean;
+    isDeactivated(): boolean;
+    shouldShowBanner(): boolean;
+    scheduledBannerMessage(): string;
+    cancelScheduledBannerLabel(): string;
+    cancelScheduledDescription(): string;
+    confirmCancelSubscription(): void;
+    confirmRevert(): void;
+    confirmCancelScheduled(): void;
+    _isSectionHidden(key: string): boolean;
+    _getSectionLabel(key: string): string;
+    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; }; "subscriptionSettings": { "alias": "subscriptionSettings"; "required": false; }; }, { "invoicePreview": "invoicePreview"; "managePlan": "managePlan"; "subscriptionRefreshed": "subscriptionRefreshed"; }, never, never, true, never>;
+}

package/dist/modules/customer-portal/utils/defaults.d.ts

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

package/dist/modules/customer-portal/utils/helpers.d.ts

@@ -0,0 +1,20 @@
+import { Offering, ParentOffering, SectionConfig } from '../../../lib/types';
+/**
+ * Billing intervals for plan cards — matches pricing-table `intervals` when nested:
+ * use `published_version.price_options`; otherwise scan the resolved offering’s price option arrays.
+ */
+export declare function extractUniqueBillingIntervals(plans: (Offering | ParentOffering)[]): string[];
+export declare function formatDate(dateString: string | null | undefined): string;
+export declare function formatCurrency(amount: number | null | undefined, currency: string | null | undefined): string;
+export declare function formatPrice(value: number | undefined | null): string;
+export declare function formatNumber(num: number): string;
+export declare function capitalize(str: string): string;
+export declare function formatStatus(status: string | null | undefined): string;
+export declare function formatSourceType(sourceType: string | null | undefined): string;
+export declare function getCurrencySymbol(currency: string): string;
+export declare function formatPriceAmount(amount: number): string;
+export declare function getResetIntervalLabel(interval: string): string;
+export declare function getStatusBgClass(status: string | null | undefined): string;
+export declare function getInvoiceStatusBgClass(status: string | null | undefined): string;
+export declare function isSectionHidden(sectionsConfig: SectionConfig[] | undefined, key: string): boolean;
+export declare function getSectionLabel(sectionsConfig: SectionConfig[] | undefined, key: string): string;

package/dist/modules/customer-portal/utils/icon-helpers.d.ts

@@ -0,0 +1,3 @@
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { IconName } from './icons';
+export declare function getIcon(sanitizer: DomSanitizer, name: IconName): SafeHtml;

package/dist/modules/customer-portal/utils/icons.d.ts

@@ -0,0 +1,18 @@
+export declare const ICONS: {
+    readonly money: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17 21.25H7c-3.65 0-5.75-2.1-5.75-5.75v-7c0-3.65 2.1-5.75 5.75-5.75h10c3.65 0 5.75 2.1 5.75 5.75v7c0 3.65-2.1 5.75-5.75 5.75Zm-10-17c-2.86 0-4.25 1.39-4.25 4.25v7c0 2.86 1.39 4.25 4.25 4.25h10c2.86 0 4.25-1.39 4.25-4.25v-7c0-2.86-1.39-4.25-4.25-4.25H7Z\"></path><path d=\"M12 15.75c-2.07 0-3.75-1.68-3.75-3.75 0-2.07 1.68-3.75 3.75-3.75 2.07 0 3.75 1.68 3.75 3.75 0 2.07-1.68 3.75-3.75 3.75Zm0-6c-1.24 0-2.25 1.01-2.25 2.25s1.01 2.25 2.25 2.25 2.25-1.01 2.25-2.25S13.24 9.75 12 9.75ZM5.5 15.25c-.41 0-.75-.34-.75-.75v-5c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75ZM18.5 15.25c-.41 0-.75-.34-.75-.75v-5c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75Z\"></path></svg>";
+    readonly cardReceive: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 8.5H14.5\"/><path d=\"M6 16.5H8\"/><path d=\"M10.5 16.5H14.5\"/><path d=\"M22 12.03V16.11C22 19.62 21.11 20.5 17.56 20.5H6.44C2.89 20.5 2 19.62 2 16.11V7.89C2 4.38 2.89 3.5 6.44 3.5H14.5\"/><path d=\"M20 3.5V9.5L22 7.5\"/><path d=\"M20 9.5L18 7.5\"/></svg>";
+    readonly settings: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"/></svg>";
+    readonly settingsAlt: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></svg>";
+    readonly closeCircle: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10 10-4.49 10-10S17.51 2 12 2Zm3.36 12.3c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-2.3-2.3-2.3 2.3c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l2.3-2.3-2.3-2.3a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l2.3 2.3 2.3-2.3c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-2.3 2.3 2.3 2.3Z\"/></svg>";
+    readonly walletEmpty: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"84\" height=\"84\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#9CA3AF\" stroke-width=\"1\"><path d=\"M18.04 13.55c-.42.41-.66 1-.6 1.63.09 1.08 1.08 1.87 2.16 1.87h1.9v1.19c0 2.07-1.69 3.76-3.76 3.76H6.26c-2.07 0-3.76-1.69-3.76-3.76v-6.73c0-2.07 1.69-3.76 3.76-3.76h11.48c2.07 0 3.76 1.69 3.76 3.76v1.44h-2.02c-.56 0-1.07.22-1.44.6Z\"/><path d=\"M2.5 12.41V7.84c0-1.19.73-2.25 1.84-2.67l7.94-3a1.9 1.9 0 0 1 2.57 1.78v3.8\"/><path d=\"M22.56 13.97v2.06c0 .55-.44 1-1 1.02h-1.96c-1.08 0-2.07-.79-2.16-1.87-.06-.63.18-1.22.6-1.63.37-.38.88-.6 1.44-.6h2.08c.56.02 1 .47 1 1.02Z\"/><path d=\"M7 12h7\"/></svg>";
+    readonly noteEmpty: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"72\" height=\"72\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E5E5E5\" stroke-width=\"1\"><path d=\"M8 2v3M16 2v3M3.5 9.09h17M21 8.5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5Z\"/><path d=\"M15.695 13.7h.009M15.695 16.7h.009M11.995 13.7h.01M11.995 16.7h.01M8.294 13.7h.01M8.294 16.7h.01\"/></svg>";
+    readonly receipt: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M22 6V8.42C22 10 21 11 19.42 11H16V4.01C16 2.9 16.91 2 18.02 2C19.11 2.01 20.11 2.45 20.83 3.17C21.55 3.9 22 4.9 22 6Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2 7V21C2 21.83 2.94 22.3 3.6 21.8L5.31 20.52C5.71 20.22 6.27 20.26 6.63 20.62L8.29 22.29C8.68 22.68 9.32 22.68 9.71 22.29L11.39 20.61C11.74 20.26 12.3 20.22 12.69 20.52L14.4 21.8C15.06 22.29 16 21.82 16 21V4C16 2.9 16.9 2 18 2H7H6C3 2 2 3.79 2 6V7Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 13.01H12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 9.01H12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5.99609 13H6.00508\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5.99609 9H6.00508\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>";
+    readonly radar: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.99967 3.33333C5.11301 2.5 6.49967 2 7.99967 2C11.6797 2 14.6663 4.98667 14.6663 8.66667C14.6663 12.3467 11.6797 15.3333 7.99967 15.3333C4.31967 15.3333 1.33301 12.3467 1.33301 8.66667C1.33301 7.46 1.653 6.32666 2.21967 5.34666L7.99967 8.66667\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>";
+    readonly arrowDown: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"></path></svg>";
+    readonly arrowDownRight: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7l10 10M17 7v10H7\"/></svg>";
+    readonly subtitle: "<svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.99967 15.1663H5.99967C2.37967 15.1663 0.833008 13.6197 0.833008 9.99967V5.99967C0.833008 2.37967 2.37967 0.833008 5.99967 0.833008H9.99967C13.6197 0.833008 15.1663 2.37967 15.1663 5.99967V9.99967C15.1663 13.6197 13.6197 15.1663 9.99967 15.1663ZM5.99967 1.83301C2.92634 1.83301 1.83301 2.92634 1.83301 5.99967V9.99967C1.83301 13.073 2.92634 14.1663 5.99967 14.1663H9.99967C13.073 14.1663 14.1663 13.073 14.1663 9.99967V5.99967C14.1663 2.92634 13.073 1.83301 9.99967 1.83301H5.99967Z\"/><path d=\"M11.6669 11.8867H10.4336C10.1603 11.8867 9.93359 11.6601 9.93359 11.3867C9.93359 11.1134 10.1603 10.8867 10.4336 10.8867H11.6669C11.9403 10.8867 12.1669 11.1134 12.1669 11.3867C12.1669 11.6601 11.9403 11.8867 11.6669 11.8867Z\"/><path d=\"M8.64634 11.8867H4.33301C4.05967 11.8867 3.83301 11.6601 3.83301 11.3867C3.83301 11.1134 4.05967 10.8867 4.33301 10.8867H8.64634C8.91967 10.8867 9.14634 11.1134 9.14634 11.3867C9.14634 11.6601 8.92634 11.8867 8.64634 11.8867Z\"/><path d=\"M11.6671 9.37988H7.98047C7.70714 9.37988 7.48047 9.15322 7.48047 8.87988C7.48047 8.60655 7.70714 8.37988 7.98047 8.37988H11.6671C11.9405 8.37988 12.1671 8.60655 12.1671 8.87988C12.1671 9.15322 11.9405 9.37988 11.6671 9.37988Z\"/><path d=\"M6.17967 9.37988H4.33301C4.05967 9.37988 3.83301 9.15322 3.83301 8.87988C3.83301 8.60655 4.05967 8.37988 4.33301 8.37988H6.17967C6.45301 8.37988 6.67967 8.60655 6.67967 8.87988C6.67967 9.15322 6.45301 9.37988 6.17967 9.37988Z\"/></svg>";
+    readonly subtitleLarge: "<svg width=\"40\" height=\"40\" viewBox=\"0 0 16 16\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.99967 15.1663H5.99967C2.37967 15.1663 0.833008 13.6197 0.833008 9.99967V5.99967C0.833008 2.37967 2.37967 0.833008 5.99967 0.833008H9.99967C13.6197 0.833008 15.1663 2.37967 15.1663 5.99967V9.99967C15.1663 13.6197 13.6197 15.1663 9.99967 15.1663ZM5.99967 1.83301C2.92634 1.83301 1.83301 2.92634 1.83301 5.99967V9.99967C1.83301 13.073 2.92634 14.1663 5.99967 14.1663H9.99967C13.073 14.1663 14.1663 13.073 14.1663 9.99967V5.99967C14.1663 2.92634 13.073 1.83301 9.99967 1.83301H5.99967Z\"/><path d=\"M11.6669 11.8867H10.4336C10.1603 11.8867 9.93359 11.6601 9.93359 11.3867C9.93359 11.1134 10.1603 10.8867 10.4336 10.8867H11.6669C11.9403 10.8867 12.1669 11.1134 12.1669 11.3867C12.1669 11.6601 11.9403 11.8867 11.6669 11.8867Z\"/><path d=\"M8.64634 11.8867H4.33301C4.05967 11.8867 3.83301 11.6601 3.83301 11.3867C3.83301 11.1134 4.05967 10.8867 4.33301 10.8867H8.64634C8.91967 10.8867 9.14634 11.1134 9.14634 11.3867C9.14634 11.6601 8.92634 11.8867 8.64634 11.8867Z\"/><path d=\"M11.6671 9.37988H7.98047C7.70714 9.37988 7.48047 9.15322 7.48047 8.87988C7.48047 8.60655 7.70714 8.37988 7.98047 8.37988H11.6671C11.9405 8.37988 12.1671 8.60655 12.1671 8.87988C12.1671 9.15322 11.9405 9.37988 11.6671 9.37988Z\"/><path d=\"M6.17967 9.37988H4.33301C4.05967 9.37988 3.83301 9.15322 3.83301 8.87988C3.83301 8.60655 4.05967 8.37988 4.33301 8.37988H6.17967C6.45301 8.37988 6.67967 8.60655 6.67967 8.87988C6.67967 9.15322 6.45301 9.37988 6.17967 9.37988Z\"/></svg>";
+    readonly check: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>";
+    readonly moreVertical: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"19\" r=\"1\" fill=\"currentColor\"/></svg>";
+};
+export type IconName = keyof typeof ICONS;

package/dist/modules/metrifox-ui/index.d.ts

@@ -0,0 +1 @@
+export { ThemedPopoverComponent } from './themed-popover.component';

package/dist/modules/metrifox-ui/themed-popover.component.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+/**
+ * In-place popover (no portal). Panel uses themed CSS variables (e.g. --cp-popover-*).
+ */
+export declare class ThemedPopoverComponent {
+    private el;
+    open: import("@angular/core").WritableSignal<boolean>;
+    disabled: boolean;
+    triggerClassName: string;
+    panelClassName: string;
+    position: 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
+    private readonly positionClasses;
+    get panelPositionClass(): string;
+    onTriggerClick(e: Event): void;
+    onDocClick(ev: MouseEvent): void;
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemedPopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThemedPopoverComponent, "cp-themed-popover", ["cpThemedPopover"], { "disabled": { "alias": "disabled"; "required": false; }; "triggerClassName": { "alias": "triggerClassName"; "required": false; }; "panelClassName": { "alias": "panelClassName"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["[cpPopoverTrigger]", "*"], true, never>;
+}

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

@@ -0,0 +1,22 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface LocalizationOption {
+    label: string;
+    value: string;
+}
+/**
+ * Themed country/localization dropdown. Uses --select-* CSS variables from pricing or customer portal theme.
+ */
+export declare class LocalizationSelectComponent {
+    value: string;
+    options: LocalizationOption[];
+    disabled: boolean;
+    placeholderText: string;
+    containerClass: string;
+    valueChange: EventEmitter<string>;
+    /** Inline caret using currentColor so --select-caret can tint via color on a wrapper if needed */
+    readonly caretSvg = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E\")";
+    onSelect(ev: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizationSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LocalizationSelectComponent, "cp-localization-select", never, { "value": { "alias": "value"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholderText": { "alias": "placeholderText"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}