@planningcenter/chat-react-native 3.29.0 → 3.30.0-rc.1

package/build/screens/conversation_filters/group_filters.d.ts

@@ -1,6 +1,6 @@
+import { StaticScreenProps } from '@react-navigation/native';
 import React from 'react';
 import { ConversationFiltersParams } from './screen_props';
-import { StaticScreenProps } from '@react-navigation/native';
 export type GroupFiltersScreenProps = StaticScreenProps<ConversationFiltersParams>;
 export declare const GroupFilters: () => React.JSX.Element;
 //# sourceMappingURL=group_filters.d.ts.map

package/build/screens/conversation_filters/group_filters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"group_filters.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filters/group_filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAK5D,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,yBAAyB,CAAC,CAAA;AAElF,eAAO,MAAM,YAAY,yBAkBxB,CAAA"}
+{"version":3,"file":"group_filters.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filters/group_filters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAE1D,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,yBAAyB,CAAC,CAAA;AAElF,eAAO,MAAM,YAAY,yBAkBxB,CAAA"}

package/build/screens/conversation_filters/group_filters.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { RefreshControl, StyleSheet } from 'react-native';
 import { FlatList } from 'react-native-gesture-handler';
 import { Text } from '../../components/display';
-import { useGroupsToFilter } from './hooks/filters';
 import { GroupRow } from './components/rows';
 import { useFilterContext } from './context/conversation_filter_context';
+import { useGroupsToFilter } from './hooks/filters';
 export const GroupFilters = () => {
     const styles = useStyles();
     const { groups, fetchNextPage, isRefetching, refetch } = useGroupsToFilter();

package/build/screens/conversation_filters/group_filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"group_filters.js","sourceRoot":"","sources":["../../../src/screens/conversation_filters/group_filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAG/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AAIxE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC5E,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACrC,MAAM,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAAA;IACtC,OAAO,CACL,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,MAAM,CAAC,CACb,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,KAAK,mBAAmB,CAAC,EAAG,CACjF,CAAC,CACF,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC,CACrD,UAAU,CAAC,CAAC,YAAY,CAAC,CACzB,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,EAAG,CAAC,CACjF,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,CACpC,qBAAqB,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,EACxC,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,yBAAyB,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACxD,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,aAAa,EAAE,yBAAyB;SACzC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { RefreshControl, StyleSheet } from 'react-native'\nimport { FlatList } from 'react-native-gesture-handler'\nimport { Text } from '../../components/display'\nimport { ConversationFiltersParams } from './screen_props'\nimport { StaticScreenProps } from '@react-navigation/native'\nimport { useGroupsToFilter } from './hooks/filters'\nimport { GroupRow } from './components/rows'\nimport { useFilterContext } from './context/conversation_filter_context'\n\nexport type GroupFiltersScreenProps = StaticScreenProps<ConversationFiltersParams>\n\nexport const GroupFilters = () => {\n  const styles = useStyles()\n  const { groups, fetchNextPage, isRefetching, refetch } = useGroupsToFilter()\n  const { params } = useFilterContext()\n  const { chat_group_graph_id } = params\n  return (\n    <FlatList\n      data={groups}\n      renderItem={({ item }) => (\n        <GroupRow group={item} isActive={item?.id.toString() === chat_group_graph_id} />\n      )}\n      ListEmptyComponent={<Text>No groups available</Text>}\n      refreshing={isRefetching}\n      refreshControl={<RefreshControl refreshing={isRefetching} onRefresh={refetch} />}\n      onEndReached={() => fetchNextPage()}\n      contentContainerStyle={styles.container}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { platformListPaddingBottom } = useFilterContext()\n  return StyleSheet.create({\n    container: {\n      paddingBottom: platformListPaddingBottom,\n    },\n  })\n}\n"]}
+{"version":3,"file":"group_filters.js","sourceRoot":"","sources":["../../../src/screens/conversation_filters/group_filters.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAKnD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC5E,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACrC,MAAM,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAAA;IACtC,OAAO,CACL,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,MAAM,CAAC,CACb,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,KAAK,mBAAmB,CAAC,EAAG,CACjF,CAAC,CACF,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC,CACrD,UAAU,CAAC,CAAC,YAAY,CAAC,CACzB,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,EAAG,CAAC,CACjF,YAAY,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,CACpC,qBAAqB,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,EACxC,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,yBAAyB,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACxD,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,aAAa,EAAE,yBAAyB;SACzC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport React from 'react'\nimport { RefreshControl, StyleSheet } from 'react-native'\nimport { FlatList } from 'react-native-gesture-handler'\nimport { Text } from '../../components/display'\nimport { GroupRow } from './components/rows'\nimport { useFilterContext } from './context/conversation_filter_context'\nimport { useGroupsToFilter } from './hooks/filters'\nimport { ConversationFiltersParams } from './screen_props'\n\nexport type GroupFiltersScreenProps = StaticScreenProps<ConversationFiltersParams>\n\nexport const GroupFilters = () => {\n  const styles = useStyles()\n  const { groups, fetchNextPage, isRefetching, refetch } = useGroupsToFilter()\n  const { params } = useFilterContext()\n  const { chat_group_graph_id } = params\n  return (\n    <FlatList\n      data={groups}\n      renderItem={({ item }) => (\n        <GroupRow group={item} isActive={item?.id.toString() === chat_group_graph_id} />\n      )}\n      ListEmptyComponent={<Text>No groups available</Text>}\n      refreshing={isRefetching}\n      refreshControl={<RefreshControl refreshing={isRefetching} onRefresh={refetch} />}\n      onEndReached={() => fetchNextPage()}\n      contentContainerStyle={styles.container}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { platformListPaddingBottom } = useFilterContext()\n  return StyleSheet.create({\n    container: {\n      paddingBottom: platformListPaddingBottom,\n    },\n  })\n}\n"]}

package/build/screens/conversation_filters/hooks/filters.d.ts

@@ -1,5 +1,5 @@
-import { GroupResource } from '../../../types/resources/group_resource';
 import { GroupsGroupResource } from '../../../types';
