@coralogix/react-native-plugin 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.7.1 (2026-07-09)
+
+### 🩹 Fixes
+
+- mask session replay views on the New Architecture (Fabric)
+
 ## 0.7.0 (2026-07-06)
 
 ### 🚀 Features

package/README.md

@@ -467,7 +467,7 @@ import { SessionReplay } from '@coralogix/react-native-plugin';
 </View>
 ```
 
-The `SessionReplay.maskView` function accepts a `LayoutChangeEvent` and will mask the view in session replay recordings.
+The `SessionReplay.maskView` function accepts a `LayoutChangeEvent` and will mask the view in session replay recordings. It works on both the legacy and the New Architecture (Fabric).
 
 
 ### Optional - Coralogix Gradle Plugin (Android)

package/android/src/main/java/com/cxsdk/CxSdkModule.kt

@@ -43,7 +43,8 @@ import com.facebook.react.bridge.WritableMap
 import com.facebook.react.modules.core.DeviceEventManagerModule
 import org.json.JSONArray
 import org.json.JSONObject
-import com.facebook.react.uimanager.UIManagerModule
+import com.facebook.react.bridge.UiThreadUtil
+import com.facebook.react.uimanager.UIManagerHelper
 import java.util.concurrent.ConcurrentHashMap
 
 class CxSdkModule(reactContext: ReactApplicationContext) :
@@ -311,11 +312,18 @@ class CxSdkModule(reactContext: ReactApplicationContext) :
 
   @ReactMethod
   override fun maskViewByTag(viewTag: Int) {
-    val uiManager = reactApplicationContext.getNativeModule(UIManagerModule::class.java)
-
-    uiManager?.addUIBlock { nativeViewHierarchyManager ->
+    // Resolve the view through the architecture-agnostic UIManagerHelper so this
+    // works on both the legacy (Paper) and New (Fabric) architectures.
+    // getNativeModule(UIManagerModule) only exists on Paper; under Fabric it
+    // returns null and masking silently no-ops. UIManagerHelper routes by tag:
+    // legacy tags -> UIManagerModule, Fabric tags -> FabricUIManager, both
+    // exposing UIManager.resolveView(tag).
+    val context = reactApplicationContext
+    // FabricUIManager.resolveView must be called on the UI thread.
+    UiThreadUtil.runOnUiThread {
       try {
-        val view = nativeViewHierarchyManager.resolveView(viewTag)
+        val uiManager = UIManagerHelper.getUIManagerForReactTag(context, viewTag)
+        val view = uiManager?.resolveView(viewTag)
         view?.maskView()
       } catch (t: Throwable) {
         t.printStackTrace()

package/index.cjs.js

@@ -537,7 +537,7 @@ function stopJsRefreshRateSampler() {
   appStateSub = null;
 }
 
-var version = "0.7.0";
+var version = "0.7.1";
 var pkg = {
 	version: version};
 

package/index.esm.js

@@ -535,7 +535,7 @@ function stopJsRefreshRateSampler() {
   appStateSub = null;
 }
 
-var version = "0.7.0";
+var version = "0.7.1";
 var pkg = {
 	version: version};
 

package/ios/CxSdk.swift

@@ -351,25 +351,34 @@ class CxSdk: RCTEventEmitter {
   func maskViewByTag(viewTag: NSNumber,
                      resolve:@escaping RCTPromiseResolveBlock,
                      reject:@escaping RCTPromiseRejectBlock) -> Void {
-    guard
-      let bridge = RCTBridge.current(),
-      let uiManager = bridge.uiManager
-    else {
-      reject("MASK_VIEW_ERROR", "no ui manager found, aborting maskViewByTag", nil)
+    guard let bridge = RCTBridge.current() else {
+      reject("MASK_VIEW_ERROR", "no bridge found, aborting maskViewByTag", nil)
       return
     }
 
-    RCTExecuteOnUIManagerQueue {
-      uiManager.addUIBlock { (_, viewRegistry) in
-        if let view = viewRegistry?[viewTag] as? UIView {
-          DispatchQueue.main.async {
-            view.cxMask = true
-            resolve("view with tag \(viewTag) marked for masking")
-          }
-        } else {
-          reject("MASK_VIEW_ERROR", "view with tag \(viewTag) not found, aborting maskViewByTag", nil)
-        }
+    // View resolution and the cxMask mutation must happen on the main thread.
+    DispatchQueue.main.async {
+      // New Architecture (Fabric): mounted views live in the component-view
+      // registry, not the legacy RCTUIManager registry. Resolve them via the
+      // surface presenter; without this, masking silently no-ops on Fabric.
+      // The presenter is typed non-null but is absent on the legacy
+      // architecture, so bind it through an optional before use.
+      let surfacePresenter: (any RCTSurfacePresenterStub)? = bridge.surfacePresenter()
+      if let surfacePresenter = surfacePresenter,
+         let view = surfacePresenter.findComponentView(withTag_DO_NOT_USE_DEPRECATED: viewTag.intValue) {
+        view.cxMask = true
+        resolve("view with tag \(viewTag) marked for masking")
+        return
+      }
+
+      // Legacy (Paper) architecture.
+      if let view = bridge.uiManager?.view(forReactTag: viewTag) {
+        view.cxMask = true
+        resolve("view with tag \(viewTag) marked for masking")
+        return
       }
+
+      reject("MASK_VIEW_ERROR", "view with tag \(viewTag) not found, aborting maskViewByTag", nil)
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coralogix/react-native-plugin",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Official Coralogix React Native plugin",
   "license": "Apache-2.0",
   "author": "Coralogix",