@trillboards/ads-sdk 2.0.0

package/dist/react-native.js

@@ -0,0 +1,193 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var _WebView = void 0;
+function getWebView() {
+  if (_WebView === void 0) {
+    try {
+      _WebView = __require("react-native-webview").default;
+    } catch {
+      _WebView = null;
+    }
+  }
+  return _WebView;
+}
+var EMBED_BASE_URL = "https://screen.trillboards.com/partner-sdk/embed.html";
+var TrillboardsWebView = react.forwardRef(
+  ({
+    deviceId,
+    waterfall = "programmatic_only",
+    autoStart = false,
+    apiBase,
+    style,
+    onReady,
+    onAdStarted,
+    onAdEnded,
+    onAdError,
+    onProgrammaticStarted,
+    onProgrammaticEnded,
+    onStateChanged
+  }, ref) => {
+    const webViewRef = react.useRef(null);
+    const [isReady, setIsReady] = react.useState(false);
+    const onReadyRef = react.useRef(onReady);
+    onReadyRef.current = onReady;
+    const onAdStartedRef = react.useRef(onAdStarted);
+    onAdStartedRef.current = onAdStarted;
+    const onAdEndedRef = react.useRef(onAdEnded);
+    onAdEndedRef.current = onAdEnded;
+    const onAdErrorRef = react.useRef(onAdError);
+    onAdErrorRef.current = onAdError;
+    const onProgrammaticStartedRef = react.useRef(onProgrammaticStarted);
+    onProgrammaticStartedRef.current = onProgrammaticStarted;
+    const onProgrammaticEndedRef = react.useRef(onProgrammaticEnded);
+    onProgrammaticEndedRef.current = onProgrammaticEnded;
+    const onStateChangedRef = react.useRef(onStateChanged);
+    onStateChangedRef.current = onStateChanged;
+    const embedUrl = (() => {
+      const params = new URLSearchParams({
+        device_id: deviceId,
+        waterfall,
+        auto_start: autoStart ? "1" : "0"
+      });
+      if (apiBase) params.set("api_base", apiBase);
+      return `${EMBED_BASE_URL}?${params.toString()}`;
+    })();
+    const sendCommand = react.useCallback(
+      (action, params = {}) => {
+        if (!webViewRef.current) return;
+        const js = `
+          window.postMessage({
+            type: 'trillboards-command',
+            action: ${JSON.stringify(action)},
+            params: ${JSON.stringify(params)}
+          }, '*');
+          true;
+        `;
+        webViewRef.current.injectJavaScript(js);
+      },
+      []
+    );
+    react.useImperativeHandle(
+      ref,
+      () => ({
+        show: () => sendCommand("show"),
+        hide: () => sendCommand("hide"),
+        skipAd: () => sendCommand("skip"),
+        refresh: () => sendCommand("refresh"),
+        getState: () => sendCommand("getState"),
+        configure: (params) => sendCommand("configure", params)
+      }),
+      [sendCommand]
+    );
+    const handleMessage = react.useCallback(
+      (event) => {
+        try {
+          const data = typeof event.nativeEvent.data === "string" ? JSON.parse(event.nativeEvent.data) : event.nativeEvent.data;
+          if (data.type !== "trillboards") return;
+          switch (data.event) {
+            case "initialized":
+              setIsReady(true);
+              onReadyRef.current?.();
+              break;
+            case "ad_started":
+              onAdStartedRef.current?.(data.data);
+              break;
+            case "ad_ended":
+              onAdEndedRef.current?.(data.data);
+              break;
+            case "ad_error":
+              onAdErrorRef.current?.(data.data);
+              break;
+            case "programmatic_started":
+              onProgrammaticStartedRef.current?.(data.data);
+              break;
+            case "programmatic_ended":
+              onProgrammaticEndedRef.current?.(data.data);
+              break;
+            case "state_changed":
+              onStateChangedRef.current?.(data.data);
+              break;
+          }
+        } catch {
+        }
+      },
+      []
+    );
+    const WebView = getWebView();
+    if (!WebView) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      WebView,
+      {
+        ref: webViewRef,
+        source: { uri: embedUrl },
+        style: [{ flex: 1, backgroundColor: "#000" }, style],
+        onMessage: handleMessage,
+        javaScriptEnabled: true,
+        domStorageEnabled: true,
+        mediaPlaybackRequiresUserAction: false,
+        allowsInlineMediaPlayback: true,
+        mixedContentMode: "compatibility",
+        originWhitelist: ["https://*", "http://*"]
+      }
+    );
+  }
+);
+TrillboardsWebView.displayName = "TrillboardsWebView";
+
+// src/core/state.ts
+var DEFAULT_PUBLIC_STATE = {
+  initialized: false,
+  isPlaying: false,
+  isPaused: false,
+  isOffline: false,
+  currentAd: null,
+  adCount: 0,
+  programmaticPlaying: false,
+  prefetchedReady: false,
+  waterfallMode: "programmatic_only",
+  screenId: null,
+  deviceId: null
+};
+
+// src/react-native/useTrillboardsNative.ts
+function useTrillboardsNative() {
+  const ref = react.useRef(null);
+  const [isReady, setIsReady] = react.useState(false);
+  const [state, setState] = react.useState(DEFAULT_PUBLIC_STATE);
+  const show = react.useCallback(() => ref.current?.show(), []);
+  const hide = react.useCallback(() => ref.current?.hide(), []);
+  const skipAd = react.useCallback(() => ref.current?.skipAd(), []);
+  const refresh = react.useCallback(() => ref.current?.refresh(), []);
+  const configure = react.useCallback(
+    (params) => ref.current?.configure(params),
+    []
+  );
+  const onReady = react.useCallback(() => setIsReady(true), []);
+  const onStateChanged = react.useCallback((newState) => setState(newState), []);
+  return {
+    ref,
+    isReady,
+    state,
+    show,
+    hide,
+    skipAd,
+    refresh,
+    configure,
+    onReady,
+    onStateChanged
+  };
+}
+
+exports.TrillboardsWebView = TrillboardsWebView;
+exports.useTrillboardsNative = useTrillboardsNative;
+//# sourceMappingURL=react-native.js.map
+//# sourceMappingURL=react-native.js.map

