feat(replay): Add back deprecated maskInputOptions (#6981)

This was unintentionally removed in #6645 - it is still deprecated and will be removed at a later date.

Co-authored-by: Lukas Stracke <lukas.stracke@sentry.io>

Author: billyvg

packages/replay/src/integration.ts

@@ -69,6 +69,8 @@ export class Replay implements Integration {
     // eslint-disable-next-line deprecation/deprecation
     blockSelector,
     // eslint-disable-next-line deprecation/deprecation
+    maskInputOptions,
+    // eslint-disable-next-line deprecation/deprecation
     maskTextClass,
     // eslint-disable-next-line deprecation/deprecation
     maskTextSelector,
@@ -77,6 +79,7 @@ export class Replay implements Integration {
   }: ReplayConfiguration = {}) {
     this._recordingOptions = {
       maskAllInputs,
+      maskInputOptions: { ...(maskInputOptions || {}), password: true },
       maskTextFn: maskFn,
       maskInputFn: maskFn,
 

packages/replay/src/types.ts

@@ -158,6 +158,14 @@ export interface DeprecatedPrivacyOptions {
    * @deprecated Use `block` which accepts an array of CSS selectors
    */
   blockClass?: RecordingOptions['blockClass'];
+  /**
+   * @deprecated Use `ignore` which accepts an array of CSS selectors
+   */
+  ignoreClass?: RecordingOptions['ignoreClass'];
+  /**
+   * @deprecated  Use `mask` which accepts an array of CSS selectors
+   */
+  maskInputOptions?: RecordingOptions['maskInputOptions'];
   /**
    * @deprecated Use `mask` which accepts an array of CSS selectors
    */
@@ -166,10 +174,6 @@ export interface DeprecatedPrivacyOptions {
    * @deprecated Use `mask` which accepts an array of CSS selectors
    */
   maskTextSelector?: RecordingOptions['maskTextSelector'];
-  /**
-   * @deprecated Use `ignore` which accepts an array of CSS selectors
-   */
-  ignoreClass?: RecordingOptions['ignoreClass'];
 }
 
 export interface ReplayConfiguration

packages/replay/src/types/rrweb.ts

@@ -36,4 +36,5 @@ export type recordOptions = {
   maskTextClass?: maskTextClass;
   maskTextSelector?: string;
   blockSelector?: string;
+  maskInputOptions?: Record<string, boolean>;
 } & Record<string, unknown>;

packages/replay/src/util/getPrivacyOptions.ts

@@ -1,6 +1,7 @@
 import type { DeprecatedPrivacyOptions, ReplayIntegrationPrivacyOptions } from '../types';
 
-type GetPrivacyOptions = Required<Omit<ReplayIntegrationPrivacyOptions, 'maskFn'>> & DeprecatedPrivacyOptions;
+type GetPrivacyOptions = Required<Omit<ReplayIntegrationPrivacyOptions, 'maskFn'>> &
+  Omit<DeprecatedPrivacyOptions, 'maskInputOptions'>;
 interface GetPrivacyReturn {
   maskTextSelector: string;
   unmaskTextSelector: string;

packages/replay/test/integration/rrweb.test.ts

@@ -25,6 +25,9 @@ describe('Integration | rrweb', () => {
         "inlineStylesheet": true,
         "maskAllInputs": true,
         "maskInputFn": undefined,
+        "maskInputOptions": Object {
+          "password": true,
+        },
         "maskInputSelector": ".sentry-mask,[data-sentry-mask]",
         "maskTextFn": undefined,
         "maskTextSelector": "body *:not(style), body *:not(script)",