@multiplayer-app/session-recorder-react-native 0.0.1-alpha.1 → 0.0.1-alpha.10

package/RRWEB_INTEGRATION.md

@@ -0,0 +1,336 @@
+# RRWeb Integration for React Native Session Recorder
+
+This document explains the rrweb-compatible event generation system implemented for React Native session recording.
+
+## Overview
+
+The React Native session recorder automatically generates rrweb-compatible events that can be replayed using standard rrweb players. **No manual intervention is required** - the system automatically captures:
+
+1. **Screen snapshots** as `FullSnapshotEvent` with base64-encoded images (periodic + on interaction)
+2. **Touch interactions** as `IncrementalSnapshotEvent` with `MouseInteraction` data (automatic)
+3. **Navigation events** and other user interactions (automatic)
+
+**Recording starts automatically when you call `sessionRecorder.start()` and stops when you call `sessionRecorder.stop()`.**
+
+### 🚀 **Smart Change Detection**
+
+The system now includes **intelligent change detection** that prevents duplicate events:
+
+- **Automatic Comparison**: Each screen capture is compared with the previous one
+- **Hash-Based Detection**: Uses lightweight hashing to detect changes quickly
+- **Skip Unchanged Screens**: Only sends events when the screen actually changes
+- **Touch-Triggered Capture**: Forces capture after touch interactions regardless of change detection
+
+## Architecture
+
+### Core Components
+
+1. **RRWeb Types** (`src/types/rrweb.ts`)
+
+   - Complete TypeScript definitions for rrweb events
+   - React Native specific types for screen and touch data
+
+2. **SessionRecorder** (`src/session-recorder.ts`)
+
+   - Main entry point with `recordEvent()` method for custom events
+   - Automatic touch recording (internal methods)
+   - Automatic screen capture coordination
+
+3. **ScreenRecorder** (`src/recorder/screenRecorder.ts`)
+
+   - Captures screenshots and converts to `FullSnapshotEvent`
+   - Creates virtual DOM with `<img>` elements containing base64 screenshots
+
+4. **GestureRecorder** (`src/recorder/gestureRecorder.ts`)
+
+   - Automatically converts touch events to rrweb `MouseInteraction` events
+   - Maps React Native coordinates to rrweb format
+   - Sets up automatic touch capture on session start
+
+5. **TouchEventCapture** (`src/context/SessionRecorderContext.tsx`)
+   - React component that automatically captures touch events
+   - No manual setup required - works automatically when session is active
+
+## Event Types Generated
+
+### FullSnapshotEvent
+
+```typescript
+{
+  type: EventType.FullSnapshot,
+  data: {
+    node: {
+      type: 1, // Element node
+      id: 1,
+      tagName: 'div',
+      attributes: { style: 'width: 375px; height: 667px; position: relative;' },
+      childNodes: [{
+        type: 1,
+        id: 2,
+        tagName: 'img',
+        attributes: {
+          src: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...',
+          width: '375',
+          height: '667',
+          style: 'width: 375px; height: 667px;'
+        }
+      }]
+    },
+    initialOffset: { left: 0, top: 0 }
+  },
+  timestamp: 1640995200000
+}
+```
+
+### IncrementalSnapshotEvent (Touch Interactions)
+
+```typescript
+{
+  type: EventType.IncrementalSnapshot,
+  data: {
+    source: IncrementalSource.MouseInteraction,
+    type: MouseInteractionType.TouchStart, // or TouchMove, TouchEnd
+    id: 2, // References the image node ID
+    x: 150,
+    y: 200
+  },
+  timestamp: 1640995201000
+}
+```
+
+## Usage
+
+### Basic Setup (Automatic Recording)
+
+```typescript
+import { SessionRecorderProvider } from '@multiplayer-app/session-recorder-react-native'
+
+function App() {
+  return (
+    <SessionRecorderProvider
+      options={{
+        apiKey: 'your-api-key',
+        version: '1.0.0',
+        application: 'MyApp',
+        environment: 'production',
+        recordScreen: true, // Automatic screen capture
+        recordGestures: true // Automatic touch recording
+      }}
+    >
+      <YourAppContent />
+    </SessionRecorderProvider>
+  )
+}
+```
+
+**That's it!** Recording is now automatic. When you start a session, the system will:
+
+- Automatically capture screen snapshots periodically
+- Automatically record all touch interactions
+- Generate rrweb-compatible events without any manual intervention
+
+### Custom Event Recording (Optional)
+
+```typescript
+import { useSessionRecorder } from '@multiplayer-app/session-recorder-react-native'
+
+function MyComponent() {
+  const { client } = useSessionRecorder()
+
+  const handleCustomEvent = () => {
+    // Record a custom rrweb event (optional)
+    client.recordEvent({
+      type: EventType.Custom,
+      data: { customData: 'value' },
+      timestamp: Date.now()
+    })
+  }
+
+  return <Button onPress={handleCustomEvent} title='Record Custom Event' />
+}
+```
+
+## Integration Points
+
+### Screen Capture Integration
+
+The `ScreenRecorder` class now includes **complete react-native-view-shot integration**:
+
+```typescript
+// In screenRecorder.ts - _captureScreenBase64 method
+private async _captureScreenBase64(): Promise<string | null> {
+  try {
+    if (!this.viewShotRef) {
+      console.warn('ViewShot ref not available for screen capture')
+      return null
+    }
+
+    // Capture the screen using react-native-view-shot
+    const result = await captureRef(this.viewShotRef, {
+      format: this.captureFormat,
+      quality: this.captureQuality,
+      result: 'base64'
+    })
+
+    return result
+  } catch (error) {
+    console.error('Failed to capture screen:', error)
+    return null
+  }
+}
+```
+
+**The ViewShot ref is automatically set up** in the `TouchEventCapture` component, so no manual configuration is needed!
+
+### Automatic ViewShot Setup
+
+The `TouchEventCapture` component automatically sets up the ViewShot ref:
+
+```typescript
+// In SessionRecorderContext.tsx
+const TouchEventCapture: React.FC<{ children: ReactNode }> = ({ children }) => {
+  const context = useContext(SessionRecorderContext)
+  const viewShotRef = useRef<View>(null)
+
+  // Callback ref to set the viewshot ref immediately when available
+  const setViewShotRef = (ref: View | null) => {
+    if (ref && context?.client) {
+      context.client.setViewShotRef?.(ref)
+    }
+  }
+
+  return (
+    <View
+      ref={(ref) => {
+        viewShotRef.current = ref
+        setViewShotRef(ref)
+      }}
+      style={{ flex: 1 }}
+      onTouchStart={handleTouchStart}
+      onTouchMove={handleTouchMove}
+      onTouchEnd={handleTouchEnd}
+    >
+      {children}
+    </View>
+  )
+}
+```
+
+This ensures that:
+
+- The same View that captures touch events is used for screen capture
+- Perfect synchronization between touch interactions and screen captures
+- No manual ref setup required
+
+### Required Dependencies
+
+Add these to your `package.json`:
+
+```json
+{
+  "dependencies": {
+    "react-native-view-shot": "^3.8.0"
+  }
+}
+```
+
+## Automatic Event Flow
+
+1. **Session Start**: `SessionRecorder.start()` automatically initializes all recorders
+2. **Automatic Screen Capture**: `ScreenRecorder` automatically captures screenshots periodically + on interactions
+3. **Automatic Touch Events**: `TouchEventCapture` automatically captures all touch interactions
+4. **Automatic Event Generation**: Touch events are automatically converted to rrweb `MouseInteraction` events
+5. **Automatic Event Recording**: All events are automatically stored and can be exported
+
+**No manual intervention required!** The entire process is automatic once you start a session.
+
+## Customization
+
+### Screen Capture Frequency
+
+```typescript
+// Adjust capture interval in ScreenRecorder
+screenRecorder.setCaptureInterval(3000) // Capture every 3 seconds
+```
+
+### Change Detection Configuration
+
+```typescript
+// Enable/disable change detection
+screenRecorder.setChangeDetection(true) // Default: true
+
+// Adjust hash sample size for change detection
+screenRecorder.setHashSampleSize(200) // Default: 100 characters
+
+// Force capture (bypasses change detection)
+screenRecorder.forceCapture()
+```
+
+### Touch Event Throttling
+
+```typescript
+// Adjust gesture throttling in GestureRecorder
+gestureRecorder.setGestureThrottle(100) // Throttle to 100ms
+```
+
+### Event Filtering
+
+You can filter events by modifying the `recordEvent` method in `SessionRecorder`:
+
+```typescript
+recordEvent(event: RRWebEvent): void {
+  if (!this._isInitialized || this.sessionState !== SessionState.started) {
+    return
+  }
+
+  // Add custom filtering logic here
+  if (event.type === EventType.IncrementalSnapshot) {
+    // Filter out certain touch events if needed
+  }
+
+  this._recorder.recordEvent(event)
+}
+```
+
+## Exporting Events
+
+To export recorded events for rrweb playback:
+
+```typescript
+const events = sessionRecorder.getRecordedEvents()
+// Save events to file or send to server
+```
+
+## Troubleshooting
+
+### Common Issues
+
+1. **Screen capture not working**: Ensure `react-native-view-shot` is properly installed and configured
+2. **Touch events not recorded**: Check that `TouchEventCapture` wraps your app content
+3. **Events not generated**: Verify session is in `started` state
+
+### Debug Mode
+
+Enable debug logging by setting:
+
+```typescript
+// In your app configuration
+console.log('Recording stats:', sessionRecorder.getRecordingStats())
+```
+
+## Future Enhancements
+
+- [ ] Support for multiple screen orientations
+- [ ] Gesture recognition and classification
+- [ ] Performance optimization for large sessions
+- [ ] Integration with additional React Native libraries
+- [ ] Custom event types for React Native specific interactions
+
+## Compatibility
+
+This implementation is compatible with:
+
+- rrweb 1.x and 2.x
+- React Native 0.60+
+- iOS and Android platforms
+- Standard rrweb players and replay tools

