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

package/build/components/primitive/avatar_primitive.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar_primitive.js","sourceRoot":"","sources":["../../../src/components/primitive/avatar_primitive.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createContext, useContext, useEffect, useState } from 'react'\nimport { StyleSheet, View, ViewProps } from 'react-native'\nimport { useFontScale, useTheme } from '../../hooks'\nimport { MAX_FONT_SIZE_MULTIPLIER } from '../../utils'\nimport { Icon, IconString } from '../display/icon'\nimport { Image, ImageProps } from '../display/image'\nimport { Spinner } from '../display/spinner'\n\n// =================================\n// ====== Exports ==================\n// =================================\n\nconst Avatar = {\n  Root: AvatarRoot,\n  Image: AvatarImage,\n  ImageFallback: AvatarImageFallback,\n  Presence: AvatarPresence,\n  Group: AvatarGroup,\n  GroupLoader: AvatarGroupLoader,\n  Mask: AvatarMask,\n} as const\n\ntype AvatarComponents = {\n  Root: React.FC<AvatarRootProps>\n  Image: React.FC<AvatarImageProps>\n  ImageFallback: React.FC<AvatarImageFallbackProps>\n  Presence: React.FC<AvatarPresenceProps>\n  Group: React.FC<AvatarGroupProps>\n  GroupLoader: React.FC<Record<string, never>>\n  Mask: React.FC<AvatarMaskProps>\n}\n\nexport default Avatar as AvatarComponents\nexport type {\n  AvatarImageProps,\n  AvatarImageFallbackProps,\n  AvatarPresenceProps,\n  AvatarGroupProps,\n  AvatarMaskProps,\n  AvatarRootProps,\n}\n\n// =================================\n// ====== Constants & Types ========\n// =================================\n\nconst AVATAR_SIZES = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n} as const\n\nconst AVATAR_PRESENCE_TYPES = {\n  online: 'online',\n  offline: 'offline',\n} as const\n\n// Progrmatically creates type unions\ntype AvatarSize = (typeof AVATAR_SIZES)[keyof typeof AVATAR_SIZES]\ntype AvatarPresenceType = (typeof AVATAR_PRESENCE_TYPES)[keyof typeof AVATAR_PRESENCE_TYPES]\n\nconst AVATAR_PX: Record<AvatarSize, number> = {\n  [AVATAR_SIZES.xs]: 20,\n  [AVATAR_SIZES.sm]: 24,\n  [AVATAR_SIZES.md]: 32,\n  [AVATAR_SIZES.lg]: 40,\n}\n\nconst AVATAR_PRESENCE_PX: Record<AvatarSize, number> = {\n  [AVATAR_SIZES.xs]: 8,\n  [AVATAR_SIZES.sm]: 10,\n  [AVATAR_SIZES.md]: 12,\n  [AVATAR_SIZES.lg]: 14,\n}\n\nconst AVATAR_FALLBACK_ICON_PX: Record<AvatarSize, number> = {\n  [AVATAR_SIZES.xs]: 10,\n  [AVATAR_SIZES.sm]: 12,\n  [AVATAR_SIZES.md]: 16,\n  [AVATAR_SIZES.lg]: 20,\n}\n\n// =================================\n// ====== Context ==================\n// =================================\n\ninterface AvatarContextType {\n  size: AvatarSize\n  allImagesLoaded: boolean\n  setAllImagesLoaded: React.Dispatch<React.SetStateAction<boolean>>\n  maxFontSizeMultiplier: number\n  minFontSizeMultiplier?: number\n}\n\nconst AvatarContext = createContext<AvatarContextType | null>(null)\n\nfunction useAvatarContext() {\n  const context = useContext(AvatarContext)\n  if (!context) {\n    throw new Error('Avatar components must be used within Avatar.Root')\n  }\n  return context\n}\n\n// =================================\n// ====== AvatarRoot ===============\n// =================================\n\ninterface AvatarRootProps {\n  children: React.ReactNode\n  size?: AvatarSize\n  style?: ViewProps['style']\n  maxFontSizeMultiplier?: number\n  minFontSizeMultiplier?: number\n}\n\nfunction AvatarRoot({\n  children,\n  size = 'md',\n  style,\n  maxFontSizeMultiplier = MAX_FONT_SIZE_MULTIPLIER,\n  minFontSizeMultiplier = undefined,\n}: AvatarRootProps) {\n  const [allImagesLoaded, setAllImagesLoaded] = useState(false)\n  const styles = useStyles({ size, maxFontSizeMultiplier, minFontSizeMultiplier })\n\n  return (\n    <AvatarContext.Provider\n      value={{\n        size,\n        allImagesLoaded,\n        setAllImagesLoaded,\n        maxFontSizeMultiplier,\n        minFontSizeMultiplier,\n      }}\n    >\n      <View style={[styles.rootContainer, style]}>{children}</View>\n    </AvatarContext.Provider>\n  )\n}\n\nAvatarRoot.displayName = 'Avatar.Root'\n\n// =================================\n// ====== AvatarMask ===============\n// =================================\n\ntype AvatarMaskProps = ViewProps\n\nfunction AvatarMask({ children, ...props }: AvatarMaskProps) {\n  const { maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext()\n  const styles = useStyles({ maxFontSizeMultiplier, minFontSizeMultiplier })\n\n  return (\n    <View style={styles.mask} {...props}>\n      {children}\n    </View>\n  )\n}\n\nAvatarMask.displayName = 'Avatar.Mask'\n\n// =================================\n// ====== AvatarImage   ============\n// =================================\n\ninterface AvatarImageProps extends Omit<ImageProps, 'source' | 'alt'> {\n  sourceUri: string\n}\n\nfunction AvatarImage({ sourceUri, ...props }: AvatarImageProps) {\n  const { size, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext()\n  const fontScale = useFontScale({ maxFontSizeMultiplier, minFontSizeMultiplier })\n  const scaledAvatarSize = AVATAR_PX[size] * fontScale\n\n  return <Image source={{ uri: sourceUri }} loaderSize={scaledAvatarSize} {...props} alt=\"\" />\n}\n\nAvatarImage.displayName = 'Avatar.Image'\n\ninterface AvatarGroupImageProps {\n  sourceUri: string\n  style?: ImageProps['wrapperStyle']\n  onLoad?: () => void\n}\n\nfunction AvatarGroupImage({ sourceUri, style, onLoad }: AvatarGroupImageProps) {\n  return (\n    <Image source={{ uri: sourceUri }} hideLoader wrapperStyle={style} onLoad={onLoad} alt=\"\" />\n  )\n}\n\ninterface AvatarImageFallbackProps {\n  name?: IconString\n}\n\nfunction AvatarImageFallback({ name = 'general.person' }: AvatarImageFallbackProps) {\n  const { size, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext()\n  const styles = useStyles({ maxFontSizeMultiplier, minFontSizeMultiplier })\n  const fontScale = useFontScale({ maxFontSizeMultiplier, minFontSizeMultiplier })\n  const scaledIconSize = AVATAR_FALLBACK_ICON_PX[size] * fontScale\n\n  return (\n    <View style={styles.fallbackContainer}>\n      <Icon\n        name={name}\n        size={scaledIconSize}\n        style={styles.fallbackIcon}\n        accessibilityElementsHidden={true}\n      />\n    </View>\n  )\n}\n\nAvatarImageFallback.displayName = 'Avatar.ImageFallback'\n\n// =================================\n// ====== AvatarGroup   ============\n// =================================\n\ninterface AvatarGroupProps {\n  sourceUris: string[]\n}\n\ntype AvatarIndex = 0 | 1 | 2 | 3\n\nfunction AvatarGroup({ sourceUris }: AvatarGroupProps) {\n  const { setAllImagesLoaded, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext()\n  const styles = useStyles({ maxFontSizeMultiplier, minFontSizeMultiplier })\n  const [loadingStatus, setLoadingStatus] = useState<Record<AvatarIndex, boolean>>({\n    0: false,\n    1: false,\n    2: false,\n    3: false,\n  })\n  const displayUris = sourceUris.slice(0, 4)\n  const hasDisplayUris = displayUris.length > 0\n\n  const handleImageLoaded = (index: AvatarIndex) => {\n    setLoadingStatus(prev => ({\n      ...prev,\n      [index]: true,\n    }))\n  }\n\n  useEffect(() => {\n    const allImagesLoaded =\n      hasDisplayUris &&\n      displayUris.every((_, index) => loadingStatus[index as AvatarIndex] === true)\n\n    setAllImagesLoaded(allImagesLoaded)\n  }, [displayUris, hasDisplayUris, loadingStatus, setAllImagesLoaded])\n\n  if (displayUris.length === 1) {\n    return <AvatarGroupImage sourceUri={displayUris[0]} onLoad={() => handleImageLoaded(0)} />\n  }\n\n  if (displayUris.length === 2) {\n    return (\n      <View style={styles.groupRow}>\n        <AvatarGroupImage\n          sourceUri={displayUris[0]}\n          style={styles.halfWidthFullHeight}\n          onLoad={() => handleImageLoaded(0)}\n        />\n        <AvatarGroupImage\n          sourceUri={displayUris[1]}\n          style={styles.halfWidthFullHeight}\n          onLoad={() => handleImageLoaded(1)}\n        />\n      </View>\n    )\n  }\n\n  if (displayUris.length === 3) {\n    return (\n      <View style={styles.groupColumn}>\n        <View style={styles.groupRow}>\n          <AvatarGroupImage\n            sourceUri={displayUris[0]}\n            style={styles.halfWidthFullHeight}\n            onLoad={() => handleImageLoaded(0)}\n          />\n          <View style={styles.groupColumn}>\n            <AvatarGroupImage\n              sourceUri={displayUris[1]}\n              style={styles.fullWidthHalfHeight}\n              onLoad={() => handleImageLoaded(1)}\n            />\n            <AvatarGroupImage\n              sourceUri={displayUris[2]}\n              style={styles.fullWidthHalfHeight}\n              onLoad={() => handleImageLoaded(2)}\n            />\n          </View>\n        </View>\n      </View>\n    )\n  }\n\n  return (\n    <View style={styles.groupColumn}>\n      <View style={styles.groupRow}>\n        <AvatarGroupImage\n          sourceUri={displayUris[0]}\n          style={styles.halfWidthFullHeight}\n          onLoad={() => handleImageLoaded(0)}\n        />\n        <AvatarGroupImage\n          sourceUri={displayUris[1]}\n          style={styles.halfWidthFullHeight}\n          onLoad={() => handleImageLoaded(1)}\n        />\n      </View>\n      <View style={styles.groupRow}>\n        <AvatarGroupImage\n          sourceUri={displayUris[2]}\n          style={styles.halfWidthFullHeight}\n          onLoad={() => handleImageLoaded(2)}\n        />\n        <AvatarGroupImage\n          sourceUri={displayUris[3]}\n          style={styles.halfWidthFullHeight}\n          onLoad={() => handleImageLoaded(3)}\n        />\n      </View>\n    </View>\n  )\n}\n\nAvatarGroup.displayName = 'Avatar.Group'\n\n// =================================\n// ====== AvatarGroupLoader   =========\n// =================================\n\nfunction AvatarGroupLoader() {\n  const { size, allImagesLoaded, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext()\n  const styles = useStyles({ size, maxFontSizeMultiplier, minFontSizeMultiplier })\n  const fontScale = useFontScale({ maxFontSizeMultiplier, minFontSizeMultiplier })\n  const scaledSpinnerSize = AVATAR_PX[size] * fontScale\n\n  if (allImagesLoaded) return null\n\n  return (\n    <View style={styles.groupLoader}>\n      <Spinner size={scaledSpinnerSize} />\n    </View>\n  )\n}\n\nAvatarGroupLoader.displayName = 'Avatar.GroupLoader'\n\n// =================================\n// ====== AvatarPresence   =========\n// =================================\n\ninterface AvatarPresenceProps extends ViewProps {\n  presence: AvatarPresenceType\n}\n\nfunction AvatarPresence({ presence, ...props }: AvatarPresenceProps) {\n  const { size, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext()\n  const styles = useStyles({ size, presence, maxFontSizeMultiplier, minFontSizeMultiplier })\n\n  return <View style={styles.presence} {...props} />\n}\n\nAvatarPresence.displayName = 'Avatar.Presence'\n\n// =================================\n// ====== Styles ===================\n// =================================\n\ninterface Styles {\n  size?: AvatarSize\n  presence?: AvatarPresenceType\n  maxFontSizeMultiplier?: number\n  minFontSizeMultiplier?: number\n}\n\nconst useStyles = ({\n  size = 'md',\n  presence = 'offline',\n  maxFontSizeMultiplier = MAX_FONT_SIZE_MULTIPLIER,\n  minFontSizeMultiplier = undefined,\n}: Styles = {}) => {\n  const { colors } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier, minFontSizeMultiplier })\n  const PRESENCE_COLOR = {\n    online: colors.fillColorInteractionOnlineDefault,\n    offline: colors.iconColorDefaultDisabled,\n  }\n  const presenceDiameter = AVATAR_PRESENCE_PX[size] * fontScale\n  const avatarDiameter = AVATAR_PX[size] * fontScale\n  const groupGap = 1\n\n  return StyleSheet.create({\n    rootContainer: {\n      height: avatarDiameter,\n      width: avatarDiameter,\n    },\n    mask: {\n      borderRadius: avatarDiameter,\n      overflow: 'hidden',\n      width: '100%',\n      height: '100%',\n    },\n    presence: {\n      height: presenceDiameter,\n      width: presenceDiameter,\n      backgroundColor: PRESENCE_COLOR[presence],\n      borderColor: colors.fillColorNeutral100Inverted,\n      borderWidth: 2,\n      borderRadius: presenceDiameter,\n      position: 'absolute',\n      bottom: -1,\n      right: -1,\n    },\n    groupLoader: {\n      position: 'absolute',\n      borderRadius: avatarDiameter,\n      width: avatarDiameter,\n      height: avatarDiameter,\n    },\n    groupColumn: {\n      flex: 1,\n      gap: groupGap,\n    },\n    groupRow: {\n      flexDirection: 'row',\n      flex: 1,\n      gap: groupGap,\n    },\n    halfWidthFullHeight: {\n      width: '50%',\n      height: '100%',\n    },\n    fullWidthHalfHeight: {\n      width: '100%',\n      height: '50%',\n    },\n    fallbackContainer: {\n      flex: 1,\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: colors.fillColorNeutral070,\n    },\n    fallbackIcon: {\n      color: colors.iconColorDefaultDim,\n    },\n  })\n}\n"]}
+{"version":3,"file":"avatar_primitive.js","sourceRoot":"","sources":["../../../src/components/primitive/avatar_primitive.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createContext, useContext, useEffect, useState } from 'react'\nimport { StyleSheet, View, ViewProps } from 'react-native'\nimport { useFontScale, useTheme } from '../../hooks'\nimport { MAX_FONT_SIZE_MULTIPLIER } from '../../utils'\nimport { Icon, IconString } from '../display/icon'\nimport { Image, ImageProps } from '../display/image'\nimport { Spinner } from '../display/spinner'\n\n// =================================\n// ====== Exports ==================\n// =================================\n\nconst Avatar = {\n  Root: AvatarRoot,\n  Image: AvatarImage,\n  ImageFallback: AvatarImageFallback,\n  Presence: AvatarPresence,\n  Group: AvatarGroup,\n  GroupLoader: AvatarGroupLoader,\n  Mask: AvatarMask,\n} as const\n\ntype AvatarComponents = {\n  Root: React.FC<AvatarRootProps>\n  Image: React.FC<AvatarImageProps>\n  ImageFallback: React.FC<AvatarImageFallbackProps>\n  Presence: React.FC<AvatarPresenceProps>\n  Group: React.FC<AvatarGroupProps>\n  GroupLoader: React.FC<Record<string, never>>\n  Mask: React.FC<AvatarMaskProps>\n}\n\nexport default Avatar as AvatarComponents\nexport type {\n  AvatarImageProps,\n  AvatarImageFallbackProps,\n  AvatarPresenceProps,\n  AvatarGroupProps,\n  AvatarMaskProps,\n  AvatarRootProps,\n  AvatarSize,\n}\n\n// =================================\n// ====== Constants & Types ========\n// =================================\n\nconst AVATAR_SIZES = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n  xl: 'xl',\n  '2xl': '2xl',\n} as const\n\nconst AVATAR_PRESENCE_TYPES = {\n  online: 'online',\n  offline: 'offline',\n} as const\n\n// Progrmatically creates type unions\ntype AvatarSize = (typeof AVATAR_SIZES)[keyof typeof AVATAR_SIZES]\ntype AvatarPresenceType = (typeof AVATAR_PRESENCE_TYPES)[keyof typeof AVATAR_PRESENCE_TYPES]\n\nconst AVATAR_PX: Record<AvatarSize, number> = {\n  [AVATAR_SIZES.xs]: 20,\n  [AVATAR_SIZES.sm]: 24,\n  [AVATAR_SIZES.md]: 32,\n  [AVATAR_SIZES.lg]: 40,\n  [AVATAR_SIZES.xl]: 56,\n  [AVATAR_SIZES['2xl']]: 80,\n}\n\nconst AVATAR_PRESENCE_PX: Record<AvatarSize, number> = {\n  [AVATAR_SIZES.xs]: 8,\n  [AVATAR_SIZES.sm]: 10,\n  [AVATAR_SIZES.md]: 12,\n  [AVATAR_SIZES.lg]: 14,\n  [AVATAR_SIZES.xl]: 16,\n  [AVATAR_SIZES['2xl']]: 20,\n}\n\nconst AVATAR_FALLBACK_ICON_PX: Record<AvatarSize, number> = {\n  [AVATAR_SIZES.xs]: 10,\n  [AVATAR_SIZES.sm]: 12,\n  [AVATAR_SIZES.md]: 16,\n  [AVATAR_SIZES.lg]: 20,\n  [AVATAR_SIZES.xl]: 28,\n  [AVATAR_SIZES['2xl']]: 40,\n}\n\n// =================================\n// ====== Context ==================\n// =================================\n\ninterface AvatarContextType {\n  size: AvatarSize\n  allImagesLoaded: boolean\n  setAllImagesLoaded: React.Dispatch<React.SetStateAction<boolean>>\n  maxFontSizeMultiplier: number\n  minFontSizeMultiplier?: number\n}\n\nconst AvatarContext = createContext<AvatarContextType | null>(null)\n\nfunction useAvatarContext() {\n  const context = useContext(AvatarContext)\n  if (!context) {\n    throw new Error('Avatar components must be used within Avatar.Root')\n  }\n  return context\n}\n\n// =================================\n// ====== AvatarRoot ===============\n// =================================\n\ninterface AvatarRootProps {\n  children: React.ReactNode\n  size?: AvatarSize\n  style?: ViewProps['style']\n  maxFontSizeMultiplier?: number\n  minFontSizeMultiplier?: number\n}\n\nfunction AvatarRoot({\n  children,\n  size = 'md',\n  style,\n  maxFontSizeMultiplier = MAX_FONT_SIZE_MULTIPLIER,\n  minFontSizeMultiplier = undefined,\n}: AvatarRootProps) {\n  const [allImagesLoaded, setAllImagesLoaded] = useState(false)\n  const styles = useStyles({ size, maxFontSizeMultiplier, minFontSizeMultiplier })\n\n  return (\n    <AvatarContext.Provider\n      value={{\n        size,\n        allImagesLoaded,\n        setAllImagesLoaded,\n        maxFontSizeMultiplier,\n        minFontSizeMultiplier,\n      }}\n    >\n      <View style={[styles.rootContainer, style]}>{children}</View>\n    </AvatarContext.Provider>\n  )\n}\n\nAvatarRoot.displayName = 'Avatar.Root'\n\n// =================================\n// ====== AvatarMask ===============\n// =================================\n\ntype AvatarMaskProps = ViewProps\n\nfunction AvatarMask({ children, ...props }: AvatarMaskProps) {\n  const { size, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext()\n  const styles = useStyles({ size, maxFontSizeMultiplier, minFontSizeMultiplier })\n\n  return (\n    <View style={styles.mask} {...props}>\n      {children}\n    </View>\n  )\n}\n\nAvatarMask.displayName = 'Avatar.Mask'\n\n// =================================\n// ====== AvatarImage   ============\n// =================================\n\ninterface AvatarImageProps extends Omit<ImageProps, 'source' | 'alt'> {\n  sourceUri: string\n}\n\nfunction AvatarImage({ sourceUri, ...props }: AvatarImageProps) {\n  const { size, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext()\n  const fontScale = useFontScale({ maxFontSizeMultiplier, minFontSizeMultiplier })\n  const scaledAvatarSize = AVATAR_PX[size] * fontScale\n\n  return <Image source={{ uri: sourceUri }} loaderSize={scaledAvatarSize} {...props} alt=\"\" />\n}\n\nAvatarImage.displayName = 'Avatar.Image'\n\ninterface AvatarGroupImageProps {\n  sourceUri: string\n  style?: ImageProps['wrapperStyle']\n  onLoad?: () => void\n}\n\nfunction AvatarGroupImage({ sourceUri, style, onLoad }: AvatarGroupImageProps) {\n  return (\n    <Image source={{ uri: sourceUri }} hideLoader wrapperStyle={style} onLoad={onLoad} alt=\"\" />\n  )\n}\n\ninterface AvatarImageFallbackProps {\n  name?: IconString\n}\n\nfunction AvatarImageFallback({ name = 'general.person' }: AvatarImageFallbackProps) {\n  const { size, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext()\n  const styles = useStyles({ maxFontSizeMultiplier, minFontSizeMultiplier })\n  const fontScale = useFontScale({ maxFontSizeMultiplier, minFontSizeMultiplier })\n  const scaledIconSize = AVATAR_FALLBACK_ICON_PX[size] * fontScale\n\n  return (\n    <View style={styles.fallbackContainer}>\n      <Icon\n        name={name}\n        size={scaledIconSize}\n        style={styles.fallbackIcon}\n        accessibilityElementsHidden={true}\n      />\n    </View>\n  )\n}\n\nAvatarImageFallback.displayName = 'Avatar.ImageFallback'\n\n// =================================\n// ====== AvatarGroup   ============\n// =================================\n\ninterface AvatarGroupProps {\n  sourceUris: string[]\n}\n\ntype AvatarIndex = 0 | 1 | 2 | 3\n\nfunction AvatarGroup({ sourceUris }: AvatarGroupProps) {\n  const { setAllImagesLoaded, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext()\n  const styles = useStyles({ maxFontSizeMultiplier, minFontSizeMultiplier })\n  const [loadingStatus, setLoadingStatus] = useState<Record<AvatarIndex, boolean>>({\n    0: false,\n    1: false,\n    2: false,\n    3: false,\n  })\n  const displayUris = sourceUris.slice(0, 4)\n  const hasDisplayUris = displayUris.length > 0\n\n  const handleImageLoaded = (index: AvatarIndex) => {\n    setLoadingStatus(prev => ({\n      ...prev,\n      [index]: true,\n    }))\n  }\n\n  useEffect(() => {\n    const allImagesLoaded =\n      hasDisplayUris &&\n      displayUris.every((_, index) => loadingStatus[index as AvatarIndex] === true)\n\n    setAllImagesLoaded(allImagesLoaded)\n  }, [displayUris, hasDisplayUris, loadingStatus, setAllImagesLoaded])\n\n  if (displayUris.length === 1) {\n    return <AvatarGroupImage sourceUri={displayUris[0]} onLoad={() => handleImageLoaded(0)} />\n  }\n\n  if (displayUris.length === 2) {\n    return (\n      <View style={styles.groupRow}>\n        <AvatarGroupImage\n          sourceUri={displayUris[0]}\n          style={styles.halfWidthFullHeight}\n          onLoad={() => handleImageLoaded(0)}\n        />\n        <AvatarGroupImage\n          sourceUri={displayUris[1]}\n          style={styles.halfWidthFullHeight}\n          onLoad={() => handleImageLoaded(1)}\n        />\n      </View>\n    )\n  }\n\n  if (displayUris.length === 3) {\n    return (\n      <View style={styles.groupColumn}>\n        <View style={styles.groupRow}>\n          <AvatarGroupImage\n            sourceUri={displayUris[0]}\n            style={styles.halfWidthFullHeight}\n            onLoad={() => handleImageLoaded(0)}\n          />\n          <View style={styles.groupColumn}>\n            <AvatarGroupImage\n              sourceUri={displayUris[1]}\n              style={styles.fullWidthHalfHeight}\n              onLoad={() => handleImageLoaded(1)}\n            />\n            <AvatarGroupImage\n              sourceUri={displayUris[2]}\n              style={styles.fullWidthHalfHeight}\n              onLoad={() => handleImageLoaded(2)}\n            />\n          </View>\n        </View>\n      </View>\n    )\n  }\n\n  return (\n    <View style={styles.groupColumn}>\n      <View style={styles.groupRow}>\n        <AvatarGroupImage\n          sourceUri={displayUris[0]}\n          style={styles.halfWidthFullHeight}\n          onLoad={() => handleImageLoaded(0)}\n        />\n        <AvatarGroupImage\n          sourceUri={displayUris[1]}\n          style={styles.halfWidthFullHeight}\n          onLoad={() => handleImageLoaded(1)}\n        />\n      </View>\n      <View style={styles.groupRow}>\n        <AvatarGroupImage\n          sourceUri={displayUris[2]}\n          style={styles.halfWidthFullHeight}\n          onLoad={() => handleImageLoaded(2)}\n        />\n        <AvatarGroupImage\n          sourceUri={displayUris[3]}\n          style={styles.halfWidthFullHeight}\n          onLoad={() => handleImageLoaded(3)}\n        />\n      </View>\n    </View>\n  )\n}\n\nAvatarGroup.displayName = 'Avatar.Group'\n\n// =================================\n// ====== AvatarGroupLoader   =========\n// =================================\n\nfunction AvatarGroupLoader() {\n  const { size, allImagesLoaded, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext()\n  const styles = useStyles({ size, maxFontSizeMultiplier, minFontSizeMultiplier })\n  const fontScale = useFontScale({ maxFontSizeMultiplier, minFontSizeMultiplier })\n  const scaledSpinnerSize = AVATAR_PX[size] * fontScale\n\n  if (allImagesLoaded) return null\n\n  return (\n    <View style={styles.groupLoader}>\n      <Spinner size={scaledSpinnerSize} />\n    </View>\n  )\n}\n\nAvatarGroupLoader.displayName = 'Avatar.GroupLoader'\n\n// =================================\n// ====== AvatarPresence   =========\n// =================================\n\ninterface AvatarPresenceProps extends ViewProps {\n  presence: AvatarPresenceType\n}\n\nfunction AvatarPresence({ presence, ...props }: AvatarPresenceProps) {\n  const { size, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext()\n  const styles = useStyles({ size, presence, maxFontSizeMultiplier, minFontSizeMultiplier })\n\n  return <View style={styles.presence} {...props} />\n}\n\nAvatarPresence.displayName = 'Avatar.Presence'\n\n// =================================\n// ====== Styles ===================\n// =================================\n\ninterface Styles {\n  size?: AvatarSize\n  presence?: AvatarPresenceType\n  maxFontSizeMultiplier?: number\n  minFontSizeMultiplier?: number\n}\n\nconst useStyles = ({\n  size = 'md',\n  presence = 'offline',\n  maxFontSizeMultiplier = MAX_FONT_SIZE_MULTIPLIER,\n  minFontSizeMultiplier = undefined,\n}: Styles = {}) => {\n  const { colors } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier, minFontSizeMultiplier })\n  const PRESENCE_COLOR = {\n    online: colors.fillColorInteractionOnlineDefault,\n    offline: colors.iconColorDefaultDisabled,\n  }\n  const presenceDiameter = AVATAR_PRESENCE_PX[size] * fontScale\n  const avatarDiameter = AVATAR_PX[size] * fontScale\n  const groupGap = 1\n\n  return StyleSheet.create({\n    rootContainer: {\n      height: avatarDiameter,\n      width: avatarDiameter,\n    },\n    mask: {\n      borderRadius: avatarDiameter,\n      overflow: 'hidden',\n      width: '100%',\n      height: '100%',\n    },\n    presence: {\n      height: presenceDiameter,\n      width: presenceDiameter,\n      backgroundColor: PRESENCE_COLOR[presence],\n      borderColor: colors.fillColorNeutral100Inverted,\n      borderWidth: 2,\n      borderRadius: presenceDiameter,\n      position: 'absolute',\n      bottom: -1,\n      right: -1,\n    },\n    groupLoader: {\n      position: 'absolute',\n      borderRadius: avatarDiameter,\n      width: avatarDiameter,\n      height: avatarDiameter,\n    },\n    groupColumn: {\n      flex: 1,\n      gap: groupGap,\n    },\n    groupRow: {\n      flexDirection: 'row',\n      flex: 1,\n      gap: groupGap,\n    },\n    halfWidthFullHeight: {\n      width: '50%',\n      height: '100%',\n    },\n    fullWidthHalfHeight: {\n      width: '100%',\n      height: '50%',\n    },\n    fallbackContainer: {\n      flex: 1,\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: colors.fillColorNeutral070,\n    },\n    fallbackIcon: {\n      color: colors.iconColorDefaultDim,\n    },\n  })\n}\n"]}

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

