@octovise/react-native-sdk 1.0.0

package/dist/components/OctoToast.js

@@ -0,0 +1,392 @@
+"use strict";
+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.default = OctoToast;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const OctoImage_1 = require("./OctoImage");
+const toastLayout_1 = require("../toastLayout");
+const carouselStart_1 = require("../carouselStart");
+const { width: SCREEN_WIDTH } = react_native_1.Dimensions.get('window');
+const INSETS = react_native_safe_area_context_1.initialWindowMetrics?.insets ?? { top: 0, right: 0, bottom: 0, left: 0 };
+const AUTO_ADVANCE_MS = 4000;
+const SLIDE_DURATION_MS = 1500;
+const SLIDE_EASING = react_native_1.Easing.bezier(0.16, 1, 0.3, 1);
+const SWIPE_THRESHOLD_RATIO = 0.3;
+function getScale(size) {
+    if (size === 'small')
+        return 0.85;
+    if (size === 'large')
+        return 1.15;
+    return 1;
+}
+function getToastWidth(size) {
+    if (size === 'small')
+        return Math.round(SCREEN_WIDTH * 0.70);
+    if (size === 'large')
+        return Math.round(SCREEN_WIDTH * 0.98);
+    return Math.round(SCREEN_WIDTH * 0.85);
+}
+function OctoToast({ message, visible, onImpression, onCTAPress, onNoneEngagement, onDismiss, onImageError }) {
+    const scale = getScale(message.size);
+    const textScale = getScale(message.text_size);
+    const colors = message.colors || {};
+    const primary = colors.primary || '#6200ee';
+    const bg = colors.background || '#ffffff';
+    const textColor = colors.text || '#333333';
+    const position = message.mobile_position || 'bottom';
+    const clickMode = message.click_mode || 'cta';
+    const toastWidth = getToastWidth(message.size);
+    const imgHeight = Math.round(toastWidth * 9 / 16);
+    const hasText = !!(message.title || message.body);
+    const layout = (0, toastLayout_1.toastLayout)(!!message.image, hasText, message.image_position);
+    const imagePos = message.image_position === 'bottom' ? 'bottom' : 'top';
+    const entryAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(position === 'top' ? -200 : 200)).current;
+    const opacityAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    (0, react_1.useEffect)(() => {
+        if (visible) {
+            onImpression();
+            react_native_1.Animated.parallel([
+                react_native_1.Animated.spring(entryAnim, {
+                    toValue: 0,
+                    useNativeDriver: true,
+                    damping: 20,
+                    stiffness: 200,
+                }),
+                react_native_1.Animated.timing(opacityAnim, {
+                    toValue: 1,
+                    duration: 250,
+                    useNativeDriver: true,
+                }),
+            ]).start();
+        }
+        else {
+            react_native_1.Animated.parallel([
+                react_native_1.Animated.timing(entryAnim, {
+                    toValue: position === 'top' ? -200 : 200,
+                    duration: 300,
+                    useNativeDriver: true,
+                }),
+                react_native_1.Animated.timing(opacityAnim, {
+                    toValue: 0,
+                    duration: 200,
+                    useNativeDriver: true,
+                }),
+            ]).start();
+        }
+    }, [visible]);
+    const bottomGap = react_native_1.Platform.OS === 'ios' ? INSETS.bottom + 24 : Math.min(INSETS.bottom + 24, 24);
+    const positionStyle = position === 'top'
+        ? { top: INSETS.top + 12 }
+        : position === 'center'
+            ? { top: '40%' }
+            : { bottom: bottomGap };
+    const wrapperStyle = [
+        styles.wrapper,
+        positionStyle,
+        {
+            width: toastWidth,
+            opacity: opacityAnim,
+            transform: [{ translateY: entryAnim }],
+        },
+    ];
+    const handlePress = () => {
+        if (clickMode === 'full')
+            onCTAPress();
+        else if (clickMode === 'none')
+            onNoneEngagement();
+    };
+    const tappable = clickMode === 'full' || clickMode === 'none';
+    if (layout === 'imageOnly' && message.image) {
+        const onImagePress = clickMode === 'none'
+            ? onNoneEngagement
+            : (message.cta ? onCTAPress : undefined);
+        return (<react_native_1.Animated.View style={wrapperStyle} pointerEvents="box-none">
+        <react_native_1.TouchableOpacity activeOpacity={onImagePress ? 0.95 : 1} disabled={!onImagePress} onPress={onImagePress} style={[styles.card, { borderRadius: 12 * scale, overflow: 'hidden' }]}>
+          <CloseButton scale={scale} onPress={() => onDismiss('close_button')}/>
+          <OctoImage_1.OctoImage message={message} width={toastWidth} height={imgHeight} corners={{
+                topLeft: 12 * scale,
+                topRight: 12 * scale,
+                bottomLeft: 12 * scale,
+                bottomRight: 12 * scale,
+            }} bleed={{ top: 1, right: 1, bottom: 1, left: 1 }} onError={onImageError} placeholderColor={textColor}/>
+        </react_native_1.TouchableOpacity>
+      </react_native_1.Animated.View>);
+    }
+    if (layout === 'stacked' && message.image) {
+        return (<react_native_1.Animated.View style={wrapperStyle} pointerEvents="box-none">
+        <react_native_1.TouchableOpacity activeOpacity={tappable ? 0.95 : 1} onPress={tappable ? handlePress : undefined} style={[styles.card, { backgroundColor: bg, borderRadius: 12 * scale, overflow: 'hidden' }]}>
+          <CloseButton scale={scale} onPress={() => onDismiss('close_button')}/>
+          <react_native_1.View style={{ flexDirection: imagePos === 'bottom' ? 'column-reverse' : 'column' }}>
+            <OctoImage_1.OctoImage message={message} width={toastWidth} height={imgHeight} corners={imagePos === 'bottom'
+                ? { bottomLeft: 12 * scale, bottomRight: 12 * scale }
+                : { topLeft: 12 * scale, topRight: 12 * scale }} bleed={imagePos === 'bottom'
+                ? { bottom: 1, left: 1, right: 1 }
+                : { top: 1, left: 1, right: 1 }} onError={onImageError} placeholderColor={textColor}/>
+            <react_native_1.View style={{ padding: 14 * scale }}>
+              <ContentBlock message={message} textColor={textColor} primary={primary} textScale={textScale} scale={scale} onCTAPress={onCTAPress} clickMode={clickMode}/>
+            </react_native_1.View>
+          </react_native_1.View>
+        </react_native_1.TouchableOpacity>
+      </react_native_1.Animated.View>);
+    }
+    if (layout === 'textOnly') {
+        return (<react_native_1.Animated.View style={wrapperStyle} pointerEvents="box-none">
+        <react_native_1.TouchableOpacity activeOpacity={tappable ? 0.95 : 1} onPress={tappable ? handlePress : undefined} style={[
+                styles.card,
+                { backgroundColor: bg, borderRadius: 12 * scale, padding: 14 * scale },
+            ]}>
+          <CloseButton scale={scale} onPress={() => onDismiss('close_button')}/>
+          <ContentBlock message={message} textColor={textColor} primary={primary} textScale={textScale} scale={scale} onCTAPress={onCTAPress} clickMode={clickMode}/>
+        </react_native_1.TouchableOpacity>
+      </react_native_1.Animated.View>);
+    }
+    return (<react_native_1.Animated.View style={wrapperStyle} pointerEvents="box-none">
+      <Carousel message={message} toastWidth={toastWidth} scale={scale} textScale={textScale} primary={primary} bg={bg} textColor={textColor} clickMode={clickMode} onCTAPress={onCTAPress} onNoneEngagement={onNoneEngagement} onDismiss={onDismiss} onImageError={onImageError}/>
+    </react_native_1.Animated.View>);
+}
+function Carousel({ message, toastWidth, scale, textScale, primary, bg, textColor, clickMode, onCTAPress, onNoneEngagement, onDismiss, onImageError, }) {
+    const initialCell = (0, carouselStart_1.carouselInitialCell)(message.image_position);
+    const cellRef = (0, react_1.useRef)(initialCell);
+    const [currentDot, setCurrentDot] = (0, react_1.useState)(initialCell === 2 ? 1 : 0);
+    const trackX = (0, react_1.useRef)(new react_native_1.Animated.Value(-initialCell * toastWidth)).current;
+    const imgHeight = Math.round(toastWidth * 9 / 16);
+    const autoTimerRef = (0, react_1.useRef)(null);
+    const dotForCell = (c) => (c === 1 || c === 3 ? 0 : 1);
+    const goToCell = (c) => {
+        cellRef.current = c;
+        setCurrentDot(dotForCell(c));
+        react_native_1.Animated.timing(trackX, {
+            toValue: -c * toastWidth,
+            duration: SLIDE_DURATION_MS,
+            easing: SLIDE_EASING,
+            useNativeDriver: false,
+        }).start(({ finished }) => {
+            if (!finished)
+                return;
+            const real = c === 0 ? 2 : c === 3 ? 1 : c;
+            if (real !== c) {
+                cellRef.current = real;
+                trackX.setValue(-real * toastWidth);
+            }
+        });
+    };
+    const next = () => goToCell(cellRef.current + 1);
+    const prev = () => goToCell(cellRef.current - 1);
+    const startAutoTimer = () => {
+        if (autoTimerRef.current)
+            clearInterval(autoTimerRef.current);
+        autoTimerRef.current = setInterval(next, AUTO_ADVANCE_MS);
+    };
+    (0, react_1.useEffect)(() => {
+        startAutoTimer();
+        return () => {
+            if (autoTimerRef.current)
+                clearInterval(autoTimerRef.current);
+        };
+    }, []);
+    const panResponder = (0, react_1.useRef)(react_native_1.PanResponder.create({
+        onMoveShouldSetPanResponder: (_, g) => Math.abs(g.dx) > 5 && Math.abs(g.dx) > Math.abs(g.dy),
+        onPanResponderGrant: () => {
+            if (autoTimerRef.current)
+                clearInterval(autoTimerRef.current);
+            trackX.stopAnimation();
+            const c = cellRef.current;
+            const real = c === 0 ? 2 : c === 3 ? 1 : c;
+            if (real !== c) {
+                cellRef.current = real;
+                trackX.setValue(-real * toastWidth);
+            }
+        },
+        onPanResponderMove: (_, g) => {
+            const base = -cellRef.current * toastWidth;
+            trackX.setValue(base + g.dx);
+        },
+        onPanResponderRelease: (_, g) => {
+            const threshold = toastWidth * SWIPE_THRESHOLD_RATIO;
+            if (g.dx < -threshold)
+                next();
+            else if (g.dx > threshold)
+                prev();
+            else
+                goToCell(cellRef.current);
+            startAutoTimer();
+        },
+    })).current;
+    const onDotPress = (idx) => {
+        goToCell(idx === 0 ? 1 : 2);
+        startAutoTimer();
+    };
+    const handlePress = () => {
+        if (clickMode === 'full')
+            onCTAPress();
+        else if (clickMode === 'none')
+            onNoneEngagement();
+    };
+    const tappable = clickMode === 'full' || clickMode === 'none';
+    const onImagePress = clickMode === 'none'
+        ? onNoneEngagement
+        : (message.cta ? onCTAPress : undefined);
+    const imageCell = (key) => (<react_native_1.TouchableOpacity key={key} activeOpacity={onImagePress ? 0.95 : 1} disabled={!onImagePress} onPress={onImagePress} style={{ width: toastWidth }}>
+      <OctoImage_1.OctoImage message={message} width={toastWidth} height={imgHeight} onError={onImageError} placeholderColor={textColor}/>
+    </react_native_1.TouchableOpacity>);
+    const contentCell = (key) => (<react_native_1.TouchableOpacity key={key} activeOpacity={tappable ? 0.95 : 1} onPress={tappable ? handlePress : undefined} style={{
+            width: toastWidth,
+            paddingVertical: 14 * scale,
+            paddingHorizontal: 21 * scale,
+            flexDirection: 'column',
+            justifyContent: 'space-between',
+        }}>
+      <ContentBlock message={message} textColor={textColor} primary={primary} textScale={textScale} scale={scale} onCTAPress={onCTAPress} clickMode={clickMode}/>
+    </react_native_1.TouchableOpacity>);
+    return (<react_native_1.View style={[styles.card, { backgroundColor: bg, borderRadius: 12 * scale, overflow: 'hidden' }]}>
+      <CloseButton scale={scale} onPress={() => onDismiss('close_button')}/>
+
+      <react_native_1.View style={[styles.dots, { top: 10 * scale, left: 12 * scale }]}>
+        {[0, 1].map((i) => (<react_native_1.TouchableOpacity key={i} onPress={() => onDotPress(i)} hitSlop={{ top: 10, right: 6, bottom: 10, left: 6 }}>
+            <react_native_1.View style={[
+                styles.dot,
+                { backgroundColor: textColor, opacity: currentDot === i ? 0.4 : 0.15 },
+            ]}/>
+          </react_native_1.TouchableOpacity>))}
+      </react_native_1.View>
+
+      
+      <react_native_1.View {...panResponder.panHandlers} style={{ overflow: 'hidden' }}>
+        <react_native_1.Animated.View style={{
+            flexDirection: 'row',
+            width: toastWidth * 4,
+            transform: [{ translateX: trackX }],
+        }}>
+          {contentCell('c0')}
+          {imageCell('i1')}
+          {contentCell('c2')}
+          {imageCell('i3')}
+        </react_native_1.Animated.View>
+      </react_native_1.View>
+    </react_native_1.View>);
+}
+function CloseButton({ scale, onPress }) {
+    return (<react_native_1.TouchableOpacity style={[
+            styles.closeBtn,
+            { width: 24 * scale, height: 24 * scale, borderRadius: 12 * scale },
+        ]} onPress={onPress} activeOpacity={0.7}>
+      <react_native_1.Text style={styles.closeBtnText}>×</react_native_1.Text>
+    </react_native_1.TouchableOpacity>);
+}
+function ContentBlock({ message, textColor, primary, textScale, scale, onCTAPress, clickMode, }) {
+    const ctaAlign = message.cta?.align || 'left';
+    const alignItems = ctaAlign === 'center' ? 'center' : ctaAlign === 'right' ? 'flex-end' : 'flex-start';
+    const textAlign = message.text_align || 'left';
+    return (<>
+      <react_native_1.View style={{ overflow: 'hidden' }}>
+        {message.title ? (<react_native_1.Text style={[styles.title, { fontSize: 15 * textScale, color: textColor, textAlign }]} numberOfLines={2}>
+            {message.title}
+          </react_native_1.Text>) : null}
+        {message.body ? (<react_native_1.Text style={[styles.body, { fontSize: 13 * textScale, color: textColor, textAlign }]} numberOfLines={3}>
+            {message.body}
+          </react_native_1.Text>) : null}
+      </react_native_1.View>
+      {clickMode === 'cta' && message.cta?.label ? (<react_native_1.View style={{ marginTop: 10 * scale, alignItems }}>
+          <react_native_1.TouchableOpacity style={{
+                backgroundColor: primary,
+                borderRadius: 6 * scale,
+                paddingVertical: 6 * scale,
+                paddingHorizontal: 16 * scale,
+            }} onPress={onCTAPress} activeOpacity={0.9}>
+            <react_native_1.Text style={[styles.ctaText, { fontSize: 13 * textScale }]}>{message.cta.label}</react_native_1.Text>
+          </react_native_1.TouchableOpacity>
+        </react_native_1.View>) : null}
+    </>);
+}
+const styles = react_native_1.StyleSheet.create({
+    wrapper: {
+        position: 'absolute',
+        alignSelf: 'center',
+        zIndex: 999999,
+    },
+    card: {
+        elevation: 8,
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 8 },
+        shadowOpacity: 0.15,
+        shadowRadius: 30,
+        position: 'relative',
+    },
+    closeBtn: {
+        position: 'absolute',
+        top: 8,
+        right: 8,
+        zIndex: 10,
+        backgroundColor: 'rgba(0,0,0,0.5)',
+        alignItems: 'center',
+        justifyContent: 'center',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.25,
+        shadowRadius: 3,
+        elevation: 4,
+    },
+    closeBtnText: {
+        color: '#fff',
+        fontSize: 14,
+        lineHeight: 16,
+    },
+    dots: {
+        position: 'absolute',
+        flexDirection: 'row',
+        zIndex: 11,
+        gap: 5,
+    },
+    dot: {
+        width: 6,
+        height: 6,
+        borderRadius: 3,
+    },
+    title: {
+        fontWeight: '700',
+        marginBottom: 4,
+        lineHeight: 20,
+    },
+    body: {
+        opacity: 0.7,
+        lineHeight: 18,
+    },
+    ctaText: {
+        color: '#fff',
+        fontWeight: '600',
+    },
+});