package/VIEWSHOT_INTEGRATION_TEST.md

@@ -0,0 +1,123 @@
+# ViewShot Integration Test
+
+This document explains how to test the complete react-native-view-shot integration.
+
+## Test Setup
+
+1. **Install Dependencies**
+
+   ```bash
+   npm install react-native-view-shot
+   # For iOS
+   cd ios && pod install && cd ..
+   ```
+
+2. **Test the Integration**
+
+   ```typescript
+   import React from 'react'
+   import { View, Text, Button } from 'react-native'
+   import { SessionRecorderProvider, useSessionRecorder } from './src/context/SessionRecorderContext'
+
+   function TestApp() {
+     const { client } = useSessionRecorder()
+
+     const testScreenCapture = async () => {
+       // Start session to enable automatic screen capture
+       await client.start()
+
+       // Wait a moment for initial screen capture
+       setTimeout(() => {
+         console.log('Screen capture should have happened automatically!')
+         // Check the recorded events
+         const events = client.getRecordedEvents?.()
+         console.log('Recorded events:', events)
+       }, 2000)
+     }
+
+     return (
+       <View style={{ flex: 1, padding: 20 }}>
+         <Text>ViewShot Integration Test</Text>
+         <Button title='Test Screen Capture' onPress={testScreenCapture} />
+         <Text>Touch the screen to test touch recording</Text>
+       </View>
+     )
+   }
+
+   export default function App() {
+     return (
+       <SessionRecorderProvider
+         options={{
+           apiKey: 'test-key',
+           version: '1.0.0',
+           application: 'TestApp',
+           environment: 'test',
+           recordScreen: true,
+           recordGestures: true
+         }}
+       >
+         <TestApp />
+       </SessionRecorderProvider>
+     )
+   }
+   ```
+
+## Expected Behavior
+
+When you run this test:
+
+1. **Automatic Screen Capture**: The system should automatically capture the screen when the session starts
+2. **Touch Recording**: Touching the screen should generate rrweb MouseInteraction events
+3. **ViewShot Integration**: The same View that handles touch events should be used for screen capture
+4. **Event Generation**: Both FullSnapshotEvent and IncrementalSnapshotEvent should be generated
+
+## Verification Steps
+
+1. **Check Console Logs**: Look for screen capture success/failure messages
+2. **Verify Events**: Check that `getRecordedEvents()` returns both screen and touch events
+3. **Test Touch Interactions**: Touch the screen and verify touch events are recorded
+4. **Check Event Format**: Ensure events are in proper rrweb format
+
+## Troubleshooting
+
+### Common Issues
+
+1. **"ViewShot ref not available"**: The ref setup might be timing-related
+
+   - Solution: Ensure the SessionRecorderProvider wraps your app properly
+
+2. **Screen capture fails**: react-native-view-shot might not be properly installed
+
+   - Solution: Check installation and run `pod install` for iOS
+
+3. **No events recorded**: Session might not be started
+   - Solution: Call `client.start()` before testing
+
+### Debug Information
+
+Add this to your test component to debug:
+
+```typescript
+const debugInfo = () => {
+  console.log('Session State:', client.sessionState)
+  console.log('Is Recording:', client.isRecording)
+  console.log('Events Count:', client.getRecordedEvents?.()?.length || 0)
+}
+```
+
+## Success Criteria
+
+✅ Screen capture works automatically when session starts
+✅ Touch events are recorded automatically
+✅ Events are in proper rrweb format
+✅ No manual ref setup required
+✅ Perfect synchronization between touch and screen events
+
+## Next Steps
+
+Once the test passes:
+
+1. Integrate into your main app
+2. Configure capture intervals and quality as needed
+3. Export events for rrweb playback
+4. Customize event filtering if required