+import { GroupResource } from '../../../types/resources/group_resource';
 export declare const useTeamsToFilter: () => {
     error: import("../../../types").FailedResponse;
     isError: true;

package/build/screens/conversation_filters/hooks/filters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/hooks/filters.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI5B,CAAA;AAED,MAAM,WAAW,aACf,SAAQ,aAAa,EACnB,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,kBAAkB,CAAC,CAAC;CAAG;AAE7E,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD7B,CAAA"}
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/hooks/filters.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAA;AAEvE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI5B,CAAA;AAED,MAAM,WAAW,aACf,SAAQ,aAAa,EACnB,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,kBAAkB,CAAC,CAAC;CAAG;AAE7E,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD7B,CAAA"}

package/build/screens/conversation_filters/hooks/filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/hooks/filters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAInD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAA;IAEhD,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,CAAA;AAC3B,CAAC,CAAA;AAMD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EACJ,IAAI,EAAE,MAAM,GAAG,EAAE,EACjB,aAAa,EAAE,eAAe,EAC9B,OAAO,EAAE,aAAa,EACtB,GAAG,IAAI,EACR,GAAG,SAAS,CAAC;QACZ,eAAe,EAAE,QAAQ;QACzB,WAAW,EAAE,OAAO;KACrB,CAAC,CAAA;IAEF,MAAM,EACJ,IAAI,EAAE,UAAU,GAAG,EAAE,EACrB,aAAa,EAAE,qBAAqB,EACpC,OAAO,EAAE,mBAAmB,GAC7B,GAAG,eAAe,EAAE,CAAA;IAErB,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,aAAa,EAAE,CAAA;QACf,mBAAmB,EAAE,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,eAAe,EAAE,CAAA;QACjB,qBAAqB,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,cAAc,GAAoB,OAAO,CAC7C,GAAG,EAAE,CACH,MAAM;SACH,GAAG,CAAC,KAAK,CAAC,EAAE;QACX,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,gBAAgB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;QAC7E,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAAG,WAAW,IAAI,EAAE,CAAA;QAE3D,OAAO;YACL,GAAG,KAAK;YACR,gBAAgB;YAChB,WAAW;SACZ,CAAA;IACH,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,WAAW,CAAC,EAC1C,CAAC,MAAM,EAAE,UAAU,CAAC,CACrB,CAAA;IAED,OAAO;QACL,MAAM,EAAE,cAAc;QACtB,aAAa,EAAE,mBAAmB;QAClC,OAAO,EAAE,aAAa;QACtB,GAAG,IAAI;KACR,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { useMemo } from 'react'\nimport { useGroups } from '../../../hooks/use_groups'\nimport { useGroupsGroups } from '../../../hooks/use_groups_groups'\nimport { useTeams } from '../../../hooks/use_teams'\nimport { GroupResource } from '../../../types/resources/group_resource'\nimport { GroupsGroupResource } from '../../../types'\n\nexport const useTeamsToFilter = () => {\n  const { data: teams = [], ...rest } = useTeams()\n\n  return { teams, ...rest }\n}\n\nexport interface FilteredGroup\n  extends GroupResource,\n    Partial<Pick<GroupsGroupResource, 'headerImage' | 'membershipsCount'>> {}\n\nexport const useGroupsToFilter = () => {\n  const {\n    data: groups = [],\n    fetchNextPage: fetchNextGroups,\n    refetch: refetchGroups,\n    ...rest\n  } = useGroups({\n    source_app_name: 'Groups',\n    source_type: 'Group',\n  })\n\n  const {\n    data: groupsData = [],\n    fetchNextPage: fetchNextGroupsGroups,\n    refetch: refetchGroupsGroups,\n  } = useGroupsGroups()\n\n  const handleRefetch = () => {\n    refetchGroups()\n    refetchGroupsGroups()\n  }\n\n  const handleFetchNextPage = () => {\n    fetchNextGroups()\n    fetchNextGroupsGroups()\n  }\n\n  const filteredGroups: FilteredGroup[] = useMemo(\n    () =>\n      groups\n        .map(group => {\n          const groupsGroup = groupsData.find(g => group.id === `Groups-Group-${g.id}`)\n          const { membershipsCount, headerImage } = groupsGroup || {}\n\n          return {\n            ...group,\n            membershipsCount,\n            headerImage,\n          }\n        })\n        .filter(g => typeof g !== 'undefined'),\n    [groups, groupsData]\n  )\n\n  return {\n    groups: filteredGroups,\n    fetchNextPage: handleFetchNextPage,\n    refetch: handleRefetch,\n    ...rest,\n  }\n}\n"]}
+{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/hooks/filters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAInD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAA;IAEhD,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,CAAA;AAC3B,CAAC,CAAA;AAMD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EACJ,IAAI,EAAE,MAAM,GAAG,EAAE,EACjB,aAAa,EAAE,eAAe,EAC9B,OAAO,EAAE,aAAa,EACtB,GAAG,IAAI,EACR,GAAG,SAAS,CAAC;QACZ,eAAe,EAAE,QAAQ;QACzB,WAAW,EAAE,OAAO;KACrB,CAAC,CAAA;IAEF,MAAM,EACJ,IAAI,EAAE,UAAU,GAAG,EAAE,EACrB,aAAa,EAAE,qBAAqB,EACpC,OAAO,EAAE,mBAAmB,GAC7B,GAAG,eAAe,EAAE,CAAA;IAErB,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,aAAa,EAAE,CAAA;QACf,mBAAmB,EAAE,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,eAAe,EAAE,CAAA;QACjB,qBAAqB,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,MAAM,cAAc,GAAoB,OAAO,CAC7C,GAAG,EAAE,CACH,MAAM;SACH,GAAG,CAAC,KAAK,CAAC,EAAE;QACX,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,gBAAgB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;QAC7E,MAAM,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAAG,WAAW,IAAI,EAAE,CAAA;QAE3D,OAAO;YACL,GAAG,KAAK;YACR,gBAAgB;YAChB,WAAW;SACZ,CAAA;IACH,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,WAAW,CAAC,EAC1C,CAAC,MAAM,EAAE,UAAU,CAAC,CACrB,CAAA;IAED,OAAO;QACL,MAAM,EAAE,cAAc;QACtB,aAAa,EAAE,mBAAmB;QAClC,OAAO,EAAE,aAAa;QACtB,GAAG,IAAI;KACR,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { useMemo } from 'react'\nimport { useGroups } from '../../../hooks/use_groups'\nimport { useGroupsGroups } from '../../../hooks/use_groups_groups'\nimport { useTeams } from '../../../hooks/use_teams'\nimport { GroupsGroupResource } from '../../../types'\nimport { GroupResource } from '../../../types/resources/group_resource'\n\nexport const useTeamsToFilter = () => {\n  const { data: teams = [], ...rest } = useTeams()\n\n  return { teams, ...rest }\n}\n\nexport interface FilteredGroup\n  extends GroupResource,\n    Partial<Pick<GroupsGroupResource, 'headerImage' | 'membershipsCount'>> {}\n\nexport const useGroupsToFilter = () => {\n  const {\n    data: groups = [],\n    fetchNextPage: fetchNextGroups,\n    refetch: refetchGroups,\n    ...rest\n  } = useGroups({\n    source_app_name: 'Groups',\n    source_type: 'Group',\n  })\n\n  const {\n    data: groupsData = [],\n    fetchNextPage: fetchNextGroupsGroups,\n    refetch: refetchGroupsGroups,\n  } = useGroupsGroups()\n\n  const handleRefetch = () => {\n    refetchGroups()\n    refetchGroupsGroups()\n  }\n\n  const handleFetchNextPage = () => {\n    fetchNextGroups()\n    fetchNextGroupsGroups()\n  }\n\n  const filteredGroups: FilteredGroup[] = useMemo(\n    () =>\n      groups\n        .map(group => {\n          const groupsGroup = groupsData.find(g => group.id === `Groups-Group-${g.id}`)\n          const { membershipsCount, headerImage } = groupsGroup || {}\n\n          return {\n            ...group,\n            membershipsCount,\n            headerImage,\n          }\n        })\n        .filter(g => typeof g !== 'undefined'),\n    [groups, groupsData]\n  )\n\n  return {\n    groups: filteredGroups,\n    fetchNextPage: handleFetchNextPage,\n    refetch: handleRefetch,\n    ...rest,\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"conversation_filters_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_filters_screen.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAS1C,OAAO,EACL,8BAA8B,EAE/B,MAAM,qCAAqC,CAAA;AAI5C,eAAO,MAAM,gCAAgC,uEAO3C,CAAA;AAoCF,eAAO,MAAM,yBAAyB,WAAY,8BAA8B,sBAW/E,CAAA"}
+{"version":3,"file":"conversation_filters_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_filters_screen.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAU1C,OAAO,EACL,8BAA8B,EAE/B,MAAM,qCAAqC,CAAA;AAG5C,eAAO,MAAM,gCAAgC,uEAO3C,CAAA;AAoCF,eAAO,MAAM,yBAAyB,WAAY,8BAA8B,sBAW/E,CAAA"}

package/build/screens/conversation_filters_screen.js

@@ -4,11 +4,11 @@ import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import React, { useCallback } from 'react';
 import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { FilterProvider, useFilterContext, } from './conversation_filters/context/conversation_filter_context';
+import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet';
 import { ConversationFilters } from './conversation_filters/components/conversation_filters';
+import { FilterProvider, useFilterContext, } from './conversation_filters/context/conversation_filter_context';
 import { GroupFilters } from './conversation_filters/group_filters';
 import { TeamFilters } from './conversation_filters/team_filters';
-import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet';
 export const ConversationFiltersScreenOptions = getFormSheetScreenOptions({
     presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),
     sheetAllowedDetents: Platform.select({

package/build/screens/conversation_filters_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_filters_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_filters_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useHeaderHeight } from '@react-navigation/elements'\nimport { createComponentForStaticNavigation, RouteProp, useRoute } from '@react-navigation/native'\nimport { createNativeStackNavigator } from '@react-navigation/native-stack'\nimport React, { useCallback } from 'react'\nimport { LayoutChangeEvent, Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport {\n  FilterProvider,\n  useFilterContext,\n} from './conversation_filters/context/conversation_filter_context'\nimport { ConversationFilters } from './conversation_filters/components/conversation_filters'\nimport { GroupFilters } from './conversation_filters/group_filters'\nimport {\n  ConversationFiltersScreenProps,\n  ConversationFilterStackParamList,\n} from './conversation_filters/screen_props'\nimport { TeamFilters } from './conversation_filters/team_filters'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\n\nexport const ConversationFiltersScreenOptions = getFormSheetScreenOptions({\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: Platform.select({\n    ios: [0.75, 1],\n    default: [1],\n  }),\n  headerTitle: 'Filters',\n})\n\nconst FilterNavigator = createNativeStackNavigator<ConversationFilterStackParamList>({\n  initialRouteName: 'Filters',\n  screens: {\n    Filters: {\n      screen: ConversationFilters,\n      options: {\n        headerShown: false,\n      },\n    },\n    GroupFilters: {\n      screen: GroupFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Groups',\n          ios: '',\n        }),\n        headerBackTitle: 'Groups',\n      },\n    },\n    TeamFilters: {\n      screen: TeamFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Teams',\n          ios: '',\n        }),\n        headerBackTitle: 'Teams',\n      },\n    },\n  },\n})\n\nconst Filters = createComponentForStaticNavigation(FilterNavigator, 'Filters')\n\nexport const ConversationFiltersScreen = (_props: ConversationFiltersScreenProps) => {\n  const styles = useStyles()\n\n  return (\n    <FilterProvider>\n      <FormSheet.Root contentStyle={styles.contentContainer} showAndroidSheetGrabber={false}>\n        <FormSheetHeaderWithContext />\n        <Filters />\n      </FormSheet.Root>\n    </FilterProvider>\n  )\n}\n\nconst FormSheetHeaderWithContext = () => {\n  const { resetFilter, applyFilters, setFormSheetHeaderHeight } = useFilterContext()\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const styles = useStyles()\n\n  const handleFormSheetHeaderLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      setFormSheetHeaderHeight(event.nativeEvent.layout.height)\n    },\n    [setFormSheetHeaderHeight]\n  )\n\n  return (\n    <View onLayout={handleFormSheetHeaderLayout}>\n      <FormSheet.Header style={styles.header}>\n        <FormSheet.HeaderTitle>Filters</FormSheet.HeaderTitle>\n        <FormSheet.HeaderActions>\n          <FormSheet.HeaderTextButton onPress={resetFilter}>Reset</FormSheet.HeaderTextButton>\n          <FormSheet.HeaderButton title=\"Apply\" onPress={() => applyFilters(route.params)} />\n        </FormSheet.HeaderActions>\n      </FormSheet.Header>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { top } = useSafeAreaInsets()\n  const { height } = useWindowDimensions()\n  const headerHeight = useHeaderHeight()\n\n  const containerHeight = Platform.select({\n    android: height,\n    ios: height - top - headerHeight,\n  })\n\n  return StyleSheet.create({\n    contentContainer: {\n      height: containerHeight,\n    },\n    header: {\n      paddingTop: Platform.select({\n        ios: 20,\n        android: 20 + top,\n      }),\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_filters_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_filters_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useHeaderHeight } from '@react-navigation/elements'\nimport { createComponentForStaticNavigation, RouteProp, useRoute } from '@react-navigation/native'\nimport { createNativeStackNavigator } from '@react-navigation/native-stack'\nimport React, { useCallback } from 'react'\nimport { LayoutChangeEvent, Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { ConversationFilters } from './conversation_filters/components/conversation_filters'\nimport {\n  FilterProvider,\n  useFilterContext,\n} from './conversation_filters/context/conversation_filter_context'\nimport { GroupFilters } from './conversation_filters/group_filters'\nimport {\n  ConversationFiltersScreenProps,\n  ConversationFilterStackParamList,\n} from './conversation_filters/screen_props'\nimport { TeamFilters } from './conversation_filters/team_filters'\n\nexport const ConversationFiltersScreenOptions = getFormSheetScreenOptions({\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: Platform.select({\n    ios: [0.75, 1],\n    default: [1],\n  }),\n  headerTitle: 'Filters',\n})\n\nconst FilterNavigator = createNativeStackNavigator<ConversationFilterStackParamList>({\n  initialRouteName: 'Filters',\n  screens: {\n    Filters: {\n      screen: ConversationFilters,\n      options: {\n        headerShown: false,\n      },\n    },\n    GroupFilters: {\n      screen: GroupFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Groups',\n          ios: '',\n        }),\n        headerBackTitle: 'Groups',\n      },\n    },\n    TeamFilters: {\n      screen: TeamFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Teams',\n          ios: '',\n        }),\n        headerBackTitle: 'Teams',\n      },\n    },\n  },\n})\n\nconst Filters = createComponentForStaticNavigation(FilterNavigator, 'Filters')\n\nexport const ConversationFiltersScreen = (_props: ConversationFiltersScreenProps) => {\n  const styles = useStyles()\n\n  return (\n    <FilterProvider>\n      <FormSheet.Root contentStyle={styles.contentContainer} showAndroidSheetGrabber={false}>\n        <FormSheetHeaderWithContext />\n        <Filters />\n      </FormSheet.Root>\n    </FilterProvider>\n  )\n}\n\nconst FormSheetHeaderWithContext = () => {\n  const { resetFilter, applyFilters, setFormSheetHeaderHeight } = useFilterContext()\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const styles = useStyles()\n\n  const handleFormSheetHeaderLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      setFormSheetHeaderHeight(event.nativeEvent.layout.height)\n    },\n    [setFormSheetHeaderHeight]\n  )\n\n  return (\n    <View onLayout={handleFormSheetHeaderLayout}>\n      <FormSheet.Header style={styles.header}>\n        <FormSheet.HeaderTitle>Filters</FormSheet.HeaderTitle>\n        <FormSheet.HeaderActions>\n          <FormSheet.HeaderTextButton onPress={resetFilter}>Reset</FormSheet.HeaderTextButton>\n          <FormSheet.HeaderButton title=\"Apply\" onPress={() => applyFilters(route.params)} />\n        </FormSheet.HeaderActions>\n      </FormSheet.Header>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { top } = useSafeAreaInsets()\n  const { height } = useWindowDimensions()\n  const headerHeight = useHeaderHeight()\n\n  const containerHeight = Platform.select({\n    android: height,\n    ios: height - top - headerHeight,\n  })\n\n  return StyleSheet.create({\n    contentContainer: {\n      height: containerHeight,\n    },\n    header: {\n      paddingTop: Platform.select({\n        ios: 20,\n        android: 20 + top,\n      }),\n    },\n  })\n}\n"]}

package/build/screens/conversation_new/components/filter_by_plan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter_by_plan.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/filter_by_plan.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAevC,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACnD;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACnD;AAYD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,iBAAiB,qBAsBxF;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,sBAAsB,qBA0CzF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,YAAY,GACb,EAAE,sBAAsB,qBAuDxB"}
+{"version":3,"file":"filter_by_plan.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/filter_by_plan.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAcvC,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACnD;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CACnD;AAYD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,iBAAiB,qBAsBxF;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,sBAAsB,qBA0CzF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,YAAY,GACb,EAAE,sBAAsB,qBAuDxB"}

package/build/screens/conversation_new/components/filter_by_plan.js

@@ -1,13 +1,13 @@
+import { Header, PlatformPressable } from '@react-navigation/elements';
 import React, { useState } from 'react';
 import { StyleSheet, View, FlatList, Platform } from 'react-native';
-import { Header, PlatformPressable } from '@react-navigation/elements';
 import { Banner, Icon, Spinner, Text, Heading } from '../../../components';
 import { HeaderDismissButton } from '../../../components/display/platform_modal_header_buttons';
-import { useTeamPlans } from '../../../hooks/services/use_team_plans';
-import { useTheme } from '../../../hooks';
-import { tokens } from '../../../vendor/tapestry/tokens';
 import { DefaultLoading } from '../../../components/page/loading';
 import { SafeAreaModal } from '../../../components/safe_area_modal';
+import { useTheme } from '../../../hooks';
+import { useTeamPlans } from '../../../hooks/services/use_team_plans';
+import { tokens } from '../../../vendor/tapestry/tokens';
 // ==========================================
 // Main Component
 // ==========================================

package/build/screens/conversation_new/components/filter_by_plan.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter_by_plan.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/filter_by_plan.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\nimport { StyleSheet, View, FlatList, Platform } from 'react-native'\nimport { Header, PlatformPressable } from '@react-navigation/elements'\nimport { Banner, Icon, Spinner, Text, Heading } from '../../../components'\nimport { HeaderDismissButton } from '../../../components/display/platform_modal_header_buttons'\nimport { useTeamPlans } from '../../../hooks/services/use_team_plans'\nimport { useTheme } from '../../../hooks'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { DefaultLoading } from '../../../components/page/loading'\nimport { SafeAreaModal } from '../../../components/safe_area_modal'\n\n// ==========================================\n// Interfaces\n// ==========================================\n\ninterface FilterByPlanProps {\n  teamIds: number[]\n  selectedPlanId?: number\n  onPlanSelect: (planId: number | undefined) => void\n}\n\ninterface FilterByPlanFieldProps {\n  teamIds: number[]\n  planId?: number\n  onOpenModal: () => void\n}\n\ninterface FilterByPlanModalProps {\n  visible: boolean\n  onClose: () => void\n  teamIds: number[]\n  selectedPlanId?: number\n  onPlanSelect: (planId: number | undefined) => void\n}\n\ninterface OptionItemProps {\n  plan: { value: number; name: string }\n  isSelected: boolean\n  onPress: () => void\n}\n\n// ==========================================\n// Main Component\n// ==========================================\n\nexport function FilterByPlan({ teamIds, selectedPlanId, onPlanSelect }: FilterByPlanProps) {\n  const [modalVisible, setModalVisible] = useState(false)\n\n  return (\n    <>\n      <FilterByPlanField\n        teamIds={teamIds}\n        planId={selectedPlanId}\n        onOpenModal={() => setModalVisible(true)}\n      />\n      <FilterByPlanModal\n        visible={modalVisible}\n        onClose={() => setModalVisible(false)}\n        teamIds={teamIds}\n        selectedPlanId={selectedPlanId}\n        onPlanSelect={planId => {\n          onPlanSelect(planId)\n          setModalVisible(false)\n        }}\n      />\n    </>\n  )\n}\n\n// ==========================================\n// Sub-components\n// ==========================================\n\nexport function FilterByPlanField({ teamIds, planId, onOpenModal }: FilterByPlanFieldProps) {\n  const styles = useStyles()\n  const { planOptions, findPlan, isFetching, isError } = useTeamPlans({ teamIds })\n\n  if (isFetching) {\n    return (\n      <View style={styles.spinnerContainer}>\n        <Spinner size={20} />\n      </View>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Banner\n        appearance=\"error\"\n        description=\"An error occurred while fetching plans. Please try again.\"\n      />\n    )\n  }\n\n  if (!planOptions || planOptions.length === 0) {\n    return <Banner appearance=\"neutral\" description=\"No plans available with the selected teams.\" />\n  }\n\n  const selectedPlan = findPlan(planId)\n  const buttonText = selectedPlan ? selectedPlan.name : 'Select a plan'\n\n  return (\n    <PlatformPressable\n      style={styles.selectButton}\n      onPress={onOpenModal}\n      accessibilityRole=\"button\"\n      accessibilityLabel={`Selected plan: ${buttonText}`}\n      accessibilityHint=\"Opens plan selection\"\n    >\n      <Text style={styles.buttonText} numberOfLines={1}>\n        {buttonText}\n      </Text>\n      <Icon name=\"general.downChevron\" size={16} style={styles.chevronIcon} />\n    </PlatformPressable>\n  )\n}\n\nexport function FilterByPlanModal({\n  visible,\n  onClose,\n  teamIds,\n  selectedPlanId,\n  onPlanSelect,\n}: FilterByPlanModalProps) {\n  const styles = useStyles()\n  const { planOptions, isFetching } = useTeamPlans({ teamIds })\n\n  return (\n    <SafeAreaModal\n      visible={visible}\n      animationType=\"slide\"\n      presentationStyle=\"pageSheet\"\n      onRequestClose={onClose}\n    >\n      <View style={styles.modalContainer}>\n        <Header\n          headerStyle={styles.header}\n          title=\"Select a plan\"\n          headerShadowVisible={false}\n          headerRight={createStableHeaderRight(onClose)}\n          headerRightContainerStyle={styles.modalHeaderRightContainer}\n        />\n\n        {isFetching && <DefaultLoading />}\n\n        {planOptions && planOptions.length > 0 && (\n          <FlatList\n            data={planOptions}\n            contentContainerStyle={styles.listContainer}\n            keyExtractor={item =>\n              item.type === 'header' ? `header-${item.title}` : `plan-${item.value}`\n            }\n            renderItem={({ item }) => {\n              switch (item.type) {\n                case 'header':\n                  return (\n                    <Heading variant=\"h3\" numberOfLines={1} style={styles.listHeader}>\n                      {item.title}\n                    </Heading>\n                  )\n                case 'plan': {\n                  const isSelected = item.value === selectedPlanId\n                  return (\n                    <OptionItem\n                      plan={item}\n                      isSelected={isSelected}\n                      onPress={() => onPlanSelect(isSelected ? undefined : item.value)}\n                    />\n                  )\n                }\n              }\n            }}\n            showsVerticalScrollIndicator={false}\n          />\n        )}\n      </View>\n    </SafeAreaModal>\n  )\n}\n\n// ==========================================\n// Helper Components\n// ==========================================\n\nconst createStableHeaderRight = (onClose: () => void) => () => (\n  <HeaderDismissButton onPress={onClose} title=\"Cancel\" />\n)\n\nfunction OptionItem({ plan, isSelected, onPress }: OptionItemProps) {\n  const styles = useStyles()\n  return (\n    <PlatformPressable\n      style={styles.optionItem}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isSelected }}\n      accessibilityLabel={plan.name}\n    >\n      <Text style={styles.optionText} numberOfLines={1}>\n        {plan.name}\n      </Text>\n      {isSelected && <Icon name=\"general.check\" size={16} style={styles.checkIcon} />}\n    </PlatformPressable>\n  )\n}\n\n// ==========================================\n// Styles\n// ==========================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    spinnerContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      minHeight: 44,\n    },\n    header: {\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    selectButton: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      backgroundColor: colors.surfaceColor100,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: tokens.borderRadiusRound,\n      minHeight: 44,\n    },\n    buttonText: {\n      flex: 1,\n      color: colors.textColorDefaultPrimary,\n    },\n    chevronIcon: {\n      color: colors.iconColorDefaultSecondary,\n      marginLeft: 8,\n    },\n    modalContainer: {\n      backgroundColor: colors.surfaceColor100,\n      flex: 1,\n    },\n    modalHeaderRightContainer: {\n      paddingRight: Platform.select({ ios: 20, android: 0 }),\n    },\n    listContainer: {\n      paddingBottom: 16,\n    },\n    listHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 24,\n      paddingBottom: 12,\n    },\n    optionItem: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultDim,\n    },\n    optionText: {\n      flex: 1,\n      color: colors.textColorDefaultPrimary,\n    },\n    checkIcon: {\n      color: colors.statusSuccessIcon,\n      marginLeft: 8,\n    },\n  })\n}\n"]}
+{"version":3,"file":"filter_by_plan.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/filter_by_plan.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Header, PlatformPressable } from '@react-navigation/elements'\nimport React, { useState } from 'react'\nimport { StyleSheet, View, FlatList, Platform } from 'react-native'\nimport { Banner, Icon, Spinner, Text, Heading } from '../../../components'\nimport { HeaderDismissButton } from '../../../components/display/platform_modal_header_buttons'\nimport { DefaultLoading } from '../../../components/page/loading'\nimport { SafeAreaModal } from '../../../components/safe_area_modal'\nimport { useTheme } from '../../../hooks'\nimport { useTeamPlans } from '../../../hooks/services/use_team_plans'\nimport { tokens } from '../../../vendor/tapestry/tokens'\n\n// ==========================================\n// Interfaces\n// ==========================================\n\ninterface FilterByPlanProps {\n  teamIds: number[]\n  selectedPlanId?: number\n  onPlanSelect: (planId: number | undefined) => void\n}\n\ninterface FilterByPlanFieldProps {\n  teamIds: number[]\n  planId?: number\n  onOpenModal: () => void\n}\n\ninterface FilterByPlanModalProps {\n  visible: boolean\n  onClose: () => void\n  teamIds: number[]\n  selectedPlanId?: number\n  onPlanSelect: (planId: number | undefined) => void\n}\n\ninterface OptionItemProps {\n  plan: { value: number; name: string }\n  isSelected: boolean\n  onPress: () => void\n}\n\n// ==========================================\n// Main Component\n// ==========================================\n\nexport function FilterByPlan({ teamIds, selectedPlanId, onPlanSelect }: FilterByPlanProps) {\n  const [modalVisible, setModalVisible] = useState(false)\n\n  return (\n    <>\n      <FilterByPlanField\n        teamIds={teamIds}\n        planId={selectedPlanId}\n        onOpenModal={() => setModalVisible(true)}\n      />\n      <FilterByPlanModal\n        visible={modalVisible}\n        onClose={() => setModalVisible(false)}\n        teamIds={teamIds}\n        selectedPlanId={selectedPlanId}\n        onPlanSelect={planId => {\n          onPlanSelect(planId)\n          setModalVisible(false)\n        }}\n      />\n    </>\n  )\n}\n\n// ==========================================\n// Sub-components\n// ==========================================\n\nexport function FilterByPlanField({ teamIds, planId, onOpenModal }: FilterByPlanFieldProps) {\n  const styles = useStyles()\n  const { planOptions, findPlan, isFetching, isError } = useTeamPlans({ teamIds })\n\n  if (isFetching) {\n    return (\n      <View style={styles.spinnerContainer}>\n        <Spinner size={20} />\n      </View>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Banner\n        appearance=\"error\"\n        description=\"An error occurred while fetching plans. Please try again.\"\n      />\n    )\n  }\n\n  if (!planOptions || planOptions.length === 0) {\n    return <Banner appearance=\"neutral\" description=\"No plans available with the selected teams.\" />\n  }\n\n  const selectedPlan = findPlan(planId)\n  const buttonText = selectedPlan ? selectedPlan.name : 'Select a plan'\n\n  return (\n    <PlatformPressable\n      style={styles.selectButton}\n      onPress={onOpenModal}\n      accessibilityRole=\"button\"\n      accessibilityLabel={`Selected plan: ${buttonText}`}\n      accessibilityHint=\"Opens plan selection\"\n    >\n      <Text style={styles.buttonText} numberOfLines={1}>\n        {buttonText}\n      </Text>\n      <Icon name=\"general.downChevron\" size={16} style={styles.chevronIcon} />\n    </PlatformPressable>\n  )\n}\n\nexport function FilterByPlanModal({\n  visible,\n  onClose,\n  teamIds,\n  selectedPlanId,\n  onPlanSelect,\n}: FilterByPlanModalProps) {\n  const styles = useStyles()\n  const { planOptions, isFetching } = useTeamPlans({ teamIds })\n\n  return (\n    <SafeAreaModal\n      visible={visible}\n      animationType=\"slide\"\n      presentationStyle=\"pageSheet\"\n      onRequestClose={onClose}\n    >\n      <View style={styles.modalContainer}>\n        <Header\n          headerStyle={styles.header}\n          title=\"Select a plan\"\n          headerShadowVisible={false}\n          headerRight={createStableHeaderRight(onClose)}\n          headerRightContainerStyle={styles.modalHeaderRightContainer}\n        />\n\n        {isFetching && <DefaultLoading />}\n\n        {planOptions && planOptions.length > 0 && (\n          <FlatList\n            data={planOptions}\n            contentContainerStyle={styles.listContainer}\n            keyExtractor={item =>\n              item.type === 'header' ? `header-${item.title}` : `plan-${item.value}`\n            }\n            renderItem={({ item }) => {\n              switch (item.type) {\n                case 'header':\n                  return (\n                    <Heading variant=\"h3\" numberOfLines={1} style={styles.listHeader}>\n                      {item.title}\n                    </Heading>\n                  )\n                case 'plan': {\n                  const isSelected = item.value === selectedPlanId\n                  return (\n                    <OptionItem\n                      plan={item}\n                      isSelected={isSelected}\n                      onPress={() => onPlanSelect(isSelected ? undefined : item.value)}\n                    />\n                  )\n                }\n              }\n            }}\n            showsVerticalScrollIndicator={false}\n          />\n        )}\n      </View>\n    </SafeAreaModal>\n  )\n}\n\n// ==========================================\n// Helper Components\n// ==========================================\n\nconst createStableHeaderRight = (onClose: () => void) => () => (\n  <HeaderDismissButton onPress={onClose} title=\"Cancel\" />\n)\n\nfunction OptionItem({ plan, isSelected, onPress }: OptionItemProps) {\n  const styles = useStyles()\n  return (\n    <PlatformPressable\n      style={styles.optionItem}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isSelected }}\n      accessibilityLabel={plan.name}\n    >\n      <Text style={styles.optionText} numberOfLines={1}>\n        {plan.name}\n      </Text>\n      {isSelected && <Icon name=\"general.check\" size={16} style={styles.checkIcon} />}\n    </PlatformPressable>\n  )\n}\n\n// ==========================================\n// Styles\n// ==========================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    spinnerContainer: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      minHeight: 44,\n    },\n    header: {\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    selectButton: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      backgroundColor: colors.surfaceColor100,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: tokens.borderRadiusRound,\n      minHeight: 44,\n    },\n    buttonText: {\n      flex: 1,\n      color: colors.textColorDefaultPrimary,\n    },\n    chevronIcon: {\n      color: colors.iconColorDefaultSecondary,\n      marginLeft: 8,\n    },\n    modalContainer: {\n      backgroundColor: colors.surfaceColor100,\n      flex: 1,\n    },\n    modalHeaderRightContainer: {\n      paddingRight: Platform.select({ ios: 20, android: 0 }),\n    },\n    listContainer: {\n      paddingBottom: 16,\n    },\n    listHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 24,\n      paddingBottom: 12,\n    },\n    optionItem: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultDim,\n    },\n    optionText: {\n      flex: 1,\n      color: colors.textColorDefaultPrimary,\n    },\n    checkIcon: {\n      color: colors.statusSuccessIcon,\n      marginLeft: 8,\n    },\n  })\n}\n"]}

