@datadog/mobile-react-native-session-replay 2.7.1 → 2.8.1

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":[]}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MaskNoneView = MaskNoneView;
+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 applies minimal masking, allowing most content to appear as-is in session replays.
+ *
+ * Specifically:
+ * - Text and inputs are shown, except for sensitive fields (e.g., password fields), which are still masked.
+ * - Images are fully visible.
+ * - Touch interactions are recorded and visible.
+ *
+ * Use this component for UI areas where full visibility is acceptable and privacy concerns are minimal.
+ */
+function MaskNoneView({
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PrivacyView.PrivacyView, {
+    ...props,
+    textAndInputPrivacy: _SessionReplay.TextAndInputPrivacyLevel.MASK_SENSITIVE_INPUTS,
+    imagePrivacy: _SessionReplay.ImagePrivacyLevel.MASK_NONE,
+    touchPrivacy: _SessionReplay.TouchPrivacyLevel.SHOW,
+    hide: false,
+    children: children
+  });
+}
+//# sourceMappingURL=MaskNoneView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_SessionReplay","_PrivacyView","_jsxRuntime","e","__esModule","default","MaskNoneView","children","props","jsx","PrivacyView","textAndInputPrivacy","TextAndInputPrivacyLevel","MASK_SENSITIVE_INPUTS","imagePrivacy","ImagePrivacyLevel","MASK_NONE","touchPrivacy","TouchPrivacyLevel","SHOW","hide"],"sourceRoot":"../../../../src","sources":["components/SessionReplayView/MaskNoneView.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;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,YAAYA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAiB,CAAC,EAAE;EAC5D,oBACI,IAAAN,WAAA,CAAAO,GAAA,EAACR,YAAA,CAAAS,WAAW;IAAA,GACJF,KAAK;IACTG,mBAAmB,EAAEC,uCAAwB,CAACC,qBAAsB;IACpEC,YAAY,EAAEC,gCAAiB,CAACC,SAAU;IAC1CC,YAAY,EAAEC,gCAAiB,CAACC,IAAK;IACrCC,IAAI,EAAE,KAAM;IAAAb,QAAA,EAEXA;EAAQ,CACA,CAAC;AAEtB","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PrivacyView = PrivacyView;
+var _react = _interopRequireDefault(require("react"));
+var _DdPrivacyView = _interopRequireDefault(require("../../specs/DdPrivacyView"));
+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 low-level component for configuring session replay privacy behavior with more granular control over the properties.
+ *
+ * Use this when none of the high-level components (`MaskAllView`, `MaskNoneView`, `HideView`)
+ * provide the level of customization you need.
+ *
+ * You can individually configure:
+ * - How text and inputs are masked
+ * - Whether images are shown or masked
+ * - Whether touch interactions are visible
+ * - Whether the entire view should be hidden from replays
+ */
+function PrivacyView({
+  children,
+  textAndInputPrivacy,
+  imagePrivacy,
+  touchPrivacy,
+  hide = false,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DdPrivacyView.default, {
+    ...props,
+    textAndInputPrivacy: textAndInputPrivacy,
+    imagePrivacy: imagePrivacy,
+    touchPrivacy: touchPrivacy,
+    hide: hide || false,
+    children: children
+  });
+}
+//# sourceMappingURL=PrivacyView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_DdPrivacyView","_jsxRuntime","e","__esModule","default","PrivacyView","children","textAndInputPrivacy","imagePrivacy","touchPrivacy","hide","props","jsx"],"sourceRoot":"../../../../src","sources":["components/SessionReplayView/PrivacyView.tsx"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAOA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAd7C;AACA;AACA;AACA;AACA;;AA+BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,WAAWA,CAAC;EACxBC,QAAQ;EACRC,mBAAmB;EACnBC,YAAY;EACZC,YAAY;EACZC,IAAI,GAAG,KAAK;EACZ,GAAGC;AACA,CAAC,EAAE;EACN,oBACI,IAAAV,WAAA,CAAAW,GAAA,EAACZ,cAAA,CAAAI,OAAI;IAAA,GACGO,KAAK;IACTJ,mBAAmB,EAAEA,mBAA8B;IACnDC,YAAY,EAAEA,YAAuB;IACrCC,YAAY,EAAEA,YAAuB;IACrCC,IAAI,EAAEA,IAAI,IAAI,KAAM;IAAAJ,QAAA,EAEnBA;EAAQ,CACP,CAAC;AAEf","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SessionReplayView = void 0;
+var _HideView = require("./HideView");
+var _MaskAllView = require("./MaskAllView");
+var _MaskNoneView = require("./MaskNoneView");
+var _PrivacyView = require("./PrivacyView");
+/*
+ * 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 collection of preconfigured React components for controlling privacy in Datadog Session Replay.
+ *
+ * These components can be used to control how different parts of the UI appear in session recordings:
+ *
+ * - `SessionReplayView.MaskAll`: Masks all text, inputs, and images. Hides touch interactions by default.
+ *   Use for highly sensitive sections.
+ *
+ * - `SessionReplayView.MaskNone`: Displays most content as-is, except for sensitive inputs which are still masked.
+ *   Use when visibility is safe and desired.
+ *
+ * - `SessionReplayView.Hide`: Completely hides the view and its children from session replays.
+ *   Use for content that should not appear at all in recordings.
+ *
+ * - `SessionReplayView.Privacy`: A low-level configurable component for fine-tuned privacy control.
+ *   Use this if none of the presets meet your needs.
+ */
+const SessionReplayView = exports.SessionReplayView = {
+  Privacy: _PrivacyView.PrivacyView,
+  MaskAll: _MaskAllView.MaskAllView,
+  MaskNone: _MaskNoneView.MaskNoneView,
+  Hide: _HideView.HideView
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_HideView","require","_MaskAllView","_MaskNoneView","_PrivacyView","SessionReplayView","exports","Privacy","PrivacyView","MaskAll","MaskAllView","MaskNone","MaskNoneView","Hide","HideView"],"sourceRoot":"../../../../src","sources":["components/SessionReplayView/index.ts"],"mappings":";;;;;;AAMA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AATA;AACA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMI,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC7BE,OAAO,EAAEC,wBAAW;EACpBC,OAAO,EAAEC,wBAAW;EACpBC,QAAQ,EAAEC,0BAAY;EACtBC,IAAI,EAAEC;AACV,CAAC","ignoreList":[]}

package/lib/commonjs/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "SessionReplayPrivacy", {
     return _SessionReplay.SessionReplayPrivacy;
   }
 });