package/copy-react-native-dist.sh

@@ -0,0 +1,38 @@
+#!/bin/bash
+
+# Exit on any error
+set -e
+
+# Configuration
+SOURCE_DIR="./dist"
+TARGET_DIR="../../../sample-expo-app/node_modules/@multiplayer-app/session-recorder-react-native"
+
+echo "📱 Copying React Native dist to sample Expo app..."
+
+# Check if source directory exists
+if [ ! -d "$SOURCE_DIR" ]; then
+    echo "❌ Source directory does not exist: $SOURCE_DIR"
+    echo "💡 Please run 'npm run build' in the session-recorder-react-native package first"
+    exit 1
+fi
+
+# Check if target directory exists
+if [ ! -d "$TARGET_DIR" ]; then
+    echo "❌ Target directory does not exist: $TARGET_DIR"
+    echo "💡 Please make sure the sample-expo-app is set up and has the package installed"
+    exit 1
+fi
+
+# Create backup of existing dist if it exists
+if [ -d "$TARGET_DIR/dist" ]; then
+    echo "📦 Creating backup of existing dist..."
+    cp -r "$TARGET_DIR/dist" "$TARGET_DIR/dist.backup.$(date +%Y%m%d_%H%M%S)"
+fi
+
+# Copy the dist folder
+echo "🔄 Copying dist folder..."
+cp -r "$SOURCE_DIR" "$TARGET_DIR/"
+
+echo "✅ Successfully copied dist folder to sample Expo app!"
+echo "📍 Source: $SOURCE_DIR"
+echo "📍 Target: $TARGET_DIR/dist"

package/dist/components/GestureCaptureWrapper/GestureCaptureWrapper.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+export interface GestureCaptureWrapperProps {
+    children: ReactNode;
+    onGestureRecord: (gestureType: string, data: any) => void;
+}
+export declare const GestureCaptureWrapper: React.FC<GestureCaptureWrapperProps>;

