@mixpanel/react-native-session-replay 0.1.2

package/lib/module/index.js

@@ -0,0 +1,188 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import MixpanelReactNativeSessionReplay from "./NativeMixpanelReactNativeSessionReplay.js";
+export let MPSessionReplayMask = /*#__PURE__*/function (MPSessionReplayMask) {
+  MPSessionReplayMask["Text"] = "text";
+  MPSessionReplayMask["Web"] = "web";
+  MPSessionReplayMask["Map"] = "map";
+  MPSessionReplayMask["Image"] = "image";
+  return MPSessionReplayMask;
+}({});
+export class MPSessionReplayConfig {
+  /**
+   * Determines whether replay events will only be flushed to the server when the device has a WiFi connection.
+   *
+   * - When set to `true`, replay events will only be flushed when the device is connected to WiFi.
+   *   If no WiFi is available, flushes are skipped and the events remain in memory — they will be lost if the app is terminated before WiFi becomes available.
+   * - When set to `false`, replay events will be flushed over any network connection, including cellular.
+   * - **Default:** `true`
+   */
+
+  /**
+   * Controls the sampling rate for automatically started recording session replays.
+   *
+   * This value (between 0.0 and 100.0) defines the percentage of sessions that will automatically start recording
+   * when a new session begins.
+   *
+   * - At `0.0`, no sessions will be auto-recorded.
+   * - At `100.0`, all sessions will be auto-recorded.
+   * - This setting is not used when invoking `startRecording()` manually.
+   * - **Default:** `100`
+   */
+
+  /**
+   * Returns the set of views that are automatically masked by the SDK.
+   *
+   * By default, image, text, web, and map (MKMapView only for iOS) views are masked.
+   * This default behavior can be overridden using this configuration.
+   */
+
+  /**
+   * Determines whether or not the SDK will automatically start recording session replays upon initialization.
+   *
+   * - When set to `true`, the SDK will automatically start recording session replays when the instance is initialized.
+   *   The recording will be stopped and started automatically whenever the app goes to background and comes to foreground.
+   *   For each new automatically started session, the SDK uses `recordingSessionsPercent` to determine whether recording
+   *   should begin for that session.
+   * - When set to `false`, the SDK will not start recording until explicitly invoked by calling `startRecording()`.
+   */
+
+  /**
+   * Specifies the flush interval in seconds.
+   *
+   * Screenshots are collected and sent to Mixpanel in batches of 10.
+   * One batch is sent after each flush interval.
+   * You can adjust the flush interval to delay or expedite the sending of screenshots.
+   *
+   * - **Default:** `10` seconds
+   */
+
+  /**
+   * Enables debug-level logging for the SDK.
+   *
+   * - When set to `true`, the SDK will print verbose debug logs to the console to assist with development and troubleshooting.
+   *   These logs may include internal events, configuration status, and lifecycle hooks relevant to session replay.
+   * - When set to `false`, logging is suppressed except for critical errors or warnings.
+   * - **Default:** `false`
+   */
+
+  constructor({
+    wifiOnly = true,
+    autoStartRecording = true,
+    recordingSessionsPercent = 100,
+    autoMaskedViews = [MPSessionReplayMask.Image, MPSessionReplayMask.Text, MPSessionReplayMask.Web, MPSessionReplayMask.Map],
+    flushInterval = 10,
+    enableLogging = false
+  } = {}) {
+    this.wifiOnly = wifiOnly;
+    this.autoStartRecording = autoStartRecording;
+    this.recordingSessionsPercent = recordingSessionsPercent;
+    this.autoMaskedViews = autoMaskedViews;
+    this.flushInterval = flushInterval;
+    this.enableLogging = enableLogging;
+  }
+  transformMaskValueForPlatform(value) {
+    if (Platform.OS === 'android') {
+      // Android expects capitalized values: Text, Image, Web, Map
+      return value.charAt(0).toUpperCase() + value.slice(1);
+    }
+    // iOS expects lowercase values: text, image, web, map
+    return value;
+  }
+  toJSON() {
+    // Transform autoMaskedViews for platform-specific requirements
+    const transformedAutoMaskedViews = this.autoMaskedViews.filter(mask => !(Platform.OS === 'android' && mask === MPSessionReplayMask.Map)).map(mask => this.transformMaskValueForPlatform(mask));
+    const config = {
+      wifiOnly: this.wifiOnly,
+      recordingSessionsPercent: this.recordingSessionsPercent,
+      autoMaskedViews: transformedAutoMaskedViews,
+      autoStartRecording: this.autoStartRecording,
+      flushInterval: this.flushInterval,
+      enableLogging: this.enableLogging
+    };
+    if (Platform.OS === 'ios' || Platform.OS === 'android') {
+      // console.log(Platform.OS, JSON.stringify(config));
+      return JSON.stringify(config);
+    } else {
+      return '';
+    }
+  }
+}
+export { MixpanelSessionReplayView } from "./MixpanelSessionReplayView.js";
+
+/**
+ * Initializes the Mixpanel Session Replay system with the provided configuration.
+ *
+ * It checks remote configuration to determine if session recording is enabled, and only then initializes the SDK.
+ * If the SDK is initialized previously, then it will be deinitialized first.
+ *
+ * @param token - The Mixpanel project token used to identify the project.
+ * @param distinctId - A unique identifier for the current user.
+ * @param config - The configuration object used to customize session replay behavior.
+ * @throws An error if the token or distinctId is missing or invalid, or if the configuration is invalid,
+ *   or if the initialization fails.
+ */
+export async function initialize(token, distinctId, config) {
+  if (!token || typeof token !== 'string') {
+    throw new Error('Mixpanel token is required and must be a string');
+  }
+  if (!distinctId || typeof distinctId !== 'string') {
+    throw new Error('distinctId is required and must be a string');
+  }
+  if (config.recordingSessionsPercent !== undefined && (config.recordingSessionsPercent < 0 || config.recordingSessionsPercent > 100)) {
+    throw new Error('recordingSessionsPercent must be between 0 and 100');
+  }
+  const json = config.toJSON();
+  return MixpanelReactNativeSessionReplay.initialize(token, distinctId, json);
+}
+
+/**
+ * Manually starts session replay recording.
+ *
+ * If recording is already active, calling this method has no effect.
+ * The recording will continue until you manually stop it or until the app goes to the background, whichever happens first.
+ *
+ * @param recordingSessionsPercent - A value from 0 to 100 representing the likelihood that the current session will be recorded.
+ *   This controls sampling of sessions. The `recordingSessionsPercent` value from the config is ignored when calling this method.
+ * @default 100 (record all sessions)
+ */
+export async function startRecording(recordingSessionsPercent = 100) {
+  return MixpanelReactNativeSessionReplay.startRecording(recordingSessionsPercent);
+}
+
+/**
+ * Stops the session recording and performs cleanup tasks.
+ *
+ * This method stops recording, clears relevant session state, and uploads pending events.
+ */
+export async function stopRecording() {
+  return MixpanelReactNativeSessionReplay.stopRecording();
+}
+
+/**
+ * Tells you if the recording is in-progress.
+ *
+ * @returns A promise that resolves to `true` if recording is active, `false` otherwise.
+ */
+export async function isRecording() {
+  return MixpanelReactNativeSessionReplay.isRecording();
+}
+
+/**
+ * Sets the distinct ID for session replays.
+ *
+ * You can use this method to update the distinctId after the Session Replay SDK initialization.
+ * It is recommended to call Identify from the Mixpanel main SDK first and then call identify from the Session Replay SDK.
+ * This ensures that users are properly merged.
+ *
+ * @param distinctId - The distinct ID of the user.
+ * @throws An error if the distinctId is missing or invalid.
+ */
+export async function identify(distinctId) {
+  if (!distinctId || typeof distinctId !== 'string') {
+    throw new Error('distinctId is required and must be a string');
+  }
+  return MixpanelReactNativeSessionReplay.identify(distinctId);
+}
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","MixpanelReactNativeSessionReplay","MPSessionReplayMask","MPSessionReplayConfig","constructor","wifiOnly","autoStartRecording","recordingSessionsPercent","autoMaskedViews","Image","Text","Web","Map","flushInterval","enableLogging","transformMaskValueForPlatform","value","OS","charAt","toUpperCase","slice","toJSON","transformedAutoMaskedViews","filter","mask","map","config","JSON","stringify","MixpanelSessionReplayView","initialize","token","distinctId","Error","undefined","json","startRecording","stopRecording","isRecording","identify"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/MixpanelSessionReplayView.d.ts

