@planningcenter/chat-react-native 3.32.1-rc.1 → 3.33.0

package/build/utils/native_adapters/configuration.js.map

@@ -1 +1 @@
-{"version":3,"file":"configuration.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/configuration.ts"],"names":[],"mappings":"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","sourcesContent":["import AsyncStorage from '@react-native-async-storage/async-storage'\nimport { Linking as RNLinking } from 'react-native'\nimport { AudioAdapter } from './audio'\nimport { ClipboardAdapter } from './clipboard'\nimport { HapticAdapter } from './haptic'\nimport { ImagePickerAdapter } from './image_picker'\nimport { LinkingAdapter } from './linking'\nimport { LogAdapter } from './log'\nimport { StorageAdapter } from './storage_adapter'\nimport { VideoAdapter } from './video'\n\ntype ChatConfigurations = {\n  clipboard: ClipboardAdapter\n  audio: AudioAdapter\n  video: VideoAdapter\n  imagePicker: ImagePickerAdapter\n  log?: LogAdapter\n  linking?: LinkingAdapter\n  haptic?: HapticAdapter\n}\n\nexport class ChatAdapters {\n  static configure(configurations: ChatConfigurations) {\n    Clipboard = configurations.clipboard\n    Audio = configurations.audio\n    Video = configurations.video\n    ImagePicker = configurations.imagePicker\n    Log = configurations.log || new LogAdapter()\n    Linking = configurations.linking || new LinkingAdapter(RNLinking)\n    Haptic = configurations.haptic || new HapticAdapter()\n  }\n}\n\nconst methodMissing = () => {\n  console.warn('ChatAdapters.configure() must be called before using any adapters')\n}\n\nexport let Clipboard: ClipboardAdapter = new ClipboardAdapter({\n  getStringAsync: async () => {\n    methodMissing()\n    return ''\n  },\n  setStringAsync: async (_: string) => methodMissing(),\n})\n\nexport let Audio: AudioAdapter = new AudioAdapter({\n  useAudio: (_: string) => {\n    methodMissing()\n    return {} as any\n  },\n})\n\nexport let Video: VideoAdapter = new VideoAdapter({\n  Player: Object.assign(\n    () => {\n      methodMissing()\n      return null\n    },\n    { $$typeof: Symbol.for('react.forward_ref') }\n  ),\n})\n\nexport let ImagePicker: ImagePickerAdapter = new ImagePickerAdapter({\n  openCameraAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n  openImageLibraryAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n})\n\nexport let Log: LogAdapter = new LogAdapter()\n\nexport let Linking: LinkingAdapter = new LinkingAdapter(RNLinking)\n\nexport let Haptic: HapticAdapter = new HapticAdapter()\n\nexport let Storage = new StorageAdapter({\n  getItem: AsyncStorage.getItem,\n  setItem: AsyncStorage.setItem,\n  removeItem: AsyncStorage.removeItem,\n})\n"]}
+{"version":3,"file":"configuration.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/configuration.ts"],"names":[],"mappings":"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","sourcesContent":["import AsyncStorage from '@react-native-async-storage/async-storage'\nimport { Linking as RNLinking } from 'react-native'\nimport { AudioAdapter } from './audio'\nimport { ClipboardAdapter } from './clipboard'\nimport { DocumentPickerAdapter } from './document_picker'\nimport { HapticAdapter } from './haptic'\nimport { ImagePickerAdapter } from './image_picker'\nimport { LinkingAdapter } from './linking'\nimport { LogAdapter } from './log'\nimport { StorageAdapter } from './storage_adapter'\nimport { VideoAdapter } from './video'\n\ntype ChatConfigurations = {\n  clipboard: ClipboardAdapter\n  audio: AudioAdapter\n  video: VideoAdapter\n  imagePicker: ImagePickerAdapter\n  documentPicker: DocumentPickerAdapter\n  log?: LogAdapter\n  linking?: LinkingAdapter\n  haptic?: HapticAdapter\n}\n\nexport class ChatAdapters {\n  static configure(configurations: ChatConfigurations) {\n    Clipboard = configurations.clipboard\n    Audio = configurations.audio\n    Video = configurations.video\n    ImagePicker = configurations.imagePicker\n    DocumentPicker = configurations.documentPicker\n    Log = configurations.log || new LogAdapter()\n    Linking = configurations.linking || new LinkingAdapter(RNLinking)\n    Haptic = configurations.haptic || new HapticAdapter()\n  }\n}\n\nconst methodMissing = () => {\n  console.warn('ChatAdapters.configure() must be called before using any adapters')\n}\n\nexport let Clipboard: ClipboardAdapter = new ClipboardAdapter({\n  getStringAsync: async () => {\n    methodMissing()\n    return ''\n  },\n  setStringAsync: async (_: string) => methodMissing(),\n})\n\nexport let Audio: AudioAdapter = new AudioAdapter({\n  useAudio: (_: string) => {\n    methodMissing()\n    return {} as any\n  },\n})\n\nexport let Video: VideoAdapter = new VideoAdapter({\n  Player: Object.assign(\n    () => {\n      methodMissing()\n      return null\n    },\n    { $$typeof: Symbol.for('react.forward_ref') }\n  ),\n})\n\nexport let ImagePicker: ImagePickerAdapter = new ImagePickerAdapter({\n  openCameraAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n  openImageLibraryAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n})\n\nexport let DocumentPicker: DocumentPickerAdapter = new DocumentPickerAdapter({\n  openAsync: async () => {\n    methodMissing()\n    return { canceled: true, assets: null }\n  },\n})\n\nexport let Log: LogAdapter = new LogAdapter()\n\nexport let Linking: LinkingAdapter = new LinkingAdapter(RNLinking)\n\nexport let Haptic: HapticAdapter = new HapticAdapter()\n\nexport let Storage = new StorageAdapter({\n  getItem: AsyncStorage.getItem,\n  setItem: AsyncStorage.setItem,\n  removeItem: AsyncStorage.removeItem,\n})\n"]}

