From 0a999247e4fd46f726c13cf28c8d803f04504212 Mon Sep 17 00:00:00 2001
From: Ghaida Bouchaala <41960887+ghaidabouchaala@users.noreply.github.com>
Date: Fri, 28 Feb 2025 16:54:04 +0100
Subject: [PATCH] update docs links (#3076)

---
 frontend/app/components/Client/CustomFields/CustomFields.tsx  | 2 +-
 frontend/app/components/Client/Sites/Sites.tsx                | 2 +-
 .../components/IdentifyUsersTab/IdentifyUsersTab.tsx          | 2 +-
 .../components/InstallOpenReplayTab/InstallOpenReplayTab.tsx  | 2 +-
 .../Onboarding/components/ManageUsersTab/ManageUsersTab.tsx   | 2 +-
 .../components/OnboardingTabs/InstallDocs/InstallDocs.js      | 2 +-
 .../Player/ReplayPlayer/EventsBlock/Metadata/Metadata.js      | 2 +-
 .../app/components/Session_/EventsBlock/Metadata/Metadata.js  | 2 +-
 frontend/app/components/Session_/Exceptions/Exceptions.tsx    | 2 +-
 .../FetchDetailsModal/components/FetchTabs/FetchTabs.tsx      | 4 ++--
 .../app/components/shared/Filters/FilterModal/FilterModal.tsx | 2 +-
 frontend/app/components/ui/ErrorDetails/ErrorDetails.tsx      | 2 +-
 frontend/app/mstore/types/gettingStarted.ts                   | 2 +-
 tracker/tracker/README.md                                     | 2 +-
 tracker/tracker/src/main/index.ts                             | 2 +-
 tracker/tracker/src/main/utils.ts                             | 2 +-
 tracker/tracker/src/tests/utils.unit.test.ts                  | 2 +-
 17 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/frontend/app/components/Client/CustomFields/CustomFields.tsx b/frontend/app/components/Client/CustomFields/CustomFields.tsx
index d7e978d20..dd816a2a1 100644
--- a/frontend/app/components/Client/CustomFields/CustomFields.tsx
+++ b/frontend/app/components/Client/CustomFields/CustomFields.tsx
@@ -39,7 +39,7 @@ const CustomFields = () => {
       <Typography.Text>
         Attach key-value pairs to session replays for enhanced filtering, searching, and identifying relevant user
         sessions.
-        <a href="https://docs.openreplay.com/installation/metadata" className="link ml-1" target="_blank">
+        <a href="https://docs.openreplay.com/en/session-replay/metadata" className="link ml-1" target="_blank">
           Learn more
         </a>
       </Typography.Text>
diff --git a/frontend/app/components/Client/Sites/Sites.tsx b/frontend/app/components/Client/Sites/Sites.tsx
index bf9b36902..c378d6e91 100644
--- a/frontend/app/components/Client/Sites/Sites.tsx
+++ b/frontend/app/components/Client/Sites/Sites.tsx
@@ -122,7 +122,7 @@ const Sites = () => {
             actionButton={
               <TextLink
                 icon="book"
-                href="https://docs.openreplay.com/installation"
+                href="https://docs.openreplay.com/deployment/setup-or"
                 label="Installation Docs"
               />
             }
diff --git a/frontend/app/components/Onboarding/components/IdentifyUsersTab/IdentifyUsersTab.tsx b/frontend/app/components/Onboarding/components/IdentifyUsersTab/IdentifyUsersTab.tsx
index af621c73a..51a0fa200 100644
--- a/frontend/app/components/Onboarding/components/IdentifyUsersTab/IdentifyUsersTab.tsx
+++ b/frontend/app/components/Onboarding/components/IdentifyUsersTab/IdentifyUsersTab.tsx
@@ -39,7 +39,7 @@ function IdentifyUsersTab(props: Props) {
         </div>
 
         <a
-          href={`https://docs.openreplay.com/en/installation/identify-user${platform.value === "web" ? "/#with-npm" : "/#with-ios-app"}`}
+          href={`https://docs.openreplay.com/en/session-replay/identify-user${platform.value === "web" ? "/#with-npm" : "/#with-ios-app"}`}
           target="_blank"
         >
           <Button size={'small'} type={'text'} className="ml-2 flex items-center gap-2">
diff --git a/frontend/app/components/Onboarding/components/InstallOpenReplayTab/InstallOpenReplayTab.tsx b/frontend/app/components/Onboarding/components/InstallOpenReplayTab/InstallOpenReplayTab.tsx
index c6d319000..0b7ad9a4e 100644
--- a/frontend/app/components/Onboarding/components/InstallOpenReplayTab/InstallOpenReplayTab.tsx
+++ b/frontend/app/components/Onboarding/components/InstallOpenReplayTab/InstallOpenReplayTab.tsx
@@ -40,7 +40,7 @@ function InstallOpenReplayTab(props: Props) {
             <ProjectFormButton />
           </div>
         </div>
-        <a href={"https://docs.openreplay.com/en/using-or/"} target="_blank">
+        <a href={"https://docs.openreplay.com/en/sdk/using-or/"} target="_blank">
           <Button size={"small"} type={"text"} className="ml-2 flex items-center gap-2">
             <Icon name={"question-circle"} />
             <div className={"text-main"}>See Documentation</div>
diff --git a/frontend/app/components/Onboarding/components/ManageUsersTab/ManageUsersTab.tsx b/frontend/app/components/Onboarding/components/ManageUsersTab/ManageUsersTab.tsx
index 90831861e..0271b6df6 100644
--- a/frontend/app/components/Onboarding/components/ManageUsersTab/ManageUsersTab.tsx
+++ b/frontend/app/components/Onboarding/components/ManageUsersTab/ManageUsersTab.tsx
@@ -19,7 +19,7 @@ function ManageUsersTab(props: Props) {
         </div>
 
         <a
-          href="https://docs.openreplay.com/en/tutorials/adding-users/"
+          href="https://docs.openreplay.com/en/deployment/invite-team-members"
           target="_blank"
         >
           <Button size={'small'} type={'text'} className="ml-2 flex items-center gap-2">
diff --git a/frontend/app/components/Onboarding/components/OnboardingTabs/InstallDocs/InstallDocs.js b/frontend/app/components/Onboarding/components/OnboardingTabs/InstallDocs/InstallDocs.js
index b12ef6c34..947c2124f 100644
--- a/frontend/app/components/Onboarding/components/OnboardingTabs/InstallDocs/InstallDocs.js
+++ b/frontend/app/components/Onboarding/components/OnboardingTabs/InstallDocs/InstallDocs.js
@@ -87,7 +87,7 @@ function InstallDocs({ site }) {
                 <div className="mb-2 text-sm">
                   Otherwise, if your web app is <strong>Server-Side-Rendered (SSR)</strong> (i.e.
                   NextJS, NuxtJS),{' '}
-                  <a className={'text-main'} href={'https://docs.openreplay.com/en/using-or/next/'}>consider async imports</a>
+                  <a className={'text-main'} href={'https://docs.openreplay.com/en/sdk/using-or/next/'}>consider async imports</a>
                   or cjs version of the library:
                 </div>
                 <div className={cn(stl.snippetWrapper)}>
diff --git a/frontend/app/components/Session/Player/ReplayPlayer/EventsBlock/Metadata/Metadata.js b/frontend/app/components/Session/Player/ReplayPlayer/EventsBlock/Metadata/Metadata.js
index c118277a1..538448166 100644
--- a/frontend/app/components/Session/Player/ReplayPlayer/EventsBlock/Metadata/Metadata.js
+++ b/frontend/app/components/Session/Player/ReplayPlayer/EventsBlock/Metadata/Metadata.js
@@ -10,7 +10,7 @@ function Metadata () {
   const metaLength = Object.keys(metadata).length;
   if (metaLength === 0) {
     return (
-      (<span className="text-sm color-gray-medium">Check <a href="https://docs.openreplay.com/installation/metadata" target="_blank" className="link">how to use Metadata</a> if you haven’t yet done so.</span>)
+      (<span className="text-sm color-gray-medium">Check <a href="https://docs.openreplay.com/en/session-replay/metadata" target="_blank" className="link">how to use Metadata</a> if you haven’t yet done so.</span>)
     )
   }
   return (
diff --git a/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js b/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js
index 055019286..4e189e46a 100644
--- a/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js
+++ b/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js
@@ -10,7 +10,7 @@ function Metadata () {
   const metaLength = Object.keys(metadata).length;
   if (metaLength === 0) {
     return (
-      (<span className="text-sm color-gray-medium">Check <a href="https://docs.openreplay.com/installation/metadata" target="_blank" className="link">how to use Metadata</a> if you haven’t yet done so.</span>)
+      (<span className="text-sm color-gray-medium">Check <a href="https://docs.openreplay.com/en/session-replay/metadata" target="_blank" className="link">how to use Metadata</a> if you haven’t yet done so.</span>)
     )
   }
   return (
diff --git a/frontend/app/components/Session_/Exceptions/Exceptions.tsx b/frontend/app/components/Session_/Exceptions/Exceptions.tsx
index c62732b0a..6b1f77fb1 100644
--- a/frontend/app/components/Session_/Exceptions/Exceptions.tsx
+++ b/frontend/app/components/Session_/Exceptions/Exceptions.tsx
@@ -142,7 +142,7 @@ function ExceptionsCont() {
                   <a
                     className="color-teal underline"
                     target="_blank"
-                    href="https://docs.openreplay.com/installation/upload-sourcemaps"
+                    href="https://docs.openreplay.com/deployment/upload-sourcemaps"
                   >
                     Upload Source Maps{' '}
                   </a>
diff --git a/frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTabs.tsx b/frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTabs.tsx
index afffa4a4a..1d4f0382c 100644
--- a/frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTabs.tsx
+++ b/frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTabs.tsx
@@ -110,7 +110,7 @@ function FetchTabs({ resource, isSpot }: Props) {
                 <div className="mt-6 text-base font-normal">
                   Body is empty or not captured.
                   {' '}
-                  <a href="https://docs.openreplay.com/installation/network-options" className="link" target="_blank">
+                  <a href="https://docs.openreplay.com/en/sdk/network-options" className="link" target="_blank">
                     Configure
                   </a>
                   {' '}
@@ -142,7 +142,7 @@ function FetchTabs({ resource, isSpot }: Props) {
                 <div className="mt-6 text-base font-normal">
                   Body is empty or not captured.
                   {' '}
-                  <a href="https://docs.openreplay.com/installation/network-options" className="link" target="_blank">
+                  <a href="https://docs.openreplay.com/en/sdk/network-options" className="link" target="_blank">
                     Configure
                   </a>
                   {' '}
diff --git a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
index a0295e6c8..fc8f4b646 100644
--- a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
+++ b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
@@ -358,7 +358,7 @@ function FilterModal(props: Props) {
                 type={'text'}
                 className='text-teal'
                 onClick={() => {
-                  const docs = 'https://docs.openreplay.com/en/installation/metadata/';
+                  const docs = 'https://docs.openreplay.com/en/en/session-replay/metadata/';
                   window.open(docs, '_blank');
                 }}
               >
diff --git a/frontend/app/components/ui/ErrorDetails/ErrorDetails.tsx b/frontend/app/components/ui/ErrorDetails/ErrorDetails.tsx
index c869a4d18..c03c5f2bf 100644
--- a/frontend/app/components/ui/ErrorDetails/ErrorDetails.tsx
+++ b/frontend/app/components/ui/ErrorDetails/ErrorDetails.tsx
@@ -5,7 +5,7 @@ import { Button } from 'antd'
 import { observer } from 'mobx-react-lite';
 import { useStore } from 'App/mstore';
 
-const docLink = 'https://docs.openreplay.com/installation/upload-sourcemaps';
+const docLink = 'https://docs.openreplay.com/deployment/upload-sourcemaps';
 
 interface Props {
     fetchErrorStackList: any;
diff --git a/frontend/app/mstore/types/gettingStarted.ts b/frontend/app/mstore/types/gettingStarted.ts
index 7091d2485..a5d1e1000 100644
--- a/frontend/app/mstore/types/gettingStarted.ts
+++ b/frontend/app/mstore/types/gettingStarted.ts
@@ -21,7 +21,7 @@ const stepsMap: any = {
     title: '🧑‍💻 Invite Team Members',
     status: 'pending',
     description: 'Invite team members, collaborate and start improving your app now.',
-    docsLink: 'https://docs.openreplay.com/en/tutorials/adding-users/',
+    docsLink: 'https://docs.openreplay.com/en/deployment/invite-team-members',
     url: 'team',
   },
   Integrations: {
diff --git a/tracker/tracker/README.md b/tracker/tracker/README.md
index 2dd9ea755..a6d0d7238 100644
--- a/tracker/tracker/README.md
+++ b/tracker/tracker/README.md
@@ -8,7 +8,7 @@ Please use [bun](https://bun.sh/) to install and build this library. Any submitt
 
 ## Documentation
 
-For launch options and available public methods, [refer to the documentation](https://docs.openreplay.com/installation/javascript-sdk#options)
+For launch options and available public methods, [refer to the documentation](https://docs.openreplay.com/en/sdk/methods)
 
 ## Installation
 
diff --git a/tracker/tracker/src/main/index.ts b/tracker/tracker/src/main/index.ts
index 27aaa242f..e1863a6d7 100644
--- a/tracker/tracker/src/main/index.ts
+++ b/tracker/tracker/src/main/index.ts
@@ -63,7 +63,7 @@ export type Options = Partial<
   __DISABLE_SECURE_MODE?: boolean
 }
 
-const DOCS_SETUP = '/installation/javascript-sdk'
+const DOCS_SETUP = '/en/sdk'
 
 function processOptions(obj: any): obj is Options {
   if (obj == null) {
diff --git a/tracker/tracker/src/main/utils.ts b/tracker/tracker/src/main/utils.ts
index 521ab7334..4b510ef86 100644
--- a/tracker/tracker/src/main/utils.ts
+++ b/tracker/tracker/src/main/utils.ts
@@ -75,7 +75,7 @@ export function hasOpenreplayAttribute(e: Element, attr: string): boolean {
         `"${newName}" attribute`,
         // @ts-ignore
         `"${DEPRECATED_ATTRS[attr] as string}" attribute`,
-        '/installation/sanitize-data',
+        '/en/sdk/sanitize-data',
       )
     }
     return true
diff --git a/tracker/tracker/src/tests/utils.unit.test.ts b/tracker/tracker/src/tests/utils.unit.test.ts
index b1c8cc7ee..ca7cf8099 100644
--- a/tracker/tracker/src/tests/utils.unit.test.ts
+++ b/tracker/tracker/src/tests/utils.unit.test.ts
@@ -141,7 +141,7 @@ describe('hasOpenreplayAttribute', () => {
     const result = hasOpenreplayAttribute(element, 'htmlmasked')
     expect(result).toBe(true)
     expect(consoleWarnSpy).toHaveBeenCalledWith(
-      'OpenReplay: "data-openreplay-htmlmasked" attribute is deprecated. Please, use "hidden" attribute instead. Visit https://docs.openreplay.com/installation/sanitize-data for more information.',
+      'OpenReplay: "data-openreplay-htmlmasked" attribute is deprecated. Please, use "hidden" attribute instead. Visit https://docs.openreplay.com/en/sdk/sanitize-data for more information.',
     )
   })