@@ -0,0 +1,7 @@
+import { type ViewProps } from 'react-native';
+interface MixpanelSessionReplayViewProps extends ViewProps {
+    sensitive?: boolean;
+}
+export declare const MixpanelSessionReplayView: import("react-native").HostComponent<MixpanelSessionReplayViewProps>;
+export {};
+//# sourceMappingURL=MixpanelSessionReplayView.d.ts.map

package/lib/typescript/src/MixpanelSessionReplayView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MixpanelSessionReplayView.d.ts","sourceRoot":"","sources":["../../../src/MixpanelSessionReplayView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtE,UAAU,8BAA+B,SAAQ,SAAS;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,yBAAyB,sEAGnC,CAAC"}

package/lib/typescript/src/NativeMixpanelReactNativeSessionReplay.d.ts

@@ -0,0 +1,11 @@
+import type { TurboModule } from 'react-native';
+export interface Spec extends TurboModule {
+    initialize(token: string, distinctId: string, configJSON: string): Promise<void>;
+    startRecording(recordingSessionsPercent: number): Promise<void>;
+    stopRecording(): Promise<void>;
+    isRecording(): Promise<boolean>;
+    identify(distinctId: string): Promise<void>;
+}
+declare const _default: Spec;
+export default _default;
+//# sourceMappingURL=NativeMixpanelReactNativeSessionReplay.d.ts.map

