@datadog/mobile-react-native-session-replay 2.7.0 → 2.8.0

package/DatadogSDKReactNativeSessionReplay.podspec

@@ -1,6 +1,7 @@
 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         = "DatadogSDKReactNativeSessionReplay"
@@ -13,13 +14,12 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => "12.0", :tvos => "12.0" }
   s.source       = { :git => "https://github.com/DataDog/dd-sdk-reactnative.git", :tag => "#{s.version}" }
 
-  
   s.source_files = "ios/Sources/*.{h,m,mm,swift}"
-  
+
   s.dependency "React-Core"
 
   # /!\ Remember to keep the version in sync with DatadogSDKReactNative.podspec
-  s.dependency 'DatadogSessionReplay', '~> 2.25.0'
+  s.dependency 'DatadogSessionReplay', '~> 2.27.0'
   s.dependency 'DatadogSDKReactNative'
 
   s.test_spec 'Tests' do |test_spec|
@@ -28,16 +28,19 @@ Pod::Spec.new do |s|
     test_spec.platforms = { :ios => "13.4", :tvos => "13.4" }
   end
 
-  
-  # This guard prevents installing the dependencies when we run `pod install` in the old architecture.
-  # The `install_modules_dependencies` function is only available from RN 0.71, the new architecture is not
-  # supported on earlier RN versions.
   if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+    s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+    
     s.pod_target_xcconfig = {
       "DEFINES_MODULE" => "YES",
-      "OTHER_CPLUSPLUSFLAGS" => "-DRCT_NEW_ARCH_ENABLED=1"
+      "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
     }
+  end
 
+  if respond_to?(:install_modules_dependencies, true)
     install_modules_dependencies(s)
+  # else
+  #   s.dependency "React-Core"
   end
+  
 end

package/android/build.gradle

