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

package/build/hooks/use_message_create.js

@@ -0,0 +1,35 @@
+import { useMutation } from '@tanstack/react-query';
+import { getMessagesQueryKey, getMessagesRequestArgs } from './use_conversation_messages';
+import { useApiClient } from './use_api_client';
+import { chatQueryClient } from '../contexts/api_provider';
+import { updateOrCreateRecordInPagesData } from '../utils';
+export function useMessageCreate({ conversationId }) {
+    const apiClient = useApiClient();
+    const mutation = useMutation({
+        mutationFn: ({ text, attachments, }) => {
+            const requestParams = getMessagesRequestArgs({ conversation_id: conversationId });
+            const fieldsWithValueJoined = Object.fromEntries(Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')]));
+            return apiClient.chat.post({
+                url: `/me/conversations/${conversationId}/messages`,
+                data: {
+                    ...requestParams.data,
+                    data: {
+                        type: 'Message',
+                        attributes: { text, ...(attachments ? { attachments } : {}) },
+                    },
+                    fields: fieldsWithValueJoined,
+                },
+            });
+        },
+        onSuccess: (result) => {
+            const updatedMessage = result.data;
+            const queryKey = getMessagesQueryKey({ conversation_id: conversationId });
+            chatQueryClient.setQueryData(queryKey, data => updateOrCreateRecordInPagesData({
+                data,
+                record: updatedMessage,
+            }));
+        },
+    });
+    return mutation;
+}
+//# sourceMappingURL=use_message_create.js.map

package/build/hooks/use_message_create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_message_create.js","sourceRoot":"","sources":["../../src/hooks/use_message_create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAA;AAO1D,MAAM,UAAU,gBAAgB,CAAC,EAAE,cAAc,EAAS;IACxD,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,QAAQ,GAAG,WAAW,CAAC;QAC3B,UAAU,EAAE,CAAC,EACX,IAAI,EACJ,WAAW,GAIZ,EAAE,EAAE;YACH,MAAM,aAAa,GAAG,sBAAsB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC,CAAA;YACjF,MAAM,qBAAqB,GAAG,MAAM,CAAC,WAAW,CAC9C,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAC5E,CAAA;YAED,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,CAA+B;gBACvD,GAAG,EAAE,qBAAqB,cAAc,WAAW;gBACnD,IAAI,EAAE;oBACJ,GAAG,aAAa,CAAC,IAAI;oBACrB,IAAI,EAAE;wBACJ,IAAI,EAAE,SAAS;wBACf,UAAU,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE;qBAC9D;oBACD,MAAM,EAAE,qBAAqB;iBAC9B;aACF,CAAC,CAAA;QACJ,CAAC;QACD,SAAS,EAAE,CAAC,MAAoC,EAAE,EAAE;YAClD,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;YAElC,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC,CAAA;YAEzE,eAAe,CAAC,YAAY,CAAY,QAAQ,EAAE,IAAI,CAAC,EAAE,CACvD,+BAA+B,CAAC;gBAC9B,IAAI;gBACJ,MAAM,EAAE,cAAc;aACvB,CAAC,CACH,CAAA;QACH,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAA;AACjB,CAAC","sourcesContent":["import { InfiniteData, useMutation } from '@tanstack/react-query'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from './use_conversation_messages'\nimport { useApiClient } from './use_api_client'\nimport { ApiCollection, ApiResource, MessageResource } from '../types'\nimport { chatQueryClient } from '../contexts/api_provider'\nimport { updateOrCreateRecordInPagesData } from '../utils'\nimport { DenormalizedAttachmentResourceForCreate } from '../types/resources/denormalized_attachment_resource'\n\ninterface Props {\n  conversationId: number\n}\n\nexport function useMessageCreate({ conversationId }: Props) {\n  const apiClient = useApiClient()\n  const mutation = useMutation({\n    mutationFn: ({\n      text,\n      attachments,\n    }: {\n      text: string\n      attachments?: DenormalizedAttachmentResourceForCreate[]\n    }) => {\n      const requestParams = getMessagesRequestArgs({ conversation_id: conversationId })\n      const fieldsWithValueJoined = Object.fromEntries(\n        Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')])\n      )\n\n      return apiClient.chat.post<ApiResource<MessageResource>>({\n        url: `/me/conversations/${conversationId}/messages`,\n        data: {\n          ...requestParams.data,\n          data: {\n            type: 'Message',\n            attributes: { text, ...(attachments ? { attachments } : {}) },\n          },\n          fields: fieldsWithValueJoined,\n        },\n      })\n    },\n    onSuccess: (result: ApiResource<MessageResource>) => {\n      const updatedMessage = result.data\n      type QueryData = InfiniteData<ApiCollection<MessageResource>>\n      const queryKey = getMessagesQueryKey({ conversation_id: conversationId })\n\n      chatQueryClient.setQueryData<QueryData>(queryKey, data =>\n        updateOrCreateRecordInPagesData({\n          data,\n          record: updatedMessage,\n        })\n      )\n    },\n  })\n\n  return mutation\n}\n"]}

package/build/hooks/use_suspense_api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_suspense_api.d.ts","sourceRoot":"","sources":["../../src/hooks/use_suspense_api.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kCAAkC,EAClC,YAAY,EAGb,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,UAAU,EAAe,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAgB,MAAM,kBAAkB,CAAA;AAEpD,UAAU,kBAAmB,SAAQ,UAAU;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAA;CACV;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,QAClE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CASzB,CAAA;AAOD,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,kCAAkC,EAClC,kBAAkB,GAAG,kBAAkB,GAAG,SAAS,GAAG,UAAU,CACjE,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,cAAc,QACrD,kBAAkB,SACjB,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwChC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,CAAC,KAAK,CAAC;IACzB,kBAAkB,CAAC,MAAM,CAAC;IAC1B,kBAAkB,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,KAAK,CAAC;CAC1B,CAAA;AACD,eAAO,MAAM,kBAAkB,SAAU,kBAAkB,KAAG,eAK7D,CAAA"}
+{"version":3,"file":"use_suspense_api.d.ts","sourceRoot":"","sources":["../../src/hooks/use_suspense_api.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kCAAkC,EAClC,YAAY,EAGb,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,UAAU,EAAe,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAgB,MAAM,kBAAkB,CAAA;AAEpD,UAAU,kBAAmB,SAAQ,UAAU;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAA;CACV;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,QAClE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CAezB,CAAA;AAOD,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,kCAAkC,EAClC,kBAAkB,GAAG,kBAAkB,GAAG,SAAS,GAAG,UAAU,CACjE,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,cAAc,QACrD,kBAAkB,SACjB,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwChC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,CAAC,KAAK,CAAC;IACzB,kBAAkB,CAAC,MAAM,CAAC;IAC1B,kBAAkB,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,KAAK,CAAC;CAC1B,CAAA;AACD,eAAO,MAAM,kBAAkB,SAAU,kBAAkB,KAAG,eAK7D,CAAA"}

package/build/hooks/use_suspense_api.js

@@ -1,8 +1,13 @@
 import { useSuspenseInfiniteQuery, useSuspenseQuery, } from '@tanstack/react-query';
 import { useApiClient } from './use_api_client';
 export const useSuspenseGet = (args) => {
+    const apiClient = useApiClient();
     const { data, ...query } = useSuspenseQuery({
         queryKey: getRequestQueryKey(args),
+        queryFn: ({ queryKey }) => {
+            const [url, d, headers, app = 'chat'] = queryKey;
+            return apiClient[app].get({ url, data: d, headers });
+        },
     });
     return { ...data, ...query };
 };

package/build/hooks/use_suspense_api.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_suspense_api.js","sourceRoot":"","sources":["../../src/hooks/use_suspense_api.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,wBAAwB,EACxB,gBAAgB,GACjB,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAO,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAMpD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,IAAwB,EACxB,EAAE;IAGF,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,gBAAgB,CAAqB;QAC9D,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;KACnC,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,CAAA;AAC9B,CAAC,CAAA;AAYD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,IAAwB,EACxB,IAA+B,EAC/B,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,KAAK,GAAG,wBAAwB,CAMpC;QACA,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;QAClC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;YACzB,MAAM,aAAa,GAAG,SAAS,EAAE,KAAK,IAAI,EAAE,CAAA;YAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;YACvC,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,aAAa,EAAE,CAAA;YAChD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,MAAM,CAAA;YAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAA;YACpD,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;YAE5C,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;gBACxB,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,IAAI;aACL,CAAC,CAAA;QACJ,CAAC;QACD,gBAAgB,EAAE,EAA0B;QAC5C,gBAAgB,EAAE,QAAQ,CAAC,EAAE;YAC3B,MAAM,IAAI,GAAa,QAAQ,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAA;YAChD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;YAE7B,IAAI,IAAI;gBAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAA;YAC3C,IAAI,MAAM;gBAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAA;YAE7C,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,IAAI,GAAQ,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IAEpE,OAAO,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA;AAC3B,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAwB,EAAmB,EAAE,CAAC;IAC/E,IAAI,CAAC,GAAG;IACR,IAAI,CAAC,IAAI;IACT,IAAI,CAAC,OAAO;IACZ,IAAI,CAAC,GAAG,IAAI,MAAM;CACnB,CAAA","sourcesContent":["import {\n  AnyUseSuspenseInfiniteQueryOptions,\n  InfiniteData,\n  useSuspenseInfiniteQuery,\n  useSuspenseQuery,\n} from '@tanstack/react-query'\nimport { ApiCollection, ApiResource, ResourceObject } from '../types'\nimport { GetRequest, RequestData } from '../utils/client/types'\nimport { App, useApiClient } from './use_api_client'\n\ninterface SuspenseGetOptions extends GetRequest {\n  app?: App\n}\n\nexport const useSuspenseGet = <T extends ResourceObject | ResourceObject[]>(\n  args: SuspenseGetOptions\n) => {\n  type Resource = ApiResource<T>\n\n  const { data, ...query } = useSuspenseQuery<Resource, Response>({\n    queryKey: getRequestQueryKey(args),\n  })\n\n  return { ...data, ...query }\n}\n\ntype NextMeta = Partial<{\n  offset: string\n  idLt: string\n}>\n\nexport type SuspensePaginatorOptions = Omit<\n  AnyUseSuspenseInfiniteQueryOptions,\n  'getNextPageParam' | 'initialPageParam' | 'queryFn' | 'queryKey'\n>\n\nexport const useSuspensePaginator = <T extends ResourceObject>(\n  args: SuspenseGetOptions,\n  opts?: SuspensePaginatorOptions\n) => {\n  const apiClient = useApiClient()\n  const query = useSuspenseInfiniteQuery<\n    ApiCollection<T>,\n    Response,\n    InfiniteData<ApiCollection<T>>,\n    any,\n    Partial<RequestData> | undefined\n  >({\n    queryKey: getRequestQueryKey(args),\n    queryFn: ({ pageParam }) => {\n      const pageParmWhere = pageParam?.where || {}\n      const argsWhere = args.data.where || {}\n      const where = { ...argsWhere, ...pageParmWhere }\n      const app = args.app || 'chat'\n      const offset = pageParam?.offset || args.data.offset\n      const data = { ...args.data, where, offset }\n\n      return apiClient[app].get({\n        url: args.url,\n        data,\n      })\n    },\n    initialPageParam: {} as Partial<RequestData>,\n    getNextPageParam: lastPage => {\n      const next: NextMeta = lastPage.meta?.next || {}\n      const { offset, idLt } = next\n\n      if (idLt) return { where: { id_lt: idLt } }\n      if (offset) return { offset: Number(offset) }\n\n      return undefined\n    },\n    ...(opts || {}),\n  })\n\n  const data: T[] = query.data?.pages.flatMap(page => page.data) || []\n\n  return { ...query, data }\n}\n\nexport type RequestQueryKey = [\n  SuspenseGetOptions['url'],\n  SuspenseGetOptions['data'],\n  SuspenseGetOptions['headers'],\n  SuspenseGetOptions['app'],\n]\nexport const getRequestQueryKey = (args: SuspenseGetOptions): RequestQueryKey => [\n  args.url,\n  args.data,\n  args.headers,\n  args.app || 'chat',\n]\n"]}
+{"version":3,"file":"use_suspense_api.js","sourceRoot":"","sources":["../../src/hooks/use_suspense_api.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,wBAAwB,EACxB,gBAAgB,GACjB,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAO,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAMpD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,IAAwB,EACxB,EAAE;IAEF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,gBAAgB,CAAqB;QAC9D,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;QAClC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;YACxB,MAAM,CAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,GAAG,MAAM,CAAC,GAAG,QAA2B,CAAA;YAEnE,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAsB,CAAA;QAC3E,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,CAAA;AAC9B,CAAC,CAAA;AAYD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,IAAwB,EACxB,IAA+B,EAC/B,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,KAAK,GAAG,wBAAwB,CAMpC;QACA,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;QAClC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;YACzB,MAAM,aAAa,GAAG,SAAS,EAAE,KAAK,IAAI,EAAE,CAAA;YAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;YACvC,MAAM,KAAK,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,aAAa,EAAE,CAAA;YAChD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,MAAM,CAAA;YAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAA;YACpD,MAAM,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;YAE5C,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;gBACxB,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,IAAI;aACL,CAAC,CAAA;QACJ,CAAC;QACD,gBAAgB,EAAE,EAA0B;QAC5C,gBAAgB,EAAE,QAAQ,CAAC,EAAE;YAC3B,MAAM,IAAI,GAAa,QAAQ,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAA;YAChD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;YAE7B,IAAI,IAAI;gBAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAA;YAC3C,IAAI,MAAM;gBAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAA;YAE7C,OAAO,SAAS,CAAA;QAClB,CAAC;QACD,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,IAAI,GAAQ,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IAEpE,OAAO,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA;AAC3B,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAwB,EAAmB,EAAE,CAAC;IAC/E,IAAI,CAAC,GAAG;IACR,IAAI,CAAC,IAAI;IACT,IAAI,CAAC,OAAO;IACZ,IAAI,CAAC,GAAG,IAAI,MAAM;CACnB,CAAA","sourcesContent":["import {\n  AnyUseSuspenseInfiniteQueryOptions,\n  InfiniteData,\n  useSuspenseInfiniteQuery,\n  useSuspenseQuery,\n} from '@tanstack/react-query'\nimport { ApiCollection, ApiResource, ResourceObject } from '../types'\nimport { GetRequest, RequestData } from '../utils/client/types'\nimport { App, useApiClient } from './use_api_client'\n\ninterface SuspenseGetOptions extends GetRequest {\n  app?: App\n}\n\nexport const useSuspenseGet = <T extends ResourceObject | ResourceObject[]>(\n  args: SuspenseGetOptions\n) => {\n  type Resource = ApiResource<T>\n  const apiClient = useApiClient()\n\n  const { data, ...query } = useSuspenseQuery<Resource, Response>({\n    queryKey: getRequestQueryKey(args),\n    queryFn: ({ queryKey }) => {\n      const [url, d, headers, app = 'chat'] = queryKey as RequestQueryKey\n\n      return apiClient[app].get({ url, data: d, headers }) as Promise<Resource>\n    },\n  })\n\n  return { ...data, ...query }\n}\n\ntype NextMeta = Partial<{\n  offset: string\n  idLt: string\n}>\n\nexport type SuspensePaginatorOptions = Omit<\n  AnyUseSuspenseInfiniteQueryOptions,\n  'getNextPageParam' | 'initialPageParam' | 'queryFn' | 'queryKey'\n>\n\nexport const useSuspensePaginator = <T extends ResourceObject>(\n  args: SuspenseGetOptions,\n  opts?: SuspensePaginatorOptions\n) => {\n  const apiClient = useApiClient()\n  const query = useSuspenseInfiniteQuery<\n    ApiCollection<T>,\n    Response,\n    InfiniteData<ApiCollection<T>>,\n    any,\n    Partial<RequestData> | undefined\n  >({\n    queryKey: getRequestQueryKey(args),\n    queryFn: ({ pageParam }) => {\n      const pageParmWhere = pageParam?.where || {}\n      const argsWhere = args.data.where || {}\n      const where = { ...argsWhere, ...pageParmWhere }\n      const app = args.app || 'chat'\n      const offset = pageParam?.offset || args.data.offset\n      const data = { ...args.data, where, offset }\n\n      return apiClient[app].get({\n        url: args.url,\n        data,\n      })\n    },\n    initialPageParam: {} as Partial<RequestData>,\n    getNextPageParam: lastPage => {\n      const next: NextMeta = lastPage.meta?.next || {}\n      const { offset, idLt } = next\n\n      if (idLt) return { where: { id_lt: idLt } }\n      if (offset) return { offset: Number(offset) }\n\n      return undefined\n    },\n    ...(opts || {}),\n  })\n\n  const data: T[] = query.data?.pages.flatMap(page => page.data) || []\n\n  return { ...query, data }\n}\n\nexport type RequestQueryKey = [\n  SuspenseGetOptions['url'],\n  SuspenseGetOptions['data'],\n  SuspenseGetOptions['headers'],\n  SuspenseGetOptions['app'],\n]\nexport const getRequestQueryKey = (args: SuspenseGetOptions): RequestQueryKey => [\n  args.url,\n  args.data,\n  args.headers,\n  args.app || 'chat',\n]\n"]}

package/build/hooks/use_teams.d.ts

@@ -1,7 +1,7 @@
 import { GroupResource } from '../types/resources/group_resource';
 export declare const useTeams: () => {
     data: GroupResource[];
-    error: Response;
+    error: import("..").ApiError;
     isError: true;
     isPending: false;
     isLoading: false;
@@ -10,8 +10,8 @@ export declare const useTeams: () => {
     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("..").ApiCollection<GroupResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchNextPageError: boolean;
@@ -21,7 +21,7 @@ export declare const useTeams: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("..").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -30,7 +30,7 @@ export declare const useTeams: () => {
     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("..").ApiCollection<GroupResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
     promise: Promise<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>>;
 } | {
@@ -46,8 +46,8 @@ export declare const useTeams: () => {
     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("..").ApiCollection<GroupResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -55,7 +55,7 @@ export declare const useTeams: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("..").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -64,12 +64,12 @@ export declare const useTeams: () => {
     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("..").ApiCollection<GroupResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
     promise: Promise<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>>;
 } | {
     data: GroupResource[];
-    error: Response;
+    error: import("..").ApiError;
     isError: true;
     isPending: false;
     isLoading: false;
@@ -80,8 +80,8 @@ export declare const useTeams: () => {
     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("..").ApiCollection<GroupResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -89,7 +89,7 @@ export declare const useTeams: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("..").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -98,7 +98,7 @@ export declare const useTeams: () => {
     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("..").ApiCollection<GroupResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
     promise: Promise<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>>;
 } | {
@@ -114,8 +114,8 @@ export declare const useTeams: () => {
     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("..").ApiCollection<GroupResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -123,7 +123,7 @@ export declare const useTeams: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("..").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -132,7 +132,7 @@ export declare const useTeams: () => {
     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("..").ApiCollection<GroupResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
     promise: Promise<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>>;
 } | {
@@ -147,8 +147,8 @@ export declare const useTeams: () => {
     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("..").ApiCollection<GroupResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -156,7 +156,7 @@ export declare const useTeams: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("..").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -166,7 +166,7 @@ export declare const useTeams: () => {
     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("..").ApiCollection<GroupResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
     promise: Promise<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>>;
 } | {
@@ -182,8 +182,8 @@ export declare const useTeams: () => {
     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("..").ApiCollection<GroupResource>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -191,7 +191,7 @@ export declare const useTeams: () => {
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: import("..").ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -200,7 +200,7 @@ export declare const useTeams: () => {
     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("..").ApiCollection<GroupResource>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>, import("..").ApiError>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
     promise: Promise<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<GroupResource>, unknown>>;
 };

package/build/index.d.ts

@@ -1,8 +1,8 @@
 export * from './contexts/chat_context';
-export { ApiProvider } from './contexts/api_provider';
+export { ApiProvider, chatQueryClient } from './contexts/api_provider';
 export { DesignSystemScreen } from './screens';
 export * from './navigation';
 export * from './types';
 export * from './utils/client';
-export { TemporaryDefaultColorsType, ChatAdapters, ClipboardAdapter, Session, platformFontWeightBold, } from './utils';
+export { TemporaryDefaultColorsType, ChatAdapters, ClipboardAdapter, Session, Uri, platformFontWeightBold, } from './utils';
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAC9C,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EACL,0BAA0B,EAC1B,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,sBAAsB,GACvB,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAC9C,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EACL,0BAA0B,EAC1B,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,GAAG,EACH,sBAAsB,GACvB,MAAM,SAAS,CAAA"}

package/build/index.js

@@ -1,8 +1,8 @@
 export * from './contexts/chat_context';
-export { ApiProvider } from './contexts/api_provider';
+export { ApiProvider, chatQueryClient } from './contexts/api_provider';
 export { DesignSystemScreen } from './screens';
 export * from './navigation';
 export * from './types';
 export * from './utils/client';
-export { ChatAdapters, ClipboardAdapter, Session, platformFontWeightBold, } from './utils';
+export { ChatAdapters, ClipboardAdapter, Session, Uri, platformFontWeightBold, } from './utils';
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAC9C,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAEL,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,sBAAsB,GACvB,MAAM,SAAS,CAAA","sourcesContent":["export * from './contexts/chat_context'\nexport { ApiProvider } from './contexts/api_provider'\nexport { DesignSystemScreen } from './screens'\nexport * from './navigation'\nexport * from './types'\nexport * from './utils/client'\n\nexport {\n  TemporaryDefaultColorsType,\n  ChatAdapters,\n  ClipboardAdapter,\n  Session,\n  platformFontWeightBold,\n} from './utils'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAC9C,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAEL,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,GAAG,EACH,sBAAsB,GACvB,MAAM,SAAS,CAAA","sourcesContent":["export * from './contexts/chat_context'\nexport { ApiProvider, chatQueryClient } from './contexts/api_provider'\nexport { DesignSystemScreen } from './screens'\nexport * from './navigation'\nexport * from './types'\nexport * from './utils/client'\n\nexport {\n  TemporaryDefaultColorsType,\n  ChatAdapters,\n  ClipboardAdapter,\n  Session,\n  Uri,\n  platformFontWeightBold,\n} from './utils'\n"]}

package/build/navigation/index.d.ts

@@ -5,10 +5,11 @@ import { ConversationDetailsScreen } from '../screens/conversation_details_scree
 import { ConversationScreen } from '../screens/conversation_screen';
 import { ConversationsScreen } from '../screens/conversations/conversations_screen';
 import { MessageActionsScreen } from '../screens/message_actions_screen';
+import { SendGiphyScreen } from '../screens/send_giphy_screen';
 import { NotFound } from '../screens/not_found';
 import { ReactionsScreen } from '../screens/reactions_screen';
 import { ScreenLayout } from './screenLayout';
-export declare const CreateConversationStack: import("@react-navigation/native").TypedNavigator<{
+export declare const NewConversationStack: import("@react-navigation/native").TypedNavigator<{
     ParamList: import("@react-navigation/native").ParamListBase;
     NavigatorID: undefined;
     State: import("@react-navigation/native").StackNavigationState<import("@react-navigation/native").ParamListBase>;
@@ -26,42 +27,53 @@ export declare const CreateConversationStack: import("@react-navigation/native")
     readonly screenLayout: typeof ScreenLayout;
     readonly screens: {
         readonly ConversationSelectRecipients: {
-            readonly screen: ({}: {
-                route: {
-                    params: {
-                        chat_group_graph_id?: string;
-                    };
-                };
-            }) => React.JSX.Element;
+            readonly screen: ({ route, }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => React.JSX.Element;
             readonly options: ({ navigation }: {
                 route: import("@react-navigation/native").RouteProp<import("@react-navigation/native").ParamListBase, string>;
                 navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/native").ParamListBase, string, undefined>;
                 theme: ReactNavigation.Theme;
+            }) => {
+                title: string;
+                headerRight: (props: NativeStackHeaderRightProps) => React.JSX.Element;
+                headerBackVisible: false;
+            };
+        };
+        readonly ConversationSelectGroupRecipients: {
+            readonly screen: ({ route, }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => React.JSX.Element;
+            readonly options: ({ navigation, route }: {
+                route: import("@react-navigation/native").RouteProp<import("@react-navigation/native").ParamListBase, string>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/native").ParamListBase, string, undefined>;
+                theme: ReactNavigation.Theme;
             }) => {
                 title: string;
                 headerRight: (props: NativeStackHeaderRightProps) => React.JSX.Element;
             };
         };
         readonly ConversationFilterRecipients: {
-            readonly screen: ({}: {
-                route: {
-                    params: {};
-                };
-            }) => React.JSX.Element;
+            readonly screen: ({}: import("../screens/conversation_filter_recipients/types").ConversationFilterRecipientsScreenProps) => React.JSX.Element;
             readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
         };
-        readonly ConversationCreate: {
+        readonly ConversationNew: {
             readonly screen: ({ route }: {
                 route: {
                     params: {
-                        group_id?: string;
-                        team_ids?: string[];
+                        group_id?: number;
+                        team_ids?: number[];
+                        plan_id?: number;
+                        source_app_name: import("../types/resources/app_name").AppName;
+                        chat_group_graph_id?: import("../types/resources/group_resource").GraphId;
+                        group_source_app_name?: import("../types/resources/app_name").AppName;
                     };
                 };
             }) => React.JSX.Element;
-            readonly options: {
-                readonly title: "New conversation";
-                readonly headerLeft: () => null;
+            readonly options: ({ navigation, route }: {
+                route: import("@react-navigation/native").RouteProp<import("@react-navigation/native").ParamListBase, string>;
+                navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/native").ParamListBase, string, undefined>;
+                theme: ReactNavigation.Theme;
+            }) => {
+                title: string;
+                headerLeft: () => null;
+                headerRight: (props: NativeStackHeaderRightProps) => React.JSX.Element;
             };
         };
     };
@@ -120,7 +132,7 @@ export declare const ChatStack: import("@react-navigation/native").TypedNavigato
                 headerRight: (props: NativeStackHeaderRightProps) => React.JSX.Element;
             };
         };
-        readonly Create: {
+        readonly New: {
             readonly screen: import("@react-navigation/native").TypedNavigator<{
                 ParamList: import("@react-navigation/native").ParamListBase;
                 NavigatorID: undefined;
@@ -139,42 +151,53 @@ export declare const ChatStack: import("@react-navigation/native").TypedNavigato
                 readonly screenLayout: typeof ScreenLayout;
                 readonly screens: {
                     readonly ConversationSelectRecipients: {
-                        readonly screen: ({}: {
-                            route: {
-                                params: {
-                                    chat_group_graph_id?: string;
-                                };
-                            };
-                        }) => React.JSX.Element;
+                        readonly screen: ({ route, }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => React.JSX.Element;
                         readonly options: ({ navigation }: {
                             route: import("@react-navigation/native").RouteProp<import("@react-navigation/native").ParamListBase, string>;
                             navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/native").ParamListBase, string, undefined>;
                             theme: ReactNavigation.Theme;
+                        }) => {
+                            title: string;
+                            headerRight: (props: NativeStackHeaderRightProps) => React.JSX.Element;
+                            headerBackVisible: false;
+                        };
+                    };
+                    readonly ConversationSelectGroupRecipients: {
+                        readonly screen: ({ route, }: import("../screens/conversation_select_recipients/types/screen_props").ConversationSelectRecipientsScreenProps) => React.JSX.Element;
+                        readonly options: ({ navigation, route }: {
+                            route: import("@react-navigation/native").RouteProp<import("@react-navigation/native").ParamListBase, string>;
+                            navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/native").ParamListBase, string, undefined>;
+                            theme: ReactNavigation.Theme;
                         }) => {
                             title: string;
                             headerRight: (props: NativeStackHeaderRightProps) => React.JSX.Element;
                         };
                     };
                     readonly ConversationFilterRecipients: {
-                        readonly screen: ({}: {
-                            route: {
-                                params: {};
-                            };
-                        }) => React.JSX.Element;
+                        readonly screen: ({}: import("../screens/conversation_filter_recipients/types").ConversationFilterRecipientsScreenProps) => React.JSX.Element;
                         readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
                     };
-                    readonly ConversationCreate: {
+                    readonly ConversationNew: {
                         readonly screen: ({ route }: {
                             route: {
                                 params: {
-                                    group_id?: string;
-                                    team_ids?: string[];
+                                    group_id?: number;
+                                    team_ids?: number[];
+                                    plan_id?: number;
+                                    source_app_name: import("../types/resources/app_name").AppName;
+                                    chat_group_graph_id?: import("../types/resources/group_resource").GraphId;
+                                    group_source_app_name?: import("../types/resources/app_name").AppName;
                                 };
                             };
                         }) => React.JSX.Element;
-                        readonly options: {
-                            readonly title: "New conversation";
-                            readonly headerLeft: () => null;
+                        readonly options: ({ navigation, route }: {
+                            route: import("@react-navigation/native").RouteProp<import("@react-navigation/native").ParamListBase, string>;
+                            navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("@react-navigation/native").ParamListBase, string, undefined>;
+                            theme: ReactNavigation.Theme;
+                        }) => {
+                            title: string;
+                            headerLeft: () => null;
+                            headerRight: (props: NativeStackHeaderRightProps) => React.JSX.Element;
                         };
                     };
                 };
@@ -184,6 +207,10 @@ export declare const ChatStack: import("@react-navigation/native").TypedNavigato
                 readonly presentation: "modal";
             };
         };
+        readonly SendGiphy: {
+            readonly screen: typeof SendGiphyScreen;
+            readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;
+        };
         readonly MessageActions: {
             readonly screen: typeof MessageActionsScreen;
             readonly options: import("@react-navigation/native-stack").NativeStackNavigationOptions;

package/build/navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAEL,2BAA2B,EAC5B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AAOnF,OAAO,EACL,oBAAoB,EAErB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAA0B,MAAM,6BAA6B,CAAA;AAErF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAO7C,eAAO,MAAM,uBAAuB;;;;;;;;;uOArBiC,mBACjE;;;;;;;;;;;;;;;;;;;uBA8I+nb,gBAAiB,KAAK;;;qCA/G5nb,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBtD,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;uBA0F6mb,gBAAiB,KAAK;;;qCAhF5nb,2BAA2B;;;;;;;;;;;;uBAgF2kb,gBAAiB,KAAK;;;;;;;;;;;uBAAtB,gBAAiB,KAAK;;;;qCA1C5nb,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDA0C4lb,KAAK;;;iDA/G5nb,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsGtD,CAAA;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,SAAS,CAAC,CAAA;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,eAAe,CAAC;QACxB,UAAU,aAAc,SAAQ,kBAAkB;SAAG;KACtD;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAEL,2BAA2B,EAC5B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAA;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AAOnF,OAAO,EACL,oBAAoB,EAErB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,eAAe,EAA0B,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAA0B,MAAM,6BAA6B,CAAA;AAErF,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAQ7C,eAAO,MAAM,oBAAoB;;;;;;;;;uOAvBoC,mBACjE;;;;;;;;;;;;;uBA2KqgZ,gBAAiB,KAAK;;;qCA1IlgZ,2BAA2B;;;;;;;;;uBA0Ii9Y,gBAAiB,KAAK;;;qCA9HlgZ,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;uBA8Hi9Y,gBAAiB,KAAK;;;;qCA3GlgZ,2BAA2B;;;;EAWtD,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;uBA8Fm/Y,gBAAiB,KAAK;;;qCApFlgZ,2BAA2B;;;;;;;;;;;;uBAoFi9Y,gBAAiB,KAAK;;;;;;;;;;;uBAAtB,gBAAiB,KAAK;;;;qCA9ClgZ,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;mDA8Ck+Y,KAAK;;;iDA1IlgZ,2BAA2B;;;;;;;;;mDA0Ik+Y,KAAK;;;iDA9HlgZ,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;mDA8Hk+Y,KAAK;;;;iDA3GlgZ,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkGtD,CAAA;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,SAAS,CAAC,CAAA;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,eAAe,CAAC;QACxB,UAAU,aAAc,SAAQ,kBAAkB;SAAG;KACtD;CACF"}

package/build/navigation/index.js

@@ -5,16 +5,18 @@ import { Icon } from '../components';
 import { ConversationDetailsScreen } from '../screens/conversation_details_screen';
 import { ConversationScreen } from '../screens/conversation_screen';
 import { ConversationsScreen } from '../screens/conversations/conversations_screen';
-import { ConversationCreateScreen } from '../screens/create/conversation_create_screen';
-import { ConversationFilterReceipientsScreenOptions, ConversationFilterRecipientsScreen, } from '../screens/create/conversation_filter_recipients_screen';
-import { ConversationSelectRecipientsScreen } from '../screens/create/conversation_select_recipients_screen';
+import { ConversationNewScreen } from '../screens/conversation_new/conversation_new_screen';
+import { ConversationFilterReceipientsScreenOptions, ConversationFilterRecipientsScreen, } from '../screens/conversation_filter_recipients/conversation_filter_recipients_screen';
+import { ConversationSelectRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_recipients_screen';
 import { MessageActionsScreen, MessageActionsScreenOptions, } from '../screens/message_actions_screen';
+import { SendGiphyScreen, SendGiphyScreenOptions } from '../screens/send_giphy_screen';
 import { NotFound } from '../screens/not_found';
 import { ReactionsScreen, ReactionsScreenOptions } from '../screens/reactions_screen';
 import { HeaderRightButton } from './header';
 import { ScreenLayout } from './screenLayout';
 import { ConversationFiltersScreen, ConversationFiltersScreenOptions, } from '../screens/conversation_filters_screen';
-export const CreateConversationStack = createNativeStackNavigator({
+import { ConversationSelectGroupRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_group_recipients_screen';
+export const NewConversationStack = createNativeStackNavigator({
     initialRouteName: 'ConversationSelectRecipients',
     screenOptions: {
         headerBackButtonDisplayMode: 'minimal',
@@ -27,6 +29,16 @@ export const CreateConversationStack = createNativeStackNavigator({
                 title: 'New conversation',
                 headerRight: (props) => (<HeaderRightButton {...props} onPress={navigation.goBack}>
             Cancel
+          </HeaderRightButton>),
+                headerBackVisible: false,
+            }),
+        },
+        ConversationSelectGroupRecipients: {
+            screen: ConversationSelectGroupRecipientsScreen,
+            options: ({ navigation, route }) => ({
+                title: 'New conversation',
+                headerRight: (props) => (<HeaderRightButton {...props} onPress={() => navigation.popTo('Conversations', route.params)}>
+            Cancel
           </HeaderRightButton>),
             }),
         },
@@ -34,12 +46,15 @@ export const CreateConversationStack = createNativeStackNavigator({
             screen: ConversationFilterRecipientsScreen,
             options: ConversationFilterReceipientsScreenOptions,
         },
-        ConversationCreate: {
-            screen: ConversationCreateScreen,
-            options: {
+        ConversationNew: {
+            screen: ConversationNewScreen,
+            options: ({ navigation, route }) => ({
                 title: 'New conversation',
                 headerLeft: () => null,
-            },
+                headerRight: (props) => (<HeaderRightButton {...props} onPress={() => navigation.popTo('Conversations', route.params)}>
+            Cancel
+          </HeaderRightButton>),
+            }),
         },
     },
 });
@@ -85,13 +100,17 @@ export const ChatStack = createNativeStackNavigator({
           </HeaderRightButton>),
             }),
         },
-        Create: {
-            screen: CreateConversationStack,
+        New: {
+            screen: NewConversationStack,
             options: {
                 headerShown: false,
                 presentation: 'modal',
             },
         },
+        SendGiphy: {
+            screen: SendGiphyScreen,
+            options: SendGiphyScreenOptions,
+        },
         MessageActions: {
             screen: MessageActionsScreen,
             // Something about sheetAllowedDetents declared inline breaks TS