+Object.defineProperty(exports, "SessionReplayView", {
+  enumerable: true,
+  get: function () {
+    return _SessionReplayView.SessionReplayView;
+  }
+});
 Object.defineProperty(exports, "TextAndInputPrivacyLevel", {
   enumerable: true,
   get: function () {
@@ -34,4 +40,5 @@ Object.defineProperty(exports, "TouchPrivacyLevel", {
   }
 });
 var _SessionReplay = require("./SessionReplay");
+var _SessionReplayView = require("./components/SessionReplayView");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_SessionReplay","require"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_SessionReplay","require","_SessionReplayView"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAAA,cAAA,GAAAC,OAAA;AAOA,IAAAC,kBAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/specs/DdPrivacyView.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+/*
+ * 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.
+ */
+
+/* eslint-disable @typescript-eslint/no-var-requires */
+
+const isNewArch = _reactNative.UIManager.getViewManagerConfig?.('DdPrivacyView') === undefined;
+const NativeComponent = isNewArch ? require('./DdPrivacyViewNativeComponent').default : require('./DdPrivacyViewPaper').default;
+var _default = exports.default = NativeComponent;
+//# sourceMappingURL=DdPrivacyView.js.map

package/lib/commonjs/specs/DdPrivacyView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","isNewArch","UIManager","getViewManagerConfig","undefined","NativeComponent","default","_default","exports"],"sourceRoot":"../../../src","sources":["specs/DdPrivacyView.ts"],"mappings":";;;;;;AAOA,IAAAA,YAAA,GAAAC,OAAA;AAPA;AACA;AACA;AACA;AACA;;AAEA;;AAGA,MAAMC,SAAS,GACXC,sBAAS,CAACC,oBAAoB,GAAG,eAAe,CAAC,KAAKC,SAAS;AAEnE,MAAMC,eAAe,GAAGJ,SAAS,GAC3BD,OAAO,CAAC,gCAAgC,CAAC,CAACM,OAAO,GACjDN,OAAO,CAAC,sBAAsB,CAAC,CAACM,OAAO;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE/BD,eAAe","ignoreList":[]}

package/lib/commonjs/specs/DdPrivacyViewNativeComponent.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+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.
+ */
+var _default = exports.default = (0, _codegenNativeComponent.default)('DdPrivacyView', {
+  paperComponentName: 'DdPrivacyView'
+});
+//# sourceMappingURL=DdPrivacyViewNativeComponent.js.map

package/lib/commonjs/specs/DdPrivacyViewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_codegenNativeComponent","_interopRequireDefault","require","e","__esModule","default","_default","exports","codegenNativeComponent","paperComponentName"],"sourceRoot":"../../../src","sources":["specs/DdPrivacyViewNativeComponent.ts"],"mappings":";;;;;;AAMA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAN7F;AACA;AACA;AACA;AACA;AAJA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAgBe,IAAAG,+BAAsB,EAAqB,eAAe,EAAE;EACvEC,kBAAkB,EAAE;AACxB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/specs/DdPrivacyViewPaper.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+/*
+ * 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.
+ */
+
+const DdPrivacyView = (0, _reactNative.requireNativeComponent)('DdPrivacyView');
+var _default = exports.default = DdPrivacyView;
+//# sourceMappingURL=DdPrivacyViewPaper.js.map

package/lib/commonjs/specs/DdPrivacyViewPaper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","DdPrivacyView","requireNativeComponent","_default","exports","default"],"sourceRoot":"../../../src","sources":["specs/DdPrivacyViewPaper.ts"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AANA;AACA;AACA;AACA;AACA;;AAMA,MAAMC,aAAa,GAAG,IAAAC,mCAAsB,EACxC,eACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaJ,aAAa","ignoreList":[]}

package/lib/commonjs/types/DdPrivacyView.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=DdPrivacyView.js.map

package/lib/commonjs/types/DdPrivacyView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/DdPrivacyView.ts"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+/*
+ * 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 from 'react';
+import { PrivacyView } from './PrivacyView';
+
+/**
+ * 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.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function HideView({
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(PrivacyView, {
+    ...props,
+    hide: true,
+    children: children
+  });
+}
+//# sourceMappingURL=HideView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PrivacyView","jsx","_jsx","HideView","children","props","hide"],"sourceRoot":"../../../../src","sources":["components/SessionReplayView/HideView.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,eAAe;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA;AAOA,OAAO,SAASC,QAAQA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAiB,CAAC,EAAE;EACxD,oBACIH,IAAA,CAACF,WAAW;IAAA,GAAKK,KAAK;IAAEC,IAAI,EAAE,IAAK;IAAAF,QAAA,EAC9BA;EAAQ,CACA,CAAC;AAEtB","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+/*
+ * 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 from 'react';
+import { ImagePrivacyLevel, TextAndInputPrivacyLevel, TouchPrivacyLevel } from '../../SessionReplay';
+import { PrivacyView } from './PrivacyView';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 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.
+ */
+export function MaskAllView({
+  children,
+  showTouch,
+  ...props
+}) {
+  const touchPrivacy = showTouch ? TouchPrivacyLevel.SHOW : TouchPrivacyLevel.HIDE;
+  return /*#__PURE__*/_jsx(PrivacyView, {
+    ...props,
+    textAndInputPrivacy: TextAndInputPrivacyLevel.MASK_ALL,
+    imagePrivacy: ImagePrivacyLevel.MASK_ALL,
+    touchPrivacy: touchPrivacy,
+    hide: false,
+    children: children
+  });
+}
+//# sourceMappingURL=MaskAllView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ImagePrivacyLevel","TextAndInputPrivacyLevel","TouchPrivacyLevel","PrivacyView","jsx","_jsx","MaskAllView","children","showTouch","props","touchPrivacy","SHOW","HIDE","textAndInputPrivacy","MASK_ALL","imagePrivacy","hide"],"sourceRoot":"../../../../src","sources":["components/SessionReplayView/MaskAllView.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SACIC,iBAAiB,EACjBC,wBAAwB,EACxBC,iBAAiB,QACd,qBAAqB;AAE5B,SAASC,WAAW,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAa,CAAC,EAAE;EAClE,MAAMC,YAAY,GAAGF,SAAS,GACxBN,iBAAiB,CAACS,IAAI,GACtBT,iBAAiB,CAACU,IAAI;EAE5B,oBACIP,IAAA,CAACF,WAAW;IAAA,GACJM,KAAK;IACTI,mBAAmB,EAAEZ,wBAAwB,CAACa,QAAS;IACvDC,YAAY,EAAEf,iBAAiB,CAACc,QAAS;IACzCJ,YAAY,EAAEA,YAAa;IAC3BM,IAAI,EAAE,KAAM;IAAAT,QAAA,EAEXA;EAAQ,CACA,CAAC;AAEtB","ignoreList":[]}

package/lib/module/components/SessionReplayView/MaskNoneView.js

@@ -0,0 +1,35 @@
+/*
+ * 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 from 'react';
+import { ImagePrivacyLevel, TextAndInputPrivacyLevel, TouchPrivacyLevel } from '../../SessionReplay';
+import { PrivacyView } from './PrivacyView';
+
+/**
+ * A wrapper component that applies minimal masking, allowing most content to appear as-is in session replays.
+ *
+ * Specifically:
+ * - Text and inputs are shown, except for sensitive fields (e.g., password fields), which are still masked.
+ * - Images are fully visible.
+ * - Touch interactions are recorded and visible.
+ *
+ * Use this component for UI areas where full visibility is acceptable and privacy concerns are minimal.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function MaskNoneView({
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(PrivacyView, {
+    ...props,
+    textAndInputPrivacy: TextAndInputPrivacyLevel.MASK_SENSITIVE_INPUTS,
+    imagePrivacy: ImagePrivacyLevel.MASK_NONE,
+    touchPrivacy: TouchPrivacyLevel.SHOW,
+    hide: false,
+    children: children
+  });
+}
+//# sourceMappingURL=MaskNoneView.js.map

package/lib/module/components/SessionReplayView/MaskNoneView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ImagePrivacyLevel","TextAndInputPrivacyLevel","TouchPrivacyLevel","PrivacyView","jsx","_jsx","MaskNoneView","children","props","textAndInputPrivacy","MASK_SENSITIVE_INPUTS","imagePrivacy","MASK_NONE","touchPrivacy","SHOW","hide"],"sourceRoot":"../../../../src","sources":["components/SessionReplayView/MaskNoneView.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SACIC,iBAAiB,EACjBC,wBAAwB,EACxBC,iBAAiB,QACd,qBAAqB;AAE5B,SAASC,WAAW,QAAQ,eAAe;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AATA,SAAAC,GAAA,IAAAC,IAAA;AAUA,OAAO,SAASC,YAAYA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAiB,CAAC,EAAE;EAC5D,oBACIH,IAAA,CAACF,WAAW;IAAA,GACJK,KAAK;IACTC,mBAAmB,EAAER,wBAAwB,CAACS,qBAAsB;IACpEC,YAAY,EAAEX,iBAAiB,CAACY,SAAU;IAC1CC,YAAY,EAAEX,iBAAiB,CAACY,IAAK;IACrCC,IAAI,EAAE,KAAM;IAAAR,QAAA,EAEXA;EAAQ,CACA,CAAC;AAEtB","ignoreList":[]}

package/lib/module/components/SessionReplayView/PrivacyView.js

@@ -0,0 +1,39 @@
+/*
+ * 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 from 'react';
+import View from '../../specs/DdPrivacyView';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A low-level component for configuring session replay privacy behavior with more granular control over the properties.
+ *
+ * Use this when none of the high-level components (`MaskAllView`, `MaskNoneView`, `HideView`)
+ * provide the level of customization you need.
+ *
+ * You can individually configure:
+ * - How text and inputs are masked
+ * - Whether images are shown or masked
+ * - Whether touch interactions are visible
+ * - Whether the entire view should be hidden from replays
+ */
+export function PrivacyView({
+  children,
+  textAndInputPrivacy,
+  imagePrivacy,
+  touchPrivacy,
+  hide = false,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    ...props,
+    textAndInputPrivacy: textAndInputPrivacy,
+    imagePrivacy: imagePrivacy,
+    touchPrivacy: touchPrivacy,
+    hide: hide || false,
+    children: children
+  });
+}
+//# sourceMappingURL=PrivacyView.js.map

