sitepong 0.2.1 → 0.2.3

package/dist/entries/rn.js

@@ -1,9 +1,13 @@
 'use strict';
 
-var react = require('react');
-require('web-vitals');
+var React2 = require('react');
 var reactNative = require('react-native');
 var jsxRuntime = require('react/jsx-runtime');
+var screenRecorder = require('@sitepong/screen-recorder');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React2__default = /*#__PURE__*/_interopDefault(React2);
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
@@ -672,6 +676,7 @@ var DEFAULT_BLOCK_SELECTORS = [
 var MAX_TEXT_LENGTH = 255;
 var AutocaptureModule = class {
   constructor(config, callback) {
+    this.listeners = [];
     this.clickHandler = null;
     this.submitHandler = null;
     this.active = false;
@@ -686,6 +691,27 @@ var AutocaptureModule = class {
     };
     this.callback = callback;
   }
+  /**
+   * Register a secondary listener that receives the same events as the
+   * primary callback (e.g. Watchtower tap capture reusing the single click
+   * listener + selector resolution). Returns an unsubscribe function.
+   */
+  addListener(cb) {
+    this.listeners.push(cb);
+    return () => {
+      const idx = this.listeners.indexOf(cb);
+      if (idx >= 0) this.listeners.splice(idx, 1);
+    };
+  }
+  emit(event) {
+    this.callback(event);
+    for (const listener of this.listeners) {
+      try {
+        listener(event);
+      } catch {
+      }
+    }
+  }
   start() {
     if (this.active || typeof document === "undefined" || typeof document.addEventListener !== "function") return;
     this.active = true;
@@ -718,7 +744,7 @@ var AutocaptureModule = class {
       properties.$event_type = "click";
       properties.$x = e.clientX;
       properties.$y = e.clientY;
-      this.callback({
+      this.emit({
         type: "click",
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         properties
@@ -740,7 +766,7 @@ var AutocaptureModule = class {
       };
       const elemProps = this.getElementProperties(form);
       Object.assign(properties, elemProps);
-      this.callback({
+      this.emit({
         type: "form_submit",
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         properties
@@ -957,6 +983,14 @@ var AnalyticsManager = class {
     );
     this.autocaptureModule.start();
   }
+  /**
+   * The live AutocaptureModule (if click/form autocapture is enabled) —
+   * Watchtower tap capture attaches to it so there is only ONE document-level
+   * click listener and one selector/element resolution path.
+   */
+  getAutocaptureModule() {
+    return this.autocaptureModule;
+  }
   track(eventName, properties) {
     if (!this.config.enabled) return;
     const event = this.createEvent("track", { name: eventName, properties });
@@ -2226,6 +2260,8 @@ var SitePongClient = class {
     this.databaseTracker = null;
     this.profiler = null;
     this.remoteConfigManager = null;
+    this.watchtowerCapture = null;
+    this.watchtowerOptions = void 0;
     this.envUnsubs = [];
     this.identifyHooks = [];
     this.config = {
@@ -2345,6 +2381,12 @@ var SitePongClient = class {
     } else if (config.replay?.enabled) {
       this.log("Replay requested but not available on this platform (web only).");
     }
+    this.watchtowerOptions = config.watchtower;
+    if (config.watchtower?.enabled && webManagerFactories.createWatchtowerCapture) {
+      this.startWatchtowerCapture();
+    } else if (config.watchtower?.enabled) {
+      this.log("Watchtower capture requested but not available on this platform (web only).");
+    }
     if (config.crons?.enabled) {
       this.cronManager = new CronMonitorManager({
         apiKey: config.apiKey,
@@ -2584,6 +2626,7 @@ var SitePongClient = class {
         this.log("identify hook failed:", err);
       }
     }
+    this.watchtowerCapture?.setDistinctId(userId);
     if (!this.analyticsManager) {
       this.log("Analytics not enabled. Set analytics.enabled: true in init()");
       return;
@@ -2651,6 +2694,49 @@ var SitePongClient = class {
   getReplaySessionId() {
     return this.replayManager?.getSessionId() ?? null;
   }
+  // --- Watchtower tap capture (web) ---
+  /**
+   * Start Watchtower web tap capture. Options merge over `watchtower` from
+   * init(); `projectId` is required (either here or in init config). Reuses
+   * the analytics AutocaptureModule's click listener when autocapture is on.
+   */
+  startWatchtowerCapture(options) {
+    if (!webManagerFactories.createWatchtowerCapture) {
+      this.log("Watchtower capture not available on this platform (web only).");
+      return false;
+    }
+    if (!this.initialized || !this.config.apiKey) {
+      this.log("Watchtower capture requires init() to be called first.");
+      return false;
+    }
+    const opts = { ...this.watchtowerOptions, ...options };
+    if (!opts.projectId) {
+      this.log("Watchtower capture requires watchtower.projectId.");
+      return false;
+    }
+    if (this.watchtowerCapture) {
+      this.watchtowerCapture.stop();
+      this.watchtowerCapture = null;
+    }
+    this.watchtowerCapture = webManagerFactories.createWatchtowerCapture({
+      apiKey: this.config.apiKey,
+      projectId: opts.projectId,
+      endpoint: opts.endpoint || this.config.endpoint || DEFAULT_ENDPOINT3,
+      appVersion: this.config.release || void 0,
+      maxBatchSize: opts.maxBatchSize,
+      flushInterval: opts.flushInterval,
+      blockSelector: opts.blockSelector,
+      maskSelector: opts.maskSelector,
+      debug: this.config.debug
+    });
+    this.watchtowerCapture.start(this.analyticsManager?.getAutocaptureModule() ?? null);
+    return true;
+  }
+  stopWatchtowerCapture() {
+    if (!this.watchtowerCapture) return;
+    this.watchtowerCapture.stop();
+    this.watchtowerCapture = null;
+  }
   // --- Performance (Tier 7) ---
   startTransaction(name, data) {
     if (!this.performanceManager) {
@@ -2802,6 +2888,7 @@ var SitePongClient = class {
     if (this.replayManager) {
       this.replayManager.setUser(null);
     }
+    this.watchtowerCapture?.setDistinctId(null);
   }
   addBreadcrumb(breadcrumb) {
     this.log("Breadcrumb added:", breadcrumb);
@@ -3026,6 +3113,8 @@ sitepong.getDeviceSignals.bind(sitepong);
 sitepong.getFraudCheck.bind(sitepong);
 sitepong.startReplay.bind(sitepong);
 sitepong.stopReplay.bind(sitepong);
+sitepong.startWatchtowerCapture.bind(sitepong);
+sitepong.stopWatchtowerCapture.bind(sitepong);
 sitepong.isReplayRecording.bind(sitepong);
 sitepong.getReplaySessionId.bind(sitepong);
 sitepong.startTransaction.bind(sitepong);
@@ -3536,7 +3625,7 @@ function endLiveActivity(activityType, activityId) {
     activity_id: activityId
   });
 }
-var SitePongRNContext = react.createContext({
+var SitePongRNContext = React2.createContext({
   isInitialized: false,
   performanceManager: null
 });
@@ -3555,10 +3644,10 @@ function SitePongRNProvider({
   pushUserId,
   children
 }) {
-  const initialized = react.useRef(false);
-  const [sdkReady, setSdkReady] = react.useState(false);
-  const performanceManagerRef = react.useRef(null);
-  react.useEffect(() => {
+  const initialized = React2.useRef(false);
+  const [sdkReady, setSdkReady] = React2.useState(false);
+  const performanceManagerRef = React2.useRef(null);
+  React2.useEffect(() => {
     if (initialized.current) return;
     const teardowns = [];
     const deviceInfo = collectDeviceInfo();
@@ -3627,11 +3716,11 @@ function SitePongRNProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(SitePongRNContext.Provider, { value, children });
 }
 function useSitePongRNContext() {
-  return react.useContext(SitePongRNContext);
+  return React2.useContext(SitePongRNContext);
 }
 function useScreenTrack(screenName) {
-  const { performanceManager } = react.useContext(SitePongRNContext);
-  react.useEffect(() => {
+  const { performanceManager } = React2.useContext(SitePongRNContext);
+  React2.useEffect(() => {
     if (!performanceManager) return;
     performanceManager.startScreenRender(screenName);
     return () => {
@@ -3640,8 +3729,8 @@ function useScreenTrack(screenName) {
   }, [screenName, performanceManager]);
 }
 function useAppState() {
-  const [appState, setAppState] = react.useState("active");
-  react.useEffect(() => {
+  const [appState, setAppState] = React2.useState("active");
+  React2.useEffect(() => {
     setAppState(reactNative.AppState.currentState);
     const subscription = reactNative.AppState.addEventListener("change", (nextState) => {
       setAppState(nextState);
@@ -3651,8 +3740,8 @@ function useAppState() {
   return appState;
 }
 function useRemoteConfig() {
-  const [config, setConfig] = react.useState(() => getRemoteConfig());
-  react.useEffect(() => {
+  const [config, setConfig] = React2.useState(() => getRemoteConfig());
+  React2.useEffect(() => {
     setConfig(getRemoteConfig());
     const unsubscribe = onRemoteConfigChange((newConfig) => {
       setConfig(newConfig);
@@ -3662,10 +3751,10 @@ function useRemoteConfig() {
   return config;
 }
 function useRNPerformance(screenName) {
-  const { performanceManager } = react.useContext(SitePongRNContext);
-  const [duration, setDuration] = react.useState(null);
-  const startTimeRef = react.useRef(Date.now());
-  react.useEffect(() => {
+  const { performanceManager } = React2.useContext(SitePongRNContext);
+  const [duration, setDuration] = React2.useState(null);
+  const startTimeRef = React2.useRef(Date.now());
+  React2.useEffect(() => {
     startTimeRef.current = Date.now();
     const handle = requestAnimationFrame(() => {
       const d = Date.now() - startTimeRef.current;
@@ -3679,6 +3768,66 @@ function useRNPerformance(screenName) {
   }, [screenName, performanceManager]);
   return { duration };
 }
+var started = false;
+function startWatchtower(config) {
+  if (started) return;
+  screenRecorder.watchtowerStart({
+    apiKey: config.apiKey,
+    projectId: config.projectId,
+    endpoint: config.endpoint,
+    sampleRate: config.sampleRate ?? 0.1,
+    platform: config.platform ?? "react-native-ios"
+  });
+  started = true;
+  if (config.distinctId) setWatchtowerUser(config.distinctId);
+}
+function setWatchtowerUser(distinctId) {
+  try {
+    screenRecorder.watchtowerSetUser(distinctId);
+  } catch {
+  }
+}
+function getWatchtowerSessionId() {
+  try {
+    return screenRecorder.watchtowerGetSessionId();
+  } catch {
+    return null;
+  }
+}
+function stopWatchtower() {
+  if (!started) return;
+  screenRecorder.watchtowerStop();
+  started = false;
+}
+function subscribeNavigationToWatchtower(navigationRef) {
+  const unsubscribe = createNavigationTracker(navigationRef, {
+    screenNameFilter: (name) => {
+      try {
+        screenRecorder.watchtowerSetScreen(name);
+      } catch {
+      }
+      return name;
+    }
+  });
+  try {
+    const route = navigationRef.getCurrentRoute?.();
+    if (route?.name) screenRecorder.watchtowerSetScreen(route.name);
+  } catch {
+  }
+  return unsubscribe;
+}
+function WatchtowerProvider(props) {
+  const { config, navigationRef, children } = props;
+  React2__default.default.useEffect(() => {
+    startWatchtower(config);
+    const unsubscribe = subscribeNavigationToWatchtower(navigationRef);
+    return () => {
+      unsubscribe();
+      stopWatchtower();
+    };
+  }, []);
+  return React2__default.default.createElement(React2__default.default.Fragment, null, children);
+}
 
 // src/react-native/sqlite-tracker.ts
 function now() {
@@ -3846,7 +3995,7 @@ function stopWidgetSync() {
     syncTimer = null;
   }
 }
-var started = false;
+var started2 = false;
 function platform() {
   if (reactNative.Platform.OS === "ios") return "ios";
   if (reactNative.Platform.OS === "android") return "android";
@@ -3934,8 +4083,8 @@ function hasSuperLinkToken(value) {
 }
 async function initSuperLinkRN(config = {}, identityOverride) {
   superlinkClient.configure(config);
-  if (started) return getMatchedDeepLink();
-  started = true;
+  if (started2) return getMatchedDeepLink();
+  started2 = true;
   const fingerprint = collectFingerprint();
   const [referrer, clipboardToken] = await Promise.all([
     readPlayInstallReferrer(),
@@ -4031,6 +4180,7 @@ function setRNStorage(storage) {
 exports.RNAutocaptureModule = RNAutocaptureModule;
 exports.RNPerformanceManager = RNPerformanceManager;
 exports.SitePongRNProvider = SitePongRNProvider;
+exports.WatchtowerProvider = WatchtowerProvider;
 exports.addBreadcrumb = addBreadcrumb;
 exports.areFlagsReady = areFlagsReady;
 exports.captureError = captureError;
@@ -4056,6 +4206,7 @@ exports.getMatchedDeepLink = getMatchedDeepLink;
 exports.getRemoteConfig = getRemoteConfig;
 exports.getVariant = getVariant;
 exports.getVariantPayload = getVariantPayload2;
+exports.getWatchtowerSessionId = getWatchtowerSessionId;
 exports.group = group;
 exports.handleUniversalLink = handleUniversalLink;
 exports.identify = identify2;
@@ -4081,11 +4232,15 @@ exports.setCurrentScreen = setCurrentScreen;
 exports.setRNStorage = setRNStorage;
 exports.setTags = setTags;
 exports.setUser = setUser;
+exports.setWatchtowerUser = setWatchtowerUser;
 exports.setupNetworkInterception = setupNetworkInterception;
 exports.setupRNErrorHandler = setupRNErrorHandler;
 exports.startScreenRecording = startScreenRecording;
+exports.startWatchtower = startWatchtower;
 exports.stopScreenRecording = stopScreenRecording;
+exports.stopWatchtower = stopWatchtower;
 exports.stopWidgetSync = stopWidgetSync;
+exports.subscribeNavigationToWatchtower = subscribeNavigationToWatchtower;
 exports.superlinkIdentify = identify3;
 exports.syncWidgets = syncWidgets;
 exports.track = track;