@planningcenter/chat-react-native 3.2.0-rc.13 → 3.2.0-rc.15

package/build/screens/conversation_filter_recipients/conversation_filter_recipients_screen.js

@@ -1,51 +1,85 @@
-import { StackActions, useNavigation } from '@react-navigation/native';
 import React from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Button } from '../../components';
+import { FlashList } from '@shopify/flash-list';
+import { Heading } from '../../components';
 import { useTheme } from '../../hooks';
+import { useFlattenedArrayOfServiceTypesAndTheirTeams } from './hooks/use_flattened_array_of_service_types_and_their_teams';
+import { FAKE_SERVICE_TYPE_WITH_TEAMS_DATA } from './utils/fake_service_type_with_teams_data';
+import { SectionTypes } from './types';
+import { HeaderRow } from './components/header_row';
+import { tokens } from '../../vendor/tapestry/tokens';
+import { CheckboxRow } from './components/checkbox_row';
+import { useHeaderHeight } from '@react-navigation/elements';
+import { FilterRecipientsProvider } from './context/conversation_filter_recipients_context';
+import { HeaderRightWithContext, FilterHeaderTitle } from './components/navigation_header';
+const SERVICE_TYPE_LABELLED_BY_PREFIX = 'header-';
 export const ConversationFilterReceipientsScreenOptions = {
-    presentation: 'formSheet',
-    headerShown: false,
-    sheetAllowedDetents: [0.75],
+    presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),
+    sheetAllowedDetents: Platform.select({
+        android: [0.75, 0.94],
+        default: [0.75, 1],
+    }),
     sheetGrabberVisible: true,