package/build/utils/native_adapters/document_picker.d.ts

@@ -0,0 +1,21 @@
+export type DocumentPickerAsset = {
+    uri: string;
+    name: string;
+    size?: number;
+    mimeType?: string;
+};
+type DocumentPickerSuccessResult = {
+    canceled: false;
+    assets: DocumentPickerAsset[];
+};
+type DocumentPickerCanceledResult = {
+    canceled: true;
+    assets: null;
+};
+export type DocumentPickerResult = DocumentPickerSuccessResult | DocumentPickerCanceledResult;
+export declare class DocumentPickerAdapter {
+    openAsync: () => Promise<DocumentPickerResult>;
+    constructor(methods: DocumentPickerAdapter);
+}
+export {};
+//# sourceMappingURL=document_picker.d.ts.map

package/build/utils/native_adapters/document_picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"document_picker.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/document_picker.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,KAAK,2BAA2B,GAAG;IACjC,QAAQ,EAAE,KAAK,CAAA;IACf,MAAM,EAAE,mBAAmB,EAAE,CAAA;CAC9B,CAAA;AAED,KAAK,4BAA4B,GAAG;IAClC,QAAQ,EAAE,IAAI,CAAA;IACd,MAAM,EAAE,IAAI,CAAA;CACb,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,2BAA2B,GAAG,4BAA4B,CAAA;AAE7F,qBAAa,qBAAqB;IAChC,SAAS,EAAE,MAAM,OAAO,CAAC,oBAAoB,CAAC,CAAA;gBAElC,OAAO,EAAE,qBAAqB;CAG3C"}

package/build/utils/native_adapters/document_picker.js

@@ -0,0 +1,7 @@
+export class DocumentPickerAdapter {
+    openAsync;
+    constructor(methods) {
+        this.openAsync = methods.openAsync;
+    }
+}
+//# sourceMappingURL=document_picker.js.map

package/build/utils/native_adapters/document_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"document_picker.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/document_picker.ts"],"names":[],"mappings":"AAmBA,MAAM,OAAO,qBAAqB;IAChC,SAAS,CAAqC;IAE9C,YAAY,OAA8B;QACxC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;IACpC,CAAC;CACF","sourcesContent":["export type DocumentPickerAsset = {\n  uri: string\n  name: string\n  size?: number\n  mimeType?: string\n}\n\ntype DocumentPickerSuccessResult = {\n  canceled: false\n  assets: DocumentPickerAsset[]\n}\n\ntype DocumentPickerCanceledResult = {\n  canceled: true\n  assets: null\n}\n\nexport type DocumentPickerResult = DocumentPickerSuccessResult | DocumentPickerCanceledResult\n\nexport class DocumentPickerAdapter {\n  openAsync: () => Promise<DocumentPickerResult>\n\n  constructor(methods: DocumentPickerAdapter) {\n    this.openAsync = methods.openAsync\n  }\n}\n"]}

package/build/utils/native_adapters/image_picker.d.ts