package/dist/react-native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react-native/TrillboardsWebView.tsx","../src/core/state.ts","../src/react-native/useTrillboardsNative.ts"],"names":["forwardRef","useRef","useState","useCallback","useImperativeHandle","jsx"],"mappings":"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","file":"react-native.js","sourcesContent":["import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';\nimport type { TrillboardsState, EventMap, WaterfallMode } from '../core/types';\n\n// Type-only imports to avoid requiring react-native at build time\ntype WebViewType = any;\n\n// Lazy-load react-native-webview once, outside of render\nlet _WebView: any = undefined;\nfunction getWebView(): any {\n  if (_WebView === undefined) {\n    try {\n      _WebView = require('react-native-webview').default;\n    } catch {\n      _WebView = null;\n    }\n  }\n  return _WebView;\n}\n\ninterface TrillboardsWebViewProps {\n  deviceId: string;\n  waterfall?: WaterfallMode;\n  autoStart?: boolean;\n  apiBase?: string;\n  style?: any;\n  onReady?: () => void;\n  onAdStarted?: (data: EventMap['ad_started']) => void;\n  onAdEnded?: (data: EventMap['ad_ended']) => void;\n  onAdError?: (data: EventMap['ad_error']) => void;\n  onProgrammaticStarted?: (data: EventMap['programmatic_started']) => void;\n  onProgrammaticEnded?: (data: EventMap['programmatic_ended']) => void;\n  onStateChanged?: (state: TrillboardsState) => void;\n}\n\nexport interface TrillboardsWebViewHandle {\n  show: () => void;\n  hide: () => void;\n  skipAd: () => void;\n  refresh: () => void;\n  getState: () => void;\n  configure: (params: { waterfall?: WaterfallMode; volume?: number }) => void;\n}\n\nconst EMBED_BASE_URL = 'https://screen.trillboards.com/partner-sdk/embed.html';\n\nexport const TrillboardsWebView = forwardRef<TrillboardsWebViewHandle, TrillboardsWebViewProps>(\n  (\n    {\n      deviceId,\n      waterfall = 'programmatic_only',\n      autoStart = false,\n      apiBase,\n      style,\n      onReady,\n      onAdStarted,\n      onAdEnded,\n      onAdError,\n      onProgrammaticStarted,\n      onProgrammaticEnded,\n      onStateChanged,\n    },\n    ref\n  ) => {\n    const webViewRef = useRef<WebViewType>(null);\n    const [isReady, setIsReady] = useState(false);\n\n    // Store callbacks in refs to prevent unnecessary WebView re-renders\n    const onReadyRef = useRef(onReady);\n    onReadyRef.current = onReady;\n    const onAdStartedRef = useRef(onAdStarted);\n    onAdStartedRef.current = onAdStarted;\n    const onAdEndedRef = useRef(onAdEnded);\n    onAdEndedRef.current = onAdEnded;\n    const onAdErrorRef = useRef(onAdError);\n    onAdErrorRef.current = onAdError;\n    const onProgrammaticStartedRef = useRef(onProgrammaticStarted);\n    onProgrammaticStartedRef.current = onProgrammaticStarted;\n    const onProgrammaticEndedRef = useRef(onProgrammaticEnded);\n    onProgrammaticEndedRef.current = onProgrammaticEnded;\n    const onStateChangedRef = useRef(onStateChanged);\n    onStateChangedRef.current = onStateChanged;\n\n    // Build embed URL\n    const embedUrl = (() => {\n      const params = new URLSearchParams({\n        device_id: deviceId,\n        waterfall,\n        auto_start: autoStart ? '1' : '0',\n      });\n      if (apiBase) params.set('api_base', apiBase);\n      return `${EMBED_BASE_URL}?${params.toString()}`;\n    })();\n\n    // Send command to WebView — use JSON.stringify for both action and params to prevent XSS\n    const sendCommand = useCallback(\n      (action: string, params: Record<string, unknown> = {}) => {\n        if (!webViewRef.current) return;\n        const js = `\n          window.postMessage({\n            type: 'trillboards-command',\n            action: ${JSON.stringify(action)},\n            params: ${JSON.stringify(params)}\n          }, '*');\n          true;\n        `;\n        webViewRef.current.injectJavaScript(js);\n      },\n      []\n    );\n\n    // Expose imperative handle\n    useImperativeHandle(\n      ref,\n      () => ({\n        show: () => sendCommand('show'),\n        hide: () => sendCommand('hide'),\n        skipAd: () => sendCommand('skip'),\n        refresh: () => sendCommand('refresh'),\n        getState: () => sendCommand('getState'),\n        configure: (params) => sendCommand('configure', params),\n      }),\n      [sendCommand]\n    );\n\n    // Handle messages from WebView — use refs so dependency array is stable\n    const handleMessage = useCallback(\n      (event: any) => {\n        try {\n          const data = typeof event.nativeEvent.data === 'string'\n            ? JSON.parse(event.nativeEvent.data)\n            : event.nativeEvent.data;\n\n          if (data.type !== 'trillboards') return;\n\n          switch (data.event) {\n            case 'initialized':\n              setIsReady(true);\n              onReadyRef.current?.();\n              break;\n            case 'ad_started':\n              onAdStartedRef.current?.(data.data);\n              break;\n            case 'ad_ended':\n              onAdEndedRef.current?.(data.data);\n              break;\n            case 'ad_error':\n              onAdErrorRef.current?.(data.data);\n              break;\n            case 'programmatic_started':\n              onProgrammaticStartedRef.current?.(data.data);\n              break;\n            case 'programmatic_ended':\n              onProgrammaticEndedRef.current?.(data.data);\n              break;\n            case 'state_changed':\n              onStateChangedRef.current?.(data.data);\n              break;\n          }\n        } catch {\n          // Ignore non-JSON messages\n        }\n      },\n      []\n    );\n\n    const WebView = getWebView();\n    if (!WebView) return null;\n\n    return (\n      <WebView\n        ref={webViewRef}\n        source={{ uri: embedUrl }}\n        style={[{ flex: 1, backgroundColor: '#000' }, style]}\n        onMessage={handleMessage}\n        javaScriptEnabled={true}\n        domStorageEnabled={true}\n        mediaPlaybackRequiresUserAction={false}\n        allowsInlineMediaPlayback={true}\n        mixedContentMode=\"compatibility\"\n        originWhitelist={['https://*', 'http://*']}\n      />\n    );\n  }\n);\n\nTrillboardsWebView.displayName = 'TrillboardsWebView';\n","// ─────────────────────────────────────────────────────────────\n// @trillboards/ads-sdk  —  Internal + public state management\n// ─────────────────────────────────────────────────────────────\n\nimport type {\n  AdItem,\n  TrillboardsState,\n  WaterfallMode,\n  ProgrammaticSettings,\n  ScreenDimensions,\n} from './types';\n\n/**\n * The full internal state held by the SDK engine.\n * This is NOT exposed to consumers — they receive the\n * trimmed-down `TrillboardsState` via `getPublicState()`.\n */\nexport interface InternalState {\n  deviceId: string | null;\n  partnerId: string | null;\n  screenId: string | null;\n  ads: AdItem[];\n  currentAdIndex: number;\n  isPlaying: boolean;\n  isPaused: boolean;\n  isOffline: boolean;\n  settings: Record<string, unknown>;\n  programmatic: ProgrammaticSettings | null;\n  programmaticPlaying: boolean;\n  prefetchedReady: boolean;\n  waterfallMode: WaterfallMode;\n  autoStart: boolean;\n  container: HTMLElement | null;\n  adTimer: ReturnType<typeof setTimeout> | null;\n  refreshTimer: ReturnType<typeof setInterval> | null;\n  heartbeatTimer: ReturnType<typeof setInterval> | null;\n  programmaticRetryTimer: ReturnType<typeof setTimeout> | null;\n  programmaticRetryActive: boolean;\n  programmaticRetryCount: number;\n  programmaticLastError: string | null;\n  initialized: boolean;\n  screenOrientation: string | null;\n  screenDimensions: ScreenDimensions | null;\n  etag: string | null;\n}\n\n/**\n * Default public state used by React components and the IIFE\n * entry point before the SDK is initialized.\n */\nexport const DEFAULT_PUBLIC_STATE: TrillboardsState = {\n  initialized: false,\n  isPlaying: false,\n  isPaused: false,\n  isOffline: false,\n  currentAd: null,\n  adCount: 0,\n  programmaticPlaying: false,\n  prefetchedReady: false,\n  waterfallMode: 'programmatic_only',\n  screenId: null,\n  deviceId: null,\n};\n\n/**\n * Create a fresh internal state object with safe defaults.\n * Called once during SDK initialisation.\n */\nexport function createInitialState(): InternalState {\n  return {\n    deviceId: null,\n    partnerId: null,\n    screenId: null,\n    ads: [],\n    currentAdIndex: 0,\n    isPlaying: false,\n    isPaused: false,\n    isOffline: false,\n    settings: {},\n    programmatic: null,\n    programmaticPlaying: false,\n    prefetchedReady: false,\n    waterfallMode: 'programmatic_only',\n    autoStart: true,\n    container: null,\n    adTimer: null,\n    refreshTimer: null,\n    heartbeatTimer: null,\n    programmaticRetryTimer: null,\n    programmaticRetryActive: false,\n    programmaticRetryCount: 0,\n    programmaticLastError: null,\n    initialized: false,\n    screenOrientation: null,\n    screenDimensions: null,\n    etag: null,\n  };\n}\n\n/**\n * Project the internal state into a safe, read-only snapshot\n * that can be handed to consumers and event listeners.\n */\nexport function getPublicState(internal: InternalState): TrillboardsState {\n  return {\n    initialized: internal.initialized,\n    isPlaying: internal.isPlaying,\n    isPaused: internal.isPaused,\n    isOffline: internal.isOffline,\n    currentAd: internal.ads[internal.currentAdIndex] ?? null,\n    adCount: internal.ads.length,\n    programmaticPlaying: internal.programmaticPlaying,\n    prefetchedReady: internal.prefetchedReady ?? false,\n    waterfallMode: internal.waterfallMode,\n    screenId: internal.screenId,\n    deviceId: internal.deviceId,\n  };\n}\n","import { useCallback, useRef, useState } from 'react';\nimport type { TrillboardsState, EventMap, WaterfallMode } from '../core/types';\nimport { DEFAULT_PUBLIC_STATE } from '../core/state';\nimport type { TrillboardsWebViewHandle } from './TrillboardsWebView';\n\nexport interface UseTrillboardsNativeReturn {\n  ref: React.RefObject<TrillboardsWebViewHandle>;\n  isReady: boolean;\n  state: TrillboardsState;\n  show: () => void;\n  hide: () => void;\n  skipAd: () => void;\n  refresh: () => void;\n  configure: (params: { waterfall?: WaterfallMode; volume?: number }) => void;\n  onReady: () => void;\n  onStateChanged: (state: TrillboardsState) => void;\n}\n\nexport function useTrillboardsNative(): UseTrillboardsNativeReturn {\n  const ref = useRef<TrillboardsWebViewHandle>(null);\n  const [isReady, setIsReady] = useState(false);\n  const [state, setState] = useState<TrillboardsState>(DEFAULT_PUBLIC_STATE);\n\n  const show = useCallback(() => ref.current?.show(), []);\n  const hide = useCallback(() => ref.current?.hide(), []);\n  const skipAd = useCallback(() => ref.current?.skipAd(), []);\n  const refresh = useCallback(() => ref.current?.refresh(), []);\n  const configure = useCallback(\n    (params: { waterfall?: WaterfallMode; volume?: number }) => ref.current?.configure(params),\n    []\n  );\n\n  const onReady = useCallback(() => setIsReady(true), []);\n  const onStateChanged = useCallback((newState: TrillboardsState) => setState(newState), []);\n\n  return {\n    ref,\n    isReady,\n    state,\n    show,\n    hide,\n    skipAd,\n    refresh,\n    configure,\n    onReady,\n    onStateChanged,\n  };\n}\n"]}

