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

package/dist/types.js

@@ -0,0 +1,158 @@
+"use strict";
+/**
+ * Type definitions matching the web PaywallComponent structure
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEffectiveBackgroundColor = getEffectiveBackgroundColor;
+exports.hasGradientBackground = hasGradientBackground;
+exports.getGradientConfig = getGradientConfig;
+exports.getEffectiveTypographyColor = getEffectiveTypographyColor;
+exports.hasTransform = hasTransform;
+exports.getEffectiveBorderColor = getEffectiveBorderColor;
+exports.getEffectiveShadowColor = getEffectiveShadowColor;
+exports.normalizeThemeColors = normalizeThemeColors;
+/**
+ * Get effective background color from appearance
+ * Priority: fill.color → backgroundColorObj.resolvedColor → backgroundColor
+ */
+function getEffectiveBackgroundColor(appearance) {
+    var _a, _b, _c, _d, _e;
+    // Check fill first
+    if (appearance.fill) {
+        if (typeof appearance.fill === 'string') {
+            return appearance.fill;
+        }
+        if (appearance.fill.color) {
+            return appearance.fill.color;
+        }
+        if ((_c = (_b = (_a = appearance.fill.gradient) === null || _a === void 0 ? void 0 : _a.stops) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.color) {
+            return appearance.fill.gradient.stops[0].color;
+        }
+    }
+    // Check backgroundColorObj
+    if ((_d = appearance.backgroundColorObj) === null || _d === void 0 ? void 0 : _d.resolvedColor) {
+        return appearance.backgroundColorObj.resolvedColor;
+    }
+    // Fallback to backgroundColor
+    if (appearance.backgroundColor) {
+        if (typeof appearance.backgroundColor === 'string') {
+            return appearance.backgroundColor;
+        }
+        return (_e = appearance.backgroundColor.resolvedColor) !== null && _e !== void 0 ? _e : appearance.backgroundColor.color;
+    }
+    return undefined;
+}
+/**
+ * Check if appearance has a gradient background
+ */
+function hasGradientBackground(appearance) {
+    var _a;
+    if (appearance.fill && typeof appearance.fill === 'object' && appearance.fill.type === 'gradient') {
+        return true;
+    }
+    if (((_a = appearance.backgroundColorObj) === null || _a === void 0 ? void 0 : _a.type) === 'gradient') {
+        return true;
+    }
+    if (appearance.backgroundColor && typeof appearance.backgroundColor === 'object' && appearance.backgroundColor.type === 'gradient') {
+        return true;
+    }
+    return false;
+}
+/**
+ * Get gradient config from appearance
+ */
+function getGradientConfig(appearance) {
+    var _a;
+    if (appearance.fill && typeof appearance.fill === 'object' && appearance.fill.gradient) {
+        return appearance.fill.gradient;
+    }
+    if ((_a = appearance.backgroundColorObj) === null || _a === void 0 ? void 0 : _a.gradient) {
+        return appearance.backgroundColorObj.gradient;
+    }
+    if (appearance.backgroundColor && typeof appearance.backgroundColor === 'object' && appearance.backgroundColor.gradient) {
+        return appearance.backgroundColor.gradient;
+    }
+    return undefined;
+}
+// Helper functions for Phase 4 types
+/** Get effective typography color */
+function getEffectiveTypographyColor(typography) {
+    var _a, _b, _c;
+    return (_c = (_a = typography.resolvedColor) !== null && _a !== void 0 ? _a : (_b = typography.textColorObj) === null || _b === void 0 ? void 0 : _b.resolvedColor) !== null && _c !== void 0 ? _c : typography.color;
+}
+/** Check if transform has any transformation applied */
+function hasTransform(transform) {
+    return transform.rotation != null ||
+        transform.rotationX != null ||
+        transform.rotationY != null ||
+        transform.scaleX != null ||
+        transform.scaleY != null ||
+        transform.translateX != null ||
+        transform.translateY != null ||
+        transform.skewX != null ||
+        transform.skewY != null;
+}
+/** Get effective border color */
+function getEffectiveBorderColor(border) {
+    var _a;
+    return (_a = border.resolvedColor) !== null && _a !== void 0 ? _a : border.color;
+}
+/** Get effective shadow color */
+function getEffectiveShadowColor(shadow) {
+    var _a;
+    return (_a = shadow.resolvedColor) !== null && _a !== void 0 ? _a : shadow.color;
+}
+/** Default dark theme colors */
+const DARK_DEFAULTS = {
+    primary: '#3B82F6', primaryForeground: '#FFFFFF',
+    secondary: '#22C55E', secondaryForeground: '#FFFFFF',
+    background: '#141421', foreground: '#FAFAFA',
+    card: '#1E1E35', cardForeground: '#FAFAFA',
+    muted: '#1E1E35', mutedForeground: '#8B8BA3',
+    border: '#2A2A45',
+    accent: '#8B5CF6', accentForeground: '#FFFFFF',
+    destructive: '#EF4444', destructiveForeground: '#FFFFFF',
+    input: '#2A2A45', ring: '#3B82F6',
+    popover: '#1E1E35', popoverForeground: '#FAFAFA',
+    success: '#22C55E', successForeground: '#FFFFFF',
+    warning: '#F59E0B', warningForeground: '#FFFFFF',
+    info: '#3B82F6', infoForeground: '#FFFFFF',
+};
+/**
+ * Normalize any theme config (legacy or canonical) into the 26-field ThemeColors.
+ * Maps legacy field names (primaryColor, backgroundColor, etc.) to canonical names.
+ */
+function normalizeThemeColors(config) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35;
+    if (!config)
+        return { ...DARK_DEFAULTS };
+    const colors = (_a = config.colors) !== null && _a !== void 0 ? _a : {};
+    const resolved = (_b = config.resolvedColors) !== null && _b !== void 0 ? _b : {};
+    return {
+        primary: (_e = (_d = (_c = colors.primary) !== null && _c !== void 0 ? _c : resolved['primary']) !== null && _d !== void 0 ? _d : config.primaryColor) !== null && _e !== void 0 ? _e : DARK_DEFAULTS.primary,
+        primaryForeground: (_g = (_f = colors.primaryForeground) !== null && _f !== void 0 ? _f : resolved['primary-foreground']) !== null && _g !== void 0 ? _g : DARK_DEFAULTS.primaryForeground,
+        secondary: (_k = (_j = (_h = colors.secondary) !== null && _h !== void 0 ? _h : resolved['secondary']) !== null && _j !== void 0 ? _j : config.secondaryColor) !== null && _k !== void 0 ? _k : DARK_DEFAULTS.secondary,
+        secondaryForeground: (_m = (_l = colors.secondaryForeground) !== null && _l !== void 0 ? _l : resolved['secondary-foreground']) !== null && _m !== void 0 ? _m : DARK_DEFAULTS.secondaryForeground,
+        background: (_q = (_p = (_o = colors.background) !== null && _o !== void 0 ? _o : resolved['background']) !== null && _p !== void 0 ? _p : config.backgroundColor) !== null && _q !== void 0 ? _q : DARK_DEFAULTS.background,
+        foreground: (_t = (_s = (_r = colors.foreground) !== null && _r !== void 0 ? _r : resolved['foreground']) !== null && _s !== void 0 ? _s : config.textColor) !== null && _t !== void 0 ? _t : DARK_DEFAULTS.foreground,
+        card: (_w = (_v = (_u = colors.card) !== null && _u !== void 0 ? _u : resolved['card']) !== null && _v !== void 0 ? _v : config.cardColor) !== null && _w !== void 0 ? _w : DARK_DEFAULTS.card,
+        cardForeground: (_y = (_x = colors.cardForeground) !== null && _x !== void 0 ? _x : resolved['card-foreground']) !== null && _y !== void 0 ? _y : DARK_DEFAULTS.cardForeground,
+        muted: (_1 = (_0 = (_z = colors.muted) !== null && _z !== void 0 ? _z : resolved['muted']) !== null && _0 !== void 0 ? _0 : config.mutedColor) !== null && _1 !== void 0 ? _1 : DARK_DEFAULTS.muted,
+        mutedForeground: (_3 = (_2 = colors.mutedForeground) !== null && _2 !== void 0 ? _2 : resolved['muted-foreground']) !== null && _3 !== void 0 ? _3 : DARK_DEFAULTS.mutedForeground,
+        border: (_6 = (_5 = (_4 = colors.border) !== null && _4 !== void 0 ? _4 : resolved['border']) !== null && _5 !== void 0 ? _5 : config.borderColor) !== null && _6 !== void 0 ? _6 : DARK_DEFAULTS.border,
+        accent: (_9 = (_8 = (_7 = colors.accent) !== null && _7 !== void 0 ? _7 : resolved['accent']) !== null && _8 !== void 0 ? _8 : config.accentColor) !== null && _9 !== void 0 ? _9 : DARK_DEFAULTS.accent,
+        accentForeground: (_11 = (_10 = colors.accentForeground) !== null && _10 !== void 0 ? _10 : resolved['accent-foreground']) !== null && _11 !== void 0 ? _11 : DARK_DEFAULTS.accentForeground,
+        destructive: (_13 = (_12 = colors.destructive) !== null && _12 !== void 0 ? _12 : resolved['destructive']) !== null && _13 !== void 0 ? _13 : DARK_DEFAULTS.destructive,
+        destructiveForeground: (_15 = (_14 = colors.destructiveForeground) !== null && _14 !== void 0 ? _14 : resolved['destructive-foreground']) !== null && _15 !== void 0 ? _15 : DARK_DEFAULTS.destructiveForeground,
+        input: (_17 = (_16 = colors.input) !== null && _16 !== void 0 ? _16 : resolved['input']) !== null && _17 !== void 0 ? _17 : DARK_DEFAULTS.input,
+        ring: (_19 = (_18 = colors.ring) !== null && _18 !== void 0 ? _18 : resolved['ring']) !== null && _19 !== void 0 ? _19 : DARK_DEFAULTS.ring,
+        popover: (_21 = (_20 = colors.popover) !== null && _20 !== void 0 ? _20 : resolved['popover']) !== null && _21 !== void 0 ? _21 : DARK_DEFAULTS.popover,
+        popoverForeground: (_23 = (_22 = colors.popoverForeground) !== null && _22 !== void 0 ? _22 : resolved['popover-foreground']) !== null && _23 !== void 0 ? _23 : DARK_DEFAULTS.popoverForeground,
+        success: (_25 = (_24 = colors.success) !== null && _24 !== void 0 ? _24 : resolved['success']) !== null && _25 !== void 0 ? _25 : DARK_DEFAULTS.success,
+        successForeground: (_27 = (_26 = colors.successForeground) !== null && _26 !== void 0 ? _26 : resolved['success-foreground']) !== null && _27 !== void 0 ? _27 : DARK_DEFAULTS.successForeground,
+        warning: (_29 = (_28 = colors.warning) !== null && _28 !== void 0 ? _28 : resolved['warning']) !== null && _29 !== void 0 ? _29 : DARK_DEFAULTS.warning,
+        warningForeground: (_31 = (_30 = colors.warningForeground) !== null && _30 !== void 0 ? _30 : resolved['warning-foreground']) !== null && _31 !== void 0 ? _31 : DARK_DEFAULTS.warningForeground,
+        info: (_33 = (_32 = colors.info) !== null && _32 !== void 0 ? _32 : resolved['info']) !== null && _33 !== void 0 ? _33 : DARK_DEFAULTS.info,
+        infoForeground: (_35 = (_34 = colors.infoForeground) !== null && _34 !== void 0 ? _34 : resolved['info-foreground']) !== null && _35 !== void 0 ? _35 : DARK_DEFAULTS.infoForeground,
+    };
+}

