@billdog.io/react-native 1.0.0-beta.2

package/dist/PaywallView.js

@@ -0,0 +1,275 @@
+"use strict";
+/**
+ * PaywallView - Main React Native component for rendering paywalls
+ *
+ * Credentials and API base URL are resolved from BillDogConfiguration.
+ * Pass an `apiKey` prop only for backward compatibility.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaywallView = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const ComponentRenderer_1 = require("./ComponentRenderer");
+const PaywallStateManager_1 = require("./PaywallStateManager");
+const usePaywall_1 = require("./hooks/usePaywall");
+const deviceDetection_1 = require("./utils/deviceDetection");
+const LayoutEngine_1 = require("./LayoutEngine");
+const LocalizationResolver_1 = require("./LocalizationResolver");
+const PaywallView = ({ paywallIdentifier, configuration: providedConfiguration, apiKey, onButtonPress, onDismiss, LoadingComponent, ErrorComponent, }) => {
+    var _a, _b;
+    const [deviceCategory, setDeviceCategory] = (0, react_1.useState)((0, deviceDetection_1.detectDeviceCategory)());
+    // ── ELEMENT STATE ────────────────────────────────────────────────────────────
+    // Components have always called a `stateManager` prop (updateState /
+    // subscribeToState / getState / setState) but nothing ever supplied one, and every
+    // call site optional-chains — so the whole cross-component state protocol was a
+    // silent no-op. Supplying the shared manager here activates it for the tree.
+    //
+    // Reset DURING FIRST RENDER, not in an effect: React runs child effects BEFORE
+    // parent effects, so clearing on mount would wipe the subscriptions the children
+    // just registered and leave every component permanently deaf. (Inverted from the
+    // native SDKs, where the parent clears first and children subscribe after.) The ref
+    // guard keeps it once-per-presentation and StrictMode-safe.
+    const stateResetRef = (0, react_1.useRef)(false);
+    if (!stateResetRef.current) {
+        PaywallStateManager_1.paywallStateManager.clearAll();
+        stateResetRef.current = true;
+    }
+    (0, react_1.useEffect)(() => () => PaywallStateManager_1.paywallStateManager.clearAll(), []);
+    // Fetch paywall if identifier is provided
+    const { configuration, loading, error, refetch } = (0, usePaywall_1.usePaywall)({
+        paywallIdentifier,
+        apiKey,
+        skipFetch: !!providedConfiguration,
+    });
+    // Listen for orientation changes
+    (0, react_1.useEffect)(() => {
+        const subscription = react_native_1.Dimensions.addEventListener('change', () => {
+            const newCategory = (0, deviceDetection_1.detectDeviceCategory)();
+            if (newCategory !== deviceCategory) {
+                setDeviceCategory(newCategory);
+                if (!providedConfiguration) {
+                    refetch();
+                }
+            }
+        });
+        return () => subscription === null || subscription === void 0 ? void 0 : subscription.remove();
+    }, [deviceCategory, providedConfiguration]);
+    // Use provided configuration or fetched configuration
+    const activeConfiguration = providedConfiguration || configuration;
+    /**
+     * Unwrap nested configuration structure
+     */
+    const unwrappedConfig = (0, react_1.useMemo)(() => {
+        var _a, _b, _c;
+        if (!activeConfiguration)
+            return null;
+        const config = activeConfiguration;
+        if (config.configuration && typeof config.configuration === 'object') {
+            const deviceConfig = config.configuration[deviceCategory] ||
+                config.configuration['phone_portrait'] ||
+                Object.values(config.configuration)[0];
+            if (deviceConfig && typeof deviceConfig === 'object') {
+                return {
+                    ...deviceConfig,
+                    wallConfigTheme: (_a = config.wallConfig) === null || _a === void 0 ? void 0 : _a.themeConfig,
+                };
+            }
+        }
+        if (((_b = config[deviceCategory]) === null || _b === void 0 ? void 0 : _b.theme) || ((_c = config[deviceCategory]) === null || _c === void 0 ? void 0 : _c.components)) {
+            return config[deviceCategory];
+        }
+        return config;
+    }, [activeConfiguration, deviceCategory]);
+    /**
+     * Comprehensive theme resolution
+     */
+    const resolvedTheme = (0, react_1.useMemo)(() => {
+        var _a, _b, _c, _d;
+        if (!unwrappedConfig)
+            return undefined;
+        const config = unwrappedConfig;
+        if ((_a = config.theme) === null || _a === void 0 ? void 0 : _a.resolvedColors) {
+            return {
+                ...config.theme,
+                themingMode: config.theme.themingMode || 'full',
+            };
+        }
+        if ((_b = config.wallConfigTheme) === null || _b === void 0 ? void 0 : _b.resolvedColors) {
+            return config.wallConfigTheme;
+        }
+        if ((_c = config.structured) === null || _c === void 0 ? void 0 : _c.themes) {
+            const structuredTheme = config.structured.themes[deviceCategory] ||
+                config.structured.themes['phone_portrait'];
+            if (structuredTheme === null || structuredTheme === void 0 ? void 0 : structuredTheme.resolvedColors) {
+                return structuredTheme;
+            }
+        }
+        if ((_d = config.theme) === null || _d === void 0 ? void 0 : _d.colors) {
+            return {
+                primaryColor: config.theme.colors.primary,
+                secondaryColor: config.theme.colors.secondary,
+                backgroundColor: config.theme.colors.background,
+                textColor: config.theme.colors.foreground || config.theme.colors.text,
+                cardColor: config.theme.colors.card,
+                mutedColor: config.theme.colors.muted,
+                borderColor: config.theme.colors.border,
+                accentColor: config.theme.colors.accent,
+                resolvedColors: config.theme.colors,
+                themingMode: config.theme.themingMode || 'full',
+            };
+        }
+        return config.theme;
+    }, [unwrappedConfig, deviceCategory]);
+    // Initialize ThemeColorResolver with resolved theme colors
+    (0, react_1.useEffect)(() => {
+        if (resolvedTheme) {
+            const themeForResolver = {};
+            if (resolvedTheme.primaryColor)
+                themeForResolver.primaryColor = resolvedTheme.primaryColor;
+            if (resolvedTheme.secondaryColor)
+                themeForResolver.secondaryColor = resolvedTheme.secondaryColor;
+            if (resolvedTheme.backgroundColor)
+                themeForResolver.backgroundColor = resolvedTheme.backgroundColor;
+            if (resolvedTheme.textColor)
+                themeForResolver.textColor = resolvedTheme.textColor;
+            if (resolvedTheme.cardColor)
+                themeForResolver.cardColor = resolvedTheme.cardColor;
+            if (resolvedTheme.mutedColor)
+                themeForResolver.mutedColor = resolvedTheme.mutedColor;
+            if (resolvedTheme.borderColor)
+                themeForResolver.borderColor = resolvedTheme.borderColor;
+            if (resolvedTheme.accentColor)
+                themeForResolver.accentColor = resolvedTheme.accentColor;
+            if (resolvedTheme.resolvedColors) {
+                Object.entries(resolvedTheme.resolvedColors).forEach(([key, value]) => {
+                    if (typeof value === 'string') {
+                        themeForResolver[key] = value;
+                    }
+                });
+            }
+            LayoutEngine_1.ThemeColorResolver.setTheme(themeForResolver);
+            console.log('[PaywallView] Theme initialized:', themeForResolver);
+        }
+        else {
+            LayoutEngine_1.ThemeColorResolver.setTheme(null);
+        }
+    }, [resolvedTheme]);
+    if (loading && !activeConfiguration) {
+        if (LoadingComponent) {
+            return <LoadingComponent />;
+        }
+        return (<react_native_1.View style={styles.centered}>
+        <react_native_1.ActivityIndicator size="large" color="#007AFF"/>
+      </react_native_1.View>);
+    }
+    if (error && !activeConfiguration) {
+        if (ErrorComponent) {
+            return <ErrorComponent error={error}/>;
+        }
+        return <react_native_1.View style={styles.centered}/>;
+    }
+    if (!activeConfiguration) {
+        return null;
+    }
+    const backgroundColor = (resolvedTheme === null || resolvedTheme === void 0 ? void 0 : resolvedTheme.backgroundColor) ||
+        ((_a = resolvedTheme === null || resolvedTheme === void 0 ? void 0 : resolvedTheme.resolvedColors) === null || _a === void 0 ? void 0 : _a.background) ||
+        '#FFFFFF';
+    // Layout direction — RTL when the dashboard set an explicit
+    // `theme.direction: 'rtl'` override, or when the effective locale's
+    // language is right-to-left. Mirrors Android `PaywallScreen.kt:431-458`.
+    // Applied as a Yoga `direction` style so flex layout mirrors for the
+    // whole component tree (row reverses, start/end flip).
+    const layoutDirection = (() => {
+        var _a, _b;
+        const explicit = (_b = (_a = unwrappedConfig === null || unwrappedConfig === void 0 ? void 0 : unwrappedConfig.theme) === null || _a === void 0 ? void 0 : _a.direction) !== null && _b !== void 0 ? _b : resolvedTheme === null || resolvedTheme === void 0 ? void 0 : resolvedTheme.direction;
+        if (explicit === 'rtl')
+            return 'rtl';
+        if (explicit === 'ltr')
+            return 'ltr';
+        const baseLocale = activeConfiguration === null || activeConfiguration === void 0 ? void 0 : activeConfiguration.baseLocale;
+        const effectiveLocale = LocalizationResolver_1.LocalizationResolver.getEffectiveLocale();
+        // A non-base effective locale wins; otherwise fall back to baseLocale.
+        const localeForDirection = effectiveLocale && effectiveLocale !== baseLocale
+            ? effectiveLocale
+            : (baseLocale || effectiveLocale);
+        return LocalizationResolver_1.LocalizationResolver.isRtlLocale(localeForDirection) ? 'rtl' : 'ltr';
+    })();
+    const components = (unwrappedConfig === null || unwrappedConfig === void 0 ? void 0 : unwrappedConfig.components) || (activeConfiguration === null || activeConfiguration === void 0 ? void 0 : activeConfiguration.components) || [];
+    const absoluteComponents = components.filter((c) => c.absolutePosition);
+    const relativeComponents = components.filter((c) => !c.absolutePosition);
+    const screenLayout = (_b = unwrappedConfig === null || unwrappedConfig === void 0 ? void 0 : unwrappedConfig.theme) === null || _b === void 0 ? void 0 : _b.screenLayout;
+    const contentPadding = (screenLayout === null || screenLayout === void 0 ? void 0 : screenLayout.padding) || { top: 16, right: 16, bottom: 16, left: 16 };
+    return (<react_native_1.View style={[styles.container, { backgroundColor, direction: layoutDirection }]}>
+      <react_native_1.ScrollView style={styles.scrollView} contentContainerStyle={[
+            styles.content,
+            {
+                paddingTop: contentPadding.top,
+                paddingRight: contentPadding.right,
+                paddingBottom: contentPadding.bottom,
+                paddingLeft: contentPadding.left,
+                gap: (screenLayout === null || screenLayout === void 0 ? void 0 : screenLayout.gap) || 16,
+            }
+        ]}>
+        {relativeComponents.map((component) => (<ComponentRenderer_1.ComponentRenderer key={component.id} stateManager={PaywallStateManager_1.paywallStateManager} component={component} configuration={activeConfiguration} theme={resolvedTheme} onButtonPress={onButtonPress}/>))}
+      </react_native_1.ScrollView>
+      
+      {absoluteComponents.length > 0 && (<react_native_1.View style={styles.absoluteContainer} pointerEvents="box-none">
+          {absoluteComponents.map((component) => (<ComponentRenderer_1.ComponentRenderer key={component.id} stateManager={PaywallStateManager_1.paywallStateManager} component={component} configuration={activeConfiguration} theme={resolvedTheme} onButtonPress={onButtonPress}/>))}
+        </react_native_1.View>)}
+    </react_native_1.View>);
+};
+exports.PaywallView = PaywallView;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        position: 'relative',
+    },
+    scrollView: {
+        flex: 1,
+    },
+    content: {
+        flexGrow: 1,
+    },
+    centered: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    absoluteContainer: {
+        ...react_native_1.StyleSheet.absoluteFillObject,
+        zIndex: 10,
+    },
+});

