@planningcenter/chat-react-native 3.2.0-rc.8 → 3.2.0

package/build/screens/conversation_filters/team_filters.js

@@ -1,15 +1,23 @@
 import React from 'react';
-import { FlatList, RefreshControl, View } from 'react-native';
+import { FlatList, RefreshControl, StyleSheet } from 'react-native';
 import { Text } from '../../components/display';
 import { TeamRow } from './components/rows';
 import { useFilterContext } from './context/conversation_filter_context';
 import { useTeamsToFilter } from './hooks/filters';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 export const TeamFilters = () => {
+    const styles = useStyles();
     const { teams, fetchNextPage, isRefetching, refetch } = useTeamsToFilter();
     const { params } = useFilterContext();
     const { chat_group_graph_id } = params;
-    return (<View>
-      <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()}/>
-    </View>);
+    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 { bottom } = useSafeAreaInsets();
+    return StyleSheet.create({
+        container: {
+            paddingBottom: bottom + 12,
+        },
+    });
 };
 //# sourceMappingURL=team_filters.js.map

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":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC7D,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,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;IAEtC,OAAO,CACL,CAAC,IAAI,CACH;MAAA,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,EAExC;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport React from 'react'\nimport { FlatList, RefreshControl, View } from 'react-native'\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 { teams, fetchNextPage, isRefetching, refetch } = useTeamsToFilter()\n  const { params } = useFilterContext()\n  const { chat_group_graph_id } = params\n\n  return (\n    <View>\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      />\n    </View>\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,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACnE,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;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAIlE,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,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,aAAa,EAAE,MAAM,GAAG,EAAE;SAC3B;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport React from 'react'\nimport { FlatList, RefreshControl, StyleSheet } from 'react-native'\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'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\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 { bottom } = useSafeAreaInsets()\n  return StyleSheet.create({\n    container: {\n      paddingBottom: bottom + 12,\n    },\n  })\n}\n"]}

package/build/screens/conversation_filters_screen.js