package/lib/typescript/src/NativeMixpanelReactNativeSessionReplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeMixpanelReactNativeSessionReplay.d.ts","sourceRoot":"","sources":["../../../src/NativeMixpanelReactNativeSessionReplay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,UAAU,CACR,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,IAAI,CAAC,CAAC;IACjB,cAAc,CAAC,wBAAwB,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAE/B,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7C;;AAED,wBAEE"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,117 @@
+export declare enum MPSessionReplayMask {
+    Text = "text",
+    Web = "web",
+    Map = "map",
+    Image = "image"
+}
+export declare class MPSessionReplayConfig {
+    /**
+     * Determines whether replay events will only be flushed to the server when the device has a WiFi connection.
+     *
+     * - When set to `true`, replay events will only be flushed when the device is connected to WiFi.
+     *   If no WiFi is available, flushes are skipped and the events remain in memory — they will be lost if the app is terminated before WiFi becomes available.
+     * - When set to `false`, replay events will be flushed over any network connection, including cellular.
+     * - **Default:** `true`
+     */
+    wifiOnly: boolean;
+    /**
+     * Controls the sampling rate for automatically started recording session replays.
+     *
+     * This value (between 0.0 and 100.0) defines the percentage of sessions that will automatically start recording
+     * when a new session begins.
+     *
+     * - At `0.0`, no sessions will be auto-recorded.
+     * - At `100.0`, all sessions will be auto-recorded.
+     * - This setting is not used when invoking `startRecording()` manually.
+     * - **Default:** `100`
+     */
+    recordingSessionsPercent: number;
+    /**
+     * Returns the set of views that are automatically masked by the SDK.
+     *
+     * By default, image, text, web, and map (MKMapView only for iOS) views are masked.
+     * This default behavior can be overridden using this configuration.
+     */
+    autoMaskedViews: MPSessionReplayMask[];
+    /**
+     * Determines whether or not the SDK will automatically start recording session replays upon initialization.
+     *
+     * - When set to `true`, the SDK will automatically start recording session replays when the instance is initialized.
+     *   The recording will be stopped and started automatically whenever the app goes to background and comes to foreground.
+     *   For each new automatically started session, the SDK uses `recordingSessionsPercent` to determine whether recording
+     *   should begin for that session.
+     * - When set to `false`, the SDK will not start recording until explicitly invoked by calling `startRecording()`.
+     */
+    autoStartRecording: boolean;
+    /**
+     * Specifies the flush interval in seconds.
+     *
+     * Screenshots are collected and sent to Mixpanel in batches of 10.
+     * One batch is sent after each flush interval.
+     * You can adjust the flush interval to delay or expedite the sending of screenshots.
+     *
+     * - **Default:** `10` seconds
+     */
+    flushInterval: number;
+    /**
+     * Enables debug-level logging for the SDK.
+     *
+     * - When set to `true`, the SDK will print verbose debug logs to the console to assist with development and troubleshooting.
+     *   These logs may include internal events, configuration status, and lifecycle hooks relevant to session replay.
+     * - When set to `false`, logging is suppressed except for critical errors or warnings.
+     * - **Default:** `false`
+     */
+    enableLogging: boolean;
+    constructor({ wifiOnly, autoStartRecording, recordingSessionsPercent, autoMaskedViews, flushInterval, enableLogging, }?: Partial<MPSessionReplayConfig>);
+    private transformMaskValueForPlatform;
+    toJSON(): string;
+}
+export { MixpanelSessionReplayView } from './MixpanelSessionReplayView';
+/**
+ * Initializes the Mixpanel Session Replay system with the provided configuration.
+ *
+ * It checks remote configuration to determine if session recording is enabled, and only then initializes the SDK.
+ * If the SDK is initialized previously, then it will be deinitialized first.
+ *
+ * @param token - The Mixpanel project token used to identify the project.
+ * @param distinctId - A unique identifier for the current user.
+ * @param config - The configuration object used to customize session replay behavior.
+ * @throws An error if the token or distinctId is missing or invalid, or if the configuration is invalid,
+ *   or if the initialization fails.
+ */
+export declare function initialize(token: string, distinctId: string, config: MPSessionReplayConfig): Promise<void>;
+/**
+ * Manually starts session replay recording.
+ *
+ * If recording is already active, calling this method has no effect.
+ * The recording will continue until you manually stop it or until the app goes to the background, whichever happens first.
+ *
+ * @param recordingSessionsPercent - A value from 0 to 100 representing the likelihood that the current session will be recorded.
+ *   This controls sampling of sessions. The `recordingSessionsPercent` value from the config is ignored when calling this method.
+ * @default 100 (record all sessions)
+ */
+export declare function startRecording(recordingSessionsPercent?: number): Promise<void>;
+/**
+ * Stops the session recording and performs cleanup tasks.
+ *
+ * This method stops recording, clears relevant session state, and uploads pending events.
+ */
+export declare function stopRecording(): Promise<void>;
+/**
+ * Tells you if the recording is in-progress.
+ *
+ * @returns A promise that resolves to `true` if recording is active, `false` otherwise.
+ */
+export declare function isRecording(): Promise<boolean>;
+/**
+ * Sets the distinct ID for session replays.
+ *
+ * You can use this method to update the distinctId after the Session Replay SDK initialization.
+ * It is recommended to call Identify from the Mixpanel main SDK first and then call identify from the Session Replay SDK.
+ * This ensures that users are properly merged.
+ *
+ * @param distinctId - The distinct ID of the user.
+ * @throws An error if the distinctId is missing or invalid.
+ */
+export declare function identify(distinctId: string): Promise<void>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAGA,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAED,qBAAa,qBAAqB;IAChC;;;;;;;OAOG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;;;;;;;OAUG;IACH,wBAAwB,EAAE,MAAM,CAAC;IAEjC;;;;;OAKG;IACH,eAAe,EAAE,mBAAmB,EAAE,CAAC;IAEvC;;;;;;;;OAQG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAE5B;;;;;;;;OAQG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;;;;;;OAOG;IACH,aAAa,EAAE,OAAO,CAAC;gBAEX,EACV,QAAe,EACf,kBAAyB,EACzB,wBAA8B,EAC9B,eAKC,EACD,aAAkB,EAClB,aAAqB,GACtB,GAAE,OAAO,CAAC,qBAAqB,CAAM;IAStC,OAAO,CAAC,6BAA6B;IASrC,MAAM,IAAI,MAAM;CAyBjB;AAED,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE;;;;;;;;;;;GAWG;AACH,wBAAsB,UAAU,CAC9B,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,qBAAqB,GAC5B,OAAO,CAAC,IAAI,CAAC,CAgBf;AAED;;;;;;;;;GASG;AACH,wBAAsB,cAAc,CAClC,wBAAwB,GAAE,MAAY,GACrC,OAAO,CAAC,IAAI,CAAC,CAIf;AAED;;;;GAIG;AACH,wBAAsB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,CAEnD;AAED;;;;GAIG;AACH,wBAAsB,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC,CAEpD;AAED;;;;;;;;;GASG;AACH,wBAAsB,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAMhE"}

