npm - @planningcenter/chat-react-native - Versions diffs - 3.38.0-rc.1 → 3.38.0-rc.11 - Mend

@planningcenter/chat-react-native 3.38.0-rc.1 → 3.38.0-rc.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (223) hide show

package/build/screens/conversation_filter_recipients/components/header_row.js CHANGED Viewed

@@ -9,6 +9,7 @@ export const HeaderRow = ({ data, nativeID, style, setTeamFilters }) => {
     const styles = useStyles();
     const route = useRoute();
     const { serviceTypeName, teamIdsForServiceType } = data;
+    const displayName = serviceTypeName ?? 'No service type';
     const { team_ids: currentTeamIds = [] } = route.params;
     const newTeamIdsAdded = [...new Set([...currentTeamIds, ...teamIdsForServiceType])];
     const newTeamIdsRemoved = currentTeamIds.filter(id => !teamIdsForServiceType.includes(id));
@@ -16,7 +17,7 @@ export const HeaderRow = ({ data, nativeID, style, setTeamFilters }) => {
     const showSelectAll = teamIdsForServiceType.length <= BULK_SELECT_LIMIT;
     const selectLabel = allTeamsSelected ? 'Deselect' : 'Select';
     const headingAccessibilityHint = `${pluralize(teamIdsForServiceType.length, 'team')} available to select`;
-    const selectAllAccessibilityLabel = `${selectLabel} ${pluralize(teamIdsForServiceType.length, 'team')} for ${serviceTypeName}`;
+    const selectAllAccessibilityLabel = `${selectLabel} ${pluralize(teamIdsForServiceType.length, 'team')} for ${displayName}`;
     const handleSelectAll = () => {
         setTeamFilters({
             team_ids: allTeamsSelected ? newTeamIdsRemoved : newTeamIdsAdded,
@@ -26,7 +27,7 @@ export const HeaderRow = ({ data, nativeID, style, setTeamFilters }) => {
       <View style={styles.headerContent}>
         <Icon name="services.folderClosed" style={styles.headerIcon}/>
         <Heading variant="h3" style={styles.headerText} numberOfLines={2} nativeID={nativeID} accessibilityHint={headingAccessibilityHint}>
-          {serviceTypeName}
+          {displayName}
         </Heading>
       </View>

package/build/screens/conversation_filter_recipients/components/header_row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"header_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/components/header_row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,0BAA0B,CAAA;AACnE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAOxD,MAAM,iBAAiB,GAAG,EAAE,CAAA;AAS5B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAkB,EAAE,EAAE;IACrF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,KAAK,GAAG,QAAQ,EAA+D,CAAA;IAErF,MAAM,EAAE,eAAe,EAAE,qBAAqB,EAAE,GAAG,IAAI,CAAA;IACvD,MAAM,EAAE,QAAQ,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;IAEtD,MAAM,eAAe,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,cAAc,EAAE,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACnF,MAAM,iBAAiB,GAAG,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAA;IAE1F,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAA;IACvF,MAAM,aAAa,GAAG,qBAAqB,CAAC,MAAM,IAAI,iBAAiB,CAAA;IACvE,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAA;IAE5D,MAAM,wBAAwB,GAAG,GAAG,SAAS,CAAC,qBAAqB,CAAC,MAAM,EAAE,MAAM,CAAC,sBAAsB,CAAA;IACzG,MAAM,2BAA2B,GAAG,GAAG,WAAW,IAAI,SAAS,CAAC,qBAAqB,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,~~eAAe~~,EAAE,CAAA;~~IAE9H~~,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,cAAc,CAAC;YACb,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe;SACjE,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAC5D;QAAA,CAAC,OAAO,CACN,OAAO,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,wBAAwB,CAAC,CAE5C;UAAA,CAAC,~~eAAe~~,~~CAClB~~;QAAA,EAAE,OAAO,CACX;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,aAAa,IAAI,CAChB,CAAC,UAAU,CACT,OAAO,CAAC,UAAU,CAClB,OAAO,CAAC,CAAC,eAAe,CAAC,CACzB,kBAAkB,CAAC,CAAC,2BAA2B,CAAC,CAEhD;UAAA,CAAC,WAAW,CAAE;QAChB,EAAE,UAAU,CAAC,CACd,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,EAAE;YACX,GAAG,EAAE,EAAE;YACP,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC;QACD,UAAU,EAAE;YACV,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;QACD,aAAa,EAAE;YACb,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;YACP,IAAI,EAAE,CAAC;SACR;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM,CAAC,WAAW;YACzB,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useRoute, type RouteProp } from '@react-navigation/native'\nimport { View, StyleSheet, type ViewStyle } from 'react-native'\nimport { Icon, Heading, TextButton } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { pluralize } from '../../../utils'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport type {\n ConversationFilterRecipientsScreenProps,\n ServiceTypeProps,\n SetTeamFilters,\n} from '../types'\n\nconst BULK_SELECT_LIMIT = 10\n\ninterface HeaderRowProps {\n data: ServiceTypeProps\n nativeID: string\n style?: ViewStyle\n setTeamFilters: SetTeamFilters\n}\n\nexport const HeaderRow = ({ data, nativeID, style, setTeamFilters }: HeaderRowProps) => {\n const styles = useStyles()\n const route = useRoute<RouteProp<ConversationFilterRecipientsScreenProps['route']>>()\n\n const { serviceTypeName, teamIdsForServiceType } = data\n const { team_ids: currentTeamIds = [] } = route.params\n\n const newTeamIdsAdded = [...new Set([...currentTeamIds, ...teamIdsForServiceType])]\n const newTeamIdsRemoved = currentTeamIds.filter(id => !teamIdsForServiceType.includes(id))\n\n const allTeamsSelected = teamIdsForServiceType.every(id => currentTeamIds.includes(id))\n const showSelectAll = teamIdsForServiceType.length <= BULK_SELECT_LIMIT\n const selectLabel = allTeamsSelected ? 'Deselect' : 'Select'\n\n const headingAccessibilityHint = `${pluralize(teamIdsForServiceType.length, 'team')} available to select`\n const selectAllAccessibilityLabel = `${selectLabel} ${pluralize(teamIdsForServiceType.length, 'team')} for ${~~serviceTypeName~~}`\n\n const handleSelectAll = () => {\n setTeamFilters({\n team_ids: allTeamsSelected ? newTeamIdsRemoved : newTeamIdsAdded,\n })\n }\n\n return (\n <View style={[styles.headerRow, style]}>\n <View style={styles.headerContent}>\n <Icon name=\"services.folderClosed\" style={styles.headerIcon} />\n <Heading\n variant=\"h3\"\n style={styles.headerText}\n numberOfLines={2}\n nativeID={nativeID}\n accessibilityHint={headingAccessibilityHint}\n >\n {~~serviceTypeName~~}\n </Heading>\n </View>\n\n {showSelectAll && (\n <TextButton\n variant=\"tertiary\"\n onPress={handleSelectAll}\n accessibilityLabel={selectAllAccessibilityLabel}\n >\n {selectLabel} all\n </TextButton>\n )}\n </View>\n )\n}\n\nconst useStyles = () => {\n const { colors } = useTheme()\n\n return StyleSheet.create({\n headerRow: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: 16,\n gap: 12,\n backgroundColor: colors.surfaceColor100,\n },\n headerText: {\n fontWeight: 'normal',\n flex: 1,\n color: colors.textColorDefaultPrimary,\n fontSize: tokens.fontSizeSm,\n },\n headerContent: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 12,\n flex: 1,\n },\n headerIcon: {\n color: colors.interaction,\n fontSize: tokens.fontSizeMd,\n },\n })\n}\n"]}
1	+ {"version":3,"file":"header_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/components/header_row.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRoute, type RouteProp } from '@react-navigation/native'\nimport { View, StyleSheet, type ViewStyle } from 'react-native'\nimport { Icon, Heading, TextButton } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { pluralize } from '../../../utils'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport type {\n ConversationFilterRecipientsScreenProps,\n ServiceTypeProps,\n SetTeamFilters,\n} from '../types'\n\nconst BULK_SELECT_LIMIT = 10\n\ninterface HeaderRowProps {\n data: ServiceTypeProps\n nativeID: string\n style?: ViewStyle\n setTeamFilters: SetTeamFilters\n}\n\nexport const HeaderRow = ({ data, nativeID, style, setTeamFilters }: HeaderRowProps) => {\n const styles = useStyles()\n const route = useRoute<RouteProp<ConversationFilterRecipientsScreenProps['route']>>()\n\n const { serviceTypeName, teamIdsForServiceType } = data\n const displayName = serviceTypeName ?? 'No service type'\n const { team_ids: currentTeamIds = [] } = route.params\n\n const newTeamIdsAdded = [...new Set([...currentTeamIds, ...teamIdsForServiceType])]\n const newTeamIdsRemoved = currentTeamIds.filter(id => !teamIdsForServiceType.includes(id))\n\n const allTeamsSelected = teamIdsForServiceType.every(id => currentTeamIds.includes(id))\n const showSelectAll = teamIdsForServiceType.length <= BULK_SELECT_LIMIT\n const selectLabel = allTeamsSelected ? 'Deselect' : 'Select'\n\n const headingAccessibilityHint = `${pluralize(teamIdsForServiceType.length, 'team')} available to select`\n const selectAllAccessibilityLabel = `${selectLabel} ${pluralize(teamIdsForServiceType.length, 'team')} for ${displayName}`\n\n const handleSelectAll = () => {\n setTeamFilters({\n team_ids: allTeamsSelected ? newTeamIdsRemoved : newTeamIdsAdded,\n })\n }\n\n return (\n <View style={[styles.headerRow, style]}>\n <View style={styles.headerContent}>\n <Icon name=\"services.folderClosed\" style={styles.headerIcon} />\n <Heading\n variant=\"h3\"\n style={styles.headerText}\n numberOfLines={2}\n nativeID={nativeID}\n accessibilityHint={headingAccessibilityHint}\n >\n {displayName}\n </Heading>\n </View>\n\n {showSelectAll && (\n <TextButton\n variant=\"tertiary\"\n onPress={handleSelectAll}\n accessibilityLabel={selectAllAccessibilityLabel}\n >\n {selectLabel} all\n </TextButton>\n )}\n </View>\n )\n}\n\nconst useStyles = () => {\n const { colors } = useTheme()\n\n return StyleSheet.create({\n headerRow: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: 16,\n gap: 12,\n backgroundColor: colors.surfaceColor100,\n },\n headerText: {\n fontWeight: 'normal',\n flex: 1,\n color: colors.textColorDefaultPrimary,\n fontSize: tokens.fontSizeSm,\n },\n headerContent: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: 12,\n flex: 1,\n },\n headerIcon: {\n color: colors.interaction,\n fontSize: tokens.fontSizeMd,\n },\n })\n}\n"]}

package/build/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use_flattened_array_of_service_types_with_teams.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAgB,KAAK,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAExF,UAAU,KAAK;IACb,IAAI,EAAE,oBAAoB,EAAE,CAAA;IAC5B,aAAa,EAAE,SAAS,CAAA;IACxB,YAAY,EAAE,SAAS,CAAA;CACxB;AAED,wBAAgB,wCAAwC,CAAC,EACvD,IAAI,EACJ,aAAa,EACb,YAAY,GACb,EAAE,KAAK,~~mBAmCP~~"}
1	+ {"version":3,"file":"use_flattened_array_of_service_types_with_teams.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAgB,KAAK,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAExF,UAAU,KAAK;IACb,IAAI,EAAE,oBAAoB,EAAE,CAAA;IAC5B,aAAa,EAAE,SAAS,CAAA;IACxB,YAAY,EAAE,SAAS,CAAA;CACxB;AAED,wBAAgB,wCAAwC,CAAC,EACvD,IAAI,EACJ,aAAa,EACb,YAAY,GACb,EAAE,KAAK,mBA8DP"}

package/build/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.js CHANGED Viewed

@@ -1,32 +1,61 @@
 import { useMemo } from 'react';
 import { SectionTypes } from '../types';
 export function useFlattenedArrayOfServiceTypesWithTeams({ data, firstRowStyle, lastRowStyle, }) {
-    const flattenedData = useMemo(() => data.flatMap(serviceType => {
-        const teamIdsForServiceType = serviceType.teams.map(team => team.id);
-        return [
-            {
-                type: SectionTypes.header,
-                data: {
-                    serviceTypeName: serviceType.name,
-                    serviceTypeId: serviceType.id,
-                    teamIdsForServiceType,
+    const flattenedData = useMemo(() => {
+        const serviceTypeRows = data
+            .filter(serviceType => serviceType.id > 0)
+            .flatMap(serviceType => {
+            const teamIdsForServiceType = serviceType.teams.map(team => team.id);
+            return [
+                {
+                    type: SectionTypes.header,
+                    data: {
+                        serviceTypeName: serviceType.name,
+                        serviceTypeId: serviceType.id,
+                        teamIdsForServiceType,
+                    },
+                    sectionStyle: firstRowStyle,
                 },
-                sectionStyle: firstRowStyle,
-            },
-            ...serviceType.teams.map((team, teamIdx) => {
-                const isLastTeamInServiceType = teamIdx === serviceType.teams.length - 1;
-                return {
+                ...serviceType.teams.map((team, teamIdx) => ({
                     type: SectionTypes.team,
                     data: {
                         teamName: team.name,
                         teamId: team.id,
                         serviceTypeId: serviceType.id,
                     },
-                    sectionStyle: isLastTeamInServiceType ? lastRowStyle : undefined,
-                };
-            }),
+                    sectionStyle: teamIdx === serviceType.teams.length - 1 ? lastRowStyle : undefined,
+                })),
+            ];
+        });
+        // Teams without a service type (id < 0) are merged under a single "No service type" section.
+        // Service type ID 0 is a safe sentinel — real IDs are always positive.
+        const serviceTypelessTeams = data
+            .filter(serviceType => serviceType.id < 0)
+            .flatMap(serviceType => serviceType.teams);
+        if (serviceTypelessTeams.length === 0)
+            return serviceTypeRows;
+        const serviceTypelessRows = [
+            {
+                type: SectionTypes.header,
+                data: {
+                    serviceTypeName: null,
+                    serviceTypeId: 0,
+                    teamIdsForServiceType: serviceTypelessTeams.map(t => t.id),
+                },
+                sectionStyle: firstRowStyle,
+            },
+            ...serviceTypelessTeams.map((team, teamIdx) => ({
+                type: SectionTypes.team,
+                data: {
+                    teamName: team.name,
+                    teamId: team.id,
+                    serviceTypeId: 0,
+                },
+                sectionStyle: teamIdx === serviceTypelessTeams.length - 1 ? lastRowStyle : undefined,
+            })),
         ];
-    }), [data, firstRowStyle, lastRowStyle]);
+        return [...serviceTypelessRows, ...serviceTypeRows];
+    }, [data, firstRowStyle, lastRowStyle]);
     return flattenedData;
 }
 //# sourceMappingURL=use_flattened_array_of_service_types_with_teams.js.map

package/build/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use_flattened_array_of_service_types_with_teams.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,YAAY,EAAmD,MAAM,UAAU,CAAA;AAQxF,MAAM,UAAU,wCAAwC,CAAC,EACvD,IAAI,EACJ,aAAa,EACb,YAAY,GACN;IACN,MAAM,aAAa,GAAoB,OAAO,~~CAC5C~~,GAAG,EAAE,~~CACH~~,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;~~QACzB~~,MAAM,qBAAqB,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;~~QAEpE~~,OAAO;~~YACL~~;~~gBACE~~,IAAI,EAAE,YAAY,CAAC,MAAe;~~gBAClC~~,IAAI,EAAE;~~oBACJ~~,eAAe,EAAE,WAAW,CAAC,IAAI;~~oBACjC~~,aAAa,EAAE,WAAW,CAAC,EAAE;~~oBAC7B~~,qBAAqB;~~iBACtB~~;~~gBACD~~,YAAY,EAAE,aAAa;~~aAC5B~~;~~YACD~~,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;~~gBACzC~~,MAAM,~~uBAAuB~~,~~GAAG~~,OAAO,KAAK,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;~~gBAExE~~,OAAO;~~oBACL~~,IAAI,EAAE,YAAY,CAAC,IAAa;~~oBAChC~~,IAAI,EAAE;~~wBACJ~~,QAAQ,EAAE,IAAI,CAAC,IAAI;~~wBACnB~~,MAAM,EAAE,IAAI,CAAC,EAAE;~~wBACf~~,aAAa,EAAE,~~WAAW,~~CAAC~~,EAAE~~;~~qBAC9B~~;~~oBACD~~,YAAY,EAAE,~~uBAAuB~~,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;~~iBACjE~~,~~CAAA;YACH,~~CAAC,CAAC;~~SACH~~,CAAA;~~IACH~~,CAAC,CAAC,~~EACJ~~,CAAC,IAAI,EAAE,aAAa,EAAE,YAAY,CAAC,~~CACpC~~,CAAA;~~IAED~~,OAAO,aAAa,CAAA;AACtB,CAAC","sourcesContent":["import { useMemo } from 'react'\nimport { type ViewStyle } from 'react-native'\nimport { SectionTypes, type SectionListData, type ServiceTypeWithTeams } from '../types'\n\ninterface Props {\n data: ServiceTypeWithTeams[]\n firstRowStyle: ViewStyle\n lastRowStyle: ViewStyle\n}\n\nexport function useFlattenedArrayOfServiceTypesWithTeams({\n data,\n firstRowStyle,\n lastRowStyle,\n}: Props) {\n const flattenedData: SectionListData = useMemo(\n () ~~=>\~~n ~~data~~.flatMap(serviceType => {\n const teamIdsForServiceType = serviceType.teams.map(team => team.id)\n\n return [\n {\n type: SectionTypes.header as const,\n data: {\n serviceTypeName: serviceType.name,\n serviceTypeId: serviceType.id,\n teamIdsForServiceType,\n },\n sectionStyle: firstRowStyle,\n },\n ...serviceType.teams.map((team, teamIdx) => {\n const ~~isLastTeamInServiceType~~ = teamIdx === serviceType.teams.length - 1\n\n return {\n type: SectionTypes.team as const,\n data: {\n teamName: team.name,\n teamId: team.id,\n serviceTypeId: ~~serviceType.id~~,\n },\n sectionStyle: ~~isLastTeamInServiceType~~ ? lastRowStyle : undefined,\n }~~\n }~~),\n ]\n ~~}),\~~n [data, firstRowStyle, lastRowStyle]\n )\n\n return flattenedData\n}\n"]}
1	+ {"version":3,"file":"use_flattened_array_of_service_types_with_teams.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_with_teams.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,YAAY,EAAmD,MAAM,UAAU,CAAA;AAQxF,MAAM,UAAU,wCAAwC,CAAC,EACvD,IAAI,EACJ,aAAa,EACb,YAAY,GACN;IACN,MAAM,aAAa,GAAoB,OAAO,CAAC,GAAG,EAAE;QAClD,MAAM,eAAe,GAAG,IAAI;aACzB,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,GAAG,CAAC,CAAC;aACzC,OAAO,CAAC,WAAW,CAAC,EAAE;YACrB,MAAM,qBAAqB,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YAEpE,OAAO;gBACL;oBACE,IAAI,EAAE,YAAY,CAAC,MAAe;oBAClC,IAAI,EAAE;wBACJ,eAAe,EAAE,WAAW,CAAC,IAAI;wBACjC,aAAa,EAAE,WAAW,CAAC,EAAE;wBAC7B,qBAAqB;qBACtB;oBACD,YAAY,EAAE,aAAa;iBAC5B;gBACD,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;oBAC3C,IAAI,EAAE,YAAY,CAAC,IAAa;oBAChC,IAAI,EAAE;wBACJ,QAAQ,EAAE,IAAI,CAAC,IAAI;wBACnB,MAAM,EAAE,IAAI,CAAC,EAAE;wBACf,aAAa,EAAE,WAAW,CAAC,EAAE;qBAC9B;oBACD,YAAY,EAAE,OAAO,KAAK,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;iBAClF,CAAC,CAAC;aACJ,CAAA;QACH,CAAC,CAAC,CAAA;QAEJ,6FAA6F;QAC7F,uEAAuE;QACvE,MAAM,oBAAoB,GAAG,IAAI;aAC9B,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,GAAG,CAAC,CAAC;aACzC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;QAE5C,IAAI,oBAAoB,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,eAAe,CAAA;QAE7D,MAAM,mBAAmB,GAAoB;YAC3C;gBACE,IAAI,EAAE,YAAY,CAAC,MAAe;gBAClC,IAAI,EAAE;oBACJ,eAAe,EAAE,IAAI;oBACrB,aAAa,EAAE,CAAC;oBAChB,qBAAqB,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;iBAC3D;gBACD,YAAY,EAAE,aAAa;aAC5B;YACD,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;gBAC9C,IAAI,EAAE,YAAY,CAAC,IAAa;gBAChC,IAAI,EAAE;oBACJ,QAAQ,EAAE,IAAI,CAAC,IAAI;oBACnB,MAAM,EAAE,IAAI,CAAC,EAAE;oBACf,aAAa,EAAE,CAAC;iBACjB;gBACD,YAAY,EAAE,OAAO,KAAK,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;aACrF,CAAC,CAAC;SACJ,CAAA;QAED,OAAO,CAAC,GAAG,mBAAmB,EAAE,GAAG,eAAe,CAAC,CAAA;IACrD,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IAEvC,OAAO,aAAa,CAAA;AACtB,CAAC","sourcesContent":["import { useMemo } from 'react'\nimport { type ViewStyle } from 'react-native'\nimport { SectionTypes, type SectionListData, type ServiceTypeWithTeams } from '../types'\n\ninterface Props {\n data: ServiceTypeWithTeams[]\n firstRowStyle: ViewStyle\n lastRowStyle: ViewStyle\n}\n\nexport function useFlattenedArrayOfServiceTypesWithTeams({\n data,\n firstRowStyle,\n lastRowStyle,\n}: Props) {\n const flattenedData: SectionListData = useMemo(() => {\n const serviceTypeRows = data\n .filter(serviceType => serviceType.id > 0)\n .flatMap(serviceType => {\n const teamIdsForServiceType = serviceType.teams.map(team => team.id)\n\n return [\n {\n type: SectionTypes.header as const,\n data: {\n serviceTypeName: serviceType.name,\n serviceTypeId: serviceType.id,\n teamIdsForServiceType,\n },\n sectionStyle: firstRowStyle,\n },\n ...serviceType.teams.map((team, teamIdx) => ({\n type: SectionTypes.team as const,\n data: {\n teamName: team.name,\n teamId: team.id,\n serviceTypeId: serviceType.id,\n },\n sectionStyle: teamIdx === serviceType.teams.length - 1 ? lastRowStyle : undefined,\n })),\n ]\n })\n\n // Teams without a service type (id < 0) are merged under a single \"No service type\" section.\n // Service type ID 0 is a safe sentinel — real IDs are always positive.\n const serviceTypelessTeams = data\n .filter(serviceType => serviceType.id < 0)\n .flatMap(serviceType => serviceType.teams)\n\n if (serviceTypelessTeams.length === 0) return serviceTypeRows\n\n const serviceTypelessRows: SectionListData = [\n {\n type: SectionTypes.header as const,\n data: {\n serviceTypeName: null,\n serviceTypeId: 0,\n teamIdsForServiceType: serviceTypelessTeams.map(t => t.id),\n },\n sectionStyle: firstRowStyle,\n },\n ...serviceTypelessTeams.map((team, teamIdx) => ({\n type: SectionTypes.team as const,\n data: {\n teamName: team.name,\n teamId: team.id,\n serviceTypeId: 0,\n },\n sectionStyle: teamIdx === serviceTypelessTeams.length - 1 ? lastRowStyle : undefined,\n })),\n ]\n\n return [...serviceTypelessRows, ...serviceTypeRows]\n }, [data, firstRowStyle, lastRowStyle])\n\n return flattenedData\n}\n"]}

package/build/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ServicesChatResource } from '../../../types';
+import { ServicesChatResource, TeamResponseItem } from '../../../types';
 import { ServiceTypeWithTeams, TeamFilterTypes } from '../types';
 export declare function useServiceTypesWithTeams({ filterType, searchQuery, }?: {
     filterType?: TeamFilterTypes;
@@ -172,4 +172,5 @@ export declare function useServiceTypesWithTeams({ filterType, searchQuery, }?:
     meta?: Record<string, unknown> | undefined;
     serviceTypes: ServiceTypeWithTeams[];
 };
+export declare function decorateTeamResponseItems(teamResponseItems: TeamResponseItem[], searchQuery?: string): ServiceTypeWithTeams[];
 //# sourceMappingURL=use_service_types_with_teams.d.ts.map

package/build/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use_service_types_with_teams.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,~~EAAoB~~,MAAM,gBAAgB,CAAA;AACvE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAEhE,wBAAgB,wBAAwB,CAAC,EACvC,UAAuC,EACvC,WAAW,GACZ,GAAE;IACD,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWL"}
1	+ {"version":3,"file":"use_service_types_with_teams.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACvE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAEhE,wBAAgB,wBAAwB,CAAC,EACvC,UAAuC,EACvC,WAAW,GACZ,GAAE;IACD,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWL;AAsCD,wBAAgB,yBAAyB,CACvC,iBAAiB,EAAE,gBAAgB,EAAE,EACrC,WAAW,CAAC,EAAE,MAAM,0BAyCrB"}

package/build/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.js CHANGED Viewed

@@ -44,43 +44,40 @@ const useTeams = ({ filterType }) => {
     }, [data, filterType]);
     return { data: result || [], ...rest };
 };
-function decorateTeamResponseItems(teamResponseItems, searchQuery) {
-    return teamResponseItems
-        .filter(item => {
+export function decorateTeamResponseItems(teamResponseItems, searchQuery) {
+    const filtered = teamResponseItems.filter(item => {
         if (!searchQuery)
             return true;
         const evalMatch = (str) => str.toLowerCase().includes(searchQuery.toLowerCase());
-        const teamNameMatch = evalMatch(item.name);
-        const serviceTypeNamesMatch = evalMatch(item.serviceTypeNames?.join(',') || '');
-        return teamNameMatch || serviceTypeNamesMatch;
-    })
-        .map(({ value, serviceTypeNames, teamName }) => {
-        return {
-            service_types: value.serviceTypeIds.map((serviceTypeId, i) => ({
-                id: serviceTypeId,
-                name: serviceTypeNames[i],
-            })),
-            team: {
-                id: value.teamId,
-                name: teamName,
-            },
-        };
-    })
+        return evalMatch(item.name) || evalMatch(item.serviceTypeNames?.join(',') || '');
+    });
+    const withServiceTypes = filtered.filter(item => item.value.serviceTypeIds.length > 0);
+    const withoutServiceTypes = filtered.filter(item => item.value.serviceTypeIds.length === 0);
+    // Negative team ID is used as a unique sentinel — real service type IDs are always positive.
+    const typelessEntries = withoutServiceTypes.map(({ value, teamName }) => ({
+        id: -value.teamId,
+        name: teamName,
+        teams: [{ id: value.teamId, name: teamName }],
+    }));
+    const typedEntries = withServiceTypes
+        .map(({ value, serviceTypeNames, teamName }) => ({
+        service_types: value.serviceTypeIds.map((serviceTypeId, i) => ({
+            id: serviceTypeId,
+            name: serviceTypeNames[i],
+        })),
+        team: { id: value.teamId, name: teamName },
+    }))
         .reduce((acc, { service_types, team }) => {
         service_types.forEach(serviceType => {
             let serviceTypeEntry = acc.find(entry => entry.id === serviceType.id);
             if (!serviceTypeEntry) {
-                serviceTypeEntry = {
-                    id: serviceType.id,
-                    name: serviceType.name,
-                    teams: [],
-                };
+                serviceTypeEntry = { id: serviceType.id, name: serviceType.name, teams: [] };
                 acc.push(serviceTypeEntry);
             }
-            const initialTeams = serviceTypeEntry.teams;
-            serviceTypeEntry.teams = uniqBy([...initialTeams, team], 'id');
+            serviceTypeEntry.teams = uniqBy([...serviceTypeEntry.teams, team], 'id');
         });
         return acc;
     }, []);
+    return [...typelessEntries, ...typedEntries];
 }
 //# sourceMappingURL=use_service_types_with_teams.js.map

package/build/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use_service_types_with_teams.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,OAAO,EAAwB,eAAe,EAAE,MAAM,UAAU,CAAA;AAEhE,MAAM,UAAU,wBAAwB,CAAC,EACvC,UAAU,GAAG,eAAe,CAAC,UAAU,EACvC,WAAW,MAIT,EAAE;IACJ,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,CAAA;IAElD,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,yBAAyB,CAAC,IAA0B,EAAE,WAAW,CAAC,CAAA;IAC3E,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvB,OAAO;QACL,YAAY,EAAE,iBAAiB;QAC/B,GAAG,IAAI;KACR,CAAA;AACH,CAAC;AAED,MAAM,QAAQ,GAAG,CAAC,EAAE,UAAU,EAAmC,EAAE,EAAE;IACnE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,QAAQ,UAAU,EAAE,CAAC;YACnB,KAAK,eAAe,CAAC,GAAG;gBACtB,OAAO,OAAO,CAAA;YAChB,KAAK,eAAe,CAAC,OAAO;gBAC1B,OAAO,UAAU,CAAA;YACnB;gBACE,OAAO,cAAc,CAAA;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,CAAuB;QACxD,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,CAAC,YAAY,CAAC;aACrB;SACF;QACD,GAAG,EAAE,UAAU;KAChB,CAAC,CAAA;IAEF,MAAM,MAAM,GAAuB,OAAO,CAAC,GAAG,EAAE;QAC9C,QAAQ,UAAU,EAAE,CAAC;YACnB,KAAK,eAAe,CAAC,GAAG;gBACtB,OAAO,IAAI,EAAE,KAAK,IAAI,EAAE,CAAA;YAC1B,KAAK,eAAe,CAAC,OAAO;gBAC1B,OAAO,IAAI,EAAE,OAAO,IAAI,EAAE,CAAA;YAC5B;gBACE,OAAO,IAAI,EAAE,UAAU,IAAI,EAAE,CAAA;QACjC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAA;IAEtB,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,CAAA;AACxC,CAAC,CAAA;AAED,~~SAAS~~,yBAAyB,~~CAAC~~,iBAAqC,~~EAAE~~,WAAoB;~~IAC5F~~,~~OAAO~~,iBAAiB~~;SACrB~~,MAAM,CAAC,IAAI,CAAC,EAAE;~~QACb~~,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAA;~~QAE7B~~,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAA;QACxF,~~MAAM~~,~~aAAa~~,~~GAAG~~,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;~~QAC1C~~,MAAM,~~qBAAqB~~,GAAG,~~SAAS~~,CAAC,IAAI,CAAC,~~gBAAgB,~~EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAA;~~QAE/E~~,~~OAAO~~,~~aAAa~~,IAAI,~~qBAAqB~~,~~CAAA~~;~~IAC/C~~,CAAC,CAAC;~~SACD~~,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,EAAE~~;QAC7C~~,~~OAAO~~;~~YACL~~,aAAa,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;~~gBAC7D~~,EAAE,EAAE,aAAa;~~gBACjB~~,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC;~~aAC1B~~,CAAC,CAAC;~~YACH~~,IAAI,EAAE~~;gBACJ~~,EAAE,EAAE,KAAK,CAAC,MAAM~~;gBAChB~~,IAAI,EAAE,QAAQ~~;aACf;SACF~~,~~CAAA~~;~~IACH~~,CAAC,CAAC;~~SACD~~,MAAM,CAAC,CAAC,GAA2B,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE;QAC/D,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;YAClC,IAAI,gBAAgB,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,CAAC,CAAA;~~YAErE~~,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACtB,gBAAgB,GAAG~~;oBACjB~~,EAAE,EAAE,WAAW,CAAC,EAAE~~;oBAClB~~,IAAI,EAAE,WAAW,CAAC,IAAI~~;oBACtB~~,KAAK,EAAE,EAAE~~;iBACV~~,CAAA;~~gBACD~~,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;YAC5B,CAAC;~~YAED~~,~~MAAM,YAAY,GAAG,~~gBAAgB,CAAC,KAAK,~~CAAA;YAC3C~~,~~gBAAgB~~,CAAC,~~KAAK~~,GAAG,~~MAAM~~,CAAC,~~CAAC~~,~~GAAG,YAAY,~~EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAA;~~QAChE~~,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAE,CAAC,CAAA;~~AACV~~,CAAC","sourcesContent":["import { uniqBy } from 'lodash'\nimport { useMemo } from 'react'\nimport { useApiGet } from '../../../hooks/use_api'\nimport { ServicesChatResource, TeamResponseItem } from '../../../types'\nimport { ServiceTypeWithTeams, TeamFilterTypes } from '../types'\n\nexport function useServiceTypesWithTeams({\n filterType = TeamFilterTypes.TeamsIlead,\n searchQuery,\n}: {\n filterType?: TeamFilterTypes\n searchQuery?: string\n} = {}) {\n const { data, ...rest } = useTeams({ filterType })\n\n const decoratedResponse = useMemo(() => {\n return decorateTeamResponseItems(data as TeamResponseItem[], searchQuery)\n }, [data, searchQuery])\n\n return {\n serviceTypes: decoratedResponse,\n ...rest,\n }\n}\n\nconst useTeams = ({ filterType }: { filterType: TeamFilterTypes }) => {\n const requestField = useMemo(() => {\n switch (filterType) {\n case TeamFilterTypes.All:\n return 'teams'\n case TeamFilterTypes.MyTeams:\n return 'my_teams'\n default:\n return 'teams_i_lead'\n }\n }, [filterType])\n\n const { data, ...rest } = useApiGet<ServicesChatResource>({\n url: '/chat',\n data: {\n fields: {\n Chat: [requestField],\n },\n },\n app: 'services',\n })\n\n const result: TeamResponseItem[] = useMemo(() => {\n switch (filterType) {\n case TeamFilterTypes.All:\n return data?.teams \|\| []\n case TeamFilterTypes.MyTeams:\n return data?.myTeams \|\| []\n default:\n return data?.teamsILead \|\| []\n }\n }, [data, filterType])\n\n return { data: result \|\| [], ...rest }\n}\n\~~nfunction~~ decorateTeamResponseItems(teamResponseItems: TeamResponseItem[], searchQuery?: string) {\n ~~return~~ teamResponseItems\n .filter(item => {\n if (!searchQuery) return true\n\n const evalMatch = (str: string) => str.toLowerCase().includes(searchQuery.toLowerCase())\n ~~const~~ ~~teamNameMatch =~~ evalMatch(item.name)~~\n const~~ ~~serviceTypeNamesMatch~~ = evalMatch(item.serviceTypeNames?.join(',') \|\| '')\n\n ~~return~~ ~~teamNameMatch~~ \|\| ~~serviceTypeNamesMatch~~\n })\n .map(({ value, serviceTypeNames, teamName }) => {\n ~~return {\n~~ service_types: value.serviceTypeIds.map((serviceTypeId, i) => ({\n id: serviceTypeId,\n name: serviceTypeNames[i],\n })),\n team: {\n id: value.teamId~~,\n~~ name: teamName~~,\n~~ },\n ~~}\n~~ })\n .reduce((acc: ServiceTypeWithTeams[], { service_types, team }) => {\n service_types.forEach(serviceType => {\n let serviceTypeEntry = acc.find(entry => entry.id === serviceType.id)\n\n if (!serviceTypeEntry) {\n serviceTypeEntry = {\n id: serviceType.id~~,\n~~ name: serviceType.name~~,\n~~ teams: []~~,\n~~ }\n acc.push(serviceTypeEntry)\n }\n\n ~~const initialTeams =~~ serviceTypeEntry.teams~~\n serviceTypeEntry.teams~~ = uniqBy([...~~initialTeams~~, team], 'id')\n })\n return acc\n }, [])\n}\n"]}
1	+ {"version":3,"file":"use_service_types_with_teams.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_service_types_with_teams.ts"],"names":[],"mappings":"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","sourcesContent":["import { uniqBy } from 'lodash'\nimport { useMemo } from 'react'\nimport { useApiGet } from '../../../hooks/use_api'\nimport { ServicesChatResource, TeamResponseItem } from '../../../types'\nimport { ServiceTypeWithTeams, TeamFilterTypes } from '../types'\n\nexport function useServiceTypesWithTeams({\n filterType = TeamFilterTypes.TeamsIlead,\n searchQuery,\n}: {\n filterType?: TeamFilterTypes\n searchQuery?: string\n} = {}) {\n const { data, ...rest } = useTeams({ filterType })\n\n const decoratedResponse = useMemo(() => {\n return decorateTeamResponseItems(data as TeamResponseItem[], searchQuery)\n }, [data, searchQuery])\n\n return {\n serviceTypes: decoratedResponse,\n ...rest,\n }\n}\n\nconst useTeams = ({ filterType }: { filterType: TeamFilterTypes }) => {\n const requestField = useMemo(() => {\n switch (filterType) {\n case TeamFilterTypes.All:\n return 'teams'\n case TeamFilterTypes.MyTeams:\n return 'my_teams'\n default:\n return 'teams_i_lead'\n }\n }, [filterType])\n\n const { data, ...rest } = useApiGet<ServicesChatResource>({\n url: '/chat',\n data: {\n fields: {\n Chat: [requestField],\n },\n },\n app: 'services',\n })\n\n const result: TeamResponseItem[] = useMemo(() => {\n switch (filterType) {\n case TeamFilterTypes.All:\n return data?.teams \|\| []\n case TeamFilterTypes.MyTeams:\n return data?.myTeams \|\| []\n default:\n return data?.teamsILead \|\| []\n }\n }, [data, filterType])\n\n return { data: result \|\| [], ...rest }\n}\n\nexport function decorateTeamResponseItems(\n teamResponseItems: TeamResponseItem[],\n searchQuery?: string\n) {\n const filtered = teamResponseItems.filter(item => {\n if (!searchQuery) return true\n const evalMatch = (str: string) => str.toLowerCase().includes(searchQuery.toLowerCase())\n return evalMatch(item.name) \|\| evalMatch(item.serviceTypeNames?.join(',') \|\| '')\n })\n\n const withServiceTypes = filtered.filter(item => item.value.serviceTypeIds.length > 0)\n const withoutServiceTypes = filtered.filter(item => item.value.serviceTypeIds.length === 0)\n\n // Negative team ID is used as a unique sentinel — real service type IDs are always positive.\n const typelessEntries: ServiceTypeWithTeams[] = withoutServiceTypes.map(\n ({ value, teamName }) => ({\n id: -value.teamId,\n name: teamName,\n teams: [{ id: value.teamId, name: teamName }],\n })\n )\n\n const typedEntries = withServiceTypes\n .map(({ value, serviceTypeNames, teamName }) => ({\n service_types: value.serviceTypeIds.map((serviceTypeId, i) => ({\n id: serviceTypeId,\n name: serviceTypeNames[i],\n })),\n team: { id: value.teamId, name: teamName },\n }))\n .reduce((acc: ServiceTypeWithTeams[], { service_types, team }) => {\n service_types.forEach(serviceType => {\n let serviceTypeEntry = acc.find(entry => entry.id === serviceType.id)\n if (!serviceTypeEntry) {\n serviceTypeEntry = { id: serviceType.id, name: serviceType.name, teams: [] }\n acc.push(serviceTypeEntry)\n }\n serviceTypeEntry.teams = uniqBy([...serviceTypeEntry.teams, team], 'id')\n })\n return acc\n }, [])\n\n return [...typelessEntries, ...typedEntries]\n}\n"]}

package/build/screens/conversation_filter_recipients/types.d.ts CHANGED Viewed

@@ -14,7 +14,7 @@ export declare enum SectionTypes {
     team = 1
 }
 export interface ServiceTypeProps {
-    serviceTypeName: string;
+    serviceTypeName: string | null;
     serviceTypeId: number;
     teamIdsForServiceType: number[];
 }

package/build/screens/conversation_filter_recipients/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;KACb,EAAE,CAAA;CACJ;AAED,oBAAY,YAAY;IACtB,MAAM,IAAA;IACN,IAAI,IAAA;CACL;AAED,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAA;~~IACvB~~,aAAa,EAAE,MAAM,CAAA;IACrB,qBAAqB,EAAE,MAAM,EAAE,CAAA;CAChC;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CACjC,QAAQ,CAAC,gBAAgB,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,CACzF,CAAA;AAED,UAAU,QAAQ,CAAC,CAAC,EAAE,KAAK,SAAS,YAAY;IAC9C,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,EAAE,CAAC,CAAA;IACP,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;AAED,oBAAY,eAAe;IACzB,GAAG,cAAc;IACjB,OAAO,aAAa;IACpB,UAAU,iBAAiB;CAC5B;AAED,MAAM,MAAM,kCAAkC,GAAG;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,gBAAgB,CAAC,EAAE,eAAe,CAAA;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,uCAAuC,GACjD,iBAAiB,CAAC,kCAAkC,CAAC,CAAA;AAEvD,MAAM,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,KAAK,IAAI,CAAA"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;KACb,EAAE,CAAA;CACJ;AAED,oBAAY,YAAY;IACtB,MAAM,IAAA;IACN,IAAI,IAAA;CACL;AAED,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,aAAa,EAAE,MAAM,CAAA;IACrB,qBAAqB,EAAE,MAAM,EAAE,CAAA;CAChC;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CACjC,QAAQ,CAAC,gBAAgB,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,CACzF,CAAA;AAED,UAAU,QAAQ,CAAC,CAAC,EAAE,KAAK,SAAS,YAAY;IAC9C,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,EAAE,CAAC,CAAA;IACP,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;AAED,oBAAY,eAAe;IACzB,GAAG,cAAc;IACjB,OAAO,aAAa;IACpB,UAAU,iBAAiB;CAC5B;AAED,MAAM,MAAM,kCAAkC,GAAG;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,gBAAgB,CAAC,EAAE,eAAe,CAAA;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,uCAAuC,GACjD,iBAAiB,CAAC,kCAAkC,CAAC,CAAA;AAEvD,MAAM,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,KAAK,IAAI,CAAA"}

package/build/screens/conversation_filter_recipients/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/types.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mDAAM,CAAA;IACN,+CAAI,CAAA;AACN,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAwBD,MAAM,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,oCAAiB,CAAA;IACjB,uCAAoB,CAAA;IACpB,8CAA2B,CAAA;AAC7B,CAAC,EAJW,eAAe,KAAf,eAAe,QAI1B","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport { type ViewStyle } from 'react-native'\nimport { AppName } from '../../types/resources/app_name'\n\nexport interface ServiceTypeWithTeams {\n id: number\n name: string\n teams: {\n id: number\n name: string\n }[]\n}\n\nexport enum SectionTypes {\n header,\n team,\n}\n\nexport interface ServiceTypeProps {\n serviceTypeName: string\n serviceTypeId: number\n teamIdsForServiceType: number[]\n}\n\nexport interface TeamProps {\n teamName: string\n teamId: number\n serviceTypeId: number\n}\n\nexport type SectionListData = Array<\n DataItem<ServiceTypeProps, SectionTypes.header> \| DataItem<TeamProps, SectionTypes.team>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n type: TName\n data: T\n sectionStyle?: ViewStyle\n}\n\nexport enum TeamFilterTypes {\n All = 'All teams',\n MyTeams = 'My teams',\n TeamsIlead = 'Teams I lead',\n}\n\nexport type ConversationFilterRecipientsParams = {\n source_app_name?: AppName\n team_ids?: number[]\n team_filter_type?: TeamFilterTypes\n search_query?: string\n}\n\nexport type ConversationFilterRecipientsScreenProps =\n StaticScreenProps<ConversationFilterRecipientsParams>\n\nexport type SetTeamFilters = ({ team_ids }: { team_ids: number[] }) => void\n"]}
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/types.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mDAAM,CAAA;IACN,+CAAI,CAAA;AACN,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAwBD,MAAM,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,oCAAiB,CAAA;IACjB,uCAAoB,CAAA;IACpB,8CAA2B,CAAA;AAC7B,CAAC,EAJW,eAAe,KAAf,eAAe,QAI1B","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport { type ViewStyle } from 'react-native'\nimport { AppName } from '../../types/resources/app_name'\n\nexport interface ServiceTypeWithTeams {\n id: number\n name: string\n teams: {\n id: number\n name: string\n }[]\n}\n\nexport enum SectionTypes {\n header,\n team,\n}\n\nexport interface ServiceTypeProps {\n serviceTypeName: string \| null\n serviceTypeId: number\n teamIdsForServiceType: number[]\n}\n\nexport interface TeamProps {\n teamName: string\n teamId: number\n serviceTypeId: number\n}\n\nexport type SectionListData = Array<\n DataItem<ServiceTypeProps, SectionTypes.header> \| DataItem<TeamProps, SectionTypes.team>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n type: TName\n data: T\n sectionStyle?: ViewStyle\n}\n\nexport enum TeamFilterTypes {\n All = 'All teams',\n MyTeams = 'My teams',\n TeamsIlead = 'Teams I lead',\n}\n\nexport type ConversationFilterRecipientsParams = {\n source_app_name?: AppName\n team_ids?: number[]\n team_filter_type?: TeamFilterTypes\n search_query?: string\n}\n\nexport type ConversationFilterRecipientsScreenProps =\n StaticScreenProps<ConversationFilterRecipientsParams>\n\nexport type SetTeamFilters = ({ team_ids }: { team_ids: number[] }) => void\n"]}

package/build/screens/conversation_screen.d.ts CHANGED Viewed

@@ -9,7 +9,6 @@ export type ConversationRouteProps = {
     chat_group_graph_id?: string;
     clear_input?: boolean;
     editing_message_id?: number | null;
-    message_id?: string;
     title?: string;
     subtitle?: string;
     badge?: ConversationBadgeResource;

package/build/screens/conversation_screen.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,gBAAgB,EAAqB,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAGL,iBAAiB,EAIlB,MAAM,0BAA0B,CAAA;AACjC,OAAO,~~KAA4D~~,MAAM,OAAO,CAAA;~~AA2ChF~~,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;~~AAiBjF~~,MAAM,MAAM,sBAAsB,GAAG;IACnC,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,~~UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,~~KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;~~AAK~~/E,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,~~qBA6BpE~~;~~AAuSD~~,UAAU,4BAA6B,SAAQ,gBAAgB;IAC7D,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,uBAAuB,GAAI,8DAOrC,4BAA4B,sBAoC9B,CAAA"}
1	+ {"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,gBAAgB,EAAqB,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAGL,iBAAiB,EAIlB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAmD,MAAM,OAAO,CAAA;AA+BvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AAOjF,MAAM,MAAM,sBAAsB,GAAG;IACnC,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;AAE/E,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,qBAkBpE;AA2ND,UAAU,4BAA6B,SAAQ,gBAAgB;IAC7D,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,uBAAuB,GAAI,8DAOrC,4BAA4B,sBAoC9B,CAAA"}

package/build/screens/conversation_screen.js CHANGED Viewed

@@ -1,9 +1,8 @@
 import { date as formatDate } from '@planningcenter/datetime-fmt';
 import { HeaderTitle, PlatformPressable } from '@react-navigation/elements';
 import { CommonActions, useNavigation, useTheme as useNavigationTheme, useRoute, } from '@react-navigation/native';
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { ActivityIndicator, FlatList, Platform, StyleSheet, View } from 'react-native';
-import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { FlatList, Platform, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Badge, Icon, Text } from '../components';
 import { EmptyConversationBlankState } from '../components/conversation/empty_conversation_blank_state';
@@ -14,130 +13,73 @@ import { ConversationDisabledBanner, LeaderMessagesDisabledBanner, MemberMessage
 import { ReplyShadowMessage } from '../components/conversation/reply_shadow_message';
 import { SystemMessage } from '../components/conversation/system_message';
 import { TypingIndicator } from '../components/conversation/typing_indicator';
-import { UnreadDivider } from '../components/conversation/unread_divider';
 import { KeyboardView } from '../components/display/keyboard_view';
 import BlankState from '../components/primitive/blank_state_primitive';
-import { ConversationContextProvider, useConversationContext, } from '../contexts/conversation_context';
+import { ConversationContextProvider } from '../contexts/conversation_context';
 import { useTheme } from '../hooks';
 import { useConversation } from '../hooks/use_conversation';
 import { useConversationJoltEvents } from '../hooks/use_conversation_jolt_events';
 import { useConversationMessages } from '../hooks/use_conversation_messages';
 import { useConversationMessagesJoltEvents } from '../hooks/use_conversation_messages_jolt_events';
-import { availableFeatures, useFeatures } from '../hooks/use_features';
-import { useFlatListViewability } from '../hooks/use_flat_list_viewability';
-import { useJumpToBottomAction } from '../hooks/use_jump_to_bottom_action';
-import { useJumpToUnreadAnchor } from '../hooks/use_jump_to_unread_anchor';
-import { useJumpToUnreadGates } from '../hooks/use_jump_to_unread_gates';
 import { useMarkLatestMessageRead } from '../hooks/use_mark_latest_message_read';
 import { analyticsEvents, normalizeAnalyticsMetadata, usePublishProductAnalyticsEvent, } from '../hooks/use_product_analytics';
-import { useScrollTracking } from '../hooks/use_scroll_tracking';
-import { useTrackHighestSeenMessage } from '../hooks/use_track_highest_seen_message';
 import { getRelativeDateStatus } from '../utils/date';
-import { groupMessages, UNREAD_DIVIDER_KEY, } from '../utils/group_messages';
-import { detectDividerExitTowardNewer, reportViewableMessages, } from '../utils/message_viewability';
+import { groupMessages } from '../utils/group_messages';
 import { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../utils/styles';
 import { isSystemMessage } from '../utils/system_messages';
-const extractItemKey = (item) => String(item.id);
-const maintainVisibleContentPosition = { minIndexForVisible: 0 };
 export function ConversationScreen({ route }) {
-    const { conversation_id, message_id, reply_root_id } = route.params;
+    const { conversation_id, reply_root_id } = route.params;
     const { data: conversation } = useConversation({ conversation_id });
-    const { featureEnabled } = useFeatures();
     usePublishProductAnalyticsEvent(analyticsEvents.conversation_show_opened, {
         reply_root_id,
         ...normalizeAnalyticsMetadata(conversation),
     });
-    const lastReadMessageSortKey = conversation.conversationMembership?.lastReadMessageSortKey ?? null;
-    const jumpToUnreadAnchor = featureEnabled(availableFeatures.jump_to_unread) && !reply_root_id
-        ? lastReadMessageSortKey
-        : null;
-    const initialMessageId = message_id ?? jumpToUnreadAnchor;
-    const initialMessageIdIsAnchor = !!initialMessageId && !message_id;
-    return (<ConversationContextProvider conversationId={conversation_id} currentPageReplyRootId={reply_root_id ?? null} initialMessageId={initialMessageId} initialMessageIdIsAnchor={initialMessageIdIsAnchor}>
+    return (<ConversationContextProvider conversationId={conversation_id} currentPageReplyRootId={reply_root_id ?? null}>
       <ConversationScreenContent route={route}/>
     </ConversationContextProvider>);
 }
 function ConversationScreenContent({ route }) {
     const styles = useStyles();
     const navigation = useNavigation();
-    const { conversation_id: conversationId, editing_message_id: editingMessageId, reply_root_id: replyRootId, reply_root_author_name: replyRootAuthorName, } = route.params;
+    const { conversation_id, editing_message_id, reply_root_id, reply_root_author_name } = route.params;
     const { data: conversation } = useConversation(route.params);
-    const { messages, fetchOlderMessages, fetchNewerMessages, hasMoreNewerMessages, isFetchingNewerMessages, cancelFetchNewerMessages, } = useConversationMessages({ conversation_id: conversationId, reply_root_id: replyRootId });
-    const { jumpToUnreadActive } = useJumpToUnreadGates();
-    const { initialMessageId } = useConversationContext();
-    useConversationJoltEvents({ conversationId });
-    useConversationMessagesJoltEvents({ conversationId });
+    const { messages, fetchNextPage } = useConversationMessages({
+        conversation_id,
+        reply_root_id,
+    });
+    useConversationJoltEvents({ conversationId: conversation_id });
+    useConversationMessagesJoltEvents({ conversationId: conversation_id });
     useEnsureConversationsRouteExists();
     useMarkLatestMessageRead({ conversation, messages });
-    const { onMessageSeen } = useTrackHighestSeenMessage();
-    const items = useMemo(() => groupMessages({
+    const messagesWithSeparators = groupMessages({
         ms: messages,
-        inReplyScreen: !!replyRootId,
-        jumpToUnreadActive,
-        initialMessageId,
-    }), [messages, replyRootId, jumpToUnreadActive, initialMessageId]);
-    const noMessages = items.length === 0;
+        inReplyScreen: !!reply_root_id,
+    });
+    const noMessages = messagesWithSeparators.length === 0;
     const { repliesDisabled, memberAbility, badges, title } = conversation;
     const canReply = memberAbility?.canReply;
     const showLeaderDisabledReplyBanner = canReply && repliesDisabled;
     const canDeleteNonAuthoredMessages = memberAbility?.canDeleteNonAuthoredMessages ?? false;
-    const currentlyEditingMessage = messages.find(m => String(m.id) === String(editingMessageId));
-    const replyRootAuthorFirstName = replyRootAuthorName?.split(' ')[0];
+    const currentlyEditingMessage = messages.find(m => String(m.id) === String(editing_message_id));
+    const replyRootAuthorFirstName = reply_root_author_name?.split(' ')[0];
     const replyHeaderTitle = replyRootAuthorFirstName
         ? `Reply to ${replyRootAuthorFirstName}`
         : 'Reply';
     // Prefer the membership for optimistic updates.
     const muted = conversation.conversationMembership?.muted ?? conversation.muted;
     const listRef = useRef(null);
-    const [dividerScrolledPast, setDividerScrolledPast] = useState(false);
-    const observers = useMemo(() => [
-        reportViewableMessages(onMessageSeen),
-        detectDividerExitTowardNewer({
-            dividerKey: UNREAD_DIVIDER_KEY,
-            initialMessageId,
-            onExited: () => setDividerScrolledPast(true),
-        }),
-    ], [onMessageSeen, initialMessageId]);
-    const { viewabilityConfigCallbackPairs, onScrollBeginDrag: viewabilityOnScrollBeginDrag } = useFlatListViewability({ observers });
-    const { onContentSizeChange, onScrollToIndexFailed, onScrollBeginDrag: anchorOnScrollBeginDrag, } = useJumpToUnreadAnchor({ listRef, items });
-    const onScrollBeginDrag = useCallback(() => {
-        viewabilityOnScrollBeginDrag();
-        anchorOnScrollBeginDrag();
-    }, [viewabilityOnScrollBeginDrag, anchorOnScrollBeginDrag]);
-    const { onScroll, showJumpToBottomButton } = useScrollTracking({
-        hasMoreNewerMessages,
-        isFetchingNewerMessages,
-        fetchNewerMessages,
-        cancelFetchNewerMessages,
-    });
-    const { handleJumpToBottom, isJumpingToBottom } = useJumpToBottomAction({ listRef });
-    const listHeader = useMemo(() => (<View>
-        {isFetchingNewerMessages && (<Animated.View entering={FadeIn.duration(750)} exiting={FadeOut.duration(750)} style={styles.loadingFooter} accessibilityRole="progressbar" accessibilityLabel="Loading more messages">
-            <ActivityIndicator />
-          </Animated.View>)}
-        <View style={styles.listHeader}/>
-      </View>), [isFetchingNewerMessages, styles.loadingFooter, styles.listHeader]);
-    const renderItem = useCallback(({ item }) => {
-        if (item.type === 'DateSeparator')
-            return <InlineDateSeparator {...item}/>;
-        if (item.type === 'UnreadDivider')
-            return <UnreadDivider scrolledPast={dividerScrolledPast}/>;
-        if (item.type === 'ReplyShadowMessage') {
-            return (<ReplyShadowMessage {...item} conversation_id={conversationId} inReplyScreen={!!replyRootId}/>);
-        }
-        if (isSystemMessage(item)) {
-            return <SystemMessage message={item} conversationId={conversationId}/>;
-        }
-        return (<Message {...item} canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages} conversation_id={conversationId} latestReadMessageSortKey={conversation?.latestReadMessageSortKey} inReplyScreen={!!replyRootId}/>);
-    }, [
-        dividerScrolledPast,
-        conversationId,
-        replyRootId,
-        canDeleteNonAuthoredMessages,
-        conversation?.latestReadMessageSortKey,
-    ]);
+    const [showJumpToBottomButton, setShowJumpToBottomButton] = useState(false);
+    const trackScroll = (event) => {
+        const offsetY = event.nativeEvent.contentOffset.y;
+        setShowJumpToBottomButton(offsetY > 200);
+    };
+    const handleReturnToBottom = useCallback(() => {
+        listRef.current?.scrollToOffset({
+            offset: 0,
+        });
+    }, []);
     useEffect(() => {
-        if (replyRootId) {
+        if (reply_root_id) {
             navigation.setParams({
                 title: replyHeaderTitle,
             });
@@ -150,7 +92,7 @@ function ConversationScreenContent({ route }) {
                 muted,
             });
         }
-    }, [navigation, title, badges, conversation?.deleted, replyRootId, replyHeaderTitle, muted]);
+    }, [navigation, title, badges, conversation?.deleted, reply_root_id, replyHeaderTitle, muted]);
     if (!conversation || conversation.deleted) {
         return (<View style={styles.container}>
         <BlankState.Root>
@@ -164,11 +106,22 @@ function ConversationScreenContent({ route }) {
     }
     return (<View style={styles.container}>
       <KeyboardView>
-        {noMessages ? (<EmptyConversationBlankState />) : (<FlatList inverted ref={listRef} contentContainerStyle={styles.listContainer} maintainVisibleContentPosition={maintainVisibleContentPosition} data={items} keyExtractor={extractItemKey} onScroll={onScroll} onScrollBeginDrag={onScrollBeginDrag} scrollEventThrottle={64} viewabilityConfigCallbackPairs={viewabilityConfigCallbackPairs} onContentSizeChange={onContentSizeChange} onScrollToIndexFailed={onScrollToIndexFailed} renderItem={renderItem} onEndReached={() => fetchOlderMessages()} ListHeaderComponent={listHeader}/>)}
-        <JumpToBottomButton onPress={handleJumpToBottom} visible={showJumpToBottomButton} loading={isJumpingToBottom}/>
+        {noMessages ? (<EmptyConversationBlankState />) : (<FlatList inverted ref={listRef} contentContainerStyle={styles.listContainer} data={messagesWithSeparators} keyExtractor={item => item.id} onScroll={trackScroll} scrollEventThrottle={10} renderItem={({ item }) => {
+                if (item.type === 'DateSeparator') {
+                    return <InlineDateSeparator {...item}/>;
+                }
+                if (item.type === 'ReplyShadowMessage') {
+                    return (<ReplyShadowMessage {...item} conversation_id={conversation_id} inReplyScreen={!!reply_root_id}/>);
+                }
+                if (isSystemMessage(item)) {
+                    return <SystemMessage message={item} conversationId={conversation_id}/>;
+                }
+                return (<Message {...item} canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages} conversation_id={conversation_id} latestReadMessageSortKey={conversation?.latestReadMessageSortKey} inReplyScreen={!!reply_root_id}/>);
+            }} onEndReached={() => fetchNextPage()} ListHeaderComponent={<View style={styles.listHeader}/>}/>)}
+        <JumpToBottomButton onPress={handleReturnToBottom} visible={showJumpToBottomButton}/>
         {!noMessages && <TypingIndicator />}
         {showLeaderDisabledReplyBanner && <LeaderMessagesDisabledBanner />}
-        <ConversationBottomBar conversation={conversation} canReply={canReply} replyRootAuthorFirstName={replyRootAuthorFirstName} replyRootId={replyRootId} currentlyEditingMessage={currentlyEditingMessage}/>
+        <ConversationBottomBar conversation={conversation} canReply={canReply} replyRootAuthorFirstName={replyRootAuthorFirstName} replyRootId={reply_root_id} currentlyEditingMessage={currentlyEditingMessage}/>
       </KeyboardView>
     </View>);
 }
@@ -282,10 +235,6 @@ const useStyles = () => {
             // Just whitespace to provide space where the typing indicator can be
             height: 16,
         },
-        loadingFooter: {
-            paddingVertical: 12,
-            alignItems: 'center',
-        },
     });
 };
 /**