From 2959f88866005be07692d541f1d5a7cc8cf5f39a Mon Sep 17 00:00:00 2001
From: Paul D'Ambra <paul@posthog.com>
Date: Thu, 29 Feb 2024 13:37:22 +0000
Subject: [PATCH] fix: clarify masking function (#20635)

---
 .../settings/project/SessionRecordingSettings.tsx   | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/scenes/settings/project/SessionRecordingSettings.tsx b/frontend/src/scenes/settings/project/SessionRecordingSettings.tsx
index 2d5d357a92cae..7ec78df5755db 100644
--- a/frontend/src/scenes/settings/project/SessionRecordingSettings.tsx
+++ b/frontend/src/scenes/settings/project/SessionRecordingSettings.tsx
@@ -1,5 +1,5 @@
 import { IconPlus } from '@posthog/icons'
-import { LemonButton, LemonSelect, LemonSwitch, LemonTag, Link } from '@posthog/lemon-ui'
+import { LemonBanner, LemonButton, LemonSelect, LemonSwitch, LemonTag, Link } from '@posthog/lemon-ui'
 import { useActions, useValues } from 'kea'
 import { AuthorizedUrlList } from 'lib/components/AuthorizedUrlList/AuthorizedUrlList'
 import { AuthorizedUrlListType } from 'lib/components/AuthorizedUrlList/authorizedUrlListLogic'
@@ -115,6 +115,17 @@ function NetworkCaptureSettings(): JSX.Element {
                         Learn how to mask header and payload values in our docs
                     </Link>
                 </p>
+                <LemonBanner type="info" className="mb-4">
+                    We automatically scrub some sensitive information from network headers, but if your request or
+                    response payloads could contain sensitive data, you can provide a function to mask the data when you
+                    initialise PostHog.{' '}
+                    <Link
+                        to="https://posthog.com/docs/session-replay/network-recording#sensitive-information"
+                        target="blank"
+                    >
+                        Learn how to mask header and payload values in our docs
+                    </Link>
+                </LemonBanner>
                 <div className="flex flex-row space-x-2">
                     <LemonSwitch
                         data-attr="opt-in-capture-network-headers-switch"