@planningcenter/chat-react-native 3.34.0-rc.4 → 3.34.0

package/build/components/display/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/components/display/image.tsx"],"names":[],"mappings":"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","sourcesContent":["import { noop } from 'lodash'\nimport React, { useState } from 'react'\nimport {\n  AnimatableNumericValue,\n  DimensionValue,\n  ImageStyle,\n  Image as ReactNativeImage,\n  ImageProps as ReactNativeImageProps,\n  StyleSheet,\n  View,\n  ViewStyle,\n} from 'react-native'\nimport Animated, { AnimatedStyle } from 'react-native-reanimated'\nimport { useTheme } from '../../hooks'\nimport { Spinner } from './spinner'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface ImageProps extends ReactNativeImageProps {\n  /**\n   * Describes the image to screen-readers and marks the image as `accessible`.\n   * Passing an empty string will hide the image from screen-readers.\n   */\n  alt: string\n  /**\n   * Shows the image's loading spinner right away. Enabled by default.\n   */\n  defaultLoading?: boolean\n  /**\n   * Externally controls the loading state of the image.\n   */\n  loading?: boolean\n  /**\n   * Hide the loading spinner, regardless of the loading state.\n   */\n  hideLoader?: boolean\n  /**\n   * Size of the loading spinner.\n   */\n  loaderSize?: number\n  /**\n   * Style object for the preload background.\n   */\n  loadingBackgroundStyles?: ViewStyle\n  /**\n   * Style the outer View of the image.\n   */\n  wrapperStyle?: ViewStyle\n  /**\n   * Style the image if animated.\n   */\n  animatedImageStyle?: AnimatedStyle<ImageStyle>\n}\n\nexport function Image({\n  source,\n  onLoad = noop,\n  defaultLoading = true,\n  loading = false,\n  hideLoader = false,\n  loaderSize = 24,\n  loadingBackgroundStyles,\n  style = {},\n  wrapperStyle = {},\n  alt,\n  animatedImageStyle = {},\n  ...props\n}: ImageProps) {\n  const [isImageLoading, setIsImageLoading] = useState(defaultLoading)\n\n  const imageStyles = StyleSheet.flatten(style)\n  const { width = '100%', height = '100%', borderRadius = 0 } = imageStyles || {}\n  const styles = useStyles({ width, height, borderRadius })\n\n  const handleOnLoad = (event: any) => {\n    setIsImageLoading(false)\n    onLoad?.(event)\n  }\n\n  const isLoading = isImageLoading || loading\n\n  const ImageComponent = animatedImageStyle ? Animated.Image : ReactNativeImage\n\n  return (\n    <View\n      style={wrapperStyle}\n      accessible={Boolean(alt)}\n      accessibilityRole=\"image\"\n      accessibilityState={{ busy: isLoading }}\n      collapsable={false}\n    >\n      <ImageComponent\n        style={[styles.image, imageStyles, animatedImageStyle]}\n        onLoad={handleOnLoad}\n        source={source}\n        alt={isLoading ? '' : alt}\n        {...props}\n      />\n      {!hideLoader && isLoading && (\n        <View style={[styles.loadingBackground, loadingBackgroundStyles]}>\n          <Spinner size={loaderSize} style={styles.spinner} />\n        </View>\n      )}\n    </View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\ninterface Styles {\n  width: DimensionValue\n  height: DimensionValue\n  borderRadius: AnimatableNumericValue | string\n}\n\nconst useStyles = ({ width, height, borderRadius }: Styles) => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    loadingBackground: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      backgroundColor: colors.fillColorNeutral070,\n      borderRadius,\n      width,\n      height,\n    },\n    image: {\n      backgroundColor: colors.fillColorNeutral070,\n      width,\n      height,\n    },\n    spinner: {\n      width: '100%',\n      height: '100%',\n      justifyContent: 'center',\n      alignItems: 'center',\n      position: 'absolute',\n    },\n  })\n}\n"]}
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/components/display/image.tsx"],"names":[],"mappings":"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","sourcesContent":["import { noop } from 'lodash'\nimport React, { useState } from 'react'\nimport {\n  AnimatableNumericValue,\n  DimensionValue,\n  ImageStyle,\n  Image as ReactNativeImage,\n  ImageProps as ReactNativeImageProps,\n  StyleSheet,\n  View,\n  ViewStyle,\n} from 'react-native'\nimport Animated, { AnimatedStyle } from 'react-native-reanimated'\nimport { useTheme } from '../../hooks'\nimport { Spinner } from './spinner'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface ImageProps extends ReactNativeImageProps {\n  /**\n   * Describes the image to screen-readers and marks the image as `accessible`.\n   * Passing an empty string will hide the image from screen-readers.\n   */\n  alt: string\n  /**\n   * Shows the image's loading spinner right away. Enabled by default.\n   */\n  defaultLoading?: boolean\n  /**\n   * Externally controls the loading state of the image.\n   */\n  loading?: boolean\n  /**\n   * Hide the loading spinner, regardless of the loading state.\n   */\n  hideLoader?: boolean\n  /**\n   * Size of the loading spinner.\n   */\n  loaderSize?: number\n  /**\n   * Style object for the preload background.\n   */\n  loadingBackgroundStyles?: ViewStyle\n  /**\n   * Style the outer View of the image.\n   */\n  wrapperStyle?: ViewStyle\n  /**\n   * Style the image if animated.\n   */\n  animatedImageStyle?: AnimatedStyle<ImageStyle>\n}\n\nexport function Image({\n  source,\n  onLoad = noop,\n  defaultLoading = true,\n  loading = false,\n  hideLoader = false,\n  loaderSize = 24,\n  loadingBackgroundStyles,\n  style = {},\n  wrapperStyle = {},\n  alt,\n  animatedImageStyle = {},\n  ...props\n}: ImageProps) {\n  const [isImageLoading, setIsImageLoading] = useState(defaultLoading)\n\n  const imageStyles = StyleSheet.flatten(style)\n  const { width = '100%', height = '100%', borderRadius = 0 } = imageStyles || {}\n  const styles = useStyles({ width, height, borderRadius })\n\n  const handleOnLoad = (event: any) => {\n    setIsImageLoading(false)\n    onLoad?.(event)\n  }\n\n  const handleOnError = () => {\n    setIsImageLoading(false)\n  }\n\n  const isLoading = isImageLoading || loading\n\n  const ImageComponent = animatedImageStyle ? Animated.Image : ReactNativeImage\n\n  return (\n    <View\n      style={wrapperStyle}\n      accessible={Boolean(alt)}\n      accessibilityRole=\"image\"\n      accessibilityState={{ busy: isLoading }}\n      collapsable={false}\n    >\n      <ImageComponent\n        style={[styles.image, imageStyles, animatedImageStyle]}\n        onLoad={handleOnLoad}\n        onError={handleOnError}\n        source={source}\n        alt={isLoading ? '' : alt}\n        {...props}\n      />\n      {!hideLoader && isLoading && (\n        <View style={[styles.loadingBackground, loadingBackgroundStyles]}>\n          <Spinner size={loaderSize} style={styles.spinner} />\n        </View>\n      )}\n    </View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\ninterface Styles {\n  width: DimensionValue\n  height: DimensionValue\n  borderRadius: AnimatableNumericValue | string\n}\n\nconst useStyles = ({ width, height, borderRadius }: Styles) => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    loadingBackground: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      backgroundColor: colors.fillColorNeutral070,\n      borderRadius,\n      width,\n      height,\n    },\n    image: {\n      backgroundColor: colors.fillColorNeutral070,\n      width,\n      height,\n    },\n    spinner: {\n      width: '100%',\n      height: '100%',\n      justifyContent: 'center',\n      alignItems: 'center',\n      position: 'absolute',\n    },\n  })\n}\n"]}

