@multiplayer-app/session-recorder-react-native 1.3.37 → 2.0.17-alpha.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplayer-app/session-recorder-react-native",
-  "version": "1.3.37",
+  "version": "2.0.17-alpha.9",
   "description": "Multiplayer Fullstack Session Recorder for React Native",
   "author": {
     "name": "Multiplayer Software, Inc.",
@@ -56,7 +56,7 @@
   "scripts": {
     "test": "jest",
     "typecheck": "tsc",
-    "lint": "eslint src/**/*.{ts,tsx} --config eslint.config.mjs",
+    "lint": "eslint 'src/**/*.{ts,tsx}' --config eslint.config.mjs",
     "build": "bob build",
     "prepublishOnly": "npm run build",
     "release": "release-it --only-version"
@@ -103,7 +103,7 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "jest": "^29.7.0",
-    "prettier": "^3.6.2",
+    "prettier": "3.8.1",
     "react": "19.2.4",
     "react-native": "0.81.1",
     "react-native-builder-bob": "^0.40.13",
@@ -113,7 +113,7 @@
     "typescript": "^5.9.2"
   },
   "dependencies": {
-    "@multiplayer-app/session-recorder-common": "1.3.37",
+    "@multiplayer-app/session-recorder-common": "2.0.17-alpha.9",
     "@opentelemetry/core": "2.0.1",
     "@opentelemetry/exporter-trace-otlp-http": "0.203.0",
     "@opentelemetry/instrumentation": "0.203.0",

package/src/NativeSessionRecorderModule.ts

@@ -24,10 +24,12 @@ export interface Spec extends TurboModule {
     x: number,
     y: number,
     target?: string,
-    metadata?: Object,
+    metadata?: object
   ): void;
   addListener(eventName: string): void;
   removeListeners(count: number): void;
 }
 
-export default TurboModuleRegistry.getEnforcing<Spec>('SessionRecorderNative') as Spec;
+export default TurboModuleRegistry.getEnforcing<Spec>(
+  'SessionRecorderNative'
+) as Spec;

package/src/NativeSessionRecorderModuleSpec.ts

@@ -24,10 +24,12 @@ export interface Spec extends TurboModule {
     x: number,
     y: number,
     target?: string,
-    metadata?: Object,
+    metadata?: object
   ): void;
   addListener(eventName: string): void;
   removeListeners(count: number): void;
 }
 
-export default TurboModuleRegistry.getEnforcing<Spec>('SessionRecorderNative') as Spec;
+export default TurboModuleRegistry.getEnforcing<Spec>(
+  'SessionRecorderNative'
+) as Spec;

package/src/NativeSessionRecorderNative.ts

@@ -24,7 +24,7 @@ export interface Spec extends TurboModule {
     x: number,
     y: number,
     target?: string,
-    metadata?: Object,
+    metadata?: object
   ): void;
   addListener(eventName: string): void;
   removeListeners(count: number): void;

package/src/index.ts

@@ -5,7 +5,6 @@ export * from './context/SessionRecorderContext';
 export * from './context/useSessionRecorderStore';
 export { ErrorBoundary } from './components';
 
-
 // Export the class for type checking
 export { SessionRecorder };
 // Export the instance as default

package/src/otel/instrumentations/index.ts

@@ -32,29 +32,29 @@ export function getInstrumentations(config: TracerReactNativeConfig) {
 
             // Try to get data from our fetch wrapper first
             // @ts-ignore
-            const networkRequest = response?.networkRequest
+            const networkRequest = response?.networkRequest;
 
-            let requestBody: any = null
-            let responseBody: string | null = null
-            let requestHeaders: Record<string, string> = {}
-            let responseHeaders: Record<string, string> = {}
+            let requestBody: any = null;
+            let responseBody: string | null = null;
+            let requestHeaders: Record<string, string> = {};
+            let responseHeaders: Record<string, string> = {};
 
             if (networkRequest) {
               // Use data captured by our fetch wrapper
-              requestBody = networkRequest.requestBody
-              responseBody = networkRequest.responseBody
-              requestHeaders = networkRequest.requestHeaders || {}
-              responseHeaders = networkRequest.responseHeaders || {}
+              requestBody = networkRequest.requestBody;
+              responseBody = networkRequest.responseBody;
+              requestHeaders = networkRequest.requestHeaders || {};
+              responseHeaders = networkRequest.responseHeaders || {};
             } else {
               // Fallback to original OpenTelemetry approach
-              requestBody = request.body
-              requestHeaders = headersToObject(request.headers)
+              requestBody = request.body;
+              requestHeaders = headersToObject(request.headers);
               responseHeaders = headersToObject(
                 response instanceof Response ? response.headers : undefined
-              )
+              );
 
               if (response instanceof Response && response.body) {
-                responseBody = await extractResponseBody(response)
+                responseBody = await extractResponseBody(response);
               }
             }
 
