@amplitude/plugin-session-replay-react-native 0.2.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2024 Amplitude, Inc.
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,66 @@
+# @amplitude/plugin-session-replay-react-native
+
+Amplitude Session Replay plugin for React Native
+
+## Installation
+
+```sh
+npm install @amplitude/plugin-session-replay-react-native
+```
+
+## Usage
+Add the session replay plugin to your Amplitude instance as follows
+
+```js
+import { SessionReplayPlugin } from '@amplitude/plugin-session-replay-react-native';
+
+// ...
+
+await init('YOUR_API_KEY').promise;
+await add(new SessionReplayPlugin()).promise;
+
+```
+
+## Masking views
+To maks certain views, add the `AmpMaskView` tag with the mask property `amp-mask` around the section to be masked
+
+```js
+import { AmpMaskView } from '@amplitude/plugin-session-replay-react-native';
+
+// ...
+
+<AmpMaskView mask="amp-mask">
+    <Text
+    style={[
+        styles.sectionTitle,
+        {
+        color: isDarkMode ? Colors.white : Colors.black,
+        },
+    ]}
+    >
+    {title}
+    </Text>
+</AmpMaskView>
+```
+
+## Unmasking views
+To unmask views, add the `AmpMaskView` tag with the mask property `amp-unmask` around the section to be unmasked
+
+```js
+import { AmpMaskView } from '@amplitude/plugin-session-replay-react-native';
+
+// ...
+
+<AmpMaskView mask="amp-unmask">
+    <Text
+    style={[
+        styles.sectionTitle,
+        {
+        color: isDarkMode ? Colors.white : Colors.black,
+        },
+    ]}
+    >
+    {title}
+    </Text>
+</AmpMaskView>
+```

package/amplitude-plugin-session-replay-react-native.podspec

@@ -0,0 +1,43 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+Pod::Spec.new do |s|
+  s.name         = "amplitude-plugin-session-replay-react-native"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/amplitude/Amplitude-TypeScript.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+
+  s.dependency 'AmplitudeSessionReplay'
+
+  # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
+  # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
+  if respond_to?(:install_modules_dependencies, true)
+    install_modules_dependencies(s)
+  else
+    s.dependency "React-Core"
+
+    # Don't install the dependencies when we run `pod install` in the old architecture.
+    if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+      s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+      s.pod_target_xcconfig    = {
+          "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+          "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+          "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+      }
+      s.dependency "React-Codegen"
+      s.dependency "RCT-Folly"
+      s.dependency "RCTRequired"
+      s.dependency "RCTTypeSafety"
+      s.dependency "ReactCommon/turbomodule/core"
+    end
+  end
+end

package/android/build.gradle

@@ -0,0 +1,101 @@
+buildscript {
+  // Buildscript is evaluated before everything else so we can't use getExtOrDefault
+  def kotlin_version = rootProject.ext.has("kotlinVersion") ? rootProject.ext.get("kotlinVersion") : project.properties["PluginSessionReplayReactNative_kotlinVersion"]
+
+  repositories {
+    google()
+    mavenCentral()
+  }
+
+  dependencies {
+    classpath "com.android.tools.build:gradle:7.2.1"
+    // noinspection DifferentKotlinGradleVersion
+    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+  }
+}
+
+def reactNativeArchitectures() {
+  def value = rootProject.getProperties().get("reactNativeArchitectures")
+  return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"]
+}
+
+def isNewArchitectureEnabled() {
+  return rootProject.hasProperty("newArchEnabled") && rootProject.getProperty("newArchEnabled") == "true"
+}
+
+apply plugin: "com.android.library"
+apply plugin: "kotlin-android"
+
+if (isNewArchitectureEnabled()) {
+  apply plugin: "com.facebook.react"
+}
+
+def getExtOrDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties["PluginSessionReplayReactNative_" + name]
+}
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["PluginSessionReplayReactNative_" + name]).toInteger()
+}
+
+def supportsNamespace() {
+  def parsed = com.android.Version.ANDROID_GRADLE_PLUGIN_VERSION.tokenize('.')
+  def major = parsed[0].toInteger()
+  def minor = parsed[1].toInteger()
+
+  // Namespace support was added in 7.3.0
+  return (major == 7 && minor >= 3) || major >= 8
+}
+
+android {
+  if (supportsNamespace()) {
+    namespace "com.amplitude.pluginsessionreplayreactnative"
+
+    sourceSets {
+      main {
+        manifest.srcFile "src/main/AndroidManifestNew.xml"
+      }
+    }
+  }
+
+  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
+    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
+
+  }
+
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable "GradleCompatible"
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+}
+
+repositories {
+  mavenCentral()
+  google()
+}
+
+def kotlin_version = getExtOrDefault("kotlinVersion")
+
+dependencies {
+  implementation("com.amplitude:session-replay-android:[0.15.2, 1.0.0]")
+
+  // For < 0.71, this will be from the local maven repo
+  // For > 0.71, this will be replaced by `com.facebook.react:react-android:$version` by react gradle plugin
+  //noinspection GradleDynamicVersion
+  implementation "com.facebook.react:react-native:+"
+  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+}
+