package/build/components/display/index.d.ts

@@ -12,6 +12,7 @@ export * from './heading';
 export * from './icon_button';
 export * from './icon';
 export * from './image';
+export * from './file_attachment_preview';
 export * from './image_attachment_preview';
 export * from './video_attachment_preview';
 export * from './person';

package/build/components/display/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/display/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/display/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA"}

package/build/components/display/index.js

@@ -12,6 +12,7 @@ export * from './heading';
 export * from './icon_button';
 export * from './icon';
 export * from './image';
+export * from './file_attachment_preview';
 export * from './image_attachment_preview';
 export * from './video_attachment_preview';
 export * from './person';

package/build/components/display/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/display/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA","sourcesContent":["export * from './avatar_group'\nexport * from './avatar'\nexport * from './badge'\nexport * from './conversation_avatar'\nexport * from './emoji_avatar'\nexport * from './icon_avatar'\nexport * from './banner_collapsible'\nexport * from './banner'\nexport * from './button'\nexport * from './child_notice'\nexport * from './heading'\nexport * from './icon_button'\nexport * from './icon'\nexport * from './image'\nexport * from './image_attachment_preview'\nexport * from './video_attachment_preview'\nexport * from './person'\nexport * from './spinner'\nexport * from './switch'\nexport * from './text_button'\nexport * from './text_inline_button'\nexport * from './text'\nexport * from './toggle_button'\nexport * from './keyboard_view'\nexport * from './pressable_row'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/display/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA","sourcesContent":["export * from './avatar_group'\nexport * from './avatar'\nexport * from './badge'\nexport * from './conversation_avatar'\nexport * from './emoji_avatar'\nexport * from './icon_avatar'\nexport * from './banner_collapsible'\nexport * from './banner'\nexport * from './button'\nexport * from './child_notice'\nexport * from './heading'\nexport * from './icon_button'\nexport * from './icon'\nexport * from './image'\nexport * from './file_attachment_preview'\nexport * from './image_attachment_preview'\nexport * from './video_attachment_preview'\nexport * from './person'\nexport * from './spinner'\nexport * from './switch'\nexport * from './text_button'\nexport * from './text_inline_button'\nexport * from './text'\nexport * from './toggle_button'\nexport * from './keyboard_view'\nexport * from './pressable_row'\n"]}

package/build/hooks/attachments/fallback_chat_configuration.d.ts

@@ -1,4 +1,5 @@
 export declare const FALLBACK_ALLOWED_FILE_EXTENSIONS: string[];
+export declare const FALLBACK_ALLOWED_MIME_TYPES: string[];
 export declare const FALLBACK_MAX_FILE_SIZE_IN_BYTES: number;
 export declare const FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE = 10;
 //# sourceMappingURL=fallback_chat_configuration.d.ts.map