package/dist/ProductVariableProvider.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Product Variable Provider for BillDog React Native SDK
+ *
+ * Generates variable maps from packages for use in VariableResolver.
+ * Enables {{product.price}}, {{product.period}}, {{selectedProduct.*}}, etc.
+ *
+ * Port of Android's ProductVariableProvider.kt with 1:1 variable key parity.
+ */
+export interface PackageInput {
+    identifier: string;
+    packageType?: string;
+    productId?: string;
+    price?: string;
+    rawPrice?: number;
+    currencyCode?: string;
+    title?: string;
+    description?: string;
+    subscriptionPeriod?: {
+        value: number;
+        unit: string;
+    } | null;
+    freeTrialPeriod?: {
+        value: number;
+        unit: string;
+    } | null;
+    introductoryPrice?: {
+        price: number;
+        priceString: string;
+        period?: {
+            value: number;
+            unit: string;
+        };
+    } | null;
+    isSubscription?: boolean;
+    [key: string]: any;
+}
+export interface TrialEligibilityInput {
+    isEligible: boolean;
+    hasUsedTrial?: boolean;
+    [key: string]: any;
+}
+export declare class ProductVariableProvider {
+    private packages;
+    private trialEligibility?;
+    constructor(packages: PackageInput[], trialEligibility?: Record<string, TrialEligibilityInput>);
+    /** Generate variable map for a specific product index */
+    getVariablesForProduct(index: number): Record<string, any>;
+    /** Generate variable map for a specific package (40+ keys) */
+    getVariablesForPackage(pkg: PackageInput): Record<string, any>;
+    /** Generate variables for selected product with "selectedProduct." prefix */
+    getSelectedProductVariables(selectedIndex: number): Record<string, any>;
+    /** Generate all product variables with index prefix (products.0.*, products.1.*, etc.) */
+    getAllProductVariables(): Record<string, any>;
+    /** Generate convenience aliases (primary, secondary, monthly, annual, etc.) */
+    getConvenienceVariables(): Record<string, any>;
+    /** Create provider from an offering */
+    static fromOffering(offering: {
+        packages: PackageInput[];
+    }, trialEligibility?: Record<string, TrialEligibilityInput>): ProductVariableProvider;
+}