package/android/gradle.properties

@@ -0,0 +1,5 @@
+PluginSessionReplayReactNative_kotlinVersion=1.7.0
+PluginSessionReplayReactNative_minSdkVersion=21
+PluginSessionReplayReactNative_targetSdkVersion=31
+PluginSessionReplayReactNative_compileSdkVersion=31
+PluginSessionReplayReactNative_ndkversion=21.4.7075529

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,3 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.amplitude.pluginsessionreplayreactnative">
+</manifest>

package/android/src/main/AndroidManifestNew.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

package/android/src/main/java/com/amplitude/pluginsessionreplayreactnative/PluginSessionReplayReactNativeModule.kt

@@ -0,0 +1,78 @@
+package com.amplitude.pluginsessionreplayreactnative
+
+import com.amplitude.android.sessionreplay.SessionReplay
+import com.amplitude.common.Logger
+import com.amplitude.common.android.LogcatLogger
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.bridge.WritableNativeMap
+
+class PluginSessionReplayReactNativeModule(private val reactContext: ReactApplicationContext) :
+  ReactContextBaseJavaModule(reactContext) {
+  private lateinit var sessionReplay: SessionReplay
+
+  override fun getName(): String {
+    return "PluginSessionReplayReactNative"
+  }
+
+  @ReactMethod
+  fun setup(apiKey: String, deviceId: String?, sessionId: Double) {
+    LogcatLogger.logger.logMode = Logger.LogMode.DEBUG
+    sessionReplay = SessionReplay(
+      apiKey,
+      reactContext.applicationContext,
+      deviceId ?: "",
+      sessionId.toLong(),
+      logger = LogcatLogger.logger,
+      sampleRate = 1.0,
+      enableRemoteConfig = false,
+    )
+  }
+
+  @ReactMethod
+  fun setSessionId(sessionId: Double) {
+    sessionReplay.setSessionId(sessionId.toLong())
+  }
+
+  @ReactMethod
+  fun getSessionId(promise: Promise) {
+    promise.resolve(sessionReplay.getSessionId().toDouble())
+  }
+
+  @ReactMethod
+  fun getSessionReplayProperties(promise: Promise) {
+    val properties: Map<String, Any> = sessionReplay.getSessionReplayProperties()
+    val map: WritableMap = WritableNativeMap()
+    for ((key, value) in properties) {
+      if (value is String) {
+        map.putString(key, value)
+      } else if (value is Int) {
+        map.putInt(key, value)
+      } else if (value is Long) {
+        map.putDouble(key, value.toDouble())
+      } else if (value is Double) {
+        map.putDouble(key, value)
+      } else if (value is Boolean) {
+        map.putBoolean(key, value)
+      }
+    }
+    promise.resolve(map)
+  }
+
+  @ReactMethod
+  fun flush() {
+    sessionReplay.flush()
+  }
+
+  @ReactMethod
+  fun teardown() {
+    sessionReplay.shutdown()
+  }
+
+  override fun invalidate() {
+    sessionReplay.shutdown()
+  }
+}

package/android/src/main/java/com/amplitude/pluginsessionreplayreactnative/PluginSessionReplayReactNativePackage.kt

@@ -0,0 +1,17 @@
+package com.amplitude.pluginsessionreplayreactnative
+
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+
+class PluginSessionReplayReactNativePackage : ReactPackage {
+  override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    return listOf(PluginSessionReplayReactNativeModule(reactContext))
+  }
+
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(PluginSessionReplayViewManager())
+  }
+}

package/android/src/main/java/com/amplitude/pluginsessionreplayreactnative/PluginSessionReplayViewManager.kt

@@ -0,0 +1,22 @@
+package com.amplitude.pluginsessionreplayreactnative
+
+import android.view.ViewGroup
+import com.amplitude.android.sessionreplay.SessionReplay
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.views.view.ReactViewManager
+
+class PluginSessionReplayViewManager : ReactViewManager() {
+
+    override fun getName(): String {
+        return "RCTAmpMaskView"
+    }
+
+    @ReactProp(name = "mask")
+    fun setMask(view: ViewGroup, ampMask: String) {
+        when (ampMask) {
+            "amp-mask" -> SessionReplay.mask(view)
+            "amp-unmask" -> SessionReplay.unmask(view)
+            "amp-block" -> SessionReplay.block(view)
+        }
+    }
+}

package/ios/ConsoleLogger.swift