+    headerBackVisible: false,
+    headerRight: HeaderRightWithContext,
+    headerTitle: FilterHeaderTitle,
+    headerTitleAlign: 'left',
 };
 export const ConversationFilterRecipientsScreen = ({}) => {
     const styles = useStyles();
-    const navigation = useNavigation();
-    return (<View style={styles.container}>
-      <View style={styles.section}>
-        <Button style={styles.selectTeamsButton} onPress={() => navigation.dispatch(StackActions.popTo('ConversationSelectRecipients', {
-            chat_group_graph_id: 'TBD',
-        }))} title="Redirect to select" variant="outline"/>
-
-        <Button style={styles.selectTeamsButton} onPress={() => navigation.dispatch(StackActions.popTo('ConversationCreate', {
-            chat_group_graph_id: 'TBD',
-        }))} title="Redirect to form" variant="outline"/>
+    const data = useFlattenedArrayOfServiceTypesAndTheirTeams({
+        data: FAKE_SERVICE_TYPE_WITH_TEAMS_DATA,
+        firstRowStyle: styles.firstRow,
+        lastRowStyle: styles.lastRow,
+    });
+    return (<FilterRecipientsProvider>
+      <View style={styles.listWrapper}>
+        <FlashList data={data} ListHeaderComponent={<Heading variant="h3" style={styles.listHeader}>
+              Service Types
+            </Heading>} estimatedItemSize={50} contentContainerStyle={styles.listContentContainer} keyExtractor={item => `${item.type === SectionTypes.header ? item.data.serviceTypeId : item.data.teamId}`} renderItem={({ item }) => {
+            switch (item.type) {
+                case SectionTypes.header:
+                    return (<HeaderRow data={item.data} style={item.sectionStyle} nativeID={`${SERVICE_TYPE_LABELLED_BY_PREFIX}${item.data.serviceTypeId}`}/>);
+                case SectionTypes.team:
+                    return (<CheckboxRow data={item.data} style={item.sectionStyle} accessibilityLabelledBy={`${SERVICE_TYPE_LABELLED_BY_PREFIX}${item.data.serviceTypeId}`}/>);
+                default:
+                    return null;
+            }
+        }}/>
       </View>
-    </View>);
+    </FilterRecipientsProvider>);
 };
 const useStyles = () => {
-    const { bottom } = useSafeAreaInsets();
-    const theme = useTheme();
+    const { colors } = useTheme();
+    const { top, bottom } = useSafeAreaInsets();
+    const { height } = useWindowDimensions();
+    const headerHeight = useHeaderHeight();
+    const containerHeight = Platform.select({
+        android: height,
+        ios: height - top - headerHeight,
+    });
     return StyleSheet.create({
-        container: {
-            flex: 1,
-            gap: 8,
-        },
-        section: {
-            padding: 16,
-            flexDirection: 'row',
-            justifyContent: 'space-between',
+        listWrapper: {
             flex: 1,
+            height: containerHeight,
+            backgroundColor: colors.surfaceColor080,
         },
-        selectTeamsButton: {},
-        routeDebug: {
-            alignContent: 'center',
+        listContentContainer: {
             padding: 16,
             paddingBottom: bottom,
-            borderTopWidth: 1,
-            borderTopColor: theme.colors.fillColorNeutral050Base,
+        },
+        listHeader: {
+            paddingBottom: 16,
+        },
+        firstRow: {
+            borderTopStartRadius: tokens.borderRadiusLg,
+            borderTopEndRadius: tokens.borderRadiusLg,
+        },
+        lastRow: {
+            borderBottomStartRadius: tokens.borderRadiusLg,
+            borderBottomEndRadius: tokens.borderRadiusLg,
+            marginBottom: 16,
         },
     });
 };

package/build/screens/conversation_filter_recipients/conversation_filter_recipients_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_filter_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/conversation_filter_recipients_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAEzF,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,CAAC,MAAM,0CAA0C,GAAiC;IACtF,YAAY,EAAE,WAAW;IACzB,WAAW,EAAE,KAAK;IAClB,mBAAmB,EAAE,CAAC,IAAI,CAAC;IAC3B,mBAAmB,EAAE,IAAI;CAC1B,CAAA;AAID,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAAC,EAA2C,EAAE,EAAE;IAChG,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;QAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAChC,OAAO,CAAC,CAAC,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CACjB,YAAY,CAAC,KAAK,CAAC,8BAA8B,EAAE;YACjD,mBAAmB,EAAE,KAAK;SAC3B,CAAC,CAEN,CAAC,CACD,KAAK,CAAC,oBAAoB,CAC1B,OAAO,CAAC,SAAS,EAGnB;;QAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAChC,OAAO,CAAC,CAAC,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CACjB,YAAY,CAAC,KAAK,CAAC,oBAAoB,EAAE;YACvC,mBAAmB,EAAE,KAAK;SAC3B,CAAC,CAEN,CAAC,CACD,KAAK,CAAC,kBAAkB,CACxB,OAAO,CAAC,SAAS,EAErB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,IAAI,EAAE,CAAC;SACR;QACD,iBAAiB,EAAE,EAAE;QACrB,UAAU,EAAE;YACV,YAAY,EAAE,QAAQ;YACtB,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,MAAM;YACrB,cAAc,EAAE,CAAC;YACjB,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB;SACrD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button } from '../../components'\nimport { useTheme } from '../../hooks'\n\nexport const ConversationFilterReceipientsScreenOptions: NativeStackNavigationOptions = {\n  presentation: 'formSheet',\n  headerShown: false,\n  sheetAllowedDetents: [0.75],\n  sheetGrabberVisible: true,\n}\n\ntype ConversationFilterRecipientsScreenProps = StaticScreenProps<{}>\n\nexport const ConversationFilterRecipientsScreen = ({}: ConversationFilterRecipientsScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.section}>\n        <Button\n          style={styles.selectTeamsButton}\n          onPress={() =>\n            navigation.dispatch(\n              StackActions.popTo('ConversationSelectRecipients', {\n                chat_group_graph_id: 'TBD',\n              })\n            )\n          }\n          title=\"Redirect to select\"\n          variant=\"outline\"\n        />\n\n        <Button\n          style={styles.selectTeamsButton}\n          onPress={() =>\n            navigation.dispatch(\n              StackActions.popTo('ConversationCreate', {\n                chat_group_graph_id: 'TBD',\n              })\n            )\n          }\n          title=\"Redirect to form\"\n          variant=\"outline\"\n        />\n      </View>\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      flexDirection: 'row',\n      justifyContent: 'space-between',\n      flex: 1,\n    },\n    selectTeamsButton: {},\n    routeDebug: {\n      alignContent: 'center',\n      padding: 16,\n      paddingBottom: bottom,\n      borderTopWidth: 1,\n      borderTopColor: theme.colors.fillColorNeutral050Base,\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_filter_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/conversation_filter_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NativeStackNavigationOptions } 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 { FlashList } from '@shopify/flash-list'\nimport { Heading } from '../../components'\nimport { useTheme } from '../../hooks'\nimport { useFlattenedArrayOfServiceTypesAndTheirTeams } from './hooks/use_flattened_array_of_service_types_and_their_teams'\nimport { FAKE_SERVICE_TYPE_WITH_TEAMS_DATA } from './utils/fake_service_type_with_teams_data'\nimport { ConversationFilterRecipientsScreenProps, SectionTypes } from './types'\nimport { HeaderRow } from './components/header_row'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { CheckboxRow } from './components/checkbox_row'\nimport { useHeaderHeight } from '@react-navigation/elements'\nimport { FilterRecipientsProvider } from './context/conversation_filter_recipients_context'\nimport { HeaderRightWithContext, FilterHeaderTitle } from './components/navigation_header'\n\nconst SERVICE_TYPE_LABELLED_BY_PREFIX = 'header-'\n\nexport const ConversationFilterReceipientsScreenOptions: 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\nexport const ConversationFilterRecipientsScreen = ({}: ConversationFilterRecipientsScreenProps) => {\n  const styles = useStyles()\n\n  const data = useFlattenedArrayOfServiceTypesAndTheirTeams({\n    data: FAKE_SERVICE_TYPE_WITH_TEAMS_DATA,\n    firstRowStyle: styles.firstRow,\n    lastRowStyle: styles.lastRow,\n  })\n\n  return (\n    <FilterRecipientsProvider>\n      <View style={styles.listWrapper}>\n        <FlashList\n          data={data}\n          ListHeaderComponent={\n            <Heading variant=\"h3\" style={styles.listHeader}>\n              Service Types\n            </Heading>\n          }\n          estimatedItemSize={50}\n          contentContainerStyle={styles.listContentContainer}\n          keyExtractor={item =>\n            `${item.type === SectionTypes.header ? item.data.serviceTypeId : item.data.teamId}`\n          }\n          renderItem={({ item }) => {\n            switch (item.type) {\n              case SectionTypes.header:\n                return (\n                  <HeaderRow\n                    data={item.data}\n                    style={item.sectionStyle}\n                    nativeID={`${SERVICE_TYPE_LABELLED_BY_PREFIX}${item.data.serviceTypeId}`}\n                  />\n                )\n              case SectionTypes.team:\n                return (\n                  <CheckboxRow\n                    data={item.data}\n                    style={item.sectionStyle}\n                    accessibilityLabelledBy={`${SERVICE_TYPE_LABELLED_BY_PREFIX}${item.data.serviceTypeId}`}\n                  />\n                )\n              default:\n                return null\n            }\n          }}\n        />\n      </View>\n    </FilterRecipientsProvider>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { top, bottom } = 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    listWrapper: {\n      flex: 1,\n      height: containerHeight,\n      backgroundColor: colors.surfaceColor080,\n    },\n    listContentContainer: {\n      padding: 16,\n      paddingBottom: bottom,\n    },\n    listHeader: {\n      paddingBottom: 16,\n    },\n    firstRow: {\n      borderTopStartRadius: tokens.borderRadiusLg,\n      borderTopEndRadius: tokens.borderRadiusLg,\n    },\n    lastRow: {\n      borderBottomStartRadius: tokens.borderRadiusLg,\n      borderBottomEndRadius: tokens.borderRadiusLg,\n      marginBottom: 16,\n    },\n  })\n}\n"]}