package/dist/components/GestureCaptureWrapper/GestureCaptureWrapper.js

@@ -0,0 +1 @@
+"use strict";var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports.GestureCaptureWrapper=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNativeGestureHandler=require("react-native-gesture-handler");var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/components/GestureCaptureWrapper/GestureCaptureWrapper.js";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,"default":e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t2 in e)"default"!==_t2&&{}.hasOwnProperty.call(e,_t2)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t2))&&(i.get||i.set)?o(f,_t2,i):f[_t2]=e[_t2]);return f;})(e,t);}var GestureCaptureWrapper=exports.GestureCaptureWrapper=function GestureCaptureWrapper(_ref){var children=_ref.children,onGestureRecord=_ref.onGestureRecord;var recordGesture=(0,_react.useCallback)(function(gestureType,data){onGestureRecord(gestureType,data);},[onGestureRecord]);var tapGesture=(0,_react.useMemo)(function(){return _reactNativeGestureHandler.Gesture.Tap().runOnJS(true).onStart(function(event){recordGesture('tap',{x:event.x,y:event.y,timestamp:Date.now()});});},[recordGesture]);var panGesture=(0,_react.useMemo)(function(){return _reactNativeGestureHandler.Gesture.Pan().runOnJS(true).onStart(function(event){recordGesture('pan_start',{x:event.x,y:event.y,timestamp:Date.now()});}).onUpdate(function(event){recordGesture('pan_update',{x:event.x,y:event.y,translationX:event.translationX,translationY:event.translationY,velocityX:event.velocityX,velocityY:event.velocityY,timestamp:Date.now()});}).onEnd(function(event){recordGesture('pan_end',{x:event.x,y:event.y,translationX:event.translationX,translationY:event.translationY,velocityX:event.velocityX,velocityY:event.velocityY,timestamp:Date.now()});});},[recordGesture]);var longPressGesture=(0,_react.useMemo)(function(){return _reactNativeGestureHandler.Gesture.LongPress().runOnJS(true).minDuration(500).onStart(function(event){recordGesture('long_press',{x:event.x,y:event.y,duration:500,timestamp:Date.now()});});},[recordGesture]);return(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView,{style:{flex:1},children:(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:_reactNativeGestureHandler.Gesture.Simultaneous(tapGesture,panGesture,longPressGesture),children:children})});};

package/dist/components/GestureCaptureWrapper/GestureCaptureWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GestureCaptureWrapper.js","sourceRoot":"","sources":["../../../src/components/GestureCaptureWrapper/GestureCaptureWrapper.tsx"],"names":[],"mappings":"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"}

package/dist/components/GestureCaptureWrapper/index.d.ts

@@ -0,0 +1 @@
+export * from "./GestureCaptureWrapper";

package/dist/components/GestureCaptureWrapper/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var _GestureCaptureWrapper=require("./GestureCaptureWrapper");Object.keys(_GestureCaptureWrapper).forEach(function(key){if(key==="default"||key==="__esModule")return;if(key in exports&&exports[key]===_GestureCaptureWrapper[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _GestureCaptureWrapper[key];}});});

package/dist/components/GestureCaptureWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GestureCaptureWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/components/GestureCaptureWrapper.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+export interface GestureCaptureWrapperProps {
+    children: ReactNode;
+    onGestureRecord: (gestureType: string, data: any) => void;
+}
+export declare const GestureCaptureWrapper: React.FC<GestureCaptureWrapperProps>;

package/dist/components/GestureCaptureWrapper.js

@@ -0,0 +1 @@
+"use strict";var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports.GestureCaptureWrapper=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNativeGestureHandler=require("react-native-gesture-handler");var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/components/GestureCaptureWrapper.js";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,"default":e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t2 in e)"default"!==_t2&&{}.hasOwnProperty.call(e,_t2)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t2))&&(i.get||i.set)?o(f,_t2,i):f[_t2]=e[_t2]);return f;})(e,t);}var GestureCaptureWrapper=exports.GestureCaptureWrapper=function GestureCaptureWrapper(_ref){var children=_ref.children,onGestureRecord=_ref.onGestureRecord;var recordGesture=(0,_react.useCallback)(function(gestureType,data){onGestureRecord(gestureType,data);},[onGestureRecord]);var tapGesture=(0,_react.useMemo)(function(){return _reactNativeGestureHandler.Gesture.Tap().runOnJS(true).onStart(function(event){recordGesture('tap',{x:event.x,y:event.y,timestamp:Date.now()});});},[recordGesture]);var panGesture=(0,_react.useMemo)(function(){return _reactNativeGestureHandler.Gesture.Pan().runOnJS(true).onStart(function(event){recordGesture('pan_start',{x:event.x,y:event.y,timestamp:Date.now()});}).onUpdate(function(event){recordGesture('pan_update',{x:event.x,y:event.y,translationX:event.translationX,translationY:event.translationY,velocityX:event.velocityX,velocityY:event.velocityY,timestamp:Date.now()});}).onEnd(function(event){recordGesture('pan_end',{x:event.x,y:event.y,translationX:event.translationX,translationY:event.translationY,velocityX:event.velocityX,velocityY:event.velocityY,timestamp:Date.now()});});},[recordGesture]);var longPressGesture=(0,_react.useMemo)(function(){return _reactNativeGestureHandler.Gesture.LongPress().runOnJS(true).minDuration(500).onStart(function(event){recordGesture('long_press',{x:event.x,y:event.y,duration:500,timestamp:Date.now()});});},[recordGesture]);return(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView,{style:{flex:1},children:(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:_reactNativeGestureHandler.Gesture.Simultaneous(tapGesture,panGesture,longPressGesture),children:children})});};