@@ -120,7 +120,7 @@ android {
   }
 
   defaultConfig {
-    minSdkVersion 21
+    minSdkVersion getExtOrIntegerDefault('minSdkVersion')
     targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
     versionCode 1
     versionName "1.0"
@@ -146,6 +146,14 @@ android {
       } else {
         java.srcDirs += ['src/rnlegacy/kotlin']
       }
+
+
+      if (reactNativeMinorVersion >= 74) {
+        java.srcDirs += ['src/rnpost74/kotlin']
+      } else {
+        java.srcDirs += ['src/rnpre74/kotlin']
+      }
+
     }
     test {
       java.srcDir("src/test/kotlin")

package/android/gradle.properties

@@ -1,5 +1,6 @@
 DatadogSDKReactNativeSessionReplay_kotlinVersion=1.8.21
 DatadogSDKReactNativeSessionReplay_compileSdkVersion=33
+DatadogSDKReactNativeSessionReplay_minSdkVersion=21
 DatadogSDKReactNativeSessionReplay_buildToolsVersion=33.0.0
 DatadogSDKReactNativeSessionReplay_targetSdkVersion=33
 android.useAndroidX=true

package/android/src/main/kotlin/com/datadog/reactnative/sessionreplay/views/DdPrivacyView.kt

@@ -0,0 +1,59 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+package com.datadog.reactnative.sessionreplay.views
+
+import android.content.Context
+import com.datadog.reactnative.sessionreplay.R
+import com.facebook.react.views.view.ReactViewGroup
+
+/**
+ * Native React Native UI element that inherits from ReactViewGroup and exposes extra properties.
+ */
+class DdPrivacyView(context: Context) : ReactViewGroup(context) {
+    /**
+     * Defines the way text and input should be masked.
+     */
+    var textAndInputPrivacy: String? = null
+        set(value) {
+            field = value
+            this.setTag(R.id.datadog_text_and_input_privacy, value)
+        }
+
+    /**
+     * Defines the way images should be masked.
+     */
+    var imagePrivacy: String? = null
+        set(value) {
+            field = value
+            this.setTag(R.id.datadog_image_privacy, value)
+        }
+
+    /**
+     * Defines the way user touches should be masked.
+     */
+    var touchPrivacy: String? = null
+        set(value) {
+            field = value
+            this.setTag(R.id.datadog_touch_privacy, value)
+        }
+
+    /**
+     * Defines the way certain parts of the UI can be set to hidden.
+     */
+    var hide: Boolean = false
+        set(value) {
+            field = value
+            this.setTag(R.id.datadog_hidden, value)
+        }
+
+    init {
+        this.setTag(R.id.datadog_hidden, this.hide)
+        this.setTag(R.id.datadog_image_privacy, this.imagePrivacy)
+        this.setTag(R.id.datadog_text_and_input_privacy, this.textAndInputPrivacy)
+        this.setTag(R.id.datadog_touch_privacy, this.touchPrivacy)
+    }
+}

package/android/src/main/res/values/ids.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+  ~ Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+  ~ This product includes software developed at Datadog (https://www.datadoghq.com/).
+  ~ Copyright 2016-Present Datadog, Inc.
+  -->
+
+<resources>
+    <item name="datadog_hidden" type="id"/>
+    <item name="datadog_image_privacy" type="id"/>
+    <item name="datadog_text_and_input_privacy" type="id"/>
+    <item name="datadog_touch_privacy" type="id"/>
+</resources>

package/android/src/newarch/kotlin/com/datadog/reactnative/sessionreplay/views/DdPrivacyViewManager.kt

@@ -0,0 +1,50 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+package com.datadog.reactnative.sessionreplay.views
+
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.DdPrivacyViewManagerDelegate
+import com.facebook.react.viewmanagers.DdPrivacyViewManagerInterface
+
+class DdPrivacyViewManager(context: ReactApplicationContext) : ViewGroupManager<DdPrivacyView>(),
+    DdPrivacyViewManagerInterface<DdPrivacyView> {
+    companion object {
+        const val REACT_CLASS = "DdPrivacyView"
+    }
+
+    private val delegate: DdPrivacyViewManagerDelegate<DdPrivacyView, DdPrivacyViewManager> = DdPrivacyViewManagerDelegate(this)
+
+    override fun getDelegate(): ViewManagerDelegate<DdPrivacyView> = delegate
+
+    override fun getName(): String = REACT_CLASS
+
+    override fun createViewInstance(context: ThemedReactContext): DdPrivacyView = DdPrivacyView(context)
+
+    @ReactProp(name = "hide")
+    override fun setHide(view: DdPrivacyView?, value: Boolean) {
+        view?.let { view.hide = value }
+    }
+
+    @ReactProp(name = "textAndInputPrivacy")
+    override fun setTextAndInputPrivacy(view: DdPrivacyView?, value: String?) {
+        view?.let { view.textAndInputPrivacy = value }
+    }
+
+    @ReactProp(name = "imagePrivacy")
+    override fun setImagePrivacy(view: DdPrivacyView?, value: String?) {
+        view?.let { view.imagePrivacy = value }
+    }
+
+    @ReactProp(name = "touchPrivacy")
+    override fun setTouchPrivacy(view: DdPrivacyView?, value: String?) {
+        view?.let { view.touchPrivacy = value }
+    }
+}

package/android/src/oldarch/kotlin/com/datadog/reactnative/sessionreplay/views/DdPrivacyViewManager.kt

@@ -0,0 +1,43 @@
+/*
+ *  Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ *  This product includes software developed at Datadog (https://www.datadoghq.com/).
+ *  Copyright 2016-Present Datadog, Inc.
+ */
+package com.datadog.reactnative.sessionreplay.views
+
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.annotations.ReactProp
+
+class DdPrivacyViewManager(context: ReactApplicationContext) : ViewGroupManager<DdPrivacyView>() {
+    companion object {
+        const val REACT_CLASS = "DdPrivacyView"
+    }
+
+    override fun getName(): String = REACT_CLASS
+
+    override fun createViewInstance(context: ThemedReactContext): DdPrivacyView {
+        return DdPrivacyView(context)
+    }
+
+    @ReactProp(name = "hide")
+    fun setHide(view: DdPrivacyView?, value: Boolean) {
+        view?.let { view.hide = value }
+    }
+
+    @ReactProp(name = "textAndInputPrivacy")
+    fun setTextAndInputPrivacy(view: DdPrivacyView?, value: String?) {
+        view?.let { view.textAndInputPrivacy = value }
+    }
+
+    @ReactProp(name = "imagePrivacy")
+    fun setImagePrivacy(view: DdPrivacyView?, value: String?) {
+        view?.let { view.imagePrivacy = value }
+    }
+
+    @ReactProp(name = "touchPrivacy")
+    fun setTouchPrivacy(view: DdPrivacyView?, value: String?) {
+        view?.let { view.touchPrivacy = value }
+    }
+}

package/android/src/rn76/kotlin/com/datadog/reactnative/sessionreplay/utils/ReactViewBackgroundDrawableUtils.kt

@@ -42,7 +42,7 @@ internal class ReactViewBackgroundDrawableUtils : DrawableUtils() {
 
     @OptIn(UnstableReactNativeAPI::class)
     override fun getReactBackgroundFromDrawable(drawable: Drawable?): Drawable? {
-        return when(drawable) {
+        return when (drawable) {
             is CSSBackgroundDrawable -> drawable
             is InsetDrawable -> getReactBackgroundFromDrawable(drawable.drawable)
             is LayerDrawable -> getDrawableFromLayerDrawable(drawable)

package/android/src/{main → rnpost74}/kotlin/com/datadog/reactnative/sessionreplay/DdSDKReactNativeSessionReplayPackage.kt

@@ -6,16 +6,22 @@
 
 package com.datadog.reactnative.sessionreplay
 
-import com.facebook.react.TurboReactPackage
+import com.datadog.reactnative.sessionreplay.views.DdPrivacyViewManager
+import com.facebook.react.BaseReactPackage
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.module.model.ReactModuleInfo
 import com.facebook.react.module.model.ReactModuleInfoProvider
+import com.facebook.react.uimanager.ViewManager
 
 /**
  * Package of native dd-sdk-reactnative native modules.
  */
-class DdSDKReactNativeSessionReplayPackage : TurboReactPackage() {
+class DdSDKReactNativeSessionReplayPackage : BaseReactPackage() {
+    override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+        return listOf(DdPrivacyViewManager(reactContext))
+    }
+
     override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? {
         return when (name) {
             DdSessionReplayImplementation.NAME -> DdSessionReplay(reactContext)
@@ -43,4 +49,5 @@ class DdSDKReactNativeSessionReplayPackage : TurboReactPackage() {
             moduleInfos
         }
     }
+
 }

package/android/src/rnpre74/kotlin/com/datadog/reactnative/sessionreplay/DdSDKReactNativeSessionReplayPackage.kt

@@ -0,0 +1,31 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+package com.datadog.reactnative.sessionreplay
+
+import com.datadog.reactnative.sessionreplay.views.DdPrivacyViewManager
+import com.facebook.react.ReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ViewManager
+
+/**
+ * Package of native dd-sdk-reactnative native modules.
+ */
+class DdSDKReactNativeSessionReplayPackage : ReactPackage {
+
+    override fun createViewManagers(
+        reactContext: ReactApplicationContext
+    ): List<ViewManager<*, *>> {
+        return listOf(DdPrivacyViewManager(reactContext))
+    }
+
+    override fun createNativeModules(
+        reactContext: ReactApplicationContext
+    ): List<NativeModule> {
+        return listOf(DdSessionReplay(reactContext))
+    }
+}

package/ios/Sources/DdPrivacyOverrider.swift

@@ -0,0 +1,71 @@
+import ObjectiveC
+import UIKit
+@_spi(objc) import DatadogSessionReplay
+
+@objc public class DdPrivacyOverrider: NSObject {
+    @objc public static func setOverrides(
+        for view: UIView,
+        textPrivacy: NSString?,
+        imagePrivacy: NSString?,
+        touchPrivacy: NSString?,
+        hide: Bool
+    ) {
+        let wrapper = objc_SessionReplayPrivacyOverrides(view: view)
+
+        if let raw = textPrivacy as String?,
+           let val = mapTextPrivacy(raw)
+        {
+            wrapper.textAndInputPrivacy = val
+        }
+
+        if let raw = imagePrivacy as String?,
+           let val = mapImagePrivacy(raw)
+        {
+            wrapper.imagePrivacy = val
+        }
+
+        if let raw = touchPrivacy as String?,
+           let val = mapTouchPrivacy(raw)
+        {
+            wrapper.touchPrivacy = val
+        }
+
+        wrapper.hide = NSNumber(value: hide)
+    }
+
+    private static func mapTextPrivacy(_ string: String) -> objc_TextAndInputPrivacyLevelOverride? {
+        switch string.uppercased() {
+        case "MASK_SENSITIVE_INPUTS": return .maskSensitiveInputs
+        case "MASK_ALL_INPUTS": return .maskAllInputs
+        case "MASK_ALL": return .maskAll
+        default: return objc_TextAndInputPrivacyLevelOverride.none
+        }
+    }
+
+    private static func mapImagePrivacy(_ string: String) -> objc_ImagePrivacyLevelOverride? {
+        switch string.uppercased() {
+        case "MASK_NONE": return .maskNone
+        case "MASK_NON_BUNDLED_ONLY": return .maskNonBundledOnly
+        case "MASK_ALL": return .maskAll
+        default: return objc_ImagePrivacyLevelOverride.none
+        }
+    }
+
+    private static func mapTouchPrivacy(_ string: String) -> objc_TouchPrivacyLevelOverride? {
+        switch string.uppercased() {
+        case "SHOW": return .show
+        case "HIDE": return .hide
+        default: return objc_TouchPrivacyLevelOverride.none
+        }
+    }
+
+    @objc public static func debugPrint(for view: UIView) {
+        let wrapper = objc_SessionReplayPrivacyOverrides(view: view)
+        print("""
+        - text: \(wrapper.textAndInputPrivacy)
+        - image: \(wrapper.imagePrivacy)
+        - touch: \(wrapper.touchPrivacy)
+        - hide: \(String(describing: wrapper.hide))
+        """)
+    }
+}

package/ios/Sources/DdPrivacyViewFabric.mm

@@ -0,0 +1,54 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+#if RCT_NEW_ARCH_ENABLED
+#import <React/RCTViewComponentView.h>
+#import <react/renderer/components/DdSDKReactNativeSessionReplay/ComponentDescriptors.h>
+#import <react/renderer/components/DdSDKReactNativeSessionReplay/EventEmitters.h>
+#import <react/renderer/components/DdSDKReactNativeSessionReplay/Props.h>
+#import <react/renderer/components/DdSDKReactNativeSessionReplay/RCTComponentViewHelpers.h>
+#import <React/RCTFabricComponentsPlugins.h>
+#import "DatadogSDKReactNativeSessionReplay-Swift.h"
+
+using namespace facebook::react;
+
+@interface DdPrivacyViewFabric : RCTViewComponentView <RCTDdPrivacyViewViewProtocol>
+@end
+
+@implementation DdPrivacyViewFabric {
+    UIView * _view;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider {
+    return concreteComponentDescriptorProvider<DdPrivacyViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame {
+    if (self = [super initWithFrame:frame]) {
+        static const auto defaultProps = std::make_shared<const DdPrivacyViewProps>();
+        _props = defaultProps;
+    }
+    return self;
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps {
+    const auto &newProps = *std::static_pointer_cast<DdPrivacyViewProps const>(props);
+    
+    NSString *text = [NSString stringWithUTF8String:newProps.textAndInputPrivacy.c_str()];
+    NSString *image = [NSString stringWithUTF8String:newProps.imagePrivacy.c_str()];
+    NSString *touch = [NSString stringWithUTF8String:newProps.touchPrivacy.c_str()];
+
+    [DdPrivacyOverrider setOverridesFor:self textPrivacy:text imagePrivacy:image touchPrivacy:touch hide:newProps.hide];
+    
+    [super updateProps:props oldProps:oldProps];
+}
+
+@end
+
+Class<RCTComponentViewProtocol> DdPrivacyViewCls(void) {
+    return DdPrivacyViewFabric.class;
+}
+#endif

package/ios/Sources/DdPrivacyViewPaper.m

@@ -0,0 +1,58 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+#import <React/RCTViewManager.h>
+#import "DatadogSDKReactNativeSessionReplay-Swift.h"
+
+@interface DdPrivacyView : UIView
+
+@property (nonatomic, strong) NSString *textPrivacy;
+@property (nonatomic, strong) NSString *imagePrivacy;
+@property (nonatomic, strong) NSString *touchPrivacy;
+@property (nonatomic, assign) BOOL hide;
+
+@end
+
+@implementation DdPrivacyView
+@end
+
+
+@interface DdPrivacyViewPaper : RCTViewManager
+@end
+
+@implementation DdPrivacyViewPaper
+
+RCT_EXPORT_MODULE(DdPrivacyView)
+
+- (UIView *) view {
+    return [[DdPrivacyView alloc] init];
+}
+
+RCT_CUSTOM_VIEW_PROPERTY(textAndInputPrivacy, NSString, DdPrivacyView) {
+    view.textPrivacy = [RCTConvert NSString:json];
+    [self setPrivacyOverridesFor:view];
+}
+
+RCT_CUSTOM_VIEW_PROPERTY(imagePrivacy, NSString, DdPrivacyView) {
+    view.imagePrivacy = [RCTConvert NSString:json];
+    [self setPrivacyOverridesFor:view];
+}
+
+RCT_CUSTOM_VIEW_PROPERTY(touchPrivacy, NSString, DdPrivacyView) {
+    view.touchPrivacy = [RCTConvert NSString:json];
+    [self setPrivacyOverridesFor:view];
+}
+
+RCT_CUSTOM_VIEW_PROPERTY(hide, BOOL, DdPrivacyView) {
+    view.hide = json ? [json boolValue] : NO;
+    [self setPrivacyOverridesFor:view];
+}
+
+- (void) setPrivacyOverridesFor:(DdPrivacyView *) view {
+    [DdPrivacyOverrider setOverridesFor:view textPrivacy:view.textPrivacy imagePrivacy:view.imagePrivacy touchPrivacy:view.touchPrivacy hide:view.hide];
+}
+
+@end

package/ios/Sources/RCTFabricWrapper.mm

@@ -12,13 +12,12 @@
 #import <React-RCTFabric/React/RCTParagraphComponentView.h>
 #import <React-RCTFabric/React/RCTConversions.h>
 
-#if RCT_VERSION_MINOR > 74
+#if __has_include(<React-FabricComponents/react/renderer/components/text/ParagraphProps.h>)
 #import <React-FabricComponents/react/renderer/components/text/ParagraphProps.h>
 #else
 #import <React-Fabric/react/renderer/components/text/ParagraphProps.h>
 #endif
 
-
 namespace rct = facebook::react;
 #endif
 

package/ios/Sources/RCTTextViewRecorder.swift

@@ -10,8 +10,8 @@ import DatadogSessionReplay
 import React
 
 internal class RCTTextViewRecorder: SessionReplayNodeRecorder {
-    internal var textObfuscator: (SessionReplayViewTreeRecordingContext) -> SessionReplayTextObfuscating = { context in
-        return context.recorder.textAndInputPrivacy.staticTextObfuscator
+    internal var textObfuscator: (SessionReplayViewTreeRecordingContext, SessionReplayViewAttributes) -> SessionReplayTextObfuscating = { context, viewAttributes in
+        return viewAttributes.resolveTextAndInputPrivacyLevel(in: context).staticTextObfuscator
     }
 
     internal var identifier = UUID()
@@ -41,7 +41,7 @@ internal class RCTTextViewRecorder: SessionReplayNodeRecorder {
             text: textProperties.text,
             textAlignment: textProperties.alignment,
             textColor: textProperties.foregroundColor,
-            textObfuscator: textObfuscator(context),
+            textObfuscator: textObfuscator(context, attributes),
             fontSize: textProperties.fontSize,
             contentRect: textProperties.contentRect
         )
@@ -78,8 +78,23 @@ internal class RCTTextViewRecorder: SessionReplayNodeRecorder {
         var shadowView: RCTTextShadowView? = nil
         let tag = textView.reactTag
 
-        RCTGetUIManagerQueue().sync {
-            shadowView = uiManager.shadowView(forReactTag: tag) as? RCTTextShadowView
+        let timeout: TimeInterval = 0.2
+        let semaphore = DispatchSemaphore(value: 0)
+        
+        // We need to access the shadow view from the UIManager queue, but we're currently on the main thread.
+        // Calling `.sync` from the main thread to the UIManager queue is unsafe, because the UIManager queue
+        // may already be executing a layout operation that in turn requires the main thread (e.g. measuring a native view).
+        // That would create a circular dependency and deadlock the app.
+        // To avoid this, we dispatch the work asynchronously to the UIManager queue and wait with a timeout.
+        // This ensures we block only if absolutely necessary, and can fail gracefully if the queue is busy.
+        RCTGetUIManagerQueue().async {
+            shadowView = self.uiManager.shadowView(forReactTag: tag) as? RCTTextShadowView
+            semaphore.signal()
+        }
+        
+        let waitResult = semaphore.wait(timeout: .now() + timeout)
+        if waitResult == .timedOut {
+            return nil
         }
 
         guard let shadow = shadowView else {

package/lib/commonjs/components/SessionReplayView/HideView.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HideView = HideView;
+var _react = _interopRequireDefault(require("react"));
+var _PrivacyView = require("./PrivacyView");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+/**
+ * A wrapper component that hides all of its content from session replays.
+ *
+ * When used, none of the children within this view will appear in the replay recording.
+ * This is useful for UI areas that contain sensitive or confidential information that should
+ * be completely excluded from visibility, not just masked.
+ */
+function HideView({
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PrivacyView.PrivacyView, {
+    ...props,
+    hide: true,
+    children: children
+  });
+}
+//# sourceMappingURL=HideView.js.map

package/lib/commonjs/components/SessionReplayView/HideView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_PrivacyView","_jsxRuntime","e","__esModule","default","HideView","children","props","jsx","PrivacyView","hide"],"sourceRoot":"../../../../src","sources":["components/SessionReplayView/HideView.tsx"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAA4C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAT5C;AACA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,QAAQA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAiB,CAAC,EAAE;EACxD,oBACI,IAAAN,WAAA,CAAAO,GAAA,EAACR,YAAA,CAAAS,WAAW;IAAA,GAAKF,KAAK;IAAEG,IAAI,EAAE,IAAK;IAAAJ,QAAA,EAC9BA;EAAQ,CACA,CAAC;AAEtB","ignoreList":[]}

package/lib/commonjs/components/SessionReplayView/MaskAllView.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MaskAllView = MaskAllView;
+var _react = _interopRequireDefault(require("react"));
+var _SessionReplay = require("../../SessionReplay");
+var _PrivacyView = require("./PrivacyView");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+/**
+ * A wrapper component that enforces full masking on all content within it.
+ *
+ * This includes:
+ * - Masking all text and input values (e.g., replacing them with asterisks)
+ * - Masking all images
+ * - Hiding or optionally showing touch interactions, depending on `showTouch`
+ *
+ * This component is useful for marking sensitive UI sections that should not be visible
+ * in session replays.
+ */
+function MaskAllView({
+  children,
+  showTouch,
+  ...props
+}) {
+  const touchPrivacy = showTouch ? _SessionReplay.TouchPrivacyLevel.SHOW : _SessionReplay.TouchPrivacyLevel.HIDE;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PrivacyView.PrivacyView, {
+    ...props,
+    textAndInputPrivacy: _SessionReplay.TextAndInputPrivacyLevel.MASK_ALL,
+    imagePrivacy: _SessionReplay.ImagePrivacyLevel.MASK_ALL,
+    touchPrivacy: touchPrivacy,
+    hide: false,
+    children: children
+  });
+}
+//# sourceMappingURL=MaskAllView.js.map

package/lib/commonjs/components/SessionReplayView/MaskAllView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_SessionReplay","_PrivacyView","_jsxRuntime","e","__esModule","default","MaskAllView","children","showTouch","props","touchPrivacy","TouchPrivacyLevel","SHOW","HIDE","jsx","PrivacyView","textAndInputPrivacy","TextAndInputPrivacyLevel","MASK_ALL","imagePrivacy","ImagePrivacyLevel","hide"],"sourceRoot":"../../../../src","sources":["components/SessionReplayView/MaskAllView.tsx"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAMA,IAAAE,YAAA,GAAAF,OAAA;AAA4C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAf5C;AACA;AACA;AACA;AACA;;AAqBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,WAAWA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAa,CAAC,EAAE;EAClE,MAAMC,YAAY,GAAGF,SAAS,GACxBG,gCAAiB,CAACC,IAAI,GACtBD,gCAAiB,CAACE,IAAI;EAE5B,oBACI,IAAAX,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAAc,WAAW;IAAA,GACJN,KAAK;IACTO,mBAAmB,EAAEC,uCAAwB,CAACC,QAAS;IACvDC,YAAY,EAAEC,gCAAiB,CAACF,QAAS;IACzCR,YAAY,EAAEA,YAAa;IAC3BW,IAAI,EAAE,KAAM;IAAAd,QAAA,EAEXA;EAAQ,CACA,CAAC;AAEtB","ignoreList":[]}