package/build/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_and_their_teams.d.ts

@@ -0,0 +1,10 @@
+import { type ViewStyle } from 'react-native';
+import { type SectionListData, type ServiceTypeWithTeams } from '../types';
+interface Props {
+    data: ServiceTypeWithTeams[];
+    firstRowStyle: ViewStyle;
+    lastRowStyle: ViewStyle;
+}
+export declare function useFlattenedArrayOfServiceTypesAndTheirTeams({ data, firstRowStyle, lastRowStyle, }: Props): SectionListData;
+export {};
+//# sourceMappingURL=use_flattened_array_of_service_types_and_their_teams.d.ts.map

package/build/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_and_their_teams.d.ts.map

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

package/build/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_and_their_teams.js

@@ -0,0 +1,32 @@
+import { useMemo } from 'react';
+import { SectionTypes } from '../types';
+export function useFlattenedArrayOfServiceTypesAndTheirTeams({ data, firstRowStyle, lastRowStyle, }) {
+    const flattenedData = useMemo(() => data.flatMap(serviceType => {
+        const teamIdsForServiceType = serviceType.teams.map(team => team.id);
+        return [
+            {
+                type: SectionTypes.header,
+                data: {
+                    serviceTypeName: serviceType.name,
+                    serviceTypeId: serviceType.id,
+                    teamIdsForServiceType,
+                },
+                sectionStyle: firstRowStyle,
+            },
+            ...serviceType.teams.map((team, teamIdx) => {
+                const isLastTeamInServiceType = teamIdx === serviceType.teams.length - 1;
+                return {
+                    type: SectionTypes.team,
+                    data: {
+                        teamName: team.name,
+                        teamId: team.id,
+                        serviceTypeId: serviceType.id,
+                    },
+                    sectionStyle: isLastTeamInServiceType ? lastRowStyle : undefined,
+                };
+            }),
+        ];
+    }), [data, firstRowStyle, lastRowStyle]);
+    return flattenedData;
+}
+//# sourceMappingURL=use_flattened_array_of_service_types_and_their_teams.js.map

