@datadog/mobile-react-native-session-replay 2.12.3 → 2.13.0

package/lib/commonjs/metro/utils.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.debounce = debounce;
+/*
+ * 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.
+ */
+
+function debounce(fn, ms) {
+  let timer;
+  return (...args) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => fn(...args), ms);
+  };
+}
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/metro/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","fn","ms","timer","args","clearTimeout","setTimeout"],"sourceRoot":"../../../src","sources":["metro/utils.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;;AAEO,SAASA,QAAQA,CACpBC,EAAK,EACLC,EAAU,EACT;EACD,IAAIC,KAAqB;EAEzB,OAAQ,CAAC,GAAGC,IAAmB,KAAK;IAChCC,YAAY,CAACF,KAAK,CAAC;IACnBA,KAAK,GAAGG,UAAU,CAAC,MAAML,EAAE,CAAC,GAAGG,IAAI,CAAC,EAAEF,EAAE,CAAC;EAC7C,CAAC;AACL","ignoreList":[]}

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

@@ -1 +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":[]}
+{"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,GAyBe,IAAAG,+BAAsB,EAAqB,eAAe,EAAE;EACvEC,kBAAkB,EAAE;AACxB,CAAC,CAAC","ignoreList":[]}

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

@@ -24,6 +24,7 @@ export function PrivacyView({
   textAndInputPrivacy,
   imagePrivacy,
   touchPrivacy,
+  nativeID,
   hide = false,
   ...props
 }) {
@@ -33,6 +34,7 @@ export function PrivacyView({
     imagePrivacy: imagePrivacy,
     touchPrivacy: touchPrivacy,
     hide: hide || false,
+    nativeID: nativeID,
     children: children
   });
 }

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