@@ -94,17 +94,17 @@ export function getInstrumentations(config: TracerReactNativeConfig) {
             }
 
             // @ts-ignore
-            const networkRequest = xhr.networkRequest
-            let requestBody: any = null
-            let responseBody: string | null = null
-            let requestHeaders: Record<string, string> = {}
-            let responseHeaders: Record<string, string> = {}
+            const networkRequest = xhr.networkRequest;
+            let requestBody: any = null;
+            let responseBody: string | null = null;
+            let requestHeaders: Record<string, string> = {};
+            let responseHeaders: Record<string, string> = {};
 
             if (networkRequest) {
-              requestBody = networkRequest.requestBody
-              responseBody = networkRequest.responseBody
-              requestHeaders = networkRequest.requestHeaders || {}
-              responseHeaders = networkRequest.responseHeaders || {}
+              requestBody = networkRequest.requestBody;
+              responseBody = networkRequest.responseBody;
+              requestHeaders = networkRequest.requestHeaders || {};
+              responseHeaders = networkRequest.responseHeaders || {};
             }
 
             const payload = {

package/src/session-recorder.ts

@@ -355,6 +355,7 @@ class SessionRecorder
     // Start capturing events without an active debug session id.
     try {
       this._recorder.stop();
+      // eslint-disable-next-line no-empty
     } catch (_e) {}
     this._recorder.start(null, SessionType.MANUAL);
   }