package/build/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_and_their_teams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_flattened_array_of_service_types_and_their_teams.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/hooks/use_flattened_array_of_service_types_and_their_teams.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,YAAY,EAAmD,MAAM,UAAU,CAAA;AAQxF,MAAM,UAAU,4CAA4C,CAAC,EAC3D,IAAI,EACJ,aAAa,EACb,YAAY,GACN;IACN,MAAM,aAAa,GAAoB,OAAO,CAC5C,GAAG,EAAE,CACH,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QACzB,MAAM,qBAAqB,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAEpE,OAAO;YACL;gBACE,IAAI,EAAE,YAAY,CAAC,MAAe;gBAClC,IAAI,EAAE;oBACJ,eAAe,EAAE,WAAW,CAAC,IAAI;oBACjC,aAAa,EAAE,WAAW,CAAC,EAAE;oBAC7B,qBAAqB;iBACtB;gBACD,YAAY,EAAE,aAAa;aAC5B;YACD,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;gBACzC,MAAM,uBAAuB,GAAG,OAAO,KAAK,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;gBAExE,OAAO;oBACL,IAAI,EAAE,YAAY,CAAC,IAAa;oBAChC,IAAI,EAAE;wBACJ,QAAQ,EAAE,IAAI,CAAC,IAAI;wBACnB,MAAM,EAAE,IAAI,CAAC,EAAE;wBACf,aAAa,EAAE,WAAW,CAAC,EAAE;qBAC9B;oBACD,YAAY,EAAE,uBAAuB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;iBACjE,CAAA;YACH,CAAC,CAAC;SACH,CAAA;IACH,CAAC,CAAC,EACJ,CAAC,IAAI,EAAE,aAAa,EAAE,YAAY,CAAC,CACpC,CAAA;IAED,OAAO,aAAa,CAAA;AACtB,CAAC","sourcesContent":["import { useMemo } from 'react'\nimport { type ViewStyle } from 'react-native'\nimport { SectionTypes, type SectionListData, type ServiceTypeWithTeams } from '../types'\n\ninterface Props {\n  data: ServiceTypeWithTeams[]\n  firstRowStyle: ViewStyle\n  lastRowStyle: ViewStyle\n}\n\nexport function useFlattenedArrayOfServiceTypesAndTheirTeams({\n  data,\n  firstRowStyle,\n  lastRowStyle,\n}: Props) {\n  const flattenedData: SectionListData = useMemo(\n    () =>\n      data.flatMap(serviceType => {\n        const teamIdsForServiceType = serviceType.teams.map(team => team.id)\n\n        return [\n          {\n            type: SectionTypes.header as const,\n            data: {\n              serviceTypeName: serviceType.name,\n              serviceTypeId: serviceType.id,\n              teamIdsForServiceType,\n            },\n            sectionStyle: firstRowStyle,\n          },\n          ...serviceType.teams.map((team, teamIdx) => {\n            const isLastTeamInServiceType = teamIdx === serviceType.teams.length - 1\n\n            return {\n              type: SectionTypes.team as const,\n              data: {\n                teamName: team.name,\n                teamId: team.id,\n                serviceTypeId: serviceType.id,\n              },\n              sectionStyle: isLastTeamInServiceType ? lastRowStyle : undefined,\n            }\n          }),\n        ]\n      }),\n    [data, firstRowStyle, lastRowStyle]\n  )\n\n  return flattenedData\n}\n"]}

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

@@ -0,0 +1,38 @@
+import { type ViewStyle } from 'react-native';
+import { AppName } from '../../types/resources/app_name';
+import { StaticScreenProps } from '@react-navigation/native';
+export interface ServiceTypeWithTeams {
+    id: number;
+    name: string;
+    teams: {
+        id: number;
+        name: string;
+    }[];
+}
+export declare enum SectionTypes {
+    header = 0,
+    team = 1
+}
+export interface ServiceTypeProps {
+    serviceTypeName: string;
+    serviceTypeId: number;
+    teamIdsForServiceType: number[];
+}
+export interface TeamProps {
+    teamName: string;
+    teamId: number;
+    serviceTypeId: number;
+}
+export type SectionListData = Array<DataItem<ServiceTypeProps, SectionTypes.header> | DataItem<TeamProps, SectionTypes.team>>;
+interface DataItem<T, TName extends SectionTypes> {
+    type: TName;
+    data: T;
+    sectionStyle?: ViewStyle;
+}
+export type ConversationFilterRecipientsParams = {
+    source_app_name?: AppName;
+    team_ids?: number[];
+};
+export type ConversationFilterRecipientsScreenProps = StaticScreenProps<ConversationFilterRecipientsParams>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

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

package/build/screens/conversation_filter_recipients/types.js

@@ -0,0 +1,6 @@
+export var SectionTypes;
+(function (SectionTypes) {
+    SectionTypes[SectionTypes["header"] = 0] = "header";
+    SectionTypes[SectionTypes["team"] = 1] = "team";
+})(SectionTypes || (SectionTypes = {}));
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/screens/conversation_filter_recipients/types.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mDAAM,CAAA;IACN,+CAAI,CAAA;AACN,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB","sourcesContent":["import { type ViewStyle } from 'react-native'\nimport { AppName } from '../../types/resources/app_name'\nimport { StaticScreenProps } from '@react-navigation/native'\n\nexport interface ServiceTypeWithTeams {\n  id: number\n  name: string\n  teams: {\n    id: number\n    name: string\n  }[]\n}\n\nexport enum SectionTypes {\n  header,\n  team,\n}\n\nexport interface ServiceTypeProps {\n  serviceTypeName: string\n  serviceTypeId: number\n  teamIdsForServiceType: number[]\n}\n\nexport interface TeamProps {\n  teamName: string\n  teamId: number\n  serviceTypeId: number\n}\n\nexport type SectionListData = Array<\n  DataItem<ServiceTypeProps, SectionTypes.header> | DataItem<TeamProps, SectionTypes.team>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionStyle?: ViewStyle\n}\n\nexport type ConversationFilterRecipientsParams = {\n  source_app_name?: AppName\n  team_ids?: number[]\n}\n\nexport type ConversationFilterRecipientsScreenProps =\n  StaticScreenProps<ConversationFilterRecipientsParams>\n"]}

package/build/screens/conversation_filter_recipients/utils/fake_service_type_with_teams_data.d.ts