@@ -16,9 +16,15 @@ type ImagePickerCanceledResult = {
     assets: null;
 };
 export type ImagePickerResult = ImagePickerSuccessResult | ImagePickerCanceledResult;
+export interface ImagePickerOptions {
+    selectionLimit?: number;
+    allowsEditing?: boolean;
+    allowsMultipleSelection?: boolean;
+    mediaTypes?: Array<'images' | 'videos' | 'livePhotos'>;
+}
 export declare class ImagePickerAdapter {
     openCameraAsync: () => Promise<ImagePickerResult>;
-    openImageLibraryAsync: () => Promise<ImagePickerResult>;
+    openImageLibraryAsync: (options?: ImagePickerOptions) => Promise<ImagePickerResult>;
     constructor(methods: ImagePickerAdapter);
 }
 export {};

package/build/utils/native_adapters/image_picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image_picker.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/image_picker.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAA;IACf,MAAM,EAAE,gBAAgB,EAAE,CAAA;CAC3B,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,IAAI,CAAA;IACd,MAAM,EAAE,IAAI,CAAA;CACb,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,GAAG,yBAAyB,CAAA;AAEpF,qBAAa,kBAAkB;IAC7B,eAAe,EAAE,MAAM,OAAO,CAAC,iBAAiB,CAAC,CAAA;IACjD,qBAAqB,EAAE,MAAM,OAAO,CAAC,iBAAiB,CAAC,CAAA;gBAE3C,OAAO,EAAE,kBAAkB;CAIxC"}
+{"version":3,"file":"image_picker.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/image_picker.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAA;IACf,MAAM,EAAE,gBAAgB,EAAE,CAAA;CAC3B,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,IAAI,CAAA;IACd,MAAM,EAAE,IAAI,CAAA;CACb,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,GAAG,yBAAyB,CAAA;AAEpF,MAAM,WAAW,kBAAkB;IACjC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,UAAU,CAAC,EAAE,KAAK,CAAC,QAAQ,GAAG,QAAQ,GAAG,YAAY,CAAC,CAAA;CACvD;AAED,qBAAa,kBAAkB;IAC7B,eAAe,EAAE,MAAM,OAAO,CAAC,iBAAiB,CAAC,CAAA;IACjD,qBAAqB,EAAE,CAAC,OAAO,CAAC,EAAE,kBAAkB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAA;gBAEvE,OAAO,EAAE,kBAAkB;CAIxC"}

package/build/utils/native_adapters/image_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"image_picker.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/image_picker.ts"],"names":[],"mappings":"AAsBA,MAAM,OAAO,kBAAkB;IAC7B,eAAe,CAAkC;IACjD,qBAAqB,CAAkC;IAEvD,YAAY,OAA2B;QACrC,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,eAAe,CAAA;QAC9C,IAAI,CAAC,qBAAqB,GAAG,OAAO,CAAC,qBAAqB,CAAA;IAC5D,CAAC;CACF","sourcesContent":["export type ImagePickerAsset = {\n  uri: string\n  assetId?: string | null\n  width: number\n  height: number\n  mimeType?: string\n  fileName?: string | null\n  fileSize?: number\n}\n\ntype ImagePickerSuccessResult = {\n  canceled: false\n  assets: ImagePickerAsset[]\n}\n\ntype ImagePickerCanceledResult = {\n  canceled: true\n  assets: null\n}\n\nexport type ImagePickerResult = ImagePickerSuccessResult | ImagePickerCanceledResult\n\nexport class ImagePickerAdapter {\n  openCameraAsync: () => Promise<ImagePickerResult>\n  openImageLibraryAsync: () => Promise<ImagePickerResult>\n\n  constructor(methods: ImagePickerAdapter) {\n    this.openCameraAsync = methods.openCameraAsync\n    this.openImageLibraryAsync = methods.openImageLibraryAsync\n  }\n}\n"]}
+{"version":3,"file":"image_picker.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/image_picker.ts"],"names":[],"mappings":"AA6BA,MAAM,OAAO,kBAAkB;IAC7B,eAAe,CAAkC;IACjD,qBAAqB,CAA8D;IAEnF,YAAY,OAA2B;QACrC,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,eAAe,CAAA;QAC9C,IAAI,CAAC,qBAAqB,GAAG,OAAO,CAAC,qBAAqB,CAAA;IAC5D,CAAC;CACF","sourcesContent":["export type ImagePickerAsset = {\n  uri: string\n  assetId?: string | null\n  width: number\n  height: number\n  mimeType?: string\n  fileName?: string | null\n  fileSize?: number\n}\n\ntype ImagePickerSuccessResult = {\n  canceled: false\n  assets: ImagePickerAsset[]\n}\n\ntype ImagePickerCanceledResult = {\n  canceled: true\n  assets: null\n}\n\nexport type ImagePickerResult = ImagePickerSuccessResult | ImagePickerCanceledResult\n\nexport interface ImagePickerOptions {\n  selectionLimit?: number\n  allowsEditing?: boolean\n  allowsMultipleSelection?: boolean\n  mediaTypes?: Array<'images' | 'videos' | 'livePhotos'>\n}\n\nexport class ImagePickerAdapter {\n  openCameraAsync: () => Promise<ImagePickerResult>\n  openImageLibraryAsync: (options?: ImagePickerOptions) => Promise<ImagePickerResult>\n\n  constructor(methods: ImagePickerAdapter) {\n    this.openCameraAsync = methods.openCameraAsync\n    this.openImageLibraryAsync = methods.openImageLibraryAsync\n  }\n}\n"]}