package/dist/components/GestureCaptureWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GestureCaptureWrapper.js","sourceRoot":"","sources":["../../src/components/GestureCaptureWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAO/F,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,EAAE;IAC3G,sEAAsE;IAEtE,oBAAoB;IACpB,4CAA4C;IAC5C,SAAS;IAET,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,WAAmB,EAAE,IAAS,EAAE,EAAE;QACjC,4BAA4B;QAC5B,oFAAoF;QACpF,yBAAyB;QACzB,gBAAgB;QAChB,+DAA+D;QAC/D,YAAY;QACZ,sBAAsB;QACtB,uBAAuB;QACvB,oBAAoB;QACpB,+FAA+F;QAC/F,YAAY;QACZ,uBAAuB;QACvB,+EAA+E;QAC/E,YAAY;QACZ,IAAI;QAEJ,+BAA+B;QAC/B,eAAe,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;IACpC,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,qBAAqB;IACrB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,OAAO,CAAC,GAAG,EAAE;aACjB,OAAO,CAAC,IAAI,CAAC;aACb,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACjB,aAAa,CAAC,KAAK,EAAE;gBACnB,CAAC,EAAE,KAAK,CAAC,CAAC;gBACV,CAAC,EAAE,KAAK,CAAC,CAAC;gBACV,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;aACtB,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,4CAA4C;IAC5C,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,OAAO,CAAC,GAAG,EAAE;aACjB,OAAO,CAAC,IAAI,CAAC;aACb,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACjB,aAAa,CAAC,WAAW,EAAE;gBACzB,CAAC,EAAE,KAAK,CAAC,CAAC;gBACV,CAAC,EAAE,KAAK,CAAC,CAAC;gBACV,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;aACtB,CAAC,CAAA;QACJ,CAAC,CAAC;aACD,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;YAClB,aAAa,CAAC,YAAY,EAAE;gBAC1B,CAAC,EAAE,KAAK,CAAC,CAAC;gBACV,CAAC,EAAE,KAAK,CAAC,CAAC;gBACV,YAAY,EAAE,KAAK,CAAC,YAAY;gBAChC,YAAY,EAAE,KAAK,CAAC,YAAY;gBAChC,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;aACtB,CAAC,CAAA;QACJ,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YACf,aAAa,CAAC,SAAS,EAAE;gBACvB,CAAC,EAAE,KAAK,CAAC,CAAC;gBACV,CAAC,EAAE,KAAK,CAAC,CAAC;gBACV,YAAY,EAAE,KAAK,CAAC,YAAY;gBAChC,YAAY,EAAE,KAAK,CAAC,YAAY;gBAChC,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;aACtB,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,4BAA4B;IAC5B,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,OAAO,CAAC,SAAS,EAAE;aACvB,OAAO,CAAC,IAAI,CAAC;aACb,WAAW,CAAC,GAAG,CAAC;aAChB,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACjB,aAAa,CAAC,YAAY,EAAE;gBAC1B,CAAC,EAAE,KAAK,CAAC,CAAC;gBACV,CAAC,EAAE,KAAK,CAAC,CAAC;gBACV,QAAQ,EAAE,GAAG;gBACb,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;aACtB,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CACzC;MAAA,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,eAAe,CACvH;IAAA,EAAE,sBAAsB,CAAC,CAC1B,CAAA;AACH,CAAC,CAAA"}

package/dist/components/ScreenRecorderView/ScreenRecorderView.d.ts

@@ -0,0 +1,5 @@
+import React, { PropsWithChildren } from 'react';
+interface ScreenRecorderViewProps extends PropsWithChildren {
+}
+export declare const ScreenRecorderView: ({ children }: ScreenRecorderViewProps) => React.JSX.Element;
+export {};