@@ -0,0 +1,3 @@
+import { ServiceTypeWithTeams } from '../types';
+export declare const FAKE_SERVICE_TYPE_WITH_TEAMS_DATA: ServiceTypeWithTeams[];
+//# sourceMappingURL=fake_service_type_with_teams_data.d.ts.map

package/build/screens/conversation_filter_recipients/utils/fake_service_type_with_teams_data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fake_service_type_with_teams_data.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/utils/fake_service_type_with_teams_data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,iCAAiC,EAAE,oBAAoB,EAmInE,CAAA"}

package/build/screens/conversation_filter_recipients/utils/fake_service_type_with_teams_data.js

@@ -0,0 +1,133 @@
+export const FAKE_SERVICE_TYPE_WITH_TEAMS_DATA = [
+    {
+        id: 1,
+        name: 'Contemporary Service',
+        teams: [
+            {
+                id: 2,
+                name: 'Audio Visual',
+            },
+            {
+                id: 3,
+                name: 'Ushers',
+            },
+        ],
+    },
+    {
+        id: 4,
+        name: 'Traditional Service',
+        teams: [
+            {
+                id: 5,
+                name: 'Welcome Team',
+            },
+        ],
+    },
+    {
+        id: 6,
+        name: 'Celebrate Recovery',
+        teams: [
+            {
+                id: 7,
+                name: 'Mens small group leaders',
+            },
+            {
+                id: 8,
+                name: 'Womans small group leaders',
+            },
+            {
+                id: 9,
+                name: 'The Landing',
+            },
+            {
+                id: 10,
+                name: 'Tech Booth',
+            },
+            {
+                id: 11,
+                name: 'Worship Team',
+            },
+            {
+                id: 12,
+                name: 'Teaching Team',
+            },
+            {
+                id: 13,
+                name: 'Step Study Leaders',
+            },
+            {
+                id: 14,
+                name: 'TEAM+',
+            },
+        ],
+    },
+    {
+        id: 15,
+        name: 'Staff',
+        teams: [
+            {
+                id: 16,
+                name: 'Facilities',
+            },
+            {
+                id: 17,
+                name: 'Pastors On Call',
+            },
+            {
+                id: 18,
+                name: 'Prayer Team',
+            },
+        ],
+    },
+    {
+        id: 19,
+        name: 'Services type with over 10 teams',
+        teams: [
+            {
+                id: 20,
+                name: 'Young Adult Ministry',
+            },
+            {
+                id: 21,
+                name: "Children's Ministry",
+            },
+            {
+                id: 22,
+                name: 'Worship Team',
+            },
+            {
+                id: 23,
+                name: 'Audio/Visual Ministry',
+            },
+            {
+                id: 24,
+                name: 'Community Outreach',
+            },
+            {
+                id: 25,
+                name: 'Small Groups Ministry',
+            },
+            {
+                id: 26,
+                name: 'Missions Ministry',
+            },
+            {
+                id: 27,
+                name: 'Media Ministry',
+            },
+            {
+                id: 28,
+                name: 'Welcome Team',
+            },
+            {
+                id: 29,
+                name: 'Prayer Ministry',
+            },
+            {
+                id: 30,
+                name: 'Pastoral Care Team',
+            },
+        ],
+    },
+];
+//# sourceMappingURL=fake_service_type_with_teams_data.js.map