package/build/utils/native_adapters/index.d.ts

@@ -1,6 +1,7 @@
 export * from './audio';
 export * from './clipboard';
 export * from './configuration';
+export * from './document_picker';
 export * from './image_picker';
 export * from './linking';
 export * from './log';

package/build/utils/native_adapters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA"}

package/build/utils/native_adapters/index.js

@@ -1,6 +1,7 @@
 export * from './audio';
 export * from './clipboard';
 export * from './configuration';
+export * from './document_picker';
 export * from './image_picker';
 export * from './linking';
 export * from './log';

package/build/utils/native_adapters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA","sourcesContent":["export * from './audio'\nexport * from './clipboard'\nexport * from './configuration'\nexport * from './image_picker'\nexport * from './linking'\nexport * from './log'\nexport * from './video'\nexport * from './haptic'\nexport * from './storage_adapter'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA","sourcesContent":["export * from './audio'\nexport * from './clipboard'\nexport * from './configuration'\nexport * from './document_picker'\nexport * from './image_picker'\nexport * from './linking'\nexport * from './log'\nexport * from './video'\nexport * from './haptic'\nexport * from './storage_adapter'\n"]}

package/build/utils/request/get_chat_configuration.d.ts

@@ -0,0 +1,10 @@
+export declare const getChatConfigurationRequestArgs: () => {
+    url: string;
+    data: {
+        fields: {
+            ChatConfiguration: string[];
+        };
+    };
+};
+export declare const getChatConfigurationQueryKey: () => import("../../hooks/use_suspense_api").RequestQueryKey;
+//# sourceMappingURL=get_chat_configuration.d.ts.map

package/build/utils/request/get_chat_configuration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get_chat_configuration.d.ts","sourceRoot":"","sources":["../../../src/utils/request/get_chat_configuration.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,+BAA+B;;;;;;;CAe3C,CAAA;AAED,eAAO,MAAM,4BAA4B,8DAGxC,CAAA"}

package/build/utils/request/get_chat_configuration.js

@@ -0,0 +1,21 @@
+import { getRequestQueryKey } from '../../hooks/use_suspense_api';
+export const getChatConfigurationRequestArgs = () => {
+    const url = '/me/chat_configuration';
+    return {
+        url,
+        data: {
+            fields: {
+                ChatConfiguration: [
+                    'allowed_file_extensions',
+                    'max_file_size_in_bytes',
+                    'max_attachments_per_message',
+                ],
+            },
+        },
+    };
+};
+export const getChatConfigurationQueryKey = () => {
+    const requestArgs = getChatConfigurationRequestArgs();
+    return getRequestQueryKey(requestArgs);
+};
+//# sourceMappingURL=get_chat_configuration.js.map