@@ -657,12 +658,14 @@ class SessionRecorder
    */
   private _start(): void {
     this.sessionState = SessionState.started;
+    // eslint-disable-next-line no-self-assign
     this.sessionType = this.sessionType;
 
     if (this.sessionId) {
       // Switch from buffer-only recording to session recording cleanly.
       try {
         this._recorder.stop();
+        // eslint-disable-next-line no-empty
       } catch (_e) {}
       this._tracer.start(this.sessionId, this.sessionType);
       this._recorder.start(this.sessionId, this.sessionType);
@@ -700,6 +703,7 @@ class SessionRecorder
       this._tracer.start(this.sessionId, this.sessionType);
       try {
         this._recorder.stop();
+        // eslint-disable-next-line no-empty
       } catch (_e) {}
       this._recorder.start(this.sessionId, this.sessionType);
     }

package/src/types/configs.ts

@@ -22,8 +22,7 @@ export type DeepRequired<T> = T extends Function
  * Fully resolved configuration interface
  * All optional properties from SessionRecorderOptions are now required
  */
-export interface SessionRecorderConfigs
-  extends DeepRequired<SessionRecorderOptions> {}
+export interface SessionRecorderConfigs extends DeepRequired<SessionRecorderOptions> {}
 
 /**
  * Base configuration interface with common properties

package/lib/module/NativeSessionRecorderModule.js

@@ -1,5 +0,0 @@
-"use strict";
-
-import { TurboModuleRegistry } from 'react-native';
-export default TurboModuleRegistry.getEnforcing('SessionRecorderNative');
-//# sourceMappingURL=NativeSessionRecorderModule.js.map

package/lib/module/NativeSessionRecorderModule.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../src","sources":["NativeSessionRecorderModule.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,cAAc;AA+BlD,eAAeA,mBAAmB,CAACC,YAAY,CAAO,uBAAuB,CAAC","ignoreList":[]}

package/lib/module/NativeSessionRecorderModuleSpec.js

@@ -1,5 +0,0 @@
-"use strict";
-
-import { TurboModuleRegistry } from 'react-native';
-export default TurboModuleRegistry.getEnforcing('SessionRecorderNative');
-//# sourceMappingURL=NativeSessionRecorderModuleSpec.js.map

package/lib/module/NativeSessionRecorderModuleSpec.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../src","sources":["NativeSessionRecorderModuleSpec.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,cAAc;AA+BlD,eAAeA,mBAAmB,CAACC,YAAY,CAAO,uBAAuB,CAAC","ignoreList":[]}

package/lib/module/NativeSessionRecorderNative.js

@@ -1,5 +0,0 @@
-"use strict";
-
-import { TurboModuleRegistry } from 'react-native';
-export default TurboModuleRegistry.getEnforcing('SessionRecorderNative');
-//# sourceMappingURL=NativeSessionRecorderNative.js.map

package/lib/module/NativeSessionRecorderNative.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../src","sources":["NativeSessionRecorderNative.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,cAAc;AA+BlD,eAAeA,mBAAmB,CAACC,YAAY,CAAO,uBAAuB,CAAC","ignoreList":[]}

package/lib/module/components/ErrorBoundary.js

@@ -1,32 +0,0 @@
-"use strict";
-
-import React from 'react';
-import SessionRecorder from "../session-recorder.js";
-export class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      hasError: false
-    };
-  }
-  static getDerivedStateFromError() {
-    return {
-      hasError: true
-    };
-  }
-  componentDidCatch(error) {
-    try {
-      SessionRecorder.captureException(error);
-    } catch (_e) {
-      // ignore
-    }
-  }
-  render() {
-    if (this.state.hasError) {
-      return this.props.fallback ?? null;
-    }
-    return this.props.children;
-  }
-}
-export default ErrorBoundary;
-//# sourceMappingURL=ErrorBoundary.js.map

package/lib/module/components/ErrorBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","SessionRecorder","ErrorBoundary","Component","constructor","props","state","hasError","getDerivedStateFromError","componentDidCatch","error","captureException","_e","render","fallback","children"],"sourceRoot":"../../../src","sources":["components/ErrorBoundary.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,MAAM,wBAAqB;AASjD,OAAO,MAAMC,aAAa,SAASF,KAAK,CAACG,SAAS,CAA4B;EAC5EC,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MAAEC,QAAQ,EAAE;IAAM,CAAC;EAClC;EAEA,OAAOC,wBAAwBA,CAAA,EAAU;IACvC,OAAO;MAAED,QAAQ,EAAE;IAAK,CAAC;EAC3B;EAEAE,iBAAiBA,CAACC,KAAc,EAAQ;IACtC,IAAI;MACFT,eAAe,CAACU,gBAAgB,CAACD,KAAY,CAAC;IAChD,CAAC,CAAC,OAAOE,EAAE,EAAE;MACX;IAAA;EAEJ;EAEAC,MAAMA,CAAA,EAAoB;IACxB,IAAI,IAAI,CAACP,KAAK,CAACC,QAAQ,EAAE;MACvB,OAAO,IAAI,CAACF,KAAK,CAACS,QAAQ,IAAI,IAAI;IACpC;IACA,OAAO,IAAI,CAACT,KAAK,CAACU,QAAQ;EAC5B;AACF;AAEA,eAAeb,aAAa","ignoreList":[]}

package/lib/module/components/ScreenRecorderView/ScreenRecorderView.js

@@ -1,23 +0,0 @@
-"use strict";
-
-import SessionRecorder from '@multiplayer-app/session-recorder-react-native';
-import { View } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ScreenRecorderView = ({
-  children
-}) => {
-  // Callback ref to set the viewshot ref immediately when available
-  const setViewShotRef = ref => {
-    if (ref) {
-      SessionRecorder.setViewShotRef?.(ref);
-    }
-  };
-  return /*#__PURE__*/_jsx(View, {
-    ref: setViewShotRef,
-    style: {
-      flex: 1
-    },
-    children: children
-  });
-};
-//# sourceMappingURL=ScreenRecorderView.js.map

package/lib/module/components/ScreenRecorderView/ScreenRecorderView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SessionRecorder","View","jsx","_jsx","ScreenRecorderView","children","setViewShotRef","ref","style","flex"],"sourceRoot":"../../../../src","sources":["components/ScreenRecorderView/ScreenRecorderView.tsx"],"mappings":";;AAAA,OAAOA,eAAe,MAAM,gDAAgD;AAE5E,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIpC,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC;AAAkC,CAAC,KAAK;EAC3E;EACA,MAAMC,cAAc,GAAIC,GAAoB,IAAK;IAC/C,IAAIA,GAAG,EAAE;MACPP,eAAe,CAACM,cAAc,GAAGC,GAAG,CAAC;IACvC;EACF,CAAC;EAED,oBACEJ,IAAA,CAACF,IAAI;IAACM,GAAG,EAAED,cAAe;IAACE,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAE,CAAE;IAAAJ,QAAA,EAC3CA;EAAQ,CACL,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/components/ScreenRecorderView/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export * from "./ScreenRecorderView.js";
-//# sourceMappingURL=index.js.map