package/build/screens/conversation_filter_recipients/utils/fake_service_type_with_teams_data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fake_service_type_with_teams_data.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filter_recipients/utils/fake_service_type_with_teams_data.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iCAAiC,GAA2B;IACvE;QACE,EAAE,EAAE,CAAC;QACL,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,CAAC;gBACL,IAAI,EAAE,cAAc;aACrB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,IAAI,EAAE,QAAQ;aACf;SACF;KACF;IACD;QACE,EAAE,EAAE,CAAC;QACL,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,CAAC;gBACL,IAAI,EAAE,cAAc;aACrB;SACF;KACF;IACD;QACE,EAAE,EAAE,CAAC;QACL,IAAI,EAAE,oBAAoB;QAC1B,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,CAAC;gBACL,IAAI,EAAE,0BAA0B;aACjC;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,IAAI,EAAE,4BAA4B;aACnC;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,IAAI,EAAE,aAAa;aACpB;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,YAAY;aACnB;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,cAAc;aACrB;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,eAAe;aACtB;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,oBAAoB;aAC3B;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,OAAO;aACd;SACF;KACF;IACD;QACE,EAAE,EAAE,EAAE;QACN,IAAI,EAAE,OAAO;QACb,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,YAAY;aACnB;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,iBAAiB;aACxB;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,aAAa;aACpB;SACF;KACF;IACD;QACE,EAAE,EAAE,EAAE;QACN,IAAI,EAAE,kCAAkC;QACxC,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,sBAAsB;aAC7B;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,qBAAqB;aAC5B;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,cAAc;aACrB;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,uBAAuB;aAC9B;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,oBAAoB;aAC3B;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,uBAAuB;aAC9B;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,mBAAmB;aAC1B;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,gBAAgB;aACvB;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,cAAc;aACrB;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,iBAAiB;aACxB;YACD;gBACE,EAAE,EAAE,EAAE;gBACN,IAAI,EAAE,oBAAoB;aAC3B;SACF;KACF;CACF,CAAA","sourcesContent":["import { ServiceTypeWithTeams } from '../types'\n\nexport const FAKE_SERVICE_TYPE_WITH_TEAMS_DATA: ServiceTypeWithTeams[] = [\n  {\n    id: 1,\n    name: 'Contemporary Service',\n    teams: [\n      {\n        id: 2,\n        name: 'Audio Visual',\n      },\n      {\n        id: 3,\n        name: 'Ushers',\n      },\n    ],\n  },\n  {\n    id: 4,\n    name: 'Traditional Service',\n    teams: [\n      {\n        id: 5,\n        name: 'Welcome Team',\n      },\n    ],\n  },\n  {\n    id: 6,\n    name: 'Celebrate Recovery',\n    teams: [\n      {\n        id: 7,\n        name: 'Mens small group leaders',\n      },\n      {\n        id: 8,\n        name: 'Womans small group leaders',\n      },\n      {\n        id: 9,\n        name: 'The Landing',\n      },\n      {\n        id: 10,\n        name: 'Tech Booth',\n      },\n      {\n        id: 11,\n        name: 'Worship Team',\n      },\n      {\n        id: 12,\n        name: 'Teaching Team',\n      },\n      {\n        id: 13,\n        name: 'Step Study Leaders',\n      },\n      {\n        id: 14,\n        name: 'TEAM+',\n      },\n    ],\n  },\n  {\n    id: 15,\n    name: 'Staff',\n    teams: [\n      {\n        id: 16,\n        name: 'Facilities',\n      },\n      {\n        id: 17,\n        name: 'Pastors On Call',\n      },\n      {\n        id: 18,\n        name: 'Prayer Team',\n      },\n    ],\n  },\n  {\n    id: 19,\n    name: 'Services type with over 10 teams',\n    teams: [\n      {\n        id: 20,\n        name: 'Young Adult Ministry',\n      },\n      {\n        id: 21,\n        name: \"Children's Ministry\",\n      },\n      {\n        id: 22,\n        name: 'Worship Team',\n      },\n      {\n        id: 23,\n        name: 'Audio/Visual Ministry',\n      },\n      {\n        id: 24,\n        name: 'Community Outreach',\n      },\n      {\n        id: 25,\n        name: 'Small Groups Ministry',\n      },\n      {\n        id: 26,\n        name: 'Missions Ministry',\n      },\n      {\n        id: 27,\n        name: 'Media Ministry',\n      },\n      {\n        id: 28,\n        name: 'Welcome Team',\n      },\n      {\n        id: 29,\n        name: 'Prayer Ministry',\n      },\n      {\n        id: 30,\n        name: 'Pastoral Care Team',\n      },\n    ],\n  },\n]\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"groups_form.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/groups_form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAapD,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,UAAU,gBAAiB,eAAe,sBAwDtD,CAAA"}
+{"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;AAYpD,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,UAAU,gBAAiB,eAAe,sBAyDtD,CAAA"}

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

@@ -1,13 +1,12 @@
 import { StackActions, useNavigation } from '@react-navigation/native';
 import React, { useCallback, useState } from 'react';
 import { Platform, StyleSheet, TextInput, View } from 'react-native';
-import { Heading, Text } from '../../../components';
+import { Banner, ChildNotice, Heading, Text } from '../../../components';
 import { ActionButton } from '../../../components/display/action_button';
 import { useSuspenseGet } from '../../../hooks';
 import { Divider, FormList } from './form_list';
 import { pluralize } from '../../../utils';
 import { KeyboardView } from '../../../components/display/keyboard_view';
-import { MemberErrorCard } from './member_error_card';
 import { useGroupMembersForNewConversation } from '../../../hooks/groups/use_group_members_for_new_conversation';
 import { useGroupsConversationCreate } from '../../../hooks/groups/use_groups_conversation_create';
 export const GroupsForm = ({ groupId }) => {
@@ -37,14 +36,15 @@ export const GroupsForm = ({ groupId }) => {
         onSuccess: redirectToConversation,
     });
     return (<KeyboardView>
-      <FormList memberData={groupMemberships.data} FormContent={<FormContent group={group} title={title} setTitle={setTitle} isMemberError={groupMemberships.isError}/>}/>
+      <FormList memberData={groupMemberships.adultMembers} FormContent={<FormContent group={group} title={title} setTitle={setTitle} isMemberError={groupMemberships.isError} childMembers={groupMemberships.childMembers}/>}/>
       <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, isMemberError }) {
+function FormContent({ group, title, setTitle, isMemberError, childMembers }) {
     const styles = useStyles();
     const { name, membershipsCount } = group;
     const memberHeader = pluralize(membershipsCount, 'member');
+    const hasChildren = childMembers.length > 0;
     return (<View style={styles.formContent}>
       <View style={styles.toSection}>
         <Heading variant="h3">To:</Heading>
@@ -58,7 +58,8 @@ function FormContent({ group, title, setTitle, isMemberError }) {
       <Divider />
       <View style={styles.memberSection}>
         <Heading variant="h3">{memberHeader} selected</Heading>
-        {isMemberError && (<MemberErrorCard description="There was an issue loading group members, please refresh and try again."/>)}
+        {hasChildren && <ChildNotice childMembers={childMembers} style={styles.banner}/>}
+        {isMemberError && (<Banner appearance="error" description="There was an issue loading group members, please refresh and try again." style={styles.banner}/>)}
       </View>
     </View>);
 }
@@ -96,6 +97,9 @@ const useStyles = () => {
             padding: sectionPadding,
             paddingBottom: 0,
         },
+        banner: {
+            marginTop: 16,
+        },
     });
 };
 //# sourceMappingURL=groups_form.js.map

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":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACpE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAA;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,iCAAiC,EAAE,MAAM,8DAA8D,CAAA;AAChH,OAAO,EAAE,2BAA2B,EAAE,MAAM,sDAAsD,CAAA;AAMlG,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,EAAE;IACzD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAU,CAAA;IAC5C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,cAAc,CAAsB;QAC1D,GAAG,EAAE,cAAc,OAAO,EAAE;QAC5B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,KAAK,EAAE,EAAE;aACV;SACF;QACD,GAAG,EAAE,QAAQ;KACd,CAAC,CAAA;IAEF,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,cAAsB,EAAE,EAAE;QACzB,6BAA6B;QAC7B,UAAU,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAA;QAChC,sCAAsC;QACtC,UAAU,CAAC,QAAQ,CACjB,YAAY,CAAC,IAAI,CAAC,cAAc,EAAE;YAChC,eAAe,EAAE,cAAc;SAChC,CAAC,CACH,CAAA;IACH,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,gBAAgB,GAAG,iCAAiC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAA;IAE3E,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,2BAA2B,CAAC;QACzD,OAAO;QACP,KAAK;QACL,SAAS,EAAE,sBAAsB;KAClC,CAAC,CAAA;IAEF,OAAO,CACL,CAAC,YAAY,CACX;MAAA,CAAC,QAAQ,CACP,UAAU,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAClC,WAAW,CAAC,CACV,CAAC,WAAW,CACV,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,aAAa,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAE5C,CAAC,EAEH;MAAA,CAAC,YAAY,CACX,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CACjB,KAAK,CAAC,oBAAoB,CAC1B,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,CAC5B,QAAQ,CAAC,iGAAiG,EAE9G;IAAA,EAAE,YAAY,CAAC,CAChB,CAAA;AACH,CAAC,CAAA;AASD,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAoB;IAC9E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAA;IACxC,MAAM,YAAY,GAAG,SAAS,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;IAE1D,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,CAClC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CAC7C;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,OAAO,CAAC,AAAD,EACR;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;QAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CACpC;QAAA,CAAC,SAAS,CACR,WAAW,CAAC,kCAAkC,CAC9C,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,QAAQ,CAAC,CACvB,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,SAAS,CAAC,CAAC,IAAI,CAAC,EAEpB;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,OAAO,CAAC,AAAD,EACR;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;QAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,YAAY,CAAE,SAAQ,EAAE,OAAO,CACtD;QAAA,CAAC,aAAa,IAAI,CAChB,CAAC,eAAe,CAAC,WAAW,CAAC,yEAAyE,EAAG,CAC1G,CACH;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,cAAc,GAAG,EAAE,CAAA;IACzB,MAAM,YAAY,GAAG,CAAC,CAAA;IAEtB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,WAAW,EAAE;YACX,eAAe,EAAE,cAAc;YAC/B,IAAI,EAAE,CAAC;SACR;QACD,SAAS,EAAE;YACT,OAAO,EAAE,cAAc;YACvB,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,CAAC;SACP;QACD,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,cAAc;YACvB,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC;gBAC7B,GAAG,EAAE,cAAc;gBACnB,OAAO,EAAE,cAAc,GAAG,YAAY;aACvC,CAAC;YACF,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC;gBACnB,GAAG,EAAE,CAAC;gBACN,OAAO,EAAE,CAAC;aACX,CAAC;SACH;QACD,UAAU,EAAE;YACV,QAAQ,EAAE,EAAE;SACb;QACD,aAAa,EAAE;YACb,OAAO,EAAE,cAAc;YACvB,aAAa,EAAE,CAAC;SACjB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StackActions, useNavigation } from '@react-navigation/native'\nimport React, { useCallback, useState } from 'react'\nimport { Platform, StyleSheet, TextInput, View } from 'react-native'\nimport { Heading, Text } from '../../../components'\nimport { ActionButton } from '../../../components/display/action_button'\nimport { useSuspenseGet } from '../../../hooks'\nimport { GroupsGroupResource } from '../../../types'\nimport { Divider, FormList } from './form_list'\nimport { pluralize } from '../../../utils'\nimport { KeyboardView } from '../../../components/display/keyboard_view'\nimport { MemberErrorCard } from './member_error_card'\nimport { useGroupMembersForNewConversation } from '../../../hooks/groups/use_group_members_for_new_conversation'\nimport { useGroupsConversationCreate } from '../../../hooks/groups/use_groups_conversation_create'\n\ntype GroupsFormProps = {\n  groupId: number\n}\n\nexport const GroupsForm = ({ groupId }: 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 redirectToConversation = useCallback(\n    (conversationId: 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: conversationId,\n        })\n      )\n    },\n    [navigation]\n  )\n\n  const groupMemberships = useGroupMembersForNewConversation({ id: groupId })\n\n  const { mutate: handleSave } = useGroupsConversationCreate({\n    groupId,\n    title,\n    onSuccess: redirectToConversation,\n  })\n\n  return (\n    <KeyboardView>\n      <FormList\n        memberData={groupMemberships.data}\n        FormContent={\n          <FormContent\n            group={group}\n            title={title}\n            setTitle={setTitle}\n            isMemberError={groupMemberships.isError}\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  isMemberError: boolean\n}\n\nfunction FormContent({ group, title, setTitle, isMemberError }: FormContentProps) {\n  const styles = useStyles()\n  const { name, membershipsCount } = group\n  const memberHeader = pluralize(membershipsCount, 'member')\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\">{memberHeader} selected</Heading>\n        {isMemberError && (\n          <MemberErrorCard description=\"There was an issue loading group members, please refresh and try again.\" />\n        )}\n      </View>\n    </View>\n  )\n}\n\nconst useStyles = () => {\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    },\n    memberSection: {\n      padding: sectionPadding,\n      paddingBottom: 0,\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, 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 { useSuspenseGet } from '../../../hooks'\nimport { GroupsGroupResource, MemberResource } from '../../../types'\nimport { Divider, FormList } from './form_list'\nimport { pluralize } from '../../../utils'\nimport { KeyboardView } from '../../../components/display/keyboard_view'\nimport { useGroupMembersForNewConversation } from '../../../hooks/groups/use_group_members_for_new_conversation'\nimport { useGroupsConversationCreate } from '../../../hooks/groups/use_groups_conversation_create'\n\ntype GroupsFormProps = {\n  groupId: number\n}\n\nexport const GroupsForm = ({ groupId }: 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 redirectToConversation = useCallback(\n    (conversationId: 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: conversationId,\n        })\n      )\n    },\n    [navigation]\n  )\n\n  const groupMemberships = useGroupMembersForNewConversation({ id: groupId })\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            isMemberError={groupMemberships.isError}\n            childMembers={groupMemberships.childMembers}\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  isMemberError: boolean\n  childMembers: MemberResource[]\n}\n\nfunction FormContent({ group, title, setTitle, isMemberError, childMembers }: FormContentProps) {\n  const styles = useStyles()\n  const { name, membershipsCount } = group\n  const memberHeader = pluralize(membershipsCount, 'member')\n  const hasChildren = childMembers.length > 0\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\">{memberHeader} selected</Heading>\n        {hasChildren && <ChildNotice childMembers={childMembers} style={styles.banner} />}\n        {isMemberError && (\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 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    },\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?: number;
-    team_ids?: string[];
+    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,sBAW1E,CAAA"}

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,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAG,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,AAAD,EAAG,CAAA;QAC9E,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?: number\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 group_id ? <GroupsForm groupId={group_id} /> : <SourceAppErrorCard />\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,GAAG,KAAK,CAAC,MAAM,CAAA;IAErE,QAAQ,eAAe,EAAE,CAAC;QACxB,KAAK,QAAQ;YACX,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAG,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,AAAD,EAAG,CAAA;QAC9E,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 } = route.params\n\n  switch (source_app_name) {\n    case 'Groups':\n      return group_id ? <GroupsForm groupId={group_id} /> : <SourceAppErrorCard />\n    case 'Services':\n      return <TeamsForm initialTeamIds={team_ids} initialPlanId={plan_id} />\n    default:\n      return <SourceAppErrorCard />\n  }\n}\n"]}