package/dist/utils/ApiClient.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Unified API Client for BillDog React Native SDK
+ *
+ * Centralizes all `fetch()` calls to BillDog edge functions with:
+ * - Automatic `api_key` injection into every JSON body
+ * - Endpoint resolution via `BillDogConfiguration.resolveEndpoint()`
+ * - Consistent `Content-Type: application/json` header
+ * - Error handling with structured exceptions
+ *
+ * This eliminates the previous fragmentation where 7 files independently
+ * constructed URLs, resolved auth, and called `fetch()` with inconsistent
+ * header/body patterns.
+ */
+export interface ApiClientResponse<T = any> {
+    data: T;
+    status: number;
+}
+export declare class ApiClientError extends Error {
+    readonly status: number;
+    readonly responseBody: any;
+    constructor(message: string, status: number, responseBody?: any);
+}
+/**
+ * Resolve endpoint URL — delegates to `BillDogConfiguration.resolveEndpoint()`
+ * (the single branded base, `https://api.billdog.io/v1`).
+ */
+declare function resolveEndpoint(functionName: string): string;
+/**
+ * Resolve the API key.
+ * If a deprecated `apiKey` override is provided, it takes precedence.
+ * Otherwise reads from `BillDogConfiguration`.
+ */
+declare function resolveApiKey(apiKeyOverride?: string): string | undefined;
+export declare const ApiClient: {
+    /**
+     * POST to a BillDog edge function.
+     *
+     * - Injects `api_key` into the JSON body (standard auth contract).
+     * - Resolves endpoint via configuration.
+     * - Throws `ApiClientError` on non-2xx responses.
+     *
+     * @param functionName - Edge function name (e.g. 'fetch-paywall')
+     * @param body - Request body (api_key will be injected automatically)
+     * @param options - Optional overrides for backward compatibility
+     */
+    post<T = any>(functionName: string, body?: Record<string, any>, options?: {
+        /** @deprecated Use BillDogConfiguration.configure({ apiKey }) */
+        apiKey?: string;
+    }): Promise<T>;
+    /**
+     * GET request to a raw URL (e.g. version check endpoints).
+     * Does NOT inject api_key — use only for unauthenticated endpoints.
+     */
+    get<T = any>(url: string): Promise<T>;
+    /**
+     * Convenience: resolve an API key for external use (e.g. hooks that need
+     * to check if a key is available before calling).
+     */
+    resolveApiKey: typeof resolveApiKey;
+    /**
+     * Convenience: resolve an endpoint URL for external use.
+     */
+    resolveEndpoint: typeof resolveEndpoint;
+};
+export {};

