@planningcenter/chat-react-native 4.4.1-qa-staging.36 → 4.4.1-qa-staging.38

package/src/screens/settings_screen.tsx

@@ -22,6 +22,10 @@ export function SettingsScreen({}: SettingsScreenProps) {
     navigation.navigate('NotificationSettings', {})
   }, [navigation])
 
+  const handleFlagTest = useCallback(() => {
+    navigation.navigate('FlagTest')
+  }, [navigation])
+
   const handleGetHelp = useCallback(() => {
     navigation.navigate('GetHelp', { type: 'chat' })
   }, [navigation])
@@ -51,6 +55,7 @@ export function SettingsScreen({}: SettingsScreenProps) {
           )}
           <NavRow label="Notification settings" onPress={handleNotificationSettings} />
           {appName !== 'services' && <NavRow label="Get help" onPress={handleGetHelp} />}
+          <NavRow label="Flag test (staging)" onPress={handleFlagTest} />
         </View>
       </ScrollView>
       <View style={styles.footer}>

package/src/utils/request/get_features.ts

@@ -1,12 +1,19 @@
 import { getRequestQueryKey } from '../../hooks/use_suspense_api'
+import { chatReactNativeVersion } from '../package_version'
 
-export const getFeaturesRequestArgs = () => {
+export const getFeaturesRequestArgs = (names: readonly string[]) => {
   const url = '/me/features'
 
   return {
     url,
+    headers: {
+      'X-PCO-API-Version': '2026-10-26',
+      'X-PCO-Chat-React-Native-Version': chatReactNativeVersion,
+    },
     data: {
-      perPage: 100,
+      where: {
+        name: names.join(','),
+      },
       fields: {
         Feature: ['name', 'enabled'],
       },
@@ -14,7 +21,7 @@ export const getFeaturesRequestArgs = () => {
   }
 }
 
-export const getFeaturesQueryKey = () => {
-  const requestArgs = getFeaturesRequestArgs()
+export const getFeaturesQueryKey = (names: readonly string[]) => {
+  const requestArgs = getFeaturesRequestArgs(names)
   return getRequestQueryKey(requestArgs)
 }