package/dist/debug.d.ts

@@ -0,0 +1,2 @@
+export declare function isDebug(): boolean;
+export declare function debugLog(label: string, payload?: unknown): void;

package/dist/debug.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDebug = isDebug;
+exports.debugLog = debugLog;
+function isDebug() {
+    return globalThis.__OCTO_DEBUG__ === true;
+}
+function debugLog(label, payload) {
+    if (!isDebug())
+        return;
+    if (payload === undefined)
+        console.log(label);
+    else
+        console.log(label, payload);
+}

package/dist/imageFit.d.ts

@@ -0,0 +1,8 @@
+import type { ImageStyle, ViewStyle } from 'react-native';
+import type { InAppMessage } from './types';
+export declare const LOGO_WIDTH = 120;
+export interface ImageRenderStyles {
+    container: ViewStyle;
+    image: ImageStyle;
+}
+export declare function imageRenderStyles(message: Pick<InAppMessage, 'image_fit' | 'image_bg'>, width: number, height: number): ImageRenderStyles;

package/dist/imageFit.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LOGO_WIDTH = void 0;
+exports.imageRenderStyles = imageRenderStyles;
+const HEX_RE = /^#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+exports.LOGO_WIDTH = 120;
+function imageRenderStyles(message, width, height) {
+    if (message.image_fit === 'contain') {
+        const raw = message.image_bg?.trim();
+        const backgroundColor = raw && HEX_RE.test(raw) ? raw : undefined;
+        return {
+            container: {
+                width,
+                height,
+                backgroundColor,
+                alignItems: 'center',
+                justifyContent: 'center',
+                overflow: 'hidden',
+            },
+            image: {
+                width: Math.min(exports.LOGO_WIDTH, width),
+                height: Math.min(exports.LOGO_WIDTH, height),
+                resizeMode: 'contain',
+            },
+        };
+    }
+    return {
+        container: { width, height, overflow: 'hidden' },
+        image: { width, height, resizeMode: 'cover' },
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import type { OctoRNConfig, InAppMessage, EntitySignal } from './types';
+export { default as OctoProvider } from './components/OctoProvider';
+export { makeReactNavigationAdapter } from './navigation/reactNavigation';
+export type { OctoRNConfig, InAppMessage, NavAdapter, EntitySignal } from './types';
+export declare function init(config: OctoRNConfig): void;
+export declare function close(): void;
+export declare function setEntity(entity: EntitySignal | null): void;
+export declare function forceCheck(opts?: {
+    ignoreDedup?: boolean;
+}): Promise<InAppMessage | null>;
+export declare function triggerTestInApp(): Promise<boolean>;

package/dist/index.js

@@ -0,0 +1,195 @@
+"use strict";
+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;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeReactNavigationAdapter = exports.OctoProvider = void 0;
+exports.init = init;
+exports.close = close;
+exports.setEntity = setEntity;
+exports.forceCheck = forceCheck;
+exports.triggerTestInApp = triggerTestInApp;
+const api = __importStar(require("./api"));
+const state = __importStar(require("./state"));
+const telemetry_1 = require("./telemetry");
+const screenTargeting = __importStar(require("./screenTargeting"));
+const screenStream = __importStar(require("./screenStream"));
+const session = __importStar(require("./session"));
+const OctoProvider_1 = require("./components/OctoProvider");
+const resolveCTA_1 = require("./navigation/resolveCTA");
+var OctoProvider_2 = require("./components/OctoProvider");
+Object.defineProperty(exports, "OctoProvider", { enumerable: true, get: function () { return __importDefault(OctoProvider_2).default; } });
+var reactNavigation_1 = require("./navigation/reactNavigation");
+Object.defineProperty(exports, "makeReactNavigationAdapter", { enumerable: true, get: function () { return reactNavigation_1.makeReactNavigationAdapter; } });
+let currentConfig = null;
+let screenUnsub = null;
+const handledTargetSends = new Set();
+function ctaHandler() {
+    return (url) => (0, resolveCTA_1.handleCTA)(url, {
+        nav: currentConfig?.nav,
+        onCTA: currentConfig?.onCTA,
+        resolveRoute: (token) => screenTargeting.resolveScreenForRoute(token),
+    });
+}
+function showMessage(msg, timing) {
+    if (state.isDuplicate(msg.id))
+        return;
+    state.setCurrentMessage(msg.id);
+    (0, OctoProvider_1.getGlobalShow)()(timing ? { ...msg, __timing: timing } : msg, ctaHandler());
+}
+function doCheck() {
+    if (!currentConfig)
+        return;
+    const t0 = Date.now();
+    api.check().then((msg) => {
+        const tCheck = Date.now();
+        if (msg)
+            showMessage(msg, { t0, tCheck });
+    });
+}
+function evaluateTargeting(screen) {
+    if (!currentConfig)
+        return;
+    const rule = screenTargeting.matchRuleForScreen(screen);
+    if (!rule)
+        return;
+    if (handledTargetSends.has(rule.send_id))
+        return;
+    if (state.isDuplicate(rule.id))
+        return;
+    handledTargetSends.add(rule.send_id);
+    const t0 = Date.now();
+    api.check(rule.send_id).then((msg) => {
+        const tCheck = Date.now();
+        if (msg)
+            showMessage(msg, { t0, tCheck });
+    });
+}
+function handleScreen(screen) {
+    if (!currentConfig)
+        return;
+    evaluateTargeting(screen);
+    screenStream.record(screen);
+    if (state.canInit()) {
+        state.markInit();
+        doCheck();
+    }
+}
+function handleForeground() {
+    if (!currentConfig)
+        return;
+    doCheck();
+    screenTargeting.sync().then((ok) => {
+        if (!ok)
+            return;
+        const current = currentConfig?.nav?.getCurrentScreen?.();
+        if (current)
+            evaluateTargeting(current);
+    });
+}
+function init(config) {
+    api.configure(config.apiKey, config.userId, config.userHash, config.baseUrl, config.appVersion);
+    api.setEventObserver(config.onEvent);
+    (0, telemetry_1.configureTelemetry)(config.userId);
+    currentConfig = config;
+    try {
+        initInternal(config);
+    }
+    catch (err) {
+        (0, telemetry_1.reportError)('init_failed', { message: err instanceof Error ? err.message : String(err) });
+    }
+}
+function initInternal(config) {
+    if (!state.canInit()) {
+        console.warn('[OctoSDK] init() ignored — cooldown active');
+        return;
+    }
+    state.markInit();
+    doCheck();
+    state.startForegroundListener(handleForeground);
+    const nav = config.nav;
+    if (nav?.subscribeScreenChange) {
+        screenStream.start();
+        screenUnsub = nav.subscribeScreenChange((screen) => handleScreen(screen));
+    }
+    screenTargeting.sync().then((ok) => {
+        if (!ok)
+            return;
+        const current = config.nav?.getCurrentScreen?.();
+        if (current)
+            handleScreen(current);
+    });
+}
+function close() {
+    state.reset();
+    api.setEventObserver(undefined);
+    screenUnsub?.();
+    screenUnsub = null;
+    screenTargeting.reset();
+    handledTargetSends.clear();
+    screenStream.stop();
+    session.reset();
+    currentConfig = null;
+}
+function setEntity(entity) {
+    if (!currentConfig)
+        return;
+    screenStream.setEntity(entity);
+}
+async function forceCheck(opts) {
+    if (!currentConfig)
+        return null;
+    const t0 = Date.now();
+    const msg = await api.check();
+    const tCheck = Date.now();
+    if (!msg)
+        return null;
+    if (!opts?.ignoreDedup && state.isDuplicate(msg.id))
+        return null;
+    state.setCurrentMessage(msg.id);
+    (0, OctoProvider_1.getGlobalShow)()({ ...msg, __timing: { t0, tCheck } }, ctaHandler());
+    return msg;
+}
+async function triggerTestInApp() {
+    if (!currentConfig)
+        return false;
+    const queued = await api.testInApp();
+    if (!queued)
+        return false;
+    state.setCurrentMessage(undefined);
+    const msg = await forceCheck();
+    return msg !== null;
+}

package/dist/latency.d.ts

@@ -0,0 +1,17 @@
+export interface LatencyTiming {
+    t0: number;
+    tCheck: number;
+}
+export interface LatencyMarks {
+    showStart: number;
+    shown: number;
+    impression: number;
+    hasImage: boolean;
+}
+export interface LatencyBreakdown {
+    total_ms: number;
+    network_ms: number;
+    image_ms: number;
+    render_ms: number;
+}
+export declare function buildLatencyBreakdown(t: LatencyTiming, m: LatencyMarks): LatencyBreakdown;