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

package/src/screens/conversations/components/__tests__/filter_dropdown_list_header_component.test.tsx

@@ -1,6 +1,6 @@
 import { fireEvent, render, screen } from '@testing-library/react-native'
 import React from 'react'
-import { Pressable, Text } from 'react-native'
+import { Pressable, StyleSheet, Text } from 'react-native'
 import {
   AudioAdapter,
   ChatAdapters,
@@ -115,6 +115,25 @@ const setRouteParams = (params: Record<string, unknown>) => {
 const menuItemNames = () =>
   screen.getAllByRole('menuitem').map(item => item.props.accessibilityLabel)
 
+const ROW_WIDTH = 360
+const ROW_CONTENT_WIDTH = ROW_WIDTH - 16 * 2
+const HEADING_ROW_GAP = 12
+const WIDEST_LABEL_WIDTH = 150
+
+const layOut = (testID: string, width: number) =>
+  fireEvent(screen.getByTestId(testID, { includeHiddenElements: true }), 'layout', {
+    nativeEvent: { layout: { width } },
+  })
+
+const layOutHeader = ({ actionsWidth }: { actionsWidth: number }) => {
+  layOut('conversations-filter-heading-row', ROW_WIDTH)
+  layOut('conversations-filter-widest-label', WIDEST_LABEL_WIDTH)
+  layOut('conversations-filter-heading-actions', actionsWidth)
+}
+
+const triggerMaxWidth = (): number =>
+  StyleSheet.flatten(screen.getByRole('button', { name: 'All conversations' }).props.style).maxWidth
+
 describe('FilterDropdownListHeaderComponent', () => {
   beforeEach(() => {
     mockNavigate.mockClear()
@@ -286,6 +305,45 @@ describe('FilterDropdownListHeaderComponent', () => {
     )
   })
 
+  it('caps the trigger short of the room beside the actions so a full label never wraps them', () => {
+    render(<FilterDropdownListHeaderComponent />)
+
+    layOutHeader({ actionsWidth: 120.4 })
+
+    expect(triggerMaxWidth()).toBeGreaterThanOrEqual(WIDEST_LABEL_WIDTH)
+    expect(triggerMaxWidth() + HEADING_ROW_GAP + 120.4).toBeLessThan(ROW_CONTENT_WIDTH)
+  })
+
+  it('holds the cap when the actions remeasure by less than a point', () => {
+    render(<FilterDropdownListHeaderComponent />)
+
+    layOutHeader({ actionsWidth: 120.4 })
+    const capBefore = triggerMaxWidth()
+
+    layOut('conversations-filter-heading-actions', 120.9)
+
+    expect(triggerMaxWidth()).toBe(capBefore)
+  })
+
+  it('recomputes the cap when the actions grow by a button', () => {
+    render(<FilterDropdownListHeaderComponent />)
+
+    layOutHeader({ actionsWidth: 120.4 })
+    const capBefore = triggerMaxWidth()
+
+    layOut('conversations-filter-heading-actions', 160)
+
+    expect(triggerMaxWidth()).toBeLessThan(capBefore)
+  })
+
+  it('caps the trigger to the row once All conversations no longer fits beside the actions', () => {
+    render(<FilterDropdownListHeaderComponent />)
+
+    layOutHeader({ actionsWidth: 200 })
+
+    expect(triggerMaxWidth()).toBe(ROW_CONTENT_WIDTH)
+  })
+
   it('shows the search button only when search is enabled', () => {
     mockSearchEnabled.mockReturnValue(false)
     const view = render(<FilterDropdownListHeaderComponent />)

package/src/screens/conversations/components/filter_dropdown_list_header_component.tsx

@@ -30,6 +30,8 @@ import { ListHeaderActionButton } from './list_header_action_button'
 
 const ROW_PADDING_HORIZONTAL = 16
 const HEADING_ROW_GAP = 12
+const TRIGGER_CAP_SLACK = 2
+const LAYOUT_JITTER = 1
 const ALL_CONVERSATIONS_LABEL = 'All conversations'
 const ARCHIVED_LABEL = 'Archived'
 
@@ -42,6 +44,9 @@ enum FilterTypes {
   More = 'More',
 }
 
+const holdSubPointJitter = (previous: number | undefined, next: number) =>
+  previous !== undefined && Math.abs(next - previous) < LAYOUT_JITTER ? previous : next
+
 const FILTER_PARAMS: Record<Exclude<FilterTypes, FilterTypes.More>, ConversationFiltersParams> = {
   [FilterTypes.All]: {},
   [FilterTypes.Groups]: { group_source_app_name: 'Groups' },
@@ -217,14 +222,14 @@ export const FilterDropdownListHeaderComponent = () => {
   const [rowWidth, setRowWidth] = useState<number>()
   const [actionsWidth, setActionsWidth] = useState<number>()
   const [widestFixedLabelWidth, setWidestFixedLabelWidth] = useState<number>()
-  const handleRowLayout = useCallback((event: LayoutChangeEvent) => {
-    setRowWidth(event.nativeEvent.layout.width)
+  const handleRowLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {
+    setRowWidth(previous => holdSubPointJitter(previous, nativeEvent.layout.width))
   }, [])
-  const handleActionsLayout = useCallback((event: LayoutChangeEvent) => {
-    setActionsWidth(event.nativeEvent.layout.width)
+  const handleActionsLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {
+    setActionsWidth(previous => holdSubPointJitter(previous, nativeEvent.layout.width))
   }, [])
-  const handleWidestFixedLabelLayout = useCallback((event: LayoutChangeEvent) => {
-    setWidestFixedLabelWidth(event.nativeEvent.layout.width)
+  const handleWidestFixedLabelLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {
+    setWidestFixedLabelWidth(previous => holdSubPointJitter(previous, nativeEvent.layout.width))
   }, [])
   const triggerMaxWidth = useMemo(() => {
     if (rowWidth === undefined) return undefined
@@ -232,7 +237,8 @@ export const FilterDropdownListHeaderComponent = () => {
     const rowContentWidth = rowWidth - ROW_PADDING_HORIZONTAL * 2
     if (actionsWidth === undefined || widestFixedLabelWidth === undefined) return rowContentWidth
 
-    const roomBesideActions = rowContentWidth - actionsWidth - HEADING_ROW_GAP
+    const roomBesideActions =
+      Math.floor(rowContentWidth - actionsWidth - HEADING_ROW_GAP) - TRIGGER_CAP_SLACK
     return roomBesideActions >= widestFixedLabelWidth ? roomBesideActions : rowContentWidth
   }, [rowWidth, actionsWidth, widestFixedLabelWidth])
 
@@ -242,11 +248,16 @@ export const FilterDropdownListHeaderComponent = () => {
         <FilterDropdownTrigger
           label={ALL_CONVERSATIONS_LABEL}
           onLayout={handleWidestFixedLabelLayout}
+          testID="conversations-filter-widest-label"
           accessibilityElementsHidden
           importantForAccessibility="no-hide-descendants"
         />
       </View>
-      <View style={styles.headingRow} onLayout={handleRowLayout}>
+      <View
+        style={styles.headingRow}
+        onLayout={handleRowLayout}
+        testID="conversations-filter-heading-row"
+      >
         <View style={styles.titleContainer}>
           <FilterDropdown
             options={options}
@@ -258,7 +269,11 @@ export const FilterDropdownListHeaderComponent = () => {
             maxWidth={triggerMaxWidth}
           />
         </View>
-        <View style={styles.actionsContainer} onLayout={handleActionsLayout}>
+        <View
+          style={styles.actionsContainer}
+          onLayout={handleActionsLayout}
+          testID="conversations-filter-heading-actions"
+        >
           <ListHeaderActionButton
             name="general.cog"
             onPress={handleChatSettings}

package/src/screens/settings_screen.tsx

@@ -22,10 +22,6 @@ export function SettingsScreen({}: SettingsScreenProps) {
     navigation.navigate('NotificationSettings', {})
   }, [navigation])
 
-  const handleFlagTest = useCallback(() => {
-    navigation.navigate('FlagTest')
-  }, [navigation])
-
   const handleGetHelp = useCallback(() => {
     navigation.navigate('GetHelp', { type: 'chat' })
   }, [navigation])
@@ -55,7 +51,6 @@ 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/build/screens/flag_test_screen.d.ts

@@ -1,2 +0,0 @@
-export declare function FlagTestScreen(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=flag_test_screen.d.ts.map

package/build/screens/flag_test_screen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"flag_test_screen.d.ts","sourceRoot":"","sources":["../../src/screens/flag_test_screen.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,cAAc,4CAuB7B"}

package/build/screens/flag_test_screen.js

@@ -1,274 +0,0 @@
-import { c as _c } from "react/compiler-runtime";
-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 { chatReactNativeVersion } from '../utils/package_version';
-
-// Staging-only: checks the test flags from planningcenter/chat#2642 on both API versions. Never merge.
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-const OLD_VERSION = '2018-08-01';
-const NEW_VERSION = '2026-10-26';
-const TEST_FLAGS = {
-  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 => {
-  const $ = _c(8);
-  const apiClient = useApiClient();
-  let t0;
-  if ($[0] !== version) {
-    t0 = ["flag-test", version];
-    $[0] = version;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  let t1;
-  if ($[2] !== apiClient || $[3] !== version) {
-    t1 = async () => {
-      const response = await apiClient.chat.get({
-        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(_temp));
-    };
-    $[2] = apiClient;
-    $[3] = version;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== t0 || $[6] !== t1) {
-    t2 = {
-      queryKey: t0,
-      queryFn: t1
-    };
-    $[5] = t0;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return useQuery(t2);
-};
-export function FlagTestScreen() {
-  const $ = _c(16);
-  const styles = useStyles();
-  const oldAnswers = useFlagAnswers(OLD_VERSION);
-  const newAnswers = useFlagAnswers(NEW_VERSION);
-  const t0 = styles.container;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /*#__PURE__*/_jsxs(Text, {
-      variant: "tertiary",
-      children: ["Sending chat-react-native ", chatReactNativeVersion, ". Old is ", OLD_VERSION, ", new is", " ", NEW_VERSION, "."]
-    });
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  let t2;
-  if ($[1] !== oldAnswers.error || $[2] !== styles.fail) {
-    t2 = oldAnswers.error && /*#__PURE__*/_jsxs(Text, {
-      style: styles.fail,
-      children: ["Old: ", String(oldAnswers.error)]
-    });
-    $[1] = oldAnswers.error;
-    $[2] = styles.fail;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== newAnswers.error || $[5] !== styles.fail) {
-    t3 = newAnswers.error && /*#__PURE__*/_jsxs(Text, {
-      style: styles.fail,
-      children: ["New: ", String(newAnswers.error)]
-    });
-    $[4] = newAnswers.error;
-    $[5] = styles.fail;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== newAnswers.data || $[8] !== oldAnswers.data || $[9] !== styles.row) {
-    t4 = flagNames.map(name => /*#__PURE__*/_jsxs(View, {
-      style: styles.row,
-      children: [/*#__PURE__*/_jsx(Heading, {
-        variant: "h3",
-        children: name.replace("ROLLOUT_", "")
-      }), /*#__PURE__*/_jsx(Answer, {
-        label: "Old",
-        expected: TEST_FLAGS[name].old,
-        actual: oldAnswers.data?.[name]
-      }), /*#__PURE__*/_jsx(Answer, {
-        label: "New",
-        expected: TEST_FLAGS[name].new,
-        actual: newAnswers.data?.[name]
-      }), TEST_FLAGS[name].note && /*#__PURE__*/_jsx(Text, {
-        variant: "tertiary",
-        children: TEST_FLAGS[name].note
-      })]
-    }, name));
-    $[7] = newAnswers.data;
-    $[8] = oldAnswers.data;
-    $[9] = styles.row;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  let t5;
-  if ($[11] !== styles.container || $[12] !== t2 || $[13] !== t3 || $[14] !== t4) {
-    t5 = /*#__PURE__*/_jsxs(ScrollView, {
-      contentContainerStyle: t0,
-      children: [t1, t2, t3, t4]
-    });
-    $[11] = styles.container;
-    $[12] = t2;
-    $[13] = t3;
-    $[14] = t4;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  return t5;
-}
-function Answer(t0) {
-  const $ = _c(8);
-  const {
-    label,
-    expected,
-    actual
-  } = t0;
-  const styles = useStyles();
-  const onOff = _temp2;
-  if (actual === undefined) {
-    let t1;
-    if ($[0] !== label) {
-      t1 = /*#__PURE__*/_jsxs(Text, {
-        variant: "secondary",
-        children: [label, ": \u2026"]
-      });
-      $[0] = label;
-      $[1] = t1;
-    } else {
-      t1 = $[1];
-    }
-    return t1;
-  }
-  const passed = actual === expected;
-  const t1 = passed ? styles.pass : styles.fail;
-  const t2 = passed ? "\u2713" : "\u2717";
-  const t3 = onOff(actual);
-  const t4 = onOff(expected);
-  let t5;
-  if ($[2] !== label || $[3] !== t1 || $[4] !== t2 || $[5] !== t3 || $[6] !== t4) {
-    t5 = /*#__PURE__*/_jsxs(Text, {
-      style: t1,
-      children: [t2, " ", label, ": ", t3, " (expected ", t4, ")"]
-    });
-    $[2] = label;
-    $[3] = t1;
-    $[4] = t2;
-    $[5] = t3;
-    $[6] = t4;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  return t5;
-}
-function _temp2(value) {
-  return value ? "on" : "off";
-}
-const useStyles = () => {
-  const $ = _c(4);
-  const {
-    colors
-  } = useTheme();
-  let t0;
-  if ($[0] !== colors.borderColorDefaultBase || $[1] !== colors.statusErrorText || $[2] !== colors.statusSuccessIcon) {
-    t0 = 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
-      }
-    });
-    $[0] = colors.borderColorDefaultBase;
-    $[1] = colors.statusErrorText;
-    $[2] = colors.statusSuccessIcon;
-    $[3] = t0;
-  } else {
-    t0 = $[3];
-  }
-  return t0;
-};
-function _temp(feature) {
-  return [feature.name, feature.enabled];
-}
-//# sourceMappingURL=flag_test_screen.js.map

package/build/screens/flag_test_screen.js.map

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

package/src/screens/flag_test_screen.tsx

@@ -1,133 +0,0 @@
-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,
-    },
-  })
-}