package/build/screens/conversation_new/components/form_list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form_list.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/form_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAY,KAAK,aAAa,EAAoB,MAAM,cAAc,CAAA;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAI/C,UAAU,aAAa;IACrB,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAClE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,2EAMlB,aAAa,sBAgBf,CAAA;AAYD,eAAO,MAAM,OAAO,yBAInB,CAAA"}
+{"version":3,"file":"form_list.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/form_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAY,KAAK,aAAa,EAAoB,MAAM,cAAc,CAAA;AAG7E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,UAAU,aAAa;IACrB,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC,qBAAqB,CAAC,CAAA;IAClE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,2EAMlB,aAAa,sBAgBf,CAAA;AAYD,eAAO,MAAM,OAAO,yBAInB,CAAA"}

package/build/screens/conversation_new/components/form_list.js.map

@@ -1 +1 @@
-{"version":3,"file":"form_list.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/form_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAsB,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE7E,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAUzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,YAAY,GACE,EAAE,EAAE;IAClB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,UAAU,CAAC,CACjB,mBAAmB,CAAC,CAAC,WAAW,CAAC,CACjC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAG,CAAC,CACzE,mBAAmB,CAAC,CAClB,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAC1E,CAAC,CACD,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CACzC,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,kBAAkB,CAAC,EAAG,CAAC,CACjF,YAAY,CAAC,CAAC,YAAY,CAAC,EAC3B,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;IACnD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAC7C;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAG,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,MAAM,EAAE;YACN,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,EAAE;SAClB;QACD,WAAW,EAAE;YACX,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,EAAE;SAClB;QACD,kBAAkB,EAAE;YAClB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,EAAE;SACZ;QACD,SAAS,EAAE;YACT,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,OAAO,EAAE;YACP,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,MAAM,CAAC,uBAAuB;SAClD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { FlatList, type FlatListProps, StyleSheet, View } from 'react-native'\nimport { MemberResource } from '../../../types'\nimport { Person, Text } from '../../../components/display'\nimport { useTheme } from '../../../hooks'\n\ninterface FormListProps {\n  memberData: MemberResource[]\n  loadingMore?: boolean\n  FormContent?: FlatListProps<MemberResource>['ListHeaderComponent']\n  listEmptyText?: string\n  onEndReached?: () => void\n}\n\nexport const FormList = ({\n  memberData,\n  loadingMore,\n  FormContent,\n  listEmptyText,\n  onEndReached,\n}: FormListProps) => {\n  const styles = useStyles()\n\n  return (\n    <FlatList\n      data={memberData}\n      ListHeaderComponent={FormContent}\n      renderItem={({ item }) => <Person person={item} style={styles.person} />}\n      ListFooterComponent={\n        loadingMore ? <Text style={styles.loadingMore}>Loading more...</Text> : null\n      }\n      keyExtractor={item => item.id.toString()}\n      ListEmptyComponent={<ListEmptyText text={listEmptyText || 'No members found'} />}\n      onEndReached={onEndReached}\n    />\n  )\n}\n\nconst ListEmptyText = ({ text }: { text: string }) => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.emptyTextContainer}>\n      <Text style={styles.emptyText}>{text}</Text>\n    </View>\n  )\n}\n\nexport const Divider = () => {\n  const styles = useStyles()\n\n  return <View style={styles.divider} />\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    person: {\n      paddingHorizontal: 16,\n      paddingBottom: 12,\n    },\n    loadingMore: {\n      paddingHorizontal: 16,\n      paddingBottom: 12,\n    },\n    emptyTextContainer: {\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: 32,\n    },\n    emptyText: {\n      textAlign: 'center',\n      color: colors.textColorDefaultSecondary,\n    },\n    divider: {\n      borderBottomWidth: 1,\n      borderBottomColor: colors.fillColorNeutral050Base,\n    },\n  })\n}\n"]}
+{"version":3,"file":"form_list.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/form_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAsB,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC7E,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAWzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,YAAY,GACE,EAAE,EAAE;IAClB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,UAAU,CAAC,CACjB,mBAAmB,CAAC,CAAC,WAAW,CAAC,CACjC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAG,CAAC,CACzE,mBAAmB,CAAC,CAClB,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAC1E,CAAC,CACD,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CACzC,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,kBAAkB,CAAC,EAAG,CAAC,CACjF,YAAY,CAAC,CAAC,YAAY,CAAC,EAC3B,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;IACnD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAC7C;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAG,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,MAAM,EAAE;YACN,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,EAAE;SAClB;QACD,WAAW,EAAE;YACX,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,EAAE;SAClB;QACD,kBAAkB,EAAE;YAClB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,EAAE;SACZ;QACD,SAAS,EAAE;YACT,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,OAAO,EAAE;YACP,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,MAAM,CAAC,uBAAuB;SAClD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { FlatList, type FlatListProps, StyleSheet, View } from 'react-native'\nimport { Person, Text } from '../../../components/display'\nimport { useTheme } from '../../../hooks'\nimport { MemberResource } from '../../../types'\n\ninterface FormListProps {\n  memberData: MemberResource[]\n  loadingMore?: boolean\n  FormContent?: FlatListProps<MemberResource>['ListHeaderComponent']\n  listEmptyText?: string\n  onEndReached?: () => void\n}\n\nexport const FormList = ({\n  memberData,\n  loadingMore,\n  FormContent,\n  listEmptyText,\n  onEndReached,\n}: FormListProps) => {\n  const styles = useStyles()\n\n  return (\n    <FlatList\n      data={memberData}\n      ListHeaderComponent={FormContent}\n      renderItem={({ item }) => <Person person={item} style={styles.person} />}\n      ListFooterComponent={\n        loadingMore ? <Text style={styles.loadingMore}>Loading more...</Text> : null\n      }\n      keyExtractor={item => item.id.toString()}\n      ListEmptyComponent={<ListEmptyText text={listEmptyText || 'No members found'} />}\n      onEndReached={onEndReached}\n    />\n  )\n}\n\nconst ListEmptyText = ({ text }: { text: string }) => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.emptyTextContainer}>\n      <Text style={styles.emptyText}>{text}</Text>\n    </View>\n  )\n}\n\nexport const Divider = () => {\n  const styles = useStyles()\n\n  return <View style={styles.divider} />\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    person: {\n      paddingHorizontal: 16,\n      paddingBottom: 12,\n    },\n    loadingMore: {\n      paddingHorizontal: 16,\n      paddingBottom: 12,\n    },\n    emptyTextContainer: {\n      alignItems: 'center',\n      justifyContent: 'center',\n      padding: 32,\n    },\n    emptyText: {\n      textAlign: 'center',\n      color: colors.textColorDefaultSecondary,\n    },\n    divider: {\n      borderBottomWidth: 1,\n      borderBottomColor: colors.fillColorNeutral050Base,\n    },\n  })\n}\n"]}