@@ -92,6 +92,7 @@ const useStyles = () => {
     return StyleSheet.create({
         container: {
             height: containerHeight,
+            flex: 1,
         },
         headerTitle: {
             textAlign: 'left',

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,WAAW,EAAoB,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC3F,OAAO,EAAE,kCAAkC,EAAa,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAClG,OAAO,EACL,0BAA0B,GAE3B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EACL,aAAa,EACb,cAAc,GACf,MAAM,4DAA4D,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAA;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAA;AAKnE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAEjE,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAoB,EAAE,EAAE;IAC5D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;AAC9F,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;IACrE,MAAM,KAAK,GAAG,QAAQ,EAAsD,CAAA;IAC5E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;MAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,UAAU,CACnD;MAAA,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAClE;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,OAAO,CACL,CAAC,cAAc,CACb;MAAA,CAAC,WAAW,CAAC,AAAD,EACd;IAAA,EAAE,cAAc,CAAC,CAClB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gCAAgC,GAAiC;IAC5E,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;IACrE,mBAAmB,EAAE,QAAQ,CAAC,MAAM,CAAC;QACnC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;QACrB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;KACnB,CAAC;IACF,mBAAmB,EAAE,IAAI;IACzB,iBAAiB,EAAE,KAAK;IACxB,WAAW,EAAE,sBAAsB;IACnC,WAAW,EAAE,iBAAiB;IAC9B,gBAAgB,EAAE,MAAM;CACzB,CAAA;AAED,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,CAAC,cAAc,CACb;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,OAAO,CAAC,AAAD,EACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,cAAc,CAAC,CAClB,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;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,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,SAAS,EAAE;YACT,MAAM,EAAE,eAAe;SACxB;QACD,WAAW,EAAE;YACX,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,CAAC;SACR;QACD,SAAS,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,2BAA2B;YACzD,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;YACpB,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,GAAG,EAAE,CAAC;SACP;QACD,eAAe,EAAE;YACf,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,gCAAgC;SAC5C;QACD,gBAAgB,EAAE;YAChB,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,CAAC;YACN,UAAU,EAAE,QAAQ;SACrB;QACD,WAAW,EAAE;YACX,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,CAAC;YACN,UAAU,EAAE,QAAQ;SACrB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { HeaderTitle, HeaderTitleProps, useHeaderHeight } from '@react-navigation/elements'\nimport { createComponentForStaticNavigation, RouteProp, useRoute } from '@react-navigation/native'\nimport {\n  createNativeStackNavigator,\n  NativeStackNavigationOptions,\n} from '@react-navigation/native-stack'\nimport React from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, TextButton } from '../components'\nimport {\n  FilterContext,\n  FilterProvider,\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 { useTheme } from '../hooks'\nimport { TeamFilters } from './conversation_filters/team_filters'\n\nconst FilterHeaderTitle = ({ tintColor }: HeaderTitleProps) => {\n  const styles = useStyles()\n  return <HeaderTitle style={[styles.headerTitle, { color: tintColor }]}>Filters</HeaderTitle>\n}\n\nconst HeaderRight = () => {\n  const { resetFilter, applyFilters } = React.useContext(FilterContext)\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const styles = useStyles()\n\n  return (\n    <View style={styles.headerRight}>\n      <TextButton onPress={resetFilter}>Reset</TextButton>\n      <Button title=\"Apply\" onPress={() => applyFilters(route.params)} />\n    </View>\n  )\n}\n\nconst HeaderRightWithContext = () => {\n  return (\n    <FilterProvider>\n      <HeaderRight />\n    </FilterProvider>\n  )\n}\n\nexport const ConversationFiltersScreenOptions: NativeStackNavigationOptions = {\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: Platform.select({\n    android: [0.75, 0.94],\n    default: [0.75, 1],\n  }),\n  sheetGrabberVisible: true,\n  headerBackVisible: false,\n  headerRight: HeaderRightWithContext,\n  headerTitle: FilterHeaderTitle,\n  headerTitleAlign: 'left',\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      <View style={styles.container}>\n        <Filters />\n      </View>\n    </FilterProvider>\n  )\n}\n\nconst useStyles = () => {\n  const { top } = useSafeAreaInsets()\n  const { height } = useWindowDimensions()\n  const headerHeight = useHeaderHeight()\n  const theme = useTheme()\n\n  const containerHeight = Platform.select({\n    android: height,\n    ios: height - top - headerHeight,\n  })\n\n  return StyleSheet.create({\n    container: {\n      height: containerHeight,\n    },\n    headerTitle: {\n      textAlign: 'left',\n      flex: 1,\n    },\n    filterBar: {\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      gap: 8,\n    },\n    filterBarScroll: {\n      elevation: 4,\n      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.1)',\n    },\n    filterBarActions: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    headerRight: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\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 { HeaderTitle, HeaderTitleProps, useHeaderHeight } from '@react-navigation/elements'\nimport { createComponentForStaticNavigation, RouteProp, useRoute } from '@react-navigation/native'\nimport {\n  createNativeStackNavigator,\n  NativeStackNavigationOptions,\n} from '@react-navigation/native-stack'\nimport React from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, TextButton } from '../components'\nimport {\n  FilterContext,\n  FilterProvider,\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 { useTheme } from '../hooks'\nimport { TeamFilters } from './conversation_filters/team_filters'\n\nconst FilterHeaderTitle = ({ tintColor }: HeaderTitleProps) => {\n  const styles = useStyles()\n  return <HeaderTitle style={[styles.headerTitle, { color: tintColor }]}>Filters</HeaderTitle>\n}\n\nconst HeaderRight = () => {\n  const { resetFilter, applyFilters } = React.useContext(FilterContext)\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const styles = useStyles()\n\n  return (\n    <View style={styles.headerRight}>\n      <TextButton onPress={resetFilter}>Reset</TextButton>\n      <Button title=\"Apply\" onPress={() => applyFilters(route.params)} />\n    </View>\n  )\n}\n\nconst HeaderRightWithContext = () => {\n  return (\n    <FilterProvider>\n      <HeaderRight />\n    </FilterProvider>\n  )\n}\n\nexport const ConversationFiltersScreenOptions: NativeStackNavigationOptions = {\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: Platform.select({\n    android: [0.75, 0.94],\n    default: [0.75, 1],\n  }),\n  sheetGrabberVisible: true,\n  headerBackVisible: false,\n  headerRight: HeaderRightWithContext,\n  headerTitle: FilterHeaderTitle,\n  headerTitleAlign: 'left',\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      <View style={styles.container}>\n        <Filters />\n      </View>\n    </FilterProvider>\n  )\n}\n\nconst useStyles = () => {\n  const { top } = useSafeAreaInsets()\n  const { height } = useWindowDimensions()\n  const headerHeight = useHeaderHeight()\n  const theme = useTheme()\n\n  const containerHeight = Platform.select({\n    android: height,\n    ios: height - top - headerHeight,\n  })\n\n  return StyleSheet.create({\n    container: {\n      height: containerHeight,\n      flex: 1,\n    },\n    headerTitle: {\n      textAlign: 'left',\n      flex: 1,\n    },\n    filterBar: {\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      gap: 8,\n    },\n    filterBarScroll: {\n      elevation: 4,\n      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.1)',\n    },\n    filterBarActions: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    headerRight: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n  })\n}\n"]}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type FlashListProps } from '@shopify/flash-list';
+import { MemberResource } from '../../../types';
+interface FormListProps {
+    memberData: MemberResource[];
+    FormContent?: FlashListProps<MemberResource>['ListHeaderComponent'];
+    listEmptyText?: string;
+}
+export declare const FormList: ({ memberData, FormContent, listEmptyText }: 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

@@ -0,0 +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;AAEzB,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAI/C,UAAU,aAAa;IACrB,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B,WAAW,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,qBAAqB,CAAC,CAAA;IACnE,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,QAAQ,+CAAgD,aAAa,sBAajF,CAAA;AAYD,eAAO,MAAM,OAAO,yBAInB,CAAA"}

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { FlashList } from '@shopify/flash-list';
+import { Person, Text } from '../../../components/display';
+import { useTheme } from '../../../hooks';
+export const FormList = ({ memberData, FormContent, listEmptyText }) => {
+    const styles = useStyles();
+    return (<FlashList data={memberData} ListHeaderComponent={FormContent} renderItem={({ item }) => <Person person={item} style={styles.person}/>} keyExtractor={item => item.id.toString()} estimatedItemSize={45} ListEmptyComponent={<ListEmptyText text={listEmptyText || 'No members found'}/>}/>);
+};
+const ListEmptyText = ({ text }) => {
+    const styles = useStyles();
+    return (<View style={styles.emptyTextContainer}>
+      <Text style={styles.emptyText}>{text}</Text>
+    </View>);
+};
+export const Divider = () => {
+    const styles = useStyles();
+    return <View style={styles.divider}/>;
+};
+const useStyles = () => {
+    const { colors } = useTheme();
+    return StyleSheet.create({
+        person: {
+            paddingHorizontal: 16,
+            paddingBottom: 12,
+        },
+        emptyTextContainer: {
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: 32,
+        },
+        emptyText: {
+            textAlign: 'center',
+            color: colors.textColorDefaultSecondary,
+        },
+        divider: {
+            borderBottomWidth: 1,
+            borderBottomColor: colors.fillColorNeutral050Base,
+        },
+    });
+};
+//# sourceMappingURL=form_list.js.map

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

@@ -0,0 +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,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAuB,MAAM,qBAAqB,CAAA;AAEpE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAQzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAiB,EAAE,EAAE;IACpF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,SAAS,CACR,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,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CACzC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CACtB,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,kBAAkB,CAAC,EAAG,CAAC,EACjF,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,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 { StyleSheet, View } from 'react-native'\nimport { FlashList, type FlashListProps } from '@shopify/flash-list'\nimport { MemberResource } from '../../../types'\nimport { Person, Text } from '../../../components/display'\nimport { useTheme } from '../../../hooks'\n\ninterface FormListProps {\n  memberData: MemberResource[]\n  FormContent?: FlashListProps<MemberResource>['ListHeaderComponent']\n  listEmptyText?: string\n}\n\nexport const FormList = ({ memberData, FormContent, listEmptyText }: FormListProps) => {\n  const styles = useStyles()\n\n  return (\n    <FlashList\n      data={memberData}\n      ListHeaderComponent={FormContent}\n      renderItem={({ item }) => <Person person={item} style={styles.person} />}\n      keyExtractor={item => item.id.toString()}\n      estimatedItemSize={45}\n      ListEmptyComponent={<ListEmptyText text={listEmptyText || 'No members found'} />}\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    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/groups_form.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import { GraphId } from '../../../types/resources/group_resource';
 type GroupsFormProps = {
-    groupId?: string;
+    groupId: number;
+    chat_group_graph_id?: GraphId;
 };
-export declare const GroupsForm: ({ groupId }: GroupsFormProps) => React.JSX.Element;
+export declare const GroupsForm: ({ groupId, chat_group_graph_id }: GroupsFormProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=groups_form.d.ts.map

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,KAAgC,MAAM,OAAO,CAAA;AAepD,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAMD,eAAO,MAAM,UAAU,gBAAiB,eAAe,sBAqFtD,CAAA"}
+{"version":3,"file":"groups_form.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/groups_form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAY7D,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAIjE,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,UAAU,qCAAsC,eAAe,sBAuD3E,CAAA"}

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

@@ -1,17 +1,17 @@
 import { StackActions, useNavigation } from '@react-navigation/native';
-import React, { useCallback, useState } from 'react';
-import { StyleSheet, TextInput, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Text } from '../../../components';
+import React, { useCallback, useMemo, useState } from 'react';
+import { Platform, StyleSheet, TextInput, View } from 'react-native';
+import { Banner, ChildNotice, Heading, Text } from '../../../components';
 import { ActionButton } from '../../../components/display/action_button';
-import { useSuspenseGet, useTheme } from '../../../hooks';
-import { useApiClient } from '../../../hooks/use_api_client';
-import { useMutation } from '@tanstack/react-query';
-export const GroupsForm = ({ groupId }) => {
-    const styles = useStyles();
+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 { pluralize } from '../../../utils';
+import { Divider, FormList } from './form_list';
+export const GroupsForm = ({ groupId, chat_group_graph_id }) => {
     const navigation = useNavigation();
     const [title, setTitle] = useState();
-    const apiClient = useApiClient();
     const { data: group } = useSuspenseGet({
         url: `/me/groups/${groupId}`,
         data: {
@@ -21,101 +21,93 @@ export const GroupsForm = ({ groupId }) => {
         },
         app: 'groups',
     });
-    const { mutate: handleSave } = useMutation({
-        throwOnError: true,
-        onSuccess: result => {
-            handleRedirectToConversation({ conversation_id: result.data.id });
-        },
-        mutationFn: () => apiClient.groups
-            .post({
-            url: `/me/groups/${groupId}/chat_conversation_payload`,
-            data: {
-                data: {
-                    type: '',
-                    attributes: {
-                        title,
-                    },
-                },
-            },
-        })
-            .then(res => res.data.value)
-            .then(payload => apiClient.chat.post({
-            url: '/me/conversations',
-            data: {
-                data: {
-                    type: 'Conversation',
-                    attributes: {
-                        payload,
-                    },
-                },
-            },
-        })),
-    });
-    const handleRedirectToConversation = useCallback(({ conversation_id }) => {
-        // exit from the create stack
-        navigation.getParent()?.goBack();
+    const groupMemberships = useGroupMembersForNewConversation({ id: groupId });
+    const redirectToConversation = useCallback((conversationId) => {
         // navigate to the conversation screen
-        navigation.dispatch(StackActions.push('Conversation', {
-            conversation_id,
+        navigation.dispatch(StackActions.popTo('Conversation', {
+            conversation_id: conversationId,
+            chat_group_graph_id,
         }));
-    }, [navigation]);
-    return (<View style={styles.container}>
-      <View style={styles.section}>
-        <View style={styles.to}>
-          <Text>To:</Text>
-          <View>
-            <Text>{group.name}</Text>
-            <Text>{group.membershipsCount} members</Text>
-          </View>
-        </View>
-        <View style={styles.titleContainer}>
-          <Text style={styles.titleLabel}>Title</Text>
-          <TextInput placeholder="Topic of conversation (required)" value={title} onChangeText={setTitle} style={styles.titleInput}/>
-        </View>
+    }, [chat_group_graph_id, navigation]);
+    const { mutate: handleSave } = useGroupsConversationCreate({
+        groupId,
+        title,
+        onSuccess: redirectToConversation,
+    });
+    return (<KeyboardView>
+      <FormList memberData={groupMemberships.adultMembers} FormContent={<FormContent group={group} title={title} setTitle={setTitle} groupMemberships={groupMemberships}/>}/>
+      <ActionButton disabled={!title} 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 }) {
+    const styles = useStyles();
+    const currentPerson = useCurrentPerson();
+    const { name, membershipsCount } = group;
+    const myGroupsMembership = useMemo(() => groupMemberships.data.find(m => m.id === currentPerson.id), [groupMemberships.data, currentPerson.id]);
+    const isLeader = myGroupsMembership?.role === 'leader';
+    const childMembers = groupMemberships.childMembers;
+    const hasChildren = childMembers.length > 0;
+    const adultCount = groupMemberships.adultMembers.length;
+    const memberCount = isLeader ? membershipsCount : adultCount;
+    const memberHeaderLabel = `${pluralize(memberCount, 'member')} selected`;
+    const showMemberError = groupMemberships.isError;
+    const showChildNotice = hasChildren && isLeader;
+    return (<View style={styles.formContent}>
+      <View style={styles.toSection}>
+        <Heading variant="h3">To:</Heading>
+        <Text style={styles.groupName}>{name}</Text>
+      </View>
+      <Divider />
+      <View style={styles.titleSection}>
+        <Heading variant="h3">Title</Heading>
+        <TextInput placeholder="Topic of conversation (required)" value={title} onChangeText={setTitle} style={styles.titleInput} autoFocus={true}/>
+      </View>
+      <Divider />
+      <View style={styles.memberSection}>
+        <Heading variant="h3">{memberHeaderLabel}</Heading>
+        {showChildNotice && <ChildNotice childMembers={childMembers} style={styles.banner}/>}
+        {showMemberError && (<Banner appearance="error" description="There was an issue loading group members, please refresh and try again." style={styles.banner}/>)}
       </View>
-      <ActionButton title="Start Conversation" onPress={() => handleSave()}/>
     </View>);
-};
+}
 const useStyles = () => {
-    const { bottom } = useSafeAreaInsets();
-    const theme = useTheme();
+    const { colors } = useTheme();
+    const sectionPadding = 16;
+    const inputPadding = 8;
     return StyleSheet.create({
-        container: {
+        formContent: {
+            paddingVertical: sectionPadding,
             flex: 1,
-            gap: 8,
         },
-        section: {
-            padding: 16,
-            flex: 1,
-        },
-        sectionHeader: {
+        toSection: {
+            padding: sectionPadding,
             flexDirection: 'row',
-            justifyContent: 'space-between',
+            gap: 8,
         },
-        selectTeamsButton: {},
-        routeDebug: {
-            alignContent: 'center',
-            padding: 16,
-            paddingBottom: bottom,
-            borderTopWidth: 1,
-            borderTopColor: theme.colors.fillColorNeutral050Base,
+        groupName: {
+            fontSize: 18,
         },
-        titleContainer: {
-            paddingVertical: 12,
-            borderBottomWidth: 1,
-            borderBottomColor: theme.colors.fillColorNeutral050Base,
-            gap: 8,
+        titleSection: {
+            padding: sectionPadding,
+            paddingBottom: Platform.select({
+                ios: sectionPadding,
+                android: sectionPadding - inputPadding,
+            }),
+            gap: Platform.select({
+                ios: 8,
+                android: 0,
+            }),
         },
         titleInput: {
             fontSize: 18,
+            color: colors.textColorDefaultPrimary,
         },
-        titleLabel: {},
-        to: {
-            flexDirection: 'row',
-            gap: 8,
-            paddingVertical: 12,
-            borderBottomWidth: 1,
-            borderBottomColor: theme.colors.fillColorNeutral050Base,
+        memberSection: {
+            padding: sectionPadding,
+            paddingBottom: 0,
+        },
+        banner: {
+            marginTop: 16,
         },
     });
 };

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, useState } from 'react'\nimport { StyleSheet, TextInput, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Text } from '../../../components'\nimport { ActionButton } from '../../../components/display/action_button'\nimport { useSuspenseGet, useTheme } from '../../../hooks'\nimport { useApiClient } from '../../../hooks/use_api_client'\nimport { useMutation } from '@tanstack/react-query'\nimport {\n  ApiResource,\n  ConversationResource,\n  GroupsGroupResource,\n  ResourceObject,\n} from '../../../types'\n\ntype GroupsFormProps = {\n  groupId?: string\n}\n\ninterface ChatConversationPayload extends ResourceObject {\n  value: string\n}\n\nexport const GroupsForm = ({ groupId }: GroupsFormProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const [title, setTitle] = useState<string>()\n  const apiClient = useApiClient()\n  const { data: group } = useSuspenseGet<GroupsGroupResource>({\n    url: `/me/groups/${groupId}`,\n    data: {\n      fields: {\n        Group: [],\n      },\n    },\n    app: 'groups',\n  })\n  const { mutate: handleSave } = useMutation({\n    throwOnError: true,\n    onSuccess: result => {\n      handleRedirectToConversation({ conversation_id: result.data.id })\n    },\n    mutationFn: () =>\n      apiClient.groups\n        .post<ApiResource<ChatConversationPayload>>({\n          url: `/me/groups/${groupId}/chat_conversation_payload`,\n          data: {\n            data: {\n              type: '',\n              attributes: {\n                title,\n              },\n            },\n          },\n        })\n        .then(res => res.data.value)\n        .then(payload =>\n          apiClient.chat.post<ApiResource<ConversationResource>>({\n            url: '/me/conversations',\n            data: {\n              data: {\n                type: 'Conversation',\n                attributes: {\n                  payload,\n                },\n              },\n            },\n          })\n        ),\n  })\n\n  const handleRedirectToConversation = useCallback(\n    ({ conversation_id }: { conversation_id: number }) => {\n      // exit from the create stack\n      navigation.getParent()?.goBack()\n      // navigate to the conversation screen\n      navigation.dispatch(\n        StackActions.push('Conversation', {\n          conversation_id,\n        })\n      )\n    },\n    [navigation]\n  )\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.section}>\n        <View style={styles.to}>\n          <Text>To:</Text>\n          <View>\n            <Text>{group.name}</Text>\n            <Text>{group.membershipsCount} members</Text>\n          </View>\n        </View>\n        <View style={styles.titleContainer}>\n          <Text style={styles.titleLabel}>Title</Text>\n          <TextInput\n            placeholder=\"Topic of conversation (required)\"\n            value={title}\n            onChangeText={setTitle}\n            style={styles.titleInput}\n          />\n        </View>\n      </View>\n      <ActionButton title=\"Start Conversation\" onPress={() => handleSave()} />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      gap: 8,\n    },\n    section: {\n      padding: 16,\n      flex: 1,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n    },\n    selectTeamsButton: {},\n    routeDebug: {\n      alignContent: 'center',\n      padding: 16,\n      paddingBottom: bottom,\n      borderTopWidth: 1,\n      borderTopColor: theme.colors.fillColorNeutral050Base,\n    },\n    titleContainer: {\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      gap: 8,\n    },\n    titleInput: {\n      fontSize: 18,\n    },\n    titleLabel: {},\n    to: {\n      flexDirection: 'row',\n      gap: 8,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\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, useState } from 'react'\nimport { Platform, 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'\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    },\n    [chat_group_graph_id, navigation]\n  )\n\n  const { mutate: handleSave } = useGroupsConversationCreate({\n    groupId,\n    title,\n    onSuccess: redirectToConversation,\n  })\n\n  return (\n    <KeyboardView>\n      <FormList\n        memberData={groupMemberships.adultMembers}\n        FormContent={\n          <FormContent\n            group={group}\n            title={title}\n            setTitle={setTitle}\n            groupMemberships={groupMemberships}\n          />\n        }\n      />\n      <ActionButton\n        disabled={!title}\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 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 adultCount = groupMemberships.adultMembers.length\n  const memberCount = isLeader ? membershipsCount : adultCount\n  const memberHeaderLabel = `${pluralize(memberCount, 'member')} selected`\n\n  const showMemberError = groupMemberships.isError\n  const showChildNotice = hasChildren && isLeader\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      <View style={styles.titleSection}>\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        />\n      </View>\n      <Divider />\n      <View style={styles.memberSection}>\n        <Heading variant=\"h3\">{memberHeaderLabel}</Heading>\n        {showChildNotice && <ChildNotice childMembers={childMembers} style={styles.banner} />}\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      paddingVertical: sectionPadding,\n      flex: 1,\n    },\n    toSection: {\n      padding: sectionPadding,\n      flexDirection: 'row',\n      gap: 8,\n    },\n    groupName: {\n      fontSize: 18,\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/team_form.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 type TeamFormProps = {
-    initialTeamIds?: string[];
+    initialTeamIds?: number[];
     initialPlanId?: number;
 };
 export declare const TeamsForm: ({ initialTeamIds, initialPlanId }: TeamFormProps) => React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"team_form.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/team_form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAO1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,cAAc,EAAE,aAAa,EAAiB,EAAE,EAAE;IAC5E,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAA;IAC7C,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;IAC3C,OAAO,CACL,CAAC,IAAI,CACH;MAAA,CAAC,IAAI,CAAC,8BAA8B,EAAE,IAAI,CAC5C;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { View } from 'react-native'\nimport { Text } from '../../../components'\n\ntype TeamFormProps = {\n  initialTeamIds?: string[]\n  initialPlanId?: number\n}\n\nexport const TeamsForm = ({ initialTeamIds, initialPlanId }: TeamFormProps) => {\n  console.log('initialTeamIds', initialTeamIds)\n  console.log('initialPlanId', initialPlanId)\n  return (\n    <View>\n      <Text>Services team form coming soon</Text>\n    </View>\n  )\n}\n"]}
+{"version":3,"file":"team_form.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/team_form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAO1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,cAAc,EAAE,aAAa,EAAiB,EAAE,EAAE;IAC5E,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAA;IAC7C,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;IAC3C,OAAO,CACL,CAAC,IAAI,CACH;MAAA,CAAC,IAAI,CAAC,8BAA8B,EAAE,IAAI,CAC5C;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { View } from 'react-native'\nimport { Text } from '../../../components'\n\ntype TeamFormProps = {\n  initialTeamIds?: number[]\n  initialPlanId?: number\n}\n\nexport const TeamsForm = ({ initialTeamIds, initialPlanId }: TeamFormProps) => {\n  console.log('initialTeamIds', initialTeamIds)\n  console.log('initialPlanId', initialPlanId)\n  return (\n    <View>\n      <Text>Services team form coming soon</Text>\n    </View>\n  )\n}\n"]}

package/build/screens/conversation_new/conversation_new_screen.d.ts

@@ -1,11 +1,14 @@
 import { StaticScreenProps } from '@react-navigation/native';
 import React from 'react';
 import { AppName } from '../../types/resources/app_name';
+import { GraphId } from '../../types/resources/group_resource';
 type ConversationNewScreenProps = StaticScreenProps<{
-    group_id?: string;
-    team_ids?: string[];
+    group_id?: number;
+    team_ids?: number[];
     plan_id?: number;
     source_app_name: AppName;
+    chat_group_graph_id?: GraphId;
+    group_source_app_name?: AppName;
 }>;
 export declare const ConversationNewScreen: ({ route }: ConversationNewScreenProps) => React.JSX.Element;
 export {};

package/build/screens/conversation_new/conversation_new_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_new_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_new/conversation_new_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAExD,KAAK,0BAA0B,GAAG,iBAAiB,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,OAAO,CAAA;CACzB,CAAC,CAAA;AAEF,eAAO,MAAM,qBAAqB,cAAe,0BAA0B,sBAW1E,CAAA"}
+{"version":3,"file":"conversation_new_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_new/conversation_new_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAE9D,KAAK,0BAA0B,GAAG,iBAAiB,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,OAAO,CAAA;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAC,CAAA;AAEF,eAAO,MAAM,qBAAqB,cAAe,0BAA0B,sBAe1E,CAAA"}

package/build/screens/conversation_new/conversation_new_screen.js

@@ -3,10 +3,10 @@ import { GroupsForm } from './components/groups_form';
 import { TeamsForm } from './components/team_form';
 import { SourceAppErrorCard } from './components/source_app_error_card';
 export const ConversationNewScreen = ({ route }) => {
-    const { group_id, team_ids, source_app_name, plan_id } = route.params;
+    const { group_id, team_ids, source_app_name, plan_id, chat_group_graph_id } = route.params;
     switch (source_app_name) {
         case 'Groups':
-            return <GroupsForm groupId={group_id}/>;
+            return group_id ? (<GroupsForm groupId={group_id} chat_group_graph_id={chat_group_graph_id}/>) : (<SourceAppErrorCard />);
         case 'Services':
             return <TeamsForm initialTeamIds={team_ids} initialPlanId={plan_id}/>;
         default:

package/build/screens/conversation_new/conversation_new_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_new_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_new/conversation_new_screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAUvE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAA8B,EAAE,EAAE;IAC7E,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;IAErE,QAAQ,eAAe,EAAE,CAAC;QACxB,KAAK,QAAQ;YACX,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAG,CAAA;QAC1C,KAAK,UAAU;YACb,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,EAAG,CAAA;QACxE;YACE,OAAO,CAAC,kBAAkB,CAAC,AAAD,EAAG,CAAA;IACjC,CAAC;AACH,CAAC,CAAA","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport React from 'react'\nimport { GroupsForm } from './components/groups_form'\nimport { TeamsForm } from './components/team_form'\nimport { SourceAppErrorCard } from './components/source_app_error_card'\nimport { AppName } from '../../types/resources/app_name'\n\ntype ConversationNewScreenProps = StaticScreenProps<{\n  group_id?: string\n  team_ids?: string[]\n  plan_id?: number\n  source_app_name: AppName\n}>\n\nexport const ConversationNewScreen = ({ route }: ConversationNewScreenProps) => {\n  const { group_id, team_ids, source_app_name, plan_id } = route.params\n\n  switch (source_app_name) {\n    case 'Groups':\n      return <GroupsForm groupId={group_id} />\n    case 'Services':\n      return <TeamsForm initialTeamIds={team_ids} initialPlanId={plan_id} />\n    default:\n      return <SourceAppErrorCard />\n  }\n}\n"]}
+{"version":3,"file":"conversation_new_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_new/conversation_new_screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAavE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAA8B,EAAE,EAAE;IAC7E,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;IAE1F,QAAQ,eAAe,EAAE,CAAC;QACxB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,EAAG,CAC5E,CAAC,CAAC,CAAC,CACF,CAAC,kBAAkB,CAAC,AAAD,EAAG,CACvB,CAAA;QACH,KAAK,UAAU;YACb,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,EAAG,CAAA;QACxE;YACE,OAAO,CAAC,kBAAkB,CAAC,AAAD,EAAG,CAAA;IACjC,CAAC;AACH,CAAC,CAAA","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport React from 'react'\nimport { GroupsForm } from './components/groups_form'\nimport { TeamsForm } from './components/team_form'\nimport { SourceAppErrorCard } from './components/source_app_error_card'\nimport { AppName } from '../../types/resources/app_name'\nimport { GraphId } from '../../types/resources/group_resource'\n\ntype ConversationNewScreenProps = StaticScreenProps<{\n  group_id?: number\n  team_ids?: number[]\n  plan_id?: number\n  source_app_name: AppName\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n}>\n\nexport const ConversationNewScreen = ({ route }: ConversationNewScreenProps) => {\n  const { group_id, team_ids, source_app_name, plan_id, chat_group_graph_id } = route.params\n\n  switch (source_app_name) {\n    case 'Groups':\n      return group_id ? (\n        <GroupsForm groupId={group_id} chat_group_graph_id={chat_group_graph_id} />\n      ) : (\n        <SourceAppErrorCard />\n      )\n    case 'Services':\n      return <TeamsForm initialTeamIds={team_ids} initialPlanId={plan_id} />\n    default:\n      return <SourceAppErrorCard />\n  }\n}\n"]}

package/build/screens/conversation_screen.d.ts

@@ -1,5 +1,6 @@
 import { StaticScreenProps } from '@react-navigation/native';
 import React from 'react';
+import { MessageResource } from '../types';
 type ConversationRouteProps = {
     conversation_id: number;
     chat_group_graph_id?: string;
@@ -7,5 +8,11 @@ type ConversationRouteProps = {
 };
 export type ConversationScreenProps = StaticScreenProps<ConversationRouteProps>;
 export declare function ConversationScreen({ route }: ConversationScreenProps): React.JSX.Element;
+export type DateSeparator = {
+    type: 'DateSeparator';
+    id: string;
+    date: string;
+};
+export declare const groupMessages: (ms: MessageResource[]) => (MessageResource | DateSeparator)[];
 export {};
 //# sourceMappingURL=conversation_screen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,EAIlB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAiC,MAAM,OAAO,CAAA;AAUrD,KAAK,sBAAsB,GAAG;IAC5B,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;AAE/E,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,qBA0CpE"}
+{"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,iBAAiB,EAIlB,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAiC,MAAM,OAAO,CAAA;AAUrD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAG1C,KAAK,sBAAsB,GAAG;IAC5B,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;AAE/E,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,qBAkDpE;AAED,MAAM,MAAM,aAAa,GAAG;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAwC/E,eAAO,MAAM,aAAa,OAAQ,eAAe,EAAE,wCAkClD,CAAA"}