package/build/utils/request/get_chat_configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get_chat_configuration.js","sourceRoot":"","sources":["../../../src/utils/request/get_chat_configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAEjE,MAAM,CAAC,MAAM,+BAA+B,GAAG,GAAG,EAAE;IAClD,MAAM,GAAG,GAAG,wBAAwB,CAAA;IAEpC,OAAO;QACL,GAAG;QACH,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,iBAAiB,EAAE;oBACjB,yBAAyB;oBACzB,wBAAwB;oBACxB,6BAA6B;iBAC9B;aACF;SACF;KACF,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,MAAM,WAAW,GAAG,+BAA+B,EAAE,CAAA;IACrD,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import { getRequestQueryKey } from '../../hooks/use_suspense_api'\n\nexport const getChatConfigurationRequestArgs = () => {\n  const url = '/me/chat_configuration'\n\n  return {\n    url,\n    data: {\n      fields: {\n        ChatConfiguration: [\n          'allowed_file_extensions',\n          'max_file_size_in_bytes',\n          'max_attachments_per_message',\n        ],\n      },\n    },\n  }\n}\n\nexport const getChatConfigurationQueryKey = () => {\n  const requestArgs = getChatConfigurationRequestArgs()\n  return getRequestQueryKey(requestArgs)\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.32.1-rc.1",
+  "version": "3.33.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -26,7 +26,8 @@
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
     "lodash-inflection": "^1.5.0",
-    "react-compiler-runtime": "^1.0.0"
+    "react-compiler-runtime": "^1.0.0",
+    "rn-emoji-keyboard": "^1.7.0"
   },
   "peerDependencies": {
     "@planningcenter/datetime-fmt": ">=2.0.0",
@@ -64,5 +65,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "<5.6.0"
   },
-  "gitHead": "b56ae60405cfd6240e9645fed4fdecb245570a21"
+  "gitHead": "97036ad047060e6943f5d80b07618053382a7e77"
 }

package/src/__tests__/hooks/use_attachment_uploader.test.tsx