package/dist/react-native.mjs

@@ -0,0 +1,190 @@
+import { forwardRef, useRef, useState, useCallback, useImperativeHandle } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+var _WebView = void 0;
+function getWebView() {
+  if (_WebView === void 0) {
+    try {
+      _WebView = __require("react-native-webview").default;
+    } catch {
+      _WebView = null;
+    }
+  }
+  return _WebView;
+}
+var EMBED_BASE_URL = "https://screen.trillboards.com/partner-sdk/embed.html";
+var TrillboardsWebView = forwardRef(
+  ({
+    deviceId,
+    waterfall = "programmatic_only",
+    autoStart = false,
+    apiBase,
+    style,
+    onReady,
+    onAdStarted,
+    onAdEnded,
+    onAdError,
+    onProgrammaticStarted,
+    onProgrammaticEnded,
+    onStateChanged
+  }, ref) => {
+    const webViewRef = useRef(null);
+    const [isReady, setIsReady] = useState(false);
+    const onReadyRef = useRef(onReady);
+    onReadyRef.current = onReady;
+    const onAdStartedRef = useRef(onAdStarted);
+    onAdStartedRef.current = onAdStarted;
+    const onAdEndedRef = useRef(onAdEnded);
+    onAdEndedRef.current = onAdEnded;
+    const onAdErrorRef = useRef(onAdError);
+    onAdErrorRef.current = onAdError;
+    const onProgrammaticStartedRef = useRef(onProgrammaticStarted);
+    onProgrammaticStartedRef.current = onProgrammaticStarted;
+    const onProgrammaticEndedRef = useRef(onProgrammaticEnded);
+    onProgrammaticEndedRef.current = onProgrammaticEnded;
+    const onStateChangedRef = useRef(onStateChanged);
+    onStateChangedRef.current = onStateChanged;
+    const embedUrl = (() => {
+      const params = new URLSearchParams({
+        device_id: deviceId,
+        waterfall,
+        auto_start: autoStart ? "1" : "0"
+      });
+      if (apiBase) params.set("api_base", apiBase);
+      return `${EMBED_BASE_URL}?${params.toString()}`;
+    })();
+    const sendCommand = useCallback(
+      (action, params = {}) => {
+        if (!webViewRef.current) return;
+        const js = `
+          window.postMessage({
+            type: 'trillboards-command',
+            action: ${JSON.stringify(action)},
+            params: ${JSON.stringify(params)}
+          }, '*');
+          true;
+        `;
+        webViewRef.current.injectJavaScript(js);
+      },
+      []
+    );
+    useImperativeHandle(
+      ref,
+      () => ({
+        show: () => sendCommand("show"),
+        hide: () => sendCommand("hide"),
+        skipAd: () => sendCommand("skip"),
+        refresh: () => sendCommand("refresh"),
+        getState: () => sendCommand("getState"),
+        configure: (params) => sendCommand("configure", params)
+      }),
+      [sendCommand]
+    );
+    const handleMessage = useCallback(
+      (event) => {
+        try {
+          const data = typeof event.nativeEvent.data === "string" ? JSON.parse(event.nativeEvent.data) : event.nativeEvent.data;
+          if (data.type !== "trillboards") return;
+          switch (data.event) {
+            case "initialized":
+              setIsReady(true);
+              onReadyRef.current?.();
+              break;
+            case "ad_started":
+              onAdStartedRef.current?.(data.data);
+              break;
+            case "ad_ended":
+              onAdEndedRef.current?.(data.data);
+              break;
+            case "ad_error":
+              onAdErrorRef.current?.(data.data);
+              break;
+            case "programmatic_started":
+              onProgrammaticStartedRef.current?.(data.data);
+              break;
+            case "programmatic_ended":
+              onProgrammaticEndedRef.current?.(data.data);
+              break;
+            case "state_changed":
+              onStateChangedRef.current?.(data.data);
+              break;
+          }
+        } catch {
+        }
+      },
+      []
+    );
+    const WebView = getWebView();
+    if (!WebView) return null;
+    return /* @__PURE__ */ jsx(
+      WebView,
+      {
+        ref: webViewRef,
+        source: { uri: embedUrl },
+        style: [{ flex: 1, backgroundColor: "#000" }, style],
+        onMessage: handleMessage,
+        javaScriptEnabled: true,
+        domStorageEnabled: true,
+        mediaPlaybackRequiresUserAction: false,
+        allowsInlineMediaPlayback: true,
+        mixedContentMode: "compatibility",
+        originWhitelist: ["https://*", "http://*"]
+      }
+    );
+  }
+);
+TrillboardsWebView.displayName = "TrillboardsWebView";
+
+// src/core/state.ts
+var DEFAULT_PUBLIC_STATE = {
+  initialized: false,
+  isPlaying: false,
+  isPaused: false,
+  isOffline: false,
+  currentAd: null,
+  adCount: 0,
+  programmaticPlaying: false,
+  prefetchedReady: false,
+  waterfallMode: "programmatic_only",
+  screenId: null,
+  deviceId: null
+};
+
+// src/react-native/useTrillboardsNative.ts
+function useTrillboardsNative() {
+  const ref = useRef(null);
+  const [isReady, setIsReady] = useState(false);
+  const [state, setState] = useState(DEFAULT_PUBLIC_STATE);
+  const show = useCallback(() => ref.current?.show(), []);
+  const hide = useCallback(() => ref.current?.hide(), []);
+  const skipAd = useCallback(() => ref.current?.skipAd(), []);
+  const refresh = useCallback(() => ref.current?.refresh(), []);
+  const configure = useCallback(
+    (params) => ref.current?.configure(params),
+    []
+  );
+  const onReady = useCallback(() => setIsReady(true), []);
+  const onStateChanged = useCallback((newState) => setState(newState), []);
+  return {
+    ref,
+    isReady,
+    state,
+    show,
+    hide,
+    skipAd,
+    refresh,
+    configure,
+    onReady,
+    onStateChanged
+  };
+}
+
+export { TrillboardsWebView, useTrillboardsNative };
+//# sourceMappingURL=react-native.mjs.map
+//# sourceMappingURL=react-native.mjs.map