package/build/screens/conversation_new/components/gender_filter_toggle.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface GenderFilterToggleProps {
+    genderValue: string | null;
+    isFetching: boolean;
+    enabled: boolean;
+    onToggle: (enabled: boolean) => void;
+}
+export declare function GenderFilterToggle({ genderValue, isFetching, enabled, onToggle, }: GenderFilterToggleProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=gender_filter_toggle.d.ts.map

package/build/screens/conversation_new/components/gender_filter_toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gender_filter_toggle.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/gender_filter_toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAmDzB,UAAU,uBAAuB;IAC/B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,qBAczB"}

package/build/screens/conversation_new/components/gender_filter_toggle.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import { ActivityIndicator, StyleSheet, View } from 'react-native';
+import { Heading, Switch, Text } from '../../../components';
+import { useTheme } from '../../../hooks';
+import { genderDisplayLabel } from '../../../utils/gender_display_label';
+function FilterableGenderContent({ genderValue, enabled, onToggle }) {
+    const { colors } = useTheme();
+    const styles = useStyles();
+    const displayLabel = genderDisplayLabel(genderValue);
+    return (<>
+      <View style={styles.toggleRow}>
+        <Text>{displayLabel}</Text>
+        <Switch value={enabled} onValueChange={onToggle} accessibilityLabel={`Filter by ${displayLabel}`}/>
+      </View>
+      <Text style={{ color: colors.textColorDefaultSecondary }}>
+        Filter limited to your profile's set gender
+      </Text>
+    </>);
+}
+function NoGenderContent({ isFetching }) {
+    const { colors } = useTheme();
+    return (<>
+      <Text>Gender</Text>
+      {isFetching ? (<ActivityIndicator size="small"/>) : (<Text style={{ color: colors.textColorDefaultSecondary }}>
+          Set a gender in your Church Center profile to enable gender filtering.
+        </Text>)}
+    </>);
+}
+export function GenderFilterToggle({ genderValue, isFetching, enabled, onToggle, }) {
+    const styles = useStyles();
+    const hasFilterableGender = genderValue !== null && genderValue !== 'Prefer not to say';
+    return (<View style={styles.container}>
+      <Heading variant="h3">Filter by</Heading>
+      {hasFilterableGender ? (<FilterableGenderContent genderValue={genderValue} enabled={enabled} onToggle={onToggle}/>) : (<NoGenderContent isFetching={isFetching}/>)}
+    </View>);
+}
+const useStyles = () => {
+    return StyleSheet.create({
+        container: {
+            padding: 16,
+            gap: 8,
+        },
+        toggleRow: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+        },
+    });
+};
+//# sourceMappingURL=gender_filter_toggle.js.map