package/dist/ProductVariableProvider.js

@@ -0,0 +1,239 @@
+"use strict";
+/**
+ * Product Variable Provider for BillDog React Native SDK
+ *
+ * Generates variable maps from packages for use in VariableResolver.
+ * Enables {{product.price}}, {{product.period}}, {{selectedProduct.*}}, etc.
+ *
+ * Port of Android's ProductVariableProvider.kt with 1:1 variable key parity.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductVariableProvider = void 0;
+class ProductVariableProvider {
+    constructor(packages, trialEligibility) {
+        this.packages = packages;
+        this.trialEligibility = trialEligibility;
+    }
+    /** Generate variable map for a specific product index */
+    getVariablesForProduct(index) {
+        const pkg = this.packages[index];
+        if (!pkg)
+            return {};
+        return this.getVariablesForPackage(pkg);
+    }
+    /** Generate variable map for a specific package (40+ keys) */
+    getVariablesForPackage(pkg) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        const eligibility = (_a = this.trialEligibility) === null || _a === void 0 ? void 0 : _a[(_b = pkg.productId) !== null && _b !== void 0 ? _b : pkg.identifier];
+        const vars = {};
+        // Basic
+        vars['product.identifier'] = pkg.identifier;
+        vars['product.packageType'] = (_c = pkg.packageType) !== null && _c !== void 0 ? _c : 'custom';
+        const hasProduct = pkg.price !== undefined || pkg.rawPrice !== undefined;
+        if (hasProduct) {
+            vars['product.price'] = (_d = pkg.price) !== null && _d !== void 0 ? _d : '';
+            vars['product.rawPrice'] = (_e = pkg.rawPrice) !== null && _e !== void 0 ? _e : 0;
+            vars['product.currencyCode'] = (_f = pkg.currencyCode) !== null && _f !== void 0 ? _f : 'USD';
+            vars['product.currencySymbol'] = getCurrencySymbol((_g = pkg.currencyCode) !== null && _g !== void 0 ? _g : 'USD');
+            vars['product.title'] = (_h = pkg.title) !== null && _h !== void 0 ? _h : '';
+            vars['product.description'] = (_j = pkg.description) !== null && _j !== void 0 ? _j : '';
+            // Period
+            const period = pkg.subscriptionPeriod;
+            if (period) {
+                vars['product.period'] = toDisplayString(period);
+                vars['product.periodShort'] = toShortString(period);
+                vars['product.periodDays'] = totalDays(period);
+                vars['product.periodUnit'] = period.unit;
+                vars['product.periodValue'] = period.value;
+            }
+            // Calculated prices
+            const raw = (_k = pkg.rawPrice) !== null && _k !== void 0 ? _k : 0;
+            const days = period ? totalDays(period) : 0;
+            const daily = days > 0 ? raw / days : raw;
+            const weekly = days > 0 ? (raw / days) * 7 : raw;
+            const monthly = days > 0 ? raw / (days / 30) : raw;
+            const yearly = days > 0 ? (raw / days) * 365 : raw;
+            const cc = (_l = pkg.currencyCode) !== null && _l !== void 0 ? _l : 'USD';
+            vars['product.dailyPrice'] = formatPrice(daily, cc);
+            vars['product.weeklyPrice'] = formatPrice(weekly, cc);
+            vars['product.monthlyPrice'] = formatPrice(monthly, cc);
+            vars['product.yearlyPrice'] = formatPrice(yearly, cc);
+            vars['product.rawDailyPrice'] = daily;
+            vars['product.rawWeeklyPrice'] = weekly;
+            vars['product.rawMonthlyPrice'] = monthly;
+            vars['product.rawYearlyPrice'] = yearly;
+            // Trial
+            const trial = pkg.freeTrialPeriod;
+            vars['product.hasFreeTrial'] = trial != null;
+            if (trial) {
+                vars['product.trialPeriod'] = toDisplayString(trial);
+                vars['product.trialPeriodDays'] = totalDays(trial);
+                vars['product.trialPeriodText'] = formatTrialPeriod(trial);
+            }
+            else {
+                vars['product.trialPeriod'] = '';
+                vars['product.trialPeriodDays'] = 0;
+                vars['product.trialPeriodText'] = '';
+            }
+            vars['product.isTrialEligible'] = (_m = eligibility === null || eligibility === void 0 ? void 0 : eligibility.isEligible) !== null && _m !== void 0 ? _m : (trial != null);
+            // Intro offer
+            const intro = pkg.introductoryPrice;
+            vars['product.hasIntroOffer'] = intro != null;
+            if (intro) {
+                vars['product.introPrice'] = intro.priceString;
+                vars['product.introPriceRaw'] = intro.price;
+                vars['product.introPeriod'] = intro.period ? toDisplayString(intro.period) : '';
+            }
+            else {
+                vars['product.introPrice'] = '';
+                vars['product.introPriceRaw'] = 0;
+                vars['product.introPeriod'] = '';
+            }
+            // User eligibility
+            const isEligibleForIntro = (_o = eligibility === null || eligibility === void 0 ? void 0 : eligibility.isEligible) !== null && _o !== void 0 ? _o : (trial != null || intro != null);
+            const hasUsedTrial = (_p = eligibility === null || eligibility === void 0 ? void 0 : eligibility.hasUsedTrial) !== null && _p !== void 0 ? _p : false;
+            vars['user.isEligibleForIntro'] = isEligibleForIntro;
+            vars['user.hasUsedTrial'] = hasUsedTrial;
+            vars['user.isEligibleForPromo'] = false;
+            // Offer summary
+            const hasAnyOffer = trial != null || intro != null;
+            vars['offer.hasAnyOffer'] = hasAnyOffer;
+            vars['offer.type'] = trial ? 'free_trial' : intro ? 'intro' : 'none';
+            vars['product.isSubscription'] = (_q = pkg.isSubscription) !== null && _q !== void 0 ? _q : (period != null);
+        }
+        else {
+            // Fallback values
+            vars['product.price'] = '';
+            vars['product.rawPrice'] = 0;
+            vars['product.currencyCode'] = 'USD';
+            vars['product.currencySymbol'] = '$';
+            vars['product.title'] = '';
+            vars['product.description'] = '';
+            vars['product.period'] = '';
+            vars['product.periodShort'] = '';
+            vars['product.periodDays'] = 0;
+            vars['product.hasFreeTrial'] = false;
+            vars['product.isTrialEligible'] = false;
+            vars['product.hasIntroOffer'] = false;
+            vars['product.isSubscription'] = false;
+        }
+        return vars;
+    }
+    /** Generate variables for selected product with "selectedProduct." prefix */
+    getSelectedProductVariables(selectedIndex) {
+        const productVars = this.getVariablesForProduct(selectedIndex);
+        const result = {};
+        for (const [key, value] of Object.entries(productVars)) {
+            result[key.replace('product.', 'selectedProduct.')] = value;
+        }
+        return result;
+    }
+    /** Generate all product variables with index prefix (products.0.*, products.1.*, etc.) */
+    getAllProductVariables() {
+        const vars = {};
+        this.packages.forEach((pkg, index) => {
+            const pkgVars = this.getVariablesForPackage(pkg);
+            for (const [key, value] of Object.entries(pkgVars)) {
+                const productKey = key.startsWith('product.') ? key.slice(8) : key;
+                vars[`products.${index}.${productKey}`] = value;
+            }
+        });
+        return vars;
+    }
+    /** Generate convenience aliases (primary, secondary, monthly, annual, etc.) */
+    getConvenienceVariables() {
+        var _a;
+        const vars = {};
+        // Primary = first package
+        if (this.packages[0]) {
+            for (const [key, value] of Object.entries(this.getVariablesForPackage(this.packages[0]))) {
+                const k = key.startsWith('product.') ? key.slice(8) : key;
+                vars[`primary.${k}`] = value;
+            }
+        }
+        // Secondary = second package
+        if (this.packages[1]) {
+            for (const [key, value] of Object.entries(this.getVariablesForPackage(this.packages[1]))) {
+                const k = key.startsWith('product.') ? key.slice(8) : key;
+                vars[`secondary.${k}`] = value;
+            }
+        }
+        // Named packages by type
+        for (const pkg of this.packages) {
+            const typeKey = (_a = pkg.packageType) !== null && _a !== void 0 ? _a : 'custom';
+            for (const [key, value] of Object.entries(this.getVariablesForPackage(pkg))) {
+                const k = key.startsWith('product.') ? key.slice(8) : key;
+                vars[`${typeKey}.${k}`] = value;
+            }
+        }
+        return vars;
+    }
+    /** Create provider from an offering */
+    static fromOffering(offering, trialEligibility) {
+        return new ProductVariableProvider(offering.packages, trialEligibility);
+    }
+}
+exports.ProductVariableProvider = ProductVariableProvider;
+// Helpers
+function getCurrencySymbol(currencyCode) {
+    try {
+        return (0).toLocaleString(undefined, {
+            style: 'currency', currency: currencyCode, minimumFractionDigits: 0, maximumFractionDigits: 0,
+        }).replace(/\d/g, '').trim() || '$';
+    }
+    catch {
+        return '$';
+    }
+}
+function formatPrice(price, currencyCode) {
+    try {
+        return new Intl.NumberFormat(undefined, { style: 'currency', currency: currencyCode }).format(price);
+    }
+    catch {
+        return `$${price.toFixed(2)}`;
+    }
+}
+function totalDays(period) {
+    switch (period.unit) {
+        case 'day': return period.value;
+        case 'week': return period.value * 7;
+        case 'month': return period.value * 30;
+        case 'year': return period.value * 365;
+        default: return period.value;
+    }
+}
+function toDisplayString(period) {
+    const u = period.unit;
+    const v = period.value;
+    const unitStr = v === 1
+        ? (u === 'day' ? 'day' : u === 'week' ? 'week' : u === 'month' ? 'month' : 'year')
+        : (u === 'day' ? 'days' : u === 'week' ? 'weeks' : u === 'month' ? 'months' : 'years');
+    return `${v} ${unitStr}`;
+}
+function toShortString(period) {
+    switch (period.unit) {
+        case 'day': return '/day';
+        case 'week': return '/wk';
+        case 'month': return '/mo';
+        case 'year': return '/yr';
+        default: return `/${period.unit}`;
+    }
+}
+function formatTrialPeriod(period) {
+    const days = totalDays(period);
+    if (days === 1)
+        return '1-day free trial';
+    if (days === 7)
+        return '7-day free trial';
+    if (days === 14)
+        return '2-week free trial';
+    if (days === 30 || days === 31)
+        return '1-month free trial';
+    if (days < 7)
+        return `${days}-day free trial`;
+    if (days % 7 === 0)
+        return `${days / 7}-week free trial`;
+    if (days % 30 === 0)
+        return `${days / 30}-month free trial`;
+    return `${days}-day free trial`;
+}