@planningcenter/chat-react-native 3.2.0-rc.2 → 3.2.0-rc.21

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

@@ -1,7 +1,7 @@
 import { GroupResource } from '../../../types/resources/group_resource';
 import { GroupsGroupResource } from '../../../types';
 export declare const useTeamsToFilter: () => {
-    error: Response;
+    error: import("../../../types").ApiError;
     isError: true;
     isPending: false;
     isLoading: false;
@@ -10,8 +10,8 @@ export declare const useTeamsToFilter: () => {
     isSuccess: false;
     isPlaceholderData: false;
     status: "error";
-    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchNextPageError: boolean;
@@ -21,7 +21,7 @@ export declare const useTeamsToFilter: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("../../../types").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -30,7 +30,7 @@ export declare const useTeamsToFilter: () => {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
     promise: Promise<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>>;
     teams: GroupResource[];
@@ -46,8 +46,8 @@ export declare const useTeamsToFilter: () => {
     isSuccess: true;
     isPlaceholderData: false;
     status: "success";
-    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -55,7 +55,7 @@ export declare const useTeamsToFilter: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("../../../types").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -64,12 +64,12 @@ export declare const useTeamsToFilter: () => {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
     promise: Promise<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>>;
     teams: GroupResource[];
 } | {
-    error: Response;
+    error: import("../../../types").ApiError;
     isError: true;
     isPending: false;
     isLoading: false;
@@ -80,8 +80,8 @@ export declare const useTeamsToFilter: () => {
     isSuccess: false;
     isPlaceholderData: false;
     status: "error";
-    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -89,7 +89,7 @@ export declare const useTeamsToFilter: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("../../../types").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -98,7 +98,7 @@ export declare const useTeamsToFilter: () => {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
     promise: Promise<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>>;
     teams: GroupResource[];
@@ -114,8 +114,8 @@ export declare const useTeamsToFilter: () => {
     isSuccess: false;
     isPlaceholderData: false;
     status: "pending";
-    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -123,7 +123,7 @@ export declare const useTeamsToFilter: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("../../../types").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -132,7 +132,7 @@ export declare const useTeamsToFilter: () => {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
     promise: Promise<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>>;
     teams: GroupResource[];
@@ -147,8 +147,8 @@ export declare const useTeamsToFilter: () => {
     isSuccess: false;
     isPlaceholderData: false;
     status: "pending";
-    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -156,7 +156,7 @@ export declare const useTeamsToFilter: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("../../../types").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -166,7 +166,7 @@ export declare const useTeamsToFilter: () => {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
     promise: Promise<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>>;
     teams: GroupResource[];
@@ -182,8 +182,8 @@ export declare const useTeamsToFilter: () => {
     isFetchNextPageError: false;
     isFetchPreviousPageError: false;
     status: "success";
-    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -191,7 +191,7 @@ export declare const useTeamsToFilter: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("../../../types").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -200,7 +200,7 @@ export declare const useTeamsToFilter: () => {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
     promise: Promise<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>>;
     teams: GroupResource[];
@@ -208,7 +208,7 @@ export declare const useTeamsToFilter: () => {
 export interface FilteredGroup extends GroupResource, Partial<Pick<GroupsGroupResource, 'headerImage' | 'membershipsCount'>> {
 }
 export declare const useGroupsToFilter: () => {
-    error: Response;
+    error: import("../../../types").ApiError;
     isError: true;
     isPending: false;
     isLoading: false;
@@ -217,7 +217,7 @@ export declare const useGroupsToFilter: () => {
     isSuccess: false;
     isPlaceholderData: false;
     status: "error";
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchNextPageError: boolean;
@@ -227,7 +227,7 @@ export declare const useGroupsToFilter: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("../../../types").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -253,7 +253,7 @@ export declare const useGroupsToFilter: () => {
     isSuccess: true;
     isPlaceholderData: false;
     status: "success";
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -261,7 +261,7 @@ export declare const useGroupsToFilter: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("../../../types").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -276,7 +276,7 @@ export declare const useGroupsToFilter: () => {
     fetchNextPage: () => void;
     refetch: () => void;
 } | {
-    error: Response;
+    error: import("../../../types").ApiError;
     isError: true;
     isPending: false;
     isLoading: false;
@@ -287,7 +287,7 @@ export declare const useGroupsToFilter: () => {
     isSuccess: false;
     isPlaceholderData: false;
     status: "error";
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -295,7 +295,7 @@ export declare const useGroupsToFilter: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("../../../types").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -321,7 +321,7 @@ export declare const useGroupsToFilter: () => {
     isSuccess: false;
     isPlaceholderData: false;
     status: "pending";
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -329,7 +329,7 @@ export declare const useGroupsToFilter: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("../../../types").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -354,7 +354,7 @@ export declare const useGroupsToFilter: () => {
     isSuccess: false;
     isPlaceholderData: false;
     status: "pending";
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -362,7 +362,7 @@ export declare const useGroupsToFilter: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("../../../types").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -389,7 +389,7 @@ export declare const useGroupsToFilter: () => {
     isFetchNextPageError: false;
     isFetchPreviousPageError: false;
     status: "success";
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("../../../types").ApiCollection<GroupResource>, unknown>, import("../../../types").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -397,7 +397,7 @@ export declare const useGroupsToFilter: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("../../../types").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;

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

@@ -22,7 +22,7 @@ export const useGroupsToFilter = () => {
     };
     const filteredGroups = useMemo(() => groups
         .map(group => {
-        const groupsGroup = groupsData.find(g => group.id.includes(g.id));
+        const groupsGroup = groupsData.find(g => group.id === `Groups-Group-${g.id}`);
         const { membershipsCount, headerImage } = groupsGroup || {};
         return {
             ...group,

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

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

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

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

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

@@ -0,0 +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;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

@@ -0,0 +1,105 @@
+import { StackActions, useNavigation } from '@react-navigation/native';
+import React, { useCallback, 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 } from '../../../hooks';
+import { Divider, FormList } from './form_list';
+import { pluralize } from '../../../utils';
+import { KeyboardView } from '../../../components/display/keyboard_view';
+import { useGroupMembersForNewConversation } from '../../../hooks/groups/use_group_members_for_new_conversation';
+import { useGroupsConversationCreate } from '../../../hooks/groups/use_groups_conversation_create';
+export const GroupsForm = ({ groupId }) => {
+    const navigation = useNavigation();
+    const [title, setTitle] = useState();
+    const { data: group } = useSuspenseGet({
+        url: `/me/groups/${groupId}`,
+        data: {
+            fields: {
+                Group: [],
+            },
+        },
+        app: 'groups',
+    });
+    const redirectToConversation = useCallback((conversationId) => {
+        // exit from the create stack
+        navigation.getParent()?.goBack();
+        // navigate to the conversation screen
+        navigation.dispatch(StackActions.push('Conversation', {
+            conversation_id: conversationId,
+        }));
+    }, [navigation]);
+    const groupMemberships = useGroupMembersForNewConversation({ id: groupId });
+    const { mutate: handleSave } = useGroupsConversationCreate({
+        groupId,
+        title,
+        onSuccess: redirectToConversation,
+    });
+    return (<KeyboardView>
+      <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, 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>
+        <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">{memberHeader} selected</Heading>
+        {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>);
+}
+const useStyles = () => {
+    const sectionPadding = 16;
+    const inputPadding = 8;
+    return StyleSheet.create({
+        formContent: {
+            paddingVertical: sectionPadding,
+            flex: 1,
+        },
+        toSection: {
+            padding: sectionPadding,
+            flexDirection: 'row',
+            gap: 8,
+        },
+        groupName: {
+            fontSize: 18,
+        },
+        titleSection: {
+            padding: sectionPadding,
+            paddingBottom: Platform.select({
+                ios: sectionPadding,
+                android: sectionPadding - inputPadding,
+            }),
+            gap: Platform.select({
+                ios: 8,
+                android: 0,
+            }),
+        },
+        titleInput: {
+            fontSize: 18,
+        },
+        memberSection: {
+            padding: sectionPadding,
+            paddingBottom: 0,
+        },
+        banner: {
+            marginTop: 16,
+        },
+    });
+};
+//# sourceMappingURL=groups_form.js.map

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

@@ -0,0 +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 { 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/source_app_error_card.d.ts

@@ -0,0 +1,2 @@
+export declare const SourceAppErrorCard: () => import("react").JSX.Element;
+//# sourceMappingURL=source_app_error_card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source_app_error_card.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/source_app_error_card.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,mCAY9B,CAAA"}

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

@@ -0,0 +1,16 @@
+import { StyleSheet, View } from 'react-native';
+import { Banner } from '../../../components';
+export const SourceAppErrorCard = () => {
+    const styles = useStyles();
+    return (<View style={styles.container}>
+      <Banner appearance="error" heading="Invalid Source App" description="Something went wrong, try going back and selecting the recipient again."/>
+    </View>);
+};
+const useStyles = () => {
+    return StyleSheet.create({
+        container: {
+            padding: 16,
+        },
+    });
+};
+//# sourceMappingURL=source_app_error_card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source_app_error_card.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/source_app_error_card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,MAAM,CACL,UAAU,CAAC,OAAO,CAClB,OAAO,CAAC,oBAAoB,CAC5B,WAAW,CAAC,yEAAyE,EAEzF;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,OAAO,EAAE,EAAE;SACZ;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StyleSheet, View } from 'react-native'\nimport { Banner } from '../../../components'\n\nexport const SourceAppErrorCard = () => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.container}>\n      <Banner\n        appearance=\"error\"\n        heading=\"Invalid Source App\"\n        description=\"Something went wrong, try going back and selecting the recipient again.\"\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    container: {\n      padding: 16,\n    },\n  })\n}\n"]}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+type TeamFormProps = {
+    initialTeamIds?: number[];
+    initialPlanId?: number;
+};
+export declare const TeamsForm: ({ initialTeamIds, initialPlanId }: TeamFormProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=team_form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"team_form.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/team_form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,aAAa,GAAG;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,SAAS,sCAAuC,aAAa,sBAQzE,CAAA"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { View } from 'react-native';
+import { Text } from '../../../components';
+export const TeamsForm = ({ initialTeamIds, initialPlanId }) => {
+    console.log('initialTeamIds', initialTeamIds);
+    console.log('initialPlanId', initialPlanId);
+    return (<View>
+      <Text>Services team form coming soon</Text>
+    </View>);
+};
+//# sourceMappingURL=team_form.js.map

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

@@ -0,0 +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?: 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"]}