@planningcenter/chat-react-native 3.42.2-qa-821.0 → 3.42.2-qa-staging.3

package/build/screens/conversation_filters/context/conversation_filter_context.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_filter_context.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/context/conversation_filter_context.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RouteProp, StackActions, useNavigation, useRoute } from '@react-navigation/native'\nimport React from 'react'\nimport { createContext, PropsWithChildren, useState } from 'react'\nimport { Platform } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { ConversationFiltersParams, ConversationFiltersScreenProps } from '../screen_props'\n\nconst DEFAULT_LIST_PADDING_BOTTOM = 64\n\nexport const FilterContext = createContext<{\n  params: ConversationFiltersParams\n  scrollOffset: number\n  setScrollOffset: (offset: number) => void\n  setFormSheetHeaderHeight: (height: number) => void\n  resetFilter: () => void\n  setGroupFilter: (params: ConversationFiltersParams) => void\n  setAppFilter: (params: ConversationFiltersParams) => void\n  applyFilters: (params: ConversationFiltersParams) => void\n  platformListPaddingBottom: number | undefined\n}>({\n  params: {\n    chat_group_graph_id: undefined,\n    group_source_app_name: undefined,\n    show_direct_messages: undefined,\n  },\n  scrollOffset: 0,\n  setScrollOffset: () => {},\n  setFormSheetHeaderHeight: () => {},\n  resetFilter: () => {},\n  setGroupFilter: () => {},\n  setAppFilter: () => {},\n  applyFilters: () => {},\n  platformListPaddingBottom: DEFAULT_LIST_PADDING_BOTTOM,\n})\n\nexport const FilterProvider = ({ children }: PropsWithChildren) => {\n  const [scrollOffset, setScrollOffset] = useState(0)\n  const [formSheetHeaderHeight, setFormSheetHeaderHeight] = useState(56)\n  const navigation = useNavigation()\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const { bottom } = useSafeAreaInsets()\n\n  const platformListPaddingBottom = Platform.select({\n    ios: bottom + formSheetHeaderHeight,\n    android: bottom + 12,\n  })\n\n  const filterContextValue = {\n    params: route.params,\n    scrollOffset,\n    setScrollOffset,\n    platformListPaddingBottom,\n    setFormSheetHeaderHeight,\n    resetFilter: () => {\n      navigation.dispatch(\n        StackActions.popTo('Conversations', {\n          chat_group_graph_id: undefined,\n          group_source_app_name: undefined,\n          show_direct_messages: undefined,\n        })\n      )\n    },\n    setGroupFilter: (params: Omit<ConversationFiltersParams, 'group_source_app_name'>) => {\n      navigation.setParams({\n        chat_group_graph_id: params.chat_group_graph_id,\n        group_source_app_name: undefined,\n        show_direct_messages: undefined,\n      })\n    },\n    setAppFilter: (params: Omit<ConversationFiltersParams, 'chat_group_graph_id'>) => {\n      navigation.setParams({\n        chat_group_graph_id: undefined,\n        group_source_app_name: params.group_source_app_name,\n        show_direct_messages: params.show_direct_messages,\n      })\n    },\n    applyFilters: (params: ConversationFiltersParams) => {\n      navigation.dispatch(StackActions.popTo('Conversations', params))\n    },\n  }\n\n  return <FilterContext.Provider value={filterContextValue}>{children}</FilterContext.Provider>\n}\n\nexport const useFilterContext = () => {\n  return React.useContext(FilterContext)\n}\n"]}
+{"version":3,"file":"conversation_filter_context.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/context/conversation_filter_context.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RouteProp, StackActions, useNavigation, useRoute } from '@react-navigation/native'\nimport React from 'react'\nimport { createContext, PropsWithChildren, useState } from 'react'\nimport { Platform } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { ConversationFiltersParams, ConversationFiltersScreenProps } from '../screen_props'\n\nconst DEFAULT_LIST_PADDING_BOTTOM = 64\n\nexport const FilterContext = createContext<{\n  params: ConversationFiltersParams\n  scrollOffset: number\n  setScrollOffset: (offset: number) => void\n  setFormSheetHeaderHeight: (height: number) => void\n  resetFilter: () => void\n  setGroupFilter: (params: ConversationFiltersParams) => void\n  setAppFilter: (params: ConversationFiltersParams) => void\n  applyFilters: (params: ConversationFiltersParams) => void\n  platformListPaddingBottom: number | undefined\n}>({\n  params: {\n    chat_group_graph_id: undefined,\n    group_source_app_name: undefined,\n    show_direct_messages: undefined,\n  },\n  scrollOffset: 0,\n  setScrollOffset: () => {},\n  setFormSheetHeaderHeight: () => {},\n  resetFilter: () => {},\n  setGroupFilter: () => {},\n  setAppFilter: () => {},\n  applyFilters: () => {},\n  platformListPaddingBottom: DEFAULT_LIST_PADDING_BOTTOM,\n})\n\nexport const FilterProvider = ({ children }: PropsWithChildren) => {\n  const [scrollOffset, setScrollOffset] = useState(0)\n  const [formSheetHeaderHeight, setFormSheetHeaderHeight] = useState(56)\n  const navigation = useNavigation()\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const { bottom } = useSafeAreaInsets()\n\n  const platformListPaddingBottom = Platform.select({\n    ios: bottom + formSheetHeaderHeight,\n    android: bottom + 12,\n  })\n\n  const filterContextValue = {\n    params: route.params,\n    scrollOffset,\n    setScrollOffset,\n    platformListPaddingBottom,\n    setFormSheetHeaderHeight,\n    resetFilter: () => {\n      navigation.dispatch(\n        StackActions.popTo('Conversations', {\n          chat_group_graph_id: undefined,\n          group_source_app_name: undefined,\n          show_direct_messages: undefined,\n        })\n      )\n    },\n    setGroupFilter: (params: Omit<ConversationFiltersParams, 'group_source_app_name'>) => {\n      navigation.setParams({\n        chat_group_graph_id: params.chat_group_graph_id,\n        group_source_app_name: undefined,\n        show_direct_messages: undefined,\n      })\n    },\n    setAppFilter: (params: Omit<ConversationFiltersParams, 'chat_group_graph_id'>) => {\n      navigation.setParams({\n        chat_group_graph_id: undefined,\n        group_source_app_name: params.group_source_app_name,\n        show_direct_messages: params.show_direct_messages,\n      })\n    },\n    applyFilters: (params: ConversationFiltersParams) => {\n      navigation.dispatch(StackActions.popTo('Conversations', params))\n    },\n  }\n\n  return <FilterContext.Provider value={filterContextValue}>{children}</FilterContext.Provider>\n}\n\nexport const useFilterContext = () => {\n  return React.useContext(FilterContext)\n}\n"]}

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