@@ -0,0 +1,219 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { renderHook, act } from '@testing-library/react-hooks'
+import React from 'react'
+import { useApiClient } from '../../hooks/use_api_client'
+import { useAttachmentUploader } from '../../hooks/use_attachment_uploader'
+import { useChatConfiguration } from '../../hooks/use_chat_configuration'
+import { useUploadClient } from '../../hooks/use_upload_client'
+import { FileAttachment } from '../../types/resources/denormalized_attachment_resource_for_create'
+
+jest.mock('../../hooks/use_api_client')
+jest.mock('../../hooks/use_upload_client')
+jest.mock('../../hooks/use_chat_configuration')
+
+const mockedUseApiClient = useApiClient as jest.MockedFunction<typeof useApiClient>
+const mockedUseUploadClient = useUploadClient as jest.MockedFunction<typeof useUploadClient>
+const mockedUseChatConfiguration = useChatConfiguration as jest.MockedFunction<
+  typeof useChatConfiguration
+>
+
+const createWrapper = () => {
+  const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } })
+  return ({ children }: { children: React.ReactNode }) => (
+    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+  )
+}
+
+const setChatConfiguration = (overrides: Partial<ReturnType<typeof useChatConfiguration>> = {}) => {
+  mockedUseChatConfiguration.mockReturnValue({
+    allowedFileExtensions: ['.pdf', '.jpg'],
+    maxFileSizeInBytes: 50 * 1024 * 1024,
+    maxAttachmentsPerMessage: 10,
+    ...overrides,
+  })
+}
+
+const renderUploader = (opts?: { draftAttachments?: FileAttachment[] }) =>
+  renderHook(() => useAttachmentUploader({ conversationId: 1, ...opts }), {
+    wrapper: createWrapper(),
+  })
+
+const makeFile = (
+  overrides: Partial<
+    Parameters<ReturnType<typeof useAttachmentUploader>['handleFilesAttached']>[0][number]
+  > = {}
+) => ({
+  uri: 'file:///tmp/example.pdf',
+  name: 'example.pdf',
+  type: 'application/pdf',
+  size: 1024,
+  ...overrides,
+})
+
+const draftAttachment = (name: string): FileAttachment => ({
+  file: { uri: `file:///tmp/${name}`, name, type: 'application/pdf', size: 1024 },
+  status: 'success',
+  uploadedAt: 0,
+  id: `att-${name}`,
+})
+
+beforeEach(() => {
+  setChatConfiguration()
+  mockedUseApiClient.mockReturnValue({
+    chat: { post: jest.fn().mockResolvedValue({ data: { id: 'msg-attachment-1' } }) },
+  } as any)
+  mockedUseUploadClient.mockReturnValue({
+    uploadFile: jest.fn().mockResolvedValue({ id: 'uploaded-1' }),
+  } as any)
+})
+
+afterEach(() => {
+  jest.clearAllMocks()
+})
+
+describe('useAttachmentUploader', () => {
+  describe('extension validation', () => {
+    it('rejects a disallowed extension and lists it in the error', () => {
+      const { result } = renderUploader()
+
+      act(() => {
+        result.current.handleFilesAttached([makeFile({ name: 'evil.exe' })])
+      })
+
+      expect(result.current.errorMessage).toContain(
+        'The following file types are not supported: exe'
+      )
+      expect(result.current.attachments).toHaveLength(0)
+    })
+
+    it('accepts a matching extension regardless of casing', async () => {
+      const { result } = renderUploader()
+
+      await act(async () => {
+        result.current.handleFilesAttached([makeFile({ name: 'Shouting.PDF' })])
+      })
+
+      expect(result.current.errorMessage).toBeNull()
+      expect(result.current.attachments).toHaveLength(1)
+    })
+  })
+
+  describe('file size validation', () => {
+    it('rejects files that exceed maxFileSizeInBytes', () => {
+      setChatConfiguration({ maxFileSizeInBytes: 50 * 1024 * 1024 })
+      const { result } = renderUploader()
+
+      act(() => {
+        result.current.handleFilesAttached([makeFile({ size: 50 * 1024 * 1024 + 1 })])
+      })
+
+      expect(result.current.errorMessage).toBe('File size exceeds 50 MB')
+      expect(result.current.attachments).toHaveLength(0)
+    })
+
+    it('formats an integer MB limit without a trailing decimal', () => {
+      setChatConfiguration({ maxFileSizeInBytes: 25 * 1024 * 1024 })
+      const { result } = renderUploader()
+
+      act(() => {
+        result.current.handleFilesAttached([makeFile({ size: 25 * 1024 * 1024 + 1 })])
+      })
+
+      expect(result.current.errorMessage).toBe('File size exceeds 25 MB')
+    })
+
+    it('formats a fractional MB limit to one decimal', () => {
+      // 50.5 MB — server could in principle return a non-multiple-of-MB cap.
+      setChatConfiguration({ maxFileSizeInBytes: Math.round(50.5 * 1024 * 1024) })
+      const { result } = renderUploader()
+
+      act(() => {
+        result.current.handleFilesAttached([makeFile({ size: 51 * 1024 * 1024 })])
+      })
+
+      expect(result.current.errorMessage).toBe('File size exceeds 50.5 MB')
+    })
+  })
+
+  describe('attachment count validation', () => {
+    it('rejects a batch that would push past maxAttachmentsPerMessage', () => {
+      setChatConfiguration({ maxAttachmentsPerMessage: 2 })
+      const { result } = renderUploader()
+
+      act(() => {
+        result.current.handleFilesAttached([
+          makeFile({ uri: 'file:///a.pdf', name: 'a.pdf' }),
+          makeFile({ uri: 'file:///b.pdf', name: 'b.pdf' }),
+          makeFile({ uri: 'file:///c.pdf', name: 'c.pdf' }),
+        ])
+      })
+
+      expect(result.current.errorMessage).toBe("You can't attach more than 2 files at once.")
+      expect(result.current.attachments).toHaveLength(0)
+    })
+  })
+
+  describe('remainingAttachable', () => {
+    it('reports how many more files can be attached', () => {
+      setChatConfiguration({ maxAttachmentsPerMessage: 5 })
+      const { result } = renderUploader({
+        draftAttachments: [draftAttachment('a.pdf'), draftAttachment('b.pdf')],
+      })
+
+      expect(result.current.remainingAttachable).toBe(3)
+    })
+
+    it('clamps to 0 when the draft already exceeds the server limit', () => {
+      // Simulates a saved draft whose attachments outnumber a since-lowered
+      // server cap — the value must never go negative.
+      setChatConfiguration({ maxAttachmentsPerMessage: 1 })
+      const { result } = renderUploader({
+        draftAttachments: [draftAttachment('a.pdf'), draftAttachment('b.pdf')],
+      })
+
+      expect(result.current.remainingAttachable).toBe(0)
+    })
+  })
+
+  describe('upload errors', () => {
+    const rejectingResponse = (body: unknown, status = 500) => {
+      const response = { status, clone: () => response, json: async () => body }
+      return response as unknown as Response
+    }
+
+    it('shows a generic error message when the upload fails', async () => {
+      mockedUseApiClient.mockReturnValue({
+        chat: { post: jest.fn().mockRejectedValue(rejectingResponse({})) },
+      } as any)
+
+      const { result } = renderUploader()
+
+      await act(async () => {
+        result.current.handleFilesAttached([makeFile()])
+      })
+      await act(async () => {
+        await Promise.resolve()
+      })
+
+      expect(result.current.errorMessage).toBe('This file could not be uploaded.')
+    })
+
+    it('does not overwrite the error message when the upload is flagged', async () => {
+      mockedUseUploadClient.mockReturnValue({
+        uploadFile: jest.fn().mockRejectedValue({ code: 'image_flagged' }),
+      } as any)
+
+      const { result } = renderUploader()
+
+      await act(async () => {
+        result.current.handleFilesAttached([makeFile()])
+      })
+      await act(async () => {
+        await Promise.resolve()
+      })
+
+      expect(result.current.errorMessage).toBeNull()
+      expect(result.current.flaggedAttachmentCount).toBe(1)
+    })
+  })
+})