@@ -1 +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":[]}
+{"version":3,"names":["React","View","jsx","_jsx","PrivacyView","children","textAndInputPrivacy","imagePrivacy","touchPrivacy","nativeID","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;AA8B7C;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,QAAQ;EACRC,IAAI,GAAG,KAAK;EACZ,GAAGC;AACA,CAAC,EAAE;EACN,oBACIR,IAAA,CAACF,IAAI;IAAA,GACGU,KAAK;IACTL,mBAAmB,EAAEA,mBAA8B;IACnDC,YAAY,EAAEA,YAAuB;IACrCC,YAAY,EAAEA,YAAuB;IACrCE,IAAI,EAAEA,IAAI,IAAI,KAAM;IACpBD,QAAQ,EAAEA,QAAmB;IAAAJ,QAAA,EAE5BA;EAAQ,CACP,CAAC;AAEf","ignoreList":[]}

package/lib/module/metro/index.js

@@ -0,0 +1,68 @@
+/*
+ * 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 chokidar from 'chokidar';
+import fs from 'fs';
+import path from 'path';
+import { mergeSvgAssets } from './processing';
+import { debounce } from './utils';
+let watching = false;
+const MERGE_DEBOUNCE_MS = 300;
+const WATCH_STABILITY_THRESHOLD_MS = 200;
+const WATCH_POLL_INTERVAL_MS = 50;
+export function withSessionReplayAssetBundler(metroConfig) {
+  const originalReporter = metroConfig.reporter;
+  const assetsDir = path.resolve(__dirname, '../../../assets');
+  if (!fs.existsSync(assetsDir)) {
+    fs.mkdirSync(assetsDir, {
+      recursive: true
+    });
+  }
+  const debounceMerge = debounce(() => {
+    try {
+      mergeSvgAssets(assetsDir);
+    } catch (error) {
+      console.warn('[SessionReplayAssetBundler] SVGs merge failed:', error);
+    }
+  }, MERGE_DEBOUNCE_MS);
+
+  // Prevent potential multiple watchers if metro loads the config multiple times
+  if (!watching) {
+    watching = true;
+    chokidar.watch(assetsDir, {
+      // Skip events for files that already exist
+      ignoreInitial: true,
+      depth: 0,
+      awaitWriteFinish: {
+        // Wait 200ms after last change
+        stabilityThreshold: WATCH_STABILITY_THRESHOLD_MS,
+        // Check every 50ms
+        pollInterval: WATCH_POLL_INTERVAL_MS
+      }
+    }).on('add', file => {
+      if (!file.endsWith('.svg')) {
+        return;
+      }
+      debounceMerge();
+    });
+  }
+  return {
+    ...metroConfig,
+    reporter: {
+      update(event) {
+        if (originalReporter?.update) {
+          originalReporter.update(event);
+        }
+
+        // https://github.com/facebook/metro/blob/main/packages/metro/src/lib/reporting.js
+        if (event.type === 'bundle_build_done' || event.type === 'transformer_load_done') {
+          mergeSvgAssets(assetsDir);
+        }
+      }
+    }
+  };
+}
+//# sourceMappingURL=index.js.map

package/lib/module/metro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["chokidar","fs","path","mergeSvgAssets","debounce","watching","MERGE_DEBOUNCE_MS","WATCH_STABILITY_THRESHOLD_MS","WATCH_POLL_INTERVAL_MS","withSessionReplayAssetBundler","metroConfig","originalReporter","reporter","assetsDir","resolve","__dirname","existsSync","mkdirSync","recursive","debounceMerge","error","console","warn","watch","ignoreInitial","depth","awaitWriteFinish","stabilityThreshold","pollInterval","on","file","endsWith","update","event","type"],"sourceRoot":"../../../src","sources":["metro/index.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,UAAU;AAC/B,OAAOC,EAAE,MAAM,IAAI;AACnB,OAAOC,IAAI,MAAM,MAAM;AAEvB,SAASC,cAAc,QAAQ,cAAc;AAC7C,SAASC,QAAQ,QAAQ,SAAS;AAElC,IAAIC,QAAQ,GAAG,KAAK;AAEpB,MAAMC,iBAAiB,GAAG,GAAG;AAC7B,MAAMC,4BAA4B,GAAG,GAAG;AACxC,MAAMC,sBAAsB,GAAG,EAAE;AAEjC,OAAO,SAASC,6BAA6BA,CAACC,WAAgB,EAAO;EACjE,MAAMC,gBAAgB,GAAGD,WAAW,CAACE,QAAQ;EAE7C,MAAMC,SAAS,GAAGX,IAAI,CAACY,OAAO,CAACC,SAAS,EAAE,iBAAiB,CAAC;EAE5D,IAAI,CAACd,EAAE,CAACe,UAAU,CAACH,SAAS,CAAC,EAAE;IAC3BZ,EAAE,CAACgB,SAAS,CAACJ,SAAS,EAAE;MAAEK,SAAS,EAAE;IAAK,CAAC,CAAC;EAChD;EAEA,MAAMC,aAAa,GAAGf,QAAQ,CAAC,MAAM;IACjC,IAAI;MACAD,cAAc,CAACU,SAAS,CAAC;IAC7B,CAAC,CAAC,OAAOO,KAAK,EAAE;MACZC,OAAO,CAACC,IAAI,CACR,gDAAgD,EAChDF,KACJ,CAAC;IACL;EACJ,CAAC,EAAEd,iBAAiB,CAAC;;EAErB;EACA,IAAI,CAACD,QAAQ,EAAE;IACXA,QAAQ,GAAG,IAAI;IACfL,QAAQ,CACHuB,KAAK,CAACV,SAAS,EAAE;MACd;MACAW,aAAa,EAAE,IAAI;MACnBC,KAAK,EAAE,CAAC;MACRC,gBAAgB,EAAE;QACd;QACAC,kBAAkB,EAAEpB,4BAA4B;QAChD;QACAqB,YAAY,EAAEpB;MAClB;IACJ,CAAC,CAAC,CACDqB,EAAE,CAAC,KAAK,EAAEC,IAAI,IAAI;MACf,IAAI,CAACA,IAAI,CAACC,QAAQ,CAAC,MAAM,CAAC,EAAE;QACxB;MACJ;MAEAZ,aAAa,CAAC,CAAC;IACnB,CAAC,CAAC;EACV;EAEA,OAAO;IACH,GAAGT,WAAW;IACdE,QAAQ,EAAE;MACNoB,MAAMA,CAACC,KAAU,EAAE;QACf,IAAItB,gBAAgB,EAAEqB,MAAM,EAAE;UAC1BrB,gBAAgB,CAACqB,MAAM,CAACC,KAAK,CAAC;QAClC;;QAEA;QACA,IACIA,KAAK,CAACC,IAAI,KAAK,mBAAmB,IAClCD,KAAK,CAACC,IAAI,KAAK,uBAAuB,EACxC;UACE/B,cAAc,CAACU,SAAS,CAAC;QAC7B;MACJ;IACJ;EACJ,CAAC;AACL","ignoreList":[]}

package/lib/module/metro/processing.js

@@ -0,0 +1,90 @@
+/*
+ * 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 fs from 'fs';
+import path from 'path';
+/**
+ * Removes the binary and JSON asset files from the specified directory.
+ * This is used to clean up corrupted or partial asset files before regenerating them.
+ *
+ * @param binPath - Absolute path to the assets.bin file
+ * @param jsonPath - Absolute path to the assets.json file
+ */
+function cleanupFiles(binPath, jsonPath) {
+  try {
+    fs.unlinkSync(binPath);
+  } catch (err) {
+    console.warn('[cleanupFiles] Failed to cleanup binary assets', err);
+  }
+  try {
+    fs.unlinkSync(jsonPath);
+  } catch (err) {
+    console.warn('[cleanupFiles] Failed to cleanup json assets', err);
+  }
+}
+
+/**
+ * Merges all individual SVG files into assets.bin and creates an index in assets.json.
+ * This function reads all .svg files from the assets directory and packs them into
+ * a single binary file with an accompanying JSON index for efficient lookup.
+ *
+ * @param assetsDir - Absolute path to the assets directory
+ */
+export function mergeSvgAssets(assetsDir) {
+  try {
+    const binName = 'assets.bin';
+    const jsonName = 'assets.json';
+    const binPath = path.resolve(assetsDir, binName);
+    const jsonPath = path.resolve(assetsDir, jsonName);
+    let index = {};
+    let offset = 0;
+    if (!fs.existsSync(assetsDir)) {
+      fs.mkdirSync(assetsDir, {
+        recursive: true
+      });
+    }
+    try {
+      const jsonData = fs.readFileSync(jsonPath, 'utf8');
+      const binStats = fs.statSync(binPath);
+      index = JSON.parse(jsonData);
+      offset = binStats.size;
+    } catch (err) {
+      console.warn('[mergeSvgAssets] Assets missing or corrupted, starting fresh');
+      index = {};
+      offset = 0;
+      cleanupFiles(binPath, jsonPath);
+    }
+    const files = fs.readdirSync(assetsDir).filter(f => f.endsWith('.svg')).sort();
+    let added = 0;
+    for (const f of files) {
+      const id = path.basename(f, path.extname(f));
+      if (index[id]) {
+        continue;
+      }
+      try {
+        const svg = fs.readFileSync(path.join(assetsDir, f), 'utf8');
+        const buf = Buffer.from(svg, 'utf8');
+        const length = buf.length;
+        fs.appendFileSync(binPath, buf);
+        index[id] = {
+          offset,
+          length
+        };
+        offset += length;
+        added++;
+      } catch (err) {
+        console.warn(`[SessionReplayAssetBundler] Failed to process ${f}:`, err);
+      }
+    }
+    fs.writeFileSync(jsonPath, JSON.stringify(index, null, 2));
+    if (added > 0) {
+      console.info(`[SessionReplayAssetBundler] Packed ${added} new Session Replay SVG assets → total: ${Object.keys(index).length}`);
+    }
+  } catch (err) {
+    console.error('[mergeSvgAssets] Unexpected error during asset merge', err);
+  }
+}
+//# sourceMappingURL=processing.js.map

package/lib/module/metro/processing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fs","path","cleanupFiles","binPath","jsonPath","unlinkSync","err","console","warn","mergeSvgAssets","assetsDir","binName","jsonName","resolve","index","offset","existsSync","mkdirSync","recursive","jsonData","readFileSync","binStats","statSync","JSON","parse","size","files","readdirSync","filter","f","endsWith","sort","added","id","basename","extname","svg","join","buf","Buffer","from","length","appendFileSync","writeFileSync","stringify","info","Object","keys","error"],"sourceRoot":"../../../src","sources":["metro/processing.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/metro/utils.js

@@ -0,0 +1,14 @@
+/*
+ * 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.
+ */
+
+export function debounce(fn, ms) {
+  let timer;
+  return (...args) => {
+    clearTimeout(timer);
+    timer = setTimeout(() => fn(...args), ms);
+  };
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/metro/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","fn","ms","timer","args","clearTimeout","setTimeout"],"sourceRoot":"../../../src","sources":["metro/utils.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,SAASA,QAAQA,CACpBC,EAAK,EACLC,EAAU,EACT;EACD,IAAIC,KAAqB;EAEzB,OAAQ,CAAC,GAAGC,IAAmB,KAAK;IAChCC,YAAY,CAACF,KAAK,CAAC;IACnBA,KAAK,GAAGG,UAAU,CAAC,MAAML,EAAE,CAAC,GAAGG,IAAI,CAAC,EAAEF,EAAE,CAAC;EAC7C,CAAC;AACL","ignoreList":[]}

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

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

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

@@ -1,6 +1,7 @@
 import type { ViewProps } from 'react-native';
 import React from 'react';
 import type { ImagePrivacyLevel, TextAndInputPrivacyLevel, TouchPrivacyLevel } from '../../SessionReplay';
+import type { Attributes } from '../../types/DdPrivacyView';
 type Props = ViewProps & {
     /**
      * Controls how text and input fields are masked in session replays.
@@ -18,6 +19,14 @@ type Props = ViewProps & {
      * When true, completely hides this view and its children from session replays.
      */
     hide?: boolean;
+    /**
+     * When set, allows the view to be uniquely identifiable in the native layer.
+     */
+    nativeID?: string;
+    /**
+     * When set, allows view attributes to be passed to the native layer.
+     */
+    attributes?: Attributes;
 };
 /**
  * A low-level component for configuring session replay privacy behavior with more granular control over the properties.
@@ -31,6 +40,6 @@ type Props = ViewProps & {
  * - Whether touch interactions are visible
  * - Whether the entire view should be hidden from replays
  */
-export declare function PrivacyView({ children, textAndInputPrivacy, imagePrivacy, touchPrivacy, hide, ...props }: Props): React.JSX.Element;
+export declare function PrivacyView({ children, textAndInputPrivacy, imagePrivacy, touchPrivacy, nativeID, hide, ...props }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=PrivacyView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PrivacyView.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionReplayView/PrivacyView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACR,iBAAiB,EACjB,wBAAwB,EACxB,iBAAiB,EACpB,MAAM,qBAAqB,CAAC;AAG7B,KAAK,KAAK,GAAG,SAAS,GAAG;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,IAAY,EACZ,GAAG,KAAK,EACX,EAAE,KAAK,qBAYP"}
+{"version":3,"file":"PrivacyView.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionReplayView/PrivacyView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACR,iBAAiB,EACjB,wBAAwB,EACxB,iBAAiB,EACpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,KAAK,KAAK,GAAG,SAAS,GAAG;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,IAAY,EACZ,GAAG,KAAK,EACX,EAAE,KAAK,qBAaP"}

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

@@ -0,0 +1,2 @@
+export declare function withSessionReplayAssetBundler(metroConfig: any): any;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/metro/index.ts"],"names":[],"mappings":"AAmBA,wBAAgB,6BAA6B,CAAC,WAAW,EAAE,GAAG,GAAG,GAAG,CA8DnE"}

package/lib/typescript/metro/processing.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Merges all individual SVG files into assets.bin and creates an index in assets.json.
+ * This function reads all .svg files from the assets directory and packs them into
+ * a single binary file with an accompanying JSON index for efficient lookup.
+ *
+ * @param assetsDir - Absolute path to the assets directory
+ */
+export declare function mergeSvgAssets(assetsDir: string): void;
+//# sourceMappingURL=processing.d.ts.map

package/lib/typescript/metro/processing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"processing.d.ts","sourceRoot":"","sources":["../../../src/metro/processing.ts"],"names":[],"mappings":"AAqCA;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,QA0E/C"}

package/lib/typescript/metro/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function debounce<T extends (...args: any[]) => void>(fn: T, ms: number): T;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/metro/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/metro/utils.ts"],"names":[],"mappings":"AAMA,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EACvD,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,MAAM,GACX,CAAC,CAOH"}

package/lib/typescript/specs/DdPrivacyViewNativeComponent.d.ts

@@ -1,9 +1,17 @@
 import type { HostComponent, ViewProps } from 'react-native';
+type Attributes = {
+    type?: string;
+    hash?: string;
+    width?: string;
+    height?: string;
+};
 interface DdPrivacyViewProps extends ViewProps {
     textAndInputPrivacy: string;
     imagePrivacy: string;
     touchPrivacy: string;
     hide: boolean;
+    nativeID: string;
+    attributes: Attributes;
 }
 declare const _default: HostComponent<DdPrivacyViewProps>;
 export default _default;

package/lib/typescript/specs/DdPrivacyViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DdPrivacyViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/specs/DdPrivacyViewNativeComponent.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,UAAU,kBAAmB,SAAQ,SAAS;IAC1C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CACjB;;AAED,wBAEwC"}
+{"version":3,"file":"DdPrivacyViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/specs/DdPrivacyViewNativeComponent.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7D,KAAK,UAAU,GAAG;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,UAAU,kBAAmB,SAAQ,SAAS;IAC1C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;CAC1B;;AAED,wBAEwC"}

package/lib/typescript/types/DdPrivacyView.d.ts

@@ -1,8 +1,16 @@
 import type { ViewProps } from 'react-native';
+export type Attributes = {
+    type?: string;
+    hash?: string;
+    width?: string;
+    height?: string;
+};
 export interface DdPrivacyViewProps extends ViewProps {
     textAndInputPrivacy: string;
     imagePrivacy: string;
     touchPrivacy: string;
     hide: boolean;
+    nativeID: string;
+    attributes: Attributes;
 }
 //# sourceMappingURL=DdPrivacyView.d.ts.map

package/lib/typescript/types/DdPrivacyView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DdPrivacyView.d.ts","sourceRoot":"","sources":["../../../src/types/DdPrivacyView.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACjD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CACjB"}
+{"version":3,"file":"DdPrivacyView.d.ts","sourceRoot":"","sources":["../../../src/types/DdPrivacyView.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,UAAU,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACjD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;CAC1B"}

package/metro.js

@@ -0,0 +1,7 @@
+/*
+ * 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.
+ */
+
+module.exports = require('./lib/commonjs/metro/index.js');

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@datadog/mobile-react-native-session-replay",
-    "version": "2.12.3",
+    "version": "2.13.0",
     "description": "A client-side React Native module to enable session replay with Datadog",
     "keywords": [
         "datadog",
@@ -19,7 +19,9 @@
     "files": [
         "src/**",
         "lib/**",
+        "assets/**",
         "scripts/**",
+        "metro.js",
         "android/build.gradle",
         "android/detekt.yml",
         "android/gradle.properties",
@@ -41,7 +43,8 @@
     "scripts": {
         "test": "jest",
         "lint": "eslint .",
-        "prepare": "rm -rf lib && yarn bob build",
+        "build:assets": "node scripts/build-assets.js",
+        "prepare": "rm -rf lib && yarn build:assets && yarn bob build",
         "postinstall": "node scripts/set-ios-rn-version.js"
     },
     "peerDependencies": {
@@ -90,5 +93,8 @@
             "javaPackageName": "com.datadog.reactnative.sessionreplay"
         }
     },
-    "gitHead": "842123f32b952c593ae1339b50a328f94c391929"
+    "dependencies": {
+        "chokidar": "^4.0.3"
+    },
+    "gitHead": "3031bc89a36c50e85227d0ab3755b236213f4dbf"
 }

package/scripts/build-assets.js

@@ -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.
+ */
+
+/* eslint-disable @typescript-eslint/no-var-requires */
+const fs = require('fs');
+const path = require('path');
+
+const assetsDir = path.resolve(__dirname, '..', 'assets');
+const binPath = path.join(assetsDir, 'assets.bin');
+const jsonPath = path.join(assetsDir, 'assets.json');
+
+function ensureAssets() {
+    try {
+        if (fs.existsSync(assetsDir)) {
+            fs.rmSync(assetsDir, { recursive: true, force: true });
+        }
+
+        fs.mkdirSync(assetsDir, { recursive: true });
+
+        fs.writeFileSync(binPath, Buffer.alloc(0));
+
+        fs.writeFileSync(jsonPath, JSON.stringify({}, null, 2));
+    } catch (error) {
+        console.error('Error creating assets:', error.message);
+        process.exit(1);
+    }
+}
+
+ensureAssets();

package/src/components/SessionReplayView/PrivacyView.tsx

@@ -13,6 +13,7 @@ import type {
     TouchPrivacyLevel
 } from '../../SessionReplay';
 import View from '../../specs/DdPrivacyView';
+import type { Attributes } from '../../types/DdPrivacyView';
 
 type Props = ViewProps & {
     /**
@@ -31,6 +32,14 @@ type Props = ViewProps & {
      * When true, completely hides this view and its children from session replays.
      */
     hide?: boolean;
+    /**
+     * When set, allows the view to be uniquely identifiable in the native layer.
+     */
+    nativeID?: string;
+    /**
+     * When set, allows view attributes to be passed to the native layer.
+     */
+    attributes?: Attributes;
 };
 
 /**
@@ -50,6 +59,7 @@ export function PrivacyView({
     textAndInputPrivacy,
     imagePrivacy,
     touchPrivacy,
+    nativeID,
     hide = false,
     ...props
 }: Props) {
@@ -60,6 +70,7 @@ export function PrivacyView({
             imagePrivacy={imagePrivacy as string}
             touchPrivacy={touchPrivacy as string}
             hide={hide || false}
+            nativeID={nativeID as string}
         >
             {children}
         </View>

package/src/metro/index.ts

@@ -0,0 +1,82 @@
+/*
+ * 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 chokidar from 'chokidar';
+import fs from 'fs';
+import path from 'path';
+
+import { mergeSvgAssets } from './processing';
+import { debounce } from './utils';
+
+let watching = false;
+
+const MERGE_DEBOUNCE_MS = 300;
+const WATCH_STABILITY_THRESHOLD_MS = 200;
+const WATCH_POLL_INTERVAL_MS = 50;
+
+export function withSessionReplayAssetBundler(metroConfig: any): any {
+    const originalReporter = metroConfig.reporter;
+
+    const assetsDir = path.resolve(__dirname, '../../../assets');
+
+    if (!fs.existsSync(assetsDir)) {
+        fs.mkdirSync(assetsDir, { recursive: true });
+    }
+
+    const debounceMerge = debounce(() => {
+        try {
+            mergeSvgAssets(assetsDir);
+        } catch (error) {
+            console.warn(
+                '[SessionReplayAssetBundler] SVGs merge failed:',
+                error
+            );
+        }
+    }, MERGE_DEBOUNCE_MS);
+
+    // Prevent potential multiple watchers if metro loads the config multiple times
+    if (!watching) {
+        watching = true;
+        chokidar
+            .watch(assetsDir, {
+                // Skip events for files that already exist
+                ignoreInitial: true,
+                depth: 0,
+                awaitWriteFinish: {
+                    // Wait 200ms after last change
+                    stabilityThreshold: WATCH_STABILITY_THRESHOLD_MS,
+                    // Check every 50ms
+                    pollInterval: WATCH_POLL_INTERVAL_MS
+                }
+            })
+            .on('add', file => {
+                if (!file.endsWith('.svg')) {
+                    return;
+                }
+
+                debounceMerge();
+            });
+    }
+
+    return {
+        ...metroConfig,
+        reporter: {
+            update(event: any) {
+                if (originalReporter?.update) {
+                    originalReporter.update(event);
+                }
+
+                // https://github.com/facebook/metro/blob/main/packages/metro/src/lib/reporting.js
+                if (
+                    event.type === 'bundle_build_done' ||
+                    event.type === 'transformer_load_done'
+                ) {
+                    mergeSvgAssets(assetsDir);
+                }
+            }
+        }
+    };
+}