package/build/hooks/attachments/fallback_chat_configuration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fallback_chat_configuration.d.ts","sourceRoot":"","sources":["../../../src/hooks/attachments/fallback_chat_configuration.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,gCAAgC,UA8C5C,CAAA;AAED,eAAO,MAAM,+BAA+B,QAAmB,CAAA;AAE/D,eAAO,MAAM,oCAAoC,KAAK,CAAA"}
+{"version":3,"file":"fallback_chat_configuration.d.ts","sourceRoot":"","sources":["../../../src/hooks/attachments/fallback_chat_configuration.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,gCAAgC,UA8C5C,CAAA;AAMD,eAAO,MAAM,2BAA2B,UAkBvC,CAAA;AAED,eAAO,MAAM,+BAA+B,QAAmB,CAAA;AAE/D,eAAO,MAAM,oCAAoC,KAAK,CAAA"}

package/build/hooks/attachments/fallback_chat_configuration.js

@@ -54,6 +54,29 @@ export const FALLBACK_ALLOWED_FILE_EXTENSIONS = [
     '.xls',
     '.xlsx',
 ];
+// Broad MIME categories covering the extensions in
+// FALLBACK_ALLOWED_FILE_EXTENSIONS. Used to constrain native pickers up
+// front; final accept/reject still uses the extension list because the
+// picker's `type` filter is advisory on iOS and Android.
+export const FALLBACK_ALLOWED_MIME_TYPES = [
+    'image/*',
+    'video/*',
+    'audio/*',
+    'application/pdf',
+    'application/msword',
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    'application/vnd.ms-excel',
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    'application/vnd.ms-powerpoint',
+    'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+    'application/vnd.apple.pages',
+    'application/vnd.apple.numbers',
+    'application/vnd.apple.keynote',
+    'application/rtf',
+    'text/plain',
+    'text/rtf',
+    'text/vcard',
+];
 export const FALLBACK_MAX_FILE_SIZE_IN_BYTES = 50 * 1024 * 1024;
 export const FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE = 10;
 //# sourceMappingURL=fallback_chat_configuration.js.map

package/build/hooks/attachments/fallback_chat_configuration.js.map

@@ -1 +1 @@
-{"version":3,"file":"fallback_chat_configuration.js","sourceRoot":"","sources":["../../../src/hooks/attachments/fallback_chat_configuration.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,0EAA0E;AAC1E,0EAA0E;AAC1E,2BAA2B;AAC3B,EAAE;AACF,uEAAuE;AACvE,0EAA0E;AAC1E,yEAAyE;AACzE,6BAA6B;AAE7B,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,WAAW;IACX,OAAO;IACP,QAAQ;IACR,MAAM;IACN,UAAU;IACV,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,MAAM;IACN,MAAM;IACN,OAAO;CACR,CAAA;AAED,MAAM,CAAC,MAAM,+BAA+B,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAA;AAE/D,MAAM,CAAC,MAAM,oCAAoC,GAAG,EAAE,CAAA","sourcesContent":["// Fallback values for use_chat_configuration used when the API request fails.\n// Keeping a static copy here means an API outage doesn't block attachment\n// uploads entirely — users retain the behavior they had before the server\n// was the source of truth.\n//\n// The server is authoritative: if these values drift from the server's\n// ChatConfiguration, the server will still reject uploads that exceed its\n// own rules. These exist only to give the client something reasonable to\n// validate against up-front.\n\nexport const FALLBACK_ALLOWED_FILE_EXTENSIONS = [\n  '.3ga',\n  '.3gp',\n  '.aac',\n  '.amr',\n  '.avi',\n  '.bmp',\n  '.doc',\n  '.docx',\n  '.gif',\n  '.h263',\n  '.h264',\n  '.heic',\n  '.heif',\n  '.jpeg',\n  '.jpg',\n  '.key',\n  '.m4a',\n  '.m4b',\n  '.m4p',\n  '.m4r',\n  '.m4v',\n  '.mkv',\n  '.mov',\n  '.mp3',\n  '.mp4',\n  '.mp4-latm',\n  '.mpeg',\n  '.mpeg4',\n  '.mpg',\n  '.numbers',\n  '.ogg',\n  '.pages',\n  '.pdf',\n  '.png',\n  '.ppt',\n  '.pptx',\n  '.rtf',\n  '.txt',\n  '.vcf',\n  '.wav',\n  '.webm',\n  '.webp',\n  '.wmv',\n  '.xls',\n  '.xlsx',\n]\n\nexport const FALLBACK_MAX_FILE_SIZE_IN_BYTES = 50 * 1024 * 1024\n\nexport const FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE = 10\n"]}
+{"version":3,"file":"fallback_chat_configuration.js","sourceRoot":"","sources":["../../../src/hooks/attachments/fallback_chat_configuration.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,0EAA0E;AAC1E,0EAA0E;AAC1E,2BAA2B;AAC3B,EAAE;AACF,uEAAuE;AACvE,0EAA0E;AAC1E,yEAAyE;AACzE,6BAA6B;AAE7B,MAAM,CAAC,MAAM,gCAAgC,GAAG;IAC9C,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,WAAW;IACX,OAAO;IACP,QAAQ;IACR,MAAM;IACN,UAAU;IACV,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,MAAM;IACN,MAAM;IACN,OAAO;CACR,CAAA;AAED,mDAAmD;AACnD,wEAAwE;AACxE,uEAAuE;AACvE,yDAAyD;AACzD,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,SAAS;IACT,SAAS;IACT,SAAS;IACT,iBAAiB;IACjB,oBAAoB;IACpB,yEAAyE;IACzE,0BAA0B;IAC1B,mEAAmE;IACnE,+BAA+B;IAC/B,2EAA2E;IAC3E,6BAA6B;IAC7B,+BAA+B;IAC/B,+BAA+B;IAC/B,iBAAiB;IACjB,YAAY;IACZ,UAAU;IACV,YAAY;CACb,CAAA;AAED,MAAM,CAAC,MAAM,+BAA+B,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAA;AAE/D,MAAM,CAAC,MAAM,oCAAoC,GAAG,EAAE,CAAA","sourcesContent":["// Fallback values for use_chat_configuration used when the API request fails.\n// Keeping a static copy here means an API outage doesn't block attachment\n// uploads entirely — users retain the behavior they had before the server\n// was the source of truth.\n//\n// The server is authoritative: if these values drift from the server's\n// ChatConfiguration, the server will still reject uploads that exceed its\n// own rules. These exist only to give the client something reasonable to\n// validate against up-front.\n\nexport const FALLBACK_ALLOWED_FILE_EXTENSIONS = [\n  '.3ga',\n  '.3gp',\n  '.aac',\n  '.amr',\n  '.avi',\n  '.bmp',\n  '.doc',\n  '.docx',\n  '.gif',\n  '.h263',\n  '.h264',\n  '.heic',\n  '.heif',\n  '.jpeg',\n  '.jpg',\n  '.key',\n  '.m4a',\n  '.m4b',\n  '.m4p',\n  '.m4r',\n  '.m4v',\n  '.mkv',\n  '.mov',\n  '.mp3',\n  '.mp4',\n  '.mp4-latm',\n  '.mpeg',\n  '.mpeg4',\n  '.mpg',\n  '.numbers',\n  '.ogg',\n  '.pages',\n  '.pdf',\n  '.png',\n  '.ppt',\n  '.pptx',\n  '.rtf',\n  '.txt',\n  '.vcf',\n  '.wav',\n  '.webm',\n  '.webp',\n  '.wmv',\n  '.xls',\n  '.xlsx',\n]\n\n// Broad MIME categories covering the extensions in\n// FALLBACK_ALLOWED_FILE_EXTENSIONS. Used to constrain native pickers up\n// front; final accept/reject still uses the extension list because the\n// picker's `type` filter is advisory on iOS and Android.\nexport const FALLBACK_ALLOWED_MIME_TYPES = [\n  'image/*',\n  'video/*',\n  'audio/*',\n  'application/pdf',\n  'application/msword',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n  'application/vnd.ms-excel',\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n  'application/vnd.ms-powerpoint',\n  'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n  'application/vnd.apple.pages',\n  'application/vnd.apple.numbers',\n  'application/vnd.apple.keynote',\n  'application/rtf',\n  'text/plain',\n  'text/rtf',\n  'text/vcard',\n]\n\nexport const FALLBACK_MAX_FILE_SIZE_IN_BYTES = 50 * 1024 * 1024\n\nexport const FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE = 10\n"]}

package/build/hooks/use_chat_configuration.d.ts

@@ -1,5 +1,6 @@
 export declare function useChatConfiguration(): {
     allowedFileExtensions: string[];
+    allowedMimeTypes: string[];
     maxFileSizeInBytes: number;
     maxAttachmentsPerMessage: number;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"use_chat_configuration.d.ts","sourceRoot":"","sources":["../../src/hooks/use_chat_configuration.ts"],"names":[],"mappings":"AAkBA,wBAAgB,oBAAoB;;;;EAqBnC"}
+{"version":3,"file":"use_chat_configuration.d.ts","sourceRoot":"","sources":["../../src/hooks/use_chat_configuration.ts"],"names":[],"mappings":"AAmBA,wBAAgB,oBAAoB;;;;;EA4BnC"}

package/build/hooks/use_chat_configuration.js

@@ -1,6 +1,6 @@
 import { useSuspenseQuery } from '@tanstack/react-query';
 import { getChatConfigurationRequestArgs, getChatConfigurationQueryKey, } from '../utils/request/get_chat_configuration';
-import { FALLBACK_ALLOWED_FILE_EXTENSIONS, FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE, FALLBACK_MAX_FILE_SIZE_IN_BYTES, } from './attachments/fallback_chat_configuration';
+import { FALLBACK_ALLOWED_FILE_EXTENSIONS, FALLBACK_ALLOWED_MIME_TYPES, FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE, FALLBACK_MAX_FILE_SIZE_IN_BYTES, } from './attachments/fallback_chat_configuration';
 import { useApiClient } from './use_api_client';
 // Client-side mirror of ChatConfiguration (server is source of truth).
 // Returns fallback values if the API request fails so that the attachment
@@ -21,6 +21,13 @@ export function useChatConfiguration() {
     const attrs = data.data;
     return {
         allowedFileExtensions: attrs.allowedFileExtensions,
+        // During the server-side rollout the API may omit allowedMimeTypes.
+        // The static fallback covers the same set of file kinds as the server's
+        // hardcoded ALLOWED_FILE_EXTENSIONS, so the picker filter and the
+        // post-pick extension validator agree. Once the server always returns
+        // allowedMimeTypes, the resource type can tighten from optional to
+        // required and this nullish-coalesce becomes pure defense-in-depth.
+        allowedMimeTypes: attrs.allowedMimeTypes ?? FALLBACK_ALLOWED_MIME_TYPES,
         maxFileSizeInBytes: attrs.maxFileSizeInBytes,
         maxAttachmentsPerMessage: attrs.maxAttachmentsPerMessage,
     };
@@ -32,6 +39,7 @@ const stableFallbackConfiguration = {
         type: 'ChatConfiguration',
         id: 'current',
         allowedFileExtensions: FALLBACK_ALLOWED_FILE_EXTENSIONS,
+        allowedMimeTypes: FALLBACK_ALLOWED_MIME_TYPES,
         maxFileSizeInBytes: FALLBACK_MAX_FILE_SIZE_IN_BYTES,
         maxAttachmentsPerMessage: FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE,
     },

package/build/hooks/use_chat_configuration.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_chat_configuration.js","sourceRoot":"","sources":["../../src/hooks/use_chat_configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAGxD,OAAO,EACL,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,yCAAyC,CAAA;AAChD,OAAO,EACL,gCAAgC,EAChC,oCAAoC,EACpC,+BAA+B,GAChC,MAAM,2CAA2C,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,uEAAuE;AACvE,0EAA0E;AAC1E,oEAAoE;AACpE,iEAAiE;AACjE,MAAM,UAAU,oBAAoB;IAClC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,+BAA+B,EAAE,CAAA;IAErD,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC;QAChC,QAAQ,EAAE,4BAA4B,EAAE;QACxC,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,SAAS,CAAC,IAAI;iBAClB,GAAG,CAAyC,WAAW,CAAC;iBACxD,KAAK,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAA;QAC7C,CAAC;QACD,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,EAAE,EAAE,+BAA+B;KAC3D,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAA;IAEvB,OAAO;QACL,qBAAqB,EAAE,KAAK,CAAC,qBAAqB;QAClD,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;QAC5C,wBAAwB,EAAE,KAAK,CAAC,wBAAwB;KACzD,CAAA;AACH,CAAC;AAED,qEAAqE;AACrE,kCAAkC;AAClC,MAAM,2BAA2B,GAA2C;IAC1E,IAAI,EAAE;QACJ,IAAI,EAAE,mBAAmB;QACzB,EAAE,EAAE,SAAS;QACb,qBAAqB,EAAE,gCAAgC;QACvD,kBAAkB,EAAE,+BAA+B;QACnD,wBAAwB,EAAE,oCAAoC;KAC/D;IACD,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;CACT,CAAA","sourcesContent":["import { useSuspenseQuery } from '@tanstack/react-query'\nimport { ApiResource } from '../types'\nimport type { ChatConfigurationResource } from '../types/resources/chat_configuration_resource'\nimport {\n  getChatConfigurationRequestArgs,\n  getChatConfigurationQueryKey,\n} from '../utils/request/get_chat_configuration'\nimport {\n  FALLBACK_ALLOWED_FILE_EXTENSIONS,\n  FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE,\n  FALLBACK_MAX_FILE_SIZE_IN_BYTES,\n} from './attachments/fallback_chat_configuration'\nimport { useApiClient } from './use_api_client'\n\n// Client-side mirror of ChatConfiguration (server is source of truth).\n// Returns fallback values if the API request fails so that the attachment\n// UX keeps working during transient server issues. The server still\n// enforces its own limits — this hook only drives pre-upload UX.\nexport function useChatConfiguration() {\n  const apiClient = useApiClient()\n  const requestArgs = getChatConfigurationRequestArgs()\n\n  const { data } = useSuspenseQuery({\n    queryKey: getChatConfigurationQueryKey(),\n    queryFn: () => {\n      return apiClient.chat\n        .get<ApiResource<ChatConfigurationResource>>(requestArgs)\n        .catch(() => stableFallbackConfiguration)\n    },\n    staleTime: 1000 * 60 * 60, // 1 hour — this rarely changes\n  })\n\n  const attrs = data.data\n\n  return {\n    allowedFileExtensions: attrs.allowedFileExtensions,\n    maxFileSizeInBytes: attrs.maxFileSizeInBytes,\n    maxAttachmentsPerMessage: attrs.maxAttachmentsPerMessage,\n  }\n}\n\n// Shape matches what consumers see after transform_response flattens\n// attributes and camelCases keys.\nconst stableFallbackConfiguration: ApiResource<ChatConfigurationResource> = {\n  data: {\n    type: 'ChatConfiguration',\n    id: 'current',\n    allowedFileExtensions: FALLBACK_ALLOWED_FILE_EXTENSIONS,\n    maxFileSizeInBytes: FALLBACK_MAX_FILE_SIZE_IN_BYTES,\n    maxAttachmentsPerMessage: FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE,\n  },\n  links: {},\n  meta: {},\n}\n"]}
+{"version":3,"file":"use_chat_configuration.js","sourceRoot":"","sources":["../../src/hooks/use_chat_configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAGxD,OAAO,EACL,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,yCAAyC,CAAA;AAChD,OAAO,EACL,gCAAgC,EAChC,2BAA2B,EAC3B,oCAAoC,EACpC,+BAA+B,GAChC,MAAM,2CAA2C,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,uEAAuE;AACvE,0EAA0E;AAC1E,oEAAoE;AACpE,iEAAiE;AACjE,MAAM,UAAU,oBAAoB;IAClC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,+BAA+B,EAAE,CAAA;IAErD,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC;QAChC,QAAQ,EAAE,4BAA4B,EAAE;QACxC,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,SAAS,CAAC,IAAI;iBAClB,GAAG,CAAyC,WAAW,CAAC;iBACxD,KAAK,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,CAAA;QAC7C,CAAC;QACD,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,EAAE,EAAE,+BAA+B;KAC3D,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAA;IAEvB,OAAO;QACL,qBAAqB,EAAE,KAAK,CAAC,qBAAqB;QAClD,oEAAoE;QACpE,wEAAwE;QACxE,kEAAkE;QAClE,sEAAsE;QACtE,mEAAmE;QACnE,oEAAoE;QACpE,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,IAAI,2BAA2B;QACvE,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;QAC5C,wBAAwB,EAAE,KAAK,CAAC,wBAAwB;KACzD,CAAA;AACH,CAAC;AAED,qEAAqE;AACrE,kCAAkC;AAClC,MAAM,2BAA2B,GAA2C;IAC1E,IAAI,EAAE;QACJ,IAAI,EAAE,mBAAmB;QACzB,EAAE,EAAE,SAAS;QACb,qBAAqB,EAAE,gCAAgC;QACvD,gBAAgB,EAAE,2BAA2B;QAC7C,kBAAkB,EAAE,+BAA+B;QACnD,wBAAwB,EAAE,oCAAoC;KAC/D;IACD,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;CACT,CAAA","sourcesContent":["import { useSuspenseQuery } from '@tanstack/react-query'\nimport { ApiResource } from '../types'\nimport type { ChatConfigurationResource } from '../types/resources/chat_configuration_resource'\nimport {\n  getChatConfigurationRequestArgs,\n  getChatConfigurationQueryKey,\n} from '../utils/request/get_chat_configuration'\nimport {\n  FALLBACK_ALLOWED_FILE_EXTENSIONS,\n  FALLBACK_ALLOWED_MIME_TYPES,\n  FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE,\n  FALLBACK_MAX_FILE_SIZE_IN_BYTES,\n} from './attachments/fallback_chat_configuration'\nimport { useApiClient } from './use_api_client'\n\n// Client-side mirror of ChatConfiguration (server is source of truth).\n// Returns fallback values if the API request fails so that the attachment\n// UX keeps working during transient server issues. The server still\n// enforces its own limits — this hook only drives pre-upload UX.\nexport function useChatConfiguration() {\n  const apiClient = useApiClient()\n  const requestArgs = getChatConfigurationRequestArgs()\n\n  const { data } = useSuspenseQuery({\n    queryKey: getChatConfigurationQueryKey(),\n    queryFn: () => {\n      return apiClient.chat\n        .get<ApiResource<ChatConfigurationResource>>(requestArgs)\n        .catch(() => stableFallbackConfiguration)\n    },\n    staleTime: 1000 * 60 * 60, // 1 hour — this rarely changes\n  })\n\n  const attrs = data.data\n\n  return {\n    allowedFileExtensions: attrs.allowedFileExtensions,\n    // During the server-side rollout the API may omit allowedMimeTypes.\n    // The static fallback covers the same set of file kinds as the server's\n    // hardcoded ALLOWED_FILE_EXTENSIONS, so the picker filter and the\n    // post-pick extension validator agree. Once the server always returns\n    // allowedMimeTypes, the resource type can tighten from optional to\n    // required and this nullish-coalesce becomes pure defense-in-depth.\n    allowedMimeTypes: attrs.allowedMimeTypes ?? FALLBACK_ALLOWED_MIME_TYPES,\n    maxFileSizeInBytes: attrs.maxFileSizeInBytes,\n    maxAttachmentsPerMessage: attrs.maxAttachmentsPerMessage,\n  }\n}\n\n// Shape matches what consumers see after transform_response flattens\n// attributes and camelCases keys.\nconst stableFallbackConfiguration: ApiResource<ChatConfigurationResource> = {\n  data: {\n    type: 'ChatConfiguration',\n    id: 'current',\n    allowedFileExtensions: FALLBACK_ALLOWED_FILE_EXTENSIONS,\n    allowedMimeTypes: FALLBACK_ALLOWED_MIME_TYPES,\n    maxFileSizeInBytes: FALLBACK_MAX_FILE_SIZE_IN_BYTES,\n    maxAttachmentsPerMessage: FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE,\n  },\n  links: {},\n  meta: {},\n}\n"]}

package/build/types/resources/chat_configuration_resource.d.ts

@@ -2,6 +2,7 @@ export interface ChatConfigurationResource {
     type: 'ChatConfiguration';
     id: string;
     allowedFileExtensions: string[];
+    allowedMimeTypes?: string[];
     maxFileSizeInBytes: number;
     maxAttachmentsPerMessage: number;
 }

package/build/types/resources/chat_configuration_resource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat_configuration_resource.d.ts","sourceRoot":"","sources":["../../../src/types/resources/chat_configuration_resource.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,mBAAmB,CAAA;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,qBAAqB,EAAE,MAAM,EAAE,CAAA;IAC/B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,wBAAwB,EAAE,MAAM,CAAA;CACjC"}
+{"version":3,"file":"chat_configuration_resource.d.ts","sourceRoot":"","sources":["../../../src/types/resources/chat_configuration_resource.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,mBAAmB,CAAA;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,qBAAqB,EAAE,MAAM,EAAE,CAAA;IAI/B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,wBAAwB,EAAE,MAAM,CAAA;CACjC"}

package/build/types/resources/chat_configuration_resource.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat_configuration_resource.js","sourceRoot":"","sources":["../../../src/types/resources/chat_configuration_resource.ts"],"names":[],"mappings":"","sourcesContent":["// Shape after transform_response flattens attributes and camelCases keys.\n// The wire format uses snake_case nested under attributes (see the Rails\n// ChatConfigurationVertex); the JS client transforms it before consumers\n// see it.\nexport interface ChatConfigurationResource {\n  type: 'ChatConfiguration'\n  id: string\n  allowedFileExtensions: string[]\n  maxFileSizeInBytes: number\n  maxAttachmentsPerMessage: number\n}\n"]}
+{"version":3,"file":"chat_configuration_resource.js","sourceRoot":"","sources":["../../../src/types/resources/chat_configuration_resource.ts"],"names":[],"mappings":"","sourcesContent":["// Shape after transform_response flattens attributes and camelCases keys.\n// The wire format uses snake_case nested under attributes (see the Rails\n// ChatConfigurationVertex); the JS client transforms it before consumers\n// see it.\nexport interface ChatConfigurationResource {\n  type: 'ChatConfiguration'\n  id: string\n  allowedFileExtensions: string[]\n  // Optional during server-side rollout. Once the server always returns it,\n  // tighten to `string[]`. Until then, useChatConfiguration falls back to\n  // FALLBACK_ALLOWED_MIME_TYPES.\n  allowedMimeTypes?: string[]\n  maxFileSizeInBytes: number\n  maxAttachmentsPerMessage: number\n}\n"]}

package/build/utils/attachment_kind.d.ts

@@ -0,0 +1,5 @@
+import { IconString } from '../components/display/icon';
+export type AttachmentPreviewKind = 'image' | 'video' | 'file';
+export declare function pickAttachmentPreviewKind(type: string | undefined, name?: string): AttachmentPreviewKind;
+export declare function getAttachmentIconName(type: string | undefined): IconString;
+//# sourceMappingURL=attachment_kind.d.ts.map

package/build/utils/attachment_kind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment_kind.d.ts","sourceRoot":"","sources":["../../src/utils/attachment_kind.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAEvD,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AA0B9D,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,IAAI,CAAC,EAAE,MAAM,GACZ,qBAAqB,CAOvB;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAM1E"}

package/build/utils/attachment_kind.js

@@ -0,0 +1,46 @@
+// Document picker providers sometimes hand back assets without a usable
+// MIME type (Android `MediaStore` content URIs, some cloud-storage
+// providers). The asset's `type` then arrives as `application/octet-stream`
+// or undefined even though the file is genuinely an image or video. Fall
+// back to extension-based classification in that case so the preview
+// matches the actual content.
+const IMAGE_EXTENSIONS = new Set(['bmp', 'gif', 'heic', 'heif', 'jpeg', 'jpg', 'png', 'webp']);
+const VIDEO_EXTENSIONS = new Set([
+    '3gp',
+    'avi',
+    'h263',
+    'h264',
+    'm4v',
+    'mkv',
+    'mov',
+    'mp4',
+    'mpeg',
+    'mpeg4',
+    'mpg',
+    'webm',
+    'wmv',
+]);
+export function pickAttachmentPreviewKind(type, name) {
+    if (type?.startsWith('image/'))
+        return 'image';
+    if (type?.startsWith('video/'))
+        return 'video';
+    const ext = name?.split('.').pop()?.toLowerCase();
+    if (ext && IMAGE_EXTENSIONS.has(ext))
+        return 'image';
+    if (ext && VIDEO_EXTENSIONS.has(ext))
+        return 'video';
+    return 'file';
+}
+export function getAttachmentIconName(type) {
+    if (type?.startsWith('image/'))
+        return 'general.outlinedImageFile';
+    if (type?.startsWith('video/'))
+        return 'general.outlinedVideoFile';
+    if (type?.startsWith('audio/'))
+        return 'general.outlinedMusicFile';
+    if (type === 'application/pdf')
+        return 'general.outlinedPdfFile';
+    return 'general.outlinedGenericFile';
+}
+//# sourceMappingURL=attachment_kind.js.map

package/build/utils/attachment_kind.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment_kind.js","sourceRoot":"","sources":["../../src/utils/attachment_kind.ts"],"names":[],"mappings":"AAIA,wEAAwE;AACxE,mEAAmE;AACnE,4EAA4E;AAC5E,yEAAyE;AACzE,qEAAqE;AACrE,8BAA8B;AAC9B,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;AAE9F,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC;IAC/B,KAAK;IACL,KAAK;IACL,MAAM;IACN,MAAM;IACN,KAAK;IACL,KAAK;IACL,KAAK;IACL,KAAK;IACL,MAAM;IACN,OAAO;IACP,KAAK;IACL,MAAM;IACN,KAAK;CACN,CAAC,CAAA;AAEF,MAAM,UAAU,yBAAyB,CACvC,IAAwB,EACxB,IAAa;IAEb,IAAI,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;QAAE,OAAO,OAAO,CAAA;IAC9C,IAAI,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;QAAE,OAAO,OAAO,CAAA;IAC9C,MAAM,GAAG,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAA;IACjD,IAAI,GAAG,IAAI,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,OAAO,OAAO,CAAA;IACpD,IAAI,GAAG,IAAI,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,OAAO,OAAO,CAAA;IACpD,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,IAAwB;IAC5D,IAAI,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;QAAE,OAAO,2BAA2B,CAAA;IAClE,IAAI,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;QAAE,OAAO,2BAA2B,CAAA;IAClE,IAAI,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;QAAE,OAAO,2BAA2B,CAAA;IAClE,IAAI,IAAI,KAAK,iBAAiB;QAAE,OAAO,yBAAyB,CAAA;IAChE,OAAO,6BAA6B,CAAA;AACtC,CAAC","sourcesContent":["import { IconString } from '../components/display/icon'\n\nexport type AttachmentPreviewKind = 'image' | 'video' | 'file'\n\n// Document picker providers sometimes hand back assets without a usable\n// MIME type (Android `MediaStore` content URIs, some cloud-storage\n// providers). The asset's `type` then arrives as `application/octet-stream`\n// or undefined even though the file is genuinely an image or video. Fall\n// back to extension-based classification in that case so the preview\n// matches the actual content.\nconst IMAGE_EXTENSIONS = new Set(['bmp', 'gif', 'heic', 'heif', 'jpeg', 'jpg', 'png', 'webp'])\n\nconst VIDEO_EXTENSIONS = new Set([\n  '3gp',\n  'avi',\n  'h263',\n  'h264',\n  'm4v',\n  'mkv',\n  'mov',\n  'mp4',\n  'mpeg',\n  'mpeg4',\n  'mpg',\n  'webm',\n  'wmv',\n])\n\nexport function pickAttachmentPreviewKind(\n  type: string | undefined,\n  name?: string\n): AttachmentPreviewKind {\n  if (type?.startsWith('image/')) return 'image'\n  if (type?.startsWith('video/')) return 'video'\n  const ext = name?.split('.').pop()?.toLowerCase()\n  if (ext && IMAGE_EXTENSIONS.has(ext)) return 'image'\n  if (ext && VIDEO_EXTENSIONS.has(ext)) return 'video'\n  return 'file'\n}\n\nexport function getAttachmentIconName(type: string | undefined): IconString {\n  if (type?.startsWith('image/')) return 'general.outlinedImageFile'\n  if (type?.startsWith('video/')) return 'general.outlinedVideoFile'\n  if (type?.startsWith('audio/')) return 'general.outlinedMusicFile'\n  if (type === 'application/pdf') return 'general.outlinedPdfFile'\n  return 'general.outlinedGenericFile'\n}\n"]}

package/build/utils/index.d.ts

@@ -10,5 +10,6 @@ export * from './reaction_constants';
 export * from './destructure_chat_group_graph_id';
 export * from './convert_attachments_for_create';
 export * from './assert_keys_are_numbers';
+export * from './attachment_kind';
 export * from './system_messages';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA"}

package/build/utils/index.js

@@ -10,5 +10,6 @@ export * from './reaction_constants';
 export * from './destructure_chat_group_graph_id';
 export * from './convert_attachments_for_create';
 export * from './assert_keys_are_numbers';
+export * from './attachment_kind';
 export * from './system_messages';
 //# sourceMappingURL=index.js.map

package/build/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA","sourcesContent":["export * from './session'\nexport * from './theme'\nexport * from './styles'\nexport * from './client'\nexport * from './uri'\nexport * from './cache'\nexport * from './native_adapters'\nexport * from './pluralize'\nexport * from './reaction_constants'\nexport * from './destructure_chat_group_graph_id'\nexport * from './convert_attachments_for_create'\nexport * from './assert_keys_are_numbers'\nexport * from './system_messages'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA","sourcesContent":["export * from './session'\nexport * from './theme'\nexport * from './styles'\nexport * from './client'\nexport * from './uri'\nexport * from './cache'\nexport * from './native_adapters'\nexport * from './pluralize'\nexport * from './reaction_constants'\nexport * from './destructure_chat_group_graph_id'\nexport * from './convert_attachments_for_create'\nexport * from './assert_keys_are_numbers'\nexport * from './attachment_kind'\nexport * from './system_messages'\n"]}

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

@@ -13,11 +13,14 @@ type DocumentPickerCanceledResult = {
     assets: null;
 };
 export type DocumentPickerResult = DocumentPickerSuccessResult | DocumentPickerCanceledResult;
+export interface DocumentPickerOpenOptions {
+    mimeTypes?: string[];
+}
 interface DocumentPicker {
-    openAsync: () => Promise<DocumentPickerResult>;
+    openAsync: (options?: DocumentPickerOpenOptions) => Promise<DocumentPickerResult>;
 }
 export declare class DocumentPickerAdapter {
-    openAsync: () => Promise<DocumentPickerResult>;
+    openAsync: (options?: DocumentPickerOpenOptions) => Promise<DocumentPickerResult>;
     configured: boolean;
     constructor(methods?: DocumentPicker);
 }

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

@@ -1 +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,UAAU,cAAc;IACtB,SAAS,EAAE,MAAM,OAAO,CAAC,oBAAoB,CAAC,CAAA;CAC/C;AAED,qBAAa,qBAAqB;IAChC,SAAS,EAAE,MAAM,OAAO,CAAC,oBAAoB,CAAC,CAAA;IAC9C,UAAU,EAAE,OAAO,CAAA;gBAEP,OAAO,CAAC,EAAE,cAAc;CAIrC"}
+{"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,MAAM,WAAW,yBAAyB;IAIxC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;CACrB;AAED,UAAU,cAAc;IACtB,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,yBAAyB,KAAK,OAAO,CAAC,oBAAoB,CAAC,CAAA;CAClF;AAED,qBAAa,qBAAqB;IAChC,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,yBAAyB,KAAK,OAAO,CAAC,oBAAoB,CAAC,CAAA;IACjF,UAAU,EAAE,OAAO,CAAA;gBAEP,OAAO,CAAC,EAAE,cAAc;CAIrC"}

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

@@ -1 +1 @@
-{"version":3,"file":"document_picker.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/document_picker.ts"],"names":[],"mappings":"AAuBA,MAAM,OAAO,qBAAqB;IAChC,SAAS,CAAqC;IAC9C,UAAU,CAAS;IAEnB,YAAY,OAAwB;QAClC,IAAI,CAAC,SAAS,GAAG,OAAO,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QACvF,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,OAAO,CAAA;IAC7B,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\ninterface DocumentPicker {\n  openAsync: () => Promise<DocumentPickerResult>\n}\n\nexport class DocumentPickerAdapter {\n  openAsync: () => Promise<DocumentPickerResult>\n  configured: boolean\n\n  constructor(methods?: DocumentPicker) {\n    this.openAsync = methods?.openAsync ?? (async () => ({ canceled: true, assets: null }))\n    this.configured = !!methods\n  }\n}\n"]}
+{"version":3,"file":"document_picker.js","sourceRoot":"","sources":["../../../src/utils/native_adapters/document_picker.ts"],"names":[],"mappings":"AA8BA,MAAM,OAAO,qBAAqB;IAChC,SAAS,CAAwE;IACjF,UAAU,CAAS;IAEnB,YAAY,OAAwB;QAClC,IAAI,CAAC,SAAS,GAAG,OAAO,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QACvF,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,OAAO,CAAA;IAC7B,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 interface DocumentPickerOpenOptions {\n  // MIME types the picker should restrict to. Hosts forward to the\n  // underlying picker's `type` argument. Omitted/empty means no\n  // restriction (the picker behaves as before).\n  mimeTypes?: string[]\n}\n\ninterface DocumentPicker {\n  openAsync: (options?: DocumentPickerOpenOptions) => Promise<DocumentPickerResult>\n}\n\nexport class DocumentPickerAdapter {\n  openAsync: (options?: DocumentPickerOpenOptions) => Promise<DocumentPickerResult>\n  configured: boolean\n\n  constructor(methods?: DocumentPicker) {\n    this.openAsync = methods?.openAsync ?? (async () => ({ canceled: true, assets: null }))\n    this.configured = !!methods\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.34.0-rc.4",
+  "version": "3.34.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -65,5 +65,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "~5.9.2"
   },
-  "gitHead": "1dc683fa83955c4b35ef5b98f060ba75a85b464e"
+  "gitHead": "819a3311af600662814f2c10095c4089deac5775"
 }

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

@@ -4,6 +4,7 @@ import React, { Suspense } from 'react'
 import { buildTestQueryClient } from '../../__utils__/query_client'
 import {
   FALLBACK_ALLOWED_FILE_EXTENSIONS,
+  FALLBACK_ALLOWED_MIME_TYPES,
   FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE,
   FALLBACK_MAX_FILE_SIZE_IN_BYTES,
 } from '../../hooks/attachments/fallback_chat_configuration'
@@ -46,6 +47,7 @@ describe('useChatConfiguration', () => {
           type: 'ChatConfiguration',
           id: 'current',
           allowedFileExtensions: ['.pdf', '.jpg'],
+          allowedMimeTypes: ['application/pdf', 'image/jpeg'],
           maxFileSizeInBytes: 1000,
           maxAttachmentsPerMessage: 3,
         },
@@ -59,11 +61,34 @@ describe('useChatConfiguration', () => {
 
     expect(result.current).toEqual({
       allowedFileExtensions: ['.pdf', '.jpg'],
+      allowedMimeTypes: ['application/pdf', 'image/jpeg'],
       maxFileSizeInBytes: 1000,
       maxAttachmentsPerMessage: 3,
     })
   })
 
+  it('falls back to FALLBACK_ALLOWED_MIME_TYPES when the server omits the field', async () => {
+    // During server-side rollout the field may be absent from the response.
+    mockApiClient(() =>
+      Promise.resolve({
+        data: {
+          type: 'ChatConfiguration',
+          id: 'current',
+          allowedFileExtensions: ['.pdf'],
+          maxFileSizeInBytes: 1000,
+          maxAttachmentsPerMessage: 3,
+        },
+        links: {},
+        meta: {},
+      })
+    )
+
+    const { result } = renderHook(() => useChatConfiguration(), { wrapper: createWrapper() })
+    await waitForQuery()
+
+    expect(result.current.allowedMimeTypes).toEqual(FALLBACK_ALLOWED_MIME_TYPES)
+  })
+
   it('returns fallback values when the API rejects', async () => {
     mockApiClient(() => Promise.reject(new Error('boom')))
 
@@ -72,6 +97,7 @@ describe('useChatConfiguration', () => {
 
     expect(result.current).toEqual({
       allowedFileExtensions: FALLBACK_ALLOWED_FILE_EXTENSIONS,
+      allowedMimeTypes: FALLBACK_ALLOWED_MIME_TYPES,
       maxFileSizeInBytes: FALLBACK_MAX_FILE_SIZE_IN_BYTES,
       maxAttachmentsPerMessage: FALLBACK_MAX_ATTACHMENTS_PER_MESSAGE,
     })

package/src/components/conversation/attachments/generic_file_attachment.tsx

@@ -3,7 +3,7 @@ import React from 'react'
 import { StyleSheet, View } from 'react-native'
 import { useTheme } from '../../../hooks'
 import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'
-import { Linking } from '../../../utils'
+import { Linking, getAttachmentIconName } from '../../../utils'
 import { tokens } from '../../../vendor/tapestry/tokens'
 import { Icon } from '../../display'
 import { AttachmentCard, AttachmentCardTitle } from './attachment_card'
@@ -75,16 +75,3 @@ const useStyles = () => {
     },
   })
 }
-
-export function getAttachmentIconName(type: string) {
-  const isImage = type.startsWith('image/')
-  const isVideo = type.startsWith('video/')
-  const isAudio = type.startsWith('audio/')
-  const isPdf = type === 'application/pdf'
-
-  if (isImage) return 'general.outlinedImageFile'
-  if (isVideo) return 'general.outlinedVideoFile'
-  if (isAudio) return 'general.outlinedMusicFile'
-  if (isPdf) return 'general.outlinedPdfFile'
-  return 'general.outlinedGenericFile'
-}

package/src/components/conversation/message_form/message_form_attachment_file.tsx

@@ -0,0 +1,26 @@
+import React from 'react'
+import { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create'
+import { FileAttachmentPreview } from '../../display'
+
+interface Props {
+  status: FileAttachment['status']
+  name: string
+  contentType?: string
+  removeAttachment: () => void
+}
+
+export function MessageFormAttachmentFile({ name, contentType, status, removeAttachment }: Props) {
+  const loading = status === 'uploading'
+  const error = status === 'error'
+
+  return (
+    <FileAttachmentPreview
+      name={name}
+      contentType={contentType}
+      onRemovePress={removeAttachment}
+      loading={loading}
+      error={error}
+      hideRemoveButton={loading}
+    />
+  )
+}

package/src/components/conversation/message_form/message_form_attachment_video.tsx

@@ -11,7 +11,6 @@ interface Props {
 export function MessageFormAttachmentVideo({ name, status, removeAttachment }: Props) {
   const loading = status === 'uploading'
   const error = status === 'error'
-  const ready = status === 'success'
 
   return (
     <VideoAttachmentPreview
@@ -19,7 +18,7 @@ export function MessageFormAttachmentVideo({ name, status, removeAttachment }: P
       onRemovePress={removeAttachment}
       loading={loading}
       error={error}
-      hideRemoveButton={!ready}
+      hideRemoveButton={loading}
     />
   )
 }

package/src/components/conversation/message_form.tsx

@@ -23,6 +23,7 @@ import {
 } from '../../hooks'
 import { useAttachmentUploader } from '../../hooks/use_attachment_uploader'
 import { useBroadcastTypingStatus } from '../../hooks/use_broadcast_typing_status'
+import { useChatConfiguration } from '../../hooks/use_chat_configuration'
 import { useMessageCreateOrUpdate } from '../../hooks/use_message_create_or_update'
 import { useMessageDraft } from '../../hooks/use_message_draft'
 import { ConversationScreenProps } from '../../screens/conversation_screen'
@@ -36,6 +37,7 @@ import {
   platformFontWeightMedium,
   platformPressedOpacityStyle,
 } from '../../utils'
+import { pickAttachmentPreviewKind } from '../../utils/attachment_kind'
 import {
   DocumentPicker,
   DocumentPickerResult,
@@ -46,6 +48,7 @@ import {
 import { tokens } from '../../vendor/tapestry/tokens'
 import { Button } from '../display/button'
 import BannerPrimitive from '../primitive/banner_primitive'
+import { MessageFormAttachmentFile } from './message_form/message_form_attachment_file'
 import { MessageFormAttachmentImage } from './message_form/message_form_attachment_image'
 import { MessageFormAttachmentVideo } from './message_form/message_form_attachment_video'
 
@@ -286,15 +289,28 @@ function MessageFormAttachments() {
       contentContainerStyle={styles.messageFormAttachments}
     >
       {attachments.map(attachment => {
-        if (attachment.file.type.startsWith('video/')) {
+        const kind = pickAttachmentPreviewKind(attachment.file.type, attachment.file.name)
+        const remove = () => attachmentUploader?.removeAttachment(attachment)
+
+        if (kind === 'video') {
           return (
             <MessageFormAttachmentVideo
               key={attachment.file.uri}
               name={attachment.file.name}
               status={attachment.status}
-              removeAttachment={() => {
-                attachmentUploader?.removeAttachment(attachment)
-              }}
+              removeAttachment={remove}
+            />
+          )
+        }
+
+        if (kind === 'file') {
+          return (
+            <MessageFormAttachmentFile
+              key={attachment.file.uri}
+              name={attachment.file.name}
+              contentType={attachment.file.type}
+              status={attachment.status}
+              removeAttachment={remove}
             />
           )
         }
@@ -307,9 +323,7 @@ function MessageFormAttachments() {
             status={attachment.status}
             width={attachment.file.width}
             height={attachment.file.height}
-            removeAttachment={() => {
-              attachmentUploader?.removeAttachment(attachment)
-            }}
+            removeAttachment={remove}
           />
         )
       })}
@@ -503,6 +517,7 @@ function MessageFormAttachmentPicker() {
   const styles = useMessageFormStyles()
   const { usingGiphy, attachmentUploader, currentlyEditingMessage } =
     React.useContext(MessageFormContext)
+  const { allowedMimeTypes } = useChatConfiguration()
   const [isOpen, setIsOpen] = useState(false)
 
   function uploadImagePickerResult(result: ImagePickerResult) {
@@ -561,7 +576,7 @@ function MessageFormAttachmentPicker() {
 
   const pickFile = async () => {
     setIsOpen(false)
-    let result = await DocumentPicker.openAsync()
+    let result = await DocumentPicker.openAsync({ mimeTypes: allowedMimeTypes })
     if (!result.canceled) {
       uploadDocumentPickerResult(result)
     }