package/build/screens/conversation_new/components/gender_filter_toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gender_filter_toggle.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/gender_filter_toggle.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { ActivityIndicator, StyleSheet, View } from 'react-native'\nimport { Heading, Switch, Text } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { genderDisplayLabel } from '../../../utils/gender_display_label'\n\ninterface FilterableGenderContentProps {\n  genderValue: string\n  enabled: boolean\n  onToggle: (enabled: boolean) => void\n}\n\nfunction FilterableGenderContent({ genderValue, enabled, onToggle }: FilterableGenderContentProps) {\n  const { colors } = useTheme()\n  const styles = useStyles()\n  const displayLabel = genderDisplayLabel(genderValue)\n\n  return (\n    <>\n      <View style={styles.toggleRow}>\n        <Text>{displayLabel}</Text>\n        <Switch\n          value={enabled}\n          onValueChange={onToggle}\n          accessibilityLabel={`Filter by ${displayLabel}`}\n        />\n      </View>\n      <Text style={{ color: colors.textColorDefaultSecondary }}>\n        Filter limited to your profile's set gender\n      </Text>\n    </>\n  )\n}\n\nfunction NoGenderContent({ isFetching }: { isFetching: boolean }) {\n  const { colors } = useTheme()\n\n  return (\n    <>\n      <Text>Gender</Text>\n      {isFetching ? (\n        <ActivityIndicator size=\"small\" />\n      ) : (\n        <Text style={{ color: colors.textColorDefaultSecondary }}>\n          Set a gender in your Church Center profile to enable gender filtering.\n        </Text>\n      )}\n    </>\n  )\n}\n\ninterface GenderFilterToggleProps {\n  genderValue: string | null\n  isFetching: boolean\n  enabled: boolean\n  onToggle: (enabled: boolean) => void\n}\n\nexport function GenderFilterToggle({\n  genderValue,\n  isFetching,\n  enabled,\n  onToggle,\n}: GenderFilterToggleProps) {\n  const styles = useStyles()\n  const hasFilterableGender = genderValue !== null && genderValue !== 'Prefer not to say'\n\n  return (\n    <View style={styles.container}>\n      <Heading variant=\"h3\">Filter by</Heading>\n      {hasFilterableGender ? (\n        <FilterableGenderContent genderValue={genderValue} enabled={enabled} onToggle={onToggle} />\n      ) : (\n        <NoGenderContent isFetching={isFetching} />\n      )}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    container: {\n      padding: 16,\n      gap: 8,\n    },\n    toggleRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n    },\n  })\n}\n"]}

package/build/screens/conversation_new/components/groups_form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"groups_form.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/groups_form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAYrE,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAKjE,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,UAAU,qCAAsC,eAAe,sBA0D3E,CAAA"}
+{"version":3,"file":"groups_form.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/groups_form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAarE,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAOjE,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,UAAU,qCAAsC,eAAe,sBAwF3E,CAAA"}

package/build/screens/conversation_new/components/groups_form.js

@@ -7,12 +7,17 @@ import { KeyboardView } from '../../../components/display/keyboard_view';
 import { useCurrentPerson, useSuspenseGet, useTheme } from '../../../hooks';
 import { useGroupMembersForNewConversation, } from '../../../hooks/groups/use_group_members_for_new_conversation';
 import { useGroupsConversationCreate } from '../../../hooks/groups/use_groups_conversation_create';
+import { useMyGender } from '../../../hooks/use_my_gender';
 import { pluralize } from '../../../utils';
-import { Divider, FormList } from './form_list';
+import { genderDisplayLabel } from '../../../utils/gender_display_label';
 import { Haptic } from '../../../utils/native_adapters';
+import { Divider, FormList } from './form_list';
+import { GenderFilterToggle } from './gender_filter_toggle';
 export const GroupsForm = ({ groupId, chat_group_graph_id }) => {
     const navigation = useNavigation();
-    const [title, setTitle] = useState();
+    const [title, setTitle] = useState('');
+    const [genderFilterEnabled, setGenderFilterEnabled] = useState(false);
+    const { isFeatureEnabled: genderFilterAvailable, genderId, genderValue, isFetching: genderFetching, } = useMyGender();
     const { data: group } = useSuspenseGet({
         url: `/me/groups/${groupId}`,
         data: {
@@ -23,6 +28,20 @@ export const GroupsForm = ({ groupId, chat_group_graph_id }) => {
         app: 'groups',
     });
     const groupMemberships = useGroupMembersForNewConversation({ id: groupId });
+    const activeGenderId = genderFilterEnabled ? genderId : null;
+    const handleGenderToggle = (enabled) => {
+        const displayLabel = genderValue ? genderDisplayLabel(genderValue) : '';
+        const defaultTitle = `${group.name} (${displayLabel})`;
+        const shouldAutoPopulateTitle = enabled && genderValue && title === '';
+        const shouldClearAutoPopulatedTitle = !enabled && title === defaultTitle;
+        setGenderFilterEnabled(enabled);
+        if (shouldAutoPopulateTitle) {
+            setTitle(defaultTitle);
+        }
+        else if (shouldClearAutoPopulatedTitle) {
+            setTitle('');
+        }
+    };
     const redirectToConversation = useCallback((conversationId) => {
         // navigate to the conversation screen
         navigation.dispatch(StackActions.popTo('Conversation', {
@@ -34,14 +53,15 @@ export const GroupsForm = ({ groupId, chat_group_graph_id }) => {
     const { mutate: handleSave, isPending } = useGroupsConversationCreate({
         groupId,
         title,
+        genderId: activeGenderId,
         onSuccess: redirectToConversation,
     });
     return (<KeyboardView>
-      <FormList memberData={groupMemberships.adultMembers} loadingMore={groupMemberships.isFetchingNextPage} onEndReached={groupMemberships.fetchNextPage} FormContent={<FormContent group={group} title={title} setTitle={setTitle} groupMemberships={groupMemberships}/>}/>
+      <FormList memberData={groupMemberships.adultMembers} loadingMore={groupMemberships.isFetchingNextPage} onEndReached={groupMemberships.fetchNextPage} FormContent={<FormContent group={group} title={title} setTitle={setTitle} genderFilterAvailable={genderFilterAvailable} genderFilterEnabled={genderFilterEnabled} genderValue={genderValue} genderFetching={genderFetching} onGenderToggle={handleGenderToggle} groupMemberships={groupMemberships}/>}/>
       <ActionButton disabled={!title || isPending} title="Start Conversation" onPress={() => handleSave()} infoText="Conversation will be automatically updated if any members are added or removed from this group."/>
     </KeyboardView>);
 };
-function FormContent({ group, title, setTitle, groupMemberships }) {
+function FormContent({ group, title, setTitle, genderFilterAvailable, genderFilterEnabled, genderValue, genderFetching, onGenderToggle, groupMemberships, }) {
     const styles = useStyles();
     const inputRef = useRef(null);
     const currentPerson = useCurrentPerson();
@@ -66,6 +86,10 @@ function FormContent({ group, title, setTitle, groupMemberships }) {
         <TextInput placeholder="Topic of conversation (required)" value={title} onChangeText={setTitle} style={styles.titleInput} autoFocus={true} ref={inputRef}/>
       </Pressable>
       <Divider />
+      {genderFilterAvailable && (<>
+          <GenderFilterToggle genderValue={genderValue} isFetching={genderFetching} enabled={genderFilterEnabled} onToggle={onGenderToggle}/>
+          <Divider />
+        </>)}
       <View style={styles.memberSection}>
         <Heading variant="h3">{memberHeaderLabel}</Heading>
         {hasChildren && (<ChildNotice childMembers={childMembers} showMembers={isLeader} style={styles.banner}/>)}

package/build/screens/conversation_new/components/groups_form.js.map

@@ -1 +1 @@
-{"version":3,"file":"groups_form.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/groups_form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StackActions, useNavigation } from '@react-navigation/native'\nimport React, { useCallback, useMemo, useRef, useState } from 'react'\nimport { Platform, Pressable, StyleSheet, TextInput, View } from 'react-native'\nimport { Banner, ChildNotice, Heading, Text } from '../../../components'\nimport { ActionButton } from '../../../components/display/action_button'\nimport { KeyboardView } from '../../../components/display/keyboard_view'\nimport { useCurrentPerson, useSuspenseGet, useTheme } from '../../../hooks'\nimport {\n  GroupMembersForNewConversationResult,\n  useGroupMembersForNewConversation,\n} from '../../../hooks/groups/use_group_members_for_new_conversation'\nimport { useGroupsConversationCreate } from '../../../hooks/groups/use_groups_conversation_create'\nimport { GroupsGroupResource } from '../../../types'\nimport { GraphId } from '../../../types/resources/group_resource'\nimport { pluralize } from '../../../utils'\nimport { Divider, FormList } from './form_list'\nimport { Haptic } from '../../../utils/native_adapters'\n\ntype GroupsFormProps = {\n  groupId: number\n  chat_group_graph_id?: GraphId\n}\n\nexport const GroupsForm = ({ groupId, chat_group_graph_id }: GroupsFormProps) => {\n  const navigation = useNavigation()\n  const [title, setTitle] = useState<string>()\n  const { data: group } = useSuspenseGet<GroupsGroupResource>({\n    url: `/me/groups/${groupId}`,\n    data: {\n      fields: {\n        Group: [],\n      },\n    },\n    app: 'groups',\n  })\n\n  const groupMemberships = useGroupMembersForNewConversation({ id: groupId })\n\n  const redirectToConversation = useCallback(\n    (conversationId: number) => {\n      // navigate to the conversation screen\n      navigation.dispatch(\n        StackActions.popTo('Conversation', {\n          conversation_id: conversationId,\n          chat_group_graph_id,\n        })\n      )\n      Haptic.notificationSuccess()\n    },\n    [chat_group_graph_id, navigation]\n  )\n\n  const { mutate: handleSave, isPending } = useGroupsConversationCreate({\n    groupId,\n    title,\n    onSuccess: redirectToConversation,\n  })\n\n  return (\n    <KeyboardView>\n      <FormList\n        memberData={groupMemberships.adultMembers}\n        loadingMore={groupMemberships.isFetchingNextPage}\n        onEndReached={groupMemberships.fetchNextPage}\n        FormContent={\n          <FormContent\n            group={group}\n            title={title}\n            setTitle={setTitle}\n            groupMemberships={groupMemberships}\n          />\n        }\n      />\n      <ActionButton\n        disabled={!title || isPending}\n        title=\"Start Conversation\"\n        onPress={() => handleSave()}\n        infoText=\"Conversation will be automatically updated if any members are added or removed from this group.\"\n      />\n    </KeyboardView>\n  )\n}\n\ninterface FormContentProps {\n  group: GroupsGroupResource\n  title?: string\n  setTitle: (title: string) => void\n  groupMemberships: GroupMembersForNewConversationResult\n}\n\nfunction FormContent({ group, title, setTitle, groupMemberships }: FormContentProps) {\n  const styles = useStyles()\n  const inputRef = useRef<TextInput>(null)\n  const currentPerson = useCurrentPerson()\n  const { name, membershipsCount } = group\n\n  const myGroupsMembership = useMemo(\n    () => groupMemberships.data.find(m => m.id === currentPerson.id),\n    [groupMemberships.data, currentPerson.id]\n  )\n  const isLeader = myGroupsMembership?.role === 'leader'\n\n  const childMembers = groupMemberships.childMembers\n  const hasChildren = childMembers.length > 0\n  const memberHeaderLabel = `${pluralize(membershipsCount, 'member')} selected`\n\n  const showMemberError = groupMemberships.isError\n\n  const handleTitleSectionPress = useCallback(() => {\n    inputRef.current?.focus()\n  }, [])\n\n  return (\n    <View style={styles.formContent}>\n      <View style={styles.toSection}>\n        <Heading variant=\"h3\">To:</Heading>\n        <Text style={styles.groupName}>{name}</Text>\n      </View>\n      <Divider />\n      <Pressable style={styles.titleSection} onPress={handleTitleSectionPress}>\n        <Heading variant=\"h3\">Title</Heading>\n        <TextInput\n          placeholder=\"Topic of conversation (required)\"\n          value={title}\n          onChangeText={setTitle}\n          style={styles.titleInput}\n          autoFocus={true}\n          ref={inputRef}\n        />\n      </Pressable>\n      <Divider />\n      <View style={styles.memberSection}>\n        <Heading variant=\"h3\">{memberHeaderLabel}</Heading>\n        {hasChildren && (\n          <ChildNotice childMembers={childMembers} showMembers={isLeader} style={styles.banner} />\n        )}\n        {showMemberError && (\n          <Banner\n            appearance=\"error\"\n            description=\"There was an issue loading group members, please refresh and try again.\"\n            style={styles.banner}\n          />\n        )}\n      </View>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const sectionPadding = 16\n  const inputPadding = 8\n\n  return StyleSheet.create({\n    formContent: {\n      paddingBottom: sectionPadding,\n      flex: 1,\n    },\n    toSection: {\n      padding: sectionPadding,\n      flexDirection: 'row',\n      gap: 8,\n    },\n    groupName: {\n      fontSize: 18,\n      flex: 1,\n    },\n    titleSection: {\n      padding: sectionPadding,\n      paddingBottom: Platform.select({\n        ios: sectionPadding,\n        android: sectionPadding - inputPadding,\n      }),\n      gap: Platform.select({\n        ios: 8,\n        android: 0,\n      }),\n    },\n    titleInput: {\n      fontSize: 18,\n      color: colors.textColorDefaultPrimary,\n    },\n    memberSection: {\n      padding: sectionPadding,\n      paddingBottom: 0,\n    },\n    banner: {\n      marginTop: 16,\n    },\n  })\n}\n"]}
+{"version":3,"file":"groups_form.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/groups_form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StackActions, useNavigation } from '@react-navigation/native'\nimport React, { useCallback, useMemo, useRef, useState } from 'react'\nimport { Platform, Pressable, StyleSheet, TextInput, View } from 'react-native'\nimport { Banner, ChildNotice, Heading, Text } from '../../../components'\nimport { ActionButton } from '../../../components/display/action_button'\nimport { KeyboardView } from '../../../components/display/keyboard_view'\nimport { useCurrentPerson, useSuspenseGet, useTheme } from '../../../hooks'\nimport {\n  GroupMembersForNewConversationResult,\n  useGroupMembersForNewConversation,\n} from '../../../hooks/groups/use_group_members_for_new_conversation'\nimport { useGroupsConversationCreate } from '../../../hooks/groups/use_groups_conversation_create'\nimport { useMyGender } from '../../../hooks/use_my_gender'\nimport { GroupsGroupResource } from '../../../types'\nimport { GraphId } from '../../../types/resources/group_resource'\nimport { pluralize } from '../../../utils'\nimport { genderDisplayLabel } from '../../../utils/gender_display_label'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { Divider, FormList } from './form_list'\nimport { GenderFilterToggle } from './gender_filter_toggle'\n\ntype GroupsFormProps = {\n  groupId: number\n  chat_group_graph_id?: GraphId\n}\n\nexport const GroupsForm = ({ groupId, chat_group_graph_id }: GroupsFormProps) => {\n  const navigation = useNavigation()\n  const [title, setTitle] = useState('')\n  const [genderFilterEnabled, setGenderFilterEnabled] = useState(false)\n  const {\n    isFeatureEnabled: genderFilterAvailable,\n    genderId,\n    genderValue,\n    isFetching: genderFetching,\n  } = useMyGender()\n  const { data: group } = useSuspenseGet<GroupsGroupResource>({\n    url: `/me/groups/${groupId}`,\n    data: {\n      fields: {\n        Group: [],\n      },\n    },\n    app: 'groups',\n  })\n\n  const groupMemberships = useGroupMembersForNewConversation({ id: groupId })\n\n  const activeGenderId = genderFilterEnabled ? genderId : null\n\n  const handleGenderToggle = (enabled: boolean) => {\n    const displayLabel = genderValue ? genderDisplayLabel(genderValue) : ''\n    const defaultTitle = `${group.name} (${displayLabel})`\n    const shouldAutoPopulateTitle = enabled && genderValue && title === ''\n    const shouldClearAutoPopulatedTitle = !enabled && title === defaultTitle\n\n    setGenderFilterEnabled(enabled)\n\n    if (shouldAutoPopulateTitle) {\n      setTitle(defaultTitle)\n    } else if (shouldClearAutoPopulatedTitle) {\n      setTitle('')\n    }\n  }\n\n  const redirectToConversation = useCallback(\n    (conversationId: number) => {\n      // navigate to the conversation screen\n      navigation.dispatch(\n        StackActions.popTo('Conversation', {\n          conversation_id: conversationId,\n          chat_group_graph_id,\n        })\n      )\n      Haptic.notificationSuccess()\n    },\n    [chat_group_graph_id, navigation]\n  )\n\n  const { mutate: handleSave, isPending } = useGroupsConversationCreate({\n    groupId,\n    title,\n    genderId: activeGenderId,\n    onSuccess: redirectToConversation,\n  })\n\n  return (\n    <KeyboardView>\n      <FormList\n        memberData={groupMemberships.adultMembers}\n        loadingMore={groupMemberships.isFetchingNextPage}\n        onEndReached={groupMemberships.fetchNextPage}\n        FormContent={\n          <FormContent\n            group={group}\n            title={title}\n            setTitle={setTitle}\n            genderFilterAvailable={genderFilterAvailable}\n            genderFilterEnabled={genderFilterEnabled}\n            genderValue={genderValue}\n            genderFetching={genderFetching}\n            onGenderToggle={handleGenderToggle}\n            groupMemberships={groupMemberships}\n          />\n        }\n      />\n      <ActionButton\n        disabled={!title || isPending}\n        title=\"Start Conversation\"\n        onPress={() => handleSave()}\n        infoText=\"Conversation will be automatically updated if any members are added or removed from this group.\"\n      />\n    </KeyboardView>\n  )\n}\n\ninterface FormContentProps {\n  group: GroupsGroupResource\n  title: string\n  setTitle: (title: string) => void\n  genderFilterAvailable: boolean\n  genderFilterEnabled: boolean\n  genderValue: string | null\n  genderFetching: boolean\n  onGenderToggle: (enabled: boolean) => void\n  groupMemberships: GroupMembersForNewConversationResult\n}\n\nfunction FormContent({\n  group,\n  title,\n  setTitle,\n  genderFilterAvailable,\n  genderFilterEnabled,\n  genderValue,\n  genderFetching,\n  onGenderToggle,\n  groupMemberships,\n}: FormContentProps) {\n  const styles = useStyles()\n  const inputRef = useRef<TextInput>(null)\n  const currentPerson = useCurrentPerson()\n  const { name, membershipsCount } = group\n\n  const myGroupsMembership = useMemo(\n    () => groupMemberships.data.find(m => m.id === currentPerson.id),\n    [groupMemberships.data, currentPerson.id]\n  )\n  const isLeader = myGroupsMembership?.role === 'leader'\n\n  const childMembers = groupMemberships.childMembers\n  const hasChildren = childMembers.length > 0\n  const memberHeaderLabel = `${pluralize(membershipsCount, 'member')} selected`\n\n  const showMemberError = groupMemberships.isError\n\n  const handleTitleSectionPress = useCallback(() => {\n    inputRef.current?.focus()\n  }, [])\n\n  return (\n    <View style={styles.formContent}>\n      <View style={styles.toSection}>\n        <Heading variant=\"h3\">To:</Heading>\n        <Text style={styles.groupName}>{name}</Text>\n      </View>\n      <Divider />\n      <Pressable style={styles.titleSection} onPress={handleTitleSectionPress}>\n        <Heading variant=\"h3\">Title</Heading>\n        <TextInput\n          placeholder=\"Topic of conversation (required)\"\n          value={title}\n          onChangeText={setTitle}\n          style={styles.titleInput}\n          autoFocus={true}\n          ref={inputRef}\n        />\n      </Pressable>\n      <Divider />\n      {genderFilterAvailable && (\n        <>\n          <GenderFilterToggle\n            genderValue={genderValue}\n            isFetching={genderFetching}\n            enabled={genderFilterEnabled}\n            onToggle={onGenderToggle}\n          />\n          <Divider />\n        </>\n      )}\n      <View style={styles.memberSection}>\n        <Heading variant=\"h3\">{memberHeaderLabel}</Heading>\n        {hasChildren && (\n          <ChildNotice childMembers={childMembers} showMembers={isLeader} style={styles.banner} />\n        )}\n        {showMemberError && (\n          <Banner\n            appearance=\"error\"\n            description=\"There was an issue loading group members, please refresh and try again.\"\n            style={styles.banner}\n          />\n        )}\n      </View>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const sectionPadding = 16\n  const inputPadding = 8\n\n  return StyleSheet.create({\n    formContent: {\n      paddingBottom: sectionPadding,\n      flex: 1,\n    },\n    toSection: {\n      padding: sectionPadding,\n      flexDirection: 'row',\n      gap: 8,\n    },\n    groupName: {\n      fontSize: 18,\n      flex: 1,\n    },\n    titleSection: {\n      padding: sectionPadding,\n      paddingBottom: Platform.select({\n        ios: sectionPadding,\n        android: sectionPadding - inputPadding,\n      }),\n      gap: Platform.select({\n        ios: 8,\n        android: 0,\n      }),\n    },\n    titleInput: {\n      fontSize: 18,\n      color: colors.textColorDefaultPrimary,\n    },\n    memberSection: {\n      padding: sectionPadding,\n      paddingBottom: 0,\n    },\n    banner: {\n      marginTop: 16,\n    },\n  })\n}\n"]}

package/build/screens/conversation_new/components/services_form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"services_form.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/services_form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAYxE,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAA;AAI5E,KAAK,iBAAiB,GAAG;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,eAAe,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,YAAY,uDAItB,iBAAiB,sBA6EnB,CAAA"}
+{"version":3,"file":"services_form.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/services_form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAWxE,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAA;AAI5E,KAAK,iBAAiB,GAAG;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,eAAe,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,YAAY,uDAItB,iBAAiB,sBA6EnB,CAAA"}

package/build/screens/conversation_new/components/services_form.js

@@ -1,17 +1,17 @@
 import { StackActions, useNavigation } from '@react-navigation/native';
+import { uniq } from 'lodash';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Badge, Banner, ChildNotice, Heading, Switch, TextButton } from '../../../components';
 import { ActionButton } from '../../../components/display/action_button';
-import { Divider, FormList } from './form_list';
-import { pluralize } from '../../../utils';
-import { uniq } from 'lodash';
-import { FilterByPlan } from './filter_by_plan';
-import { useTeamMembersForNewConversation } from '../../../hooks/services/use_team_members_for_new_conversation';
 import { useFindOrCreateServicesConversation } from '../../../hooks/services/use_find_or_create_services_conversation';
-import { tokens } from '../../../vendor/tapestry/tokens';
 import { useServicesTeams } from '../../../hooks/services/use_services_team';
+import { useTeamMembersForNewConversation } from '../../../hooks/services/use_team_members_for_new_conversation';
+import { pluralize } from '../../../utils';
 import { Haptic } from '../../../utils/native_adapters';
+import { tokens } from '../../../vendor/tapestry/tokens';
+import { FilterByPlan } from './filter_by_plan';
+import { Divider, FormList } from './form_list';
 export const ServicesForm = ({ initialTeamIds, initialPlanId, teamFilterType, }) => {
     const styles = useStyles();
     const [selectedPlanId, setSelectedPlanId] = useState(initialPlanId);