package/src/__tests__/hooks/use_chat_configuration.test.tsx

@@ -0,0 +1,80 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { renderHook, act } from '@testing-library/react-hooks'
+import React, { Suspense } from 'react'
+import {
+  FALLBACK_ALLOWED_FILE_EXTENSIONS,
+  FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE,
+  FALLBACK_MAX_FILE_SIZE_IN_BYTES,
+} from '../../hooks/attachments/fallback_chat_configuration'
+import * as useApiClientModule from '../../hooks/use_api_client'
+import { useChatConfiguration } from '../../hooks/use_chat_configuration'
+
+const createWrapper = () => {
+  const queryClient = new QueryClient({
+    defaultOptions: { queries: { retry: false } },
+  })
+
+  return ({ children }: { children: React.ReactNode }) => (
+    <QueryClientProvider client={queryClient}>
+      <Suspense fallback={null}>{children}</Suspense>
+    </QueryClientProvider>
+  )
+}
+
+const waitForQuery = async () => {
+  await act(async () => {
+    await Promise.resolve()
+    await Promise.resolve()
+    await Promise.resolve()
+  })
+}
+
+const mockApiClient = (getImpl: () => Promise<unknown>) => {
+  jest.spyOn(useApiClientModule, 'useApiClient').mockReturnValue({
+    chat: { get: jest.fn(getImpl) },
+  } as any)
+}
+
+describe('useChatConfiguration', () => {
+  afterEach(() => {
+    jest.restoreAllMocks()
+  })
+
+  it('returns server-provided values when the API succeeds', async () => {
+    mockApiClient(() =>
+      Promise.resolve({
+        data: {
+          type: 'ChatConfiguration',
+          id: 'current',
+          allowedFileExtensions: ['.pdf', '.jpg'],
+          maxFileSizeInBytes: 1000,
+          maxAttachmentsPerMessage: 3,
+        },
+        links: {},
+        meta: {},
+      })
+    )
+
+    const { result } = renderHook(() => useChatConfiguration(), { wrapper: createWrapper() })
+    await waitForQuery()
+
+    expect(result.current).toEqual({
+      allowedFileExtensions: ['.pdf', '.jpg'],
+      maxFileSizeInBytes: 1000,
+      maxAttachmentsPerMessage: 3,
+    })
+  })
+
+  it('returns fallback values when the API rejects', async () => {
+    mockApiClient(() => Promise.reject(new Error('boom')))
+
+    const { result } = renderHook(() => useChatConfiguration(), { wrapper: createWrapper() })
+    await waitForQuery()
+
+    expect(result.current).toEqual({
+      allowedFileExtensions: FALLBACK_ALLOWED_FILE_EXTENSIONS,
+      maxFileSizeInBytes: FALLBACK_MAX_FILE_SIZE_IN_BYTES,
+      maxAttachmentsPerMessage: FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE,
+    })
+  })
+})

package/src/__tests__/utils/native_adapters/configuration.ts

@@ -4,11 +4,17 @@ import {
   AudioAdapter,
   Clipboard,
   ClipboardAdapter,
+  DocumentPickerAdapter,
   ImagePickerAdapter,
   LinkingAdapter,
   VideoAdapter,
 } from '../../../utils/native_adapters'
-import { ChatAdapters, Linking, Haptic } from '../../../utils/native_adapters/configuration'
+import {
+  ChatAdapters,
+  DocumentPicker,
+  Linking,
+  Haptic,
+} from '../../../utils/native_adapters/configuration'
 import { HapticAdapter } from '../../../utils/native_adapters/haptic'
 import { VideoPlayerHandle, VideoPlayerProps } from '../../../utils/native_adapters/video'
 
@@ -104,6 +110,24 @@ describe('ChatAdapters', () => {
     })
   })
 
