@metrifox/angular-sdk 1.0.0

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@metrifox/angular-sdk" />
+export * from './public-api';

package/lib/components/customer-portal/customer-portal.component.d.ts

@@ -0,0 +1,193 @@
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import { CustomerDetails, Wallet, SectionConfig, CustomerDataLoadedEvent, ErrorEvent, BillingHistory, ProductPlans, Offering, Invoice, InvoiceLineItem } from '../../types';
+import * as i0 from "@angular/core";
+declare const ICONS: {
+    money: string;
+    cardReceive: string;
+    settings: string;
+    settingsAlt: string;
+    closeCircle: string;
+    walletEmpty: string;
+    noteEmpty: string;
+    receipt: string;
+    radar: string;
+    arrowDown: string;
+    arrowDownRight: string;
+    subtitle: string;
+    subtitleLarge: string;
+    check: string;
+};
+export declare class CustomerPortalComponent implements OnInit, OnDestroy {
+    private destroy$;
+    private isLoadingData;
+    private lastLoadedCustomerKey;
+    private expandedLineItems;
+    private iconCache;
+    customerKey: string;
+    sectionsConfig?: SectionConfig[];
+    dataLoaded: EventEmitter<CustomerDataLoadedEvent>;
+    errorOccurred: EventEmitter<ErrorEvent>;
+    private metrifoxService;
+    private sanitizer;
+    constructor();
+    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[]>;
+    productPlans: import("@angular/core").WritableSignal<ProductPlans>;
+    entitlementSummary: import("@angular/core").WritableSignal<any[]>;
+    entitlementUsage: import("@angular/core").WritableSignal<any[]>;
+    creditAllocations: import("@angular/core").WritableSignal<any[]>;
+    selectedTabIndex: import("@angular/core").WritableSignal<number>;
+    explorePricesPlan: import("@angular/core").WritableSignal<Offering>;
+    selectedPlanInterval: import("@angular/core").WritableSignal<string>;
+    showInvoicePreview: import("@angular/core").WritableSignal<boolean>;
+    selectedInvoice: import("@angular/core").WritableSignal<any>;
+    invoiceDetails: import("@angular/core").WritableSignal<Invoice>;
+    invoiceDetailsLoading: import("@angular/core").WritableSignal<boolean>;
+    selectedWalletIndex: import("@angular/core").WritableSignal<number>;
+    walletTab: import("@angular/core").WritableSignal<"active" | "expired" | "overage">;
+    entitlementTab: import("@angular/core").WritableSignal<"usage" | "summary">;
+    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<any[]>;
+    walletSettingsLoading: import("@angular/core").WritableSignal<boolean>;
+    walletSettingsSaving: import("@angular/core").WritableSignal<boolean>;
+    walletSettingsError: import("@angular/core").WritableSignal<string>;
+    walletSettingEditId: import("@angular/core").WritableSignal<string>;
+    expandedEntitlements: Set<string>;
+    allocationsLoading: import("@angular/core").WritableSignal<boolean>;
+    showCreditTransactions: import("@angular/core").WritableSignal<boolean>;
+    selectedAllocation: import("@angular/core").WritableSignal<any>;
+    creditTransactions: import("@angular/core").WritableSignal<any[]>;
+    creditTransactionsLoading: import("@angular/core").WritableSignal<boolean>;
+    Math: Math;
+    subscriptions: import("@angular/core").Signal<import("../../types").Subscription[]>;
+    tenantCheckoutUsername: import("@angular/core").Signal<string>;
+    plans: import("@angular/core").Signal<Offering[]>;
+    planIntervals: import("@angular/core").Signal<string[]>;
+    currentPlanIndex: import("@angular/core").Signal<number>;
+    cssVars: import("@angular/core").Signal<import("../../types").CssVarMap>;
+    private sectionLabels;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private loadCustomerDetails;
+    private loadAdditionalData;
+    private loadCreditAllocations;
+    selectTab(index: number): void;
+    isSectionHidden(key: string): boolean;
+    getSectionLabel(key: string): string;
+    getIcon(name: keyof typeof ICONS): SafeHtml;
+    toggleLineItems(productKey: string): void;
+    isLineItemsExpanded(productKey: string): boolean;
+    openUpdateItems(subscription: {
+        subscription: {
+            id: string;
+            offering_key: string;
+        };
+    }): void;
+    formatDate(dateString: 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;
+    openInvoicePreview(invoice: any): void;
+    closeInvoicePreview(): void;
+    openExplorePricesModal(plan: Offering): void;
+    closeExplorePricesModal(): void;
+    buildTenantAddress(addr: any): string;
+    buildBilledToAddress(customer: any): string;
+    formatInvoiceDate(d: string | null | undefined): string;
+    /** Build range label from usage_tiers like React SDK: "0 and above" or "X to Y". */
+    private getInvoiceLineItemRangeLabel;
+    /** Normalize a single item from API (handles snake_case and camelCase, nested data, range from tiers, unit_price from tiers). */
+    private normalizeInvoiceLineItem;
+    getInvoiceLineItems(invoice: Invoice | null | undefined): Array<InvoiceLineItem & {
+        itemType: string;
+    }>;
+    /** Build HTML string for invoice print (new window) so download/print has no Storybook URL or timestamp in header. */
+    private buildInvoicePrintHtml;
+    private escapeHtml;
+    triggerInvoicePrint(): void;
+    selectWallet(index: number): void;
+    formatWalletBalance(wallet: Wallet): string;
+    changeWalletTab(tab: 'active' | 'expired' | 'overage'): void;
+    getActiveAllocationsCount(): number;
+    formatAllocationDate(dateStr: string): string;
+    formatAllocationSource(type: string): string;
+    formatAllocationDateShort(dateStr: string): string;
+    formatValidUntilDate(dateStr: string): string;
+    formatPrice(value: number | undefined | null): string;
+    getAllocationBalance(allocation: any): number;
+    getAllocationProgressPercent(allocation: any): number;
+    openWalletSettings(): void;
+    private loadWalletSettings;
+    private applyExistingWalletSetting;
+    closeWalletSettings(): void;
+    getWalletSettingsValidationErrors(): string[];
+    saveWalletSettings(): void;
+    onWalletSelectChange(event: Event): void;
+    toggleLowBalance(): void;
+    getSelectedWalletName(): string;
+    handleTopup(walletId: string): void;
+    openCreditTransactions(allocation: any): void;
+    closeCreditTransactions(): void;
+    changeEntitlementTab(tab: 'summary' | 'usage'): void;
+    getMeteredEntitlements(): any[];
+    capitalize(str: string): string;
+    formatUsageModel(entitlement: any): string;
+    formatIncludedAllowance(entitlement: any): string;
+    formatUsageLimits(entitlement: any): string;
+    getResetIntervalLabel(interval: string): string;
+    formatNumber(num: number): 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;
+    getStatusBgClass(status: string | null | undefined): string;
+    getInvoiceStatusBgClass(status: string | null | undefined): string;
+    getBillingAddress(): string;
+    selectPlanInterval(interval: string): void;
+    formatPlanInterval(interval: string): string;
+    getPlanPriceOption(plan: any): any;
+    getPlanPriceInteger(plan: Offering): string;
+    getPlanPriceDecimal(plan: Offering): string;
+    getCurrencySymbol(currency: string): string;
+    hasFixedPrice(plan: any): boolean;
+    getDynamicPrices(plan: any): any[];
+    getDynamicPriceName(priceOption: any): string;
+    formatDynamicPrice(priceOption: any): string;
+    formatDynamicPriceFull(priceOption: any): string;
+    /** Formatted amount only for a dynamic price (e.g. "$3.00") for modal display. */
+    getDynamicPriceAmountDisplay(priceOption: any): string;
+    getMainDynamicPriceInteger(plan: any): string;
+    getMainDynamicPriceDecimal(plan: any): string;
+    getMainDynamicPriceUnit(plan: any): string;
+    formatPriceAmount(amount: number): string;
+    /** Format price with exactly two decimal places for invoice (e.g. $3.00). */
+    formatInvoicePrice(amount: number): string;
+    /** Get currency symbol from invoice (handles snake_case/camelCase). */
+    getInvoiceCurrencySymbol(invoice: Invoice | null | undefined): string;
+    /** Get a summary number from invoice (tries snake_case and camelCase keys). */
+    getInvoiceSummaryNumber(invoice: Invoice | null | undefined, ...keys: string[]): number;
+    /** Safe parse to number for invoice display (handles string/number, NaN -> 0). */
+    toNumber(value: string | number | null | undefined): number;
+    getPluralizedUnit(plan: Offering): string;
+    getPlanButtonText(plan: Offering, index: number): string;
+    getVisibleEntitlements(plan: Offering): any[];
+    formatEntitlement(entitlement: any): string;
+    getListingUrl(subscription: any): string;
+    handlePlanAction(plan: Offering): 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; }; }, { "dataLoaded": "dataLoaded"; "errorOccurred": "errorOccurred"; }, never, never, true, never>;
+}
+export {};