package/lib/module/components/SessionReplayView/PrivacyView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","jsx","_jsx","PrivacyView","children","textAndInputPrivacy","imagePrivacy","touchPrivacy","hide","props"],"sourceRoot":"../../../../src","sources":["components/SessionReplayView/PrivacyView.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,MAAM,OAAO;AAOzB,OAAOC,IAAI,MAAM,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAqB7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAWA,CAAC;EACxBC,QAAQ;EACRC,mBAAmB;EACnBC,YAAY;EACZC,YAAY;EACZC,IAAI,GAAG,KAAK;EACZ,GAAGC;AACA,CAAC,EAAE;EACN,oBACIP,IAAA,CAACF,IAAI;IAAA,GACGS,KAAK;IACTJ,mBAAmB,EAAEA,mBAA8B;IACnDC,YAAY,EAAEA,YAAuB;IACrCC,YAAY,EAAEA,YAAuB;IACrCC,IAAI,EAAEA,IAAI,IAAI,KAAM;IAAAJ,QAAA,EAEnBA;EAAQ,CACP,CAAC;AAEf","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+/*
+ * 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 { HideView } from './HideView';
+import { MaskAllView } from './MaskAllView';
+import { MaskNoneView } from './MaskNoneView';
+import { PrivacyView } from './PrivacyView';
+
+/**
+ * A collection of preconfigured React components for controlling privacy in Datadog Session Replay.
+ *
+ * These components can be used to control how different parts of the UI appear in session recordings:
+ *
+ * - `SessionReplayView.MaskAll`: Masks all text, inputs, and images. Hides touch interactions by default.
+ *   Use for highly sensitive sections.
+ *
+ * - `SessionReplayView.MaskNone`: Displays most content as-is, except for sensitive inputs which are still masked.
+ *   Use when visibility is safe and desired.
+ *
+ * - `SessionReplayView.Hide`: Completely hides the view and its children from session replays.
+ *   Use for content that should not appear at all in recordings.
+ *
+ * - `SessionReplayView.Privacy`: A low-level configurable component for fine-tuned privacy control.
+ *   Use this if none of the presets meet your needs.
+ */
+export const SessionReplayView = {
+  Privacy: PrivacyView,
+  MaskAll: MaskAllView,
+  MaskNone: MaskNoneView,
+  Hide: HideView
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["HideView","MaskAllView","MaskNoneView","PrivacyView","SessionReplayView","Privacy","MaskAll","MaskNone","Hide"],"sourceRoot":"../../../../src","sources":["components/SessionReplayView/index.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,WAAW,QAAQ,eAAe;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,OAAO,EAAEF,WAAW;EACpBG,OAAO,EAAEL,WAAW;EACpBM,QAAQ,EAAEL,YAAY;EACtBM,IAAI,EAAER;AACV,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -5,5 +5,7 @@
  */
 
 import { SessionReplay, SessionReplayPrivacy, ImagePrivacyLevel, TouchPrivacyLevel, TextAndInputPrivacyLevel } from './SessionReplay';
+import { SessionReplayView } from './components/SessionReplayView';
 export { SessionReplay, SessionReplayPrivacy, ImagePrivacyLevel, TouchPrivacyLevel, TextAndInputPrivacyLevel };
+export { SessionReplayView };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["SessionReplay","SessionReplayPrivacy","ImagePrivacyLevel","TouchPrivacyLevel","TextAndInputPrivacyLevel"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAGA,SACIA,aAAa,EACbC,oBAAoB,EACpBC,iBAAiB,EACjBC,iBAAiB,EACjBC,wBAAwB,QACrB,iBAAiB;AAExB,SACIJ,aAAa,EACbC,oBAAoB,EACpBC,iBAAiB,EACjBC,iBAAiB,EACjBC,wBAAwB","ignoreList":[]}
+{"version":3,"names":["SessionReplay","SessionReplayPrivacy","ImagePrivacyLevel","TouchPrivacyLevel","TextAndInputPrivacyLevel","SessionReplayView"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAGA,SACIA,aAAa,EACbC,oBAAoB,EACpBC,iBAAiB,EACjBC,iBAAiB,EACjBC,wBAAwB,QACrB,iBAAiB;AACxB,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SACIL,aAAa,EACbC,oBAAoB,EACpBC,iBAAiB,EACjBC,iBAAiB,EACjBC,wBAAwB;AAG5B,SAASC,iBAAiB","ignoreList":[]}

package/lib/module/specs/DdPrivacyView.js

@@ -0,0 +1,12 @@
+/*
+ * 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.
+ */
+
+/* eslint-disable @typescript-eslint/no-var-requires */
+import { UIManager } from 'react-native';
+const isNewArch = UIManager.getViewManagerConfig?.('DdPrivacyView') === undefined;
+const NativeComponent = isNewArch ? require('./DdPrivacyViewNativeComponent').default : require('./DdPrivacyViewPaper').default;
+export default NativeComponent;
+//# sourceMappingURL=DdPrivacyView.js.map

package/lib/module/specs/DdPrivacyView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UIManager","isNewArch","getViewManagerConfig","undefined","NativeComponent","require","default"],"sourceRoot":"../../../src","sources":["specs/DdPrivacyView.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,SAAS,QAAQ,cAAc;AAExC,MAAMC,SAAS,GACXD,SAAS,CAACE,oBAAoB,GAAG,eAAe,CAAC,KAAKC,SAAS;AAEnE,MAAMC,eAAe,GAAGH,SAAS,GAC3BI,OAAO,CAAC,gCAAgC,CAAC,CAACC,OAAO,GACjDD,OAAO,CAAC,sBAAsB,CAAC,CAACC,OAAO;AAE7C,eAAeF,eAAe","ignoreList":[]}

package/lib/module/specs/DdPrivacyViewNativeComponent.js

@@ -0,0 +1,11 @@
+/*
+ * 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 codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+export default codegenNativeComponent('DdPrivacyView', {
+  paperComponentName: 'DdPrivacyView'
+});
+//# sourceMappingURL=DdPrivacyViewNativeComponent.js.map

package/lib/module/specs/DdPrivacyViewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeComponent","paperComponentName"],"sourceRoot":"../../../src","sources":["specs/DdPrivacyViewNativeComponent.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,sBAAsB,MAAM,yDAAyD;AAU5F,eAAeA,sBAAsB,CAAqB,eAAe,EAAE;EACvEC,kBAAkB,EAAE;AACxB,CAAC,CAAC","ignoreList":[]}

package/lib/module/specs/DdPrivacyViewPaper.js

@@ -0,0 +1,10 @@
+/*
+ * 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 { requireNativeComponent } from 'react-native';
+const DdPrivacyView = requireNativeComponent('DdPrivacyView');
+export default DdPrivacyView;
+//# sourceMappingURL=DdPrivacyViewPaper.js.map

package/lib/module/specs/DdPrivacyViewPaper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requireNativeComponent","DdPrivacyView"],"sourceRoot":"../../../src","sources":["specs/DdPrivacyViewPaper.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,sBAAsB,QAAQ,cAAc;AAIrD,MAAMC,aAAa,GAAGD,sBAAsB,CACxC,eACJ,CAAC;AAED,eAAeC,aAAa","ignoreList":[]}

package/lib/module/types/DdPrivacyView.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DdPrivacyView.js.map

package/lib/module/types/DdPrivacyView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/DdPrivacyView.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/components/SessionReplayView/HideView.d.ts

@@ -0,0 +1,11 @@
+import type { ViewProps } from 'react-native';
+import React from 'react';
+/**
+ * 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.
+ */
+export declare function HideView({ children, ...props }: ViewProps): React.JSX.Element;
+//# sourceMappingURL=HideView.d.ts.map

package/lib/typescript/components/SessionReplayView/HideView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HideView.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionReplayView/HideView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAMzD"}

package/lib/typescript/components/SessionReplayView/MaskAllView.d.ts

@@ -0,0 +1,23 @@
+import type { ViewProps } from 'react-native';
+import React from 'react';
+type Props = ViewProps & {
+    /**
+     * When true, allows touch interactions to be recorded.
+     * When false (default), touch interactions are hidden.
+     */
+    showTouch?: boolean;
+};
+/**
+ * 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.
+ */
+export declare function MaskAllView({ children, showTouch, ...props }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=MaskAllView.d.ts.map

package/lib/typescript/components/SessionReplayView/MaskAllView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskAllView.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionReplayView/MaskAllView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,KAAK,KAAK,GAAG,SAAS,GAAG;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,qBAgBnE"}