package/lib/module/components/ScreenRecorderView/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ScreenRecorderView/index.ts"],"mappings":";;AAAA,cAAc,yBAAsB","ignoreList":[]}

package/lib/module/components/SessionRecorderWidget/ErrorBanner.js

@@ -1,64 +0,0 @@
-"use strict";
-
-import React from 'react';
-import { View, Text, Pressable, StyleSheet } from 'react-native';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ErrorBanner = ({
-  error,
-  onDismiss
-}) => {
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.container,
-    children: /*#__PURE__*/_jsxs(View, {
-      style: styles.content,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.errorText,
-        children: error
-      }), /*#__PURE__*/_jsx(Pressable, {
-        onPress: onDismiss,
-        style: styles.dismissButton,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.dismissText,
-          children: "\u2715"
-        })
-      })]
-    })
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: '#ff4444',
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    marginHorizontal: 16,
-    marginTop: 8,
-    borderRadius: 8
-  },
-  content: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between'
-  },
-  errorText: {
-    color: 'white',
-    fontSize: 14,
-    flex: 1,
-    marginRight: 8
-  },
-  dismissButton: {
-    padding: 4,
-    borderRadius: 12,
-    backgroundColor: 'rgba(255, 255, 255, 0.2)',
-    width: 24,
-    height: 24,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  dismissText: {
-    color: 'white',
-    fontSize: 12,
-    fontWeight: 'bold'
-  }
-});
-export default ErrorBanner;
-//# sourceMappingURL=ErrorBanner.js.map

package/lib/module/components/SessionRecorderWidget/ErrorBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Text","Pressable","StyleSheet","jsx","_jsx","jsxs","_jsxs","ErrorBanner","error","onDismiss","style","styles","container","children","content","errorText","onPress","dismissButton","dismissText","create","backgroundColor","paddingHorizontal","paddingVertical","marginHorizontal","marginTop","borderRadius","flexDirection","alignItems","justifyContent","color","fontSize","flex","marginRight","padding","width","height","fontWeight"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/ErrorBanner.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOjE,MAAMC,WAAuC,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAU,CAAC,KAAK;EACxE,oBACEL,IAAA,CAACL,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BP,KAAA,CAACP,IAAI;MAACW,KAAK,EAAEC,MAAM,CAACG,OAAQ;MAAAD,QAAA,gBAC1BT,IAAA,CAACJ,IAAI;QAACU,KAAK,EAAEC,MAAM,CAACI,SAAU;QAAAF,QAAA,EAAEL;MAAK,CAAO,CAAC,eAC7CJ,IAAA,CAACH,SAAS;QAACe,OAAO,EAAEP,SAAU;QAACC,KAAK,EAAEC,MAAM,CAACM,aAAc;QAAAJ,QAAA,eACzDT,IAAA,CAACJ,IAAI;UAACU,KAAK,EAAEC,MAAM,CAACO,WAAY;UAAAL,QAAA,EAAC;QAAC,CAAM;MAAC,CAChC,CAAC;IAAA,CACR;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAGT,UAAU,CAACiB,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,eAAe,EAAE,SAAS;IAC1BC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,gBAAgB,EAAE,EAAE;IACpBC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE;EAChB,CAAC;EACDX,OAAO,EAAE;IACPY,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDb,SAAS,EAAE;IACTc,KAAK,EAAE,OAAO;IACdC,QAAQ,EAAE,EAAE;IACZC,IAAI,EAAE,CAAC;IACPC,WAAW,EAAE;EACf,CAAC;EACDf,aAAa,EAAE;IACbgB,OAAO,EAAE,CAAC;IACVR,YAAY,EAAE,EAAE;IAChBL,eAAe,EAAE,0BAA0B;IAC3Cc,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVR,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDV,WAAW,EAAE;IACXW,KAAK,EAAE,OAAO;IACdC,QAAQ,EAAE,EAAE;IACZM,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAe7B,WAAW","ignoreList":[]}

package/lib/module/components/SessionRecorderWidget/FinalPopover.js