@@ -1,5 +1,6 @@
 import { StaticScreenProps } from '@react-navigation/native';
+import React from 'react';
 import { ConversationFiltersParams } from './screen_props';
 export type GroupFiltersScreenProps = StaticScreenProps<ConversationFiltersParams>;
-export declare const GroupFilters: () => import("react/jsx-runtime").JSX.Element;
+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,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAQ5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAE1D,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,yBAAyB,CAAC,CAAA;AAElF,eAAO,MAAM,YAAY,+CAkBxB,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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { RefreshControl, StyleSheet } from 'react-native';
 import { FlatList } from 'react-native-gesture-handler';
 import { Text } from '../../components/display';
@@ -10,7 +10,7 @@ export const GroupFilters = () => {
     const { groups, fetchNextPage, isRefetching, refetch } = useGroupsToFilter();
     const { params } = useFilterContext();
     const { chat_group_graph_id } = params;
-    return (_jsx(FlatList, { data: groups, renderItem: ({ item }) => (_jsx(GroupRow, { group: item, isActive: item?.id.toString() === chat_group_graph_id })), ListEmptyComponent: _jsx(Text, { children: "No groups available" }), refreshing: isRefetching, refreshControl: _jsx(RefreshControl, { refreshing: isRefetching, onRefresh: refetch }), onEndReached: () => fetchNextPage(), contentContainerStyle: styles.container }));
+    return (<FlatList data={groups} renderItem={({ item }) => (<GroupRow group={item} isActive={item?.id.toString() === chat_group_graph_id}/>)} ListEmptyComponent={<Text>No groups available</Text>} refreshing={isRefetching} refreshControl={<RefreshControl refreshing={isRefetching} onRefresh={refetch}/>} onEndReached={() => fetchNextPage()} contentContainerStyle={styles.container}/>);
 };
 const useStyles = () => {
     const { platformListPaddingBottom } = useFilterContext();

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":";AAEA,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,KAAC,QAAQ,IACP,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxB,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,KAAK,mBAAmB,GAAI,CACjF,EACD,kBAAkB,EAAE,KAAC,IAAI,sCAA2B,EACpD,UAAU,EAAE,YAAY,EACxB,cAAc,EAAE,KAAC,cAAc,IAAC,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,GAAI,EAChF,YAAY,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,EACnC,qBAAqB,EAAE,MAAM,CAAC,SAAS,GACvC,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"]}
+{"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/team_filters.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"team_filters.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filters/team_filters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAQ5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAE1D,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,yBAAyB,CAAC,CAAA;AAElF,eAAO,MAAM,WAAW,+CAkBvB,CAAA"}
+{"version":3,"file":"team_filters.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filters/team_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,WAAW,yBAkBvB,CAAA"}

package/build/screens/conversation_filters/team_filters.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { RefreshControl, StyleSheet } from 'react-native';
 import { FlatList } from 'react-native-gesture-handler';
 import { Text } from '../../components/display';
@@ -10,7 +10,7 @@ export const TeamFilters = () => {
     const { teams, fetchNextPage, isRefetching, refetch } = useTeamsToFilter();
     const { params } = useFilterContext();
     const { chat_group_graph_id } = params;
-    return (_jsx(FlatList, { data: teams, renderItem: ({ item }) => (_jsx(TeamRow, { team: item, isActive: item?.id.toString() === chat_group_graph_id })), refreshing: isRefetching, refreshControl: _jsx(RefreshControl, { refreshing: isRefetching, onRefresh: refetch }), ListEmptyComponent: _jsx(Text, { children: "No teams available" }), onEndReached: () => fetchNextPage(), contentContainerStyle: styles.container }));
+    return (<FlatList data={teams} renderItem={({ item }) => (<TeamRow team={item} isActive={item?.id.toString() === chat_group_graph_id}/>)} refreshing={isRefetching} refreshControl={<RefreshControl refreshing={isRefetching} onRefresh={refetch}/>} ListEmptyComponent={<Text>No teams available</Text>} onEndReached={() => fetchNextPage()} contentContainerStyle={styles.container}/>);
 };
 const useStyles = () => {
     const { platformListPaddingBottom } = useFilterContext();

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

@@ -1 +1 @@
-{"version":3,"file":"team_filters.js","sourceRoot":"","sources":["../../../src/screens/conversation_filters/team_filters.tsx"],"names":[],"mappings":";AAEA,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,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAKlD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAC1E,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAA;IACrC,MAAM,EAAE,mBAAmB,EAAE,GAAG,MAAM,CAAA;IACtC,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAE,KAAK,EACX,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxB,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,KAAK,mBAAmB,GAAI,CAC/E,EACD,UAAU,EAAE,YAAY,EACxB,cAAc,EAAE,KAAC,cAAc,IAAC,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,GAAI,EAChF,kBAAkB,EAAE,KAAC,IAAI,qCAA0B,EACnD,YAAY,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,EACnC,qBAAqB,EAAE,MAAM,CAAC,SAAS,GACvC,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,yBAAyB,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAExD,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 { TeamRow } from './components/rows'\nimport { useFilterContext } from './context/conversation_filter_context'\nimport { useTeamsToFilter } from './hooks/filters'\nimport { ConversationFiltersParams } from './screen_props'\n\nexport type GroupFiltersScreenProps = StaticScreenProps<ConversationFiltersParams>\n\nexport const TeamFilters = () => {\n  const styles = useStyles()\n  const { teams, fetchNextPage, isRefetching, refetch } = useTeamsToFilter()\n  const { params } = useFilterContext()\n  const { chat_group_graph_id } = params\n  return (\n    <FlatList\n      data={teams}\n      renderItem={({ item }) => (\n        <TeamRow team={item} isActive={item?.id.toString() === chat_group_graph_id} />\n      )}\n      refreshing={isRefetching}\n      refreshControl={<RefreshControl refreshing={isRefetching} onRefresh={refetch} />}\n      ListEmptyComponent={<Text>No teams available</Text>}\n      onEndReached={() => fetchNextPage()}\n      contentContainerStyle={styles.container}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { platformListPaddingBottom } = useFilterContext()\n\n  return StyleSheet.create({\n    container: {\n      paddingBottom: platformListPaddingBottom,\n    },\n  })\n}\n"]}
+{"version":3,"file":"team_filters.js","sourceRoot":"","sources":["../../../src/screens/conversation_filters/team_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,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAKlD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAC1E,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,KAAK,CAAC,CACZ,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,KAAK,mBAAmB,CAAC,EAAG,CAC/E,CAAC,CACF,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,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,CACpD,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;IAExD,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 { TeamRow } from './components/rows'\nimport { useFilterContext } from './context/conversation_filter_context'\nimport { useTeamsToFilter } from './hooks/filters'\nimport { ConversationFiltersParams } from './screen_props'\n\nexport type GroupFiltersScreenProps = StaticScreenProps<ConversationFiltersParams>\n\nexport const TeamFilters = () => {\n  const styles = useStyles()\n  const { teams, fetchNextPage, isRefetching, refetch } = useTeamsToFilter()\n  const { params } = useFilterContext()\n  const { chat_group_graph_id } = params\n  return (\n    <FlatList\n      data={teams}\n      renderItem={({ item }) => (\n        <TeamRow team={item} isActive={item?.id.toString() === chat_group_graph_id} />\n      )}\n      refreshing={isRefetching}\n      refreshControl={<RefreshControl refreshing={isRefetching} onRefresh={refetch} />}\n      ListEmptyComponent={<Text>No teams available</Text>}\n      onEndReached={() => fetchNextPage()}\n      contentContainerStyle={styles.container}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { platformListPaddingBottom } = useFilterContext()\n\n  return StyleSheet.create({\n    container: {\n      paddingBottom: platformListPaddingBottom,\n    },\n  })\n}\n"]}

package/build/screens/conversation_filters_screen.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { ConversationFiltersScreenProps } from './conversation_filters/screen_props';
 export declare const ConversationFiltersScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
-export declare const ConversationFiltersScreen: (_props: ConversationFiltersScreenProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConversationFiltersScreen: (_props: ConversationFiltersScreenProps) => React.JSX.Element;
 //# sourceMappingURL=conversation_filters_screen.d.ts.map

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":"AAaA,OAAO,EACL,8BAA8B,EAE/B,MAAM,qCAAqC,CAAA;AAG5C,eAAO,MAAM,gCAAgC,uEAO3C,CAAA;AAoCF,eAAO,MAAM,yBAAyB,GAAI,QAAQ,8BAA8B,4CAW/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,GAAI,QAAQ,8BAA8B,sBAW/E,CAAA"}

package/build/screens/conversation_filters_screen.js

@@ -1,8 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useHeaderHeight } from '@react-navigation/elements';
 import { createComponentForStaticNavigation, useRoute } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { useCallback } from 'react';
+import React, { useCallback } from 'react';
 import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet';
@@ -52,7 +51,12 @@ const FilterNavigator = createNativeStackNavigator({
 const Filters = createComponentForStaticNavigation(FilterNavigator, 'Filters');
 export const ConversationFiltersScreen = (_props) => {
     const styles = useStyles();
-    return (_jsx(FilterProvider, { children: _jsxs(FormSheet.Root, { contentStyle: styles.contentContainer, showAndroidSheetGrabber: false, children: [_jsx(FormSheetHeaderWithContext, {}), _jsx(Filters, {})] }) }));
+    return (<FilterProvider>
+      <FormSheet.Root contentStyle={styles.contentContainer} showAndroidSheetGrabber={false}>
+        <FormSheetHeaderWithContext />
+        <Filters />
+      </FormSheet.Root>
+    </FilterProvider>);
 };
 const FormSheetHeaderWithContext = () => {
     const { resetFilter, applyFilters, setFormSheetHeaderHeight } = useFilterContext();
@@ -61,7 +65,15 @@ const FormSheetHeaderWithContext = () => {
     const handleFormSheetHeaderLayout = useCallback((event) => {
         setFormSheetHeaderHeight(event.nativeEvent.layout.height);
     }, [setFormSheetHeaderHeight]);
-    return (_jsx(View, { onLayout: handleFormSheetHeaderLayout, children: _jsxs(FormSheet.Header, { style: styles.header, children: [_jsx(FormSheet.HeaderTitle, { children: "Filters" }), _jsxs(FormSheet.HeaderActions, { children: [_jsx(FormSheet.HeaderTextButton, { onPress: resetFilter, children: "Reset" }), _jsx(FormSheet.HeaderButton, { title: "Apply", onPress: () => applyFilters(route.params) })] })] }) }));
+    return (<View onLayout={handleFormSheetHeaderLayout}>
+      <FormSheet.Header style={styles.header}>
+        <FormSheet.HeaderTitle>Filters</FormSheet.HeaderTitle>
+        <FormSheet.HeaderActions>
+          <FormSheet.HeaderTextButton onPress={resetFilter}>Reset</FormSheet.HeaderTextButton>
+          <FormSheet.HeaderButton title="Apply" onPress={() => applyFilters(route.params)}/>
+        </FormSheet.HeaderActions>
+      </FormSheet.Header>
+    </View>);
 };
 const useStyles = () => {
     const { top } = useSafeAreaInsets();

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":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,kCAAkC,EAAa,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAClG,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAA;AAC3E,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAqB,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACjG,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,SAAS,EAAE,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAA;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAA;AAC5F,OAAO,EACL,cAAc,EACd,gBAAgB,GACjB,MAAM,4DAA4D,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAA;AAKnE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAEjE,MAAM,CAAC,MAAM,gCAAgC,GAAG,yBAAyB,CAAC;IACxE,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;IACrE,mBAAmB,EAAE,QAAQ,CAAC,MAAM,CAAC;QACnC,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QACd,OAAO,EAAE,CAAC,CAAC,CAAC;KACb,CAAC;IACF,WAAW,EAAE,SAAS;CACvB,CAAC,CAAA;AAEF,MAAM,eAAe,GAAG,0BAA0B,CAAmC;IACnF,gBAAgB,EAAE,SAAS;IAC3B,OAAO,EAAE;QACP,OAAO,EAAE;YACP,MAAM,EAAE,mBAAmB;YAC3B,OAAO,EAAE;gBACP,WAAW,EAAE,KAAK;aACnB;SACF;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,YAAY;YACpB,OAAO,EAAE;gBACP,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC;oBAC3B,OAAO,EAAE,QAAQ;oBACjB,GAAG,EAAE,EAAE;iBACR,CAAC;gBACF,eAAe,EAAE,QAAQ;aAC1B;SACF;QACD,WAAW,EAAE;YACX,MAAM,EAAE,WAAW;YACnB,OAAO,EAAE;gBACP,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC;oBAC3B,OAAO,EAAE,OAAO;oBAChB,GAAG,EAAE,EAAE;iBACR,CAAC;gBACF,eAAe,EAAE,OAAO;aACzB;SACF;KACF;CACF,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,kCAAkC,CAAC,eAAe,EAAE,SAAS,CAAC,CAAA;AAE9E,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,MAAsC,EAAE,EAAE;IAClF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,cAAc,cACb,MAAC,SAAS,CAAC,IAAI,IAAC,YAAY,EAAE,MAAM,CAAC,gBAAgB,EAAE,uBAAuB,EAAE,KAAK,aACnF,KAAC,0BAA0B,KAAG,EAC9B,KAAC,OAAO,KAAG,IACI,GACF,CAClB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,wBAAwB,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAClF,MAAM,KAAK,GAAG,QAAQ,EAAsD,CAAA;IAC5E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,2BAA2B,GAAG,WAAW,CAC7C,CAAC,KAAwB,EAAE,EAAE;QAC3B,wBAAwB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IAC3D,CAAC,EACD,CAAC,wBAAwB,CAAC,CAC3B,CAAA;IAED,OAAO,CACL,KAAC,IAAI,IAAC,QAAQ,EAAE,2BAA2B,YACzC,MAAC,SAAS,CAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,aACpC,KAAC,SAAS,CAAC,WAAW,0BAAgC,EACtD,MAAC,SAAS,CAAC,aAAa,eACtB,KAAC,SAAS,CAAC,gBAAgB,IAAC,OAAO,EAAE,WAAW,sBAAoC,EACpF,KAAC,SAAS,CAAC,YAAY,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,GAAI,IAC3D,IACT,GACd,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,GAAG,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACxC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,QAAQ,CAAC,MAAM,CAAC;QACtC,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,YAAY;KACjC,CAAC,CAAA;IAEF,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,gBAAgB,EAAE;YAChB,MAAM,EAAE,eAAe;SACxB;QACD,MAAM,EAAE;YACN,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC;gBAC1B,GAAG,EAAE,EAAE;gBACP,OAAO,EAAE,EAAE,GAAG,GAAG;aAClB,CAAC;SACH;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","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"]}
+{"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/avatar_selection_row.d.ts

@@ -1,11 +1,12 @@
+import React from 'react';
 import type { AvatarUpdatePayload } from '../../../hooks/use_conversation_avatar_update';
 interface AvatarSelectionRowProps {
     avatarSelection?: AvatarUpdatePayload;
 }
-export declare function AvatarSelectionRow({ avatarSelection }: AvatarSelectionRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function AvatarSelectionRow({ avatarSelection }: AvatarSelectionRowProps): React.JSX.Element;
 interface AvatarSelectionPreviewProps {
     avatarSelection?: AvatarUpdatePayload;
 }
-export declare function AvatarSelectionPreview({ avatarSelection }: AvatarSelectionPreviewProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AvatarSelectionPreview({ avatarSelection }: AvatarSelectionPreviewProps): React.JSX.Element | null;
 export {};
 //# sourceMappingURL=avatar_selection_row.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar_selection_row.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/avatar_selection_row.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AAExF,UAAU,uBAAuB;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,eAAe,EAAE,EAAE,uBAAuB,2CAsB9E;AAED,UAAU,2BAA2B;IACnC,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC;AAED,wBAAgB,sBAAsB,CAAC,EAAE,eAAe,EAAE,EAAE,2BAA2B,kDAiBtF"}
+{"version":3,"file":"avatar_selection_row.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/avatar_selection_row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AAExF,UAAU,uBAAuB;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,eAAe,EAAE,EAAE,uBAAuB,qBAsB9E;AAED,UAAU,2BAA2B;IACnC,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC;AAED,wBAAgB,sBAAsB,CAAC,EAAE,eAAe,EAAE,EAAE,2BAA2B,4BAiBtF"}

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

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigation, useRoute } from '@react-navigation/native';
+import React from 'react';
 import { Pressable, StyleSheet, View } from 'react-native';
 import { Icon, Text } from '../../../components';
 import { EmojiAvatar } from '../../../components/display/emoji_avatar';
@@ -10,21 +10,31 @@ export function AvatarSelectionRow({ avatarSelection }) {
     const styles = useStyles();
     const navigation = useNavigation();
     const route = useRoute();
-    return (_jsxs(Pressable, { style: styles.avatarSection, onPress: () => navigation.navigate('AvatarPicker', {
+    return (<Pressable style={styles.avatarSection} onPress={() => navigation.navigate('AvatarPicker', {
             source_params: route.params,
             ...(avatarSelection && { avatar_selection: avatarSelection }),
-        }), children: [_jsx(Text, { style: styles.avatarLabel, children: "Customize avatar" }), _jsxs(View, { style: styles.avatarSectionTrailing, children: [_jsx(AvatarSelectionPreview, { avatarSelection: avatarSelection }), _jsx(Icon, { name: "general.rightChevron", size: 12 })] })] }));
+        })}>
+      <Text style={styles.avatarLabel}>Customize avatar</Text>
+      <View style={styles.avatarSectionTrailing}>
+        <AvatarSelectionPreview avatarSelection={avatarSelection}/>
+        <Icon name="general.rightChevron" size={12}/>
+      </View>
+    </Pressable>);
 }
 export function AvatarSelectionPreview({ avatarSelection }) {
     if (!avatarSelection || avatarSelection.kind === 'clear')
         return null;
     switch (avatarSelection.kind) {
         case 'icon':
-            return _jsx(IconAvatar, { iconKey: avatarSelection.key, color: avatarSelection.color, size: "md" });
+            return <IconAvatar iconKey={avatarSelection.key} color={avatarSelection.color} size="md"/>;
         case 'emoji':
-            return _jsx(EmojiAvatar, { emoji: avatarSelection.key, color: avatarSelection.color, size: "md" });
+            return <EmojiAvatar emoji={avatarSelection.key} color={avatarSelection.color} size="md"/>;
         case 'image':
-            return (_jsx(AvatarPrimitive.Root, { size: "md", children: _jsx(AvatarPrimitive.Mask, { children: _jsx(AvatarPrimitive.Image, { sourceUri: avatarSelection.imageAsset.uri }) }) }));
+            return (<AvatarPrimitive.Root size="md">
+          <AvatarPrimitive.Mask>
+            <AvatarPrimitive.Image sourceUri={avatarSelection.imageAsset.uri}/>
+          </AvatarPrimitive.Mask>
+        </AvatarPrimitive.Root>);
     }
 }
 const useStyles = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"avatar_selection_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/avatar_selection_row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAA;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAA;AACpE,OAAO,eAAe,MAAM,gDAAgD,CAAA;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAOzC,MAAM,UAAU,kBAAkB,CAAC,EAAE,eAAe,EAA2B;IAC7E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAE,MAAM,CAAC,aAAa,EAC3B,OAAO,EAAE,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CAAC,cAAc,EAAE;YAClC,aAAa,EAAE,KAAK,CAAC,MAAiC;YACtD,GAAG,CAAC,eAAe,IAAI,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;SAC9D,CAAC,aAGJ,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,iCAAyB,EACxD,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,qBAAqB,aACvC,KAAC,sBAAsB,IAAC,eAAe,EAAE,eAAe,GAAI,EAC5D,KAAC,IAAI,IAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAE,EAAE,GAAI,IACzC,IACG,CACb,CAAA;AACH,CAAC;AAMD,MAAM,UAAU,sBAAsB,CAAC,EAAE,eAAe,EAA+B;IACrF,IAAI,CAAC,eAAe,IAAI,eAAe,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,IAAI,CAAA;IAErE,QAAQ,eAAe,CAAC,IAAI,EAAE,CAAC;QAC7B,KAAK,MAAM;YACT,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,eAAe,CAAC,GAAG,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,CAAA;QAC7F,KAAK,OAAO;YACV,OAAO,KAAC,WAAW,IAAC,KAAK,EAAE,eAAe,CAAC,GAAG,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,CAAA;QAC5F,KAAK,OAAO;YACV,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,IAAC,IAAI,EAAC,IAAI,YAC7B,KAAC,eAAe,CAAC,IAAI,cACnB,KAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG,GAAI,GAC/C,GACF,CACxB,CAAA;IACL,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,aAAa,EAAE;YACb,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;SAChC;QACD,qBAAqB,EAAE;YACrB,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;SACR;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC,uBAAuB;SACtC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useNavigation, useRoute } from '@react-navigation/native'\nimport React from 'react'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport { Icon, Text } from '../../../components'\nimport { EmojiAvatar } from '../../../components/display/emoji_avatar'\nimport { IconAvatar } from '../../../components/display/icon_avatar'\nimport AvatarPrimitive from '../../../components/primitive/avatar_primitive'\nimport { useTheme } from '../../../hooks'\nimport type { AvatarUpdatePayload } from '../../../hooks/use_conversation_avatar_update'\n\ninterface AvatarSelectionRowProps {\n  avatarSelection?: AvatarUpdatePayload\n}\n\nexport function AvatarSelectionRow({ avatarSelection }: AvatarSelectionRowProps) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const route = useRoute()\n\n  return (\n    <Pressable\n      style={styles.avatarSection}\n      onPress={() =>\n        navigation.navigate('AvatarPicker', {\n          source_params: route.params as Record<string, unknown>,\n          ...(avatarSelection && { avatar_selection: avatarSelection }),\n        })\n      }\n    >\n      <Text style={styles.avatarLabel}>Customize avatar</Text>\n      <View style={styles.avatarSectionTrailing}>\n        <AvatarSelectionPreview avatarSelection={avatarSelection} />\n        <Icon name=\"general.rightChevron\" size={12} />\n      </View>\n    </Pressable>\n  )\n}\n\ninterface AvatarSelectionPreviewProps {\n  avatarSelection?: AvatarUpdatePayload\n}\n\nexport function AvatarSelectionPreview({ avatarSelection }: AvatarSelectionPreviewProps) {\n  if (!avatarSelection || avatarSelection.kind === 'clear') return null\n\n  switch (avatarSelection.kind) {\n    case 'icon':\n      return <IconAvatar iconKey={avatarSelection.key} color={avatarSelection.color} size=\"md\" />\n    case 'emoji':\n      return <EmojiAvatar emoji={avatarSelection.key} color={avatarSelection.color} size=\"md\" />\n    case 'image':\n      return (\n        <AvatarPrimitive.Root size=\"md\">\n          <AvatarPrimitive.Mask>\n            <AvatarPrimitive.Image sourceUri={avatarSelection.imageAsset.uri} />\n          </AvatarPrimitive.Mask>\n        </AvatarPrimitive.Root>\n      )\n  }\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    avatarSection: {\n      padding: 16,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n    },\n    avatarSectionTrailing: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n    },\n    avatarLabel: {\n      fontSize: 18,\n      color: colors.textColorDefaultPrimary,\n    },\n  })\n}\n"]}
+{"version":3,"file":"avatar_selection_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/avatar_selection_row.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation, useRoute } from '@react-navigation/native'\nimport React from 'react'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport { Icon, Text } from '../../../components'\nimport { EmojiAvatar } from '../../../components/display/emoji_avatar'\nimport { IconAvatar } from '../../../components/display/icon_avatar'\nimport AvatarPrimitive from '../../../components/primitive/avatar_primitive'\nimport { useTheme } from '../../../hooks'\nimport type { AvatarUpdatePayload } from '../../../hooks/use_conversation_avatar_update'\n\ninterface AvatarSelectionRowProps {\n  avatarSelection?: AvatarUpdatePayload\n}\n\nexport function AvatarSelectionRow({ avatarSelection }: AvatarSelectionRowProps) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const route = useRoute()\n\n  return (\n    <Pressable\n      style={styles.avatarSection}\n      onPress={() =>\n        navigation.navigate('AvatarPicker', {\n          source_params: route.params as Record<string, unknown>,\n          ...(avatarSelection && { avatar_selection: avatarSelection }),\n        })\n      }\n    >\n      <Text style={styles.avatarLabel}>Customize avatar</Text>\n      <View style={styles.avatarSectionTrailing}>\n        <AvatarSelectionPreview avatarSelection={avatarSelection} />\n        <Icon name=\"general.rightChevron\" size={12} />\n      </View>\n    </Pressable>\n  )\n}\n\ninterface AvatarSelectionPreviewProps {\n  avatarSelection?: AvatarUpdatePayload\n}\n\nexport function AvatarSelectionPreview({ avatarSelection }: AvatarSelectionPreviewProps) {\n  if (!avatarSelection || avatarSelection.kind === 'clear') return null\n\n  switch (avatarSelection.kind) {\n    case 'icon':\n      return <IconAvatar iconKey={avatarSelection.key} color={avatarSelection.color} size=\"md\" />\n    case 'emoji':\n      return <EmojiAvatar emoji={avatarSelection.key} color={avatarSelection.color} size=\"md\" />\n    case 'image':\n      return (\n        <AvatarPrimitive.Root size=\"md\">\n          <AvatarPrimitive.Mask>\n            <AvatarPrimitive.Image sourceUri={avatarSelection.imageAsset.uri} />\n          </AvatarPrimitive.Mask>\n        </AvatarPrimitive.Root>\n      )\n  }\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    avatarSection: {\n      padding: 16,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n    },\n    avatarSectionTrailing: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n    },\n    avatarLabel: {\n      fontSize: 18,\n      color: colors.textColorDefaultPrimary,\n    },\n  })\n}\n"]}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 interface FilterByPlanProps {
     teamIds: number[];
     selectedPlanId?: number;
@@ -15,8 +16,8 @@ interface FilterByPlanModalProps {
     selectedPlanId?: number;
     onPlanSelect: (planId: number | undefined) => void;
 }
-export declare function FilterByPlan({ teamIds, selectedPlanId, onPlanSelect }: FilterByPlanProps): import("react/jsx-runtime").JSX.Element;
-export declare function FilterByPlanField({ teamIds, planId, onOpenModal }: FilterByPlanFieldProps): import("react/jsx-runtime").JSX.Element;
-export declare function FilterByPlanModal({ visible, onClose, teamIds, selectedPlanId, onPlanSelect, }: FilterByPlanModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterByPlan({ teamIds, selectedPlanId, onPlanSelect }: FilterByPlanProps): React.JSX.Element;
+export declare function FilterByPlanField({ teamIds, planId, onOpenModal }: FilterByPlanFieldProps): React.JSX.Element;
+export declare function FilterByPlanModal({ visible, onClose, teamIds, selectedPlanId, onPlanSelect, }: FilterByPlanModalProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=filter_by_plan.d.ts.map

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":"AAeA,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,2CAsBxF;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,sBAAsB,2CA0CzF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,OAAO,EACP,cAAc,EACd,YAAY,GACb,EAAE,sBAAsB,2CAuDxB"}
+{"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,6 +1,5 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Header, PlatformPressable } from '@react-navigation/elements';
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { StyleSheet, View, FlatList, Platform } from 'react-native';
 import { Banner, Icon, Spinner, Text, Heading } from '../../../components';
 import { HeaderDismissButton } from '../../../components/display/platform_modal_header_buttons';
@@ -14,10 +13,13 @@ import { tokens } from '../../../vendor/tapestry/tokens';
 // ==========================================
 export function FilterByPlan({ teamIds, selectedPlanId, onPlanSelect }) {
     const [modalVisible, setModalVisible] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx(FilterByPlanField, { teamIds: teamIds, planId: selectedPlanId, onOpenModal: () => setModalVisible(true) }), _jsx(FilterByPlanModal, { visible: modalVisible, onClose: () => setModalVisible(false), teamIds: teamIds, selectedPlanId: selectedPlanId, onPlanSelect: planId => {
-                    onPlanSelect(planId);
-                    setModalVisible(false);
-                } })] }));
+    return (<>
+      <FilterByPlanField teamIds={teamIds} planId={selectedPlanId} onOpenModal={() => setModalVisible(true)}/>
+      <FilterByPlanModal visible={modalVisible} onClose={() => setModalVisible(false)} teamIds={teamIds} selectedPlanId={selectedPlanId} onPlanSelect={planId => {
+            onPlanSelect(planId);
+            setModalVisible(false);
+        }}/>
+    </>);
 }
 // ==========================================
 // Sub-components
@@ -26,39 +28,61 @@ export function FilterByPlanField({ teamIds, planId, onOpenModal }) {
     const styles = useStyles();
     const { planOptions, findPlan, isFetching, isError } = useTeamPlans({ teamIds });
     if (isFetching) {
-        return (_jsx(View, { style: styles.spinnerContainer, children: _jsx(Spinner, { size: 20 }) }));
+        return (<View style={styles.spinnerContainer}>
+        <Spinner size={20}/>
+      </View>);
     }
     if (isError) {
-        return (_jsx(Banner, { appearance: "error", description: "An error occurred while fetching plans. Please try again." }));
+        return (<Banner appearance="error" description="An error occurred while fetching plans. Please try again."/>);
     }
     if (!planOptions || planOptions.length === 0) {
-        return _jsx(Banner, { appearance: "neutral", description: "No plans available with the selected teams." });
+        return <Banner appearance="neutral" description="No plans available with the selected teams."/>;
     }
     const selectedPlan = findPlan(planId);
     const buttonText = selectedPlan ? selectedPlan.name : 'Select a plan';
-    return (_jsxs(PlatformPressable, { style: styles.selectButton, onPress: onOpenModal, accessibilityRole: "button", accessibilityLabel: `Selected plan: ${buttonText}`, accessibilityHint: "Opens plan selection", children: [_jsx(Text, { style: styles.buttonText, numberOfLines: 1, children: buttonText }), _jsx(Icon, { name: "general.downChevron", size: 16, style: styles.chevronIcon })] }));
+    return (<PlatformPressable style={styles.selectButton} onPress={onOpenModal} accessibilityRole="button" accessibilityLabel={`Selected plan: ${buttonText}`} accessibilityHint="Opens plan selection">
+      <Text style={styles.buttonText} numberOfLines={1}>
+        {buttonText}
+      </Text>
+      <Icon name="general.downChevron" size={16} style={styles.chevronIcon}/>
+    </PlatformPressable>);
 }
 export function FilterByPlanModal({ visible, onClose, teamIds, selectedPlanId, onPlanSelect, }) {
     const styles = useStyles();
     const { planOptions, isFetching } = useTeamPlans({ teamIds });
-    return (_jsx(SafeAreaModal, { visible: visible, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: onClose, children: _jsxs(View, { style: styles.modalContainer, children: [_jsx(Header, { headerStyle: styles.header, title: "Select a plan", headerShadowVisible: false, headerRight: createStableHeaderRight(onClose), headerRightContainerStyle: styles.modalHeaderRightContainer }), isFetching && _jsx(DefaultLoading, {}), planOptions && planOptions.length > 0 && (_jsx(FlatList, { data: planOptions, contentContainerStyle: styles.listContainer, keyExtractor: item => item.type === 'header' ? `header-${item.title}` : `plan-${item.value}`, renderItem: ({ item }) => {
-                        switch (item.type) {
-                            case 'header':
-                                return (_jsx(Heading, { variant: "h3", numberOfLines: 1, style: styles.listHeader, children: item.title }));
-                            case 'plan': {
-                                const isSelected = item.value === selectedPlanId;
-                                return (_jsx(OptionItem, { plan: item, isSelected: isSelected, onPress: () => onPlanSelect(isSelected ? undefined : item.value) }));
-                            }
-                        }
-                    }, showsVerticalScrollIndicator: false }))] }) }));
+    return (<SafeAreaModal visible={visible} animationType="slide" presentationStyle="pageSheet" onRequestClose={onClose}>
+      <View style={styles.modalContainer}>
+        <Header headerStyle={styles.header} title="Select a plan" headerShadowVisible={false} headerRight={createStableHeaderRight(onClose)} headerRightContainerStyle={styles.modalHeaderRightContainer}/>
+
+        {isFetching && <DefaultLoading />}
+
+        {planOptions && planOptions.length > 0 && (<FlatList data={planOptions} contentContainerStyle={styles.listContainer} keyExtractor={item => item.type === 'header' ? `header-${item.title}` : `plan-${item.value}`} renderItem={({ item }) => {
+                switch (item.type) {
+                    case 'header':
+                        return (<Heading variant="h3" numberOfLines={1} style={styles.listHeader}>
+                      {item.title}
+                    </Heading>);
+                    case 'plan': {
+                        const isSelected = item.value === selectedPlanId;
+                        return (<OptionItem plan={item} isSelected={isSelected} onPress={() => onPlanSelect(isSelected ? undefined : item.value)}/>);
+                    }
+                }
+            }} showsVerticalScrollIndicator={false}/>)}
+      </View>
+    </SafeAreaModal>);
 }
 // ==========================================
 // Helper Components
 // ==========================================
-const createStableHeaderRight = (onClose) => () => (_jsx(HeaderDismissButton, { onPress: onClose, title: "Cancel" }));
+const createStableHeaderRight = (onClose) => () => (<HeaderDismissButton onPress={onClose} title="Cancel"/>);
 function OptionItem({ plan, isSelected, onPress }) {
     const styles = useStyles();
-    return (_jsxs(PlatformPressable, { style: styles.optionItem, onPress: onPress, accessibilityRole: "radio", accessibilityState: { selected: isSelected }, accessibilityLabel: plan.name, children: [_jsx(Text, { style: styles.optionText, numberOfLines: 1, children: plan.name }), isSelected && _jsx(Icon, { name: "general.check", size: 16, style: styles.checkIcon })] }));
+    return (<PlatformPressable style={styles.optionItem} onPress={onPress} accessibilityRole="radio" accessibilityState={{ selected: isSelected }} accessibilityLabel={plan.name}>
+      <Text style={styles.optionText} numberOfLines={1}>
+        {plan.name}
+      </Text>
+      {isSelected && <Icon name="general.check" size={16} style={styles.checkIcon}/>}
+    </PlatformPressable>);
 }
 // ==========================================
 // Styles

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 { 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"]}
+{"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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type FlatListProps } from 'react-native';
 import { MemberResource } from '../../../types';
 interface FormListProps {
@@ -7,7 +8,7 @@ interface FormListProps {
     listEmptyText?: string;
     onEndReached?: () => void;
 }
-export declare const FormList: ({ memberData, loadingMore, FormContent, listEmptyText, onEndReached, }: FormListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Divider: () => import("react/jsx-runtime").JSX.Element;
+export declare const FormList: ({ memberData, loadingMore, FormContent, listEmptyText, onEndReached, }: FormListProps) => React.JSX.Element;
+export declare const Divider: () => React.JSX.Element;
 export {};
 //# sourceMappingURL=form_list.d.ts.map

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":"AACA,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,GAAI,wEAMtB,aAAa,4CAgBf,CAAA;AAYD,eAAO,MAAM,OAAO,+CAInB,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,GAAI,wEAMtB,aAAa,sBAgBf,CAAA;AAYD,eAAO,MAAM,OAAO,yBAInB,CAAA"}

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

@@ -1,18 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { FlatList, StyleSheet, View } from 'react-native';
 import { Person, Text } from '../../../components/display';
 import { useTheme } from '../../../hooks';
 export const FormList = ({ memberData, loadingMore, FormContent, listEmptyText, onEndReached, }) => {
     const styles = useStyles();
-    return (_jsx(FlatList, { data: memberData, ListHeaderComponent: FormContent, renderItem: ({ item }) => _jsx(Person, { person: item, style: styles.person }), ListFooterComponent: loadingMore ? _jsx(Text, { style: styles.loadingMore, children: "Loading more..." }) : null, keyExtractor: item => item.id.toString(), ListEmptyComponent: _jsx(ListEmptyText, { text: listEmptyText || 'No members found' }), onEndReached: onEndReached }));
+    return (<FlatList data={memberData} ListHeaderComponent={FormContent} renderItem={({ item }) => <Person person={item} style={styles.person}/>} ListFooterComponent={loadingMore ? <Text style={styles.loadingMore}>Loading more...</Text> : null} keyExtractor={item => item.id.toString()} ListEmptyComponent={<ListEmptyText text={listEmptyText || 'No members found'}/>} onEndReached={onEndReached}/>);
 };
 const ListEmptyText = ({ text }) => {
     const styles = useStyles();
-    return (_jsx(View, { style: styles.emptyTextContainer, children: _jsx(Text, { style: styles.emptyText, children: text }) }));
+    return (<View style={styles.emptyTextContainer}>
+      <Text style={styles.emptyText}>{text}</Text>
+    </View>);
 };
 export const Divider = () => {
     const styles = useStyles();
-    return _jsx(View, { style: styles.divider });
+    return <View style={styles.divider}/>;
 };
 const useStyles = () => {
     const { colors } = useTheme();