package/dist/components/ScreenRecorderView/ScreenRecorderView.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports.ScreenRecorderView=void 0;var _sessionRecorderReactNative=_interopRequireDefault(require("@multiplayer-app/session-recorder-react-native"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _types=require("../../types");var _utils=require("../../utils");var _GestureCaptureWrapper=require("../GestureCaptureWrapper");var _jsxRuntime=require("react/jsx-runtime");var _this=void 0,_jsxFileName="/Users/gegham/www/multiplayer-debugger-javascript/packages/session-recorder-react-native/dist/components/ScreenRecorderView/ScreenRecorderView.js";function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap(),n=new WeakMap();return(_interopRequireWildcard=function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,"default":e};if(null===e||"object"!=_typeof(e)&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f);}for(var _t2 in e)"default"!==_t2&&{}.hasOwnProperty.call(e,_t2)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,_t2))&&(i.get||i.set)?o(f,_t2,i):f[_t2]=e[_t2]);return f;})(e,t);}var ScreenRecorderView=exports.ScreenRecorderView=function ScreenRecorderView(_ref){var children=_ref.children;var handleGestureRecord=(0,_react.useCallback)(function(gestureType,data){var _a,_b,_c,_d,_e,_f,_g;if(_sessionRecorderReactNative["default"].sessionState!==_types.SessionState.started){_utils.logger.debug('SessionRecorderContext','Gesture recording skipped',{client:!!_sessionRecorderReactNative["default"].sessionState,sessionState:_sessionRecorderReactNative["default"].sessionState});return;}_utils.logger.debug('SessionRecorderContext','Gesture recorded',{gestureType:gestureType,data:data});try{switch(gestureType){case'tap':_utils.logger.debug('SessionRecorderContext','Recording tap as touch start + end');(_a=_sessionRecorderReactNative["default"].recordTouchStart)===null||_a===void 0?void 0:_a.call(_sessionRecorderReactNative["default"],data.x,data.y,undefined,1.0);(_b=_sessionRecorderReactNative["default"].recordTouchEnd)===null||_b===void 0?void 0:_b.call(_sessionRecorderReactNative["default"],data.x,data.y,undefined,1.0);break;case'pan_start':_utils.logger.debug('SessionRecorderContext','Recording pan_start as touch start');(_c=_sessionRecorderReactNative["default"].recordTouchStart)===null||_c===void 0?void 0:_c.call(_sessionRecorderReactNative["default"],data.x,data.y,undefined,1.0);break;case'pan_update':_utils.logger.debug('SessionRecorderContext','Recording pan_update as touch move');(_d=_sessionRecorderReactNative["default"].recordTouchMove)===null||_d===void 0?void 0:_d.call(_sessionRecorderReactNative["default"],data.x,data.y,undefined,1.0);break;case'pan_end':_utils.logger.debug('SessionRecorderContext','Recording pan_end as touch end');(_e=_sessionRecorderReactNative["default"].recordTouchEnd)===null||_e===void 0?void 0:_e.call(_sessionRecorderReactNative["default"],data.x,data.y,undefined,1.0);break;case'long_press':_utils.logger.debug('SessionRecorderContext','Recording long_press as touch start + end');(_f=_sessionRecorderReactNative["default"].recordTouchStart)===null||_f===void 0?void 0:_f.call(_sessionRecorderReactNative["default"],data.x,data.y,undefined,1.0);(_g=_sessionRecorderReactNative["default"].recordTouchEnd)===null||_g===void 0?void 0:_g.call(_sessionRecorderReactNative["default"],data.x,data.y,undefined,1.0);break;default:}}catch(error){_utils.logger.error('SessionRecorderContext','Failed to record gesture event',error);}},[]);var setViewShotRef=function setViewShotRef(ref){var _a;if(ref){(_a=_sessionRecorderReactNative["default"].setViewShotRef)===null||_a===void 0?void 0:_a.call(_sessionRecorderReactNative["default"],ref);}};return(0,_jsxRuntime.jsx)(_GestureCaptureWrapper.GestureCaptureWrapper,{onGestureRecord:handleGestureRecord,children:(0,_jsxRuntime.jsx)(_reactNative.View,{ref:setViewShotRef,style:{flex:1},children:children})});};

package/dist/components/ScreenRecorderView/ScreenRecorderView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenRecorderView.js","sourceRoot":"","sources":["../../../src/components/ScreenRecorderView/ScreenRecorderView.tsx"],"names":[],"mappings":"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"}

package/dist/components/ScreenRecorderView/index.d.ts

@@ -0,0 +1 @@
+export * from "./ScreenRecorderView";

package/dist/components/ScreenRecorderView/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var _ScreenRecorderView=require("./ScreenRecorderView");Object.keys(_ScreenRecorderView).forEach(function(key){if(key==="default"||key==="__esModule")return;if(key in exports&&exports[key]===_ScreenRecorderView[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _ScreenRecorderView[key];}});});

package/dist/components/ScreenRecorderView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ScreenRecorderView/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from './GestureCaptureWrapper';

package/dist/components/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var _GestureCaptureWrapper=require("./GestureCaptureWrapper");Object.keys(_GestureCaptureWrapper).forEach(function(key){if(key==="default"||key==="__esModule")return;if(key in exports&&exports[key]===_GestureCaptureWrapper[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _GestureCaptureWrapper[key];}});});

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA"}

package/dist/config/constants.d.ts