@@ -1,74 +0,0 @@
-"use strict";
-
-import React, { useState } from 'react';
-import { View, Text, Pressable, TextInput, ScrollView, Keyboard } from 'react-native';
-import { sharedStyles } from "./styles.js";
-import ModalHeader from "./ModalHeader.js";
-import { logger } from "../../utils/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const FinalPopover = ({
-  isOnline,
-  textOverrides,
-  onStopRecording,
-  onCancelSession,
-  isSubmitting,
-  children
-}) => {
-  const [comment, setComment] = useState('');
-  const handleStopRecording = async () => {
-    try {
-      await onStopRecording(comment);
-    } catch (error) {
-      logger.error('FinalPopover', 'Failed to save session', error);
-    }
-  };
-  return /*#__PURE__*/_jsxs(View, {
-    style: sharedStyles.popoverContent,
-    children: [/*#__PURE__*/_jsx(ModalHeader, {
-      children: /*#__PURE__*/_jsx(Pressable, {
-        onPress: onCancelSession,
-        disabled: !isOnline,
-        style: sharedStyles.cancelButton,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: sharedStyles.cancelButtonText,
-          children: textOverrides.cancelButtonText
-        })
-      })
-    }), /*#__PURE__*/_jsxs(ScrollView, {
-      style: sharedStyles.popoverBody,
-      keyboardShouldPersistTaps: "handled",
-      contentInsetAdjustmentBehavior: "automatic",
-      children: [children, /*#__PURE__*/_jsx(Text, {
-        style: sharedStyles.title,
-        children: textOverrides.finalTitle
-      }), /*#__PURE__*/_jsx(Text, {
-        style: sharedStyles.description,
-        children: textOverrides.finalDescription
-      }), /*#__PURE__*/_jsx(TextInput, {
-        style: sharedStyles.commentInput,
-        placeholder: textOverrides.commentPlaceholder,
-        placeholderTextColor: '#9CA3AF',
-        value: comment,
-        onChangeText: setComment,
-        multiline: true,
-        numberOfLines: 3,
-        returnKeyType: "done",
-        blurOnSubmit: true,
-        onSubmitEditing: () => Keyboard.dismiss()
-      }), /*#__PURE__*/_jsx(View, {
-        style: sharedStyles.popoverFooter,
-        children: /*#__PURE__*/_jsx(Pressable, {
-          disabled: isSubmitting || !isOnline,
-          style: [sharedStyles.actionButton, sharedStyles.stopButton],
-          onPress: handleStopRecording,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: sharedStyles.actionButtonText,
-            children: isSubmitting ? 'Saving...' : textOverrides.saveButtonText
-          })
-        })
-      })]
-    })]
-  });
-};
-export default FinalPopover;
-//# sourceMappingURL=FinalPopover.js.map

package/lib/module/components/SessionRecorderWidget/FinalPopover.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","View","Text","Pressable","TextInput","ScrollView","Keyboard","sharedStyles","ModalHeader","logger","jsx","_jsx","jsxs","_jsxs","FinalPopover","isOnline","textOverrides","onStopRecording","onCancelSession","isSubmitting","children","comment","setComment","handleStopRecording","error","style","popoverContent","onPress","disabled","cancelButton","cancelButtonText","popoverBody","keyboardShouldPersistTaps","contentInsetAdjustmentBehavior","title","finalTitle","description","finalDescription","commentInput","placeholder","commentPlaceholder","placeholderTextColor","value","onChangeText","multiline","numberOfLines","returnKeyType","blurOnSubmit","onSubmitEditing","dismiss","popoverFooter","actionButton","stopButton","actionButtonText","saveButtonText"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/FinalPopover.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SessionRecorderWidget/FloatingButton.js

