From c3a3648c37a8bb8eb398e9ae96fe28b814bf78a3 Mon Sep 17 00:00:00 2001
From: Isha Kakkad <isha.kakkad.invest@gmail.com>
Date: Mon, 3 Feb 2025 22:42:13 +0530
Subject: [PATCH 1/4] Added Test Id

---
 src/components/Search/SearchAutocompleteInput.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Search/SearchAutocompleteInput.tsx b/src/components/Search/SearchAutocompleteInput.tsx
index ae18442745de..10f96ec9f579 100644
--- a/src/components/Search/SearchAutocompleteInput.tsx
+++ b/src/components/Search/SearchAutocompleteInput.tsx
@@ -103,6 +103,7 @@ function SearchAutocompleteInput(
                 <View
                     style={styles.flex1}
                     fsClass="fs-unmask"
+                    testID="fs-unmask"
                 >
                     <TextInput
                         testID="search-autocomplete-text-input"

From 97975406c8f9a0ff9c392b7dc893352cc71d8932 Mon Sep 17 00:00:00 2001
From: Isha Kakkad <isha.kakkad.invest@gmail.com>
Date: Mon, 3 Feb 2025 23:01:19 +0530
Subject: [PATCH 2/4] Add parseFSAttributes

---
 src/components/Search/SearchAutocompleteInput.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Search/SearchAutocompleteInput.tsx b/src/components/Search/SearchAutocompleteInput.tsx
index 10f96ec9f579..eb94367688e5 100644
--- a/src/components/Search/SearchAutocompleteInput.tsx
+++ b/src/components/Search/SearchAutocompleteInput.tsx
@@ -1,5 +1,5 @@
 import type {ForwardedRef, ReactNode, RefObject} from 'react';
-import React, {forwardRef, useState} from 'react';
+import React, {forwardRef, useState, useLayoutEffect} from 'react';
 import {View} from 'react-native';
 import type {StyleProp, TextInputProps, ViewStyle} from 'react-native';
 import {useOnyx} from 'react-native-onyx';
@@ -14,6 +14,7 @@ import useThemeStyles from '@hooks/useThemeStyles';
 import {parseForLiveMarkdown} from '@libs/SearchAutocompleteUtils';
 import handleKeyPress from '@libs/SearchInputOnKeyPress';
 import shouldDelayFocus from '@libs/shouldDelayFocus';
+import {parseFSAttributes} from '@libs/Fullstory';
 import variables from '@styles/variables';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
@@ -97,6 +98,9 @@ function SearchAutocompleteInput(
 
     const inputWidth = isFullWidth ? styles.w100 : {width: variables.popoverWidth};
 
+    // Parse Fullstory attributes on initial render
+    useLayoutEffect(parseFSAttributes, []);
+
     return (
         <View style={[outerWrapperStyle]}>
             <View style={[styles.flexRow, styles.alignItemsCenter, wrapperStyle ?? styles.searchRouterTextInputContainer, isFocused && wrapperFocusedStyle]}>

From db5d5326f15713b23bc67966dde1141eb1b48e14 Mon Sep 17 00:00:00 2001
From: Isha Kakkad <isha.kakkad.invest@gmail.com>
Date: Mon, 3 Feb 2025 23:09:48 +0530
Subject: [PATCH 3/4] Fix prettier issue

---
 src/components/Search/SearchAutocompleteInput.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Search/SearchAutocompleteInput.tsx b/src/components/Search/SearchAutocompleteInput.tsx
index eb94367688e5..d04b84c78e4d 100644
--- a/src/components/Search/SearchAutocompleteInput.tsx
+++ b/src/components/Search/SearchAutocompleteInput.tsx
@@ -1,5 +1,5 @@
 import type {ForwardedRef, ReactNode, RefObject} from 'react';
-import React, {forwardRef, useState, useLayoutEffect} from 'react';
+import React, {forwardRef, useLayoutEffect, useState} from 'react';
 import {View} from 'react-native';
 import type {StyleProp, TextInputProps, ViewStyle} from 'react-native';
 import {useOnyx} from 'react-native-onyx';
@@ -11,10 +11,10 @@ import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails'
 import useLocalize from '@hooks/useLocalize';
 import useNetwork from '@hooks/useNetwork';
 import useThemeStyles from '@hooks/useThemeStyles';
+import {parseFSAttributes} from '@libs/Fullstory';
 import {parseForLiveMarkdown} from '@libs/SearchAutocompleteUtils';
 import handleKeyPress from '@libs/SearchInputOnKeyPress';
 import shouldDelayFocus from '@libs/shouldDelayFocus';
-import {parseFSAttributes} from '@libs/Fullstory';
 import variables from '@styles/variables';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';

From 3a3e48a2772b2ab81813573eec6ecc0432c3d583 Mon Sep 17 00:00:00 2001
From: Isha Kakkad <isha.kakkad.invest@gmail.com>
Date: Tue, 4 Feb 2025 08:25:29 +0530
Subject: [PATCH 4/4] Fix review comment

---
 src/components/Search/SearchAutocompleteInput.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Search/SearchAutocompleteInput.tsx b/src/components/Search/SearchAutocompleteInput.tsx
index d04b84c78e4d..e95c03f5b20d 100644
--- a/src/components/Search/SearchAutocompleteInput.tsx
+++ b/src/components/Search/SearchAutocompleteInput.tsx
@@ -106,8 +106,8 @@ function SearchAutocompleteInput(
             <View style={[styles.flexRow, styles.alignItemsCenter, wrapperStyle ?? styles.searchRouterTextInputContainer, isFocused && wrapperFocusedStyle]}>
                 <View
                     style={styles.flex1}
-                    fsClass="fs-unmask"
-                    testID="fs-unmask"
+                    fsClass={CONST.FULL_STORY.UNMASK}
+                    testID={CONST.FULL_STORY.UNMASK}
                 >
                     <TextInput
                         testID="search-autocomplete-text-input"