@@ -0,0 +1,18 @@
+export declare const OTEL_MP_SAMPLE_TRACE_RATIO = 0.15;
+export declare const SESSION_ID_PROP_NAME = "multiplayer-session-id";
+export declare const SESSION_SHORT_ID_PROP_NAME = "multiplayer-session-short-id";
+export declare const SESSION_CONTINUOUS_DEBUGGING_PROP_NAME = "multiplayer-session-continuous-debugging";
+export declare const SESSION_STATE_PROP_NAME = "multiplayer-session-state";
+export declare const SESSION_TYPE_PROP_NAME = "multiplayer-session-type";
+export declare const SESSION_PROP_NAME = "multiplayer-session-data";
+export declare const SESSION_STARTED_EVENT = "debug-session:started";
+export declare const SESSION_STOPPED_EVENT = "debug-session:stopped";
+export declare const SESSION_SUBSCRIBE_EVENT = "debug-session:subscribe";
+export declare const SESSION_UNSUBSCRIBE_EVENT = "debug-session:unsubscribe";
+export declare const SESSION_AUTO_CREATED = "debug-session:auto-created";
+export declare const SESSION_ADD_EVENT = "debug-session:rrweb:add-event";
+export declare const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
+export declare const SESSION_RESPONSE = "multiplayer-debug-session-response";
+export declare const CONTINUOUS_DEBUGGING_TIMEOUT = 60000;
+export declare const DEBUG_SESSION_MAX_DURATION_SECONDS: number;
+export declare const OTEL_IGNORE_URLS: RegExp[];

package/dist/config/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.SESSION_UNSUBSCRIBE_EVENT=exports.SESSION_TYPE_PROP_NAME=exports.SESSION_SUBSCRIBE_EVENT=exports.SESSION_STOPPED_EVENT=exports.SESSION_STATE_PROP_NAME=exports.SESSION_STARTED_EVENT=exports.SESSION_SHORT_ID_PROP_NAME=exports.SESSION_RESPONSE=exports.SESSION_PROP_NAME=exports.SESSION_ID_PROP_NAME=exports.SESSION_CONTINUOUS_DEBUGGING_PROP_NAME=exports.SESSION_AUTO_CREATED=exports.SESSION_ADD_EVENT=exports.OTEL_MP_SAMPLE_TRACE_RATIO=exports.OTEL_IGNORE_URLS=exports.DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE=exports.DEBUG_SESSION_MAX_DURATION_SECONDS=exports.CONTINUOUS_DEBUGGING_TIMEOUT=void 0;var OTEL_MP_SAMPLE_TRACE_RATIO=exports.OTEL_MP_SAMPLE_TRACE_RATIO=0.15;var SESSION_ID_PROP_NAME=exports.SESSION_ID_PROP_NAME='multiplayer-session-id';var SESSION_SHORT_ID_PROP_NAME=exports.SESSION_SHORT_ID_PROP_NAME='multiplayer-session-short-id';var SESSION_CONTINUOUS_DEBUGGING_PROP_NAME=exports.SESSION_CONTINUOUS_DEBUGGING_PROP_NAME='multiplayer-session-continuous-debugging';var SESSION_STATE_PROP_NAME=exports.SESSION_STATE_PROP_NAME='multiplayer-session-state';var SESSION_TYPE_PROP_NAME=exports.SESSION_TYPE_PROP_NAME='multiplayer-session-type';var SESSION_PROP_NAME=exports.SESSION_PROP_NAME='multiplayer-session-data';var SESSION_STARTED_EVENT=exports.SESSION_STARTED_EVENT='debug-session:started';var SESSION_STOPPED_EVENT=exports.SESSION_STOPPED_EVENT='debug-session:stopped';var SESSION_SUBSCRIBE_EVENT=exports.SESSION_SUBSCRIBE_EVENT='debug-session:subscribe';var SESSION_UNSUBSCRIBE_EVENT=exports.SESSION_UNSUBSCRIBE_EVENT='debug-session:unsubscribe';var SESSION_AUTO_CREATED=exports.SESSION_AUTO_CREATED='debug-session:auto-created';var SESSION_ADD_EVENT=exports.SESSION_ADD_EVENT='debug-session:rrweb:add-event';var DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE=exports.DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE=100000;var SESSION_RESPONSE=exports.SESSION_RESPONSE='multiplayer-debug-session-response';var CONTINUOUS_DEBUGGING_TIMEOUT=exports.CONTINUOUS_DEBUGGING_TIMEOUT=60000;var DEBUG_SESSION_MAX_DURATION_SECONDS=exports.DEBUG_SESSION_MAX_DURATION_SECONDS=10*60+30;var OTEL_IGNORE_URLS=exports.OTEL_IGNORE_URLS=[/.*\/v1\/traces/,/.*\/v0\/radar\/debug-sessions\/start$/,/.*\/v0\/radar\/debug-sessions\/[^/]+\/stop$/,/.*\/v0\/radar\/debug-sessions\/[^/]+\/cancel$/,/.*\/v0\/radar\/continuous-debug-sessions\/start$/,/.*\/v0\/radar\/continuous-debug-sessions\/[^/]+\/save$/,/.*\/v0\/radar\/continuous-debug-sessions\/[^/]+\/cancel$/,/.*\/v0\/radar\/remote-debug-session\/check$/];

