@planningcenter/chat-react-native 3.2.0-rc.9 → 3.3.0

package/build/hooks/use_api.d.ts

@@ -1,5 +1,5 @@
 import { AnyUseSuspenseInfiniteQueryOptions, InfiniteData } from '@tanstack/react-query';
-import { ApiCollection, ApiResource, ResourceObject } from '../types';
+import { ApiCollection, ApiError, ApiResource, ResourceObject } from '../types';
 import { GetRequest } from '../utils/client/types';
 import { App } from './use_api_client';
 interface ApiGetOptions extends GetRequest {
@@ -7,7 +7,7 @@ interface ApiGetOptions extends GetRequest {
     enabled?: boolean;
 }
 export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(args: ApiGetOptions) => {
-    error: Response;
+    error: ApiError;
     isError: true;
     isPending: false;
     isLoading: false;
@@ -19,7 +19,7 @@ export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(ar
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -28,7 +28,7 @@ export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(ar
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, ApiError>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<ApiResource<T>>;
     data?: T | undefined;
@@ -47,7 +47,7 @@ export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(ar
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -56,14 +56,14 @@ export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(ar
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, ApiError>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<ApiResource<T>>;
     data?: T | undefined;
     links?: Record<string, string> | undefined;
     meta?: Record<string, unknown> | undefined;
 } | {
-    error: Response;
+    error: ApiError;
     isError: true;
     isPending: false;
     isLoading: false;
@@ -75,7 +75,7 @@ export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(ar
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -84,7 +84,7 @@ export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(ar
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, ApiError>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<ApiResource<T>>;
     data?: T | undefined;
@@ -103,7 +103,7 @@ export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(ar
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -112,7 +112,7 @@ export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(ar
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, ApiError>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<ApiResource<T>>;
     data?: T | undefined;
@@ -130,7 +130,7 @@ export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(ar
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -140,7 +140,7 @@ export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(ar
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, ApiError>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<ApiResource<T>>;
     data?: T | undefined;
@@ -159,7 +159,7 @@ export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(ar
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -168,17 +168,17 @@ export declare const useApiGet: <T extends ResourceObject | ResourceObject[]>(ar
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<T>, ApiError>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<ApiResource<T>>;
     data?: T | undefined;
     links?: Record<string, string> | undefined;
     meta?: Record<string, unknown> | undefined;
 };
-export type SuspensePaginatorOptions = Omit<AnyUseSuspenseInfiniteQueryOptions, 'getNextPageParam' | 'initialPageParam' | 'queryFn' | 'queryKey'>;
-export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOptions, opts?: SuspensePaginatorOptions) => {
+export type PaginatorOptions = Omit<AnyUseSuspenseInfiniteQueryOptions, 'getNextPageParam' | 'initialPageParam' | 'queryFn' | 'queryKey'>;
+export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOptions, opts?: PaginatorOptions) => {
     data: T[];
-    error: Response;
+    error: ApiError;
     isError: true;
     isPending: false;
     isLoading: false;
@@ -187,8 +187,8 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     isSuccess: false;
     isPlaceholderData: false;
     status: "error";
-    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchNextPageError: boolean;
@@ -198,7 +198,7 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -207,7 +207,7 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<InfiniteData<ApiCollection<T>, unknown>>;
 } | {
@@ -223,8 +223,8 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     isSuccess: true;
     isPlaceholderData: false;
     status: "success";
-    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -232,7 +232,7 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -241,12 +241,12 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<InfiniteData<ApiCollection<T>, unknown>>;
 } | {
     data: T[];
-    error: Response;
+    error: ApiError;
     isError: true;
     isPending: false;
     isLoading: false;
@@ -257,8 +257,8 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     isSuccess: false;
     isPlaceholderData: false;
     status: "error";
-    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -266,7 +266,7 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -275,7 +275,7 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<InfiniteData<ApiCollection<T>, unknown>>;
 } | {
@@ -291,8 +291,8 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     isSuccess: false;
     isPlaceholderData: false;
     status: "pending";
-    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -300,7 +300,7 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -309,7 +309,7 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<InfiniteData<ApiCollection<T>, unknown>>;
 } | {
@@ -324,8 +324,8 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     isSuccess: false;
     isPlaceholderData: false;
     status: "pending";
-    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -333,7 +333,7 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -343,7 +343,7 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<InfiniteData<ApiCollection<T>, unknown>>;
 } | {
@@ -359,8 +359,8 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     isFetchNextPageError: false;
     isFetchPreviousPageError: false;
     status: "success";
-    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
-    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -368,7 +368,7 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: Response | null;
+    failureReason: ApiError | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -377,7 +377,7 @@ export declare const useApiPaginator: <T extends ResourceObject>(args: ApiGetOpt
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, Response>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<ApiCollection<T>, unknown>, ApiError>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<InfiniteData<ApiCollection<T>, unknown>>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"use_api.d.ts","sourceRoot":"","sources":["../../src/hooks/use_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;AAGpD,UAAU,aAAc,SAAQ,UAAU;IACxC,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,QAAQ,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASzF,CAAA;AAOD,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,kCAAkC,EAClC,kBAAkB,GAAG,kBAAkB,GAAG,SAAS,GAAG,UAAU,CACjE,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,cAAc,QAChD,aAAa,SACZ,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyChC,CAAA"}
+{"version":3,"file":"use_api.d.ts","sourceRoot":"","sources":["../../src/hooks/use_api.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kCAAkC,EAClC,YAAY,EAGb,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/E,OAAO,EAAE,UAAU,EAAe,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,GAAG,EAAgB,MAAM,kBAAkB,CAAA;AAGpD,UAAU,aAAc,SAAQ,UAAU;IACxC,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,QAAQ,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAezF,CAAA;AAOD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,kCAAkC,EAClC,kBAAkB,GAAG,kBAAkB,GAAG,SAAS,GAAG,UAAU,CACjE,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,cAAc,QAChD,aAAa,SACZ,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCxB,CAAA"}

package/build/hooks/use_api.js

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

package/build/hooks/use_api.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_api.js","sourceRoot":"","sources":["../../src/hooks/use_api.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,gBAAgB,EAChB,QAAQ,GACT,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAO,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAOvD,MAAM,CAAC,MAAM,SAAS,GAAG,CAA8C,IAAmB,EAAE,EAAE;IAG5F,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,QAAQ,CAAqB;QACtD,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC;QAClC,OAAO,EAAE,IAAI,CAAC,OAAO;KACtB,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,CAAA;AAC9B,CAAC,CAAA;AAYD,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,IAAmB,EACnB,IAA+B,EAC/B,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,KAAK,GAAG,gBAAgB,CAM5B;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,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,IAAI,GAAQ,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IAErE,OAAO,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA;AAC3B,CAAC,CAAA","sourcesContent":["import {\n  AnyUseSuspenseInfiniteQueryOptions,\n  InfiniteData,\n  useInfiniteQuery,\n  useQuery,\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'\nimport { getRequestQueryKey } from './use_suspense_api'\n\ninterface ApiGetOptions extends GetRequest {\n  app?: App\n  enabled?: boolean\n}\n\nexport const useApiGet = <T extends ResourceObject | ResourceObject[]>(args: ApiGetOptions) => {\n  type Resource = ApiResource<T>\n\n  const { data, ...query } = useQuery<Resource, Response>({\n    queryKey: getRequestQueryKey(args),\n    enabled: args.enabled,\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 useApiPaginator = <T extends ResourceObject>(\n  args: ApiGetOptions,\n  opts?: SuspensePaginatorOptions\n) => {\n  const apiClient = useApiClient()\n  const query = useInfiniteQuery<\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    enabled: args.enabled,\n    ...(opts || {}),\n  })\n\n  const data: T[] = query.data?.pages?.flatMap(page => page.data) || []\n\n  return { ...query, data }\n}\n"]}
+{"version":3,"file":"use_api.js","sourceRoot":"","sources":["../../src/hooks/use_api.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,gBAAgB,EAChB,QAAQ,GACT,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAO,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,kBAAkB,EAAmB,MAAM,oBAAoB,CAAA;AAOxE,MAAM,CAAC,MAAM,SAAS,GAAG,CAA8C,IAAmB,EAAE,EAAE;IAE5F,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,QAAQ,CAAqB;QACtD,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;QACD,OAAO,EAAE,IAAI,CAAC,OAAO;KACtB,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,CAAA;AAC9B,CAAC,CAAA;AAYD,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,IAAmB,EACnB,IAAuB,EACvB,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,KAAK,GAAG,gBAAgB,CAM5B;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,CAAmB;gBAC1C,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,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,IAAI,GAAQ,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;IAErE,OAAO,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA;AAC3B,CAAC,CAAA","sourcesContent":["import {\n  AnyUseSuspenseInfiniteQueryOptions,\n  InfiniteData,\n  useInfiniteQuery,\n  useQuery,\n} from '@tanstack/react-query'\nimport { ApiCollection, ApiError, ApiResource, ResourceObject } from '../types'\nimport { GetRequest, RequestData } from '../utils/client/types'\nimport { App, useApiClient } from './use_api_client'\nimport { getRequestQueryKey, RequestQueryKey } from './use_suspense_api'\n\ninterface ApiGetOptions extends GetRequest {\n  app?: App\n  enabled?: boolean\n}\n\nexport const useApiGet = <T extends ResourceObject | ResourceObject[]>(args: ApiGetOptions) => {\n  type Resource = ApiResource<T>\n  const apiClient = useApiClient()\n\n  const { data, ...query } = useQuery<Resource, ApiError>({\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    enabled: args.enabled,\n  })\n\n  return { ...data, ...query }\n}\n\ntype NextMeta = Partial<{\n  offset: string\n  idLt: string\n}>\n\nexport type PaginatorOptions = Omit<\n  AnyUseSuspenseInfiniteQueryOptions,\n  'getNextPageParam' | 'initialPageParam' | 'queryFn' | 'queryKey'\n>\n\nexport const useApiPaginator = <T extends ResourceObject>(\n  args: ApiGetOptions,\n  opts?: PaginatorOptions\n) => {\n  const apiClient = useApiClient()\n  const query = useInfiniteQuery<\n    ApiCollection<T>,\n    ApiError,\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<ApiCollection<T>>({\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    enabled: args.enabled,\n    ...(opts || {}),\n  })\n\n  const data: T[] = query.data?.pages?.flatMap(page => page.data) || []\n\n  return { ...query, data }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"use_api_client.d.ts","sourceRoot":"","sources":["../../src/hooks/use_api_client.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AAGhD,MAAM,MAAM,SAAS,GAAG;KAAG,EAAE,IAAI,GAAG,GAAG,MAAM;CAAE,CAAA;AAE/C,eAAO,MAAM,YAAY,iBAiBxB,CAAA"}
+{"version":3,"file":"use_api_client.d.ts","sourceRoot":"","sources":["../../src/hooks/use_api_client.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAGxC,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA;AAGhD,MAAM,MAAM,SAAS,GAAG;KAAG,EAAE,IAAI,GAAG,GAAG,MAAM;CAAE,CAAA;AAE/C,eAAO,MAAM,YAAY,iBAoBxB,CAAA"}

package/build/hooks/use_api_client.js

@@ -1,18 +1,20 @@
 import { useContext, useMemo } from 'react';
 import { ChatContext } from '../contexts/chat_context';
 import { Client } from '../utils/client';
+import { Uri } from '../utils';
 const apps = ['chat', 'groups', 'services'];
 export const useApiClient = () => {
     const { session, onUnauthorizedResponse } = useContext(ChatContext);
+    const uri = useMemo(() => new Uri({ session }), [session]);
     const api = useMemo(() => apps.reduce((acc, app) => {
         acc[app] = new Client({
-            app,
-            session,
+            root: uri.api(`/${app}/v2`),
+            defaultHeaders: uri.headers,
             version: '2018-11-01',
             onUnauthorizedResponse,
         });
         return acc;
-    }, {}), [session, onUnauthorizedResponse]);
+    }, {}), [uri, onUnauthorizedResponse]);
     return api;
 };
 //# sourceMappingURL=use_api_client.js.map

package/build/hooks/use_api_client.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_api_client.js","sourceRoot":"","sources":["../../src/hooks/use_api_client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAGxC,MAAM,IAAI,GAAU,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAA;AAIlD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,OAAO,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACnE,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CACH,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QACvB,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,MAAM,CAAC;YACpB,GAAG;YACH,OAAO;YACP,OAAO,EAAE,YAAY;YACrB,sBAAsB;SACvB,CAAC,CAAA;QACF,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAe,CAAC,EACrB,CAAC,OAAO,EAAE,sBAAsB,CAAC,CAClC,CAAA;IAED,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA","sourcesContent":["import { useContext, useMemo } from 'react'\nimport { ChatContext } from '../contexts/chat_context'\nimport { Client } from '../utils/client'\n\nexport type App = 'chat' | 'groups' | 'services'\nconst apps: App[] = ['chat', 'groups', 'services']\n\nexport type ApiClient = { [_K in App]: Client }\n\nexport const useApiClient = () => {\n  const { session, onUnauthorizedResponse } = useContext(ChatContext)\n  const api = useMemo(\n    () =>\n      apps.reduce((acc, app) => {\n        acc[app] = new Client({\n          app,\n          session,\n          version: '2018-11-01',\n          onUnauthorizedResponse,\n        })\n        return acc\n      }, {} as ApiClient),\n    [session, onUnauthorizedResponse]\n  )\n\n  return api\n}\n"]}
+{"version":3,"file":"use_api_client.js","sourceRoot":"","sources":["../../src/hooks/use_api_client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAG9B,MAAM,IAAI,GAAU,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAA;AAIlD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,OAAO,EAAE,sBAAsB,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEnE,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAE1D,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CACH,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QACvB,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,MAAM,CAAC;YACpB,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC;YAC3B,cAAc,EAAE,GAAG,CAAC,OAAO;YAC3B,OAAO,EAAE,YAAY;YACrB,sBAAsB;SACvB,CAAC,CAAA;QACF,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,EAAe,CAAC,EACrB,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAC9B,CAAA;IAED,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA","sourcesContent":["import { useContext, useMemo } from 'react'\nimport { ChatContext } from '../contexts/chat_context'\nimport { Client } from '../utils/client'\nimport { Uri } from '../utils'\n\nexport type App = 'chat' | 'groups' | 'services'\nconst apps: App[] = ['chat', 'groups', 'services']\n\nexport type ApiClient = { [_K in App]: Client }\n\nexport const useApiClient = () => {\n  const { session, onUnauthorizedResponse } = useContext(ChatContext)\n\n  const uri = useMemo(() => new Uri({ session }), [session])\n\n  const api = useMemo(\n    () =>\n      apps.reduce((acc, app) => {\n        acc[app] = new Client({\n          root: uri.api(`/${app}/v2`),\n          defaultHeaders: uri.headers,\n          version: '2018-11-01',\n          onUnauthorizedResponse,\n        })\n        return acc\n      }, {} as ApiClient),\n    [uri, onUnauthorizedResponse]\n  )\n\n  return api\n}\n"]}

package/build/hooks/use_attachment_uploader.d.ts

@@ -0,0 +1,26 @@
+import { FileForUploadClient } from './use_upload_client';
+type AttachmentStatus = 'uploading' | 'success' | 'error';
+interface AttachmentFile extends FileForUploadClient {
+    size: number;
+    width?: number;
+    height?: number;
+}
+export interface FileAttachment {
+    id?: string;
+    file: AttachmentFile;
+    status: AttachmentStatus;
+}
+export declare function useAttachmentUploader({ conversationId }: {
+    conversationId: number;
+}): {
+    attachments: FileAttachment[];
+    attachmentIds: string[];
+    handleFilesAttached: (files: AttachmentFile[]) => void;
+    removeAttachment: (attachment: FileAttachment) => void;
+    reset: () => void;
+    pendingUploads: boolean;
+    errorMessage: string | null;
+    remainingAttachable: number;
+};
+export {};
+//# sourceMappingURL=use_attachment_uploader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_attachment_uploader.d.ts","sourceRoot":"","sources":["../../src/hooks/use_attachment_uploader.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAmB,MAAM,qBAAqB,CAAA;AAI1E,KAAK,gBAAgB,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAA;AAEzD,UAAU,cAAe,SAAQ,mBAAmB;IAClD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,cAAc,CAAA;IACpB,MAAM,EAAE,gBAAgB,CAAA;CACzB;AAkBD,wBAAgB,qBAAqB,CAAC,EAAE,cAAc,EAAE,EAAE;IAAE,cAAc,EAAE,MAAM,CAAA;CAAE;;;iCAUxE,cAAc,EAAE;mCA4FwB,cAAc;;;;;EA4BjE"}

package/build/hooks/use_attachment_uploader.js

@@ -0,0 +1,111 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { SUPPORTED_EXTENSIONS } from './attachments/supported_extensions';
+import { useUploadClient } from './use_upload_client';
+import { useApiClient } from './use_api_client';
+const MAX_FILE_SIZE_IN_MB = 50;
+const MAX_FILE_SIZE_IN_BYTES = MAX_FILE_SIZE_IN_MB * 1024 * 1024;
+const MAX_NUMBER_OF_ATTACHMENTS = 10;
+export function useAttachmentUploader({ conversationId }) {
+    const apiClient = useApiClient();
+    const uploadApi = useUploadClient();
+    const [attachments, setAttachments] = useState([]);
+    const uploadState = useRef({});
+    const [lastUploadId, setLastUploadId] = useState();
+    const numberOfAttachments = attachments.length;
+    const [errorMessage, setErrorMessage] = useState(null);
+    const handleFilesAttached = useCallback((files) => {
+        const fileErrors = {};
+        const validFiles = files.filter(file => {
+            const extension = file.name.split('.').pop();
+            const isValidExtension = SUPPORTED_EXTENSIONS.includes(`.${extension}`);
+            const isValidFileSize = file.size <= MAX_FILE_SIZE_IN_BYTES;
+            if (!isValidExtension) {
+                fileErrors.file_type ||= [];
+                fileErrors.file_type.push(extension);
+            }
+            if (!isValidFileSize) {
+                fileErrors.file_size = true;
+            }
+            return isValidFileSize && isValidExtension;
+        });
+        const errorMessages = [];
+        if (fileErrors.file_type) {
+            errorMessages.push(`The following file types are not supported: ${fileErrors.file_type.join(', ')}`);
+        }
+        if (fileErrors.file_size) {
+            errorMessages.push(`File size exceeds ${MAX_FILE_SIZE_IN_MB} MB`);
+        }
+        if (numberOfAttachments + validFiles.length > MAX_NUMBER_OF_ATTACHMENTS) {
+            errorMessages.push(`You can't attach more than ${MAX_NUMBER_OF_ATTACHMENTS} files at once.`);
+        }
+        if (errorMessages.length > 0) {
+            setErrorMessage(errorMessages.join('\n'));
+            return;
+        }
+        const newAttachments = validFiles.map(file => ({
+            file,
+            status: 'uploading',
+        }));
+        if (newAttachments && newAttachments.length > 0) {
+            setAttachments(prevAttachments => [...prevAttachments, ...newAttachments]);
+            newAttachments.forEach(attachment => {
+                uploadApi
+                    .uploadFile(attachment.file)
+                    .then(({ id: uploadedFileId }) => apiClient.chat.post({
+                    url: `/me/conversations/${conversationId}/message_attachments`,
+                    data: {
+                        data: {
+                            type: 'MessageAttachment',
+                            attributes: { uploaded_file_id: uploadedFileId },
+                        },
+                    },
+                }))
+                    .then(({ data: { id: messageAttachmentId } }) => {
+                    uploadState.current[attachment.file.name] = {
+                        status: 'success',
+                        id: messageAttachmentId,
+                    };
+                    setLastUploadId(messageAttachmentId);
+                })
+                    .catch(() => {
+                    uploadState.current[attachment.file.name] = {
+                        status: 'error',
+                    };
+                    setLastUploadId(attachment.file.name);
+                });
+            });
+        }
+    }, [numberOfAttachments, uploadApi, apiClient.chat, conversationId]);
+    useEffect(() => {
+        if (!lastUploadId)
+            return;
+        setLastUploadId(undefined);
+        setAttachments(attachments.map(attachment => {
+            const state = uploadState.current[attachment.file.name];
+            if (state) {
+                return { ...attachment, id: state.id, status: state.status };
+            }
+            return attachment;
+        }));
+    }, [attachments, lastUploadId]);
+    const removeAttachment = useCallback((attachment) => {
+        setAttachments(prevAttachments => prevAttachments.filter(a => a.file.uri !== attachment.file.uri));
+    }, []);
+    const reset = useCallback(() => {
+        setAttachments([]);
+        setErrorMessage(null);
+    }, []);
+    const pendingUploads = attachments.filter(a => a.status === 'uploading').length > 0;
+    const attachmentIds = useMemo(() => attachments.filter(a => a.status === 'success' && a.id).map(a => a.id), [attachments]);
+    return {
+        attachments,
+        attachmentIds,
+        handleFilesAttached,
+        removeAttachment,
+        reset,
+        pendingUploads,
+        errorMessage,
+        remainingAttachable: MAX_NUMBER_OF_ATTACHMENTS - numberOfAttachments,
+    };
+}
+//# sourceMappingURL=use_attachment_uploader.js.map

package/build/hooks/use_attachment_uploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_attachment_uploader.js","sourceRoot":"","sources":["../../src/hooks/use_attachment_uploader.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { SUPPORTED_EXTENSIONS } from './attachments/supported_extensions'\nimport { FileForUploadClient, useUploadClient } from './use_upload_client'\nimport { useApiClient } from './use_api_client'\nimport { ApiResource } from '../types'\n\ntype AttachmentStatus = 'uploading' | 'success' | 'error'\n\ninterface AttachmentFile extends FileForUploadClient {\n  size: number\n  width?: number\n  height?: number\n}\n\nexport interface FileAttachment {\n  id?: string\n  file: AttachmentFile\n  status: AttachmentStatus\n}\n\ninterface UploadState {\n  [fileName: string]: {\n    status: AttachmentStatus\n    id?: string\n  }\n}\n\ninterface FileError {\n  file_type?: string[]\n  file_size?: boolean\n}\n\nconst MAX_FILE_SIZE_IN_MB = 50\nconst MAX_FILE_SIZE_IN_BYTES = MAX_FILE_SIZE_IN_MB * 1024 * 1024\nconst MAX_NUMBER_OF_ATTACHMENTS = 10\n\nexport function useAttachmentUploader({ conversationId }: { conversationId: number }) {\n  const apiClient = useApiClient()\n  const uploadApi = useUploadClient()\n  const [attachments, setAttachments] = useState<FileAttachment[]>([])\n  const uploadState = useRef<UploadState>({})\n  const [lastUploadId, setLastUploadId] = useState<string>()\n  const numberOfAttachments = attachments.length\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n\n  const handleFilesAttached = useCallback(\n    (files: AttachmentFile[]) => {\n      const fileErrors = {} as FileError\n\n      const validFiles = files.filter(file => {\n        const extension = file.name.split('.').pop() as string\n        const isValidExtension = SUPPORTED_EXTENSIONS.includes(`.${extension}`)\n        const isValidFileSize = file.size <= MAX_FILE_SIZE_IN_BYTES\n\n        if (!isValidExtension) {\n          fileErrors.file_type ||= []\n          fileErrors.file_type.push(extension)\n        }\n        if (!isValidFileSize) {\n          fileErrors.file_size = true\n        }\n\n        return isValidFileSize && isValidExtension\n      })\n\n      const errorMessages: string[] = []\n      if (fileErrors.file_type) {\n        errorMessages.push(\n          `The following file types are not supported: ${fileErrors.file_type.join(', ')}`\n        )\n      }\n      if (fileErrors.file_size) {\n        errorMessages.push(`File size exceeds ${MAX_FILE_SIZE_IN_MB} MB`)\n      }\n      if (numberOfAttachments + validFiles.length > MAX_NUMBER_OF_ATTACHMENTS) {\n        errorMessages.push(`You can't attach more than ${MAX_NUMBER_OF_ATTACHMENTS} files at once.`)\n      }\n      if (errorMessages.length > 0) {\n        setErrorMessage(errorMessages.join('\\n'))\n        return\n      }\n\n      const newAttachments: FileAttachment[] = validFiles.map(file => ({\n        file,\n        status: 'uploading',\n      }))\n\n      if (newAttachments && newAttachments.length > 0) {\n        setAttachments(prevAttachments => [...prevAttachments, ...newAttachments])\n\n        newAttachments.forEach(attachment => {\n          uploadApi\n            .uploadFile(attachment.file)\n            .then(({ id: uploadedFileId }) =>\n              apiClient.chat.post<ApiResource<MessageAttachmentResource>>({\n                url: `/me/conversations/${conversationId}/message_attachments`,\n                data: {\n                  data: {\n                    type: 'MessageAttachment',\n                    attributes: { uploaded_file_id: uploadedFileId },\n                  },\n                },\n              })\n            )\n            .then(({ data: { id: messageAttachmentId } }) => {\n              uploadState.current[attachment.file.name] = {\n                status: 'success',\n                id: messageAttachmentId,\n              }\n              setLastUploadId(messageAttachmentId)\n            })\n            .catch(() => {\n              uploadState.current[attachment.file.name] = {\n                status: 'error',\n              }\n              setLastUploadId(attachment.file.name)\n            })\n        })\n      }\n    },\n    [numberOfAttachments, uploadApi, apiClient.chat, conversationId]\n  )\n\n  useEffect(() => {\n    if (!lastUploadId) return\n\n    setLastUploadId(undefined)\n    setAttachments(\n      attachments.map(attachment => {\n        const state = uploadState.current[attachment.file.name]\n        if (state) {\n          return { ...attachment, id: state.id, status: state.status }\n        }\n        return attachment\n      })\n    )\n  }, [attachments, lastUploadId])\n\n  const removeAttachment = useCallback((attachment: FileAttachment) => {\n    setAttachments(prevAttachments =>\n      prevAttachments.filter(a => a.file.uri !== attachment.file.uri)\n    )\n  }, [])\n\n  const reset = useCallback(() => {\n    setAttachments([])\n    setErrorMessage(null)\n  }, [])\n\n  const pendingUploads = attachments.filter(a => a.status === 'uploading').length > 0\n\n  const attachmentIds = useMemo(\n    () => attachments.filter(a => a.status === 'success' && a.id).map(a => a.id as string),\n    [attachments]\n  )\n\n  return {\n    attachments,\n    attachmentIds,\n    handleFilesAttached,\n    removeAttachment,\n    reset,\n    pendingUploads,\n    errorMessage,\n    remainingAttachable: MAX_NUMBER_OF_ATTACHMENTS - numberOfAttachments,\n  }\n}\n\ninterface MessageAttachmentResource {\n  type: 'MessageAttachment'\n  id: string\n  uploadedFileId: string\n  filename: string\n  messageSortKey: string\n  metadata: Record<string, unknown>\n  checksum: string\n  contentType: string\n  byteSize: number\n}\n"]}