package/dist/react-native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react-native/TrillboardsWebView.tsx","../src/core/state.ts","../src/react-native/useTrillboardsNative.ts"],"names":["useRef","useState","useCallback"],"mappings":"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","file":"react-native.mjs","sourcesContent":["import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';\nimport type { TrillboardsState, EventMap, WaterfallMode } from '../core/types';\n\n// Type-only imports to avoid requiring react-native at build time\ntype WebViewType = any;\n\n// Lazy-load react-native-webview once, outside of render\nlet _WebView: any = undefined;\nfunction getWebView(): any {\n  if (_WebView === undefined) {\n    try {\n      _WebView = require('react-native-webview').default;\n    } catch {\n      _WebView = null;\n    }\n  }\n  return _WebView;\n}\n\ninterface TrillboardsWebViewProps {\n  deviceId: string;\n  waterfall?: WaterfallMode;\n  autoStart?: boolean;\n  apiBase?: string;\n  style?: any;\n  onReady?: () => void;\n  onAdStarted?: (data: EventMap['ad_started']) => void;\n  onAdEnded?: (data: EventMap['ad_ended']) => void;\n  onAdError?: (data: EventMap['ad_error']) => void;\n  onProgrammaticStarted?: (data: EventMap['programmatic_started']) => void;\n  onProgrammaticEnded?: (data: EventMap['programmatic_ended']) => void;\n  onStateChanged?: (state: TrillboardsState) => void;\n}\n\nexport interface TrillboardsWebViewHandle {\n  show: () => void;\n  hide: () => void;\n  skipAd: () => void;\n  refresh: () => void;\n  getState: () => void;\n  configure: (params: { waterfall?: WaterfallMode; volume?: number }) => void;\n}\n\nconst EMBED_BASE_URL = 'https://screen.trillboards.com/partner-sdk/embed.html';\n\nexport const TrillboardsWebView = forwardRef<TrillboardsWebViewHandle, TrillboardsWebViewProps>(\n  (\n    {\n      deviceId,\n      waterfall = 'programmatic_only',\n      autoStart = false,\n      apiBase,\n      style,\n      onReady,\n      onAdStarted,\n      onAdEnded,\n      onAdError,\n      onProgrammaticStarted,\n      onProgrammaticEnded,\n      onStateChanged,\n    },\n    ref\n  ) => {\n    const webViewRef = useRef<WebViewType>(null);\n    const [isReady, setIsReady] = useState(false);\n\n    // Store callbacks in refs to prevent unnecessary WebView re-renders\n    const onReadyRef = useRef(onReady);\n    onReadyRef.current = onReady;\n    const onAdStartedRef = useRef(onAdStarted);\n    onAdStartedRef.current = onAdStarted;\n    const onAdEndedRef = useRef(onAdEnded);\n    onAdEndedRef.current = onAdEnded;\n    const onAdErrorRef = useRef(onAdError);\n    onAdErrorRef.current = onAdError;\n    const onProgrammaticStartedRef = useRef(onProgrammaticStarted);\n    onProgrammaticStartedRef.current = onProgrammaticStarted;\n    const onProgrammaticEndedRef = useRef(onProgrammaticEnded);\n    onProgrammaticEndedRef.current = onProgrammaticEnded;\n    const onStateChangedRef = useRef(onStateChanged);\n    onStateChangedRef.current = onStateChanged;\n\n    // Build embed URL\n    const embedUrl = (() => {\n      const params = new URLSearchParams({\n        device_id: deviceId,\n        waterfall,\n        auto_start: autoStart ? '1' : '0',\n      });\n      if (apiBase) params.set('api_base', apiBase);\n      return `${EMBED_BASE_URL}?${params.toString()}`;\n    })();\n\n    // Send command to WebView — use JSON.stringify for both action and params to prevent XSS\n    const sendCommand = useCallback(\n      (action: string, params: Record<string, unknown> = {}) => {\n        if (!webViewRef.current) return;\n        const js = `\n          window.postMessage({\n            type: 'trillboards-command',\n            action: ${JSON.stringify(action)},\n            params: ${JSON.stringify(params)}\n          }, '*');\n          true;\n        `;\n        webViewRef.current.injectJavaScript(js);\n      },\n      []\n    );\n\n    // Expose imperative handle\n    useImperativeHandle(\n      ref,\n      () => ({\n        show: () => sendCommand('show'),\n        hide: () => sendCommand('hide'),\n        skipAd: () => sendCommand('skip'),\n        refresh: () => sendCommand('refresh'),\n        getState: () => sendCommand('getState'),\n        configure: (params) => sendCommand('configure', params),\n      }),\n      [sendCommand]\n    );\n\n    // Handle messages from WebView — use refs so dependency array is stable\n    const handleMessage = useCallback(\n      (event: any) => {\n        try {\n          const data = typeof event.nativeEvent.data === 'string'\n            ? JSON.parse(event.nativeEvent.data)\n            : event.nativeEvent.data;\n\n          if (data.type !== 'trillboards') return;\n\n          switch (data.event) {\n            case 'initialized':\n              setIsReady(true);\n              onReadyRef.current?.();\n              break;\n            case 'ad_started':\n              onAdStartedRef.current?.(data.data);\n              break;\n            case 'ad_ended':\n              onAdEndedRef.current?.(data.data);\n              break;\n            case 'ad_error':\n              onAdErrorRef.current?.(data.data);\n              break;\n            case 'programmatic_started':\n              onProgrammaticStartedRef.current?.(data.data);\n              break;\n            case 'programmatic_ended':\n              onProgrammaticEndedRef.current?.(data.data);\n              break;\n            case 'state_changed':\n              onStateChangedRef.current?.(data.data);\n              break;\n          }\n        } catch {\n          // Ignore non-JSON messages\n        }\n      },\n      []\n    );\n\n    const WebView = getWebView();\n    if (!WebView) return null;\n\n    return (\n      <WebView\n        ref={webViewRef}\n        source={{ uri: embedUrl }}\n        style={[{ flex: 1, backgroundColor: '#000' }, style]}\n        onMessage={handleMessage}\n        javaScriptEnabled={true}\n        domStorageEnabled={true}\n        mediaPlaybackRequiresUserAction={false}\n        allowsInlineMediaPlayback={true}\n        mixedContentMode=\"compatibility\"\n        originWhitelist={['https://*', 'http://*']}\n      />\n    );\n  }\n);\n\nTrillboardsWebView.displayName = 'TrillboardsWebView';\n","// ─────────────────────────────────────────────────────────────\n// @trillboards/ads-sdk  —  Internal + public state management\n// ─────────────────────────────────────────────────────────────\n\nimport type {\n  AdItem,\n  TrillboardsState,\n  WaterfallMode,\n  ProgrammaticSettings,\n  ScreenDimensions,\n} from './types';\n\n/**\n * The full internal state held by the SDK engine.\n * This is NOT exposed to consumers — they receive the\n * trimmed-down `TrillboardsState` via `getPublicState()`.\n */\nexport interface InternalState {\n  deviceId: string | null;\n  partnerId: string | null;\n  screenId: string | null;\n  ads: AdItem[];\n  currentAdIndex: number;\n  isPlaying: boolean;\n  isPaused: boolean;\n  isOffline: boolean;\n  settings: Record<string, unknown>;\n  programmatic: ProgrammaticSettings | null;\n  programmaticPlaying: boolean;\n  prefetchedReady: boolean;\n  waterfallMode: WaterfallMode;\n  autoStart: boolean;\n  container: HTMLElement | null;\n  adTimer: ReturnType<typeof setTimeout> | null;\n  refreshTimer: ReturnType<typeof setInterval> | null;\n  heartbeatTimer: ReturnType<typeof setInterval> | null;\n  programmaticRetryTimer: ReturnType<typeof setTimeout> | null;\n  programmaticRetryActive: boolean;\n  programmaticRetryCount: number;\n  programmaticLastError: string | null;\n  initialized: boolean;\n  screenOrientation: string | null;\n  screenDimensions: ScreenDimensions | null;\n  etag: string | null;\n}\n\n/**\n * Default public state used by React components and the IIFE\n * entry point before the SDK is initialized.\n */\nexport const DEFAULT_PUBLIC_STATE: TrillboardsState = {\n  initialized: false,\n  isPlaying: false,\n  isPaused: false,\n  isOffline: false,\n  currentAd: null,\n  adCount: 0,\n  programmaticPlaying: false,\n  prefetchedReady: false,\n  waterfallMode: 'programmatic_only',\n  screenId: null,\n  deviceId: null,\n};\n\n/**\n * Create a fresh internal state object with safe defaults.\n * Called once during SDK initialisation.\n */\nexport function createInitialState(): InternalState {\n  return {\n    deviceId: null,\n    partnerId: null,\n    screenId: null,\n    ads: [],\n    currentAdIndex: 0,\n    isPlaying: false,\n    isPaused: false,\n    isOffline: false,\n    settings: {},\n    programmatic: null,\n    programmaticPlaying: false,\n    prefetchedReady: false,\n    waterfallMode: 'programmatic_only',\n    autoStart: true,\n    container: null,\n    adTimer: null,\n    refreshTimer: null,\n    heartbeatTimer: null,\n    programmaticRetryTimer: null,\n    programmaticRetryActive: false,\n    programmaticRetryCount: 0,\n    programmaticLastError: null,\n    initialized: false,\n    screenOrientation: null,\n    screenDimensions: null,\n    etag: null,\n  };\n}\n\n/**\n * Project the internal state into a safe, read-only snapshot\n * that can be handed to consumers and event listeners.\n */\nexport function getPublicState(internal: InternalState): TrillboardsState {\n  return {\n    initialized: internal.initialized,\n    isPlaying: internal.isPlaying,\n    isPaused: internal.isPaused,\n    isOffline: internal.isOffline,\n    currentAd: internal.ads[internal.currentAdIndex] ?? null,\n    adCount: internal.ads.length,\n    programmaticPlaying: internal.programmaticPlaying,\n    prefetchedReady: internal.prefetchedReady ?? false,\n    waterfallMode: internal.waterfallMode,\n    screenId: internal.screenId,\n    deviceId: internal.deviceId,\n  };\n}\n","import { useCallback, useRef, useState } from 'react';\nimport type { TrillboardsState, EventMap, WaterfallMode } from '../core/types';\nimport { DEFAULT_PUBLIC_STATE } from '../core/state';\nimport type { TrillboardsWebViewHandle } from './TrillboardsWebView';\n\nexport interface UseTrillboardsNativeReturn {\n  ref: React.RefObject<TrillboardsWebViewHandle>;\n  isReady: boolean;\n  state: TrillboardsState;\n  show: () => void;\n  hide: () => void;\n  skipAd: () => void;\n  refresh: () => void;\n  configure: (params: { waterfall?: WaterfallMode; volume?: number }) => void;\n  onReady: () => void;\n  onStateChanged: (state: TrillboardsState) => void;\n}\n\nexport function useTrillboardsNative(): UseTrillboardsNativeReturn {\n  const ref = useRef<TrillboardsWebViewHandle>(null);\n  const [isReady, setIsReady] = useState(false);\n  const [state, setState] = useState<TrillboardsState>(DEFAULT_PUBLIC_STATE);\n\n  const show = useCallback(() => ref.current?.show(), []);\n  const hide = useCallback(() => ref.current?.hide(), []);\n  const skipAd = useCallback(() => ref.current?.skipAd(), []);\n  const refresh = useCallback(() => ref.current?.refresh(), []);\n  const configure = useCallback(\n    (params: { waterfall?: WaterfallMode; volume?: number }) => ref.current?.configure(params),\n    []\n  );\n\n  const onReady = useCallback(() => setIsReady(true), []);\n  const onStateChanged = useCallback((newState: TrillboardsState) => setState(newState), []);\n\n  return {\n    ref,\n    isReady,\n    state,\n    show,\n    hide,\n    skipAd,\n    refresh,\n    configure,\n    onReady,\n    onStateChanged,\n  };\n}\n"]}