package/dist/utils/ApiClient.js

@@ -0,0 +1,132 @@
+"use strict";
+/**
+ * Unified API Client for BillDog React Native SDK
+ *
+ * Centralizes all `fetch()` calls to BillDog edge functions with:
+ * - Automatic `api_key` injection into every JSON body
+ * - Endpoint resolution via `BillDogConfiguration.resolveEndpoint()`
+ * - Consistent `Content-Type: application/json` header
+ * - Error handling with structured exceptions
+ *
+ * This eliminates the previous fragmentation where 7 files independently
+ * constructed URLs, resolved auth, and called `fetch()` with inconsistent
+ * header/body patterns.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApiClient = exports.ApiClientError = void 0;
+const BillDogConfiguration_1 = require("../BillDogConfiguration");
+class ApiClientError extends Error {
+    constructor(message, status, responseBody) {
+        super(message);
+        this.name = 'ApiClientError';
+        this.status = status;
+        this.responseBody = responseBody;
+    }
+}
+exports.ApiClientError = ApiClientError;
+/**
+ * Resolve endpoint URL — delegates to `BillDogConfiguration.resolveEndpoint()`
+ * (the single branded base, `https://api.billdog.io/v1`).
+ */
+function resolveEndpoint(functionName) {
+    return BillDogConfiguration_1.BillDogConfiguration.resolveEndpoint(functionName);
+}
+/**
+ * Worker-less fallback endpoint — `direct.billdog.io/functions/v1/<fn>`.
+ * `direct.billdog.io` is a Supabase custom domain with NO Cloudflare Worker,
+ * so it uses the native Supabase `/functions/v1/` path (not the Worker's
+ * `/v1/` alias). Used when `api.billdog.io` is unreachable.
+ */
+function directEndpoint(functionName) {
+    return `https://direct.billdog.io/functions/v1/${functionName}`;
+}
+/**
+ * Resolve the API key.
+ * If a deprecated `apiKey` override is provided, it takes precedence.
+ * Otherwise reads from `BillDogConfiguration`.
+ */
+function resolveApiKey(apiKeyOverride) {
+    if (apiKeyOverride)
+        return apiKeyOverride;
+    if (BillDogConfiguration_1.BillDogConfiguration.isConfigured()) {
+        return BillDogConfiguration_1.BillDogConfiguration.getApiKey();
+    }
+    return undefined;
+}
+exports.ApiClient = {
+    /**
+     * POST to a BillDog edge function.
+     *
+     * - Injects `api_key` into the JSON body (standard auth contract).
+     * - Resolves endpoint via configuration.
+     * - Throws `ApiClientError` on non-2xx responses.
+     *
+     * @param functionName - Edge function name (e.g. 'fetch-paywall')
+     * @param body - Request body (api_key will be injected automatically)
+     * @param options - Optional overrides for backward compatibility
+     */
+    async post(functionName, body = {}, options) {
+        const apiKey = resolveApiKey(options === null || options === void 0 ? void 0 : options.apiKey);
+        const fullBody = {
+            ...body,
+            ...(apiKey ? { api_key: apiKey } : {}),
+        };
+        const init = {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(fullBody),
+        };
+        let response;
+        try {
+            response = await fetch(resolveEndpoint(functionName), init);
+            // A gateway error means the api.billdog.io edge / Worker is unhealthy —
+            // retry once against the Worker-less direct path.
+            if (response.status === 502 || response.status === 503 || response.status === 504) {
+                try {
+                    response = await fetch(directEndpoint(functionName), init);
+                }
+                catch {
+                    /* keep the gateway response — surfaced as the error below */
+                }
+            }
+        }
+        catch {
+            // Transport failure — api.billdog.io is unreachable (Cloudflare Worker
+            // outage). Fall back to direct.billdog.io (plain DNS → Supabase, no Worker).
+            response = await fetch(directEndpoint(functionName), init);
+        }
+        if (!response.ok) {
+            const errorBody = await response.json().catch(() => ({ error: response.statusText }));
+            throw new ApiClientError(errorBody.error || `Request to ${functionName} failed: ${response.statusText}`, response.status, errorBody);
+        }
+        return response.json();
+    },
+    /**
+     * GET request to a raw URL (e.g. version check endpoints).
+     * Does NOT inject api_key — use only for unauthenticated endpoints.
+     */
+    async get(url) {
+        const response = await fetch(url, {
+            method: 'GET',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+        });
+        if (!response.ok) {
+            const errorBody = await response.json().catch(() => ({ error: response.statusText }));
+            throw new ApiClientError(`GET ${url} failed: ${response.statusText}`, response.status, errorBody);
+        }
+        return response.json();
+    },
+    /**
+     * Convenience: resolve an API key for external use (e.g. hooks that need
+     * to check if a key is available before calling).
+     */
+    resolveApiKey,
+    /**
+     * Convenience: resolve an endpoint URL for external use.
+     */
+    resolveEndpoint,
+};

