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

package/build/screens/settings_screen.js

@@ -11,7 +11,7 @@ import { useAppName } from '../hooks/use_app_name';
 import { usePersonSettings } from '../hooks/use_person_settings';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function SettingsScreen(t0) {
-  const $ = _c(32);
+  const $ = _c(37);
   const styles = useStyles();
   const {
     directMessagesDisabled,
@@ -35,40 +35,51 @@ export function SettingsScreen(t0) {
   let t2;
   if ($[2] !== navigation) {
     t2 = () => {
-      navigation.navigate("GetHelp", {
-        type: "chat"
-      });
+      navigation.navigate("FlagTest");
     };
     $[2] = navigation;
     $[3] = t2;
   } else {
     t2 = $[3];
   }
-  const handleGetHelp = t2;
+  const handleFlagTest = t2;
   let t3;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /*#__PURE__*/_jsx(Heading, {
-      variant: "h2",
-      children: "Messages"
-    });
-    $[4] = t3;
+  if ($[4] !== navigation) {
+    t3 = () => {
+      navigation.navigate("GetHelp", {
+        type: "chat"
+      });
+    };
+    $[4] = navigation;
+    $[5] = t3;
   } else {
-    t3 = $[4];
+    t3 = $[5];
   }
+  const handleGetHelp = t3;
   let t4;
-  if ($[5] !== styles.sectionHeader) {
-    t4 = /*#__PURE__*/_jsx(View, {
-      style: styles.sectionHeader,
-      children: t3
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /*#__PURE__*/_jsx(Heading, {
+      variant: "h2",
+      children: "Messages"
     });
-    $[5] = styles.sectionHeader;
     $[6] = t4;
   } else {
     t4 = $[6];
   }
   let t5;
-  if ($[7] !== directMessagesDisabled || $[8] !== directMessagesEligible || $[9] !== isMutating || $[10] !== setDirectMessagesDisabled || $[11] !== styles.settingRow || $[12] !== styles.settingRowText) {
-    t5 = directMessagesEligible && /*#__PURE__*/_jsxs(View, {
+  if ($[7] !== styles.sectionHeader) {
+    t5 = /*#__PURE__*/_jsx(View, {
+      style: styles.sectionHeader,
+      children: t4
+    });
+    $[7] = styles.sectionHeader;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== directMessagesDisabled || $[10] !== directMessagesEligible || $[11] !== isMutating || $[12] !== setDirectMessagesDisabled || $[13] !== styles.settingRow || $[14] !== styles.settingRowText) {
+    t6 = directMessagesEligible && /*#__PURE__*/_jsxs(View, {
       style: styles.settingRow,
       children: [/*#__PURE__*/_jsxs(View, {
         style: styles.settingRowText,
@@ -84,89 +95,101 @@ export function SettingsScreen(t0) {
         disabled: isMutating
       })]
     });
-    $[7] = directMessagesDisabled;
-    $[8] = directMessagesEligible;
-    $[9] = isMutating;
-    $[10] = setDirectMessagesDisabled;
-    $[11] = styles.settingRow;
-    $[12] = styles.settingRowText;
-    $[13] = t5;
+    $[9] = directMessagesDisabled;
+    $[10] = directMessagesEligible;
+    $[11] = isMutating;
+    $[12] = setDirectMessagesDisabled;
+    $[13] = styles.settingRow;
+    $[14] = styles.settingRowText;
+    $[15] = t6;
   } else {
-    t5 = $[13];
+    t6 = $[15];
   }
-  let t6;
-  if ($[14] !== handleNotificationSettings) {
-    t6 = /*#__PURE__*/_jsx(NavRow, {
+  let t7;
+  if ($[16] !== handleNotificationSettings) {
+    t7 = /*#__PURE__*/_jsx(NavRow, {
       label: "Notification settings",
       onPress: handleNotificationSettings
     });
-    $[14] = handleNotificationSettings;
-    $[15] = t6;
+    $[16] = handleNotificationSettings;
+    $[17] = t7;
   } else {
-    t6 = $[15];
+    t7 = $[17];
   }
-  let t7;
-  if ($[16] !== appName || $[17] !== handleGetHelp) {
-    t7 = appName !== "services" && /*#__PURE__*/_jsx(NavRow, {
+  let t8;
+  if ($[18] !== appName || $[19] !== handleGetHelp) {
+    t8 = appName !== "services" && /*#__PURE__*/_jsx(NavRow, {
       label: "Get help",
       onPress: handleGetHelp
     });
-    $[16] = appName;
-    $[17] = handleGetHelp;
-    $[18] = t7;
+    $[18] = appName;
+    $[19] = handleGetHelp;
+    $[20] = t8;
   } else {
-    t7 = $[18];
+    t8 = $[20];
   }
-  let t8;
-  if ($[19] !== styles.sectionOuter || $[20] !== t4 || $[21] !== t5 || $[22] !== t6 || $[23] !== t7) {
-    t8 = /*#__PURE__*/_jsx(ScrollView, {
+  let t9;
+  if ($[21] !== handleFlagTest) {
+    t9 = /*#__PURE__*/_jsx(NavRow, {
+      label: "Flag test (staging)",
+      onPress: handleFlagTest
+    });
+    $[21] = handleFlagTest;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  let t10;
+  if ($[23] !== styles.sectionOuter || $[24] !== t5 || $[25] !== t6 || $[26] !== t7 || $[27] !== t8 || $[28] !== t9) {
+    t10 = /*#__PURE__*/_jsx(ScrollView, {
       contentInsetAdjustmentBehavior: "automatic",
       children: /*#__PURE__*/_jsxs(View, {
         style: styles.sectionOuter,
-        children: [t4, t5, t6, t7]
+        children: [t5, t6, t7, t8, t9]
       })
     });
-    $[19] = styles.sectionOuter;
-    $[20] = t4;
-    $[21] = t5;
-    $[22] = t6;
-    $[23] = t7;
-    $[24] = t8;
+    $[23] = styles.sectionOuter;
+    $[24] = t5;
+    $[25] = t6;
+    $[26] = t7;
+    $[27] = t8;
+    $[28] = t9;
+    $[29] = t10;
   } else {
-    t8 = $[24];
+    t10 = $[29];
   }
-  let t9;
-  if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-    t9 = /*#__PURE__*/_jsx(VersionFooter, {});
-    $[25] = t9;
+  let t11;
+  if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+    t11 = /*#__PURE__*/_jsx(VersionFooter, {});
+    $[30] = t11;
   } else {
-    t9 = $[25];
+    t11 = $[30];
   }
-  let t10;
-  if ($[26] !== styles.footer) {
-    t10 = /*#__PURE__*/_jsx(View, {
+  let t12;
+  if ($[31] !== styles.footer) {
+    t12 = /*#__PURE__*/_jsx(View, {
       style: styles.footer,
-      children: t9
+      children: t11
     });
-    $[26] = styles.footer;
-    $[27] = t10;
+    $[31] = styles.footer;
+    $[32] = t12;
   } else {
-    t10 = $[27];
+    t12 = $[32];
   }
-  let t11;
-  if ($[28] !== styles.container || $[29] !== t10 || $[30] !== t8) {
-    t11 = /*#__PURE__*/_jsxs(View, {
+  let t13;
+  if ($[33] !== styles.container || $[34] !== t10 || $[35] !== t12) {
+    t13 = /*#__PURE__*/_jsxs(View, {
       style: styles.container,
-      children: [t8, t10]
+      children: [t10, t12]
     });
-    $[28] = styles.container;
-    $[29] = t10;
-    $[30] = t8;
-    $[31] = t11;
+    $[33] = styles.container;
+    $[34] = t10;
+    $[35] = t12;
+    $[36] = t13;
   } else {
-    t11 = $[31];
+    t13 = $[36];
   }
-  return t11;
+  return t13;
 }
 function NavRow(t0) {
   const $ = _c(13);

package/build/screens/settings_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings_screen.js","names":["PlatformPressable","useNavigation","React","useCallback","Platform","ScrollView","StyleSheet","View","useSafeAreaInsets","Heading","Icon","Text","VersionFooter","Switch","useDirectMessagesEligible","useTheme","useAppName","usePersonSettings","jsx","_jsx","jsxs","_jsxs","SettingsScreen","t0","$","_c","styles","useStyles","directMessagesDisabled","setDirectMessagesDisabled","isMutating","directMessagesEligible","appName","navigation","t1","navigate","handleNotificationSettings","t2","type","handleGetHelp","t3","Symbol","for","variant","children","t4","sectionHeader","style","t5","settingRow","settingRowText","value","onValueChange","enabled","t6","NavRow","label","t7","t8","sectionOuter","contentInsetAdjustmentBehavior","t9","t10","footer","t11","container","onPress","useNavRowStyles","chevron","OS","name","size","inner","accessibilityRole","colors","insets","borderColorDefaultBase","bottom","create","flex","paddingBottom","Math","max","paddingLeft","paddingRight","paddingTop","borderBottomWidth","borderBottomColor","flexDirection","alignItems","justifyContent","paddingVertical","gap","iconColorDefaultDisabled","color"],"sources":["../../src/screens/settings_screen.tsx"],"sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useCallback } from 'react'\nimport { Platform, ScrollView, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Heading, Icon, Text, VersionFooter } from '../components'\nimport { Switch } from '../components/display/switch'\nimport { useDirectMessagesEligible, useTheme } from '../hooks'\nimport { useAppName } from '../hooks/use_app_name'\nimport { usePersonSettings } from '../hooks/use_person_settings'\n\nexport type SettingsScreenProps = StaticScreenProps<{}>\n\nexport function SettingsScreen({}: SettingsScreenProps) {\n  const styles = useStyles()\n  const { directMessagesDisabled, setDirectMessagesDisabled, isMutating } = usePersonSettings()\n  const directMessagesEligible = useDirectMessagesEligible()\n  const appName = useAppName()\n  const navigation = useNavigation()\n\n  const handleNotificationSettings = useCallback(() => {\n    navigation.navigate('NotificationSettings', {})\n  }, [navigation])\n\n  const handleGetHelp = useCallback(() => {\n    navigation.navigate('GetHelp', { type: 'chat' })\n  }, [navigation])\n\n  return (\n    <View style={styles.container}>\n      <ScrollView contentInsetAdjustmentBehavior=\"automatic\">\n        <View style={styles.sectionOuter}>\n          <View style={styles.sectionHeader}>\n            <Heading variant=\"h2\">Messages</Heading>\n          </View>\n          {directMessagesEligible && (\n            <View style={styles.settingRow}>\n              <View style={styles.settingRowText}>\n                <Text>Allow direct messages</Text>\n                <Text variant=\"tertiary\">\n                  When off, you can't be added to new direct messages, and any you're already in\n                  will be turned off.\n                </Text>\n              </View>\n              <Switch\n                value={!directMessagesDisabled}\n                onValueChange={enabled => setDirectMessagesDisabled(!enabled)}\n                disabled={isMutating}\n              />\n            </View>\n          )}\n          <NavRow label=\"Notification settings\" onPress={handleNotificationSettings} />\n          {appName !== 'services' && <NavRow label=\"Get help\" onPress={handleGetHelp} />}\n        </View>\n      </ScrollView>\n      <View style={styles.footer}>\n        <VersionFooter />\n      </View>\n    </View>\n  )\n}\n\ninterface NavRowProps {\n  label: string\n  onPress: () => void\n}\n\nfunction NavRow({ label, onPress }: NavRowProps) {\n  const styles = useNavRowStyles()\n  return (\n    <PlatformPressable\n      style={styles.container}\n      onPress={onPress}\n      accessibilityRole=\"button\"\n      accessibilityLabel={label}\n    >\n      <View style={styles.inner}>\n        <Text>{label}</Text>\n        {Platform.OS === 'ios' && (\n          <Icon name=\"general.rightChevron\" size={16} style={styles.chevron} />\n        )}\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const insets = useSafeAreaInsets()\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n    },\n    footer: {\n      paddingBottom: Math.max(insets.bottom, 8),\n    },\n    sectionOuter: {\n      paddingLeft: 16,\n    },\n    sectionHeader: {\n      paddingRight: 16,\n      paddingTop: 24,\n      paddingBottom: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      alignItems: 'flex-start',\n      justifyContent: 'space-between',\n      paddingRight: 16,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    settingRowText: {\n      flex: 1,\n      gap: 8,\n    },\n  })\n}\n\nconst useNavRowStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      paddingLeft: 0,\n    },\n    inner: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingRight: 16,\n      paddingVertical: 14,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    chevron: {\n      color: colors.iconColorDefaultDisabled,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"settings_screen.js","names":["PlatformPressable","useNavigation","React","useCallback","Platform","ScrollView","StyleSheet","View","useSafeAreaInsets","Heading","Icon","Text","VersionFooter","Switch","useDirectMessagesEligible","useTheme","useAppName","usePersonSettings","jsx","_jsx","jsxs","_jsxs","SettingsScreen","t0","$","_c","styles","useStyles","directMessagesDisabled","setDirectMessagesDisabled","isMutating","directMessagesEligible","appName","navigation","t1","navigate","handleNotificationSettings","t2","handleFlagTest","t3","type","handleGetHelp","t4","Symbol","for","variant","children","t5","sectionHeader","style","t6","settingRow","settingRowText","value","onValueChange","enabled","t7","NavRow","label","t8","t9","t10","sectionOuter","contentInsetAdjustmentBehavior","t11","t12","footer","t13","container","onPress","useNavRowStyles","chevron","OS","name","size","inner","accessibilityRole","colors","insets","borderColorDefaultBase","bottom","create","flex","paddingBottom","Math","max","paddingLeft","paddingRight","paddingTop","borderBottomWidth","borderBottomColor","flexDirection","alignItems","justifyContent","paddingVertical","gap","iconColorDefaultDisabled","color"],"sources":["../../src/screens/settings_screen.tsx"],"sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useCallback } from 'react'\nimport { Platform, ScrollView, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Heading, Icon, Text, VersionFooter } from '../components'\nimport { Switch } from '../components/display/switch'\nimport { useDirectMessagesEligible, useTheme } from '../hooks'\nimport { useAppName } from '../hooks/use_app_name'\nimport { usePersonSettings } from '../hooks/use_person_settings'\n\nexport type SettingsScreenProps = StaticScreenProps<{}>\n\nexport function SettingsScreen({}: SettingsScreenProps) {\n  const styles = useStyles()\n  const { directMessagesDisabled, setDirectMessagesDisabled, isMutating } = usePersonSettings()\n  const directMessagesEligible = useDirectMessagesEligible()\n  const appName = useAppName()\n  const navigation = useNavigation()\n\n  const handleNotificationSettings = useCallback(() => {\n    navigation.navigate('NotificationSettings', {})\n  }, [navigation])\n\n  const handleFlagTest = useCallback(() => {\n    navigation.navigate('FlagTest')\n  }, [navigation])\n\n  const handleGetHelp = useCallback(() => {\n    navigation.navigate('GetHelp', { type: 'chat' })\n  }, [navigation])\n\n  return (\n    <View style={styles.container}>\n      <ScrollView contentInsetAdjustmentBehavior=\"automatic\">\n        <View style={styles.sectionOuter}>\n          <View style={styles.sectionHeader}>\n            <Heading variant=\"h2\">Messages</Heading>\n          </View>\n          {directMessagesEligible && (\n            <View style={styles.settingRow}>\n              <View style={styles.settingRowText}>\n                <Text>Allow direct messages</Text>\n                <Text variant=\"tertiary\">\n                  When off, you can't be added to new direct messages, and any you're already in\n                  will be turned off.\n                </Text>\n              </View>\n              <Switch\n                value={!directMessagesDisabled}\n                onValueChange={enabled => setDirectMessagesDisabled(!enabled)}\n                disabled={isMutating}\n              />\n            </View>\n          )}\n          <NavRow label=\"Notification settings\" onPress={handleNotificationSettings} />\n          {appName !== 'services' && <NavRow label=\"Get help\" onPress={handleGetHelp} />}\n          <NavRow label=\"Flag test (staging)\" onPress={handleFlagTest} />\n        </View>\n      </ScrollView>\n      <View style={styles.footer}>\n        <VersionFooter />\n      </View>\n    </View>\n  )\n}\n\ninterface NavRowProps {\n  label: string\n  onPress: () => void\n}\n\nfunction NavRow({ label, onPress }: NavRowProps) {\n  const styles = useNavRowStyles()\n  return (\n    <PlatformPressable\n      style={styles.container}\n      onPress={onPress}\n      accessibilityRole=\"button\"\n      accessibilityLabel={label}\n    >\n      <View style={styles.inner}>\n        <Text>{label}</Text>\n        {Platform.OS === 'ios' && (\n          <Icon name=\"general.rightChevron\" size={16} style={styles.chevron} />\n        )}\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const insets = useSafeAreaInsets()\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n    },\n    footer: {\n      paddingBottom: Math.max(insets.bottom, 8),\n    },\n    sectionOuter: {\n      paddingLeft: 16,\n    },\n    sectionHeader: {\n      paddingRight: 16,\n      paddingTop: 24,\n      paddingBottom: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      alignItems: 'flex-start',\n      justifyContent: 'space-between',\n      paddingRight: 16,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    settingRowText: {\n      flex: 1,\n      gap: 8,\n    },\n  })\n}\n\nconst useNavRowStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      paddingLeft: 0,\n    },\n    inner: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingRight: 16,\n      paddingVertical: 14,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    chevron: {\n      color: colors.iconColorDefaultDisabled,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/build/utils/request/get_features.d.ts

@@ -1,11 +1,17 @@
-export declare const getFeaturesRequestArgs: () => {
+export declare const getFeaturesRequestArgs: (names: readonly string[]) => {
     url: string;
+    headers: {
+        'X-PCO-API-Version': string;
+        'X-PCO-Chat-React-Native-Version': string;
+    };
     data: {
-        perPage: number;
+        where: {
+            name: string;
+        };
         fields: {
             Feature: string[];
         };
     };
 };
-export declare const getFeaturesQueryKey: () => import("../..").RequestQueryKey;
+export declare const getFeaturesQueryKey: (names: readonly string[]) => import("../..").RequestQueryKey;
 //# sourceMappingURL=get_features.d.ts.map

package/build/utils/request/get_features.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get_features.d.ts","sourceRoot":"","sources":["../../../src/utils/request/get_features.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;;;;;;;;CAYlC,CAAA;AAED,eAAO,MAAM,mBAAmB,uCAG/B,CAAA"}
+{"version":3,"file":"get_features.d.ts","sourceRoot":"","sources":["../../../src/utils/request/get_features.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,GAAI,OAAO,SAAS,MAAM,EAAE;;;;;;;;;;;;;;CAkB9D,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,SAAS,MAAM,EAAE,oCAG3D,CAAA"}

package/build/utils/request/get_features.js

@@ -1,18 +1,25 @@
 import { getRequestQueryKey } from '../../hooks/use_suspense_api';
-export const getFeaturesRequestArgs = () => {
+import { chatReactNativeVersion } from '../package_version';
+export const getFeaturesRequestArgs = names => {
   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']
       }
     }
   };
 };
-export const getFeaturesQueryKey = () => {
-  const requestArgs = getFeaturesRequestArgs();
+export const getFeaturesQueryKey = names => {
+  const requestArgs = getFeaturesRequestArgs(names);
   return getRequestQueryKey(requestArgs);
 };
 //# sourceMappingURL=get_features.js.map

package/build/utils/request/get_features.js.map

@@ -1 +1 @@
-{"version":3,"file":"get_features.js","names":["getRequestQueryKey","getFeaturesRequestArgs","url","data","perPage","fields","Feature","getFeaturesQueryKey","requestArgs"],"sources":["../../../src/utils/request/get_features.ts"],"sourcesContent":["import { getRequestQueryKey } from '../../hooks/use_suspense_api'\n\nexport const getFeaturesRequestArgs = () => {\n  const url = '/me/features'\n\n  return {\n    url,\n    data: {\n      perPage: 100,\n      fields: {\n        Feature: ['name', 'enabled'],\n      },\n    },\n  }\n}\n\nexport const getFeaturesQueryKey = () => {\n  const requestArgs = getFeaturesRequestArgs()\n  return getRequestQueryKey(requestArgs)\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,8BAA8B;AAEjE,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EAC1C,MAAMC,GAAG,GAAG,cAAc;EAE1B,OAAO;IACLA,GAAG;IACHC,IAAI,EAAE;MACJC,OAAO,EAAE,GAAG;MACZC,MAAM,EAAE;QACNC,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS;MAC7B;IACF;EACF,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,WAAW,GAAGP,sBAAsB,CAAC,CAAC;EAC5C,OAAOD,kBAAkB,CAACQ,WAAW,CAAC;AACxC,CAAC","ignoreList":[]}
+{"version":3,"file":"get_features.js","names":["getRequestQueryKey","chatReactNativeVersion","getFeaturesRequestArgs","names","url","headers","data","where","name","join","fields","Feature","getFeaturesQueryKey","requestArgs"],"sources":["../../../src/utils/request/get_features.ts"],"sourcesContent":["import { getRequestQueryKey } from '../../hooks/use_suspense_api'\nimport { chatReactNativeVersion } from '../package_version'\n\nexport const getFeaturesRequestArgs = (names: readonly string[]) => {\n  const url = '/me/features'\n\n  return {\n    url,\n    headers: {\n      'X-PCO-API-Version': '2026-10-26',\n      'X-PCO-Chat-React-Native-Version': chatReactNativeVersion,\n    },\n    data: {\n      where: {\n        name: names.join(','),\n      },\n      fields: {\n        Feature: ['name', 'enabled'],\n      },\n    },\n  }\n}\n\nexport const getFeaturesQueryKey = (names: readonly string[]) => {\n  const requestArgs = getFeaturesRequestArgs(names)\n  return getRequestQueryKey(requestArgs)\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,sBAAsB,QAAQ,oBAAoB;AAE3D,OAAO,MAAMC,sBAAsB,GAAIC,KAAwB,IAAK;EAClE,MAAMC,GAAG,GAAG,cAAc;EAE1B,OAAO;IACLA,GAAG;IACHC,OAAO,EAAE;MACP,mBAAmB,EAAE,YAAY;MACjC,iCAAiC,EAAEJ;IACrC,CAAC;IACDK,IAAI,EAAE;MACJC,KAAK,EAAE;QACLC,IAAI,EAAEL,KAAK,CAACM,IAAI,CAAC,GAAG;MACtB,CAAC;MACDC,MAAM,EAAE;QACNC,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS;MAC7B;IACF;EACF,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAIT,KAAwB,IAAK;EAC/D,MAAMU,WAAW,GAAGX,sBAAsB,CAACC,KAAK,CAAC;EACjD,OAAOH,kBAAkB,CAACa,WAAW,CAAC;AACxC,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "4.4.1-qa-staging.36",
+  "version": "4.4.1-qa-staging.38",
   "description": "",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
-    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.36",
+    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.38",
     "lodash-inflection": "^1.5.0"
   },
   "peerDependencies": {
@@ -84,5 +84,5 @@
     "sf-symbols-typescript": "^2.2.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "71c9c06762706a0f8144f94bc1141983d478c638"
+  "gitHead": "d8b926a5017112b19d6bec76fa2500ebf2387cd7"
 }

package/src/__tests__/hooks/use_can_browse_archived_conversations.test.tsx

@@ -6,6 +6,7 @@ import { ChatContext, ChatContextValue } from '../../contexts/chat_context'
 import { ApiClient, useApiClient } from '../../hooks/use_api_client'
 import { useCanBrowseArchivedConversations } from '../../hooks/use_can_browse_archived_conversations'
 import { currentPersonQueryKey, currentPersonRequestArgs } from '../../hooks/use_current_person'
+import { availableFeatures } from '../../hooks/use_features'
 import { Session } from '../../utils'
 import { getFeaturesQueryKey } from '../../utils/request/get_features'
 
@@ -20,7 +21,7 @@ const session = new Session({ token: { access_token: 'a-real-token' } })
 const renderWithFeatures = (enabledFlags: string[], cachedPerson?: object) => {
   const queryClient = buildTestQueryClient()
   if (cachedPerson) queryClient.setQueryData(currentPersonQueryKey, { data: cachedPerson })
-  queryClient.setQueryData(getFeaturesQueryKey(), {
+  queryClient.setQueryData(getFeaturesQueryKey(Object.values(availableFeatures)), {
     data: enabledFlags.map((name, index) => ({
       type: 'Feature',
       id: `${index}`,

package/src/__tests__/hooks/use_features.test.ts

@@ -1,6 +1,7 @@
 import { buildTestQueryClient } from '../../__utils__/query_client'
 import type { ApiClient } from '../../hooks/use_api_client'
 import { availableFeatures, featuresQueryOptions } from '../../hooks/use_features'
+import { chatReactNativeVersion } from '../../utils/package_version'
 
 const features = {
   data: [{ type: 'Feature', id: '1', name: 'QA_MOBILE_search', enabled: true }],
@@ -36,6 +37,19 @@ describe('featuresQueryOptions', () => {
     jest.useRealTimers()
   })
 
+  it('names every flag it reads, with its chat-react-native version', async () => {
+    const get = jest.fn().mockResolvedValue(features)
+
+    await buildTestQueryClient().fetchQuery(featuresQueryOptions(buildClient(get)))
+
+    const [{ headers, data }] = get.mock.calls[0]
+    expect(data.where.name.split(',')).toEqual(Object.values(availableFeatures))
+    expect(headers).toEqual({
+      'X-PCO-API-Version': '2026-10-26',
+      'X-PCO-Chat-React-Native-Version': chatReactNativeVersion,
+    })
+  })
+
   it('keeps successful flags fresh for five minutes', async () => {
     const get = jest.fn().mockResolvedValue(features)
 

package/src/__tests__/hooks/use_filter_dropdown_enabled.test.tsx

@@ -2,6 +2,7 @@ import { QueryClientProvider } from '@tanstack/react-query'
 import { renderHook } from '@testing-library/react-native'
 import React from 'react'
 import { buildTestQueryClient } from '../../__utils__/query_client'
+import { availableFeatures } from '../../hooks/use_features'
 import { useFilterDropdownEnabled } from '../../hooks/use_filter_dropdown_enabled'
 import { getFeaturesQueryKey } from '../../utils/request/get_features'
 
@@ -9,7 +10,7 @@ jest.mock('../../hooks/use_api_client')
 
 const renderWithFeatures = (enabledFlags: string[]) => {
   const queryClient = buildTestQueryClient()
-  queryClient.setQueryData(getFeaturesQueryKey(), {
+  queryClient.setQueryData(getFeaturesQueryKey(Object.values(availableFeatures)), {
     data: enabledFlags.map((name, index) => ({
       type: 'Feature',
       id: `${index}`,

package/src/hooks/use_features.ts

@@ -32,10 +32,10 @@ export function useFeatures() {
 
 export const featuresQueryOptions = (apiClient: ApiClient) =>
   queryOptions({
-    queryKey: getFeaturesQueryKey(),
+    queryKey: getFeaturesQueryKey(featureNames),
     queryFn: (): Promise<FeaturesCollection> => {
       return apiClient.chat
-        .get<ApiCollection<FeatureResource>>(getFeaturesRequestArgs())
+        .get<ApiCollection<FeatureResource>>(getFeaturesRequestArgs(featureNames))
         .catch(error => ({ ...stableEmptyFeatures, failure: { status: error?.status } }))
     },
     staleTime: query => {
@@ -63,6 +63,8 @@ export const availableFeatures = {
   manual_archiving_rollout: 'ROLLOUT_MOBILE_manual_archiving',
 } as const satisfies Record<string, `${'QA' | 'ROLLOUT'}_${string}`>
 
+const featureNames = Object.values(availableFeatures)
+
 const stableEmptyFeatures: ApiCollection<FeatureResource> = {
   data: [],
   links: {},

package/src/navigation/index.tsx

@@ -57,6 +57,7 @@ import {
   ConversationSelectTypeScreenOptions,
 } from '../screens/conversation_select_type_screen'
 import { ConversationsScreen } from '../screens/conversations/conversations_screen'
+import { FlagTestScreen } from '../screens/flag_test_screen'
 import { GetHelpScreen } from '../screens/get_help_screen'
 import {
   GroupNotificationLevelSelectScreen,
@@ -273,6 +274,11 @@ export const ChatStack = createNativeStackNavigator({
       options: ({ navigation }) =>
         composeOptions({ title: 'Chat settings' }, withMinimalBack({ onPress: navigation.goBack })),
     },
+    FlagTest: {
+      screen: FlagTestScreen,
+      options: ({ navigation }) =>
+        composeOptions({ title: 'Flag test' }, withMinimalBack({ onPress: navigation.goBack })),
+    },
     NotificationSettings: {
       screen: NotificationSettingsScreen,
       options: ({ navigation }) =>

package/src/screens/flag_test_screen.tsx

@@ -0,0 +1,133 @@
+import { useQuery } from '@tanstack/react-query'
+import React from 'react'
+import { ScrollView, StyleSheet, View } from 'react-native'
+import { Heading, Text } from '../components'
+import { useApiClient, useTheme } from '../hooks'
+import { ApiCollection } from '../types'
+import type { FeatureResource } from '../types/resources/feature_resource'
+import { chatReactNativeVersion } from '../utils/package_version'
+
+// Staging-only: checks the test flags from planningcenter/chat#2642 on both API versions. Never merge.
+
+const OLD_VERSION = '2018-08-01'
+const NEW_VERSION = '2026-10-26'
+
+type Expected = { old: boolean; new: boolean; note?: string }
+
+const TEST_FLAGS: Record<string, Expected> = {
+  ROLLOUT_expected_on_because_meets_minimum_crn_version: { old: true, new: true },
+  ROLLOUT_expected_off_because_below_minimum_crn_version: { old: true, new: false },
+  ROLLOUT_expected_on_because_meets_minimum_host_version: { old: true, new: true },
+  ROLLOUT_expected_off_because_below_minimum_host_version: {
+    old: true,
+    new: false,
+    note: 'Only checked inside Church Center or Services; other hosts see it on',
+  },
+  ROLLOUT_expected_off_because_legacy_false: { old: false, new: true },
+  ROLLOUT_expected_off_because_killed: {
+    old: false,
+    new: false,
+    note: 'Needs DISABLE_MOBILE_ROLLOUT_expected_off_because_killed enabled in staging Flipper',
+  },
+  ROLLOUT_expected_off_because_fixed_off: { old: false, new: false },
+  ROLLOUT_expected_on_because_flipper: {
+    old: true,
+    new: true,
+    note: 'Needs a staging Flipper record enabled for your org',
+  },
+  ROLLOUT_expected_off_because_unregistered: { old: false, new: false },
+}
+
+const flagNames = Object.keys(TEST_FLAGS)
+
+const useFlagAnswers = (version: string) => {
+  const apiClient = useApiClient()
+
+  return useQuery({
+    queryKey: ['flag-test', version],
+    queryFn: async () => {
+      const response = await apiClient.chat.get<ApiCollection<FeatureResource>>({
+        url: '/me/features',
+        headers: {
+          'X-PCO-API-Version': version,
+          'X-PCO-Chat-React-Native-Version': chatReactNativeVersion,
+        },
+        data: {
+          where: { name: flagNames.join(',') },
+          fields: { Feature: ['name', 'enabled'] },
+        },
+      })
+
+      return Object.fromEntries(response.data.map(feature => [feature.name, feature.enabled]))
+    },
+  })
+}
+
+export function FlagTestScreen() {
+  const styles = useStyles()
+  const oldAnswers = useFlagAnswers(OLD_VERSION)
+  const newAnswers = useFlagAnswers(NEW_VERSION)
+
+  return (
+    <ScrollView contentContainerStyle={styles.container}>
+      <Text variant="tertiary">
+        Sending chat-react-native {chatReactNativeVersion}. Old is {OLD_VERSION}, new is{' '}
+        {NEW_VERSION}.
+      </Text>
+      {oldAnswers.error && <Text style={styles.fail}>Old: {String(oldAnswers.error)}</Text>}
+      {newAnswers.error && <Text style={styles.fail}>New: {String(newAnswers.error)}</Text>}
+      {flagNames.map(name => (
+        <View key={name} style={styles.row}>
+          <Heading variant="h3">{name.replace('ROLLOUT_', '')}</Heading>
+          <Answer label="Old" expected={TEST_FLAGS[name].old} actual={oldAnswers.data?.[name]} />
+          <Answer label="New" expected={TEST_FLAGS[name].new} actual={newAnswers.data?.[name]} />
+          {TEST_FLAGS[name].note && <Text variant="tertiary">{TEST_FLAGS[name].note}</Text>}
+        </View>
+      ))}
+    </ScrollView>
+  )
+}
+
+function Answer({
+  label,
+  expected,
+  actual,
+}: {
+  label: string
+  expected: boolean
+  actual: boolean | undefined
+}) {
+  const styles = useStyles()
+  const onOff = (value: boolean) => (value ? 'on' : 'off')
+
+  if (actual === undefined) return <Text variant="secondary">{label}: …</Text>
+
+  const passed = actual === expected
+  return (
+    <Text style={passed ? styles.pass : styles.fail}>
+      {passed ? '✓' : '✗'} {label}: {onOff(actual)} (expected {onOff(expected)})
+    </Text>
+  )
+}
+
+const useStyles = () => {
+  const { colors } = useTheme()
+  return StyleSheet.create({
+    container: {
+      padding: 16,
+      gap: 16,
+    },
+    row: {
+      gap: 4,
+      paddingBottom: 12,
+      borderBottomWidth: 1,
+      borderBottomColor: colors.borderColorDefaultBase,
+    },
+    pass: {
+      color: colors.statusSuccessIcon,
+    },
+    fail: {
+      color: colors.statusErrorText,
+    },
+  })
+}