@repliqo/sdk-react-native 0.1.0 → 0.1.2

package/dist/core/client.js

@@ -20,7 +20,7 @@ class AppAnalytics {
         this.appStateSubscription = null;
         this.config = (0, config_1.resolveConfig)(config);
         this.logger = new logger_1.Logger(this.config.debug);
-        this.apiClient = new api_client_1.ApiClient(this.config.baseUrl, this.config.apiKey, this.logger);
+        this.apiClient = new api_client_1.ApiClient(config_1.REPLIQO_API_URL, this.config.apiKey, this.logger);
         this.eventQueue = new batch_queue_1.BatchQueue(this.config.batchSize, this.config.flushInterval, async (events) => {
             if (!this.sessionId) {
                 this.logger.warn('Cannot flush events: no active session');
@@ -58,7 +58,7 @@ class AppAnalytics {
         }
         this.setupAppStateListener();
         this.logger.log('SDK initialized with config:', {
-            baseUrl: this.config.baseUrl,
+            apiUrl: config_1.REPLIQO_API_URL,
             appId: this.config.appId,
             batchSize: this.config.batchSize,
             flushInterval: this.config.flushInterval,

package/dist/core/config.d.ts

@@ -1,4 +1,5 @@
 import { SDKConfig } from '../types/events';
-export declare const DEFAULT_CONFIG: Required<Omit<SDKConfig, 'apiKey' | 'appId' | 'baseUrl'>>;
+export declare const REPLIQO_API_URL = "https://api-repliqo.odmservice.site";
+export declare const DEFAULT_CONFIG: Required<Omit<SDKConfig, 'apiKey' | 'appId'>>;
 export type ResolvedConfig = SDKConfig & typeof DEFAULT_CONFIG;
 export declare function resolveConfig(config: SDKConfig): ResolvedConfig;

package/dist/core/config.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_CONFIG = void 0;
+exports.DEFAULT_CONFIG = exports.REPLIQO_API_URL = void 0;
 exports.resolveConfig = resolveConfig;
+exports.REPLIQO_API_URL = 'https://api-repliqo.odmservice.site';
 exports.DEFAULT_CONFIG = {
     batchSize: 20,
     flushInterval: 30000,

package/dist/trackers/touch.tracker.d.ts

@@ -4,5 +4,21 @@ interface TouchTrackerProps {
     screenName?: string;
     enabled?: boolean;
 }
+/**
+ * Transparent wrapper that captures touch coordinates for heatmaps
+ * WITHOUT interfering with the app's gesture/button handling.
+ *
+ * Uses `onTouchStart` (a passive event) instead of the Gesture
+ * Responder System (`onStartShouldSetResponderCapture`). This means:
+ *  - Buttons, TouchableOpacity, Pressable all work normally
+ *  - Navigation gestures (swipe back) are unaffected
+ *  - ScrollViews scroll as expected
+ *  - No responder conflicts with modals or bottom sheets
+ *
+ * Usage:
+ *   <TouchTracker>
+ *     <App />
+ *   </TouchTracker>
+ */
 export declare const TouchTracker: React.FC<TouchTrackerProps>;
 export {};

package/dist/trackers/touch.tracker.js

@@ -7,11 +7,26 @@ exports.TouchTracker = void 0;
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const client_1 = require("../core/client");
+/**
+ * Transparent wrapper that captures touch coordinates for heatmaps
+ * WITHOUT interfering with the app's gesture/button handling.
+ *
+ * Uses `onTouchStart` (a passive event) instead of the Gesture
+ * Responder System (`onStartShouldSetResponderCapture`). This means:
+ *  - Buttons, TouchableOpacity, Pressable all work normally
+ *  - Navigation gestures (swipe back) are unaffected
+ *  - ScrollViews scroll as expected
+ *  - No responder conflicts with modals or bottom sheets
+ *
+ * Usage:
+ *   <TouchTracker>
+ *     <App />
+ *   </TouchTracker>
+ */
 const TouchTracker = ({ children, screenName, enabled = true, }) => {
-    const handleTouchCapture = react_1.default.useCallback((event) => {
-        if (!enabled) {
-            return false;
-        }
+    const handleTouch = react_1.default.useCallback((event) => {
+        if (!enabled)
+            return;
         try {
             const analytics = client_1.AppAnalytics.getInstance();
             const { pageX, pageY } = event.nativeEvent;
@@ -20,10 +35,8 @@ const TouchTracker = ({ children, screenName, enabled = true, }) => {
         catch {
             // AppAnalytics not initialized, silently ignore
         }
-        // Return false so touches pass through to children
-        return false;
     }, [enabled, screenName]);
-    return (<react_native_1.View style={{ flex: 1 }} onStartShouldSetResponderCapture={handleTouchCapture}>
+    return (<react_native_1.View style={{ flex: 1 }} onTouchStart={handleTouch} pointerEvents="box-none">
       {children}
     </react_native_1.View>);
 };

package/dist/types/events.d.ts

@@ -34,7 +34,6 @@ export interface DeviceInfo {
 export interface SDKConfig {
     apiKey: string;
     appId: string;
-    baseUrl: string;
     batchSize?: number;
     flushInterval?: number;
     enableTouchTracking?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repliqo/sdk-react-native",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Session replay & analytics SDK for React Native. Captures screenshots (including modals/alerts), navigation, screen visits, and custom events.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/core/client.ts

@@ -7,7 +7,7 @@ import {
 } from '../types/events';
 import { SnapshotPayload } from '../types/snapshot';
 import { SnapshotCapture } from '../snapshot/capture';
-import { ResolvedConfig, resolveConfig } from './config';
+import { ResolvedConfig, resolveConfig, REPLIQO_API_URL } from './config';
 import { Logger } from './logger';
 import { ApiClient } from '../transport/api.client';
 import { BatchQueue } from '../transport/batch-queue';
@@ -35,7 +35,7 @@ export class AppAnalytics {
     this.config = resolveConfig(config);
     this.logger = new Logger(this.config.debug);
     this.apiClient = new ApiClient(
-      this.config.baseUrl,
+      REPLIQO_API_URL,
       this.config.apiKey,
       this.logger,
     );
@@ -104,7 +104,7 @@ export class AppAnalytics {
     this.setupAppStateListener();
 
     this.logger.log('SDK initialized with config:', {
-      baseUrl: this.config.baseUrl,
+      apiUrl: REPLIQO_API_URL,
       appId: this.config.appId,
       batchSize: this.config.batchSize,
       flushInterval: this.config.flushInterval,

package/src/core/config.ts

@@ -1,6 +1,8 @@
 import { SDKConfig } from '../types/events';
 
-export const DEFAULT_CONFIG: Required<Omit<SDKConfig, 'apiKey' | 'appId' | 'baseUrl'>> = {
+export const REPLIQO_API_URL = 'https://api-repliqo.odmservice.site';
+
+export const DEFAULT_CONFIG: Required<Omit<SDKConfig, 'apiKey' | 'appId'>> = {
   batchSize: 20,
   flushInterval: 30000,
   enableTouchTracking: true,

package/src/trackers/touch.tracker.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { View, GestureResponderEvent } from 'react-native';
+import { View, type GestureResponderEvent } from 'react-native';
 import { AppAnalytics } from '../core/client';
 
 interface TouchTrackerProps {
@@ -8,16 +8,30 @@ interface TouchTrackerProps {
   enabled?: boolean;
 }
 
+/**
+ * Transparent wrapper that captures touch coordinates for heatmaps
+ * WITHOUT interfering with the app's gesture/button handling.
+ *
+ * Uses `onTouchStart` (a passive event) instead of the Gesture
+ * Responder System (`onStartShouldSetResponderCapture`). This means:
+ *  - Buttons, TouchableOpacity, Pressable all work normally
+ *  - Navigation gestures (swipe back) are unaffected
+ *  - ScrollViews scroll as expected
+ *  - No responder conflicts with modals or bottom sheets
+ *
+ * Usage:
+ *   <TouchTracker>
+ *     <App />
+ *   </TouchTracker>
+ */
 export const TouchTracker: React.FC<TouchTrackerProps> = ({
   children,
   screenName,
   enabled = true,
 }) => {
-  const handleTouchCapture = React.useCallback(
-    (event: GestureResponderEvent): boolean => {
-      if (!enabled) {
-        return false;
-      }
+  const handleTouch = React.useCallback(
+    (event: GestureResponderEvent) => {
+      if (!enabled) return;
 
       try {
         const analytics = AppAnalytics.getInstance();
@@ -26,9 +40,6 @@ export const TouchTracker: React.FC<TouchTrackerProps> = ({
       } catch {
         // AppAnalytics not initialized, silently ignore
       }
-
-      // Return false so touches pass through to children
-      return false;
     },
     [enabled, screenName],
   );
@@ -36,7 +47,8 @@ export const TouchTracker: React.FC<TouchTrackerProps> = ({
   return (
     <View
       style={{ flex: 1 }}
-      onStartShouldSetResponderCapture={handleTouchCapture}
+      onTouchStart={handleTouch}
+      pointerEvents="box-none"
     >
       {children}
     </View>

package/src/types/events.ts

@@ -40,7 +40,6 @@ export interface DeviceInfo {
 export interface SDKConfig {
   apiKey: string;
   appId: string;
-  baseUrl: string;
   batchSize?: number;
   flushInterval?: number;
   enableTouchTracking?: boolean;