package/dist/utils/CSSConverter.d.ts

@@ -0,0 +1,49 @@
+/**
+ * CSS to React Native Style Converter
+ * Converts CSS strings to React Native StyleSheet-compatible objects
+ * Enhanced with gradient detection and unified style generation
+ */
+import { ViewStyle, TextStyle, ImageStyle } from 'react-native';
+export interface GradientStop {
+    color: string;
+    position: number;
+}
+export interface GradientConfig {
+    type: 'linear' | 'radial';
+    angle?: number;
+    stops: GradientStop[];
+}
+export interface CSSConversionResult {
+    style: ViewStyle | TextStyle | ImageStyle;
+    warnings: string[];
+    /** If true, the component requires a LinearGradient wrapper */
+    requiresGradient?: boolean;
+    /** Gradient configuration for LinearGradient component */
+    gradient?: GradientConfig;
+    /** Fallback solid color if gradient can't be rendered */
+    fallbackColor?: string;
+}
+/**
+ * Convert CSS string to React Native styles
+ * Now with gradient detection and extraction
+ */
+export declare function convertCSSToReactNative(css: string): CSSConversionResult;
+/**
+ * Validate CSS for native compatibility
+ */
+export declare function validateCSSForNative(css: string): string[];
+/**
+ * Convert gradient angle to LinearGradient start/end points
+ * CSS angle: 0deg = bottom to top, 90deg = left to right
+ * LinearGradient: start/end are {x, y} where 0,0 is top-left
+ */
+export declare function angleToGradientPoints(angle: number): {
+    start: {
+        x: number;
+        y: number;
+    };
+    end: {
+        x: number;
+        y: number;
+    };
+};