package/lib/components/pricing-table/pricing-table.component.d.ts

@@ -0,0 +1,157 @@
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import { Product, ParentOffering, Offering, PlanSelectedEvent, PurchaseSelectedEvent, ErrorEvent, Entitlement } from '../../types';
+import * as i0 from "@angular/core";
+declare const ICONS: {
+    check: string;
+    search: string;
+    close: string;
+    trash: string;
+    minus: string;
+    plus: string;
+};
+interface CartItem {
+    id: string;
+    name: string;
+    price: number;
+    currency: string;
+    quantity: number;
+    offering_key: string;
+}
+/**
+ * Pricing Table Component
+ *
+ * Displays pricing plans and single purchases for a product.
+ *
+ * @example
+ * ```html
+ * <metrifox-pricing-table
+ *   [checkoutUsername]="'your-checkout-username'"
+ *   [productKey]="'product_xxx'"
+ *   (planSelected)="onPlanSelected($event)"
+ *   (error)="onError($event)">
+ * </metrifox-pricing-table>
+ * ```
+ */
+export declare class PricingTableComponent implements OnInit, OnDestroy {
+    private destroy$;
+    private quantities;
+    private iconCache;
+    /** Checkout username for building checkout URLs */
+    checkoutUsername: string;
+    private metrifoxService;
+    private sanitizer;
+    constructor();
+    /** Product key to load pricing for */
+    productKey: string;
+    /** Show only plans (hide single purchases) */
+    plansOnly: boolean;
+    /** Show only single purchases (hide plans) */
+    singlePurchasesOnly: boolean;
+    /** Show tab header when both plans and purchases exist */
+    showTabHeader: boolean;
+    /** Emitted when a plan is selected */
+    planSelected: EventEmitter<PlanSelectedEvent>;
+    /** Emitted when a single purchase is selected */
+    purchaseSelected: EventEmitter<PurchaseSelectedEvent>;
+    /** Emitted when an error occurs */
+    errorOccurred: EventEmitter<ErrorEvent>;
+    loading: import("@angular/core").WritableSignal<boolean>;
+    error: import("@angular/core").WritableSignal<string>;
+    product: import("@angular/core").WritableSignal<Product>;
+    selectedTab: import("@angular/core").WritableSignal<string>;
+    selectedInterval: import("@angular/core").WritableSignal<string>;
+    searchTerm: import("@angular/core").WritableSignal<string>;
+    cartItems: import("@angular/core").WritableSignal<CartItem[]>;
+    plans: import("@angular/core").Signal<ParentOffering[]>;
+    singlePurchases: import("@angular/core").Signal<ParentOffering[]>;
+    showPlans: import("@angular/core").Signal<boolean>;
+    showSinglePurchases: import("@angular/core").Signal<boolean>;
+    hasBothTypes: import("@angular/core").Signal<boolean>;
+    tabOptions: import("@angular/core").Signal<{
+        label: string;
+        value: string;
+    }[]>;
+    intervals: import("@angular/core").Signal<string[]>;
+    filteredSinglePurchases: import("@angular/core").Signal<ParentOffering[]>;
+    cssVars: import("@angular/core").Signal<import("../../types").CssVarMap>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Load product data
+     */
+    private loadProduct;
+    /**
+     * Select a tab
+     */
+    selectTab(tab: string): void;
+    /**
+     * Select billing interval
+     */
+    selectInterval(interval: string): void;
+    /**
+     * Handle plan selection
+     */
+    selectPlan(plan: ParentOffering): void;
+    /**
+     * Handle single purchase selection
+     */
+    selectPurchase(purchase: ParentOffering): void;
+    /**
+     * Get price for a plan at current interval - integer part
+     */
+    getPlanPriceInteger(offering: Offering): string;
+    /**
+     * Get price for a plan at current interval - decimal part
+     */
+    getPlanPriceDecimal(offering: Offering): string;
+    /**
+     * Get single purchase price - integer part
+     */
+    getSinglePurchasePriceInteger(purchase: ParentOffering): string;
+    /**
+     * Get single purchase price - decimal part
+     */
+    getSinglePurchasePriceDecimal(purchase: ParentOffering): string;
+    /**
+     * Get currency symbol
+     */
+    getCurrencySymbol(currency: string): string;
+    /**
+     * Get visible entitlements
+     */
+    getVisibleEntitlements(offering: Offering): Entitlement[];
+    /**
+     * Format entitlement for display
+     */
+    formatEntitlement(entitlement: Entitlement): string;
+    /**
+     * Format billing interval
+     */
+    formatInterval(interval: string): string;
+    /**
+     * Get pluralized unit for trial
+     */
+    getPluralizedUnit(offering: Offering): string;
+    /**
+     * Get button text for plan
+     */
+    getButtonText(offering: Offering): string;
+    /**
+     * Get icon HTML (sanitized for safe rendering)
+     */
+    getIcon(name: keyof typeof ICONS): SafeHtml;
+    onSearchInput(event: Event): void;
+    clearSearch(): void;
+    getItemQuantity(purchase: ParentOffering): number;
+    incrementQuantity(purchase: ParentOffering): void;
+    decrementQuantity(purchase: ParentOffering): void;
+    isInCart(purchase: ParentOffering): boolean;
+    addToCart(purchase: ParentOffering): void;
+    removeFromCart(purchase: ParentOffering): void;
+    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>;
+}
+export {};