@@ -0,0 +1,4 @@
+export declare const FALLBACK_ALLOWED_FILE_EXTENSIONS: 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

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

package/build/hooks/attachments/fallback_chat_configuration.js

@@ -0,0 +1,59 @@
+// Fallback values for use_chat_configuration used when the API request fails.
+// Keeping a static copy here means an API outage doesn't block attachment
+// uploads entirely — users retain the behavior they had before the server
+// was the source of truth.
+//
+// The server is authoritative: if these values drift from the server's
+// ChatConfiguration, the server will still reject uploads that exceed its
+// own rules. These exist only to give the client something reasonable to
+// validate against up-front.
+export const FALLBACK_ALLOWED_FILE_EXTENSIONS = [
+    '.3ga',
+    '.3gp',
+    '.aac',
+    '.amr',
+    '.avi',
+    '.bmp',
+    '.doc',
+    '.docx',
+    '.gif',
+    '.h263',
+    '.h264',
+    '.heic',
+    '.heif',
+    '.jpeg',
+    '.jpg',
+    '.key',
+    '.m4a',
+    '.m4b',
+    '.m4p',
+    '.m4r',
+    '.m4v',
+    '.mkv',
+    '.mov',
+    '.mp3',
+    '.mp4',
+    '.mp4-latm',
+    '.mpeg',
+    '.mpeg4',
+    '.mpg',
+    '.numbers',
+    '.ogg',
+    '.pages',
+    '.pdf',
+    '.png',
+    '.ppt',
+    '.pptx',
+    '.rtf',
+    '.txt',
+    '.vcf',
+    '.wav',
+    '.webm',
+    '.webp',
+    '.wmv',
+    '.xls',
+    '.xlsx',
+];
+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

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