package/build/screens/conversation_select_recipients/conversation_select_recipients_screen.d.ts

@@ -1,8 +1,11 @@
 import { StaticScreenProps } from '@react-navigation/native';
 import React from 'react';
+import { GraphId } from '../../types/resources/group_resource';
+import { AppName } from '../../types/resources/app_name';
 type ConversationSelectRecipientsScreenProps = StaticScreenProps<{
-    chat_group_graph_id?: string;
+    chat_group_graph_id?: GraphId;
+    group_source_app_name?: AppName;
 }>;
-export declare const ConversationSelectRecipientsScreen: ({}: ConversationSelectRecipientsScreenProps) => React.JSX.Element;
+export declare const ConversationSelectRecipientsScreen: ({ route, }: ConversationSelectRecipientsScreenProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=conversation_select_recipients_screen.d.ts.map

package/build/screens/conversation_select_recipients/conversation_select_recipients_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_recipients_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,KAAK,uCAAuC,GAAG,iBAAiB,CAAC;IAC/D,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAC,CAAA;AAMF,eAAO,MAAM,kCAAkC,OAAQ,uCAAuC,sBA0E7F,CAAA"}
+{"version":3,"file":"conversation_select_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_recipients_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGxD,KAAK,uCAAuC,GAAG,iBAAiB,CAAC;IAC/D,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAC,CAAA;AAMF,eAAO,MAAM,kCAAkC,eAE5C,uCAAuC,sBA2EzC,CAAA"}