@@ -1,191 +0,0 @@
-"use strict";
-
-import React, { useRef, useEffect, useMemo } from 'react';
-import { StyleSheet, Platform, Animated, PanResponder, View, Dimensions } from 'react-native';
-import { SessionState } from "../../types/index.js";
-import { StorageService } from "../../services/storage.service.js";
-import { RecordIcon, CapturingIcon, PausedIcon } from "./icons.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const buttonSize = 52;
-const rightOffset = 20;
-const topOffset = Platform.OS === 'ios' ? 60 : 40;
-const FloatingButton = ({
-  sessionState,
-  onPress
-}) => {
-  const position = useRef(new Animated.ValueXY({
-    x: 0,
-    y: 0
-  })).current;
-  const lastPosition = useRef({
-    top: topOffset,
-    right: rightOffset
-  });
-  const storageService = useRef(StorageService.getInstance()).current;
-  const screenBounds = useMemo(() => {
-    const {
-      width,
-      height
-    } = Dimensions.get('window');
-    return {
-      minTop: topOffset,
-      maxTop: height - buttonSize,
-      minRight: 0,
-      maxRight: width - buttonSize
-    };
-  }, []);
-
-  // Load saved position on component mount
-  useEffect(() => {
-    const savedPosition = storageService.getFloatingButtonPosition();
-    if (savedPosition) {
-      const {
-        width
-      } = Dimensions.get('window');
-      const top = savedPosition.y;
-      const right = width - savedPosition.x - buttonSize;
-      lastPosition.current = {
-        top,
-        right
-      };
-      position.setValue({
-        x: right,
-        y: top
-      });
-    } else {
-      position.setValue({
-        x: lastPosition.current.right,
-        y: lastPosition.current.top
-      });
-    }
-  }, []);
-  const panResponder = useRef(PanResponder.create({
-    onStartShouldSetPanResponder: () => true,
-    onMoveShouldSetPanResponder: (_, gestureState) => {
-      const distance = Math.sqrt(gestureState.dx * gestureState.dx + gestureState.dy * gestureState.dy);
-      return distance > 5;
-    },
-    onPanResponderGrant: () => {
-      // Set the initial position for this gesture
-      position.setValue({
-        x: lastPosition.current.right,
-        y: lastPosition.current.top
-      });
-    },
-    onPanResponderMove: (_, gestureState) => {
-      // Calculate new position based on gesture movement
-      const newTop = lastPosition.current.top + gestureState.dy;
-      const newRight = lastPosition.current.right - gestureState.dx;
-
-      // Update position during drag
-      position.setValue({
-        x: newRight,
-        y: newTop
-      });
-    },
-    onPanResponderRelease: (_, gestureState) => {
-      // Check if this was actually a drag (significant movement)
-      const distance = Math.sqrt(gestureState.dx * gestureState.dx + gestureState.dy * gestureState.dy);
-
-      // If it was a tap (no significant movement), trigger onPress
-      if (distance <= 5) {
-        onPress();
-      } else {
-        // Calculate new position after dragging
-        const newTop = lastPosition.current.top + gestureState.dy;
-        const newRight = lastPosition.current.right - gestureState.dx;
-
-        // Clamp to screen bounds
-        const clampedTop = Math.max(screenBounds.minTop, Math.min(screenBounds.maxTop, newTop));
-        const clampedRight = Math.max(screenBounds.minRight, Math.min(screenBounds.maxRight, newRight));
-
-        // Update position
-        lastPosition.current = {
-          top: clampedTop,
-          right: clampedRight
-        };
-        position.setValue({
-          x: clampedRight,
-          y: clampedTop
-        });
-
-        // Convert back to x,y coordinates for storage
-        const {
-          width
-        } = Dimensions.get('window');
-        const storagePosition = {
-          x: width - clampedRight - buttonSize,
-          y: clampedTop
-        };
-
-        // Persist position to AsyncStorage (debounced)
-        storageService.saveFloatingButtonPosition(storagePosition);
-      }
-    }
-  })).current;
-
-  // Memoized button icon and color for performance
-  const content = useMemo(() => {
-    switch (sessionState) {
-      case SessionState.started:
-        return {
-          icon: /*#__PURE__*/_jsx(CapturingIcon, {
-            size: 28,
-            color: "white"
-          }),
-          color: '#FF4444'
-        };
-      case SessionState.paused:
-        return {
-          icon: /*#__PURE__*/_jsx(PausedIcon, {
-            size: 28,
-            color: "white"
-          }),
-          color: '#FFA500'
-        };
-      default:
-        return {
-          icon: /*#__PURE__*/_jsx(RecordIcon, {
-            size: 28,
-            color: "#718096"
-          }),
-          color: '#ffffff'
-        };
-    }
-  }, [sessionState]);
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: [styles.draggableButton, {
-      top: position.y,
-      right: position.x
-    }],
-    ...panResponder.panHandlers,
-    children: /*#__PURE__*/_jsx(View, {
-      style: [styles.floatingButton, {
-        backgroundColor: content.color
-      }],
-      children: content.icon
-    })
-  });
-};
-const styles = StyleSheet.create({
-  draggableButton: {
-    position: 'absolute'
-  },
-  floatingButton: {
-    elevation: 8,
-    shadowRadius: 4,
-    width: buttonSize,
-    shadowColor: '#000',
-    height: buttonSize,
-    shadowOpacity: 0.25,
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderRadius: buttonSize / 2,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    }
-  }
-});
-export default FloatingButton;
-//# sourceMappingURL=FloatingButton.js.map