package/build/hooks/groups/use_groups_conversation_create.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_groups_conversation_create.d.ts","sourceRoot":"","sources":["../../../src/hooks/groups/use_groups_conversation_create.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAkB,MAAM,aAAa,CAAA;AAI/E,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C;AAED,wBAAgB,2BAA2B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,8GAqCzF"}
+{"version":3,"file":"use_groups_conversation_create.d.ts","sourceRoot":"","sources":["../../../src/hooks/groups/use_groups_conversation_create.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAkB,MAAM,aAAa,CAAA;AAI/E,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C;AAED,wBAAgB,2BAA2B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,8GAsCzF"}

package/build/hooks/groups/use_groups_conversation_create.js

@@ -6,7 +6,7 @@ export function useGroupsConversationCreate({ groupId, title, genderId, onSucces
     return useMutation({
         throwOnError: true,
         onSuccess: result => {
-            onSuccess && onSuccess(result.data.id);
+            onSuccess(result.data.id);
         },
         mutationFn: () => apiClient.groups
             .post({

package/build/hooks/groups/use_groups_conversation_create.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_groups_conversation_create.js","sourceRoot":"","sources":["../../../src/hooks/groups/use_groups_conversation_create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAShD,MAAM,UAAU,2BAA2B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAS;IACxF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,OAAO,WAAW,CAAC;QACjB,YAAY,EAAE,IAAI;QAClB,SAAS,EAAE,MAAM,CAAC,EAAE;YAClB,SAAS,IAAI,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QACxC,CAAC;QACD,UAAU,EAAE,GAAG,EAAE,CACf,SAAS,CAAC,MAAM;aACb,IAAI,CAAuC;YAC1C,GAAG,EAAE,cAAc,OAAO,4BAA4B;YACtD,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,EAAE;oBACR,UAAU,EAAE;wBACV,KAAK;qBACN;iBACF;aACF;SACF,CAAC;aACD,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;aAC3B,IAAI,CAAC,OAAO,CAAC,EAAE,CACd,SAAS,CAAC,IAAI,CAAC,IAAI,CAAoC;YACrD,GAAG,EAAE,mBAAmB;YACxB,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,cAAc;oBACpB,UAAU,EAAE;wBACV,OAAO;wBACP,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;qBAC7C;iBACF;aACF;SACF,CAAC,CACH;aACA,KAAK,CAAC,kBAAkB,CAAC;KAC/B,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import { useMutation } from '@tanstack/react-query'\nimport { ApiResource, ConversationResource, ResourceObject } from '../../types'\nimport { throwResponseError } from '../../utils/response_error'\nimport { useApiClient } from '../use_api_client'\n\ninterface Props {\n  groupId: number\n  title?: string\n  genderId?: string | null\n  onSuccess: (conversationId: number) => void\n}\n\nexport function useGroupsConversationCreate({ groupId, title, genderId, onSuccess }: Props) {\n  const apiClient = useApiClient()\n  return useMutation({\n    throwOnError: true,\n    onSuccess: result => {\n      onSuccess && onSuccess(result.data.id)\n    },\n    mutationFn: () =>\n      apiClient.groups\n        .post<ApiResource<ChatConversationPayload>>({\n          url: `/me/groups/${groupId}/chat_conversation_payload`,\n          data: {\n            data: {\n              type: '',\n              attributes: {\n                title,\n              },\n            },\n          },\n        })\n        .then(res => res.data.value)\n        .then(payload =>\n          apiClient.chat.post<ApiResource<ConversationResource>>({\n            url: '/me/conversations',\n            data: {\n              data: {\n                type: 'Conversation',\n                attributes: {\n                  payload,\n                  ...(genderId ? { gender_id: genderId } : {}),\n                },\n              },\n            },\n          })\n        )\n        .catch(throwResponseError),\n  })\n}\n\ninterface ChatConversationPayload extends ResourceObject {\n  value: string\n}\n"]}
+{"version":3,"file":"use_groups_conversation_create.js","sourceRoot":"","sources":["../../../src/hooks/groups/use_groups_conversation_create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAShD,MAAM,UAAU,2BAA2B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAS;IACxF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,WAAW,CAAC;QACjB,YAAY,EAAE,IAAI;QAClB,SAAS,EAAE,MAAM,CAAC,EAAE;YAClB,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAC3B,CAAC;QACD,UAAU,EAAE,GAAG,EAAE,CACf,SAAS,CAAC,MAAM;aACb,IAAI,CAAuC;YAC1C,GAAG,EAAE,cAAc,OAAO,4BAA4B;YACtD,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,EAAE;oBACR,UAAU,EAAE;wBACV,KAAK;qBACN;iBACF;aACF;SACF,CAAC;aACD,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;aAC3B,IAAI,CAAC,OAAO,CAAC,EAAE,CACd,SAAS,CAAC,IAAI,CAAC,IAAI,CAAoC;YACrD,GAAG,EAAE,mBAAmB;YACxB,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,cAAc;oBACpB,UAAU,EAAE;wBACV,OAAO;wBACP,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;qBAC7C;iBACF;aACF;SACF,CAAC,CACH;aACA,KAAK,CAAC,kBAAkB,CAAC;KAC/B,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import { useMutation } from '@tanstack/react-query'\nimport { ApiResource, ConversationResource, ResourceObject } from '../../types'\nimport { throwResponseError } from '../../utils/response_error'\nimport { useApiClient } from '../use_api_client'\n\ninterface Props {\n  groupId: number\n  title?: string\n  genderId?: string | null\n  onSuccess: (conversationId: number) => void\n}\n\nexport function useGroupsConversationCreate({ groupId, title, genderId, onSuccess }: Props) {\n  const apiClient = useApiClient()\n\n  return useMutation({\n    throwOnError: true,\n    onSuccess: result => {\n      onSuccess(result.data.id)\n    },\n    mutationFn: () =>\n      apiClient.groups\n        .post<ApiResource<ChatConversationPayload>>({\n          url: `/me/groups/${groupId}/chat_conversation_payload`,\n          data: {\n            data: {\n              type: '',\n              attributes: {\n                title,\n              },\n            },\n          },\n        })\n        .then(res => res.data.value)\n        .then(payload =>\n          apiClient.chat.post<ApiResource<ConversationResource>>({\n            url: '/me/conversations',\n            data: {\n              data: {\n                type: 'Conversation',\n                attributes: {\n                  payload,\n                  ...(genderId ? { gender_id: genderId } : {}),\n                },\n              },\n            },\n          })\n        )\n        .catch(throwResponseError),\n  })\n}\n\ninterface ChatConversationPayload extends ResourceObject {\n  value: string\n}\n"]}

package/build/hooks/services/use_find_or_create_services_conversation.d.ts

@@ -3,7 +3,9 @@ import { ApiClient } from '../use_api_client';
 interface Props {
     teamIds?: number[];
     planId?: number;
-    onSuccess?: (conversation: ConversationResource) => void;
+    onSuccess?: (conversation: ConversationResource, meta: {
+        created: boolean;
+    }) => void;
 }
 interface TeamAndPlanParams {
     team_id?: string | null;
@@ -20,14 +22,20 @@ export declare const useFindOrCreateServicesConversation: ({ teamIds, planId, on
     isPending: false;
     isSuccess: false;
     status: "idle";
-    mutate: import("@tanstack/react-query").UseMutateFunction<ConversationResource, Error, void, unknown>;
+    mutate: import("@tanstack/react-query").UseMutateFunction<{
+        conversation: ConversationResource;
+        created: boolean;
+    }, Error, void, unknown>;
     reset: () => void;
     context: unknown;
     failureCount: number;
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ConversationResource, Error, void, unknown>;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<{
+        conversation: ConversationResource;
+        created: boolean;
+    }, Error, void, unknown>;
 } | {
     selectionHasConversation: boolean;
     isLoadingConversationCheck: boolean;
@@ -39,14 +47,20 @@ export declare const useFindOrCreateServicesConversation: ({ teamIds, planId, on
     isPending: true;
     isSuccess: false;
     status: "pending";
-    mutate: import("@tanstack/react-query").UseMutateFunction<ConversationResource, Error, void, unknown>;
+    mutate: import("@tanstack/react-query").UseMutateFunction<{
+        conversation: ConversationResource;
+        created: boolean;
+    }, Error, void, unknown>;
     reset: () => void;
     context: unknown;
     failureCount: number;
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ConversationResource, Error, void, unknown>;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<{
+        conversation: ConversationResource;
+        created: boolean;
+    }, Error, void, unknown>;
 } | {
     selectionHasConversation: boolean;
     isLoadingConversationCheck: boolean;
@@ -58,18 +72,27 @@ export declare const useFindOrCreateServicesConversation: ({ teamIds, planId, on
     isPending: false;
     isSuccess: false;
     status: "error";
-    mutate: import("@tanstack/react-query").UseMutateFunction<ConversationResource, Error, void, unknown>;
+    mutate: import("@tanstack/react-query").UseMutateFunction<{
+        conversation: ConversationResource;
+        created: boolean;
+    }, Error, void, unknown>;
     reset: () => void;
     context: unknown;
     failureCount: number;
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ConversationResource, Error, void, unknown>;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<{
+        conversation: ConversationResource;
+        created: boolean;
+    }, Error, void, unknown>;
 } | {
     selectionHasConversation: boolean;
     isLoadingConversationCheck: boolean;
-    data: ConversationResource;
+    data: {
+        conversation: ConversationResource;
+        created: boolean;
+    };
     error: null;
     variables: void;
     isError: false;
@@ -77,16 +100,25 @@ export declare const useFindOrCreateServicesConversation: ({ teamIds, planId, on
     isPending: false;
     isSuccess: true;
     status: "success";
-    mutate: import("@tanstack/react-query").UseMutateFunction<ConversationResource, Error, void, unknown>;
+    mutate: import("@tanstack/react-query").UseMutateFunction<{
+        conversation: ConversationResource;
+        created: boolean;
+    }, Error, void, unknown>;
     reset: () => void;
     context: unknown;
     failureCount: number;
     failureReason: Error | null;
     isPaused: boolean;
     submittedAt: number;
-    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<ConversationResource, Error, void, unknown>;
+    mutateAsync: import("@tanstack/react-query").UseMutateAsyncFunction<{
+        conversation: ConversationResource;
+        created: boolean;
+    }, Error, void, unknown>;
 };
-export declare const findOrCreateServicesConversation: (apiClient: ApiClient, teamAndPlanParams: TeamAndPlanParams) => Promise<ConversationResource>;
+export declare const findOrCreateServicesConversation: (apiClient: ApiClient, teamAndPlanParams: TeamAndPlanParams) => Promise<{
+    conversation: ConversationResource;
+    created: boolean;
+}>;
 export declare const fetchServicesPayload: (apiClient: ApiClient, teamAndPlanParams: TeamAndPlanParams) => Promise<ApiResource<ServicesChatPayloadResource>>;
 export declare const getGroupIdsFromServices: (apiClient: ApiClient, teamAndPlanParams: TeamAndPlanParams) => Promise<ApiResource<ServicesChatGroupIdentifiersResource>>;
 export declare const findConversationWithExactTeams: (apiClient: ApiClient, groupIdentifiers: string[]) => Promise<ApiCollection<ConversationResource>>;

package/build/hooks/services/use_find_or_create_services_conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_find_or_create_services_conversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/services/use_find_or_create_services_conversation.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,aAAa,EACb,WAAW,EACX,oBAAoB,EACpB,oCAAoC,EACpC,2BAA2B,EAC5B,MAAM,aAAa,CAAA;AAEpB,OAAO,EAAE,SAAS,EAAgB,MAAM,mBAAmB,CAAA;AAE3D,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,oBAAoB,KAAK,IAAI,CAAA;CACzD;AAED,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,mCAAmC,mCAAoC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BxF,CAAA;AAED,eAAO,MAAM,gCAAgC,cAChC,SAAS,qBACD,iBAAiB,kCAiBrC,CAAA;AAED,eAAO,MAAM,oBAAoB,cACpB,SAAS,qBACD,iBAAiB,KAU9B,OAAO,CAAC,WAAW,CAAC,2BAA2B,CAAC,CACvD,CAAA;AAED,eAAO,MAAM,uBAAuB,cACvB,SAAS,qBACD,iBAAiB,KAU9B,OAAO,CAAC,WAAW,CAAC,oCAAoC,CAAC,CAChE,CAAA;AAED,eAAO,MAAM,8BAA8B,cAC9B,SAAS,oBACF,MAAM,EAAE,KAWpB,OAAO,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAClD,CAAA;AAED,eAAO,MAAM,kBAAkB,cAAe,SAAS,WAAW,MAAM,KAMhE,OAAO,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAChD,CAAA;AAED,eAAO,MAAM,yBAAyB,cAAe,SAAS,oBAAoB,MAAM,EAAE,KAUlF,OAAO,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAClD,CAAA;AAED,eAAO,MAAM,kCAAkC,cAClC,SAAS,qBACD,iBAAiB,qBAMrC,CAAA;AAED,eAAO,MAAM,sBAAsB,aAAa,MAAM,EAAE,WAAgB,MAAM,6DAQ7E,CAAA"}
+{"version":3,"file":"use_find_or_create_services_conversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/services/use_find_or_create_services_conversation.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,aAAa,EACb,WAAW,EACX,oBAAoB,EACpB,oCAAoC,EACpC,2BAA2B,EAC5B,MAAM,aAAa,CAAA;AAEpB,OAAO,EAAE,SAAS,EAAgB,MAAM,mBAAmB,CAAA;AAE3D,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,oBAAoB,EAAE,IAAI,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;CACrF;AAED,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,mCAAmC,mCAAoC,KAAK;;;;;;;;;;;;sBAoC9D,oBAAoB;iBAAW,OAAO;;;;;;;;;sBAAtC,oBAAoB;iBAAW,OAAO;;;;;;;;;;;;;;sBAAtC,oBAAoB;iBAAW,OAAO;;;;;;;;;sBAAtC,oBAAoB;iBAAW,OAAO;;;;;;;;;;;;;;sBAAtC,oBAAoB;iBAAW,OAAO;;;;;;;;;sBAAtC,oBAAoB;iBAAW,OAAO;;;;;;sBAAtC,oBAAoB;iBAAW,OAAO;;;;;;;;;;sBAAtC,oBAAoB;iBAAW,OAAO;;;;;;;;;sBAAtC,oBAAoB;iBAAW,OAAO;;CALhE,CAAA;AAED,eAAO,MAAM,gCAAgC,cAChC,SAAS,qBACD,iBAAiB,KACnC,OAAO,CAAC;IAAE,YAAY,EAAE,oBAAoB,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAgBlE,CAAA;AAED,eAAO,MAAM,oBAAoB,cACpB,SAAS,qBACD,iBAAiB,KAU9B,OAAO,CAAC,WAAW,CAAC,2BAA2B,CAAC,CACvD,CAAA;AAED,eAAO,MAAM,uBAAuB,cACvB,SAAS,qBACD,iBAAiB,KAU9B,OAAO,CAAC,WAAW,CAAC,oCAAoC,CAAC,CAChE,CAAA;AAED,eAAO,MAAM,8BAA8B,cAC9B,SAAS,oBACF,MAAM,EAAE,KAWpB,OAAO,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAClD,CAAA;AAED,eAAO,MAAM,kBAAkB,cAAe,SAAS,WAAW,MAAM,KAMhE,OAAO,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAChD,CAAA;AAED,eAAO,MAAM,yBAAyB,cAAe,SAAS,oBAAoB,MAAM,EAAE,KAUlF,OAAO,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAClD,CAAA;AAED,eAAO,MAAM,kCAAkC,cAClC,SAAS,qBACD,iBAAiB,qBAMrC,CAAA;AAED,eAAO,MAAM,sBAAsB,aAAa,MAAM,EAAE,WAAgB,MAAM,6DAQ7E,CAAA"}

package/build/hooks/services/use_find_or_create_services_conversation.js

@@ -1,5 +1,5 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
-import { omitBy, isNil } from 'lodash';
+import { isNil, omitBy } from 'lodash';
 import { useMemo } from 'react';
 import { throwResponseError } from '../../utils/response_error';
 import { useApiClient } from '../use_api_client';
@@ -16,8 +16,8 @@ export const useFindOrCreateServicesConversation = ({ teamIds, planId, onSuccess
     });
     const mutation = useMutation({
         throwOnError: true,
-        onSuccess: result => {
-            onSuccess && onSuccess(result);
+        onSuccess: ({ conversation, created }) => {
+            onSuccess?.(conversation, { created });
         },
         mutationFn: async () => findOrCreateServicesConversation(apiClient, teamAndPlanParams),
     });
@@ -30,12 +30,12 @@ export const findOrCreateServicesConversation = async (apiClient, teamAndPlanPar
         .catch(() => null);
     const foundConversation = foundConversations?.data[0];
     if (foundConversation?.id) {
-        return foundConversation;
+        return { conversation: foundConversation, created: false };
     }
     return fetchServicesPayload(apiClient, teamAndPlanParams)
         .then(res => res.data.payload)
         .then(payload => createConversation(apiClient, payload))
-        .then(res => res.data)
+        .then(res => ({ conversation: res.data, created: true }))
         .catch(throwResponseError);
 };
 export const fetchServicesPayload = (apiClient, teamAndPlanParams) => {

package/build/hooks/services/use_find_or_create_services_conversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_find_or_create_services_conversation.js","sourceRoot":"","sources":["../../../src/hooks/services/use_find_or_create_services_conversation.ts"],"names":[],"mappings":"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","sourcesContent":["import { useMutation, useQuery } from '@tanstack/react-query'\nimport { omitBy, isNil } from 'lodash'\nimport { useMemo } from 'react'\nimport {\n  ApiCollection,\n  ApiResource,\n  ConversationResource,\n  ServicesChatGroupIdentifiersResource,\n  ServicesChatPayloadResource,\n} from '../../types'\nimport { throwResponseError } from '../../utils/response_error'\nimport { ApiClient, useApiClient } from '../use_api_client'\n\ninterface Props {\n  teamIds?: number[]\n  planId?: number\n  onSuccess?: (conversation: ConversationResource) => void\n}\n\ninterface TeamAndPlanParams {\n  team_id?: string | null\n  plan_id?: number\n}\n\nexport const useFindOrCreateServicesConversation = ({ teamIds, planId, onSuccess }: Props) => {\n  const apiClient = useApiClient()\n\n  const teamAndPlanParams: TeamAndPlanParams = useMemo(\n    () =>\n      omitBy(\n        {\n          team_id: teamIds?.join(',') || null,\n          plan_id: planId,\n        },\n        isNil\n      ),\n    [teamIds, planId]\n  )\n\n  const { data: selectionHasConversation = false, isLoading: isLoadingConversationCheck } =\n    useQuery({\n      queryKey: ['conversation-with-group-exists', teamAndPlanParams],\n      queryFn: () => checkIfConversationWithGroupExists(apiClient, teamAndPlanParams),\n      enabled: !!(teamIds?.length || planId),\n    })\n\n  const mutation = useMutation({\n    throwOnError: true,\n    onSuccess: result => {\n      onSuccess && onSuccess(result)\n    },\n    mutationFn: async () => findOrCreateServicesConversation(apiClient, teamAndPlanParams),\n  })\n\n  return { ...mutation, selectionHasConversation, isLoadingConversationCheck }\n}\n\nexport const findOrCreateServicesConversation = async (\n  apiClient: ApiClient,\n  teamAndPlanParams: TeamAndPlanParams\n) => {\n  const foundConversations = await getGroupIdsFromServices(apiClient, teamAndPlanParams)\n    .then(res => res.data.groupIdentifiers)\n    .then(groupIdentifiers => findConversationWithExactTeams(apiClient, groupIdentifiers))\n    .catch(() => null)\n  const foundConversation = foundConversations?.data[0]\n\n  if (foundConversation?.id) {\n    return foundConversation\n  }\n\n  return fetchServicesPayload(apiClient, teamAndPlanParams)\n    .then(res => res.data.payload)\n    .then(payload => createConversation(apiClient, payload))\n    .then(res => res.data)\n    .catch(throwResponseError)\n}\n\nexport const fetchServicesPayload = (\n  apiClient: ApiClient,\n  teamAndPlanParams: TeamAndPlanParams\n) => {\n  return apiClient.services.get({\n    url: `/chat`,\n    data: {\n      ...teamAndPlanParams,\n      fields: {\n        Chat: ['payload'],\n      },\n    },\n  }) as Promise<ApiResource<ServicesChatPayloadResource>>\n}\n\nexport const getGroupIdsFromServices = (\n  apiClient: ApiClient,\n  teamAndPlanParams: TeamAndPlanParams\n) => {\n  return apiClient.services.get({\n    url: '/chat',\n    data: {\n      ...teamAndPlanParams,\n      fields: {\n        Chat: ['group_identifiers'],\n      },\n    },\n  }) as Promise<ApiResource<ServicesChatGroupIdentifiersResource>>\n}\n\nexport const findConversationWithExactTeams = (\n  apiClient: ApiClient,\n  groupIdentifiers: string[]\n) => {\n  return apiClient.chat.get({\n    url: '/me/conversations',\n    data: {\n      fields: {\n        Conversation: ['title'],\n      },\n      filter: 'with_exact_groups',\n      gids: groupIdentifiers.join(','),\n    },\n  }) as Promise<ApiCollection<ConversationResource>>\n}\n\nexport const createConversation = (apiClient: ApiClient, payload: string) => {\n  return apiClient.chat.post({\n    url: '/me/conversations',\n    data: {\n      data: { type: 'Conversation', attributes: { payload } },\n    },\n  }) as Promise<ApiResource<ConversationResource>>\n}\n\nexport const findExactTeamConversation = (apiClient: ApiClient, groupIdentifiers: string[]) => {\n  return apiClient.chat.get({\n    url: '/me/conversations',\n    data: {\n      fields: {\n        Conversation: ['title'],\n      },\n      filter: 'with_exact_groups',\n      gids: groupIdentifiers.join(','),\n    },\n  }) as Promise<ApiCollection<ConversationResource>>\n}\n\nexport const checkIfConversationWithGroupExists = (\n  apiClient: ApiClient,\n  teamAndPlanParams: TeamAndPlanParams\n) => {\n  return getGroupIdsFromServices(apiClient, teamAndPlanParams)\n    .then(res => res.data.groupIdentifiers)\n    .then(groupIdentifiers => findExactTeamConversation(apiClient, groupIdentifiers))\n    .then(response => response.data.length > 0)\n}\n\nexport const buildTeamAndPlanParams = (teamIds: number[] = [], planId?: number) => {\n  return omitBy(\n    {\n      team_id: teamIds.join(','),\n      plan_id: planId,\n    },\n    isNil\n  )\n}\n"]}
+{"version":3,"file":"use_find_or_create_services_conversation.js","sourceRoot":"","sources":["../../../src/hooks/services/use_find_or_create_services_conversation.ts"],"names":[],"mappings":"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","sourcesContent":["import { useMutation, useQuery } from '@tanstack/react-query'\nimport { isNil, omitBy } from 'lodash'\nimport { useMemo } from 'react'\nimport {\n  ApiCollection,\n  ApiResource,\n  ConversationResource,\n  ServicesChatGroupIdentifiersResource,\n  ServicesChatPayloadResource,\n} from '../../types'\nimport { throwResponseError } from '../../utils/response_error'\nimport { ApiClient, useApiClient } from '../use_api_client'\n\ninterface Props {\n  teamIds?: number[]\n  planId?: number\n  onSuccess?: (conversation: ConversationResource, meta: { created: boolean }) => void\n}\n\ninterface TeamAndPlanParams {\n  team_id?: string | null\n  plan_id?: number\n}\n\nexport const useFindOrCreateServicesConversation = ({ teamIds, planId, onSuccess }: Props) => {\n  const apiClient = useApiClient()\n\n  const teamAndPlanParams: TeamAndPlanParams = useMemo(\n    () =>\n      omitBy(\n        {\n          team_id: teamIds?.join(',') || null,\n          plan_id: planId,\n        },\n        isNil\n      ),\n    [teamIds, planId]\n  )\n\n  const { data: selectionHasConversation = false, isLoading: isLoadingConversationCheck } =\n    useQuery({\n      queryKey: ['conversation-with-group-exists', teamAndPlanParams],\n      queryFn: () => checkIfConversationWithGroupExists(apiClient, teamAndPlanParams),\n      enabled: !!(teamIds?.length || planId),\n    })\n\n  const mutation = useMutation({\n    throwOnError: true,\n    onSuccess: ({ conversation, created }) => {\n      onSuccess?.(conversation, { created })\n    },\n    mutationFn: async () => findOrCreateServicesConversation(apiClient, teamAndPlanParams),\n  })\n\n  return { ...mutation, selectionHasConversation, isLoadingConversationCheck }\n}\n\nexport const findOrCreateServicesConversation = async (\n  apiClient: ApiClient,\n  teamAndPlanParams: TeamAndPlanParams\n): Promise<{ conversation: ConversationResource; created: boolean }> => {\n  const foundConversations = await getGroupIdsFromServices(apiClient, teamAndPlanParams)\n    .then(res => res.data.groupIdentifiers)\n    .then(groupIdentifiers => findConversationWithExactTeams(apiClient, groupIdentifiers))\n    .catch(() => null)\n  const foundConversation = foundConversations?.data[0]\n\n  if (foundConversation?.id) {\n    return { conversation: foundConversation, created: false }\n  }\n\n  return fetchServicesPayload(apiClient, teamAndPlanParams)\n    .then(res => res.data.payload)\n    .then(payload => createConversation(apiClient, payload))\n    .then(res => ({ conversation: res.data, created: true }))\n    .catch(throwResponseError)\n}\n\nexport const fetchServicesPayload = (\n  apiClient: ApiClient,\n  teamAndPlanParams: TeamAndPlanParams\n) => {\n  return apiClient.services.get({\n    url: `/chat`,\n    data: {\n      ...teamAndPlanParams,\n      fields: {\n        Chat: ['payload'],\n      },\n    },\n  }) as Promise<ApiResource<ServicesChatPayloadResource>>\n}\n\nexport const getGroupIdsFromServices = (\n  apiClient: ApiClient,\n  teamAndPlanParams: TeamAndPlanParams\n) => {\n  return apiClient.services.get({\n    url: '/chat',\n    data: {\n      ...teamAndPlanParams,\n      fields: {\n        Chat: ['group_identifiers'],\n      },\n    },\n  }) as Promise<ApiResource<ServicesChatGroupIdentifiersResource>>\n}\n\nexport const findConversationWithExactTeams = (\n  apiClient: ApiClient,\n  groupIdentifiers: string[]\n) => {\n  return apiClient.chat.get({\n    url: '/me/conversations',\n    data: {\n      fields: {\n        Conversation: ['title'],\n      },\n      filter: 'with_exact_groups',\n      gids: groupIdentifiers.join(','),\n    },\n  }) as Promise<ApiCollection<ConversationResource>>\n}\n\nexport const createConversation = (apiClient: ApiClient, payload: string) => {\n  return apiClient.chat.post({\n    url: '/me/conversations',\n    data: {\n      data: { type: 'Conversation', attributes: { payload } },\n    },\n  }) as Promise<ApiResource<ConversationResource>>\n}\n\nexport const findExactTeamConversation = (apiClient: ApiClient, groupIdentifiers: string[]) => {\n  return apiClient.chat.get({\n    url: '/me/conversations',\n    data: {\n      fields: {\n        Conversation: ['title'],\n      },\n      filter: 'with_exact_groups',\n      gids: groupIdentifiers.join(','),\n    },\n  }) as Promise<ApiCollection<ConversationResource>>\n}\n\nexport const checkIfConversationWithGroupExists = (\n  apiClient: ApiClient,\n  teamAndPlanParams: TeamAndPlanParams\n) => {\n  return getGroupIdsFromServices(apiClient, teamAndPlanParams)\n    .then(res => res.data.groupIdentifiers)\n    .then(groupIdentifiers => findExactTeamConversation(apiClient, groupIdentifiers))\n    .then(response => response.data.length > 0)\n}\n\nexport const buildTeamAndPlanParams = (teamIds: number[] = [], planId?: number) => {\n  return omitBy(\n    {\n      team_id: teamIds.join(','),\n      plan_id: planId,\n    },\n    isNil\n  )\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"use_attachment_uploader.d.ts","sourceRoot":"","sources":["../../src/hooks/use_attachment_uploader.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EAEd,oBAAoB,EACrB,MAAM,gEAAgE,CAAA;AAKvE,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAMD,wBAAgB,qBAAqB,CAAC,EACpC,cAAc,EACd,gBAAgB,GACjB,EAAE;IACD,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAA;CACpC;;;iCAUW,oBAAoB,EAAE;mCAqGkB,cAAc;;;;;;;EAmCjE"}
+{"version":3,"file":"use_attachment_uploader.d.ts","sourceRoot":"","sources":["../../src/hooks/use_attachment_uploader.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EAEd,oBAAoB,EACrB,MAAM,gEAAgE,CAAA;AAKvE,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,cAAc,EACd,gBAAgB,GACjB,EAAE;IACD,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAA;CACpC;;;iCAaW,oBAAoB,EAAE;mCAkHkB,cAAc;;;;;;;EAmCjE"}

package/build/hooks/use_attachment_uploader.js

@@ -1,13 +1,12 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { SUPPORTED_EXTENSIONS } from './attachments/supported_extensions';
 import { useApiClient } from './use_api_client';
+import { useChatConfiguration } from './use_chat_configuration';
 import { useUploadClient } from './use_upload_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, draftAttachments, }) {
     const apiClient = useApiClient();
     const uploadApi = useUploadClient();
+    const { allowedFileExtensions, maxFileSizeInBytes, maxAttachmentsPerMessage } = useChatConfiguration();
+    const maxFileSizeInMb = Number((maxFileSizeInBytes / (1024 * 1024)).toFixed(1));
     const [attachments, setAttachments] = useState(() => draftAttachments || []);
     const uploadState = useRef({});
     const [lastUploadId, setLastUploadId] = useState();
@@ -16,9 +15,9 @@ export function useAttachmentUploader({ conversationId, draftAttachments, }) {
     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;
+            const extension = file.name.toLowerCase().split('.').pop();
+            const isValidExtension = allowedFileExtensions.includes(`.${extension}`);
+            const isValidFileSize = file.size <= maxFileSizeInBytes;
             if (!isValidExtension) {
                 fileErrors.file_type ||= [];
                 fileErrors.file_type.push(extension);
@@ -33,10 +32,10 @@ export function useAttachmentUploader({ conversationId, draftAttachments, }) {
             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`);
+            errorMessages.push(`File size exceeds ${maxFileSizeInMb} 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 (numberOfAttachments + validFiles.length > maxAttachmentsPerMessage) {
+            errorMessages.push(`You can't attach more than ${maxAttachmentsPerMessage} files at once.`);
         }
         if (errorMessages.length > 0) {
             setErrorMessage(errorMessages.join('\n'));
@@ -68,20 +67,33 @@ export function useAttachmentUploader({ conversationId, draftAttachments, }) {
                     };
                     setLastUploadId(messageAttachmentId);
                 })
-                    .catch(err => {
+                    .catch(async (err) => {
                     const isFlagged = err?.code === 'image_flagged';
                     uploadState.current[attachment.file.name] = {
                         status: 'error',
                         flagged: isFlagged,
                     };
                     if (!isFlagged) {
-                        setErrorMessage('This file could not be uploaded.');
+                        // Dev builds surface the raw server detail to shorten the
+                        // feedback loop on backend errors (e.g. AWS SSO re-auth).
+                        // Production users always see the generic message.
+                        const serverDetail = __DEV__ ? await extractDevOnlyServerErrorDetail(err) : null;
+                        setErrorMessage(serverDetail ?? 'This file could not be uploaded.');
                     }
                     setLastUploadId(attachment.file.name);
                 });
             });
         }
-    }, [numberOfAttachments, uploadApi, apiClient.chat, conversationId]);
+    }, [
+        numberOfAttachments,
+        uploadApi,
+        apiClient.chat,
+        conversationId,
+        allowedFileExtensions,
+        maxFileSizeInBytes,
+        maxFileSizeInMb,
+        maxAttachmentsPerMessage,
+    ]);
     useEffect(() => {
         if (!lastUploadId)
             return;
@@ -120,7 +132,20 @@ export function useAttachmentUploader({ conversationId, draftAttachments, }) {
         pendingUploads,
         errorMessage,
         flaggedAttachmentCount,
-        remainingAttachable: MAX_NUMBER_OF_ATTACHMENTS - numberOfAttachments,
+        remainingAttachable: Math.max(0, maxAttachmentsPerMessage - numberOfAttachments),
     };
 }
+async function extractDevOnlyServerErrorDetail(err) {
+    const response = err;
+    if (!response?.clone)
+        return null;
+    try {
+        const body = await response.clone().json();
+        const detail = body?.errors?.[0]?.detail ?? body?.detail;
+        return typeof detail === 'string' ? detail : null;
+    }
+    catch {
+        return null;
+    }
+}
 //# sourceMappingURL=use_attachment_uploader.js.map

package/build/hooks/use_attachment_uploader.js.map

@@ -1 +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 { ApiResource } from '../types'\nimport {\n  FileAttachment,\n  FileUploadState,\n  NativeAttachmentFile,\n} from '../types/resources/denormalized_attachment_resource_for_create'\nimport { SUPPORTED_EXTENSIONS } from './attachments/supported_extensions'\nimport { useApiClient } from './use_api_client'\nimport { useUploadClient } from './use_upload_client'\n\nexport interface 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({\n  conversationId,\n  draftAttachments,\n}: {\n  conversationId: number\n  draftAttachments?: FileAttachment[]\n}) {\n  const apiClient = useApiClient()\n  const uploadApi = useUploadClient()\n  const [attachments, setAttachments] = useState<FileAttachment[]>(() => draftAttachments || [])\n  const uploadState = useRef<FileUploadState>({})\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: NativeAttachmentFile[]) => {\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        uploadedAt: Date.now(),\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(err => {\n              const isFlagged = err?.code === 'image_flagged'\n              uploadState.current[attachment.file.name] = {\n                status: 'error',\n                flagged: isFlagged,\n              }\n              if (!isFlagged) {\n                setErrorMessage('This file could not be uploaded.')\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        // Don't risk overwriting ids already set\n        if (attachment.id) return attachment\n\n        const state = uploadState.current[attachment.file.name]\n        if (state) {\n          return { ...attachment, id: state.id, status: state.status, flagged: state.flagged }\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 removeFlaggedAttachments = useCallback(() => {\n    setAttachments(prevAttachments => prevAttachments.filter(a => !a.flagged))\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  const flaggedAttachmentCount = attachments.filter(a => a.flagged).length\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    removeFlaggedAttachments,\n    reset,\n    pendingUploads,\n    errorMessage,\n    flaggedAttachmentCount,\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"]}
+{"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 { ApiResource } from '../types'\nimport {\n  FileAttachment,\n  FileUploadState,\n  NativeAttachmentFile,\n} from '../types/resources/denormalized_attachment_resource_for_create'\nimport { useApiClient } from './use_api_client'\nimport { useChatConfiguration } from './use_chat_configuration'\nimport { useUploadClient } from './use_upload_client'\n\nexport interface FileError {\n  file_type?: string[]\n  file_size?: boolean\n}\n\nexport function useAttachmentUploader({\n  conversationId,\n  draftAttachments,\n}: {\n  conversationId: number\n  draftAttachments?: FileAttachment[]\n}) {\n  const apiClient = useApiClient()\n  const uploadApi = useUploadClient()\n  const { allowedFileExtensions, maxFileSizeInBytes, maxAttachmentsPerMessage } =\n    useChatConfiguration()\n  const maxFileSizeInMb = Number((maxFileSizeInBytes / (1024 * 1024)).toFixed(1))\n  const [attachments, setAttachments] = useState<FileAttachment[]>(() => draftAttachments || [])\n  const uploadState = useRef<FileUploadState>({})\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: NativeAttachmentFile[]) => {\n      const fileErrors = {} as FileError\n\n      const validFiles = files.filter(file => {\n        const extension = file.name.toLowerCase().split('.').pop() as string\n        const isValidExtension = allowedFileExtensions.includes(`.${extension}`)\n        const isValidFileSize = file.size <= maxFileSizeInBytes\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 ${maxFileSizeInMb} MB`)\n      }\n      if (numberOfAttachments + validFiles.length > maxAttachmentsPerMessage) {\n        errorMessages.push(`You can't attach more than ${maxAttachmentsPerMessage} 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        uploadedAt: Date.now(),\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(async err => {\n              const isFlagged = err?.code === 'image_flagged'\n              uploadState.current[attachment.file.name] = {\n                status: 'error',\n                flagged: isFlagged,\n              }\n              if (!isFlagged) {\n                // Dev builds surface the raw server detail to shorten the\n                // feedback loop on backend errors (e.g. AWS SSO re-auth).\n                // Production users always see the generic message.\n                const serverDetail = __DEV__ ? await extractDevOnlyServerErrorDetail(err) : null\n                setErrorMessage(serverDetail ?? 'This file could not be uploaded.')\n              }\n              setLastUploadId(attachment.file.name)\n            })\n        })\n      }\n    },\n    [\n      numberOfAttachments,\n      uploadApi,\n      apiClient.chat,\n      conversationId,\n      allowedFileExtensions,\n      maxFileSizeInBytes,\n      maxFileSizeInMb,\n      maxAttachmentsPerMessage,\n    ]\n  )\n\n  useEffect(() => {\n    if (!lastUploadId) return\n\n    setLastUploadId(undefined)\n    setAttachments(\n      attachments.map(attachment => {\n        // Don't risk overwriting ids already set\n        if (attachment.id) return attachment\n\n        const state = uploadState.current[attachment.file.name]\n        if (state) {\n          return { ...attachment, id: state.id, status: state.status, flagged: state.flagged }\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 removeFlaggedAttachments = useCallback(() => {\n    setAttachments(prevAttachments => prevAttachments.filter(a => !a.flagged))\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  const flaggedAttachmentCount = attachments.filter(a => a.flagged).length\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    removeFlaggedAttachments,\n    reset,\n    pendingUploads,\n    errorMessage,\n    flaggedAttachmentCount,\n    remainingAttachable: Math.max(0, maxAttachmentsPerMessage - numberOfAttachments),\n  }\n}\n\nasync function extractDevOnlyServerErrorDetail(err: unknown): Promise<string | null> {\n  const response = err as Response | null\n  if (!response?.clone) return null\n  try {\n    const body = await response.clone().json()\n    const detail = body?.errors?.[0]?.detail ?? body?.detail\n    return typeof detail === 'string' ? detail : null\n  } catch {\n    return null\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"]}

package/build/hooks/use_chat_configuration.d.ts

@@ -0,0 +1,6 @@
+export declare function useChatConfiguration(): {
+    allowedFileExtensions: string[];
+    maxFileSizeInBytes: number;
+    maxAttachmentsPerMessage: number;
+};
+//# sourceMappingURL=use_chat_configuration.d.ts.map

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

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