@@ -0,0 +1,49 @@
+import Foundation
+import os.log
+import AmplitudeSessionReplay
+
+
+@objc(AMPLogLevel)
+public enum LogLevelEnum: Int {
+    case OFF
+    case ERROR
+    case WARN
+    case LOG
+    case DEBUG
+}
+
+public class ConsoleLogger: AmplitudeSessionReplay.Logger {
+    public typealias LogLevel = LogLevelEnum
+
+    public var logLevel: Int
+    private var logger: OSLog
+
+    public init(logLevel: Int = LogLevelEnum.OFF.rawValue) {
+        self.logLevel = logLevel
+        self.logger = OSLog(subsystem: "Amplitude", category: "Logging")
+    }
+
+    public func error(message: String) {
+        if logLevel >= LogLevel.ERROR.rawValue {
+            os_log("Error: %@", log: logger, type: .error, message)
+        }
+    }
+
+    public func warn(message: String) {
+        if logLevel >= LogLevel.WARN.rawValue {
+            os_log("Warn: %@", log: logger, type: .default, message)
+        }
+    }
+
+    public func log(message: String) {
+        if logLevel >= LogLevel.LOG.rawValue {
+            os_log("Log: %@", log: logger, type: .info, message)
+        }
+    }
+
+    public func debug(message: String) {
+        if logLevel >= LogLevel.DEBUG.rawValue {
+            os_log("Debug: %@", log: logger, type: .debug, message)
+        }
+    }
+}

package/ios/PluginSessionReplayReactNative-Bridging-Header.h

@@ -0,0 +1,2 @@
+#import <React/RCTBridgeModule.h>
+#import <React/RCTViewManager.h>

package/ios/PluginSessionReplayReactNative.mm