package/lib/metrifox.module.d.ts

@@ -0,0 +1,52 @@
+import { ModuleWithProviders } from '@angular/core';
+import { MetrifoxService } from './metrifox.service';
+import { MetrifoxConfig } from './types';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./components/customer-portal/customer-portal.component";
+import * as i3 from "./components/pricing-table/pricing-table.component";
+/**
+ * Metrifox Angular Module
+ *
+ * Use `MetrifoxModule.forRoot(config)` in your root module to configure the SDK.
+ *
+ * @example
+ * ```typescript
+ * @NgModule({
+ *   imports: [
+ *     MetrifoxModule.forRoot({
+ *       clientKey: 'your-client-key'
+ *     })
+ *   ]
+ * })
+ * export class AppModule { }
+ * ```
+ */
+export declare class MetrifoxModule {
+    /**
+     * Configure the Metrifox SDK for root module
+     */
+    static forRoot(config?: MetrifoxConfig): ModuleWithProviders<MetrifoxModule>;
+    /**
+     * Import MetrifoxModule in feature modules
+     */
+    static forChild(): ModuleWithProviders<MetrifoxModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MetrifoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MetrifoxModule, never, [typeof i1.CommonModule, typeof i2.CustomerPortalComponent, typeof i3.PricingTableComponent], [typeof i2.CustomerPortalComponent, typeof i3.PricingTableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MetrifoxModule>;
+}
+/**
+ * Provide Metrifox for standalone applications
+ *
+ * @example
+ * ```typescript
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideMetrifox({
+ *       clientKey: 'your-client-key'
+ *     })
+ *   ]
+ * });
+ * ```
+ */
+export declare function provideMetrifox(config?: MetrifoxConfig): (typeof MetrifoxService | import("@angular/core").EnvironmentProviders)[];

package/lib/metrifox.service.d.ts

@@ -0,0 +1,190 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { MetrifoxConfig, Theme, CustomerDetails, Product, ProductPlans, BillingHistory, EntitlementUsage, EntitlementSummary, Wallet, CreditAllocation, Invoice, CustomerPortalTheme, PricingTableTheme, CssVarMap, Localization, LocalizationSettings, WalletSetting, CreateWalletSettings } from './types';
+import * as i0 from "@angular/core";
+/**
+ * Error thrown when SDK is not initialized
+ */
+export declare class MetrifoxNotInitializedError extends Error {
+    constructor();
+}
+/**
+ * Metrifox SDK Service
+ *
+ * Core service for the Metrifox Angular SDK. Handles initialization,
+ * configuration management, and API interactions.
+ *
+ * @example
+ * ```typescript
+ * // Initialize in your app
+ * MetrifoxService.initialize({
+ *   clientKey: 'your-client-key',
+ *   theme: { ... }
+ * });
+ * ```
+ */
+export declare class MetrifoxService {
+    private http;
+    private static _config;
+    private static _initialized;
+    private static configSubject;
+    constructor(http: HttpClient);
+    /**
+     * Initialize the Metrifox SDK with configuration
+     * This is equivalent to React SDK's metrifoxInit()
+     */
+    static initialize(config: MetrifoxConfig): void;
+    /**
+     * Get the current configuration
+     */
+    static getConfig(): MetrifoxConfig | null;
+    /**
+     * Check if SDK is initialized
+     */
+    static isInitialized(): boolean;
+    /**
+     * Get the client key
+     */
+    static getClientKey(): string;
+    /**
+     * Get the base URL
+     */
+    static getBaseUrl(): string;
+    /**
+     * Get the web app URL
+     */
+    static getWebAppUrl(): string;
+    /**
+     * Get the current theme
+     */
+    static getTheme(): Theme | undefined;
+    /**
+     * Update the theme configuration
+     */
+    static updateTheme(theme: Theme): void;
+    /**
+     * Observable for config changes
+     */
+    static get config$(): Observable<MetrifoxConfig | null>;
+    /**
+     * Get HTTP headers for API requests
+     */
+    private getHeaders;
+    /**
+     * Handle HTTP errors
+     */
+    private handleError;
+    /**
+     * Get customer details
+     */
+    getCustomerDetails(customerKey: string): Observable<CustomerDetails>;
+    /**
+     * Get customer wallets
+     */
+    getCustomerWallets(customerKey: string): Observable<Wallet[]>;
+    /**
+     * Get billing history for a subscription
+     */
+    getBillingHistory(subscriptionId: string, params?: {
+        page?: number;
+        limit?: number;
+    }): Observable<BillingHistory[]>;
+    /**
+     * Get invoice details
+     */
+    getInvoiceDetails(invoiceId: string): Observable<Invoice>;
+    /**
+     * Get entitlement usage
+     */
+    getEntitlementUsage(subscriptionId: string): Observable<EntitlementUsage[]>;
+    /**
+     * Get entitlement summary for a subscription
+     */
+    getEntitlementSummary(subscriptionId: string): Observable<EntitlementSummary[]>;
+    /**
+     * Get credit allocations for a wallet
+     */
+    getCreditAllocations(walletId: string, status?: string): Observable<CreditAllocation[]>;
+    /**
+     * Get credit transactions for an allocation
+     */
+    getCreditTransactions(allocationId: string): Observable<any>;
+    /**
+     * Read wallet settings for customer
+     */
+    readWalletSettings(customerKey: string): Observable<WalletSetting[]>;
+    /**
+     * Create wallet settings
+     */
+    createWalletSettings(payload: CreateWalletSettings): Observable<any>;
+    /**
+     * Edit wallet settings
+     */
+    editWalletSettings(id: string, payload: CreateWalletSettings): Observable<any>;
+    /**
+     * Delete wallet settings
+     */
+    deleteWalletSettings(id: string): Observable<any>;
+    /**
+     * Cancel subscription (schedule cancellation)
+     */
+    cancelSubscription(subscriptionId: string, options?: {
+        cancel_at_period_end?: boolean;
+        reason?: string;
+    }): Observable<{
+        success: boolean;
+    }>;
+    /**
+     * Revert subscription cancellation
+     */
+    revertCancelSubscription(subscriptionId: string): Observable<{
+        success: boolean;
+    }>;
+    /**
+     * Get public product details (for pricing table)
+     */
+    getPublicProduct(productKey: string, checkoutUsername: string, countryCode?: string): Observable<Product>;
+    /**
+     * Get localization settings for pricing table
+     */
+    getLocalizationSettings(checkoutUsername: string): Observable<LocalizationSettings>;
+    /**
+     * Get product localizations for pricing table
+     */
+    getProductLocalizations(productKey: string, checkoutUsername: string): Observable<Localization[]>;
+    /**
+     * Get product plans (published plans for a product)
+     * Note: Returns Offering[] directly, not ParentOffering[]
+     */
+    getProductPlans(productKey?: string, customerKey?: string): Observable<ProductPlans>;
+    /**
+     * Get checkout URL for an offering
+     */
+    getCheckoutUrl(params: {
+        offeringKey: string;
+        billingInterval?: string;
+        customerKey?: string;
+    }): Observable<string>;
+    /**
+     * Build checkout URL manually
+     */
+    buildCheckoutUrl(checkoutUsername: string, offeringKey: string, options?: {
+        billingPeriod?: string;
+        localization?: string;
+    }): string;
+    /**
+     * Convert CustomerPortal theme to CSS variables
+     */
+    static customerPortalThemeToCssVars(theme: CustomerPortalTheme): CssVarMap;
+    /**
+     * Convert PricingTable theme to CSS variables
+     */
+    static pricingTableThemeToCssVars(theme: PricingTableTheme): CssVarMap;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MetrifoxService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MetrifoxService>;
+}
+/**
+ * Function to initialize Metrifox SDK
+ * This is the equivalent of React SDK's metrifoxInit()
+ */
+export declare function metrifoxInit(config: MetrifoxConfig): void;