package/package.json

@@ -0,0 +1,171 @@
+{
+  "name": "@mixpanel/react-native-session-replay",
+  "version": "0.1.2",
+  "description": "Official React Native turbo module for Mixpanel Session Replay",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "react-native.config.js",
+    "MixpanelReactNativeSessionReplay.podspec",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace mixpanel-react-native-session-replay-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it --only-version"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "mixpanel",
+    "session-replay",
+    "analytics",
+    "user-behavior",
+    "mobile-analytics",
+    "turbo-module"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mixpanel/mixpanel-react-native-session-replay.git"
+  },
+  "author": "Mixpanel <dev@mixpanel.com> (https://github.com/mixpanel)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/mixpanel/mixpanel-react-native-session-replay/issues"
+  },
+  "homepage": "https://github.com/mixpanel/mixpanel-react-native-session-replay#readme",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.6.0",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.22.0",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native-community/cli": "15.0.0-alpha.2",
+    "@react-native/babel-preset": "0.79.2",
+    "@react-native/eslint-config": "^0.78.0",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^19.0.0",
+    "commitlint": "^19.6.1",
+    "del-cli": "^5.1.0",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "19.0.0",
+    "react-native": "0.79.2",
+    "react-native-builder-bob": "^0.40.13",
+    "release-it": "^17.10.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "MixpanelReactNativeSessionReplaySpec",
+    "type": "modules",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.mixpanelreactnativesessionreplay"
+    }
+  },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "turbo-module",
+    "version": "0.52.0"
+  }
+}

package/src/MixpanelSessionReplayView.tsx

@@ -0,0 +1,10 @@
+import { requireNativeComponent, type ViewProps } from 'react-native';
+
+interface MixpanelSessionReplayViewProps extends ViewProps {
+  sensitive?: boolean;
+}
+
+export const MixpanelSessionReplayView =
+  requireNativeComponent<MixpanelSessionReplayViewProps>(
+    'MixpanelSessionReplayView'
+  );

package/src/NativeMixpanelReactNativeSessionReplay.ts

@@ -0,0 +1,19 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  initialize(
+    token: string,
+    distinctId: string,
+    configJSON: string
+  ): Promise<void>;
+  startRecording(recordingSessionsPercent: number): Promise<void>;
+  stopRecording(): Promise<void>;
+  // Functionality not available in Android SDK ATM. It returns true always.
+  isRecording(): Promise<boolean>;
+  identify(distinctId: string): Promise<void>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>(
+  'MixpanelReactNativeSessionReplay'
+);