@@ -0,0 +1,17 @@
+#import <React/RCTBridgeModule.h>
+
+@interface RCT_EXTERN_MODULE(PluginSessionReplayReactNative, NSObject)
+
+RCT_EXTERN_METHOD(setup:(NSString)apiKey deviceId:(NSString)deviceId sessionId:(nonnull NSNumber)sessionId resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(setSessionId:(nonnull NSNumber) resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(getSessionId:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(getSessionReplayProperties:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(flush:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(teardown:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+
+@end

package/ios/PluginSessionReplayReactNative.swift

@@ -0,0 +1,54 @@
+import Foundation
+import AmplitudeSessionReplay
+
+@objc(PluginSessionReplayReactNative)
+class PluginSessionReplayReactNative: NSObject {
+    
+    var sessionReplay: SessionReplay!
+    
+    @objc(setup:deviceId:sessionId:resolve:reject:)
+    func setup(_ apiKey: String, deviceId: String, sessionId: NSNumber, resolve: RCTPromiseResolveBlock, reject: RCTPromiseRejectBlock) -> Void {
+      print("setup: \(apiKey) \(deviceId) \(sessionId)")
+      sessionReplay = SessionReplay(apiKey:apiKey,
+                                    deviceId: deviceId,
+                                    sessionId: sessionId.int64Value,
+                                    sampleRate: 1.0,
+                                    logger:ConsoleLogger(logLevel: LogLevelEnum.DEBUG.rawValue),
+                                    enableRemoteConfig: false)
+      sessionReplay.start()
+      resolve(nil)
+    }
+    
+    @objc(setSessionId:resolve:reject:)
+    func setSessionId(_ sessionId: NSNumber, resolve: RCTPromiseResolveBlock, reject: RCTPromiseRejectBlock) -> Void {
+      print("setSessionId: \(sessionId)")
+      sessionReplay.sessionId = sessionId.int64Value
+      resolve(nil)
+    }
+    
+    @objc(getSessionId:reject:)
+    func getSessionId(_ resolve: RCTPromiseResolveBlock, reject: RCTPromiseRejectBlock) {
+      print("getSessionId")
+      resolve(NSNumber(value:sessionReplay.sessionId))
+    }
+    
+    @objc(getSessionReplayProperties:reject:)
+    func getSessionReplayProperties(_ resolve: RCTPromiseResolveBlock, reject: RCTPromiseRejectBlock) {
+      print("getSessionReplayProperties")
+      resolve(sessionReplay.additionalEventProperties)
+    }
+    
+    @objc(flush:reject:)
+    func flush(_ resolve: RCTPromiseResolveBlock, reject: RCTPromiseRejectBlock) -> Void {
+      print("flush")
+      sessionReplay.flush()
+      resolve(nil)
+    }
+    
+    @objc(teardown:reject:)
+    func teardown(_ resolve: RCTPromiseResolveBlock, reject: RCTPromiseRejectBlock) -> Void {
+      print("teardown")
+      sessionReplay.stop()
+      resolve(nil)
+    }
+}

package/ios/RCTAmpMaskViewManager.m

@@ -0,0 +1,29 @@
+#import <React/RCTViewManager.h>
+#import <React/RCTView.h>
+@import AmplitudeSessionReplay;
+
+@interface RCTAmpMaskViewManager : RCTViewManager
+@end
+
+@implementation RCTAmpMaskViewManager
+
+RCT_EXPORT_MODULE(RCTAmpMaskView)
+
+- (UIView *)view
+{
+  return [[RCTView alloc] init];
+}
+
+RCT_CUSTOM_VIEW_PROPERTY(mask, NSString, RCTView)
+{
+  NSString* mask = [RCTConvert NSString:json];
+  if ([mask isEqualToString:@"amp-mask"]) {
+    view.amp_isBlocked = true;
+  } else if ([mask isEqualToString:@"amp-block"]) {
+    view.amp_isBlocked = true;
+  } else if ([mask isEqualToString:@"amp-unmask"]) {
+    view.amp_isBlocked = false;
+  }
+}
+
+@end

package/lib/commonjs/AmpMaskView.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AmpMaskView = void 0;
+var _reactNative = require("react-native");
+const AmpMaskView = (0, _reactNative.requireNativeComponent)('RCTAmpMaskView');
+exports.AmpMaskView = AmpMaskView;
+//# sourceMappingURL=AmpMaskView.js.map

package/lib/commonjs/AmpMaskView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AmpMaskView","requireNativeComponent"],"sourceRoot":"../../src","sources":["AmpMaskView.tsx"],"mappings":";;;;;;AAAA;AAMO,MAAMA,WAAW,GACtB,IAAAC,mCAAsB,EAAmB,gBAAgB,CAAC;AAAC"}

package/lib/commonjs/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AmpMaskView", {
+  enumerable: true,
+  get: function () {
+    return _AmpMaskView.AmpMaskView;
+  }
+});
+Object.defineProperty(exports, "SessionReplayPlugin", {
+  enumerable: true,
+  get: function () {
+    return _sessionReplay.SessionReplayPlugin;
+  }
+});
+var _sessionReplay = require("./session-replay");
+var _AmpMaskView = require("./AmpMaskView");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAEA"}

package/lib/commonjs/native-module.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PluginSessionReplayReactNative = void 0;
+var _reactNative = require("react-native");
+const LINKING_ERROR = `The package '@amplitude/plugin-session-replay-react-native' doesn't seem to be linked. Make sure: \n\n` + _reactNative.Platform.select({
+  ios: "- You have run 'pod install'\n",
+  default: ''
+}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
+const PluginSessionReplayReactNative = _reactNative.NativeModules.PluginSessionReplayReactNative ? _reactNative.NativeModules.PluginSessionReplayReactNative : new Proxy({}, {
+  get() {
+    throw new Error(LINKING_ERROR);
+  }
+});
+exports.PluginSessionReplayReactNative = PluginSessionReplayReactNative;
+//# sourceMappingURL=native-module.js.map

package/lib/commonjs/native-module.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LINKING_ERROR","Platform","select","ios","default","PluginSessionReplayReactNative","NativeModules","Proxy","get","Error"],"sourceRoot":"../../src","sources":["native-module.tsx"],"mappings":";;;;;;AAAA;AAEA,MAAMA,aAAa,GAChB,wGAAuG,GACxGC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAE1B,MAAMC,8BAA8B,GACzCC,0BAAa,CAACD,8BAA8B,GACxCC,0BAAa,CAACD,8BAA8B,GAC5C,IAAIE,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAK,CAACT,aAAa,CAAC;EAChC;AACF,CAAC,CACF;AAAC"}

package/lib/commonjs/session-replay.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SessionReplayPlugin = void 0;
+var _nativeModule = require("./native-module");
+var _version = require("./version");
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+class SessionReplayPlugin {
+  // this.config is defined in setup() which will always be called first
+
+  // @ts-ignore
+
+  constructor() {
+    _defineProperty(this, "name", '@amplitude/plugin-session-replay-react-native');
+    _defineProperty(this, "type", 'enrichment');
+    _defineProperty(this, "config", void 0);
+  } // empty default constructor
+
+  async setup(config, _) {
+    this.config = config;
+    console.log(`Installing @amplitude/plugin-session-replay-react-native, version ${_version.VERSION}.`);
+    await _nativeModule.PluginSessionReplayReactNative.setup(config.apiKey, config.deviceId, config.sessionId);
+  }
+  async execute(event) {
+    // On event, synchronize the session id to the what's on the browserConfig (source of truth)
+    // Choosing not to read from event object here, concerned about offline/delayed events messing up the state stored
+    // in SR.
+    if (this.config.sessionId && this.config.sessionId !== (await _nativeModule.PluginSessionReplayReactNative.getSessionId())) {
+      await _nativeModule.PluginSessionReplayReactNative.setSessionId(this.config.sessionId);
+    }
+    // Treating config.sessionId as source of truth, if the event's session id doesn't match, the
+    // event is not of the current session (offline/late events). In that case, don't tag the events
+    if (this.config.sessionId && this.config.sessionId === event.session_id) {
+      const sessionRecordingProperties = await _nativeModule.PluginSessionReplayReactNative.getSessionReplayProperties();
+      event.event_properties = {
+        ...event.event_properties,
+        ...sessionRecordingProperties
+      };
+    }
+    return Promise.resolve(event);
+  }
+  async teardown() {
+    await _nativeModule.PluginSessionReplayReactNative.teardown();
+    // the following are initialized in setup() which will always be called first
+    // here we reset them to null to prevent memory leaks
+
+    // @ts-ignore
+    this.config = null;
+  }
+  async getSessionReplayProperties() {
+    return _nativeModule.PluginSessionReplayReactNative.getSessionReplayProperties();
+  }
+}
+exports.SessionReplayPlugin = SessionReplayPlugin;
+//# sourceMappingURL=session-replay.js.map

package/lib/commonjs/session-replay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SessionReplayPlugin","constructor","setup","config","_","console","log","VERSION","PluginSessionReplayReactNative","apiKey","deviceId","sessionId","execute","event","getSessionId","setSessionId","session_id","sessionRecordingProperties","getSessionReplayProperties","event_properties","Promise","resolve","teardown"],"sourceRoot":"../../src","sources":["session-replay.ts"],"mappings":";;;;;;AAOA;AACA;AAAoC;AAAA;AAAA;AAE7B,MAAMA,mBAAmB,CAAmE;EAGjG;;EAEA;;EAGAC,WAAW,GAAG;IAAA,8BAPP,+CAA+C;IAAA,8BAC/C,YAAY;IAAA;EAQnB,CAAC,CADC;;EAGF,MAAMC,KAAK,CAACC,MAAyB,EAAEC,CAAoB,EAAiB;IAC1E,IAAI,CAACD,MAAM,GAAGA,MAAM;IACpBE,OAAO,CAACC,GAAG,CAAE,qEAAoEC,gBAAQ,GAAE,CAAC;IAC5F,MAAMC,4CAA8B,CAACN,KAAK,CAACC,MAAM,CAACM,MAAM,EAAEN,MAAM,CAACO,QAAQ,EAAEP,MAAM,CAACQ,SAAS,CAAC;EAC9F;EAEA,MAAMC,OAAO,CAACC,KAAY,EAAyB;IACjD;IACA;IACA;IACA,IAAI,IAAI,CAACV,MAAM,CAACQ,SAAS,IAAI,IAAI,CAACR,MAAM,CAACQ,SAAS,MAAM,MAAMH,4CAA8B,CAACM,YAAY,EAAE,CAAC,EAAE;MAC5G,MAAMN,4CAA8B,CAACO,YAAY,CAAC,IAAI,CAACZ,MAAM,CAACQ,SAAS,CAAC;IAC1E;IACA;IACA;IACA,IAAI,IAAI,CAACR,MAAM,CAACQ,SAAS,IAAI,IAAI,CAACR,MAAM,CAACQ,SAAS,KAAKE,KAAK,CAACG,UAAU,EAAE;MACvE,MAAMC,0BAA0B,GAAG,MAAMT,4CAA8B,CAACU,0BAA0B,EAAE;MACpGL,KAAK,CAACM,gBAAgB,GAAG;QACvB,GAAGN,KAAK,CAACM,gBAAgB;QACzB,GAAGF;MACL,CAAC;IACH;IACA,OAAOG,OAAO,CAACC,OAAO,CAACR,KAAK,CAAC;EAC/B;EAEA,MAAMS,QAAQ,GAAkB;IAC9B,MAAMd,4CAA8B,CAACc,QAAQ,EAAE;IAC/C;IACA;;IAEA;IACA,IAAI,CAACnB,MAAM,GAAG,IAAI;EACpB;EAEA,MAAMe,0BAA0B,GAAG;IACjC,OAAOV,4CAA8B,CAACU,0BAA0B,EAAE;EACpE;AACF;AAAC"}

package/lib/commonjs/version.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VERSION = void 0;
+const VERSION = '0.2.0';
+exports.VERSION = VERSION;
+//# sourceMappingURL=version.js.map

package/lib/commonjs/version.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VERSION"],"sourceRoot":"../../src","sources":["version.ts"],"mappings":";;;;;;AAAO,MAAMA,OAAO,GAAG,OAAO;AAAC"}

package/lib/module/AmpMaskView.js

@@ -0,0 +1,3 @@
+import { requireNativeComponent } from 'react-native';
+export const AmpMaskView = requireNativeComponent('RCTAmpMaskView');
+//# sourceMappingURL=AmpMaskView.js.map

package/lib/module/AmpMaskView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requireNativeComponent","AmpMaskView"],"sourceRoot":"../../src","sources":["AmpMaskView.tsx"],"mappings":"AAAA,SAASA,sBAAsB,QAAwB,cAAc;AAMrE,OAAO,MAAMC,WAAW,GACtBD,sBAAsB,CAAmB,gBAAgB,CAAC"}

package/lib/module/index.js

@@ -0,0 +1,3 @@
+export { SessionReplayPlugin } from './session-replay';
+export { AmpMaskView } from './AmpMaskView';
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SessionReplayPlugin","AmpMaskView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,kBAAkB;AAEtD,SAASC,WAAW,QAAQ,eAAe"}

package/lib/module/native-module.js

@@ -0,0 +1,11 @@
+import { NativeModules, Platform } from 'react-native';
+const LINKING_ERROR = `The package '@amplitude/plugin-session-replay-react-native' doesn't seem to be linked. Make sure: \n\n` + Platform.select({
+  ios: "- You have run 'pod install'\n",
+  default: ''
+}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
+export const PluginSessionReplayReactNative = NativeModules.PluginSessionReplayReactNative ? NativeModules.PluginSessionReplayReactNative : new Proxy({}, {
+  get() {
+    throw new Error(LINKING_ERROR);
+  }
+});
+//# sourceMappingURL=native-module.js.map

package/lib/module/native-module.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NativeModules","Platform","LINKING_ERROR","select","ios","default","PluginSessionReplayReactNative","Proxy","get","Error"],"sourceRoot":"../../src","sources":["native-module.tsx"],"mappings":"AAAA,SAASA,aAAa,EAAEC,QAAQ,QAAQ,cAAc;AAEtD,MAAMC,aAAa,GAChB,wGAAuG,GACxGD,QAAQ,CAACE,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,OAAO,MAAMC,8BAA8B,GACzCN,aAAa,CAACM,8BAA8B,GACxCN,aAAa,CAACM,8BAA8B,GAC5C,IAAIC,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAK,CAACP,aAAa,CAAC;EAChC;AACF,CAAC,CACF"}

package/lib/module/session-replay.js

@@ -0,0 +1,58 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+
+import { PluginSessionReplayReactNative } from './native-module';
+import { VERSION } from './version';
+export class SessionReplayPlugin {
+  // this.config is defined in setup() which will always be called first
+
+  // @ts-ignore
+
+  constructor() {
+    _defineProperty(this, "name", '@amplitude/plugin-session-replay-react-native');
+    _defineProperty(this, "type", 'enrichment');
+    _defineProperty(this, "config", void 0);
+  } // empty default constructor
+
+  async setup(config, _) {
+    this.config = config;
+    console.log(`Installing @amplitude/plugin-session-replay-react-native, version ${VERSION}.`);
+    await PluginSessionReplayReactNative.setup(config.apiKey, config.deviceId, config.sessionId);
+  }
+  async execute(event) {
+    // On event, synchronize the session id to the what's on the browserConfig (source of truth)
+    // Choosing not to read from event object here, concerned about offline/delayed events messing up the state stored
+    // in SR.
+    if (this.config.sessionId && this.config.sessionId !== (await PluginSessionReplayReactNative.getSessionId())) {
+      await PluginSessionReplayReactNative.setSessionId(this.config.sessionId);
+    }
+    // Treating config.sessionId as source of truth, if the event's session id doesn't match, the
+    // event is not of the current session (offline/late events). In that case, don't tag the events
+    if (this.config.sessionId && this.config.sessionId === event.session_id) {
+      const sessionRecordingProperties = await PluginSessionReplayReactNative.getSessionReplayProperties();
+      event.event_properties = {
+        ...event.event_properties,
+        ...sessionRecordingProperties
+      };
+    }
+    return Promise.resolve(event);
+  }
+  async teardown() {
+    await PluginSessionReplayReactNative.teardown();
+    // the following are initialized in setup() which will always be called first
+    // here we reset them to null to prevent memory leaks
+
+    // @ts-ignore
+    this.config = null;
+  }
+  async getSessionReplayProperties() {
+    return PluginSessionReplayReactNative.getSessionReplayProperties();
+  }
+}
+//# sourceMappingURL=session-replay.js.map

package/lib/module/session-replay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PluginSessionReplayReactNative","VERSION","SessionReplayPlugin","constructor","setup","config","_","console","log","apiKey","deviceId","sessionId","execute","event","getSessionId","setSessionId","session_id","sessionRecordingProperties","getSessionReplayProperties","event_properties","Promise","resolve","teardown"],"sourceRoot":"../../src","sources":["session-replay.ts"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;;AAGA,SAASA,8BAA8B,QAAQ,iBAAiB;AAChE,SAASC,OAAO,QAAQ,WAAW;AAEnC,OAAO,MAAMC,mBAAmB,CAAmE;EAGjG;;EAEA;;EAGAC,WAAW,GAAG;IAAA,8BAPP,+CAA+C;IAAA,8BAC/C,YAAY;IAAA;EAQnB,CAAC,CADC;;EAGF,MAAMC,KAAK,CAACC,MAAyB,EAAEC,CAAoB,EAAiB;IAC1E,IAAI,CAACD,MAAM,GAAGA,MAAM;IACpBE,OAAO,CAACC,GAAG,CAAE,qEAAoEP,OAAQ,GAAE,CAAC;IAC5F,MAAMD,8BAA8B,CAACI,KAAK,CAACC,MAAM,CAACI,MAAM,EAAEJ,MAAM,CAACK,QAAQ,EAAEL,MAAM,CAACM,SAAS,CAAC;EAC9F;EAEA,MAAMC,OAAO,CAACC,KAAY,EAAyB;IACjD;IACA;IACA;IACA,IAAI,IAAI,CAACR,MAAM,CAACM,SAAS,IAAI,IAAI,CAACN,MAAM,CAACM,SAAS,MAAM,MAAMX,8BAA8B,CAACc,YAAY,EAAE,CAAC,EAAE;MAC5G,MAAMd,8BAA8B,CAACe,YAAY,CAAC,IAAI,CAACV,MAAM,CAACM,SAAS,CAAC;IAC1E;IACA;IACA;IACA,IAAI,IAAI,CAACN,MAAM,CAACM,SAAS,IAAI,IAAI,CAACN,MAAM,CAACM,SAAS,KAAKE,KAAK,CAACG,UAAU,EAAE;MACvE,MAAMC,0BAA0B,GAAG,MAAMjB,8BAA8B,CAACkB,0BAA0B,EAAE;MACpGL,KAAK,CAACM,gBAAgB,GAAG;QACvB,GAAGN,KAAK,CAACM,gBAAgB;QACzB,GAAGF;MACL,CAAC;IACH;IACA,OAAOG,OAAO,CAACC,OAAO,CAACR,KAAK,CAAC;EAC/B;EAEA,MAAMS,QAAQ,GAAkB;IAC9B,MAAMtB,8BAA8B,CAACsB,QAAQ,EAAE;IAC/C;IACA;;IAEA;IACA,IAAI,CAACjB,MAAM,GAAG,IAAI;EACpB;EAEA,MAAMa,0BAA0B,GAAG;IACjC,OAAOlB,8BAA8B,CAACkB,0BAA0B,EAAE;EACpE;AACF"}

package/lib/module/version.js

@@ -0,0 +1,2 @@
+export const VERSION = '0.2.0';
+//# sourceMappingURL=version.js.map

package/lib/module/version.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VERSION"],"sourceRoot":"../../src","sources":["version.ts"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,OAAO"}

package/lib/typescript/AmpMaskView.d.ts

@@ -0,0 +1,7 @@
+import { type ViewProps } from 'react-native';
+interface AmpMaskViewProps extends ViewProps {
+    mask: 'amp-mask' | 'amp-unmask' | 'amp-block';
+}
+export declare const AmpMaskView: import("react-native").HostComponent<AmpMaskViewProps>;
+export {};
+//# sourceMappingURL=AmpMaskView.d.ts.map

package/lib/typescript/AmpMaskView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmpMaskView.d.ts","sourceRoot":"","sources":["../../src/AmpMaskView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtE,UAAU,gBAAiB,SAAQ,SAAS;IAC1C,IAAI,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;CAC/C;AAED,eAAO,MAAM,WAAW,wDACoC,CAAC"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,3 @@
+export { SessionReplayPlugin } from './session-replay';
+export { AmpMaskView } from './AmpMaskView';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/lib/typescript/native-module.d.ts

@@ -0,0 +1,2 @@
+export declare const PluginSessionReplayReactNative: any;
+//# sourceMappingURL=native-module.d.ts.map

package/lib/typescript/native-module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-module.d.ts","sourceRoot":"","sources":["../../src/native-module.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,8BAA8B,KAUpC,CAAC"}

package/lib/typescript/session-replay.d.ts

@@ -0,0 +1,12 @@
+import type { EnrichmentPlugin, Event, ReactNativeClient, ReactNativeConfig } from '@amplitude/analytics-types';
+export declare class SessionReplayPlugin implements EnrichmentPlugin<ReactNativeClient, ReactNativeConfig> {
+    name: string;
+    type: "enrichment";
+    config: ReactNativeConfig;
+    constructor();
+    setup(config: ReactNativeConfig, _: ReactNativeClient): Promise<void>;
+    execute(event: Event): Promise<Event | null>;
+    teardown(): Promise<void>;
+    getSessionReplayProperties(): Promise<any>;
+}
+//# sourceMappingURL=session-replay.d.ts.map

package/lib/typescript/session-replay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-replay.d.ts","sourceRoot":"","sources":["../../src/session-replay.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKhH,qBAAa,mBAAoB,YAAW,gBAAgB,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAChG,IAAI,SAAmD;IACvD,IAAI,eAAyB;IAI7B,MAAM,EAAE,iBAAiB,CAAC;;IAMpB,KAAK,CAAC,MAAM,EAAE,iBAAiB,EAAE,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAMrE,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;IAmB5C,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IASzB,0BAA0B;CAGjC"}

package/lib/typescript/version.d.ts

@@ -0,0 +1,2 @@
+export declare const VERSION = "0.2.0";
+//# sourceMappingURL=version.d.ts.map

package/lib/typescript/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,UAAU,CAAC"}

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@amplitude/plugin-session-replay-react-native",
+  "version": "0.2.0",
+  "description": "Amplitude Session Replay plugin for React Native",
+  "keywords": [
+    "analytics",
+    "amplitude",
+    "react-native",
+    "ios",
+    "android",
+    "session-replay"
+  ],
+  "author": "Amplitude Inc",
+  "homepage": "https://github.com/amplitude/Amplitude-TypeScript",
+  "license": "MIT",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "publishConfig": {
+    "access": "public",
+    "tag": "latest"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/amplitude/Amplitude-TypeScript.git"
+  },
+  "scripts": {
+    "build": "bob build",
+    "clean": "rimraf node_modules lib coverage",
+    "fix": "yarn fix:eslint & yarn fix:prettier",
+    "fix:eslint": "eslint '{src,test}/**/*.ts' --fix",
+    "fix:prettier": "prettier --write \"{src,test}/**/*.ts\"",
+    "lint": "yarn lint:eslint & yarn lint:prettier",
+    "lint:eslint": "eslint '{src,test}/**/*.ts'",
+    "lint:prettier": "prettier --check \"{src,test}/**/*.ts\"",
+    "test": "jest",
+    "typecheck": "tsc -p ./tsconfig.json",
+    "version": "yarn version-file && yarn build",
+    "version-file": "node -p \"'export const VERSION = \\'' + require('./package.json').version + '\\';'\" > src/version.ts",
+    "typescript": "tsc --noEmit",
+    "example": "yarn workspace @amplitude/plugin-session-replay-react-native-example",
+    "pods": "cd example && pod-install --quiet"
+  },
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!test",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "bugs": {
+    "url": "https://github.com/amplitude/Amplitude-TypeScript/issues"
+  },
+  "dependencies": {
+    "@amplitude/analytics-types": "^1.3.4"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.26",
+    "react": "18.2.0",
+    "react-native": "0.73.0",
+    "react-native-builder-bob": "^0.20.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "gitHead": "2b09117a76f23d80de58d636e59911a2fda5d169"
+}

package/src/AmpMaskView.tsx

@@ -0,0 +1,8 @@
+import { requireNativeComponent, type ViewProps } from 'react-native';
+
+interface AmpMaskViewProps extends ViewProps {
+  mask: 'amp-mask' | 'amp-unmask' | 'amp-block';
+}
+
+export const AmpMaskView =
+  requireNativeComponent<AmpMaskViewProps>('RCTAmpMaskView');

package/src/index.tsx

@@ -0,0 +1,3 @@
+export { SessionReplayPlugin } from './session-replay';
+
+export { AmpMaskView } from './AmpMaskView';

package/src/native-module.tsx

@@ -0,0 +1,19 @@
+import { NativeModules, Platform } from 'react-native';
+
+const LINKING_ERROR =
+  `The package '@amplitude/plugin-session-replay-react-native' doesn't seem to be linked. Make sure: \n\n` +
+  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
+  '- You rebuilt the app after installing the package\n' +
+  '- You are not using Expo Go\n';
+
+export const PluginSessionReplayReactNative =
+  NativeModules.PluginSessionReplayReactNative
+    ? NativeModules.PluginSessionReplayReactNative
+    : new Proxy(
+        {},
+        {
+          get() {
+            throw new Error(LINKING_ERROR);
+          },
+        }
+      );

package/src/session-replay.ts

@@ -0,0 +1,60 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+import type { EnrichmentPlugin, Event, ReactNativeClient, ReactNativeConfig } from '@amplitude/analytics-types';
+
+import { PluginSessionReplayReactNative } from './native-module';
+import { VERSION } from './version';
+
+export class SessionReplayPlugin implements EnrichmentPlugin<ReactNativeClient, ReactNativeConfig> {
+  name = '@amplitude/plugin-session-replay-react-native';
+  type = 'enrichment' as const;
+  // this.config is defined in setup() which will always be called first
+
+  // @ts-ignore
+  config: ReactNativeConfig;
+
+  constructor() {
+    // empty default constructor
+  }
+
+  async setup(config: ReactNativeConfig, _: ReactNativeClient): Promise<void> {
+    this.config = config;
+    console.log(`Installing @amplitude/plugin-session-replay-react-native, version ${VERSION}.`);
+    await PluginSessionReplayReactNative.setup(config.apiKey, config.deviceId, config.sessionId);
+  }
+
+  async execute(event: Event): Promise<Event | null> {
+    // On event, synchronize the session id to the what's on the browserConfig (source of truth)
+    // Choosing not to read from event object here, concerned about offline/delayed events messing up the state stored
+    // in SR.
+    if (this.config.sessionId && this.config.sessionId !== (await PluginSessionReplayReactNative.getSessionId())) {
+      await PluginSessionReplayReactNative.setSessionId(this.config.sessionId);
+    }
+    // Treating config.sessionId as source of truth, if the event's session id doesn't match, the
+    // event is not of the current session (offline/late events). In that case, don't tag the events
+    if (this.config.sessionId && this.config.sessionId === event.session_id) {
+      const sessionRecordingProperties = await PluginSessionReplayReactNative.getSessionReplayProperties();
+      event.event_properties = {
+        ...event.event_properties,
+        ...sessionRecordingProperties,
+      };
+    }
+    return Promise.resolve(event);
+  }
+
+  async teardown(): Promise<void> {
+    await PluginSessionReplayReactNative.teardown();
+    // the following are initialized in setup() which will always be called first
+    // here we reset them to null to prevent memory leaks
+
+    // @ts-ignore
+    this.config = null;
+  }
+
+  async getSessionReplayProperties() {
+    return PluginSessionReplayReactNative.getSessionReplayProperties();
+  }
+}

package/src/version.ts

@@ -0,0 +1 @@
+export const VERSION = '0.2.0';