+  describe('document picker adapter', () => {
+    it('uses the configured adapter when provided', () => {
+      const documentPicker = new DocumentPickerAdapter({
+        openAsync: jest.fn(async () => ({ canceled: true, assets: null })),
+      })
+
+      ChatAdapters.configure({
+        clipboard,
+        audio,
+        video,
+        imagePicker,
+        documentPicker,
+      })
+
+      expect(DocumentPicker).toEqual(documentPicker)
+    })
+  })
+
   describe('haptic adapter', () => {
     it('should configure the haptic adapter', () => {
       ChatAdapters.configure({

package/src/components/conversation/message_form.tsx

@@ -36,7 +36,13 @@ import {
   platformFontWeightMedium,
   platformPressedOpacityStyle,
 } from '../../utils'
-import { Haptic, ImagePicker, ImagePickerResult } from '../../utils/native_adapters'
+import {
+  DocumentPicker,
+  DocumentPickerResult,
+  Haptic,
+  ImagePicker,
+  ImagePickerResult,
+} from '../../utils/native_adapters'
 import { tokens } from '../../vendor/tapestry/tokens'
 import { Button } from '../display/button'
 import BannerPrimitive from '../primitive/banner_primitive'
@@ -522,6 +528,21 @@ function MessageFormAttachmentPicker() {
     attachmentUploader?.handleFilesAttached(filteredAssets)
   }
 
+  function uploadDocumentPickerResult(result: DocumentPickerResult) {
+    if (result.canceled) return
+
+    const filteredAssets = result.assets
+      .filter(asset => asset.size != null && asset.uri)
+      .map(asset => ({
+        uri: asset.uri,
+        name: asset.name,
+        type: asset.mimeType || 'application/octet-stream',
+        size: asset.size as number,
+      }))
+
+    attachmentUploader?.handleFilesAttached(filteredAssets)
+  }
+
   const openCamera = async () => {
     setIsOpen(false)
     let result = await ImagePicker.openCameraAsync()
@@ -538,6 +559,14 @@ function MessageFormAttachmentPicker() {
     }
   }
 
+  const pickFile = async () => {
+    setIsOpen(false)
+    let result = await DocumentPicker.openAsync()
+    if (!result.canceled) {
+      uploadDocumentPickerResult(result)
+    }
+  }
+
   if (usingGiphy || currentlyEditingMessage) {
     return null
   }
@@ -564,6 +593,15 @@ function MessageFormAttachmentPicker() {
             onPress={pickImage}
             style={styles.attachmentPickerButton}
           />
+          <IconButton
+            accessibilityLabel="Attach a file"
+            accessibilityHint="Opens your files to attach documents"
+            size="lg"
+            appearance="neutral"
+            name="general.blankFile"
+            onPress={pickFile}
+            style={styles.attachmentPickerButton}
+          />
         </View>
       )}
       <IconButton

package/src/components/display/emoji_avatar.tsx

@@ -1,14 +1,19 @@
 import React from 'react'
 import { StyleSheet, Text, View } from 'react-native'
 import LinearGradient from 'react-native-linear-gradient'
-import AvatarPrimitive, { type AvatarRootProps } from '../primitive/avatar_primitive'
+import AvatarPrimitive, {
+  type AvatarRootProps,
+  type AvatarSize,
+} from '../primitive/avatar_primitive'
 import { getAvatarGradientProps } from './utils/avatar_gradient_colors'
 
-const EMOJI_SIZE: Record<string, number> = {
+const EMOJI_SIZE: Record<AvatarSize, number> = {
   xs: 8,
   sm: 10,
   md: 14,
   lg: 20,
+  xl: 28,
+  '2xl': 40,
 }
 
 interface EmojiAvatarProps {

package/src/components/display/icon_avatar.tsx

@@ -7,14 +7,19 @@ import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome'
 import React from 'react'
 import { StyleSheet, Text, View } from 'react-native'
 import LinearGradient from 'react-native-linear-gradient'
-import AvatarPrimitive, { type AvatarRootProps } from '../primitive/avatar_primitive'
+import AvatarPrimitive, {
+  type AvatarRootProps,
+  type AvatarSize,
+} from '../primitive/avatar_primitive'
 import { getAvatarGradientProps } from './utils/avatar_gradient_colors'
 
-const ICON_SIZE: Record<string, number> = {
+const ICON_SIZE: Record<AvatarSize, number> = {
   xs: 10,
   sm: 12,
   md: 16,
   lg: 20,
+  xl: 28,
+  '2xl': 40,
 }
 
 interface IconAvatarProps {