package/dist/config/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/config/constants.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,0BAA0B,GAAG,IAAI,CAAA;AAE9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,wBAAwB,CAAA;AAE5D,MAAM,CAAC,MAAM,0BAA0B,GAAG,8BAA8B,CAAA;AAExE,MAAM,CAAC,MAAM,sCAAsC,GAAG,0CAA0C,CAAA;AAEhG,MAAM,CAAC,MAAM,uBAAuB,GAAG,2BAA2B,CAAA;AAElE,MAAM,CAAC,MAAM,sBAAsB,GAAG,0BAA0B,CAAA;AAEhE,MAAM,CAAC,MAAM,iBAAiB,GAAG,0BAA0B,CAAA;AAE3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,uBAAuB,CAAA;AAE5D,MAAM,CAAC,MAAM,qBAAqB,GAAG,uBAAuB,CAAA;AAE5D,MAAM,CAAC,MAAM,uBAAuB,GAAG,yBAAyB,CAAA;AAEhE,MAAM,CAAC,MAAM,yBAAyB,GAAG,2BAA2B,CAAA;AAEpE,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAA;AAEhE,MAAM,CAAC,MAAM,iBAAiB,GAAG,+BAA+B,CAAA;AAEhE,MAAM,CAAC,MAAM,uCAAuC,GAAG,MAAM,CAAA;AAE7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,oCAAoC,CAAA;AAEpE,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAA,CAAC,YAAY;AAE9D,MAAM,CAAC,MAAM,kCAAkC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA,CAAC,wCAAwC;AAEvG,wDAAwD;AACxD,wCAAwC;AACxC,mEAAmE;AAGnE,+CAA+C;AAC/C,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,kBAAkB;IAClB,gBAAgB;IAChB,2BAA2B;IAC3B,uCAAuC;IACvC,6CAA6C;IAC7C,+CAA+C;IAE/C,sCAAsC;IACtC,kDAAkD;IAClD,wDAAwD;IACxD,0DAA0D;IAE1D,gCAAgC;IAChC,6CAA6C;IAE7C,iEAAiE;IACjE,sBAAsB;CACvB,CAAA"}

package/dist/config/defaults.d.ts

@@ -0,0 +1,4 @@
+import { MaskingConfig, SessionRecorderConfigs, WidgetTextOverridesConfig } from '../types';
+export declare const DEFAULT_MASKING_CONFIG: MaskingConfig;
+export declare const DEFAULT_WIDGET_TEXT_CONFIG: WidgetTextOverridesConfig;
+export declare const BASE_CONFIG: Required<SessionRecorderConfigs>;

package/dist/config/defaults.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DEFAULT_WIDGET_TEXT_CONFIG=exports.DEFAULT_MASKING_CONFIG=exports.BASE_CONFIG=void 0;var _sessionRecorderCommon=require("@multiplayer-app/session-recorder-common");var _types=require("../types");var _constants=require("./constants");var mask=_sessionRecorderCommon.SessionRecorderSdk.mask,sensitiveFields=_sessionRecorderCommon.SessionRecorderSdk.sensitiveFields,sensitiveHeaders=_sessionRecorderCommon.SessionRecorderSdk.sensitiveHeaders;var DEFAULT_MASKING_CONFIG=exports.DEFAULT_MASKING_CONFIG={isContentMaskingEnabled:true,maskBody:mask(sensitiveFields),maskHeaders:mask(sensitiveHeaders),maskBodyFieldsList:sensitiveFields,maskHeadersList:sensitiveHeaders,headersToInclude:[],headersToExclude:[]};var DEFAULT_WIDGET_TEXT_CONFIG=exports.DEFAULT_WIDGET_TEXT_CONFIG={initialTitleWithContinuous:'Encountered an issue?',initialTitleWithoutContinuous:'Encountered an issue?',initialDescriptionWithContinuous:'Record your session so we can see the problem and fix it faster.',initialDescriptionWithoutContinuous:'Record your session so we can see the problem and fix it faster.',continuousRecordingLabel:'Continuous recording',startRecordingButtonText:'Start recording',finalTitle:'Done recording?',finalDescription:'You can also add a quick note with extra context, expectations, or questions. Thank you!',commentPlaceholder:'Add a message...',saveButtonText:'Submit recording',cancelButtonText:'Cancel recording',continuousOverlayTitle:'Save time, skip the reproductions',continuousOverlayDescription:'We keep a rolling record of your recent activity. If something doesn’t work as expected, just save the recording and continue working. No need to worry about exceptions and errors - we automatically save recordings for those!',saveLastSnapshotButtonText:'Save recording',submitDialogTitle:'Save recording',submitDialogSubtitle:'This full-stack session recording will be saved directly to your selected Multiplayer project. All data is automatically correlated end-to-end.',submitDialogCommentLabel:'You can also add context, comments, or notes.',submitDialogCommentPlaceholder:'Add a message...',submitDialogSubmitText:'Save',submitDialogCancelText:'Cancel'};var BASE_CONFIG=exports.BASE_CONFIG={apiKey:'',version:'',application:'',environment:'',showWidget:true,showContinuousRecording:true,widgetButtonPlacement:_types.WidgetButtonPlacement.bottomRight,usePostMessageFallback:false,apiBaseUrl:_sessionRecorderCommon.MULTIPLAYER_BASE_API_URL,exporterEndpoint:_sessionRecorderCommon.MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL,schemifyDocSpanPayload:true,ignoreUrls:[],propagateTraceHeaderCorsUrls:[],sampleTraceRatio:_constants.OTEL_MP_SAMPLE_TRACE_RATIO,maxCapturingHttpPayloadSize:_constants.DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE,captureBody:true,captureHeaders:true,masking:DEFAULT_MASKING_CONFIG,widgetTextOverrides:DEFAULT_WIDGET_TEXT_CONFIG,recordScreen:true,recordGestures:true,recordNavigation:true};